/**********************************************************************************************************************/
/***   Grid 24   ******************************************************************************************************/
/**********************************************************************************************************************/

/*
  Сетка в 24 колонки без адаптивности под разные разрешения экрана.
*/
.hBlock {
  min-width: 1200px;
}
.hBlockContent {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.col-1,  .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
  float: left;
}

.col-24 { width: 100%; }
.col-23 { width: 95.83333333%; }
.col-22 { width: 91.66666667%; }
.col-21 { width: 87.5%; }
.col-20 { width: 83.33333333%; }
.col-19 { width: 79.16666667%; }
.col-18 { width: 75%; }
.col-17 { width: 70.83333333%; }
.col-16 { width: 66.66666667%; }
.col-15 { width: 62.5%; }
.col-14 { width: 58.33333333%; }
.col-13 { width: 54.16666667%; }
.col-12 { width: 50%; }
.col-11 { width: 45.83333333%; }
.col-10 { width: 41.66666667%; }
.col-9  { width: 37.5%; }
.col-8  { width: 33.33333333%; }
.col-7  { width: 29.16666667%; }
.col-6  { width: 25%; }
.col-5  { width: 20.83333333%; }
.col-4  { width: 16.66666667%; }
.col-3  { width: 12.5%; }
.col-2  { width: 8.33333333%; }
.col-1  { width: 4.16666667%; }

.col-pull-0, .col-pull-1, .col-pull-2, .col-pull-3, .col-pull-4, .col-pull-5, .col-pull-6, .col-pull-7, .col-pull-8, .col-pull-9, .col-pull-10, .col-pull-11, .col-pull-12
.col-pull-13, .col-pull-14, .col-pull-15, .col-pull-16, .col-pull-17, .col-pull-18, .col-pull-19, .col-pull-20, .col-pull-21, .col-pull-22, .col-pull-23, .col-pull-24,
.col-push-0, .col-push-1, .col-push-2, .col-push-3, .col-push-4, .col-push-5, .col-push-6, .col-push-7, .col-push-8, .col-push-9, .col-push-10, .col-push-11, .col-push-12
.col-push-13, .col-push-14, .col-push-15, .col-push-16, .col-push-17, .col-push-18, .col-push-19, .col-push-20, .col-push-21, .col-push-22, .col-push-23, .col-push-24 {
  position: relative;
}

.col-pull-24 { right: 100%; }
.col-pull-23 { right: 95.83333333%; }
.col-pull-22 { right: 91.66666667%; }
.col-pull-21 { right: 87.5%; }
.col-pull-20 { right: 83.33333333%; }
.col-pull-19 { right: 79.16666667%; }
.col-pull-18 { right: 75%; }
.col-pull-17 { right: 70.83333333%; }
.col-pull-16 { right: 66.66666667%; }
.col-pull-15 { right: 62.5%; }
.col-pull-14 { right: 58.33333333%; }
.col-pull-13 { right: 54.16666667%; }
.col-pull-12 { right: 50%; }
.col-pull-11 { right: 45.83333333%; }
.col-pull-10 { right: 41.66666667%; }
.col-pull-9  { right: 37.5%; }
.col-pull-8  { right: 33.33333333%; }
.col-pull-7  { right: 29.16666667%; }
.col-pull-6  { right: 25%; }
.col-pull-5  { right: 20.83333333%; }
.col-pull-4  { right: 16.66666667%; }
.col-pull-3  { right: 12.5%; }
.col-pull-2  { right: 8.33333333%; }
.col-pull-1  { right: 4.16666667%; }
.col-pull-0  { right: auto; }

.col-push-24 { left: 100%; }
.col-push-23 { left: 95.83333333%; }
.col-push-22 { left: 91.66666667%; }
.col-push-21 { left: 87.5%; }
.col-push-20 { left: 83.33333333%; }
.col-push-19 { left: 79.16666667%; }
.col-push-18 { left: 75%; }
.col-push-17 { left: 70.83333333%; }
.col-push-16 { left: 66.66666667%; }
.col-push-15 { left: 62.5%; }
.col-push-14 { left: 58.33333333%; }
.col-push-13 { left: 54.16666667%; }
.col-push-12 { left: 50%; }
.col-push-11 { left: 45.83333333%; }
.col-push-10 { left: 41.66666667%; }
.col-push-9  { left: 37.5%; }
.col-push-8  { left: 33.33333333%; }
.col-push-7  { left: 29.16666667%; }
.col-push-6  { left: 25%; }
.col-push-5  { left: 20.83333333%; }
.col-push-4  { left: 16.66666667%; }
.col-push-3  { left: 12.5%; }
.col-push-2  { left: 8.33333333%; }
.col-push-1  { left: 4.16666667%; }
.col-push-0  { left: auto; }

