body{ font-family: 'CabinetGrotesk-Regular';font-size: 18px;
    font-style: normal;
    font-weight: 400; color: #000;background: #D4D4D4 url(../images/bg1.png) center repeat-y; background-size: 100% auto;}
    h1,h2,h3,h4,h6{font-family: 'sainte_colombelight';font-style: normal;font-weight: 300;line-height: 106.5%;margin: 0;}
    h1{font-size: 85px;}
    h2{font-size: 110px;}
    h3{font-size: 50px; margin-bottom: 15px;}
    h5{font-size: 16px;font-style: normal;font-weight: 700;line-height: 87%; letter-spacing: 0.72px;text-transform: uppercase;}
    hr{background: #000;border-top: 1px solid #000;}    
.section{min-height: 100vh;position: relative;}
/*.top_midd_secion_con {
    display: table !important;
    width: 100%;
}	
.top_midd_secion_con > div {
    display: table-cell;
    float: none;
    vertical-align: middle; width: 100%;
}*/

.top_midd_secion_con_new {
    display: table !important;
    width: 100%;
}	
.top_midd_secion_con_new > div {
    display: table-cell;
    float: none;
    vertical-align: middle; width: 100%;
}

*{
    -webkit-transition: all 0.30s ease-in;
	-moz-transition: all 0.30s ease-in;
	-o-transition: all 0.30s ease-in;
	transition: all 0.30s ease-in; outline: none;
}
a, button{cursor: pointer; }
ul, li{margin: 0; padding: 0; list-style: none;}
a{color: #000; text-decoration: none;font-size: 16px;letter-spacing: 0.72px; }
a:hover{text-decoration: none; color: #373737;}

p, ul{margin-bottom: 20px;}
p:last-child, ul:last-child{margin-bottom: 0;}
section{padding: 80px 0;}

section.navigation{position: fixed; left: 0; bottom: 0; right: 0; height: auto;  overflow: hidden; z-index: 99;}
.navigation.navigation_active{overflow:visible;opacity: 1; height: 100vh;}
.navigation .col-md-4{position: inherit;}
.navigation h3{font-size: 30px; margin-bottom: 50px; position: absolute; top: 40px; }
.tab_link{margin-top: 20px;}
.tab_link, .navigation h3{opacity: 0;}
.navigation.navigation_active.navigation h3, .navigation.navigation_active .tab_link{opacity: 1;}
.tab_link li{display: inline-block; width: 100%; margin: 7px 0;}
.tab_link li a{position: relative; display: block;}
.tab_link li a.active, .tab_link li a:hover{font-weight: bold;}
.tab_link li a::after{position: absolute; background: url(../images/menu.png) center left no-repeat; height: 4px; content: ''; width: 0px; display: inline-block; margin: 11px 7px; overflow: hidden;  -webkit-transition: all 0.30s ease-in;
	-moz-transition: all 0.30s ease-in;
	-o-transition: all 0.30s ease-in;
	transition: all 0.30s ease-in;}
.tab_link li a:hover::after, .tab_link li a.active::after{width: 80px;}

.social{ width: 100%; display: inline-block; vertical-align: top; margin-top: 40px;position: absolute; bottom: 40px;}
.social li{display: inline-block; vertical-align: top; margin-right: 10px;}
.social li a{font-size: 18px;}

.section.top_midd_secion_con .row > div{z-index: 999; position: relative;}
.section_home{background: url(../images/banner.png) right bottom no-repeat fixed, url(../images/round.png) top right no-repeat; background-size: auto 100%; position: relative;}
/*.section_home:after, .section_home::before{content: ''; display: inline-block; width: 100%; right: 0; top: 0; bottom: 0; background: url(../images/banner.png) right bottom no-repeat fixed; z-index: 1; background-size: auto 100%; position: absolute;}
.section_home::before{background: url(../images/round.png) center right no-repeat; z-index: 0; background-size: auto 100%; }*/
.section_home hr, .section_values hr{max-width: 130px; margin: 0;}  


.section_about p{
    font-style: normal;
    line-height: 157.5%; /* 50.4px */
    letter-spacing: 0.32px;}
.section_about p.ligt_black{color: #373737;}   
.section_about h5{margin-bottom: 50px;}
.section_about a.mailto_a{transform: rotate(-90deg); display: inline-block;margin-top: 85px;margin-left: -70px;}

.section_values, .section_aboutcnc{background: url(../images/cheval.png) center right no-repeat fixed; background-size: auto 100%;}

.section ul li{padding-left: 20px; position: relative;}
.section ul li::before{position: absolute; left: 0; background: url(../images/menu.png) center right no-repeat; height: 4px; content: ''; width: 10px; display: inline-block; margin: 11px 0px; overflow: hidden;  -webkit-transition: all 0.30s ease-in;
	-moz-transition: all 0.30s ease-in;
	-o-transition: all 0.30s ease-in;
	transition: all 0.30s ease-in;}

.section_history{background: url(../images/round2.png) center right no-repeat fixed;background-size: auto 100%;}
.history_div_all{position: relative; margin-top: 80px;}
.history_div_item h3{margin: 0;}
.history_div_all::after{height: 1px; background: #000; top: 50%; left: 0; width: 100%; display: inline-block; position: absolute; content: '';}
.history_div_all p{font-size: 14px;line-height: 192.5%; margin: 0;min-height: 40px;}
.history_div_item:not(.flex-reverse-h) p{min-height: 35px;}
.history_div_all span{font-size: 12px; margin-bottom: 5px;}
.line_bg_h{position: relative; margin: 10px 0;}
.history_div_all .min_height{min-height: 95px; display: inline-block; width: 100%;}
.line_bg_h::after{height: 50px; background: #000;  left: 0; width: 1px; display: inline-block; vertical-align: top; content: '';}
.line_bg_h::before{height: 4px; border-radius: 50%; background: #000;  left: 50%; width: 4px; display: inline-block; content: ''; position: absolute; margin-left: -2px;}
.history_div_item{display: flex;flex-direction: column;flex-wrap: wrap;}
.history_div_item.flex-reverse-h{flex-direction: column-reverse;}
.history_div_item.flex-reverse-h p{margin-top: 30px;}
.history_div_item.flex-reverse-h span{margin-bottom: 0;}
.history_div_item.flex-reverse-h .line_bg_h::before{ bottom: 0;} 
.max_w_400{max-width: 500px; display: inline-block; margin-top: 20px; width: 100%;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 34px;height: 34px; line-height: 34px; text-align: center; color: #A7A7A7; border: 1px solid #A7A7A7; border-radius: 50%;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{color: #000; border: 1px solid #000; outline: none;}
.owl-carousel .owl-nav button.owl-prev{float: left;}
.owl-carousel .owl-nav button.owl-next{float: right;}



.section_achievements{/*background: url(../images/achievements.png) bottom right no-repeat fixed;*/background-size: auto 90%;}
.achievements_items{border: 1px solid #000; padding: 25px; display: inline-block; width: 100%;}
.achievements_items.black_achievements_items{background: #000; color: #fff;}

.achievements_items span, .achievements_items p{font-size: 12px;}
.achievements_items h4{font-size: 60px; margin-top: 20px;}

.section_contact h3{margin-bottom: 15px;}
.contact-info span{margin-right: 5px;}
.row_Office{margin-top: 5px; margin-bottom: 20px;}

.our_projects_div_list a{position: relative; display: inline-block; vertical-align: top; width: 100%;}
.our_projects_div_list span{position: absolute; bottom: 0; left: 0; right: 0; min-height: 120px; padding:50px 20px 20px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); font-weight: bold; color: #fff;}
.form-group{position: relative;}
.form-group label.error{position: absolute; font-size: 12px; right: 0; bottom: -20px; margin: 0; color: #f00;}
.form-group input, .form-group textarea{margin: 0; outline: none; padding:15px 0; background: transparent; color: #000; font-size: 14px;  width: 100%; border: none; border-bottom: 1px solid #000;}
.form-group textarea{height: 100px;}
.btn-submit{display: inline-block;border-radius: 50px; border: none; width: 175px; text-align: center;font-size: 14px; padding: 12px 0 11px;background: #000;color: #FFF;}
.btn-submit:hover{background: #FFF; color: #000;}
.clients_area_outer {position: relative;}

.more_links{color: #000;  background: url(../images/arrow-right.svg) center right no-repeat; padding-right: 25px;background-size: auto 20px; float: right;}
.more_links:hover{right: -75px;}

.owl-nav, .owl-carousel .owl-stage-outer{display: inline-block;width: 100%;}
.owl-nav{margin-top: 10px;}
.owl-dots{display: none!important;}
.owl-carousel{overflow: hidden;}
.home_about_alink{position: absolute; bottom: 35px; left: 50%; margin-left: -9px; font-size: 30px; z-index: 9999; 
   

}

.home_about_alink svg{stroke: #000;    color: #000;    width: 18px;}
.mg_b30{margin-bottom: 50px;}

.section_about{background: url(../images/bg/AboutMe-Background05.png) center right no-repeat fixed; background-size: auto 100%;}
.section_aboutcnc{background: url(../images/bg/codenco&cheval-Background-min.png) center right no-repeat fixed; background-size: auto 100%;}
.section_goals{background: url(../images/bg/Goals-Background05.png) center right no-repeat fixed; background-size: auto 100%;}
.section_accomplishments{background: url(../images/bg/accomplishments-Background02.png) center right no-repeat fixed; background-size: auto 100%;}
.section_interests{background: url(../images/bg/interests-Background02.png) center right no-repeat fixed; background-size: auto 100%;}
.section_networks{background: url(../images/bg/networks-Background02.png) center right no-repeat fixed; background-size: auto 100%;}
.section_referrals{background: url(../images/bg/referrals-Background05.png) center right no-repeat fixed; background-size: auto 100%;}
.section_dream{background: url(../images/bg/Dream-Background-min.png) center right no-repeat fixed; background-size: auto 100%;}
.section_specialization{background: url(../images/bg/Specialization-Background.png) center right no-repeat fixed; background-size: auto 100%;}
.section_proud_projects{background: url(../images/bg/Projects-Background03.png) center right no-repeat fixed; background-size: auto 100%;}
.section_contact{background: url(../images/bg/Contact-Background.png) center right no-repeat fixed; background-size: auto 100%;}


.hero{margin-top: 25px;font-size: 26px;}
@media screen and (min-width: 760px) {
    .section_achievements .col-md-3{padding: 0;}
   .mobile_only{display: none;}
   .home_about_alink{animation: arrow-animation 1.5s 0s infinite cubic-bezier(0.645, 0.045, 0.355, 1) both;}
   .more_links{position: absolute; right: -80px;top: 32px; }
   section.section:not(.section_home){padding: 110px 0 80px;}
   .section:not(.section_home){ background-size: auto 70%; background-position: bottom right;}
}
@media screen and (max-width: 760px) {
    .hero{margin-top: 15px;font-size: 20px;}
    body{background: #D4D4D4;}
    section.navigation{display: none!important;}
    section, .section {padding: 30px 0; width: 100%;background-attachment:scroll!important; background-position: right bottom; background-size:  120% auto;}
    section.section {
        padding: 40px 10px 40px 0;
    }
    h1 {font-size: 40px; }
    h2 {font-size: 36px;}
    h3 {font-size: 32px;}
    .achievements_items h4{font-size: 24px;}
    .section_home{background-size: auto 60%;background-attachment:scroll}
    .section_about {background-size: 170% auto}
    .section_goals, .section_interests, .section_referrals{background-size: 135% auto}
    .section_networks{background-size: 150% auto}
    
    .section_home.top_midd_secion_con > div{ padding-top: 50px;   vertical-align: top;}
    .section_about p {
        font-size: 18px; 
    }
    p {
        margin-bottom: 12px;
    }
    .navigation, .navigation.navigation_active{height: 0;  opacity: 0;  overflow: hidden;}
    .section_about h5 {
        margin-bottom: 20px;
    }
    .top_midd_secion_con, .top_midd_secion_con_new {max-width: 100%; overflow: hidden; display: inline-block!important; }
    .history_div_all::after {display: none!important;}
    .owl-carousel{display: inline-block;}
    .history_div_all{margin-top: 0px;}
    .home_about_alink_back{ top:40px;}
    .home_about_alink:not(.home_about_alink_back){ top: 100px;}
    .home_about_alink{left: auto; right: 15px;  bottom: auto;}
    .section_home .home_about_alink{ top: 80%;}
    .section_contact .home_about_alink_back{ right: 15px; top: 40px;}
    .our_clients_div > div{width: 49%; display: inline-block;}
    .our_clients_div img{max-width: 100%;}

    .home_about_alink_back svg{transform: rotate(-180deg);}
    
}
@media screen and (max-width: 600px) {
    .achievements_items{margin-top: 20px;padding: 7px 15px 15px;}
    .history_div_item{display: inline-block; margin-top: 20px;}
    .history_div_item.flex-reverse-h p {
        margin-top: 0px;
    }
    .line_bg_h{margin-bottom: 0;}
    .line_bg_h::after {
        height: 20px;margin-left: -2px;
    }
    .history_div_item.flex-reverse-h .line_bg_h::before {
        bottom: auto;
        
    }
   
    
}


@-webkit-keyframes pulsate {
    0% {bottom: 35px}
    50% {bottom: 45px}
    100% {bottom: 35px}
}
@-moz-keyframes pulsate {
    0% {bottom: 35px}
    50% {bottom: 45px}
    100% {bottom: 35px}
}
@keyframes pulsate {
    0% {bottom: 35px}
    50% {bottom: 45px}
    100% {bottom: 35px}
}


@keyframes gradient {
    0% {
        background-size: auto 100%;
    }
    50% {
        background-size: auto 0%; background-position: center;
    }
    100% {
        background-size: auto 100%;
    }
  }
  @keyframes arrow-animation {
    0% {
      opacity: 1;
      transform: translateY(0px);
    }
    49% {
      opacity: 0;
      transform: translateY(10px);
    }
    50% {
      opacity: 0;
      transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }



.section_home{overflow: hidden;}
 .circle_waves, .circle_waves_2{position: absolute; right: 14%; top: 20%; width: 100px; height: 100px;}
 .circle_waves::after, .circle_waves::before, .circle_waves_2::after, .circle_waves_2::before {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    content: "";
    -webkit-animation: ok_widgetPulse infinite 1.5s;
    animation: ok_widgetPulse infinite 1.5s;
    position: absolute;
    right: 0%;
    top: 0%;
    border-color: #a7a7a7;
  }
  .circle_waves::before {
    -webkit-animation: ok_widgetPulse_2 infinite 1.5s;
    animation: ok_widgetPulse_2 infinite 1.5s;
  }
  .circle_waves_2::after {
    -webkit-animation: ok_widgetPulse_3 infinite 1.5s;
    animation: ok_widgetPulse_3 infinite 1.5s;
  }
  .circle_waves_2::before {
    -webkit-animation: ok_widgetPulse_4 infinite 1.5s;
    animation: ok_widgetPulse_4 infinite 1.5s;
  }

@-webkit-keyframes ok_widgetPulse {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@keyframes ok_widgetPulse {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@-webkit-keyframes ok_widgetPulse_2 {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@keyframes ok_widgetPulse_2 {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }
}



@-webkit-keyframes ok_widgetPulse_3 {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(4, 4);
        transform: scale(4, 4);
        opacity: 0
    }
}

@keyframes ok_widgetPulse_3 {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(4, 4);
        transform: scale(4, 4);
        opacity: 0
    }
}

@-webkit-keyframes ok_widgetPulse_4 {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(6, 6);
        transform: scale(6, 6);
        opacity: 0
    }
}

@keyframes ok_widgetPulse_4 {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(6, 6);
        transform: scale(6, 6);
        opacity: 0
    }
}