a, a:active, a:focus, button, button:active, button:focus, .btn, .btn:focus, .btn:active, .btn:active:focus {
 outline: none;
}

.row-fluid, .row.row-fluid {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.row.no-gutter {
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid.container-nopadding {
    padding: 0;
}
.container-fluid.container-nopadding .no-gutter {
    padding-left: 0;
    padding-right: 0;
}
/* header */

/* navbar-topmost */
.header-slogan-2 > ul > li{
    margin-top:-10px;
    margin-left: 45px;
    padding: 10px 30px 10px 10px;
    font-size: 15px;
}

.navbar-topmost {
    background: #f7f7f7;
    color: #626262;
    border: 0;
    min-height: 40px;
    margin-bottom: 0;
    border-radius: 0;
    min-height: 40px !important;
}

.navbar {
    margin-bottom: 0;
}

.navbar-topmost, .navbar-topmost .container-fluid, .navbar-topmost .navbar-collapse, .navbar-topmost ul.navbar-nav {
    padding-right: 0;
    margin-right: 0;
    padding-left: 0;
    margin-left: 0;
}

.navbar-topmost ul.navbar-nav {
    width: 100%;
}

.navbar-topmost li {
    padding: 10px;
    line-height: 20px;
    font-size: 12px;
    border-width: 0;
    vertical-align: middle;
    min-height: 40px;
}

.navbar-topmost li.common {
    border-left: 1px solid #626262;
}

.navbar-topmost li.active {
    background: #4caf50;
    color: #fff;
    font-family: "GothamProBold";
    text-transform: uppercase;
}

.navbar-topmost li.phone {
    font-family: "GothamProBold";
    font-size: 110%;
}

.navbar-topmost .img-icon {
    height: 20px;
    width: auto;
    display: inline-block;
    margin-right: 8px;
}

#navbar-topmost-li-pre { width:calc(50% - 525px); }
#navbar-topmost-li-1 { min-width:180px; }
#navbar-topmost-li-2 { min-width:260px; }
#navbar-topmost-li-3 { min-width:200px; }
#navbar-topmost-li-4 { min-width:410px; }
#navbar-topmost-li-post { width:calc(50% - 525px); }

@media (max-width: 1095px) {
    #navbar-topmost-li-pre, #navbar-topmost-li-post {
        display: none;
    }
    .navbar-topmost li.active {
        width: 100%;
    }
}
@media (min-width: 1095px) {
    .navbar-topmost {
        white-space: nowrap;
        overflow: hidden;
    }
}

/* listnews section */

.listnews-thumb {
    background: #f5f5f5;
    padding: 15px;
    padding-top: 50%;
    border-radius: 20px;
    transition: all 400ms ease;
    margin-bottom: 30px;
    position: relative;
}

.listnews-thumb:hover {
    background: #fff;
    -webkit-box-shadow: 5px 5px 30px 4px rgba(221,221,221,1);
    -moz-box-shadow: 5px 5px 30px 4px rgba(221,221,221,1);
    box-shadow: 5px 5px 30px 4px rgba(221,221,221,1);
}

.listnews-thumb h3 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 900;
    color: #000;
}
.listnews-thumb h3 > a {
    color: inherit;
    text-decoration: none;
}
.listnews-thumb h3 > a:hover {
    color: #fcaa26;
    text-decoration: none;
}

.listnews-thumb .publishedon {
    margin: 6px 0;
}

.listnews-thumb .introtext {
    font-size: 12px;
    color: #404040;
}

.listnews-thumb .inner {
    min-height: 154px;
}

.btn-listnews-readmore, .btn-listnews-readmore:link, a.btn-listnews-readmore:link, .btn-listnews-readmore:visited, a.btn-listnews-readmore:visited {
    color: #fff;
    background: #4caf50;
    padding: 4px 16px;
    text-align: center;
    height: auto;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    border-radius: 14px;
    text-transform: uppercase;
    transition: all 400ms ease;
}