.col-offset-24 { margin-left: 100%; }
.col-offset-23 { margin-left: 95.83333333%; }
.col-offset-22 { margin-left: 91.66666667%; }
.col-offset-21 { margin-left: 87.5%; }
.col-offset-20 { margin-left: 83.33333333%; }
.col-offset-19 { margin-left: 79.16666667%; }
.col-offset-18 { margin-left: 75%; }
.col-offset-17 { margin-left: 70.83333333%; }
.col-offset-16 { margin-left: 66.66666667%; }
.col-offset-15 { margin-left: 62.5%; }
.col-offset-14 { margin-left: 58.33333333%; }
.col-offset-13 { margin-left: 54.16666667%; }
.col-offset-12 { margin-left: 50%; }
.col-offset-11 { margin-left: 45.83333333%; }
.col-offset-10 { margin-left: 41.66666667%; }
.col-offset-9  { margin-left: 37.5%; }
.col-offset-8  { margin-left: 33.33333333%; }
.col-offset-7  { margin-left: 29.16666667%; }
.col-offset-6  { margin-left: 25%; }
.col-offset-5  { margin-left: 20.83333333%; }
.col-offset-4  { margin-left: 16.66666667%; }
.col-offset-3  { margin-left: 12.5%; }
.col-offset-2  { margin-left: 8.33333333%; }
.col-offset-1  { margin-left: 4.16666667%; }
.col-offset-0  { margin-left: 0%; }

.clearfix:before,
.clearfix:after,
.hBlockContent:before,
.hBlockContent:after
{
  content: " ";
  display: table;
}
.clearfix:after,
.hBlockContent:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}


/**********************************************************************************************************************/
/***   Base styles   **************************************************************************************************/
/**********************************************************************************************************************/
html, body {
  margin: 0;
  width: 100%; height: 100%;
  padding: 0;
  font-family: "Roboto", sans-serif; color: #222222;
  font-size: 20px; font-weight: normal; font-style: normal; line-height: 1.35;
}
.inverted { color: white; }

.wrap { min-height: 100%; }
.header { height: 50px; }
.footerPusher { height: 330px; }
.footer { margin-top: -290px; height: 290px; }
/**********************/
.roboto       { font-family: "Roboto", sans-serif; font-weight: 400; }
.roboto-light { font-family: "Roboto", sans-serif; font-weight: 300; }
.roboto-bold  { font-family: "Roboto", sans-serif; font-weight: bold; }
/**********************/
a, a:visited {
  color: #222222;
  text-decoration: underline;
}
a:active, a:hover {
  color: #222222;
  text-decoration: none;
}
a.inPage, a.inPage:visited {
  text-decoration: none;
  border-bottom: 1px Dotted;
}
a.inPage:active, a.inPage:hover {
  border-bottom: none;
}

.inverted a, .inverted a:visited {
  color: white;
}
.inverted a:active, .inverted a:hover {
  color: white;
}
/***********************/
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.taj { text-align: justify; }

.vat   { vertical-align: top; }
.vam   { vertical-align: middle; }
.vab   { vertical-align: bottom; }
.vatt  { vertical-align: text-top; }
.vatb  { vertical-align: text-bottom; }
.vabl  { vertical-align: baseline; }
.vasub { vertical-align: sub; }
.vasup { vertical-align: super; }
.ucase { text-transform: uppercase; }
/***********************/
h1 {
  font-size: 44px; line-height: 1.15; letter-spacing: 0.06em;
}
h2 {
  font-size: 28px; line-height: 1.35; letter-spacing: 0.1em;
}
h3 {
  font-size: 20px; line-height: 1.35; letter-spacing: 0.16em;
}
/***********************/
p {
  line-height: 1.35;
  margin: 0 0 8px 0;
}
/**********************/
ul, ol {
  margin: 0;
}
ul li, ol li {

}
ul li {

}
ol li {

}


/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

.header {
  height: 129px;
  position: relative;
}
.header:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e4e4e4;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
/**********************************************************************************************************************/
.header .citySelect {
  margin-top: 31px;
  font-size: 14px; font-weight: 300; line-height: 1.65;
}

.header .mainMenu {
  display: block;
  margin-top: 11px;
  padding: 0;
}
.header .mainMenu li {
  display: inline-block;
  _display: inline;
  margin-right: 6px;
  font-size: 18px; line-height: 1.5; 
}
.header .mainMenu li.current {
  background: #01AAEB;
  border-radius: 7px;
  padding: 3px 7px;
  color: white;
  cursor: default;
}
.header .enter {
  margin-top: 27px;
  font-size: 14px; font-weight: 300;
  line-height: 1.65;
}
.header .cartInfo {
  margin-top: 19px;
  font-size: 18px;
}

