/*  
Theme Name: Residence Tourist Residence
Theme URI: http://www.touristresidence.it
Description: Residence Tourist Residence
Version: 1.0
Author: BeeSoft - Web & Mobile Solutions
Author URI: http://www.beesoft.it
Text Domain: touristredince
*/
/**************************************************************************************/
/*
	GRID
	
	number of columns = 12
	gutter = 20px
*/
.container { 
	margin: 0px auto 0px auto;
	width: 980px;
}
.row:after, .gallery:after, .grid-list:after, .frm-wrap:after {
	content: '';
	display: block;
	clear: both;
}
.col {
	margin: 0px 0px 20px 20px;
	float: left;
}
.col .row, .col .gallery, .col .grid-list, .col .frm-wrap { margin-left: -20px; }
.col .col { margin-bottom: 0px; }
.c1 { width: 60px; }
.c2 { width: 140px; }
.c3 { width: 220px; }
.c4 { width: 300px; }
.c5 { width: 380px; }
.c6 { width: 460px; }
.c7 { width: 540px; }
.c8 { width: 620px; }
.c9 { width: 700px; }
.c10 { width: 780px; }
.c11 { width: 860px; }
.c12 { width: 940px; }
.offset1 { margin-left: 100px; }
.offset2 { margin-left: 180px; }
.offset3 { margin-left: 260px; }
.offset4 { margin-left: 340px; }
.offset5 { margin-left: 420px; }
.offset6 { margin-left: 500px; }
.offset7 { margin-left: 580px; }
.offset8 { margin-left: 660px; }
.offset9 { margin-left: 740px; }
.offset10 { margin-left: 820px; }
.offset11 { margin-left: 900px; }
.gallery { clear: both; }
.gallery img {
	display: block;
	width: 100%;
	height: auto;
	border-bottom-left-radius: 14px;
	border-top-right-radius: 14px;
}
.col .gallery, .col .grid-list { margin-bottom: -20px; }
.col .gallery .col, .col .grid-list .col { margin-bottom: 20px; }
/**************************************************************************************/
* { /* fast reset */
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	outline: 0px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
body {  
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #444;
	font-weight: 300;
}
h1 { 
	font-family: 'Satisfy', cursive;
	font-weight: 400;
}
h2, h3, h4 { font-weight: 300; font-family: 'Satisfy', cursive; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
p { 
	line-height: 160%; 
	margin-bottom: 10px;
}
a { 
	text-decoration: none; 
	color: #BF5313;
}
li { list-style: none; }
img {
	display: block;
	width: 100%;
	height: auto;
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=submit], textarea, select {
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button, select, input[type=submit] { cursor: pointer; }
/**************************************************************************************/
.carousel { position: relative; }
.carousel .viewport { overflow: hidden; }
.carousel .viewport ul { width: 900%; }
.carousel .viewport li {
	width:300px !important; 
	position: relative;
	overflow: hidden;
	float: left; 
}
.carousel .arrow {
	font-size: 20px;
	cursor: pointer;
}
.carousel .arrow.right { 
}
.carousel .arrow.left { 
}
/**************************************************************************************/
.title h2 {
	border-top: 1px solid rgba(0,0,0,0.1);
	position: relative;
	padding-top: 10px;
	margin-bottom: 5px;
}
.title h2:before {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	background: #BF5313;
	position: absolute;
	top: -5px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.block { 
	padding: 20px;
	border:1px dashed rgba(0,0,0,0.2); 
	background: #fff;
}
.block .photo {
	/*border: 5px solid #fff;*/
	position: relative;
	z-index: 100;
	overflow: hidden;
	margin-bottom: 30px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	/*-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;*/
}
.block .photo a { 
	position: relative; 
	display: block;
}
.block .photo.video a:before {
	content: '';
	background: url('images/img-video-overlay.png') no-repeat center;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
/*.block:hover .photo {
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}*/
.block .desc { margin-bottom: 20px; }
.block .desc ul {
	line-height: 160%; 
	margin-bottom: 10px;
}
.block .desc li {
	background: url('images/icon-list-pointer.png') no-repeat 0px 2px;
	padding: 3px 0px 3px 30px;
}
.type {
	position: absolute;
	background: #ce4d45;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	margin: 20px 0px 0px 20px;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;
	z-index: 150;
}
.cover .type { top: 0px; }
.price {
	position: absolute;
	background: #2aa876;
	border-radius: 50%;
	padding-top: 14px;
	text-align: center;
	font-size: 0.8em;
	z-index: 100;
	width: 80px;
	height: 80px;
	color: #fff;	
	top: 30px;
	right: 5px;
}
.price strong {
	display: block;
	font-size: 2.2em;
	font-weight: 300;
}
.dates {
	margin-top: 10px;
	font-size: 0.9em;
	color: #aaa;
}
.dates i {
	margin-right: 5px;
	background: rgba(0,0,0,0.05);
	text-align: center;
	border-radius: 50%;
	line-height: 30px;
	font-size: 16px;
	width: 30px;
	height: 30px;
}
.cont i {
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}
.cont { 
	margin: 10px 10px 0px 0px; 
	display: inline-block;
	clear: left;
	float: left;
}
.btn {
	font-weight: 300;
	display: inline-block;
	padding: 0px 10px 0px 10px;
	margin-right: 5px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	line-height: 30px;
	background: #BF5313; 
	color: #fff;
	font-size: 14px;
}
.btn i {
	font-size: 16px;
	margin-left: 5px;
}
.callto .btn {
	padding: 10px 20px;
	background: #BF5313;
	line-height: 20px;
	font-size: 16px;
}
.frm-wrap label {
	font-weight: bold;
	display: block;
}
.frm-wrap small {
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
}
.frm-text, .frm-textarea, .frm-select {
	border-radius: 5px !important;
	padding: 10px;
	background: #fff;
	width: 100%;
}
.frm-submit.btn {
	border-radius: 5px !important;
	padding: 0px 20px 0px 20px;
	background: #BF5313;
	line-height: 40px;
	font-size: 16px;
}
.req { color: red; }
/**************************************************************************************/
#head {
	border-bottom: 3px solid rgba(0,0,0,0.1);
	background: #D8C183 url('images/bg_pattern.png'); 
	/*-webkit-box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.5);
	*/position: relative;
	z-index: 300;
}
#top-bar {
	padding: 15px 20px 0px 20px;
	background: #D8C183 url('images/bg_pattern.png'); 
	overflow: hidden;
	color: #fff;
}
#top-bar .col { margin-bottom: 0px; }
#top-bar a { color: #fff; }
#lang {
	background: rgba(0,0,0,0.1);
	padding: 0px 10px 0px 10px;
	border-radius: 5px;
	line-height: 30px;
	float: left;
}
#lang a {
	margin: 0px 5px 0px 5px;
	opacity: 0.5;
}
#lang a.sel { opacity: 1; }
#quick {
	line-height: 30px;
	float: right;
}
#quick strong { color: #bae2f2; }
#quick .cont { margin: 0px 20px 0px 0px; }
#quick .btn { background: #BF5313; }
#quick .tel { 	
	margin: 0px 20px 0px 20px;
	padding: 0px 20px 0px 10px;
	background: #00428c;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	line-height: 30px;
	display: inline-block;
}
#quick .tel i { 
	font-size: 20px; 
	margin-right: 10px;
	vertical-align: middle;
}
/**************************************************************************************/
#logo { 
	margin-top: 20px;
	width: 110%;
	max-width: 500px; 
}
#tgl-nav { display: none; }
#menu { 
	float: right; 
	padding-top: 30px;
}
#menu li {
	border-bottom: 5px solid transparent;
	display: block;
	float: left;
	line-height: 50px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#menu a {
	color: rgba(0,66,140,0.8);
	display: inline-block;
	padding: 0px 20px 0px 20px;
	/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