.btn-listnews-readmore:active, .btn-listnews-readmore:focus, .btn-listnews-readmore:active:focus,
.btn-listnews-readmore:link:active, .btn-listnews-readmore:link:focus, .btn-listnews-readmore:link:active:focus,
.btn-listnews-readmore:visited:active, .btn-listnews-readmore:visited:focus, .btn-listnews-readmore:visited:active:focus {
    color: #fff;
    background: #555;
    outline: none;
}

.btn-listnews-readmore:hover, .btn-listnews-readmore:active:hover, .btn-listnews-readmore:focus:hover, .btn-listnews-readmore:active:focus:hover,
.btn-listnews-readmore:link:hover, .btn-listnews-readmore:link:active:hover, .btn-listnews-readmore:link:focus:hover, .btn-listnews-readmore:link:active:focus:hover,
.btn-listnews-readmore:visited:hover, .btn-listnews-readmore:visited:active:hover, .btn-listnews-readmore:visited:focus:hover, .btn-listnews-readmore:visited:active:focus:hover{
    color: #fff;
    background: #ffce63;
    outline: none;
}

.listnews-thumb .btn-listnews-readmore > .glyphicon {
    position: relative;
    margin-left: -0.5em;
    left: 1em;
}

.listnews-thumb .listnews-thumb-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    max-height: 37.5%;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* background: #000; */
    transition: all 400ms ease;
}

.listnews-thumb .listnews-thumb-image > img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* opacity: 0.7; */
    filter: brightness(0.7);
    width: 100%;
    display: block;
    transition: all 400ms ease;
}
.listnews-thumb:hover .listnews-thumb-image > img {
    filter: brightness(1);
    /* opacity: 1; */
}

/* navbar-menu */

.navbar-menu .logo {
    height: 52px;
    width: auto;
}

