/*=======================================================================
// Fonts
=========================================================================*/


/*=======================================================================
// Normalization
=========================================================================*/
html,body{
    font-family: 'Lato', sans-serif;
    color: #666766;
    font-size: 15px;
    /* outline: none!important; */
    height: 100%;
} 

p{
    font-weight: 300;
    color: #666766;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    color: #666766;
    margin: 0 0 15px;
    font-family: 'Lato', sans-serif;
}

.ov-v{overflow: visible!important;}

a{
    color: #73bf44;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
a:hover{
    text-decoration: none;
    color: #73bf44;
}
a:focus{
    outline: 0;
    text-decoration: none;
}
button{
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btn{
    font-size: 14px;
    letter-spacing: 1.8px;
    color: #73bf44;
    text-transform: uppercase;
    /* font-family: Poppins; */
    font-weight: 600;
    background: #FFF;
    padding: 15px 25px 15px 25px;
    line-height: .8;
    border: 1px solid #73bf44;
}


.sy_btn-blog{
    font-size: 14px;
    letter-spacing: 1.8px;
    color: #73bf44;
    text-transform: uppercase;
    /* font-family: Poppins; */
    font-weight: 600;
    background: #FFF;
    padding: 10px 20px 15px 20px;
    display: inline-block;
    line-height: .8;
    border: 1px solid #73bf44;
}


.sy_btn-trans {
    font-size: 13px;
    letter-spacing: 1.2px;
    color: #616361;
    /* text-transform: uppercase; */
    font-family: lato;
    /* background: #000000; */
    /* padding: 14px 43px 20px 53px; */
    display: inline-block;
    /* line-height: .8; */
    /* height: 50px; */
    border-radius: 25px;
    font-weight: 600;
}


.sy_btn i, .sy_btn-blog i{
    color: #73bf44;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 10px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btn:hover,.sy_btn-blog:hover{
    background: #73bf44;
    color: #ffff;
}
.sy_btn:hover i ,.sy_btn-blog:hover i{
    color: #ffffff;
}
.sy_btn.white:hover {
    background: #fff;
    color: #333;
}
.sy_btn.white:hover i {
    color: #333;
}
ul,
ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
button{
    border: none;

}
.noRadius{
    border-radius: 0;
}
blockquote {
    border-left: 2px solid #f23030;
    margin: 60px 0 50px;
    padding: 0 65px 0 20px;
}
blockquote p{
    font-size: 22px;
    color: #000000;   
}

/*=======================================================================
//  Overlay
=========================================================================*/
.overlayB80,
.overlayB60,
.overlayR70,
.overlayB90,
.overlayR10{
    position: relative
}
.overlayB80:before{
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayB60:before{
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayR70:before{
    background: rgba(242, 48, 48, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayB90:before{
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0, 0, 0, 0.5)),color-stop(1,rgba(0, 0, 0, 0)));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayR10:before{
    background: rgba(240, 48, 48, .9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}

.space .overlayB90:before{
    /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0, 0, 0, 0.1)),color-stop(1,rgba(0, 0, 0, 0)));*/
    background: linear-gradient(to top, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
    
}

.space:hover .overlayB90:before {
    /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0, 0, 0, 0.3)),color-stop(1,rgba(0, 0, 0,0)));*/
        background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
    
}






/*=======================================================================
//  Margin and padding setup
=========================================================================*/
.noPadding{
    padding: 0px !important;
}
.noPaddingBottom{
    padding-bottom: 0px !important;
}
.noPaddingLeft{
    padding-left: 0px !important;
}
.noPaddingRight{
    padding-right: 0px !important;
}
.noMarginBottom{
    margin-bottom: 0px !important;
}
.noMarginRight{
    margin-right: 0px !important;
}
.noPaddingTop{
    padding-top: 0px !important;
}

/*=======================================================================
//  Image
=========================================================================*/
.imgDiv{
    width: 100%;
    position: relative;
}
.imgDiv img{
    max-width: 100%;
    height: auto;
}

/*=======================================================================
//  Common Section Setting
=========================================================================*/
.comonTitle{
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 700;
    margin-bottom: 50px;
    font-family: 'Poppins', sans-serif; 
}
.comonTitle.marb60{
    margin-bottom: 40px;
}
.comonTitle.whites{
    color: #FFF;
}
.bigTitle{
    font-family: Playfair Display;
    font-size: 80px;
    line-height: 80px;
    margin: 0 auto 50px;
    letter-spacing: 0;
}
.bigTitle.whites{
    color: #FFF;
}
.bigTitle i{
    font-style: italic;
}
.bigTitle span{
    color: #f23434;
}
.bg_Alabaster {
    background: #fbfbfb;
}
.mb100{
    margin-bottom: 95px;
}

