* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height:100%;
  cursor: default;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color:#5b5a58;
  background: #f0f6fb;
  width: 100%;
  height: 100%;
  min-width:960px;
}

#container{
  min-height:100%;
  background: #e5f0f7;
  margin: 0 auto;
  max-width:1200px;
}

.wrapper{
  margin: 0 auto;
  width: 960px;
  padding: 0 10px;
  display: block;
}

A {outline: none;text-decoration: none; color: #fe6601;}
IMG {border: 0; -ms-interpolation-mode: bicubic; border-radius: 4px;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
* html audio,* html canvas,* html video {display: inline;zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
button,input,select,textarea {font-family: 'Open Sans',Arial, Helvetica, sans-serif;}
button, input[type="submit"]{font-family:  'Open Sans',Arial, Helvetica, sans-serif;}
h1{font-size: 2em;margin: 0.67em 0;}
h2{font-size: 1.5em;margin: 0.83em 0;}
h3{font-size: 1.17em;margin: 1em 0;}
h4{font-size: 1em;margin: 1.33em 0;}
h5{font-size: 0.83em;margin: 1.67em 0;}
h6{font-size: 0.75em;margin: 2.33em 0;}
abbr[title]{border-bottom: 1px dotted;}
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
mark{background: #ff0;color: #000;}
p,pre{margin: 0.8em 0;}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}
* + html code,* + html kbd,* + html pre,* + html samp {font-family: 'courier new', monospace;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q {quotes: none;}
q:before,q:after {content: '';content: none;}
small {font-size: 75%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl,menu,ol,ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu,ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;}
svg:not(:root) {overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
* html legend {margin-left: -7px;}
* + html legend {margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;vertical-align: middle;}
button,input{line-height: normal;}
input{padding: 0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance: button;cursor: pointer;}
* html button,* html input[type="button"],* html input[type="reset"],* html input[type="submit"]{overflow: visible;}
* html button,* + html input[type="button"],* + html input[type="reset"],* + html input[type="submit"]{overflow: visible;}
button[disabled],input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0;}
* html input[type="checkbox"],* html input[type="radio"]{height: 13px;width: 13px;}
* + html input[type="checkbox"],* + html input[type="radio"]{height: 13px;width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;}
area{cursor:pointer}


/*****HEADER*****/
#header{
  background-color: #fff;
  height: 130px;
}

.hlogo{
  float: left;
  margin-top: 25px;
}

.hlogo h1{
  margin: 0;
}

.hlogo a{
  color:#fff;
  float: left;
}

.hlogo img{
  display:block;
}

.header_top{
  float: right;
  margin-top: 10px;
  font-size: 12px;
}

.header_top .desc{
  float: left;
  margin-right: 20px;
  padding-top: 7px;
}

.header_top .bttn_fb{
  float: left;
  border-radius: 4px;
  margin-right: 10px;
  padding: 5px;
  background-color: #e5f0f7;
}

.header_top .bttn_fb i{
  opacity: .8;
  transition: opacity .2s;
}

.header_top .bttn_fb:hover i{
  opacity: 1;
}

/**NAVIGATION**/
#nav{
  clear: right;
  float: right;
  margin-top: 38px;
}

.top_menu{
  margin:0;
  padding: 0;
  list-style: none;
  float: right;
}

.top_menu .s_home{
  top:3px;
}

.top_menu li{
  position: relative;
}

.top_menu > li{
  float:left;
  margin-left: 2px;
}

.top_menu > li:first-child{
  margin-left: 0;
}

.top_menu > li > a{
  color: #0069b4;
  display: block;
  text-transform: uppercase;
  transition: background-color .2s;
  padding: 10px 11px 10px 11px;
  font-size: 14px;
  border-radius: 4px;
}

.top_menu > li.active > a,
.top_menu > li > a:hover{
  background:#e5f0f7;
}

/**MAIN**/
#main{
  background-color: #fff;
  padding-bottom: 50px;
}

.main_left{
  float: left;
  width: 220px;
}

.main_right{
  float: right;
  width:700px;
}

/**FOOTER**/
#footer{
  padding: 25px 0;
}

.footer_menu{
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none
}

.footer_menu li{
  display: inline-block;
  font-size: 13px;
  border-left: 1px solid #5b5a58;
  line-height: 1.1;
  padding: 0 12px 0 17px;
}

.footer_menu li:first-child{
  border:0;
}

.footer_menu a{
  color: #5b5a58;
  text-transform: uppercase;
}

.footer_menu a:hover,
.footer_menu li.active a{
  color: #fe6601;
}


