/* IMPORT FONT FAMILY
================================================== */
	@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);

/* RESET & BASICS STYLES
================================================== */
	html, body{
		vertical-align: baseline;
		margin:0;
		height:100%;
	}

	body{
		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%;
	}
	.background-images-container{
		background-image: url(../images/chrisseibert.jpg);
		background-size: cover;
	}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
		 p{
			font-size: 14px;
			line-height: 14px;
			color: #000000;
			margin: 5px 0 11px 0;
			font-weight: 400;
		}
	address{
		padding:0;
		margin:0;
		font-style:normal;
	}

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

	i{
		font-weight: normal;
	}
/* 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 (comimg soon)
================================================== */
	.title-fadeIn-rome {
		text-align: center;
		color: #000000;
		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;
	}
	.title-fadeIn-rome h1 .spanSubtitle-rome {
		font-style: normal;
		font-weight: 100;
		font-size: 72px;
		line-height: 72px;
	}

/* MAGNIFIC POPUP MODAL WINDOW
================================================== */	
	.background-images-container .mfp-bg{
		background: #000000;
		opacity: 0.9;
		filter: alpha(opacity=90);
	}

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

	#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_1.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;
		height: auto !important;
		min-height: 100%;
		height: 100%;
	}


/* 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: #000000;
	}

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

	.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 #mc-embedded-subscribe-form {
		position: relative;
		display: table;
		border-collapse: separate;
	}

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

	.widget-search-form-rome .clear{
		position: relative;
		white-space: nowrap;
		width: 1%;
		vertical-align: bottom;
		display: table-cell;
	}

	 .widget-search-form-rome input.button{
		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{
		background: rgba(255,255,255,0.2);
		border-radius: 0;
		border: none;
		height: 51px;
		border: solid 1px rgba(255,255,255,0);
		color: #000000;
		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{
		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;
	}

/* 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;
	}

	.social-input{
		background: url(../images/icon-plus.png) no-repeat center;
		width: 51px;
		height: 50px;
		margin: 0 0 14px 30px;
		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);
	}

	.themeshark_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: #000000;
	}

	.themeshark_socials{
		text-align: center;
		display:none;
	}

	.themeshark_socials li{
		vertical-align: top;
		margin-right: 7px;
		margin-bottom: 10px;
		margin-left: 7px;
		display: inline-block;
	}
		.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: #000000;
	}


	.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 SEND MESSAGE
================================================== */
	#themeshark_contact_form  label{
		font-size: 18px;
		outline: none;
		color: #FFF;
		font-style: normal;
		font-weight: 100;
		float: left;
		text-transform: uppercase;
	}

	#themeshark_contact_form h2{
		font-size: 18px;
		color: #FFF;
		font-style: normal;
		font-weight: 100;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 30px;
	}

	#themeshark_contact_form .mc-field-group{
		overflow:hidden;
		margin: 0 0 53px 0;
	}

	#themeshark_contact_form .mc-field-group:after{
		clear: both;
		display: block;
		visibility: hidden;
	}

	#themeshark_contact_form .indicates-required{
		color: #000000;
	}

	#themeshark_contact_form  input {
		float: right;
		background: rgba(0, 0, 0, 0);
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #5E606B;
		padding: 1px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 300px;
		font-size: 18px;
		outline: none;
		color: #FFF;
		font-style: normal;
		font-weight: 100;
	}

	#themeshark_contact_form  input.button, #themeshark_contact_form  input[type="submit"]{
		float: right;
		width: auto;
		display: block;
		background: url(../images/send-form-icon.png) no-repeat right;
		border: solid 1px #5E606B;
		color: #FFF;
		text-transform: uppercase;
		padding: 4px 36px 4px 12px;
		font-size: 14px;
		font-weight: 300;
		background-position: 99px 12px;
		transition: background 0.5s ease-in;
		-moz-transition: background 0.5s ease-in;
		-webkit-transition: background 0.5s ease-in;
	}

	#themeshark_contact_form  input.button:hover, #themeshark_contact_form  input[type="submit"]:hover{
		background-color: #000000;
		border: solid 1px #000000;
	}

	input:invalid, textarea:invalid {
		border-bottom: 1px solid #CCC;
	}

	input:required, textarea:required {
		border-bottom: solid 1px #CCC;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}


/* 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: #000000;
		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: #000000;
		padding: 10px 0 10px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		z-index: 100;
		height:49px;
		margin: -49px 0 0 0;
	}

	.themeshark_footer {
		text-align: center;
	}
	.themeshark_footer li {
		display: inline-block;
		text-transform: uppercase;
		margin: 0 11px 0 0;
		color: #9d9d9c;
		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: #9d9d9c;
		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_map_icon {
		background-color: #FFF;
	}


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

	.themeshark_footer_map_icon {
		background: #9d9d9c url(../images/icon_stencil.png) no-repeat;
		width: 25px;
		height: 18px;
		background-position: 0px 0px;
	}

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

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



/*==================================================
	MEDIA QUERIES
==================================================*/

	@media (max-width: 767px){
		.background-images-container{
			background-size: inherit;
		}
		.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_map_name, 
		.themeshark_footer li .themeshark_footer_email_name,
		.themeshark_footer li .themeshark_footer_phone_name{
			display: none;
		}
	}

	@media (max-width: 800px){
		.background-images-container{
			background-size: inherit;
		}
		.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){
		.background-images-container{
			background-size: inherit;
		}
		.wrap_content {
			width: 710px;
		}
		
		.h_sq {
			width: 63px;
			height: 86px;
		}
		
	}



	@media (max-width: 480px){
		.background-images-container{
			background-size: inherit;
		}
			.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: 20px;
			width: 20px;
		}
		.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_map_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;
		}

	}