#menu li:hover { border-color: rgba(0,66,140,0.8); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#menu .sel { border-color: rgba(0,66,140,1); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; font-weight: 500; }
#menu .sel a { color: rgba(0,66,140,1); font-weight: 500; }
/**************************************************************************************/
#slider { 
	position: relative;
	overflow: hidden;
	height: 450px;
	z-index: 100;
	-webkit-box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.5);
}
#slider .viewport { overflow: hidden; }
#slider .slide {
	position: absolute;
	display: none;
	width: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#slider .slide.show { opacity: 1; }
#slider .bg {
	position: absolute; 
	width: 100%;
	top: 0px;
}
#slider .bg img {
	width: auto;
	min-width: 100%;
	height: 100%;
}
#slider .box { 
	padding: 20px 0px 20px 0px;
	background: rgba(0,0,0,0.4);
	text-align: center;
	position: absolute;
	width: 100%;
	opacity: 0;
	top: 600px;
	z-index: 100;
	color: #fff;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}
#slider .show .box { 
	top: 300px;
	opacity: 1;
}
#slider .box a { color: #fff; }
#slider .box h2 {
	font-size: 3.5em;
	font-weight: 300;
}
#slider .box p { 
	font-size: 1.5em; 
	font-weight: 300;
}
#slider .nav { 
	position: absolute;
	text-align: center;
	line-height: 50px;
	opacity: 1;
	width: 100%;
	bottom: 30px;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#slider .arrow {
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
}
#slider .arrow.right { margin-left: 20px; }
#slider .arrow.left { margin-right: 20px; }
#slider .bullet {
	margin: 0px 5px 0px 5px;
	display: inline-block;
	vertical-align: middle;
	text-indent: -90000px;
	background: #fff;
	cursor: pointer;
	opacity: 0.5;
	width: 26px;
	height: 10px;
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#slider .bullet.sel { opacity: 1; }
/**************************************************************************************/
#intro { 
	background: #fff;
	padding: 50px 0px 30px 0px; 
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.2);
}
#intro .container { 
	position: relative; 
	z-index: 200;
}
#intro:before {
	content: '';
	position: absolute;
	width: 700px;
	height: 700px;
	border-radius: 50%;
	background: rgba(239,156,16,0.1);
	right: -250px;
	top: -180px;
}
#intro:after {
	content: '';
	position: absolute;
	width: 700px;
	height: 700px;
	border-radius: 50%;
	background: rgba(239,156,16,0.1);
	left: -250px;
	top: -20px;
}
/**************************************************************************************/
#offers { 
	position: relative; 
	padding-top: 20px;
}
#offers .viewport { 
	border: 1px dashed rgba(0,0,0,0.2); 
	position: relative;
	overflow: hidden;
}
#offers .label {
	padding: 10px;
	position: absolute;
	background: #BF5313;
	top: -10px;
	z-index: 200;
	color: #fff;
	margin-left: 15px;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
}
#offers .nav {
	position: absolute;
	z-index: 100;
	right: 0px;
	top: 7px;
}
#offers .arrow { 
	margin-right: 20px; 
	color: #ce4d45;
}
#offers .photo { margin-bottom: 10px; }
#offers .block {
	background: rgba(255,255,255,0.8);
	padding-bottom: 10px;
	text-align: center;
}
/**************************************************************************************/
#launch { 
	overflow: hidden;
	border: 1px dashed rgba(0,0,0,0.2);
	margin-top: 20px;
	background: #fff;
	min-height: 328px; 
}
#launch .title h2 { padding-right: 60%; }
#launch .desc {
	width: 45%;
}
#launch .photo {
	margin: 20px 10px 0px 0px;
	float: right; 
	width: 50%;
}

