/*
Theme Name: Sengi child theme
Template: sengi
Version: 1.2.1
*/

@import url("../sengi/style.css");

.container{
    margin-left:auto!important;
    margin-right:auto!important;
}

#site-header{
    position:fixed;
    float:left;
    clear:both;
    width:100%;
    z-index:999999;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

h1, h2, h3, h4, h5, h6{
    line-height:1.1em;
}

a#back-to-top .fa{
	vertical-align: middle;
}

#back-to-top {
    line-height: 1.5em;
}

.gform_wrapper .top_label .gfield_label{
	display:none!important;
}

.gform_wrapper input::-webkit-input-placeholder, .gform_wrapper select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #555!important;
}
.gform_wrapper input::-moz-placeholder, .gform_wrapper select::-moz-placeholder { /* Firefox 19+ */
    color: #555!important;
}
.gform_wrapper input:-ms-input-placeholder, .gform_wrapper select:-ms-input-placeholder { /* IE 10+ */
    color: #555!important;
}
.gform_wrapper input:-moz-placeholder, .gform_wrapper select:-moz-placeholder { /* Firefox 18- */
    color: #555!important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select {
    font-style: normal;
    font-weight: 300!important;
    border: none!important;
    color: #555!important;
    background: #fff;
    border-radius: 7px!important;
    height: auto;
    padding: 10px 15px!important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

.headroom {
    will-change: transform;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#main-header{
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/*
.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}
*/

header.headroom--not-top #main-header {
    background: #252525cf!important;
}

.arrow-link a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f18e";
    margin-left: 10px;
    font-size: 26px;
    color: #f6772a;
}

header #main-header .columns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

header #main-header .column{
	padding-top:0;
	padding-bottom:0;
}

#sub-footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    float: left;
    clear: both;
    background: #252525cf!important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

body .gform_wrapper h3.gform_title {
    color:#fff;
    margin: 0 0 15px;
    font-size: 36px;
}

body .gform_wrapper span.gform_description {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
}

#pre-footer{
	padding-bottom:45px;
}

body .gform_wrapper .gform_footer input[type=submit] {
    width: 49%;
    background: #252525;
    border: none;
    border: none!important;
    color: #fff!important;
    text-shadow: none;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-family: Oswald;
    border-radius: 5px!important;
    height: auto;
    padding: 22px!important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255, 255, 255, 0.16)!important;
    border-bottom: 4px solid #ffb283!important;
    border-top: 0px!important;
    padding: 15px!important;
}
.gform_wrapper .gfield_error .gfield_label {
    color: #ffb283!important;
}
.gform_wrapper .validation_message {
    color: #ffb283!important;
}
.gform_wrapper div.validation_error {
    color: #ffb283!important;
    border-top: 2px solid #ffb283!important;
    border-bottom: 2px solid #ffb283!important;
}

.bullets ul {list-style: none}

.bullets ul li{
	margin-bottom:15px;
	text-indent: -15px;
}

.bullets ul li:before {
    content: "•";
    color: #f6772a;
    display: inline-block;
    font-size: 80px;
    vertical-align: middle;
    line-height: 20px;
    position: relative;
    height: 30px;
    width:15px;
}

.orange-border{

}

.orange-border:after{
	content:'';
	width:180px;
	display:block;
	height:6px;
	background:#f6772a;
	margin-top:30px;

}

h5{
	margin-bottom:10px;
}

#home-banner p{
	font-size:24px;
}

.play-button{
	font-size:28px;
}

p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

body .vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
    color: #fff;
    border-color: #f6772a;
    background-color: #f6772a;
    background-image: none!important;
    font-weight: 700;
    font-size: 18px;
    min-width: 280px;
    max-width: 100%;
}

body .vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern:focus, body .vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern:hover {
    color: #fff;
    border-color: #252525;
    background-color: #252525;
}

#home-banner, #video-row, #get-started{
	background-attachment:fixed;
}

#apply .gform_wrapper .top_label li.gfield.gf_left_half, #apply .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 100%;
    padding-right: 0;
}

.gform_description{
    color:#fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

#apply .gform_wrapper{
    margin:0;
}

