@font-face {
    font-family: ButlerRegular;
    src: url(../fonts/butler-reg.woff);
}

@font-face {
    font-family: ButlerLight;
    src: url(../fonts/butler-light.woff);
}

@font-face {
    font-family: ButlerMedium;
    src: url(../fonts/butler-medium.woff);
}

body::-webkit-scrollbar {
    width: .3em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}
 
body::-webkit-scrollbar-thumb {
  background-color:#73bf44;
  outline: 0px solid slategrey;
}


/*=======================================================================
// Home One 
=========================================================================*/

/**===================== Header Top Bar  =========================**/

.headerTopSection {
    position: relative;
    background: #FFF;
}
.headerTopSection.borderB{
    border-bottom: 1px solid #f3f3f3;
}
/*.headerInnerWrap {
    padding: 32px 0;
}*/
.headerInnerWrap h5 {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2.8px;
    padding-left: 35px;
    text-transform: uppercase;
    margin: 0;
}
.headerInnerWrap h5 i {
    padding-right: 7px;
}

/**=====================  Header 01  =========================**/
.header_01{
    position: fixed;
    right: 0;
    height: 100%;
    z-index: 9;
    background: transparent;
}
.header_inner{
    position: relative;
    text-align: center;
    padding: 0;
}
.logo{
    padding-top: 18px;
    text-align: center;
}
.logo img{
    max-width: 43px;
    height: auto;
}
/**====================== Nav ========================**/
.navWrap {
    /*background: rgba(255, 255, 255, 0.50);*/
    height: 100%;
    right: -100px;
    padding: 0;
    position: absolute;
    top: 0;
    text-align: left;
    width: 60px;
    border-right: 1px solid #f3f3f3;
    opacity: 1;
    transition: opacity 2s ease;
    /*-webkit-transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);*/

}
.menu_open .navWrap{
   width: calc(100vw);
    cursor: default;
    /* border-right: 1px solid #f3f3f3; */
    /* background: rgba(255, 255, 255, 1); */
    background: #e5e5e0 url(../images/menubg.jpg) no-repeat;
       background-position: 200%;
    background-size: 100%;
    right: 0;
    opacity: 1;
    transition: opacity 2s ease;
}

.menu_open .menu_overlay{
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    overflow: hidden;

}

.navLogo {
    margin-bottom: 60px;
}

.logo-openMenu{
    width: 10%;
    left: 2%;
    top: 2%;
    position: absolute;
}

.contact-menu{
width: 100%;
left: 10%;
top: 80%;
position: absolute;
}

.contact-menu h5.uc{ color: white; }

.uc{
        color: #73bf44!important;
}
.menu_open .mainNav{
    height: 100vh;
    overflow: auto;
}
.mainNav ul li {
      display: block;
    margin-bottom: 1.5%;

}


@keyframes menutransl {
  0% {
   transform: translateY(20px);
   opacity: 0;
  }

  100% {
    transform: translateY(0px); opacity: 1;

  }
}




.mainNav ul li:last-child {margin-bottom: 0; }

.menu_open .mainNav ul li:nth-child(01){


 animation-name: menutransl;
  animation-duration: 1s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;



}

.menu_open .mainNav ul li:nth-child(02){


animation-name: menutransl;
animation-duration: 1.2s; 
animation-timing-function: ease-out; 
animation-direction: alternate;
animation-fill-mode: none;
animation-play-state: running;
     
}

.menu_open .mainNav ul li:nth-child(03){

     animation-name: menutransl;
  animation-duration: 1.4s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;


    
}
.menu_open .mainNav ul li:nth-child(04){


 animation-name: menutransl;
  animation-duration: 1.6s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;

}

.menu_open .mainNav ul li:nth-child(05){


 animation-name: menutransl;
  animation-duration: 1.8s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;

}


.menu_open .mainNav ul li:nth-child(06){


 animation-name: menutransl;
  animation-duration: 2s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;

}



.menu_open .cont-l-anim {


 animation-name: menutransl;
  animation-duration: 2s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;

}

.menu_open .cont-r-anim {


 animation-name: menutransl;
  animation-duration: 2.2s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;

}



.mainNav ul li a {
    font-family: lato;
    font-size: 40px;
    line-height: 0.8;
    font-weight: 300;
    display: inline-block;
    color: #f3f3f3;
}