#launch .btn { clear: both; }
/**************************************************************************************/
#highlight {
	padding: 50px 0px 30px 0px;
	background: #fff;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.5);
}
#highlight:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: 800px;
	top: -50%;
	border-radius: 50%;
	background: rgba(239,156,16,0.1);;
}
#highlight .container {
	position: relative;
	z-index: 100;
}
#highlight .block .desc { min-height: 130px; }
/**************************************************************************************/
#heading { 
	border-bottom: 3px solid rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative;
}
#heading:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100px;
	bottom: 0px;
	left: 0px;
	background: rgba(0,0,0,0.4);
}
#heading .container {
	position: relative;
	height: 220px;
}
#heading h2 { text-transform:lowercase; }
#heading h2, #heading .breadcrumb {
	position: absolute;
	z-index: 100;
	bottom: 20px;
	color: #fff; 
}
#heading .breadcrumb {
	font-size: 10px; 
	right: 20px;
}
#heading .breadcrumb a { color: #fff; }
#heading .bg {
	position: absolute;
	overflow: hidden;
	width: 100%;
	top: 0px;
	left: 0px;
}
/**************************************************************************************/
#content { 
	padding: 40px 0px 40px 0px; 
	background: url('images/bg-content.jpg') no-repeat 0px 0px;
}
#page .title h1 {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: #BF5313;
	font-size: 2.8em;
	line-height: 60%;
	margin-bottom: 20px; 
}
#page .dates { margin-bottom: 20px; }
#page .cover, #page .map { 
	position: relative;
	margin-bottom: 20px; 
}
#page .map iframe { width: 100%; border-bottom-left-radius: 14px; border-top-right-radius: 14px; overflow: hidden; }
#page .cover {
	/*border: 5px solid #fff;
	position: relative;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);*/
	padding:0 20px 0 0;
	position: relative;
}
#page img {
	border-bottom-left-radius: 14px;
	border-top-right-radius: 14px;

}
#page .cover .price {
	top: -20px;
	right: 40px;
}
#page .tariffs { 
	margin-bottom: 20px; 
}
#page .tariffs table {
	border-collapse: collapse;
	width: 100%;
}
#page .tariffs th {
	background: #00428E;
	color: #fff;
}
#page .tariffs th, #page .tariffs td {
	text-align: center;
	padding: 10px;
}
#page .tariffs th:first-child { width: 20%; }
#page .tariffs tr { background-color: #fff; }
#page .tariffs tr:nth-child(odd) { background-color: #efefef; }
#page .text h1, #page .text h2, #page .text h3, #page .text h4 { margin-bottom: 10px; color: #BF5313; }
#page .text { padding-right: 20px; }
#page .text ul { margin: 20px 0px 20px 0px; }
#page .text p, #page .text li { 
	line-height: 180%; 
	margin-bottom: 10px;
}
#page .text li { 
	background: url('images/icon-list-pointer.png') no-repeat 0px 2px;
	padding-left: 30px;
	padding-bottom:6px;
}
#page .text.note {
	padding: 0px 20px 0px 20px;
	margin-top: 20px;
	border-left: 5px solid #00428E;
	font-size: 0.9em !important;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}
