body,html{ -webkit-overflow-scrolling: touch; height: auto; }
.homeCanvas{position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.logo-middle{width: 150px;}
#main{
    scroll-snap-align: start;
  /* Optional for Safari */
  -webkit-overflow-scrolling: touch;
}
/*.homeCanvas {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(0, calc(0 * 1px), 0);
}*/
p {
    text-align: left; margin-bottom: 30px;
}
p:last-child{margin-bottom: 0;}
canvas {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
}
.section_canvas canvas {
    -webkit-animation: fadeInBanner 5s linear;
    animation: fadeInBanner 5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 1; width: 100%; height: 100vh; z-index: 9; 
}
@-webkit-keyframes fadeInBanner {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInBanner {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


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

.bottom-mask,
.top-mask{/*background: url(../images/slider/1.jpg) center no-repeat;*/ background-size: cover;opacity: 0.7;}

#main .section::after{z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ''; display: block;background: rgba(0, 0, 0, 0.37);}
.home-page #section-2 img, .home-page #section-3 img, .home-page #section-4 img, .home-page #section-5 img, .home-page #section-6 img {
    -webkit-filter: grayscale(0);
 
}

.about_page_body{background: url(../images/about_bg.svg) 20% top  no-repeat;}

#main .section img { opacity: 1;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
header .navbar .nav li a{font-family: 'PP Mori'; color: #000!important;}
a{color: #000;}
a:hover{color: #6e9940; text-decoration: none;}
ul,li{list-style: none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-family: 'PP Mori';}
.wrapper h1,
h1{color: #000; font-size: 60px; margin-bottom: 20px;font-weight: 600;}
body{ font-family: 'TT Satoshi'; background: transparent; color: #000;font-size: 16px;}
.home-page header{background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);}
.home-page header .navbar .nav li a{color: #FFF!important;}
header .navbar .nav li a.nav-selected, header .navbar .nav li a:hover{border-bottom: 1px solid #000!important;}
p{color: #000;}
#section-3{}
.section{width: 100vw;}
.section .heading-animated-text span,
.heading-animated-text span{
    
color: #FFF;
text-shadow: 0px 7px 8.9px rgba(0, 0, 0, 0.69);
font-family: "PP Mori";
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height:65px; /* 68.75% */
}
.home_content_top,
.home_content{padding: 60px 0;}
.main-wrapper_outer{position: relative; }

.footer_social li,
.footer_nav li{display: inline-block;    vertical-align: top;}
.footer_nav li a{color:#000; margin-bottom: 10px;display: block; border-right: 1px solid #000; padding-right: 10px; margin-right: 10px; line-height: 14px;}
.footer_nav li:last-child a{border-right: 0;padding: 0;    margin: 0;}

.footer_social li a{display: block; margin-right: 10px;}

.footer_logo{margin-bottom: 15px; display: inline-block; vertical-align: top;}
.copy_write {text-align: center; font-size: 14px; padding: 20px 0; border-top: 1px solid #7F7F7F; margin-top: 20px;}
.copy_write p, .copy_write a{font-size: 14px; text-decoration: none;}
.row_footer_right{padding-top: 25px; padding-bottom: 25px;}

footer form{border-bottom: 1px solid #7F7F7F; position: relative;}
footer form input{background: transparent; border: 0; padding: 12px 0px; display: inline-block; vertical-align: top; width: 90%; color: #000!important;}
footer form button, footer .wpcf7-submit{background: url(../images/button.svg) center no-repeat; border: 0; padding: 12px 5px; float: right;font-size: 0;    width: 50px;}
.inside-page{padding-top: 105px;}
.inside-page header{padding: 10px 0;}
.navbar{margin-bottom: 0;}
.page_content{padding: 60px 0;}
header .navbar .nav li {
    margin: 32px 0 0;
    padding-left: 40px;
    padding-right: 0;
    float: left;
}
footer{background:#F9F9F9 url(../images/footer_bg.svg) bottom right no-repeat;padding-top: 50px;}
footer h3{margin-top: 0;}
label.error{position: absolute; font-size: 12px; font-weight: normal; color: red; right: 0; bottom: -23px;}


.home_content .row{position: relative;}
.home_content img{max-width: 100%; position: sticky; top: 0;}
.home_area{padding: 35px 0; border-top:1px solid #7F7F7F;}
.home_area:last-child{ border-bottom:1px solid #7F7F7F; }
.home_area h3{margin-top: 0;}
.home_content{padding-top: 0;}
.home_content_top{background: url(../images/home_con.svg) center right no-repeat;}
.home_content_top, .home_content_top p{text-align: center;}

.home_content_top h1{background: linear-gradient(90deg, #E76838 23.93%, #6E9940 80.83%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.page_content_focus img{width: 100%; max-width: 100%;}
.page_content_focus .col-md-4{position: relative;}
.focus_area{position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.9) 100%);
backdrop-filter: blur(2px); bottom: 0px; padding: 40px; right: 15px; left: 15px; color: #fff; min-height: 30%; }
.focus_area p{color: #FFF;}
.focus_area h3{margin-top: 0; min-height: 90px;}

.media_area{background: #253A7F; padding: 40px; padding-top: 0;}
.media_area p{color: #fff;}
.page_content_media h3{min-height: auto;}
.page_content_media .focus_area{min-height: auto; background: linear-gradient(180deg, rgba(37, 58, 127, 0.00) 0%, #253A7F 70%, #253A7F 100%); padding-top: 100px;
    padding-bottom: 10px;
}
.wrapper h1.title_heading, .media_content h3{margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #7F7F7F;;}

.media_content{padding-bottom: 60px;}

.media_content .col-md-2 img{display: inline-block;}
.media_content .col-md-2{text-align: center;}
.page_content_contact img{width: 100%;}
.contactus_area{background:#F5F5F5 url(../images/contactus.svg) center right no-repeat; padding: 40px;}


.form-control{border-radius: 0; margin-bottom: 20px; border: none; box-shadow: none; border-bottom: 1px solid #bbb; color: #000!important; padding: 13px 0px; display: block; height: auto;}
.form-control:focus{box-shadow: none;}
.main_button.submit{background: linear-gradient(90deg, #253A7F 0%, #1B6570 100%); text-align: center; max-width: 280px; border: none; border-radius: 0; width: 100%; display: inline-block;padding: 15px 15px; margin-top: 0px;}

#formID .col-md-6{position: relative;}
#formID  label.error {
    
    right: 14px;
    bottom: -2px;
}
header.scrolled{background: #000;padding: 10px 0; }
.inside-page header.scrolled {
    background: #fff;
}
.page_content_media {padding-top: 0;}
p.contcat_email{font-size: 20px; margin-bottom: 15px;}
p.contcat_email a{text-decoration: none;}
.clearfix{clear: both;}
.hide_home_area{display: inline-block; width: 100%; vertical-align: top;}
.wrapper h2.title_heading, .title_heading{ display: inline-block;
font-size: 50px; margin: 0; margin-bottom: 20px;
font-style: normal;
font-weight: 400;
line-height: 60px; /* 113.333% */
color: #253A7F; width: 100%;
}
footer h3,
.home_area h3{color: #253A7F;font-weight: 600;}

.wrapper{overflow-x: hidden;}

.owl-nav{    }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size: 40px; color: #fff; border: 0px solid #fff; background: url(../images/arrow-next.png) center no-repeat; background-size: auto 40px; width: 50px; height: 50px; display: inline-block; position: absolute; 
    top: 50%; 
    left: 20px; margin-top: -25px;


}
.owl-carousel-home .owl-nav button.owl-next, .owl-carousel-home .owl-nav button.owl-prev{background: url(../images/arrow-next_n.png) center no-repeat; background-size: auto 20px;
    width: 65px;
    height: 50px;
    top: auto;
    bottom: 5%;}
    .owl-carousel .owl-nav button.owl-prev{transform: rotate(-180deg);}
     .owl-carousel .owl-nav button.owl-next{float: right; left: auto; right: 20px;}
    .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
    line-height: 38px; 
    height: 40px;
    display: block; display: none;
    width: 40px;
}
.owl-carousel-about .owl-nav button.owl-next, .owl-carousel-about .owl-nav button.owl-prev{background: url(../images/arrow-next.svg) center no-repeat;    background-size: cover;}

.owl-carousel-home .owl-item{height:90vh; position: relative;}
.owl-carousel-home .owl-item::after{position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, 0.37); display: block; content: '';}
.owl-carousel-home .owl-item img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}
.owl-carousel-home .owl-item h2{position: absolute; left:50px; right: 50px; top: 50%; z-index: 5;-webkit-transform: translate3d(0%, -50%, 0)!important;
    -ms-transform: translate3d(0%, -50%, 0)!important;
    -o-transform: translate3d(0%, -50%, 0)!important;
    transform: translate3d(0%, -50%, 0)!important; margin: 0; }
.owl-dots{display: none!important;}
.owl-carousel{}

.items_about img{transform: scale(0.5); -webkit-transition: all 500ms ease;
        transition: all 500ms ease;}

        .section_list{padding-top: 60px;}
        .owl-carousel-about{margin-top: 60px;}
.items_about{position: relative; border: 1px solid #C8C8C8; border-right: 0;}
.items_about::after{background: #fff; opacity: 0.9; position: absolute; z-index: 1; content: ''; left: 0; top: 0; bottom: 0; right: 0;}

.firstActiveItem .items_about::after,
.items_about:hover::after{opacity: 0;}

.withouthover{position: absolute; z-index: 2; top: 50%; -webkit-transform: translate3d(0%, -50%, 0)!important;
    -ms-transform: translate3d(0%, -50%, 0)!important;
    -o-transform: translate3d(0%, -50%, 0)!important;
    transform: translate3d(0%, -50%, 0)!important; left: 30%;
    right: 30%; -webkit-transition: all 500ms ease;
        transition: all 500ms ease;}

.withhover{left: 0; top: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 100px; position: absolute; opacity: 0; -webkit-transition: all 500ms ease;
        transition: all 500ms ease;}
.withhover h2{font-size: 60px; color: #fff;}
.withhover p, .withhover a{color: #fff;}

.firstActiveItem .items_about img,
.items_about:hover img{transform: scale(1);}
.firstActiveItem .items_about .withouthover,
.items_about:hover .withouthover{opacity: 0; visibility: hidden;}
.firstActiveItem .items_about .withhover,
.items_about:hover .withhover{opacity: 1;}

.withhover .row{height: 100%;display: flex;    justify-content: center;    align-items: center;}

footer p{margin-bottom: 5px;}

video{  height: 100%; width: 100%!important; object-fit: cover;}

.owl-carousel-media{margin-bottom: 60px;}
.col-md-media,
.articles_content .col-md-6{display: flex;    align-items: center;   }
.articles_content p{margin-bottom: 5px; font-size: 20px;}
.col-md-media img,
.articles_content .col-md-6 img{height: auto;}
.col-md-media,
.articles_content .col-md-6:last-child{border-right: 0px solid #000; padding-right: 30px;}
.img_bg{border: 1px solid #E6E6E6; margin-right: 30px; padding: 20px; margin-left: 0px;}
.col-md-media img{width: auto;    max-height: 60px;}


.owl-carousel-media .owl-nav button.owl-next, .owl-carousel-media .owl-nav button.owl-prev{background: url(../images/arrow-next_b.png) center no-repeat;  background-size: auto 24px;left: -51px;}
.owl-carousel-media .owl-nav button.owl-next{right: -51px; left: auto;}

.owl-carousel-gallery .owl-nav button.owl-next, .owl-carousel-gallery .owl-nav button.owl-prev{background: url(../images/arrow-next_b.png) center no-repeat; }

.page_content_gallery{padding-top: 0;}

.media_content .img_bg{padding: 0; width: 100%; text-align: center; display: block; margin: 0;}

.media_content .img_bg img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.media_content .img_bg:hover img {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}


.site-loader img {
  width: 100%;
  height: 100%;
  display: block;
  transform-style: preserve-3d;
  animation: flipLoop 4s infinite linear;
}

@keyframes flipLoop {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

@media (min-width: 1000px) {

   .articles_content .img_bg{    height: 156px;
    align-items: center;
    display: flex
;}

    .home_content .row{display: flex;
    align-items: stretch;}
    .page_content_contact .row{align-items: stretch;    display: flex;}
    .media_content h3{display: inline-block; padding-right: 40px;}
.media_content .col-md-2{width: 20%; text-align: center; padding-top: 20px;}
    .home_content_top p{max-width: 70%; display: inline-block;}
    #section-5 {
        width: calc(100vw);
        z-index: 102;
    }
    .container {
        width: 96%;
    }
  
.heading-animated-text{}
.main-wrapper_outer{position: relative; height: 100vh; width: 100%;  top: 0;}
.wrapper h3 {
    font-size: 30px; font-weight: 600;
}
.contactus_area {
    background: #F5F5F5 url(../images/contactus.svg) center right no-repeat;
    padding: 40px;
    height: 100%;
    display: flex
;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
 .for_mobile{display: none!important;}

 .row_flex{justify-content: center;
    display: flex;
    align-items: center;}

    #navbar.hideme{display: none!important;}
}

@media (max-width: 1000px) {
    body,p{font-size: 14px;}
    .for_desktop{display: none!important;}
    header{position: fixed;}
.section .heading-animated-text span, .heading-animated-text span{font-size: 30px; line-height: 40px;}
.hide_home_area.hide{display: block!important;}
.main-wrapper{position: relative;}
.home_content_top, .home_content {
    padding: 30px 0;
}
.home_content_top{padding: 30px 20px;}
.wrapper h1, h1{font-size: 30px;
        margin: 0;
        line-height: 40px;
        margin-bottom: 10px;}
        .wrapper h3{font-size: 26px; line-height: 30px;}
        .home_area {
    padding: 20px 0;text-align: center;
        }
        .home_area p{text-align: center;}
        .row_footer_right .col-md-8{padding-top: 30px;}
            #navbar .nav li {
      
        margin-bottom: 0px !important;
        width: 100%;
        text-align: center;
    }
            #navbar .nav li:nth-child(2n) {
        text-align: center;
    }
        #navbar .nav li a {
        font-size: 24px;
        display: inline-block;
        text-align: center;
    }
    header {
        padding: 12px 0;
    }
    .navbar-toggle{margin-top: 20px;}
    img{max-width: 100%;}
    .section {
        height: 70vh;
    }
    .section img{height: 100%;}
        .heading-animated-text {
       
        height: 75px;
    }
    .home_content {
    padding-top: 0;
}
footer{padding-top: 30px;}
.inside-page {
    padding-top: 82px;
}
.page_content {
    padding: 40px 0;
    text-align: center;
}
.page_content img{margin-bottom: 20px;}
.wrapper h1.title_heading, .media_content h3 {
    margin-bottom: 20px;
    padding-bottom: 10px;
}
p {
      line-height: 24px;
    margin-bottom: 20px;
}
p:last-child{margin-bottom: 0;}
.wrapper h2.title_heading, .title_heading{font-size: 30px;
    line-height: 38px;margin-bottom: 10px;}
.inside-page .navbar-toggle .icon-bar{background: #000;}
.page_content_focus .col-md-4{margin-bottom: 20px;}
.focus_area {
        padding: 30px;
        position: inherit;
        left: auto;
        right: auto;
        background: #e7e7e7;
        margin: 0;
        margin-top: -20px;
        color: #000;
    }
    .focus_area p {
    color: #000; text-align: center;
}
.focus_area h3{min-height: auto;}
.page_content_media .focus_area h3{color: #fff;}
.page_content_focus{padding-bottom: 0;}
.inside-page #navbar{background: #fff;}
.media_area{padding: 20px; margin-bottom: 30px;}
.media_area p{text-align: center;}
.media_content{text-align: center;padding-bottom: 20px;}
.contactus_area {
   
    padding: 30px;
    text-align: left;
}
.form-control{}

footer h3 {
    margin-top: 30px;
}
.row_footer_right {
    padding-top: 30px;
    padding-bottom: 30px;
}
.copy_write p, .copy_write a {
    font-size: 10px;
    text-decoration: none;
}

.owl-item{text-align: center;}
.wrapper .owl-item h2 {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 20px;
    font-weight: bold; color: #fff;

   
text-shadow: 0px 7px 8.9px rgba(0, 0, 0, 0.69);


}

.home_area .main_button{border: 1px solid;
    padding: 6px 15px 8px;
    display: inline-block;}

    
.owl-carousel-about {
    margin-top: 30px;
}
  .section_list {
    padding-top: 40px;
}
.items_about{border-right: 1px;}
.withhover{padding: 30px; opacity: 1;}
.withhover p{text-align: center;}
.wrapper .owl-item .withhover h2{font-size: 24px; margin-top: 0;}
.withouthover, .items_about::after{opacity: 0; visibility: hidden;}
.items_about img {
    transform: scale(1);
}

.owl-carousel-about .owl-nav button.owl-next, .owl-carousel-about .owl-nav button.owl-prev {
    background: url(../images/arrow-next.png) center no-repeat;
    background-size: auto 20px;
    width: 20px;
}
.page_content_media .focus_area{background: #253A7F; padding: 20px; padding-bottom: 0;
        display: inline-block;
        vertical-align: top;}
.page_content_media .focus_area h3{color: #fff; margin: 0;}
p.contcat_email{text-align: center; margin-bottom: 15px;}
.media_content .col-md-2 {
    text-align: center;
    width: 49%;
    display: inline-block;
    margin-top: 15px;
}
.section_list, .section_list p{text-align: center;}
.copy_write{margin-top: 0;}

.articles_content .img_bg{margin-left: 0; margin-right: 15px;}
.articles_content p{font-size: 14px;}
.articles_content .col-md-6{margin-bottom: 20px;}
.articles_content .col-md-6:last-child {
    border-left: 0px solid #000;
}

.owl-carousel-media .owl-nav button.owl-next, .owl-carousel-media .owl-nav button.owl-prev{ background-size: auto 17px;
    left: -17px; margin-top: -16px;
    width: 32px;
    height: 32px;}
.owl-carousel-media .owl-nav button.owl-next{right: -17px; left: auto;}
.col-md-media{padding: 0; text-align: left;}

.owl-carousel-gallery .owl-nav button.owl-next, .owl-carousel-gallery .owl-nav button.owl-prev{background-size: auto 30px;    width: 25px;}
}

.wpcf7-not-valid-tip{position: absolute; right: 0; bottom: 0; font-size: 12px;}
.wpcf7-spinner{display: none!important;}