/*START TEMPORARY CSS FOR MONIKA*/
.mix .mix-thumbs .video-thumbnail .text h3  {color:rgba(255, 255, 255, 0.7); font-size:18px; font-weight:600;}
.mix .owl-carousel .item .text h3 {color:rgba(255, 255, 255, 0.7); font-size:18px; font-weight:600;}
.zetta-menu .zm-search input.focus ~ button {margin-top:4px;color:#676767;}
body {background-image:url("../img/blue-sky.jpg");}
.container {width:95%;}
.content, .content:nth-of-type(1), .join-ad-container, .mix.alt {background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0;}

h1, h2, h3, h4, h5, h6, .title-head h2, section a, section p, .sitemap .fa  {color:#676767; text-shadow: none;}
.item .premium { color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.6);} 
.mix.alt h1, .mix.alt h2, .mix.alt h3, .mix.alt a {color:#676767; text-shadow: none;}
.more-btn {color:#676767; text-shadow: none; font-size:14px;}
.more-btn:hover {color:#999; }
footer h3 {color:white;font-size: 1.2em}
#full-slider-wrapper {background: white}
.why-subscribe h4 a:hover {color: #676767 !important;}

.modal-title {text-shadow: none; color:black !important;}
.modal-dialog p {text-shadow: none;}

body.fullscreen-media {background: black;}
body.fullscreen-media .content {background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0}
body.fullscreen-media .mix.alt h1, body.fullscreen-media .mix.alt h2, body.fullscreen-media .mix.alt h3, body.fullscreen-media h1, body.fullscreen-media h4, body.fullscreen-media .mix.alt a, body.fullscreen-media .mix.alt p {color:white;}
body.fullscreen-media .mix.alt h1 {padding-top:0px;}
.navbar-default {padding:20px 0 10px 0; background:rgba(235, 235, 235, 0.95);}

section:nth-of-type(1) {padding-top:30px;}

.pi-btn-default:hover { background: rgba(5, 131, 140, 0.8) }
.vert-menu ul ul li a { background: rgba(5, 131, 140, 0.8) }

.hvr-shadow-radial::before, .hvr-shadow-radial::after {position:relative;opacity:1;}
.hvr-shadow-radial::before { background:rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150% , rgba(0, 0, 0, 0.4) 0%, transparent 80%) repeat scroll 0 0; }
.item::before, .item::after {height:5px;}
.over::before, .over::after {height:5px;}
.item .premium {position:absolute;top:0px;}

.owl-carousel.slider {background-color: black;}
.owl-carousel.slider .item .item-content {top: 40%;padding:0px 20px;}

.footer {display: inline-block; position: relative; width:100%;margin-bottom:-10px;}
.footer-fix {max-height:none;}

div.content.loading { position:fixed;left:0;top:0;height:auto;width:100%; }
.show-credits {margin:0; font-size:13px;}
.show-credits.margin-top-20 {margin-top:20px;}
.show-credits li {margin:1px 1px; }
.show-credits li a.btn {margin:5px 5px; }

.owl-carousel.slider .owl-controls .owl-pagination {bottom:0px;}
.owl-carousel.slider .item .item-content p {margin-bottom:20px; max-width:800px;}
.zetta-menu > li.zm-logo img {margin-top:-14px; max-height: 140%;}
.zetta-menu>li {height:50px;}
.zetta-menu>li>a {line-height:50px;}
.zetta-menu ul > li {min-height:50px;}
.zetta-menu ul > li a {line-height:50px;}
.zetta-menu .zm-search form>label {line-height:46px;}
.zetta-menu li:hover ul, .zetta-menu li:hover > div.zm-multi-column, .zetta-menu li:hover > div.zm-multi-column > ul { display: block; }
.navbar-mobile {background:rgba(235, 235, 235, 0.95);display:none;position: relative}
.navbar-mobile img {margin-top:-10px; max-height: 75px;}
.navbar-mobile .menu-btn {background-color:rgba(255,255,255,0);color:#676767;font-weight: bold;font-size:28px;border:none;padding:6px 10px;float:right;margin-right:16px;margin-top:22px; }
.pushy {overflow: hidden;}
.pushy-submenu button {font-family:'Raleway',sans-serif;font-size:16px;font-weight:300;}
/*.navbar-mobile .menu-btn:selected { border:rgb(155,155,155,1) 1px solid; }*/

.free-trial > div { margin-left:20%; margin-right:20%; }
.free-trial .btn {white-space: pre-wrap;}
#captchaContainer {text-align: center;transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

@media screen and (max-width:1200px){
	.vert-menu.categories {display: none}
}

@media screen and (max-width:990px){
	.navbar-default{max-height:70px;display:none;}
	.navbar-mobile {display:block;}
	.owl-carousel .btn {display: none;}
}
@media (max-width: 768px) {
	.zetta-menu.zm-response-switch>li.zm-logo, .zetta-menu>li.zm-right-item {position: relative;width: 100%;float:none;}
	.owl-carousel.slider .owl-controls .owl-pagination { display: none }
	.owl-carousel.slider .item .item-content {top:auto;bottom:0%}
	.owl-carousel.slider .item .item-content p {margin-bottom:10px; max-width:800px;}
	.free-trial > div { margin-left:0%; margin-right:0%; }
	.register-box, .login-box {padding:25px;}
	.fa-3x { font-size:2em; }
}
@media (max-width: 600px) {
	.mobile-slider {display:none;}
	.register-box, .login-box {padding:25px 10px;}
	.item .premium {font-size:0.7em;}
	h1 {font-size:30px;}
	h2 {font-size:20px;}
}

@media (max-width: 400px) {
	.fa-3x { font-size:1.4em; }
}

.alert-warning, .alert-success { color:white;font-size:1.2em; }
.alert-warning h4, .alert-success h4 { font-size:1.6em; }
a.alert-warning, a.alert-success { text-decoration: underline; cursor: pointer; font-size:1.0em; }
a.alert-warning:hover, a.alert-success:hover { color:inherit; }

.text-primary{color:#c0a375!important}
.text-success{color:#90a878!important}
.text-info{color:#7e9b9f!important}
.text-warning{color:#f3c649!important}
.text-danger{color:#f28281!important}
.alert-success{background-color:#90a878}
.alert-info{background-color:#7e9b9f}
.content.alert-warning{background:#f3c649}
.alert-danger{background-color:#f28281}

/*layerslider*/
.l1-s1,.l2-s1,.ls-layer p{box-shadow:0 4px 10px -5px #000}
.l2-s1,.l3-s1{white-space:nowrap}
.ls-layer p{text-shadow:none;font-size:22px}
.l3s1,.l3s2{text-shadow:0 0 2px #fff}
.l1-s1{padding:5px 25px;color:#000;background:#fff;opacity:.9;text-align:center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.l2-s1{padding:7px 25px;color:#fff;background:#000;opacity:.85;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.l3-s1{padding:0 30px;color:#000;background:#fff;opacity:.9}
.ls-layer,.ls-layer *{font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;white-space:nowrap}
.ls-st1,.ls-st2,.ls-st3,.ls-st4,.ls-st5,.ls-st6,.ls-st7{-webkit-transform:rotate(0)!important;-moz-transform:rotate(0)!important;-o-transform:rotate(0)!important;transform:rotate(0)!important}
.ls-active .ls-st1{-webkit-transition:-webkit-transform 1.3s ease-out!important;-moz-transition:-moz-transform 1.3s ease-out!important;-o-transition:-o-transform 1.3s ease-out!important;transition:transform 1.3s ease-out!important;-webkit-transform:rotate(360deg)!important;-moz-transform:rotate(360deg)!important;-o-transform:rotate(360deg)!important;transform:rotate(360deg)!important}
.ls-active .ls-st2{-webkit-transition:-webkit-transform 1.3s ease-out .2s!important;-moz-transition:-moz-transform 1.3s ease-out .2s!important;-o-transition:-o-transform 1.3s ease-out .2s!important;transition:transform 1.3s ease-out .2s!important;-webkit-transform:rotate(-360deg)!important;-moz-transform:rotate(-360deg)!important;-o-transform:rotate(-360deg)!important;transform:rotate(-360deg)!important}
.ls-active .ls-st3{-webkit-transition:-webkit-transform 1.3s ease-out .4s!important;-moz-transition:-moz-transform 1.3s ease-out .4s!important;-o-transition:-o-transform 1.3s ease-out .4s!important;transition:transform 1.3s ease-out .4s!important;-webkit-transform:rotate(360deg)!important;-moz-transform:rotate(360deg)!important;-o-transform:rotate(360deg)!important;transform:rotate(360deg)!important}
.ls-active .ls-st4{-webkit-transition:-webkit-transform 1.3s ease-out .6s!important;-moz-transition:-moz-transform 1.3s ease-out .6s!important;-o-transition:-o-transform 1.3s ease-out .6s!important;transition:transform 1.3s ease-out .6s!important;-webkit-transform:rotate(-360deg)!important;-moz-transform:rotate(-360deg)!important;-o-transform:rotate(-360deg)!important;transform:rotate(-360deg)!important}
.ls-active .ls-st5{-webkit-transition:-webkit-transform 1.3s ease-out .8s!important;-moz-transition:-moz-transform 1.3s ease-out .8s!important;-o-transition:-o-transform 1.3s ease-out .8s!important;transition:transform 1.3s ease-out .8s!important;-webkit-transform:rotate(360deg)!important;-moz-transform:rotate(360deg)!important;-o-transform:rotate(360deg)!important;transform:rotate(360deg)!important}
.ls-active .ls-st6{-webkit-transition:-webkit-transform 1.3s ease-out 1s!important;-moz-transition:-moz-transform 1.3s ease-out 1s!important;-o-transition:-o-transform 1.3s ease-out 1s!important;transition:transform 1.3s ease-out 1s!important;-webkit-transform:rotate(-360deg)!important;-moz-transform:rotate(-360deg)!important;-o-transform:rotate(-360deg)!important;transform:rotate(-360deg)!important}
.ls-active .ls-st7{-webkit-transition:-webkit-transform 1.3s ease-out 1.2s!important;-moz-transition:-moz-transform 1.3s ease-out 1.2s!important;-o-transition:-o-transform 1.3s ease-out 1.2s!important;transition:transform 1.3s ease-out 1.2s!important;-webkit-transform:rotate(360deg)!important;-moz-transform:rotate(360deg)!important;-o-transform:rotate(360deg)!important;transform:rotate(360deg)!important}
.l3s1{font-size:30px}
.l3s2{font-size:44px}
.l3s3{font-size:24px;font-style:italic;text-shadow:0 0 2px #000}
.l4s1,.l4s2,.l4s3,.l4s4{box-shadow:0 3px 10px -3px #002c4b;background:#02cef7;background:-moz-linear-gradient(top,#02cef7 0,#009bba 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#02cef7),color-stop(100%,#009bba));background:-webkit-linear-gradient(top,#02cef7 0,#009bba 100%);background:-o-linear-gradient(top,#02cef7 0,#009bba 100%);background:-ms-linear-gradient(top,#02cef7 0,#009bba 100%);background:linear-gradient(to bottom,#02cef7 0,#009bba 100%);text-shadow:0 -1px 1px #00819c;padding:10px 15px;border-top:4px solid #fff;font-size:20px;color:#fff;border-radius:7px}
.l4s1{transform:rotate(-3deg)!important;-o-transform:rotate(-3deg)!important;-ms-transform:rotate(-3deg)!important;-moz-transform:rotate(-3deg)!important;-webkit-transform:rotate(-3deg)!important}
.l4s2{transform:rotate(-5deg)!important;-o-transform:rotate(-5deg)!important;-ms-transform:rotate(-5deg)!important;-moz-transform:rotate(-5deg)!important;-webkit-transform:rotate(-5deg)!important}
.l4s3{transform:rotate(7deg)!important;-o-transform:rotate(7deg)!important;-ms-transform:rotate(7deg)!important;-moz-transform:rotate(7deg)!important;-webkit-transform:rotate(7deg)!important}
.l4s4{transform:rotate(10deg)!important;-o-transform:rotate(10deg)!important;-ms-transform:rotate(10deg)!important;-moz-transform:rotate(10deg)!important;-webkit-transform:rotate(10deg)!important}


/*LIVE THUMBNAILS*/
.liveolio { text-align: center; }
.liveolio .padd { padding:10px; }
.liveolio h5 { font-size: 20px; }
.liveolio h6 { font-size: 16px; }
.liveolio p { margin-bottom: 10px; }
.liveolio .work { position: relative; z-index: 99; }
.liveolio .work .layer { background: $primary-color; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.3; z-index: 999; }
.liveolio .work .play {
	color: #fff;
	cursor: pointer;
	border: 1px solid #fff; 
	border-radius: 100%; 
	width: 50px; height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 9998;
	margin-top: -25px;
	margin-left: -25px;
}
.liveolio .work img { width: 100%; }
.liveolio .over-pattern { position: absolute; width: 100%; height: 100%; background: url(../img/over_pattern.png); top: 0; left: 0; }
.liveolio .work .title { background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 7px 0; opacity: 0.9; z-index: 9999; }
.liveolio .work .title a { text-decoration: none; display: inline-block; }
.liveolio .work .title h6 { text-transform: uppercase; font-weight: 700; font-size: 16px;  }
.liveolio .work .title .tags { font-size: 14px; margin: -3px 0 0 0; color: #21252b; }
.liveolio a.btn { margin: 10px 0 0 0; }
.liveolio .more-btn { margin: 0; background: white; color: #3F267A }
.liveolio .more-btn {
    color: white;
    font-size: 16px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    position: relative;
    margin-top: 3px;
    text-shadow: 2px 2px 3px black;
    padding: 4px 12px;
    top: 10px;
    line-height: 30px;
    border-radius: 255px;
    float:none;
}

/*videolio*/
.preview-video {
    float: none;
    display: inline-block;
}
.videolio { text-align: center; }
.videolio p { margin-bottom: 70px; }
.videolio .work { position: relative; z-index: 99; margin: 15px 0px; background: #eee; }
.section-grey .videolio .work { background: #ececec; }
.videolio .layerover { position: relative; }
.videolio .work .layer { background: black; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.2; z-index: 999; }
.videolio .work .more {
	color: #fff;
	cursor: pointer; 
	border: 2px solid #fff; 
	border-radius: 100%; 
	width: 50px; height: 50px;
	line-height: 48px;
	position: absolute;
	/*top: 50%; left: 50%;*/
	top: 18%; right: 6%;
	z-index: 108;
}
.videolio a:hover .more { 
	background: #fff; 
	color: #21252b; 
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.videolio .work img { width: 100%; }
.videolio .over-pattern { position: absolute; width: 100%; height: 100%; background: url(../img/over_pattern.png); top: 0; left: 0; }
.videolio .title { padding: 7px; text-align: left; }
.videolio .title a { text-decoration: none; display: inline-block; }
.videolio h6 { text-transform: uppercase; font-weight: 700; font-size: 15px; color: #fff; margin: 0; position: absolute; bottom: 0; background: rgba(0,0,0,0.5); width: 100%; padding: 10px; z-index: 100; text-shadow: none }
.videolio .title .tags { font-size: 14px; margin: -3px 0 0 0; color: #21252b; }
.videolio a.btn { margin: 20px 0 0 0; width: 96%;}

/*END TEMPORARY CSS */