/*
=== Rome WP | Coming soon ===
Tags: coming soon, under construction
Tested up to: 3.8.1
Description: Wordpress plugin "Under constraction"
Version: 1.2
Author: Theme Shark
Author URI: http://themeforest.net/user/Theme-Shark
*/

/* RESET & BASICS STYLES
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: 'Lato', sans-serif;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}
	html{
		height:100%;
		overflow-y: inherit;
	}
	html{
		min-height:100%;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	html, body{
		vertical-align: baseline;
		margin:0;
		height:100%;
	}
	body{
		min-height:100%;
	}
	body.tsp_rome{
		font-family: 'Lato', sans-serif;
		position: relative;
		margin:0;
		padding: 0 0 0 0;
		line-height: 28px;
		width: auto;
		color: #000;
		-webkit-perspective: 1000;
		font-smooth: always;
		-webkit-font-smoothing: subpixel-antialiased;
		/*height: 100%;*/
	}
	.tsp_rome{
		background-size: cover;
		-webkit-background-size: cover;
		
		background-position: 100% 0;
	}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	p{
		font-size: 14px;
		line-height: 14px;
		color: #222222;
		margin: 5px 0 11px 0;
		font-weight: 400;
	}
	address{
		padding:0;
		margin:0;
		font-style:normal;
	}

	.tsp_rome ul{
		margin:0 0 0 0;
		padding:0 0 0 0;
		outline: none;
		list-style: none;
	}
	img{
		border-style: none;
		vertical-align: top;
	}

	i{
		font-weight: normal;
	}
	
	.tsp_rome input[type="text"], 
	.tsp_rome input[type="email"], 
	.tsp_rome input[type="password"], textarea{
		border-radius: 0;
		border: none;
		/*background-color: rgba(255, 255, 255, 0.2);*/
		margin: 0 0 0;
	}
	
/* LINKS
================================================== */
	a{
		text-decoration: none;
		color:#fff;
		outline: none !important;
		font-size: 22px;
		transition: color 0.4s ease-in-out;
		-moz-transition: color 0.4s ease-in-out;
		-webkit-transition: color 0.4s ease-in-out;
	}

	a:hover{
		color: #fff;
		transition: color 0.4s ease-in-out;
		-moz-transition: color 0.4s ease-in-out;
		-webkit-transition: color 0.4s ease-in-out;
	}

/* TYPOGRAPHY
================================================== */
	h1, h2, h3, h4, h5, h6{
		font-family: 'Lato', sans-serif;
		margin: 0;
		padding: 0;
	}
	h3{
		color: #fcfcfc;
		font-size: 18px;
		font-weight: 300;
		line-height: 28px;
	}

	.wrap_content{
		width: 810px;
		margin: 0 auto;
	}

/* HEADER WITH LOGO
================================================== */
	#wrap_header_logo {
		text-align: center;
		margin: 0 0 32px 0;
		padding: 25px 0 0 0;
	}


/* TITLE COUNTDOWN 
================================================== */
	.title-fadeIn-rome {
		text-align: center;
		color: #FFF;
		font-size: 72px;
		margin: 0 0 92px 0;
		background: url(../images/line-bg.png) no-repeat bottom center;
		text-transform: uppercase;
		overflow: hidden;
		line-height: 72px;
		padding: 10px;
	}

	.title-fadeIn-rome h1 .subtitle-rome {
		font-size: 72px;
		line-height: 72px;
		font-style: normal;
		font-weight: 600;
		color: #fff;
	}
	.title-fadeIn-rome h1 .spanSubtitle-rome {
		font-style: normal;
		font-weight: 100;
		font-size: 72px;
		line-height: 72px;
		color: #fff;
	}
	.themeshark_title_text{
		text-align: center;
		color: #fff;
		margin-bottom: 15px;
	}
	

/* VIDEO BACKGROUND
================================================== */

	#tsp_rome_wrapper { 
		height:100%;
	}

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

	.clearfix:after {
		clear: both;
	}

	.background-video-container #wrap_footer{
		position: absolute;
	}

/* IMAGE BACKGROUND
================================================== */
	#wrap_background {
		background: url(../images/pattern.png) repeat;
	}
	#wrap_background {
		transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-webkit-transition: all 0.7s ease-in-out;
		background-position: top;
		overflow: hidden;
		min-height: 94.9%;
		margin: 0 0 50px 0;
		/*height: 100%;
		max-height:100%;
		height: auto !important;*/
	}


/* SLIDER BACKGROUND
================================================== */
	.wrap-background-slider{
		overflow:hidden;
		height:100%;
	}

	.backstretch{
		top: 0;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		z-index: -9999;
	}

	.wrap-slider {
		top: 0;
		width: 100%;
		overflow: hidden;
	}


