@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,cyrillic");
@import url("fresco.css");
@import url("mobile.css");
@import url("print.css");

/* ---------------------------- GENERAL ---------------------------- */
* {
	box-sizing: border-box;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	margin: 100px 0 0 0;
	color: #333;
	background-color: #ddd;
}
.wrap {
	width: 960px;
	margin: auto;
}
.clear {
	clear: both;
}
.hidden {
	display: none !important;
}
ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a img {
	border: none;
}
p {
	margin: 0 0 10px 0;
}
a {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color: #cc6600;
	text-decoration: none;
}

/* ---------------------------- FORMS ---------------------------- */
form {
	margin: 0;
}
input, select, textarea, button {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333;
	outline: none;
}
button {
	cursor: pointer;
}

.form input, .form select, .form textarea {
	width: 100%;
	background-color: #fff;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 0 10px 0;
	padding: 10px;
}
.form textarea {
	height: 200px;
	resize: vertical;
}
.form input:focus, .form select:focus, .form textarea:focus {
	border-color: #999;
	background-color: #eee;
}

.success, .error {
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 12px 50%;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 40px;
}
.success { background-image: url("../images/icons/tick-button.png"); }
.error { background-image: url("../images/icons/exclamation-octagon.png"); }

/* ---------------------------- LISTS ---------------------------- */
.list {
	margin: 0 0 20px 0;
}
.list li {
	list-style: disc outside;
	margin: 0 0 0 1em;
}
.list a {
	text-decoration: none;
}

/* ---------------------------- ANIMATIONS ---------------------------- */
.nav li ul,
.search button,
.destination a,
.trips a,
.front, .back,
a.member,
.view-share a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/* ---------------------------- HEADER ---------------------------- */
.header {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 999;
}

.top {
	height: 60px;
}
.logo {
	margin: 10px 0 0 0;
	float: left;
}
.social, .contacts {
	float: right;
}
.social li {
	margin: 18px 0 0 0;
	display: inline-block;
}
.social img {
	width: 24px;
	height: 24px;
}
.contacts {
	line-height: 60px;
}
.contacts li {
	line-height: 14px;
	border-right: 1px solid #ccc;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	display: inline-block;
}
.contacts li:last-child {
	border: none;
	/*margin: 0;*/
	padding: 0;
}
.contacts a {
	color: #333;
	text-decoration: none;
}
.contacts a:hover {
	color: #800e5c;
}

.nav {
	font-size: 12px;
	text-transform: uppercase;
	height: 40px;
	background-color: #004f40;
}
.nav li {
	line-height: 40px;
	margin-right: 20px;
	display: inline-block;
}
.nav a {
	color: #fff;
	text-decoration: none;
}
.nav a:hover {
	color: #1BFFD7;
}

/* sub menu */
.nav li ul {
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	padding: 20px;
	visibility: hidden;
	opacity: 0;	
}
.nav li ul li {
	font-size: 14px;
	line-height: 24px; /* (!) */
	text-transform: none;
	margin: 0;
	display: block;
}
.nav li ul li a {
	color: #fff;
	text-decoration: none;
}
.nav li ul li a:hover {
	color: #aaa;
}
.cols2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

.cols1 {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
}

.cols6 {
    -webkit-columns: 6;
    -moz-columns: 6;
    columns: 6;
}
.nav li:hover ul { /* trigger */
	visibility: visible !important;
	opacity: 1 !important;
}

/* ---------------------------- COVER ---------------------------- */
.cover {
	height: 600px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
	margin: 0 0 80px 0;
}
.title {
	font-size: 48px;
	line-height: 72px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: -1px;
	color: #fff;
	padding: 264px 0 144px 0;
	text-align: center;
}

.search {
	background-color: #fff;
	padding: 20px;
}
.search select, .search button {
	height: 40px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}
