@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i&subset=cyrillic,latin-ext');

*{box-sizing:border-box;margin:0;padding:0;}

html { width: 100%; margin: 0 auto; background-color: #FFFFFF; min-height: 100%; }

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: 'Arimo', Arial, Tahoma, Helvetica, sans; 
	font-size: 16px;
	line-height: 22px;
	min-height: 100%;
	width: 100%;
	color: #1e1e1e; 
	
	overflow-y: scroll;
	overflow-x: hidden;
}

a { text-decoration:underline; color:#880201; transition: all 0.4s; }
a:hover{ color:#0000; transition: all 0.4s; text-decoration:underline;}

strong {font-weight: 700;}
p {margin: 0 0 14px 0; padding: 0;}

/***** H1-H4 styling *****/

h1, h2, h3, h4 {color:#880201;font-weight:normal;line-height:1.2;margin:0;padding:0;}

h1{
font-size: 40px;line-height:46px;
margin-bottom:30px;
} 

h2{
font-size:32px;line-height:36px;
margin: 30px 0 15px 0;
}

h3{
font-size:28px;
margin: 25px 0 10px 0;
}

a#menu-open { display: block; float: right; cursor: pointer; line-height: 18px; font-size: 14px; }
a#menu-open { display: none; }
a#menu-open.see { display: none; }

a#menu-close { display: none; float: right; cursor: pointer; }
a#menu-close.see { display: block; }


header{
	position:relative;
	float:left;
	background:#FFF;
	width:100%;
	z-index:15000;
}
header:after {content:"";position:absolute;width:100%;height:4px;bottom:-4px;right:0;
background-image:url(../images/orange-gradient.png);
background-repeat: no-repeat;
background-size:100% 100%;}


header .topline{float:left;width:100%;padding:28px calc(50% - 500px);border-bottom:1px solid rgba(0,0,0,0.1);}


#logo{position:absolute;top:0;left:calc(50% - 100px);}
#logo a, #logo a img{float:right;display:block;}


#langs{float:left;}
#langs div.mod-languages ul {list-style:none;}
#langs div.mod-languages ul li{float:left;margin: 0 25px 0 0;}
#langs div.mod-languages ul li a{line-height:40px;font-size:12px;display:block;color:rgba(0,0,0,0.3);}
#langs div.mod-languages ul li a:hover{text-decoration:underline;color:#000000;}
#langs div.mod-languages ul li.lang-active{display:none;}


#contacts ul{list-style:none;float:right;}
#contacts ul li{float:left;}
#contacts ul li a{
	display:block;padding:0 0 0 50px;
	background:url(../images/icon-phone.png) center left no-repeat;
	color:#000;font-size:24px;line-height:40px;text-decoration:none;
}
#contacts ul li a:hover{color:#880201;text-decoration:none;}
#contacts ul li p {margin:0;}



header .footline {float:left;width:100%;padding:0 calc(50% - 500px);}


#main-menu{float:left;width:100%;}

#main-menu>ul.nav{list-style:none;display:flex;justify-content: space-between;}
#main-menu>ul.nav>li{float:left;position:relative;z-index:25000;display: inline-block;}
#main-menu>ul.nav>li>a{display:block;font-size:15px;line-height:60px;text-decoration:none;color:rgba(0,0,0,0.50);}
#main-menu>ul.nav>li>a:hover{text-decoration:underline;color:#000;}

#main-menu>ul.nav>li.active>a{color:#880201;font-weight:bold;}
#main-menu>ul.nav>li.active>a:hover{color:#000000;text-decoration:underline;}

#main-menu>ul.nav>li>ul{display:none;}



/* SLIDER */
#slider{width:100%;height:430px;float:left;position:relative;
background-size:cover;
background-repeat:no-repeat;
background-position:bottom center;
background-image:url('../images/slider-karibu-salas.jpg');}
#slider:after{content:"";position:absolute;top:0;left:52%;width:394px;height:344px;
background-repeat:no-repeat;background-size:contain;background-position:top center;
background-image:url("../images/katamarans-bennu.png");}
#slider .custom{width:100%;padding:0 calc(50% - 500px);position:absolute;bottom:50px;left:0;}