/* START of the COUNTDOWN part
================================================== */

	#countdown_dashboard{
		background: url(../images/bg-count.png) no-repeat center;
		overflow: hidden;
		text-align: center;
		margin: 0 0 148px 0;
	}

	.digit {
		text-align: center;
		position: relative;
		font-style: normal;
		font-weight: 300;
		line-height: 65px;
		font-size: 60px;
		margin-top: 3x;
		height: 64px;
		vertical-align: middle;
		display: inline-block;
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		color: #fff;
	}

	.dash_title {
		font-size: 20px;
		text-transform: uppercase;
		font-style: normal;
		font-weight: 100;
		color: #fff;
	}

	.rome-uppercase{
		margin: 0 0 24px 0;
	}

	.rome-uppercase h3{
		text-transform: uppercase;
		text-align: center;
	}
	
	.digit .top{
		display: none;
	}
	
	.digit .bottom{
		display: block;
	}

/* START Sign up Form 
================================================== */
	.widget-search-form-rome .mc4wp-form {
		position: relative;
		display: table;
		border-collapse: separate;
	}

	.widget-search-form-rome{
			margin: 0 0 20px 0;
	}

	.widget-search-form-rome .clear{
		position: relative;
		white-space: nowrap;
		width: 1%;
		vertical-align: bottom;
		display: table-cell;
	}
	
	.widget-search-form-rome input[type="submit"]{
		position: relative;
		border-radius: 0;
		height: 51px;
		background: rgba(246,246,246,0.5);
		border: solid 1px rgba(255,255,255,0);
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.428571429;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		color: #000;
		min-width: 100px;
	}

	.widget-search-form-rome input, .widget-search-form-rome input[type=text],
	.widget-search-form-rome textarea, .widget-search-form-rome input[type=email], 
	.widget-search-form-rome input[type=password], .widget-search-form-rome input[type=tel], 
	.widget-search-form-rome input[type=url]{
		background: rgba(255,255,255,0.2);
		border-radius: 0;
		border: none;
		height: 51px;
		border: solid 1px rgba(255,255,255,0);
		color: #FFF;
		width: 100%;
		margin: 0;
		position: relative;
		border-collapse: separate;
		outline: none;
		padding: 6px 12px;
	}

	.widget-search-form-rome input:required, .widget-search-form-rome input:invalid{
		border-bottom: none;
	}

	.widget-search-form-rome input:focus,
	.widget-search-form-rome input[type=text]:focus, .widget-search-form-rome textarea:focus, 
	.widget-search-form-rome input[type=email]:focus{
		box-shadow: none;
		border-top: solid 1px #f6f6f6;
		border-left: solid 1px #f6f6f6;
		border-bottom: solid 1px #f6f6f6;
		background:rgba(255, 255, 255, 0);
	}

	.widget-search-form-rome label, .widget-search-form-rome .indicates-required{
		color: #FCFCFC;
		font-size: 18px;
		font-weight: 100;
		line-height: 28px;
		display: block;
	}
	.widget-search-form-rome input{
		display: table-cell;
	}

	.widget-search-form-rome h2{
		color: #FCFCFC;
		font-weight: 100;
	}
	
	.widget-search-form-rome input[type="submit"]:hover, 
	.widget-search-form-rome input[type="submit"]:focus{
		background: rgba(246, 246, 246, 0.5);
		color: #000;
	}
	
	.widget-search-form-rome .mc4wp-alert.mc4wp-success,
	.widget-search-form-rome .mc4wp-alert.mc4wp-error{
		display: table-footer-group;
		color: #FFF;
		width: 100%;
	}
	
	
