/*



Theme Name: Cottonopolis



Theme URI: http://www.cottonopolis-nq.com/



Author: The Agency



Author URI: http://www.theagencycreative.co.uk



Description: wordpress theme.



Version: 1.5



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready



Text Domain: cottonopolis



*/



/*font-face*/



@font-face {



    font-family: 'FuturaBook';



    src: url('fonts/FuturaBook.eot');



    src: url('fonts/FuturaBook.eot') format('embedded-opentype'),



         url('fonts/FuturaBook.woff') format('woff2'),



         url('fonts/FuturaBook.woff') format('woff'),



         url('fonts/FuturaBook.ttf') format('truetype'),



         url('fonts/FuturaBook.svg') format('svg');



	font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'Futura_Medium';



    src: url('fonts/Futura_Medium.eot');



    src: url('fonts/Futura_Medium.eot') format('embedded-opentype'),



         url('fonts/Futura_Medium.woff') format('woff2'),



         url('fonts/Futura_Medium.woff') format('woff'),



         url('fonts/Futura_Medium.ttf') format('truetype'),



         url('fonts/Futura_Medium.svg') format('svg');



	font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'Futura_Book_BT';



    src: url('fonts/Futura_Book_BT.eot');



    src: url('fonts/Futura_Book_BT.eot') format('embedded-opentype'),



         url('fonts/Futura_Book_BT.woff') format('woff2'),



         url('fonts/Futura_Book_BT.woff') format('woff'),



         url('fonts/Futura_Book_BT.ttf') format('truetype'),



         url('fonts/Futura_Book_BT.svg') format('svg');



	font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'proximanovaregularwebfont';



    src: url('fonts/proximanovaregularwebfont.eot');



    src: url('fonts/proximanovaregularwebfont.eot') format('embedded-opentype'),



         url('fonts/proximanovaregularwebfont.woff2') format('woff2'),



         url('fonts/proximanovaregularwebfont.woff') format('woff'),



         url('fonts/proximanovaregularwebfont.ttf') format('truetype'),



         url('fonts/proximanovaregularwebfont.svg') format('svg');



	font-weight: normal;



    font-style: normal;



}



/* Css Reset */



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,img,ins,kbd,q,s,samp,small,strike,strong,sub,



sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,



label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 



	margin:0; 



	padding:0; 



	border:0; 



	outline:0; 



	font-size:100%; 



	vertical-align:baseline;



}



a {color: #d17b68;}

.cols {width: 100%; margin: 20px 0 50px; padding: 0 0 50px; height: 400px;}

.col {width: 25%; float: left; font-size: 16px; text-align: center; line-height: 18px;}
.col img {margin: 20px 0 0; height: 140px; }



body {



	background:#000;



	color:#fff;



	padding:0;



	margin:0;



	font-size:12px;



	font-family: 'FuturaBook';



}



*, *:before, *:after {



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



}



ul,ol { list-style:none; }



img,fieldset { border:none; }	



a { text-decoration:none; }



a:hover { text-decoration:none; }



.skip {



	position:absolute;



	left:-9999px;



}



article,aside,details,figcaption,figure,footer,



header,hgroup,main,nav,section,summary {



    display: block;



}



figure {



	margin:0;



	padding:0;



}



.clearfix {



	clear: both;



	width:100%;



	overflow:hidden;



}



.wp-caption { max-width: 100%; }



img[class*="align"],



img[class*="wp-image-"],



img[class*="attachment-"] {



	height: auto;



}



img.size-full,



img.size-large,



img.wp-post-image {



	height: auto;



	max-width: 100%;



}



img {



	max-width:100%;



	height:auto;



	display:block;



}



embed,iframe,



object,video {



	max-width: 100%;



}



html { -webkit-text-size-adjust: none; }



html,body {min-height:100%;}



.entry-content img {



	max-width: 100%;



	height:auto;



}



aligncenter, img.aligncenter {



	clear: both;



	display: block;



	margin:0 auto;



}



.alignright {



	margin: 2px 0px 10px 15px;



	display: inline;



}



.alignleft {



	margin: 2px 15px 10px 0px;



	display: inline;



}



.alignright { float: right; }



.alignleft { float: left; }



.wp-caption {



	border: none;



	text-align: center;



	background:#f5f5f5;



	margin-bottom:10px;



	margin-top:10px;



	padding:5px 0 10px 0;



}



.wp-caption img {



	margin:0;



	padding:0;



	border:0;



	margin-bottom:12px;



}



.wp-caption p.wp-caption-text {



	line-height:18px;



	padding:0 15px;



	display:block;



	font-style:italic;



	color:#000000;



	font-size:12px;



}







input[type="text"],



input[type="email"],



input[type="confirm_email"],



input[type="date"],



input[type="submit"],



textarea {



	-webkit-appearance: none;



	-webkit-border-radius: 0;



}







/*----------------------*/



/*     Page structure   */



/*----------------------*/



#wrapper {



	max-width:1200px;



	padding:0 10px;



	margin:0 auto;



}