/**********************************************************************************************************************/
.hBlock.banner {
  height: 901px; background: url('/images/gsp/mainBanner.jpg') no-repeat top center #5DC0E6;
}
.bannerTextBlock {
  padding-top: 90px;
}
/**********************************************************************************************************************/
a.aBtn, a.aBtn:visited {
  display: inline-block;
  _display: inline;
  background: black;
  color: white;
  text-decoration: none;
}
a.aBtn:hover, a.aBtn:active {
  background: #555555;
  color: white;
  cursor: pointer;
}
.aBtn.bigButton, .aBtn.bigButton:visited {
  border-radius: 7px;
  font-size: 30px; line-height: 2.5;
  background: #FEC121;
  box-shadow: 0 4px 0 0 #E24C17;
  height: 77px;
  letter-spacing: 0.08em;
  font-weight: bold;
  padding: 0 1.5em;
  vertical-align: middle;
}
.aBtn.bigButton:hover, .aBtn.bigButton:active {
  position: relative;
  background: #FEC121;
  top: 2px;
  box-shadow: 0 2px 0 0 #E24C17;
}
.bigButtonWrap {
  position: relative; top: -40px; height: 81px; margin-bottom: -41px;
}
span.arrowSign {
  font-weight: normal;
  font-family: Verdana;
}
/**********************************************************************************************************************/
.hBlock.bgLightGray {
  background-color: #F5F5F5;
}
.hBlock.enterChoice {
  background-image: url("/images/gsp/circles.png");
  background-repeat: no-repeat;
  background-position: 50% 265px;
  padding-bottom: 35px;
}
.txtColorOrange {
  color: #FD670B;
}
.txtColorGreen {
  color: #6ED217;
}
.txtColorYellow {
  color: #FECE22;
}
.txtColorBlue {
  color: #26ADDD;
}

h1.type2 {
  font-size: 51px;
  letter-spacing: 0.085em;
  line-height: 1.25;
  margin-top: 48px;
  text-transform: uppercase;
  text-align: center;
}
.enterChoiceTabsBlock h1.type2 {
  margin-bottom: 23px;
}
.enterChoiceTabsBlock {
  padding-top: 2px;
}
.enterChoiceTabs {
  margin-bottom: -150px;
}
.enterChoiceTab {
  cursor: pointer;
  height: 301px;
  background: url("/images/gsp/tabsTxt2.png") no-repeat top left;
}
.enterChoiceTab.n1 { background-position: 0px 0px; }
.enterChoiceTab.n2 { background-position: -400px 0px; }
.enterChoiceTab.n3 { background-position: -800px 0px; }
.enterChoiceTab.n1.selected { background-position: 0px 100%; }
.enterChoiceTab.n2.selected { background-position: -400px 100%; }
.enterChoiceTab.n3.selected { background-position: -800px 100%; }

.storyBlock {
  background: url("/images/gsp/storyShadow.png") no-repeat 50% 12px;
  min-height: 303px;
  font-size: 16px;
  font-weight: bold;
}
.storyPic {
  margin-bottom: 20px;
}

.aBtn.orangeTransparent, .aBtn.orangeTransparent:visited {
  background: none;
  border: 3px Solid #FC6306;
  border-radius: 6px;
  color: #FC6306;
  font-size: 16px;
  font-weight: bold;
  padding: 0.8em 0.9em;
  letter-spacing: 0.1em;
}
.aBtn.orangeTransparent:hover, .aBtn.orangeTransparent:active {
  border-color: #20B7EF;
  background: none;
  color: #20B7EF;
}
a.aBtn.wide {
  padding: 0.7em 2.5em;
}
a.orangeLink, a.orangeLink:visited {
  color: #FC6306;
}
a.orangeLink:hover, a.orangeLink:active {
  color: #20B7EF;
}