/* START DEMO PANEL & SOCIAL ICON BOX
================================================== */
	.social-icons-panel{
		width: 0px;
		height: 100%;
		position: absolute;
		background: rgba(255, 255, 255, 0.3);
		top: 0;
		right: 0;
	}

	.socials-box-panel{
		position: fixed;
		top: 40px;
		right: 4px;
		width: 83px;
		text-align: center;
	}

	.social-input{
		background: url(../images/icon-plus.png) no-repeat center;
		width: 51px;
		height: 50px;
		margin: 0 0 14px 29px;
		cursor: pointer;
		transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		
		background-color: rgba(255, 255, 255, 0.3);
	}

	.active-social-input{
		background: url(../images/icon-minus.png) no-repeat center;
		background-color: rgba(255, 255, 255, 0.3);
	}

	.tsp_rome_socials_title {
		text-transform: uppercase;
		display: block;
		text-align: center;
		margin: 0 0 20px 0;
		font-size: 20px;
		font-style: normal;
		font-weight: 100;
		color: #fff;
	}

	.tsp_rome_socials{
		/*text-align: center;*/
		display:none;
	}

	.tsp_rome_socials li{
		vertical-align: top;
		margin-right: 7px;
		margin-bottom: 10px;
		margin-left: 7px;
		display: inline-block;
		text-align: center;
	}
	
	.tsp_rome a:active, a:hover {
		color: #fff;
	}
	
		.b-ch-item-wrap{
			height: 50px;
		}
		.b-ch-item {
			position: relative;
			cursor: default;
			border: solid 1px rgba(255,255,255,0.85);
			color: #fff;
		}
		
		.stencil_fair .b-ch-item:hover{
		border: 0;
		}

		.b-ch-info-title{
			font-size: 22px;
			padding: 10px 12px 10px 15px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			width: 51px;
			height: 50px;
			display: block;
		}
		
	.b-ch-item:hover {
		border: solid 1px rgba(255, 255, 255, 0);
	}
	.b-ch-info:hover {
		border: none;
	}

	.b-ch-item .b-ch-info {
		position: absolute;
		display: block;
		width: 50px;
		height: 50px;
		opacity: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-backface-visibility: hidden;
		padding: 10px 12px 10px 15px;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1),0 1px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1),0 1px 2px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1),0 1px 2px rgba(0, 0, 0, 0.1);
		top: 0;
		background: #CF3222;
		font-size: 22px;
		color: #fff;
	}


	.b-ch-item:hover .b-ch-info{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

/* MODAL WINDOW FORM
================================================== */
	.themeshark_modal_window {
		position: relative;
		background: rgba(0, 0, 0, 0);
		padding: 20px;
		width: 620px;
		margin: 20px auto;

	}
	.rome_modal_open{
		display:none;
	}

	.md-close {
		text-align:center;
		display:block;
		color:#fff;
		font-size: 24px;
	}

	
/* START MODAL PANEL SEND MESSAGE
================================================== */
	#themeshark_contact_form {
		margin: 0 auto;
		border: solid 2px #FFF;
		background: rgba(0, 0, 0, 0);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 66px 46px 66px 74px;
	}

	.control-group {
		overflow: hidden;
		margin: 0 0 63px 0;
	}

	.control-label {
		font-size: 18px;
		outline: none;
		color: #FFF;
		font-style: normal;
		font-weight: 100;
		float: left;
		text-transform: uppercase;
	}
	.controls {
		float: right;
	}
	



/* START MODAL PANEL CONTACT US
================================================== */

	#themeshark_map_form {
		overflow: hidden;
	}

	.themeshark_modal_title {
		font-size: 60px;
		font-weight: 100;
		text-transform: uppercase;
		text-align: center;
		padding: 40px;
		color: #fff;
	}

	#main-col-rome-modal {
		margin-left: 49px;
	}

	.bg-rome-modal {
		padding: 10px;
		background: rgba(255, 255, 255, 0.85);
	}

	.rome-modal-addressform {
		border: solid 1px #9E9FA3;
		padding: 16px;
	}

	.rome-modal-small-info {
		background: url(../images/market.png) no-repeat top center;
		color: #262532;
		font-size: 14px;
		text-align: center;
		padding-top: 50px;
	}


	.themeshark_modal_window_close {
		background: url(../images/close-modal-icon.png) no-repeat;
		width: 57px;
		height: 57px;
		cursor: pointer;
		margin: 30px auto;
	}

/* START MODAL PANEL PHONE
================================================== */
	.themeshark_phone_modal_number {
		font-size: 60px;
		font-weight: 100;
		padding: 77px 0 0 0;
		margin: 0 0 154px 0;
		text-align: center;
		line-height: 65px;
		color: #fff;
	}

/* START FOOTER
================================================== */
	#wrap_footer {
		background: #262532;
		padding: 10px 0 10px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		z-index: 100;
		margin: -50px 0 0 0;
		height: 50px;
	}
	
	.wrap_content ul {
		margin: 0;
	}

	.themeshark_footer {
		text-align: center;
	}
	.themeshark_footer li {
		display: inline-block;
		text-transform: uppercase;
		margin: 0 11px 0 0;
		color: #82848C;
		font-size: 12px;
		background: url(../images/divider.png) no-repeat right;
		padding-right: 15px;
		padding-left: 15px;
		font-style: normal;
		font-weight: 300;
	}

	.themeshark_footer li:last-child {
		background: none;
	}

	.themeshark_footer li a {
		color: #82848C;
		font-size: 12px;
		font-style: normal;
		font-weight: 300;
		display: inline-block;
	}

	.themeshark_footer li a:hover {
		color: #FFF;
		text-decoration: none;
	}
	.themeshark_footer li a:hover .themeshark_footer_email_icon, .themeshark_footer li a:hover .themeshark_footer_phone_icon, .themeshark_footer li a:hover .themeshark_footer_contact_icon {
		background-color: #FFF;
	}

	.themeshark_footer li a > span {
		display: inline-block;
	}

	.themeshark_footer_icon {
		display: inline-block;
	}
	
	.themeshark_footer_contact_icon {
		background: #82848C url(../images/icon_stencil.png) no-repeat;
		width: 25px;
		height: 18px;
		background-position: 0px 0px;
	}

	.themeshark_footer_email_icon {
		background: #82848C url(../images/icon_stencil.png) no-repeat;
		width: 25px;
		height: 18px;
		background-position: -28px 0px;
	}

	.themeshark_footer_phone_icon {
		background: #82848C url(../images/icon_stencil.png) no-repeat;
		width: 25px;
		height: 18px;
		background-position: -54px 0px;
	}
	
	