/*=======================================================================
//  Page Title Section
=========================================================================*/





.pageTitleSection{
    position: relative;
    background: #000;
    height: 100vh;
}
.pageTitleSection:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: "";
}
.pageTitleSection .container, 
.pageTitleSection .container-fluid{
    position: relative;
    z-index: 2;
}

#about1 .pTSContent {
    position: absolute;
    padding: 0;
    left: 0%;
    /* padding: 0 50px; */
    /* right: 0; */
    top: 75%;
    z-index: 3;
    transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
}


#about6 .pTSContent {
    position: absolute;
    left: 0%;
    padding: 0 50px;
    right: 0;
    top: 75%;
    z-index: 3;
    transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
}



.pTSContent{
    position: absolute;
    left: 5%;
    padding: 0 50px;
    right: 0;
    top: 65%;
    z-index: 3;
    transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
}


.pTSContent-center{
   position: absolute;
   left: 0;
   padding: 0;
   margin: auto;
   /* text-align: center; */
   right: 0;
   top: 50%;
   z-index: 3;
   transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}



{
       position: absolute;
    left: 5%;
    padding: 0 50px;
    right: 0;
    top: 65%;
    z-index: 5;
    transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);   
}


.pTSContent-video {
    position: absolute;
    left: 0%;
    padding: 0 50px;
    right: 0;
    top: 60%;
    z-index: 7;
    transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
}



.pTSContent-team {
       position: relative;
       /* left: 0%; */
       padding: 10% 0 0;
       /* right: 0; */
       /* top: 75%; */
       z-index: 3;
       /* transform: translateY(-75%); 
    -moz-transform: translateY(-75%);
     -webkit-transform: translateY(-75%); 
    -ms-transform: translateY(-75%);*/
}


.pTSContent-vid {
    position: absolute;
    left: 0%;
    padding: 0 50px;
    right: 0;
    top: 60%;
    z-index: 3;
    transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
}

.pTSContent-team {
    position: absolute;
    left: 0%;
    padding: 0 50px;
    right: 0;
    top: 75%;
    z-index: 3;
    transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
}



.pTSContent-vid h1, .pTSContent-team h1 {

    line-height: normal;
    color: #FFF;
    margin: 0;
    letter-spacing: 0;
}

.pTSContent-contact{
    position: absolute;
    left: 0%;
    padding: 0 50px;
    right: 0;
    top: 65%;
    z-index: 3;
    transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
}


.pTSContent h5{
    font-family: Poppins;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 8px;
    line-height: .8;
    margin: 0 0 22px;
    font-size: 20px;
}
.pTSContent h5 > a{
    color: #fff;
}
.pTSContent h5 > a:hover{
    color: #f23030;
}
.pTSContent h2{
   font-size: 50px;
    line-height: normal;
     color: #FFF;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
}
.bar::after {
    background: #73bf44;
    bottom: -75px;
    content: "";
    height: 160px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 1px;
    top: auto;
}


.bar-l::after {
    background: #73bf44;
    /* bottom: -100px; */
    content: "";
    height: 200px;
    left: 19.2%;
    margin: auto;
    position: absolute;
    /* right: 0; */
    width: 1px;
    top: auto;
}

.bar-r::after {
        background: #73bf44;
        /* bottom: -100px; */
        content: "";
        height: 200px;
        right: 18.4%;
        margin: auto;
        position: absolute;
        /* right: 0; */
        width: 2px;
        top: auto;
        margin-top: -5%;
}



/*=======================================================================
//  Page Title Section 02
=========================================================================*/
.page_title_bar_2{
    position: relative;
    padding: 131px 0 100px;
    border-top: 0px solid #f3f3f3;
}
.page_title_2{
    position: relative;
    margin: 0;
}
.page_title_2 h4{
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin: 0 0 30px;
    position: relative;
    text-transform: uppercase;
}
.page_title_2 h1{
    color: #000000;
    font-family: Playfair Display;
    font-size: 80px;
    letter-spacing: 0;
    line-height: 90px;
    margin: 0;
    position: relative;
}