.maxEffectBlock {
  padding-top: 24px;
  padding-bottom: 52px;
}
.maxEffectBlock h1.type2 {
  margin-bottom: 0.95em;
}
.complexes {
  margin-top: 95px;
  padding-bottom: 52px;
}
.complex {
  font-size: 18px;
}
.complex h3 {
  font-size: 16px; margin: 7px;
  padding-left: 20px;
  padding-right: 20px;
}
.complex p {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
.complex p.specialOffset {
  margin-bottom: 34px;
}
.complex .complexFeaturesSeparator {
  height: 4px; border-radius: 2px; margin: 0px auto;
  background: #dbdbdb;
  width: 38px;
}
.complex .orangeTransparent {
  margin-top: 30px;
}
p.complexName {
  font-size: 24px; font-weight: bold; margin-bottom: 13px; margin-top: 25px;
}

.tastesBlock {
  padding-top: 41px;
  padding-bottom: 100px;
}
.tasteBlock {
  padding-top: 48px;
  padding-bottom: 28px;
}
.tasteBlock p {
  margin-right: 15px;
}
.tasteBlock .orangeTransparent {
  margin-top: 20px;
}
.tasteBlock:hover {
  background: white;
}
.tasteImg {
  margin-top: 15px;
  margin-bottom: -15px;
  margin-left: 10px;
}
.nameOfExpansionFunctional {
  color: #FC6306;
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
}

h1.type2.instructionHeader {
  margin-top: 66px;
  margin-bottom: 80px;
}
.instructionSteps {
  font-size: 28px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.2;
}
.instructionSteps span {
  background: #FECE22;
  padding: 2px 8px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: normal;
}

.perfections {
  padding-top: 137px;
  padding-bottom: 70px;
}
.perfectionPic {
  margin-bottom: 34px;
}
.perfectionName {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.075em;
  margin-bottom: 20px;
}
.perfectionText p {
  font-size: 18px;
  padding: 0 30px;
}
.stepWrap {
  margin-bottom: 16px;
}

.lastButtons {
  padding-bottom: 110px;
}

.social_fb {
  background: url("/images/gsp/socials.png") no-repeat top left;
  height: 34px; width: 27px;
  background-position: -5px 0px;
}
.social_ig {
  background: url("/images/gsp/socials.png") no-repeat top left;
  height: 34px; width: 27px;
  background-position: -55px 0px;
}
.social_vk {
  background: url("/images/gsp/socials.png") no-repeat top left;
  height: 34px; width: 38px;
  background-position: -97px 0px;
}
.social_fb, .social_ig, .social_vk {
  vertical-align: middle;
  display: inline-block;
  _display: inline;
}
.social_fb:hover, .social_ig:hover, .social_vk:hover {
  opacity: 0.65;
}

.footer {
  font-size: 18px;
  background: #F4F4F4;
}
.footerMenu {
  padding-left: 0px;
  margin-top: 58px;
}
.footerMenu li {
  display: inline-block;
  _display: inline;
  margin-right: 15px;
}
.footerMenu.right li {
  margin-right: 0; margin-left: 15px;
}
.footerCompanyName {
  margin-top: 37px;
}
.footerSomeText {
  margin-top: 12px;
}
.footerCopyrights {
  font-size: 14px;
  margin-top: 38px;
  color: #b2b2b2;
}

.text18
{
	font-size: 18px;
}

.text16
{
	font-size: 16px;
}

.contactblock
{
	margin-top: 35px;
	overflow: hidden;
    margin-bottom: 35px;
}

.contactblock div
{
	padding-left: 33px;
	font-size: 25px;
	float: left;
	margin-right: 60px;
	background-repeat: no-repeat;
    background-position: left center;	
}

.contactblock div a
{
    font-size: 25px;
    text-decoration: underline;
}

.contactblock div.phone
{
	background-image: url('/images/gsp/icon-phone.png');
}

.contactblock div.email
{
	background-image: url('/images/gsp/icon-email.png');
}

.contactform
{
    background: #f5f5f5;
    padding: 50px 0px;
    margin-bottom: 53px;
}

.form input:disabled, .form textarea:disabled
{
	background: #fafafa !important;	
}

.form input[type=text]
{
    height: 40px;
    width: 100%;
    border: solid 2px #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
	font-family: "Roboto", sans-serif;
    font-size: 16px;
	padding: 0px 10px;
}

.form input[type=password]
{
    height: 40px;
    width: 100%;
    border: solid 2px #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
	font-family: "Roboto", sans-serif;
    font-size: 16px;
	padding: 0px 10px;
}

.form select
{
    height: 40px;
    width: 100%;
    border: solid 2px #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
	font-family: "Roboto", sans-serif;
    font-size: 16px;
	padding: 0px 10px;
}


.form600
{
	width: 600px;	
}

.form300
{
	width: 300px;	
}

.field300 input[type=text],.field300 input[type=password],.field300 textarea, .field300 select
{
	width: 300px !important;
}

#profile_mobile
{
	width: 177px !important;
}

#cdAddress_phone
{
	width: 177px !important;
}

.input-phone
{
	width: 200px !important;
}

.form textarea
{
    height: 107px;
    width: 100%;
    border: solid 2px #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
	font-family: "Roboto", sans-serif;
	padding: 10px;
}

.form .label
{
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
}

.form .line
{
    margin-bottom: 18px;
	font-size: 16px;
}

.form .line .desc
{
	color: gray;
	margin-top: 8px;
}

.form .line.required .label:before
{
	content: '*';
	position: inline-block;
	margin-right: 5px;
	color: red;
	font-weight: bold;	
}

.form .line:last-child
{
    margin-bottom: 0px;
}

.form .line.error .label
{
    color: red;
}

.form .error-message
{
    color: red;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.form .line.error input[type=text]
{
    border-color: red;
}

.form .line.error textarea
{
    border-color: red;
}

.faq-link
{
    padding-left: 24px;
    background: url('/images/gsp/icon-faq.png') no-repeat left center;
    color: #fc6306 !important;
    font-size: 16px;
}

.faq-link:hover
{
    color: #fc6306;
    text-decoration: none;
}

.ask-link
{
    padding-left: 24px;
    background: url('/images/gsp/icon-write.png') no-repeat left center;
    color: #fc6306 !important;
    font-size: 16px;
}

.ask-link:hover
{
    color: #fc6306;
    text-decoration: none;
}

.overhid
{
    overflow: hidden;
}

.btn 
{
    background: none;
    border: 3px Solid #FC6306;
    border-radius: 6px;
    color: #FC6306;
    font-size: 16px;
    font-weight: bold;
    padding: 0.8em 0.9em;
    letter-spacing: 0.1em;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

.btn:disabled
{
	border: 3px Solid #ccc;
	color: #ccc;
	cursor: default;
}

.btn:disabled:hover
{
	border: 3px Solid #ccc;
	color: #ccc;
	cursor: default;
}

.btn:hover 
{
    border-color: #20B7EF;
    background: none;
    color: #20B7EF;
}

.inline
{
    display: inline;
}

.btnLocation
{
    background: url('/images/gsp/icon-location-small.png') no-repeat 7% center;
    border: 3px solid #FC6306;
    border-radius: 6px;
    color: #FC6306;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5em 0.9em 0.5em 2.6em;
    letter-spacing: 0.1em;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.btnLocation:hover
{
    /*border-color: #20B7EF;*/
    color: #20B7EF;
}

.btnLocation_delivery
{
    position: relative;
    left: 25px;
    top: -5px;
}

.deliveryCost
{
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
    
}

.deliveryCost > div:first-child
{
    background: #eee;
}

.deliveryCost > div:first-child > div
{
    padding: 50px 50px 50px;
}

.deliveryCost > div:last-child
{
    position: absolute;
    width: 350px;
    right: 0px;
    background: #f5f5f5;   
    height: 100%;
}

.deliveryCost > div:last-child > div
{
    padding: 33px;
}

.faq-links
{
    overflow: hidden;
    margin-top: 20px;
}

.faq-links .faq-link
{
    float: left;
}

.faq-links .ask-link
{
    float: right;
}

.deliveryServices
{
    display: inline-block;
    overflow: hidden;
    margin-bottom: 40px;
}

.deliveryServices > div
{
    display: inline-block;
    width: 200px;
    margin-right: 50px;
    font-size: 18px;
    text-align: center;
	vertical-align: top;
}

.deliveryServices .imageHolder
{
    margin-bottom: 10px;
    min-height: 100px;
}

.deliveryServices .imageHolder img
{
    
}

.deliveryServices > div:last-child
{
    margin-right: 0px;
}

.paymentServices
{
    display: inline-block;
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 50px;
}

.paymentServices > div
{
    display: inline-block;
    margin-right: 50px;
    font-size: 18px;
    text-align: center;
}

.faqGray
{
    background: #f5f5f5;
    padding-bottom: 10px;
    padding-top: 1px;
}

.faqTitle
{
    margin-left: 72px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.faqQuestion
{
    padding-left: 22px;
    padding-right: 50px;
    background: url('/images/gsp/icon-faq-black.png') no-repeat left center;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;    
}

.faqAnswer
{
    padding-left: 22px;
    padding-right: 50px;
    font-size: 18px;
}

.faqOne
{
    padding-left: 50px;
    margin-bottom: 40px;
}

.faqOne .orangeLink
{
    display: inline-block;
    margin-top: 5px;
    margin-left: 22px;
    font-size: 18px;
}

.no-answer
{
    background: url('/images/gsp/icon-faq-big.png') no-repeat left top;
    padding-top: 30px;
}

.aboutBgBlock
{
    min-height: 418px;
    width: 100%;
    background: url('/images/gsp/abg.png') repeat-x left top;
    padding-top: 1px;
}

.productBlock
{
    background: url('/images/gsp/circles.png') left bottom #4ccdff;
    font-size: 18px;
    color: #fff;
    margin-top: 45px;
    position: relative;
    -webkit-box-shadow: 0px 9px 34px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 34px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 34px -14px rgba(0,0,0,0.75);
}

.productBlock h1
{
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 42px;
    margin-top: 47px;
    margin-bottom: 35px; 
    color: #fff;
    text-transform: uppercase;
}

.productBlock h2
{
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.productBlock > div
{
    background: url('/images/gsp/gshape.png') no-repeat left center;
    padding-left: 650px;
    min-height: 500px;
    padding-right: 50px;
}

.protein6_wrapper
{
    /*background: url('/images/gsp/circles.png') right bottom;*/
    padding-top: 30px;
}

.protein6
{
    background: url('/images/gsp/protein6.png') no-repeat center center;
    position: relative;
    height: 586px;
}

.protein6 .pl
{
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    text-transform: uppercase;
}

.protein6 .pl-1
{
    right: 155px;
    top: 96px;
}

.protein6 .pl-2
{
    right: 155px;
    top: 288px;
}

.protein6 .pl-3
{
    right: 222px;
    top: 487px;
}

.protein6 .pr
{
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    text-transform: uppercase;
}

.protein6 .pr-1
{
    left: 188px;
    top: 96px;
}

.protein6 .pr-2
{
    left: 144px;
    top: 274px;
}

.protein6 .pr-3
{
    left: 188px;
    top: 477px;
}

.bcaa
{
    color: #167ca3;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    text-align: center;
}

.bcaa .title
{
    font-size: 30px;
    margin-bottom: 5px;
}

.who
{
    margin-top: 60px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 130px;
    background: url('/images/gsp/logo-who.png') no-repeat center bottom;
}

.evalue
{
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    border-spacing: 0px;
}

.evalue th 
{
    font-weight: bold;
    
}

.evalue td, .evalue th
{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 50px;
    padding-right: 50px;
    text-align: left;
    background: #fff;
    border: none;
}

.evalue .c1
{
    width: 250px;
    background: #f9f9f9;
}

.evalue .c2
{
    width: 100px;
    background: #f9f9f9;
}

.evalue .c3
{
    text-align: center;
    width: 270px;
    background: #f3f3f3;
}

.evalue .c4
{
    text-align: center;
    width: 270px;
    background: #eeeeee;
}

.evalue .bb td
{
    border-bottom: solid 2px #fff;
}

.evalue .c5
{
    text-align: center;
    width: 120px;
    background: #f3f3f3;
}

.evalue .c6
{
    text-align: center;
    width: 120px;
    background: #eeeeee;
}

.evalue .c7
{
    text-align: center;
    width: 120px;
    background: #e6e6e6;
}

.smallGrayText
{
    font-size: 14px;
    color: #969696;
    padding-left: 50px;
}

.productBgDislocCompTp
{
    margin-bottom: -780px; 
}

.productBgDisloc
{
    position: relative;
    top: 780px;
}

.productBgDislocCompBt
{
    padding-top: 780px;
}

.productBgWhite
{
    background: #fff;
}

.text20bold
{
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.text20
{
    font-family: "Roboto", sans-serif;
    font-size: 20px;
}

.certificates
{
    display: inline-block;
    overflow: hidden;
    margin-bottom: 80px;
    margin-top: 50px;
}

.certificates > div
{
    display: inline-block;
    margin-right: 33px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 250px;
    vertical-align: top;
}

.certificates > div:last-child
{
    margin-right: 0px;
}

.certificates > div img
{
    margin-bottom: 36px;
    display: block;
}

.certificates .orangeLink
{
    display: block;
    margin-top: 10px;
}

.advantages
{
    display: inline-block;
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 140px;
}

.advantages > div
{
    display: inline-block;
    margin-right: 50px;
    font-size: 18px;
    text-align: center;
    width: 300px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 160px;
}

.advantages > div:last-child
{
    margin-right: 0px;
}

.advantages > div.eco
{
    background-image: url('/images/gsp/icon-eco.png');
}

.advantages > div.sec
{
    background-image: url('/images/gsp/icon-sec.png');
}

.advantages > div.tehno
{
    background-image: url('/images/gsp/icon-tehno.png');
}

.advantages > div .title
{
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.advantages-title
{
    font-size: 28px;
    font-weight: bold;
    margin-top: 50px;
}

.lab
{
    background: url('/images/gsp/sience.png') no-repeat right center #ebebeb;
    padding-right: 540px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 40px;
    width: 620px;
    margin: 0 auto;
    position: relative;
    top: -80px;
    margin-bottom: 150px;
}

.productBuy
{
    background: url('/images/gsp/abg.png') repeat-x left top;
    height: 371px;
}

.productBuyTop
{
    background: url('/images/gsp/gshape.png') no-repeat 45% top;
    padding-top: 480px;
    text-align: center;
    position: relative;
    margin-top: -520px;
    margin-bottom: 80px;
}

.shop
{
    overflow: hidden;
    margin-bottom: 120px;
}

.shop-item
{
    border: solid 1px #eeeeee;
    width: 250px;
    margin-right: 22px;
    margin-bottom: 22px;
    float: left;
}

.shop .shop-item:nth-child(3n)
{
    margin-right: 0px;
}

.shop-item:hover
{
    border: solid 1px #fc6306;  
}

.shop-item .image
{
    margin-top: 0px;
    height: 245px;
    /* margin-bottom: 25px; */
}

.shop-item .title
{
    margin-bottom: 20px;
}

.control
{
    overflow: hidden;
}

.control:hover .price
{
    background: #fc6306;
}

.control:hover .price > div
{
    color: #fff;
}

.control:hover .buttons
{
    border: solid 3px #fc6306;
}

.control .price
{
    width: 120px;
    height: 38px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    float: left;
}

.control.min
{
	display: inline;
}

.control.min .price
{
	width: 90px;
	height: 28px;
}

.control .price > div
{
    margin-top: 5px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.control.min .price > div
{
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.control .price > div > span
{
    font-size: 14px;
    font-weight: normal;
}

.control.min .price > div > span
{
	font-size: 12px;
}

.shop-item .wrapper
{
    padding: 25px 20px;
}

.control .buttons
{
    float: left;
    width: 82px;
    height: 32px;
    border: solid 3px #ededed;
    background: #fff;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fb6307;
    font-weight: bold;
    font-size: 20px;
}

.control.min .buttons
{
	width: 52px;
    height: 25px;
	border: solid 2px #ededed;
}

.control .buttons .holder
{
    display: table;
    width: 80px;
    margin: 3px auto;
}

.control.min .buttons .holder
{
	width: 39px;
}


.control .buttons .holder .minus, .control .buttons .holder .plus, .control .buttons .holder .total
{
    display: table-cell;
    text-align: center;
}

.control .buttons .holder .minus, .control .buttons .holder .plus
{
    color: #fb6307;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
}

.control.min .buttons .holder .minus, .control.min .buttons .holder .plus, .control.min .buttons .holder .total
{
	font-size: 14px;
}

.shop-item .data
{
    overflow: hidden;
    margin: 20px 0px 0px;
}

.shop-item .data .serving
{
    float: left;
    font-size: 16px;
    color: #bababa;
    margin-top: 5px;
}

.shop-item .data .link 
{
    float: right;
}

.shop-item .data .link a
{
    font-size: 16px;
    position: relative;
    padding-right: 10px;
}

.shop-item .data .link a:after
{
    content: url('/images/gsp/icon-arrow.png');
    position: absolute;
    right: 0px;
    top: -2px;
}

.cart
{
    background: #f5f5f5;
    position: relative;
	margin-bottom: 30px;
}

.cart:after
{
    content: url('/images/gsp/cart-footer.png');
    position: absolute;
    left: 0px;
    bottom: -22px;
    height: 22px;
    width: 100%;
}

.cart.no-after:after
{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 100%;
}

.cart .wrapper
{
    padding: 25px;
}

.cart table
{
    width: 100%;
    border-spacing: 0px;
}

.cart table th
{
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.cart table td, .cart table th
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    border: none;
}

.cart table td
{
    font-size: 15px;
}

.cart table tr:first-child th
{
    padding-bottom: 10px;
}

.cart table tr.total th
{
    padding-top: 20px;
}

.cart table tr.empty td
{
    padding-bottom: 15px;
}

.cart table .num
{
    width: 10px;
    color: #999999;
}

.cart table .product-title
{
    width: 120px;
}

.cart table .total
{
    width: 80px;
	text-align: right;
	white-space: nowrap;
}

.cart table tr.cart-delivery th:last-child
{
	white-space: nowrap;
	font-size: 18px;
	text-transform: none;
}

.cart table tr.cart-total th:last-child
{
	text-transform: none;
	font-size: 18px;
	white-space: nowrap;
}

.cart table tr.items-header td
{
	padding-top: 10px;
}

.cart table tr.items td
{
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.dots
{
	display: inline-block;
	color: gray;
	padding-top: 7px;
}

.cart .ordering
{
    overflow: hidden;
    margin-top: 20px;
}

.cart .ordering .aBtn
{
    float: left;
}

.cart .ordering .orangeLink
{
    float: right;
    font-size: 16px;
    margin-top: 16px;
    padding-right: 5px;
}

.aBtn.disabled
{
	border: 3px Solid #ccc !important;
	cursor: default;
	color: #ccc !important;
}

.aBtn.disabled:hover
{
	border: 3px Solid #ccc !important;
	cursor: default;
	color: #ccc !important;
}

.form-table 
{
	font-size: 16px;
}

.shop-item .image img
{
	width: 220px;
	height: 220px;
	cursor: pointer;
}

.modal_fon {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 10100;
	background: #000;
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	overflow: hidden;	
}

.modal {
	display: none;
	position: absolute;
	z-index: 10200;
	width: 600px;
	border: solid 1px #3d332a;
}

.productCard
{
	width: 900px;
	padding: 30px 50px;
	background: #fff;
	font-size: 18px;
	overflow: hidden;
}

.productCard .image
{
	float: left;
	width: 250px;
	padding-right: 120px;
}

.productCard .data
{
	float: left;
	width: 530px;
}

.productCard .title
{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 20px;
	text-transform: uppercase;
}

.productCard .close
{
	width: 21px;
	height: 21px;
	cursor: pointer;
	position: absolute;
	right: 50px;
	top: 50px;
}

.tasteInfo
{
	width: 600px;
	padding: 30px 50px;
	background: #fff;
	font-size: 18px;
	overflow: hidden;
}

.tasteInfo .data
{
	float: left;
	width: 600px;
}

.tasteInfo .title
{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 20px;
	text-transform: uppercase;
}

.tasteInfo .close
{
	width: 21px;
	height: 21px;
	cursor: pointer;
	position: absolute;
	right: 50px;
	top: 50px;
}

#cabinetMenu
{
	background: #f5f5f5;
	padding: 30px;
}

#cabinetMenu .login
{
	margin-bottom: 30px;
	padding-left: 30px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	background: url('/images/gsp/icon-logined.png') no-repeat left center;
}

#cabinetMenu .link
{
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
    color: #FC6306;
}

#cabinetMenu .link.active
{
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

#cabinetMenu > div
{
    margin-bottom: 5px;
}

#cabinetMenu .link.active:after
{
    content: url('/images/gsp/arrow-right.png');
    position: absolute;
    right: -13px;
    top: -1px;
}

#cabinetMenu .link.orders
{
    background-image: url('/images/gsp/icon-office-orders.png');
}

#cabinetMenu .link.profile
{
    background-image: url('/images/gsp/icon-office-profile.png');
}

#cabinetMenu .link.exit
{
    background-image: url('/images/gsp/icon-office-logout.png');
}

.order
{
	margin-bottom: 25px;
	
}

.order .head
{
	padding-top: 20px;
	height: 48px;
	overflow: hidden;
	font-size: 18px;
	background: #f8f8f8;
}

.order .head > div
{
	float: left;
	margin-right: 35px;
}

.order .head > div:last-child
{
	margin-right: 0px;
}

.order .head .id
{
	width: 100px;
	padding-left: 20px;
	margin-right: 12px;
	font-weight: bold;
}

.order .head .date
{
	width: 80px;
	color: #b6b6b6;
	
}

.order .head .price
{
	width: 120px;
}

.order .head .status
{
	width: 165px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

.order .head .open
{
	width: 85px;
}

.order .head .open a
{
	cursor: pointer;
	font-size: 16px;
	border-bottom: dashed 1px #222;
	text-decoration: none;
}

.order .head .open a:hover
{
	border-bottom: none;
}

.order .head .action
{
	width: 150px;
}

.order .head .action a
{
	position: relative;
	top: -2px;
}

.order .body
{
	padding: 35px;
	border-left: solid 6px #f8f8f8;
	border-right: solid 6px #f8f8f8;
	border-bottom: solid 6px #f8f8f8;
	font-size: 16px;
}

.order .head .status.status-pay
{
	background-image: url('/images/gsp/order-status-pay.png');
	
}

.order .head .status.status-cancel
{
	background-image: url('/images/gsp/order-status-cancel.png');
	color: #b2b2b2;
}

.order .head .status.status-process
{
	background-image: url('/images/gsp/order-status-process.png');
	color: #01aaeb;
}

.order .head .status.status-done
{
	background-image: url('/images/gsp/order-status-done.png');
	color: #21b25e;
}

.order_steps
{   
    display: table;
 	margin: 0px auto 50px;   
    table-layout: auto;
}

.order_steps > div
{
    display: table-cell;
    color: #c1c1c1;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.order_steps > div.done
{
    color: #32c760;
}

.order_steps > div.current
{
    color: #fc6306;
}

.order_steps > div.done + .arrow:after, .order_steps > div.current + .arrow:after
{
    content: url('/images/gsp/step-arrow-orange.png');
}

.order_steps > div.arrow
{
    width: 80px;
    position: relative;
}

.order_steps > div.arrow:after
{
    content: url('/images/gsp/step-arrow-gray.png');
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 0px;
}

.cart_total
{
    
}

.cart_total .item
{
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    height: 125px;
    overflow: hidden;
}

.cart_total .item > div
{
    float: left;
    margin-top: 35px;
}

.cart_total .serves
{
    color: #bababa;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

.cart_total .item > div.img
{
    width: 90px;
    margin-right: 10px;
    text-align: right;
    margin-top: 20px;
}

.cart_total .item > div.title
{
    width: 230px;
    margin-right: 20px;
}

.cart_total .item > div.price
{
    font-size: 20px;
    font-weight: bold;
    width: 125px;
    margin-right: 25px;
    
}

.cart_total .item > div.count
{
    width: 125px;
    margin-right: 25px;
	position: relative;
	top: -8px;
}

.cart_total .item > div.subtotal
{
    font-size: 20px;
    font-weight: bold;
    width: 130px;
}

.cart_total .item > div.subtotal a
{
    display: inline-block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: normal;
    color: #fc6306;
    text-decoration: underline;
    padding-left: 13px;
    background: url('/images/gsp/small-close.png') no-repeat left center;
}

.cart_total .total
{
    background: #f5f5f5;
    text-align: right;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
	padding: 20px 0px;
}

.cart_total .total > div
{
	
}

.cart_total .total > div:last-child
{
	
}

.cart_total .total span
{
    display: inline-block;
    margin-right: 30px;
}

.cart_total .total span:last-child
{
    text-transform: none;
    margin-right: 28px;
}

.cart_total .control
{
    overflow: hidden;
    border: solid 3px #ededed;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    font-size: 20px;
    color: #fb6307;
    font-weight: bold;
    display: inline-block;
}

.cart_total .control .min
{
    float: left;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.cart_total .control .count
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.cart_total .control .plus
{
    float: left;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.emailAjax
{
	display: inline-block;
	position: relative;
	left: 8px; top: 3px;
}

.gbtn 
{
    background: none;
    border: 3px solid #cacaca;
    border-radius: 6px;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    padding: 0.8em 0.9em;
    letter-spacing: 0.1em;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
}

.gbtn:disabled
{
	border: 3px solid #cacaca;
	color: #ccc;
	cursor: default;
}

.gbtn:disabled:hover
{
	border: 3px solid cacaca;
	color: #ccc;
	cursor: default;
}

.gbtn:hover 
{
    border-color: #20B7EF;
    background: none;
    color: #20B7EF;
}

.noaddress
{
	background: url('/images/gsp/no_address_bg.png') no-repeat left top #f5f5f5;
	height: 49px;
	padding-top: 25px;
	padding-left: 25px;
	margin-bottom: 40px;
}

.order_item_set
{
	background: #f5f5f5;
	padding: 25px 30px;
	font-size: 18px;
}

.order_ok
{
	background: url('/images/gsp/order-ok.png') 20px center no-repeat #3cb736;
	padding-left: 60px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 15px;
}

#countrySelectModal
{
	width: 400px;
	padding: 30px 50px;
	background: #fff;
	font-size: 20px;
	overflow: hidden;
}

#countrySelectModal > div
{
	margin-bottom: 5px;
}

#countrySelectModal .title
{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#countrySelectModal .close
{
	width: 21px;
	height: 21px;
	cursor: pointer;
	position: absolute;
	right: 25px;
	top: 25px;
}