.navbar-menu {
    background: #fff;
    color: #000;
    border: 0;
    min-height: 82px;
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-menu {
    text-transform: uppercase;
    font-weight: 700;
    font-family: "GothamProBold";
    font-size: 16px;
}

.navbar-menu .navbar-toggle .icon-bar {
    background-color: #999;
}

.navbar-menu .dropdown li {
    font-family: "GothamProMedium";
}

.navbar-menu ul.navbar-nav, .navbar-menu ul.navbar-nav > li {
    min-height: 82px;
}

.navbar-menu ul.navbar-nav li {
    padding: 8px 15px;
    line-height: 20px;
    vertical-align: middle;
}

.navbar-menu ul.navbar-nav > li {
    padding: 31px 3px 0;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 20px;
    height: 82px;
}

.navbar-menu .collapse.in ul.navbar-nav > li {
    padding: 8px 15px;
    height: 45px;
    min-height: 45px;
    margin-bottom: 10px;
}

/*.navbar-menu ul.navbar-nav {
    border-left: 1px solid #929292;
}*/

.navbar-menu li:hover {
    background: #f8f8f8;
}

.navbar-menu li > a {
    padding: 0;
    margin: 0;
}

.navbar-menu li > a {
    color: #000;
    background: transparent;
    box-shadow: none;
    outline: none;
}

.navbar-menu li > a:hover, .navbar-menu li > a:active, .navbar-menu li > a:focus, .navbar-menu li > a:active:focus {
    color: #000;
    background: transparent;
    box-shadow: none;
    outline: none;
}

.navbar-menu li li > a:hover, .navbar-menu li li > a:active, .navbar-menu li li > a:focus, .navbar-menu li li > a:active:focus {
    color: #4caf50;
    background: transparent;
    box-shadow: none;
    outline: none;
}

.navbar-menu-caret {
    display: inline-block;
    height:10px;
    width: 16px;
    margin-left: 3px;
    background: url('img/menu-dropdown.png');
    background-size: 16px 10px;
}

.navbar-menu .navbar-nav > li:hover {
    border-bottom: 5px solid #ffce63;
    background: #fff;
}

.navbar-menu .dropdown-menu {
    border: none;
}

.navbar-menu .dropdown-menu li.active > a, .navbar-menu .dropdown-menu li.active > a:link, .navbar-menu .dropdown-menu li.active > a:visited, .navbar-menu .dropdown-menu li.active > a:active, .navbar-menu .dropdown-menu li.active > a:hover {
    background: transparent;
    color: #000;
    font-weight: bold;
}



/* main styles */

.button-order {
 color: #fff;
 font-size: 20px;
 line-height: 20px;
}

.button-order:hover, .button-order:active, .button-order.active, .button-order.disabled, .button-order[disabled] {
	background-color: #33993c;
	background-position: 0 -15px;
	color: #fff;
}

.button-order.inverted {
	background-color: #33993c;
	color: #fff;
    border: 2px solid #33993c;
}

.button-order.inverted-bg {
	background-color: #33993c;
	color: #fff;
}

.button-order.inverted:hover, .button-order.inverted:active, .button-order.inverted:focus, .button-order.inverted:active:focus, .button-order.inverted.active, .button-order.inverted.disabled, .button-order.inverted[disabled] {
    color: #33993c;
    background: #fff;
    border: 2px solid #33993c;
}

.button-order {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    background: #4caf50;
    text-align: center;
    border-radius: 24px;
    padding: 10px 50px;
}

/* links */
a {
 color: #fcaa26;
}
a:hover {
 color: #ffbf3e;
}

/* special */
.special {
 background: #ffce63;
 padding: 20px;
 margin: 12px 0;
}






/* sebastian button */
/* http://codepen.io/seme332/pen/reJOwo */

.sebastian {
 background-color: #fff;
 color: #000;
 border: none;
 border-radius: 45px;
 box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
 transition: all 0.3s ease 0s;
 cursor: pointer;
 outline: none;
}

.sebastian:hover {
 background-color: #33993c;
 box-shadow: 0px 15px 20px rgba(100, 100, 100, 0.4);
 color: #fff;
 transform: translateY(-7px);
}





/* row equal heights */
/* see http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height */
/* and http://getbootstrap.com.vn/examples/equal-height-columns/ */
/*.row-eq-height {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}*/





/* body */
.body-content h2 {
 text-align: center;
 font-size: 27px;
 font-weight: bold;
 font-family: "GothamProMedium";
 margin-top: 50px;
 margin-bottom: 50px;
}

body {
 margin: 0;
}

.img-truly-responsive {
 width: 100%;
 height: auto;
}




/* footer */

ul.footer-menu, .footer-menu li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

ul.footer-menu {
 padding: 40px 0;
}

.footer-menu li {
 padding: 6px 0;
 text-transform: uppercase;
}

.footer-menu a, .footer-menu a:visited, .footer-menu a:active, .footer-menu a:link {
 color: #636363;
}

ul.footer-service, .footer-service li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

ul.footer-service {
 padding: 46px 0 10px;
}

.footer-service li {
 padding: 2px 0;
}

.footer-service a, .footer-service a:visited, .footer-service a:active, .footer-service a:link {
 color: #636363;
}

footer .logo {
 margin-top: 60px;
 display: inline-block;
}

.footer-phone {
 font-size: 26px;
 margin-top: 40px;
 vertical-align: middle;
 line-height: 60px;
 
}

.footer-phone-icon {
 width: 48px;
 height: 48px;
 display: inline-block;
 margin-right: 10px;
 background: url('img/icon_phone_green.png');
 background-size: 48px 48px;
 vertical-align: middle;
}

.footer-discount {
 background: #ffce63;
 color: #fff;
 padding: 10px;
 font-family: "GothamProMedium";
 font-size: 18px;
 margin-top: 10px;
 margin-bottom: 25px;
 position: relative;
}

@media (max-width: 992px) {
	.footer-phone {
	font-size: 20px;
	
	}

	.footer-phone-icon {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
 }
}

/* breadcrumb */
ul.breadcrumb, .breadcrumb li {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

.breadcrumb li {
 display: inline-block;
}
ul.breadcrumb {
 background: transparent;
}

.breadcrumb li > a, .breadcrumb li > a:link, .breadcrumb li > a:visited, .breadcrumb li > a:active {
 color: #fcaa26;
}
.breadcrumb li > a:hover {
 color: #ffbf3e;
}



/* table */
 table {
 border-collapse: collapse;
 border: 1px solid #444;
 margin: 15px 0;
 }
 
 th {
 padding: 15px;
 }
 
 td {
 padding: 9px 15px;
 }
 
 th {
 border-bottom: 1px solid #000;
 text-transform: uppercase;
 }
 
 th, td {
 border-left: 1px solid #000;
 width: 50%;
 }



/* zayavka */

/* http://codepen.io/colewaldrip/pen/MKmKEJ */

.modal-zayavka .modal-dialog {
 color: #666;
}
.modal-zayavka .modal-content {
 border-radius: 25px;
 background: url('img/zayavka.png');
}

.modal-zayavka .modal-body {
 margin-top: 15px;
 margin-bottom: 35px;
}

@media (min-width: 604px) {
 .modal-zayavka .modal-content {
 height: 384px;
 width: 600px;
 }
 .modal-zayavka .modal-body {
 margin-top: 65px;
 }
}


.modal-zayavka .close {
 margin-top: 20px;
 margin-right: 20px;
}

.modal-zayavka .form-button {
 width: calc(100% - 60px);
 padding: 10px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 color: #4caf50;
 margin-top: 10px;
 max-width: 400px;
 text-align: center;
 border: solid 3px #4caf50;
 background-color: transparent;
}
.modal-zayavka .form-button:hover {
 color: #6cce6c;
 cursor: pointer;
 background-color: transparent;
}
.modal-zayavka .input-group {
 width: 100%;
 font-size: 16px;
 max-width: 400px;
 padding-top: 20px;
 position: relative;
 margin-bottom: 15px;
}
.modal-zayavka .input-group input {
 width: 100%;
 color: #000;
 border: none;
 outline: none;
 padding: 5px 0;
 line-height: 1;
 font-size: 16px;
 border-bottom: solid 1px #000;
 background-color: transparent;
 appearance: none;
 box-shadow: none;
 border-radius: 0;
}
.modal-zayavka .input-group input + label {
 left: 0;
 top: 20px;
 position: absolute;
 pointer-events: none;
}

.modal-zayavka .input-group input:focus + label,
.modal-zayavka .input-group input.active + label {
 font-size: 12px;
 top: 8px;
}

.modal-zayavka .credits {
 left: 0;
 bottom: 0;
 width: 100%;
 padding: 10px;
 font-size: 16px;
 position: absolute;
 text-align: center;
 text-transform: none;
}

.galmand {
 outline: none;
 height: 40px;
 text-align: center;
 width: 130px;
 border-radius: 40px;
 background: #fff;
 border: 2px solid #4caf50;
 color: #4caf50;
 letter-spacing: 1px;
 text-shadow: 0;
 font-size: 12px;
 font-weight: bold;
 cursor: pointer;
 -webkit-transition: all 0.25s ease;
 transition: all 0.25s ease;
}
.modal-zayavka .galmand:hover {
 color: #eee;
 background: transparent;
 background: #4caf50;
}
.modal-zayavka .galmand:active {
 letter-spacing: 2px;
}
.modal-zayavka .galmand:after {
 content: "Отправить";
}

.modal-zayavka .galmand-click {
 width: 40px;
 border-color: #bbbbbb;
 border-width: 3px;
 font-size: 0;
 border-left-color: #4caf50;
 background: transparent;
 -webkit-animation: rotating 2s 0.25s linear infinite;
 animation: rotating 2s 0.25s linear infinite;
}
.modal-zayavka .galmand-click:after {
 content: "";
}
.modal-zayavka .galmand-click:hover {
 color: #4caf50;
 background: transparent;
}

.modal-zayavka .galmand-validate {
 font-size: 13px;
 color: white;
 background: #4caf50;
}
.modal-zayavka .galmand-validate:after {
 font-family: 'FontAwesome';
 content: "\f00c";
}
.modal-zayavka .galmand-fail {
 font-size: 13px;
 background: #f86b6b;
 color: #fff;
}
.modal-zayavka .galmand-fail:after {
 font-family: 'FontAwesome';
 content: "Ошибка";
}

@-webkit-keyframes rotating {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }
 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
}

@keyframes rotating {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }
 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
}