#slider h3{margin:0 0 5px 0;font-weight:bold;font-size:50px;line-height:56px;color:#FFF;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
#slider h2{margin:0;font-weight:bold;font-size:36px;line-height:40px;color:#FFF;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}


/* TRIPS BLOCKS */
#trips {float:left;width:100%;padding:0 calc(50% - 500px);padding-top:70px;}
#trips .custom{background-size:cover;background-position:bottom center;position:relative;float:left;}

#trips .custom:nth-child(1){width: calc(50% - 5px);height:466px;margin-right:10px;}

#trips .custom:nth-child(2){width: calc(50% - 5px);height:228px;margin-bottom:10px;}
#trips .custom:nth-child(3){width: calc(((50% - 5px) / 2) - 5px);height:228px;margin-right:10px;}
#trips .custom:nth-child(4){width: calc(((50% - 5px) / 2) - 5px);height:228px;}

#trips .custom h2{position:absolute;bottom:25px;left:20px;width:calc(100% - 40px);color:#FFF;font-weight:bold;margin:0;font-size:26px;line-height:100%;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
#trips .custom a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px;}


/* CONTENT */

main{float:left;width:100%;}

#topimage{float:left;width:100%;height:120px;background-size:cover;background-position:center center;background-image:url(../images/promo-img.jpg);position:relative;}
#topimage:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center center;background-image:url(../images/katamarans-bennu-small.png);background-repeat:no-repeat;}

article{width:100%;float:left;padding:60px calc(50% - 500px) 75px calc(50% - 500px);z-index:10000;}

article.home{text-align:center;}

article.home table.front{width:100%!important;}
article.home table.front tr td{width:50%!important;vertical-align:top!important;border:0!important;padding:0!important;}
article.home table.front tr td:first-child{padding-right:35px!important;}
article.home table.front tr td:last-child{padding-left:35px!important;}

article.inside>.item-page{width:72%;float:right;}

article.inside>aside{float:left;width:23%;}

#submenus{float:left;width:100%;margin-top:11px;}
#submenus ul{float:left;list-style:none;border-top:1px solid rgba(0,0,0,0.1);margin-bottom:50px;}
#submenus ul li{float:left;width:100%;}
#submenus ul li a{font-size:14px;line-height:18px;padding:13px 15px 13px 15px;display:block;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.6);}
#submenus ul li a:hover{padding:13px 0px 13px 30px;text-decoration:none;color:#000;}
#submenus ul li.current a{color:#880201;font-weight:bold;}

#banner{float:left;width:100%;}
#banner .custom{float:left;width:100%;margin-bottom:50px;}
#banner .custom img{width:100%!important;height:auto!important;}
#banner .custom:last-child{margin-bottom:0;}


article ul.sigFreeClassic>li.sigFreeThumb{margin-left:10px;margin-bottom:10px;}


/* FOOTER */

footer{
float:left;width:100%;padding:20px calc(50% - 500px);border-top:1px solid rgba(0,0,0,0.1);
text-align:center;font-size:12px;line-height:22px;color:rgba(0,0,0,0.4);}








@media (max-width:1160px){

body{font-size: 14px;line-height: 20px;}
#trips .custom h2 {font-size: 22px;}

#slider h3 {font-size: 40px;line-height: 46px;}
#slider h2 {font-size: 28px;line-height: 32px;}

h1 {font-size: 30px;line-height: 36px;}

#main-menu > ul.nav > li > a {font-size: 13px;}

#contacts ul li a {font-size: 20px;}


header .topline,header .footline,#slider .custom,#trips,article,footer {padding-left:calc(50% - 400px);padding-right:calc(50% - 400px);}

#trips .custom:nth-child(1) {height: 370px;}
#trips .custom:nth-child(2),#trips .custom:nth-child(3),#trips .custom:nth-child(4) {height: 180px;}

}

