/*
	Theme Name: Your Child Theme
	Description: This is your custom style sheet 
        for your child themes custom CSS code.
	Author: Your Name
	Author URI: http://example.com/
	Version: 2.0
	Template: yourparenttheme
	Template Version: 2.0
 
*/


/*
Add Your Custom CSS Below This Line
---------------------------------------------------------------- */

.sml-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.25rem !important;
}



.careers-row-3 a.cdm-column:hover, .home-row-1 a.cdm-column:hover {
    opacity: 0.8 !important;
}

.secondary-color-bottom-border {
    border-color: #134376 !important;
}

.home-row-2 .cdm-row-inner:after {
   background-color: rgba(8, 38, 68, 0.7) !important;
}

/*.primary-color-header-overlay:before, .secondary-color-header-overlay:before, .secondary-color-overlay {
    background: linear-gradient(180deg,#082644 0,#082644 100%) !important;
}*/

#content-bottom {
    background-color: #356083 !important;
}

.top-footer .social-icon i {
    color: #082644 !important;
}

.top-footer .social-icon a:hover i {
    color: #0288D1 !important;
}

.side-menu {
    background: linear-gradient(180deg,#082644 0,#082644 100%) !important;
}


#loader-wrapper .loader-section.section-right {
  background: linear-gradient(180deg,#082644 0,#082644 100%) !important;  
}
/*
.page-header h2, h1 .lrg-title, h1.lrg-title, h2 .lrg-title, h2.lrg-title {
    font-size: 2rem !important;
   
    font-weight: 600 !important;
}

@media all and (min-width: 768px){
.page-header h2, h1 .lrg-title, h1.lrg-title, h2 .lrg-title, h2.lrg-title {
    font-size: 3rem !important;
}
}*/

.page-header p {
    font-size: 1.3rem !important;
}

@media all and (min-width: 1024px){
.page-header p {
    width: 50% !important;
}
}

.header-widgets .site-header-logo {
    width: 30vw !important;
}

@media all and (min-width: 800px){
.header-widgets .site-header-logo {
    width: 10vw !important;
}
}

h2 {
    text-transform: capitalize !important;
    font-weight: 600 !important;
}

.img-row .cdm-column {
    margin: 0 !important;
}


.img-row .cdm-column .cdm-column-inner {
    padding: 40px !important;
}

@media all and (min-width: 768px){
.img-row .cdm-column .cdm-column-inner {
    padding: 80px !important;
}
}

@media all and (min-width: 1000px){
.img-row .cdm-column .cdm-column-inner {
    padding: 120px !important;
}
}

.img-row .img-col:before {
padding-bottom: 100%;   
}

.about-row-5 .cdm-row-inner, .home-row-4 .cdm-row-inner {
    z-index: 99999 !important;
}

.primary-color-bg .cdm-column .fa-envelope {
    font-size: 3.6rem !important;
}

.news-row .cdm-row-content-inner .cdm-column:first-child, .news-row .cdm-row-content-inner .cdm-column:nth-child(2) {
    padding-bottom: 40px;
}

.home-blog .post-layout-2 .read-more {
    background-color: #fff !important;
    color: #134376 !important;
        transition: all ease-in-out .2s;
}

.home-blog .post-layout-2 .read-more span {
    color: #134376 !important;
        transition: all ease-in-out .2s;
}

.home-blog .post-layout-2 .read-more i {
    color: #0466FF !important;
        transition: all ease-in-out .2s;
}

.under-news-row {
    height: 90px;
    background: #F6F6F6;
}

.cdm-row-content-inner.col-gutters {
    margin-bottom: 0 !important;
}

.about-page .blog-wrapper, .home .blog-wrapper {
        background-color: #134376 !important;
}

.home-blog .post-layout-2 a:hover .read-more {
    background-color: #134376 !important;
    color: #fff !important;
}

.home-blog .post-layout-2 a:hover .read-more span {
    color: #fff !important;
}

.home-blog .post-layout-2 a:hover .read-more i {
    color: #fff !important;
}

.careers-row-1 .cdm-row-content-inner .cdm-column:first-child .text-wrapper {
    padding: 40px;
}

@media all and (min-width: 1000px){
.careers-row-1 .cdm-row-content-inner .cdm-column:first-child .text-wrapper {
    padding: 80px;
}
}

.career-number-content-outer {
    isplay: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%;
}

.career-number-content-inner {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        padding: 20px;
}

@media all and (min-width: 800px){
.career-number-content-inner {
        padding: 40px;
}
}


@media all and (min-width: 800px){
.career-number-content-inner.left {
    width: 40%;
}
}

@media all and (min-width: 800px){
.career-number-content-inner.right {
    width: 60%;
}
}

.career-number-content-inner h2 {
  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
        margin: 0;
        width: 100%;
}

.career-number-content-inner h2 span {
    padding-right: 40px;
}

@media all and (min-width: 800px){
.careers-row-5 .cdm-row-inner {
    padding-top: 0 !important;
}
}

.blog-row-2 .post-layout-2 .read-more {
    padding: 40px !important;
    padding-right: 80px !important;
   
    transition: all ease-in-out .2s;
}



.blog-row .post-layout-2 .read-more {
    background-color: #fff !important;
    color: #134376 !important;
        transition: all ease-in-out .2s;
}

.blog-row .post-layout-2 .read-more span {
    color: #134376 !important;
        transition: all ease-in-out .2s;
}

.blog-row .post-layout-2 .read-more i {
    color: #0466FF !important;
        transition: all ease-in-out .2s;
}


.blog-row .post-layout-2 a:hover .read-more {
    background-color: #134376 !important;
    color: #fff !important;
}

.blog-row .post-layout-2 a:hover .read-more span {
    color: #fff !important;
}

.blog-row .post-layout-2 a:hover .read-more i {
    color: #fff !important;
}

.blog-row {
    background-color: #eceff1 !important;
}

.post-header.has-post-image .post-header-inner {
    opacity: .7;
    background: linear-gradient(180deg,#082644 0,#082644 100%) !important;  
}

.single-item-nav .nav-item.back-to-blog {
    background-color: #134376 !important;
}

.single-item-nav .nav-item.back-to-blog i {
    background-color: #33E1D7 !important;
}

.post-content h4, .post-content h5, .post-content h6 {
    color: #0466FF !important;
}

.blog-row-1 .cdm-row-inner {
    padding-bottom: 0 !important;
}

@media all and (max-width: 800px){
.home .page-header {
    min-height: 70vh !important;
}
}

.blog-wrapper .cdm-slider .cdm-slider-nav .cdm-slider-nav-btn .cdm-slider-nav-icon:before {
    color: #0466FF !important;
}

@media all and (max-width: 800px){
.cdm-column svg {
    min-width: 60vw;
}
}

@media all and (max-width: 800px){
.under-news-row {
    display: none !important;
}
}

@media all and (max-width: 800px){
.home-row-3 .cdm-row-inner {
    padding-bottom: 100px !important;   
}
}

@media all and (max-width: 800px){
#footer-3 .cdm-site-logo.color-logo .cdm-site-logo-inner {
    max-width: 100% !important;   
}
}

@media all and (max-width: 800px){
.careers-row-1 .column-2 .cdm-column-inner {
    padding: 40px !important;
}
}




html .primary-color-header-overlay:before, html .secondary-color-header-overlay:before, html .secondary-color-overlay, html .home .page-header:before, html .post-header.no-post-image .post-header-inner {
        background-color: #0621FF !important;
        opacity: .7;
}

.home .page-header:before{
            background-color: #4C68B3;
}
.cta .secondary-color-overlay{
  background: linear-gradient(180deg, #0625FF 0%, #01D8FF 100%);
}
.cta .tertiary-color4-bg{
    background:#FFBA09;

}

@media (min-width: 320px){
.blog .post-block, .cta p .xlrg-txt {
    width: 100%;
}
}
@media (min-width: 768px){
.blog .post-block, .cta p .xlrg-txt {
    width: 63%;
}
}


html .cdm-row-wrapper .cdm-row-inner:after{
        background: rgba(6, 33, 255,.8) !important;
}
.home-row-1 a.cdm-column:nth-child(1){
    background-color: #FFBA09;
}
.home-row-1 a.cdm-column:nth-child(2){
    background-color: #0466FF;
}
.home-row-1 a.cdm-column:nth-child(3){
        background-color: #0621FF;
}
.home-row-1 a.cdm-column:nth-child(4){
        background-color: #0621FF;
}
.home-row-1 a.cdm-column i, .about-row-4 .col-3 i, .blog-row-3 i, .news-row i{
    color:#fff;
}



html .side-menu, html #loader-wrapper .loader-section.section-right {
background: #0466FF !important;
background-color: #0466FF !important;
}


html .post-layout-2.no-post-image .post-block-link:before {
 background: #0466FF !important;
}

html .about-page .blog-wrapper, html .home .blog-wrapper {
    background-color: #eceff1 !important;
}

html .home-blog .post-layout-2 .read-more span, .blog-row .post-layout-2 .read-more span {
color:#0466FF !important;
}

html .home-blog .post-layout-2 .read-more i, .blog-row .post-layout-2 .read-more span {
color: #FFBA09 !important;
}

html .home-blog .post-layout-2 a:hover .read-more, .blog-row .post-layout-2 a:hover .read-more {
    background-color: #0466FF !important;
    color: #fff !important;
}
html .cta .column-2:hover {
    background-color: #f8d47c !important;
}

html #content-bottom {
background-color: #e6e6e6 !important;
  background: #e6e6e6 !important;
}
.about-row-5, .home-row-4{
    z-index:-1;
}
.img-row .column-2{
     background-color: rgba(245, 145, 32,.8) !important;   
}
.lrg-title, .page-header h2{
    text-transform:uppercase !important;
}

