@charset "utf-8";

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('fonts/fontawesome-webfont.eot'); 
    src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
        url('fonts/fontawesome-webfont.woff2') format('woff2'), 
        url('fonts/fontawesome-webfont.woff') format('woff'), 
        url('fonts/fontawesome-webfont.ttf') format('truetype'), 
        url('fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; }



#dotazForm {width:350px; margin:0 auto}
#dotazForm .formField .editButton input {height:35px; padding:0 30px; display:block; font-weight: bold; font-size: 1.0em; line-height:1.5em; margin:10px 0 0 0; cursor: pointer; text-align:center;width:auto; float:right; color: #1c1d2d; background: #ffa200; border: 6px solid #ec6f00; text-shadow: 1px 1px #ffe103;     font-family: 'Teko', sans-serif;}
#dotazForm .formField .editButton input:hover {color:#1c1d2d; background:#ffc000; border:6px solid #ff7800} 

/*#region drobeckova navigace */
#productsPath { display:block; float:left; width:100%; margin:-25px 0 20px 0; }
#productsPath .pPH1 { display:block; height:21px; line-height:21px; font-size:13px; color:#002864; }
#productsPath .pPH1 ul {list-style:none; margin:0; padding:0;}
#productsPath .pPH1 ul li {list-style:none; margin:0 10px 0 0; padding:0; float:left; color:#1dd69b; position:relative; font-weight:600}
#productsPath .pPH1 ul li:before {font: normal normal normal 18px/1 FontAwesome; display: block; line-height: 1.2em; pointer-events: none; color:#bcbcbc; content: "\f105"; position:absolute; right:0; top:0}
#productsPath .pPH1 ul li:last-child:before {content: ""}
#productsPath .pPH1 a { display:block; float:left; padding:0 10px 0 0; margin:0 10px 0 0; color:#000; text-decoration:none; background:url(images/pPH1A.png) no-repeat right 6px; }
#productsPath .pPH1 a:hover { text-decoration:underline}
#productsPath .pPH1 ul li.item0 i {font-size:1.2em}
#productsPath .pPH1 ul li.item0 a:hover {color:#000; text-decoration:none} 
#productsPath .pPH1 ul li.last a {background:none}
/*#endregion */

.tagBeforeStart { padding:10px 0px; background:#9B0034; color:#fff; width:250px; margin:0 auto 20px auto;}


.formOrCallText {text-align:center; margin:20px 0 10px 0}

/* TEST RESPONZIVU */
.loaderInfo { color: #fff; margin: 0 0 5px 0; /*position: absolute; top: -140px; */}
.loaderInfoText, .loaderInfoText2 {background:#1c1d2d url(images/loaderInfo.png) no-repeat center top; display:block; padding:30px 30px; color:#fff; margin:0 0 20px 0; width:100%; height:225px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.loaderInfoText2 {display:none}
#google { width: 500px; position:relative; padding:50px 0 0 0; margin:0; top:0}
#google .loader { width:100%;background: #fff;  position: absolute; top:90%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#google .scroll { width: 0;background: #26D89F;height: 22px; position:absolute; top:-20px; left:0}
#google .text { color: #000; position: absolute; top:-20px; right:5px}
.loaderWhite {width:100%; background:#fff; position:absolute; z-index:100; height:2px; }

#google .success {margin: 0 !important}
.ruleGroupsTitle, .ruleGroupsTitle2 { background: #1c1d2d !important;color: #ffffff;padding: 20px !important;margin: 0 !important;  font-weight: 800; text-align: center; font-size:1.6em}
.ruleGroupsTitle span {color:#e10000}
.ruleGroupsTitle2 span {color:#479e00}

.formattedResults.fail .vysledek.success {display:none}

.sideBoxInfografika {margin:0 0 30px 0}
.sideBoxInfografika img {max-width:100%}
.sideBoxInfografika p {color:#fff !important}

.sideBenefit {margin:0 0 30px 0; float:left; width:100%}
.sideBenefit ul {margin:0; padding:0; list-style:none}
.sideBenefit ul li {float:left; width:100%; margin:0; min-height:75px; text-align:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:0.9em;text-transform: uppercase; color:#fff}
.sideBenefit ul li .whyTitle {font-size:3.5em; font-weight:900; float:left; margin:0 10px 10px 0; line-height:1.0em; width: 180px; text-align:right}
.sideBenefit ul li .whyText {font-size:0.8em; margin:10px 0 0 0}
.sideBenefit ul li .whyText span {font-weight:600; color:#26d89f}
.sideBenefit ul li .whyText strong {font-weight:600}

/*.ruleGroupsNoBox {margin:20px 0 0 0}*/

.nonActiveBlg {font-size:1.2em; font-weight:600}

.formattedResults {
  margin: 0 !important;
  text-align: center !important;
  background-color: white;
  padding: 20px 40px 40px 40px;
}

.vysledek { margin: 0 auto; display: inline-block}
.formattedResults .success, .formattedResults .fail {padding:0px 0 20px 40px; text-align:left; font-size:1.2em}
.formattedResults .success {background:url(images/success.png) no-repeat left top}
.formattedResults .fail {background:url(images/fail.png) no-repeat left top}

.ruleGroupsNoBox div.ruleGContent, .ruleGroupsBox div.ruleGContent { background: #c4ecee;color: #1c1d2d;margin: 0 0 45px 0; padding: 20px 0;font-weight: 600; font-size: 1.2em}
.ruleGroupsNoBox a, .ruleGroupsBox a { background: #25d49d;color: #fff;padding: 17px 35px 11px 35px ;text-decoration: none; font-weight: 600; font-family: 'Teko', sans-serif; text-shadow: 1px 1px #167e5d; text-transform:uppercase; font-size:1.4em; display:block; line-height:1.2em}
.ruleGroupsNoBox a:hover, .ruleGroupsBox a:hover { background: #1deeab;color: #fff;}

.whyResponContent .whyResponContentItem {width:100%; margin:0 0 20px 0;float:left;}
.whyResponContent .whyResponContentItem .wriText .vetsiText {margin:0 0 5px 0}
.whyResponContent .whyResponContentItem .wriImg {float:left; width:120px; height:120px}
.whyResponContent .whyResponContentItem .wriImg img {margin:20px 0 0 0}

#mailForm {padding:20px; background:#c4ecee}

/*#region DIALOGS */

.jqifade { position: absolute; background-color: #000; }
div.jqi { width: 400px; position: absolute; text-align: center; background: #fff; padding: 20px; border-top: 1px solid #1C1D2D; border-top-width: 38px; }
    div.jqi .jqiclose { width: 17px; height: 17px; color: #fff !important; background: none; font-size: 27px; line-height: 16px; top: -28px; right: 9px; position: absolute;cursor: pointer; font-family: Arial}
    div.jqi .jqititle { padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eeeeee; }
    div.jqi .jqimessage { padding: 0 15px 15px 15px; line-height: 20px; color: #444444; }
    div.jqi .jqibuttons button { margin: 0 10px; padding: 5px 20px;font-weight: bold; font-size: 1.1em; outline: none; color: #fff;
    background: #24cd97;
    border: none;
    text-shadow: 1px 1px #167e5d;  font-family: 'Teko', sans-serif;text-transform:uppercase}
        div.jqi .jqibuttons button:hover { color:#fff; background:#13e4a1; cursor: pointer; }

    /* sub states */
    div.jqi .jqiparentstate::after { background-color: #777; opacity: 0.6; filter: alpha(opacity=60); content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
    div.jqi .jqisubstate { position: absolute; top: 0; left: 20%; width: 60%; padding: 7px; border: solid 1px #eeeeee; border-top: none; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; }
        div.jqi .jqisubstate .jqibuttons button { padding: 10px 18px; }

/* arrows for tooltips/tours */
.jqi .jqiarrow { position: absolute; height: 0; width: 0; line-height: 0; font-size: 0; border: solid 10px transparent; }
.jqi .jqiarrowtl { left: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowtc { left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowtr { right: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowbl { left: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowbc { left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowbr { right: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowlt { left: -20px; top: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowlm { left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowlb { left: -20px; bottom: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowrt { right: -20px; top: 10px; border-left-color: #ffffff; }
.jqi .jqiarrowrm { right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowrb { right: -20px; bottom: 10px; border-left-color: #ffffff; }

/*#endregion */

/* fonts: font-family: 'Teko', sans-serif; font-family: 'Exo 2', sans-serif; */
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.cleaner { clear:both; height:0; line-height:0; font-size:0}


.youtubeVideo {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin: 0 0 20px 0; clear: both }
.youtubeVideo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.success { text-align: center; margin: 0 0 10px 0}

.wideImg img {width: 100%}

.edit.error span.error { color: red; font-size: 0.8em}

.faqItem { width: 100%; position: relative; margin: 0 0 15px 0; }
.faqItem h2 {padding: 0 0 0 45px; margin: 0;font-size: 1.2em; min-height: 30px; }
.faqItem h2:hover { text-decoration: underline; cursor: pointer; }
.faqItem h2 span { background: #1dd69b;  position: absolute; top: 0; left: 0; color: #fff; font-size: 0.8em; font-style: italic; width: 30px; text-align: center; height: 30px; line-height: 30px; border-radius: 50%}
.faqItem p { padding: 0 0 15px 0; margin: 0; min-height: 30px; }
.faqItem img { padding: 0 0 15px 0; max-width: 100%}
.faqItem .faqAnswer { height: 0; overflow: hidden; }
.faqItem.selected .faqAnswer {height: auto;
  margin: 12px 0 0 45px;
  border-top: 1px solid #BABABA;
  padding: 12px 0 0 0;}
.faqItem.selected h2 span {background: #1C1D2D}

.dominik {  padding: 20px;
  background: #C4ECEE;
  float: left;
  margin: 0 0 30px 0;
  color: #1C1D2D;
  width: calc(100% - 40px);}
.dominik .hasekLeft { width: 105px;float: left; margin: 0 25px 0 0}
.dominik .hasekRight strong { font-size: 1.2em;margin: 0; display: block}
.dominik .hasekRight span {  font-style: italic;
  color: #1C1D2D;
  font-weight: 400;
  font-size: 1.0em;
  margin: 0 0 10px 0;
  display: block;}
.dominik .hasekRight span.hasekPhone {  font-style: normal; color: #1DD69B; font-size: 1.5em;}
.dominik .hasekRight span.hasekPhone a, .dominik .hasekRight span.hasekPhone a:hover {color: #1DD69B; text-decoration:none}


.dominik .hasekRight { float: left; }
.dominik .PopupGallery .imgGallItem {width: 100%; margin: 0}
.dominik .PopupGallery .imgGallItem img { float: left;   border-radius: 50%;}

.fa-phone:before { content: "\f095"; }
.telefon .fa-phone { margin: 0 20px 0 0; font-size: 0.9em}

#menuBack {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; z-index:100; display:none}
#menuBack.visible {display:block}
/*#region layout */

#pageWrap, #pageWrapI {padding:0; margin:0 auto; overflow:hidden; }

#headerWrap {width:100%; background:#fff url(images/headerWrap.png) no-repeat center bottom; /*z-index:101;*/ position:relative; }
#boxWhyWrap {width:100%; background:url(images/boxWhyWrap.jpg) no-repeat center bottom; position:relative}
#boxWhy1Wrap {width:100%; background:#1c1d2d url(images/boxWhy2Box.png) repeat-x center bottom; position:relative}
#boxWhy2Wrap {width:100%; background:#1c1d2d url(images/boxWhy2.jpg) no-repeat center bottom; position:relative}

#bcBackgroundPld {width:100%; background:#1c1d2d url(images/boxWhyWrap.png) no-repeat center bottom; position:relative}
#bcBackgroundPage {background: url(images/boxWhyWrap.png) no-repeat center top; position:relative; /*z-index:5;*/ padding:10px 0 0 0}
#bcBackgroundBlog {background: url(images/boxWhyWrap.png) no-repeat center top; position:relative; /*z-index:5;*/ padding:10px 0 0 0}
#searchBoxWrap {width:100%; background:#1c1d2d url(images/searchBoxWrap.png) no-repeat center bottom}
#searchBox {margin:0 auto; padding:30px 0 108px 0; text-align:center}
#vsBoxWrap {width:100%; background:#fff}
#vsBox {padding:60px 0 35px 0}
#hpRefWrap {width:100%; position:relative; background:#1c1d2d url(images/boxWhy2Box.png) repeat-x center bottom}
#hpRefSliderWrap {width:100%; position:relative; background:#1c1d2d url(images/boxWhy2.jpg) no-repeat center bottom;}
#hpRef {padding:100px 0 50px 0;}
#hpRefSlider {padding:30px 0 40px 0; color:#fff; text-align:center; font-family: 'Teko', sans-serif;height: 340px;}
.hpRefTitle {margin:0px auto 0 auto; padding:50px 0 0 0; color:#fff; font-weight:600; font-size:2.2em; text-align:center; font-family: 'Teko', sans-serif;}

#header, #boxWhy, #vsBox, #boxWhy2, #boxWhy1, #hpRef, #hpRefSlider {position:relative; margin:0 auto 0 auto; /*z-index:3;*/ }
#header {/*background:#fff*/padding:10px 0}
#boxWhy {padding:110px 0 30px 0; color:#fff; text-align:center; height:622px}
#boxWhy2 {padding:30px 0 50px 0; color:#fff; font-family: 'Teko', sans-serif;}
#boxWhy1 {padding:30px 0 40px 0; color:#fff; text-align:center; font-family: 'Teko', sans-serif;}
#bcHeaderPld {color:#fff; text-align:center; padding:38px 0 10px 0; }
#header, #bcHeader, #footer, #boxWhy, #boxWhy2, #boxWhy1, #searchBox, #bcHeader1, #bcHeader2, #bcHeader3, #bcHeader4, #hpSlider, .hpSliderOut, #bcContact, #bcHeaderPl, #bcHeaderPld, #bcHeaderPldB, #bcHeaderPage, #bcHeaderBlog, #vsBox, #hpRef, #hpRefSlider {width:1200px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#pagePage {position:absolute; /*z-index:1;*/ height:100%; width:100%}
#pagePageIn {max-width:1200px; width:100%; margin:0 auto; height:100%; position:relative}
.pageWrapPageL {width:64.5%; background:#fff; height:100%; position:absolute; top:0; left:0; /*z-index:1*/}
.pageWrapPageR {width:35.5%; background:#1c1d2d; height:100%; position:absolute; top:0; right:0;/* z-index:1*/}

#pageBlog {position:absolute;/* z-index:1;*/ height:100%; width:100%}
#pageBlogIn {max-width:1200px; width:100%; margin:0 auto; height:100%; position:relative}
.pageWrapBlogL {width:64.5%; background:#e8e8e8 url(images/pageWrapBlogL.jpg) repeat left top; height:100%; position:absolute; top:0; left:0; /*z-index:1*/}
.pageWrapBlogR {width:35.5%; background:#1c1d2d; height:100%; position:absolute; top:0; right:0; /*z-index:1*/}


#bcBackground1, #bcBackground2, #bcBackground3, #bcBackground4, #hpSliderWrap, #bcContactWrap, #bcBackgroundPl, #bcBackgroundPldB, #bcBackgroundPage {width:100%; /*z-index:4*/}
#bcBackground1 {background:url(images/background1.png) repeat-x left bottom;}
#bcContactWrap {background: #C4ECEE /*url("images/boxWhyWrap.png") no-repeat scroll center bottom*/; position:relative; /*z-index:2*/}
#bcHeader1, #bcHeader2, #bcHeader3, #bcHeader4, #hpSlider, .hpSliderOut, #bcContact, #bcHeaderPl, #bcHeaderPld, #bcHeaderPldB, #bcHeaderPage, #bcHeaderBlog {margin:0 auto; position:relative}
#bcHeader1 {padding:45px 0}
#bcHeader2 {padding:45px 0 0 0}
#bcHeader3 {padding:45px 0}
#bcHeaderPl {padding:45px 0}
#bcContact {padding:70px 0 70px 0; }
#bcHeader2 img {display:block}
#bcHeaderPldB {padding:60px 0 45px 0}
#bcHeaderPage, #bcHeaderBlog {padding:45px 0 45px 0; min-height:540px;}

#hpSliderWrap {background:#1c1d2d}

#bcBackground {position:relative; width:100%; /*z-index:2;*/}
#bcHeader {position:relative; margin:0 auto 0 auto;  /*z-index:3;*/}
#bcFooter {position:relative; width:100%; min-height:800px; padding:20px 0 30px 0; /*z-index:3;*/}

#footerWrap {position:relative; width:100%; /*z-index:1;*/ background:#1c1d2d}
#footer {position:relative; width:1000px; margin: 0 auto 0 auto; /*z-index:4;*/ padding:20px 0; line-height:1.5em}
/* #endregion layout */

/* #region header */
#logo {float:left; margin:22px 1.0em 28px 0; display:block; width:310px; height:60px; background:url(images/logo.png) no-repeat left top; position:relative}
#logo h1, #logo span {position:absolute; top:-9999px; left:-9999px}


#headerBR {float:right; }
.headerTel {float:left; margin:0 0 10px 0; height:24px; line-height:24px; font-family: 'Teko', sans-serif; font-size:24px}

.headerTel a {float:left; display:block; height:24px; line-height:24px; padding:3px 0 0 40px; font-size:1.0em; background:url(images/headerTel.png) no-repeat left top; text-decoration:none; color:#ec6f00}
.headerTel a:hover {color:#ec6f00; text-decoration:none}

.boxWhyTitle {margin:0 auto 60px auto; display:table; font-family: 'Teko', sans-serif; position:relative; font-size:5.5em; text-shadow:3px 3px #2a2a31}
.boxWhyTitle h1 {font-family: 'Teko', sans-serif; font-size:1.0em; font-weight:400; margin:0; color:#fff; line-height:1.1em}
.boxWhyTitle span {width:120px; height:120px; position:absolute; top:-57px; right:-99px; background:url(images/boxWhyTitleSpan.png) no-repeat left top}

.boxWhyL {float:left; width:50%}
.boxWhyR {float:left; width:50%;}

.boxWhyL>ul {margin:0; padding:0; list-style:none}
.boxWhyL>ul>li {padding:0 0 0 42px; background:url(images/boxWhyLi.png) no-repeat left 10px; font-family: 'Teko', sans-serif; font-size:2.5em; color:#fff; text-shadow:2px 2px #2a2a31; text-align:left; line-height:1.2em}

/* #endregion header */

/*#region vsBox */
#vsBoxL {float:right; width:30%; text-align:center; margin:0 0 0 10%; font-family: 'Teko', sans-serif;}
#vsBoxC {float:right; width:20%; text-align:center; margin:0 0 0 0; padding:160px 0 0 0; font-size:4.0em; color:#1c1d2d; text-transform:uppercase; font-weight:400; font-family: 'Teko', sans-serif;}
#vsBoxR {float:right; width:30%; text-align:center; margin:0 10% 0 0; font-family: 'Teko', sans-serif;}
.vsImg {margin:0 0 32px 0; }
.vsImg img {display:table; margin:0 auto; max-width:200px; width:100%}
.vsTitle {text-transform:uppercase; margin:0 0 25px 0; font-size:2.0em; font-weight:500}
#vsBoxL .vsTitle {color:#e00000}
#vsBoxR .vsTitle {color:#287a0b}
.vsText {font-size:1.3em; margin:0 0 20px 0; color:#1c1d2d; line-height:1.0em; min-height:62px; font-family: 'Exo 2', sans-serif;}
.vsText2 {font-size:1.3em; margin:0 0 20px 0; color:#797979; line-height:1.0em; min-height:62px; font-family: 'Exo 2', sans-serif;}
.vsArrow {display:table; margin:0 auto; width:62px; height:105px; background:url(images/vsArrow.png) no-repeat left top}
/*#endregion */

/*#region hpRefSlider */

.hpRefSliderItem {width:100%; height:190px; overflow:hidden;position: absolute; background: #1C1D2D}
.hpRSIText {font-size:1.2em; font-weight:400; margin:0 0 30px 0; line-height:1.8em; height:88px; overflow:hidden; font-family: 'Exo 2', sans-serif; font-style:italic}
.hpRSIText>span {background:url(images/uvozovka.png) no-repeat left 15px; padding:0 0 0 20px; }
.hpRSIText>span>span {padding: 0 20px 0 0; background:url(images/uvozovka2.png) no-repeat right top;}

.hpRSIAutor {margin:0 0 30px 0; font-family: 'Exo 2', sans-serif}

#hpRefSliderNav {position:absolute; top:230px; width:100%}
#hpRefSliderNavIn {display:table; margin:0 auto}
#hpRefSliderNavIn span.link {display:block; float:left; margin:0 5px; width:12px; height:12px; line-height:0; font-size:0;background: #fff; cursor: pointer}
#hpRefSliderNavIn span.link:hover, #hpRefSliderNavIn span.link.selected {background:#1dd69b}
/*#endregion */

.boxWhyWrapReference {background: #1C1D2D !important}

#boxWhyReference { padding:30px 0 20px 0; margin: 0 auto}
#boxWhyReference ul {margin:0; padding:0; list-style:none}
#boxWhyReference ul li {float:left; width:28%; margin:0 8% 0 0; min-height:75px; text-align:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:0.9em;text-transform: uppercase; color:#fff}
#boxWhyReference ul li.why01 {margin:0 15% 0 0}
#boxWhyReference ul li.why02 {margin:0 11% 0 0}

#boxWhyReference ul li.why03 {margin:0; width:18%}

       
#boxWhyReference ul li .whyTitle {font-size:3.5em; font-weight:900; float:left; margin:0 10px 10px 0; line-height:1.0em}
#boxWhyReference ul li .whyImg {float:left; margin:0 10px 0 0}
#boxWhyReference ul li .whyText {font-size:0.8em; margin:10px 0 0 0}
#boxWhyReference ul li .whyText span {font-weight:600; color:#26d89f}
#boxWhyReference ul li .whyText strong {font-weight:600}



/*#region why */

#pageWrapI #boxWhy2 ul {margin:0; padding:0; list-style:none}
#pageWrapI #boxWhy2 ul li {float:left; width:30%; margin:0 5% 0 0; min-height:115px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:1.4em; text-transform:uppercase; }
#pageWrapI #boxWhy2 ul li a {color:#fff; text-decoration:none; display:block; padding:85px 0 0 0; }
#pageWrapI #boxWhy2 ul li a span {color:#1dd69b}
#pageWrapI #boxWhy2 ul li a:hover {text-decoration:underline; color:#fff}
#pageWrapI #boxWhy2 ul li a:hover span {color:#1dd69b}

#pageWrapI #boxWhy2 ul li.why0 a {background:url(images/why0.png) no-repeat center top;}
#pageWrapI #boxWhy2 ul li.why1 a {background:url(images/why1.png) no-repeat center top;}
#pageWrapI #boxWhy2 ul li.why2 a {background:url(images/why2.png) no-repeat center top; }
#pageWrapI #boxWhy2 ul li.why2 {margin:0}

#pageWrapI #boxWhy2 ul li .whyTitle {font-size:2.5em; font-weight:900; margin:0}
#pageWrapI #boxWhy2 ul li .whyText {font-size:0.7em; }
#pageWrapI #boxWhy2 ul li .whyText span {font-weight:800; color:#df0010}
#pageWrapI #boxWhy2 ul li .whyText strong {font-weight:800}

#pageWrap #boxWhy2 ul {margin:0; padding:0; list-style:none}
#pageWrap #boxWhy2 ul li {float:left; width:28%; margin:0 8% 0 0; min-height:75px; text-align:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:0.9em; text-transform:uppercase}
#pageWrap #boxWhy2 ul li.why03 {margin:0;}

#pageWrap #boxWhy2 ul li .whyTitle {font-size:3.5em; font-weight:900; float:left; margin:0 10px 10px 0; line-height:1.0em}
#pageWrap #boxWhy2 ul li .whyImg {float:left; margin:0 10px 0 0}
#pageWrap #boxWhy2 ul li .whyText {font-size:0.8em; margin:10px 0 0 0}
#pageWrap #boxWhy2 ul li .whyText span {font-weight:600; color:#df0010}
#pageWrap #boxWhy2 ul li .whyText strong {font-weight:600}

.boxWhy1Title {font-size:2.0em; font-weight:600; margin:0 0 40px 0}
.boxWhy1Text {font-size:1.2em; margin:0 0 20px 0; font-family: 'Exo 2', sans-serif;}
/*#endregion */

/*#region hpRef */
#hpRef ul {margin:0; padding:0 ; list-style:none; display:block}
#hpRef ul li {float:left; width:22%; margin:0 4% 0 0; text-align:center}
#hpRef ul li:nth-child(4n) {margin:0}
#hpRef ul li a {text-decoration:none; color:#fff}
.refImg {display:block; margin:0 0 10px 0; position:relative; background:#fff}
.refImgIn {display:block; overflow:hidden; border:8px solid #fff;background:#fff}
.refImg .refImgIn img {display:table; margin:0 auto;  width:100%; max-width:246px; transform: scaleY(1); transition: all 0.3s ease-in-out; }
.refIco {display:block; padding:0 10px; width:50px; height:32px; line-height:32px; color:#fff; font-size:13px; text-align:center; font-weight:600; position:absolute; top:-32px; left:0}
.colorYellow {background:#ffb600;}
.colorPurple {background:#382359;}
#hpRef ul li a strong {font-weight:400; font-size:1.0em; text-align:center; display:block}
#hpRef ul li a:hover img {transform: scale(1.3); opacity: 0.4;}
.refImgBtn2 {display:block; width:100%;  position:absolute; top:40%; opacity: 0;}
.refImgBtn2>span {display:table; margin:0 auto; padding:10px 20px 6px 20px; background:#26D89F; color:#fff; font-family: 'Teko', sans-serif; font-size:1.4em; text-transform:uppercase; text-shadow: 2px 2px #198d68;}
#hpRef ul li a:hover .refImgBtn2 {z-index:10;  opacity: 1; transition: all 0.7s ease-in-out;}
/*#endregion */


/*#region menu */
.fa:before { display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: inherit; /*text-rendering: auto;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
#menuBtn { display: none; height: 55px; padding: 0; line-height: 55px; color: #737373; text-transform: uppercase; font-size: 12px; font-weight: 600; cursor: pointer; margin: 0; background: none; border: none; float:left; z-index:102; position:relative}
#menuBtn i { height: 55px; line-height: 55px; display: block; float: left; background: #a8a8a8; padding: 0 19px; margin: 0 6px 0 0; color: #fff; }
#menuBtn strong { float: left; margin: 0 5px 0 0; }
.fa-bars:before { content: "\f0c9"; font-size: 16px; }
#menuBtn:hover .fa-bars { color: #fff; text-decoration: none; background: #c1c1c1; }

#menu {position:absolute; left:-9999px; top:-9999px}
#menu ul {list-style:none; margin:0; padding:0;}
#menu a {color:#fff; text-decoration:none}

/* menuBig */
#menu.menuBig { position: relative; left:auto; top:auto; margin: 0; padding: 0; float:right; z-index:101}
#menu.menuBig ul { list-style: none; margin: 0; padding: 0; }
#menu.menuBig > ul > li { margin: 0; padding: 0; float: left; position: relative; }
#menu.menuBig > ul > li > a { display: block; padding: 15px 10px; color: #000; text-decoration: none; height: 20px; line-height: 20px; position: relative; font-size:20px; font-family: 'Teko', sans-serif; background:url(images/menuA.png) no-repeat right 13px}
#menu.menuBig > ul > li:last-child > a {padding:15px 0 15px 10px; background:none}
#menu.menuBig > ul > li > a:hover, #menu.menuBig > ul > li.selected > a {color:#26d89f}
#menu.menuBig > ul > li.first > a {font-size:0; line-height:0}
#menu.menuBig > ul > li.first > a:before {display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: inherit; /*text-rendering: auto;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f015"; font-size:16px!important; line-height:1.2em!important}
#menu.menuBig > ul > li.hasChildNodes > a:before { display: inline-block; font: normal normal normal 20px/1 FontAwesome; font-size: inherit; /*text-rendering: auto;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f107"; position: absolute; left:45%; right:auto; bottom: 0; color: #808080; color:#26d89f}
#menu.menuBig > ul > li:hover > ul { display: block; }
#menu.menuBig > ul > li > ul { position: absolute; top: 49px; left: 0; width: 300px; display: none; background: #808080; padding: 10px 0; }
#menu.menuBig > ul > li > ul > li { display: block; }
#menu.menuBig > ul > li > ul > li > a { display: block; padding: 3px 20px; color: #fff; text-decoration: none; font-size:0.9em}
#menu.menuBig > ul > li > ul > li > a:hover { color: #fff; text-decoration: underline; }
#menu.menuBig ul li ul li ul { display: none; }
#menu.menuBig li.header > a { display: none; }

/* menuSmall */
#menu.menuSmall { position: absolute; top: 75px; width: 100%; margin: 0; padding: 0; overflow: hidden; z-index:101}
#menu.menuSmall ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 100%; width: 100%; }
#menu.menuSmall li { background: #fff; }
#menu.menuSmall > ul > li { margin: 0; padding: 0; }
#menu.menuSmall ul li a { display: block; padding: 10px 20px; color: #525252; text-decoration: none; position: relative; border-bottom: 1px solid #808080; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#menu.menuSmall ul li a.menuA {width:86%; }

#menu.menuSmall ul li a.btn-submenu {background:#f1f1f1; text-align:center; padding:8px 0; height:43px}
#menu.menuSmall ul li a.btn-submenu:hover:before {color:#fff}
#menu.menuSmall ul li a:hover { background: #5d5d5d; color: #fff; }
#menu.menuSmall ul li a:hover:before { color: #fff; }
#menu.menuSmall > ul { left: 0; }
#menu.menuSmall li.header > a { display: block; background: #6a6a6a; text-align: center; font-weight: bold; color: #fff; }
#menu.menuSmall li.header > a:before { display: inline-block; font: normal normal normal 20px/1 FontAwesome; font-size: inherit; /*text-rendering: auto;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f104"; position: absolute; left: 20px; top: 10px; color: #fff; }
#menu.menuSmall li.hasChildNodes > a { float: left; }
#menu.menuSmall li.hasChildNodes > a.btn-submenu { width:14% }
#menu.menuSmall li.hasChildNodes > a.btn-submenu:before { display: inline-block; font: normal normal normal 20px/1 FontAwesome; font-size: inherit; /*text-rendering: auto;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f105"; color: #808080;}
#menu.menuSmall.trans, #menu.menuSmall.trans ul { transition: left cubic-bezier(.75,.25,.25,.75) 0.5s; }
#menu.menuSmall li > a.btn-submenu:before {padding:0; margin:0 auto}

/*#endregion */

/* #region cs copyright */
#containerFooter {font-size:12px; color:#fff; padding:0; text-align:left; float:left}
#containerFooter a {text-decoration: none; color:#fff;}
#containerFooter a:hover {text-decoration: none; color:#999999;}
/* #endregion cs copyright */

/*#region footer */
.footerBtn {float:right; display:block; color:#fff; border:1px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; height:26px; width:26px; text-align:center; line-height:1.4em}
.footerBtn:hover {color:#1dd69b; text-decoration:none; border:1px solid #1dd69b;}
.footerBtn i {font-size:0.8em; line-height:1.2em}
/*#endregion */


/* #region txt  */
#bcHeader1 .boxMain ul, #bcHeader2 .boxMain ul, #bcHeaderPage .boxMain ul, #bcHeaderBlog .boxMainBlogD ul, .boxAutor ul {margin:0 0 20px 0; padding:0;list-style: none; display: table}
#bcHeader1 .boxMain ul li, #bcHeader2 .boxMain ul li, #bcHeaderPage .boxMain ul li, #bcHeaderBlog .boxMainBlogD ul li, .boxAutor ul li {padding:2px 0 5px 40px; background:url(images/liHp01.png) no-repeat left top; margin:0 0 12px 0; line-height:1.2em}

.respImg {width:100%; max-width:100%}

/*#region searchBox */
.searchBoxTitle {font-size:2.0em; color:#fff; margin:0 0 25px 0; font-family: 'Teko', sans-serif;}

#search {margin:0 auto; width:620px; display:table}
#search .inputSearch {float:left; width:80%; height:72px; line-height:72px; border:1px solid #c6c6c6; background:#ffffff; border-right:none; padding:0 20px 0 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:1.4em}
#search .inputSearch:focus { outline:none;  overflow:auto}
#search .buttonSearch {width:20%; height:72px; line-height:1.0em; background:#24cd97; position:relative; cursor:pointer; float:left; border:none; color:#fff; font-size:1.6em; font-weight:600; text-transform:uppercase; font-family: 'Teko', sans-serif; padding:8px 0 0 0; text-shadow:1px 1px #167e5d}
#search .buttonSearch:hover {background:#13e4a1}

/*#endregion */

/*#region searchBox side */
.sideTest {margin:0 0 30px 0;}
.sideTest .searchBoxTitle {font-size:1.2em; color:#fff; margin:0 0 10px 0; font-family: 'Teko', sans-serif;}
.sideTest #search {margin:0 auto; width:100%; display:table}
.sideTest #search .inputSearch {float:left; width:70%; height:40px; line-height:40px; border:1px solid #c6c6c6; background:#ffffff; border-right:none; padding:0 20px 0 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:1.0em}
.sideTest #search .inputSearch:focus { outline:none;  overflow:auto}
.sideTest #search .buttonSearch {width:30%; height:40px; line-height:0.9em; background:#24cd97; position:relative; cursor:pointer; float:left; border:none; color:#fff; font-size:1.2em; font-weight:600; text-transform:uppercase; font-family: 'Teko', sans-serif; padding:8px 0 0 0; text-shadow:1px 1px #167e5d}
.sideTest #search .buttonSearch:hover {background:#13e4a1}

.boxRight .sideTest .searchBoxTitle {font-family: 'Exo 2.0', sans-serif !important;    font-size: 0.9em !important;}

/*#endregion */

/*#region fa */
.fa-comment-o:before { content: "\f0e5"; }
.fa-home:before { content: "\f015"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
/*#endregion */

/*#region hp */
.boxLeft, .boxRight {float:left}
#bcHeader1 .boxLeft, #bcHeader2 .boxLeft, #bcHeader3 .boxLeft {width:45%; margin:0 10% 0 0}
#bcHeader2 .boxLeft, #bcHeader3 .boxLeft {float:right; margin:0 0 0 0}
#bcHeader2 .boxRight, #bcHeader3 .boxRight {float:right; margin:0 10% 0 0}
#bcHeader1 .boxRight, #bcHeader2 .boxRight, #bcHeader3 .boxRight {width:45%; }
#bcHeader1 .boxRight {padding:40px 0 0 0}
#bcHeader2 .boxLeft img {display:block}

#bcHeader4 .boxLeft {width:70%; margin:0 5% 0 0}
#bcHeader4 .boxRight {width:25%}

.boxMain {margin:0 0 20px 0;}
#pageWrapI .boxMain h2 {color:#1c1d2d; margin:0 0 30px 0; font-size:2.6em; font-weight:600; font-family: 'Teko', sans-serif; line-height:1.0em}
.boxPrice1 {font-size:2.0em; color:#1dd69b; margin:0 0 20px 0; text-align:right; font-weight:600}
.boxMain span {color:#1dd69b; font-weight:600}

#bcContactBox {width:100%; text-align:center}
.bcCBTitle {font-size:2.8em; font-weight:600; color:#1c1d2d; margin:0 0 40px 0; font-family: 'Teko', sans-serif;}
.bcCBText {font-size:1.4em; color:#00463b; margin:0 0 20px 0}
#bcHeader3 .boxMain p {color:#797979; margin:0 0 40px 0}
#bcHeader3 .boxMain ul {margin:0 0 20px 0; padding:0; list-style:none}
#bcHeader3 .boxMain ul li {padding:2px 0 5px 40px; background:url(images/liHp01.png) no-repeat left top; margin:0 0 12px 0; line-height:1.2em}
#bcHeader4 {padding:45px 0}
#bcHeader4 h2 {margin:0 0 20px 0}

.hpBlog {margin:0 0 10px 0}
.hpBlog .hpBlogL {float:left; width:50%; margin:0 5% 0 0}
.hpBlog .hpBlogR {float:left; width:45%;}
.hpBlog .hpBlogL img {width:100%; max-width:100%}
.hpBlog .hpBlogDate {color:#000; float:right; margin:0 0 5px 0; font-size:0.8em}
.hpBlog .hpBlogCat {text-transform:uppercase; margin:0 0 20px 0; font-size:0.8em; font-weight:600; }


.hpBlog .hpBlogCat a {text-decoration:none}
.hpBlog .hpBlogCat a:hover {text-decoration:underline}
.hpBlog .hpBlogTitle {margin:0 0 20px 0; font-size:1.6em; color:#1c1d2d; line-height:1.1em}
.hpBlog .hpBlogTitle a {color:#1c1d2d; text-decoration:none}
.hpBlog .hpBlogTitle a:hover {color:#1c1d2d; text-decoration:underline}
.hpBlog .hpBlogText {color:#797979; line-height:1.4em; margin:0 0 30px 0}

.hpBlogWrap {margin:0 0 15px 0; padding:0 0 14px 0; background:url(images/hpBlogWrap.png) repeat-x left bottom}
.hpBlogWL {float:left; width:25%; margin:0 5% 0 0}
.hpBlogWR {float:left; width:70%; margin:0 0 0 0}
.hpBlogWL img {width:100%; max-width:100%}
.hpBlogWrap .hpBlogDate {color:#888888; margin:0 0 5px 0; font-size:0.75em}
.hpBlogWrap .hpBlogTitle {margin:0 0 10px 0; font-size:1.0em; color:#1c1d2d}
.hpBlogWrap .hpBlogTitle a {color:#1c1d2d; text-decoration:none}
.hpBlogWrap .hpBlogTitle a:hover {color:#1c1d2d; text-decoration:underline}
.hpBlogWrap .hpBlogCat {text-align:right; font-size:0.7em; text-transform:uppercase; font-weight:600}

.hpBlog .hpBlogCat.aktuality, .hpBlog .hpBlogCat.aktuality a, .hpBlogWrap .hpBlogCat.aktuality { color: red; }
.hpBlog .hpBlogCat.navody, .hpBlog .hpBlogCat.navody a, .hpBlogWrap .hpBlogCat.navody { color: green; }
/*#endregion */

/*#region slider */
#hpSlider {height:463px}
.hpSliderItem {position: absolute; top:0;left: 0; background: #1C1D2D; width:100%; padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.hpSliderL {float:right; width:45%; padding:0 0 20px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.hpSliderR {float:right; width:45%; margin:0 10% 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; color:#fff; padding:60px 0 0 0}
.sliderImg {position:relative}
.sliderImg>img {float:left; width:100%; max-width:535px}
.sliderImg>a {position:absolute; top:0; left:0; padding:0 9.0%}
.sliderImg>a>img {margin:24% 0 0 0; width:100%; max-width:100%}
.hpSliderOut {padding:20px 0 0 0}
.hpSliderOut h2 {color:#fff; font-size:2.4em; margin:0 0 0 0; font-weight:400}
.hpSliderText {padding:5px 0 0 0; background:url(images/hpSliderText.png) no-repeat left top; font-size:1.0em; font-style:italic; line-height:1.5em; text-indent:20px; margin:0 0 25px 0; display:table}
.hpSliderText span {background:url(images/hpSliderTextS.png) no-repeat right bottom; padding:0 20px 0 0}
.hpSliderAutor {color:#1dd69b; text-align:right; font-size:1.2em; font-style:italic;}
/*#endregion */

/*#region btn */
.btn, .btn:hover {text-decoration:none}
.btnL {float:left; display:block}
.btnR {float:right; display:block}
.btnC {margin:60px auto 0 auto; display:table}
.bcCBBtn {padding:8px 50px 0 50px; display:table; margin:0 auto; height:42px; line-height:1.4em; text-transform:uppercase; font-weight:600; position:relative; font-size:1.6em; font-family: 'Teko', sans-serif;}
.bcCBBtn i {color:#1dd69b; position:absolute; top:-1px; right:20px}
.btnBlue {background:#1c1d2d; color:#fff}
.btnBlue:hover {background:#22244b; color:#fff}
.btn1 {padding:12px 40px 0 40px; height:36px; line-height:1.5em; position:relative; font-family: 'Teko', sans-serif; text-transform:uppercase; font-size:1.2em; font-weight:600}
.btn1 i {font-size:16px; position:absolute; top:0; right:15px; color:#1dd69b;}
.btn2 {padding:2px 20px 0 0; background:url(images/btn2.png) no-repeat left top; position:relative}
.btn2 i {color:#1dd69b; margin:0 0 0 5px; line-height:14px; position:absolute; top:6px; right:0}
.btn2:hover {color:#1dd69b}
.btn3 {font-size:14px; height:30px; line-height:30px; display:block; text-transform:uppercase; padding:0 20px; position:relative; font-weight:600}
.btn3 i {position:absolute; top:-1px; right:15px; color:#1dd69b}
.btn4 {padding:12px 40px 0 25px; height:36px; margin:0 10px 0 0; position:relative; font-weight:600; line-height:1.7em; text-transform:uppercase; font-size:0.9em}
.btn4 i {color:#1dd69b; margin:0 0 0 5px; line-height:14px; position:absolute; top:18px; right:15px}


.blogBtn {padding:0 0 0 50px; height:38px; line-height:38px; background:url(images/blogBtn.png) no-repeat left top; display:block; font-size:0.9em; margin:0 0 20px 0}
.blogBtn:hover {background-position:left bottom}

.btnOrange {color:#1c1d2d; background:#ffa200; border:6px solid #ec6f00; text-shadow:1px 1px #ffe103}
.btnOrange:hover {color:#1c1d2d; background:#ffc000; border:6px solid #ff7800}

.whyBtn {text-transform:uppercase; padding:16px 85px 14px 85px; line-height:1.0em; display:block; float:right; margin:72px 0 0 0; font-family: 'Teko', sans-serif; font-size:1.9em; font-weight:600; height:28px}
.btnWhite {background:#fff; color:#1c1d2d; border:6px solid #1c1d2d; }
.btnWhite:hover {background:#fff; color:#1c1d2d; border:6px solid #23276d;}
.btnGreen {background:#26d89f; color:#fff; text-shadow:2px 2px #198d68}
.btnGreen:hover {background:#19f7b0; color:#fff;}
.refBtn {height:36px; line-height:1.2em; padding:14px 77px 0 77px; position:relative; text-transform:uppercase; font-family: 'Teko', sans-serif; font-size:1.3em; font-weight:600;}
.refBtn i {position:absolute; top:15px; right:20px; color:#000; text-shadow:none; font-size:0.9em}
/*#endregion */

/*#region list */
.boxPatch {display:table; margin:0 auto 60px auto; }
.boxPatchTitle {float:left; margin:0 10px 0 0; height:50px; line-height:50px}
.boxPatchNav {float:left; background:#c4ecee; padding:14px 10px 14px 20px}
.boxPatchNav .boxPatchItem {float:left; margin:0 10px}

.boxPatchItem label {display:inline-block; cursor:pointer; position:relative; padding-left:25px; margin-right:10px; font-size:16px;}
.boxPatchItem input[type="radio"] {display:none;}
.boxPatchItem label:before {background-color:#fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); content: ""; display:inline-block; height:16px; left:0; top:2px; margin-right:10px; position:absolute; width:16px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.boxPatchItem input[type="radio"]:checked + label:before {color:#1dd69b; content:"\2022"; font-size:32px; line-height:10px; text-align:center; }

.boxMainPl {margin:0 0 20px 0}
.boxMainPl a {display:block; float:left; width:22%; margin:0 17% 6% 0; position:relative; text-align:center; text-decoration:none; color:#1ecc95; font-size:1.1em}
.boxMainPl a:hover {text-decoration:none; color:#000;}
.boxMainPl a:nth-child(3n) {margin:0 0 6% 0}
.boxMainPl .plImg {position:relative; display:block; margin:0 0 10px 0}
.boxMainPl .plImg img {width:100%; max-width:100%; display:block}
.boxMainPl .plImg .plImgIn {position:absolute; top:0; left:0; display:block; padding:4%}
.boxMainPl .plTitle {height:48px; overflow:hidden; display:block}
/*#endregion */

/*#region detail */
.pldBtnTop {float:right; color:#fff; text-decoration:none; height:40px; line-height:40px; font-size:0.9em; position:absolute; top:40px; right:0}
.pldBtnTop i {width:40px; text-align:center; height:40px; line-height:40px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #fff; font-size:16px; display:block; float:left; margin:0 10px 0 0}
.pldBtnTop:hover {color:#1dd69b; text-decoration:none}
.pldBtnTop:hover i {border:1px solid #1dd69b}
.bcPldTitle h1 {font-size:2.3em; color:#fff; margin:0 140px 30px 140px}
.bcPldText h1 {margin:0 0 20px 0; color:#b5b5b8; font-size:1.4em}
.btnPld2 {border:1px solid #61616c; color:#1dd69b; font-size:1.1em; font-weight:600; padding:10px 40px; margin:0 auto 40px auto; display:table}
.btnPld2:hover {color:#fff; text-decoration:none; border:1px solid #fff}
.bcPldFoto {position:relative; min-height:400px}
.bcPldFoto .pldNext, .bcPldFoto .pldBack {position:absolute; top:0; color:#1dd69b; text-decoration:none; font-size:2.0em; width:10%; display:block; padding:16% 0}

.bcPldFoto span.pldNext, .bcPldFoto span.pldBack {color:#999999;}
.bcPldFoto .pldNext {right:-40px; text-align:right}
.bcPldFoto .pldBack {left:-40px; text-align:left}
.bcPldFoto .pldNext:hover, .bcPldFoto .pldBack:hover {color:#fff}
.bcPldFoto span.pldNext:hover, .bcPldFoto span.pldBack:hover {color:#999999;}
.bcPldFotoL {float:left; width:10%; margin:0 4% 0 10%}
.bcPldFotoM {float:left; width:54%; margin:0 0 0 0}
.bcPldFotoR {float:left; width:21%; margin:0 0 0 0; position:relative; z-index:10}
.fotoMob img, .fotoPc img, .fotoTab img {width:100%; max-width:100%; display:block}
.fotoMob {margin:40% 0 0 0; position:relative}
.fotoTab {margin:40% 0 -27% -5%; width:100%; position:relative}
.fotoPc {position:relative}
.fotoMobIn {position:absolute; top:0; left:0; padding:28% 7%}
.fotoPcIn {position:absolute; top:0; left:0; padding:4% 4%}
.fotoTabIn {position:absolute; top:0; left:0; padding:12% 9%}

#bcHeaderPldB .boxLeft {width:45%; margin:0 10% 0 0}
#bcHeaderPldB .boxRight {width:45%}

.boxAutor {/*padding:12px 0 0 0*/}
.boxAutorItem {margin: 0 0 20px 0}
.boxAutor h2 {color: #1c1d2d; margin: 0 0 30px 0; font-size:1.8em; font-weight: 600;}
.mottoText {padding:5px 0 0 0; background:url(images/hpSliderText.png) no-repeat left top; font-size:1.0em; font-style:italic; line-height:1.1em; text-indent:10px; margin:0 0 25px 0}
.mottoText span {background:url(images/hpSliderTextS.png) no-repeat right bottom;padding: 0 20px 0 0;color:#1c1d2d; font-weight: 400}
.mottoTitle {color:#FF0500}

#bcContact .mottoText {background:none; font-size:2.0em; color:#00463B; padding:0 0 0 0; margin:0 auto 15px auto; display:table}
#bcContact .mottoText>span {background:url(images/uvozovka.png) no-repeat left 35px; padding:0 0 0 20px; }
#bcContact .mottoText>span>span {padding: 0 20px 0 0; background:url(images/uvozovka2.png) no-repeat right top; font-size: 0.7em}
#bcContact  .mottoAutor {color: #000; font-size:1.1em; float:none; margin:0 0 40px 0}

.mottoAutor {float:right; color:#1dd69b; margin:0 0 30px 0; font-style:italic}
.btnMotto {display:table; margin:0 auto; padding:0 50px 0 20px; height:55px; line-height:55px; text-transform:uppercase; font-size:0.9em; font-weight:600; position:relative}
.btnMotto i {position:absolute; top:10px; right:17px; color:#1dd69b; font-size:1.2em; line-height:1.5em}
/*#endregion */

/*#region page */
#bcHeaderPage .boxLeft {width:64.5%; margin:0; padding:0 60px 0 0 }
#bcHeaderPage .boxRight {width:35.5%; padding:0 0 0 50px; color:#fff}
#bcHeaderPage .boxLeft, #bcHeaderPage .boxRight {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#bcHeaderPage .boxRight .rightTitle {font-size: 1.0em; margin: 0 0 14px 0;  padding: 0 0 16px 0; background: url(images/rightTitle.png) no-repeat left bottom; color: #1DD69B;}
.rightTitle2  {font-size: 1.0em; margin: 0 0 14px 0;  padding: 0 0 16px 0; background: url(images/rightTitle.png) no-repeat left bottom; color: #1DD69B;}

.rightMenu {margin: 0 0 50px 0;}
.rightMenu>ul {margin:0; padding:0; list-style:none}
.rightMenu>ul>li {display:block; }
.rightMenu>ul>li>a {display:block; color:#fff; text-decoration:none;   padding: 5px 0;
  font-size: 1.0em;}
.rightMenu>ul>li>a:hover,
.rightMenu>ul>li.selected>a {color:#1dd69b; text-decoration:none;}

.rightMenu>ul>li>ul {margin:0 0 0 0; padding:5px 0; list-style:none}
.rightMenu>ul>li>ul>li {display:block; }
.rightMenu>ul>li>ul>li>a {display:block; color:#fff; text-decoration:none; padding:2px 0 2px 20px; font-size:1.0em; background:url(images/li02.png) no-repeat 1px 11px}
.rightMenu>ul>li>ul>li>a:hover,
.rightMenu>ul>li>ul>li.selected>a {color:#FFD600; text-decoration:none;}
/*#endregion */

/*#region blog list */

#bcHeaderBlog .boxLeft {width:64.5%; margin:0; padding:0 60px 0 0; min-height:400px}
#bcHeaderBlog .boxRight {width:35.5%; padding:0 0 0 50px; color:#fff}
#bcHeaderBlog .boxLeft, #bcHeaderBlog .boxRight {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#bcHeaderBlog .boxRight .rightTitle {font-size:2.0em; margin:0 0 40px 0; padding:0 0 25px 0; background:url(images/rightTitle.png) no-repeat left bottom}
#bcHeaderBlog .boxRight .rightTitle a {font-size:0.4em; color:#fff; text-decoration:none}
#bcHeaderBlog .boxRight .rightTitle a:hover {color:#fff; text-decoration:underline}

.blogWrap {float:left; display:block; width:46%; margin:0 8% 8% 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:15px 15px 25px 15px; background:#fff url(images/blogWrap.png) no-repeat left bottom; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-decoration:none}
.blogWrap:nth-child(2n) {margin:0 0 8% 0}
.blogWrap:hover {background-position:right bottom}

.blogWrapImg {width:100%; margin:0 0 10px 0; }
.blogWrapImg img {width:100%; max-width:100%}
.blogWrapText {width:100%; position:relative; height:136px; margin:0 0 15px 0; font-size:0.9em; overflow:hidden; }
.blogWrapText p {line-height:1.3em; color:#000}
.blogWrapText h2 {font-size:1.0em; line-height:1.3em}
.blogWrapFooter {width:100%; padding:10px 0 0 0; border-top:1px solid #dedede; }
.blogWrapDate {float:left; color:#f07e00; font-size:0.9em}
.blogWrapAutor {float:right; color:#1dd69b; font-size:0.9em}
/*#endregion */

/*#region blog detail */
.boxAutor2 {padding:40px 0 0 0; background:url(images/boxAutor.png) no-repeat left top}
.boxAutor2L {width:30%; padding:0 10% 10% 0; display:table-cell; vertical-align:middle;}
.boxAutor2R {width:60%; display:table-cell; vertical-align:middle; padding:0 0 10% 0}
.boxAutor2L img {width:100%; max-width:100%; display:block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.boxAutor2Name {font-size:1.2em; color:#fff; font-weight:600}
.boxAutor2Job {font-size:0.8em; color:#fff}
.boxAutor2Text {font-style:italic; margin:0 0 50px 0}
.boxAutor2Title {font-weight:600; font-size:1.1em; margin:0 0 20px 0}
.boxAutor2 ul {margin:0 0 10px 0; padding:0; list-style:none}
.boxAutor2 ul li {padding:0 0 0 18px; background:url(images/boxAutor2Li.png) no-repeat left 9px}
.boxAutor2 ul li a {font-weight:600}
.boxAutor2 a {color:#fff; text-decoration:none}
.boxAutor2 a:hover {color:#1dd69b; text-decoration:none}

/*#endregion */

.boxMainBlogD { background: #fff; padding:40px 30px 30px 30px}
.boxMainBlogD h1 {padding:0 0 20px 0; margin:0 0 20px 0; background:url(images/blogH1.png) no-repeat left bottom}

/*#region pager */
.contentPager { width:100%; margin:0 0 10px 0; text-align:right; padding:0 0 0 0; }
.contentPagerIn {margin:0 0 5px 0}
.pagerTitle {float:left; margin:3px 0 0 0; color:#1f150d}

.pager { position: relative; list-style: none; margin:0 0; padding:0 0 5px 0; float:right}
.pager > li { display: block; float: left; padding: 0 2px; }
.pager > li > a { display: block; text-decoration: none; padding:0 5px; text-align: center; height:20px; line-height:20px}
.pager > li.separator > span { display: block; height:20px; line-height:20px; padding: 0 5px; }
.pager > li.prev > a,
.pager > li.next > a { width: auto; }
.pager > li:not(.separator) > span { display: block; text-decoration: none; height:20px; line-height:20px; padding:0 5px; text-align: center; }
.pager > li.item > a {color:#000}
.pager > li.prev > a { background:url(images/pagerPrev.png) no-repeat left top; padding:0 0 0 18px; color:#002157}
.pager > li.prev-disabled > span {  color: #77F; }
.pager > li.current > span { background:#00465C; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.pager > li.next > a { background:url(images/pagerNext.png) no-repeat right top; padding:0 16px 0 0; color:#002157}
.pager > li.next-disabled > span {  color: #F7F;}
.pager > li.last > a { color:#002157}
.pager > li.step > a { background: #777; }
.pager > li > a:hover {color:#002157; text-decoration:underline}
.pager > li.prev > a:hover {background-position:left bottom}
.pager > li.next > a:hover {background-position:right bottom}
/*#endregion */

#bcHeaderPl h1 {text-align:center}
#bcHeader3 .boxRight a img.respImg {max-width:377px}
#bcHeader2 .boxRight {padding:10px 0 0 0}


/*#region galerie */
.PopupGallery {margin:0 0 10px 0}
.PopupGallery .imgGallItem {float:left; display:block; width:48%; margin:0 4% 4% 0}
.PopupGallery .imgGallItem:nth-child(2n) {margin:0 0 4% 0}
.PopupGallery .imgGallItem img {width:100%; max-width:100%}

/*#endregion */

/*#region form */
#ajaxFileForm { width: 500px; margin: 0 auto; background:#fff; position:relative}
#ajaxFileForm h2 {padding:10px 20px 10px 20px; background:#1C1D2D; color:#fff; margin:0; font-weight:400; font-size:1.5em}
#fileFormIn {padding:20px 20px 10px 20px}
#fileFormIn .formField {margin:0 0 10px 0}
#fileFormIn .formField .label {float:left; width:25%; margin:0 5% 0 0}
#fileFormIn .formField .edit {float:left; width:70%}
#fileFormIn .formField .edit input[type="text"] {height:30px; line-height:30px; padding:0 10px; background:#fff; border:1px solid #b7b7b7; font-family: 'Exo 2', sans-serif; font-size:14px; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#fileFormIn .formField .edit textarea {height:80px; line-height:1.4em; padding:5px 10px; background:#fff; border:1px solid #b7b7b7; font-family: 'Exo 2', sans-serif; font-size:14px; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#fileFormIn .formField .editButton {float:right}
#fileFormIn .formField .editButton input {height:38px; line-height:30px; cursor:pointer; border:none; padding:0 20px; font-size:0.9em; text-transform:uppercase;color: #1c1d2d; background: #ffa200; border: 6px solid #ec6f00; text-shadow: 1px 1px #ffe103; font-weight:600;     font-family: 'Teko', sans-serif;}
#fileFormIn .formField .editButton:hover input {color:#1c1d2d; background:#ffc000; border:6px solid #ff7800}
#ajaxFileForm .mfp-close {position:absolute; top:3px; right:15px; color:#fff; width:auto; height:auto}
#fileFormIn .formField .edit input.error, #fileFormIn .formField .edit textarea.error {border:1px solid #ff0000}

/*#endregion */
#ajaxViewForm {width:1200px; margin:0 auto; position:relative; top:0;}
#ajaxViewForm .mfp-close {top:5px; right:0; color:#fff; font-size:2.0em; background:#ef0000; height:40px; width:40px; line-height:40px; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding:0}

#hpSlider .links {position:relative; height:400px; display:none}
#hpSlider .pldNext, #hpSlider .pldBack {position:absolute; top:50%; color:#1dd69b; text-decoration:none; font-size:2.0em}
#hpSlider span.pldNext, #hpSlider span.pldBack {color:#1dd69b; cursor:pointer}
#hpSlider .pldNext {right:-15px}
#hpSlider .pldBack {left:-20px}
#hpSlider .pldNext:hover, #hpSlider .pldBack:hover {color:#fff}

/*#region view */
#ajaxViewForm #size {position:fixed; top:80px; right:0}
.sizeBox {padding:30px 20px; background:#1dd69b; margin:0 0 10px 0}
.sizeBox ul {margin:0; padding:0; list-style:none; width:200px}
.sizeBox ul li label {height:54px; float:left; font-size:0; line-height:0; cursor:pointer}
.sizeBox ul li.d320x480 label {width:33px; margin:0; background:url(images/sizeBox320.png) no-repeat left top}
.sizeBox ul li.d480x320 label {width:33px; margin:0 20px 0 0; background:url(images/sizeBox480.png) no-repeat left top}
.sizeBox ul li.d768x1024 label {width:54px; margin:0; background:url(images/sizeBox768.png) no-repeat left top}
.sizeBox ul li.d1024x768 label {width:54px; margin:0; background:url(images/sizeBox1024.png) no-repeat left top}
 
.sizeBox ul li input[type="radio"] {display:none;}
.sizeBox ul li input[type="radio"]:checked + label {background-position:left bottom}  

.googleTestBtn {width:120px; padding:20px 20px 20px 102px; background:#fff url(images/googleTestBtn.png) no-repeat 30px 12px; color:#000; text-decoration:none; font-size:1.2em; float:left; display:block; text-transform:uppercase; font-weight:600; line-height:1.0em}
.googleTestBtn:hover {color:#000; text-decoration:underline;}


#wrap { margin: 0 auto; padding: 5px; background: black; }
#iframe { margin: 0; padding: 0; border: none; background: url('/templates/main/images/loading.gif') center center no-repeat; }

#wrap.d320x480  { width: 320px;  height: 480px; background:url(images/box320.png) no-repeat left top; padding:128px 27px 124px 28px}
#wrap.d480x320  { width: 480px;  height: 320px; background:url(images/box480.png) no-repeat left top; padding:28px 127px 25px 126px  }
#wrap.d768x1024 { width: 768px;  height: 1024px; background:url(images/box768.png) no-repeat left top; padding:115px 97px 115px 107px}
#wrap.d1024x768 { width: 1024px; height: 768px; background:url(images/box1024.png) no-repeat left top; padding:97px 115px 107px 115px}
    
#wrap.d320x480  #iframe { width: 320px;  height: 480px;   }
#wrap.d480x320  #iframe { width: 480px;  height: 320px;   }
#wrap.d768x1024 #iframe { width: 768px;  height: 1024px;  }
#wrap.d1024x768 #iframe { width: 1024px; height: 768px;   }
/*#endregion */


/*#region view 2 */
#ajaxViewForm.d320x480 #size {position:fixed; top:80px; right:0; display:none}
#ajaxViewForm.d320x480 .sizeBox {padding:30px 20px; background:#1dd69b; margin:0 0 10px 0}
#ajaxViewForm.d320x480 .sizeBox ul {margin:0; padding:0; list-style:none; width:200px}
#ajaxViewForm.d320x480 .sizeBox ul li label {height:54px; float:left; font-size:0; line-height:0; cursor:pointer}
#ajaxViewForm.d320x480 .sizeBox ul li.d320x480 label {width:33px; margin:0; background:url(images/sizeBox320.png) no-repeat left top}
#ajaxViewForm.d320x480 .sizeBox ul li.d480x320 label {width:33px; margin:0 20px 0 0; background:url(images/sizeBox480.png) no-repeat left top}
#ajaxViewForm.d320x480 .sizeBox ul li.d768x1024 label {width:54px; margin:0; background:url(images/sizeBox768.png) no-repeat left top}
#ajaxViewForm.d320x480 .sizeBox ul li.d1024x768 label {width:54px; margin:0; background:url(images/sizeBox1024.png) no-repeat left top}
 
#ajaxViewForm.d320x480 .sizeBox ul li input[type="radio"] {display:none;}
#ajaxViewForm.d320x480 .sizeBox ul li input[type="radio"]:checked + label {background-position:left bottom}  

#ajaxViewForm.d320x480 .googleTestBtn {width:120px; padding:20px 20px 20px 102px; background:#fff url(images/googleTestBtn.png) no-repeat 30px 12px; color:#000; text-decoration:none; font-size:1.2em; float:left; display:block; text-transform:uppercase; font-weight:600; line-height:1.0em}
#ajaxViewForm.d320x480 .googleTestBtn:hover {color:#000; text-decoration:underline;}

#ajaxViewForm.d320x480 #google {float:left; }
#ajaxViewForm.d320x480 #google .score {display:none}
#ajaxViewForm.d320x480 #wrap { margin: 0 50px 0 0; padding: 5px; background: black; float:left}
#ajaxViewForm.d320x480 #iframe { margin: 0; padding: 0; border: none; background: url('/templates/main/images/loading.gif') center center no-repeat; }

#ajaxViewForm.d320x480 #wrap { width: 320px;  height: 480px; background:url(images/box320.png) no-repeat left top; padding:128px 27px 128px 28px}
/*#ajaxViewForm.d320x480 .d480x320 #wrap { width: 480px;  height: 320px; background:url(images/box480.png) no-repeat left top; padding:28px 127px 25px 126px  }
#ajaxViewForm.d320x480 .d768x1024 #wrap { width: 768px;  height: 1024px; background:url(images/box768.png) no-repeat left top; padding:115px 97px 115px 107px}
#ajaxViewForm.d320x480 .d1024x768 #wrap { width: 1024px; height: 768px; background:url(images/box1024.png) no-repeat left top; padding:97px 115px 107px 115px}*/
    
#ajaxViewForm.d320x480 #wrap #iframe { width: 320px;  height: 480px;   }
/*#ajaxViewForm.d320x480 .d480x320 #wrap #iframe { width: 480px;  height: 320px;   }
#ajaxViewForm.d320x480 .d768x1024 #wrap #iframe { width: 768px;  height: 1024px;  }
#ajaxViewForm.d320x480 .d1024x768 #wrap #iframe { width: 1024px; height: 768px;   }*/

#ajaxViewForm.d320x480 #google { color: white; }
#ajaxViewForm.d320x480 #google .success { color: #076a4c;}
#ajaxViewForm.d320x480 #google .fail { color: #b90000;}

#ajaxViewForm.d320x480 #close { 
top: 0;
right: 0;
color: #FFF;
font-size: 1.8em;
background: #EF0000;
height: 40px;
width: 40px;
line-height:1.0em;
text-align: center;
border-radius: 50%;
padding: 0;
position:absolute;
cursor:pointer;
outline: medium none;
border: medium none;
border:none;
font-family: Arial,Baskerville,monospace;
}
#ajaxViewForm.d320x480 #close:hover { background: red; } 

.success .ruleGroupsTitle {display:none}
.fail .ruleGroupsTitle2 {display:none}

.success .ruleGroupsNoBox {display:none}
.fail .ruleGroupsNoBox {display:block}

.success .ruleGroupsBox {display:block}
.fail .ruleGroupsBox {display:none}





/*#endregion */





/*#region 404 */
.pageWrap404 #bcBackground1 {background:#fff url(images/background1.png) no-repeat center top;}
.pageWrap404 #bcBackground1 #bcHeader1 {text-align:center; padding:80px 0 50px 0;}
.pageWrap404 .pageWrapPageR, .pageWrap404 .pageWrapPageL {background:none}
.box404 {padding:170px 0 0 0; background:url(images/box404.png) no-repeat center top}

#box404 h1 {font-size:48px; font-weight:normal; color:#1c1d2d; margin:0}
.box404Title {font-size:24px; color:#0c0c0c; margin:0 0 30px 0; }
#box404A h2, #box404B h2 {font-size:20px}
#box404A {margin:0 0 40px 0}
#box404A p {font-size:18px; color:#c5001e}
#box404B p a {color:#1c1d2d; text-decoration:underline}
#box404B p a:hover {color:#1c1d2d; text-decoration:none}

/*#endregion */

/*#region banner fix */
#bannerFix {position:fixed;  left:5px; z-index:1000; border:1px solid #242424; display:none}
#pageWrapI #bannerFix {top:136px;}
#pageWrap #bannerFix {top:145px;}
#bannerFix img {display:block}

/*#endregion */

@media screen and (min-width: 1450px) {
    #bannerFix {display:block}
}

@media screen and (max-width: 1350px) {
    .bcPldFoto .pldNext {right:5px; z-index:100}
    .bcPldFoto .pldBack {left:5px; z-index:100}
    
}

@media screen and (min-width: 1200px) {
	/*#region top menu */
		#menu { display: block !important; }
	/*#endregion top menu */

	/*#region layout */
		#header, #bcHeader, #footer, #boxWhy,#boxWhyReference, #boxWhy2, #boxWhy1, #searchBox, #bcHeader1, #bcHeader2, #bcHeader3, #bcHeader4, #hpSlider, .hpSliderOut, #bcContact, #bcHeaderPl, #bcHeaderPld, #bcHeaderPldB, #bcHeaderPage, #bcHeaderBlog, #vsBox, #hpRef, #hpRefSlider {max-width:1200px; width:100%}
	/*#endregion layout */
    #hpSlider .links {display:block}
    #bcHeaderPage .boxLeft {padding: 0 60px 0 10px;}
    #bcHeaderPage .boxRight {padding: 0 10px 0 40px;}
    #menuBack.visible {display:none!important;}
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
    .bcPldTitle h1 {margin:0 180px 30px 180px}

	/*#region top menu */
		#menu {display:block!important}
	/*#endregion top menu */

	/*#region layout */
		#header, #bcHeader, #footer, #boxWhy,#boxWhyReference, #boxWhy2, #boxWhy1, #searchBox, #bcHeader1, #bcHeader2, #bcHeader3, #bcHeader4, #hpSlider, .hpSliderOut, #bcContact, #bcHeaderPl, #bcHeaderPld, #bcHeaderPldB, #bcHeaderPage, #bcHeaderBlog, #vsBox, #hpRef, #hpRefSlider {width:100%;}
        #header {padding:10px}
        #bcHeader, #footer, #hpSlider {padding:0 10px;}
        #bcHeaderPl {padding:20px 10px}
        #bcHeaderPldB {padding:20px 10px}
        #bcHeaderBlog {padding:45px 10px;}
        .hpSliderOut {padding:20px 10px 0 10px}
        #bcHeader1, #bcHeader3, #bcHeader4 {padding:20px 10px}
        #bcHeader2 {padding:20px 10px 0 10px}
        #bcContact {padding:20px 10px 30px 10px}
        #boxWhy {padding:110px 10px 30px 10px; height:560px}
        #boxWhy1 {padding: 30px 10px 40px 10px;}
        #boxWhy2 {padding: 30px 10px 50px 10px;}
        #searchBox {padding:30px 10px 80px 10px}
		#footer {width:100%; padding:10px}
        #vsBox {padding: 60px 10px 35px 10px;}
        #hpRef {padding:60px 10px 50px 10px;}
        #hpRefSlider {padding: 40px 0 50px 0; height:300px; position:relative}
        .hpRefSliderItem {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

	/*#endregion layout */
    #logo {margin: 28px 0 28px 0; width: 240px; height:46px; background: url("images/logo1000.png") no-repeat left top; position: relative;}
    .headerTel {margin:0 0 5px 200px}
    .boxWhyTitle {font-size:5.0em}
    .boxWhyL > ul > li {font-size:2.2em}
    .btn4 {height:32px; padding:6px 32px 0 17px;}
    .btn4 i {top: 13px;}
    .btn1 {height:32px; padding:6px 20px 0 20px;}
    #bcHeader2 .boxRight {padding:20px 0 0 0}
    .bcCBTitle {font-size: 2.2em; margin:0 0 20px 0}
    .searchBoxTitle {margin:0 0 20px 0}
   
    .hpSliderL {width:48%; margin:0 2% 0 0}
    .hpSliderR {width:50%; margin:0}
    .hpSliderL img {width:100%; max-width:100%}

    .boxMainPl a {width:24%; margin:0 14% 6% 0;}
    .boxMainPl a:nth-child(3n) {margin:0 0 6% 0}
    #bcHeaderPage .boxLeft {padding: 0 60px 0 10px;}
    #bcHeaderPage .boxRight {padding: 0 10px 0 40px;}
    #menuBack.visible {display:none!important;}

    #ajaxViewForm {width:1000px;}


}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .bcPldTitle h1 {margin:0 0px 30px 0px}
    #ajaxViewForm #wrap {display:none}
    #ajaxViewForm {width:1000px; margin:0 0 0 0}
    /*#region top menu */
		#menuBtn { display: block; }
        #menu { width: 100%; position: absolute; top: 65px; left: -100%; }
        #menu.visible { left: 0;}
	/*#endregion top menu */

	/*#region layout */
		#header, #bcHeader, #footer, #headerB, #boxWhy,#boxWhyReference, #searchBox, #bcHeader1, #bcHeader2, #bcHeader3, #bcHeader4, #hpSlider, #bcContact, #bcHeaderPl, #bcHeaderPld, #bcHeaderPldB, #bcHeaderPage, #bcHeaderBlog, .hpSliderOut, #vsBox, #boxWhy1, #boxWhy2, #hpRef, #hpRefSlider {width:100%;  }
        #bcHeader, #footer, #hpSlider {padding:0 10px;}
        #header {padding:10px}
        .hpSliderOut {padding:20px 10px 0 10px}
        #bcHeader1, #bcHeader3, #bcHeader4 {padding:20px 10px}
        #bcHeaderBlog {padding:35px 10px;}
        #bcHeaderPage {padding:45px 10px 20px 10px}
        #bcHeader2 {padding:20px 10px 0 10px}
        #bcHeaderPldB {padding:20px 10px}
        #bcContact {padding:20px 10px 20px 10px}
        #boxWhy {padding:80px 10px 30px 10px;}
        #boxWhy1, #boxWhy2 {padding:30px 10px 30px 10px;}
        #searchBox {padding:20px 10px 80px 10px}
		#footer {width:100%; padding:10px}
        #bcHeaderPl {padding:20px 10px}
        #vsBox {padding:50px 10px 30px 10px}
        #hpRef {padding:50px 10px 30px 10px}
        #hpRefSlider  {padding:30px 0}

	/*#endregion layout */

    #logo {margin:7px 0 10px 15px; width: 240px; height:46px; background: url("images/logo1000.png") no-repeat left top;}
    .headerTel {margin:15px 0 0 0}
   
    .boxWhyTitle {font-size: 3.6em;}
    .boxWhyTitle span {top: -40px; right: -105px;}
    .boxWhyL {width:90%; margin:0 0 0 10%}
    .boxWhyR {width:100%}
    .whyBtn {float:none; display:table; margin:50px auto 0 auto; padding: 16px 85px 12px 85px;}
    #search {width:500px}
    #search .inputSearch {height:50px; line-height:50px; width:70%}
    #search .buttonSearch {height:50px; line-height:50px; width:30%; padding:2px 0 0 0}

    
     
     .vsTitle {margin:0 0 10px 0}
     .vsText, .vsText2 {margin:0 0 10px 0; min-height:20px}
     .btnC {margin:30px auto 0 auto}
     .boxWhy1Title {margin:0 0 20px 0}
     .hpSliderOut h2 {font-size:2.0em}
     .hpRefSliderItem {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
     .bcCBTitle {font-size: 2.2em; line-height:1.2em; margin:0 0 20px 0}
    .searchBoxTitle {margin:0 0 20px 0}
    .hpSliderL {width:40%; margin:0 2% 0 0}
    .hpSliderR {width:58%; margin:0}
    .hpSliderL img {width:100%; max-width:100%}
    #bcHeader2 .boxRight {padding:0}

    #bcHeader4 .boxLeft {width:60%; margin:0 5% 0 0}
    #bcHeader4 .boxRight {width:35%}
    .hpBlog .hpBlogL {width:35%; margin:0 5% 0 0}
    .hpBlog .hpBlogR {width:60%}
    #pageWrapI .boxMain h2 {font-size:2.1em}
    #bcHeader1 .boxLeft, #bcHeader2 .boxLeft, #bcHeader3 .boxLeft {width:100%; margin:0 0 10px 0}
    #bcHeader1 .boxRight, #bcHeader2 .boxRight, #bcHeader3 .boxRight {width:100%; margin:0}
    #bcHeader1 .boxRight .respImg {max-width:630px}
    #bcHeader1 img, #bcHeader2 img {display:table; margin:0 auto; max-width:530px}
    #bcHeader3 img {display:table; margin:0 auto; max-width:330px}

    .boxMainPl a {width:28%; margin:0 8% 6% 0;}
    .boxMainPl a:nth-child(3n) {margin:0 0 6% 0}

    #bcHeaderPage .boxRight {padding:0 0 0 30px}

    #bcHeaderPage .boxRight .rightTitle {font-size:1.4em;}
    .rightMenu ul li a {font-size:0.9em}

    .blogWrap {width:48%; margin:0 4% 0 0}
    .blogWrap:nth-child(2n) {margin:0 0 4% 0}
    #bcHeaderBlog .boxLeft {padding:0 20px 0 0}

    #pageWrap #boxWhy ul li {width:31%; margin:0 3.5% 0 0}
    #ajaxViewForm {width:100%;}
    .pldBtnTop {float:none; margin:0 auto 10px auto; position:relative; top:auto; right:auto; display:table}

    #ajaxViewForm.d320x480 #google {float:none; width:80%; margin:0 auto; display:table}

    #boxWhyReference ul li.why01 {margin:0 12% 0 0}
    #boxWhyReference ul li.why02 {margin:0 10% 0 0}
    #boxWhyReference ul li.why03 {margin:0; width:22%}

    .sideBenefit ul li .whyTitle  {width:140px}
    


}

@media screen and (min-width: 481px) and (max-width: 767px) {
      .bcPldTitle h1 {margin:0 0px 30px 0px}
    #ajaxViewForm #wrap {display:none}
    #ajaxViewForm {width:100%; margin:0}

	/*#region layout */
        #headerWrap {padding:0; }
		#header, #bcHeader, #footer, #boxWhy,#boxWhyReference, #searchBox, #bcHeader1, #bcHeader2, #bcHeader3, #bcHeader4, #hpSlider, #bcContact, #bcHeaderPl, #bcHeaderPld, #bcHeaderPldB, #bcHeaderPage, #bcHeaderBlog, .hpSliderOut, #boxWhy, #vsBox, #boxWhy1, #boxWhy2, #hpRef, #hpRefSlider {width:100%; }
        #bcHeader, #footer, #hpSlider {padding:0 10px;}
        #header {padding:10px}
        .hpSliderOut {padding:20px 10px 0 10px}
        #bcHeaderPldB {padding:20px 10px}
        #bcHeaderPage {padding:45px 0 0 0}
        #bcHeaderBlog {padding:20px 0 0 0}
        #bcHeader1, #bcHeader3, #bcHeader4 {padding:20px 10px}
        #bcHeader2 {padding:20px 10px 0 10px}
        #bcContact {padding:10px 10px 20px 10px}
        #pageWrapI #boxWhy {padding:80px 10px 40px 10px; height:520px}
        #searchBox {padding:20px 10px 60px 10px}
		#footer {width:100%; padding:10px}
        #bcHeaderPl {padding:20px 10px}
        #vsBox {padding:20px 10px}
        #boxWhy1, #boxWhy2 {padding:20px 10px}
        #hpRef {padding:60px 10px 30px 10px}
        #hpRefSlider {padding:20px 0}

        #boxWhyReference .whyTitle { width: 100%;text-align: center;  margin: 0 0 10px 0;}
        #boxWhyReference ul li .whyText {text-align: center;}

        

	/*#endregion layout */

	/* #region top menu*/
		#menuBtn { display: block; }
        #menu { width: 100%; position: absolute; top: 65px; left: -100%; }
        #menu.visible { left: 0;}
	/* #endregion top menu*/
   

    #search {width:100%}
    #search .inputSearch {height:50px; line-height:50px; width:70%}
    #search .buttonSearch {height:50px; line-height:50px; width:30%; padding:2px 0 0 0}

    #logo {margin:7px 0 10px 15px; width: 240px; height:46px; background: url("images/logo1000.png") no-repeat left top;}
    .headerTel {margin:15px 0 0 0}
    .headerTel span {display:none}

    .searchBoxTitle {margin:0 0 10px 0; font-size:1.6em}
    .boxWhyTitle {font-size: 2.8em; margin:50px auto 20px auto}
    .boxWhyTitle span {top: -120px; right:34%;}
    .boxWhyL, .boxWhyR {width:100%; float:none; }
    .boxWhyL > ul > li {font-size:2.0em; background-position:left 6px}
    .whyBtn {margin:30px auto 0 auto; display:table; float:none}
    

    #pageWrap #boxWhy ul li .whyTitle {float:none; width:100%; text-align:center; margin:0 0 10px 0; font-size:3.2em}
    #pageWrap #boxWhy ul li .whyImg {float:none; width:100%; text-align:center; margin:0 0 10px 0; display:block}
    #pageWrap #boxWhy ul li .whyText {text-align:center}

    #hpSlider {height:858px}
    .hpSliderL {width:100%; margin:0 0 10px 0; padding:20px 10px 0 10px; height:auto; overflow:hidden}

    .hpSliderR {width:100%; height:350px; overflow:hidden; margin:0}
    .hpSliderR img {width:100%; max-width:100%}
    .sliderImg {display:table; margin:0 auto}
    .sliderImg>img {max-width:535px}

     #bcHeader4 .boxLeft {width:60%; margin:0 5% 0 0}
    #bcHeader4 .boxRight {width:35%}
    .hpBlog .hpBlogL {display:none}
    .hpBlog .hpBlogR {width:100%}

    #pageWrapI .boxMain h2 {font-size:2.1em}
    #bcHeader1 .boxLeft, #bcHeader2 .boxLeft, #bcHeader3 .boxLeft {width:100%; margin:0 0 10px 0}
    #bcHeader1 .boxRight, #bcHeader2 .boxRight, #bcHeader3 .boxRight {width:100%; margin:0}
    #bcHeader1 .boxRight .respImg {max-width:630px}
    #bcHeader1 img, #bcHeader2 img {display:table; margin:0 auto; max-width:530px}
    #bcHeader3 img {display:table; margin:0 auto; max-width:330px}
    .bcCBTitle {font-size: 1.8em; line-height:1.2em; margin:0 0 20px 0}
    .bcCBText {font-size:1.2em}

    .boxMainPl a {width:28%; margin:0 8% 6% 0;}
    .boxMainPl a:nth-child(3n) {margin:0 0 6% 0}

    .bcPldFotoL {display:none}
    .bcPldFotoM {float:left; width:70%; margin:0 0 0 5%}
    .bcPldFotoR {float:left; width:23%; margin:0 0 0 0; position:relative; z-index:10}

    #bcHeaderPldB .boxLeft {width:100%; margin:0 0 10px 0; float:none}
    #bcHeaderPldB .boxRight {width:100%; float:none}

    #bcHeaderPage .boxLeft {width:100%; margin:0 0 0 0; padding:0 10px 0 10px; }
    #bcHeaderPage .boxRight {width:100%; color:#1c1d2d; padding:20px 10px 10px 10px; background:#1C1D2D}
    #bcHeaderPage .boxRight .rightMenu {margin:0 0 10px 0}
    .pageWrapPageL {width:100%}
    .pageWrapPageR {display:none}
    #bcHeaderPage .boxRight .rightTitle {margin:0 0 20px 0}

    #bcHeaderBlog .boxLeft {width:100%; padding:0 10px 10px 10px; float:left}
    #bcHeaderBlog .boxRight {width:100%; padding:20px 10px 10px 10px; background:#1c1d2d; float:left}
    .pageWrapBlogL {width:100%}
    .pageWrapBlogR {display:none}

    .vsTitle {font-size:1.6em}
    .vsText, .vsText2 {font-size:1.4em}
    #vsBoxR, #vsBoxL {width:40%; margin:0}
    .btn4 {padding: 12px 35px 0 20px;}
    .btn1 {padding: 12px 30px 0 30px;}

    #hpRef ul li {width:45%; margin:0 10% 60px 0}
    #hpRef ul li:nth-child(2n) {margin:0 0 60px 0}
    .btnC {margin:-10px auto 0 auto}
    .hpRefSliderItem {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:250px}
    .hpRSIText {height:170px}
    #hpRefSliderNav {top:270px}    
    .bcPldFoto {min-height:270px; padding:0 0 20px 0}
    .pldBtnTop {float:none; margin:0 auto 10px auto; position:relative; top:auto; right:auto; display:table}

    #ajaxViewForm.d320x480 #google {float:none; width:100%; }
    #google .loader {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

    .sideBenefit {margin:0}
    .sideBenefit ul li {width:50%}
    .sideBenefit ul li:nth-child(3n) {margin:0 0 0 25%; width:60%}
    .sideBenefit ul li .whyTitle {width:130px; font-size:3.2em}



}
@media screen and (max-width: 600px) {
      .bcPldTitle h1 {margin:0 20px 30px 20px; font-size:1.5em}
    #ajaxViewForm #wrap {display:none}

    #bcHeader4 .boxLeft {width:100%; margin:0 0 20px 0; border-bottom:1px solid #b7b7b7; padding:0 0 20px 0}
    #bcHeader4 .boxRight {width:100%}
    .hpBlog .hpBlogL {width:35%; margin:0 5% 0 0; display:block}
    .hpBlog .hpBlogR {width:60%}
    .hpBlogWL {width:20%; margin: 0 5% 0 0}
    .hpBlogWR {width:75%}
    #containerFooter {float:none; text-align:center; margin:0 0 10px 0}
    .footerBtn {margin:0 auto; display:table; float:none}

    .boxMainPl a {width:45%; margin:0 10% 6% 0;}
    .boxMainPl a:nth-child(3n) {margin:0 10% 6% 0}
    .boxMainPl a:nth-child(2n) {margin:0 0 6% 0}

    .pldBtnTop {float:none; margin:0 auto 10px auto; position:relative; top:auto; right:auto; display:table}

    .blogWrap {width:48%; margin:0 4% 0 0}
    .blogWrap:nth-child(2n) {margin:0 0 4% 0}
    .blogWrapAutor {width:100%; float:left}
    .blogWrapDate {width:100%}

    .bcCBBtn, .box404Btn {padding:12px 60px; height:auto; line-height:1.2em; }
    .bcCBBtn i, .box404Btn {top:8px}

    #vsBoxL, #vsBoxC, #vsBoxR {width:100%; text-align:center; float:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0}
    #vsBoxC {padding:0 0 10px 0}
    .bcPldFoto .pldNext {top:10%;}
    .bcPldFoto .pldBack {top:10%;}

     .whyResponContent .whyResponContentItem .wriText .vetsiText {margin:0 0 5px 0}
    .whyResponContent .whyResponContentItem .wriImg {width:100%; text-align:center; height:80px}
    .whyResponContent .whyResponContentItem .wriImg img {margin:0; max-height:120px; max-width:120px; width:auto !important}
}
@media screen and (max-width: 520px) {
    #ajaxFileForm {width:100%}

    #ajaxViewForm #wrap {display:none}

    

}

@media screen and (max-width: 480px) {
	#ajaxViewForm #wrap {display:none}
    #ajaxViewForm {width:100%;}

    #dotazForm {width:100%;}
    #dotazForm .formField .edit {width:100%;}
    #dotazForm .formField .edit input,
    #dotazForm .formField .edit textarea {width:98%;}

    /*#region layout */

        #headerWrap {padding:0; background-image:url(images/headerWrap480.jpg)}
        #header, #bcHeader, #footer, #boxWhy,#boxWhyReference, #searchBox, #bcHeader1, #bcHeader2, #bcHeader3, #bcHeader4, #hpSlider, #bcContact, #bcHeaderPl, #bcHeaderPld, #bcHeaderPldB, #bcHeaderPage, #bcHeaderBlog, .hpSliderOut, #vsBox, #boxWhy1, #boxWhy2, #hpRef, #hpRefSlider {width:100%;  }
        #bcHeader, #footer, #hpSlider {padding:0 10px;}
        #header {padding:10px}
        #bcHeader1, #bcHeader3, #bcHeader4 {padding:20px 10px}
        #bcHeader2 {padding:20px 10px 0 10px}
        #bcHeaderPldB {padding:20px 10px}
        .hpSliderOut {padding:20px 10px 0 10px}
        #bcHeaderPage {padding:45px 0 20px 0}
        #bcHeaderBlog {padding:20px 0 0 0}
        #bcContact {padding:10px 10px 20px 10px}
        #pageWrapI #boxWhy {padding:80px 10px 40px 10px; min-height:520px; height:auto}
        #searchBox {padding:20px 10px 60px 10px}
		#footer {width:100%; padding:10px}
        #bcHeaderPl {padding:20px 10px}
        #vsBox {padding:20px 10px}
        #boxWhy1 {padding:20px 10px}
        #boxWhy2 {padding:20px 10px 30px 10px}
        #hpRef {padding:50px 10px 30px 10px}
        #hpRefSlider {padding:30px 0 30px 0}


        #boxWhyReference ul li { width: 100%;}
        #boxWhyReference ul li .whyTitle {font-size: 2.8em;float: left;margin: 0 30px 0 0;width: 40%;text-align: right;}

        #boxWhyReference ul li.why03 {margin:0; width:100%}

	/*#endregion layout */

	/* #region top menu*/
		#menuBtn { display: block; }
        #menu { width: 100%; position: absolute; top: 65px; left: -100%; }
        #menu.visible { left: 0;}
	/* #endregion top menu*/


    #search {width:100%}
    #search .inputSearch {height:50px; line-height:50px; width:70%}
    #search .buttonSearch {height:50px; line-height:50px; width:30%; padding:2px 0 0 0; font-size:1.2em}

    #logo {margin:14px 0 10px 10px; width: 170px; height:33px; background: url("images/logo480.png") no-repeat left top;}
    .headerTel {margin:18px 0 0 0; }
    .headerTel a {padding:3px 0 0 35px}
    .headerTel span {display:none}

    .searchBoxTitle {margin:0 0 10px 0; font-size:1.6em}
    .boxWhyTitle {font-size: 2.7em; margin:50px auto 20px auto}
    .boxWhyTitle span {top: -120px; right:34%;}
    #pageWrapI #boxWhy ul li {width:100%; margin:0 0 10px 0; min-height:55px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #pageWrapI #boxWhy ul li.why01 {padding:0 0 0 75px; background:url(images/why01b.png) no-repeat 10px 10px}
    #pageWrapI #boxWhy ul li.why02 {padding:10px 0 0 75px; background:url(images/why02b.png) no-repeat left top; min-height:45px}
    #pageWrapI #boxWhy ul li.why03 {padding:0 0 0 75px; background:url(images/why03b.png) no-repeat 15px 5px}
    #pageWrapI #boxWhy ul li .whyTitle {font-size:1.5em}
    #pageWrapI #boxWhy ul li .whyText {font-size:1.1em}
    #pageWrapI #boxWhy ul li .whyText br {display:none; clear:none}

    #pageWrap #boxWhy ul li {float:left; width:100%; padding:0; min-height:20px}
    #pageWrap #boxWhy ul li .whyTitle {font-size:2.8em; float:left; margin:0 30px 0 0; width:40%; text-align:right}
    #pageWrap #boxWhy ul li .whyText {text-align:left; float:left; }
    #pageWrap #boxWhy ul li .whyImg {display:none}
    #pageWrap .boxWhyTitle {margin:0 0 20px 0}

    #hpSlider {height:760px}
    .hpSliderL {width:100%; margin:0 0 10px 0; padding:20px 10px 0 10px; height:400px; overflow:hidden}
    .hpSliderR {width:100%; height: 350px; float:none}
    .hpSliderR img {width:100%; max-width:100%}
    .sliderImg {display:table; margin:0 auto}
    .sliderImg>img {max-width:535px}


    .hpBlogWL {width:25%; margin: 0 5% 0 0}
    .hpBlogWR {width:70%}

    #pageWrapI .boxMain h2 {font-size:2.1em; }
    #pageWrapI .boxMain {text-align:center}
    .boxPrice1 {text-align:center}
    #bcHeader1 .boxLeft, #bcHeader2 .boxLeft, #bcHeader3 .boxLeft {width:100%; margin:0 0 10px 0}
    #bcHeader1 .boxRight, #bcHeader2 .boxRight, #bcHeader3 .boxRight {width:100%; margin:0}
    #bcHeader1 .boxRight .respImg {max-width:630px}
    #bcHeader1 img, #bcHeader2 img {display:table; margin:0 auto; max-width:530px}
    #bcHeader3 img {display:table; margin:0 auto; max-width:330px}
    .bcCBTitle {font-size:1.4em; margin:0 0 10px 0}
    .bcCBText {font-size:1.1em}

    .bcPldFotoL {display:none}
    .bcPldFotoM {float:left; width:90%; margin:0 0 0 5%}
    .bcPldFotoR {display:none}

    #bcHeaderPldB .boxLeft {width:100%; margin:0 0 10px 0; float:none}
    #bcHeaderPldB .boxRight {width:100%; float:none}
    #bcHeaderPldB .boxLeft h1 {font-size:1.8em}

    #bcHeaderPage .boxLeft {width:100%; margin:0 0 0 0; padding:0 10px 0 10px; }
    #bcHeaderPage .boxRight {width:100%; color:#1c1d2d; padding:20px 10px 10px 10px; background:#1C1D2D}
    #bcHeaderPage .boxRight .rightMenu {margin:0 0 10px 0}
    .pageWrapPageL {width:100%}
    .pageWrapPageR {display:none}
    #bcHeaderPage .boxRight .rightTitle {margin:0 0 20px 0}
    .rightMenu ul li a {color:#1c1d2d;}

    #bcHeaderBlog .boxLeft {width:100%; padding:0 10px 10px 10px; float:left}
    #bcHeaderBlog .boxRight {width:100%; padding:20px 10px 10px 10px; background:#1c1d2d; float:left}
    .pageWrapBlogL {width:100%}
    .pageWrapBlogR {display:none}
    .rightMenu ul li a {color:#fff}


    .blogWrap {width:49%; margin:0 2% 0 0}
    .blogWrap:nth-child(2n) {margin:0 0 4% 0}
    .blogWrapAutor {width:100%; float:left}
    .blogWrapDate {width:100%}

    .boxMainBlogD h1 {font-size:1.6em}

    /*.headerTel {position:absolute; top:-38px; left:30px}
    .headerTel a {width:25px; height:25px; background:url(images/icoTel02.png) no-repeat left top}
    .headerMail {display:none}
    .headerTel span, .headerTel strong {display:none}*/

    #ajaxFileForm {width:100%}

    .bcCBBtn, .box404Btn {font-size:1.1em; padding:12px 50px}
    .boxWhyL, .boxWhyR {width:100%; float:none; }
    .boxWhyL > ul > li {font-size:2.0em; background-position:left 6px}
    .whyBtn {margin:30px auto 0 auto; display:block; float:none; padding:10px 10px 5px 10px; width:100%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:auto}
    .boxWhyTitle h1 {line-height:1.1em; font-size:0.8em; margin:0 0 10px 0}

    #pageWrapI #boxWhy2 ul li {width:100%; margin:0 0 20px 0}
    .btn4 {display:block; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 0 20px 0; height:auto; text-align:center; padding:10px 30px}
    .btn1 {display:block; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 0 20px 0; height:auto; text-align:center; padding:10px 30px 5px 30px}

    #hpRef ul li {width:45%; margin:0 10% 60px 0}
    #hpRef ul li:nth-child(2n) {margin:0 0 60px 0}
    .btnC {margin:-10px auto 0 auto}
    .hpRefSliderItem {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:250px}
    .hpRSIText {height:170px}
    #hpRefSliderNav {top:270px}

    #bcHeader1 .boxRight img, #bcHeader2 .boxRight img, #bcHeader3 .boxRight img {display:none}
    #bcHeader1 .boxRight, #bcHeader1 .boxLeft {padding:0; margin:0}
    #bcHeader1 .boxLeft .boxMain {margin:0}
    .refImgBtn2>span {display:none}
    .bcPldFoto {min-height:250px; padding:0 0 20px 0}

    .loaderInfoText {display:none}
    .loaderInfoText2 {display:block}

    #ajaxViewForm.d320x480 #google {float:none; width:100%; }
    #google .loader {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

     .whyResponContent .whyResponContentItem .wriText .vetsiText {margin:0 0 5px 0}
    .whyResponContent .whyResponContentItem .wriImg {width:100%; text-align:center; height:80px}
    .whyResponContent .whyResponContentItem .wriImg img {margin:0; max-height:120px; max-width:120px; width:auto !important}

    .sideBenefit ul li .whyTitle {width:50%}

}



@media screen and (max-width: 400px) {

    .whyResponContent .whyResponContentItem .wriText .vetsiText {margin:0 0 5px 0}
    .whyResponContent .whyResponContentItem .wriImg {width:100%; text-align:center; height:80px}
    .whyResponContent .whyResponContentItem .wriImg img {margin:0; max-height:120px; max-width:120px; width:auto !important}


    #ajaxViewForm #wrap {display:none}

    #logo {margin:8px 0 10px 20px; width:46px; height:46px; background: url("images/logo400.png") no-repeat left top;}

    .blogWrap {width:100%; margin:0 0 10px 0}
    .blogWrap:nth-child(2n) {margin:0 0 10px 0}
    .blogWrapAutor {width:auto; float:right}
    .blogWrapDate {width:auto}
    #search .buttonSearch {width:30%}
    #search .inputSearch {width:70%}
    .hpBlogWL, .hpBlog .hpBlogL {display:none}
    .hpBlogWR, .hpBlog .hpBlogR {width:100%}

    .boxPatchTitle {float:none; margin:0 0 10px 0; height:20px; line-height:20px; text-align:center}
    .boxPatchNav {display:block; float:none}
    .boxPatchNav .boxPatchItem {margin:0 10px 5px 0}

    #bcHeaderPage .boxLeft img {width:100%; max-width:340px}
    #bcHeaderPage .boxLeft #mapa img {width:auto} 

    .hpSliderL h2 {font-size:1.7em}
    .refBtn {padding: 14px 40px 12px; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center}


    
}
@media screen and (max-width: 360px) {
    #ajaxViewForm #wrap {display:none}

    .PopupGallery .imgGallItem {float:left; display:block; width:100%; margin:0 0 4% 0}
    #hpSlider {height:760px}

    .bcPldFoto {min-height:180px;}

    

    .boxWhyTitle {font-size:2.4em}
}

@media screen and (max-width: 320px) {

    #ajaxViewForm #wrap {display:none}

    #boxWhy ul li.why01, #boxWhy ul li.why02, #boxWhy ul li.why03 {padding:0 10px; background:none}
    #boxWhy ul li .whyText {font-size:1.0em}
    #pageWrapI .boxMain h2 {font-size:1.6em}

    .boxMainPl a {width:100%; margin:0 0 6% 0;}
    .boxMainPl a:nth-child(3n) {margin:0 0 6% 0}
    .boxMainPl a:nth-child(2n) {margin:0 0 6% 0}
    #hpSlider {height:760px}
    
    /*.sideBenefit ul li .whyTitle {width: auto; text-align:left}*/
}