/* Глобальные стили */
html, body {
    margin: 0;
    padding: 0;
}
body, textarea, input, select {
    font: 18px 'Roboto Condensed', Arial, sans-serif;
    /*line-height: 18px;*/
    color: #000;
}
h1, h2, h3, h4, h5, h6, .head {
    font-weight: normal;
    color: #0073a8;
}
a {
    color: #004286;
}
a img {
    border: none;
}
input[type="submit"], input[type="button"] {
    cursor: pointer;
}
.wrapper {
    max-width: 1600px;
    margin: auto;
    clear: both;
}
.head, h1 {
    line-height: 36px;
    font-size: 36px;
    text-align: left;
}
li {
    list-style-image: url(../bone/li.png);   
}
.button {
    text-decoration: none;
    cursor: pointer;
    padding: 12px 20px;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;    
    border: 1px solid #0875a6;
    background: #3bbefc;
    background: -moz-linear-gradient(top,  #3bbefc 0%, #0680b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bbefc), color-stop(100%,#0680b7));
    background: -webkit-linear-gradient(top,  #3bbefc 0%,#0680b7 100%);
    background: -o-linear-gradient(top,  #3bbefc 0%,#0680b7 100%);
    background: -ms-linear-gradient(top,  #3bbefc 0%,#0680b7 100%);
    background: linear-gradient(to bottom,  #3bbefc 0%,#0680b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bbefc', endColorstr='#0680b7',GradientType=0 );
    text-shadow: 0px -1px 1px #012a55;
}
.input {
    background: #fff;
    border: 1px solid #c2cfdb;
    padding: 5px 10px;
}
#toTop {
    width: 50px;
    height: 50px;
    background: url(../bone/up.jpg) no-repeat;
    position: fixed;
    bottom: 150px;
    right: 10px;
    cursor: pointer;
    display: none;
}
.page-element {
    text-align: center;
    clear: both;
	height:1px;
}
input::-webkit-input-placeholder { color:#000; }
input::-moz-placeholder { color:#000; }
input::placeholder { color:#000; }
textarea::-webkit-input-placeholder { color:#000; }
textarea::-moz-placeholder { color:#000; }
textarea::placeholder { color:#000; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus::placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus::placeholder { color:transparent; }
.open-menu {
    display: none;
    width: 32px;
    height: 32px;
    background: url(../bone/open-menu.png);
    margin: auto;
}
#feedback_popup_div1 {
    margin: auto;
    margin-top: 50px;
    width: 500px;
}
#feedback_popup {
    position: absolute;
    width: 100%;
    height: 100%; 
    top: 0px;
    left: 0px; 	
    z-index: 1101;
    display: none;
}
#feedback_popup_div1 {	 
    margin: auto;	 
    margin-top: 50px;	
    width: 500px;
}
#feedback_popup_table1 {
    background-color: #fff;
}
#feedback_popup_content {	 
    margin: auto;	  		
    padding: 15px; 
}
.feedback {
    margin: auto; 
    text-align: center; 
    width: 450px;
}
.feedback .head {
    margin-bottom: 30px;
    text-align: center;
}
#enter_shadowagreement {
    position:fixed;
    width:100%;
    height:100%; 
    background-color:#000;
    top:0px;
    left:0px; 	
    z-index:1100; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ 
    -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ 
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ 
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
    display:none;
}
#enter_popup {
    position:absolute;
    width:100%;
    height:100%; 
    top:0px;
    left:0px; 	
    z-index:1101;
    display:none;
}
#enter_popup_div1 {	 
    background-color:#fff; 
    border-radius: 30px;	 
    margin: auto; 
    padding: 10px 20px;	
    margin-top:20px;	 
    width:400px;
    text-align: center;
}           
#enter_popup_content {	
    margin: auto;	  		
    padding:15px; 
}
#enter_popup_div1 .head {
    text-align: center;
}
#enter_popup_div1 .input {
    margin-bottom: 5px;
}

