@media (min-width: 1200px){
    .container {
        width: 1120px;
        max-width: 100%;
    }
}
*:focus{outline:none!important;}
a,
a:hover{text-decoration:none!important;}
body{background:#f2f2f2;font-family:'Raleway',sans-serif;font-size:14px;}
@media (max-width: 360px) {
    .dropdown-item{white-space: normal;}
}
.maincontent img{max-width: 100%!important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 1rem;margin-top: 1rem;}
.btn{cursor:pointer;}
.bg-transparent{background:transparent;}
.bg-white{background:#ffffff;}
.bg-primary{background-color:#14b3e7!important;}
.bg-secondary{background-color:#444444;}
.btn-secondary{background-color:#444444;color:#fff;}
.btn-special{font-weight:700;border-radius:0;border:0;background:#0a8db8;color:#ffffff;}
.btn-special:hover{background:#15a3d2;}
.btn-primary,.ui-widget-header{background-color:#14b3e7;}
.ui-widget-header{border-color:#14b3e7;}
.btn-special .fab{color:#fff;}
.text-primary{color:#14b4e7!important;}
.btn-outline-white{color:#fff;background-image:none;background-color:transparent;border-color:#fff;}
.fs-24{font-size:24px;}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-bulletin:hover,
.btn-bulletin:focus{background-color:#14b3e7;color:#fff;}
.top-header{height:36px;}
.navbar{border-bottom:3px solid #0a8db8;}
.navbar,
.navbar-nav{min-height:51px;}
.navbar .nav-item{border-right:1px solid #0a8db8;}
.navbar .nav-item:last-child{border-right:1px solid transparent;}
.navbar .nav-item .nav-link{padding:13px;color:#ffffff;}
ul.dropdown-menu .nav-item .nav-link{color:#14b3e7;padding:6px;text-transform:none;}
ul.dropdown-menu .nav-item .nav-link:hover{color:#fff;}
.navbar .nav-item.active,
.navbar .nav-item:hover,
.btn-bulletin{background-color:#0a8db8;color:#fff;}
.bulletin .bulletin-slick{overflow:hidden;padding-left:12px;}
.bulletin .arrows .fas{width:31%;padding:10px 8px;float:left;font-size:18px;text-align:center;cursor:pointer;color:#fff;background:transparent;}
.bulletin .bulletin-item{color:#fffefe;line-height:38px;font-size:17px;overflow:hidden;width:100%;}
@media (max-width: 768px){
    .bulletin .arrows {display: none;}
    .navbar .nav-item{border-right: none!important}
    .bulletin .bulletin-slick{padding:0 25px;}
}
.topmenu .btn-primary{margin:0 5px;border: none;}
.card-primary{position:relative;margin-bottom:15px;position:relative;border:2px solid #14b3e7;-webkit-box-shadow:0px 10px 30px -10px rgba(0,0,0,0.8);-moz-box-shadow:0px 10px 30px -10px rgba(0,0,0,0.8);box-shadow:0px 10px 30px -10px rgba(0,0,0,0.8);}
.head-contact{line-height:32px;}
.card-primary .card-content{display:none;padding:25px;position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.9;text-align:center;transition:opacity 0.3s;background-color:rgba(20,179,231,0.5);}
.card-primary .card-content h4{font-size:18px;font-weight:700;margin:0;color:#fff;}
.card-primary .card-content p{line-height:24px;font-size:14px;color:#fff;}
.card-primary .card-title{color:#fff;font-size:18px;padding:7px;margin:0;font-weight:bold;position:absolute;z-index:99;background:#14b3e7;width:100%;bottom:0;left:0;font-size: 15px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
.card-primary:hover{text-decoration:none;}
.card-primary:hover .card-content{display:block;}
.card-primary:hover .card-title{display:none;}
.content-title,
.element-title{position:relative;padding:0 0 10px 0;display:inline-block;width:100%;border-bottom:1px solid #ddd9d9;margin-bottom:15px;font-family:inherit;font-weight:500;color:#434343;}
.content-title:before,
.element-title:before{content:'';position:absolute;bottom:0px;left:0;width:76px;height:3px;background-color:#14b3e7;}
.content-title small,
.element-title small{margin-top:6px;font-size:13px;padding:8px 0 0 0;top:1px;}
.content-title small a,
.element-title small a{color:#858585;}
.blogs_slick, .maincontent{}
.blogs_slick .card-block, .maincontent .card-block{}
.blogs_slick .card-title, .maincontent .card-title{font-size: 17px;text-transform: capitalize;height:50px;line-height: 25px;overflow-y: hidden;}
.blogs_slick .card-block .card-text, .maincontent .card-block .card-text{line-height:25px;height:100px;overflow:hidden;}
.blogs_slick .card-footer, .maincontent .card-footer{background-color: #14b4e7;}
.blogs_slick .card-footer a, .maincontent .card-footer a{color: #fff;font-weight: bold;}
.slick_slide,
.slick-initialized .slick-slide{position:relative;}
.slick_slide .caption{position:absolute;height:auto;background:rgba(0,0,0,0.4);width:40%;padding:25px;margin-left:3%;color:#fff;}
.left-45:before{left:45%;}
.input-group{margin-bottom:10px;}
.input-group .input-group-prepend{width:30px;text-align:center;line-height:35px;color:#929292;}
.input-group .input-group-prepend .input-group-text{}
.input-group .input-group-prepend .input-group-text i.fas{}
.input-group .form-control{border:1px solid rgba(0,0,0,.2);border-radius:0;}
@media (max-width:768px){
    .top-header{height:auto;}
    .socialul{justify-content:center;}
    .slick_slide .caption{width: 70%;}
}
.post-detail{}
.post-detail ul{
        display: block;
    position: relative;
    padding-left: 20px;
}
.post-detail .cards-horz{}
.post-detail .cards-horz .item{}
.post-detail .cards-horz .item .card{}
.post-detail .cards-horz .item .card .card-body{}
.post-detail .cards-horz .item .card .card-body .card-title{}
.post-detail .cards-horz .item .card .card-body .card-text{}
.dropdown-menu{margin: 0;}

/* randompost*/
.randompost{}
.randompost .card-block{}
.randompost .card-block .card-title{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
    line-height: 20px;
}
.randompost .card-block .card-text{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
    line-height: 20px
}

/* Blog Sidebar */
.blog-sidebar{}
.blog-sidebar .content-title:before{content:'';position:absolute;bottom:0px;right:0;left:auto;width:76px;height:3px;background-color:#14b3e7;}

.blog-sidebar .list-group-item {border: none!important}
.blog-sidebar .list-group-item a{border-bottom: 1px solid rgba(0,0,0,.15);display: block;width: 100%;color: #07a2d4;font-weight: 500;}
@media (max-width: 360px) {
    .blog-sidebar{margin-top: 30px;}
}
/* HERO */

.main-slider{}
.main-slider .slick-dotted.slick-slider{margin-bottom: 0;}
.main-slider .slick-dots{bottom: 5px;}
.main-slider .slick-dots li{
    width:  auto;
}
.main-slider .slick-dots li button{
    background: rgba(255,255,255,.5);
    height:  10px;
    width: 50px;
}
.main-slider .slick-dots li.slick-active button{
    background: rgba(255,255,255,1);
    height:  10px;
    width: 50px;
}
.main-slider .slick-dots li button:before{content: '';}
/* ask-list */
.ask-list{}
.ask-list .card{}
.ask-list .card .card-header{background-color:#e8e8e8;}
.ask-list .card .card-header a{display:block;cursor:pointer;}
.ask-list .card .card-body{}

/* hoverbox */
.hoverbox {}
.hoverbox  .card-content{}
.hoverbox  .card-content p{
    line-height:  20px;
    height: 80px;
    max-height: 80px;
    overflow:  hidden;
}

/*post-tags*/
.post-tags{}
.post-tags ul{}
.post-tags ul li{}
.post-tags ul li a{
    padding: 1px 3px;
    border:1px solid #c0c0c0;
    color: rgba(0,0,0,.5);
    font-size:  13px;
    border-radius:  3px;
}
/* video gallery */
.videoitem{}
.videoitem .card{}
.videoitem .card .card-body{padding:5px;text-align:center;}
.videoitem .card .card-body h5{font-size:18px;line-height:20px;height:40px;display:block;margin-bottom:0;overflow-y:hidden;}
.videoitem .card .card-body h5 a{color:#4a4848;display:block;}
/* Pagination */
.pagination{margin-top:20px;display:table;margin-right:auto;margin-left:auto;}
.pagination > li{float:left;}
.pagination > li > a,
.pagination > li > span{background: transparent;width:  30px;height:  30px;display:  block;text-align:  center;line-height: 26px;border: 1px solid rgba(0,0,0,.2);margin:  0 5px;border-radius:  50%;}
.pagination > li.active > a,
.pagination > li.active > span{
    background: rgba(0,0,0,.2);
    color: #fff;
}

/* datepicker */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{font-weight: bold;}

.footer{border-top:4px solid #0a8db8;color: #ffffff;}
.footer-title{font-size:18px;font-weight:700;color:#fff;}
.footer .list-unstyled a{font-size:14px;color: #ffffff;text-decoration:none;}
.footer .form *{color:#fff;font-size:12px;}
.footer .form::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
color:#035e7c;}
.footer .form::-moz-placeholder{ /* Firefox 19+ */
color:#035e7c;}
.footer .form:-ms-input-placeholder{ /* IE 10+ */
color:#035e7c;}
.footer .form:-moz-placeholder{ /* Firefox 18- */
color:#035e7c;}
.footer .form-group label{display:none;}
.footer-bottom{border-top:1px solid #0a8db8;font-size:12px;color:#035e7c;}
footer address{}
footer address li{}
footer address li i{width:30px;height:30px;text-align:center;color:#5d5c5c;font-size:20px;}
footer form#e-bulten-form .form-control{}
footer form .form-group{
    margin-bottom:5px;
}
footer form .form-group .form-control{
    font-size:13px;
    padding:5px;
    border-radius:0;
    background-color:rgba(255,255,255,.5);
    border-color:rgba(255,255,255,.5);
}
footer form .form-group .btn{
    font-size:13px;
    padding:5px;
    border-radius:0;
    color:#000;
    background-color:rgba(255,255,255,.9);
    border-color:rgba(255,255,255,.5);  
}
footer address ul li i{color:#fff!important;}


.imggrid{position:relative;clear:both;margin:0 auto;/* padding:1em 0 4em; */max-width:1000px;list-style:none;text-align:center;}

/* Common style */
.imggrid figure{position:relative;float:left;overflow:hidden;/* margin:10px 1%; */min-width:320px;/* max-height: 360px; */height:auto;background:#3085a3;text-align:center;cursor:pointer;}
.imggrid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
.imggrid figure figcaption{padding:2em;color:#fff;  /* text-transform: uppercase; */font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.imggrid figure figcaption::before,
.imggrid figure figcaption::after{pointer-events:none;}
.imggrid figure figcaption,
.imggrid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}

/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */
.imggrid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.imggrid figure h2{ /* word-spacing: -0.15em; */
font-weight:500;}
.imggrid figure h2 span{font-weight:800;}
.imggrid figure h2,
.imggrid figure p{margin:0;}
.imggrid figure p{letter-spacing:1px;font-size:68.5%;}

/* Individual effects */

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

/***** Lily *****/

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

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 h2,
figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-lily h2{-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 h2,
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;}

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

/***** Sadie *****/

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

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 h2{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 h2{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);}

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

/***** Roxy *****/

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

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 h2{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);}

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

/***** Bubba *****/

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

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 h2{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 h2,
figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

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

/***** Romeo *****/

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

figure.effect-romeo{-webkit-perspective:1000px;perspective:1000px;}
figure.effect-romeo img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,0,300px);transform:translate3d(0,0,300px);}
figure.effect-romeo:hover img{opacity:0.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
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 h2,
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 h2{-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 h2{-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);}

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

/***** Layla *****/

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

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 h2{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 h2{-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 h2,
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 h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img{-webkit-transition-delay:0.15s;transition-delay:0.15s;}

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

/***** Honey *****/

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

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 h2{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 h2 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 h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

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

/***** Oscar *****/

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

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 h2{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 h2{-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;}

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

/***** Marley *****/

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

figure.effect-marley figcaption{text-align:right;}
figure.effect-marley h2,
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 h2{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 h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-marley h2::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 h2::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 h2::after,
figure.effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

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

/***** Ruby *****/

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

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 h2{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 h2{-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);}

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

/***** Milo *****/

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

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 h2{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);}

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

/***** Dexter *****/

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

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);}

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

/***** Sarah *****/

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

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 h2{position:relative;overflow:hidden;padding:0.5em 0;}
figure.effect-sarah h2::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 h2::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);}

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

/***** Zoe *****/

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

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 h2{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-transition:opacity 0.35s;transition:opacity 0.35s;-webkit-backface-visibility:hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */}
figure.effect-zoe h2,
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 h2{display:inline-block;}

@media (max-width: 768px){
figure.effect-roxy h2{padding: 0;}
}

footer ul.menu li{
    margin-bottom: 5px;
}