@media (min-width: 320px){
.lrg-title{
    font-size:2.3rem !important;
}
}

@media (min-width: 950px){
.lrg-title{
    font-size:56px !important;
}
}













.careers-row-4 .special:before {
    content: counter(my-sec-counter) ;
    counter-increment: my-sec-counter;
    padding-left: 5rem;
    padding-right: 5rem;
}

.careers-row-4 .column-1 .cdm-column-inner {
    padding-left: 0;
    padding-bottom: 0;
}

.careers-row-4 h2 .lrg-title {
    text-transform: none !important;
}
.special{
    display: flex;
}
.careers-row-5 .column-2{
    position: relative;
}
.app-wrap{
    position: absolute;
    height:100%;
    width: 100%;
    top:0;
    left:0;
    z-index: 1;
       
        
}
.app-wrap:before{
    content:'';
     background-color: rgba(255, 186, 9, .8);
     height:100%;
     width:100%;
     display: block;
     z-index: -10;
     position: absolute;
}

.app h2{
    color:#fff;
    text-align: center;
    font-size:32px;
    text-transform: uppercase !important;
    
}
.app-inner{
        display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.careers-row-5 .column-1 svg{
    max-width: 250px;
}
.careers-row-5 .column-1 svg, .careers-row-5 .column-1 h2{
    margin-bottom:20px !important;
}
.careers-row-5 .tertiary-color1-bg{
    background: transparent;
}
.careers-row-5 .tertiary-color1-bg:before{
    content:'';
        background-color: #0621FF;
    width:100%;
    height:100%;
    display:block;
    position: absolute;
    opacity:.8;
}
.careers-row-4 .special:before{
    color: #0466FF; font-family: Montserrat;    font-size: 56px;    font-weight: 600;   line-height: 56px; 
}
.careers-row-3 .cdm-row-inner{
    padding-bottom:0px;
}
h2{
    font-weight: 700 !important;
}


@media (min-width: 320px){
    .app{
    transform: rotate(0deg);
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    z-index: 99;
    
}
.app i{
    color:#fff;
    font-size: 30px;
}
.app-wrap {
    position: relative;
}
/*.careers-row-1 .column-2 .cdm-column-inner {
    padding: 0px !important;
}*/
.careers-row-3 .column-1 .cdm-column-inner{
    padding:0px;
}
.special {
    display: flex;
    flex-direction: column;
}
.careers-row-4 .cdm-row-content-wrapper {
    border-left: none;
    overflow: visible !important;
}

.page-header h2 {
    font-size: 2.1rem;
}
.home-row-1 a.cdm-column {
    width: 100%;
    padding: 4.1666666667vw;
}
.cta p .xxlrg-txt {
    font-size: 2.3rem !important;
    margin-top:20px;
}.careers-row-1 .column-2 .cdm-column-inner {
    padding: 20px !important;
}
}
@media (min-width: 768px){
    .app{
    transform: rotate(90deg);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    z-index: 99;
    position:relative;
    top:41px;
    
}
.app i{
    color:#fff;
    font-size: 60px;
}.app-wrap {
    position: absolute;
}
.careers-row-1 .column-2 .cdm-column-inner {
    padding: 80px !important;
}
.special {
    display: flex;
    flex-direction: row;
}
.careers-row-4 .cdm-row-content-wrapper {
    border-left: 10px solid;
    overflow: visible !important;
}
.home-row-1 a.cdm-column {
    width: 33.33%;
    padding: 4.1666666667vw;
}
.cta p .xxlrg-txt {
    font-size: 3.3rem !important;
    margin-top:0px;
}

}





@media (min-width: 320px){
    .about-row-1 .cdm-row-inner{
    width: 100vw;
    margin: 0 auto;
    background: #fff;
}
.cta p .xlrg-txt {
    width: 100% !important;
}
.home-row-6 .cdm-column{
        padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;

}
.scenes-row h2 {
    letter-spacing: -0.5px;
    font-size: 28px;
    text-transform: lowercase;
    color: #fff;
}
.scenes-row .fa-instagram {
    font-size: 61px;
    color: #fff;
}
 .scene-insta{
        transform: none;
        font-size: 26px;
    }
      .scenes-row .cdm-column-inner{
        display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .scenes-row h2{
        letter-spacing: -0.5px; font-size: 32px;text-transform: lowercase;
        color:#fff;
}
.page-header h2{
        font-size: 36px !important;
    font-weight: 600;
    line-height: 36px;
    font-weight:600 !important;
}

.post-header .post-header-content .post-title{
    font-size:1.6rem !important;
      
}
}
@media (min-width: 768px){
    .page-header h2{
        font-size: 56px !important;
    font-weight: 600;
    line-height: 56px;
    font-weight:600 !important;
}
    .about-row-1 .cdm-row-inner{
    width: 80vw;
    margin: 0 auto;
    background: #fff;
}
.cta p .xlrg-txt {
    width: 60% !important;
}
.home-row-6 .cdm-column{
        padding-top: 5vw;
    padding-left: 5vw;
    padding-bottom: 7vw;

}
.scenes-row h2, h2 .lrg-title, h2.lrg-title, .cta p .xxlrg-txt {
    font-size: 72px !important;
    line-height: 72px;
}
  .scenes-row .fa-instagram {
    font-size: 80px;
    color: #fff;
}

.scenes-row h2 {
    letter-spacing: -0.5px;
    font-size: 64px;
    text-transform: lowercase;
    color: #fff;
}
 .scene-insta{
        transform: rotate(90deg);
        font-size: 40px;
    }
      .scenes-row .cdm-column-inner{
        display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
  .scenes-row h2{
        letter-spacing: -0.5px; font-size: 56px;text-transform: lowercase;
        color:#fff;
}
  .scene-insta{
        transform: rotate(90deg);
        font-size: 40px;
    }
      .scenes-row .cdm-column-inner{
        display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
  .scenes-row h2{
        letter-spacing: -0.5px; font-size: 56px;text-transform: lowercase;
        color:#fff;
}

.post-header .post-header-content .post-title{
    font-size:4.5rem !important;
      
}
}


.scenes-row{
    background:url('http://localhost/motor/wp-content/uploads/2019/09/culture-feed.jpg');
    background-size:cover;
}

.scene-insta-col{
     width:10%;
}
.scenes-row .fa-instagram{
font-size:80px;
color:#fff;
}
.scenes-row h2, .scenes-row p{
    text-align:center;
    color:#fff;
}

.scenes-row p{
    font-size:24px;
    color:#fff;
}
.scenes-row:before{
    content:'';
        /*background: linear-gradient(180deg, #FFD95D 0%, #FFAB00 100%);*/
        opacity: .8;
        width:100%;
        height:100%;
        top:0;
        left:0;
        display: block;
        position: absolute;;

}
.scenes-row .cdm-row-inner, .scenes-row .cdm-column-inner{
    background-color:transparent !important;
}
.scenes-row .cdm-item-wrapper.text-wrapper:nth-child(1){
    width:100%;
}
.scene-insta{
    text-align: center;
    color:#fff;
    
}
.scenes-row .cdm-column-inner{
    padding:2.5vw;
}

.about-row-1{
    background:#F6F6F6;
}
#content-bottom .textwidget .tagline{
    color:#666669;
}
/*.careers-row-1 .column-2 .cdm-column-inner{
    padding-top:0px !important;
}*/
.careers-row-1 .col-gutters .col-6{
    margin-bottom:0px;
}
.careers-row-4 h2{
    margin-top:0px;
}
.careers-row-4 .cdm-row-content-wrapper{
    border-color:#0466FF !important;
}
.scenes-row h2{
    text-transform:uppercase !important;
    font-family: Montserrat;    font-size: 56px;    font-weight: 600 !important;    line-height: 56px;  text-align: center;
}

.contact-us-home-block .cdm-item-wrapper i {
    color: #0466FF !important;
}

.home-row-2 .cdm-item.image img{
    max-width: 240px;
    margin-bottom: 40px;
}


.blog-row .post-layout-2 .post-title {

    align-items: flex-start;
}
.about-row-2 .bg-image {
    background-position-y: 23% !important;
}
.menu-container li a span:hover{
    color:#656665 !important;
}
 .careers-row-4 .column-1 .special:before{
    content: '1' !important;

}
 .careers-row-4 .column-2 .special:before{
    content: '2' !important;

}
 .careers-row-4 .column-3 .special:before{
    content: '3' !important;

}
 .careers-row-4 .column-4 .special:before{
    content: '4' !important;

}
 .careers-row-4 .column-5 .special:before{
    content: '5' !important;

}
.post-content{
    background:#fff !important;
}

    html .top-footer .social-icon i {
    color: #f05f2a !important;
}

.home-row-1 .column-1 .cdm-column-inner{
    display: flex;
    flex-direction:column !important;
}
.news-row{
    background: #6555A5
}

html .side-menu, html #loader-wrapper .loader-section.section-right {
  background: linear-gradient(180deg, #0625FF 0%, #01D8FF 100%) !important;

}
.white-txt, .lrg-title.white-txt{
    color:#fff !important;
}


.app-wrap:hover {
    content: '';
    background-color: rgba(141, 67, 156, .8);
    height: 100%;
    width: 100%;
    display: block;
    z-index: -10;
    position: absolute;
}
.blog-row-2 .post-layout-2 .read-more:hover {
    background-color: #6555a5 !important;
    background: #6555a5 !important;
}