/*__________________________________________________________________________ Basic        */
a { color: #e90631; text-decoration: none; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; }
a:hover { color: maroon; }

input, textarea { font-family: "Open Sans Condensed"; font-weight: 300; font-size: 16px; }

a:focus, a:active, input:focus, input:active { outline: 0; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; margin-bottom: 20px; color: #e90631; letter-spacing: -1px; }

.first_header { color: white; margin-bottom: 38px; }

h1 { font-size: 40px; line-height: 36px; }

h2 { font-size: 24px; line-height: 26px; }

h3 { font-size: 22px; line-height: 26px; }

h4 { font-size: 20px; line-height: 24px; }

h5 { font-size: 18px; line-height: 22px; }

h6 { font-size: 16px; line-height: 20px; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #4db88b; }

.cleaner { clear: both; }

.hr { border-top: 1px solid #e2dfd3; border-bottom: 1px solid #fbfaf8; margin-bottom: 20px; }

img { vertical-align: top; }

body { color: #101010; font-size: 20px; font-family: "Open Sans Condensed"; font-weight: 300; background: white url("../images/pattern.png") repeat 0 0; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.no-margin { margin: 0 !important; }

/*__________________________________________________________________________ Grid        */
.container { width: 980px; margin: 0 auto; padding-left: 20px; position: relative; font-size: 0; line-height: 0; letter-spacing: 0; }

.one, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .two-third-custom, .one-third-custom { margin: 0 20px 20px 0; display: inline-block; *display: inline; *zoom: 1; font-size: 20px; line-height: 25px; letter-spacing: normal; vertical-align: top; }
.one ul, .one-half ul, .one-third ul, .two-third ul, .one-fourth ul, .two-fourth ul, .three-fourth ul, .two-third-custom ul, .one-third-custom ul { margin-bottom: 0; }

.one { width: 960px; }

.one-half { width: 460px; }

.one-third { width: 305px; }

.two-third { width: 620px; }

.one-fourth { width: 220px; }

.two-fourth { width: 460px; }

.three-fourth { width: 680px; }

.two-third-custom { width: 490px; margin: 0 60px 20px 0; }

.one-third-custom { width: 410px; }

/*__________________________________________________________________________ Header        */
#header { width: 100%; height: 100px; position: fixed; z-index: 1000; top: 0; background: url("../images/header_bg_r.png") repeat-x top center; }
#header .logo { position: absolute; top: 0; left: -22px; }
#header .main-menu { list-style: none; margin: 30px 0 0 160px; float: left; font-size: 20px; line-height: 25px; letter-spacing: normal; }
#header .main-menu li { float: left; }
#header .main-menu li a { margin-right: 20px; line-height: 34px; color: #666666; text-transform: uppercase; text-decoration: none; }
#header .main-menu li a:hover { color: #ef6e66; }
#header .main-menu li .current { color: #e21136 !important; padding-bottom: 15px; background: url("../images/menu_arrow.png") no-repeat center bottom; }

/*__________________________________________________________________________ Consumption       */
.block { padding-top: 120px; }
.block p { margin-bottom: 25px; }

.red { color: #e90631; }

.consumption { padding-top: 100px; background: url("../images/blue_pattern.png") repeat-x center 100px; }

.consumption_2 { position: relative; height: 494px; margin-bottom: 20px; background: url("../images/grey_pattern.png") repeat-x top center; }
.consumption_2 img { position: absolute; top: 0; left: 0; z-index: 1; }
.consumption_2 h1 { position: relative; z-index: 2; background-color: white; display: inline-block; width: 250px; padding: 0 20px 15px; margin-top: 20px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4), 4px 0 4px -4px rgba(0, 0, 0, 0.4), -4px 0 4px -4px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4), 4px 0 4px -4px rgba(0, 0, 0, 0.4), -4px 0 4px -4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4), 4px 0 4px -4px rgba(0, 0, 0, 0.4), -4px 0 4px -4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4), 4px 0 4px -4px rgba(0, 0, 0, 0.4), -4px 0 4px -4px rgba(0, 0, 0, 0.4); }

.consumption_3 h1 { position: relative; }
.consumption_3 h1 small { position: absolute; font-size: 16px; line-height: 18px; color: #2e2e2e; text-transform: uppercase; margin-left: 10px; }

.block-info { padding-left: 50px; background: url("../images/info_bg.png") no-repeat 0 5px; }

strong { font-weight: bold; }

.top-sellers { height: 732px; margin-bottom: 40px; background: url("../images/big_bg.jpg") no-repeat center 120px; }
.top-sellers h1 { text-align: center; padding: 17px 21px 33px; color: white; width: 940px; margin: 20px 0 7px -21px; background: url("../images/h_bg.png") no-repeat 0 0; }
.top-sellers h1 a { color: white; }
.top-sellers .top-sellers-list { background-color: rgba(255, 255, 255, 0.65); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.top-sellers .top-sellers-list .top-seller-brand { display: block; padding: 19px 0; }
.top-sellers .top-sellers-list .top-seller-brand .top-seller-brand-position { float: left; font-size: 30px; color: white; width: 55px; padding: 8px 0 0 22px; height: 46px; margin: 20px 20px 0 -14px; text-transform: uppercase; background: url("../images/position_bg.png") no-repeat 0 0; }
.top-sellers .top-sellers-list .top-seller-brand .top-seller-brand-image { float: left; width: 140px; text-align: center; margin-right: 20px; }
.top-sellers .top-sellers-list .top-seller-brand .top-seller-brand-name { float: left; width: 240px; margin: 25px 20px 0 0; font-size: 20px; color: #2e2e2e; text-transform: uppercase; }
.top-sellers .top-sellers-list .top-seller-brand .top-seller-brand-name span { font-size: 35px; color: #e90631; }
.top-sellers .top-sellers-list .top-seller-brand .top-seller-brand-count { float: left; width: 440px; margin: 25px 0 0 0; font-size: 30px; color: #2e2e2e; }
.top-sellers .top-sellers-list .top-seller-brand .top-seller-brand-count span { font-size: 35px; color: #e90631; font-weight: 700; }

.p-border { border-left: 2px solid darkgrey; margin: 0 0 25px 25px; padding-left: 15px; }
.p-border span { float: left; margin-left: -40px; font-size: 40px; font-weight: bold; color: #e22146; }

.best-cigarettes { padding: 40px 0; background: url("../images/blue_pattern.png") repeat center top; }
.best-cigarettes ul { list-style: none; text-transform: uppercase; font-size: 16px; }
.best-cigarettes .left-column { float: left; width: 145px; color: darkgrey; }
.best-cigarettes .right-column { float: right; width: 160px; color: white; }

/*__________________________________________________________________________ Body      */
.one-company { display: block; margin-bottom: 20px; }
.one-company .one-company-image { float: left; width: 140px; margin-right: 20px; }
.one-company .one-company-content { margin-left: 160px; }

/*__________________________________________________________________________ Footer      */
#footer { font-size: 0; line-height: 0; letter-spacing: -7px; text-align: center; height: 40px; padding-top: 16px; border-top: 1px solid #b4b4b4; background: url("../images/footer_bg.png") repeat-x top center; }
#footer .one { margin: 0; }
#footer .one p { text-transform: uppercase; margin: 0; }