.sub_footer_menu{
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 20px;
}

.sub_footer_menu li{
  display: inline-block;
  font-size: 10px;
  border-left: 1px solid #5b5a58;
  line-height: 1.1;
  padding: 0 12px 0 17px;
}

.sub_footer_menu li:first-child{
  border:0;
}

.sub_footer_menu a{
  color: #5b5a58;
  text-transform: uppercase;
}

.sub_footer_menu a:hover,
.sub_footer_menu li.active a{
  color: #fe6601;
}

.copy{
  font-size: 11px;
}

.copy a{
  color: #fe6601;
}

.copy a:hover{
  text-decoration:underline;
}

.social a{
  display: inline-block;
  opacity: .9;
  margin: 0 1px;
}

.social a:hover{
  opacity:1;
}



/*****HELPERS*****/
/***icons***/
.si{
  display: inline-block;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  position: relative;
  top: 0;
  vertical-align: top;
  background: url(../layout/icons.png) left top no-repeat;
}

.s_arrow_bd{ background-position: 0 0; width: 8px; height: 6px; }
.s_arrow_br_big{ background-position: 0 -56px; width: 17px; height: 20px; }
.s_arrow_or{ background-position: 0 -126px; width: 6px; height: 8px; }
.s_arrow_or_big{ background-position: 0 -184px; width: 17px; height: 20px; }
.s_arrow_wd{ background-position: 0 -254px; width: 8px; height: 6px; }
.s_arrow_wr{ background-position: 0 -310px; width: 6px; height: 8px; }
.s_arrow_wr_big{ background-position: 0 -368px; width: 17px; height: 20px; }
.s_basket{ background-position: 0 -438px; width: 15px; height: 13px; }
.s_fb{ background-position: 0 -501px; width: 25px; height: 25px; }
.s_fbtop{ background-position: 0 -576px; width: 20px; height: 20px; }
.s_gplus{ background-position: 0 -646px; width: 25px; height: 25px; }
.s_home{ background-position: 0 -721px; width: 13px; height: 12px; }
.s_slidel{ background-position: 0 -783px; width: 22px; height: 44px; }
.s_slidel_a{ background-position: 0 -877px; width: 22px; height: 44px; }
.s_slider{ background-position: 0 -971px; width: 22px; height: 44px; }
.s_slider_a{ background-position: 0 -1065px; width: 22px; height: 44px; }
.s_tw{ background-position: 0 -1159px; width: 25px; height: 25px; }
.s_arrow_br{ background-position: 0 -1234px; width: 6px; height: 8px; }

/**CUSTOM**/
.lang_box.active .s_arrow_bd{ background-position: 0 -254px; width: 8px; height: 6px; }
.slideshow .bttn_grad:after, .form_news .bttn_grad:after{background: url(../layout/icons.png) left top no-repeat;background-position: 0 -310px;width: 6px; height: 8px;}

*+html .si{
  text-indent: 0;
  font-size: 0;
  line-height: 0;
  zoom:1;
}

/**grid**/
.grid{
  margin: 0 -10px;
}

.grid > div{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:10px;
  padding-right: 10px;
  float: left;
}

.grid > .col2{width:50%;}
.grid > .col4{width:25%;}

.grid img{
  max-width: 100%;
}

/**GRIDD**/
.gridd{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -3%;
  max-width: 105%;
}

.gridd.big{
  margin-left: -4%;
}

.gridd .col1,.gridd .col2,.gridd .col3,.gridd .col23, .gridd .col4, .gridd .col25, .gridd .col5{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-left: 3%;
  margin-right: -.25em;
  overflow: visible;
}

.gridd .col1{width: 97%;}
.gridd .col2{width: 47%;}
.gridd .col4{width: 22%;}
.gridd .col3{width: 30.361%;}
.gridd .col5{ width: 17.07%; }
.gridd .col25{width: 37%;}
.gridd .col23{width: 63.666666666%;}

*+html .gridd .col1, *+html .gridd .col2, *+html .gridd .col3, *+html .gridd .col23, , *+html .gridd .col4, *+html .gridd .col25, *+html .gridd .col5{
  display: inline;
  zoom: 1;
  overflow: visible;
}

.gridd.mline > div{
  margin-bottom: 20px;
}

.gridd.mline{
  margin-bottom: -20px;
}

.gridd img{
  max-width: 100%;
}

.gridd table{
  width: 100%;
}

.center{
  text-align: center;
}

.align-right{
  text-align: right;
}

.nowrap{
  white-space: nowrap;
}

