@import url('../fonts/style.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; -webkit-appearance:none; -webkit-text-size-adjust: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

body {width:100%; font-family:'Gotham', Tahoma, sans-serif; color:#333; overflow-x:hidden; background:#fff url('../images/bg.jpg') center 40px repeat-x;}
.opened {position:fixed; overflow-y:scroll;}

h2 {font-size:28px; font-weight:bold; color:#302e3c; line-height:35px; margin-bottom:20px; text-align:center;}
h3 {font-size:28px; font-weight:bold; color:#5ba72f; line-height:35px; margin-bottom:20px; text-align:center;}
h4 {font-size:15px; font-weight:normal; color:#777; line-height:30px; padding-bottom:30px; text-align:center;}
h5 {font-size:14px; font-weight:bold; color:#333; line-height:30px;}
p, ul.list {font-size:13px; line-height:24px; color:#555; margin-bottom:20px;}
ul.list li {margin:0 30px;}
ul.list li:before {content:''; display:block; float:left; width:4px; height:6px; background:url('/images/sprite.png') -255px -84px; margin:9px 5px 0 0;}
a {color:#404158; text-decoration:none; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
a:hover {color:#5ba72f!important;}
strong, b {font-weight:bold;}
input[type=text], select, textarea {width:200px; max-width:100%; height:25px; background-color:#fff; border:1px solid #e5e5e5; padding:0 10px; border-radius:2px; font:300 13px 'Gotham', Tahoma, sans-serif; color:#404158;}
textarea {width:350px; height:50px;}
.hide {display:none!important;}
.centered {margin:0 auto!important; float:none!important; text-align:center!important;}
.nomargin {margin:0!important;}
.nomargin+* {clear:both;}
.clearfix {clear:both; display:block; height:0;}
select {height:27px; background:#fff url('/images/sprite.png') right -310px no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none; overflow:hidden; text-indent:0.01px; text-overflow:"";}
select::-ms-expand {display:none;}
textarea {padding:10px;}
input[type=submit], .button {height:32px; padding:0 30px; border:none; background-color:#302e3c; box-shadow:inset 0 0 2px rgba(255,255,255,.7), 0 2px 3px rgba(0,0,0,.1); border-radius:5px; font:bold 13px/32px 'Gotham', Tahoma, sans-serif; text-align:center; color:#fff; cursor:pointer;}
.button {clear:both; width:100px; margin:30px auto 0; height:42px; line-height:42px;}
.button:hover {background-color:#5ba72f; color:#fff!important;}
hr {clear:both; display:block; border:none; border-bottom:1px solid #eee; padding-top:30px; margin:0 auto 30px; width:90%;}

.wrap:after, .news ul:after {content:''; clear:both; display:block; height:0;}

.wrap {width:1080px; margin:0 auto;}
.row {margin:20px 0;}
[class*="cols"] {margin-right:2%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
[class*="cols"]:last-child {margin-right:0;}

.cols1 {width:6.5%;}
.cols2 {width:15%;}
.cols3 {width:23.5%;}
.cols4 {width:32%;}
.cols5 {width:40.5%;}
.cols6 {width:49%;}
.cols7 {width:57.5%;}
.cols8 {width:66%;}
.cols9 {width:74.5%;}
.cols10 {width:83%;}
.cols11 {width:91.5%;}
.cols12 {width:100%; float:none;}

@media only screen and (max-width: 1200px) {
    .wrap {width:960px;}
}

@media only screen and (max-width: 1024px) {
    .wrap {width:760px;}
}

@media only screen and (max-width: 767px) {
    .wrap {width:96%;}
    .row {margin:0;}
    [class*="cols"] {clear:both; margin:15px 0; float:none; width:100%;}
}