/* vertical align modals */

/* modals */
.modal {
 text-align: center;
}

@media screen and (min-width: 768px) { 
 .modal:before {
 display: inline-block;
 vertical-align: middle;
 content: " ";
 height: 100%;
 }
}

.modal-dialog {
 display: inline-block;
 text-align: left;
 vertical-align: middle;
}
.modal-backdrop {
 background-color: #555;
}


/* article */
.article-thumb {
	/*min-height: 400px;*/
	border: 1px solid #fcbf07;
	padding: 15px;
	margin-bottom: 15px;
}

@media all and (min-width: 768px) {
    .article-thumb .inner { min-height: 260px; }
}
@media all and (min-width: 1200px) {
    .article-thumb .inner { min-height: 210px; }
}

.article-thumb h3 {
    font-family: "UbuntuBold";
    font-size: 20px;
    transition: all 200ms ease;
}

.article-thumb h3:hover {
    color: #fcbf07;
}

.article-image {
	position: relative;
	padding-bottom: 100%;
}

.article-image > *, .article-image > a > * {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin: auto;
	width: 100%;
}

/* кнопки справа */

.navbar-fixed-outer {
    
}

.navbar-fixed-wrapper {
    transform-origin: center bottom; position: fixed; z-index: 300; left: auto; right: 0; top: 50%; transition: all 700ms ease; transform: translateX(50%);
}