/**clear**/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
  clear: both;
}

*+html .cf {
  zoom: 1;
}

.clear {
  clear:both;
  font-size:1px;
  height:0.01px;
  line-height:1px;
  margin:0;
  padding:0;
}

/***float***/
.fl{
  float: left;
}

.fr{
  float: right;
}

.rel{
  position: relative;
}

/**BTTNS**/
.bttn_grad,
a.video:before{
  color:#fff;
  border:0;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  background: #fe7a01; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlN2EwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2ZlNzMwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2ZlNTkwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTUyMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fe7a01 0%, #fe7301 24%, #fe5901 78%, #fe5201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe7a01), color-stop(24%,#fe7301), color-stop(78%,#fe5901), color-stop(100%,#fe5201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fe7a01 0%,#fe7301 24%,#fe5901 78%,#fe5201 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fe7a01 0%,#fe7301 24%,#fe5901 78%,#fe5201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fe7a01 0%,#fe7301 24%,#fe5901 78%,#fe5201 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fe7a01 0%,#fe7301 24%,#fe5901 78%,#fe5201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7a01', endColorstr='#fe5201',GradientType=0 ); /* IE6-8 */
}

.bttn_grad:hover,
a.video:hover:before{
  background: #fe5201; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlNTIwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2ZlNTkwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2ZlNzMwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTdhMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fe5201 0%, #fe5901 24%, #fe7301 78%, #fe7a01 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe5201), color-stop(24%,#fe5901), color-stop(78%,#fe7301), color-stop(100%,#fe7a01)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fe5201 0%,#fe5901 24%,#fe7301 78%,#fe7a01 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fe5201 0%,#fe5901 24%,#fe7301 78%,#fe7a01 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fe5201 0%,#fe5901 24%,#fe7301 78%,#fe7a01 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fe5201 0%,#fe5901 24%,#fe7301 78%,#fe7a01 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5201', endColorstr='#fe7a01',GradientType=0 ); /* IE6-8 */
  text-decoration: none !important
}

.bttn_grad:nth-child(n),
a.video:before{
  filter:none;
}

/**video bttn**/
a.video{
  position: relative;
  display: inline-block;
}

a.video img{
  display: inline-block;
}

a.video .after{
  width: 100px;
  height: 100px;
  background-color: #000;
  display: block;
}

a.video:before,
a.video small:before{
  content: ' ';
  position: absolute;
  width: 45px;
  height: 45px;
  left:50%;
  top:50%;
  margin: -22px 0 0 -22px;
  border-radius: 50%;
  display: block;
}

a.video:after{
  content: '';
  position: absolute;
  background: url(../layout/icons.png) left top no-repeat;
  background-position: 0 -368px;
  width: 17px; height: 20px;
  left:50%;
  top:50%;
  margin: -9px 0 0 -7px;
}

a.more{
  color: #fe6601;
  display: inline-block;
}

a.more:after{
  content: '';
  display: inline-block;
  background: url(../layout/icons.png) left top no-repeat;
  background-position: 0 -126px;
  width: 6px; height: 8px;
  margin-left: 7px;
}

a.more:hover{
  text-decoration: underline;
}

a.shop{
  position: relative;
  display: inline-block;
}

a.shop img{
  display: block;
  position: relative;
}

a.shop > span{
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 30px;
  background-color: #95c11f;
  font-size: 12px;
  color: #fff;
  padding: 7px 10px;
  text-align: center;
  border-radius: 2px;
  white-space: nowrap
}

a.shop .s_basket{
  margin:1px 7px 0 0;
}

a.eshop{
  height: 40px;
  float: right;
  padding: 10px 15px;
  position: relative;
}

a.eshop:before{
  content: '';
  display: inline-block;
  position: relative;
  top:3px;
  margin-right: 7px;
  vertical-align: top;
  background: url(../layout/icons.png) left top no-repeat;
  background-position: 0 -438px; width: 15px; height: 13px;
}

/**paddings**/
.padd_t15{
  padding-top: 15px;
}

.padd_t20{
  padding-top: 20px;
}

.padd_t25{
  padding-top: 25px;
}

.padd_t50{
  padding-top: 50px;
}


/**MARGINS**/




.form fieldset { border: none; padding: 0px;}
.red { color: #fe5201; font-size: 11px; float: left; }

.media_box { text-align: center; margin-top: 18px;} 
.media_box h2 { text-align: center; font-size: 20px;
font-weight: normal;
color: #0069B4;
text-transform: uppercase;
margin: 9px 0px;}  