.home #header {



	max-width:1180px;



	margin:16px auto 16px;



	background:url(images/bgr_home.png) no-repeat 0 0; 



	height:768px; 



	padding-top:132px;



	background-size:cover;



	-moz-background-size:cover; 



	background-position:center;



}



#header {



	max-width:1180px;



	margin:16px auto 16px;



	background:url(images/bgr_banner.png) no-repeat 0 0; 



	height:381px; 



	padding-top:136px;



	background-size:cover;



	-moz-background-size:cover; 



	background-position:center;



}



.logo {



	max-width:547px;



	margin:0 auto;



}



.logo img {



	max-width:100%;



	display:block;



	height:auto;



	position:relative;



	top:-30px;



}



#news_letter_area {



	max-width:302px;



	margin:30px auto 0;



}



#news_letter_area p {



	font-size:17px;



	color:#fff;



	text-align:center;



	line-height:30px;



	padding-bottom:16px;



}



#news_letter_area p a {



	color:#fff;



	text-transform:uppercase;



	font-size:14px;



}



.sign_up a {



	background:#db8470;



	padding:8px 0 9px 0;



	font-size:16px;



	color:#fff;



	text-align:center;



	display:block;



	margin-bottom:15px;



	-webkit-transition: all 0.3s;



	-moz-transition: all 0.3s;



	-ms-transition: all 0.3s;



	-o-transition: all 0.3s;



	transition: all 0.3s;



	font-family: 'Futura_Book_BT';



	text-transform:uppercase;



}



.sign_up a:hover {



	background:#8b4031;



}



#news_letter_area .social {



	text-align:center;



}



.social li {



	margin-left:43px;



	display:inline-block;



}



.social li:first-child { margin-left:0;}



.social li a {



	display:block;



	text-align:center;



	color:#d17b68;



	font-size:34px;



}



.social li a:hover {background:#000;}



.fa-twitter,



.fa-facebook,



.fa-camera-retro {



	display:block;



}



.add_us { padding-top:8px;}



.add_us img {



	display:block;



	margin:0 auto 6px;



}



#news_letter_area .add_us p {



	font-size:16px;



	color:#d17b68;



	text-align:center;



	line-height:18px;



}



/*----------------------*/



/*      news_area       */



/*----------------------*/



#news_area {



	max-width:807px;



	margin:0 auto;



	padding-top:17px;



}



#news_area h2 {



	font-size:32px;



	color:#fff;



	text-align:center;



	font-family: 'FuturaBook';



	font-weight:normal;



	padding-bottom:10px;



}



#news_area p {



	font-size:16px;



	color:#fff;



	text-align:center;



	font-family: 'Futura_Medium';



}



#news_container {padding-top:1px;}

#booking-table {width: 250px; margin: 0 auto 30px;}



/*----------------------*/



/*     contact_area     */



/*----------------------*/



.about_contact_area {padding-bottom:10px;}



#contact_from {



	padding-bottom:42px;



	position:relative;



}



.row {



	width:100%;



	padding-top:24px;



}



.about_contact {



	width:41.51%;



	float:left;



}



.contact_details {



	width:56%;



	float:right;



}



.about_contact h3 {



	font-size:20px;



	color:#d17b68;



	text-align:center;



	font-family: 'Futura_Medium';



	padding-bottom:19px;



	font-weight:normal;



}



.text_field_name,



.post_code_area { overflow:hidden }



.city {



	width:73%;



	float:left;



}



.post_code {



	width:22%;



	float:right;



}



.select_left {



	width:34%;



	height:48px;



	float:left;



}



.select_rgt {



	width:60%;



	float:right;



}



.select_rgt .normal_select {



	padding-left:18%;



}



.text_field_name {



	margin-bottom:13px;



	font-family: 'Futura_Book_BT';



}



.text_field_name input[type="text"],



.text_field_name input[type="email"],



.text_field_name input[type="confirm_email"],