#page .text .alignright {
	margin: 5px 0px 20px 20px;
	width: 300px;
	float: right;
	/*border: 5px solid #fff;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);*/
}
#page .text .alignleft {
	margin: 5px 20px 20px 0px;
	width: 300px;
	float: left;
	/*border: 5px solid #fff;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);*/
}
#page .grid-list { margin-top: 30px; } 
#page .grid-list .block {
	position: relative;
	margin-right: 10px;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
	min-height: 280px;
}
#page .grid-list .block .title { margin-bottom: 0px; }
#page .grid-list .desc { overflow: visible; }
#page .grid-list .desc h3 { margin-top: -20px; }
#page .gallery { margin-top: 40px; }
#page .attach {
	border-top: 1px dashed rgba(0,0,0,0.1);
	margin-top: 30px;
}
#page .attach li {
	border-bottom: 1px dashed rgba(0,0,0,0.1);
	padding: 10px 0px 10px 0px;
	font-size: 1.2em;
}
#page .attach i {
	margin-right: 5px;
	font-size: 30px;
}
#request { margin-top: 80px; }
/**************************************************************************************/
#additional { margin-top: 40px; }
#additional .block {
	padding: 20px 0px 20px 0px;
	overflow: hidden;
}
#additional .block .mini-gal { 
	padding-top: 20px; 
	clear: both;
}
#additional .block .mini-gal a { display: inline; }
#additional .block .mini-gal img { 
	width: 32%; 
	margin-right: 1%;
	display: inline-block;
}
#additional .block .photo {
	margin: 10px 2% 0px 0px;
	width: 34%;
	float: left;
}
#additional .block .title h2 { padding-top: 20px; }
#additional .block .desc { 
	margin-left: 36%; 
	overflow: visible;
}
/**************************************************************************************/
#sidebar {
	border-top: 1px solid rgba(0,0,0,0.1);
	position: relative;
	padding-top: 20px;
}
#sidebar:before {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #BF5313;
	position: absolute;
	top: -5px;
}
#sidebar .title h2 { 
	color: #fff;
	border: 0px;
	background: #BF5313;
	padding: 10px 10px 10px 20px;
	font-size: 1.5em;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
}
#sidebar .title h2:before { display: none; }
#sidebar .gallery { margin-bottom: 20px; }
#sidebar .callto { padding: 20px; }
#sidebar .callto .btn { display: block; }
#sidebar .callto .btn i {
	float: right;
	font-size: 20px;
}
#sidebar .callto, #sidebar .block { 
	background: rgba(239,156,16,0.1);
	border: 1px dashed rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
