/*
Theme Name: Autovoorexport
Author: iQuinceSoft
Author URI: http://www.iquincesoft.com/
Description: Autovoorexport Theme developed by iQuinceSoft
Version: 1.2.0
Tags: Autovoorexport
*/
/* CSS Document */
*{margin:0; padding:0; box-sizing: border-box; }
ul,li{list-style: none;}
a, a:hover{text-decoration: none;}

@font-face {font-family: fontAwesome; src: url(fonts/fontawesome-webfont.ttf); src: url(fonts/fontawesome-webfont.eot); src: url(fonts/fontawesome-webfont.woff); }

body{font-family:Muli; font-weight: normal; }




/*.................. HOME-PAGE-FORM .................. */

body { font-family:Muli; }
a { transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; }
a:hover { text-decoration:none; }

.form_section { margin: -120px 0 70px; }
.form-1 { background-color:#fff; background-image:url(images/bg.png); background-position:center bottom; background-repeat:no-repeat; border-radius:8px 0 0 8px; box-shadow:0px 4px 35px rgba(0, 0, 0, 0.11); padding:0 35px 50px; }
.form-1 h4 { background-color:#F4931E; border-radius:8px 0 0 0; color:#fff; font-size:22px; font-weight:bold; margin:0 -35px 25px -35px; padding:22px 20px; }
.form-1 h4 span { float:right; font-size:15px; font-weight:600; padding:3px 0 0; }
.form-1 p { color:#000; font-size:14px; font-weight:600; margin:10px 0 12px; }
.box { background-color:#fff; border:1px solid #BABABA; border-radius:4px; color:#606060; font-size:13px; height:44px; padding:10px 15px; }
.box:focus { background-color:#fff; border:1px solid #BABABA !important; box-shadow:none !important; color:#606060; }
.box::-moz-placeholder { color:#606060; }
.box::-webkit-input-placeholder { background-color:#fff; color:#606060; }
.form-2 { background-color:#24A9E2; border-radius:0 8px 8px 0; padding:15px 20px 38px; text-align:center; }
.form-2 h5 { border:2px solid #fff; border-radius:5px; color:#fff; font-size:19px; font-weight:bold; margin:0 0 8px; padding:12px 0; }
.form-2 p { color:#fff; font-size:14px; font-weight:600; margin:12px 0 10px; text-align:left; }
.wpcf7-form-control.wpcf7-submit.fa.fa-calendar-o { background-color:#F4931E; border:2px solid #F4931E; border-radius:30px; color:#fff; display:inline-block; font-size:16px; font-weight:bold; margin:0px; padding:8px 30px; text-align:center; font-family:'Roboto Condensed', sans-serif }
.form-2 a i { padding:0 10px 0 0; }
.wpcf7-form-control.wpcf7-submit.fa.fa-calendar-o:hover { background-color:transparent; color:#F4931E; -webkit-transition: all 0.4s ease-in 0s; }
.form-2 > p { text-align: center;}
.form_section span.wpcf7-not-valid-tip { font-size: 11px !important;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { border: 2px solid #ff0000 !important; width: 31% !important; margin: 0 auto;text-align: center; }
/*.................. Home-Page-Media .................. */

@media (min-width:320px) and (max-width:767px){
.form-1 { padding:0 20px 25px; }
.form-1 h4 { border-radius:8px 8px 0 0; margin:0 -20px 25px; text-align:center; }
.form-1 h4 span { float:none; }
.form-1 p { margin:3px 0 10px; }
.box { margin:0 0 10px; }
.form-2 { border-radius:0 0 8px 8px; }
.form-2 h5 { margin:0 0 20px; }
.form-2 p { margin:2px 0 6px; }
.form-2 a { margin:15px 0 0; padding:8px 20px; }

.cta-main {
    padding:25px 30px !important;
    margin:30px 0 0 !important;
}
}

@media (min-width:480px) and (max-width:767px){

}

@media (min-width:1024px){
.form_section .col-lg-8 { padding-right:0; }
.form_section .col-lg-8 .col-lg-4 { padding:0 9px; }
.form_section .col-lg-4 { padding-left:0; }
.form_section .col-lg-8 .col-lg-4 .col-lg-6 { padding:0 3px; }
.dd .col-lg-4 { padding:0 21px !important; }
.navbar-nav li a {
font-size: 13px !important;
}
.text-box h1 {
font-size: 53px !important;}
.text-box p {
font-size: 32px !important;}
}

@media (min-width:1240px){
.container { max-width:1220px; }
}
@media (max-width: 768px) and (min-width: 768px){
  .upper-head {
    font-size: 12px !important;}
}
/*===============================FORM-END==========*/


/*=================================Header==========*/


.header{transition: all 500ms; background: #fff;}
.navbar-fixed-top{top: 0; position: fixed; width: 100%; z-index: 99;}

.upper-head {border-bottom: 5px solid #24A9E2; padding: 10px 0; color: #393939; font-size: 13px;}
.call-box{display: inline-flex; justify-content: flex-end; width: 100%;}
.upper-head p{margin: 0 10px;}
.upper-head a{color: #393939;}
.upper-head i{color: #9D9D9D;}
.bootom-head {padding: 9px 0; }
.navbar-brand{padding: 6px 0; height: auto; transition: all 500ms;}
.navbar-brand img{width: 100%;}
.navbar-nav li{padding: 0px;}
.navbar-nav li a{position: relative; font-size: 14px; color: #4C4C4C !important; padding: 20px !important; transition: all 500ms;text-decoration:none;}
.navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open > a, .nav li > a.active, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: transparent; font-weight: bold; color: #000 !important; outline: none;}
.darkHeader {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12); padding: 0; top: -40px;}
.navigation{margin-left: auto;}
.navbar{padding: 0;}



.carousel-inner > .item img{width: 100%;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}

.text-box{position: absolute; top: 50%; width: 100%; text-align: center; color: #fff;}
.text-box h1{font-size: 68px; margin-bottom: 0px; font-weight: 600;}
.text-box h1 span{color: #ffa400;}
.text-box p{ font-size: 37px; margin: 0; color: #fff;}





/*==========================Footer
============================================*/



.cta-main {padding: 25px 60px; display: inline-flex; width: 100%; align-items: center; margin-top: -90px; margin-bottom: -90px; z-index: 9; background: #fff; position: relative;}
.cta-main h4 {font-size: 27px; font-weight: bold; }
.cta-main p {font-size: 14px; margin: 10px 0; line-height: normal; color: #616161; }
.cta-main .cta-btn {margin-left: auto; }
.cta-main .cta-btn .con {margin: 0; background: #ffa700; color: #fff; font-size: 18px; font-weight: 400; padding: 10px 40px; border-radius: 45px; }


footer{padding: 90px 0 60px; overflow: hidden; background: #2e3133;}
footer img{width: 80%;}
footer h4{font-size: 20px; margin-bottom: 20px; color: #fff;}
footer .nav li{margin: 6px 0;}
footer .nav li a{font-size: 15px; transition: all 500ms; color: #c4c4c4; position: relative;}
footer .nav li a:hover{color: #ffa700; background: transparent;}
footer p{color:#fff; line-height: 24px; font-size: 15px; margin: 20px 0 0; align-items: center; display: inline-flex;flex-wrap: nowrap;}
a:not([href]):not([tabindex]){font-size: 15px; color: #fff;}
.details{margin-left: 20px;}
.social{margin-top: 10px;}
.social li{display: inline-block; margin-right: 10px;}
footer .social li a{border: 2px solid #b5b2b2; color: #b7b2b2; transition: all 500ms; font-size: 18px; display: block; text-align: center; padding: 7px; width: 35px; height: 35px;}
footer .social li a:hover{color: #ffa700;}
footer a{color: #e5e5e5; transition: all 500ms; font-size: 13px;}
footer a:hover{color: #ffa700;}
.learn{font-size: 14px; font-weight: bold; font-style: italic; display: block; margin: 30px 0; transition: all 500ms;}
.learn:hover{color: #ffa700;}



/*============================Inside Page================*/


/********************* about us page CSS start here *************************/

/********************* leadership page CSS start here *************************/


/********************* History page CSS start here *************************/



/********************* EMPLOYEES page CSS start here *************************/


/********************* Jobs page CSS start here *************************/


/********************* Contact Us page CSS start here *************************/



/*========================Responsive strt=================*/


@media (min-width: 1025px) and (max-width: 1200px){
	.header .container{width: 100%;}
    .navbar-brand{width: 160px;}
}

@media (min-width: 768px) and (max-width: 1024px){
	.navbar-header{width: 20%;}
    .navbar-header .navbar-brand{width: 100%;}
    .navbar-brand{width: 160px;}

}
@media (min-width: 768px) and (max-width: 991px){
    .container{width: 100%; }
    .text-box h1 {font-size: 35px; line-height: normal; }
    .text-box p{margin: 15px 0;}
    .navbar-nav li{padding: 10px; border-bottom: 1px solid #d0d0d0;}
    .navbar-nav li a{padding: 0;}
    .header .con{display: none;}
    .navigation{padding: 20px 0;}

}
@media (min-width: 320px) and (max-width: 991px){
    .container{width: 100%; }
    .header{padding: 10px 0;}
    .darkHeader{padding: 0;}
    .text-box p{margin: 15px 0; font-size: 15px; padding: 0;}
    .navbar-nav li{padding: 10px 0; border-bottom: 1px solid #d0d0d0;}
    .navbar-nav li a{padding: 0;}
    .navigation{padding: 15%;}

    .navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px; }

    .navbar-collapse {position: fixed; right: 0px; bottom: 0; height: 100%; z-index: 9; width: 100%; top: 0px; background: #000; overflow: auto; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transition: 0.3s cubic-bezier(0.55,0,0.1,1); -o-transition: 0.3s cubic-bezier(0.55,0,0.1,1); -webkit-transition: 0.3s cubic-bezier(0.55,0,0.1,1); transition: 0.3s cubic-bezier(0.55,0,0.1,1); }
    .container .collapse.show {-moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
    .navbar-nav li a{color: grey !important;}
    .navbar-toggler, .navbar-toggler:focus{right: 0px; z-index: 999; top: 5px; outline: none; border: none; padding: 0;}
    .navbar-toggler .icon-bar {display: block; width: 25px; height: 2px; border-radius: 10px;margin: 5px; outline: none; background: #248ace; transition: all 500ms; }
    .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {top: 7px; transform: rotate(45deg); }
    .navbar-toggler:not(.collapsed) .icon-bar {height: 2px; position: relative; transition: all 300ms ease-in-out 0s; width: 30px; background: #248ace; }
    .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {opacity: 0; }
    .navbar-toggler:not(.collapsed) .icon-bar:last-child {top: -7px; transform: rotate(-45deg); }
    .sr-only {border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .navbar-nav li a:before, .darkHeader .navbar-nav li a:before{bottom: -20px; top: unset;}
    .nav li > a.active{color: #fff !important;}

}


@media (min-width: 320px) and (max-width: 767px){
    .navbar-nav li{padding: 10px 0; border-bottom: 1px solid #d0d0d0;}
    .navbar-nav li a{padding: 0;}

    .text-box h1{font-size: 25px;}
    .text-box p{margin: 5px 0; font-size: 13px; padding: 0; line-height: 20px;}
    footer .nav{display: none;}
    footer {padding: 20px 0 0; }
    footer p{display: block;}
    .upper-head{display: none;}
    .header{padding: 0;}
    .darkHeader{top: auto; padding: 0;}
    footer img {width: auto; }
    footer h4{margin-top: 20px;}
    .cta-main h4 {
        font-size: 19px !important;
        font-weight: bold;
    }
    .cta-main .cta-btn .con {
        font-size: 14px;
        padding: 10px 33px;}
        .elementor-button.elementor-size-sm {
            font-size: 12px !important;
          }
}

@media (min-width: 320px) and (max-width: 600px){
    .navbar-brand img{width: 120px;}

}

@media (min-width: 320px) and (max-width: 360px){
    .text-box p{font-size: 12px; line-height: 17px;}
    .text-box h1 {font-size: 22px; }
}




@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400');

.container {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;

}

h5 {
	font-weight: 300;
}

small {
	font-weight: 600;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
	.container {
		width: 85%;
		padding: 0;
	}
}

@media (min-width: 550px) {
	.container {
		width: 80%;
	}
}


.testimonial_main{padding: 0;}
.testimonial_main .container{padding: 0;}
.testimonial_main p{font-size: 16px; color: #616161; border-radius: 8px; margin: 0;font-family: Muli; line-height: 26px; font-weight: 600; padding: 20px; background: #fff;}
.testimonial_main p:after{position: absolute; content: ''; bottom: 20px; left: 30px; width: 0px; height: 0px; border-style: solid; border-width: 40px 25px 40px 0px; border-color: #fff transparent transparent transparent;  }
.test-name{position: relative; color: #fff; padding: 40px 60px 0;}
.test-name h4{margin: 0; font-size: 16px;}
.test-name a{font-size: 12px; margin: 0; padding: 0; color: #fff;}
.test-name:before{position: absolute; content: ''; left: 0; width: 40px; height: 40px; background: #fff url(images/Kiyoh-Logo-40x40.png)no-repeat;}

.quoteLoop {
	height: auto;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.quote {
	margin: 10px 0px;
	height: inherit;
	top: 0px;
	display: none;
}


/* wp-form for upload file */


.drag_box {display:block;
    background-color: #f4f4f4 !important;
    border: 2px dashed #ccc !important;
}
.drag_box a{display: inline-block;
    background: #333 !important;
    padding: 10px !important;
    color: #fff;
    margin: 10px 0 !important;}

.drag_box label {
    color: #646263 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 45px 0 !important;
    text-align: center !important;
}


.drag_box i {
    display: block;
    font-size: 24px !important;
    margin: 0 0 10px !important;
}

.drag_box input {
    display: none !important;
}