.mainNav ul li a:hover { color: #73bf44;}


.mainNav ul li a.active{ color: #73bf44;}



.contact-menu h3 , .contact-menu p,.contact-menu p a {
    color : #ffffff;line-height: normal;
}


.contact-menu p,.contact-menu p a {
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 1.8em;
}


.mainNav ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    /* line-height: 30px; */
    /* font-weight: 600; */
    margin: 0;
    width: 45px;
        height: 60px;
    opacity: 0.5;
    margin-right: 1%;

}


.mainNav ul ul.sub-menu{
    display: none;
    padding-left: 40px;
    padding-top: 10px;
}
.mainNav ul ul.sub-menu li{
    position: relative;
    margin-bottom: 0
}
.mainNav ul li.has-menu-items > a:focus{
    color: #000;
}
.mainNav ul ul.sub-menu li::before {
    background: #c8c8c8;
    content: "";
    height: 2px;
    position: absolute;
    width: 20px;
    top: 17px;
    left: 27%;
    right: auto;
}
.mainNav ul ul.sub-menu li a{
    font-size: 20px;
    font-style: italic;
    color: #f23030;
}
.mainNav ul ul.sub-menu li a:hover{
    color: #222222;
}
.socialDiv {
    background: #fff;
    bottom: 0;
        left: 10%!important;
    padding: 27px 0;
    position: absolute;
    right: 0;
    height: 90px;
}
.socialDiv:before{
    position: absolute;
    left: 0;
    width: 0;
    height: 1px;
    top: -1px;
    background: transparent;
    content: '';
    z-index: 1;
    -webkit-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.menu_open .socialDiv:before{
    width: 100%;
}
.socialDiv a {
    background: #000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    line-height: 0.8;
    margin: 0;
    padding: 6px 0;
    text-align: center;
    width: 25px;
}
.socialDiv li.fb:hover a{
    background: #3B5998;
}
.socialDiv li.tw:hover a{
    background: #55ACEE;
}
.socialDiv li.gp:hover a{
    background: #DD4B39;
}
.socialDiv li.in:hover a{
    background: #0E76A8;
}
.socialDiv li.dr:hover a{
    background: #EC4A89;
}
.socialDiv li.be:hover a{
    background: #3496FF;
}
.socialDiv li{
    display: inline-block;
}
.socialDiv li:nth-child(01){
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
    -webkit-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.socialDiv li:nth-child(02){
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
    -webkit-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.socialDiv li:nth-child(03){
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
    -webkit-transition: all 1350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.socialDiv li:nth-child(04){
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
    -webkit-transition: all 1450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.socialDiv li:nth-child(05){
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
    -webkit-transition: all 1550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.socialDiv li:nth-child(06){
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
    -webkit-transition: all 1650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.menu_open .socialDiv li:nth-child(01),
.menu_open .socialDiv li:nth-child(02),
.menu_open .socialDiv li:nth-child(03),
.menu_open .socialDiv li:nth-child(04),
.menu_open .socialDiv li:nth-child(05),
.menu_open .socialDiv li:nth-child(06){
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    visibility: visible;
}
.socialDiv a.closeNav {
    background: transparent;
    color: #000;
    left: 27px;
    position: absolute;
    top: 30px;
}
.menu_toggler{
        position: absolute;
        right: 25px;
        top: 5px;
        width: 60px;
        height: 60px;
        border-top: 0px solid #f3f3f3;
        background: transparent;
        border-right: 0px solid #f3f3f3;
        z-index: 1;
        cursor: pointer;
}
.menu_open .menu_toggler{
    border-right: none;
}
#menu_toggle {
    bottom: 0;
    cursor: pointer;
    height: 30px;
    left: 0;
    line-height: 0.7;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
#menu_toggle span{
    width: 100%;
    height: 2px;
    background: #73bf44;
    display: inline-block;
}
#menu_toggle span:nth-of-type(01){
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#menu_toggle span:nth-of-type(02){
    transform: scale(1); 
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#menu_toggle span:nth-of-type(03){
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.active #menu_toggle span:nth-of-type(1) {
    position: absolute;
    right: 0;
    transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background: #73bf44;
}
.active #menu_toggle span:nth-of-type(02){
    /* transform: scale(0); */
    /* opacity: 0; */
    /* background: #73bf44; */
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background: #73bf44;
}
.active #menu_toggle span:nth-of-type(3){
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background: #73bf44;
}

/**====================== Nav Dark ========================**/
.dark_menu, 
.dark_menu .navWrap,
.dark_menu .socialDiv,
.dark_menu .menu_toggler{
    background: #222;
}
.dark_menu .navWrap ,
.dark_menu .menu_toggler{
    border-color: #181818;
}
.dark_menu .socialDiv::before{
    background: #181818;
}
.dark_menu .mainNav ul li a,
.dark_menu .mainNav ul li.has-menu-items > a:focus,
.dark_menu .mainNav ul ul.sub-menu li a:hover{
    color: #fff;
}    
.dark_menu #menu_toggle span{
    background: #fff;
}
.dark_menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #333;
}

.mCSB_scrollTools .mCSB_draggerRail{}

/**=====================  Slider 01  =========================**/
.sliderSection{
    position: relative;
}
.revSlider{
    background: #070705;
}
.tp-bullets{
    bottom: 0 !important;
    height: 60px;
    left: auto !important;
    margin: auto 0 !important;
    opacity: 1 !important;
    position: absolute;
    right: 44px;
    top: 0;
    width: 11px;
    z-index: 2;
}
.tp-bullets.simplebullets.round .bullet{
    width: 10px;
    height: 10px;
    border: none;
    background: none;
    border-radius: 50%;
    margin-bottom: 24px;
    padding: 2px;
    position: relative;
}
.tp-bullets.simplebullets.round .bullet:after{
    background: #5e5d5d;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    width: 6px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
}
.tp-bullets.simplebullets.round .bullet.selected{
    border: 5px solid #f23030;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
}
.tp-bullets.simplebullets.round .bullet.selected:after{
    background: none;
}
.tp-bannertimer{
    display: none !important;
    visibility: hidden !important;
}
.sliderSection::after {
    background: #73bf44;
    bottom: -10%;
    content: "";
    height: 200px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 1px;
    z-index: 5;
}
.sliderCaption{
    position: relative;
}
.sliderCaption h1 {
    font-size: 80px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.8;
    margin: 0px;
    color: #ffffff;
}
.sliderCaption h1 > span {
    font-style: italic;
}
.sliderCaption h3 {
    color: #f23030;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    margin: 0 0 41px;
    text-transform: uppercase;
}
.sliderCaption.white h3{
    color: #fff;
}
.slotholder{
    position: relative;
}
.slotholder:before{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    content: '';
}
.scrolltoDown {
    border: 0px solid #fff;
    border-radius: 50%;
    bottom: 58px;
    height: 58px;
    left: 0;
    margin: auto;
    padding: 13px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: auto;
    width: 58px;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 5;
}
.scrolltoDown a {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 35px;
}
.scrolltoDown:hover{
    border-color: #73bf44;
}
.scrolltoDown a.hoverImg {
    top: -40px;
    visibility: hidden;
    opacity: 0;
}
.scrolltoDown:hover .hoverImg{
    top: 0;
    visibility: visible;
    opacity: 1;
}
.scrolltoDown:hover a.normalImg{
    top: 40px;
    opacity: 0;
}

/**===================== About Section =========================**/


.side-arrow ,.up-arrow ,.side-arrow1 ,.up-arrow1  {
cursor: pointer;
}

.box-award{
    border: 1px solid #73bf44;
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    /* top: 0%; */
    margin-top: -2.5%;
    z-index: 0;
}

.award-tit{
   /*background: linear-gradient(to right, rgba(0, 0, 0, 0), #f5f4f8 40%, #f5f4f8 60%, #00000000 100%);*/
   width: 25%;
   margin: auto;
   padding: 0% 0;
   height: 500px;
   z-index: 2;
   position: absolute;
   left: 0;
   right: 0;
   top: -60px;
   background: #ffffff;
}

.award-box-bg{
       background: #ffffff;
}

.up-arrow {
           /* margin-top: -3%; */
           margin-bottom: 1.5%;
}


.videoWrapper video {
/*    position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
}


.video-extend-wrapper{
    width: 100vw!important;
    max-width: 100vw!important;
}

video {
    background-color: transparent!important;
}
.aboutSection {
    padding-top: 140px;
    padding-bottom: 140px;
}
.aboutSection .comonTitle{
    margin-bottom: 93px;
}
.about_desc{
       position: relative;
    text-align: left;
    padding-left: 28px;
    margin-top: 15%;
}
.about_desc h2{
    margin: -12px 0 36px;
    font-weight: normal;
    line-height: normal;
        font-size: 44px;
    letter-spacing: 0;
}
.about_desc p{
   line-height: normal;
    margin: 0 0 70px;
    padding-right: 55px;
}
.rotate_text{
    color: #999999;
    font-size: 14px;
    font-weight: 600;
    left: -442px;
    letter-spacing: 5.6px;
    line-height: 0.8;
    position: absolute;
    text-transform: uppercase;
    top: 132px;
    transform: rotate(-90deg);
}
.rotate_text span{
    color: #000;
}



.rotate_img-r-top{

       right: 5%;
    position: absolute;
    top: -5%;
    z-index: -1;
}

.rotate_img-r-bot{

    right: 0%;
    position: absolute;
    bottom: -10%;
    z-index: 0;
}


/**===================== Service Section =========================**/
.serviceSection{
    position: relative;
}
.serviceArea{
    position: relative;
    margin: -383px 110px 0;
}
.serviceArea img{
    max-width: 100%;
    height: auto;
}
.serviceHead{
    position: absolute;
    left: 140px;
    top: 410px;
    width: 50%;
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    z-index: 2;
}
.serviceHead span{
    font-style: italic;
}
.serviceDesc{
    font-weight: 300;
    letter-spacing: 0;
    font-size: 40px;
    line-height: 50px;
    position: absolute;
    right: 0;
    width: 50%;
    bottom: 104px;
    color: #FFF;
    padding-left: 125px;
    padding-right: 130px;
}
.serviceDesc:before{
    background: #fff;
    content: "";
    height: 2px;
    left: -101px;
    position: absolute;
    top: 22px;
    width: 200px;
}
.rotate_text_02{
    color: #fff;
    font-size: 14.2px;
    font-weight: 600;
    letter-spacing: 5.68px;
    line-height: 0.8;
    position: absolute;
    right: -206px;
    text-align: left;
    text-transform: uppercase;
    top: 469px;
    transform: rotate(90deg);
}
.rotate_text_02 span{
    color: #691616;
}

/**===================== What We Do Section =========================**/
.what_we_do{
    padding-top: 129px;
    padding-bottom: 140px;
}
.what_we_do .comonTitle{
    margin-bottom: 35px;
}
.what_we_do .bigTitle{
    margin-bottom: 127px;
}
.iconBox{
    position: relative;
}
.iconBox i, .iconBox img{
    margin-bottom: 41px;
}
.iconBox h3{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    line-height: .8;
    margin: 0 0 65px;
    letter-spacing: 8px;
}
.iconBox p{
    margin: 0 0 36px;
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    padding: 0 10px;
}
.iconBox ul{
    margin: 0 0 58px;
    padding: 0;
}
.iconBox ul li{
    width: 100%;
    color: #333333;
    font-size: 20px;
    line-height: .8;
    text-transform: capitalize;
    font-weight: 300;
    margin: 0 0 24px
}
.iconBox ul li:last-child{
    margin-bottom: 0;
}

.iconBox a{
    padding: 20px 34px;
    text-transform: uppercase;
    height: 50px;
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
    color: #f23030;
    line-height: .8;
    position: relative;
}
.iconBox a span{
    position: relative;
    z-index: 2;
}
.iconBox a:after{
    content: "";
    width: 110px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(242, 48, 48, .2);
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.iconBox a:hover:after{
    width: 100%;
}

/**===================== Folio Section =========================**/
.folioSections{
    padding: 158px 0 0;
    background: url(../images/bg/1.jpg) no-repeat top center;
}
.folioSections .comonTitle{
    margin-bottom: 25px;
}
.folioSections .bigTitle{
    margin-bottom: 150px;
}
.mtop136{
    margin-top: 136px;
}
.singleFolio{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.mtop234{
    margin-top: 134px;
}
.singleFolio img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.singleFolio:hover img{
    transform: rotate(-2deg) scale(1.1);
    -moz-transform: rotate(-2deg) scale(1.1);
    -webkit-transform: rotate(-2deg) scale(1.1);
    -ms-transform: rotate(-2deg) scale(1.1);
    -o-transform: rotate(-2deg) scale(1.1);
}
.folio_hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    visibility: hidden;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.singleFolio:hover .folio_hover{
    opacity: 1;
    visibility: visible;
}
.folio_hover h1{
    color: #FFF;
    font-family: Playfair Display;
    font-size: 60px;
    line-height: 60px;
    margin: 0 0 33px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleFolio:hover .folio_hover h1{
    opacity: 1;
    visibility: visible;
    transform: translate3d(151px, 0, 0);
    -webkit-transform: translate3d(151px, 0, 0);
}
.folio_hover span{
    width: 200px;
    height: 2px;
    position: relative;
    display: block;
    background: #f23030;
    margin-bottom: 21px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(151px, 0, 0);
    -webkit-transform: translate3d(151px, 0, 0);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleFolio:hover .folio_hover span{
    opacity: 1;
    visibility: visible;
    transform: translate3d(38px, 0, 0);
    -webkit-transform: translate3d(38px, 0, 0);
}
.folio_hover h1 a{
    color: #FFF;
}
.folio_hover p.catsa{
    margin: 0;
    font-size: 14px;
    letter-spacing: 5.6px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleFolio:hover .folio_hover p.catsa{
    opacity: 1;
    visibility: visible;
    transform: translate3d(151px, 0, 0);
    -webkit-transform: translate3d(151px, 0, 0);
}
.folio_hover p.catsa a{
    color: #FFF;
}
.folio_hover .fh_con{
    position: absolute;
    left: 0;
    bottom: 65px;
    width: 100%;
}

/**===================== Client Section =========================**/
.client_section{
    padding-top: 141px;
    padding-bottom: 95px;
}
#client_slider .singleClient{
    position: relative;
    width: 100%;
}
#client_slider.owl-carousel .owl-item img{
    max-width: 100% !important;
    width: auto !important;
    height: auto;
    display: inline-block;
}

/**===================== Testimonial Section =========================**/
.testimonial_section{
    background: url(../images/bg/2.jpg) no-repeat center center / cover;
    padding: 160px 0 147px;
}
.testimonialSlider{
    padding-left: 173px;
}
.testimonialItems{
    position: relative;
    width: 100%;
    padding-left: 85px;
    padding-right: 70px;
    padding-top: 28px;
}
.testimonialItems:after{
    width: 146px;
    height: 119px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: url(../images/testi.png) no-repeat center center;
}
.testimonialItems p{
    font-size: 50px;
    line-height: 70px;
    color: #000;
    margin: 0;
    z-index: 2;
    position: relative;
}
.testiMeta{
    position: relative;
    padding-left: 230px;
    margin-top: 40px;
}
.testiMeta h3{
    font-size: 30px;
    line-height: 30px;
    color: #000;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-weight: 700;
}
.testiMeta span{
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0;
    display: inline-block;
}
.testiMeta:after{
    width: 200px;
    height: 2px;
    background: #f23030;
    position: absolute;
    left: 0;
    top: 32px;
    content: "";
}
.testimonialSlider.owl-theme .owl-dots{
    bottom: 0;
    height: 70px;
    left: 82px;
    margin: auto 0;
    position: absolute;
    text-align: center;
    top: -50px;
    width: 10px;
}
.testimonialSlider.owl-theme .owl-dots .owl-dot{
    display: inline-block;
    margin: 0;
    width: auto;
    height: auto;
}
.testimonialSlider.owl-theme .owl-dots .owl-dot span{
    margin: 0 0 4px;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    display: block;
}
.testimonialSlider.owl-theme .owl-dots .owl-dot:hover span{
    background: #f23030;
}
.testimonialSlider.owl-theme .owl-dots .owl-dot.active span{
    width: 10px;
    height: 10px;
    background: #f23030;
}

/**===================== Footer =========================**/
.footer{
    padding-top: 4%;
    padding-bottom: 0%;
    position: relative;
    background: #ffffff;
    border-top: 1px solid #cccccc;
}

.footer p{
    color: #777;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    background: -webkit-linear-gradient(#555, #666666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer p:hover{    
    
    background: -webkit-linear-gradient(#5d9838, #73bf44);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#footer .container-fluid {
    width: 80%;
    margin: auto;
    /* padding-left: 10%; */
    /* padding-right: 5%; */
}

#footer .col-md-3 {
    width: 23%;
}


.aboutFooter{
    position: relative;
    width: 100%;
}
.aboutFooter img{
    max-width: 100%;
    width: 40%;
    height: auto;
    margin: 0 0 42px;
}
.aboutFooter h3{
    font-weight: 500;
    /* text-transform: capitalize; */
    /* color: #616361; */
    margin: 0 0 13px;
    line-height: normal;
    margin: 0;
    background: -webkit-linear-gradient(#555, #666666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.aboutFooter p{
    /* font-size: 20px; */
    line-height: 36px;
    color: #999;
    margin: 0;
    font-weight: 300;
    padding-right: 40px;
}
.footer_Nave{
    position: relative;
    margin: 5px 0 50px;
        padding: 0px 0 0 15%;
    line-height: .8;
    text-align: left;
}
.footer_Nave li{
        list-style: none;
    /* display: inline-block; */
    line-height: normal;
   
}
.footer_Nave li:last-child{
    padding-right: 0;
}
.footer_Nave li a{
    display: inline-block;
    line-height: 1.6em;
    font-size: 15px;
    letter-spacing: 0;
    /* color: #616361; */
    background: -webkit-linear-gradient(#555, #666666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.footer_Nave li a:hover{
    
    background: -webkit-linear-gradient(#5d9838, #73bf44);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer_Nave p.blog-title{
    margin-bottom: 0px;
}

.footer_Nave p.blog-date{
    font-size: 11px;
}

.foot-bg {
    background: url(../images/dots.png);
    /* background:#f4f6f6; */
    background-repeat: repeat;
    background-size: 0.3%;
    overflow: hidden;
}


.footerSocial{
     display: inline-block;
     /* float: left; */
     /* padding-right: 59px; */
     position: relative;
     text-align: left;
     right: 0;
     /* margin: 98px 0 44px; */
     /* position: absolute; */
}
.footerSocial a{
        /* background: #73bf44 none; */
        border-radius: 50%;
        color: #777;
        display: inline-block;
        font-size: 17px;
        height: auto;
        line-height: 0;
        padding: 10px 0;
        text-align: left;
        width: 40px;
        /* margin-right: 20px; */
}


.footerSocial a:last-child{
    margin-right: 0;
}
.footerSocial a:hover {
    color: #73bf44!important;
}

.officeAddress {
    display: inline-block;
    position: relative;
    float: left;
    padding-right: 45px;
    margin-top: 8px;
}
.officeAddress h3 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.8px;
    line-height: 0.8;
    margin-bottom: 19px;
}
.officeAddress p {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2.8px;
    line-height: 0.8;
    margin-bottom: 19px;
    padding-left: 30px;
    text-transform: uppercase;
}
.officeAddress i.pe-7s-map-marker {
    padding-right: 5px;
    font-size: 16px;
}
.callUs {
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 10px;
}
.callUs p {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2.8px;
    line-height: 0.8;
    color: #000000;
}
.approachTitle {
    padding: 175px 0;
    position: relative;    
}
.approachTitle h3 {
   
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin-bottom: 66px;
    text-transform: uppercase;
}
.approachTitle > h1 {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0;
    color: #000000;
}
.rotate_text_03 {
    color: #999999;
    font-size: 14.32px;
    font-weight: 600;
    letter-spacing: 5.728px;
    line-height: 0.8;
    position: absolute;
    right: -91px;
    text-align: left;
    text-transform: uppercase;
    top: 143px;
    transform: rotate(90deg);
    z-index: 9;
}
.rotate_text_03 span {
    color: #f23030;
}
.approachContent {
    position: relative;

}
.approachContent h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 50px;
}


/*==============================================================
/ Services Page
=================================================================*/
.servicesDetailsPagtitle{
    background: url(../images/bg/4.jpg) no-repeat scroll center center/cover;
}
.ourExperties {
    padding-bottom: 124px;
    padding-top: 120px;
}
.ourExperties .comonTitle {
    margin-bottom: 35px;
}
.calltoActionwhatwedo{
    padding-top: 175px;
    position: relative;
    background: url("../images/bg/map.png") no-repeat scroll center 126%;
}
.serv_title {
    position: relative;
    padding-bottom: 240px;
}
.serv_title h3 {
    
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin-bottom: 66px;
    text-transform: uppercase;
}
.serv_title > h1 {
    font-family: playfair display;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0 0 62px;
}
.serv_title a.sy_btn {
    padding: 14px 43px 20px 92px;
    font-weight: 700;
}
.serv_title a.sy_btn i {
    margin-left: 64px;
}

/**=====================  How We Work  =========================**/
.howWeWork {
    background: url(../images/bg/5.jpg) no-repeat scroll center top;
    position: relative;
}
.workContent::before {
    background: red;
    content: "";
    height: 2px;
    left: -75px;
    position: absolute;
    top: 443px;
    width: 200px;
    top: 114px;
}
.workContent {
    background: #000;
    height: 470px;
    margin-top: 330px;
    padding: 62px 0 0 53px;
    width: 470px;
    position: relative;
}
.workContent h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin: 0 0 66px;
    text-transform: uppercase;
}
.workContent h2 {
    color: #fff;
    font-family: playfair display;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    position: absolute;
    width: 590px;
}
.bigTitle02 {
    margin-bottom: 143px;
}
.bigTitle02 span {
    font-style: italic;
}
.iconBox02 {
    margin-bottom: 133px;
    position: relative;
}
.iconBox02 i, .iconBox02 img{
    margin-bottom: 41px;
}
.iconBox02 i{
    font-size:100px;
    color: #2f3238;
}
.iconBox02 h3{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    line-height: .8;
    margin: 0 0 65px;
    letter-spacing: 8px;
}
.iconBox02 p{
    margin: 0 0 36px;
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    padding: 0 10px;
}
.iconBox02 ul{
    margin: 0 0 58px;
    padding: 0;
}
.iconBox02 ul li{
    width: 100%;
    color: #333333;
    font-size: 20px;
    line-height: .8;
    text-transform: capitalize;
    font-weight: 300;
    margin: 0 0 24px
}
.iconBox02 ul li:last-child{
    margin-bottom: 0;
}
.iconBox02 a{
    padding: 20px 34px;
    text-transform: uppercase;
    height: 50px;
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
    color: #f23030;
    line-height: .8;
    position: relative;
}
.iconBox02 a span{
    position: relative;
    z-index: 2;
}
.iconBox02 a:after{
    content: "";
    width: 110px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(242, 48, 48, .2);
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.iconBox02 a:hover:after{
    width: 100%;
}

/**=====================  Who We Worked For  =========================**/
.whoWe_workedFor {
    padding: 0 0 101px;
    position: relative;
}
.whoWe_workedFor .comonTitle {
    margin-bottom: 104px;
}
.singlePartner {
    bottom: 0;
    height: 125px;
    left: 0;
    margin: auto auto 66px;
    position: relative;
    right: 0;
    top: 0;
    width: 180px;
}
.singlePartner img {
    opacity: 0.7;
    width: 100%;
}
.singlePartner img:hover {
    opacity: 1;
}

/**=====================   Call to Action  =========================**/
.calltoAction  {
    background: url(../images/bg/6.jpg) no-repeat scroll center center / cover;
    margin: 0 0 69px;
}
.calltoActionheading {
    padding: 150px 0 155px;
    overflow: hidden;
}
.calltoActionheading h1 {
    color: #fff;
    font-family: playfair display;
    font-size: 80px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.8;
    margin: 0 0 40px;
}
.calltoActionheading h1 > span {
    font-style: italic;
}
.calltoActionheading p {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 61px;
    padding: 0 275px;
}
.calltoActionheading a.sy_btn {
    padding: 14px 43px 20px 61px;
}
.calltoActionheading a.sy_btn i {
    margin-left: 35px;
}

/**=====================  Footer Two  =========================**/
.footer2 {
    padding-bottom: 132px;
    padding-top: 0;
    position: relative;
}

/**=====================  Copyright Section  =========================**/
.copyrightSection {
    border-top: 1px solid #cccccc;
    padding: 1% 0 1%;
    position: relative;
}
.copyrightText p {
        color: #999999;
        font-family: poppins;
        font-size: 13px;
        font-weight: 100;
        /* letter-spacing: 1.8px; */
        line-height: 30px;
        /* text-transform: uppercase; */
        margin: 0;
    padding: 1% 0;
}

/**============================================================
// Work page
===============================================================**/
.workPagtitle{
    background: url(../images/bg/7.jpg) no-repeat scroll center center/cover;
}

.contact1-bg{
    background: url(../images/contact/contact1-bg.jpg) no-repeat scroll center center/cover;
}

.contact1Section{
    height: 100vh;
    position: relative;
}


.worksection{
   padding: 5% 0px;
}
.worksectionTitle{
    padding-bottom: 50px;
}
.filterNav p {
    color: #f23030;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 0.8;
    margin-bottom: 22px;
}
.filterNav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.filterNav ul li {
    display: inline-block;
}
.apporachsec02 {
    margin-bottom: 120px;
}
.filterNav {
        margin-bottom: 5%;
}
.filterNav ul li{
    font-weight: 300;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0;
    color: #666766;
    padding-left: 3%;
    padding-right: 3%;
    position: relative;
    cursor: pointer;
    font-family: lato;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.filterNav ul li.active,
.filterNav ul li:hover{
    color: #73bf44;
}
.filterNav ul li:first-child{
    margin-left: 0;
}
.filterNav ul li:before {
    background: #73bf44!important;
    /* border-radius: 50%; */
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}

/*.filterNav ul li.active:before {
  transform: rotateX(45deg);background: red!important;
}*/


.filterNav ul li:last-child:before {
    width: 0;
    height: 0;
    background: transparent;
}
.filterCont .mix{
    display: none;
}
.singleWork {
    position: relative;
    width: 100%;
    height: 35vh;
}




.work_all_details{
   width: 100%;
    position: absolute;
    bottom: 0;
}

.work_img img {
    width: 100%;
    height: auto;
}
.work_details {
    margin: auto 0;
    padding-left: 3%;
    position: relative;
    width: 100%;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms  ease-in;
    -ms-transition: all 400ms  ease-in;
    -o-transition: all 400ms  ease-in;
    transition: all 400ms ease-in;
}
.workD_Top {
    
    bottom: 0px;
    position: absolute;
    width: 80%;
     -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms  ease-in;
    -ms-transition: all 400ms  ease-in;
    -o-transition: all 400ms  ease-in;
    transition: all 400ms ease-in;
}




.singleWork:hover .work_all_details .workD_Top{
    bottom: 25px;
    position: absolute;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms  ease-in;
    -ms-transition: all 400ms  ease-in;
    -o-transition: all 400ms  ease-in;
    transition: all 400ms ease-in;
}


.singleWork:hover .bgProj {
        background-size: auto 105%!important;

     -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms  ease-in;
    -ms-transition: all 400ms  ease-in;
    -o-transition: all 400ms  ease-in;
    transition: all 400ms ease-in;
}


.workD_Top h1{
    margin-bottom: 15px;
}


.workD_Top h3{
    color: #f23030;
    
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 5.6px;
    line-height: 0.8;
    margin: 0 0 16px;
    text-transform: uppercase;
}
.workD_Top h4{
        color: #ffffff;
    
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}
.workD_Top h1 a {
    font-family: playfair display;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}
.workD_Top h1 a:hover{
    color: #ffffff;
}
.lineSpan {
    background: #ffffff;
    display: block;
    height: 1px;
    left:0px;
    position: relative;
    width: 0;
    margin-bottom: 1%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0 , 0, 110px);
    -webkit-transform: translate3d(0, 0, 110px);
}
.singleWork:hover .work_all_details .lineSpan{
    visibility: visible;
    opacity: 1;
    left:0px;
    width: 95px;
    left: auto;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
    -moz-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
    -ms-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
    -o-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
    transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
    margin-left: 1%;
}






.workD_Top h1 a {
    color: #ffffff;
}

.workD_Top h1 a:hover,.workD_Top h1 a:focus {
    color: #ffffff;
}




.workD_bott {
    color: #666666;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 36px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    -moz-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    -ms-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    -o-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -80px, 0);
    -moz-transform: translate3d(0, -80px, 0);
    -ms-transform: translate3d(0, -80px, 0);
    -o-transform: translate3d(0, -80px, 0);
}
.work_all_details:hover .workD_bott{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.work_details a.vDetail{
        color: #73bf44!important;
        display: block;
        font-size: 14px;
        font-weight: 600;
        overflow: hidden;
        position: relative;
        text-transform: uppercase;
        width: 145px;
        /*transform: translate3d(0, -116px, 0);
    -webkit-transform: translate3d(0, -116px, 0);
    -moz-transform: translate3d(0, -116px, 0);
    -ms-transform: translate3d(0, -116px, 0);
    -o-transform: translate3d(0, -116px, 0);*/
        -webkit-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
        -moz-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
        -ms-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
        -o-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
        transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
        margin-bottom: 3%;
}
.work_details a.vDetail span{
    margin-left: -107px;
    -webkit-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.work_details a.vDetail i{
    display: inline-block;
    font-size: 33px;
    height: 15px;
    left: 0;
    line-height: 0.5;
    margin-left: 12px;
    position: relative;
    top: 8px;
}
.singleWork:hover .work_all_details .work_details a.vDetail{
    transform: translate3d(0, 0, 0);
    transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 450ms;
    -moz-transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 450ms;
    -webkit-transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 450ms;
    -ms-transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 450ms;
    -o-transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 450ms;
    margin-left: 1%;
}
.singleWork:hover .work_all_details .work_details a.vDetail span{
    margin-left: 0px;
    -webkit-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    -moz-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    -ms-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    -o-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
    transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
}
.work_details a.vDetail:hover{
    color:#73bf44!important;
    margin-left: 1%;
}
.let_more_btn{
    margin-top: 3%;
}

.proj-name {
    color: #f5f5f5;
    font-size: 26px;
    margin-bottom: 0.5%;
    margin-left: 1%;
}

 .proj-loc{
    color: #ffffff;
}


.work_details:hover:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
}

/**============================================================
// Team Page
===============================================================**/
.teamPagtitle{
    background: url(../images/bg/8.jpg) no-repeat scroll center center/cover;
}
.teamSection{
    padding: 175px 0 130px;
}
.singleTeam{
    margin-bottom: 30px;
}
.teamImg{
    margin-bottom: 23px;
}
.teamImg img{
    width: 100%;
    height: auto;
}
.teamTitle{
    font-size: 30px;
    margin: 0 0 19px;
}
.teammTitle{
    font-size: 30px;
    margin: 0 0 19px;
}
.teamTitle{
    margin: 0 0 149px;
}
.teamDec p{
    line-height: .8;
    margin: 0 0 25px;
    color: #f23030;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 5.6px;
}
.teamSocial a{
    font-size: 15px;
    color: #cccccc;
    margin-right: 20px;
}
.teamSocial a:hover{
    color: #f23030;
}
.teamSocial a:last-child{
    margin-right: 0;
}
.teamFixedImg img{
    width: 100%;
    height: auto;
}
.teamtext{
    padding-left: 273px;
    padding-right: 100px;
    margin-top: 62px;
    position: relative;
}
.teamtext h2{
    font-size: 50px;
    line-height: 60px;
}
.lineBorder{
    width: 200px;
    height: 2px;
    background: #f23030;
    display: inline-block;
    position: absolute;
    left: 35px;
    top: 34px;
}
.instSection{
    padding-bottom: 107px;
}
.comonTitle.comonTitle2{
    margin-bottom: 119px;
}
.singleInst{
    background: #fafafa;
}
.singleInst img{
    width: 100%;
    height: auto;
    min-height: 350px;
}
.singleInst.big img{
    width: 100%;
    height: auto;
    min-height: 700px;
}
.col-cs-2{
    width: 20%;
    float: left;
}
.col-cs-4{
    float: left;
    width: 40%;
}
.twitterfeed.owl-theme .owl-nav{
    margin: 0;
    display: none;
}
.twitterfeed{
    background: #fafafa;
    padding: 84px 0 78px;
}
.singleTwitter{
    padding-left: 35px;
    position: relative;
    padding-right: 80px;
    margin-left: 50px;
}
.singleTwitter i{
    position: absolute;
    left: 0;
    top: 13px;
    font-size: 18px;
    color: #0096ff;
}
.metaTwitter h2,
.metaTwitter time{
    display: inline-block;
}
.metaTwitter time{
    font-weight: 400;
    font-size: 16px;
}
.metaTwitter h2{
    color: #999999;
    font-size: 18px;
    text-transform: none;
    font-weight: 300;
    line-height: 40px;
    margin: 0 20px 11px 0;
}
.metaTwitter h2 a{
    font-weight: 500;
    color: #000;
}
.singleTwitter p{
    line-height: 40px;
}
.singleTwitter p,
.singleTwitter a:hover{
    color: #000;
}
.singleTwitter a,
.metaTwitter h2 a:hover{
    color: #f23030;
}



/**======================================================
// Journal Page
========================================================**/
.journalPageBg{
    background: url(../images/bg/9.jpg) no-repeat scroll center center/cover;
}
.journalPosts .mix{
    display: none;
}
.singleJournal {
    margin-bottom: 62px;
    overflow: hidden;
    position: relative;
}
.journalmeta {
    margin-bottom: 26px;
}
.journalThumb {
    position: relative;
    width: 100%;
}
.journalThumb img {
    width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleJournal:hover img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.journalmeta a {
    color: #aaaaaa;
    font-size: 14px;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    display: inline-block;
}
.journalmeta a:hover,
.journalmeta a.jnalDate:hover{
    color: #f31f1f;
}
.journalmeta a.jnalDate {
    border-bottom: 2px solid #f31f1f;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    margin-right: 17px;
    padding-bottom: 14px;
    text-transform: uppercase;
}
.jnalDate sup {
    font-weight: 500;
    top: -3px;
}
.j_content h2 {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 40px;
}
.j_content span {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 0.8;
}
.j_content{
    margin-bottom: 33px;
}
.journalBtn{
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleJournal:hover .journalBtn{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.journalBtn a.sy_btn {
    padding: 14px 19px 20px 33px;
}
.journalBtn .sy_btn i {
    margin-left: 9px;
}
.journal_filterNav {
    margin: 0;
    padding: 85px 0 75px;
}
.j_contentW {
    background: #fff;
    bottom: 0;
    position: relative;
    padding-right:10px ;
    padding-top: 17px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleJournal:hover .j_contentW {
    background: #fff;
    bottom: 95px;
}
.addmorePost{
    margin-top: 60px;
}
.addmorePost a {
    background: #000;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 35px;
    padding: 25px 0;
    width: 83px;
    height: 83px;
    line-height: .8;
    position: relative;
}
.addmorePost a img{
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.addmorePost a.carousel_active img{
    webkit-animation: spining 2s infinite linear;
    animation: spining 2s infinite linear;  
}
@-webkit-keyframes spining {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spining {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.addmorePost a:hover{
    background: #f31f1f;
}
.addmorePost .carousel_active{
    background: #f31f1f;
}

/**======================================================
// Single Journal
========================================================**/
.journalDetails{
    background: url(../images/bg/10.jpg) no-repeat scroll center center/cover;
}
.journalDetails h2{
    margin-bottom: 60px;
}
.singleJournalPage{
    padding-bottom: 115px;
}
.singleJournal_meta a.jon_date{
    color: #000;
    margin-right: 13px;
    font-weight: 600;
}
.singleJournal_meta a.jon_date:hover{
    color: #f23030;
}
.singleJournal_meta{
    line-height: .8;
    padding: 10px 0;
}
.singleJournal_meta a{
    font-size: 14px;
    color: #f23030;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    font-weight: 500;
}
.singleJournal_meta a:hover{
    color: #000;
}
.jon_comment{
    width: 31px;
    height: 24px;
    background: #f23030;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: .8;
    padding: 7px 0;
    float: right;
    top: 5px;
    position: relative;
    font-weight: 600;
}
.jon_comment:hover{
    background: #333;
    color: #fff;
}
.jon_comment:hover:before{
    border-color: #333 transparent transparent;
}
.jon_comment::before {
    border-color: #f23030 transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0 0;
    bottom: -8px;
    content: "";
    height: 0;
    left: 8px;
    position: absolute;
    width: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.journal_wrap {
    border-bottom: 1px solid #ebebeb;
    margin: 0 15px 65px;
    padding: 34px 0 27px;
}
.blogDescriptionTop{
    margin-bottom: 26px;
}
.journal_content h2{
    font-size: 50px;
    line-height: 60px;
    color: #000;
    font-weight: 400;
    margin-bottom: 70px;
}
.journalImg{
    margin-right: 20px;
}
.journalImg img{
    width: 100%;
    height: auto;
}
.journal_contentWrap{
    margin-bottom: 91px;
}
.journal_content{
    padding-right: 22px;
    position: relative;
    top: -10px;
}
.journal_content p{
    font-size: 18px;
    line-height: 36px;
    font-weight: 100;
    margin-bottom: 35px;
}
.relatedTitle{
    text-transform: uppercase;
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    letter-spacing: 8px;
    margin-bottom: 35px;
}
.relatedProduct{
    margin-top: 5px;
}
.journalImgRela{
    margin-right: 20px;
    margin-bottom: 23px;
}
.journalImgRela img{
    width: 100%;
    height: auto;
}
.journalmeta.relatedMeta{
    margin-bottom: 19px;
}
.j_contentRel h3{
    font-size: 26px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 13px;
}
.authorName {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 0.8;
}
.commentTitle{
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
}
.socialShare {
    position: relative;
    top: -9px;
}
.socialShare span{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    color: #000;
    margin-right: 10px;
}
.socialShare a {
    border: 1px solid #eaeaea;
    border-radius: 50%;
    color: #b2b2b2;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 0.7;
    padding: 10px 0;
    text-align: center;
    width: 35px;
    margin-right: 0;
}
.socialShare a i.fa-google-plus{
    position: relative;
    left: 2px;
    top: -1px;
}
.socialShare a.fb:hover{
    border-color: #38559B;
    color: #38559B;
}
.socialShare a.tw:hover{
    border-color: #01B1FD;
    color: #01B1FD;
}
.socialShare a.gp:hover{
    border-color: #E4492A;
    color: #E4492A;
}
.commentList {
    margin-bottom: 61px;
}
.singleCom{
    padding-left: 130px;
    position: relative;
}
.singleCom img{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.comHead{
    margin-bottom: 21px;
}
.comDate{
    font-size: 12px;
    color: #f23030;
    line-height: .8;
}
.comAutReply {
    line-height: 0.8;
    position: relative;
    top: -7px;
}
.comAutReply a {
    color: #000000;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 2.6px;
    line-height: 0.9;
    margin-right: 41px;
    text-transform: uppercase;
}
.comAutReply a:hover{
    color: #f23030;
}
.comAutReply a.reply{
    color: #f23030;
    position: relative;
}
.comAutReply a.reply:hover,
.comDate:hover{
    color: #000;
}
.comAutReply a.reply::before {
    background: #cccccc;
    content: "";
    height: 1px;
    left: -24px;
    position: absolute;
    top: 5px;
    width: 15px;
}
.commentList ol li div.singleCom{
    padding-top: 15px;
}
.commentList ol > li{
    min-height: 180px;
    padding-bottom: 1px;
    position: relative;
    margin-bottom: 35px;
}
.commentList ol > li:after{
    width: 100px;
    height: 1px;
    background: #e5e5e5;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.commentList ol > li:last-child:after{
    width: 100%;
}
.commentList ol > li:last-child {
    margin-top: 45px;
}
.singleCom > p{
    font-size: 16px;
    color: #666666;
    line-height: 36px;
}
.commentList ol li ul.ChildCom{
    padding-left: 140px;
    margin-bottom: 60px;
}
.commentList ol li ul.ChildCom li{
    position: relative;
}
.commentList ol li ul.ChildCom li:before{
    position: absolute;
    left: -10px;
    width: 10px;
    height: 180px;
    background: #f2f2f2;
    content: '';
}
.commentList ol li ul.ChildCom li .singleCom{
    margin-left: 20px;
}
.commentList ol li > .singleCom{
    position: relative;
}
.comReplyTitle{
    margin-bottom: 46px;
}
.commentForm input[type="text"], 
.commentForm input[type="email"], 
.commentForm textarea {
    border-color: -moz-use-text-color -moz-use-text-color #000;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: #818181;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1.96px;
    line-height: 28px;
    margin-bottom: 27px;
    padding: 0 0 14px;
    text-transform: uppercase;
    width: 100%;
}
.commentForm textarea{
    height: 100px;
    margin-bottom: 68px;
}
.commentForm input[type='text']::-webkit-input-placeholder ,
.commentForm input[type='email']::-webkit-input-placeholder ,
.commentForm textarea::-webkit-input-placeholder {
    color: #818181;
    opacity: 1;
}
.commentForm input[type='text']:-moz-placeholder,
.commentForm input[type='email']:-moz-placeholde,
.commentForm textarea:-moz-placeholde{
    color: #818181;
    opacity: 1;
}
.commentForm input[type='text']::-moz-placeholder ,
.commentForm input[type='email']::-moz-placeholder,
.commentForm textarea::-moz-placeholder{
    color: #818181;
    opacity: 1;
}
.commentForm input[type='text']:-ms-input-placeholder,
.commentForm input[type='email']:-ms-input-placeholder,
.commentForm textarea:-ms-input-placeholder{
    color: #818181;
    opacity: 1;
}


/*=======================================================================
// Home Two
=========================================================================*/
/**=====================  Header Top Bar2  =========================**/
.headerTop2{
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
.headerTop2 .headerInnerWrap {
    padding: 8px 0 7px;
}
.header2 {
    background: #fff;
}
.logo2 {
    height: auto;
    width: 183px;
    padding: 23px 0;
}
.logo2 img{
    width: 100%;
    height: auto;
}
.logo2 a{
    display: block;
}
.mainNav2{
    text-align: right;
}
.mainNav2 ul{}
.mainNav2 ul li{
    display: inline-block;
    margin-left: 59px;
    position: relative;
}
.mainNav2 ul li a{
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    display: block;
    letter-spacing: 3.2px;
    font-weight: 500;
    line-height: 54px;
    padding-bottom: 24px;
    padding-top: 23px;
}
.mainNav2 ul li a:hover,
.mainNav2 ul li:hover > a{
    color: #F23030;
}
.mainNav2 ul li ul.sub-menu{
    position: absolute;
    z-index: 2;
    background: #f23030;
    width: 242px;
    margin-left: 0;
    left: 0;
    top: 101px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav2 ul li ul.sub-menu::before {
    background: #f23030;
    content: "";
    height: 10px;
    left: 40px;
    margin: auto;
    position: absolute;
    right: auto;
    top: -4px;
    transform: rotate(-45deg);
    width: 10px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav2 ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 101px;
}
.mainNav2 ul li ul.sub-menu li{
    margin: 0;
    padding: 2px 0;
    padding-left: 20px;
    text-align: left;
    display: block;
    border-top: 1px solid #d92b2b;
}
.mainNav2 ul li ul.sub-menu li:first-of-type{
    border-top: none;
}
.mainNav2 ul li ul.sub-menu li a{
    font-size: 14px;
    padding-bottom: 0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2.8px;
    padding-top: 0;
}
.mainNav2 ul li ul.sub-menu li a:hover{
    color: #000000;
}
/**=====================  discoverSec  =========================**/
.discoverSec {
    padding: 205px 0 183px;
}
.approachTitle2 {
    padding: 0 150px;
    position: relative;
}
.approachTitle2 h3 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.approachTitle2 > h1 {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0;
    color: #000000;
    margin-bottom: 47px;
}
.approachTitle2 > p{
    margin-bottom: 103px
}

/**=====================  Our Latest Work  =========================**/
.latestWorkSec{
    padding-bottom: 100px;
}
.comonTitle.marginB94{
    margin-bottom: 88px;
}
.singlelWork{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.singlelWork img{
    width: 100%;
    height: auto;
}
.singlelWorkDec {
    background: #fff;
    border-bottom: 3px solid #f2f2f2;
    margin-top: -102px;
    width: 81.4%;
    padding: 26px 25px 0;
    transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    -o-transform: translate3d(-50px, 0, 0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}
.singlelWork:hover .singlelWorkDec{
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
}
.lworkTitlle{
    font-size: 50px;
    line-height: 50px;
    position: relative;
    padding-bottom: 38px;
    margin-bottom: 21px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    -o-transform: translate3d(-50px, 0, 0);
    visibility: hidden;
    opacity: 0;
}
.singlelWork:hover .lworkTitlle{
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
}
.lworkTitlle:before{
    position: absolute;
    left: 0;
    width: 0;
    height: 2px;
    background: #f23030;
    content: '';
    bottom: 0;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    -o-transform: translate3d(-50px, 0, 0);
    visibility: hidden;
    opacity: 0;
}
.singlelWork:hover .lworkTitlle:before{
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    width: 100px;
}
.metalW{
    font-size: 14px;
    color: #000;
    padding-bottom: 31px;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    -o-transform: translate3d(-50px, 0, 0);
    visibility: hidden;
    opacity: 0;
}
.singlelWork:hover .metalW{
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
}
.metalW a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 5.6px;
    text-transform: uppercase;
    margin-right: 3px;
    margin-left: 10px;
}
.metalW a:first-child{
    margin-left: 0;
}
.metalW a:hover{
    color: #f23030;
}

/**=====================  our Services  =========================**/
.ourServicesSec{
    background: #f23030;
    padding: 115px 0;
}
.singleServices {
    background: #fff;
    padding: 36px 15px 48px;
    box-shadow: 3px 0 10px rgba(0, 0, 0, .31);
    margin: 0 0 30px;
    transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
}
.singleServices:hover{
    margin-top: -25px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.4);
}
.singleServices img{
    width: 91px;
    height: auto;
    margin-bottom: 38px;
}
.singleServices h3{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 8px;
    margin-bottom: 61px;
}
.ser_details p:last-of-type{
    margin-bottom: 59px;
}
.sy_btnPl{
    text-transform: uppercase;
    font-size: 15px;
    line-height: .8;
    letter-spacing: 0;
    color: #f23030;
    font-weight: 700;
}
.sy_btnPl:hover{
    color: #000;
}

/**=====================  Latest Blog  =========================**/
.latestBlogSec{
    padding: 140px 0 0;
}
.singleLapost{
    background: #fff;
    margin-bottom: 39px;
    border: 1px solid #eaeaea;
}
.singleLapost:last-of-type{
    margin-bottom: 0;
}
.latestpostImg {
    padding-right: 60px;
}
.latestpostImg img{
    width: 100%;
    height: auto;
}
.latestpostDet{
    margin-left: -26px;
    padding-top: 31px;
}
.metalp {
    margin-bottom: 7px;
}
.metalp a{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2.8px;
    color: #aaaaaa;
    margin-right: 1px;
    margin-left: 1px;
    line-height: 40px;
}
.metalp a.metadate{
    color: #f23030;
    margin-left: 0;
    margin-right: 13px;
    letter-spacing: 0;
}
.metalp a:hover{
    color: #000;
}
.latestBT{
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 19px;
}
.latestBT a{
    color: #000000
}
.latestBT a:hover{
    color: #f23030;
}
.authorLBP,
.authorLBP a{
    text-transform: capitalize;
    color: #999999;
    font-size: 15px;
    letter-spacing: 0;
    line-height: .8;
    font-weight: 400;
}
.authorLBP a:hover{
    color: #000;
}
.client_section2{
    padding-bottom: 95px;
    padding-top: 112px;
}

/*==============================================
/ Contact Page 
===============================================*/
.mapSection{
    position: relative;
    padding: 0;
    background: #000;
}
.map{
    width: 100%;
    height: 800px;a
}
.contacInfoSection{
    position: relative;
    padding: 80px 0 80px;
    overflow: hidden;
}
.contactHeader{
    position: relative;
    text-align: left;
    padding-top: 20px;
}

.contactHeader h1{
        font-size: 40px;
    line-height: 60px;
    letter-spacing: 0;
        margin: 0px 0 22px;

}

.hello-pos{padding: 2.2% 0 0 15px;}

.contact-form-pos{
        margin-top: -10%;
}

.ls-none{
    list-style: none;
}

.contactForm{
    margin: 0;
    position: relative;
   
}
.singeContact {
    margin-bottom: 20px;
}
.singeContact label {
        color: #999;
        cursor: pointer;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 2.8px;
        line-height: 0.8;
        margin: 0;
        padding-bottom: 10px;
        text-transform: uppercase;
        outline: none;
}
.contactForm input[type="text"],
.contactForm input[type="email"]{
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    color: #666666;
    font-weight: 300;
    line-height: normal;
    padding: 0px 0 3px;
    outline: none;
    background: transparent;
}

.sub-form input[type="email"]{
    width: 75%;
    border: none;
    border-bottom: 1px solid #999;
    font-size: 13px;
    color: #666666;
    font-weight: 300;
    line-height: normal;
    padding: 0px 0 3px;
    outline: none;
    background: transparent;float: left;
}

.sub-form input[type="email"]:focus{
border-bottom: 1px solid #949393;}

.sub-form input::-webkit-input-placeholder{
    font-size: 13px;
    opacity: 1;
}
.sub-form input:-moz-placeholder{
    font-size: 13px;
    opacity: 1;
}

input#send-sub {

background: url(../images/paprocket.png)no-repeat;
    width: 10%;
    outline: none;
    border: 0;
    line-height: 17px;
    float: left;
    border-bottom: 1px solid #999;
}

.sub-form-but{

}


.contactForm input::-moz-placeholder {
    font-size: 13px;
    opacity: 1;
}
.contactForm input:-ms-input-placeholder {
    font-size: 13px;
    opacity: 1;
}

.contactForm textarea {
    border: none;
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    /* height: 49px; */
    line-height: normal;
    /*padding-top: 9px;*/
    resize: none;
    width: 100%;
    border-bottom: 1px solid #ccc;
    outline: none;
    background: transparent;
}

.contactForm button{
    height: 45px;
    /* border-radius: 50px; */
    border: 1px solid #73bf44;
    background: #9990;
    /* border: none; */
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #73bf44;
    /* font-family: Playfair Display; */
    font-weight: 600;
    line-height: .8;
    padding: 0 37px;
    margin-top: 25px;
    line-height: 20px;
    outline: 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.contactForm button span{
    display: inline-block;
    width: 36px;
    height: 16px;
    background: url(../images/message.png) no-repeat center center;
    margin-left: 11px;
    position: relative;
    bottom: -4px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.contactForm button:hover{
   background: #73bf44;
   color: #FFF;
   outline: 0;
}
.contactForm input[type="text"].reqError,
.contactForm input[type="email"].reqError,
.contactForm textarea.reqError{
    border-color: #F23030;
}
.singeContact{
    position: relative;
}
.singeContact span {
    color: #f23030;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 14px;
}

.contactForm button:hover span{
    background: url(../images/message_h.png) no-repeat center center;
}
.contactInfo{
    position: relative;
    text-align: left;
    padding-top: 20px;
   
}

.contactInfo h1{
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0;
    margin: 0 0 30px;
}
.singleAddress{
    position: relative;
    margin: 0;
}
.singleAddress h3{

    font-weight: 700;
    line-height: .8;
       margin: 5px 0 30px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-size: 12px;
}
.singleAddress p{
    
    line-height: normal;
    color: #666666;
    letter-spacing: 1.2px;
    font-size: 14px;
    /* text-transform: uppercase; */
    margin: 1px;

}
.singleAddress h5{
    
    font-weight: 700;
    line-height: .8;
    margin: 0;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    font-size: 14px;
}

.pos-bot{
        bottom: 0;
    left: 9%;
    position: absolute;
}

.contactForm input::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder {
    color: #666666;
    opacity: 1;
}
.contactForm input:-moz-placeholder,
.contactForm textarea:-moz-placeholder {
    color: #666666;
    opacity: 1;
}
.contactForm input::-moz-placeholder, 
.contactForm textarea::-moz-placeholder{
    color: #666666;
    opacity: 1;
}
.contactForm input:-ms-input-placeholder,
.contactForm textarea:-ms-input-placeholder {
    color: #666666;
    opacity: 1;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a1a1a1!important;font-size: 15px;letter-spacing: 1.2px;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #a1a1a1!important;font-size: 15px;letter-spacing: 1.2px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a1a1a1!important;font-size: 15px;letter-spacing: 1.2px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a1a1a1!important;font-size: 15px;letter-spacing: 1.2px;
}


/*==============================================
/ Work Details Page 
===============================================*/
.workDetailsPagtitle{
    background: url(../images/bg/11.jpg) no-repeat center center / cover;
}
.workDetailsSections{
    position: relative;
    padding: 0;
}
.workMeta{
    position: relative;
    background: #66ab3c;
}
.wMSingle{
    position: relative;
    padding: 29px 0 17px 43px;
    border-right: 1px solid rgba(0, 0, 0, .1);
}
.wMSingle h5{
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFF;
    line-height: .8;
    font-weight: 700;
    margin: 0 0 7px;
}
.wMSingle p{
    font-size: 18px;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 0;
    margin: 0;
}
.wMSingle.wMLives{
    padding: 25px 0;
    text-align: center;
    border: none;
}
.wMLives .sy_btn{
    background: #fff;
    color: #000;
}
.wMLives .sy_btn i{
    color: #f23030;
}
.wMLives .sy_btn:hover{
    background: #f23030;
    color: #FFF;
}
.wMLives .sy_btn:hover i{
    color: #FFF;
}
.wDSChalange{
    position: relative;
    padding: 125px 0 30px;
}
.chalangeHeader{
    position: relative;
    margin: 0 0 163px;
}
.chalangeHeader h5{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 8px;
    margin: 0 0 41px;
    line-height: .8;
}
.chalangeHeader h2{
    font-size: 50px;
    line-height: 80px;
    letter-spacing: 0;
    margin: 0 0 31px;
    font-weight: 400;
}
.chalangeHeader h2 i{
    font-style: italic;
}
.chalangeHeader p{
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0;
    font-weight: 300;
    margin: 0;
}
.challengeImg{
    position: relative;
}
.challengeImg img{
    width: 100%;
    height: auto;
}
.challengeImg:after{
    width: 2px;
    height: 200px;
    background: #f23030;
    position: absolute;
    left: 0;
    top: -92px;
    right: 0;
    margin:  0 auto;
    content: "";
    z-index: 2;
}
.wDSGoals{
    position: relative;
    background: #f23030;
    padding: 165px 0 203px;
}
.goolTitle{
    position: relative;
    margin-bottom: 116px;
}
.goolTitle h5{
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    letter-spacing: 8px;
    line-height: .8;
    margin: 0 0 32px;
    text-transform: uppercase;
}
.goolTitle h2{
    font-size: 50px;
    color: #FFF;
    margin: 0;
    line-height: 80px;
    letter-spacing: 0;
}
.singleGoals{
    text-align: center;
    position: relative;
    padding: 0 10px;
}
.singleGoals h5{
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    letter-spacing: 8px;
    line-height: .8;
    margin: 0 0 65px;
    text-transform: uppercase;
}
.singleGoals p{
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
}
.wDGallery{
    position: relative;
    padding: 30px 0 70px;
}
.wDGallery .imgDiv{
    margin-bottom: 30px;
}
.gall2{
    float: left;
    width: 61.667%;
    padding-right: 16px;
}
.gall3{
    float: left;
    width: 38.333%;
    padding-left: 12px;
}
.wDSocial{
    position: relative;
    padding: 0 0 140px;
}
.wDSocialLinks{
    text-align: center;
}
.wDSocialLinks p{
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    font-family: Playfair Display;
    color: #000000;
}
.wDSocialLinks p a{
    color: #f23030;
    text-transform: capitalize;
}
.wDSocialLinks p a:hover{
    color: #000;
}
.wDNav{
    position: relative;
    padding: 0 0 124px;
}
.projectLinks{
    position: relative;
    overflow: hidden;
}
.projectLinks.marRight10{
    margin-right: 3px;
}
.projectLinks.marLeft10{
    margin-left: 3px;
}
.projectLinks img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.projectLinks:hover img{
    transform: scale(1.2) ;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2) ;
    -ms-transform: scale(1.2) ;
    -o-transform: scale(1.2) ;
}
.pLHover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    padding: 50px 40px 0 40px;
}
.pLHover h5{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2.8px;
    line-height: .8;
    margin: 0;
    font-weight: 700;
}
.pLHover h5 a{
    color: #73bf44!important;
}
.pLHover h5 a:hover{
    color: #FFF;
}
.pLHCon{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 26px;
}
.text-right .pLHCon{
    right: 0;
    padding-right: 40px;
}
.text-right .pLHCon{
    left: 0;
    padding-left: 40px;
}
.pLHover h6{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2.8px;
    line-height: .8;
    margin: 0 0 3px;
    font-weight: 700;
}
.pLHover h6 a{
    color: #FFF;
}
.pLHover h6 a:hover{
    color: #f23030;
}
.pLHover h2{
    font-size: 40px;
    line-height: 60px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0;
}
.pLHover h2 a{
    color: #FFF;
}
.pLHover h2 a:hover{
    color: #f23030;
}


/*==============================================
/ About Page
===============================================*/

.ourApproachSection{
    padding-bottom: 0;
    position: relative;
}
/**=====================  Testmonial Caro  =========================**/
.approachSlider {
    background: #f5f4f8; /*url(../images/bg/about/1.jpg) no-repeat scroll 0 0 / cover;*/
    margin-bottom: 130px;
    position: relative;
    height: auto;
}
.single_apporch h2{
    font-size: 50px;
    color: #fff;
    font-weight: 700;

    line-height: 50px;
    margin-bottom: 37px;
}
.about_sy_btn {
    padding: 14px 43px 20px 76px;
}
#testmonialcaro{
    padding: 10% 0;
}
#testmonialcaro .owl-dots {
    position: absolute;
    right: -230px;
    top: 275px;
    transform: rotate(-90deg);
    line-height: .8;
    height: 68px;
    bottom: 0;
    margin: auto;
}
#testmonialcaro.owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
    border-radius: 30px;
    border: 2px solid #5cbb46!important;
    display: block;
    height: 10px;
    width: 10px;
    margin: 0 12px;
    transition: opacity 200ms ease 0s;
}
#testmonialcaro.owl-theme .owl-dots .owl-dot.active span{
    width: 10px;
    height: 10px;
    background: #5cbb46!important;
    position: relative;
    
}

/**=====================  commitment Text  =========================**/
.resolute_commitment{
    padding-bottom: 115px;
}
.commitment_text h2 {
    margin: 0 0 37px;
    color: #000000;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 0;
    font-weight: 300;
}
.commitment_text p {
    margin: 0;
    color: #999999;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0;
    font-weight: 400;
}
.commitment_text {
    padding-right: 100px;
    position: relative;
    right: 44px;
}
.commitment_text:after {
    background: #f23030;
    content: "";
    height: 2px;
    left: -268px;
    position: absolute;
    top: 104px;
    width: 200px;
}

/**=====================  Funfact  =========================**/
.funfactsSec {
    padding-top: 5%;
    padding-bottom: 7%;
}
.fun_count h1{
    margin: 0;
    
    font-size: 80px;
    line-height: .8;
}
.funcact_title h1{
        margin: 0 0 5% 0;
    /* text-transform: uppercase; */
   /* font-size: 104px;*/
    /* font-weight: 700; */

        line-height: 1.1em;
    /* letter-spacing: 5px; */
}
.fun_count p{
    margin: 0;
    color: #89898c;
    line-height: normal;
    letter-spacing: 0;
    

}

/**=====================  about_gallery  =========================**/
.commonSection.about_gallery{
    padding-right: 0;
}
.about_photo{}
.about_photo img{
    width: 100%;
    height: auto;
}

/**=====================  about_team  =========================**/

.team_title h4 {
    margin: 0;
    font-size: 20px;
    line-height: .8;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
    margin-bottom: 43px;
}
.team_title h1 {
    margin: 0 0 107px;
    font-size: 80px;
    line-height: .8;
    letter-spacing: 0;
    font-family: Playfair Display;
}
.author_info a {
    font-family: Playfair Display;
    font-size: 30px;
    line-height: .8;
    color: #000000;
    letter-spacing: 0;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.author_info a:hover {
    color: #F23030;
}
.author_info {
    padding-top: 36px;
}
.author_info p {
    margin: 0;
    font-size: 13px;
    line-height: .8;
    font-weight: 700;
    letter-spacing: 5.2px;
    color: #f23030;
    text-transform: uppercase;
    padding-top: 18px;
}
.sinlge_author img {
    width: 100%;
}
.sinlge_author {
    padding-left: 10px;
    padding-right: 10px;
}
.commonSection.about_gallery {
    padding-top: 153px;
}

/**=====================  Awards  =========================**/
.Awards {
    padding-top: 166px;
    padding-bottom: 130px;
}
.Awards_title {
    margin-bottom: 108px;
}
.Awards_title h3 {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: .8;
    color: #000000;
    letter-spacing: 8px;
    text-transform: uppercase;
}
.single_Awards{}
.single_Awards a{
    display: block;
    width: 252px;
    height: auto;
    margin: auto;
}
.single_Awards img{
    width: 100%;
    height: auto;
}


/*=======================================================================
// Shop Page
=========================================================================*/
.shopMenu{
    line-height: .8;
    position: relative;
    top: 3px;
}
.shopMenu li{
    display: inline-block;
    border-right: 1px solid #d0d7de;
    line-height: .8;
    padding: 0 17px;
    height: 20px;
    position: relative;
}
.shopMenu li:last-of-type{
    padding-right: 0;
    border-right: none;
}
.searchIcon img{
    position: relative;
    top: -1px;
}
.shopIcon{
    position: relative;
    top: 2px;
}
.shopMenu li img{
    margin-right: 6px;
}
.shopIcon .cartImg {
    display: inline-block;
    height: 20px;
    overflow: hidden;
    position: relative;
    top: 4px;
    width: 25px;
}
.shopIcon img{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.shopIcon img.shopIconHov {
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.shopIcon:hover img.shopIconHov{
    visibility: visible;
    opacity: 1;
    left: 0;
}
.shopIcon:hover img{
    visibility: hidden;
    opacity: 0
}
.shopMenu li a{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
}
.shopPageTitle{
    background: url(../images/bg/12.jpg) no-repeat scroll center center/cover;
}
.shopSection {
    padding-top: 120px;
    padding-bottom: 5px;
}
.shopSectionRow{
    padding: 0 75px; 
}
.shopSectionRoin{
    padding: 0 20px;
}
.shopSection .comonTitle{
    margin-bottom: 108px;
}
.single_product{
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.13);
    background: #fff;
    position: relative;
    margin: 0 20px 120px;
    padding: 26px 37px 14px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.single_product:hover{
    box-shadow: 0 13px 29px 0 rgba(0, 0, 0, 0.13);
}
.productImg{
    margin-bottom:20px;
    position: relative;
}
.productImg img{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.single_product:hover .productImg img{
    opacity: .2;
}
.productImg img{
    width: 100%;
    height: auto;
}
.product_dec {
    overflow: hidden; 
}
.product_decIn {
    transform: translate3d(0, 78px, 0);
    -webkit-transform: translate3d(0, 78px, 0);
    -moz-transform: translate3d(0, 78px, 0);
    -ms-transform: translate3d(0, 78px, 0);
    -o-transform: translate3d(0, 78px, 0);
    position: relative;
    -webkit-transition: all 300ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -o-transition: all 300ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transition: all 300ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
.single_product:hover .product_decIn{
    bottom: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.productTitle{
    font-size: 26px;
    line-height: 36px;
    color: #000000;
    letter-spacing: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
}
.product_price{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    letter-spacing: 6.4px;
    margin-bottom: 29px;
}
.single_product:hover .product_price{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.product_price del{
    color: #999999;
    margin-right: 11px;
}
.product_btn a{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 26px;
}
.product_btn a:nth-of-type(01){
    -webkit-transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -moz-transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -o-transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
}
.product_btn a:nth-of-type(02){
    -webkit-transition: all 1000ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transition: all 1000ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
}

.single_product:hover .product_btn a:nth-of-type(01),
.single_product:hover .product_btn a:nth-of-type(02){
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.product_btn a img{
    margin-right: 6px;
}
.lavel {
    position: absolute;
    right: -20px;
    text-align: right;
    top: 33px;
    width: 125px;
}
.lavel > p {
    background: #db2b2b;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 35px;
    letter-spacing: 0;
    line-height: 0.8;
    padding: 15px 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: inline-block;
}
.lavel > p.offer{

}
.lavel > p.seller{
    background: #000000;
}
.lavel > p.justIn{
    background: #822bdb;
}
.lavel > p.limitedStok{
    background: #37bf4e;
}
.shopBanner{
    background: url(../images/bg/13.jpg) no-repeat scroll center center/cover;
    min-height: 600px;
    position: relative;
    margin-bottom: 122px;
}

/*=======================================================================
// Shop Details
=========================================================================*/
.servSection{
   padding: 7% 0 9% 0;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee;
}

#services .container {
    width: 70%;
}


.breadcrumbSection{
    padding-top: 35px;
    padding-bottom: 19px;
}
.breadCmenu {
    position: relative;
    top: 0;
    padding-left: 15px;
    margin-bottom: 15px;
}
.breadCmenu a{
    position: relative;
    padding: 0 6px;
}
.breadCmenu a:first-child{
    padding-left: 0;
}
.breadCmenu a::after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    top: 6px;
    right: -5px;
}
.breadCmenu a,
.breadCmenu span{
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    line-height: .8;
}
.breadCmenu span{
    margin-left: 6px;
    color: #000000;
}
.breadCmenu a:hover{
    color: #000;
}
.productSocialShare{
    text-align: right;
    padding-right: 19px;
}
.productSocialShare > a {
    background: #f23030 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    height: 22px;
    line-height: 25px;
    padding: 0 8px 0 26px ;
    position: relative;
    text-align: center;
    width: auto;
}
.productSocialShare > a i {
    font-size: 13px;
    height: 100%;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 24px;
    top: 2px;
}
.productSocialShare > a.fb{
    background: #3B5998;
}
.productSocialShare > a.tw{
    background: #55ACEE;
}
.productSocialShare > a.gp{
    background: #DD4B39;
}
.productSocialShare > a:hover{
    opacity: .8;
}

.product_Details{
    background: #f9f9f9;
    margin-right: 30px;
}
#porDetails .carousel-indicators li {
    background-color:transparent;
    border: medium none;
    border-radius: 0;
    cursor: pointer;
    display: block;
    height: 25px;
    font-size: 15px;
    line-height: normal;
    margin: 0;
    margin-left: -5px;
    text-indent: 0;
    width: 50%;
    color: #666766;
}


#porDetails .carousel-indicators li.active {
    color: #73bf44;
}


/*#porDetails .carousel-indicators li.active:before {
    width: 20px;
    height: 1px;
    position: absolute;
    content: "";
    background-color: #73bf44;
}*/

.line-serv{
    width: 25px;
    height: 1px;
    background-color: #73bf44;
    display: inline-block;
    opacity: 0;
    margin: 1% 1%;
}


#porDetails .carousel-indicators li.active .line-serv{opacity: 1;}


#porDetails .carousel-indicators {
    top: 0px;
    left: -25px;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    z-index: 1;
    text-align: left;
}


.product_decp {
    padding-left: 47px;
    padding-top: 20px;
    padding-right: 75px;
}
.offerDe {
    color: #f23030;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 11px;
    text-transform: uppercase;
}
.proTitle{
    font-size: 36px;
    line-height: 50px;
    font-weight: 400;
    margin-bottom: 14px;
}
.product_price.details_page{
    font-size: 20px;
}
.product_decp p{
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
.product_decp p:last-of-type{
    margin-bottom: 47px;
}
.comSelectdiv{
    margin-bottom: 31px;
}
.selectTitle{
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-transform: capitalize;
    margin-bottom: 19px;
}
.comSelectdiv .btn {
    border: 1px solid #cccccc;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    margin-bottom: 0;
    padding: 0 14px;
    color: #d4d4d4;
}
.comSelectdiv .btn .caret{
    color: #000;
}
.comSelectdiv.selectColor {
    padding-left: 30px;
}
.comSelectdiv.selectColor .btn {
    border: 1px solid #cccccc;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    margin-bottom: 0;
    padding: 0 44px;
    color: #000;
}
.comSelectdiv .dropdown-menu {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    margin: 0;
    min-width: 160px;
}
.selectColor .dropdown-menu > li > a{
    padding-left: 45px;
}
.comSelectdiv .btn-group.open .dropdown-toggle{
    box-shadow: none;
}





.comSelectdiv .btn-default:hover, 
.comSelectdiv .btn-default:focus, 
.comSelectdiv .btn-default.focus, 
.comSelectdiv .btn-default:active, 
.comSelectdiv .btn-default.active, 
.comSelectdiv .open > .dropdown-toggle.btn-default{
    background: #fff;
}
.comSelectdiv .bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}
.comSelectdiv .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.quantityd{
    width: 142px;
    position: relative;
}
.quantityd{
    border: 1px solid #ccc;
    height: 48px;
    position: relative;
    z-index: 1;
}
.quantityd input[type="text"] {
    border: medium none;
    color: #000000;
    font-weight: 600;
    height: 100%;
    left: 0;
    margin: auto;
    padding: 0 28px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 140px;
    z-index: -1;
}
.quantityd button.qtyBtn {
    background: transparent;
    height: 100%;
    padding: 0;
    position: absolute;
    width: 40px;
}
.quantityd button.qtyBtn.btnPlus{
    right: 0;
}
.color {
    background: #000;
    bottom: 0;
    height: 18px;
    left: 14px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 18px;
}
.color.red{
    background: #f23030;
}
.cart_btn {
    background: #000;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    letter-spacing: 2.8px;
    line-height: 0.8;
    margin-top: 39px;
    padding: 14px 53px;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
}
.cart_btn span{
    background: rgba(0, 0, 0, 0) url("../images/scarth.png") no-repeat scroll center center;
    bottom: -4px;
    display: inline-block;
    height: 16px;
    margin-left: 11px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 36px;
}
.productinfoTab{
    border: 1px solid #f2f2f2;
    margin-top: 40px;
}
.infoNavTab{
    background: #f7f7f7;
    height: 104px;
    padding: 35px 45px;
    margin-bottom: 32px;
}
.infoNavTab li{
    display: inline-block;
    margin-right: 32px;
}
.infoNavTab li a{
    text-transform: uppercase;
    font-size: 16px;
    color: #afafaf;
    font-weight: 700;
}
.infoNavTab li.active a{
    color: #000;
}
.adinfo{
    width: 515px;
    padding-left: 45px;
}
.adinfo ul{}
.adinfo ul li{
    border-bottom: 1px solid #cfcfcf;
    position: relative;
    padding-left: 218px;
    font-size: 16px;
    color: #666666;
    line-height: 48px;
}
.adinfo ul li:last-of-type{
    border-bottom: none;
}
.adinfo ul li span{
    position: absolute;
    left: 0;
}
.productinfoTab .tab-content{
    padding-bottom: 46px;
}
.shopRelatedSection{}
.shopRelatedSection .comonTitle{
    margin-bottom: 55px;
}

/*=======================================================================
// Cart Page
=========================================================================*/
.shop_table.cart.cart_table{
    width: 100%;
    position: relative;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
.shop_table.cart.cart_table tbody{
    background: #fff;
}
.cart_table thead tr th{
    font-size: 16px;
    font-weight: 600;
    color: #afafaf;
    text-transform: uppercase;
    background: #f7f7f7;
    padding: 17px 0 18px;
    font-weight: 700;
}
.cart_table thead tr th:first-child{
    padding-left: 20px;
}
.cart_table thead tr th.product-subtotal{
    padding-left: 59px;
}
.cart_table tbody tr td{
    vertical-align: middle;
    padding: 30px 0;
    border-bottom: thin dotted #e2e2e2;
    font-size: 15px;
    color: #666666;
    line-height: .3px;
}
.cart_table tbody tr td.product-thumbnail{
    padding-left: 20px;
    width: 41.6666%;
}
.cart_table tbody tr td.product-thumbnail > a{
    display: inline-block
}
.cart_table tbody tr td.product-thumbnail img{
    width: 100px;
    height: 100px;
    display: inline-block;
    border: thin solid #ebebeb;
    margin-right: 50px;
}
.cart_table tbody tr td.product-thumbnail a.itemtitle{
    font-size: 16px;
    color: #000000;
    line-height: .3px;
}
.cart_table tbody tr td.product-thumbnail a.itemtitle:hover{
    color: #f23030;
}
.cart_table tbody tr td.product-price{
    width: 16.6666%;
}
.cart_table tbody tr td.product-price span.amount{
    color: #999999;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 6.4px;
}
.cart_table tbody tr td.product-quantity{
    width: 16.6666%;
}
.cart_table tbody tr td.product-subtotal{
    padding-left: 59px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 6.4px;
}
.cart_table tbody tr td.product-remove{
    padding-right: 20px;
    text-align: right;
}
.cart_table tbody tr td.product-remove a.remove{
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: .7;
    text-align: center;
    padding: 8px 0;
    letter-spacing: 0;
    color: #fff;
}
.cart_table tbody tr td.product-remove a.remove:hover{
    color: #FFF;
    background: #f23030;
}
.cart_table tbody tr td.actions{
    border-bottom: none;
}
.cart_table tbody tr td.actions .coupon{
    overflow: hidden;
}
.cart_table tbody tr td.actions .input-text{
    width: 275px;
    height: 50px;
    border: thin solid #d1d1d1;
    margin: 0;
    padding-left: 19px;
    padding-right: 19px;
    color: #a1a1a1;
    font-weight: 300;
    letter-spacing: .56px;
    font-size: 14px;
    resize: none;
    float: left;
    border-radius: 30px 0 0 30px;
}
.cart_table tbody tr td.actions .input-text::-webkit-input-placeholder{
    color: #a1a1a1;
    opacity: 1;
}
.cart_table tbody tr td.actions .input-text::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.cart_table tbody tr td.actions .input-text::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.cart_table tbody tr td.actions .input-text::-ms-input-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.cart_table tbody tr td.actions .coupon_submit{
    background: #000;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    letter-spacing: 2.8px;
    line-height: 0.8;
    padding: 14px 53px;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    float: left;
    border-radius: 0 30px 30px 0;
}
.cart_table tbody tr td.actions .coupon_submit:hover{
    background: #f23030;
}
.paddingLeft22{
    padding-left: 22px;
}
.cart_totals{
    position: relative;
    background: #ffffff;
    margin-top: 20px;
}
.cart_totals h2{
    background: #f7f7f7;
    position: relative;
    margin: 0;
    height: 60px;
    padding: 24px 0 24px 28px;
    font-size: 16px;
    color: #000;
    line-height: .7;
    text-transform: uppercase;
    font-weight: 700;
   
}
.cart_totals table{
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
.cart_totals table tr td, .cart_totals table tr th{
    vertical-align: top;
    padding: 30px 0;
    border-bottom: 1px dotted #e2e2e2;
}
.cart_totals table tr th{
    width: 220px;
    padding-left: 28px;
    font-size: 15px;
    color: #666666;
    line-height: .7;
    text-transform: capitalize;
    letter-spacing: .3px;
    font-weight: 300;
    font-weight: 700;
}
.cart_totals table tr td{
    line-height: .7;
}
.cart_totals table tr td .amount{
    color: #f23030;
    font-size: 15px;
    line-height: .7;
    text-transform: capitalize;
    letter-spacing: .3px;
    display: inline-block;
    font-weight: 300;
}
.cart_totals table tr td strong .amount{
    font-weight: 700;
}
#shipping_method{
    margin: 0;
    padding: 0;
    line-height: .7;
}
#shipping_method li{
    margin: 0 0 18px;
    padding-left: 29px;
    font-size: 15px;
    color: #666666;
    line-height: .7;
    text-transform: capitalize;
    letter-spacing: .3px;
    font-weight: 300;
}
#shipping_method li:last-child{
    margin-bottom: 0;
}
#shipping_method li label{
    font-size: 15px;
    color: #666666;
    line-height: .7;
    text-transform: capitalize;
    letter-spacing: .3px;
    display: inline-block;
    font-weight: 300;
    margin: 0 0 0 2px;
}
#shipping_method li input[type="radio"]{
    margin: 0;
}
#shipping_method li input[type="radio"]:checked + label{
    color: #f23030;
}
.wc-proceed-to-checkout{
    width: 100%;
    position: relative;
    text-align: right;
    margin-top: 31px;
}
#shipping_method li input{
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}
#shipping_method li label{
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    color: #666666;
    font-weight: 300;
}
#shipping_method li input[type="radio"]{
    display: none;
}
#shipping_method li label::before {
    background: transparent;
    content: "";
    height: 15px;
    left: -29px;
    position: absolute;
    top: -1px;
    width: 15px;
    border: 2px solid #ccc;
}
#shipping_method li input[type="radio"]:checked + label::after {
    background: #f23030;
    bottom: 0;
    content: "";
    height: 5px;
    left: -24px;
    margin: auto;
    position: absolute;
    top: 3px;
    width: 5px;
}
.tabmarginBottom{
    margin-bottom: 55px;
}

/*=======================================================================
// Checkout Page
=========================================================================*/
.woocommerce-billing-fields{
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
}
.woocommerce-billing-fields p{
    margin-bottom: 0;
}
.woocommerce-billing-fields input{
    width: 100%;
    height: 50px;
    border: thin solid #f3f3f3;
    margin: 0 0 20px;
    padding-left: 19px;
    padding-right: 19px;
    color: #a1a1a1;
    font-weight: 300;
    font-size: 14px;
}
.billing_countries{
    position: relative;
}
.billing_countries select{
    width: 100%;
    height: 50px;
    border: thin solid #f3f3f3;
    margin: 0 0 20px;
    padding-left: 19px;
    padding-right: 19px;
    color: #a1a1a1;
    font-weight: 300;
    letter-spacing: .56px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.billing_countries select option{
    padding: 6px 19px;
}
.billing_countries::after {
    color: #a1a1a1;
    font-weight: 300;
    letter-spacing: .56px;
    font-size: 14px;
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 21px;
    top: 8px;
}
.billing_countries .select2-container--default .select2-selection--single {
    border: thin solid #d1d1d1;
}
.billing_countries .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ccc;
}
.woocommerce-billing-fields input::-webkit-input-placeholder,
.woocommerce-billing-fields textarea::-webkit-input-placeholder{
    color: #a1a1a1;
    opacity: 1;
}
.woocommerce-billing-fields input:-moz-placeholder, 
.woocommerce-billing-fields textarea::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.woocommerce-billing-fields input::-moz-placeholder,
.woocommerce-billing-fields textarea::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.woocommerce-billing-fields input:-ms-input-placeholder,
.woocommerce-billing-fields textarea::-ms-input-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.loginss{
    position: relative;
    text-align: left;
    color: #333333;
    font-size: 14px;
    letter-spacing: .56px;
    margin-top: 3px;
    padding-left: 40px;
}
.loginss a{
    font-size: 18px;
    letter-spacing: 0;
}
.loginss a.facs{
    color: #3b5998;
}
.loginss a.goos{
    color: #c63d2d;
}
.loginss a:hover{
    color: #333;
}
.loginss input[type="checkbox"]{
    width: auto;
    display: inline-block;
    margin: 0 10px 0 0;
    height: auto;
}
.loginss input{
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}
.loginss label{
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    color: #666666;
    font-weight: 300;
}
.loginss input[type="checkbox"]{
    display: none;
}
.loginss label::before {
    background: transparent;
    border: 2px solid #ccc;
    content: "";
    height: 15px;
    left: -20px;
    position: absolute;
    top: 11px;
    width: 15px;
}
.loginss input[type="checkbox"]:checked + label::after {
    background: #f23030;
    bottom: 0;
    content: "";
    height: 5px;
    left: -15px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 5px;
}
.woocommerce-checkout-review-order{
    background: #f7f7f7;
    padding: 47px 30px 20px;
}
.woocommerce-checkout-review-order table{
    width: 100%;
    height: auto;
    margin-bottom: 14px;
}
.woocommerce-checkout-review-order table thead tr th{
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    line-height: .7;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 10px;
    font-weight: 700;
}
.woocommerce-checkout-review-order tbody tr td{
    font-size: 15px;
    color: #666666;
    letter-spacing: .3px;
    line-height: 20px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.woocommerce-checkout-review-order tbody tr:last-child td{
    padding-bottom: 23px;
}
.woocommerce-checkout-review-order tr td span.amount{
    color: #262626;
}
.woocommerce-checkout-review-order tr td strong{
    font-weight: normal;
}
.woocommerce-checkout-review-order tbody tr:first-child td{
    padding-top: 23px;
}
.woocommerce-checkout-review-order tfoot tr th{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .56px;
    text-transform: capitalize;
    color: #262626;
    line-height: 20px;
    border-top: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 21px 0 19px 10px;
}
.woocommerce-checkout-review-order tfoot tr td{
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .60px;
    text-transform: capitalize;
    color: #262626;
    line-height: 20px;
    border-top: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 21px 0 19px 10px;
}
.woocommerce-checkout-review-order tfoot tr.order-total td span.amount{
    font-weight: 600;
    color: #f23030;
}
.woocommerce-checkout-payment{
    position: relative;
    padding-left: 40px;
}
.woocommerce-checkout-payment ul{
    margin: 0;
    padding: 0;
}
.woocommerce-checkout-payment ul li{
    list-style: none;
    margin: 0 0 13px;
    padding: 0;
}
.woocommerce-checkout-payment ul li input[type="radio"]{
    margin-right: 17px;
    margin-top: 0;
    position: relative;
    bottom: -1px;
    cursor: pointer;
}
.woocommerce-checkout-payment ul li label{
    display: inline-block;
    font-size: 14px;
    color: #333333;
    letter-spacing: .56px;  
    font-weight: 300;
    text-transform: capitalize;
    margin: 0 0 14px;
    line-height: .7;
    cursor: pointer;
}
.payment_box {
    padding-left: 0;
    position: relative;
    padding-right: 20px;
    top: 0;
}
.payment_box p{
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 300;
    color: #777777;
    line-height: 24px;
    margin: 0;
}
.woocommerce-checkout-payment ul li label img {
    height: 23px;
    margin-left: 16px;
    position: absolute;
    top: -8px;
    width: auto;
}
.woocommerce-shipping-fields{
    position: relative;
    width: 100%;
    margin-top: 53px;
}
.woocommerce-shipping-fields p{
    margin: 0;
}
.woocommerce-shipping-fields textarea{
    width: 100%;
    height: 100px;
    border: thin solid  #f3f3f3;
    margin: 0;
    padding-left: 19px;
    padding-right: 19px;
    color: #a1a1a1;
    font-weight: 300;
    letter-spacing: .56px;
    font-size: 14px;
    resize: none;
    padding-top: 12px;
}
.woocommerce-shipping-fields textarea::-webkit-input-placeholder{
    color: #a1a1a1;
    opacity: 1;
}
.woocommerce-shipping-fields textarea::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.woocommerce-shipping-fields textarea::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.woocommerce-shipping-fields textarea::-ms-input-placeholder {
    color: #a1a1a1;
    opacity: 1;
}
.wc_payment_methods li input{
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}
.wc_payment_methods li label{
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    color: #666666;
    font-weight: 300;
}
.wc_payment_methods li input[type="radio"]{
    display: none;
}
.wc_payment_methods li label::before {
    background: transparent;
    content: "";
    height: 15px;
    left: -29px;
    position: absolute;
    top: -3px;
    width: 15px;
    border: 2px solid #ccc;
}
.wc_payment_methods li.payment_method_cod label::before {
    top: -2px;
}
.wc_payment_methods li input[type="radio"]:checked + label::after {
    background: #f23030;
    bottom: 0;
    content: "";
    height: 5px;
    left: -24px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 5px;
}
.woocommerce-shipping-fields h3{
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    line-height: 0.7;
    padding-bottom: 20px;
    text-transform: uppercase;
    
}

/*==============================================
/ About Page2
===============================================*/
.whatwedo{
    padding-top: 122px;
    padding-bottom: 6px;
}

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


.aboutPage2Title{
    background: url(../images/bg/14.jpg) no-repeat scroll center center/cover;
    position: relative;
}
.about2appro{
    padding-top: 80px;
    padding-bottom: 80px;
}
.comonTitle.about2{
    margin-bottom: 95px;
}
.about2content{
    padding-left: 255px;
    padding-top: 115px;
}
.about2content h1{
    font-size: 20px;
    color: #000000;
    letter-spacing: 8px;
    text-transform: uppercase;
   
    font-weight: 700;
    margin-bottom: 55px;
}
.about2content h2{
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
    margin-bottom: 60px;
}
.about2content p{
    line-height: 40px;
}
.ab2Img{
    padding-left: 70px;
}
.ab2Img img{
    width: 100%;
    height: auto;
}
.whatwedo{
    background: url(../images/bg/15.jpg) no-repeat scroll center center/cover;
}
.singleDobox{
    text-align: center;
}
.singleDobox{
    padding: 0 20px;
    margin-bottom: 108px;
}
.singleDobox img{
    width: 87px;
    height: 82px;
    margin-bottom: 16px;
}
.singleDobox h2{
    color: #fff;
    font-size: 18px;
    line-height: 34px;
    font-weight: 600;
    
    margin-bottom: 23px;
}
.singleDobox p{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
}
.singleFun{
    background: #f6f6f6;
    text-align: center;
    padding: 240px 0 227px;
    -webkit-transition: 300ms ease;
    -moz-transition: 300ms ease;
    -ms-transition: 300ms ease;
    -o-transition: 300ms ease;
    transition: 300ms ease;
}
.singleFun h2{
    font-size: 20px;
    color: #000000;
    margin-bottom: 30px;
}
.singleFun p{
    font-size: 80px;
    color: #f23030;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0;
}
.singleFun.top{
    margin-top: -50px;
    background: #f1f1f1;
}
.Awards.about2 {
    padding-top: 93px;
}
/*=======================================================================
// Services2 Page
=========================================================================*/
.serv2title{
    margin-bottom: 95px;
}
.synergysolutions {
    padding-top: 185px;
    position: relative;
    padding-bottom: 23px;
}
.serBox{
    margin-bottom: 110px;
}
.serBoxH{
    min-height: 61px;
    padding-left: 80px;
    position: relative;
    padding-top: 22px;
    margin-bottom: 45px;
}
.serBoxH img {
    height: 61px;
    left: 0;
    position: absolute;
    top: 0;
    width: 61px;
}
.serBoxH h2{
    
    font-size: 20px;
    color:#000000;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 8px;
}
.servicesDetailsPagtitle{
    background: url(../images/bg/4.jpg) no-repeat scroll center center/cover;
}
.ourExperties {
    padding-bottom: 124px;
    padding-top: 120px;
}
.ourExperties .comonTitle {
    margin-bottom: 35px;
}
.calltoActionwhatwedo{
        padding-top: 100px;
        position: relative;
        background: url(../images/bg/map.png) no-repeat scroll center 30%;
        /* background-attachment: fixed; */
}
.serv_title {
    position: relative;
    padding-bottom: 240px;
}
.serv_title h3 {
    
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin-bottom: 66px;
    text-transform: uppercase;
}
.serv_title > h1 {
    font-family: playfair display;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0 0 62px;
}
.serv_title a.sy_btn {
    padding: 14px 43px 20px 92px;
    font-weight: 700;
}
.serv_title a.sy_btn i {
    margin-left: 64px;
}

/**=====================  How We Work  =========================**/
.whychooseus {
    position: relative;
}
.whychooseus{
    background: #1d1d1d;
    position: relative;
}
.singlechoose::before {
    background: #f23030;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 148px;
    width: 200px;
}
.chooseContent{
    width: 46%;
    padding: 97px 97px 65px 120px; 
}
.singlechooseImg {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 54%;
}
.singlechooseImg img{
    width: 100%;
    height: 100%;
}
.chooseContent h5 {
    color: #fff;
    
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin: 0 0 91px;
    text-transform: uppercase;
}
.chooseContent h2 {
    color: #fff;
    font-family: playfair display;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 45px;
}
.chooseContent p{
    margin-bottom: 0;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    font-weight: 300;
    padding-right: 50px;
}
.chooseContent p:last-of-type{
    margin-bottom: 83px;
}
#choooseusSlide.owl-theme .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #fff;
    border-radius: 30px;
    display: block;
    height: 9px;
    width: 9px;
    margin: 0 6px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#choooseusSlide.owl-theme .owl-dots .owl-dot.active span, 
#choooseusSlide.owl-theme .owl-dots .owl-dot:hover span {
    background: #f23030;
}
#choooseusSlide.owl-theme .owl-dots {
    bottom: 55px;
    left: 115px;
    position: absolute;
    text-align: left;
}
#choooseusSlide .owl-nav{
    display: none;
}
.ourworkSec{
    padding-top: 123px;
    padding-bottom: 5px;
}
.singleprocess{
    margin: 0 10px;
    margin-bottom: 132px;
}
.singleprocess img{
    width: 100%;
    height: auto;
    margin-bottom: 64px;
}
.singleprocess h2{
    text-transform: uppercase;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: 8px;
    margin-bottom: 30px;
}
.singleprocess p{
    font-size: 20px;
    color: #999999;
    line-height: 36px;
    font-weight: 300;
}
.marb100{
    margin-bottom: 95px;
}
.partstyle2 .singlePartner{
    margin-bottom: 140px;
}
/*=======================================================================
// Preloader
=========================================================================*/
.preloader {
    background: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.preloader img {
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}
.mCSB_inside > .mCSB_container{
    margin-right: 0;
}
.contactSuccess{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .9);
    display: none;
}
.consNotice{
    width: 100%;
    height: 190px;
    background: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
.consNotice i{
    background: #fff;
    border-radius: 50%;
    color: #F23030;
    font-size: 60px;
    height: 109px;
    text-align: center;
    width: 110px;
    padding: 27px 0;
}
.consNotice p{
    color: #fff;
    font-family: Georgia;
    font-size: 30px;
    margin: 40px 0 0;
    text-transform: capitalize;
    line-height: 40px;
    display: inline-block;
}



/*colorPreset*/
.colorPreset{
    position: fixed;
    width: 250px;
    right: -250px;
    background: #fff;
    z-index: 99999;
    border: 1px solid #e3e3e3;
    top: 50%;
    transform: translateY(-50%);
}
.switchTittle {
    background: #fff;
    width: 249px;
    height: 64px;
    position: relative;
    padding: 23px 25px;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.switchTittle a.switchButton {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #7f7f7f;
    display: block;
    height: 65px;
    left: -65px;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 65px;
    font-size: 31px;
    padding: 15px;
    line-height: .8;
}
.switchTittle a.switchButton:hover{
    color: #000;
}
.colorPreset p{
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 600;
    margin: 0;
    line-height: 1;
}
.singleSwitch{
    background: #fff;
    padding: 24px 20px;
    border-bottom: 1px solid #e3e3e3;
}
.singleSwitch:last-of-type{
    border-bottom: none;
    padding-bottom: 30px;
}
.singleSwitch p{
    margin-bottom: 13px;
    text-transform: capitalize;
}
.switchs{
    overflow: hidden;
}
.colorSwitch a{
    width: 43px;
    height: 43px;
    background: #ccc;
    display: block;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}
.colorSwitch a.color1{
    background: #f23030
}
.colorSwitch a.color2{
    background: #3a3fe0
}
.colorSwitch a.color3{
    background: #2fca7b;
}
.colorSwitch a.color4{
    background: #a72fca;
}
.colorSwitch a.color5{
    background: #caa13f;
}
.colorSwitch a.color6{
    background: #3fbbca;
}
.colorSwitch a.color7{
    background: #e44d86;
}
.colorSwitch a.color8{
    background: #FA922C;
}
.colorSwitch a:hover,
.colorSwitch a.active{
    opacity: .3;
}

.lightDark a {
    border: 1px solid #cccccc;
    color: #000000;
    display: block;
    float: left;
    
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    margin-right: 10px;
    padding: 14px 20px;
    line-height: .8;
    min-width: 80px;
}
.lightDark a:last-of-type{
    margin-right: 0;
}
.lightDark a.darkColor{
    background: #222222;
    color: #fff;
    border-color: #222222;
}
.lightDark a:hover{
    border-color: #000;
}
.navStyle a{
    border: 1px solid #cccccc;
    color: #000000;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    margin-right: 10px;
    padding: 14px 20px;
    line-height: .8;
    min-width: 80px;
}
.navStyle a:hover{
    border-color: #000;
}

.mobileLogosc {z-index: 5;position: absolute;padding: 1.5% 1% 1% 2%;}

.mobileLogosc a img{width: 48%;}

/*Home*/

.slide-tit-pos{
    position: absolute;
    bottom: 14%;
    opacity: 1;
    left: 5%;
}

.home-sld-tit{
    color: #ffffff;
    /* letter-spacing: 2px; */
    margin-bottom: 5px;
    font-family: lato;
}

.home-sld-p{
        color: #ffffff;
        font-weight: 300;
        /* letter-spacing: 3.2px; */
        /* text-transform: uppercase; */
}

/*.burns1{background: url(../images/home/sliders/burns1.jpg) no-repeat;}
.burns2{background: url(../images/home/sliders/burns2.jpg) no-repeat;}
.burns3{background: url(../images/home/sliders/burns3.jpg) no-repeat;}
.burns4{background: url(../images/home/sliders/burns4.jpg) no-repeat;}
.burns5{background: url(../images/home/sliders/burns5.jpg) no-repeat;}
.burns6{background: url(../images/home/sliders/burns6.jpg) no-repeat;}
.burns7{background: url(../images/home/sliders/burns7.jpg) no-repeat;}
.burns8{background: url(../images/home/sliders/burns8.jpg) no-repeat;}
.burns9{background: url(../images/home/sliders/burns9.jpg) no-repeat;}
.burns10{background: url(../images/home/sliders/burns10.jpg) no-repeat;}
.burns11{background: url(../images/home/sliders/burns11.jpg) no-repeat;}
.burns12{background: url(../images/home/sliders/burns12.jpg) no-repeat;}
.burns13{background: url(../images/home/sliders/burns13.jpg) no-repeat;}
.burns14{background: url(../images/home/sliders/burns14.jpg) no-repeat;}*/



.burns1{background: url(../images/home/sliders/1.jpg) no-repeat;}
.burns2{background: url(../images/home/sliders/2.jpg) no-repeat;}
.burns3{background: url(../images/home/sliders/3.jpg) no-repeat;}
.burns4{background: url(../images/home/sliders/4.jpg) no-repeat;}
.burns5{background: url(../images/home/sliders/5.jpg) no-repeat;}
.burns6{background: url(../images/home/sliders/6.jpg) no-repeat;}
.burns7{background: url(../images/home/sliders/7.jpg) no-repeat;}
.burns8{background: url(../images/home/sliders/8.jpg) no-repeat;}
.burns9{background: url(../images/home/sliders/9.jpg) no-repeat;}
.burns10{background: url(../images/home/sliders/10.jpg) no-repeat;}
.burns11{background: url(../images/home/sliders/11.jpg) no-repeat;}
.burns12{background: url(../images/home/sliders/12.jpg) no-repeat;}
.burns13{background: url(../images/home/sliders/13.jpg) no-repeat;}
.burns14{background: url(../images/home/sliders/14.jpg) no-repeat;}

.fs{
       height: 100vh;
    width: 100vw;
}

.bg{background-size: 100% 100% !important;background-repeat: no-repeat!important;background-position: center;}

.bg100{background-size: 100% 100% !important;background-repeat: no-repeat!important;background-position: center;}

.bg100-proj{background-size: auto 100%!important;background-repeat: no-repeat!important;background-position: center!important;height: 100vh;}

.bg100auto{
    background-size: 100% auto!important;background-repeat: no-repeat!important;background-position: center!important;
}

.bgauto100{
    background-size: auto 100%!important;background-repeat: no-repeat!important;background-position: center!important;
}

.fadeInBg{
     -webkit-animation: move 1s ; /* Chrome, Safari, Opera */
    animation: move 1s ;
    animation-duration: 20s;    
}



.fadeInfrombot{
     -webkit-animation: fadeInFromBot 1s ; /* Chrome, Safari, Opera */
    animation: fadeInFromBot 1s ;
    animation-duration: 1s;    
}


/* Chrome, Safari, Opera */
  @-webkit-keyframes fadeInFromBot {
    0% {transform: translate3d(80px, 80px, 0px);opacity: 0.9;}
    50% {opacity: 0.95;}
    100% {transform: translate3d(0px, 0px, 0px);opacity: 1;}
  }

  /* Standard syntax */
  @keyframes fadeInFromBot {
      0% {transform: translate3d(0px, 80px, 0px);opacity: 0.9;}
    50% {opacity: 0.95;}
    100% {transform: translate3d(0px, 0px, 0px);opacity: 1;}
  }



.bgProj{background-size: auto 100%!important;background-repeat: no-repeat!important;background-position: center!important;}

#indvProj::after { background: transparent; }


.image-wrap {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.ken img {
  width: 100%;
  animation: move 40s ease;
  /* Add infinite to loop. */
  
  -ms-animation: move 40s ease;
  -webkit-animation: move 40s ease;
  -0-animation: move 40s ease;
  -moz-animation: move 40s ease;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    /* IE 9 */
    
    -webkit-transform: scale(1.05);
    /* Safari and Chrome */
    
    -o-transform: scale(1.05);
    /* Opera */
    
    -moz-transform: scale(1.05);
    /* Firefox */
  }
}


/*PROJECT */


.Fifpos{
    margin-left: 0%;
    margin-top: -12%;
    /* width: 125%; */
}

.Fifpos-dots{
    opacity: 0.45;
    margin-top: 10%;
}

.projCont-pos{
   margin-left: -45%;
   margin-top: 25%;
}

.projCont{
    line-height: normal;
}

.projCont span {font-weight: 500;}


    .NakashtraEnergyOffice{background-image:url(../images/project/portfolio/nakashtraenergyoffice1.jpg);}
    .Lebara{background-image:url(../images/project/portfolio/lebaratowers1.jpg); }
    .AntOffice{background-image:url(../images/project/portfolio/antworks1.jpg); }
    .Crystal{background-image:url(../images/project/portfolio/crystaltowers1.jpg);}
    .PVRMall{background-image:url(../images/project/portfolio/pvrmall1.jpg); }
    .CrimsonMall{background-image:url(../images/project/portfolio/crimsonmall1.jpg); }
    .FestiveCity{background-image:url(../images/project/portfolio/festivecity1.jpg); }
    .Sheraton{background-image:url(../images/project/portfolio/sheraton1.jpg); }
    .WHotel{background-image:url(../images/project/portfolio/whotel1.jpg); }
    .MaldivesResort{background-image:url(../images/project/portfolio/maldives1.jpg); }
    .SheratonARResort{background-image:url(../images/project/portfolio/sheraton1.jpg); }
    .MadrasMasala{background-image:url(../images/project/portfolio/madrasmasala1.jpg); }
    .MunchCafe{background-image:url(../images/project/portfolio/munchcafe1.jpg); }
    .ValenciaResort{background-image:url(../images/project/portfolio/valencia1.jpg); }
    .EverestHotel{background-image:url(../images/project/portfolio/everesthotel1.jpg); }
    .HotelPammal{background-image:url(../images/project/portfolio/hotelpammal1.jpg); }
    .SabariInn{background-image:url(../images/project/portfolio/sabariinn1.jpg); }
    .BayInfluence{background-image:url(../images/project/portfolio/bayinfluence1.jpg); }
    .RitishResidence{background-image:url(../images/project/portfolio/ritishresidence1.jpg); }
    .GolakhResidence{background-image:url(../images/project/portfolio/golakh1.jpg); }
    .MunchCafe{background-image:url(../images/project/portfolio/munchcafe1.jpg); }
    .RaviResidence{background-image:url(../images/project/portfolio/ravisresidence1.jpg); }
    .RameshResidence{background-image:url(../images/project/portfolio/ramesresi1.jpg); }
    .LalithaResidence{background-image:url(../images/project/portfolio/lalitharesidency1.jpg); }
    .GVAnnaiVilla{background-image:url(../images/project/portfolio/gvannalvilla1.jpg); }
    .LakeHouse{background-image:url(../images/project/portfolio/lakehouse1.jpg); }
    .NatwestVistasApartments{background-image:url(../images/project/portfolio/natwestapartment1.jpg); }
    .SanthoshResidence{background-image:url(../images/project/portfolio/santhoshresidence1.jpg); }
    .PalatialHouse{background-image:url(../images/project/portfolio/palatial1.jpg); }
    .KVKApartment{background-image:url(../images/project/portfolio/kvkapartment1.jpg); }
    .RamaraApartment{background-image:url(../images/project/portfolio/ramara1.jpg); }
    .Propshell{background-image:url(../images/project/portfolio/propshell1.jpg); }
    .BalajiCity{background-image:url(../images/project/portfolio/balajicity1.jpg); }
    .ClassicAce{background-image:url(../images/project/portfolio/classicace1.jpg); }
    .VandalurTownship{background-image:url(../images/project/portfolio/vandalur1.jpg); }
    .MVMSchool{background-image:url(../images/project/portfolio/mvmschool1.jpg); }
    .SriMahalakshmiSchool{background-image:url(../images/project/portfolio/srimahalakshmicolg1.jpg); }
    .MPSSchool{background-image:url(../images/project/portfolio/mpsschool1.jpg); }
    .SriMahalakshmiWomensCollege{background-image:url(../images/project/portfolio/srimahalakshmicolg1.jpg); }


    .NakashtraEnergyOffice:hover{background-image:url(../images/project/portfolio/nakashtraenergyoffice2.jpg);transition: 1.5s ease;}
    .Lebara:hover{background-image:url(../images/project/portfolio/lebaratowers2.jpg);transition: 1.5s ease; }
    .AntOffice:hover{background-image:url(../images/project/portfolio/antworks2.jpg); transition: 1.5s ease;}
    .Crystal:hover{background-image:url(../images/project/portfolio/crystaltowers2.jpg);transition: 1.5s ease;}
    .PVRMall:hover{background-image:url(../images/project/portfolio/pvrmall2.jpg); transition: 1.5s ease;}
    .CrimsonMall:hover{background-image:url(../images/project/portfolio/crimsonmall2.jpg); transition: 1.5s ease;}
    .FestiveCity:hover{background-image:url(../images/project/portfolio/festivecity2.jpg);transition: 1.5s ease; }
    .Sheraton:hover{background-image:url(../images/project/portfolio/sheraton2.jpg);transition: 1.5s ease; }
    .WHotel:hover{background-image:url(../images/project/portfolio/whotel2.jpg);transition: 1.5s ease; }
    .MaldivesResort:hover{background-image:url(../images/project/portfolio/maldives2.jpg);transition: 1.5s ease; }
    .SheratonARResort:hover{background-image:url(../images/project/portfolio/sheraton2.jpg);transition: 1.5s ease; }
    .MadrasMasala:hover{background-image:url(../images/project/portfolio/madrasmasala2.jpg); transition: 1.5s ease;}
    .MunchCafe:hover{background-image:url(../images/project/portfolio/munchcafe2.jpg);transition: 1.5s ease;}
    .ValenciaResort:hover{background-image:url(../images/project/portfolio/valencia2.jpg);transition: 1.5s ease;}
    .EverestHotel:hover{background-image:url(../images/project/portfolio/everesthotel2.jpg);transition: 1.5s ease;}
    .HotelPammal:hover{background-image:url(../images/project/portfolio/hotelpammal2.jpg);transition: 1.5s ease;}
    .SabariInn:hover{background-image:url(../images/project/portfolio/sabariinn2.jpg);transition: 1.5s ease;}
    .BayInfluence:hover{background-image:url(../images/project/portfolio/bayinfluence2.jpg);transition: 1.5s ease;}
    .RitishResidence:hover{background-image:url(../images/project/portfolio/ritishresidence2.jpg);transition: 1.5s ease;}
    .GolakhResidence:hover{background-image:url(../images/project/portfolio/golakh2.jpg);transition: 1.5s ease;}
    .MunchCafe:hover{background-image:url(../images/project/portfolio/munchcafe2.jpg);transition: 1.5s ease;}
    .RaviResidence:hover{background-image:url(../images/project/portfolio/ravisresidence2.jpg);transition: 1.5s ease;}
    .RameshResidence:hover{background-image:url(../images/project/portfolio/ramesresi2.jpg);transition: 1.5s ease;}
    .LalithaResidence:hover{background-image:url(../images/project/portfolio/lalitharesidency2.jpg);transition: 1.5s ease; }
    .GVAnnaiVilla:hover{background-image:url(../images/project/portfolio/gvannalvilla2.jpg);transition: 1.5s ease;}
    .LakeHouse:hover{background-image:url(../images/project/portfolio/lakehouse2.jpg);transition: 1.5s ease;}
    .NatwestVistasApartments:hover{background-image:url(../images/project/portfolio/natwestapartment2.jpg);transition: 1.5s ease;}
    .SanthoshResidence:hover{background-image:url(../images/project/portfolio/santhoshresidence2.jpg);transition: 1.5s ease;}
    .PalatialHouse:hover{background-image:url(../images/project/portfolio/palatial2.jpg); transition: 1.5s ease;}
    .KVKApartment:hover{background-image:url(../images/project/portfolio/kvkapartment2.jpg);transition: 1.5s ease;}
    .RamaraApartment:hover{background-image:url(../images/project/portfolio/ramara2.jpg);transition: 1.5s ease;}
    .Propshell:hover{background-image:url(../images/project/portfolio/propshell2.jpg); transition: 1.5s ease;}
    .BalajiCity:hover{background-image:url(../images/project/portfolio/balajicity2.jpg);transition: 1.5s ease;}
    .ClassicAce:hover{background-image:url(../images/project/portfolio/classicace2.jpg); transition: 1.5s ease;}
    .VandalurTownship:hover{background-image:url(../images/project/portfolio/vandalur2.jpg);transition: 1.5s ease;}
    .MVMSchool:hover{background-image:url(../images/project/portfolio/mvmschool2.jpg);transition: 1.5s ease;}
    .SriMahalakshmiSchool:hover{background-image:url(../images/project/portfolio/srimahalakshmicolg2.jpg);transition: 1.5s ease; }
    .MPSSchoo:hover{background-image:url(../images/project/portfolio/mpsschool2.jpg); transition: 1.5s ease;}
    .SriMahalakshmiWomensCollege:hover{background-image:url(../images/project/portfolio/srimahalakshmicolg2.jpg);transition: 1.5s ease;}



/*ABOUT*/

.aboutPageTitle{
    background: url(../images/about/about1-bg.png) no-repeat;
    background-size: 100%;
    background-position: center;
}

.bg-color-about {background-color: #e7e5e1;}
.bg-grey{background:#ebecf2;}
.bg-lgreen{background: #73bf441c;}

.teamPageTitle{
    background: url(../images/about/team-bg.jpg) no-repeat;
}


.about4bg{
     background: url(../images/about/about4-bg.jpg)  no-repeat;
     background-size: 100%;
}

.about6bg{
     background: url(../images/about/about6-bg.jpg)  no-repeat;
}

.meetteambg1{
     background: url(../images/about/meet/meetteambg1.jpg)  no-repeat;     background-size: 100%;
}

.meetteambg2{
     background: url(../images/about/meet/meetteambg2.jpg)  no-repeat; background-size: 100%;
}

.meetteambg3{
     background: url(../images/about/meet/meetteambg3.jpg)  no-repeat; background-size: 100%;
     background-size: 100%;
}

.about6 {
    z-index: 4;
    position: absolute;
   height: 100vh;
    width: 100vw;
}



.ProjPagtitle{
    background: url(../images/project/project1-bg.jpg) no-repeat;
}

.CareerPageTitle1{
    background: url(../images/career/careerimg1-mob.jpg) no-repeat;
}

.CareerPageTitle2{
    background: url(../images/career/careerimg2.jpg) no-repeat;
}

.CareerPageTitle3{
    background: url(../images/career/careerimg3.jpg) no-repeat;
    background-position: top;
}

.CareerPageTitle5{
    background: url(../images/career/careerimg5.jpg) no-repeat;
}

.BlogPageBanner{
    background: url(../images/blog/blogPort/blog-banner.jpg) no-repeat center;
}



.text-grey {color:#666766!important;}
.text-green {color: #5dba48!important;}

.proj-plant {
   left: 15%;
   position: relative;
   width: 10%;
}

.pattern{
    background: url(../images/about/dots.png);  background-repeat: repeat;  background-attachment: fixed;
}

.overlayB80:before {
    background: rgba(255, 255, 255, 0.60);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}


.overlayW90{
    position: relative;
}
.overlayW90:before {
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}

.overlay-home-slider:before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, #00800000 50%, #eee0 75%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}

.overlay-iframe-slider:before {
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}



.overlay-menu:before {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}


/*CONTACT*/

.contact3Section{
    background: url(../images/contact/careerimg2.jpg) no-repeat;
}


.something-semantic {
  display: table;
  width: 100%;
}
.something-else-semantic {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.pad-bor-green{
border-left: 1px solid #73bf44!important;
    padding-left: 5%;}



.scrolltoDown .mouse-icon {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #ffffff;
    border-radius: 15px;
    height: 44px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 30px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}


.scrolltoDown .mouse-icon.white {
    border-color: #fff8f8;
}

.scrolltoDown .mouse-icon.white .wheel {
    background-color: #ffffff;
}

.scrolltoDown .mouse-icon .wheel {
    -webkit-animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
    -moz-animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
    -o-animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
    animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
    border-radius: 50%;
    height: 5px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    right: 0;
    width: 6px;background: #ffffff;
}


@-moz-keyframes magic-mouse-icon {
    0% {
        margin-top: 6px;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-top: 18px;
        opacity: 0;
    }
}
@-webkit-keyframes magic-mouse-icon {
    0% {
        margin-top: 6px;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-top: 18px;
        opacity: 0;
    }
}
@-o-keyframes magic-mouse-icon {
    0% {
        margin-top: 6px;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-top: 18px;
        opacity: 0;
    }
}
@keyframes magic-mouse-icon {
    0% {
        margin-top: 6px;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-top: 18px;
        opacity: 0;
    }
}    



.section-pad {
    padding-top: 8%;
    padding-bottom: 8%;
}

.section-pad-hom2{
    padding-top: 8%;
    padding-bottom: 10%;
    position: relative;
    }

.section-pad-hom4{padding-top: 8%;
    padding-bottom: 6%;
    position: relative;
}

.award-team-l-plant {
    z-index: 6;
    position: absolute;
    left: 0;
    bottom: 0%;
}


.hom2-plant{
    width: 70%;
}

.car-team-l-plant {
     margin-top: -5%;
     /* left: 0; */
     /* position: absolute; */
}

.car-team-l-plant-contact{
    margin-top: -10%;
}

.bg-lg{
    background-color: #efeff4;
}

#home3-ul .fa-cirlce {
    font-size: 5px;
    height: 5px;
    width: 5px;
    vertical-align: middle;
}

li.home3-li {
   margin-bottom: 15px;
    margin-left: 18px;
    list-style-type: disc;
    font-size: 16px;
    width: 80%;
    color: #73bf44!important;
    line-height: normal;
}

li.home3-li span.green{
   color: #ffffff;font-weight: 100;
}


.fun_count-line1:after {
    background: #6eb641;
    content: "";
    height: 150px;
    left: 100%;
    /* right: 0; */
    position: absolute;
    top: 0;
    width: 1px;
}


.fun_count-line2:after {
    background: #6eb641;
    content: "";
    height: 150px;
    left: 100%;
    /* right: 0; */
    position: absolute;
    top: 0;
    width: 1px;
}


.fun_count-line3:after {
    background: #6eb641;
    content: "";
    height: 150px;
    left: 100%;
    /* right: 0; */
    position: absolute;
    top: 0;
    width: 1px;
}

.counter-pos{
    margin-left: -9%;
    position: relative;
}


.proj1-pos {
    bottom: 5%;
    position: absolute;
}


.space{    padding: 1px 1px!important;
    overflow: hidden;}

.team-tit {
    /* color: #a7a7a7!important; */
    line-height: 1.1em;
}


.indv-name {
    margin-bottom: -5%;
    /* line-height: .8; */
    letter-spacing: 0;
    /* color: #a7a7a7!important; */
    text-align: left;
}

.indv-pos {text-align: left;margin-top: 20px;}

   .half-screen{
    height: 50vh;
    position: relative;
   }

      .full-screen{
    height: 100vh;
    position: relative;
   }


.Job-pos{
    margin: 0;
    padding-top: 3%;
    padding-bottom: 1%;
}

.job-link{
 color: #73bf44!important;
    font-size: 16px;
    cursor: pointer;
}


.js-tilt{
    transform-style: preserve-3d;
transform: translateZ(20px);
}

.award-pad{
      margin-left: 8%;
    z-index: 4;
    position: relative;
}


.title-line-green:after {
       content: "";
       position: absolute;
       border-bottom: 1px solid #73bf44;
       width: 60px;
       bottom: 0;
       left: 17px;
       margin-bottom: -10px;
}


.title-line-green-cen:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #73bf44;
    width: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: -10px;
}


.title-line-green-l0:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #73bf44;
    width: 60px;
    bottom: 0;
    left: 0px;
    margin-bottom: -15px;
}


.title-line-grey:after {
   content: "";
   position: absolute;
   border-bottom: 1px solid grey;
   width: 60px;
   height: 1px;
   bottom: 0;
   left: 18px;
   z-index: 50;
   margin-bottom: -15px;
}


.title-line-w:after {
    content: "";
  position: absolute;
  border-bottom: 1px solid white;
      width: 40px;
  bottom: 0;
  left:0;
  margin-bottom:-10px;
}







.box {
    width: 300px;
    height: 460px;
    position: relative;
    background: rgba(255,255,255,1);
    display: inline-block;
       cursor: pointer;
    color: #2c3e50;
    -webkit-transition: background 0.4s 0.5s;
    transition: background 0.4s 0.5s;border: 0;overflow: hidden;
}

.box:hover {
    background: rgba(255,255,255,0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}


.box svg {
    position: absolute;
    top: 0;
    left: 0;
}

.box svg line {
    stroke-width: 3;
    stroke: #73bf44;
    fill: none;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.box:hover svg line {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.box svg line.top,
.box svg line.bottom {
    stroke-dasharray: 330 240; 
}

.box svg line.left,
.box svg line.right {
    stroke-dasharray: 490 400;
}

.box:hover svg line.top {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
}

.box:hover svg line.bottom {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
}

.box:hover svg line.left {
    -webkit-transform: translateY(920px);
    transform: translateY(920px);
}

.box:hover svg line.right {
    -webkit-transform: translateY(-920px);
    transform: translateY(-920px);
}

/* Alternatives */



.team-l-plant{
   z-index:-1;
    position: absolute;
    right: 3%;
    top: -8%;
}


.awards-l-plant {
    z-index: 0;
    position: absolute;
    right: 0;
    top: 0;
}


  .home2-team-l-plant{
    z-index: 6;
    position: absolute;
    right: 5%;
    bottom: 3%;
}  

 .home2-team-h2box{
   z-index: 0;
   position: absolute;
   right: -20%;
   /* bottom: -10%; */
} 



#live-hom2 .col-lg-4 {
    position: relative;
    min-height: 1px;
    padding-right: 1px;
    padding-left: 1px;
    margin-top: 1px;

}



.live-img{
    position: relative;z-index: 0;cursor: pointer;
}

.pad-lef-liv
{padding: 2% 10% 5% 2%;}

.live-img-cont{
    position: absolute;z-index: 1;
}

.liv-link{
    float:left;
    /* padding-right: 2%; */
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.s-arr svg {
    fill: #73bf44;
    float: left;
    padding: 1% 0;
    /* padding: 0.25% 0; */
    margin-right: 1%;
}



.liv-tit{
margin-bottom: 1%;
}

.pad-img{
   cursor: pointer;
}

.pad-img:hover{
-moz-box-shadow: rgba(255, 255, 255, 1) 0px 0px 0px 5px inset;
-webkit-box-shadow: rgba(255, 255, 255, 1) 0px 0px 0px 5px inset;
box-shadow: rgba(255, 255, 255, 1) 0px 0px 0px 5px inset;
-webkit-transition: box-shadow 0.1s ease;
-moz-transition: box-shadow 0.1s ease;
transition: box-shadow 0.1s ease;
}


.pad-img img {
  max-width: 100%;
  position: relative;
  z-index: -1;
}


.shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}


.h-livebox{
  height: 50vh;
 overflow: hidden;
 cursor: pointer;
 
}

.l-content span.read-more{
    display: none; 
    
}

.h-livebox:hover .overlayB90:before {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0, 0, 0, 0.7)),color-stop(1,rgba(0, 0, 0, 0.7))); 
   
}

.h-livebox:hover .l-content span.read-more{
    display: block; 
    -webkit-transition: all 3s ease-out; 
     -moz-transition: all 3s ease-out;  
       -o-transition: all 3s ease-out;  
          transition: all 3s ease-out;    

}


.live-title{
    padding: 2% 15% 5% 2%;
    border: 1px solid #eee;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.07);
}

.live-img1 {
    background: url(../images/home/live/homebox1.jpg); background-size: 100% auto;
    height: 100%;
    background-repeat: no-repeat;
}
.live-img2 {
    background: url(../images/home/live/homebox2.jpg); background-size: 100% auto;
    height: 100%;
    background-repeat: no-repeat;
}
.live-img3 {
    background: url(../images/home/live/homebox3.jpg); background-size: 100% auto;
    height: 100%;
    background-repeat: no-repeat;
}
.live-img4 {
    background: url(../images/home/live/homebox4.jpg); background-size: 100% auto;
    height: 100%;
    background-repeat: no-repeat;
}
.live-img5 {
    background: url(../images/home/live/homebox5.jpg);background-size: 100% auto;
    height: 100%;
    background-repeat: no-repeat;
}
.live-img6 {
    background: url(../images/home/live/homebox6.jpg) ;background-size: 100% auto;
    height: 100%;
    background-repeat: no-repeat;
}




#threeSixtyCont h1 ,#threeSixtyCont p{
    color: #ffffff!important;
}

#threeSixtyCont{
    top: 70%;
    position: relative;
}



#rightSide {
   position: relative;
   height: 100%;
   overflow: hidden;
 }

.bg-dark-30:before {
    position: absolute;
    background: rgba(0, 0, 0, 0.50);
    content: " ";
    right: 0;
    bottom:0;
    left: 0;
    top: 0;
}

.bg-dark-vr:before {
    position: absolute;
    background: rgba(0, 0, 0, 0.10);
    content: " ";
    right: 0;
    bottom:0;
    left: 0;
    top: 0;
}


.meetteambg1:before , .meetteambg2:before, .meetteambg3:before {
    position: absolute;
    background: rgba(0, 0, 0, 0.45);
    content: " ";
    right: 0;
    bottom:0;
    left: 0;
    top: 0; 
}





.bor-bot-grey {border-bottom: 1px solid #ccc;}


.teamMemimg{

    background-size: 100% auto!important;
    height: 350px;
    background-repeat: no-repeat;transition: all 0.5s ease-in;
}


.teamMemimg1{
    background: url(../images/team/1.jpg);     
}

.teamMemimg1:hover{
    background: url(../images/team/1-1.jpg); 
    transition: all 0.5s ease-in;
}

/*--------------------------------------------------------*/
.teamMemimg2{
    background: url(../images/team/2.jpg);     
}

.teamMemimg2:hover{
    background: url(../images/team/2-2.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/
.teamMemimg3{
    background: url(../images/team/3.jpg);     
}

.teamMemimg3:hover{
    background: url(../images/team/3-3.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/
.teamMemimg4{
    background: url(../images/team/4.jpg);     
}

.teamMemimg4:hover{
    background: url(../images/team/4-4.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/
.teamMemimg5{
    background: url(../images/team/5.jpg);     
}

.teamMemimg5:hover{
    background: url(../images/team/5-5.jpg); 
    transition: all 0.5s ease-in;
}

/*--------------------------------------------------------*/
.teamMemimg6{
    background: url(../images/team/6.jpg);     
}

.teamMemimg6:hover{
    background: url(../images/team/6-6.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/

.teamMemimg7{
    background: url(../images/team/7.jpg);     
}

.teamMemimg7:hover{
    background: url(../images/team/7-7.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/

.teamMemimg8{
    background: url(../images/team/8.jpg);     
}

.teamMemimg8:hover{
    background: url(../images/team/8-8.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/
.teamMemimg9{
    background: url(../images/team/9.jpg);     
}

.teamMemimg9:hover{
    background: url(../images/team/9-9.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/

.teamMemimg10{
    background: url(../images/team/10.jpg);     
}

.teamMemimg10:hover{
    background: url(../images/team/10-10.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/

.teamMemimg11{
    background: url(../images/team/11.jpg);     
}

.teamMemimg11:hover{
    background: url(../images/team/11-11.jpg); 
    transition: all 0.5s ease-in;
}
/*--------------------------------------------------------*/

.teamMemimg12{
    background: url(../images/team/12.jpg);     
}

.teamMemimg12:hover{
    background: url(../images/team/12-12.jpg); 
    transition: all 0.5s ease-in;
}


/*--------------------------------------------------------*/


#rightSide canvas {
    height: 100vh;
    width : 100vw;
}

.l-image{
    z-index: 1;
    position: absolute;
}

.l-content{
          z-index: 2;
    position: absolute;
    bottom: 2%;
    left: 1%;
}

.vr2-left{
    position: relative;
}

.vr2-front {
   z-index: 1;
   position: absolute;
   transform: translate(5%,0%);
}

.vr2-back {
        z-index: 0;
        position: absolute;
        transform: translate(-5%,10%);
}

.drone{
    z-index: 1;
    position: absolute;
    transform: translate(20%,90%);
    transition: all 1s ease;
}

.vr3-pos{    position: relative;
    left: -5%;}

.vr3-icon { width: 70%;}

.vr3-contents {
    padding: 0 10%;
}

.enq-tit {
    float: left;
    /* padding-right: 5%; */
    padding: 0.1em 1em 0 0;
}

.addr-menu {
    list-style: none;line-height: 1.5em;color: white;font-size: 13px;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}


.modal360-body {
  position: relative;
  padding: 1px;
  height: 80vh;
}



/* *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } // required */
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'feathericons';
    src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
    src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
        url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
        url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
        url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

.grid {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: .85;
}

.grid figure figcaption {
    padding: 1.5em;
    color: #fff;
    /* font-size: 1.25em; */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    word-spacing: normal;
    letter-spacing: normal;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
  
}

.grid figure h3 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h3 span {
    font-weight: 800;
}

.grid figure h3,
.grid figure p {
    margin: 0;
}


/* Individual effects */


/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
    background: #000000;
}

figure.effect-bubba img {
    opacity: 0.4;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: translate3d(1,1,1);
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, 
    -webkit-transform 0.35s;
    transition: opacity 0.35s, 
    transform 0.35s;
}

figure.effect-bubba figcaption::before {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

figure.effect-bubba h3 {
    padding: 43% 20px 0 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: all 0.35s;
    -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0);
    word-spacing: normal;
    letter-spacing: normal;
    text-align: left;
    opacity: 1;
}

figure.effect-bubba p {
    padding: 0px 20px 0 0;
    word-spacing: normal;
    letter-spacing: normal;
    text-align: left;
    color: #73bf44;
    opacity: 1;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


figure.effect-bubba:hover p {
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    text-align: left;
    color: #73bf44;
    font-weight: bold;

}

figure.effect-bubba:hover h3 {
    padding-top: 35%;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}



@media screen and (max-width: 50em) {
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}




/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
    background: black;
}

figure.effect-sarah img {
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-sarah:hover img {
    opacity: 0.4;
    -webkit-transform: translate3d(2px,0,0);
    transform: translate3d(2px,0,0);
}

figure.effect-sarah figcaption {
    text-align: left;
}

figure.effect-sarah h2 {
    position: relative;
    overflow: hidden;
    padding: 45% 0 5px 0;
    margin: 1px;
}

figure.effect-sarah h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-sarah p {
    padding: 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}



.btn-green{
        background: #73bf44;
    color: white;
    /* width: 25%; */
    padding: 0% 5%;outline: none;
}

.rel-pat{
    background: url(../images/dotbg.png);
    background-repeat: repeat;
    background-size: 50%;
}

.awd-tit{
      font-weight: 400;
}

/*.ls-none li p {
      line-height: normal;
      }*/


.carousel-inner .item .active {


    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.fadein{
 -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.card {
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

#job_srArch .modal-lg,
#job_jrArch .modal-lg,
#job_360Vis .modal-lg,
#job_BusiRel .modal-lg,
#internModal .modal-lg
{ width: 50%; }


#internModal .modal-lg
{width: 25%;}

#internModal .modal-body {
    position: relative;
    /* padding: 5% 3% 5% 3%; */
    padding: 25% 1% 5% 3%;
}


#job_srArch .modal-lg p,
#job_jrArch .modal-lg p,
#job_360Vis .modal-lg p,
#internModal p
{
    color: #666766;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.5em;
    padding-right: 7%;
}

input {
      border-bottom: 1px solid #ccc;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    outline: 0;
    margin-bottom: 3%;
    width: 90%;

}

label {
  font-size: 15px;
    font-weight: 500;
}


input[type="file"] ,input[type="file"]:focus{
       display: block;
    border: 0;
    outline: 0;
    font-size: 13px;
    line-height: 0;
}


input.button {
    padding: 0% 10%;
    background-color: #73bf44;
    color: #ffffff;
    width: auto;
}

.yel-flow-pos{position: absolute;z-index: 5;left: 30%;}


#internModal .yel-flow-pos{position: absolute;z-index: 5;left: 8%;}

.close{
    padding: 5%;
    position: absolute;
    z-index: 7;
    right: 15px;
    top: 15px;
}


.button-g{
    height: 50px;
    /* border-radius: 50px; */
    border: 1px solid #73bf44;
    background: #73bf44;
    /* border: none; */
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #fff;
    font-family: Lato;
    font-weight: 600;
    line-height: .8;
    padding: 3% 8%;
    margin-top: 25px;
    line-height: 20px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}


.button-g:hover {
    background: #ffffff;
    color: #73bf44;
}

.underline:after{
    padding-bottom: 10px;
    display:block;
    content: '';
    border-bottom: solid 1px #73bf44;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.underline:hover:after{padding-bottom: 10px;transform: scaleX(1);}

.pad-leader{
    padding-top: 70%;
}

/*VR*/
 

    #vr-svg .st0{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #vr-svg .st1{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #vr-svg .st2{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-width: 1;}
    #vr-svg .st3{fill:none;stroke:#76C045;stroke-linecap:round;stroke-linejoin:round;}
    #vr-svg .st4{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #vr-svg .st5{display:none;}
    #vr-svg .st6{display:inline;}
    #vr-svg .st7{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.993;}
    #vr-svg .st8{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.688;}
    #vr-svg .st9{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.446;}
    #vr-svg .st10{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.978;}
    #vr-svg .st11{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.248;}
    #vr-svg .st12{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.024;}
    #vr-svg .st13{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.919;}
    #vr-svg .st14{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.046;}
    #vr-svg .st15{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.822;}
    #vr-svg .st16{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.967;}
    #vr-svg .st17{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.9;}
    #vr-svg .st18{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.996;}
    #vr-svg .st19{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.982;}
    #vr-svg .st20{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,7.619;}
    #vr-svg .st21{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #vr-svg .st22{fill:none;stroke:#78C145;stroke-linecap:round;stroke-linejoin:round;}
    #vr-svg .st23{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}

  #vr-svg svg{ width: 50%; }  

  #vr-svg:hover svg ellipse {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #vr-svg:hover svg path {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #vr-svg:hover svg circle {
   stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #vr-svg:hover svg line {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #vr-svg svg polyline {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  @keyframes draw {
  to {
  stroke-dashoffset: 0;
  }
  }


/*AR*/

#ar-svg .st0{display:none;}
#ar-svg .st1{display:inline;}
#ar-svg .st2{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
#ar-svg .st3{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
#ar-svg .st4{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;}
#ar-svg .st5{fill:none;stroke:#76C045;stroke-linecap:round;stroke-linejoin:round;}
#ar-svg .st6{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
#ar-svg .st7{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.993;}
#ar-svg .st8{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.688;}
#ar-svg .st9{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.446;}
#ar-svg .st10{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.978;}
#ar-svg .st11{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.248;}
#ar-svg .st12{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.024;}
#ar-svg .st13{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.919;}
#ar-svg .st14{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.046;}
#ar-svg .st15{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.822;}
#ar-svg .st16{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.967;}
#ar-svg .st17{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.9;}
#ar-svg .st18{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.996;}
#ar-svg .st19{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.982;}
#ar-svg .st20{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,7.619;}
#ar-svg .st21{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
#ar-svg .st22{fill:none;stroke:#78C145;stroke-linecap:round;stroke-linejoin:round;}
#ar-svg .st23{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}


  #ar-svg svg{ width: 50%; }  

  #ar-svg:hover svg ellipse {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #ar-svg:hover svg path {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #ar-svg:hover svg circle {
   stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #ar-svg:hover svg line {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #ar-svg svg polyline {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  @keyframes draw {
  to {
  stroke-dashoffset: 0;
  }
  }



  /*MR*/


    #mr-svg .st0{display:none;}
    #mr-svg .st1{display:inline;}
    #mr-svg .st2{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #mr-svg .st3{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #mr-svg .st4{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;}
    #mr-svg .st5{fill:none;stroke:#76C045;stroke-linecap:round;stroke-linejoin:round;}
    #mr-svg .st6{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #mr-svg .st7{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.993;}
    #mr-svg .st8{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.688;}
    #mr-svg .st9{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.446;}
    #mr-svg .st10{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.978;}
    #mr-svg .st11{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.248;}
    #mr-svg .st12{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.024;}
    #mr-svg .st13{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.919;}
    #mr-svg .st14{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.046;}
    #mr-svg .st15{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.822;}
    #mr-svg .st16{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.967;}
    #mr-svg .st17{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.9;}
    #mr-svg .st18{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.996;}
    #mr-svg .st19{fill:none;stroke:#767A87;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.982;}
    #mr-svg .st20{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,7.619;}
    #mr-svg .st21{fill:none;stroke:#767A87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
    #mr-svg .st22{fill:none;stroke:#78C145;stroke-linecap:round;stroke-linejoin:round;}
    #mr-svg .st23{fill:none;stroke:#76C045;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}



 #mr-svg svg{ width: 50%; }  

  #mr-svg:hover svg ellipse {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #mr-svg:hover svg path {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #mr-svg:hover svg circle {
   stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #mr-svg:hover svg line {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  #mr-svg svg polyline {
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 5s infinite linear;
  }

  @keyframes draw {
  to {
  stroke-dashoffset: 0;
  }
  }


  .serv-tit {text-align: right;}





.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.blog-prev {
text-align: left;

    float: left;
}

.blog-next {
text-align: right;

    float: right;
}

.prev-g {
    width: 18%; float:left;
}

.next-g{ width: 18%;float:right;}


.blog-next svg {
    fill: #73bf44;
}

.blog-prev svg {
    fill: #73bf44;transform: rotate(180deg);
}


    


.liv-link-next{
    float: left;
    padding-right: 2%;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    right: 10%;
    position: absolute;
}

.liv-link-prev{
float: left;
    /* padding-right: 7%; */
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    left: 10%;
    position: absolute;
}

.blog-main-svg {
        width: 7%;
        margin: auto;
        left: 0;
        right: 0;
        position: absolute;
        margin-top: -1.5%;
}

.filter-pos{
  right: 10%;
  margin-top: 15%;
  position: absolute;
}

.m-t-40 {
        margin-top: 40%;
}

.prac3-l-plant {
    z-index: 10;
    position: absolute;
    left: 0%;
    bottom: -15%;
}

.prac6-l-plant {
    z-index: 6;
    position: absolute;
    left: 0;
    bottom: 0;
}


.prac3-cont-pad {
    padding: 10% 0 10% 0!important;
}

.prac3-bg{
    height:100%;
    background:#ebecf2;
    width: 100%;
    right: 0;
    z-index:0;
    position: absolute;
}

.frame-green {
        border: 1px solid #73bf44;
    padding: 1%;
}

.team-pic{
    height: 35vh;
    position: relative;
}

.team-bw-img {z-index: 3;position: absolute;padding-right: 5px;}

.team-color-img{z-index:2;position: absolute;padding-right: 5px;}

.team-ind-nam{z-index:3;position: absolute;padding-right: 5px;bottom: 8%;}

.team-ind-pos{z-index: 3;position: absolute;padding-right: 5px;bottom: -2%;}

#proj-list ul.ls-none li.filter {
        font-size: 14px;
}

#proj-list ul.ls-none li.filter.active {
        color: #73bf44!important;
}

.trans {
    background: transparent;
}

.is-hid{
    display: none;
}

#home4 {
    border: 1px solid #767a8736;
}

.uc {
    color: #73bf44!important;
    padding-top: 3%;
    margin-bottom: 2%;
}

.video-extend-wrapper{

    width: 100%!important;
    max-width: 100%!important;
}


.dis-in {
    display: inline-block;
}

.pl10 {
    padding-left: 10px;
}


.p-t-job {
    padding-top: 25%;
}

.bord-green {
        border: 1px solid #73bf4454;
}


.footer-logo{
    width: 48%;
    margin: auto; 
}

.ar-up ,.ar-dowwn {
    width: 8%;
}


#owl-intern .owl-dots {
text-align:left;margin-left: -1%;
}


#owl-jobs .owl-dots {text-align: center;padding-top: 5%;}


.teampicCls .team-colr{
display:none;
}

.teampicCls:hover .team-bw{
display:none;
}

.teampicCls:hover .team-colr{
display: block;
}

.teampicCls{
    cursor: pointer;
}

.team-img-pad{
    padding-left: 1px;
    padding-right: 1px;
}

#live-hom2 {padding: 5% 0 0 0;border-top: 1px solid #767a8736;margin-top: 2%;}

.mar-lr-5{margin: 0 5%;}

#sep {margin-top: 10%;}

#owl-proj-slid .owl-item .active:before {
    background:transparent;!important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}

#owl-proj-slid .owl-item:not(.active):before {
    background: rgba(0, 0, 0, 1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}

#owl-proj-slid .owl-item:not(.active) #rightSide:before {
    background: rgba(0, 0, 0, 1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}



#owl-proj-slid {background: rgba(0, 0, 0, 0.8);}
#owl-proj-slid .item img {
    display: block;
    width:auto!important;
    height:100vh;
    margin:auto;
}

 #owl-proj-slid .item iframe {
    display: block;
    height:100vh;
    margin:auto;
}


.text-caps{
    text-transform: uppercase;
}

.u-sep-grey{
  margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

.blog-m-tit{
    margin-bottom: 1%;text-transform: uppercase;
}

.grid-item{
    margin:1% 0;
}


.title-sep-grey{
  height: 1px;
    width: 25%;
    background: #ccc;
}


.blog-prev-img{
    margin-top: -1.5%;
}

.blog-next-img{
margin-top: -1.5%;
}

.m-b-2 {
    margin-bottom: 2%;
}

.border-jobs {
    border: 1px solid #ccc;
    padding: 5%;
    width: 80%;
}

.job-screen-height{
    height: 80vh;position: relative;
}

.display-inline-block {
    display: inline-block !important;
}


.counter-bg {
    background: url(../images/dots.png);
    /* background: #f4f6f6; */
    background-repeat: repeat;
   /* background-size: 0.3%;*/
    overflow: hidden;
    border-top: 1px solid #99999966;
    border-bottom: 1px solid #99999966;
}

.box-counter{
    background: #E5E7E6;
    padding: 10%;
    margin: 5%;}