@font-face {
  font-family: 'impactreg';
  src: url('../fonts/impact/impactreg.eot');
  src: local('impactreg'), url('../fonts/impact/impactreg.woff') format('woff'), url('../fonts/impact/impactreg.ttf') format('truetype');
}

@font-face {
    font-family: 'modern_no._20regular';
    src: url('../fonts/modern/mod20-webfont.eot');
    src: url('../fonts/modern/mod20-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/modern/mod20-webfont.woff2') format('woff2'),
         url('../fonts/modern/mod20-webfont.woff') format('woff'),
         url('../fonts/modern/mod20-webfont.ttf') format('truetype'),
         url('../fonts/modern/mod20-webfont.svg#modern_no._20regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'recoletaregular_demo';
    src: url('../fonts/recoleta/recoleta-regulardemo-webfont.eot');
    src: url('../fonts/recoleta/recoleta-regulardemo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/recoleta/recoleta-regulardemo-webfont.woff2') format('woff2'),
         url('../fonts/recoleta/recoleta-regulardemo-webfont.woff') format('woff'),
         url('../fonts/recoleta/recoleta-regulardemo-webfont.ttf') format('truetype'),
         url('../fonts/recoleta/recoleta-regulardemo-webfont.svg#recoletaregular_demo') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'titilliumregular';
    src: url('../fonts/titillium/titillium-regular-webfont.eot');
    src: url('../fonts/titillium/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium/titillium-regular-webfont.woff2') format('woff2'),
         url('../fonts/titillium/titillium-regular-webfont.woff') format('woff'),
         url('../fonts/titillium/titillium-regular-webfont.ttf') format('truetype'),
         url('../fonts/titillium/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}






* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}


input,
select {
    outline: 0!important
}

.backBtn {font-size: 16px; color: #676767; margin: 15px 0; text-decoration: none; float: right; font-family: 'recoletaregular_demo';}
a:hover {text-decoration: none;}

* {box-sizing: border-box;}
h1,h2,h3,h4,h5,h6 { margin: 0;}
ul { list-style-type: none;}

.inputBox.maxInput {max-width: 450px;}
.inputBox {width: 100%; border: none; background: #fff; height: 30px; color: #000; font-size: 14px; padding: 0 20px;}

.font_36 {font-size: 24px;}
.font_24 {font-size: 20px;}
.font_20 {font-size: 16px;}
.font_16 {font-size: 12px;}

.gapTop {margin-top: 30px;}


.tableStyle {width: 100%; display: table;}
.tableStyle .tdCell {display: table-cell;vertical-align: middle;}
header.tableStyle .tdCell {width: 33.3%;}

header {z-index: 3; position: relative; padding: 0px 20px;padding-bottom: 40px;}
header .stateMark .data{width: 80px; display: inline-block; font-family: 'recoletaregular_demo';font-size: 14px;color: #818181eb;font-weight: normal;line-height: 1.2;}
header .logo {text-align: center; position: relative;}
header .logo svg{transform: scale(0.8);}
header .logo .LogoName { font-family: 'recoletaregular_demo'; color: #676766; font-size: 20px; position: absolute; top: 100%; background: #fff; padding: 2px 15px; left: 0; right: 0; margin: auto; max-width: 200px;}
header .border {width: 100%; height: 3px; background: #888888; display: inline-block; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto;}
header .border.active {width: 100%; }
header .border .date {position: absolute; bottom: 100%; color: #818181eb; font-size: 12px; margin-bottom: 5px; margin-left: 20px; font-family: 'recoletaregular_demo';}

header .menu {float: right; list-style-type: none; margin-bottom: 0px; margin-right: -10px;padding: 0;font-size: 0;} 
header .menu .list {display: inline-block; vertical-align: middle;  font-family: 'recoletaregular_demo';margin: 0 5px;}
header .menu .list .link{color: #888; font-size: 16px; padding: 10px;}
header .menu .list.active .link {padding-left: 0px; padding-right: 0px; color: #818181; text-decoration: none; /*! background: url(../images/underline.png) repeat-x center bottom; */}
header .menu .list.active .link:hover {background-position: bottom 10px; background: url(../images/underlineCurved.gif) repeat-x center bottom; background-size: 8px;color: #333;} 
header .menu .list .link svg{display: inline-block; vertical-align: top; width: 4mm;}
header .menu .list .link.toggle_menu i{transform: scalex(1.6);}

.homeIcon {fill:#9D9E9E;fill-rule:nonzero}

.introSlider .skipBtn {position: fixed; bottom: 30px; right: 50px;}
.introSlider {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; padding-top: 175px; background: #fff; z-index: 2;}
.introSlider .main-slider {pointer-events: none; z-index: 1; text-align: center; padding: 0px; margin: 0px; margin-top: 15%;}
.introSlider .owl-controls.clickable {display: none!important;}
.introSlider .main-slider .list h2{
   letter-spacing: 1px;
  opacity: 0.2;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
font-size: 36px; color: #818181; line-height: 1.6;  font-family: 'modern_no._20regular';}
.introSlider .main-slider .list h5{font-size: 24px; color: #4d4d4d; line-height: 1.6; margin-top: 10px;  font-family: 'modern_no._20regular';}

.introSlider .main-slider .owl-item{}
.introSlider .main-slider .owl-item.active h2{font-size: 60px; opacity: 1; letter-spacing: 10px;}

.fitToScreen {width: 100%; height: 100%; position: absolute;  top: 0px; left: 0px; padding-top: 175px;}
.fitToScreen .gridList {width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px;}
.fitToScreen .gridList .UlList{width: 33.3%; height: 50%; padding: 2px;  display: inline-block; vertical-align: top;}
.fitToScreen .gridList .UlList.cover6 {width: 66.6%;}
.fitToScreen .gridList .UlList.fullHeight {height: 100%;}
.fitToScreen .gridList .UlList.quatrHeight {height: 75%;}
.fitToScreen .gridList .designerCard.halfHeight {height: 50%;}
.fitToScreen .gridList .designerCard.afterBorder:after {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 3px solid #fff;}
.fitToScreen .gridList .UlList.moreOption {display: none;}
.fitToScreen .gridList .UlList.moreOption.active {display: inline-block;}

.designerCard .content {height: 100%; width: 100%; display: table;}
.designerCard .content .centerTable {display: table-cell; vertical-align: middle; color: #fff;}
.designerCard .content .full {width: 100%; display: inline-block;vertical-align: middle;}
.designerCard .content.left {text-align: left;}
.fitToScreen .gridList .designerCard.setTOp {border-top: 0px solid #fff; margin-top: 4px; }

.fitToScreen .gridList .designerCard .text_retain { padding: 0 30px;  font-family: "titilliumregular";}
.fitToScreen .gridList .designerCard .text_retain.left {text-align: left;}
.fitToScreen .gridList .designerCard .text_retain.right {text-align: right;}
.fitToScreen .gridList .designerCard .longText {font-size: 18px; line-height: 1.4;}
.fitToScreen .gridList .designerCard .longText p {margin: 20px 0;  font-family: 'recoletaregular_demo';}

.designerCard{width: 100%; height: 100%;  text-align: center; position: relative; overflow: hidden; z-index: 1;}
.designerCard.cardA {


background: #d4a96b;
background: -moz-radial-gradient(circle,  #e8c192 0%, #e8c192 50%, #d4a96b 100%);
background: -webkit-radial-gradient(circle,  #e8c192 0%,#e8c192 50%,#d4a96b 100%);
background: radial-gradient(circle,  #e8c192 0%,#e8c192 50%,#d4a96b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4a96b', endColorstr='#d4a96b',GradientType=0 );


}
.designerCard.cardB {background: #ffffff;

background: -moz-radial-gradient(circle,  #80be5e 0%, #80be5e 50%, #759367 100%);
background: -webkit-radial-gradient(circle,  #80be5e 0%,#80be5e 50%,#759367 100%);
background: radial-gradient(circle,  #80be5e 0%,#80be5e 50%,#759367 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759367', endColorstr='#759367',GradientType=0 );

}
.designerCard.cardC {background: #eb7d75;

background: -moz-radial-gradient(circle,  #fcaa90 0%, #fcaa90 50%, #eb7d75 100%);
background: -webkit-radial-gradient(circle,  #fcaa90 0%,#fcaa90 50%,#eb7d75 100%);
background: radial-gradient(circle,  #fcaa90 0%,#fcaa90 50%,#eb7d75 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7d75', endColorstr='#eb7d75',GradientType=0 );

}


.designerCard.cardD {background: #6aa3a0;

background: -moz-radial-gradient(circle,  #95d9d3 0%, #95d9d3 50%, #6aa3a0 100%);
background: -webkit-radial-gradient(circle,  #95d9d3 0%,#95d9d3 50%,#6aa3a0 100%);
background: radial-gradient(circle,  #95d9d3 0%,#95d9d3 50%,#6aa3a0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aa3a0', endColorstr='#6aa3a0',GradientType=0 );

}

.designerCard.cardE {background: #bd79b3;

background: -moz-radial-gradient(circle,  #d194d0 0%, #d194d0 50%, #bd79b3 100%);
background: -webkit-radial-gradient(circle,  #d194d0 0%,#d194d0 50%,#bd79b3 100%);
background: radial-gradient(circle,  #d194d0 0%,#d194d0 50%,#bd79b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd79b3', endColorstr='#bd79b3',GradientType=0 );

}


.designerCard.cardF {background: #e3b01f;

background: -moz-radial-gradient(circle,  #ffda4b 0%, #ffda4b 50%, #e3b01f 100%);
background: -webkit-radial-gradient(circle,  #ffda4b 0%,#ffda4b 50%,#e3b01f 100%);
background: radial-gradient(circle,  #ffda4b 0%,#ffda4b 50%,#e3b01f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3b01f', endColorstr='#e3b01f',GradientType=0 );

}

.designerCard.color6 {background: #69a29f;}
.designerCard.color7 {background: #e66f6d;}
.designerCard.color8 {background: #e8b15b;}
.designerCard.color9 {background: #9d6682;}
.designerCard.color10 {background: #749167;}
.designerCard.color11 {background: #d47b6e;}
.designerCard.color12 {background: #f8c508;}
.designerCard.color13 {background: #313130;}

.designerCard .big_Letter {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 300px; height: 300px; width: 300px;
  left: 0; right: 0;
  margin: auto; position: absolute; top: 0; bottom: 0;
 font-family: 'impactreg';
  color: #fff;  line-height: 1; 
  text-shadow: 1px 1px 5px rgba(0,0,0,0.25); 
  letter-spacing: 3px;
}

.designerCard .big_Letter sub {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
position: absolute; bottom: 0px; font-size: 36px; margin-bottom: 42px; color: #333; margin-left: -18px;
/*! letter-spacing: 1px; */
}

.designerCard.cardB .big_Letter sub{ margin-bottom: 46px; margin-left: -48px;}
.designerCard.cardC .big_Letter sub{ margin-bottom: 44px; margin-left: -80px;}
.designerCard.cardD .big_Letter sub{ margin-bottom: 44px; margin-left: 0px;}
.designerCard.cardE .big_Letter sub{ margin-bottom: 44px; margin-left: -24px;}
.designerCard.cardF .big_Letter sub{ margin-bottom: 44px; margin-left: -60px;}

.designerCard:hover .big_Letter sub { margin-bottom: 36px;/*! margin-right: 50px; */right: -30px;}


/* set of A  start here*/
.designerCard.cardA .big_arrow {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
position: absolute; width: 85%; right: 0px; bottom: 0px; opacity: 0.7;
z-index: 0;
}
.designerCard.cardA .big_arrow img{width: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.designerCard.cardA .big_plane {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s; 
position: absolute; right: 0px; top: 0; bottom: 0;  right: 0; left: 0; margin: auto; width: 175px; height: 85px;}

.designerCard.cardA .small_plane {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
position: absolute; right: -120px; top: 10%; }

.designerCard.cardA .big_plane2 {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
position: absolute; right: -170px; top: 35%; }

.designerCard.cardA .big_Arrow2 {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s; 
position: absolute; right: -80%; top: 10%; z-index: -1; width: 80%;}

.designerCard.cardA .big_Arrow2 img{width: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}


.designerCard.cardA .small_plane img {width: 100px;}

.designerCard.cardA .big_plane img{
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
margin-top: -50px; margin-left: 50px;}
.designerCard.cardA .houseTop {
opacity: 0; width: 70%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s; z-index: 1;
position: absolute; bottom: -180px; left: -10px;}
.designerCard.cardA .houseTop img {width: 100%;}

.designerCard.cardA .houseTopStrip {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s; z-index: 0;
width: 100%; height: 100px; background: #d4c03b; position: absolute; bottom: 15%;  right: -100%;}

.designerCard.cardD .capLetter {
   left: 0%;  top: 0px;
  position: absolute;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
   width: 100%;
}

.designerCard.cardA:hover .big_Letter{left: -60%; top: -30%; font-size: 200px; height: 200px; width: 300px;}
.designerCard.cardB:hover .big_Letter { font-size: 200px; height: 200px; left: -70%;width: 200px;}
.designerCard.cardC:hover .big_Letter { font-size: 200px; height: 200px; right: -40%;width: 200px;}
.designerCard.cardD:hover .big_Letter { font-size: 200px; height: 200px; right: -45%;width: 200px;}
.designerCard.cardD:hover .capLetter { left: -150%; top: -50px;}
.designerCard.cardE:hover .big_Letter { font-size: 200px; height: 200px; left: -70%;width: 200px;}
.designerCard.cardF:hover .big_Letter { font-size: 200px; height: 200px; left: -70%;width: 200px;}

.designerCard.cardA:hover .houseTop {bottom: 0; position: absolute; opacity: 1;}
.designerCard.cardA:hover  .big_plane {
transform: scale(0.5);
top: -100px; bottom: 100%; left: 10%; right: 100%;}
.designerCard.cardA:hover .big_arrow {opacity: 0;}
.designerCard.cardA:hover .small_plane {right: 20%;    transition-delay: 1.5s;}
.designerCard.cardA:hover .big_plane2 {right: 20%;  transition-delay: 1s;}

.designerCard.cardA .subtitle_1 {
opacity: 0; 
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
right: -250px; bottom: 30%; font-size: 32px; line-height: 32px; text-align: right;font-family: 'impactreg';color: #ca2611; position: absolute;}
.designerCard.cardA .subtitle_2 {
opacity: 0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
right: -250px; bottom: 20%; font-size: 24px; line-height: 24px; font-family: 'impactreg';text-align: right; color: #333;  position: absolute;}

.designerCard.cardA:hover  .subtitle_1 {opacity: 1;right: 100px;}
.designerCard.cardA:hover  .subtitle_2 {opacity: 1;right: 100px;}
.designerCard.cardA:hover .big_Arrow2 { right: -100px; transition-delay: 0.5s;}
.designerCard.cardA:hover .houseTopStrip {right: 0;}


.designerCard.cardB .subCaption {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;  transition-delay: 0.4s;
font-size: 24px; width: 175px; color: #fff; position: absolute; bottom: -50px; left: -500px;
letter-spacing: 2px;
}
.designerCard.cardB:hover .subCaption { left: -15px;}
.designerCard.cardB .titleLine {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
position: absolute; width: 100%; left: -100%; height: 2px; background: #fff; bottom: 25%;}
.designerCard.cardB:hover .titleLine {left: 0px;   transition-delay: 0.2s;   }

.designerCard.cardB .titleLine .ball {position: absolute; right: -50px; top:-25px; opacity: 0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s; 
}
.designerCard.cardB:hover .titleLine .ball {right: 10%; opacity: 1;  transition-delay: 0.8s;}
.designerCard.cardB .titleLine .ball img{display: block; width: 50px;}

.designerCard.cardB .currency {position: absolute; top: 20%; right: 10%; width: 184px; height: 184px; text-align: center; padding-top: 35px; z-index: 1;}
.designerCard.cardB .currency:after {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;  transition-delay: 0.8s;
z-index: -1; content: ""; width: 100%; height: 100%; background: url(../images/letter_b_02.png)no-repeat; position: absolute; left: 0; top: 0px; opacity: 0; transform: scale(0.3); }
.designerCard.cardB .currency img  {display: inline-block; vertical-align: top;}
.designerCard.cardB:hover .currency:after {opacity: 1; transform: scale(1);}






.designerCard.cardE .subCaption {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;  transition-delay: 0.4s;
font-size: 24px; width: 165px; color: #fff; position: absolute; bottom: -50px; left: -500px;}


.designerCard.cardF .subCaption {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;  transition-delay: 0.4s;
font-size: 24px; width: 285px; color: #fff; position: absolute; bottom: -50px; left: -600px;}


.designerCard.cardC .subCaption {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;  transition-delay: 0.4s;
font-size: 24px; width: 205px; color: #fff; position: absolute; bottom: -50px; right: -500px;}

.designerCard.cardD .subCaption {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;  transition-delay: 0.4s;
font-size: 24px; width: 255px; color: #fff; position: absolute; bottom: -50px; right: -500px;}

.designerCard.cardE:hover .subCaption { left: -15px;}
.designerCard.cardF:hover .subCaption { left: -15px;}
.designerCard.cardC:hover .subCaption { right: 0px;}
.designerCard.cardD:hover .subCaption { right: -25px;}
.designerCard.cardE .titleLine {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
position: absolute; width: 100%; left: -100%; height: 2px; background: #fff; bottom: 25%;}
.designerCard.cardF .titleLine {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
position: absolute; width: 100%; left: -100%; height: 2px; background: #fff; bottom: 25%;}
.designerCard.cardC .titleLine {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
position: absolute; width: 100%; right: -100%; height: 2px; background: #fff; bottom: 25%;}
.designerCard.cardD .titleLine {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
position: absolute; width: 50%; right: -100%; height: 2px; background: #fff; bottom: 25%;}
.designerCard.cardC:hover .titleLine {right: 0px;   transition-delay: 0.2s;   }
.designerCard.cardD:hover .titleLine {right: 0px;   transition-delay: 0.2s;   }
.designerCard.cardE:hover .titleLine {left: 0px;   transition-delay: 0.2s;   }
.designerCard.cardF:hover .titleLine {left: 0px;   transition-delay: 0.2s;   }
.designerCard.cardE .rocket {position: absolute; bottom: 25%; margin-left: 15%;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;  transition-delay: 0.4s;
}


.designerCard.cardE:hover .rocket {bottom: 100%;}


.designerCard.cardE .remote img {height: 160px;}

.designerCard.cardE .remote {position: absolute; bottom: 100%; margin-left: 5%;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;  transition-delay: 0.4s;
}

.designerCard.cardE:hover .remote {bottom: 30%;}


.designerCard.cardC .remote {position: absolute; margin-left: -95px; margin-top: -20px;}
.designerCard.cardC:hover .remote .img1 {display: none;}
.designerCard.cardC .remote .img2 {display: none;}
.designerCard.cardC:hover .remote .img2 {display: inline-block; vertical-align: middle; margin-left: 15px; transform: scale(0.8);}
.designerCard.cardC:hover .remote:after {
-webkit-animation: ballBounce 1.5s ease-in-out infinite; 
  -moz-animation: ballBounce 1.5s ease-in-out infinite;
content: ""; background: url(../images/letter_c_03.png) no-repeat; width: 26px; height: 26px; position: absolute;  bottom: 80px; left: 25px;}



@-moz-keyframes ballBounce {
    0%{bottom:70px;  transform: scale(0.8);}
    50%{bottom:160px; transform: scale(1.2);}
    70%{bottom:160px; transform: scale(1.2);}
    100%{bottom:70px; transform: scale(0.8);}
}

@-webkit-keyframes ballBounce {
    0%{bottom:70px;  transform: scale(0.8);}
    50%{bottom:160px; transform: scale(1.2);}
    70%{bottom:160px; transform: scale(1.2);}
    100%{bottom:70px; transform: scale(0.8);}
}

.designerCard.cardD .rotater1 {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
position: absolute; top: 20%; right: 10%; width: 150px; height: 116px;}

.designerCard.cardD:hover .rotater1 {right: 30%; top: 30%; transform: scale(1.4);}

.designerCard.cardD .rotater2 {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
position: absolute; top: 10%; right: -50%;}

.designerCard.cardD .rotater3 {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
position: absolute; bottom:  10%; left: -50%;}

.designerCard.cardD:hover .rotater2 {right: 5%; }
.designerCard.cardD:hover .rotater3 {left: 5%; }

.finalfil1 {fill:#FEFEFE;}
.finalfil2 {fill:#727271;}
.finalfil3 {fill:#FFFBDB;}
.finalfil0 {fill:#FFFBDB;}
.finalfnt1 {font-weight:normal;font-size:191.85px;font-family:'Javanese Text';}
.finalfnt0 {font-weight:normal;font-size:268.17px;font-family:'Javanese Text';}

.designerCard.cardF .glass {position: absolute; bottom: 25%; right: 15%;}

.designerCard.cardF:hover .smoke1 {
  -webkit-animation: smokeAnimate 1s ease-in-out infinite alternate; 
  -moz-animation: smokeAnimate 1s ease-in-out infinite alternate;
}
.designerCard.cardF:hover .smoke2 {
  -webkit-animation: smokeAnimate 1.5s ease-in-out infinite alternate; 
  -moz-animation: smokeAnimate 1.5s ease-in-out infinite alternate;
}


@-moz-keyframes smokeAnimate {
    0%{opacity: 1; transform: scaleY(0.8);}
    70%{opacity: 0; transform: scaleY(1.1);}
    100%{opacity: 1; transform: scaleY(0.9);}
}

@-webkit-keyframes smokeAnimate {
    0%{opacity: 1; transform: scaleY(0.8);}
    70%{opacity: 0; transform: scaleY(1.1);}
    100%{opacity: 1; transform: scaleY(0.9);}
}




/*.designerCard.cardC .remote2 {position: absolute; margin-left: -95px; margin-top: -20px; opacity: 0;}
.designerCard.cardC:hover .remote2 {opacity: 1; margin-left:-140px;}*/


.Newstr0 {stroke:#5B5B5B;stroke-width:52.9;stroke-miterlimit:2.61313;}
.Newstr1 {stroke:#5B5B5B;stroke-width:17.63;stroke-miterlimit:2.61313}
.Newfil5 {fill:none}
.Newfil6 {fill:#EBECEC}
.Newfil0 {fill:#5B5B5B}

.Newfil2 {fill:#00a0c8;
      -webkit-animation: Newfil2 1s ease-in-out infinite; 
      -moz-animation: Newfil2 1s ease-in-out infinite;
    }
.Newfil3 {fill:#71A514;
      -webkit-animation: Newfil3 1s ease-in-out infinite;
      -moz-animation: Newfil3 1s ease-in-out infinite;
    }
.Newfil1 {fill:#9D1615;

      -webkit-animation: Newfil1 1s ease-in-out infinite;
      -moz-animation: Newfil1 1s ease-in-out infinite;
}
.Newfil4 {fill:#D0BC29;
      -webkit-animation: Newfil4 1s ease-in-out infinite;
      -moz-animation: Newfil4 1s ease-in-out infinite;}


.CardCfil1 {fill:#FEFEFE}
.CardCfil2 {fill:#DE6068}
.CardCfil0 {fill:#FEFEFE;fill-rule:nonzero}


@-moz-keyframes Newfil1 {
    0%{fill:#ff1817;}
    25%{fill:#ff1817;}
    26%{fill:#9D1615;}
    100%{fill:#9D1615;}
}

@-moz-keyframes Newfil2 {
    0%{fill:#00a0c8;}
    25%{fill:#00a0c8;}
    26%{fill:#00CCFF;}
    50%{fill:#00CCFF;}
    51%{fill:#00a0c8;}
    100%{fill:#00a0c8;}
}

@-moz-keyframes Newfil4 {
    0%{fill:#D0BC29;}
    49%{fill:#D0BC29;}
    50%{fill:#ffff35;}
    74%{fill:#ffff35;}
    75%{fill:#D0BC29;}
    100%{fill:#D0BC29;}
}

@-moz-keyframes Newfil3 {
    0%{fill:#71A514;}
    74%{fill:#71A514;}
    75%{fill:#c3ff15;}
    99%{fill:#c3ff15;}
    100%{fill:#71A514;}
}


@-webkit-keyframes Newfil1 {
    0%{fill:#ff1817;}
    25%{fill:#ff1817;}
    26%{fill:#9D1615;}
    100%{fill:#9D1615;}
}

@-webkit-keyframes Newfil2 {
    0%{fill:#00a0c8;}
    25%{fill:#00a0c8;}
    26%{fill:#00CCFF;}
    50%{fill:#00CCFF;}
    51%{fill:#00a0c8;}
    100%{fill:#00a0c8;}
}

@-webkit-keyframes Newfil4 {
    0%{fill:#D0BC29;}
    49%{fill:#D0BC29;}
    50%{fill:#ffff35;}
    74%{fill:#ffff35;}
    75%{fill:#D0BC29;}
    100%{fill:#D0BC29;}
}

@-webkit-keyframes Newfil3 {
    0%{fill:#71A514;}
    74%{fill:#71A514;}
    75%{fill:#c3ff15;}
    99%{fill:#c3ff15;}
    100%{fill:#71A514;}
}



.borderColor1 {border: 10px solid #d3a869;}
.borderColor2 {border: 10px solid #aeafb0;}

.UlList .designerCard .insideContents {width: 100%; height: 100%;}
.UlList .designerCard .insideContents .thumb {width: 100%; height: 100%;}
.UlList .designerCard .insideContents .thumb img {width: 100%; height: 100%; object-fit: cover;object-position: center;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
}
.UlList .designerCard .insideContents .thumb img:hover {transform: scale(1.1);}
.UlList .designerCard .insideContents .title {position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: left; padding: 10px 0; /*! background: rgba(0,0,0,0.15); */}
.UlList .designerCard .insideContents .title .name {display: inline-block; font-size: 20px; color: #333; background: #a95654; padding: 3px 50px; font-family: 'impactreg';opacity: 0.8;letter-spacing: 5px;text-decoration: none;}
.UlList .designerCard .insideContents .name.color1 { background: #a95654;}
.UlList .designerCard .insideContents  .name.color2 { background: #63725b;}
.UlList .designerCard .insideContents  .name.color3 { background: #638686;}
.UlList .designerCard .insideContents  .name.color4 { background: #956476;}
.UlList .designerCard .insideContents  .name.color5 { background: #ad884c;}
.UlList .designerCard .insideContents  .name.color6 { background: #a95654;}
.UlList .designerCard .insideContents  .name.color7 { background: #4d4d4d;}
.UlList .designerCard .insideContents  .name.color8 { background: rgba(221,42, 27, 0.5);}
.UlList .designerCard .insideContents  .name.color9 { background: rgba(49,154, 178, 0.5);}
.UlList .designerCard .insideContents  .name.color10 { background: #69a29f;}

.UlList .designerCard .insideContents .Toptitle {text-align: left; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; font-size: 18px;letter-spacing: 1px;}
.UlList .designerCard .insideContents .Toptitle .name {width: 100%; padding: 7px 10px; display: inline-block;vertical-align: top; color: #fff;  font-family: 'impactreg';opacity: 0.8;}
.UlList .designerCard .insideContents .Toptitle.center {text-align: center;}
.UlList .designerCard .insideContents .Toptitle.black .name {color: #333;}



.UlList .designerCard .insideContents .smallForm {width: 100%; background:#fff; padding: 20px 15px; position: relative;margin-top: 10px;}
.UlList .designerCard .insideContents .smallForm label {display: table; width: 100%; text-align: left;}
.UlList .designerCard .insideContents .smallForm label .name{font-size: 14px; width: 100px; color: #676766; font-family: 'recoletaregular_demo'; display: table-cell;vertical-align: bottom;line-height: 12px;}
.UlList .designerCard .insideContents .smallForm label .inputBox {padding: 10px 0px;  width: 100%; background: transparent url(../images/dotted_border.png) repeat-x left bottom;  background-size: auto 3px;}
.UlList .designerCard .insideContents .smallForm label .boxDiv {display: table-cell;vertical-align: bottom; position: relative;}
.UlList .designerCard .insideContents .smallForm label textarea.inputBox {height: 60px; padding-top: 0px; position: relative;line-height: 26px;}
.UlList .designerCard .insideContents .smallForm label.textarea .boxDiv:before {content: ""; height: 3px; width: 100%; position: absolute; top: 24px; background: transparent url(../images/dotted_border.png) repeat-x left bottom;  background-size: auto 3px;}
.UlList .designerCard .insideContents .smallForm label.textarea {margin-top: 10px;}
.UlList .designerCard .insideContents .smallForm label.textarea .name{vertical-align: top; padding-top: 16px;}
.UlList .designerCard .insideContents .smallForm:after {content: "500 character"; position: absolute; bottom: -30px; text-align: right; width: 100%; font-size: 14px; right: 0px; }
.UlList .designerCard .insideContents .smallForm .longText {font-family: 'recoletaregular_demo';  width: 100%; background: #fff; border: none; min-height: 140px;}

.UlList .designerCard .insideContents .contactInfo {font-family: 'recoletaregular_demo';/*! margin-top: 10px; */width: 100%; font-size: 14px; width: 100%; color: #676766; background:#fff; padding:  10px 15px;}
.UlList .designerCard .insideContents .contactInfo  .list {width: 100%; display: table; text-align: left; margin: 15px 0;}
.UlList .designerCard .insideContents .contactInfo  .list .label {display: table-cell;vertical-align: top; width: 100px;}
.UlList .designerCard .insideContents .contactInfo  .list .data {display: table-cell;vertical-align: top;/*! word-break: break-all; */}
.UlList .designerCard .insideContents .contactInfo  .list .data .socialLink {color: #676766; margin-right: 10px;}


.UlList .designerCard .insideContents .smallForm.familyForm {border-radius: 5px; /*! border: 3px solid #c3c4c4; */}
.UlList .designerCard .insideContents .smallForm.familyForm:after {display: none;}
.UlList .designerCard .insideContents .smallForm.familyForm label .inputBox {font-size: 16px;  font-family: 'recoletaregular_demo';}
.UlList .designerCard .insideContents .smallForm.familyForm .newMargin {margin: 20px 0;}
.UlList .designerCard .insideContents .smallForm.familyForm .newMargin.right {text-align: right;}
.UlList .designerCard .insideContents .smallForm .submitBtn {font-weight: bold; font-family: 'recoletaregular_demo'; color: #989898; padding-top: 10px; background: none; border: none; font-size: 14px;}
.newMargin.right {text-align: right;}









/*.logoShape {
  -webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
}*/

.fil3 {fill:#F09A6E;
-webkit-animation: fil3 20s ease-in-out infinite alternate;
-moz-animation: fil3 20s ease-in-out infinite alternate;}
.fil2 {fill:#E8685D;
-webkit-animation: fil2 20.5s ease-in-out infinite alternate;
-moz-animation: fil2 20.5s ease-in-out infinite alternate;}
.fil7 {fill:#E4575B;
-webkit-animation: fil7 21s ease-in-out infinite alternate;
-moz-animation: fil7 21s ease-in-out infinite alternate;}
.fil5 {fill:#DA4E4F;
-webkit-animation: fil5 20s ease-in-out infinite alternate;
-moz-animation: fil5 20s ease-in-out infinite alternate;}
.fil15 {fill:#EECB87;
-webkit-animation: fil15 20.5s ease-in-out infinite alternate;
-moz-animation: fil15 20.5s ease-in-out infinite alternate;}
.fil0 {fill:#D56654;
-webkit-animation: fil0 21s ease-in-out infinite alternate;
-moz-animation: fil0 21s ease-in-out infinite alternate;}
.fil6 {fill:#D04D66;
-webkit-animation: fil6 20s ease-in-out infinite alternate;
-moz-animation: fil6 20s ease-in-out infinite alternate;}
.fil14 {fill:#E4B073;
-webkit-animation: fil14 20.5s ease-in-out infinite alternate;
-moz-animation: fil14 20.5s ease-in-out infinite alternate;}
.fil16 {fill:#B87594;
-webkit-animation: fil16 21s ease-in-out infinite alternate;
-moz-animation: fil16 21s ease-in-out infinite alternate;}
.fil12 {fill:#9CA482;
-webkit-animation: fil12 20s ease-in-out infinite alternate;
-moz-animation: fil12 20s ease-in-out infinite alternate;}
.fil13 {fill:#A2B796;
-webkit-animation: fil13 20.5s ease-in-out infinite alternate;
-moz-animation: fil13 20.5s ease-in-out infinite alternate;}
.fil17 {fill:#9C638F;
-webkit-animation: fil17 21s ease-in-out infinite alternate;
-moz-animation: fil17 21s ease-in-out infinite alternate;}
.fil18 {fill:#816890;
-webkit-animation: fil18 20s ease-in-out infinite alternate;
-moz-animation: fil18 20s ease-in-out infinite alternate;}
.fil9 {fill:#61B6BC;
-webkit-animation: fil9 20.5s ease-in-out infinite alternate;
-moz-animation: fil9 20.5s ease-in-out infinite alternate;}
.fil11 {fill:#539778;
-webkit-animation: fil11 21s ease-in-out infinite alternate;
-moz-animation: fil11 21s ease-in-out infinite alternate;}
.fil8 {fill:#567DA6;
-webkit-animation: fil8 20s ease-in-out infinite alternate;
-moz-animation: fil8 20s ease-in-out infinite alternate;}
.fil10 {fill:#1196B3;
-webkit-animation: fil10 20.5s ease-in-out infinite alternate;
-moz-animation: fil10 20.5s ease-in-out infinite alternate;}
.fil1 {fill:#C5C6C6;fill-rule:nonzero;fill-opacity:0.200000;
-webkit-animation: fil1 21s ease-in-out infinite alternate;
-moz-animation: fil1 21s ease-in-out infinite alternate;}
.fil4 {fill:#C5C6C6;fill-rule:nonzero;fill-opacity:0.501961}


@-webkit-keyframes fil3 {
0%{fill:#F09A6E;}
25%{fill:#aa623d;}
26%{fill:#F09A6E;}
100%{fill:#F09A6E;}
}

@-webkit-keyframes fil2 {
0%{fill:#E8685D;}
25%{fill:#8d4741;}
26%{fill:#E8685D;}
100%{fill:#E8685D;}
}

@-webkit-keyframes fil7 {
0%{fill:#E4575B;}
25%{fill:#a93c3f;}
26%{fill:#E4575B;}
100%{fill:#E4575B;}
}

@-webkit-keyframes fil5 {
0%{fill:#DA4E4F;}
25%{fill:#943334;}
26%{fill:#DA4E4F;}
110%{fill:#DA4E4F;}
}

@-webkit-keyframes fil15 {
0%{fill:#EECB87;}
25%{fill:#b49861;}
26%{fill:#EECB87;}
100%{fill:#EECB87;}
}

@-webkit-keyframes fil0 {
0%{fill:#D56654;}
25%{fill:#984437;}
26%{fill:#D56654;}
100%{fill:#D56654;}
}

@-webkit-keyframes fil6 {
0%{fill:#D04D66;}
25%{fill:#8d3748;}
26%{fill:#D04D66;}
100%{fill:#D04D66;}
}

@-webkit-keyframes fil14 {
0%{fill:#E4B073;}
25%{fill:#ab8252;}
26%{fill:#E4B073;}
100%{fill:#E4B073;}
}

@-webkit-keyframes fil16 {
0%{fill:#B87594;}
25%{fill:#7e5367;}
26%{fill:#B87594;}
100%{fill:#B87594;}
}

@-webkit-keyframes fil12 {
0%{fill:#9CA482;}
25%{fill:#6c715d;}
26%{fill:#9CA482;}
100%{fill:#9CA482;}
}

@-webkit-keyframes fil13 {
0%{fill:#A2B796;}
25%{fill:#708265;}
26%{fill:#A2B796;}
100%{fill:#A2B796;}
}

@-webkit-keyframes fil17 {
0%{fill:#9C638F;}
25%{fill:#5b3853;}
26%{fill:#9C638F;}
100%{fill:#9C638F;}
}

@-webkit-keyframes fil18 {
0%{fill:#816890;}
25%{fill:#56475f;}
26%{fill:#816890;}
100%{fill:#816890;}
}

@-webkit-keyframes fil9 {
0%{fill:#61B6BC;}
25%{fill:#396e72;}
26%{fill:#61B6BC;}
100%{fill:#61B6BC;}
}

@-webkit-keyframes fil11 {
0%{fill:#539778;}
25%{fill:#2d5342;}
26%{fill:#539778;}
100%{fill:#539778;}
}

@-webkit-keyframes fil8 {
0%{fill:#567DA6;}
25%{fill:#2a3f54;}
26%{fill:#567DA6;}
100%{fill:#567DA6;}
}

@-webkit-keyframes fil8 {
0%{fill:#1196B3;}
25%{fill:#085262;}
26%{fill:#1196B3;}
100%{fill:#1196B3;}
}


/*---------------------- moz kit*/


@-moz-keyframes fil3 {
0%{fill:#F09A6E;}
25%{fill:#aa623d;}
26%{fill:#F09A6E;}
100%{fill:#F09A6E;}
}

@-moz-keyframes fil2 {
0%{fill:#E8685D;}
25%{fill:#8d4741;}
26%{fill:#E8685D;}
100%{fill:#E8685D;}
}

@-moz-keyframes fil7 {
0%{fill:#E4575B;}
25%{fill:#a93c3f;}
26%{fill:#E4575B;}
100%{fill:#E4575B;}
}

@-moz-keyframes fil5 {
0%{fill:#DA4E4F;}
25%{fill:#943334;}
26%{fill:#DA4E4F;}
110%{fill:#DA4E4F;}
}

@-moz-keyframes fil15 {
0%{fill:#EECB87;}
25%{fill:#b49861;}
26%{fill:#EECB87;}
100%{fill:#EECB87;}
}

@-moz-keyframes fil0 {
0%{fill:#D56654;}
25%{fill:#984437;}
26%{fill:#D56654;}
100%{fill:#D56654;}
}

@-moz-keyframes fil6 {
0%{fill:#D04D66;}
25%{fill:#8d3748;}
26%{fill:#D04D66;}
100%{fill:#D04D66;}
}

@-moz-keyframes fil14 {
0%{fill:#E4B073;}
25%{fill:#ab8252;}
26%{fill:#E4B073;}
100%{fill:#E4B073;}
}

@-moz-keyframes fil16 {
0%{fill:#B87594;}
25%{fill:#7e5367;}
26%{fill:#B87594;}
100%{fill:#B87594;}
}

@-moz-keyframes fil12 {
0%{fill:#9CA482;}
25%{fill:#6c715d;}
26%{fill:#9CA482;}
100%{fill:#9CA482;}
}

@-moz-keyframes fil13 {
0%{fill:#A2B796;}
25%{fill:#708265;}
26%{fill:#A2B796;}
100%{fill:#A2B796;}
}

@-moz-keyframes fil17 {
0%{fill:#9C638F;}
25%{fill:#5b3853;}
26%{fill:#9C638F;}
100%{fill:#9C638F;}
}

@-moz-keyframes fil18 {
0%{fill:#816890;}
25%{fill:#56475f;}
26%{fill:#816890;}
100%{fill:#816890;}
}

@-moz-keyframes fil9 {
0%{fill:#61B6BC;}
25%{fill:#396e72;}
26%{fill:#61B6BC;}
100%{fill:#61B6BC;}
}

@-moz-keyframes fil11 {
0%{fill:#539778;}
25%{fill:#2d5342;}
26%{fill:#539778;}
100%{fill:#539778;}
}

@-moz-keyframes fil8 {
0%{fill:#567DA6;}
25%{fill:#2a3f54;}
26%{fill:#567DA6;}
100%{fill:#567DA6;}
}

@-moz-keyframes fil8 {
0%{fill:#1196B3;}
25%{fill:#085262;}
26%{fill:#1196B3;}
100%{fill:#1196B3;}
}





.toggle_menu .icon {    align-items: center;    display: inline-flex;    justify-content: center;    position: relative;    width: 24px;    margin: 6px 10px 0 0;    height: 2px;    background: currentColor;    transition: transform 0.3s;    top: -9px;}
.toggle_menu .icon:before {    content: '';    display: block;    top: 12px;    right: 0;    width: 100%;    height: 2px;    background: currentColor;    position: absolute;    transition: transform 0.3s;}
.toggle_menu .icon:after {    content: '';    display: block;    top: 6px;    right: 0;    width: 100%;    height: 2px;    background: currentColor;    position: absolute;    transition: transform 0.3s;}
.menu_overlay {z-index: 100;display:none;position: fixed;top: 0px;right: 0;height: 100%;width: 100%;background: rgba(0,0,0,.5);}




.slide_nav.active .menu_part{    padding-bottom: 50px; position: absolute;    right: 0;    width: 100%;    background-color: #f7f8f8;    height: 100%;    overflow: auto;}
/*.slide_nav.open_nave {width:100%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;display: block;}*/
/*.slide_nav {padding-top: 65px;    z-index: 45;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;float: right;display: table;height: 100vh;background: #fff;*/
/*box-shadow: 0px 0px 5px rgba(0,0,0,.5);position: fixed;right: -160px;}*/
.slide_nav {background:#fff;z-index: 101;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;height: 100%; right: -250px; opacity: 0; position: fixed; width: 250px;}
.slide_nav.active{transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;right:0;  opacity: 1;}
.slide_nav.open_nave .menu_part {left: 0px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.slide_nav .menu_part .listing .list.close_btn a{display:inline-block;}
.slide_nav .menu_part .listing{       padding-top: 0;    padding-left: 0; }
.slide_nav .menu_part .listing .list{  border-bottom: 1px solid #cdd0d0;    line-height: 60px;}
.slide_nav .menu_part .listing .list.active a {background: #ff607e; color: #fff;}
.slide_nav .menu_part .listing .list a{  padding: 0 20px;    display: block;    font-size: 16px;    color: #424241;}
.slide_nav .menu_part .listing .list a:hover{ background: #29a7df;    color: #fff !important; text-decoration: none;}
.slide_nav .menu_part .listing .list a.nav_link.collapsed .fa-minus{display:none;}
.slide_nav .menu_part .listing .list a.nav_link .fa-minus{display:block;}
.slide_nav .menu_part .listing .list a.nav_link.collapsed .fa-plus{display:block;}
.slide_nav .menu_part .listing .list a .link_wrapper{    display: table-cell;vertical-align: middle;}
.slide_nav .menu_part .listing .list a .icon_wrapper{    display: table-cell;    vertical-align: middle;    font-size: 14px;    padding-left: 10px;}
.slide_nav .menu_part .listing .list a.nav_link .fa-plus{display:none;}
.slide_nav .menu_part .listing .list .expandBtn {position: absolute; right: 0px; color: #fff; cursor: pointer; /*! margin-right: 20px; */padding: 0 20px;}
.slide_nav .menu_part .listing .list .expandBtn.active {transform: scale(-1);}
.slide_nav .menu_part .listing .list .listing {display: none;}
.slide_nav .menu_part .listing .list .listing .list {border: none;}
.slide_nav .menu_part .listing .list .listing .list a{ padding-left: 30px; line-height: 48px; border-top: 1px solid rgba(0,0,0,0.25); }

.slide_nav .menu_part .listing .list.active.color1 a ,
.slide_nav .menu_part .listing .list:hover.color1 a{background: #d4a96b;}

.slide_nav .menu_part .listing .list.color2:hover a{color: #fff;}

.slide_nav .menu_part .listing .list.active.color2 a,
.slide_nav .menu_part .listing .list:hover.color2 a{background: #759367;}

.slide_nav .menu_part .listing .list.active.color3 a,
.slide_nav .menu_part .listing .list:hover.color3 a{background: #eb7d75;}

.slide_nav .menu_part .listing .list.active.color4 a,
.slide_nav .menu_part .listing .list:hover.color4 a{background: #6aa3a0;}

.slide_nav .menu_part .listing .list.active.color5 a,
.slide_nav .menu_part .listing .list:hover.color5 a{background: #bd79b3;}

.slide_nav .menu_part .listing .list.active.color6 a,
.slide_nav .menu_part .listing .list:hover.color6 a{background: #e3b01f;}


.slide_nav .menu_part .listing .dub_menu{    padding-left: 0;    height: auto;    border-top: 1px solid #cdd0d0;}
.slide_nav .menu_part .listing .dub_menu .list a{      font-size: 16px;  line-height: 40px;    padding-left: 40px;    color: #2699d0;    padding-right: 0;}
.slide_nav .menu_part .listing  ul li a{color: #ef5a2a; display: block;    font-size: 16px ;      line-height: 26px; }
.slide_nav .menu_part .listing .dub_menu .list:last-child{border-bottom:none;}
.slide_nav .menu_part .listing .nav_botom{    bottom: 20px;    width: 100%;}
.slide_nav .menu_part .listing .nav_botom img{width:100%;}
/*.slide_nav .menu_part .listing ul li a:hover{color:#424241;}*/
.removeMenu{text-decoration: none!important; background: #eee;}


.footer {width: 100%; font-size: 24px; padding: 30px 0; border-top: 2px solid #888888; margin-top: 50px;overflow: hidden;}

.footer .logo {width: 100%; display: inline-block;vertical-align: top; text-align: center;}
.footer .logo svg {transform: scale(0.7);}
.footer  .LogoName {width: 100%; display: inline-block;vertical-align: top; font-size: 16px; color: #676766; /*! font-weight: 600; */font-family: 'recoletaregular_demo';margin-top: -10px;}

.footer .info {width: 100%; padding: 0px; margin: 0px; list-style-type: none;margin-top: -20px;}
.footer .info .list{width: 100%; color: #818181; padding-left: 24px; font-size: 14px;margin: 20px 0; position: relative;font-family: recoletaregular_demo;}
.footer .info .list i{ width: 24px; position: absolute; left: 0px; margin-top: 3px;}

.footer .quickLink {width: 100%; padding: 0px; margin: 0px;  font-size: 0;}
.footer .quickLink .list{width: 50%; display: inline-block;vertical-align: middle; font-family: recoletaregular_demo; margin-bottom: 4px;font-weight: 500;}
.footer .quickLink .list a {font-size: 14px; color: #818181;}

.footer .socialMedia {float: right; margin: 0px; padding: 0px;}
.footer .socialMedia .list {display: inline-block;vertical-align: top; margin: 0 2px;}
.footer .socialMedia .list a {color: #818181; font-size: 14px; width: 24px; height: 24px; display: inline-block;vertical-align: middle; border: 1px solid #818181; text-align: center; border-radius: 100%; line-height: 20px;vertical-align: top;}
.footer .socialMedia .list a:hover {background: #676766; color: #fff;}

.footer .copyright {width: 100%; text-align: right; display: inline-block; vertical-align: bottom; font-size: 14px;font-family: 'recoletaregular_demo';color: #676766;}








.insideSlider {width: 100%; height: 100%; margin: 0px; padding: 0px;}
.insideSlider img {height: 100%; width: 100%; object-fit: cover; object-position: center;}
.insideSlider li {height: 100%;}
.insideSlider.owl-carousel .owl-wrapper-outer {height: 100%;}
.insideSlider.owl-carousel .owl-wrapper {height: 100%;}
.insideSlider.owl-carousel .owl-wrapper div{height: 100%;}
.insideSlider.owl-carousel .owl-wrapper div.caption {position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; font-family: recoletaregular_demo;  font-size: 14px; color: #fff; text-align: left; background: rgba(0,0,0,0.65); padding: 7px 15px; height: auto;}
.insideSlider .owl-controls {font-size: 18px;}
.insideSlider .owl-controls .owl-buttons {position: absolute; top: 48%; padding: 0px 20px; width: 100%; left: 0px;  opacity: 0.8}
.insideSlider .owl-controls .owl-buttons .owl-prev {float: left; color: transparent; background: url(../images/left_arrow.png) no-repeat center; background-size: contain; transform: scale(1.5);}
.insideSlider .owl-controls .owl-buttons .owl-next {float: right;   color: transparent; background: url(../images/right_arrow.png) no-repeat center; background-size: contain; transform: scale(1.5);}


.UlList .designerCard .insideContents.hasContent .afterContent {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s; padding: 20px; padding-top: 80px; color: #fff;
opacity: 0; position: absolute; top: -100%; left: 0px; width: 100%; height: 100%; z-index: 1; font-size: 18px; text-align: left; font-family: 'impactreg';}
.UlList .designerCard .insideContents.hasContent .thumb {opacity: 1;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s; }
.UlList .designerCard .insideContents.hasContent:hover .thumb {opacity: 0;}
.UlList .designerCard .insideContents.hasContent:hover .afterContent {opacity: 1; top: 0px; }