@font-face { font-family: 'FloraC'; src: url('../fonts/FloraC.woff2') format('woff2'), url('../fonts/FloraC.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'FloraC'; src: url('../fonts/FloraC-Bold.woff2') format('woff2'), url('../fonts/FloraC-Bold.woff') format('woff'); font-weight: bold; font-style: normal; }

* { font-family: 'FloraC'; font-weight: 500; font-style: normal }
BODY { color: #000; background: #fef882; font-size: 16px; font-style: normal; margin: 0; padding: 0 }
@media (max-width: 768px) {
	BODY { padding: 0 }
}

A { color: #666699 }
A:hover { color: #000; text-decoration: underline }

.wrapper { width: auto; overflow: hidden; padding: 0; margin: 0; }
.white { background: #fff }

/* Header */
HEADER { padding: 20px 0 0 0; margin: 0; width: 100%; background: #fef882; z-index: 1000; top: 0 }
HEADER DIV.logo { margin: 2px 0 9px 0; float: left }


@media (max-width: 768px) {
    HEADER { padding: 6px 10px 0 10px }
    HEADER, HEADER.fix { position: static }
    HEADER DIV.logo { float: none; text-align: center }
}

NAV.main_menu { text-align: center; padding: 30px 0 0 0; margin: 0; background: none; border: 0; min-height: 0 !important }
NAV.main_menu > .container { padding-bottom: 0 !important }

NAV.main_menu ul > li { font-size: 16px; text-transform: uppercase; padding: 0px 22px 6px 22px }
NAV.main_menu ul > li > a { color: #666699 !important; text-decoration: none; padding: 0px 0px 5px 0px }
.dropdown-menu { border-top: 1px solid #fa592c; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: none }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: #252424; color: #fa592c !important }
.nav .open > a, .nav .open > a:hover { background: #252424; color: #fa592c !important }
NAV.main_menu ul > li > a:hover { color: #000 !important }
NAV.main_menu ul > li > ul { background: #000 }
NAV.main_menu ul > li > ul > li { font-size: 16px }
.navbar-default .navbar-toggle .icon-bar { background: #000 }
.navbar-default .navbar-toggle { border-color: #000 } 
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none !important }
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { background: none !important }
NAV.main_menu span.navbar-brand { display: none; color: #000 }
NAV.main_menu span.navbar-brand:hover { color: #000 }
.dropdown-menu .caret { margin-top: 10px !important }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #000; }
@media (max-width: 768px) {
    nav.main_menu span.navbar-brand { display: block }
    nav.main_menu { clear: both }
}
@media (max-width: 991px) {
    .left-col { display: none }
}
@media (min-width: 768px) {
	.navbar-nav { float: right; }
	NAV.main_menu ul > li > a:hover { border-bottom: 4px solid #000 }
}

/* Menu */
HEADER > NAV { width: 100%; margin: 0 auto }

H1 { margin: 40px 0 30px 0; font-weight: bold; font-size: 60px; text-align: center; text-transform: uppercase }
H2 { margin: 40px 0 30px 0; color: #666699; font-size: 28px; text-align: center; text-transform: uppercase }
H2 + HR { width: 120px; color: #757575; background: #757575; margin: -20px auto auto auto; height: 1px; }
DIV.head_descr { text-align: center; font-size: 20px; padding: 20px 100px 0 100px }
@media (max-width: 768px) {
	H1 { font-size: 50px; }
	H2 { font-size: 24px; }
	DIV.head_descr { padding: 20px 10px 0 10px }
}



DIV.container { padding-bottom: 50px; padding-top: 20px }
DIV.content { padding-top: 30px }
DIV.content img { max-width: 100% }

HEADER DIV.container { padding: 0 }
HEADER DIV.logo > A > IMG { width: 235px; height: 70px }




/* Footer */
FOOTER { width: auto; overflow: hidden; padding: 0; color: #666699; font-size: 14px; }
FOOTER DIV.copyrights { color: #666699; font-size: 14px; text-align: right }
FOOTER DIV.copyrights > A { text-decoration: none }
FOOTER DIV.container { padding-bottom: 40px; padding-top: 40px }
@media (max-width: 768px) {
    FOOTER { text-align: center }
    FOOTER DIV.copyrights { text-align: center }
}






#popupFeedMail { display: none }
DIV.popup_feedback { width: 490px; margin: 0 }
DIV.popup_feedback DIV.title { color: #666699; font-size: 22px; font-weight: bold; margin: 10px 0 }
DIV.popup_feedback DIV { width: 475px; margin: 0 0 0 5px; }
DIV.popup_feedback DIV FORM { margin: 0; padding: 0 }
DIV.popup_feedback DIV FORM DIV { width: 475px; padding: 0 0 10px 0; text-align: right }
DIV.popup_feedback DIV FORM DIV.fields INPUT { width: 473px; height: 30px; font-size: 16px; max-width: 100%; padding: 0 15px; margin-bottom: 15px; border-left: none; border-top: none; border-right-color: #d6d6d6; border-bottom-color: #d6d6d6; }
DIV.popup_feedback DIV FORM DIV.fields TEXTAREA { width: 473px; max-width: 100%; height: 150px; font-size: 16px; padding: 0 15px; border-left: none; border-top: none; border-right-color: #d6d6d6; border-bottom-color: #d6d6d6; }
DIV.popup_feedback DIV FORM DIV.buttons { text-align:center }
DIV.popup_feedback DIV FORM DIV.buttons INPUT { background: #666699; color: #fff; width: 170px; border: 0; height: 45px; line-height: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
DIV.popup_feedback DIV FORM DIV.mgs_holder { font-weight: bold; color: #666699; text-align: center }
.err { background: #fa592c !important }




/* Feedback */
DIV.feedback FIELDSET { border: 0 }
DIV.feedback .form-group { margin-bottom: 18px }
DIV.feedback .form-control { border-radius: 0; color: #565656; border: 1px solid #fff; font-size: 16px; line-height: 30px; margin-bottom: 15px; border-top: none; border-right-color: #d6d6d6; border-bottom-color: #d6d6d6; height: 30px; padding: 0 15px; -webkit-box-shadow: none; box-shadow: none; }
DIV.feedback TEXTAREA { width: 100%; border-radius: 0; height: 152px; color: #565656; font-size: 16px; border: 1px solid #fff; border-right-color: #d6d6d6; border-bottom-color: #d6d6d6; padding: 0 15px }
DIV.feedback .buttons { clear: both; overflow: hidden; margin-bottom: 25px; text-align: center }
DIV.feedback .buttons INPUT { background: #666699; color: #fff; width: 170px; border: 0; height: 45px; line-height: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
DIV.feedback .alert { color: #666699 }


/* Prices */
DIV.prices { margin-top: 50px }
DIV.prices DIV.p_title { color: #fff; font-size: 20px; background: #666699; text-align: center; border-bottom: 1px solid #adadad; border-top: 1px solid #adadad; padding: 15px }
DIV.size_item { font-size: 17px; text-align: center; border-bottom: 1px solid #adadad; padding: 15px }
DIV.matherial_item { font-size: 17px; text-align: center; border-bottom: 1px solid #adadad; padding: 15px }
DIV.price_item { font-size: 17px; text-align: center; border-bottom: 1px solid #adadad; padding: 15px }
DIV.price_button { text-align: center }
DIV.price_button > A.but { background: #666699; color: #fff; width: 170px; border: 0; height: 45px; line-height: 45px; display: none; margin: 6px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
DIV.yellow { background: #fef882 }
SPAN.mashine { font-size: 16px; color: #6c6c6c }
DIV.price_row:hover { background: #eee !important }
DIV.price_row:hover DIV.price_button > A.but { display: block }
@media (max-width: 768px) {
	DIV.prices DIV.p_title { font-size: 18px; border: 0; padding: 10px }
	DIV.img_item { font-size: 18px; border: 0; padding: 10px }
	DIV.size_item { font-size: 18px; border: 0; padding: 10px }
	DIV.price_button > A.but { height: 35px; line-height: 35px; display: block; margin: 6px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	DIV.yellow + DIV.price_button { background: #fef882; padding: 2px }
}


/* добавьте класс equal к классу row главного блока и колонки будут равными по высоте */
.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}

.row-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

.v-center { display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:center; display:-moz-box; -moz-box-orient:vertical; -moz-box-pack:center; -moz-box-align:center; display:-ms-flexbox; -ms-box-orient:vertical; -ms-flex-pack:center; -ms-flex-align:center; display:box; box-orient:vertical; box-pack:center; box-align:center }