/* Стили общие */
.top-block {
    background: url(../bone/top-bg.jpg) no-repeat bottom center;
    background-size: cover;
}
#header {
    background: url(../bone/dark-opacity.png) repeat;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-top: 15px solid #000;
}
.top-block.other #header {
    padding-bottom: 100px;
    margin: 0;
}
#navigation {
    display: table;
    width: 100%;
}
#menu, #authorization {
    position: relative;
    top: -15px;
    width: 75%;
    display: table-cell;
    vertical-align: middle;
}
#menu {
    box-sizing: border-box;
    border: 1px solid #da6f18;
    background: #f5ae3c;
    background: -moz-linear-gradient(top,  #f5ae3c 0%, #e17617 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ae3c), color-stop(100%,#e17617));
    background: -webkit-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: -o-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: -ms-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: linear-gradient(to bottom,  #f5ae3c 0%,#e17617 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ae3c', endColorstr='#e17617',GradientType=0 );
}
#menu .open-menu {
    background: url(../bone/open-menu-2.png);
}
#authorization .open-menu {
    background: url(../bone/open-menu-3.png);
    margin-right: 10px;
    vertical-align: middle;
}
#menu ul {
    margin: 0;
    display: table;
    padding: 0;
    width: 100%;
}
#menu li {
    display: table-cell;
    list-style: none;
    text-align: center;
    font-size: 24px;
    padding: 10px;
    position: relative;
    vertical-align: middle;
    line-height: 24px;
    color: #fff;
    background: url(../bone/separator.png) no-repeat top right;
    text-shadow: -1px -1px 0px #bf630a;
}
#menu ul li:last-child {
    background: none;
}
#menu li.active:after {
    content: '';
    position: absolute;
    right: 50%;
    bottom: -18px;
    border: 10px solid transparent;
    border-top: 10px solid #e17617;
}
#menu a {
    color: #fff;
    text-decoration: none;
}
#menu a:hover {
    text-decoration: underline;
}
#authorization {
    background: #0f0f0f;
    background: -moz-linear-gradient(top,  #0f0f0f 0%, #363636 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f0f0f), color-stop(100%,#363636));
    background: -webkit-linear-gradient(top,  #0f0f0f 0%,#363636 100%);
    background: -o-linear-gradient(top,  #0f0f0f 0%,#363636 100%);
    background: -ms-linear-gradient(top,  #0f0f0f 0%,#363636 100%);
    background: linear-gradient(to bottom,  #0f0f0f 0%,#363636 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#363636',GradientType=0 );
    color: #adadad;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}
#authorization .layout {
    padding: 0 15px;
}
#authorization form, #authoriz-forms {
    display: inline-block;
}
#authorization input[type='text'],
#authorization input[type='password'] {
    border: none;
    background: #acacac;
    font-size: 14px;
    padding: 0 10px;
    margin: 0 5px;
    max-width: 100px;
    height: 24px;
    vertical-align: middle;
}
#authorization .submit {
    border: none;
    background: #acacac;
    font-size: 14px;
    padding: 0 10px;
    margin: 0 5px;
    height: 24px;
    vertical-align: middle;
}
#authorization .form-button {
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../bone/autoriz-btn.jpg);
}
#authorization .reg-btn {
    background: none;
    border: none;
    color: #adadad;
    font-size: 16px;
    line-height: 16px;
    text-decoration: underline;
}
.basket-form {
    padding-left: 40px;
    line-height: 24px;
    margin-left: 20px;
    background: url(../bone/basket-bg.png) no-repeat left;
}
.basket-form .button_off {
    width: 15px;
    height: 24px;
    border: none;
    margin-left: 10px;
    background: url(../bone/basket-btn.png);
}
.basket-form .number {
    display: inline-block;
    background: #acacac;
    color: #000;
    padding: 0 10px;
    font-weight: bold;
    border-radius: 30px;
}
#authorization .separator {
    background: url(../bone/sep.jpg);
    width: 2px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 0;
    margin: 0 5px;
}
#logo-and-contacts {
    overflow: hidden;
}
#logo {
    float: left;
    margin: 10px 0 0 30px;
}
.logo {
    display: block;
    text-decoration: none;
}
.logo .text {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    width: 250px;
    font-weight: bold;
    position: relative;
    left: 105px;
    bottom: 25px;
    display: block;
    color: #fff;
    text-shadow: 0px 1px 10px #202020;
}
#top-contacts {
    float: right;
    margin: 30px 30px 0 0;
    text-align: right;
}
#top-contacts .contacts {
    float: left;
    margin-right: 30px;
}
#top-contacts .item {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
}
#top-contacts .item .phone {
    font-size: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #9bdfff;
}
#top-contacts a[href*="mailto"] {
    font-size: 18px;
    color: #fff;
}
#service-menu {
    padding-bottom: 50px;
}
#service-menu .layout {
    display: table;
    width: 100%;
    border-spacing: 40px 0;
}
#service-menu .service-block {
    display: table-cell;
    width: 33%;
    background: rgba(0, 0, 0, 0.75);
}
.service-block .inside {
    padding: 40px;
}
.service-block .title {
    color: #ffb400;
    font-size: 36px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
.service-block .heading {
    color: #9bdfff;
    font-size: 24px;
    line-height: 24px;
}
.service-block ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.service-block li {
    margin: 20px 0;
    line-height: 24px;
    font-size: 24px;
    list-style-image: url(../bone/li.png);
}
.service-block a {
    color: #fff;
    text-decoration: none;
}
.service-block a:hover {
    text-decoration: underline;
}
#middle-block {
    padding: 50px 0 0 0;
    overflow: hidden;
    background: url(../bone/middle-block-bg.jpg) repeat-x top;
}
#down-block-bg {
    background: url(../bone/pluses-bg.jpg) repeat-x bottom;
    overflow: hidden;
}
#middle-block .wrapper {
    overflow: hidden;
}
.sidebar {
    width: 25%;
    float: left;
    background: url(../bone/sidebar-bg.jpg) #f1f7f9 repeat-x top;
}
.sidebar .layout {
    padding: 30px;
    border: 1px solid #d6e7ef;
}
.sidebar .head, .sidebar .heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #d7e7ef;
}
.sidebar .heading {
    color: #0073a8;
    font-size: 30px;
    line-height: 30px;
}
.sidebar .sub-heading {
    font-size: 24px;
    line-height: 24px;
}
.sidebar ul {
    margin: 10px 0 15px 0;
    padding: 0 0 0 25px;
}
.sidebar li {
    list-style-image: url(../bone/sidebar-li.png);
    margin: 10px 0;
}
.sidebar li a {
    color: #000;
    text-decoration: none;
}
.sidebar li a:hover {
    text-decoration: underline;
    color: #0073a8;
}
.page-content {
    width: 75%;
    float: right;
}
.page-content .slider-block {
    max-width: 900px;
}
.slider-text {
    position: absolute; 
    visibility: visible; 
    bottom: 30px; 
    left: 30px; 
    padding: 15px 10px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(255, 255, 255, 0.75);
    width: 90%;
}
.slider-text .title {
    color: #3986b1;
}
.page-content .catalog {
    margin-top: 80px;
}
.top-block.other + #middle-block .catalog {
    margin: 0 0 50px 0;
}
.catalog .search-block {
    display: inline-block;
    margin: 1%;
    width: 22%;
}
.catalog .search-block select {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.page-content .layout {
    padding-left: 50px;
}
.page-content .head {
    margin-bottom: 40px;
}
.all-products .product {
    display: inline-block;
    margin: 0 30px 30px 0;
    text-align: center;
    vertical-align: top;
    background: url(../bone/product-bg.jpg) top left;
}
.all-products .product:last-child {
    margin: 0 0 30px 0;
}
.all-products .product .layout {
    padding: 15px;
    max-width: 215px;
    border: 1px solid #e4eff4;
}
.all-products .product .photo {
    border: 1px solid #fff;
    width: 213px;
    margin-bottom: 20px;
    /*height: 213px;*/
    overflow: hidden;
}
.all-products .product .photo img {
   /* min-width: 100%;*/
   /* min-height: 213px;*/
}
.all-products .product .name {
    color: #0073a8;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 24px;
}
.all-products .product .description a {
    display: inline-block;
    margin-top: 10px;
    color: #ffb400;
}
.all-products .product .price {
    margin: 10px 0;
}
.all-products .product .price span {
    font-size: 30px;
    line-height: 30px;
    color: #0073a8;
}
.all-products .product .number {
    margin-bottom: 15px;
}
.all-products .product .number input {
    width: 40px;
    padding: 5px;
    text-align: center;
}
.all-products .product .button {
    background: #f5ae3c;
    background: -moz-linear-gradient(top,  #f5ae3c 0%, #e17617 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ae3c), color-stop(100%,#e17617));
    background: -webkit-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: -o-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: -ms-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: linear-gradient(to bottom,  #f5ae3c 0%,#e17617 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ae3c', endColorstr='#e17617',GradientType=0 );
    font-size: 18px;
    line-height: 18px;
    text-shadow: -1px -1px 0px #bf630a;
    text-transform: uppercase;
    padding: 10px 30px;
    border: 1px solid #da6f18;
}
.product-layout .product-photo {
    background: #fff;
    width: 340px;
    float: left;
    margin-right: 30px;
    border: 2px solid #d7e7ef;
}
.product-photo .main-photo {
    border-bottom: 2px solid #d7e7ef;  
}
.product-photo .main-photo img {
    vertical-align: middle;
}
.product-photo .other-photo .small-photo {
   /* width: 113px;
    height: 113px;
    line-height: 113px;*/
    display: block; float:left;
    /*overflow: hidden;*/
    text-align: center;
	border:1px solid #fff;
}
.product-photo .other-photo .small-photo img {
  /*  max-width: 113px;
    height: 113px;*/ 
    vertical-align: bottom;
	display:block;
}
.product-price span {
    font-size: 30px;
    line-height: 30px;
    color: #0073a8;
}
.product-price .number {
    margin: 10px 0;
}
.product-price .number input {
    width: 40px;
    padding: 5px;
    text-align: center;
}
#pluses {
   width: 75%;
    float: right;
}
#pluses .layout {
    padding: 50px;
    height: 335px;
    background: url(../bone/opacity.png);
}
#pluses .pluses {
    display: inline-block;
    margin: 0 30px 0 0;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    width: 175px;
    vertical-align: top;
}
#pluses .head {
    margin: 0 0 40px 0;
}
.pluses .icon {
    background-image: url(../bone/pluses-icon.png);
    background-repeat: no-repeat;
    display: block;
    width: 175px;
    height: 175px;
    margin-bottom: 10px;
}
.pluses.p1 .icon {
    background-position: -5px -5px;
}
.pluses.p2 .icon {
    background-position: -190px -5px;
}
.pluses.p3 .icon {
    background-position: -5px -190px;
}
.pluses.p4 .icon {
    background-position: -190px -190px;
}
#text-block {
    overflow: hidden;
    padding: 50px 0;
}
#text-block .layout {
    width: 75%;
    float: right;
}
#text-block .inside {
    padding: 0 20px 0 50px;
}
#map-block {
    position: relative;
}
#map {
    height: 600px;
    margin-top: -125px;
}
#map-block .head {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 20px;
    width: 500px;
    margin: auto;
    color: #ffb400;
    background: url(../bone/service-block-bg.png);
}
#map-block .page-element .button {
    position: relative;
    top: 425px;
    z-index: 1;
    background: #f5ae3c;
    background: -moz-linear-gradient(top,  #f5ae3c 0%, #e17617 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ae3c), color-stop(100%,#e17617));
    background: -webkit-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: -o-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: -ms-linear-gradient(top,  #f5ae3c 0%,#e17617 100%);
    background: linear-gradient(to bottom,  #f5ae3c 0%,#e17617 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ae3c', endColorstr='#e17617',GradientType=0 );
    text-shadow: -1px -1px 0px #bf630a;
    border: 1px solid #da6f18;
}
footer {
    background: #0680b7;
    background: -moz-linear-gradient(top,  #0680b7 0%, #3bbefc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0680b7), color-stop(100%,#3bbefc));
    background: -webkit-linear-gradient(top,  #0680b7 0%,#3bbefc 100%);
    background: -o-linear-gradient(top,  #0680b7 0%,#3bbefc 100%);
    background: -ms-linear-gradient(top,  #0680b7 0%,#3bbefc 100%);
    background: linear-gradient(to bottom,  #0680b7 0%,#3bbefc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0680b7', endColorstr='#3bbefc',GradientType=0 );
    color: #fff;
    padding: 30px 0;
    overflow: hidden;
}
footer .layout {
    padding: 0 10px;
}
footer .foot-contacts {
    float: left;
    max-width: 445px;
}
.company {
    font-size: 24px;
    line-height: 24px;
}
.foot-contacts .contacts {
    margin-top: 15px;
}
.foot-contacts .phone {
    color: #fff;
    text-decoration: none;
}
footer .links {
    float: right;
}
footer .counter {
    margin-top: 20px;
}
footer a {
    color: #ffb400;
}
.ultrasite {
    margin-top: 30px;
	text-align: right;
    float: right;
    width: 235px;
    height: 45px;
    font: 11px Trebushet MS, sans-serif;
}
.ultrasite a {
    text-decoration: none;
}
.ultrasite p {
	padding: 0;
	margin: 0;
}
.ultrasite p img {
	float: right;
    padding: 0 0 0 7px;
}
.tagcloud {
    padding: 30px 0;
}
.tagcloud .head {
    margin: 0 0 20px 0;
}
.tagcloud li {
    list-style: none;
    margin: 5px;
    display: inline;
}
.tagcloud ul {
    padding-left: 0;
    font-size: 16px;
    margin: 0;
}
.tagcloud ul li:nth-child(3n) {
    font-size: 14px;
}
.tagcloud ul li:nth-child(1) {
    font-size: 24px;
    margin: 15px 0;
}
.tagcloud ul li:nth-child(2) {
    font-size: 20px;
    margin: 15px 0;
}
.tagcloud ul li:nth-child(4n-2) {
    font-size: 20px;
}
.tagcloud ul li:nth-child(5n-2) {
    font-size: 12px;
}
.tagcloud ul li:nth-child(10n-2) {
    font-size: 24px;
}
.tagcloud ul li a:visited {
    color: #000;
}
footer .search {
    margin-top: 20px;
}
footer .search img {
    position: relative;
    right: 25px;
    top: 2px;  
}
.price font {
    -webkit-animation: blink 2s linear infinite; 
    animation: blink 2s linear infinite; 
    font-weight: bold; 
    color: color: #F00; 
}

@-webkit-keyframes blink { 
    0% { color: #F00; }
    50% { color: #FBB; }
    100% { color: #F00; }
}

@keyframes blink {  
    0% { color: #F00; }
    50% { color: #FBB; }
    100% { color: #F00; } 
}

#map-block {display:inline-block; width:100%;}
.text-center {text-align:center;}
.stitle {font-size:24px; color:#0073a8; margin-bottom:30px;}
.w-100 {width:100%;}
.h-100 {height:100%;}
.d-flex {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.align-items-center {align-items:center;}
.justify-content-center {justify-content:center;}
.yellow {color:#ffb400; font-size:28px;}
/*img {max-width:100%; height:auto;}*/
/**, ::after, ::before {box-sizing:border-box;}*/


/*table-container*/
.table-container {overflow-x:auto; margin-bottom:30px;}
.table-container table {width:100%; border:1px solid #d6e7ef; border-spacing:0;}
.table-container table tr:nth-child(odd) td {background:#f4f9fc;}
.table-container table tr td {padding:5px 20px; height:70px;}
.table-container table tr:not(:last-child) td {border-bottom:1px solid #d6e7ef;}
.table-container .image {min-width:65px; width:100%;}

/*bl-table*/
.bl-table img {max-width:100%; height:auto;}
.bl-table *, .bl-table ::after, .bl-table ::before {box-sizing:border-box;}
.bl-table .header {margin-bottom:8px;}

/*bl-banner*/
.bl-banner img {max-width:100%; height:auto;}
.bl-banner *, .bl-banner ::after, .bl-banner ::before {box-sizing:border-box;}
.bl-banner {margin-bottom:30px;}
.bl-banner figure {margin:0px; position:relative;}
.bl-banner .picture {height:350px; overflow:hidden; position:relative;}
.bl-banner .picture img {max-width:inherit; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-width:100%;}
.bl-banner figcaption {position:absolute; padding:15px; left:0px; top:0px; bottom:0px; right:0px; margin:auto; color:#fff; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; justify-content:center;}
.bl-banner.default figcaption {display:block;}
.bl-banner .btitle {font-size:24px; max-width:760px;}
.bl-banner .introtext {font-size:16px; max-width:920px;}
.bl-banner .button, .bl-info .button {font-size:18px; text-transform:uppercase; background:#e37a18; border:0px; text-shadow:none;}

/*bl-grid*/
.bl-grid img {max-width:100%; height:auto;}
.bl-grid *, .bl-grid ::after, .bl-grid ::before {box-sizing:border-box;}
.bl-grid {margin-bottom:30px;}
.bl-grid .container {width:100%; padding-right:0px; padding-left:0px; margin-right:auto; margin-left:auto;}
.bl-grid .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.bl-grid .col-12 {margin-bottom:15px; position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
.bl-grid .col-lg-7 p {margin:0px 0px 20px;}
.bl-grid .col-lg-7 *:last-child {margin-bottom:0px;}
.bl-grid.blue .col-lg-5 .picture {height:100%; background:#d6e7ef;}
.bl-grid.blue .col-lg-7 .content-container {padding:15px; height:100%; background:#f1f7f9;}
.bl-grid.extended {background:#f1f7f9;}
.bl-grid.extended .col-lg-5, .bl-grid.extended .col-lg-5, .bl-grid.extended .col-12{padding:0px 15px;}
.bl-grid.extended p {font-size:24px; line-height:1;}

/*bl-info*/
.bl-info img {max-width:100%; height:auto;}
.bl-info *, .bl-info ::after, .bl-info ::before {box-sizing:border-box;}
.bl-info {margin-bottom:30px;}
.bl-info .btitle {font-size:24px; font-weight:bold; margin-bottom:10px;}
.bl-info .introtext {font-size:24px; margin-bottom:25px;}

/*bl-pictures*/
.bl-pictures img {max-width:100%; height:auto;}
.bl-pictures *, .bl-pictures ::after, .bl-pictures ::before {box-sizing:border-box;}
.bl-pictures {margin-bottom:50px; background:#f1f7f9;}
.bl-pictures .container {width:100%; padding-right:0px; padding-left:0px; margin-right:auto; margin-left:auto;}
.bl-pictures .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.bl-pictures .col-lg-3 {padding:5px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}

/*bl-info-dark*/
.bl-info-dark .title {font-size:30px; color:#cef1ff; margin-bottom:42px; line-height:1;}
.bl-info-dark .subtitle {font-size:24px; color:#ffb400; line-height:1.2; margin-bottom:10px; min-height:60px;}
.bl-info-dark .dark-container {background:#31454d; color:#fff; padding:45px 30px;}
.bl-info-dark .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.bl-info-dark .col-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0px 15px; box-sizing: border-box;}
.bl-info-dark .col-lg-4 {padding:0px 15px; box-sizing:border-box; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.bl-info-dark .col-lg-4 ul {padding-left:25px;}
.bl-info-dark .col-lg-4 ul li {font-weight:bold;}
.bl-info-dark .col-lg-4 ul li:not(:last-child) {margin-bottom:8px;}

/*bl-quotation*/
.bl-quotation {padding:30px; background:#f1f7f9; position:relative;}
.bl-quotation:before {content:''; position:absolute; top:0px; bottom:0px; left:45px; margin:auto; width:210px; height:175px; background:url(../bone/quotation.png);}
.bl-quotation blockquote {margin:0; font-size:26px; color:#31454d; position:relative; font-style:italic;}
.bl-quotation.small blockquote {font-size:24px;}

/*bl-editor*/
.bl-editor {padding-top:50px;}
.bl-editor .stitle {font-size:30px;}
.bl-editor .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.bl-editor .col-lg-4, .bl-editor .col-lg-8, .bl-editor .col-lg-6, .bl-editor .col-12, .bl-editor .col-lg-3, .bl-editor .col-lg-9 {padding:0px 15px; box-sizing:border-box;}
.bl-editor .col-lg-4 {margin-bottom:30px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.bl-editor .col-lg-8 {margin-bottom:30px;}
.bl-editor ul {margin-top:0px; padding-left:25px;}
.bl-editor ul li {margin-bottom:25px;}
.bl-editor img {max-width:100%; width:100%;}
.bl-editor .dark {background:#31454d; position:relative; margin:auto; padding-top:15px; padding-bottom:15px;}
.bl-editor .light {background: #f1f7f9; position:relative; margin:auto; padding-top:15px; padding-bottom:15px;}
.bl-editor .dark img, .bl-editor .light img {width:auto; position:relative; z-index:50;}
.bl-editor .dark .text {font-size:24px; margin-bottom:15px; color:#f1f7f9;}
.bl-editor .light .text {font-size:24px; margin-bottom:15px; color:#31454d;}
.bl-editor small {font-size:18px; margin-bottom:30px; display:block;}
.bl-editor .big {font-size:30px;}
.bl-editor hr {border-color:#d6e7ef; margin-bottom:30px;}

/*bl-brends*/
.bl-brends {margin-bottom:30px;}
.bl-brends .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.bl-brends .col-12, .bl-brends .col-lg-5 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0px 15px; box-sizing: border-box;}
.bl-brends .stitle {font-size:30px; margin-bottom:10px;}
.bl-brends .helper {font-size:24px; margin-bottom:15px; color:#0073a8;}
.bl-brends img {max-width:100%;}
.bl-brends .col-lg-5:not(:last-child) {margin-bottom:15px;}

/*bl-blocks*/
.bl-blocks {padding:30px;}
.bl-blocks.lines {border-top:1px solid #c2cfdb; border-bottom:1px solid #c2cfdb;}
.bl-blocks .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.bl-blocks .introtext {font-size:18px; font-weight:bold;}
.bl-blocks .picture {margin-bottom:10px;}
.bl-blocks .col-lg-3 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0px 15px; box-sizing: border-box;}
.bl-blocks .col-lg-3:not(:last-child) {margin-bottom:30px;}
.bl-blocks figure {margin:0px;}

/*bl-text*/
.bl-text p {font-size:30px;}
.bl-text a {text-transform:uppercase; font-size:30px; background:#e37a18; border:0px; text-shadow:none; line-height:1;}

/*bl-form*/
.bl-form {padding:30px 0px;}
.bl-form * {box-sizing:border-box;}
.bl-form .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; margin-right:-15px; margin-left:-15px;}
.bl-form .col-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0px 15px; box-sizing:border-box;}
.bl-form .col-lg-6 {-moz-box-flex:1; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0px 15px; box-sizing:border-box;}
.bl-form .btitle {font-size:30px; color:#0073a8; margin-bottom:30px;}
.bl-form .form-cobtainer {position:relative; padding:15px; border:1px solid #d6e7ef; height:100%;}
.bl-form .form-cobtainer.blue {background:#f1f7f9;}
.bl-form .title {font-size:24px; color:#0073a8; margin-bottom:20px;}
.bl-form .label, .bl-form  label {font-size:18px; color:#000;}
.bl-form .row.content .row {margin-bottom:20px;}
.bl-form .form-group {margin-bottom:3px; overflow:hidden; position:relative;}
.bl-form .form-group .container {display:block; position:relative; padding-left:25px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.bl-form .form-group .container input {position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.bl-form .form-group .checkmark {position:absolute; top:4px; left:0; height:16px; width:16px; background-color:#fff; border:1px solid #c2cfdb;}
.bl-form .form-group .container:hover input ~ .checkmark {background-color: #fff;}
.bl-form .form-group .checkmark:after {content:""; position:absolute; display:none;}
.bl-form .form-group .container input:checked ~ .checkmark:after {display:block;}
.bl-form .form-group .container .checkmark:after {left:0px; top:0px; bottom:0px; right:0px; margin:auto; width:8px; height:8px; background:#31454d;}
.bl-form .form-control {height:40px; border:1px solid #c2cfdb; width:100%;}
.bl-form .form-control:focus {outline:none;}
.bl-form input[type="submit"] {height:50px; width:100%; color:#fff; font-size:24px; border:1px solid #da6f18; background:rgba(245,174,60,1); background:-moz-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,174,60,1)), color-stop(25%, rgba(239,152,30,1)), color-stop(51%, rgba(234,138,28,1)), color-stop(75%, rgba(228,127,25,1)), color-stop(100%, rgba(229,137,51,1)));
    background:-webkit-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%); background:-o-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%); background:-ms-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%);}
.bl-form .file-input label {z-index:10; position: relative; height: 40px; width: 117px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; border: 1px solid #da6f18; background: rgba(245,174,60,1); background: -moz-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,174,60,1)), color-stop(25%, rgba(239,152,30,1)), color-stop(51%, rgba(234,138,28,1)), color-stop(75%, rgba(228,127,25,1)), color-stop(100%, rgba(229,137,51,1)));
    background: -webkit-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%);
    background: -o-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,174,60,1) 0%, rgba(239,152,30,1) 25%, rgba(234,138,28,1) 51%, rgba(228,127,25,1) 75%, rgba(229,137,51,1) 100%);}
.bl-form .file-input input {border:0px; color:#c4cfda; width:250px; position:relative; position:absolute; left:3px; top:30px;}
.bl-form .file-input {padding-top:20px;}
.bl-form .bottom {font-size:12px; padding:10px 0px;}
.bl-form .red {color:red;}

@media (min-width: 768px){
    .bl-banner figcaption {padding:40px 30px;}

    .bl-pictures .col-lg-3 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

    .table-container .image {width:auto;}
}
@media (min-width: 992px){
    .stitle {font-size:48px;}

    .bl-banner .btitle {font-size:36px;}
    .bl-banner .btitle.big {font-size:48px;}
    .bl-banner .introtext {font-size:24px;}
    .bl-banner .button, .bl-info .button {font-size:30px;}
    .bl-banner.default .btitle {font-size:48px;}

    .bl-grid .col-12 {margin-bottom:0px;}
    .bl-grid.blue .col-lg-5 {padding-left:0px;}
    .bl-grid.blue .col-lg-7 {padding-right:0px;}
    .bl-grid.blue .col-lg-7 .content-container {padding:30px;}
    .bl-grid.extended .col-lg-5 {padding-left:15px;}
    .bl-grid.extended .col-lg-7 {padding-right:15px;}

    .bl-info .btitle {font-size:30px;}
    .bl-info .introtext {font-size:30px;}

    .bl-pictures .col-lg-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}

    .col-lg-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
    .col-lg-4 {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
    .col-lg-5 {-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
    .col-lg-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
    .col-lg-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
    .col-lg-8 {-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
    .col-lg-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}

    .order-lg-last {-ms-flex-order:13; order:13;}
    .order-lg-first {-ms-flex-order:-1; order:-1;}

    .bl-info-dark .col-lg-4:nth-child(2) {border-left:1px solid #687c84; border-right:1px solid #687c84;}
    .bl-info-dark .col-lg-4 {padding:0px 30px; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}

    .bl-quotation {padding:45px 45px 45px 212px;}
    .bl-quotation blockquote {font-size:36px;}

    .bl-editor .images {background:#31454d;}
    .bl-editor .col-lg-4 {margin-bottom:0px; -ms-flex:0 0 32%; flex:0 0 32%; max-width:32%;}
    .bl-editor .row.images {margin:0px;}
    .bl-editor .dark img {float:right;}
    .bl-editor .dark .text {font-size:48px; margin-bottom:0px; position:absolute; transform:rotate(-90deg) translate(-70%);}
    .bl-editor .light .text {font-size:48px; margin-bottom:0px; position:absolute; transform: rotate(90deg) translate(58%); right:0;}

    .bl-brends .col-lg-5 {-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
    .bl-brends .col-lg-5:not(:last-child) {margin-bottom:0px;}

    .bl-blocks .col-lg-3:not(:last-child) {margin-bottom:0px;}
    .bl-blocks .col-lg-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}

    .yellow {font-size:48px!important;}

    .bl-form .col-lg-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
    .bl-form .row.content > .col-lg-6:first-child {padding-right:0px;}
    .bl-form .row.content > .col-lg-6:last-child {padding-left:0px;}
    .bl-form .row.event {position:absolute; width:100%; bottom:0;}
    .bl-form .form-cobtainer {padding:30px 30px 80px;}
}