@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&subset=cyrillic');

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
html {
    /* background: url(/templates/alg/images/bg1.jpg) no-repeat center;
        background-size: auto;
    background-size: cover; */
	min-height: 100%;
}
body {margin:0;font-size:14px;line-height:15px;color:#333;    font-family: Open sans;}
* {outline:none}
.view-featured #inner_body {background:url(../images/bg1.jpg) no-repeat center;background-size:cover;background-color: #0f0f0d; }
.zip input {
    background: #45b421;
    border: none;
    margin: 50px 0 50px 0;
    color: #fff;
    padding: 20px 30px;
    border-radius: 30px;
    font-family: arial;
    font-size: 130%;
    cursor: pointer;
}
.zip input:hover {
  opacity:0.8
}
#inner_body {max-width:100%}
.itemid-253 [itemprop="articleBody"] {text-align:center}

.itemid-253 [itemprop="articleBody"] a {
    display: inline-block;
    width: 10%;
    font-size: 115%;
    font-weight: bold;
    vertical-align: top;
    margin: 0 3% 30px 0;
    text-align: center;
}
#info p{color: #fff}
.itemid-253 [itemprop="articleBody"] a:hover {color:#ffbc00}
.itemid-253 [itemprop="articleBody"] a img {width:100%;height:auto;margin:0 0 10px 0}

.moduletablemenu_top ul {padding: 20px 0 20px 10%;list-style: none;background: #111;margin: 0}
.moduletablemenu_top li {display: inline-block;vertical-align: top;margin: 0 1% 0 0}
.moduletablemenu_top .active a, .moduletablemenu_top a:hover {border-bottom: 1px solid #ffba00}
.moduletablemenu_top ul li a {color: #fff;text-decoration: none}
.view-article {line-height: 150%}
.view-article a {color:#050505}

table.t_ship {border: 1px solid #ccc;border-collapse: collapse}
table.t_ship tr td:first-child {background: #eee}
table.t_ship tr:first-child {background: #eee}

/* Калькулятор */
.item-page,.view-auctions .items-page, .blog.news_page {margin: 50px 10%;}
.item-page h1,.items-page h1,.item-page h2 {font-size:200%;margin:0 0 30px 0;font-weight:400}
#calculation-table p {margin:0}
#calculation-table p b {font-weight: 600;color: #444;font-size: 120%;margin:30px 0 10px 0;display:inline-block}
#calculation-table b b{display:none}
#calculation-table input[type="button"] {margin: 50px 0 0 0;background: #ffbc00;padding: 10px 25px;border-radius: 10px;border: none;font-family: Open sans;font-size: 120%;cursor:pointer}
#calculation-table input[type="button"]:hover {opacity:0.7}
input#cost, input#power_val, input#vol, select#currency {border: 1px solid #ccc;padding: 10px;color: #666;font-size: 115%;font-family: Open Sans;width: 150px !important}
.td1 {padding:10px 0}
/* Калькулятор */

/* Шапка */
#top {background:url(../images/bg.jpg) no-repeat}
.view-featured #top {background:none;}
#logo {display: inline-block;width: 40%;vertical-align: top;margin: 50px 0 0 10%}
#tel {vertical-align: top;display: inline-block;width: 40%;text-align: right;margin:50px 0 0 0}
#tel a {color:#ffba00;text-decoration:none;border-bottom:1px solid #ffba00;padding:0 0 2px 0}
#tel div {color:#fff;font-size:300%;font-weight:600}
#tel div span {font-size:60%;color:#b2b2b2}
#logo img {display: inline-block;vertical-align: top}
#logo a {color:#fff;text-decoration:none}
#logo div {display: inline-block;vertical-align: top;padding:0 0 0 15px}
.moduletablelogo_tel {padding: 0 0 40px 0}
#top{width:100%}
#anons {width: 100%;display: inline-block; vertical-align: top; color: #fff; text-align: center; margin: 0 20% 0 0; position: absolute} 
/* Шапка */

.view-featured #main, .view-featured #footer {
    display: none;
}

/* Поиск */
#mod-search-searchword,#cargo-search #vin {text-transform: uppercase;background:#ffba00;color:#333;border:none;padding:9px 5%;border-radius:10px;width:90%;font-size:300%;text-align:center;line-height:100%;box-shadow:inset 1px 1px 10px #333}
input::-moz-placeholder {color:#393939}
input::-webkit-input-placeholder {color:#393939}
.moduletablesearchform ul li {display:inline-block;vertical-align:text-top;margin: 0 20px;font-size:115%;}
.moduletablesearchform {width: 100%;display: inline-block;vertical-align: top;text-align: center;margin:2.5% 0 0 0}
.moduletablesearchform #cargo-search {display: inline-block;width:650px;position:relative}
button.button.btn.btn-primary, .moduletablesearchform #cargo-submit {position: absolute;text-indent: -9999px;background: url(../images/search_icon.png) no-repeat;border:none;width:50px;height:50px;top:10px;right:9%;z-index:5}
.moduletablesearchform h3 {color: #fff;font-size: 350%;font-weight:700;    letter-spacing: -3px;    line-height: 100%;margin: 0 0 30px 0}
label.element-invisible {display: none}
.item-search > h1 {display:none}
.moduletablesearchform .item-page h1 {display: inline-block;margin: 70px 0 50px 0;font-size: 300%;font-weight: 300; line-height: 1}
.moduletablesearchform .item-page {background: #fff;    margin: 35px 0 0 0;}
.moduletablesearchform .item-page ul {list-style-type:none;margin:0;padding:0 0 50px 0;}
.moduletablesearchform .item-page > ul {border-bottom: 3px solid #ccc;box-shadow:0 34px 75px -4px #eee}
.moduletablesearchform .item-page > ul > li:nth-child(4) {display: inline-block;width: 100%;margin:0}

.moduletablesearchform ul li a {color:#444}
.moduletablesearchform .item-page > ul > li:nth-child(4) > p {border-top:1px solid #ddd;font-size: 150%; padding: 30px;background: #eee; line-height: initial}
.moduletablesearchform ul ul li {width:20%;margin: 0 1%}
.ajax-loader {margin: 10px 0}
/* Поиск */

/* Расписание судов */
#shedule {margin:70px 10%;display: inline-block;vertical-align: top;width: 80%}
form#cargo-schedule {margin: 0 0 50px 0}
.schedule-form h1 {font-size:250%;font-weight:400;margin:0 0 50px 0}
form#cargo-schedule p, form#cargo-schedule div, form#cargo-schedule label {display: inline-block;vertical-align:middle;margin: 0 20px 0 0}
.items-page table {border-collapse: collapse;max-width: 1000px; width: 100%;font-size: 115%}
.items-page table td {border: 1px solid #ccc;padding: 10px;    width: 10%;}
.items-page table tr:nth-child(1) {background: #eee}
.items-page table tr:nth-child(1) td {padding: 15px 10px;font-weight: 600}
.items-page table a {color: #318dde}
.items-page table a:hover {color:#6eb0ea}
input#schedule_from, input#schedule_to,#cargo-schedule select {padding: 13px 20px;    border-radius: 5px;    box-shadow: inset 1px 1px 1px 0px #ccc;    border: 1px solid #ccc;    margin: 0 10px 0 0;    font-family: open sans;    font-size: 115%;   color: #555;}
input#cargo-submit {cursor:pointer;background: #fb0; border-radius: 10px; padding: 13px 30px; border: none; font-weight: 600; font-family: open sans; font-size: 115%; display: inline-block; vertical-align: middle}
input#cargo-submit:hover {opacity:0.8}
p.departure {color: #56b338}
p.destination {color: #d88e1b}
button#schedule_from_img,button#schedule_to_img {cursor:pointer;background:url(../images/cal_ic.png) no-repeat center;border:none;width:28px;height:28px;display: inline-block;vertical-align: middle;margin: 0 0 7px 0}
/* Расписание судов */

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*Контакты*/
.clearfix:after,
.clearfix:before {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  clear: both;
}
.ico-wrap {
    color: #ECAB00;
    width: 50px;
    height: 50px;
    margin: 25px 20px 2px 2px;
    display: block;
    text-align: center;
    font-size: 25px;
    border: 2px solid #ECAB00;
    float: left;
}
.ico-contact {
    line-height: 1.9 !important;
}
.descript-wrapper {
    float: left;
    margin-bottom: 20px;
}
.aio-icon-title {
    font-size: 18px;
    color: #ECAB00;
    line-height: 1;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .descript-wrapper,
    .ico-wrap {
      float: none;
      text-align: center;
    }
    .ico-wrap {
      margin: 0 auto 15px auto;
    }
}
/*Контакты*/

/* Блоки */
.moduletableblocks {width:100%;text-align:center;display:inline-block;margin: 120px 0 0 0}
.blocks { color: #2f3135;font-size: 180%;font-weight: 400;text-decoration: none;display: inline-block;vertical-align: top;padding: 150px 0 0 0;width: 220px;margin: 0 9%;line-height: 115%;text-transform: uppercase;   background-size: 90px !important;}
.blocks span { border: 1px solid #bfbfbf;font-size:50%; padding:9px 35px 6px 20px; font-weight: 600;    background: url(../images/more_but.png) no-repeat 83% center;text-transform: uppercase;color: #555;    display: inline-block;margin:40px 0 0 0}
.b1 {background:url(../images/icon2.png) no-repeat center top}
.b2 {background:url(../images/icon1.png) no-repeat center top}
.b3 {background:url(../images/icon3.png) no-repeat center top}
.blocks:hover span {background:#ffba00 url(../images/more_but.png) no-repeat 83% center;border:1px solid #ffba00}
/* Блоки */

.moduletablearrow {display:none;width:100%;text-align:center;    margin: 0 0 50px 0;}
.moduletablearrow div {background:url(../images/arrow_yellow.png) no-repeat center top;width:66px;height:34px;display:inline-block;vertical-align:top}

.blog-featured {margin: 120px 10% 20px 10%;text-align: center;line-height:170%;font-size: 120%}
.blog-featured h2 {font-size:300%;font-weight:400;margin:40px 0 80px 0;display:block}

#footer {background:#2f3135;padding:40px 0;margin:100px 0 0 0}
.moduletablemenu_footer {display:inline-block;width:45%;text-align:right}
.moduletablemenu_footer a {color:#fff;text-decoration:none}
.moduletablemenu_footer ul {list-style-type:none;margin:0;padding:0}
.moduletablemenu_footer li {display:inline-block;padding:0 20px;background:url(../images/menu_sep.png) no-repeat right center}
.moduletablemenu_footer li:last-child {background:none}
.moduletablecopyright {display:inline-block;width:40%;margin:0 0 0 10%;color:#fff}
.page-header h2 {display:none;}

@media (max-width:800px) {
	.itemid-253 [itemprop="articleBody"] a {
		display: inline-block;
		width: 47%;
		font-size: 100%;
		font-weight: bold;
		vertical-align: top;
		margin: 0;
		text-align: center;
	}
	.itemid-253 [itemprop="articleBody"] a img {
		width: 100%;
		height: 180px;
		margin: 10px 0;
	}
	.t_ship tr {
		font-size: 10px;
		line-height: 1;
		word-break: break-word;
	}
	#ramka {box-shadow: inset 1px 1px 10px #333; border-radius: 10px;}
	span#menu_s {width: 20px;height: 20px;background: #fff;display: inline-block;background:url(../images/ham.png) no-repeat;margin: 29px 0 0 5%;}
	#tel {width: 40%; margin: 27px 5% 0 0;float: right;line-height: 71%;}
	#logo img {width: 100%}
	#logo {width: 100px;margin: 22px 0 0 5%}
	#tel div {font-size: 150%;font-weight: 400}
	.moduletablesearchform h3 {font-size: 200%;font-weight: 400;letter-spacing: -1px}
	.moduletablesearchform {margin:10% 0 0}
	.moduletable.attention {width: 90% !important;left: 0 !important;right: 0 !important;margin: auto !important;}
	#mod-search-searchword, #cargo-search #vin {padding:4px 5%}
	.moduletablemenu_top {display:none}
	.moduletablemenu_top.bu {display: inline-block;position: absolute;z-index: 10;top:75px;}
	.moduletablearrow {margin:0 0 30px 0}
	.moduletablesearchform #cargo-search {width:90%}
	.moduletablemenu_top li {display: inline-block;width: 100%;margin: 0 0 40px 0}
	.moduletablesearchform .item-page h1 {font-size: 150%;line-height: 100%;font-weight: 400;margin: 30px 0 20px 0}
	.moduletablesearchform ul ul li {width: 98%;margin: 0 1%}
	.item-page ul>li>ul>li>ul>li {width: auto !important}
	button.button.btn.btn-primary, .moduletablesearchform #cargo-submit {right:2%;background-size:contain;width:35px;height:35px;background-position:center;top:-21px}
	#shedule {margin: 30px 5%;width: 90%}
	.schedule-form h1 {font-size: 150%;font-weight: 400;margin: 0 0 20px 0}
	input#cargo-submit {margin:30px 0 0 0;-webkit-appearance: none;}
	form#cargo-schedule p, form#cargo-schedule div, form#cargo-schedule label {width: 100%}
	.moduletablelogo_tel {padding: 0 0 20px 0}
	input#schedule_from, input#schedule_to, #cargo-schedule select {padding: 10px 20px;-webkit-appearance: none;}
	.moduletablemenu_footer li {padding: 0;display: inline-block;width: 100%;margin: 0 0 10px 0;background:none;}
	.moduletablemenu_footer {display: inline-block;width:90%;text-align: left;margin:40px 0 20px 10%}
	.moduletablecopyright {width: 90%}
	.item-page, .view-auctions .items-page {margin: 30px 5%}
	.item-page h1, .items-page h1, .item-page h2 {font-size: 150%;margin: 0 0 15px 0}
	input#cost, input#power_val, input#vol, select#currency {width:120px !important}
}

@media (max-width:500px) {
	.itemid-253 [itemprop="articleBody"] a {
		display: inline-block;
		width: 100%;
		font-size: 100%;
		font-weight: bold;
		vertical-align: top;
		margin: 0;
		text-align: center;
	}
	.itemid-253 [itemprop="articleBody"] a img {
		width: 100%;
		height: 180px;
		margin: 10px 0;
	}
	#logo {width: 90px;margin: 22px 0 0 5%}
	#tel div {font-size: 120%}
	#mod-search-searchword, #cargo-search #vin {padding:12px 5%;font-size:150%;text-align:left;}
	#tel {line-height:75%}
	#tel > a {display:none}
	#tel {margin: 30px 5% 0 0}
	.blocks {font-size: 136%;padding: 90px 0 0 0;width:150px;margin: 0 6% 50px 6%;line-height: 115%;background-size: 55px !important}
	.blocks span {margin:20px 0 0 0}
	.moduletableblocks {margin:60px 0 0 0}
	.blog-featured h2 {margin:0 0 30px 0;font-size:200%}
	.blog-featured {margin: 30px 10% 20px 10%}
	.moduletablearrow {display:none;}
}
::-webkit-scrollbar { /* chrome based */
    width: 0px;  /* ширина scrollbar'a */
    background: transparent;  /* опционально */
}
.moduletable.attention {
    color: #000;
    background: #fff;
    background-color: #f9f9f9;
    width: 1000px;
    display: flow-root;
    min-width: 600px;
    margin: auto;
    margin-left: auto;
    padding: 10px;
    border-radius: 10px;
    overflow:  auto;
    border: 1px solid;
    box-shadow: 0 0 10px 1px;
    max-height: 500px;
    left: 20%;
    margin-left: auto;
    font-weight: bold;
    box-shadow: inset 1px 1px 10px #333;
}
/*Manager page*/
body.avtorizatsiya {
    min-height: 100%;
    background: whitesmoke;
}

#dropdownMenuButton-6 {
    display: none;
}
.icons .dropdown-menu, .nav-stacked {
    list-style: none;
}
.edit-icon a {
    border: 1px solid;
    padding: 7px;
    border-radius: 5px;
}
#adminForm .control-group:first-of-type {
    display: block;
}
#adminForm .control-group {
    display: none;
}
#adminForm .control-group #jform_title , .avtorizatsiya #username, .avtorizatsiya #password{
	height: 30px;
    margin: 10px 0;
    display: block;
    box-shadow: 0 0 2px 0px #9f9c9c;
    border-radius: 4px;
  	width: 50%;
	padding: 0 10px;
}
#adminForm .toggle-editor.btn-toolbar.pull-right.clearfix {
    margin: 15px 0;
}
#adminForm .btn, .avtorizatsiya .nav-stacked li a {
    color: inherit;
}
#adminForm .btn-toolbar {
    display: flex;
}
#adminForm .btn-group button, .avtorizatsiya .btn {
    height: 35px;
    background: none;
    border: 1px solid #f0f0f0;
    margin: 10px;
    box-shadow: 0 0 2px 0px #9f9c9c;
    padding: 0 30px;
    border-radius: 4px;
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.well blockquote {
	border-color: #ddd;
	border-color: rgba(0,0,0,0.15);
}
.well-large {
	padding: 24px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.well-small {
	padding: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.moduletable.news_block {padding: 2.5% 10%;}
.moduletable.news_block, .moduletable.news_block a{	color: #fff;}
.newsflash.news_block {
	margin-top: 40px;
}
.news_page .page-header h2 {display: inherit;}
.news_page a{color: #333;}

.rc-anchor.rc-anchor-light.rc-anchor-normal, .grecaptcha-badge {
	display: none !important;
	border: none;
	/* opacity: 0; */
}

@media (max-width:767px) {
	.moduletable.news_block {padding: 2.5% 15px;}	
	.newsflash.news_block {margin-top: 15px;}	
	
}