/*Custom CSS*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

section{
    padding: 7% 0 0 0;
}

.section-tb{
    padding: 7% 0 7% 0!important;
}

.section-rel-proj{
     padding: 5% 0 5% 0!important;
}

.section-np{
    padding:0!important;
}


.no-pad{
  padding: 0!important;
}

.pad-lr-1 {
        padding-left: 0px!important;
    padding-right: 1px!important;
}


.pl0{padding-left: 0px!important;}
.pr0{ padding-right: 0px!important;}

.m-0 {margin:0%;}
.m-1{ margin: 1%; }
.m-2{ margin: 2%; }
.m-3{ margin: 3%; }
.m-4{ margin: 4%; }
.m-5{ margin: 5%; }
.m-6{ margin: 6%; }
.m-7{ margin: 7%; }
.m-8{ margin: 8%; }
.m-9{ margin: 9%; }
.m-10{ margin: 10%; }

.m-t-0{margin-top:0%;}
.m-b-0 {margin-bottom: 0%;}
.m-t-1 {margin-top: 1%;}
.m-b-1 {margin-bottom: 1%;}
.m-t-2 {margin-top: 2%;}
.m-b-2 {margin-bottom: 2%;}
.m-t-3 {margin-top: 3%;}
.m-b-3 {margin-bottom: 3%;}
.m-t-4 {margin-top: 4%;}
.m-b-4 {margin-bottom: 4%;}
.m-t-5 {margin-top: 5%;}
.m-b-5 {margin-bottom: 5%;}
.m-t-6 {margin-top: 6%;}
.m-b-6 {margin-bottom: 6%;}
.m-t-7 {margin-top: 7%;}
.m-b-7 {margin-bottom: 7%;}
.m-t-8 {margin-top: 8%;}
.m-b-8 {margin-bottom: 8%;}
.m-t-9 {margin-top: 9%;}
.m-b-9 {margin-bottom: 9%;}
.m-t-10 {margin-top: 10%;}
.m-b-10 {margin-bottom: 10%;}

.p-1{ padding: 1%; }
.p-2{ padding: 2%; }
.p-3{ padding: 3%; }
.p-4{ padding: 4%; }
.p-5{ padding: 5%; }
.p-6{ padding: 6%; }
.p-7{ padding: 7%; }
.p-8{ padding: 8%; }
.p-9{ padding: 9%; }
.p-10{ padding: 10%; }


.p-t-0{padding-top:0%;}
.p-b-0 {padding-bottom: 0%;}
.p-t-1 {padding-top: 1%;}
.p-b-1 {padding-bottom: 1%;}
.p-t-2 {padding-top: 2%;}
.p-b-2 {padding-bottom: 2%;}
.p-t-3 {padding-top: 3%;}
.p-b-3 {padding-bottom: 3%;}
.p-t-4 {padding-top: 4%;}
.p-b-4 {padding-bottom: 4%;}
.p-t-5 {padding-top: 5%;}
.p-b-5 {padding-bottom: 5%;}
.p-t-6 {padding-top: 6%;}
.p-b-6 {padding-bottom: 6%;}
.p-t-7 {padding-top: 7%;}
.p-b-7 {padding-bottom: 7%;}
.p-t-8 {padding-top: 8%;}
.p-b-8 {padding-bottom: 8%;}
.p-t-9 {padding-top: 9%;}
.p-b-9 {padding-bottom: 9%;}
.p-t-10 {padding-top: 10%;}
.p-b-10 {padding-bottom: 10%;}
.p-t-15 {padding-top: 15%;}
.p-b-15 {padding-bottom: 15%;}
.p-t-20 {padding-top: 20%;}
.p-b-20 {padding-bottom: 20%;}
.p-t-25 {padding-top: 25%;}
.p-b-25 {padding-bottom: 25%;}

.bg-w{background-color: #ffffff;}
.bg-b{ background-color: #000000;}
.bg-b-5 {background-color: rgba(0, 0, 0, 0.5);}
.bg-b-65 {background-color: rgba(0, 0, 0, 0.65);}
.bg-lg{ background-color : #f2f2f2;}


.t-c{text-align: center!important;}
.t-l{text-align: left!important;}
.t-r{text-align: right!important;}

.t-white,.text-white{color: #ffffff!important;}
.t-black{color: #000000!important;}

.fw-100 {font-weight: 100!important;}

.fw-200 {font-weight: 200!important;}

.fw-300 {font-weight: 300!important;}

.fw-400 {font-weight: 400!important;}

.fw-500 {font-weight: 500!important;}

.fw-600 {font-weight: 600!important;}

.fw-700 {font-weight: 700!important;}

.fw-800 {font-weight: 800!important;}

.fw-900 {font-weight: 900!important;}

.fw-b { font-weight: bold!important;}

.col-float-none {float : none;margin : auto;}

.container-80{
    width: 80%;
        padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.trans-center{
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.m-l-a {margin-left: auto;}

.full-scr {
        height: 100vh;
    position: relative;
    overflow: hidden;
}

/*TEAM*/

#Team .col-sm-3 {
    width: 20%;
    margin-right: 5%;
}


.t-right-flex {
        text-align: right;
}

.box-shad {
    -webkit-box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.75);
}

.box-shad-15 {
    -webkit-box-shadow:  0px 0px 22px -4px rgba(0,0,0,0.3);
-moz-box-shadow:  0px 0px 22px -4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.3);
}