.navbar-fixed-inner{
    display: block; transform: rotate(270deg) translateY(-50%);
}

.navbar-fixed-button {
    display: inline-block; color: #fff; line-height: 20px; padding: 14px 30px; background: rgba(75, 74, 75, 0.75); transition: all 400ms ease;
}
.navbar-fixed-button:link, .navbar-fixed-button:visited {
    color: #fff;
}
.navbar-fixed-button-green {
    background: #4caf50
}
.navbar-fixed-button-green:active, .navbar-fixed-button-green:focus, .navbar-fixed-button-green:active:focus, .navbar-fixed-button-green:hover {
    color: #fff;
    background: #275929;
}

/* modal calc */
    #modal_calc {
        text-align: right;
    }
	#modal_calc * {
		box-sizing: border-box;
	}
@media all and (min-width: 992px) {
	#modal_calc .modal-dialog {
		width: 900px;
		margin: 30px 0 30px auto;
	}
}
	#modal_calc .control-label {
		font-weight: 400;
		display: block;
	}
	#modal_calc h3 {
        margin: 0 0 10px;
        color: #666;
        font-weight: 800;
        padding: 7.5px 0 7.5px;
        text-transform: uppercase;
        font-family: "GothamProBlack";
        border-bottom: 2px solid #4caf50;
	}
	#modal_calc .form-group {
		margin: 7.5px 0;
	}
	#modal_calc .col-sm-absolute {
		display: block;
		float: left;
		text-align: center;
		width: 30px;
		margin-left: -15px;
		margin-right: -15px;
	}
	#modal_calc .control-label big {
		font-size: 30px;
	}
	#modal_calc .control-label big [price] {
		font-weight: 600;
	}
	
	#modal_calc .price-individual { display: none; }
	#modal_calc .individual .price-amount { display: none; }
	#modal_calc .individual .price-individual { display: block; }
	
	#modal_calc .button-calc-order {
	    background: #4caf50;
	    color: #fff;
	    padding: 14px 24px;
	    text-align: left;
	    height: auto;
	    margin-top: 30px;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	}