@media (max-width:920px){

header .topline,#slider .custom,#trips,article,footer {padding-left:7%;padding-right:7%;}
header .footline{padding-left:0;padding-right:0;}

header .topline{padding-top:0;padding-bottom:0;border-bottom:0;}

#langs {padding-right:7%;}
#langs div.mod-languages ul li a {line-height: 50px;}

#logo {left: calc(50% - 52px);}
#logo a img{width:94px!important;height:auto!important;}

#contacts ul li a {text-indent:-9999px;padding-left:36px;line-height:50px;margin-right:25px;}


article {padding: 50px 7%;}
footer {padding-right:7%;padding-left:7%;}

#main-menu {padding-right: 0;width: 100%;}
#main-menu > ul.nav {width: 100%;display:block;float:left;}
#main-menu > ul.nav > li {width: 100%;}
#main-menu > ul.nav > li.active > a {background: none transparent;}
#main-menu > ul.nav > li > a{line-height: 15px;padding: 12px 7%;border-top:1px solid #e3e3e3;color:#000;}

#main-menu > ul.nav > li > ul {display: block;list-style:none;float:left;width:100%;}
#main-menu > ul.nav > li > ul > li{float:left;width:100%;}
#main-menu > ul.nav > li > ul > li > a{line-height: 15px;padding: 12px 7%;border-top:1px solid #e3e3e3;background:rgba(0,0,0,0.03);display:block;text-decoration:none;}
#main-menu > ul.nav > li > ul > li > a:hover{color:#000;display:block;}

a#menu-open { display: block;}
a#menu-close {padding: 0;}
a#menu-open img, a#menu-close img{display:block;float:left;}

#main-menu{display:none;}
#main-menu.see{display:block;}

#slider {background-image: url('../images/slider-karibu-salas-mobile.jpg');height: 370px;}
#slider:after{display:none;}

#trips .custom:nth-child(1) {width: 100%;margin-right:0;margin-bottom:10px;height:350px;}
#trips .custom:nth-child(2) {width:100%;margin-bottom:10px;}
#trips .custom:nth-child(3) {width: calc((100% / 2) - 5px);margin-right: 10px;}
#trips .custom:nth-child(4) {width: calc((100% / 2) - 5px);}

#trips .custom:nth-child(2), #trips .custom:nth-child(3), #trips .custom:nth-child(4) {height: 250px;}

article.inside > .item-page {width: 100%;}

article.inside > aside{width:100%;margin-top:30px;}
#submenus, #banner{width:47.5%;margin-top:0;}
#banner{margin-left:5%;}

#topimage {background-image: url(../images/promo-img-mobile.jpg);}
}


@media (max-width:650px) {

#slider {height: 240px;}

article.home table.front, article.home table.front tbody, article.home table.front tr, article.home table.front tr td{display:block;float:left;width:100%;}
article.home table.front tr td:first-child ,article.home table.front tr td:last-child {width:100%!important;padding: 0!important;}

#submenus, #banner {width:100%;}
#banner {margin-left:0;}

#trips .custom:nth-child(1) {height: 220px;}
#trips .custom:nth-child(2), #trips .custom:nth-child(3), #trips .custom:nth-child(4) {height: 220px;}

}


@media (max-width:500px) {
#langs div.mod-languages ul li{margin: 0 5px 0 0;}
#langs ul>li>a{background-repeat:no-repeat;background-position:center center;width:26px;background-size:26px auto;text-indent:-9999px;opacity:0.5;}
#langs ul>li:nth-child(1) a{background-image:url('../images/icon-lv.png');}
#langs ul>li:nth-child(2) a{background-image:url('../images/icon-ru.png');}
#langs ul>li:nth-child(3) a{background-image:url('../images/icon-en.png');}

#contacts ul li a{background-size:24px auto;padding:0; width:30px;margin-right: 15px;}

#slider {height: 200px;}
#slider .custom {bottom: 30px;}
#slider h3 {font-size: 30px;line-height: 36px;}
#slider h2 {font-size: 18px;line-height: 22px;}

#trips{padding-top: 40px;}
#trips .custom h2 {font-size: 18px;}

h1 {font-size: 24px;line-height: 30px;}
h2 {font-size: 20px;line-height: 24px;}
h3 {font-size: 18px;}

#topimage {height: 70px;}

#trips .custom:nth-child(1) {height: 150px;}
#trips .custom:nth-child(2), #trips .custom:nth-child(3), #trips .custom:nth-child(4) {height: 150px;}


}