.search select {
	width: 250px;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search select::-ms-expand {
	display: none;
}
.search select:focus {
	border-color: #999;
}
.search button {
	width: 140px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #800e5c;
	border: none;
}
.search button:hover {
	background-color: #52093B;
}
.s1 {
	background: url("../images/icons/pin.png") no-repeat 95% center #fff;
}
.s2 {
	background: url("../images/icons/bag.png") no-repeat 95% center #fff;
}
.s3 {
	background: url("../images/icons/calendar.png") no-repeat 95% center #fff;
}

/* ---------------------------- TITLES ---------------------------- */
h1, h2, h3 {
	font-size: 36px;
	line-height: 54px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: -1px;
	text-align: center;
	margin: 0 0 30px 0;
}
h4, h5, h6 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
}

.tt-pink { color: #c5168c; }
.tt-green { color: #00705d; }

/* ---------------------------- BUTTONS ---------------------------- */
.btn-green, .btn-pink {
	height: 40px;
	font-size: 12px;
	font-weight: 700;
	line-height: 40px;
	color: #fff !important;
	border: none;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.btn-green {
	background-color: #004f40;
}
.btn-green:hover {
	background-color: #00362B;
}
.btn-pink {
	background-color: #800e5c;
}
.btn-pink:hover {
	background-color: #690B4B;
}

/* ---------------------------- DESTINATION ---------------------------- */
.destination {
	margin: 0 0 80px 0;
}
.destination li {
	width: 308px;
	height: 308px;
	background-image: url("../images/destinations.jpg");
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
	position: relative;
}
.c1, .c2, .c3 { margin-bottom: 18px; }
.c1, .c2, .c4, .c5 { margin-right: 18px; }
.destination a {
	width: 308px;
	min-height: 308px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 241px 20px 20px;
	text-decoration: none;
	display: block;
}
.destination a:hover {
	background-color: rgba(0, 0, 0, 0.8);
	padding-top: 20px;
}
.c1 { background-position: 0 0; }
.c2 { background-position: -308px 0; }
.c3 { background-position: -616px 0; }
.c4 { background-position: 0 -308px; }
.c5 { background-position: -308px -308px; }
.c6 { background-position: -616px -308px; }
.name {
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

/* ---------------------------- TRIPS ---------------------------- */
.trips {
	margin: 0 0 80px 0;
}
.trips li {
	width: 192px;
	height: 380px;
	background-image: url("../images/trips.jpg");
	background-repeat: no-repeat;
	float: left;
}
.trips a {
	width: 192px;
	height: 380px;
	font-size: 18px;
	line-height: 27px;
	font-weight: 700;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 20px;
	text-decoration: none;
	text-align: center;
	display: block;
}
.trips a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
.t1 { background-position: 0 0; }
.t2 { background-position: -192px 0; }
.t3 { background-position: -384px 0; }
.t4 { background-position: -576px 0; }
.t5 { background-position: -768px 0; }
.t6 { background-position: 0 -380px; }
.t7 { background-position: -192px -380px; }
.t8 { background-position: -384px -380px; }
.t9 { background-position: -576px -380px; }
.t10 { background-position: -768px -380px; }

/* ---------------------------- HIGHLIGHTS ---------------------------- */
.highlights {
	margin: 0 0 80px 0;
}
.highlights a.btn-green {
	display: inline-block;
}

/* ---------------------------- OFFERS / CARDS ---------------------------- */

/* ======================================================================== */

/* credit goes to David Walsh: https://davidwalsh.name/css-flip */

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	transform-style: preserve-3d;
}
/*  UPDATED! flip the pane when hovered */
.flip-container.hover .back { /* (!) :hover became .hover */
	transform: rotateY(0deg);
}
.flip-container.hover .front { /* (!) :hover became .hover */
	transform: rotateY(180deg);
}
.flip-container, .front, .back {
	width: 308px; /* (!) */
	height: 485px; /* (!) */
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}
/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}
/* Some vertical flip updates */
/*.vertical.flip-container {
	position: relative;
}
.vertical .back {
	transform: rotateX(180deg);
}
.vertical.flip-container:hover .back {
	transform: rotateX(0deg);
}
.vertical.flip-container:hover .front {
	transform: rotateX(180deg);
}*/

/* ======================================================================== */

.flip-container {
	margin: 0 18px 18px 0;
	float: left;
}
.flip-list .flip-container:nth-child(3n) { /* (!) must be inside .flip-list otherwise 3n will not work properly */
	margin-right: 0;
}
.front, .back {
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.front:hover, .back:hover {
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.4);
}
.photo, .photo img {
	width: 308px;
	height: 170px;
}
.photo {
	position: relative;
	overflow: hidden;
}
.photo img {
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.photo span {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	padding: 6px 12px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.content {
	text-align: center;
	font-weight: bold;
	padding: 20px;
}
.days, .title-short, .transport, .price {
	margin: 0 0 20px 0;
}
a.title-short {
	height: 81px;
	overflow: hidden;
	font-size: 18px;
	line-height: 27px;
	color: #800e5c;
	text-decoration: none;
	display: block;
}
a:hover.title-short {
	color: #AE147E;
}
.price span {
	font-size: 24px;
	line-height: 36px;
}
.map-show, .map-hide {
	color: #004f40 !important;
	text-decoration: none;
}
.map-show img, .map-hide img {
	vertical-align: text-bottom;
}
.map-box {
	height: 424px;
	overflow: hidden;
}
.map-box img {
	width: 268px;
}

/* ---------------------------- THREE / HOME ABOUT BOXES ---------------------------- */
.three {
	margin: 0 0 80px 0;
}
.z1, .z2, .z3 {
	width: 308px;
	float: left;
}
.z1, .z2 {
	margin-right: 18px;
}
.three a.btn-green {
	display: inline-block;
}

/* ---------------------------- MAP / CONTACTS BOX ---------------------------- */
.map {
	width: 100%;
	height: 300px;
	position: relative;
}
.special_wrap {
	top: 20px;
	left: 50%;
	padding: 0 0 0 172px;
	position: absolute;
	z-index: 111;
}
.contacts_box {
	width: 308px;
	background-color: #fff;
	padding: 20px;
}
.contacts_box li {
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin: 0 0 10px 0;
	padding: 0 0 0 26px;
}
.contacts_box li a {
	color: #333;
	text-decoration: none;
}
.contacts_box li a:hover {
	color: #800e5c;
}
.a1 { background-image: url("../images/icons/pin-black.png"); }
.a2 { background-image: url("../images/icons/phone.png"); }
.a3 { background-image: url("../images/icons/time.png"); }
.a4 { background-image: url("../images/icons/mail.png"); }
#googleMap {
	height: 300px;
}

/* ---------------------------- FOOTER ---------------------------- */
.footer {
	color: #fff;
	background: url("../images/footer.png") repeat #222;
	padding: 20px 0;
}
.footer_col1, .footer_col2, .footer_col3 {
	width: 308px;
	float: left;
}
.footer_col1, .footer_col2 {
	margin-right: 18px;
}
.footer a {
	color: #ccc;
	text-decoration: none;
}
.footer a:hover {
	color: #fff;
}
a.member {
	opacity: 0.3;
}
a:hover.member {
	opacity: 1;
}
.footer_col2 input {
	width: 100%;
	height: 40px;
	border: none;
	background-color: #fff;
	margin: 0 0 10px 0;
	padding: 0 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.loading, .status {
	display: none;
}
.status {
	line-height: 40px;
}
.footer_col2 button {
	float: left;
}
.copy {
	font-size: 12px;
	line-height: 18px;
	color: #999;
	border-top: 1px solid #555;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	height: 80px;
}

.copy_column {
    width: 50%;
    float: left;
}

/* ---------------------------- RESULTS ---------------------------- */
.results {
	margin: 0 0 80px 0;
}
.results-top h1 {
	float: left;
}
.results-top h1 span {
	color: #999;
}
.results-top select {
	height: 40px;
	background-color: #fff;
	margin: 7px 0 0 0;
	padding: 0 10px;
	border: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: right;
}

/* ---------------------------- GIFT ---------------------------- */
.gift-wrap {
	width: 640px;
	margin: auto;
	padding: 60px 0;
}
.gift {
	background: url("../images/gift.jpg") no-repeat bottom center #fff;
	padding: 20px 20px 226px 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.gift h1 {
	margin: 0 0 20px 0;
}
.gift .btn-pink {
	display: inline-block;
}

/* ---------------------------- TERMS / EMAIL FORM ---------------------------- */
.terms-wrap {
	width: 960px;
	margin: auto;
	padding: 60px 0;
}
.email-wrap {
	width: 640px;
	margin: auto;
	padding: 60px 0;
}
.terms, .email {
	background-color: #fff;
	padding: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.terms h1, .email h1 {
	margin: 0 0 20px 0;
}
.terms .btn-green {
	display: inline-block;
}

/* ---------------------------- REQUEST ---------------------------- */
.request {
	padding: 60px 0;
}
.request-left {
	width: 634px;
	float: left;
}
.request-right {
	width: 308px;
	float: right;
}

.request-section {
	margin: 0 0 20px 0;
	padding: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.request-left .request-section {
	background-color: #fff;
}
.request-right .request-section {
	border: 1px solid #aaa;
}
.request-title {
	font-weight: bold;
	color: #004f40;
	margin: 0 0 20px 0;
}

.field {
	margin: 0 0 10px 0;
}
.request-section .field:last-child {
	margin: 0;
}
.field label {
	margin: 0 0 5px 0;
	display: block;
}
.field span {
	color: #C5168C;
	font-weight: normal;
}
.field input, .field select, .field textarea {
	width: 100%;
	background-color: #fff;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
}
.field textarea {
	height: 100px;
	resize: vertical;
}
.field input:focus, .field select:focus, .field textarea:focus {
	border-color: #999;
	background-color: #eee;
}

.bold {
		font-weight: bold;
}

.rooms, .adults, .children {
	width: 33.33%;
	float: left;
}
.rooms {
	padding: 0 5px 0 0;
}
.adults {
	padding: 0 5px 0 5px;
}
.children {
	padding: 0 0 0 5px;
}
.age {
	display: none;
}
.age select {
	width: 10% !important;
	min-width: 60px;
}

.agree {
	margin: 0 0 20px 0;
}

.request-right li {
	list-style: disc outside;
	margin: 0 0 0 1em;
}

/* ---------------------------- VIEW ---------------------------- */
.view {
	padding: 40px 0 80px 0;
}
.view h1 {
	font-size: 24px;
	line-height: 36px;
	text-align: left;
}
.view-description {
	margin: 0 0 40px 0;
	font-style: italic;
}

.view-cover {
	height: 340px;
	overflow: hidden;
	position: relative;
	margin: 0 0 40px 0;
}
.view-cover ul {
	z-index: 111;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.view-cover li {
	margin-left: 10px;
	display: inline-block;
}
.view-cover li a {
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	color: #333;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 20px 50%;
	padding: 0 20px 0 46px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
.v1 a { background-image: url("../images/icons/photos.png"); }
.v2 a { background-image: url("../images/icons/video.png"); }
.v3 a { background-image: url("../images/icons/pin-black.png"); }

.view-tabs {
	border-bottom: 1px solid #aaa;
	margin: 0 0 40px 0;
}
.view-tabs li {
	margin: 0 5px 0 0;
	display: inline-block;
}
.view-tabs a {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
	padding: 8px 16px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	position: relative; /* important for arrow */
}
.view-tabs a:hover {
	color: #666;
}
.view-tabs .active a {
	color: #fff;
	background-color: #004f40;
}
.view-tabs .active a:after { /* arrow */
	position: absolute;
	top: 34px; /* (!) 18 line height + 2x8 padding */
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
	margin-left: -9px;
	border-width: 9px;
	border-top-color: #004f40;
	z-index: 111;
}

.view-left {
	width: 634px;
	float: left;
}
.view-right {
	width: 308px;
	float: right;
}

.view-box {
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	text-align: center;
}
.view-days,
.view-box .btn-pink,
.view-transport,
.view-price,
.view-code {
	margin: 0 0 20px 0;
}
.view-days, .view-price {
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
}
.view-box .btn-pink {
	display: inline-block;
}
.view-price span {
	font-size: 24px;
	line-height: 36px;
}
.view-code {
	font-size: 12px;
	line-height: 18px;
}
.view-share li {
	display: inline-block;
}
.view-share a {
	width: 24px;
	height: 24px;
	background-image: url("../images/icons/social/share.png");
	background-repeat: no-repeat;
	display: block;
	opacity: 0.5;
}
.view-share a:hover {
	opacity: 1;
}
.view-share a span {
	display: none;
}
.sh1 a { background-position: 0 0; }
.sh2 a { background-position: -24px 0; }
.sh3 a { background-position: -48px 0; }
.sh4 a { background-position: -72px 0; }
.sh5 a { background-position: -96px 0; }
.sh6 a { background-position: -120px 0; }

/* ---------------------------- WYSIWYG ---------------------------- */
.wysiwyg ul, .wysiwyg ol {
	margin: 0 0 20px 0;
}
.wysiwyg ul li {
	list-style: disc outside;
	margin: 0 0 0 1em;
}
.wysiwyg ol li {
	list-style: decimal outside;
	margin: 0 0 0 1em;
}
.wysiwyg table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
.wysiwyg td {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 6px;
}

/* ---------------------------- WHITELABEL / BOHEMIA / CRUISES ---------------------------- */
.whitelabel {
	padding: 60px 0;
}
.whitelabel-frame {
	background-color: #fff;
	padding: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* ---------------------------- GUESTBOOK ---------------------------- */
.guestbook {
	padding: 60px 0;
}
.guestbook h1 {
	margin: 0 0 10px 0;
}
.gb-add {
	font-size: 18px;
	line-height: 27px;
	margin: 0 0 60px 0;
	text-align: center;
}
.gb-list {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	column-gap: 18px;
}
.gb-item {
	margin: 0 0 18px 0;
	display: inline-block;
}
.gb-title {
	padding: 0 0 19px 0;
}
.gb-content {
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	position: relative; /* important for the arrow */
}
.gb-content:before {
	position: absolute;
	top: -18px; /* 2x9 */
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
	margin-left: -9px;
	border-width: 9px;
	border-bottom-color: #fff;
	z-index: 111;
}
.gb-content img {
	width: 100%;
	margin: 0 0 10px 0;
}

/* ---------------------------- CORPORATE / ABOUT ---------------------------- */
.corporate, .about {
	padding: 60px 0;
}

.corporate-list, .about-list {
	margin: 0 0 40px 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}
.corporate-item, .about-item {
	margin: 0 0 20px 0;
	display: inline-block;
}

.corporate-pics, .about-team {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	column-gap: 18px;
}
.corporate-pics li, .about-team li {
	margin: 0 0 18px 0;
	display: inline-block;
}
.corporate-pics img, .about-team img {
	width: 100%;
}
.about-team img {
	margin: 0 0 10px 0;
}

@-webkit-keyframes panoscroll {
	0%, 100% { background-position: 0 0; }
	50% { background-position: 100% 0; }
}
@-moz-keyframes panoscroll {
	0%, 100% { background-position: 0 0; }
	50% { background-position: 100% 0; }
}
@keyframes panoscroll {
	0%, 100% { background-position: 0 0; }
	50% { background-position: 100% 0; }
}
.panoscroll {
	width: 100%;
	height: 500px;
	background-image: url("../images/about/slider.jpg");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 0 0;
    -webkit-animation: panoscroll 30s infinite linear;
    -moz-animation: panoscroll 30s infinite linear;
    animation: panoscroll 30s infinite linear;
}