

/* Start:/bitrix/templates/atp-eng/styles.css?16854537125564*/
html,
body { font-size: 18px; font-family: Arial; }
body { background-color: #FFFFFF;	/*background-color: #F7F7F7;*/ }
a { color: #51a1fe }
.navbar-default { background-color: transparent; border-color: transparent; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: transparent; }
.navbar-head { background: #FFFFFF; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.23); }
.navbar-header { margin-top: 15px; }
.header-menu { margin-top: 20px; }
.header-menu li { margin-left: 5px; margin-top: 10px}
.navbar-brand { width: 148px; padding:0}
.navbar-brand img {  }
.phone-bar a { font-size: 30px; color: #333333; letter-spacing: 1.4px; }
.idx-banner { min-height: 369px; background: #FFFFFF; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.23); margin-top: 2px }
.idx-welcome { margin: 50px 0 0 0; }
.idx-welcome h1 { font-size: 37px; color: #ffffff; line-height: 43px; }
.idx-welcome p { font-size: 16px; color: #ffffff; line-height: 22px; margin-bottom: 50px; }
.idx-welcome-img div { text-align: center; }
.idx-welcome-img img { width: 500px; margin-top: 15px; }
.sub-menu { min-height: 54px; background: #FFFFFF; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.23); margin-top: 2px; padding-top: 2px; }
section { background-color: #FFFFFF; width: 100%; float: left; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.23); margin: 0 20px 20px 0; }
section .idx-section-img { margin: 0 auto; text-align: center; float: left; }
section .idx-section-img img { height:100px;  }
section .idx-section-name { text-align: center; padding: 0 15px; }
section .idx-section-name h2 { font-size: 18px; color: #376DAC; line-height: 21px; }
section .idx-section-name p { font-size: 13px; color: #808080; line-height: 15px; }
.navbar-default .navbar-nav > li > a { color: #376DAC; }
.navbar-default .navbar-nav > li > a:hover { color: #376DAC; text-decoration: underline; }
.navbar-default .navbar-nav > li > a.selected {color: #eb9534;}
.navbar-phone small {font-size: 14px;}
footer { top: 50px; position: relative; }
footer .left-footer { font-size: 14px; color: #808080; line-height: 15px; float: left; text-align: left; margin-bottom: 10px; }
footer .left-footer a { color: #808080; }
footer .right-footer { font-size: 14px; color: #808080; line-height: 15px; text-align: right; margin-bottom: 10px; }
footer .right-footer ul li { display: inline; margin-top: 10px; margin-left: 10px; float: right; }
footer .right-footer ul li a { color: #808080; }
footer .footer-icons { position: relative; float: right; }
footer .footer-icons i { float: right; margin: 0px 0 0 20px; }
footer .footer-icons a { color: #808080; }
footer .footer-icons a:hover { color: #376DAC; }



.cover-image { font-size: 40px; line-height: 205px; font-weight: 300; text-align: center; width: 100%; left: 0; height: 205px; background-size: cover; color: white; text-shadow: 0px 2px 4px rgba(101, 101, 101, 0.5); }

.perevozka-yaht-i-katerov {background: url('/bitrix/templates/atp-eng/img/perevozka-yaht-i-katerov.jpg') 50% 50% no-repeat #f7f7f7;}
.strahovanie-gruzov {background: url('/bitrix/templates/atp-eng/img/strahovanie-gruzov.jpg') 50% 50% no-repeat #f7f7f7;}
.tamozhenye-uslugi {background: url('/bitrix/templates/atp-eng/img/tamozhenye-uslugi.jpg') 50% 50% no-repeat #f7f7f7;}
.tentovye-perevozki {background: url('/bitrix/templates/atp-eng/img/tentovye-perevozki.jpg') 50% 50% no-repeat #f7f7f7;}
.perevozka-spectekhniki {background: url('/bitrix/templates/atp-eng/img/perevozka-spectekhniki.jpg') 50% 50% no-repeat #f7f7f7;}
.morskie-perevozki {background: url('/bitrix/templates/atp-eng/img/morskie-perevozki.jpg') 50% 50% no-repeat #f7f7f7;}
.about {background: url('/bitrix/templates/atp-eng/img/about.jpg') 50% 50% no-repeat #f7f7f7;}


.page-content { font-size: 18px; line-height: 24px; padding-top: 20px; }
.tab-navigation__buttons { display: table; margin: 0 auto; }
.tab-navigation { text-align: center; height: 54px; border-bottom: 1px solid #e6e6e6; box-shadow: inset 0 1px 0 0 #e6e6e6; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background-color: transparent; border-bottom-color: #376DAC; border-bottom: 2px solid #376DAC; color: #376DAC; text-decoration: none; }
.card-help-box { max-width: 700px; padding: 20px; background: #F9F8F8; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.23); float: left; }
.card-help-photo { float: left; margin: 0 20px 20px 0; width: 150px; height: 150px; }
.card-help-photo img { width: 150px; height: 150px; }
.card-help-message { padding-top: 20px; margin-bottom: 30px; }
.card-help-name_manager { font-size: 18px; margin: 40px 0 0 0; float: left; }
.card-help-name_manager b { display: block; }
.card-help-form { float: right; margin: 45px 0 0 0; text-align: center; }
.element-img img { width: 300px; text-align: center; }
.element-price-name { float: left; margin: 6px 10px 0 0; }
.element-box h1 { margin-bottom: 20px; }
.element-box span { font-size: 37px; margin-right: 20px }
.element-box button { margin-top: -20px; }
.element-description { margin-top: 20px; }
.phone-top { list-style: none; }
.navbar-phone { margin: 13px 0 0 145px; position: absolute; color: #333333; }
.navbar-phone:hover { text-decoration: none; color: #333333; }

.page-content section {margin: 0 20px 4px 0;}

.nav-brand {
	width: 293px;
}

.nav-phone {
position: absolute;
float: right;
right: 30px;
top: 9px;
text-align: right
}

.nav-phone span {
font-size: 11px;
line-height: 8px;
display: block
}

.nav-phone small {
font-size: 13px;
font-weight: bold
}

.nav-phone span a,
.nav-phone span a:hover,
.nav-phone small a,
.nav-phone small a:hover {
	color: #262262
}

.flagplace {
	float: right;
	right: 270px;
	top: 10px;
	position: relative
}



/* End */
/* /bitrix/templates/atp-eng/styles.css?16854537125564 */