#sidebar .block .photo { margin-bottom: -15px; }
#sidebar .block .desc { overflow: visible; }
#sidebar .block .desc p { margin-top: 10px; }
#sidebar .block .btn { 
	position: relative; 
	z-index: 100; 
}
#sidebar .block .desc li {
	margin-top: 5px;
	float: none;
	width: auto;
}
#sidebar .cont { 
	white-space: nowrap; 
	position: relative;
	padding-left: 35px;
	clear: none;
	float: none;
}
#sidebar .cont i { 
	background: #BF5313; 
	position: absolute;
	left: 0px;
	top: -5px;
}
#frm-contact {
	border-radius: 3px 20px 3px 20px;
	margin-top: 30px;
	overflow: hidden;
}
#frm-contact p { margin-bottom: 10px; }
#frm-contact li {
	display: inline-block;
	margin-right: 20px;
	margin-top: 5px;
}
#frm-contact .frm-wrap { margin-bottom: 20px; }
#frm-contact .frm-text, #frm-contact .frm-textarea, #frm-contact .frm-select { border: 1px solid #ccc; }
/**************************************************************************************/
#social {
	background: #BF5313;
	color: #fff;
	color: rgba(255,255,255,0.7);
}
#social h4, #social h3, #social a { color: #fff; }
#social .container {
	background: url('images/bg-trip.png') no-repeat 40% 140%;
	padding: 50px 0px 30px 0px;
}
#reviews { position: relative; }
#reviews h4 {
	font-family: 'Satisfy', cursive;
	font-weight: 400;
	font-size: 40px;
}
#reviews blockquote { position: relative; 
	border-left: 1px solid rgba(255,255,255,0.5);
	margin-right: 20%;
	padding: 20px;
}
#reviews blockquote:before {
	font-family: Arial, sans-serif;
	content: '\201C';
	font-size: 80px;
	position: absolute;
	left: -35px;
	top: -15px;
}
#reviews .viewport {
	position: relative;
	height: 180px;
}
#reviews li {
	position: absolute;
	opacity: 0;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#reviews li.sel { opacity: 1; }
