/*fonts*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
/*fonts*/


div, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, input, textarea, dl, dt, dd  { padding : 0px 0px 0px 0px; margin : 0;font-weight:normal; 
vertical-align:baseline;}
header, footer, section,  nav, article, aside {display: block; padding : 0px 0px 0px 0px; margin : 0px;	font-weight:normal; vertical-align:baseline;}

ul {list-style : none;}

li {list-style : none;}

img {outline : none;border : none;vertical-align:middle; padding:0px; margin:0px;}

a {outline : none;text-decoration : none;}
a:hover { text-decoration:none;}

.clr{ clear:both; height:0px; margin:0px; padding:0px;}

a:focus {outline: none;text-decoration: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:none;outline:none;outline-offset:-2px}
*, *:before, *:after {
    box-sizing: border-box;
}

/* --------------------- main css ---------------------*/
body{font-family: 'Roboto', sans-serif;}
.wrapper{width: 100%;}


/*header*/
.header{font-family: 'Roboto', sans-serif; width: 100%;padding: 15px 19px 0; height: 69px; box-shadow: 0 0 0.1em 0 rgba(0,0,0,0.25);}
.header .row, .header .col-sm-12{padding: 0; margin: 0;}
.header .navbar-default{background: transparent; border: 0; margin: 0;}
.header .container-fluid{padding: 0;}
.header .navbar-brand{margin: 0 !important; padding: 10px 0 0 0; font-size: 19.1px; color: #666f77; text-transform: uppercase; letter-spacing: 0.125em;
transition: color 0.2s ease-in-out !important;}
.header .navbar-brand:hover{color: #83d6de !important;}
.header .navbar-right{    margin-right: 127px;}
.header .navbar-nav>li>a{font-size: 14pt; padding: 10px 21px 0; color: #555f66 !important; transition: color 0.2s ease-in-out !important;}
.header .navbar-nav>li>a:hover{color: #83d6de !important;}


.lang_sec{padding: 0 0 0 17px; margin: 0 -15px 0 16px; background: url(../images/brdr1.jpg); background-repeat: no-repeat; background-position: left center;
position: absolute; right: 15px;}
.lang_sec li:last-child a{padding-right: 0 !important;}
.lang_sec li a{padding: 10px 21px !important;}


/*banner css*/
.banner .container-fluid{width: 100%;}
.banner{width: 100%; background:  url(../images/banner.jpg) no-repeat center; background-size: cover; height: 663px; position: relative;}

.banner:before{background: rgba(64,72,80,0.25); width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0;}

.banner_sec{width: 100%;flex-direction: row; display: flex; align-items: center; justify-content: center;}
.text_sec{text-align: center; flex: 1; width: 918px; float: left;}
.text_sec h1{font-size: 65px; letter-spacing: 0.125em; color: #fff; margin: 51px 0 4px 7px;}
.text_sec p{color: #bbb; font-size: 28px; margin-bottom: 2em; font-family: 'Roboto', sans-serif; }


.banner-form{background: #fafafa; border-radius: 5px; align-self: flex-end; min-width: 283px; height: 551px; float: left; margin: 56px 41px 0 0;
padding: 18.5px;}

.banner-form h3{font-family: 'Roboto', sans-serif;font-size: 23.4px; letter-spacing: 0.125em; color: #666f77; line-height: 1.5em;
margin: 0 0 1em 0;}

.form_inn label {font-family: 'Roboto', sans-serif; color: #666f77; display: block; font-size: 17px; margin: 0 0 1em 0; font-weight: 400;
padding: 4px 0 0 0;}

.form_inn input[type="text"], .form_inn input[type="password"], .form_inn input[type="email"], .form_inn input[type="tel"], .form_inn select, 
.form_inn textarea { -webkit-appearance: none; appearance: none; background: rgba(144,144,144,0.075); border-radius: 6px; border: none;
border: solid 1px rgba(144,144,144,0.25); color: #333; display: block; outline: 0; padding: 0 1em; text-decoration: none; width: 100%; height: 34px;
font-size: 14pt; margin: 4px 0 4px 0; float: left;}

.form_inn input[type="text"], .form_inn input[type="password"], .form_inn input[type="email"], .form_inn input[type="phone"], .form_inn select {
    height: 51.33px !important;
}
.form_inn textarea{height: 94px; resize: none; padding: 0.75em 1em; margin: 14px 0 0 0;float: left;}
.form-group>input::-webkit-input-placeholder{color: #bbbbbb !important;}
.form-group>input::-moz-input-placeholder{color: #bbbbbb !important;}

.form_inn .form-group{margin: 0;}
.form_inn button{appearance: none; width: 135.88px; height: 47.88px; text-align: center;background-color: #83d6de;border-radius: 6px;border: 0;
color: #ffffff!important; cursor: pointer; display: inline-block; font-weight: 300; text-transform: uppercase; letter-spacing: 0.125em; font-size: 16.8px;
padding: 0 1.75em; line-height: 47.88px; text-align: center; text-decoration: none; white-space: nowrap; text-indent: 0.25em; margin: 7px 0px; }

.cntc_btn{min-width: 184.11px; height: 47.88px; appearance: none; text-align: center;background-color: #83d6de;border-radius: 6px;border: 0;
color: #ffffff!important; cursor: pointer; display: inline-block; font-weight: 300; text-transform: uppercase; letter-spacing: 0.125em; font-size: 16.8px;
padding: 0 1.75em; line-height: 47.88px; text-align: center; text-decoration: none; white-space: nowrap; text-indent: 0.25em; margin: 7px 0px; }

.lrn_btn{min-width: 186.05px; height: 47.88px; appearance: none; text-align: center;background-color: #192024;border-radius: 6px;border: 0;
color: #ffffff!important; cursor: pointer; display: inline-block; font-weight: 300; text-transform: uppercase; letter-spacing: 0.125em; font-size: 16.8px;
padding: 0 1.75em; line-height: 47.88px; text-align: center; text-decoration: none; white-space: nowrap; text-indent: 0.25em; margin: 7px 0px; }


/*footer css*/
.footer{background: #f8f8f8; width: 100%;}

.footer_inn{width: 100%; display: flex; justify-content: space-between;  flex-direction: row; padding: 23px 9px;}
.footer_box1 , .footer_box2 , .footer_box3, .footer_box4 {margin: 1em;display: inline-block;}
.footer_box1 h3, .footer_box2 h3, .footer_box3 h3{font-family: 'Roboto', sans-serif; font-size: 13px; color: #666f77; font-weight: 300; line-height: 1.5em; margin: 0 0 1em 0; 
text-transform: uppercase; letter-spacing: 0.125em;}
.footer_box1 ul li{color: #555f66; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; font-weight: 400; line-height: 1.75em; font-style: italic;}
.footer_box2 ul li a{transition: color 0.2s ease-in-out; color: #555f66; display: inline-block; text-decoration: none;font-size: 14pt; 
font-weight: 400; line-height: 1.75em; }
.footer_box2 ul li a:hover{color: #83d6de;}

.footer_box3 ul li a{transition: color 0.2s ease-in-out; color: #555f66; display: inline-block; text-decoration: none;font-size: 14pt; 
font-weight: 400; line-height: 1.75em; }
.footer_box3 ul li a:hover{color: #83d6de;}





/*our-carrier page*/

.our_carrier_sec{width: 100%; }
.page {padding: 1em 1.3em; max-width: 920px; margin: 0 auto;}
.our_carrier_head{width: 100%; text-align: center;}

.our_carrier_head h3{color: #666f77; margin-top: 1em; margin-bottom: 0.9em; font-size: 37.5px; line-height: 64px; letter-spacing: 0.12em;
text-transform: uppercase;}
.our_carrier_head p{color: #555f66; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; line-height: 1.75em;text-align: left;}

.carrier_sec{width: 100%;}
.carrier_list {flex-direction: row; flex-wrap: wrap; list-style: none; display: flex; padding: 1em; align-items: center; justify-content: center;
margin: 0 0 2em 0;}
.carrier_list .carrier {font-size: 20pt ; width: 39%; margin: 1em; padding: 2em;  color: #555f66; display: inline-block; 
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);}

/*about us page*/
.about_sec{width: 100%; }
.about_head{width: 100%; text-align: center;}
.about_head h3{color: #666f77; margin-top: 1em; margin-bottom: 0.9em; font-size: 37.5px; line-height: 64px; letter-spacing: 0.12em;
text-transform: uppercase;}
.about_head p{color: #555f66; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; line-height: 1.75em;text-align: left;}

.member_sec{width: 100%;}
.member_list{width: 100%; padding-left: 1em; margin: 0 0 2em 0;}
.member_list li{margin-bottom: 2em; padding: 1.4em; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
width: 100%; display: inline-block;}
.member_list li h3{font-size: 23.3px; line-height: 1.5em; color: #666f77; margin: 0 0 1em 0; text-transform: uppercase; letter-spacing: 0.125em;}
.member_image {float: left; margin-right: 1em;}
.member_image img{max-width: 100%;}

.member_list li p{color: #555f66; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; line-height: 1.75em;text-align: left;
margin: 0 0 2em 0;}



/*our-service page*/
.our_service_sec{width: 100%; }
.our_service_head{width: 100%; text-align: center;}
.our_service_head h3{color: #666f77; margin-top: 1em; margin-bottom: 0.9em; font-size: 37.5px; line-height: 64px; letter-spacing: 0.12em;
text-transform: uppercase;}
.our_service_head p{color: #555f66; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; line-height: 1.75em;text-align: left;}

.service_panel{width: 100%;}
.service_list {padding: 1.3em; list-style: none; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
 margin: 0 0 2em 0;}
.service_list h4 {font-size: 19px; line-height: 1.5em; color: #666f77; margin: 0 0 1em 0; text-transform: uppercase; letter-spacing: 0.125em;}

.service_list ul{width: 100%; display: inline-block; padding: 1.3em;}
.service_list ul li{margin: 0 2em; padding: 1em; width: 100%; display: inline-block;}

.service_list h5 {font-size: 17px; line-height: 1.5em; color: #666f77; margin: 0 0 1em 0; text-transform: uppercase; letter-spacing: 0.125em;}
.service_list p{color: #555f66; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; line-height: 1.75em;
margin: 0 0 2em 0;}
.service_list a{transition: color 0.2s ease-in-out; color: #555f66; display: inline-block; text-decoration: none;font-family: "Roboto",Helvetica,sans-serif;
font-size: 14pt; line-height: 1.75em;}

.service_list a:hover{color: #83d6de;}

.service_image{float: left; margin-right: 2em;}
.service_image img{max-width: 100%;}



/*contact us page*/
.cntc_sec{width: 100%; }
.cntc_head{width: 100%; text-align: center;}
.cntc_head h3{color: #666f77; margin-top: 1em; margin-bottom: 0.9em; font-size: 37.5px; line-height: 64px; letter-spacing: 0.12em;
text-transform: uppercase;}

.contact_soc{width: 100%;}
.contact_soc ul{flex-direction: row; display: flex;margin: 0 0 2em 0;padding-left: 1em; width: 100%;}
.contact_soc ul li{padding: 1em; min-width: 10em; list-style: none; flex: 1; text-align: center; display: inline-block;}
.contact_soc ul li a {color: inherit; text-decoration: none;}
.contact_icon {font-size: 37px;}
.contact_soc ul li h4{font-size: 19px; line-height: 1.5em; color: #666f77;text-transform: uppercase;letter-spacing: 0.125em;margin: 0 0 1em 0;}
.contact_soc ul li a.contact_link{font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt;line-height: 1.75em;}

.cntc_form{width: 96%; display: inline-block; background: #fafafa; border-radius: 5px; padding: 1em; align-self: flex-end; margin:0 2em 2em;}
.banner_form1{width: 100%; padding: 18.5px;}

.banner_form1 h3{font-family: 'Roboto', sans-serif;font-size: 23.4px; letter-spacing: 0.125em; color: #666f77; line-height: 1.5em; text-transform: uppercase;
margin: 0 0 1em 0;}



/*all services page*/
.our_service_txt{width: 100%;}
.our_service_txt p{color: #555f66; margin: 0 0 2em 0; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; line-height: 1.75em;text-align: left;}

.our_service_txt h3{color: #666f77; font-family: "Roboto",Helvetica,sans-serif; text-align: left; text-transform: uppercase; font-size: 28px; 
line-height: 42px; margin: 0 0 1em 0; letter-spacing: 0.125em;}

.our_service_txt ul { margin: 0 0 2em 0; padding-left: 1.3em;}
.our_service_txt ul li {list-style: disc !important; font-size: 14pt; color: #555f66; padding-left: 0.5em; line-height: 32px;}


.auto { text-align:center;}
.member_list li h3 span {font-size: 18px; line-height: 1em; color: #666f77; margin: 0 0 1em 0; text-transform: none; letter-spacing: 0.125em;}


.add { text-align:center; padding:30px 0px 0px 0px;}




.footer{background: #f8f8f8; width: 100%;}

.footer_inncus{width: 100%; padding: 23px 9px;}

.footer_box1cus {width:18%; float:left;}
.footer_box2cus {width:23%; float:left; padding:0px 2% 0px 0%;}
.footer_box3cus  {width:15%; float:left;}
.footer_box4cus  {width:30%; float:left;}
.footer_box5cus  {width:12%; float:left;}

.footer_box1cus h3, .footer_box2cus h3, .footer_box3cus h3, .footer_box4cus h3, .footer_box5cus h3 {font-family: 'Roboto', sans-serif; font-size: 13px; color: #666f77; font-weight: 300; line-height: 1.5em; margin: 0 0 1em 0; 
text-transform: uppercase; letter-spacing: 0.125em;}
.footer_box1cus ul li{color: #555f66; font-family: "Roboto",Helvetica,sans-serif; font-size: 14pt; font-weight: 400; line-height: 1.75em; font-style: italic;}
.footer_box2cus ul li a{transition: color 0.2s ease-in-out; color: #555f66; display: inline-block; text-decoration: none;font-size: 14pt; 
font-weight: 400; line-height: 1.75em; }
.footer_box2cus ul li a:hover{color: #83d6de;}

.footer_box3cus ul li a{transition: color 0.2s ease-in-out; color: #555f66; display: inline-block; text-decoration: none;font-size: 14pt; 
font-weight: 400; line-height: 1.75em; }
.footer_box3cus ul li a:hover{color: #83d6de;}


.footer_box5cus ul li a{transition: color 0.2s ease-in-out; color: #555f66; display: inline-block; text-decoration: none;font-size: 14pt; 
font-weight: 400; line-height: 1.75em; }
.footer_box5cus ul li a:hover{color: #83d6de;}