@media (min-width:768px){
    #apply{
        background: rgb(204,204,204);
        background: linear-gradient(90deg, rgba(204,204,204,1) 50%, rgba(246,119,42,1) 50%, rgba(246,119,42,1) 100%)!important;
    }

    #apply .right{
        -webkit-box-shadow: -4px 0px 3px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: -4px 0px 3px 0px rgba(0,0,0,0.1);
        box-shadow: -4px 0px 3px 0px rgba(0,0,0,0.1);
        padding-top:60px;
        padding-bottom:60px;
        padding-left:45px;
    }

    #apply .left{
        padding-top:60px;
        padding-bottom:60px;
        padding-right:45px;
    }

    .driver-photo {
    position: absolute;
    top: -130px;
    right: 0;
}

}

.vc_custom_1534191441242 {
    padding-top:80px;
    padding-bottom:80px;
}

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

    #site-header,#site-content {
        float:none;
        clear:both;
        position:static;
    }

    .vc_custom_1534191441242 {
        padding-top:0!important;
    }


    h1, h2 {
        font-size: 38px!important;
    }

    #home-banner p{
        font-size:16px;
    }

    #apply .left{
        padding-top:60px;
        padding-bottom:30px;
    }

    #apply .right{
        padding-top:60px;
        padding-bottom:60px;
        background:#f6772a;
    }

    body #apply .gform_wrapper .gform_footer input[type=submit]{
        width:100%;
    }

    .driver-photo {
        text-align: center!important;
        margin-top: 60px;
    }

    #pre-footer{
        padding-left:15px;
        padding-right:15px;
    }

}


@media (min-width:768px){
    header #main-header .logo {
        position: absolute;
        top: -20px;
    }

    header #main-header .column.left{
        flex:0.3;
    }

}

body .vc_btn3.vc_btn3-color-danger.vc_btn3-style-3d {
    color: #fff!important;
    background-color: #f1413b;
    box-shadow: 0 5px 0 #b12720;
    min-width: 280px;
    font-family: Bitter;
    font-weight: 800;
    font-size: 18px;
}

h2:before{
    border-top: 6px solid #cc5700;
    content: '';
    display: table-cell;
    width: 50%;
}

h2:after{
    border-top: 6px solid #cc5700;
    content: '';
    display: table-cell;
    width: 50%;
}

h2 {
    border-collapse: separate;
    border-spacing: 4rem 0;
    display: table;
    margin: 1em 0 .5em;
    table-layout: auto;
    white-space: nowrap;
    line-height: 0em;
}

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

    h2 {
        white-space:normal;
        line-height:1;
        display:block;
    }
    header #main-header .columns{
        display:block;
    }

    header .logo {
        max-width: 200px;
        margin: 0 auto;
    }

    header .logo img{
        padding:0;
    }

}
/*
.mean-container .mean-bar, .mean-container .mean-nav, .mean-container .mean-bar:hover, .mean-container .mean-nav:hover{
    background:none!important;
}
*/

body .mean-container .mean-nav ul li a {
    padding: 15px 5%;
    font-size: 12px;
}

@media (min-width:768px) and (max-width:1050px){
    #main-navigation> ul > li a {
        font-size: 11px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}

@media (min-width:900px) and (max-width:1191px){
    #main-navigation> ul > li a {
        font-size: 16px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    display: none!important;
}

body .gform_wrapper .gform_footer input[type=submit] {
    border-radius: 5px!important;
    height: auto;
    padding: 22px!important;
    color: #fff!important;
    background-color: #f1413b;
    box-shadow: 0 5px 0 #b12720;
    min-width: 280px;
    font-family: Lato;
    font-weight: 800;
    font-size: 18px;
    max-width: 280px;
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
    box-shadow: 0 2px 0 #ff3323;
    background-color: #ff675b;
}

#pigout-mobile {
    display: none;
}

#pigout-desktop {
    display: block;
}

@media screen and (max-width: 767px) {
    #pigout-mobile {
        display: block;
    }

    #pigout-desktop {
        display: none;
    }

    #home-banner, #video-row, #get-started {
    	background-attachment:initial!important;
	}

	h2:before, h2:after{
		content:none;
	}

}

@supports (-webkit-overflow-scrolling: touch) {
	.iframe-wrapper .wpb_wrapper {
	  width: 100%;
	  height: 400px;
	  -webkit-overflow-scrolling: touch;
	  overflow-y: scroll;
	}

	.iframe-wrapper iframe {
	  height: 100%;
	  width: 100%;
	}
}

.headerPhone {
    width: 100%;
    padding: 0;
}

.headerPhone a{
    display: block;
    width: 100%;
    padding: 15px 0;
    color: #fff;
    background: #f1413b;
}

.headerButtons{
    float:left!important;
}

@media (min-width:768px){
    .headerButtons{
        display:none!important;
    }
}