/*
Theme Name: Wilferz
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
   >>> Home Page Style
   >>> Contact Us Page Style
----------------------------------------------------------------*/
html {font-size: 62.5%;font-family: 'Futura Std';margin:0;padding:0; background-color: #333333; font-weight: normal;font-style: normal;}
body {font-family:'Futura Std';font-size: 14px;line-height: 24px;font-weight: normal;font-style: normal;overflow-x: hidden;}
a,
a:focus {
   /* color: #333333 */
   color: #FFF
}

a,
a:hover,
a:focus,
i,
input,  
button,
input:focus,.transition1 {
    text-decoration: none;
    outline: none;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    box-shadow: none;

}
.transition {
    text-decoration: none;
    outline: none;
    transition-delay: 0s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease;
    box-shadow: none;
}

iframe {
    border: 0;
    outline: none;
}
::-moz-selection {
    background: #333333;
    text-shadow: none;
    color: #FFF
}
::selection {
    background: #333333;
    text-shadow: none;
    color: #FFF
}
img {
    max-width: 100%;
    border: none;
    outline: none;
    height: auto;
}
input,
textarea {
    border-radius: 0;
    resize: none;
}
ul {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family:'Futura Std';
    font-family: 'Bauer Bodoni Std';
}
@font-face {
  font-family: 'Futura Std';
  src: url(../fonts/FuturaStd-Medium.woff2) format('woff2'),
      url(../fonts/FuturaStd-Medium.woff2) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    color:#909698;
}
/* 1.2 Typography */
h1,
h2,
h3,
h4,
h5,
h6 { font-family:'Futura Std';}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#livechat-eye-catcher-img{ display: none !important; }
.barba-container{position:fixed; top:0;bottom:0; left:0;right:0;width:100%; height:100%}
.container{ width: 74%;margin: 0 auto; display: block; }
.container-home{ width: 100%; margin: 0 auto; display: block; }
.container:before,.container:after,.container-one:after,.container-one:before,.container-home:before,.container-home:after{content: " ";display: table;}
.container:after,.container-one:after,.container-home:after{clear: both;}
.position{ position: relative; height: 100%; }
.logo-wrapper{ width: 100%; max-width: 118px; margin: 0 auto; display: block;  z-index: 1; position: relative; padding-top: 19px; }


.arrow-logo{ background-position: center top; background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAANBAMAAAHOpXiCAAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAADnRSTlMAECAwQFBgcICgsNDg8ONwnzsAAABwSURBVAgdBcFbCgFRAADQMw8ydCf5nFI2YAk0K7AkWdKsQMm3sgF1dUWTZn5swDkAPvR0IphFpjVRhxvsV4m6s4gA2ZNcGOAR7vKq+DUcqFuJIoJdCzAfv1AyeV3Du4HsnJTjBY49qvHEdljCetj8AatZHk8AFVtLAAAAAElFTkSuQmCC); display: block; width: 19px; height: 13px; position: static; left: 0; right: 0; margin: 0 auto; top: 0; padding-bottom: 32px; opacity: 0.7;}
/*--------------------------------------------------------------
1. >>> Home Page Style
----------------------------------------------------------------*/
.container-one{ width: 100%; max-width: 95%; margin: 0 auto; position: relative; }
.home-page-wrapper{ background-color: rgba(51,51,51,0.5); width: 100%; height: 100%; height: 100vh; position: relative; }
.bg{ background-size: cover; background-position: center top; background-repeat: no-repeat; height: 100%; height: 100vh; background-attachment: fixed; position: absolute; width: 100%; left: 0; right: 0;  }
body.LOADED .bg.home-bg-ani{ opacity: 0 !important }
.main-bg-partern{background-image: url(../images/partern.jpg); min-height: 100vh}
.middle-align,.lan-social,.menu-pan{ position: absolute;transform:translateY(-50%); left: 0; right: 0; top: 50%}
.video-section{ height: 100%; height: 100vh; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; min-height: 100vh }
.mb_YTPTime,.controlBar_bgndVideo,.buttonBar{ display: none !important; }
.video-section:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(51,51,51,0.5); z-index: 1 }
.middle-align, .lan-social, .menu-pan{ z-index: 2 }
/*--------------------------------------------------------------
1. >>> Home Page Menu Style
----------------------------------------------------------------*/
.left-all-menu{position: absolute;transform: translate(-100%,-50%);  opacity: 0; transition:all ease-in-out 0.6s; text-align: center; width: 100%}
.left-all-menu.show_navigation{transform:translate(0, -50%); opacity:1; transition:all ease-in-out 0.6s;}
.left-all-menu nav{ display: inline-block; }
.mobilemenuSection{ padding-left: 20px; padding-bottom: 20px }
.left-all-menu ul,.mobilemenuSection ul{ list-style: none; padding: 0; margin: 0; text-align: center; }
.left-all-menu ul li,.mobilemenuSection ul li{ text-align: left; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; text-transform: uppercase; display: block; margin-bottom: 26px; }
.left-all-menu ul li:last-child,.mobilemenuSection ul li:last-child{ margin-bottom:18px }
.left-all-menu ul li a,.mobilemenuSection ul li a{ color: #FFF; position: relative; z-index: 50; display: inline-block; }
.left-all-menu ul li:hover a,.left-all-menu ul li.current-menu-item a,.mobilemenuSection ul li:hover a,.mobilemenuSection ul li.current-menu-item a{ color: #a73a4e; text-shadow:0 0 black; }
.left-all-menu ul li#menu-item-490 a{ color: #FFF;}
.left-all-menu ul li ul,.mobilemenuSection ul li ul{ margin-top: 10px; }
.left-all-menu ul li ul li,.mobilemenuSection ul li ul li{ font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; font-style: italic; letter-spacing: normal; text-transform: lowercase; padding-left: 18px; position: relative; margin-bottom: 4px;font-family: 'Futura Std'; font-weight: normal;font-style: normal; }
.left-all-menu ul li ul li:before,.mobilemenuSection ul li ul li:before{ content: ""; width: 16px; height: 1px; background-color: #a5a5a5; vertical-align: middle; display: block; position: absolute; left: 0; top: 10px; margin-left: -2%; }
.left-all-menu ul li ul li a,.mobilemenuSection ul li ul li a{color: #a5a5a5;font-size: 13px;text-transform: uppercase;letter-spacing: 2px; text-shadow: 0 0px black;}
.left-all-menu ul li:hover ul li a,.mobilemenuSection ul li:hover ul li a{ color: #a5a5a5 }
.left-all-menu ul li.current-menu-item ul li a,.mobilemenuSection ul li.current-menu-item ul li a{ color: #a5a5a5 }
.left-all-menu ul li ul li:hover ul li a,.mobilemenuSection ul li ul li:hover ul li a{color: #a5a5a5}
.left-all-menu ul li.current-menu-item ul li.current-menu-item a,.mobilemenuSection ul li.current-menu-item ul li.current-menu-item a{ color: #a73a4e; text-shadow:0 0 black }
.left-all-menu ul li#menu-item-490 ul li a{color: #a5a5a5;}
.left-all-menu ul li#menu-item-490 ul li.current-menu-item a{ color: #a73a4e; text-shadow:0 0 black } 
.mobilemenuSection .mobile-social li{ display: inline-block; vertical-align: top; margin: 0 }
.mobilemenuSection .mobile-social li:last-child{ margin: 0 }
.mobile-social ul,.mobile-lang ul{ text-align: left; padding: 15px 0 }
.mobile-lang ul{ padding-top: 0 }
.home-bg-ani{ opacity: 0 }
.menu-pan{ position: static; width: 50px; margin: 0 auto; }
.container-home{ overflow: hidden; display:  table; }
.container-home-left,.container-home-right{width: 14.285%; display: table-cell; vertical-align: middle; position: relative;}
.container-home-mid{ width: 71.428%; margin: 0 auto; display: table-cell; vertical-align: middle; }
.main-menu{ list-style: none; padding: 0; margin: 0; overflow: hidden; width: 100%; text-align: center; }
.main-menu li{ display: inline-block; vertical-align: middle; float: left; width: 14%;  height: 100%; height: 100vh;
overflow: hidden; position: relative; text-transform: uppercase; color: #FFF;
 position: relative;
transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease; }
/* .main-menu li:last-child{border-right: 1px solid  rgba(255,255,255,0.1);} */
.main-menu li a { height: 100%; display: block; }
/* .main-menu li a .allnavwrap-height{  } */
.main-menu li a .allnavwrap-height{position: relative; display: block; width:100%; color: #FFF; width:100%;height: 100%; z-index:2 }
.allnavwrap{transform:translateY(calc(50vh - 50%)); -wekit-transform:transform:translateY(calc(50vh - 50%));-ms-transform:transform:translateY(calc(50vh - 50%));height: 30px;}


.main-menu li svg{ /*position:relative;*/ width: 350%; display: inline-block; }

.sub{ display:none;
}
.sub:before{ content: ""; width: 18px; height: 1px; position: absolute; left: 0; background-color: #ffffff80; display: block; top: 12px; }
.main-menu li.addHover:hover .sub{ opacity: 1 }
.main-nav-title{ font-family: 'Futura Std'; top:20px; margin-left: 0px!important; opacity:0; text-align: center; position:relative; display: block; letter-spacing: 2px; font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; padding-top: 69px; }
.main-nav-title2{
    font-family: 'Futura Std'; top:20px;text-align: center; position:relative; display: block; letter-spacing: 2px; font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; 
    
}
.label-sub{/* padding-left:5px;  */display: block;}
.nav-border{border-right: 1px solid  rgba(255,255,255,0.1); height: 100vh; display: block; position: absolute; top: 0; display: none;}

.main-menu li.addHover:nth-child(even):after,.revisiting .main-menu li:nth-child(even):after{
content:"";
opacity:0;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
transition:all ease-in-out 600ms 30ms;
-ms-transition:all ease-in-out 600ms 30ms;  
-webkit-transition:all ease-in-out 600ms 30ms;
z-index: 1;
background: -moz-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: -webkit-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: -o-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: -ms-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
}



.main-menu li.addHover:nth-child(odd):after,.revisiting .main-menu li:nth-child(odd):after{ 
content:"";
opacity:0;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
transition:all ease-in-out 600ms 30ms;
-ms-transition:all ease-in-out 600ms 30ms;
-webkit-transition:all ease-in-out 600ms 30ms;
z-index: 1;

    background: -moz-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);

background: -webkit-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: -webkit-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: -o-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: -ms-linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
background: linear-gradient(30deg, #ff110073 0%, rgb(95 55 55 / 40%) 50%, rgb(74 74 74 / 42%) 70%, rgb(0 0 0 / 52%) 100%);
}


.main-menu li.addHover:hover:after,.revisiting .main-menu li:hover:after{
    opacity: 1;
    transition:all ease-in-out 600ms 30ms;
-ms-transition:all ease-in-out 600ms 30ms;
-webkit-transition:all ease-in-out 600ms 30ms;
}

.revisiting .main-menu li:hover .sub{ opacity: 1 }

path.cls-2{opacity:0}
path.cls-3{opacity:0}

.revisiting .anilene,.revisiting .home-bg-ani,.revisiting .main-nav-title,.revisiting .anilene.last-li{ opacity: 1 }
.revisiting  path.s1, .revisiting  polyline.s1,.revisiting path.s2, .revisiting polyline.s2,.revisiting path.s3, .revisiting polyline.s3,.revisiting path.s4, .revisiting polyline.s4,.revisiting .st1.line4,.revisiting .rec2{ display: block; }

.revisiting .main-menu li svg{top: -1.78263vw;}
.revisiting .menu-icon,.revisiting .lan-social{ display: block; }


/*social icons contact*/
._14 {
    font-size: 1.4em;
  font-family:"Futura Std";
	color:#fff;
	font-weight: 400;
}

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0;
	
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
  padding:0;
    list-style: none;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}


/*--------------------------------------------------------------
1. >>> Home Page lan-social Style
----------------------------------------------------------------*/
.lan-social{ left: inherit; right: 0; display: none; }
.lan-social-wid{ width: 68px; margin: 0 auto; display: block; position: relative; }
.lan-social ul{ list-style: none; padding: 0; margin: 0;  }
.lan-social ul li{color: #FFF}
.lan-social ul.language-chooser{ margin-bottom: 7px }
.language-chooser li{ display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; letter-spacing: 2px; padding: 8px 0; border-right: 1px solid rgba(255,255,255,0.4) ; padding-left: 2px; padding-right: 3px }
.language-chooser li a{ color: #FFF }
.language-chooser li:last-child{ border-right: none; }
.lan-social ul.social-menu{ margin-left: 8px }


.social-menu li{ text-align: center; margin-bottom: 7px }
.social-menu li a{ display: block; width: 32px; height: 32px; line-height: 30px; color: #FFF; font-size: 16px; position: relative; position:relative; overflow: hidden; position: relative;}
.social-menu li a i{ position: absolute; right: 0; left: 0; top: 50%; transform: translateY(-50%); }



.social-menu li a:after{
    content:"";
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
    border: 1px solid rgba(255,255,255,0.4);
}
.social-menu li a:hover:after{
     -webkit-animation: social_anim 1.2s infinite; 
          animation: social_anim 1.2s infinite;
}
@-webkit-keyframes social_anim {
  0%   {  width:100%; height:100%; border: 1px solid rgba(255,255,255,0.4); }
  100%  {  width:0; height:0; border: 20px solid rgba(255,255,255,0); }
}
@keyframes social_anim {
  0%   {  border: 1px solid rgba(255,255,255,0.4); }
  100%  {  border: 20px solid rgba(255,255,255,0); }
}


/* .social-menu li.facebook a:hover{ background-color: #3954a1; color: #FFF; border-color: #3954a1 }
.social-menu li.twitter a:hover{background-color: #1da1f2; color: #FFF; border-color: #1da1f2}
.social-menu li.instagram a:hover{background-color: #9a3cac; color: #FFF; border-color: #9a3cac} */


/*--------------------------------------------------------------
1. >>> Home Page Menu Icon Style
----------------------------------------------------------------*/
.menu-icon{ display: block; width: 50px; width: 3.1vw; display: none; overflow: hidden; transition: all ease-in-out 600ms}

.menu-icon.nav_go_away{
    transform:translateX(50px);
    transition: all ease-in-out 660ms;
    opacity:0;
}


.menu-icon span{ transition:all ease-in-out 300ms; display: block; width: 100%; background-color: #832d3f; height: 1px; margin-bottom: 9px;border:1px solid transparent; position: relative;}
.menu-icon span:last-child{ margin-bottom: 0 }
.menu-icon:hover span{
    transition:all ease-in-out 300ms;
}


 .menu-icon span:before{
    position: absolute;
    content:"";
    left:-200%;
    top:0;
    height:2px;
    width:100%;
    background: #fff
} 

.menu-icon span:first-child{
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transition:all ease-in-out 600ms;
} 
.menu-icon span:first-child{
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transition:all ease-in-out 600ms 30ms;
} 
.menu-icon span:nth-child(2){
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transition:all ease-in-out 600ms 60ms;
}
.menu-icon span:nth-child(3){
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transition:all ease-in-out 600ms 90ms;
}
.menu-icon span:nth-child(4){
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transition:all ease-in-out 600ms 120ms;
}
.menu-icon span:nth-child(5){
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transition:all  ease-in-out 600ms 150ms;
}




.menu-icon:hover span:first-child{
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition:all ease-in-out 600ms;
} 
.menu-icon:hover span:first-child{
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition:all ease-in-out 600ms 30ms;
} 
.menu-icon:hover span:nth-child(2){
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition:all ease-in-out 600ms 60ms;
}
.menu-icon:hover span:nth-child(3){
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition:all ease-in-out 600ms 90ms;
}
.menu-icon:hover span:nth-child(4){
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition:all ease-in-out 600ms 120ms;
}
.menu-icon:hover span:nth-child(5){
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition:all  ease-in-out 600ms 150ms;
}


.menu-icon.nav_go_away span:nth-child(3){
    opacity:0;
    transform:translateX(300%) !important;
    -webkit-transform:translateX(300%) !important;
    -ms-transform:translateX(300%) !important;
    transition:all  ease-in-out 600ms;
}
.menu-icon.nav_go_away span:first-child,.menu-icon.nav_go_away span:last-child {
    opacity:0;
    transform:translateX(300%) !important;
    -webkit-transform:translateX(300%) !important;
    -ms-transform:translateX(300%) !important;
    transition:all  ease-in-out 600ms 60ms !important;
}
.menu-icon.nav_go_away span:nth-child(2),.menu-icon.nav_go_away span:nth-child(4) {
    opacity:0;
    transform:translateX(300%) !important;
    -webkit-transform:translateX(300%) !important;
    -ms-transform:translateX(300%) !important;
    transition:all  ease-in-out 600ms 30ms !important;
}
.YTPOverlay.raster{ background:none; }

/*--------------------------------------------------------------
Introduction Page Style
----------------------------------------------------------------*/
.bar-pan{position: absolute;top: 0; bottom: 0; height: 100%;list-style: none; height: 100vh; overflow: hidden; width: 74%; left: 50%; right: 0;margin-left: -37%; text-align: center;}
.bar{  width: 14%;   height: 100%;  border-right: 1px solid  rgba(255,255,255,0.2); display: inline-block; float: left;  }
.bar:first-child{ border-left: 1px solid  rgba(255,255,255,0.2);}
.bar-pan.single-det-bar{ left: 0; right: 0; margin: 0; width: 100% }
.bar-pan.single-det-bar .bar{ width: 14.285% }
.introduction-wrapper-page{ background-color: #6b6b6b; width: 100%; height: 100%; height: 100vh   }

.introduction-wrapper-page article{ padding-top: 100px; position: relative; z-index: 1; }
.introduction-wrapper-page .sub-hed{ color: #FFF; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; margin: 0; font-family: 'Futura Std';font-weight: normal;font-style: normal; padding-bottom: 33px; display: block; }
.introduction-wrapper-page h1,.con-left h1,.about-all-sub-page h1,.not-found h1{    font-family: 'Futura Std';
  font-weight: normal;
  font-style: normal;
  font-size: 60px;
  font-size: 6rem;
  line-height: 75px;
  line-height: 7.5rem;
  text-shadow: -3px -3px 0px white;
  margin: 0;
  background: -moz-linear-gradient(30deg, rgb(128 41 56) 0%, rgb(129 42 57) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(126 39 54)), color-stop(30%, rgb(134 47 62)), color-stop(100%, rgb(122 35 50)));
  background: -webkit-linear-gradient(30deg, rgb(134 47 62) 0%, rgb(132 45 60) 100%);
  background: -o-linear-gradient(30deg, rgb(136 49 64) 0%, rgb(136 49 64) 100%);
  background: -ms-linear-gradient(30deg, rgb(136 49 64) 0%, rgb(135 48 63) 100%);
  background: linear-gradient(30deg, rgb(137 50 65) 0%, rgb(133 46 61) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c9a1', endColorstr='#99805c',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -o-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  margin-bottom: 48px;
}



.introduction-wrapper-page .entry-content{ padding-left: 20% }
.introduction-wrapper-page article p{ text-transform: uppercase; color: #FFF; margin: 0; font-size: 16px; line-height: 40px; letter-spacing: 2px; font-size: 1.6rem; line-height: 4rem; }
.introduction-wrapper-page article p strong{font-weight: 500;font-style: normal; font-family: 'Futura Std';}
.introduction-wrapper-page article p strong span{ color: #a73a4e; text-shadow:0 0 black }



.introduction-wrapper-page h1 span,.con-left .entry-header .sub-hed{ background-color: transparent; display: block;text-transform: uppercase; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; line-height: 18px; line-height: 1.8rem; font-weight: normal; letter-spacing: 2px;    display: block;
-webkit-background-clip: text;
-webkit-text-fill-color: #FFF;
-moz-background-clip: text;
-moz-text-fill-color:  #FFF;
-o-background-clip: text;
-o-text-fill-color:  #FFF;
-ms-background-clip: text;
-ms-text-fill-color:  #FFF;font-family: 'Futura Std'; font-weight: normal;font-style: normal; padding-bottom: 31px }


/*--------------------------------------------------------------
3. >>> Developments Categories Page Style
----------------------------------------------------------------*/

.developments-categories-wrapper{ background-color: #333333; position: relative; width: 100%; height: 100%; height: 100vh; background-image: url(../images/partern.jpg); }
.developments-categories-wrapper:before{ content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.3;
background: -moz-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(111,21,110,1)), color-stop(100%, rgba(55,21,112,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* ie10+ */
background: linear-gradient(150deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f156e', endColorstr='#371570',GradientType=0 ); /* ie6-9 */}
.highlighted-developments-cat .logo-wrapper{ position: absolute; left: 0; right: 0;  z-index: 5 }
/*--------------------------------------------------------------
3. >>> Developments Categories Highlighted Page Style
----------------------------------------------------------------*/
.highlighted-developments-cat{ position: relative; height: 100%; height: 100vh; z-index: 1 }
.highlighted-developments-listig{ position: absolute; top: 50%;transform:translateY(-50%); width: 100%; z-index: 1 }
.highlighted-loop{ list-style: none; padding: 0; margin: 0; }
.highlighted-loop li{ display: inline-block; vertical-align: middle; position: relative; width: 14.285%;float: left; /* height: 560px  */ }
.highlighted-loop li .bg-image{ position: absolute; width: 100%; height: 100%; height: 100vh; z-index: 1; left: 0; right: 0; opacity:0;top: 50%; background-repeat: no-repeat; background-position:center center; background-size: cover;
    transform: translateY(-50%); z-index: 0;  visibility: hidden;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease; }
.highlighted-loop li:hover .bg-image{ opacity: 1;  visibility: visible; }
.highlighted-loop li figure{ margin: 0; padding:0; min-height: 560px;min-height: 60vh; background-repeat: no-repeat; background-position: center top; background-size: cover;
filter: gray; 
-webkit-filter: grayscale(1); 
-moz-filter: grayscale(1); 
filter: grayscale(1); 
opacity: 0.3
 }

.highlighted-loop li article{ position: absolute; z-index: 2; bottom: 139px; width: 100%;  }
.highlighted-loop li article .number{ overflow: hidden; }
.highlighted-loop li article .number-no{ display: block; opacity: 0.2; color: #FFF; font-size: 320px; line-height: 320px; position: relative; left:-35px; font-size: 16vw; font-weight: 300;font-style: normal;font-family: 'Futura Std';top: 60px; }
.highlighted-loop li article h2{ margin: 0; position: absolute; z-index: 6; color: #FFF; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; font-weight: normal; margin: 0; line-height: 18px;padding-top: 21px; }
.cat-listing-hig{ position: absolute; left: 0; right: 0; width: 100%; bottom: 150px; bottom: 10vh }
.cat-listing-hig .container{ width: 71.425% }

.cat-listing-hig li{ display: inline-block; vertical-align: top; font-size: 16px; font-size: 1.6rem; font-size: 1vw; letter-spacing: 2px; text-transform: uppercase; margin-right: 40px }
.cat-listing-hig li:last-child{ margin-right: 0; }
.cat-listing-hig li a{ color: #a73a4e; text-shadow:0 0 black }
.cat-listing-hig li.current-menu-item a,.cat-listing-hig li:hover a{ color: #FFF }
/*--------------------------------------------------------------
3. >>> Developments Categories List  Style
----------------------------------------------------------------*/
.developments-categorieslist{ position: relative; padding-top: 0; }

.developments-categorieslist .cat-listing-dev{ padding-top: 75px; padding-bottom: 51px }
.cat-listing-dev ul{ list-style: none; padding: 0; margin: 0; }
.cat-listing-dev li{ display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; margin-right: 42px; font-size: 1vw }
.cat-listing-dev li:last-child{ margin-right: 0 }
.cat-listing-dev li a{ color: #a73a4e; text-shadow:0 0 black }
.cat-listing-dev li:hover a,.cat-listing-dev li.current-menu-item a{ color: #FFF }
.cat-listing-dev{ position: relative; z-index: 1 }
.developments-loop{ list-style: none; padding: 0; margin: 0; overflow: hidden; position: relative; z-index: 1 }
.developments-list{ display: inline-block; vertical-align: top; position: relative; float: left;width: 20%; margin-bottom: 10px; min-height: 207px; overflow: hidden; }
.developments-list a{ display: block; }
.developments-list article{ position: absolute; top: 0; z-index: 1;   color: #FFF; text-transform: uppercase; width: 100%; height: 100%  }
.developments-list article header{position: absolute; top: 50%; transform:translateY(-50%);}
.developments-list article h2{ margin: 0; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; color: #92809b;
transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease; }
.developments-list figure{ margin: 0; padding: 0; width: 100%; height: 100%; display: block; position: absolute;
filter: gray; 
-webkit-filter: grayscale(1); 
-moz-filter: grayscale(1); 
filter: grayscale(1); 
opacity: 0.2 }
.developments-list figure img{ width: 100% }
.developments-list:hover figure{
	opacity: 1;
	filter: none; 
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
filter: grayscale(0); }

.developments-list:hover article{ opacity: 1 }
.developments-list:hover article h2{ color: #FFF }
/* .box-log{background-repeat: no-repeat; background-position: 0 0;display: block;width: 100%;height: 100%;position: absolute;left: -64px;bottom: -72px;}
.log-1{background-image: url(../images/s-icon.png); }
.log-2{background-image: url(../images/h-icon.png); } */
.more-dev-button { background-color: rgba(53,42,69,0.5); }
.more-dev-button .logo-s{
	background-repeat: no-repeat; background-position: 0 0;display: block;height: 100%;background-image: url(../images/s-icon.png); width: 71px; position: absolute; right:0;
}
.more-dev-button a{ display: block; width: 100%; height: 100%; text-transform: uppercase; color: #8b809b; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px;position: absolute; top: 50%; transform:translateY(-50%); z-index: 1 }
.more-dev-button a:hover{ color: #FFF }
.more-dev-button span{position: absolute; top: 50%; transform:translateY(-50%);}
.previous-developments-list{ background-color: rgba(64,39,65,0.5); min-height: auto; height: 137px; color: #9a809a}
.previous-developments-list article{color: #9a809a; font-size: 16px; letter-spacing: 2px}
.previous-developments-list span{ position: absolute; left: 0; bottom:-9px;background-repeat: no-repeat; background-position: 0 0;display: block;height: 100%; width: 100%; }
.previous-developments-list.logo-1 span{background-image: url(../images/de-s-icon.png);}
.previous-developments-list.logo-2 span{background-image: url(../images/de-h-icon.png);}
.previous-developments-list.logo-3 span{background-image: url(../images/de-o-icon.png);}
.previous-developments-list.logo-4 span{background-image: url(../images/de-m-icon.png);}
.previous-developments-list.logo-5 span{background-image: url(../images/de-a-icon.png);}
/*--------------------------------------------------------------
3. >>> Developments Categories Single Page Style
----------------------------------------------------------------*/
.developments-single-details-wrapper{ background-color: #383838; background-image: url(../images/partern.jpg); width: 100%; height: 100%; overflow: hidden; height: 100vh; position: relative; }
.single-hed{ position: absolute; left: 0; right: 0; z-index: 3; max-width: 118px; margin: 0 auto; display: block; }

.left-pan,.right-pan{ float: left; }
.left-pan{ width: 28.57%; position: relative; z-index: 2}
.right-pan{ width:71.4444%; position: relative;}
.left-pan article,.left-pan .gallery{ float: right; }

.left-pan-inn{ /* padding-left: 58px; padding-right: 13px  */; padding-top: 149px}
.left-pan .gallery{ list-style: none; padding: 0; margin: 0 auto;width:49.818%;text-align: center;  }
.left-pan .gallery-loop{ overflow: hidden; margin-bottom:10px;
filter: gray; 
-webkit-filter: grayscale(1); 
-moz-filter: grayscale(1); 
filter: grayscale(1); 
opacity: 0.8;
transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease; }
.left-pan .gallery-loop:hover,.left-pan .gallery-loop.active{
    opacity: 1;
        filter: none; 
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
filter: grayscale(0); 
}
.envirabox-thumbs>ul{
    
    left:33%!important;
}
.gallery-loop-Image {height: 60px; overflow: hidden; }
span.videotur{ color: #FFF; display: inline-block; text-transform: uppercase; padding-bottom: 8px }
.left-pan .gallery-loop a{ display: block; }
.left-pan article{ width:49.818%;margin: 0 auto; }
.right-pan img{ width: 100%; height: 100vh; display: block; opacity:0.7 !important}
.gal-larg-image figure{ padding: 0; margin: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; height: 100vh ; opacity: 0.8}
.developments-single-details-wrapper article header h1{ text-transform: uppercase; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; font-weight: normal; margin: 0; color: #FFF; margin-bottom: 33px; line-height: 18px; line-height: 1.8rem }
.developments-single-details-wrapper article p{ font-size: 16px; line-height: 30px; font-size: 1.6rem; line-height: 3rem; color: #FFF; padding-right: 10px ; margin: 0}
.developments-single-details-wrapper article p a{ color: #FFF }
.developments-single-details-wrapper article p a:hover{color: #a973a7;}
.developments-single-details-wrapper article p br{ display: none; }
.developments-categories-button{ width: 150px; padding-top: 68px; color: #FFF; font-size: 16px; }


.developments-categories-button a{ text-transform: uppercase; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; color: #FFF; }
.developments-categories-button a:hover{ color: #a973a7 }
.plan-button a{display: inline-block; outline: none; cursor: pointer; background-color: transparent; font-size: 12px; font-size: 1.2rem; letter-spacing: 4px; text-transform: uppercase; height: 38px; line-height: 38px; width: 160px; border-width: 1px;border-style: solid; color: #FFF;
 border-image: -moz-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* ff3.6+ */
 border-image:  -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(135,115,169,1)), color-stop(100%, rgba(169,115,167,1))); /* safari4+,chrome */
 border-image:  -webkit-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* safari5.1+,chrome10+ */
 border-image:  -o-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* opera 11.10+ */
 border-image:  -ms-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* ie10+ */
 border-image:  linear-gradient(30deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a973a7', endColorstr='#8773a9',GradientType=0 ); /* ie6-9 */
border-image-slice: 1; background-color: rgba(51,51,51,0.5);}
.plan-button a{ color: #FFF }
.plan-button a:hover{
    background: -moz-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(135,115,169,1)), color-stop(100%, rgba(169,115,167,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* ie10+ */
background: linear-gradient(30deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a973a7', endColorstr='#8773a9',GradientType=0 ); /* ie6-9 */
}
.envira-pagination {display:none;}
.envira-form{
    
    background-color: rgba(236,236,235,0.1);
    padding: 9px;
    margin-top: 40px;
    margin-left: 50px;
}
.envira-form p{
line-height: 30px;
    text-align: center;
    border: solid 1px #393939;
    background-color: #454545;
    text-shadow: 1px 1px black!important;
    color: #cecece!important;
    font-size: 1em!important;}
/*--------------------------------------------------------------
4. >>> Contact Us Page Style
----------------------------------------------------------------*/
.hamburger-menu{display:none;}
.contactUs-wrapper-page{ background-color: #333333; padding-bottom: 274px  }

.contactUs-wrapper-page .site-main { padding-top: 100px }
.container-inner{ position: relative; z-index: 1; overflow: hidden; }
.con-left,.con-right{ float: left; width: 60% }
.con-right{ width: 49%; margin-left: 0%; }
.con-left { float: left; width: 49%;margin-left: 0%;}
.con-left h1{ margin-bottom: 17px }
.con-left .entry-content{ padding-left: 1%;}
.con-left .entry-content p{ font-size: 22px; line-height: 30px; font-size: 1.6rem; line-height: 3rem; color: #fff; text-transform: uppercase; letter-spacing: 2px }
.entry-header .entry-content p{ font-size: 22px; line-height: 30px; font-size: 1.6rem; line-height: 3rem; color: #fff; text-transform: uppercase; letter-spacing: 2px }
.con-left .entry-content li { line-height: 30px;
    font-size: 1.8rem;
    text-align: center;
    border: solid 1px #393939;
    background-color: #3939394d;
    color: #8e8e8e!important;
    text-shadow: 1px 1px black!important;}
.con-right .entry-content li {    line-height: 30px;
    font-size: 1.8rem;
    text-align: center;
    border: solid 1px #393939;
    background-color: #454545;
    color: #8e8e8e!important;
    text-shadow: 1px 1px black!important;}
    
    .con-right .entry-content .sub-galeria li {  line-height: 30px;
    font-size: 1.8rem;
    text-align: center;
    border: solid 1px #8a7988;
    background-color: #000;
    color: #fff!important;
    text-shadow: 1px 1px black!important;}
    
    .ngg-slideshow .ngg-gallery-slideshow-image img {
    margin: 0 auto;
    display: inline-block !important;
    vertical-align: middle;
    max-width: 99%!important;
    border: solid 1px #fff;
    max-height: 98% !important;
}
.ngg-slideshow.slick-slider {
    margin: 30px auto 40px !important;
    overflow: visible;
}
.email{ padding-top: 14px; padding-bottom: 28px }

.con-left .entry-content h3 {line-height: 30px; font-size: 1.6rem; color: #7d7d7d!important; text-shadow: 1px 1px black!important;}
.entry-header .entry-content h3 {line-height: 30px; font-size: 1.6rem; color: #7d7d7d!important; text-shadow: 1px 1px black!important;}
.email{ padding-top: 14px; padding-bottom: 28px }

.email,.address{ font-style: normal; font-size: 16px; line-height: 30px; color: #ffffff; font-size: 1.6rem; line-height: 3rem; letter-spacing: 1px }
.email a,.address a{color: #ffffff;}
.address a{ display: block; }
.address a:hover{ color: #fff }
.phone,.fax{ font-size: 24px; line-height: 30px; font-size: 2.4rem; line-height: 3rem; letter-spacing: 1px; color: #ffffff;  }
.phone span,.fax span{ text-transform: uppercase; font-size: 12px; font-size: 1.2rem; padding-left: 6px }
.phone a,.fax a{ color: #fff;font-family: 'Futura Std';font-style: normal;font-weight: 300; }
.address{ padding-top: 27px }
.contact-form{ background-color: rgba(236,236,235,0.1); padding: 9px;margin-top: 40px; 
margin-left:50px;}
.form-control{ background-color: transparent; display: block; width: 100%; outline: none; border: none; border-bottom: 1px solid rgba(255,255,255,0.3); padding-right: 10px; font-size: 16px; font-size: 1.6rem; letter-spacing: 1px; height: 55px; resize: none; margin-bottom: 4px; color: rgba(255,255,255,0.4); }

.grid-container {
  display: grid;
  grid-column-gap: 0px;
  grid-template-columns: auto auto;
  
  padding: 0px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 0;
  font-size: 1em;
  text-align: left;
  padding-left:8px;
}
textarea.form-control{ padding-top: 20px }
.contact-form p{ padding: 0; margin: 0; }
.submit-button-from{ display: inline-block; outline: none; cursor: pointer; background-color: transparent; font-size: 12px; font-size: 1.2rem; letter-spacing: 4px; text-transform: uppercase; height: 38px; width: 160px; border-width: 1px;border-style: solid; color: #FFF;
 border-image: -moz-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* ff3.6+ */
 border-image:  -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(135,115,169,1)), color-stop(100%, rgba(169,115,167,1))); /* safari4+,chrome */
 border-image:  -webkit-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* safari5.1+,chrome10+ */
 border-image:  -o-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* opera 11.10+ */
 border-image:  -ms-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* ie10+ */
 border-image:  linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a973a7', endColorstr='#8773a9',GradientType=0 ); /* ie6-9 */
border-image-slice: 1;
margin-top: 68px;}
.wpcf7 input[type="submit"] {display: inline-block; outline: none; cursor: pointer; background-color: transparent; font-size: 12px; font-size: 1.2rem; letter-spacing: 4px; text-transform: uppercase; height: 38px; width: 160px; border-width: 1px;border-style: solid; color: #FFF;
  border-image: -moz-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* ff3.6+ */
  border-image:  -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(135,115,169,1)), color-stop(100%, rgba(169,115,167,1))); /* safari4+,chrome */
  border-image:  -webkit-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* safari5.1+,chrome10+ */
  border-image:  -o-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* opera 11.10+ */
  border-image:  -ms-linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* ie10+ */
  border-image:  linear-gradient(30deg, rgb(58 47 50) 0%, rgb(123 48 61) 100%); /* w3c */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a973a7', endColorstr='#8773a9',GradientType=0 ); /* ie6-9 */
 border-image-slice: 1;
 margin-top: 68px;}
.submit-button-from:hover{
	background: -moz-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(135,115,169,1)), color-stop(100%, rgba(169,115,167,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(60deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* ie10+ */
background: linear-gradient(30deg, rgba(135,115,169,1) 0%, rgba(169,115,167,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a973a7', endColorstr='#8773a9',GradientType=0 ); /* ie6-9 */
}
.wpcf7 input[type="submit"]:hover{
	background: -moz-linear-gradient(60deg, rgb(50 47 48) 0%, #883140 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(135,115,169,1)), color-stop(100%, rgba(169,115,167,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(60deg, rgb(50 47 48) 0%, #883140 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(60deg, rgb(50 47 48) 0%, #883140 100%); /* opera 11.10+ */
background: -ms-linear-gradient(60deg, rgb(50 47 48) 0%, #883140 100%); /* ie10+ */
background: linear-gradient(60deg, rgb(50 47 48) 0%, #883140 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a973a7', endColorstr='#8773a9',GradientType=0 ); /* ie6-9 */}

::-webkit-input-placeholder { /* WebKit browsers */
  color: rgb(201, 201, 201) !important;
  opacity: 1;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:rgb(201, 201, 201) !important;
  opacity: 1;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgb(201, 201, 201) !important;
  opacity: 1;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: rgb(201, 201, 201) !important;
  opacity: 1;
  }

/* Contact Form 7 Input CSS 
 ---------------------------*/
 .wpcf7 input[type="text"],
 .wpcf7 input[type="email"],
 .wpcf7 input[type="tel"],
 textarea {background-color: transparent; display: block; width: 100%; outline: none; border: none; border-bottom: 1px solid rgba(255,255,255,0.3); padding-right: 10px; font-size: 16px; font-size: 1.6rem; letter-spacing: 1px; height: 55px; resize: none; margin-bottom: 4px; color: rgba(255,255,255,0.4); }
/*--------------------------------------------------------------
5. >>> News and Media Page Style
----------------------------------------------------------------*/
.blog-page-wrapper{ background-color: #333333; position: relative; width: 100%; height: 100%; height: 100vh; background-image: url(../images/partern.jpg); }
.blog-page-wrapper:before{ content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.3;
background: -moz-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(111,21,110,1)), color-stop(100%, rgba(55,21,112,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(300deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* ie10+ */
background: linear-gradient(150deg, rgba(111,21,110,1) 0%, rgba(55,21,112,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f156e', endColorstr='#371570',GradientType=0 ); /* ie6-9 */}
.blog-page-wrapper .content-area,.blog-inner{ position: relative; }
.blog-inner{ overflow: hidden; z-index: 1; padding-top: 107px; }
.blog-left{ float: left; width: 20% }
.blog-left aside .widget-title{ display: none; }
.blog-left aside li{ text-transform: uppercase; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; margin-bottom: 35px; }
.blog-left aside li a{ color: #a73a4e; text-shadow:0 0 black }
.blog-left aside li a:hover,.blog-left aside li.current-cat a{ color: #FFF }
.blog-left aside li ul{ padding-left: 20px; padding-top: 15px; color: #a73a4e; margin-left: 15px; }
.blog-left aside li ul li{ margin-bottom: 8px }
.blog-left aside li.current-cat ul li a {color: #a73a4e;}

.blog-left aside li.cat-item-33 ul{ display: none; }

.blog-right{ float: left; width: 80%; overflow: hidden; }
.blog-list{ position: relative; }
.blog-list article{ float: left; width:50%; padding-right: 28px; margin-bottom: 31px; }
.blog-list article figure{ margin: 0; padding: 0;
filter: gray; 
-webkit-filter: grayscale(1); 
-moz-filter: grayscale(1); 
filter: grayscale(1); 
opacity: 0.3 }
.blog-list article figure img{ width: 100% }
.blog-list article:hover figure{ opacity: 1;
filter: none; 
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
filter: grayscale(0);  }
.blog-inner.blod-det-inner{ padding-top: 60px }
.blog-det figure{ margin: 0; padding: 0 }
.blog-det article{ background-color: rgba(0,0,0,0.2); overflow: hidden; padding-bottom: 28px; padding-top: 44px }
.blog-list article h2{ margin: 0; font-size: 16px; line-height: 26px; font-size: 1.6rem; line-height: 2.6rem; letter-spacing: 2px; font-weight: normal; min-height: 52px; text-transform: uppercase;  margin-top: 6px; display: block; margin-bottom: 3px }
.blog-list article h2 a{ color:#a73a4e  }
.blog-list article h2 a:hover{ color: #FFF }
.blog-list article p{ margin: 0; font-size: 14px; line-height: 20px; color: #FFF }
.blog-list article .entry-content p img{ display: none; }
.blog-list article .more-button{ text-transform: uppercase;color:#a73a4e; display: inline-block; margin-left: 4px }
.blog-list article .more-button:hover{ color: #FFF }
.sing-left,.sing-right{ float: left; width: 50%; padding-right: 28px }
.blog-det h1{ margin: 0; text-transform: uppercase; font-size: 48px; line-height: 50px; font-weight: normal;color:#a73a4e;font-family: 'Futura Std'; font-weight: 300;font-style: normal; }
.blog-det p{ font-size: 16px; line-height: 26px; color: #FFF; font-size: 1.6rem; line-height: 2.6rem; margin-top: 0; padding-bottom: 36px; }
.date-sec-big{ text-transform: uppercase; font-size: 16px; font-size: 1.6rem;color:#a73a4e; display: block; letter-spacing: 2px; padding-bottom: 27px; }
.date-shar-section{ padding-top: 38px; margin-bottom: 54px; }
.date-sec-sm{ font-size: 14px; color: #FFF; font-size: 1.4rem; }
.shar-button{ font-size: 14px; font-size: 1.4rem; text-transform: uppercase;color:#a73a4e; cursor: pointer; display: none; }
.post-shar-section{ display: none; }
.blog-left .qtranxs_widget ul li{ opacity: 1; display: block; padding: 0; border: none; margin-bottom: 35px; }
.blog-left .qtranxs_widget ul li.active{ opacity: 1 }
.blog-det blockquote{ border-left: 5px solid #FFF; padding-top:15px; padding-bottom:15px }
.blog-det blockquote p{ padding-bottom: 0; margin-bottom: 0; padding-left:20px }
/*--------------------------------------------------------------
6. >>> About Page Style
----------------------------------------------------------------*/

.about-container-inner,.about-pag-header{ overflow: hidden; position: relative; z-index: 1 }
.about-left{ width: 20%; float: left; }
.about-right{ width: 80%; float: left; }
.about-pag-header{ padding-top: 100px; padding-bottom:40px; }
.about-pag-header h1{ text-transform: uppercase; font-size: 16px; line-height: 26px; letter-spacing: 2px; color: #FFF; margin: 0; font-weight: 300; font-style: normal; }
.about-pag-header span{ display: block; font-size: 48px; line-height: 60px; text-transform: capitalize; letter-spacing: normal;
background: -moz-linear-gradient(90deg, rgba(153,128,92,1) 0%, rgba(229,201,161,1) 70%, rgba(229,201,161,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,201,161,1)), color-stop(30%, rgba(229,201,161,1)), color-stop(100%, rgba(153,128,92,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(153,128,92,1) 0%, rgba(229,201,161,1) 70%, rgba(229,201,161,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(153,128,92,1) 0%, rgba(229,201,161,1) 70%, rgba(229,201,161,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(153,128,92,1) 0%, rgba(229,201,161,1) 70%, rgba(229,201,161,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(153,128,92,1) 0%, rgba(229,201,161,1) 70%, rgba(229,201,161,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c9a1', endColorstr='#99805c',GradientType=0 ); /* ie6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-o-background-clip: text;
-o-text-fill-color: transparent;
-ms-background-clip: text;
-ms-text-fill-color: transparent;  font-family: 'Futura Std';font-weight: normal;font-style: normal; margin-top: 39px}
.ie .about-pag-header span{color: #a73a4e; background-image: none; filter: none}

.about-page-sub-nav{ list-style: none; padding: 0; margin: 0; }
.about-page-sub-nav li{ text-transform: uppercase; font-size: 16px; font-size: 1.6rem; display: block; margin-bottom: 32px; }
.about-page-sub-nav li a{ letter-spacing: 2px; color: #a73a4e }
.about-page-sub-nav li a:hover{ color: #FFF }
.about-page-content{ width:71% }
.about-page-content p{ font-size: 16px; line-height: 30px; font-size: 1.6rem; line-height: 3rem; color: #FFF; margin-top: 0; letter-spacing: 1px; font-weight: normal; padding-bottom: 14px; }
.about-page-content p.uppercase{ text-transform: uppercase; letter-spacing: 2px; }
.about-page-content p a{ text-transform: uppercase; color: #FFF; letter-spacing: 2px; }
.about-page-content p a:hover{color: #a73a4e}

.about-all-sub-page{ padding-top: 96px; padding-bottom: 35px; }


.about-all-sub-page .subnav{ list-style: none; padding: 0; margin: 0;margin-top: 6px; }
.about-all-sub-page .subnav li{ text-transform: uppercase; color: #a73a4e; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; margin-bottom: 34px; }
.about-all-sub-page .subnav li a{ color: #a73a4e }
.about-all-sub-page .subnav li a:hover{ color: #FFF }
.about-all-sub-page .subnav li.current_page_parent a{ color: #FFF }
.about-all-sub-page .subnav li.current_page_parent ul li a{color: #a73a4e}
.about-all-sub-page .subnav li.current_page_parent ul li a:hover,.about-all-sub-page .subnav li.current_page_parent ul li.current_page_item a{color: #FFF}


.about-all-sub-page.collaborators-page .subnav li:last-child ul{ display: block; }
.about-all-sub-page .subnav li ul{ margin-top: 33px }
.about-all-sub-page .subnav li ul li{ text-transform: capitalize; margin-bottom: 2px; }
.about-all-sub-page h1{ margin: 0; font-size: 48px; line-height: 60px; font-size: 4.8rem; line-height: 6rem; margin-bottom: 4px }
.designation-hed{ text-transform: uppercase; font-size: 16px; font-size: 1.6rem; color: #FFF; margin-bottom: 34px; display: block; letter-spacing: 2px }
.people-bio{ width: 60% }
.people-bio h2{ text-transform: uppercase; margin: 0; font-size: 16px; font-size: 1.6rem; color: #FFF; letter-spacing: 2px; font-weight: normal; padding-bottom: 13px }
.people-bio p{ color: #FFF; font-size: 16px; line-height: 26px; font-size: 1.6rem; line-height: 2.6rem; font-weight: normal; padding-bottom: 12px }

.all-development-wrapper .developments-categorieslist,.other-cat .developments-categorieslist{ padding-bottom: 67px; }
.no-fixed{ position: static; }
.no-fixed .bg,.no-fixed .developments-categories-wrapper,.no-fixed .bar-pan,.blog-page-wrapper,.developments-single-details-wrapper{ height: 100%;min-height: 100vh; }
.other-cat .developments-categories-wrapper:before,.blog-page-wrapper:before{ min-height: 100vh }
.blog-page-wrapper .content-area{ padding-bottom: 73px }
.aboutUs-wrapper-page{ padding-bottom: 121px }
.developments-single-details-wrapper{ padding-bottom: 112px }
.developments-single-details-wrapper .right-pan{ position: fixed; right: 0; top: 0; z-index: 1 }
.videoiframe{ position: absolute; top:0;  z-index: 1 }

.about-all-sub-page .subnav li.page-item-54,.about-all-sub-page .subnav li.page-item-7,.about-all-sub-page .subnav li.page-item-48,.about-all-sub-page .subnav li.page-item-54,.about-all-sub-page .subnav li.page-item-79{ display: none; }

.about-all-sub-page .subnav li ul li.page-item-183 ul,.about-all-sub-page .subnav li ul li.page-item-122  ul{ display: none; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ background-color: #eceacc; color: #191717; padding: 1em 1em; border-color: #94926d; font-size: 16px; }
.page-template-template-people-of-wilferz .subnav li.page-item-122.page_item_has_children .children{ display: none; }
.legal .about-all-sub-page .subnav li ul{ display: none; }
div.wpcf7-mail-sent-ok{border: 2px solid #a73a4e; color: #FFF; font-size: 16px; font-size: 1.6rem;    padding: 10px; margin-left: 0; margin-right: 0}
.mobile-view,.menu-icon-close{ display: none; }
.about-page-sub-nav{ padding-top: 3px }
.defalt-page-wrapper{ padding-top: 0 }
.defalt-page-wrapper .about-pag-header{ padding-top: 96px; }
.defalt-page-wrapper .about-right,.defalt-page-wrapper .about-page-content{ width: 100% }
.awards-page #menu-item-413 ul{ display: none; }
.formobile{ display: none; }
.logopro{ width: 100%; max-width:178px }

.more .morecontent span {
    display: none;color: #a73a4e; font-size:16px; font-size: 1.6rem 
}
.more .morelink,.more .morelink.less {
    display: block;
     color: #a73a4e; font-size:16px; font-size: 1.6rem; text-decoration: underline; 
}

.wilferzaway-wrapper-page .bg,.wilferzway-wrapper-page .bar-pan{ position: fixed; }
.sliderWrapper{ position: relative; z-index: 1; margin-top:76px; margin-bottom: 157px; width: 100%; max-width: 520px; }
.sliderWrapperLoop:first-child{ display: block; }
.sliderWrapperLoop{ display: none; }
.sliderWrapper .slick-prev, .sliderWrapper .slick-next{ border: 1px solid #FFF; width: 30px; height: 30px; z-index: 6 }
.sliderWrapper .slick-prev{ left: 0 }
.sliderWrapper .slick-next{ right: 0 }
.fullimagesection{ position: absolute; bottom: 0; z-index: 6 }

img.mfp-img{ padding: 0 }
.mfp-container{ padding: 0 }
.website-link{    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    color: #FFF;
    display: inline-block;
    padding-top: 5px;} 

.awards .more .morecontent span{ display: block !important; }
.awards .more .morelink, .awards .more .morelink.less{ display: none !important; }
/* .ug-slider-wrapper { opacity: 0.8 } */
.ug-gallery-wrapper .ug-thumbs-strip{ display: none; }
.ug-gallery-wrapper .ug-strip-panel{ width: 0 !important }
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ display: none; }
.ug-arrow-left.ug-skin-default, .ug-arrow-right.ug-skin-default,.ug-button-fullscreen.ug-skin-default{background-position: 0px 0; width: 40px; height: 40px;  }

.ug-arrow-right.ug-skin-default{background-image: url(../images/nextsm.png); background-repeat: no-repeat; }
.ug-arrow-left.ug-skin-default{background-image: url(../images/prvsm.png); background-repeat: no-repeat;}

/* .ug-arrow-right.ug-skin-default:before,.ug-arrow-left.ug-skin-default:before{ font-family:'FontAwesome'; text-align: center; line-height:38px; color: #FFF; display: block; font-size:20px; color:#FFF} */
/* .ug-arrow-left.ug-skin-default:before{    content: "\f104";}
.ug-arrow-right.ug-skin-default:before{    content: "\f105";} */
.ug-button-fullscreen.ug-skin-default{background-position: 0px -16px;}

.ug-arrow-left.ug-skin-default.ug-arrow-hover, .ug-arrow-right.ug-skin-default.ug-arrow-hover {
    background-position: center center;
}

.ug-button-fullscreen.ug-skin-default{ background-image: url(../images/expensm.png); background-repeat: no-repeat; background-position: center center; border: 2px solid #FFF  }
.ug-button-fullscreen.ug-skin-default.ug-button-hover{background-position: center center;}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode{background-image: url(../images/expenzoomsm.png);background-position: center center; }
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover{background-position: center center;}
.ug-gallery-wrapper .ug-overlay-disabled,.ug-gallery-wrapper .ug-strip-panel,.ug-gallery-wrapper .ug-slider-wrapper{ background-color: transparent; }
/* .ug-gallery-wrapper .ug-slider-wrapper{ background-color: #000 } */
.ug-slider-wrapper .ug-slider-preloader{ display: none !important; }

.spikerIcon{ position: absolute; padding: 0; margin: 0; color: #FFF; right: 0; top: 0; z-index:90; border: none; outline: none; cursor: pointer; background-color: transparent; width: 40px; height:40px; font-size: 30px; }
.spikerIcon.volume-on .fa-volume-off:before{content: "\f028"}
.mobilepeopleImage{ margin: 0; padding: 0; width: 100%; text-align: right; display: none;margin-bottom: 10px; }
.mobilepeopleImage img{ display: inline-block; text-align: right; }
body.error404{ background-image: url(../images/partern.jpg); height: 100%; height: 100vh }
.not-found{ position: absolute; z-index: 1; text-align: center; color: #FFF; left: 0; right: 0; top: 50% !important; transform:  translateY(-50%); }
.not-found h1{ text-transform: uppercase; font-size: 100px; line-height:90px; margin: 0 }
.not-found p{ font-size: 20px; line-height: 22px; letter-spacing: 2px; font-weight: normal; padding-bottom: 5px }
.back-buttonhome{ display: inline-block; color: #FFF; font-size: 16px; line-height: 45px; border: 1px solid #5a5a5a; padding: 0 20px; text-transform: uppercase; letter-spacing: 2px }
.back-buttonhome:hover{ background-color:#5a5a5a; color: #FFF  }

.ngg-gallery-thumbnail-box.ngg-2-columns {
    width: 100%;
    float: left !important;
}
/*--------------------------------------------------------------
IE Style
----------------------------------------------------------------*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 

   .single-hed{ width: 100%; position: relative; }
   .single-hed .logo-wrapper{ position: absolute; left: 0; right: 0; width: 118px; margin: 0 auto; display: block; }
   .bg,.bar-pan{ position: fixed; }

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

   .ie9 .main-menu li.addHover:nth-child(even):after,.ie9 .revisiting .main-menu li:nth-child(even):after{
       filter: none; background-color:rgba(111,21,110,0.7);}
   .ie9 .main-menu li.addHover:nth-child(odd):after,.ie9 .revisiting .main-menu li:nth-child(odd):after{ 
       background-color: rgba(153,128,92,0.7);
       filter: none;}
   .introduction-wrapper-page h1,.con-left h1,.about-all-sub-page h1,.not-found h1{ background-image: none; color:#ffffff80; filter: none }
   .introduction-wrapper-page h1 span,.con-left .entry-header .sub-hed{ color: #FFF }

   .bg{ background-attachment: scroll; } 
   .about-all-sub-page .about-container-inner{ padding-top:96px; padding-bottom: 35px;  }
}



.ie .single-hed{ width: 100%; position: relative; }
.ie .single-hed .logo-wrapper{ position: absolute; left: 0; right: 0; width: 118px; margin: 0 auto; display: block; }
.ie .bg,.ie .bar-pan{ position: fixed; }

.ie .allnavwrap{transform:translateY(-50%); position: relative; top: 50%}

.ie9 .main-menu li.addHover:nth-child(even):after,.ie9 .revisiting .main-menu li:nth-child(even):after{
    filter: none; background-color:rgba(111,21,110,0.7);}
.ie9 .main-menu li.addHover:nth-child(odd):after,.ie9 .revisiting .main-menu li:nth-child(odd):after{ 
    background-color: rgba(153,128,92,0.7);
    filter: none;}
.ie .introduction-wrapper-page h1,.ie .con-left h1,.ie .about-all-sub-page h1,.ie .not-found h1{ background-image: none; color:#a73a4e; filter: none }
.ie .introduction-wrapper-page h1 span,.ie .con-left .entry-header .sub-hed{ color: #FFF }

.ie .bg{ background-attachment: scroll; }
.ie .about-all-sub-page .about-container-inner{ padding-top:96px; padding-bottom: 35px;  }
/*--------------------------------------------------------------
IE Style
----------------------------------------------------------------*/
/* H Animation */

.H-left-stroke {
  stroke-dasharray: 124px;
  stroke-dashoffset: 124px;
  animation: H-left-move 20s ease forwards;
}

.H-mid-stroke {
  stroke-dasharray: 37px;
  stroke-dashoffset: 37px;
  animation: H-mid-move 9s ease forwards;
}

.H-right-stroke {
  stroke-dasharray: 124px;
  stroke-dashoffset: 124px;
  animation: H-right-move 13s ease forwards;
}

@keyframes H-left-move {
  0% {
    stroke-dashoffset: 124px;
  }
  5% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes H-mid-move {
  0% {
    stroke-dashoffset: 37px;
  }
  5% {
    stroke-dashoffset: 37px;
  }
  10% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes H-right-move {
  0% {
    stroke-dashoffset: 124px;
  }
  5% {
    stroke-dashoffset: 124px;
  }
  10% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

/* E Animation */

.E-left-stroke {
  stroke-dasharray: 124px;
  stroke-dashoffset: 124px;
  animation: E-left-move 20s ease forwards;
}

.E-top-stroke {
  stroke-dasharray: 47px;
  stroke-dashoffset: 47px;
  animation: E-top-move 10s ease forwards;
}

.E-mid-stroke {
  stroke-dasharray: 42px;
  stroke-dashoffset: 42px;
  animation: E-mid-move 10s ease forwards;
}

.E-bottom-stroke {
  stroke-dasharray: 47px;
  stroke-dashoffset: 47px;
  animation: E-bottom-move 10s ease forwards;
}

@keyframes E-left-move {
  0% {
    stroke-dashoffset: 124px;
  }
  2% {
    stroke-dashoffset: 124px;
  }
  6% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes E-top-move {
  0% {
    stroke-dashoffset: 47px;
  }
  6% {
    stroke-dashoffset: 47px;
  }
  11% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes E-mid-move {
  0% {
    stroke-dashoffset: 42px;
  }
  8% {
    stroke-dashoffset: 42px;
  }
  13% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes E-bottom-move {
  0% {
    stroke-dashoffset: 47px;
  }
  11% {
    stroke-dashoffset: 47px;
  }
  16% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

/* L One Animation */

.L-one-long-stroke {
  stroke-dasharray: 124px;
  stroke-dashoffset: 124px;
  animation: L-one-long-move 20s ease forwards;
}

.L-one-short-stroke {
  stroke-dasharray: 44px;
  stroke-dashoffset: 44px;
  animation: L-one-short-move 10s ease forwards;
}

@keyframes L-one-long-move {
  0% {
    stroke-dashoffset: 124px;
  }
  2% {
    stroke-dashoffset: 124px;
  }
  7% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes L-one-short-move {
  0% {
    stroke-dashoffset: 44px;
  }
  13% {
    stroke-dashoffset: 44px;
  }
  18% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

/* L Two Animation */

.L-two-long-stroke {
  stroke-dasharray: 124px;
  stroke-dashoffset: 124px;
  animation: L-two-long-move 20s ease forwards;
}

.L-two-short-stroke {
  stroke-dasharray: 44px;
  stroke-dashoffset: 44px;
  animation: L-two-short-move 10s ease forwards;
}

@keyframes L-two-long-move {
  0% {
    stroke-dashoffset: 124px;
  }
  3% {
    stroke-dashoffset: 124px;
  }
  8% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes L-two-short-move {
  0% {
    stroke-dashoffset: 44px;
  }
  15% {
    stroke-dashoffset: 44px;
  }
  20% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

/* O Animation */

.O-stroke {
  stroke-dasharray: 302px;
  stroke-dashoffset: 302px;
  animation: O-move 20s ease forwards;
}

@keyframes O-move {
  0% {
    stroke-dashoffset: 302px;
  }
  4% {
    stroke-dashoffset: 302px;
  }
  9% {
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

/* Red Dot Animation */

.red-dot {
  stroke-width: 44px;
  stroke-linecap: round;
  animation: red-dot-grow 8s ease-out forwards;
}

@keyframes red-dot-grow {
  0% {
    stroke-width: 0px;
  }
  15% {
    stroke-width: 0px;
  }
  20% {
    stroke-width: 44px;
  }
  100% {
    stroke-width: 44px;
  }
}


#logo{
  position:absolute;
  top:-16%!important;
  left:183%;
  transform: translate(-50%,-50%);
  animation: fill 0.5s ease forwards 3.5s;
}
#logo2{
  position:absolute;
  top:-16%!important;
  left:127%;
  transform: translate(-50%,-50%);
  animation: fill 0.5s ease forwards 3.5s;
}

#logo3{
  position:absolute;
  top:-16%!important;
  left:92%;
  transform: translate(-50%,-50%);
  animation: fill 0.5s ease forwards 3.5s;
}

#logo4{
  position:absolute;
  top:-16%!important;
  left:50%;
  transform: translate(-50%,-50%);
  animation: fill 0.5s ease forwards 3.5s;
}

#logo5{
  position:absolute;
  top:-16%!important;
  left:0%;
  transform: translate(-50%,-50%);
  animation: fill 0.5s ease forwards 3.5s;
}

#logo6{
  position:absolute;
  top:-16%!important;
  left:-50%;
  transform: translate(-50%,-50%);
  animation: fill 0.5s ease forwards 3.5s;
}


#logo7{
  position:absolute;
  top:-16%!important;
  left:-100%;
  transform: translate(-50%,-50%);
  animation: fill 0.5s ease forwards 3.5s;
}

#logo path{

  stroke-dasharray: 1559;
  stroke-dashoffset: 1559;
  animation: line-anim 2s ease forwards 0.9s;

}
#logo2 path{

  stroke-dasharray: 434;
  stroke-dashoffset: 434;
  animation: line-anim 2s ease forwards 0.9s;

}
#logo3 path{

  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation: line-anim 2s ease forwards 0.9s;

}
#logo4 path{

  stroke-dasharray: 747;
  stroke-dashoffset: 747;
  animation: line-anim 2s ease forwards 0.9s;

}
#logo5 path{

  stroke-dasharray: 919;
  stroke-dashoffset: 919;
  animation: line-anim 2s ease forwards 0.9s;

}

#logo6 path{

  stroke-dasharray: 1025;
  stroke-dashoffset: 1025;
  animation: line-anim 2s ease forwards 0.9s;

}

#logo7 path{

  stroke-dasharray: 919;
  stroke-dashoffset: 919;
  animation: line-anim 2s ease forwards 0.9s;

}


@keyframes line-anim{
to{
stroke-dashoffset: 0;

}

}

@keyframes fill{
  from{
      fill:transparent;
  }
to{
  fill:white;

}

}