/*==================================================
	MEDIA QUERIES
==================================================*/
	@media screen and (max-width: 1200px) {
		html {
			overflow-y: inherit;
		}
	}
	@media (max-width: 767px){
		
		.tsp_rome {
			background-size: initial;
			-webkit-background-size: initial;
		}
		
		.wrap_content {
			width: auto;
		}
		
		.h_sq {
			width: 42px;
			height: 74px;
		}
		.digit{
			margin-top: -35px;
		}
		
		.hexa_text{
			left: -20px;
		}
		
		.themeshark_modal_window{
			width: auto;
		}
		
		.themeshark_footer li{
			background: none;
		}
		
		.themeshark_footer li .themeshark_footer_contact_name, 
		.themeshark_footer li .themeshark_footer_email_name,
		.themeshark_footer li .themeshark_footer_phone_name{
			display: none;
		}
	}

	@media (max-width: 800px){
		.h_sq {
			width: 42px;
			height: 74px;
		}
		.digit{
			margin-top: -35px;
			font-size: 40px;
		}
		
		.hexa_text{
			left: -20px;
			padding-top: 20px;
		}
		.themeshark_modal_window{
			width: auto;
		}
	}


	@media (max-width: 979px) and (min-width: 768px){
		
		.wrap_content {
			width: 710px;
		}
		
		.h_sq {
			width: 63px;
			height: 86px;
		}
		
	}



	@media (max-width: 480px){
		
		.tsp_rome {
			background-size: initial;
			-webkit-background-size: initial;
		}
		
			.wrap_content {
				width: auto;
			}

		
		.themeshark_modal_window{
			width: auto;
		}
		
		.themeshark_phone_modal_number {
			font-size: 40px;
		}
		
		.themeshark_modal_window{
			margin: 0 auto;
			top:0;
			min-height: 1080px;
		}
		
		#themeshark_contact_form input, #themeshark_contact_form input.button, #themeshark_contact_form input[type="submit"]{
			float: none;
		}
		
		.h_sq {
			width: 1px;
			height: 44px;
		}
		.hexa_text{
			width: 57px;
		}
		
		#countdown_dashboard{
			padding-top: 40px;
		}

		.digit {
			margin-top: -50px;
			font-size: 16px;
			width: auto;
		}
		.digit .bottom{
			margin-top: 10px;
		}
		.hexa_text{
			left: 0;
		}
		
		.dash_title{
			font-size: 15px;
			margin-top: 24px;
			display: block;
		}
		
		
		.figures-rome {
			height: 2px;
		}
		
		
		.themeshark_footer li{
			background: none;
			padding-right: 0;
			padding-left: 0;
			margin: 0 1px 0 0;
		}
		
		.themeshark_footer li .themeshark_footer_contact_name, 
		.themeshark_footer li .themeshark_footer_email_name,
		.themeshark_footer li .themeshark_footer_phone_name{
			display: none;
		}
		
		#main-col-rome-modal{
			margin-left: 0;
		}
		
		.control-label{
			float: none;
		}
		
		.controls{
			float: none;
		}
		.sbutton{
			float: none;
		}
		
		
		#themeshark_contact_form{
			padding: 10px 10px 10px 10px;
		}
		.title-fadeIn-rome h1 .subtitle-rome {
			font-size: 60px;
		}
		.title-fadeIn-rome h1 .spanSubtitle-rome{
			font-size: 60px;
		}
		
		.themeshark_modal_title{
			font-size: 37px;
			padding: 10px;
		}
		
		#themeshark_contact_form .control-group input{
			width: 100%;
		}
		
		#themeshark_contact_form .control-group textarea{
			width: 100%;
		}
		.wrap-slider #wrap_footer{
				position: initial;
		}

	}