@charset "utf-8";
/* CSS Document */
/*Project Name : AB Shipping [Created by WEBLINKINDIA.NET on March 24, 2017 : Mohan]*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,300,600,700,800|Droid+Sans:800,600,400");
@import url("http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,300,700,500italic,900");
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic");

body{background:#fff; font:14px 'Open Sans', sans-serif; color:#4d4d4d; line-height:20px;}
.open{font-family: 'Open Sans', sans-serif;}
.great-vibes{font-family: 'Great Vibes', cursive;}
.pt-sans{font-family: 'PT Sans', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

.container{width:1200px; margin:0px auto; border:0px solid #F00;}
.bdr{border:1px solid #F00;}
.bdr1{border:1px solid #ccc;}
.bdr2{border:1px solid #eee;}
.bdrr{border-right:1px solid #d8d8d8;}
.heading1{font:30px/30px 'Roboto', sans-serif; color:#000000;}
.heading1 span{color:#0060bd;}
.heading2{font:25px/25px 'Roboto', sans-serif; color:#fff;}
.heading3{font:25px/39px 'Roboto', sans-serif; color:#000000;}
.heading4{font:25px/25px 'Roboto', sans-serif; color:#000000;}
.heading5{font:300 36px/36px 'Roboto', sans-serif; color:#555;}
.heading6{font:300 36px/36px 'Roboto', sans-serif; color:#555; text-align:left;}


.navbar-brand {float: left;  font-size: 15px; height: auto; line-height: 20px; padding: 10px 0px;}
.navbar-nav>li>a {padding-top: 0px; padding-bottom: 0px;}
.nav>li>a {position: relative; display: block; padding: 0px 17px; color:#5a6470; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:15px;}
/*.nav>li:last-child>a {color:#eb8936;}*/
.nav > li > a:hover, .nav > li > a:focus {background-color:#fff; color:#0181c0; text-decoration: none;}
.navbar-nav > li {float: left; margin-top: 0px;}

.navbar-nav {float: right; margin:55px -15px 0 0 !important;}

.banner_area{width:100%; /*background:url(../images/slide1.jpg) no-repeat top center;*/ position:relative;}
ul.float_4 li{float:left; width:25%; list-style:none; overflow:hidden; margin:0 auto; border-left:1px solid #e9e9e9;}
ul.float_4 li:last-child{border-left:0px solid #e9e9e9;}
.solutions-area{width:300px; height:398px; overflow:hidden; margin:0 auto;}
/*.solutions-area:last-child{border-left:0px solid #e9e9e9;}*/
.pic{width:220px; height:201px; overflow:hidden; margin:0 auto;}
/*.pic figure{width:220px; height:221px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}*/
.pic figure:hover{margin-top:-201px;}
.solutions-title{font-size:15px; color:#000; font-weight:700;}
.solutions-title a{font-size:15px; color:#000; font-weight:700;}
.solutions-text{padding:0 25px; font-size:15px; color:#5a626d; line-height:22px; height:87px; overflow:hidden;}

a.btn1 { padding: 12px 23px; display:inline-block;  color:#fff;  font-weight: 600;  line-height: 18px;  text-align: center;  white-space: nowrap;  vertical-align: middle;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; float:none; text-transform:uppercase; font-size:14px; font-family: 'Roboto', sans-serif; background:#0181c0; border:0px solid #FFF; border-radius:15px;}
a.btn1:hover{color:#000; background:#a7cf31; text-decoration:none;}

.body_section_bg{width:100%; height:362px; background:url(../images/body_section_bg.jpg) center no-repeat; padding:26px 0 37px 0; position:relative; border:0px solid #F00;}
.servi_bg{background:url(../images/servi_bg.png) center no-repeat; position:absolute; bottom:0; width:543px; height:60px; }
.servi_bg p{font-size:27px; color:#fff; line-height:45px; font-weight:100; margin-top:0px;}
.servi_bg span{font-size:30px; color:#a7cf31; font-weight:300; display:block; text-transform:uppercase; padding-top:10px;}

.f_dd_box{margin:20px 0 0 0}
.tab_hider{display:block;}
.tab_only{display:none;}
.mob_hider{display:block;}
.mob_only{display:none;}
.desk_only{display:block;}
.desk_hide{display:none;}
.tab_only{display:none !important;}
.mob-only{display:none;}
.desk_show{display:block;}

ul.float_3 li{width:33%; float:left; overflow:hidden; list-style:none; margin:50px auto 0px auto; position:relative; padding:0px 0px; border-left:1px solid #e9e9e9;text-align:center;}
ul.float_3 li:first-child{border-left:0px solid #e9e9e9;}

.about-area{width:370px; overflow:hidden; margin:0 auto;}
.about-title{font-size:15px; font-weight:600; color:#000000; text-transform:uppercase;}
.about-text{font-size:15px; color:#5a626d; line-height:22px; height:130px; overflow:hidden;}
.about-pic{width:370px; height:160px; overflow:hidden; margin:0 auto;}
.about-pic figure{width:370px; height:160px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.about-pic figure img{max-width:100%;}

.slide2{margin:25px auto 0 auto; width:100% !important; overflow:hidden; border:0px solid #F00;}
ul.float_6{overflow:hidden; border:0px solid #F00;}
ul.float_6 li{margin:3px auto 0px auto; list-style:none; float:left; width:16.6666666667%; position:relative; overflow:hidden;}
.brand_bg{background:url(../images/brand_bg.jpg) center no-repeat; width:100%; height:323px; padding:40px 0; margin-top:55px;}
.brand_bg_1{background:#EFEFEF; width:100%; height:250px; padding:0px 0; margin-top:4px;}

.brand-area{width:198px; overflow:hidden; margin:0 auto;}
.brand-pic{width:198px; height:92px; overflow:hidden; margin:2px auto;}
.brand-pic figure{width:198px; height:92px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.brand-pic figure img{max-width:100%;}

.contact_bg{background:#f7f7f7; padding:35px 0px 35px 0px;}
.email-icon{font-size:63px; color:#0181c0;}
.email-icon:hover{color:#ce191e;}
.phone-icon{font-size:85px; color:#0181c0;}
.phone-icon:hover{color:#ce191e;}
.address-icon{font-size:78px; color:#0181c0;}
.address-icon:hover{color:#ce191e;}

.footer_bg{background:#454545; padding:40px 0px;}
.footer-nav a{display:inline-block; font:15px 'Roboto', sans-serif; line-height:24px; color:#fff; list-style:none;  text-align:center; text-transform:capitalize; padding:0px 17px;}
.footer-nav a:hover{text-decoration:none; color:#0181c0;}

.bottom-text{font-size:12px; color:#878787;}
.bottom-text a{color:#f37909;}
.bottom-text a:hover{color:#fff;}

.icons{height:37px; overflow:hidden; text-align:center; margin-top:25px; border:0px solid #000;}
.icons a{margin-left:2px; display:inline-block;}
.icons a img{transition:all .3s linear;-webkit-transition:all .3s linear; -ms-transition:all .3s linear; -moz-transition:all .3s linear; border:0px solid #000;}
.icons a img:hover{margin-top:-74px;}

/*Inner Pages Css*/

ul.float_3x3 li{width:33.33333%; float:left; overflow:hidden; list-style:none; margin:20px auto 0px auto; position:relative; padding:0px 0px;}
.solutions-area1{width:350px; height:250px; margin:0 auto;}
.solutions-box{padding:0px 20px; width:350px; height:250px; border-radius:60px; background:#0181c0; margin:0 auto; vertical-align:middle; display:table-cell; overflow:hidden; transition:all linear 0.7s;}
.solutions-box:hover{ transform:scale(1.1)}
.solutions-box2{padding:0px 20px; width:350px; height:250px; border-radius:60px; background:#a7cf31; margin:0 auto; vertical-align:middle; display:table-cell; overflow:hidden; transition:all linear 0.7s;}
.solutions-box2:hover{ transform:scale(1.1)}

.solutions-area1 .effect{border-radius:60px; background:#0181c0; width:350px; height:250px; position:absolute; z-index:999999; margin-top:-250px; transition:all linear 0.8s; opacity:0; cursor:pointer;}
.solutions-area1:hover .effect{ opacity:0.5; background:#0181c0;}

.solutions-area1 .effect-1{border-radius:60px; background:#a7cf31; width:350px; height:250px; position:absolute; z-index:999999; margin-top:-250px; transition:all linear 0.8s; opacity:0; cursor:pointer;}
.solutions-area1:hover .effect-1{ opacity:0.5; background:#a7cf31;}


.btn2 { padding: 10px 5px; display:inline-block;  color:#fff;  font-weight: 100;   text-align: center; vertical-align: middle;  cursor: pointer;  float:none; text-transform:uppercase; font-family: 'Open Sans', sans-serif; background:#ffe117; float:none; border:0px solid #FFF;}
.btn2 a{color:#000000;}
.btn2:hover .arrow-bg{color:#fff; background:red; text-decoration:none;}
.btn2 a:hover{color:#fff; background:#333; text-decoration:none;}
.btn2:hover a{color:#fff; background:#333; text-decoration:none;}


.sm_hide{display:block;}
.mob_hide{display:block;}
.tab_hide{display:block;}
.only_mob{display:none;}


.slide1{width:100% !important; overflow:hidden !important; border:0px solid #F00;}

.blacklink, .blacklink:visited{ background:#0181c0; font:bold 16px/20px 'Open Sans', sans-serif; display:inline-block; padding:10px 40px; color:#fff; text-decoration:none; cursor: pointer; border:none; border-radius: 5px;}
.blacklink:hover{background:#a6cf30; color:#fff; transition:all .6s linear; -moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear;}
.blacklink a{color:#fff;}
.blacklink a:hover{color:#fff;}

.blacklink1, .blacklink:visited{ background:#a6cf30; font:bold 16px/20px 'Open Sans', sans-serif; display:inline-block; padding:10px 40px; color:#fff; text-decoration:none; cursor: pointer; border:none; border-radius: 5px;}
.blacklink1:hover{background:#0181c0; color:#fff; transition:all .6s linear; -moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear;}
.blacklink1 a{color:#fff;}
.blacklink1 a:hover{color:#fff;}

/*Inner Page*/
.contacts-add{border:6px solid #f2f2f2; box-shadow:0px 0px 10px #ccc inset; border-radius:3px; padding:20px}
.bdrb{border-bottom:1px solid #ddd; padding-bottom:10px;}

/*Inner Page*/

.ltr-spec{letter-spacing:8px; margin-top:5px;}	

/*Inner Css Source*/

.pager {
    padding-left: 0;
    margin: 5px 10px 0px 0px;
    text-align: center;
    list-style: none;
    float: right;
}
.cms_area{font:14px 'Open Sans', sans-serif; color:#4d4d4d; line-height:20px; min-height:300px; width:100%; overflow-x:auto;}
/*.cms_area ul{}
.cms_area ul li{float:none;padding-left:0px; list-style:inside;}*/

ul.default{}
ul.default li{float:none; margin:10px 0px; padding-left:0px; list-style:inside;}

.img-left{float:left; padding:3px; margin:10px 10px 0 10px;}
.img-right{float:right; padding:3px; margin:10px 10px 0 10px;}

/*----------------Inner Css Source-------------------------------*/

/*breadcrumb*/
.breadcrumb{color:#333; font-size:13px; font-weight:400; margin:0px; padding:4px 0px 10px 0px; text-transform:capitalize; background:#f7f7f7;}
.breadcrumb a{color:#333; text-decoration:none; padding:0px 5px 0px 0;}
.breadcrumb b{color:#333; text-decoration:none; padding:0px 5px 0px 0px;}
.breadcrumb a:hover{ color:#333;}

/* Testimonials CSS */
.testimonials_bg{display:block; text-align:left; font:13px/24px 'Open Sans', sans-serif; color:#3a380c; margin-top:0px; text-transform:capitalize; border-radius:5px; border:1px solid #ddd; background:#f7f7f7; padding:15px; box-shadow:5px 5px 5px rgba(0,0,0,.1);margin-bottom:10px;}
.testimonials_bg span{float:left; width:52px; height:40px; margin:10px 10px 0px 0px; overflow:hidden; border:0px solid #000;}

/* Sitemap CSS */

.list1{margin-top:20px;}
.list1 a{display:block; text-align:left; font:13px/24px 'Open Sans', sans-serif; color:#3a380c; background:#f7f7f7 url(../images/bulh.png) no-repeat 95% center; padding:3px 10px 2px 15px; box-shadow:5px 5px 5px rgba(0,0,0,.1);border-radius:50px; margin-bottom:8px; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; border:1px solid #ddd; width:98%; float:none; margin-left:auto; text-transform:capitalize;}
.list1 a:hover{background:#1c7ed3 url(../images/bul.png) no-repeat 2% center; color:#fff; text-decoration:none; text-align:left; padding:3px 10px 2px 40px;}

/*Contact Us*/
.form-group{margin-bottom: 12px;}
.form-control{display: block; width: 100%; height: 46px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #3a3a3a !important; background-color: #fff !important; background-image: none; border: 1px solid #ccc; border-radius: 0px; 
box-shadow:0px 0px 5px #CCCCCC inset;}
.form-control::-moz-placeholder -ms-placeholder -o-placeholder -webkit-placeholder{color: #433f0d; opacity: 1;}
.form-control::-moz-placeholder{color: #433f0d; opacity: 1;}
.form-width{width:65%; float:left;}
.form-width2{width:38%; float:right;}
.ft-contct{ width:100%;color:#000000; font-size:13px; font-weight:400 !important; margin-top:8px; margin-left:15px; display:block; font-weight:300; line-height:20px; border-bottom:1px dashed #ccc; padding-bottom:25px;}
.ft-contct span{ display:block;float:left; width:35px; height:45px; overflow:hidden; margin-right:15px; font-weight:600;}


/*Back to top button */

#back-top {position: fixed; bottom:50px; right:5px; z-index:999;}
#back-top a {width: 60px; display: block; text-align: center; font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s}
#back-top a:hover {color: #fff}
#back-top span {width: 60px; height: 60px; display: block; margin-bottom: 7px; background:#000; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s}
#back-top a:hover span {background-color:rgba(0,0,0,.8);}
.z9 { z-index:5}
.certificate-img{float:right;}
ul.country_list li{float:left; position:relative; list-style:none; width:12%; font-size:14px;}