#reviews .nav { margin-top: 20px; }
#reviews .bullet {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	text-indent: -90000px;
	background: #fff;
	cursor: pointer;
	opacity: 0.5;
	width: 26px;
	height: 10px;
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#reviews .bullet.sel { opacity: 1; }
#reviews .more {
	background: url('images/logo-trip.png') no-repeat 0px 0px;
	margin-top: 30px;
	display: inline-block;
	padding-top: 25px;
	min-width: 125px;
	font-style: italic;
}
#likebox {
	background: rgba(255,255,255,0.7);
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	border-bottom-left-radius: 14px;
	border-top-right-radius: 14px;
}
#likebox iframe { width:100%; }
#links i {
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0px 5px 0px 10px;
	font-size: 18px;
	text-align: center;
	color: #fff;
}
/**************************************************************************************/
#foot {
	padding: 50px 0px 50px 0px;
	background: #00428c url('images/bg_pattern.png');
	color: #fff;
	color: rgba(255,255,255,0.7);
}
#foot a { 
	color: #fff; 
}
#foot .container {
	padding-top: 30px;
	/*background: rgba(0,0,0,0.1);*/
	border-bottom-left-radius: 14px;
	border-top-right-radius: 14px;
}
#contact { 
	padding: 0px 20px 0px 20px; 
	margin-bottom: 20px;
	color: #fff;
}
#contact h4 {
	font-family: 'Satisfy', cursive;
	font-weight: 400;
	font-size: 2.5em;
	color: #fff;
}
#credits {
	margin-top: 40px;
	padding: 0px 20px 0px 20px; 
	font-size: 10px;
	float: left;
	clear: left;
}
#newsletter {
	background: rgba(0,0,0,0.1);
	padding: 20px 20px 30px 20px; 
	margin:40px 0 30px 0; 
	overflow: hidden;
	border-bottom-left-radius: 14px;
	border-top-right-radius: 14px;
}
#newsletter p { font-size: 12px; }
#newsletter h4 {
	color: #fff;
	margin-bottom: 5px;
	font-size: 1.7em;
}
#newsletter .frm-text {
	border-radius: 5px 0px 0px 5px !important;
	padding: 10px;
	height: 30px;
	width: 70%;
	float: left;
}
#newsletter .frm-submit {
	background: #BF5313;
	border-radius: 0px 5px 5px 0px;
	height: 30px;
	width: 30%;
	float: left;
	color: #fff;
	font-size: 14px;
}
#logos { margin-top: 20px; }
#logos img {
	width: auto;
	height: 60px;
	display: inline-block;
	margin-right: 20px;
}
/**************************************************************************************/
/**************************************************************************************/
/*** WIDE 1280px ***/
@media only screen and (min-width: 1280px) {
	
	.container { width: 1100px; }
	
	.c1 { width: 70px; }
	.c2 { width: 160px; }
	.c3 { width: 250px; }
	.c4 { width: 340px; }
	.c5 { width: 430px; }
	.c6 { width: 520px; }
	.c7 { width: 610px; }
	.c8 { width: 700px; }
	.c9 { width: 790px; }
	.c10 { width: 880px; }
	.c11 { width: 970px; }
	.c12 { width: 1060px; }
	
	.offset1 { margin-left: 110px; }
	.offset2 { margin-left: 200px; }
	.offset3 { margin-left: 290px; }
	.offset4 { margin-left: 380px; }
	.offset5 { margin-left: 470px; }
	.offset6 { margin-left: 560px; }
	.offset7 { margin-left: 650px; }
	.offset8 { margin-left: 740px; }
	.offset9 { margin-left: 830px; }
	.offset10 { margin-left: 920px; }
	.offset11 { margin-left: 1010px; }
/**************************************************************************************/
	body { font-size: 14px; }
	
	.block .desc { overflow: hidden; }
	
	.block .desc li {
		float: left;
		width: 50%;
	}
	
	#slider { height: 550px; }
	
	#slider .bg img {
		width: 100%;
		height: auto;
		min-height: 100%;
	}
	
	#heading .container { height: 300px; }
	
	#launch .title h2 { padding-right: 50%; }
	
	.carousel .viewport li { width:340px !important; }
	
	.price {
		padding-top: 20px;
		width: 100px;
		height: 100px;
	}
	
	#page .grid-list .block { min-height: 350px; }
	
}
/*** TABLET 768px (vertical) ***/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.container { width: 740px; }
	
	.c1 { width: 40px; }
	.c2 { width: 100px; }
	.c3 { width: 160px; }
	.c4 { width: 220px; }
	.c5 { width: 280px; }
	.c6 { width: 340px; }
	.c7 { width: 400px; }
	.c8 { width: 460px; }
	.c9 { width: 520px; }
	.c10 { width: 580px; }
	.c11 { width: 640px; }
	.c12 { width: 700px; }
	
	.offset1 { margin-left: 80px; }
	.offset2 { margin-left: 140px; }
	.offset3 { margin-left: 200px; }
	.offset4 { margin-left: 260px; }
	.offset5 { margin-left: 320px; }
	.offset6 { margin-left: 380px; }
	.offset7 { margin-left: 440px; }
	.offset8 { margin-left: 500px; }
	.offset9 { margin-left: 560px; }
	.offset10 { margin-left: 620px; }
	.offset11 { margin-left: 680px; }
	
	#page .grid-list .block { min-height: 220px; }
	
