@charset "utf-8";

/* CSS Document */

ul:before, ul:after{ content:''; display:table;}

ul:after{ clear:both;}

.full-img img{ width:100%; height:auto;}

img.img-crop { display:block; max-width:none }

.margin-0{ margin-left:0; margin-right:0;}

.padding-0{ padding-left:0; padding-right:0;}

.table-cell {display:table-cell; vertical-align:middle; padding:0;}

.table-div{ display:table; height:100%; width:100%; }

[class*=col-].reverse-col{ float:right;}



.owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position:relative}

.owl-carousel{display:none; width:100%; z-index:1}

.owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-Y}

.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}

.owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0)}

.owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none}

.no-js .owl-carousel, .owl-carousel.owl-loaded{display:block}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

.owl-carousel.owl-loading{opacity:0; display:block}

.owl-carousel.owl-hidden{opacity:0}

.owl-carousel.owl-refresh .owl-item{visibility:hidden}

.owl-carousel.owl-drag .owl-item{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

.owl-carousel.owl-grab{cursor:move; cursor:grab}

.owl-carousel.owl-rtl{direction:rtl}

.owl-carousel.owl-rtl .owl-item{float:right}

.owl-carousel .animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}

.owl-carousel .owl-animated-in{z-index:0}

.owl-carousel .owl-animated-out{z-index:1}

.owl-carousel .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

.owl-height{transition:height .5s ease-in-out}

.owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease}

.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d; transform-style:preserve-3d}

.owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000}

.owl-carousel .owl-video-play-icon{position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease}

.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3)}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none}

.owl-carousel .owl-video-tn{opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease}

.owl-next, .owl-prev{background-position:0 0}

.owl-carousel .owl-video-frame{position:relative; z-index:1; height:100%; width:100%}

.owl-nav{text-align:center; margin-top:15px;}

