* {
	margin: 0;
	padding: 0;
}

#coming-page .cs-content,#cs-zform input[type="text"],#cs-zform input[type="submit"],#slidecaption, #cs-zform textarea {
	font-family: "Lato",sans-serif;
}

body {
	line-height: 1;
	color: #444;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1rem;
	text-rendering: optimizelegibility;
	display: table;
}

body,html {
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

.bold{ font-weight: bold;}

/* PAGE STYLE
----------------------------*/
#coming-page{ display: table-cell; margin: 0 auto; min-height: 100%; position: relative; text-align: center; vertical-align: middle; z-index: 2; } 
#coming-page  .cmsn-wrap{ display: inline-block; margin: 0 auto; transform: none; width: 100%; overflow-x:auto; padding:40px 0px; box-sizing: border-box; } 
#coming-page img{ max-width:100%; } 
#coming-page img.cs-logo{ display:inline; } 
#coming-page .cs-content{ color: #fff;font-size: 30px; padding-top: 40px; font-weight: 300; line-height:1.25; } 
#coming-page .cs-follow{ padding-top:45px; padding-bottom: 10px;} 
#coming-page .cs-follow a i{ border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 17px; font-style: normal; font-weight: normal; height: 33px; line-height: 2; margin: 5px 3px; text-align: center; width: 33px; } 
#cs-zform{ padding-top:25px; } 
#cs-zform input, #cs-zform textarea{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #fff; color: #fff; font-size: 19px; height: 28px; margin-right: 5px; padding: 5px 8px; width: 230px; margin-top:10px; } 
#cs-zform input[type="submit"]{ cursor: pointer; height: 40px; width:auto; } 
#cs-zform input[type="text"]{ cursor:text;}
#cs-zform textarea{ margin:10px auto; display: block; width:520px; height: 75px; }

/* AUDIO STYLE
----------------------------*/	
.audiotag,.audiotag .play-pause ,.audiotag p{width:40px;}
.audiotag .error-message{cursor:help;font-size: 20px;text-align:center; height: 100%; width: 100%; margin: 0; line-height: 44px;color:#e74c3c; } 
.mejs-mediaelement .audiotag{display:none;}
#audioele{width:40px;height:40px; position: fixed; right: 10px; top: 10px; z-index: 9999; border:1px solid;border-radius:50%;} 
#audioele p{font-size:20px;line-height:40px;}

/* SPECIFIC ELEMENTS STYLE
----------------------------*/
#home-button i { background-color: transparent; border: 1px solid; border-radius: 1px; color: #fff; display: block; font-size: 26px; left: 10px; position: fixed; top: 10px; z-index: 9999; width: 40px; height: 40px; text-align: center; line-height: 1.53;} 	
.background{background-color:#000;background-image:url('../images/progress.gif');background-repeat:no-repeat;background-position:center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: -2;} 


#wpadminbar .coming-soon-mode-active > .ab-item{background:#e74c3c;color: #fff;}
#wpadminbar .coming-soon-mode-active .ab-item:hover{background:#c0392b!important;color:#fff!important;}

/* TRANSITION EFFECT
----------------------------*/	
#share-icons li a:focus{outline:none;}
ul#slide-list li a,#tray-button i,#autoplay-button i,#toggle-button i,
#share-icons i,#prevslide i, #nextslide i,#thumb-back, 
#thumb-forward ,#toggle i,#coming-page .cs-follow a i,
#cs-zform input,#home-button i,#audioele{
	opacity: .8;
	outline:none;
	cursor:pointer;
	transition: all 0.3s linear 0s;  -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; 
}
ul#slide-list li a:hover,#tray-button i:hover,
#autoplay-button i:hover,#toggle-button i:hover,
#share-icons i:hover,#prevslide i:hover, #nextslide i:hover,
#toggle i:hover,#coming-page .cs-follow a i:hover,
#cs-zform input:hover,#cs-zform input[type="text"]:focus,#home-button i:hover,.audiotag  p:hover,#audioele:hover
{opacity:1; }
#coming-page .cs-follow a i:hover,#cs-zform input:hover,#cs-zform input[type="text"]:focus,
#cs-zform textarea:hover,#cs-zform textarea:focus{
	background:rgba(0,0,0,0.5);
}

/* RESPONSIVE MEDIA QUERY
----------------------------*/	
@media screen and (max-width: 700px) {
	#slidecaption,#slide-list{display:none;}
	#coming-page .cs-content{font-size:22px !important;}
}
@media screen and (max-width: 500px) {
	#cs-zform input{width:190px;}
	#cs-zform textarea{width:320px;}
}


/* PESONALIZADO */
#zslider,.background {
	background-color: #a30000;
}

#showprogressbar-bar {
	background-color: rgba(255,255,255,0.42);
}

#toggle i {
	background-color: #000000;
}

#controls-wrapper,#thumb-tray {
	background-color: rgba(0,0,0,0.85);
}

ul#slide-list.num a {
	color: #000000;
}

#prevslide i, #nextslide i {
	background-color: #D51E06;
	color: #ffffff;
	border-radius: 20px;
}

#slidecaption {
	color: #e8e8e8;
}

#tray-button i,#toggle-button i,#autoplay-button i,#toggle i,.audiotag p {
	color: #ffffff;
}

ul#slide-list li a {
	background-color: #ffffff;
}

ul#slide-list li.current-slide a {
	border-color: #ffffff;
}

ul#slide-list.num li.current-slide a {
	background-color: #ffffff;
	opacity: .9;
}

#autoplay-button i {
	border-right: 1px solid rgba(255,255,255,.3);
}

#tray-button i,#toggle-button i {
	border-left: 1px solid rgba(255,255,255,.3);
}

#share-icons i {
	color: #ffffff;
	background-color: #595959;
	border-radius: 2px;
}

#zslider a.overlay {
	background: url(../images/overlay.png) repeat;
	opacity: 0.5;
}

#showprogressbar-back {
	bottom: 0;
}

#thumb-tray, #controls-wrapper, #toggle{
	display: none !important;
}

body.active,body.gallery-active {
	padding: 0 !important;
}

#coming-page .cs-content {
	font-size: 20px;
	color: #ffffff;
	border: 1px solid #394e9c;
	background: #233061;
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
	padding: 20px 15px;
	margin-top: 15px;
}

#zslider {
	z-index: 1;
}

#coming-page .cs-follow a i {
	color: #ffffff;
	border-color: #ffffff;
	border-radius: 50px;
}

#cs-zform input {
	border-color: #ffffff;
	color: #ffffff;
}

#home-button i {
	color: #ffffff;
	border-radius: 20px;
}

#audioele,#audioele p {
	color: #ffffff;
}

#audioele {
	border-radius: 20px;
}