/**************************************************************************************/
#quick .tel { font-size:10px; }
#quick strong { font-size:10px; }
#quick .btn { font-size:10px; }
#menu a { padding:0px 12px 0px 12px; }
#menu { padding-top:10px; }
.title h2 { 
	font-size:1.6em;
	min-height:80px; 
}
.price { 
	width:80px;
	height:80px;
	padding-top:16px;
}
#launch.block .btn { 
	margin-top:20px;
	margin-left:20px; 
}
#likebox { padding:10px 20px 10px 20px; }
#offers.carousel .viewport li { width:230px !important; }
#reviews blockquote:before { left:-35px; }
#reviews h4 { padding-left:40px; }
#reviews blockquote { margin-left:20px; }
#links em {
	width:100%;
	text-align:center;
	padding-bottom:10px;
	float:left;
}
#logos img { margin-right:10px; }
#heading .bg img {
	width:auto;
	height:224px;
}
 
#sidebar .block .btn { font-size:10px; }
#sidebar .block .desc { font-size:10px; }
#page .text .alignright { width:220px; }
#page .text .alignleft { width:220px; }
#sidebar .callto .btn { font-size:10px; }
#sidebar .callto .btn i { font-size:12px; } 
.btn i { font-size:12px; }
#page .grid-list .price { top:30px; }
#page .grid-list .block h3 { font-size:14px; }
.block .desc li { padding:8px 3px 3px 30px; }
.title h2 { min-height:inherit; text-align:center; }
#launch .title h2 { text-align:left; }
#highlight .title h2 { text-align:left; }
#page .tariffs { overflow: scroll;  }
#page .tariffs table { width: 200%; }
}
/*** MOBILE 320px ***/
@media only screen and (max-width: 767px) {
	body {
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}
	
	.container { width: 300px; }
	
	.col { 
		margin-left: 20px;
		width: 260px; 
		float: none;
	}
	
/**************************************************************************************/

#top-bar {	padding: 15px 20px 20px 20px; }

#lang { 
	margin-top:0px;
	float:right; 
}
#quick { margin-left:-20px; }
	 
#quick .tel {
	width:100%;
	margin:0;
	margin-top:10px;
}
#quick .btn { margin:10px 0px 10px 36px; }
#quick strong {
	width:100%;
	margin-top:10px;
	text-align:center;
	float:left;
}
#logo { margin-left:-20px; padding-top:10px; margin-top: 0; }
#tgl-nav {
	color: #fff;
	background: #00428c;
	text-transform: uppercase;
	text-decoration: none;
	padding: 6px 10px 6px 10px;
	border-radius: 6px;
	position: absolute;
	display: block;
	left: 20px;
	top:-136px;
	z-index:999;
}
#menu { 
	padding: 10px 0px 10px 0px;
	width: 200px;
	display: none; 
	background: #00428c;
	position: absolute;
	top: -100px;
	left: 10px;
	z-index:9999;
	border-radius:8px;
}
#menu li:before { display:none; }
	
#menu:after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: -5px;
	left: 30px;
	background: #00428c;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu li { 
	margin: 0px !important;
	text-align: left;
	font-size: 13px;
	width: 100% !important;
	float: none !important; 
	padding: 0px !important;
}
	
#menu a {
	width:100%; 
	font-size:12px;
	color: rgba(255,255,255,0.6); 
	padding: 5px 10px 5px 10px !important;
	border-radius: 0px !important;
	display: block;
	text-align:left;
	border-top:none;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}
	
