.own {  width:100%;  height:100%;  position:relative; } .swiper-container {  width:100%;  height:100%; } .swiper-slide {  text-align:center;  font-size:18px;  background:#fff;   display:-webkit-box;  display:-ms-flexbox;  display:-webkit-flex;  display:flex;  -webkit-box-pack:center;  -ms-flex-pack:center;  -webkit-justify-content:center;  justify-content:center;  -webkit-box-align:center;  -ms-flex-align:center;  -webkit-align-items:center;  align-items:center; } .swiper-navi-container{ display:flex; justify-content:space-between; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; z-index:9; pointer-events:auto; } .swiper-button-prev, .swiper-button-next{ position:relative; left:auto; right:auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display:none; } .swiper-slide img {  display:block;  width:100%;  height:100%;  object-fit:cover; } .swiper-pagination {  position:relative;  margin:15px;  width:100% !important; } .swiper-pagination-bullet {  margin:3px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next {  padding:20px;  background-color:rgb(95, 29, 203);  position:absolute;  top:44% !important; } .carousel_content span {  font-size:23px;  padding:15px 0 0 15px;  display:block;  text-align:left; } .carousel_content p {  text-align:left;  padding:15px;  display:block; } .carousel_content a {  text-align:left;  background:lightblue;  padding:10px;  display:inline-block;  margin:10px 10px; } .img_caro {  position:relative;  text-align:center; } .img_caro_top {  position:absolute;  top:8px;  left:16px; } .img_caro_bottom {  position:absolute;  bottom:16px;  left:16px; } .img_caro_middle {  position:absolute;  top:50%;  left:50%;  transform:translate(-50%, -50%); } .img_carousel{  position:relative; } .img_carousel span {  font-size:23px;  padding:15px 0 0 15px;  display:block;  text-align:left;  position:absolute;  bottom:0px; } .img_carousel p {  text-align:left;  padding:15px;  display:block;  position:absolute;  bottom:0px; } .img_carousel img {  text-align:left;  background:lightblue;  padding:10px;  display:inline-block;  margin:10px 10px;  width:100%; } .content_lft {  float:left;  width:50%; } .content_rght {  float:right;  width:50%; } .left-arrow.swiper-button-disabled {opacity:0;} .swiper-container-content {  margin-left:auto;  margin-right:auto;  position:relative;  overflow:hidden;  list-style:none;  padding:0;  z-index:1; } .diviet-facebook-icon::before {  font-family:ETmodules!important;  content:"\e093";  background-color:#3b5998!important;  color:white;  width:32px;  height:32px;  padding:5px;  border-radius:5px; } .diviet-twitter-icon::before {  font-family:ETmodules!important;  content:"\e094";  background-color:#00aced!important;  color:white;  width:32px;  height:32px;  padding:5px;  border-radius:5px; } .diviet-linkedln-icon::before {  font-family:ETmodules!important;  content:"\e09d";  background-color:#007bb6!important;  color:white;  width:32px;  height:32px;  padding:5px;  border-radius:5px; } .social-media-container span, .social-media-container a {  background:none;  margin:0px;  padding:0px; } .social-media-container ul li {  padding:0 8px;  list-style:none;  display:inline-block; } .social-media-container {  padding-top:10px; } .divi8-star_alt:before {  font-family:ETmodules!important;  content:"\e031"; } .divi8-star-half_alt:before {  font-family:ETmodules!important;  content:"\e032"; } .divi8-star-fill:before {  font-family:ETmodules!important;  content:"\e033"; } .divi8-star-half:before {  font-family:ETmodules!important;  content:"\e034"; } ul.divi8-rating {  list-style:none; } ul.divi8-rating li {  display:inline-block; } .et-db #et-boc .et-l .et-fb-modules-list li[class^=divi8] {  font-size:12px;  color:#fff;   position:relative;  background:linear-gradient(135deg, #3C8CE7 0%, #00FFC2 100%) !important;  } .et-db #et-boc .et-l .et-fb-modules-list li[class^=divi8]:hover { color:#fff;  } .divi8-icon {  font-family:ETmodules;  content:attr(data-icon);  border-style:solid;  font-size:105px !important;  text-align:center !important; } .divi8-icon-left, .divi8-icon-right{ font-family:ETmodules; content:attr(data-icon); border-style:solid; font-size:44px; text-align:center !important;  } .clearfix::after {  content:"";  clear:both;  display:table; } .carousel_content img {  display:inline-block; } .carousel_content a{  color:#fff; } .carousel_content {  background-color:#fff; }  *, figcaption::after, figcaption::before { -webkit-box-sizing:border-box; box-sizing:border-box; } .clearfix:before, .clearfix:after { display:table; content:''; } .clearfix:after { clear:both; } .grid { position:relative; margin:0 auto; padding:1em 0 4em; max-width:1000px; list-style:none; text-align:center; }  .grid figure { position:relative; float:left; overflow:hidden; margin:10px 1%; min-width:320px; max-width:480px; max-height:360px; width:48%; background:#3085a3; text-align:center; cursor:pointer; } .grid figure img { position:relative; display:block; min-height:100%; max-width:100%; opacity:0.8; } .grid figure figcaption { padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events:none; } .grid figure figcaption, .grid figure figcaption > a { position:absolute; top:0; left:0; width:100%; height:100%; }  .grid figure figcaption > a { z-index:1000; text-indent:200%; white-space:nowrap; font-size:0; opacity:0; } .grid figure span { word-spacing:-0.15em; font-weight:300; } .grid figure span span { font-weight:800; } .grid figure span, .grid figure p { margin:0; } .grid figure p { letter-spacing:1px; font-size:68.5%; } figure.effect-lily img { max-width:none; width:-webkit-calc(100% + 50px); width:calc(100% + 50px); opacity:0.7; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-40px,0, 0); transform:translate3d(-40px,0,0); } figure.effect-lily figcaption { text-align:left; } figure.effect-lily figcaption > div { position:absolute; bottom:0; left:0; padding:2em; width:100%; height:50%; } figure.effect-lily span, figure.effect-lily p { -webkit-transform:translate3d(0,40px,0); transform:translate3d(0,40px,0); } figure.effect-lily span { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; } figure.effect-lily p { color:rgba(255,255,255,0.8); opacity:0; -webkit-transition:opacity 0.2s, -webkit-transform 0.35s; transition:opacity 0.2s, transform 0.35s; } figure.effect-lily:hover img, figure.effect-lily:hover p { opacity:1; } figure.effect-lily:hover img, figure.effect-lily:hover span, figure.effect-lily:hover p { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-lily:hover p { -webkit-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.35s; transition-duration:0.35s; }   figure.effect-sadie figcaption::before { position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content:''; opacity:0; -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0); } figure.effect-sadie span { position:absolute; top:50%; left:0; width:100%; color:#484c61; -webkit-transition:-webkit-transform 0.35s, color 0.35s; transition:transform 0.35s, color 0.35s; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-sadie p { position:absolute; bottom:0; left:0; padding:2em; width:100%; opacity:0; -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } figure.effect-sadie:hover span { color:#fff; -webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0); transform:translate3d(0,-50%,0) translate3d(0,-40px,0); } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-roxy { background:-webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background:linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); } figure.effect-roxy img { max-width:none; width:-webkit-calc(100% + 60px); width:calc(100% + 60px); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-50px,0,0); transform:translate3d(-50px,0,0); } figure.effect-roxy figcaption::before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid #fff; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0); } figure.effect-roxy figcaption { padding:3em; text-align:left; } figure.effect-roxy span { padding:30% 0 10px 0; } figure.effect-roxy p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); } figure.effect-roxy:hover img { opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-bubba { background:#9e5406; } figure.effect-bubba img { opacity:0.7; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-bubba:hover img { opacity:0.4; } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position:absolute; top:30px; right:30px; bottom:30px; left:30px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-bubba figcaption::before { border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); } figure.effect-bubba figcaption::after { border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); } figure.effect-bubba span { padding-top:30%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); } figure.effect-bubba p { padding:20px 2.5em; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1); } figure.effect-bubba:hover span, figure.effect-bubba:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-romeo img { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale3d(1.4,1.4,1); transform:scale3d(1.4,1.4,1); } figure.effect-romeo:hover img { opacity:0.6; -webkit-transform:scale3d(1,1,1); transform:translate3d(1,1,1); } figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after { position:absolute; top:50%; left:50%; width:80%; height:1px; background:#fff; content:''; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } figure.effect-romeo:hover figcaption::before { opacity:0.5; -webkit-transform:translate3d(-50%,-50%,0) rotate(45deg); transform:translate3d(-50%,-50%,0) rotate(45deg); } figure.effect-romeo:hover figcaption::after { opacity:0.5; -webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg); transform:translate3d(-50%,-50%,0) rotate(-45deg); } figure.effect-romeo span, figure.effect-romeo p { position:absolute; top:50%; left:0; width:100%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; } figure.effect-romeo span { -webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0); transform:translate3d(0,-50%,0) translate3d(0,-150%,0); } figure.effect-romeo p { padding:0.25em 2em; -webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0); transform:translate3d(0,-50%,0) translate3d(0,150%,0); } figure.effect-romeo:hover span { -webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0); transform:translate3d(0,-50%,0) translate3d(0,-100%,0); } figure.effect-romeo:hover p { -webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0); transform:translate3d(0,-50%,0) translate3d(0,100%,0); }   figure.effect-layla { background:#18a367; } figure.effect-layla img { height:390px; } figure.effect-layla figcaption { padding:3em; } figure.effect-layla figcaption::before, figure.effect-layla figcaption::after { position:absolute; content:''; opacity:0; } figure.effect-layla figcaption::before { top:50px; right:30px; bottom:50px; left:30px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0; } figure.effect-layla figcaption::after { top:30px; right:50px; bottom:30px; left:50px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0; } figure.effect-layla span { padding-top:26%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; } figure.effect-layla p { padding:0.5em 2em; text-transform:none; opacity:0; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0); } figure.effect-layla img, figure.effect-layla span { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); } figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-layla:hover img { opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1); } figure.effect-layla:hover span, figure.effect-layla:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-layla:hover figcaption::after, figure.effect-layla:hover span, figure.effect-layla:hover p, figure.effect-layla:hover img { -webkit-transition-delay:0.15s; transition-delay:0.15s; }   figure.effect-honey { background:#4a3753; } figure.effect-honey img { opacity:0.9; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-honey:hover img { opacity:0.5; } figure.effect-honey figcaption::before { position:absolute; bottom:0; left:0; width:100%; height:10px; background:#fff; content:''; -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } figure.effect-honey span { position:absolute; bottom:0; left:0; padding:1em 1.5em; width:100%; text-align:left; -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); } figure.effect-honey span i { font-style:normal; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); } figure.effect-honey figcaption::before, figure.effect-honey span { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; } figure.effect-honey:hover figcaption::before, figure.effect-honey:hover span, figure.effect-honey:hover span i { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-oscar { background:-webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background:linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); } figure.effect-oscar img { opacity:0.9; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-oscar figcaption { padding:3em; background-color:rgba(58,52,42,0.7); -webkit-transition:background-color 0.35s; transition:background-color 0.35s; } figure.effect-oscar figcaption::before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid #fff; content:''; } figure.effect-oscar span { margin:20% 0 10px 0; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(0); transform:scale(0); } figure.effect-oscar:hover span { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity:1; -webkit-transform:scale(1); transform:scale(1); } figure.effect-oscar:hover figcaption { background-color:rgba(58,52,42,0); } figure.effect-oscar:hover img { opacity:0.4; }   figure.effect-marley figcaption { text-align:right; } figure.effect-marley span, figure.effect-marley p { position:absolute; right:30px; left:30px; padding:10px 0; }  figure.effect-marley p { bottom:30px; line-height:1.5; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } figure.effect-marley span { top:30px; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); } figure.effect-marley:hover span { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-marley span::after { position:absolute; top:100%; left:0; width:100%; height:4px; background:#fff; content:''; -webkit-transform:translate3d(0,40px,0); transform:translate3d(0,40px,0); } figure.effect-marley span::after, figure.effect-marley p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-marley:hover span::after, figure.effect-marley:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-ruby { background-color:#17819c; } figure.effect-ruby img { opacity:0.7; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1.15); transform:scale(1.15); } figure.effect-ruby:hover img { opacity:0.5; -webkit-transform:scale(1); transform:scale(1); } figure.effect-ruby span { margin-top:20%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); } figure.effect-ruby p { margin:1em 0 0; padding:3em; border:1px solid #fff; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0) scale(1.1); transform:translate3d(0,20px,0) scale(1.1); }  figure.effect-ruby:hover span { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-ruby:hover p { opacity:1; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }   figure.effect-milo { background:#2e5d5a; } figure.effect-milo img { max-width:none; width:-webkit-calc(100% + 60px); width:calc(100% + 60px); opacity:1; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-30px,0,0) scale(1.12); transform:translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility:hidden; backface-visibility:hidden; } figure.effect-milo:hover img { opacity:0.5; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); } figure.effect-milo span { position:absolute; right:0; bottom:0; padding:1em 1.2em; } figure.effect-milo p { padding:0 10px 0 0; width:50%; border-right:1px solid #fff; text-align:right; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-40px,0,0); transform:translate3d(-40px,0,0); } figure.effect-milo:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-dexter { background:-webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%); background:linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); } figure.effect-dexter img { -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-dexter:hover img { opacity:0.4; } figure.effect-dexter figcaption::after { position:absolute; right:30px; bottom:30px; left:30px; height:-webkit-calc(50% - 30px); height:calc(50% - 30px); border:7px solid #fff; content:''; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } figure.effect-dexter:hover figcaption::after { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-dexter figcaption { padding:3em; text-align:left; } figure.effect-dexter p { position:absolute; right:60px; bottom:60px; left:60px; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,-100px,0); transform:translate3d(0,-100px,0); } figure.effect-dexter:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-sarah { background:#42b078; } figure.effect-sarah img { max-width:none; width:-webkit-calc(100% + 20px); width:calc(100% + 20px); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden; } figure.effect-sarah:hover img { opacity:0.4; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-sarah figcaption { text-align:left; } figure.effect-sarah span { position:relative; overflow:hidden; padding:0.5em 0; } figure.effect-sarah span::after { position:absolute; bottom:0; left:0; width:100%; height:3px; background:#fff; content:''; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } figure.effect-sarah:hover span::after { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-sarah p { padding:1em 0; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } figure.effect-sarah:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-zoe figcaption { top:auto; bottom:0; padding:1em; height:3.75em; background:#fff; color:#3c4a50; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } figure.effect-zoe span { float:left; } figure.effect-zoe p.icon-links a { float:right; color:#3c4a50; font-size:1.4em; } figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus { color:#252d31; } figure.effect-zoe p.description { position:absolute; bottom:8em; padding:2em; color:#fff; text-transform:none; font-size:90%; opacity:0; -webkit-backface-visibility:hidden;  -webkit-transition:opacity 0.35s; transition:opacity 0.35s; -webkit-backface-visibility:hidden; } figure.effect-zoe span, figure.effect-zoe p.icon-links a { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,200%,0); transform:translate3d(0,200%,0); } figure.effect-zoe p.icon-links a span::before { display:inline-block; padding:8px 10px; font-family:'feathericons'; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-eye::before { content:'\e000'; } .icon-paper-clip::before { content:'\e001'; } .icon-heart::before { content:'\e024'; } figure.effect-zoe span { display:inline-block; } figure.effect-zoe:hover p.description { opacity:1; } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover span, figure.effect-zoe:hover p.icon-links a { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-zoe:hover span { -webkit-transition-delay:0.05s; transition-delay:0.05s; } figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay:0.1s; transition-delay:0.1s; } figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay:0.15s; transition-delay:0.15s; } figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay:0.2s; transition-delay:0.2s; }   figure.effect-chico img { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1.12); transform:scale(1.12); } figure.effect-chico:hover img { opacity:0.5; -webkit-transform:scale(1); transform:scale(1); } figure.effect-chico figcaption { padding:3em; } figure.effect-chico figcaption::before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid #fff; content:''; -webkit-transform:scale(1.1); transform:scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-chico span { padding:20% 0 20px 0; } figure.effect-chico p { margin:0 auto; max-width:200px; -webkit-transform:scale(1.5); transform:scale(1.5); } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity:1; -webkit-transform:scale(1); transform:scale(1); }   figure.effect-julia { background:#2f3238; } figure.effect-julia img { max-width:none; height:400px; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } figure.effect-julia figcaption { text-align:left; } figure.effect-julia span { position:relative; padding:0.5em 0; } figure.effect-julia p { display:inline-block; margin:0 0 0.25em; padding:0.4em 1em; background:rgba(255,255,255,0.9); color:#2f3238; text-transform:none; font-weight:500; font-size:75%; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-360px,0,0); transform:translate3d(-360px,0,0); } figure.effect-julia p:first-child { -webkit-transition-delay:0.15s; transition-delay:0.15s; } figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay:0.1s; transition-delay:0.1s; } figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay:0.05s; transition-delay:0.05s; } figure.effect-julia:hover p:first-child { -webkit-transition-delay:0s; transition-delay:0s; } figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay:0.05s; transition-delay:0.05s; } figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay:0.1s; transition-delay:0.1s; } figure.effect-julia:hover img { opacity:0.4; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1); } figure.effect-julia:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-goliath { background:#df4e4e; } figure.effect-goliath img, figure.effect-goliath span { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; } figure.effect-goliath img { -webkit-backface-visibility:hidden; backface-visibility:hidden; } figure.effect-goliath span, figure.effect-goliath p { position:absolute; bottom:0; left:0; padding:30px; } figure.effect-goliath p { text-transform:none; font-size:90%; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0); } figure.effect-goliath:hover img { -webkit-transform:translate3d(0,-80px,0); transform:translate3d(0,-80px,0); } figure.effect-goliath:hover span { -webkit-transform:translate3d(0,-100px,0); transform:translate3d(0,-100px,0); } figure.effect-goliath:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-selena { background:#fff; } figure.effect-selena img { opacity:0.95; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } figure.effect-selena:hover img { -webkit-transform:scale3d(0.95,0.95,1); transform:scale3d(0.95,0.95,1); } figure.effect-selena span { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); } figure.effect-selena p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:perspective(1000px) rotate3d(1,0,0,90deg); transform:perspective(1000px) rotate3d(1,0,0,90deg); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; } figure.effect-selena:hover span { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-selena:hover p { opacity:1; -webkit-transform:perspective(1000px) rotate3d(1,0,0,0); transform:perspective(1000px) rotate3d(1,0,0,0); }   figure.effect-apollo { background:#3498db; } figure.effect-apollo img { opacity:0.95; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale3d(1.05,1.05,1); transform:scale3d(1.05,1.05,1); } figure.effect-apollo figcaption::before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); content:''; -webkit-transition:-webkit-transform 0.6s; transition:transform 0.6s; -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } figure.effect-apollo p { position:absolute; right:0; bottom:0; margin:3em; padding:0 1em; max-width:150px; border-right:4px solid #fff; text-align:right; opacity:0; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-apollo span { text-align:left; } figure.effect-apollo:hover img { opacity:0.6; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } figure.effect-apollo:hover figcaption::before { -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } figure.effect-apollo:hover p { opacity:1; -webkit-transition-delay:0.1s; transition-delay:0.1s; }   figure.effect-steve { z-index:auto; overflow:visible; background:#000; } figure.effect-steve:before, figure.effect-steve span:before { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#000; content:''; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-steve:before { box-shadow:0 3px 30px rgba(0,0,0,0.8); opacity:0; } figure.effect-steve figcaption { z-index:1; } figure.effect-steve img { opacity:1; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:perspective(1000px) translate3d(0,0,0); transform:perspective(1000px) translate3d(0,0,0); } figure.effect-steve span, figure.effect-steve p { background:#fff; color:#2d434e; } figure.effect-steve span { position:relative; margin-top:2em; padding:0.25em; } figure.effect-steve span:before { box-shadow:0 1px 10px rgba(0,0,0,0.5); } figure.effect-steve p { margin-top:1em; padding:0.5em; font-weight:800; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale3d(0.9,0.9,1); transform:scale3d(0.9,0.9,1); } figure.effect-steve:hover:before { opacity:1; } figure.effect-steve:hover img { -webkit-transform:perspective(1000px) translate3d(0,0,21px); transform:perspective(1000px) translate3d(0,0,21px); } figure.effect-steve:hover span:before { opacity:0; } figure.effect-steve:hover p { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }   figure.effect-moses { background:-webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); background:linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); } figure.effect-moses img { opacity:0.85; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-moses span, figure.effect-moses p { padding:20px; width:50%; height:50%; border:2px solid #fff; } figure.effect-moses span { padding:20px; width:50%; height:50%; text-align:left; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(10px,10px,0); transform:translate3d(10px,10px,0); } figure.effect-moses p { float:right; padding:20px; text-align:right; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } figure.effect-moses:hover span { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-moses:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-moses:hover img { opacity:0.6; }   figure.effect-jazz { background:-webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); background:linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); } figure.effect-jazz img { opacity:0.9; } figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-jazz figcaption::after { position:absolute; top:0; left:0; width:100%; height:100%; border-top:1px solid #fff; border-bottom:1px solid #fff; content:''; opacity:0; -webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1); transform:rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } figure.effect-jazz span, figure.effect-jazz p { opacity:1; -webkit-transform:scale3d(0.8,0.8,1); transform:scale3d(0.8,0.8,1); } figure.effect-jazz span { padding-top:26%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; } figure.effect-jazz p { padding:0.5em 2em; text-transform:none; font-size:0.85em; opacity:0; } figure.effect-jazz:hover img { opacity:0.7; -webkit-transform:scale3d(1.05,1.05,1); transform:scale3d(1.05,1.05,1); } figure.effect-jazz:hover figcaption::after { opacity:1; -webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1); transform:rotate3d(0,0,1,45deg) scale3d(1,1,1); } figure.effect-jazz:hover span, figure.effect-jazz:hover p { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }   figure.effect-ming { background:#030c17; } figure.effect-ming img { opacity:0.9; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } figure.effect-ming figcaption::before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:2px solid #fff; box-shadow:0 0 0 30px rgba(255,255,255,0.2); content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale3d(1.4,1.4,1); transform:scale3d(1.4,1.4,1); } figure.effect-ming span { margin:20% 0 10px 0; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; } figure.effect-ming p { padding:1em; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1.5); transform:scale(1.5); } figure.effect-ming:hover span { -webkit-transform:scale(0.9); transform:scale(0.9); } figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } figure.effect-ming:hover figcaption { background-color:rgba(58,52,42,0); } figure.effect-ming:hover img { opacity:0.4; }   figure.effect-lexi { background:-webkit-linear-gradient(-45deg, #000 0%,#fff 100%); background:linear-gradient(-45deg, #000 0%,#fff 100%); } figure.effect-lexi img { margin:-10px 0 0 -10px; max-width:none; width:-webkit-calc(100% + 10px); width:calc(100% + 10px); opacity:0.9; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(10px,10px,0); transform:translate3d(10px,10px,0); -webkit-backface-visibility:hidden; backface-visibility:hidden; } figure.effect-lexi figcaption::before, figure.effect-lexi p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-lexi figcaption::before { position:absolute; right:-100px; bottom:-100px; width:300px; height:300px; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 900px rgba(255,255,255,0.2); content:''; opacity:0; -webkit-transform:scale3d(0.5,0.5,1); transform:scale3d(0.5,0.5,1); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } figure.effect-lexi:hover img { opacity:0.6; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } figure.effect-lexi span { text-align:left; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(5px,5px,0); transform:translate3d(5px,5px,0); } figure.effect-lexi p { position:absolute; right:0; bottom:0; padding:0 1.5em 1.5em 0; width:140px; text-align:right; opacity:0; -webkit-transform:translate3d(20px,20px,0); transform:translate3d(20px,20px,0); } figure.effect-lexi:hover figcaption::before { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } figure.effect-lexi:hover span, figure.effect-lexi:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }   figure.effect-duke { background:-webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%); background:linear-gradient(-45deg, #34495e 0%,#cc6055 100%); } figure.effect-duke img, figure.effect-duke p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } figure.effect-duke:hover img { opacity:0.1; -webkit-transform:scale3d(2,2,1); transform:scale3d(2,2,1); } figure.effect-duke span { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:scale3d(0.8,0.8,1); transform:scale3d(0.8,0.8,1); -webkit-transform-origin:50% 100%; transform-origin:50% 100%; } figure.effect-duke p { position:absolute; bottom:0; left:0; margin:20px; padding:30px; border:2px solid #fff; text-transform:none; font-size:90%; opacity:0; -webkit-transform:scale3d(0.8,0.8,1); transform:scale3d(0.8,0.8,1); -webkit-transform-origin:50% -100%; transform-origin:50% -100%; } figure.effect-duke:hover span, figure.effect-duke:hover p { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } @media screen and (max-width:50em) { .grid figure {  display:inline-block;  float:none;  margin:10px auto;  width:100%; } }  .dcs_post_area{ display:flex;  flex-direction:column; padding:0px 0px 45px 0px ; } .dcs_post_img{ order:1; } .dcs_post_title h3{ order:2; padding:15px 35px 0px 35px; font-weight:700;   font-size:18px;   color:#2d2d2d;   line-height:24px; text-align:left; } .dcs_post_excerpt{ order:3; padding:0px 35px 0px 35px; font-size:16px;   color:#3d3d3d; text-align:justify; } .dcs_post_readmore{ order:4; padding:0px 35px 0px 35px; } .dcs_post_readmore a{ order:4; padding:8px 12px;  font-weight:700;   text-transform:uppercase!important;   color:#3d3d3d; } .dcs_post_author{ order:5; text-transform:capitalize; text-align:left; font-size:12px; font-weight:700;   color:#000000; padding:30px 35px 0px 35px; } .dcs_post_author span{ padding-left:15px; } .dcs_post_meta{ order:7; padding:0px 35px 0px 35px; } .dcs_post_tags{ order:8; padding:0px 35px 0px 35px; } .dcs_post_img{   display:inline-block !important; } .divi8-testi-icon-left, .divi8-testi-icon-right{ font-family:ETmodules; content:attr(data-icon); border-style:solid; font-size:44px !important; text-align:center !important; }  .instagram_new p{ padding-top:15px; margin-bottom:15px; }  .divi8_google_review_carousel_item { padding:20px; } .divi8_google_review_carousel_item p span{ display:block; padding-bottom:10px;; } .divi8_google_review_carousel_item .author{ padding-top:10px; font-size:14px; }