html{height:100%;}
body{min-height:100%;}
.ft-bg{background:url('../images/bg_bottom.jpg') no-repeat center bottom #32a79d;}
body{background:url('../images/bg_top.jpg') no-repeat top center #32a79d;margin:0;padding:0;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){body{background:url('../images/tlo-new@2x.jpg') no-repeat top center #32a79d;}
}
.logo{padding-left:20px;}
.logo{background:url(../images/logo_shine.png) left top no-repeat;background-size:cover;}
.top .logo{display:block;float:left;text-align:center;width:300px;padding-right:30px;padding-top:20px;padding-left:45px;}
.top nav.main{float:right;margin-top:20px;padding-right:20px;}
.top nav.main .primary-menu{display:inline-block;}
.top nav.main li{float:left;margin-bottom:3px;}
.top nav.main li a{display:block;padding:0 8px;color:#fff;text-transform:uppercase;text-decoration:none;font-weight:300;line-height:15px;border-right:1px solid #fff;}
.top nav.main li a:hover{text-decoration:underline;}
.top nav.main .fb{background:url('../images/fb-ico.png') no-repeat top left;width:21px;height:21px;display:inline-block;margin-left:8px;}
.top .offer-menu-wrapper{margin:25px 0px;text-align:center;}
.top .offer-menu{width:100%;margin:0;display:table;width:100%;border-collapse:collapse;}
.top .offer-menu li.li0{display:table-cell;font-size:20px;margin:0 5px;position:relative;z-index:200;}
.top .offer-menu .li0:hover .a0{background-color:#fff;}
.top .offer-menu .li0:hover .ul1{display:block;}
.top .offer-menu li a.a0{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:#fff;text-decoration:none;font-size:22px;display:block;font-family:"Roboto Condensed",Arial,sans-serif;padding:8px 6px;text-transform:uppercase;background-color:transparent;overflow:hidden;position:relative;z-index:22;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.top .offer-menu li.item-empty a.a0{border-radius:4px;-webkit-border-radius:4px;}
.top .offer-menu li:hover a.a0{color:#4FB8AA;background-color:#fff;}
.top .arrow{display:none;}
.top .offer-menu li.li0 .ul1{position:absolute;left:0px;min-width:170px;background-color:#fff;padding:20px 40px 15px 10px;opacity:0;border-radius:0 6px 6px 6px;-webkit-border-radius:0 6px 6px 6px;text-align:left;margin:0;z-index:1;transform:translateY(-10%);-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-o-transform:translateY(-10%);visibility:hidden;z-index:999;}
.top .offer-menu li.li0:hover .ul1{visibility:visible;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);}
.top .offer-menu .ul1 .li1{position:relative;}
.top .offer-menu .ul1 .a1{color:#8C9EB3;text-decoration:none;font-family:"Roboto Condensed",Arial,sans-serif;font-size:19px;background:url(../images/ul_marker.png) 46px 11px no-repeat;padding-left:65px;text-align:left;white-space:nowrap;}
.top .offer-menu .ul1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.top .offer-menu .ul1 .a1:hover{color:#45ABA0;}
.mainslider{position:relative;border-radius:8px;-webkit-border-radius:8px;height:360px;overflow:hidden;}
.mainslider .slide{display:none;}
.mainslider img{border-radius:8px;-webkit-border-radius:8px;}
.mainslider li.slide{margin-bottom:0px;}
.mainslider_nav{width:100%;height:35px;background:url('../images/slider-nav-bg.png') no-repeat bottom center;position:absolute;bottom:0px;}
.mainslider_nav .flex-control-nav{bottom:0px;line-height:10px;}
.index-slogan{font-size:35px;font-weight:bold;line-height:40px;margin:40px 0;text-shadow:0 0 7px rgba(0,0,0,0.3);}
.index-content-wrapper{border-radius:6px;-webkit-border-radius:6px;margin:20px auto 50px;background-color:#fff;}
.index-content{background-position:bottom center;background-repeat:no-repeat;min-height:220px;padding:50px 0 30px;text-align:left;font-family:Roboto, Arial, sans-serif;line-height:26px;}
.index-content a{text-decoration:none;}
.index-content .left-column, .index-content .right-column{width:50%;padding:0;margin:0;}
.index-content .left-column{margin-top:6px;}
.index-content .left-column > div{width:77%;padding:0 8% 0 15%;}
.index-content .left-column .extra-margin{margin-top:50px;}
.index-content .left-column h2{font-size:50px;color:#708186;margin-bottom:15px;font-weight:normal;font-family:"Roboto Condensed", Arial, sans-serif;}
.index-content .left-column h2 span{font-size:40px;}
.index-content .right-column > div{width:77%;padding:0 15% 0 8%;}
header h4{text-transform:uppercase;font-size:20px;font-family:"Roboto Condensed", Arial, sans-serif;}
.banner-warpper{overflow:hidden;text-align:center;height:200px;}
.banner-warpper img{border-radius:8px;-webkit-border-radius:8px;height:200px;overflow:hidden;}
.doc-content{border-radius:8px;-webkit-border-radius:8px;padding:30px 50px;background-color:#fff;line-height:26px;font-family:Roboto, Arial, sans-serif;}
.doc-content strong{color:#708186;}
.doc-content img{max-width:100%;}
h2.page-name{font-family:"Roboto Condensed", Arial, sans-serif;font-size:36px;text-transform:uppercase;line-height:56px;margin-bottom:20px;}
.img-wrapper{width:50%;float:left;}
.img-wrapper img{display:block;margin:10px auto;}
.side-menu{background-color:#005239;border-radius:8px;padding:20px 30px;}
.side-menu a{text-decoration:none;}
.side-menu .ul0{margin:0;}
.side-menu .li0{overflow:hidden;}
.side-menu .ul0 li:last-child{margin:0;}
.side-menu .a0{display:block;color:#fff;text-transform:uppercase;text-decoration:none;font-size:20px;font-family:"Roboto Condensed", Arial, sans-serif;font-weight:300;}
.side-menu a:hover, .side-menu a.active, .side-menu a.active:before{color:#5EBCB4;}
.side-menu .a0 .arrow{display:inline-block;float:right;width:9px;height:9px;margin-top:5px;background:url(../images/submenu-arrow.png) no-repeat top left;transition:all .2s;}
.side-menu .li0{padding:5px 0;}
.side-menu .li0.selected .a0 .arrow,
.side-menu .li0 .a0.active .arrow{background:url(../images/submenu-arrow-down.png) no-repeat top left;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.side-menu .li0:not(.selected) .a0:hover .arrow{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);}
.side-menu .li0 .ul1{display:none;margin:14px 0 0px 20px;}
.side-menu .li0.selected .ul1{display:block;}
.side-menu .a1{color:#fff;font-size:17px;font-family:"Roboto Condensed", Arial, sans-serif;line-height:22px;padding:0 5px;border-radius:2px;-webkit-border-radius:2px;position:relative;display:block;padding-bottom:5px;padding-top:5px;overflow:hidden;}
.side-menu li{position:relative;}
.side-menu li a:before,
.top .offer-menu .li1 a:before{content:"";height:1px;background:rgba(69,171,160, 0.8);width:100%;position:absolute;bottom:0;left:-100%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.top .offer-menu .li1{margin:0;}
.top .offer-menu .li1 a{overflow:hidden;padding-top:7px;padding-bottom:7px;}
.side-menu .li1 a:hover{color:#75c7bf;}
.side-menu .a1:hover:before, .side-menu .a1.active:before, .top .offer-menu .li1 a:hover:before{left:0;}
.top .offer-menu .li1 a:hover:before{left:12%;}
.top .offer-menu .li1 .a1{display:block;overflow:hidden;position:relative;}
.gallery .gallery-wrapper li{float:left;margin:0 0 45px;width:20%;text-align:center;}
.gallery .gallery-item:hover img{border-color:#45ABA0;}
.gallery .gallery-item{float:left;width:25%;padding:5px 10px 10px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.gallery .gallery-item a{display:block;}
.gallery .gallery-item img{border:1px solid #ccc;max-width:100%;}
table.bordered{border:2px solid #555;width:100%;margin-bottom:20px;}
table.bordered td{padding:4px 8px;border:2px solid #555;}
.contact_form_left{float:left;width:50%;}
.contact_form_right input{margin:0px;}
.contact_form_right textarea{max-height:110px;}
.contact_form_right .submit{float:right;width:150px;}
.contact_form_right{float:left;width:50%;}
.form_row{margin-bottom:10px;}
.form_row.error input,
.form_row.error textarea{border-color:red;}
#map_search_place{float:left;width:80%;height:33px;margin-right:15px;padding:6px 2%;}
#map_search_submit{margin:0px;}
#map_alert{background-color:#FFEEEE;border:2px solid #FF0000;border-radius:3px 3px 3px 3px;display:none;margin-top:10px;padding:5px 0;width:100%;}
.alert_text{color:#555555;float:left;line-height:18px;margin:0 8px;max-width:90%;}
.alert_close{background:url("../images/close.gif") no-repeat scroll left top transparent;cursor:pointer;float:right;height:15px;margin-right:8px;width:15px;}
table.adp-directions{width:100%;}
dl.price dt, p.caption{margin-bottom:8px;background-color:#72bfa9;border-radius:4px;-webkit-border-radius:4px;padding:6px 15px;color:#fff;font-weight:300;text-transform:uppercase;color:#FFFFFF;display:block;font-size:19px;}
.pricelist-wrapper tr:hover td{background:#eee;}
dl.price .pricelist-name.active, p.caption.active{background:#005239;}
dl.price dt a{text-decoration:none;color:#fff;display:block;font-size:19px;}
dl.price dt a span{font-weight:normal;font-size:14px;float:right;transition:all 150ms ease;}
dl.price dt a span.active{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);}
dl.price dt a span.inactive{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
dl.price dd{margin-bottom:25px;display:none;}
.pricelist-wrapper{min-width:60%;max-width:100%;margin:15px auto;}
.pricelist-wrapper td{padding:3px 6px;border:1px solid #005239;color:#005239;font-family:'Roboto Condensed', Arial, sans-serif;font-weight:700;font-size:16px;}
.pricelist-wrapper .priceitemvalue{text-align:right;}
.pricelist .priceitemvalue{width:100px;}
footer{padding-bottom:20px;}
footer p{margin-bottom:0px;}
footer .lgreen{color:#fff;}
footer .column-left{border-right:#fff 1px solid;}
footer .bottom-menu-wrapper{text-align:center;margin-top:10px;margin-bottom:0;}
.widget-root iframe{max-height:150px;max-width:100%;}
.data-spe{padding-left:10px;}
footer .offer-menu{margin:0px 10px 20px 0px;float:none;padding-top:14px;display:inline-block;}
footer .offer-menu li{float:left;border-right:1px solid #fff;margin:0px;}
footer .offer-menu li:last-child{border:0;}
footer .offer-menu li a{text-transform:uppercase;color:#fff;text-decoration:none;padding:0 5px;margin:0 5px;display:block;font-size:16px;line-height:16px;}
footer .offer-menu li a:hover{text-decoration:underline;}
footer .copyrights{float:right;color:#fff;font-size:13px;line-height:21px;}
footer .copyrights .copyright-left{float:left;width:70%;}
footer .copyrights .copyright-right{float:left;width:30%;}
footer .copyrights p:first-child{margin-bottom:8px;}
footer .copyrights img{vertical-align:bottom;}
footer .copyrights a, footer .copyrights a:hover{color:#fff;}
footer a{text-decoration:none;color:#fff;}
footer a:hover{text-decoration:underline;color:#4c5e73;}
footer{color:#fff;}
footer .grey{color:#fff;}
.lgreen{color:#32a79d;}
.white{color:#fff;}
.text-center{text-align:center;}
.bold{font-weight:bold;}
.nowrap{white-space:nowrap;}
.markered{list-style:none outside url('../images/ul_marker.png');padding-left:20px;}
.banner{position:relative;}
.banner-title, .banner-sub{position:absolute;left:5%;border-radius:6px;text-transform:uppercase;padding:10px;line-height:1;font-weight:bold;transform:translate(-200%,0);-ms-transform:translate(-200%,0);-webkit-transform:translate(-200%,0);}
.starter .banner-title,.starter .banner-sub{-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-delay:3s, 8s;-webkit-animation-delay:3s, 8s;-moz-animation-delay:3s, 8s;-webkit-animation-duration:1s, 1s;-moz-animation-duration:1s, 1s;-o-animation-duration:1s, 1s;animation-duration:1s, 1s;-webkit-animation-name:bounceInLeft, bounceOutLeft;-moz-animation-name:bounceInLeft, bounceOutLeft;-o-animation-name:bounceInLeft, bounceOutLeft;animation-name:bounceInLeft, bounceOutLeft;-moz-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
.banner-title{top:24%;background:#fff;color:#32a79d;font-size:27px;}
.banner-sub{background:#005239;top:50%;color:#fff;font-size:18px;margin:0;}
@media only screen and (min-width:1200px) and (max-width:1300px){.mainslider{height:287px;}
}
@media only screen and (min-width:1100px) and (max-width:1200px){.top .offer-menu .li0 .a0{font-size:19px;}
.top .offer-menu li.li0{margin:0 7px;}
h2.page-name{font-size:32px;}
}
@media only screen and (min-width:960px) and (max-width:1099px){.index-slogan{font-size:32px;}
h2.page-name{font-size:26px;}
.top .offer-menu-wrapper{margin-bottom:20px;}
.top .offer-menu .li0 .a0{font-size:18px;}
.top .offer-menu li.li0{margin:0 4px;}
.top .offer-menu li.li0 .ul1{margin-top:7px;}
.top .offer-menu .ul1 .a1{font-size:16px;}
.side-menu{padding:30px 18px;}
.side-menu
.side-menu .li0 .ul1{margin-left:10px}
.gallery-wrapper li{margin:0 4.16% 60px;width:25%;}
.contact_form_left{padding-right:5%;width:45%;}
.contact_form_right{width:50%;}
.contact_form_right input, .contact_form_right textarea{width:96%;}
.contact_form_right .submit{margin:0;}
footer .bottom-menu-wrapper{text-align:center;}
footer .offer-menu{float:none;display:inline-block;margin:10px auto 20px !important;}
.top .offer-menu li.li0 .ul1{transform:translateY(-15%);-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);-o-transform:translateY(-15%);top:22px;}
.mainslider{height:280px;}
.data-col h4.lgreen{font-size:16px !important;}
.side-menu{padding-top:14px;padding-bottom:14px;}
.side-menu .a0{font-size:18px;}
footer .offer-menu li a{font-size:13px;}
.banner-title{font-size:19px;}
.banner-sub{font-size:16px;}
}
@media only screen and (min-width:768px) and (max-width:959px){.index-slogan{font-size:26px;margin:20px 0;}
.top .offer-menu-wrapper{margin-bottom:10px;margin-top:10px;}
h2.page-name{font-size:24px;margin-bottom:0px;}
.top .logo{width:140px;}
.mainslider{height:225px;}
.side-menu{padding:30px 14px;}
.side-menu .li1{margin:15px 0;}
.side-menu .a0{font-size:14px;}
.side-menu .li0 .ul1{margin-left:10px}
.side-menu .a0 .arrow{display:none;}
.side-menu .ul1 .a1{font-size:14px;}
.side-menu .li1{margin:5px 0;}
.gallery-wrapper li{margin:0 4.16% 30px;width:25%;}
.cert.gallery-wrapper li{height:auto;}
.contact_form_left{padding-right:5%;width:45%;}
.contact_form_right{width:50%;}
.contact_form_right input, .contact_form_right textarea{width:96%;}
.contact_form_right .submit{margin:0;}
dl.price dt{margin-bottom:14px;}
footer .bottom-menu-wrapper{text-align:center;margin-top:10px;}
footer .offer-menu{float:none;display:inline-block;margin:10px auto 20px!important;}
footer .offer-menu li a{font-size:14px;padding:0 3px;margin:0 3px;}
.top .offer-menu li.li0{margin:0px;}
.top .offer-menu li a.a0{font-size:15px;}
.top .offer-menu .ul1 .a1{font-size:15px;}
.banner-title{font-size:19px;}
.banner-sub{font-size:16px;}
}
@media only screen and (max-width:767px){#cookie-notice-btn-hide{display:inline-block;width:25px;height:25px;font-size:20px !important;margin:0 0 0 5px;text-align:center;}
.top .offer-menu-wrapper{margin:20px 0px;}
.top .offer-menu{background-color:#005239;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;overflow:hidden;display:none;}
.top .offer-menu li.li0 .ul1{-webkit-box-shadow:inset 0px 3px 5px 1px #333;box-shadow:inset 0px 3px 5px 1px #333;position:relative;margin-top:0px;opacity:1;border-radius:0px;-webkit-border-radius:0px;background-color:#00a289;}
.top .offer-menu li.li0:hover .ul1{display:none;}
.top .offer-menu li.li0{width:100%;margin:0px;padding:0px;text-align:left;display:block;}
.top .offer-menu li.li0 .a1{color:#fff;}
.top .offer-menu li.li0 .a1:hover{color:#005239;}
.phone-nav{background-color:#005239;border-radius:4px;-webkit-border-radius:4px;}
.phone-nav.expanded{border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;}
.phone-nav-header{text-align:center;display:block;height:50px;width:90%;margin:0 5%;background:url('../images/nav-icon.svg') no-repeat center right;opacity:0.9;color:#fff;font-size:30px;text-decoration:none;line-height:50px;}
.phone-nav-header:hover, .phone-nav-header:visited{color:#fff;}
.phone-nav-header:hover{opacity:1;}
.index-content .left-column .extra-margin{margin-top:0px;}
.side-menu{display:none;}
.top .offer-menu li.li1{margin:15px 0;}
footer .offer-menu .li0{float:none;border:0;}
footer .column-left{border:0px;}
footer .offer-menu{padding-top:0px}
footer .offer-menu .li0{padding:5px 0px;}
.index-content .left-column, .index-content .right-column{width:100%;}
.index-content .left-column > div, .index-content .right-column > div{width:80%;padding-left:10%;padding-right:10%;}
.contact_form_right{width:100%}
.contact_form_left{width:100%}
.contact_form_right input{width:96%;margin:0px;padding:6px 2%;}
.contact_form_right textarea{height:190px;width:96%;padding:6px 2%;}
.contact_form_right .submit{float:right;width:150px;margin-right:2%;}
.pricelist-wrapper{width:100%;}
dl.price dt{margin-bottom:18px;}
.data-col{margin-bottom:20px !important;}
.extra-top{margin-top:0 !important;}
.top .offer-menu li.li0 .a0, .top .offer-menu li.li0.item-empty .a0{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;display:block;margin:0px;text-align:left;border-radius:0px;-webkit-border-radius:0px;padding:17px 20px;}
.top .offer-menu li.li0 .ul1{transform:none;visibility:visible;display:none;width:100%;padding:0;margin:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;box-shadow:none;}
.top .offer-menu li.li0 .ul1 .li1{margin:0;}
.slider-wrapper{display:none;}
.top .logo{width:100%;padding:0;text-align:center;}
.top .offer-menu li.li0 .ul1 .li1 a{padding:10px 20px;}
.index-slogan{font-size:26px;margin:10px 0;text-align:center;padding:0 15px;}
footer .copyrights .copyright-right,
footer .copyrights .copyright-left{width:100%;}
}
@media only screen and (min-width:480px) and (max-width:767px){.gallery-wrapper li{float:left;margin:0 0 30px 0;width:45%;text-align:center;}
.cert.gallery-wrapper li{height:auto;}
.gallery-wrapper li:nth-child(odd){margin-right:10%;}
#map_search_place{width:66%;}
#map_search_submit{width:29%;padding:8px 0px;}
}
@media only screen and (max-width:479px){.gallery-wrapper li{float:none;margin:0 10% 30px;width:80%;text-align:center;height:auto;}
#map_search_place{width:95%;}
#map_search_submit{width:100%;padding:8px 0px;}
}
@media only screen and (max-width:322px){}
@media only screen and (min-width:320px) and (max-width:799px){footer .copyrights{clear:both;float:none;text-align:center;}
.doc-content{padding:30px;}
dl.price dt{line-height:20px;}
dl.price dt span{display:block;}
.widget-root{text-align:center;}
.data-spe{padding-left:0;}
h2.page-name{font-size:24px;line-height:30px;}
}
@media only screen and (min-width:1280px){.top .offer-menu li.li0{font-size:23px;}
footer .offer-menu{float:left;display:block;}
footer .copyrights{float:right;}
}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);}
}
@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0);}
100%{opacity:0;-moz-transform:translateX(-20px);}
}
@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0);}
100%{opacity:0;-o-transform:translateX(-20px);}
}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0);}
100%{opacity:0;transform:translateX(-20px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px);}
60%{opacity:1;-moz-transform:translateX(30px);}
80%{-moz-transform:translateX(-10px);}
100%{-moz-transform:translateX(0);}
}
@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px);}
60%{opacity:1;-o-transform:translateX(30px);}
80%{-o-transform:translateX(-10px);}
100%{-o-transform:translateX(0);}
}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px);}
60%{opacity:1;transform:translateX(30px);}
80%{transform:translateX(-10px);}
100%{transform:translateX(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);}
}
@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0);}
20%{opacity:1;-moz-transform:translateX(20px);}
100%{opacity:0;-moz-transform:translateX(-2000px);}
}
@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0);}
20%{opacity:1;-o-transform:translateX(20px);}
100%{opacity:0;-o-transform:translateX(-2000px);}
}
@keyframes bounceOutLeft{0%{transform:translateX(0);}
20%{opacity:1;transform:translateX(20px);}
100%{opacity:0;transform:translateX(-2000px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
.animated{animation-duration:1s;animation-fill-mode:both;animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s;}
.bg-green{background-color:#32a79d;color:white;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 10px 20px;
display: inline-block;
}
/*popup*/
.popup {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
position: absolute;
z-index: 999;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.popup-wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url('../images/cmed-popup.png') no-repeat;
left: 50%;
top: 50%;
margin-left: -383px;
margin-top: -293px;
height: 586px;
width: 766px;
position: fixed;
z-index: 9999;
}
.popup-description-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-family: "Roboto Condensed";
width: 100%;
height: 100%;
padding-left: 60px;
padding-top: 85px;
}
.popup-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 23px;
font-weight: light;
color: white;
background-color: #317360;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 10px 15px;
display: inline-block;
text-transform: uppercase;
}
.popup-text.none-bg {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
color: #317360;
font-size: 19px;
}
.text-2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
color: white;
font-size: 16px;
padding-top: 200px;
width: 175px;
padding-left: 50px;
}
.popup-close {
position: absolute;
display: block;
right: 30px;
top: 15px;
color: #317360;
}
.popup-close:after {
color: white;
content: 'X';
display: inline-block;
padding: 2px 6px;
background-color: #317360;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.popup-more {
position: absolute;
display: block;
font-weight: bold;
font-size: 20px;
right: 30px;
bottom: 15px;
color: white !important;
}
.popup-description-container a {
text-decoration: none;
}
.popup-description-container a:hover {
text-decoration: underline;
color: inherit;
}
@media only screen and (max-width: 799px) {
.popup-wrapper {
left: 0;
margin-left: 0;
width: 100%;
background: url('../images/cmed-popup-mobile.png') center top;
}
.popup-description-container {
text-align: center;
padding-left: 0;
}
.text-2 {
padding-left: 0;
}
}
/*events*/
.index-events, .index-event {
box-sizing: border-box;
}
.index-event {
float: left;
width: 33.3333%;
}
.index-event img {
float: left;
margin-right: 20px;
}
a.more {
display: inline-block;
background-color: #32a79d;
color: white;
padding: 3px 10px;
text-decoration: none;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a.more:hover {
background-color: black;
}
.index-events a.more.all-news {
display: block;
width: 170px;
margin: 0 auto;
}
.events-wrapper {
margin-bottom: 30px;
}
.index-event {
padding-left: 25px;
padding-right: 15px;
width: 36%;
}
.index-event:first-child {
padding: 0;
padding-right: 25px;
border-right: 1px solid #32a79d;
width: 32%;
}
.index-event:last-child {
padding: 0;
padding-left: 25px;
border-left: 1px solid #32a79d;
width: 32%;
}
.index-event .date {
font-size: 12px;
}
.index-event .event-header {
display: inline-block;
max-width: 200px;
}
.index-event .more {
margin-top: 20px;
}
.index-events {
padding: 40px;
}
.index-events h2.page-name {
text-align: center;
font-weight: bold;
}
.events-wrapper, .events-container {
border-radius: 8px;
-webkit-border-radius: 8px;
padding: 30px 50px;
background-color: #fff;
line-height: 26px;
font-family: Roboto, Arial, sans-serif;
}
.events-container li {
margin-bottom: 40px;
}
.event-image {
float: right;
margin-left: 30px;
}
a.title-link {
line-height: 130%;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 20px;
font-family: "Roboto Condensed", Arial, sans-serif;
color: #32a79d;
text-decoration: none;
}
a.title-link:hover {
color: black;
}
@media only screen and (max-width: 960px) {
.events-wrapper {
padding: 0;
}
.index-event, .index-event:last-child, .index-event:first-child {
width: 100%;
float: none;
padding: 0;
margin-bottom: 40px;
border: none;
}
.index-event:first-child {
margin-top: 40px;
}
.index-event:last-child {
margin: 0;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.event-image {
float: none;
margin-left: 0;
margin-bottom: 20px;
}
h1.page-name {
font-size: 28px;
line-height: 130%;
}
.gallery .gallery-item {
width: auto;
}
}