#menu a:hover { border-top:none; border-bottom: 4px solid rgba(255,255,255,0.8); }
#menu a.sel { border-top:none; border-bottom: 4px solid rgba(255,255,255,0.8); color: rgba(255,255,255,0.8); }
#menu .sel a {color: rgba(255,255,255,0.8);}
#slider .show .box { top:220px; }
#slider .box h2 { font-size:2.6em; }
#intro { padding-bottom:0; }
#offers.carousel .viewport li { width:260px !important; }
#offers .price {
	width:80px;
	height:80px;
	top:40px;
	padding-top:14px;
}
#launch .title h2 { 
	padding-right:0;
	float:left; 
}
#launch .desc { width:100%; }
#launch .photo { width:100%; margin-bottom:30px; }
#highlight { padding-top:40px; padding-bottom:0; }
#social .container { background:url('images/bg-trip.png') no-repeat 44% 119%; padding-top:40px; }
#links { text-align:center; }
#links em {
	width:100%;
	text-align:center;
	font-size:18px;
	float:left;
	margin-bottom:10px;
}
#reviews blockquote { margin-right:0; }
#reviews .nav { margin-top:40px; margin-left:20px; }
#reviews .more { margin-left:20px; }
#reviews blockquote:before { left:-30px; }
#likebox { padding:20px; }
#contact { padding-left:0; }
#credits { padding-left:0; }
.cont { font-size:10px; }
#contact h4 { font-size:2.2em; }
#logos { padding-bottom:20px; }
#logos img {
	height:50px;
	margin-right:6px; 
}
#foot { padding-bottom:20px; }
#heading .bg img {
	width:auto;
	height:240px;
}
#heading h2 { bottom:40px; }
#heading .breadcrumb { 
	bottom:20px; 
	left:20px; 
}
#page .title h1 { line-height:120%; font-size:2.6em; }
#sidebar .block .btn { font-size:10px; }
 
.frm-submit.btn { font-size:12px; }
#page .text .alignright {
	width:100%;
	margin:10px 0px 20px 0px;
	float:left;
}
#page .text .alignleft {
	width:100%;
	margin:10px 0px 20px 0px;
	float:left;
}
#page .tariffs { margin-left:-6px; }
#page .tariffs { overflow: scroll; }
#page .tariffs table { width: 200%; }
#page .tariffs th, #page .tariffs td { 
	padding:8px 4px 8px 4px; 
}
.callto .btn {font-size:12px; text-align:center; }
#sidebar .callto .btn i { font-size:14px; float:none; }
#page .grid-list .price { top:30px; }
#page { margin-bottom:60px; }
#page .text { padding-right:0; }
#sidebar .title h2 {text-align:center; }
#page .cover .price {
	width:80px;
	height:80px;
	padding-top:12px;
	right:10px;
	top:-30px; 
}
#additional { 
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 20px;
	margin-top: 40px; 
}
#additional .block .photo {
	margin: 0px 0px 10px 0px;
	width: auto;
	float: none;
}
#additional .block .title h2 { border: 0px; }
#additional .block .title h2:before { display: none; }
#additional .block .desc { 
	margin-left: 0px; 
	overflow: visible;
}
#additional .block .mini-gal img { width: 31%; }
	
}
/*** MOBILE (WIDE) 480px ***/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.container { width: 460px; }
	
	.col { width: 420px; }
	
/**************************************************************************************/
#quick .tel { text-align:center; }
#quick .btn { margin:10px 0px 10px 120px; }
#logo {
	width:80%;
	margin:0 auto;
	padding-top:10px;
}
#tgl-nav { top:-134px; }
#menu { top:-98px; }
#menu a { padding:0px 0px 0px 10px !important; }
#menu .sel a { color:rgba(255,255,255,0.8); }
#offers.carousel .viewport li { width:410px !important; }
#highlight .block .desc { min-height:inherit; }
#reviews .nav { margin-top:0; }
#sidebar .cont { font-size:14px; }
#sidebar .block .btn { font-size:14px; }
 
.frm-submit.btn { font-size:12px; }
#page .tariffs { margin-left:0px; }
.callto .btn { 
	font-size:14px; 
	text-align:center; 
}
#sidebar .callto .btn i { 
	font-size:16px; 
	float:none; 
}
 
}