.text_field_name input[type="date"]{



	width:100%;



	background:#fff;



	font-size:16px;



	text-align:center;



	color:#5a5f62;



	height:48px;



	border:none;



	font-style: normal;



	font-weight:400;



	padding:0 15px;



	border:1px solid #d17b68;



	font-family: 'Futura_Book_BT';



}



.post_code input[type="text"] {



	padding:0 7px;



}



.normal_select {



	width:100%;



	height:47px;



	border:1px solid #d17b68;



}



.submit {



	width:58.48%;



	margin:0 auto 40px;



}



.submit input[type="submit"] {



	background:#db8470;



	width:100%;



	line-height:45px;



	cursor:pointer;



	border:none;



	font-size:20px;



	color:#fff;



	padding:0;



	margin:0;



	outline:none;



	text-transform:uppercase;



	font-style: normal;



	font-family: 'Futura_Book_BT';



}



input[placeholder],



    [placeholder],



    *[placeholder] {



      color:#5a5f62;



    }



::-webkit-input-placeholder {



    color:#5a5f62;



    opacity:1;



}



:-moz-placeholder {



    color:#5a5f62;



	opacity:1;



}



::-moz-placeholder { 



    color:#5a5f62;



	opacity:1;



}



:-ms-input-placeholder {  



   color:#5a5f62;



   opacity:1;



}



/*----------------------*/



/*    from_content       */



/*----------------------*/



#from_content {



	max-width:730px;



	margin:0 auto 80px;



}



#from_content p {



	font-size:12px;



	color:#fff;



	text-align:center;



	line-height:18px;



	font-family: 'proximanovaregularwebfont';



}







span.wpcf7-form-control-wrap {



	display:block;



	position:relative;



}



span.wpcf7-not-valid-tip {



	position:absolute;



	bottom:0;



	left:0;



	right:0;



	width:99.5%;



	line-height:42px;



	margin:0 auto;



	text-align:center;



	font-family: 'Futura_Book_BT';



	height:99.5%;



	font-size:20px;



	border:none !important;



	font-weight:normal;



	background:#fff;



}



span.wpcf7-form-control-wrap.offers { display:inline-block }



.wpcf7-list-item-label { display:none }



div.wpcf7-response-output,



.wpcf7-display-none,



.wpcf7-validation-errors {



	padding:5px;



	color:#fff;



	text-align:center;



	line-height:18px;



	font-family: 'proximanovaregularwebfont';



	position:absolute !important;



	left:0;



	right:0;



	margin:0 auto;



	width:100%;



	bottom:100px;



}



/*------------new-------------*/



#news_letter_area h1 {



	text-align:center;



	font-size:24px;



	text-transform:uppercase;



	font-family: 'FuturaBook';



	font-weight:normal;



	margin-top:-37px;



	padding-bottom:14px;



}



iframe .frmMain {width: 250px; margin: 0 auto;}

.footer_button_area {
	max-width:302px;
	margin:80px auto 0;

}




/*--------------------------------*/
/*	Sayed Popup Home page         */
/*--------------------------------*/
body { position: relative; }
#popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 195px 10px 10px 10px;
	background: rgba(0,0,0,.1);
	z-index: 9999999;
	display: none;
}
#popup .pupup-inner { 
	background: rgba(0,0,0,.8); 
	max-width: 623px;
	margin: 0 auto;
}
#popup .popup-title { 
	position: relative;
	font-family: 'Open Sans', sans-serif; color: #e28574; text-transform: uppercase;
	text-align: center;
	padding: 21px 0 20px 0; 
}
#popup .popup-title h1 {
	font-size: 40px; font-weight: normal; letter-spacing: 1px; line-height: 45px;
}
#popup .popup-title h2 {
	font-size: 25px; font-weight: normal; line-height: 25px;
}
#popup .popup-title a.close {
	position: absolute;
	right: 10px; 
	top: 5px;
	display: inline-block;
	font-size: 25px; line-height: 20px;
}
#popup .popup-title a.close,
#popup .popup-footer a {
	-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;	
}
#popup .popup-title a.close:hover { color: #fff; }
#popup .popup-footer {
	padding: 15px 5px 18px 5px;
	text-align: center;
}
#popup .popup-footer a {
	display: inline-block;
	background: #db8470;
	font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 600;
	width: 257px;
	line-height: 36px;
	padding: 0 5px;
	margin: 0 20px;
}
#popup .popup-footer a:hover { background: #8b4031; }
#popup .popup-body {
	position: relative;
	overflow: hidden;
}
#popup  .flexslider img,
#popup  img {
	display: block;
	max-width: 100%;
	height: auto;
}