.owl-next, .owl-prev{background-color:#00bff3; border-radius:0; height:40px; width:40px;text-align:center; line-height:40px; font-size:30px; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; color:#fff; display:inline-block; margin:0 5px;}

.owl-next:hover, .owl-prev:hover{ background-color:#000}



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../images/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(../images/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(../images/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../images/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:20px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../images/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../images/fancybox_loading@2x.gif);background-size:20px 20px}}





.video-wrapper{ position:relative; height:100vh;}

.video-wrapper .video-inner { bottom:0; left:0; position:absolute; top:0; right:0; width:100%;}

.video-wrapper .video-inner iframe, .video-wrapper .video-inner embed, .video-wrapper .video-inner object, .video-wrapper .video-inner video { position:absolute; top:0; left:0; bottom:0; height:100%; width:100%; border:0;}





.header{ position:absolute; top:0; left:0; right:0; z-index:500}

.header .container{ position:relative;}

.pre-header{ padding:12px 0; background:rgba(255,255,255,0.9); border-bottom:1px solid #fff;}

.logo{ float:left; position:relative;}

.pre-header .header-info{ position:absolute; top:50%; margin-top:-20px; right:15px;}

.pre-header .button{ line-height:40px; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; border-radius:0; float:left; display:block; border:1px solid #00bff3; font-size:20px; color:#00bff3; padding:0 20px;}

.pre-header .button:hover{ background:#00bff3; color:#fff}

.pre-header .phone{ background:url(../images/phone.png) no-repeat left; padding-left:50px; color:#fff; color:#00bff3; display:block; float:left; margin-left:15px; line-height:40px; font-weight:700; font-family: 'Oswald', sans-serif; font-size:20px;}

.book-button{ line-height:32px; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; border-radius:0;  display:block; background:#00bff3; font-size:18px; color:#fff; padding:0 20px; margin:0 auto; max-width:150px; text-align:center; margin-top:15px; float:left;}

.book-button:hover{ background:#000; color:#00bff3}

.phone-xs{ background:url(../images/phone.png); height:40px; width:40px; position:absolute; top:50%; margin-top:-20px; right:0; text-indent:-9999px;}

.social{ float:left; margin:0; padding:0; list-style:none;}

.social li{ float:left; margin-right:10px;}

.social li img{ width:40px;}



.navigation{background:#00bff3; position:relative;}

.toggleMenu { display:none; height:40px; width:40px; text-transform:uppercase; background:url(../images/toogle-open.png) no-repeat center; text-indent:-9999px; position:absolute; top:50%; margin-top:-20px; left:0}

.toggleMenu.active{ background:url(../images/toogle-close.png) no-repeat center; color:#fff; }

.toggleMenu:hover{ color:#fff; }

.menu { list-style:none; *zoom:1; margin:0; padding:0; text-align:center}

.menu:before, .menu:after { content:""; display:table; }

.menu:after { clear:both; }

.menu ul { list-style:none; min-width:350px; float:none; left:0; top:100%; position:relative; background:rgba(255,255,255, 0.9);}

.menu a { padding:0 20px; color:#000; font-family: 'Oswald', sans-serif;}

.menu li { position:relative; padding:0; }

.menu > li > .parent:after{ content:'\f107'; position:absolute; font-family:'FontAwesome'; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:18px; font-size:14px;}

.menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a{color:#fff; text-decoration:none;}

.menu > li> a:before {content:"";display:block;position:absolute; bottom:0; left:50%; width:0; height:3px; background:#fff; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); opacity:0;}

.menu > li > a:hover:before, .menu > li:hover > a:before {width:100%; opacity:1;}

.menu > li > a:before {-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}

.menu > li { display:inline-block; font-size:16px; position:relative; line-height:50px; text-align:center; font-weight:700; text-transform:uppercase; background:url(../images/menu-divider.png) no-repeat right;}

.menu > li:last-child{ background:none;}

.menu > li > a { display:block;  text-transform:uppercase; position:relative; }

.menu li ul { position:absolute; left:-9999px; margin:0; list-style:none;  padding:0 }

.menu li ul:after{ background:url(../images/shadow.png); height:10px; width:100%; z-index:-1; content:''; position:absolute; left:0; right:0; top:100%;}

.menu > li.hover > ul { left:0; margin-left:0; }

.menu li li.hover ul { left:100%; top:0; }

.menu li li{ padding:0; line-height:22px; text-align:left; margin:0;}

.menu li li a { display:block; position:relative; z-index:100; font-size:14px; padding:8px 10px; background:#000; text-transform:inherit; font-weight:400;color:#fff;}

.menu li li:last-child{ border-bottom:none; }

.menu li li a:hover{ color:#fff; background:#00bff3;}

.menu li li li a { background-color:#000; z-index:200; }

@media (min-width:768px) and (max-width:991px) {

.menu a{ padding:0 15px;}

} 

@media screen and (max-width:767px) {

.main-nav .active { display:block; }

.main-nav{ text-align:left; position:absolute; top:100%; left:0; right:0; background:#00bff3; z-index:9999; display:block; padding:0; width:auto;}

.menu > li { float:none; display:block; border-bottom:1px solid #26d1ff; text-align:left; line-height:30px; background:none; font-size:16px;}

.menu a{ padding:8px 25px }

.menu li{ display:block; }

.menu > li > .parent { background-image:none;}

.menu > li > .parent:after{ content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}

.menu li.hover > .parent:after{ content:'\f106'; font-family:'FontAwesome';  position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}

.menu li li .parent:after {content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}

.menu ul { display:block; width:auto; border-bottom:none; min-width:inherit}

.menu > li.hover > ul , .menu li li.hover ul {position:static; margin-left:0}

.menu li li a { padding:8px 35px; font-size:15px;}

.menu li li{ text-align:left; }

.menu li li li a{ padding:5px 45px; }

.menu li ul{ box-shadow:none; -webkit-box-shadow:none}

.menu li ul::after{ display:none;}

}





.w1{ margin:0; padding:50px 0; background:url(../images/bg1.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}

.w1 [class*=col-]{ float:right;}

.w1 h1{ text-transform:uppercase; color:#000; margin-bottom:20px; padding-bottom:15px; position:relative;}

.w1 h1:after{ background:#000; height:2px; width:120px; position:absolute; bottom:0; left:0; content:'';}

.w1  p{ font-size:17px; line-height:27px;}



.w2{ margin:0; padding:50px 0; background:url(../images/bg2.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}

.w2 h2{ text-transform:uppercase; text-align:center; color:#00bff3;}

.w2 h3{ color:#fff; text-align:center; font-family: 'Cookie', cursive; font-size:34px; font-weight:400;}

.w2 .item a{ display:block; padding:20px 15px; background:#f7f7f7; border:1px solid #d8d8d8; text-align:center;}

.w2 .item a:hover{ background:#eee;}

.w2 .item a h5{ margin:12px 0 0 0; text-transform:uppercase; font-size:17px; color:#00bff3}

.w2 .item img{ max-width:90px;}

.w2 .col-xs-6{ margin-top:30px;}



.w3 h4{ background:#f4f8f9; color:#00bff3; font-size:30px; text-transform:uppercase; padding:30px 15px; text-align:center; margin:0;}

.w3 .row{ margin-left:0; margin-right:0;}

.w3 [class*=col-]{ padding-left:0; padding-right:0;}

.w3 .overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); padding:12px; color:#fff; text-align:center; font-weight:500; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:48px; z-index:100;}

.w3 .overlay .table-div{ border:1px solid rgba(255,255,255,0.7)}



.w4{ padding:30px 0; background:url(../images/bg-3.jpg) no-repeat center; background-size:cover;}

.w4 h5{ font-size:30px; text-transform:uppercase;}

.w4 .btn{ text-transform:uppercase; margin:30px 5px 0;}



.w5{ padding:50px 0;}

.w5 h3{ text-transform:uppercase; text-align:center; color:#000; font-size:30px;}

.event-box{ padding:20px 20px 90px; position:relative; background:#f4f4f4; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);}

.event-box h6{ font-size:18px; text-transform:uppercase}

.event-box h5, .event-box h5 a{ font-size:24px; text-transform:uppercase; position:relative; margin-bottom:15px; padding-bottom:12px; color:#00bff3}

.event-box h5:after{ background:#00bff3; height:2px; width:80px; position:absolute; bottom:0; left:0; content:'';}

.event-box .time{ padding:15px 20px; color:#fff; background:#00bff3; position:absolute; bottom:0; left:0; height:70px; right:0;}

.event-box .time p{ margin:0; padding:0;}

.w5 .col-sm-4{ margin-top:30px;}



.footer{ margin:0; padding:20px 0; text-align:center; color:#fff; background:#252525}

.footer a{ color:#fff;}

.footer a:hover{ text-decoration:underline; color:#fff;}

.footer ul{ padding:0; list-style:none;}

.footer ul li{ display:inline-block;}

.footer ul li i{ margin-right:10px;}

.footer ul li:after{ content:"|"; margin:0 8px; float:right;}

.footer ul li:last-child:after{ display:none;}





.page-banner{ background-size:cover; background-position:center; background-repeat:no-repeat; height:484px; position:relative;}

.page-title{ color:#fff; text-transform:uppercase; position:absolute; text-align:center; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-top:73px; left:0; right:0; }

.page-title h1{ margin:0; padding:0;}



.page-wrapper{ padding:50px 0; background:#f8f8f8}



.piring-box h2{ font-size:38px; font-weight:900}

.piring-box h3{ font-size:38px;}

.piring-box ul{ padding:10px 0 0 0; margin-bottom:20px; list-style:none;}

.piring-box ul li{ margin-bottom:5px; padding-left:22px; position:relative;}

.piring-box ul li:last-child{ margin:0}

.piring-box ul li:before{ margin:0; content:'\f00c'; font-family:Font-awesome; float:left; margin-right:6px; font-family:FontAwesome; position:absolute; top:0; left:0;}

.bottom-img{ margin-top:20px; border:8px solid #00bff3;}

.bottom-img img{ width:100%; height:auto;}

.piring-box a{ padding:8px 20px; color:#fff;  font-family: 'Oswald', sans-serif; display:inline-block; background:#00bff3; font-weight:500}

.piring-box a:hover{ background:#000;}



.toogle_wrap{width:100%; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #dadada}

.trigger{padding:0 40px 0 0;margin:0; position:relative;}

.trigger:after{ position:absolute; top:0; right:0; height:40px; width:40px; line-height:40px; content:'\f107'; line-height:40px; font-size:34px; font-family:'FontAwesome'}

.trigger.activefaq{}

.trigger.activefaq:after{ position:absolute; top:0; right:0; height:40px; width:40px; line-height:40px; content:'\f106'; line-height:40px; font-size:34px; font-family:'FontAwesome'}

.trigger a:before{ position:absolute; height:40px; width:40px; line-height:40px; text-align:center; color:#000; content:'Q'; font-size:18px; top:0; left:0;  background:#00bff3; border-radius:50%}

.trigger a{text-decoration:none;display:block;padding:10px 0 10px 50px;font-size:18px; font-weight:600;    font-family: 'Oswald', sans-serif;}

.toggle_container{overflow:hidden;padding:5px 0 20px 50px; margin-top:20px; position:relative; clear:both; margin-left:20px;}

.toggle_container:before{ position:absolute; height:40px; width:40px; line-height:40px; text-align:center; color:#fff; content:'A'; font-size:18px; top:0; left:0;  background:#1c1c1c; border-radius:50%}



.map {height:400px; position:relative; width:100%; margin-top:50px;}

.map .map-inner { bottom:0; left:0; position:absolute; top:0; width:100%;}

.map .map-inner iframe { height:100%; pointer-events:none; width:100%;}

.page-wrapper .form-group{ margin-bottom:30px;}

.page-wrapper .form-control{ height:42px;}

.page-wrapper textarea.form-control{ height:120px;}



.grid figure {position:relative; overflow:hidden; margin:0; text-align:center; cursor:pointer; }

.grid figure img {position:relative; display:block; /*min-height:100%; max-width:100%;*/ opacity:1; width:100%; height:auto; }

.grid figure figcaption {padding:2em; 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%; }

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

/* For some effects it will show as a button */

.grid figure figcaption > a {z-index:1000; text-indent:200%; white-space:nowrap; font-size:0; opacity:0; }

.grid figure h3 { font-weight:300; }

.grid figure h3 span {font-weight:800; }

.grid figure h3,.grid figure p {margin:0; }

.grid figure p {letter-spacing:1px; font-size:78.5%; }



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: 20px;right: 20px;bottom: 20px;left: 20px;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:25px 30px;text-align: left;}

figure.effect-roxy h3 {padding: 10% 0 10px 0; color:#fff;  font-size:22px; text-transform:uppercase;}

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

.image-box{ margin-bottom:30px; padding:5px; background:#fff; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}



.gallery-list{ margin-left:-5px; margin-right:-5px;}

.gallery-list .col-xs-6{ margin-bottom:10px; padding-left:5px; padding-right:5px;}

.gallery-list .col-xs-6 a.zoom{ position:absolute; top:0; left:5px; bottom:0; right:5px; z-index:111; background:url(../images/zoom.png) no-repeat center rgba(0,0,0, 0.5); -webkit-transition:0.5s; -moz-transition:0.8s; -o-transition:0.8s; transition:0.8s; opacity:0; filter:alpha(opacity=0);}

.gallery-list .col-xs-6:hover a.zoom{-webkit-transition:0.5s; -moz-transition:0.8s; -o-transition:0.8s; transition:0.8s; opacity:1; filter:alpha(opacity=100);}



.event-list [class*=col-]{ margin-bottom:30px;}

.gal-img{ padding:5px; background:#fff; -webkit-box-shadow: 5px 0 15px 0 rgba(0,0,0,.2); box-shadow: 5px 0 15px 0 rgba(0,0,0,.2);}

.box-container{ padding:10px; -webkit-box-shadow: 5px 0 15px 0 rgba(0,0,0,.2); box-shadow: 5px 0 15px 0 rgba(0,0,0,.2); background:#fff;}


.beauty-listing .beauty-mirror-list{ position:relative;}
.beauty-listing .beauty-mirror-list .row { margin-left:0; margin-right:0;}
.beauty-listing .beauty-mirror-list .col-md-6{ padding-left:0; padding-right:0;}
.beauty-listing .beauty-mirror-list .col-md-6 .content{ padding:10%; position:relative}
.beauty-listing .beauty-mirror-list:nth-child(odd) .col-md-6 .content:after{width:0; height:0; border-top:60px solid transparent; border-left:60px solid #fff; border-bottom:60px solid transparent; left:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);  content:''; z-index:10; position:absolute;}
.beauty-listing .beauty-mirror-list:nth-child(even) .col-md-6 .content:after{width:0; height:0; border-top:60px solid transparent; border-right:60px solid #00bff3; border-bottom:60px solid transparent; right:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);  content:''; z-index:10; position:absolute;}
.beauty-listing .beauty-mirror-list .image{ position:absolute; top:0; bottom:0; width:50%; background-position:center; background-repeat:no-repeat; background-size:cover;}
/*.beauty-listing .beauty-mirror-list .image:after{ content:''; position:absolute; left:0; right:0; bottom:0; top:0; content:''; z-index:1}
.beauty-listing .beauty-mirror-list:nth-child(odd) .image:after{background:rgba(0,191,243,0.4);}
.beauty-listing .beauty-mirror-list:nth-child(even) .image:after{background:rgba(0,0,0,0.4);}*/
.beauty-listing .beauty-mirror-list:nth-child(odd) .image{ right:0; left:auto;}
.beauty-listing .beauty-mirror-list:nth-child(even) .image{ left:0; right:auto}
.beauty-listing .beauty-mirror-list:nth-child(even) .col-md-6 { float:right}
.beauty-listing .beauty-mirror-list:nth-child(even) .col-md-6 .content{ background:#eee}
.beauty-listing .beauty-mirror-list:nth-child(odd) .col-md-6 .content{ background:#fff;}
.beauty-listing .beauty-mirror-list:nth-child(even) .col-md-6 .content{ background:#00bff3; color:#fff;}

/* #Media Queries

================================================== */

/* Large desktop */



@media (min-width: 992px) and (max-width: 1199px) {

} 

/* END__ */



@media (min-width: 768px) and (max-width: 991px) {

.video-wrapper{ position:relative; height:auto; padding-bottom:56.25%;}

.header{ position:relative;}

.pre-header{background:#fff;}

.w4{ text-align:center;}

.event-box{ padding-bottom:110px;}

.event-box .time{ height:90px;}

.page-banner{ height:300px;}

.page-title{ margin-top:0;}
.beauty-listing .beauty-mirror-list .image{ position:relative; top:auto; bottom:auto; width:100%; background:none;}
.beauty-listing .beauty-mirror-list:nth-child(odd) .image{ left:auto; right:0;}
.beauty-listing .beauty-mirror-list:nth-child(even) .image{ left:0; right:auto}
.beauty-listing .beauty-mirror-list:nth-child(even) .col-md-6 { float:none}
.beauty-listing .beauty-mirror-list .col-md-6 .content{ padding:50px;}
.beauty-listing .beauty-mirror-list:nth-child(odd) .col-md-6 .content:after{ display:none;}
} 

/* END__ */



@media only screen and (max-width: 767px) {

.logo{  float:none; margin:0 auto; text-align:center;}

.logo img{ width:150px;}

.video-wrapper{ position:relative; height:auto; padding-bottom:56.25%;}

.header{ position:relative;}

.pre-header .header-info{ display:none;}

.pre-header{background:#fff;}

.w1, .w2, .w4, .page-wrapper, .w4, .w5{ padding:25px 0;}

.w1 .full-img{ margin-bottom:25px;}	

.w2 .col-xs-6{ padding-left:8px; padding-right:8px; margin-top:16px;}

.w2 .row{ margin-left:-8px; margin-right:-8px;}

.w2  h2{ font-size:24px;}

.w2 h3{ font-size:22px;}

.w3 .overlay{ font-size:30px;}

.w4{ text-align:center;}

.event-box{ padding-bottom:110px;}

.event-box .time{ height:90px;}

.footer ul li{ display:block;}

.footer ul li:after{ display:none;}

.social{ float:right; display:block; text-align:center; margin-top:12px;}

.social li{ margin:0 0 0 10px;}

.social li img{ width:32px;}

.page-banner{ height:200px;}

.page-title{ margin-top:0;}
.beauty-listing .beauty-mirror-list .image{ position:relative; top:auto; bottom:auto; width:100%; background:none;}
.beauty-listing .beauty-mirror-list:nth-child(odd) .image{ left:auto; right:0;}
.beauty-listing .beauty-mirror-list:nth-child(even) .image{ left:0; right:auto}
.beauty-listing .beauty-mirror-list:nth-child(even) .col-md-6 { float:none}
.beauty-listing .beauty-mirror-list .col-md-6 .content{ padding:30px;}
.beauty-listing .beauty-mirror-list:nth-child(odd) .col-md-6 .content:after{ display:none;}
} 

/* END__ */



@media (max-width: 480px) {

} 

/* END__ */