*, *::after, *::before {box-sizing: border-box;  }
html {font-size: 62.5%;  background-color: #fff;  }
body { font-size: 1.6rem;background-color: #fff;font-family: "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
a {color: #267481;text-decoration: none;  }



body::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
@media only screen and (min-width: 1050px) {
  body::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}
@media only screen and (min-width: 1050px) {
  body[data-hijacking="on"] {
    overflow: hidden;
  }
}

.carousel-control{background-image: none !important}
.cd-section { height: 100vh; margin: 0; padding: 0;  }
@media only screen and (max-width: 400px) {
  .sec-2-home .vyhody {
    margin: 50px 0 70px 0 !important;
  }

  .cd-section {
    min-height: 750px;
  }

  .sec-3-home .produkty {
    min-height: 750px;
  }

  .carousel-control {
    display: none
  }
}
@media only screen and (max-width: 700px) {
  .kontakt div{text-align:center;font-size: 100% !important}
  .kontakt div i{text-align:center;font-size: 100% !important;top: 0 !important;}
  .kontakt .cta a{font-size: 14px !important}
}
.cd-section .row{ margin: 0; padding: 0;  }
.cd-section .row .container-fluid {padding-left: 0 ; padding-right: 0;}
h2 { line-height: 8vh; font-size: 2.4rem; font-weight: 500;position: relative ;margin: 0 auto; }
.sec-1-home h2 span:before{content: ""; width: 100px;height: 2px;display: inline-block;top: 60px; background-color: #47a7ec !important;}
.sec-2-home h2 span:before{content: ""; width: 100px;height: 2px;display: inline-block;top: 110px; background-color: #47a7ec !important;}
.sec-3-home h2 span:before{content: ""; width: 100px;height: 2px;display: inline-block;top: 60px; background-color: #47a7ec !important;}
.sec-4-home h2 span:before{content: ""; width: 100px;height: 2px;top: 60px; background-color: #47a7ec !important;}
.sec-5-home h2 span:before{content: ""; width: 100px;height: 2px;display: inline-block;top: 60px; background-color: #47a7ec !important;}
.cd-section .sec-2-home h2 {line-height: 5vh; font-size: 3rem;text-transform: uppercase; font-weight: 500; }
.header h1 {font-size: 5.4rem;font-weight: 500;}
.header h1 span:before{content: ""; width: 100px;height: 2px;display: inline-block;top: 60px; background-color: #47a7ec !important;}
.obsah h2 span:before{content: ""; width: 100px;height: 2px;display: inline-block;top: 60px; background-color: #47a7ec !important;}
a.orange{background-color: #f1c40f; text-transform: uppercase; font-size: 20px; padding:10px 20px; color:#000 }
a.transparent{border: 3px solid #000; text-transform: uppercase; font-size: 20px; padding:10px 20px; color:#000  }
a.orange-transparent{border: 3px solid #f1c40f; text-transform: uppercase; font-size: 20px; padding:10px 20px; color:#f1c40f  }
a.blue-transparent{border: 3px solid #47a7ec; text-transform: uppercase; font-size: 20px; padding:10px 20px; color:#000  }


.sec-1-home .video{min-height: 100%;width:1460px;background-color: #fff !important;}

@media only screen and (min-width: 1460px) {
  .sec-1-home .video{width:100%;}

}
@media only screen and (max-width: 780px) {
  .sec-1-home .video{width:780px;}

}
.sec-1-home .nadpis{position:absolute; top:30%; }

.sec-1-home .nadpis h2{line-height: 1.3;    font-weight: 700;font-family: 'Raleway'; color:#3e3e3e}
.sec-1-home .nadpis p{padding-top: 20px; line-height: 1.8;}

.sec-2-home .vyhody{background-color: rgba(255, 255, 255, 0.75);margin: 150px 0 70px 0;padding: 50px 0 120px}

.sec-3-home .produkty{background-color: #2a63b4;height:100vh;}
.sec-3-home .produkty .produkty-cont{position:relative;padding:20% 10% 5%}
.sec-3-home .produkty .produkty-cont p{padding-top: 40px; line-height: 1.8;}
.sec-3-home .produkty .orange-box{min-width: 600px;height:150px; background-color: #f1c40f;position: relative ;right: 150px; padding: 5%}
.sec-3-home .produkty .orange-box .text{padding-top: 13px}
.sec-3-home .produkty .orange-box .text h3{font-size: 25px;}
.sec-3-home .produkty .orange-box .cta{padding-top: 30px}
.sec-3-home .produkty .orange-box .cta a{border: 3px solid #000; text-transform: uppercase; font-size: 20px; padding:10px 20px; color:#000 }

.sec-4-home h2{padding-bottom: 20px;padding-top: 100px !important;}
.sec-4-home .content{padding: 0}
.sec-4-home {
  min-height: 100vh;
}
@media screen and (max-width: 980px) {
  .sec-4-home {
    min-height: 1300px;
  }
}
@media screen and (max-width: 900px) {
  .sec-4-home {
    min-height: 1200px;
  }
}
@media screen and (max-width: 800px) {
  .sec-4-home {
    min-height: 1100px;
  }
}
@media screen and (max-width: 700px) {
  .sec-4-home {
    min-height: 1000px;
  }
}
@media screen and (max-width: 580px) {
  .sec-4-home {
    min-height: 2630px;
  }
}
@media screen and (max-width: 500px) {
  .sec-4-home {
    min-height: 2330px;
  }
}
@media screen and (max-width: 450px) {
  .sec-4-home {
    min-height: 2100px;
  }
}@media screen and (max-width: 400px) {
  .sec-4-home {
    min-height: 1900px;
  }
}@media screen and (max-width: 350px) {
  .sec-4-home {
    min-height: 1600px;
  }
}
.kontakt.header{background: url("../images/contact-bg.jpg") center top no-repeat;background-size: cover; height: 400px; }
.kontakt-cont{padding-top: 50px}
.kontakt h2 {line-height: 5vh; font-size: 3rem; font-weight: 500; }
.kontakt h2 span:before{content: ""; width: 100px;height: 2px;display: inline-block;top: 60px; background-color: #47a7ec !important;}


.sec-5-home .kontakt{height:100vh;padding:50px}
.sec-5-home .kontakt .kontakt-cont{background: #2a63b4;position:relative;padding:10% 10% 5%;font-size:20px}
 .kontakt .kontakt-cont .tel{margin-top: 30px; line-height: 2; }
 .kontakt .kontakt-cont .tel i{position: relative; color: #3B393D;padding-right: 20px}
 .kontakt .kontakt-cont .email i{ color: #3B393D;padding-right: 20px}
 .kontakt .kontakt-cont .email{line-height: 2; }
 .kontakt .kontakt-cont .map{line-height: 2; }
 .kontakt .kontakt-cont .map i{position: relative;top: 6px;color: #3B393D;padding-right: 20px}
.kontakt .cta{width: 100%; padding: 50px 0}
.kontakt .cta a{background-color: #f1c40f; text-transform: uppercase; font-size: 20px; padding:10px 20px; color:#000 }

.footer{height: 239px;background: #2a63b4;}
.footer .footer-cont{height: auto; width: 100%;background: #2a63b4;border-top: 1px solid white}
.footer .footer-cont .row{padding: 20px 0;}
.footer .footer-cont .row .obrazky img{padding: 20px;}
.footer .footer-cont .row .social {padding: 10px 20px 20px;}
.footer .footer-cont .row .social a{font-size: 30px; color: #fff;}
.footer .footer-cont .row .social a:hover{font-size: 30px; color: #3ca2ea;}
.footer .footer-cont .row .footer-menu{padding: 20px; line-height: 2}
.footer .footer-cont .row .footer-menu a{ color: #fff;}
.footer .footer-cont .row .marketinger{ background-color: #2559a1; padding: 20px 0}

.carousel-indicators{top: 200px;}
.carousel-indicators li{border-radius: 0%; border: 2px solid #5FB3F0}
.carousel-indicators .active{background-color:#5FB3F0; }
.carousel-inner .item {margin-top: 140px !important;overflow: visible !important;}
.carousel-inner .item h3{font-size: 25px; line-height: 1.5;}
.carousel-inner .item p{font-size: 18px; line-height: 1.5; padding-bottom: 30px}
.carousel-control{opacity: 1.0; margin-top: -20px}

.about.header{background: url("../images/about.jpg") center top no-repeat;background-size: cover; height: 400px; }
.about.obsah .row{}
.about.obsah .predstavenie {padding: 50px 0 100px;  background-color: #fff; }
.about.obsah .predstavenie p{text-align: center; padding: 0 10%; line-height: 2 }
.about.obsah .dovody{background: #2a63b4;height: auto;padding: 100px 0 100px; }
.about.obsah .dovody h2{color: #fff;font-size: 3rem; line-height: 1.5; }
.about.obsah .dovody p{text-align: left; padding: 0 10%; line-height: 1.5; color: #fff }
.about.obsah .orange-box{height:140px;  padding: 30px 100px}
.about.obsah .orange-box .text{padding-top: 13px;background-color: #f1c40f; padding: 30px}
.about.obsah .orange-box .text h3{font-size: 25px;}
.about.obsah .orange-box .cta{padding-top: 30px}
.about.obsah .orange-box .cta a{border: 3px solid #000; text-transform: uppercase; font-size: 20px; padding:10px 20px; color:#000 }
.about.vyhody{background: url("../images/about-vyhody.jpg")center top; background-size:cover;padding: 50px 0}
.about.vyhody h3{ font-weight: 600;font-size: 2rem; padding: 10px 0}
.about.vyhody p{line-height: 1.5}

@media screen and (max-width: 600px) {
  .about.obsah .orange-box {
  padding: 0 !important;
    
}
  .sec-3-home .produkty .orange-box .text h3{font-size: 18px}
}
@media screen and (max-width: 990px) {
 .orange-box {
    padding: 2%; right: auto;min-width: auto;
  }
  .about.vyhody{
    padding: 130px 0;}
}
.about ul{padding-left: 100px}

.about ul li {    list-style: circle !important;color: white; line-height: 2.0}

.produkty.header{background: url("../images/produkty-bg.jpg") center top no-repeat;background-size: cover; height: 400px; }
.produkty.zoznam{background: url("../images/produkty.jpg")center center repeat;padding-top: 40px}
.produkty.zoznam .zoznam-cont{padding: 50px 0}
.produkty.zoznam .zoznam-cont .row{height: 100px}
@media screen and (max-width: 990px) {
  .produkty.zoznam .zoznam-cont .row{height: 240px}
  .produkty.zoznam .col-md-4{height: 80px}
}
.produkty.zoznam .col-md-4{text-align: center}
.produkty.zoznam .produkty{border: 3px solid #fff;padding: 20px 10px;min-width: 300px; } 
.produkty.zoznam .produkty a{font-size: 18px;color:#fff;text-transform: uppercase; }

.oblasti.header{background: url("../images/oblasti_posobenia.jpg") center top no-repeat;background-size: cover; height: 400px; }

.partneri.header{background: url("../images/evopharm_01.jpg") center top no-repeat;background-size: cover; height: 400px; }
.zoznam.partneri .zoznam-cont{background: #fff;padding: 4%;margin: 0 auto;display: inline-block; position: relative; }
.zoznam.partneri .zoznam-cont .partner{padding: 30px 0;text-align: center }

.kontakt form {    padding: 50px;}
.kontakt form input{width: 100%; height: 50px; border: 1px solid #000; padding: 10px; margin: 30px 0}
.kontakt form textarea{width: 100%; height: 100px; border: 1px solid #000; padding: 10px;}


.white{color: #fff !important;}
.white i{color: #fff !important;}
/*.cd-section:first-of-type > div {*/
  /*background-color: #2b334f;*/
/*}*/
.cd-section:first-of-type > div::before {
  /* alert -> all scrolling effects are not visible on small devices */
  content: 'Effects not visible on mobile!';
  position: absolute;
  width: 100%;
  text-align: center;
  top: 20px;
  z-index: 2;
  font-weight: bold;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #6a7083;
}
.cd-section:nth-of-type(2) > div {
  background: url("../img/dovody.jpg") ;
  background-size: cover;
  min-height: 100%;
  background-color: #fff;
}
.cd-section:nth-of-type(3) > div {
  min-height: 100%;
  background: url("../images/evopharm_02.png") ;
  background-size: cover;

}
.cd-section:nth-of-type(4) > div {
  background-color: #fff;
}
.cd-section:nth-of-type(5) > div {
  background: url('../images/mapa_02.jpg') center top  no-repeat;background-size: cover;  min-height: 100%;
}
.cd-section:nth-of-type(6) > div {
  background-color: #2a63b4;
}
[data-animation="parallax"] .cd-section > div, [data-animation="fixed"] .cd-section > div, [data-animation="opacity"] .cd-section > div {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*[data-animation="parallax"] .cd-section:first-of-type > div, [data-animation="fixed"] .cd-section:first-of-type > div, [data-animation="opacity"] .cd-section:first-of-type > div {*/
  /*background-image: url("../img/img-1.jpg");*/
/*}*/
/*[data-animation="parallax"] .cd-section:nth-of-type(2) > div, [data-animation="fixed"] .cd-section:nth-of-type(2) > div, [data-animation="opacity"] .cd-section:nth-of-type(2) > div {*/
  /*background-image: url("../img/img-2.jpg");*/
/*}*/
/*[data-animation="parallax"] .cd-section:nth-of-type(3) > div, [data-animation="fixed"] .cd-section:nth-of-type(3) > div, [data-animation="opacity"] .cd-section:nth-of-type(3) > div {*/
  /*background-image: url("../img/img-3.jpg");*/
/*}*/
/*[data-animation="parallax"] .cd-section:nth-of-type(4) > div, [data-animation="fixed"] .cd-section:nth-of-type(4) > div, [data-animation="opacity"] .cd-section:nth-of-type(4) > div {*/
  /*background-image: url("../img/img-4.jpg");*/
/*}*/
/*[data-animation="parallax"] .cd-section:nth-of-type(5) > div, [data-animation="fixed"] .cd-section:nth-of-type(5) > div, [data-animation="opacity"] .cd-section:nth-of-type(5) > div {*/
  /*background-image: url("../img/img-5.jpg");*/
/*}*/
@media only screen and (min-width: 1050px) {
  .cd-section h2 {
    font-size: 5rem;
  }
  [data-hijacking="on"] .cd-section {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  [data-hijacking="on"] .cd-section > div {
    visibility: visible;
  }
  [data-hijacking="off"] .cd-section > div {
    opacity: 0;
  }
  [data-animation="rotate"] .cd-section {
    /* enable a 3D-space for children elements */
    -webkit-perspective: 1800px;
    -moz-perspective: 1800px;
    perspective: 1800px;
  }
  [data-hijacking="on"][data-animation="rotate"] .cd-section:not(:first-of-type) {
    -webkit-perspective-origin: center 0;
    -moz-perspective-origin: center 0;
    perspective-origin: center 0;
  }
  [data-animation="scaleDown"] .cd-section > div, [data-animation="gallery"] .cd-section > div, [data-animation="catch"] .cd-section > div {
    box-shadow: 0 0 0 rgba(25, 30, 46, 0.4);
  }
  [data-animation="opacity"] .cd-section.visible > div {
    z-index: 1;
  }
}

@media only screen and (min-width: 1050px) {
  .cd-section:first-of-type > div::before {
    display: none;
  }
}
@media only screen and (min-width: 1050px) {
  .cd-section > div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  [data-hijacking="on"] .cd-section > div {
    position: absolute;
  }
  [data-animation="rotate"] .cd-section > div {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.cd-vertical-nav {
  /* lateral navigation */
  position: fixed;
  z-index: 1;
  right: 3%;
  /*top: 50%;*/
  bottom: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.cd-vertical-nav a {
  display: block;
  height: 40px;
  width: 40px;
  /* image replace */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/cd-icon-arrow.svg) no-repeat center center;

}
.cd-vertical-nav a.cd-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 10px;
}
.cd-vertical-nav a.inactive {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
@media only screen and (min-width: 1050px) {
  .cd-vertical-nav {
    display: block;
  }
}
@media only screen and (max-width: 1050px) {
  .navbar-collapse .navbar-nav{float:none}
}
.navbar{background-color: rgba(255, 255, 255, 0.75); background-image: none; box-shadow: none}
.navbar-brand{height: 85px}
.navbar-nav{float:right}
.navbar-collapse{text-align:center}
.navbar-default .navbar-nav>li{padding: 17px 3px; border-top:3px solid transparent}
.navbar-default .navbar-nav>li:hover{border-top:3px solid #5FB3F0}
.navbar-default .navbar-nav>li>a{font-size:17px;  color:#1d1d1d}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{background-color: transparent;background-image: none;box-shadow:none}
.navbar-toggle{background-color: #5FB3F0; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #3095f0; }
.navbar-toggle span{background-color: #fff !important;}


.pace.pace-inactive {
  display: none;
}

.white-loader{position: fixed;width: 100%;height: 100%; left:0; top:0; z-index: 1999;  background-color: #fff;}
body.pace-done .white-loader{display: none}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  height: 60px;
  width: 100px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pace .pace-progress {
  z-index: 2000;
  position: absolute;
  height: 100px;
  width: 100px;
  left: -5px;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:before {
  content: attr(data-progress-text);
  text-align: center;
  color: #47A7EC;
  background: white;
  border-radius: 50%;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 12% 0 7px;
  width: 50%;
  height: 40%;
  margin: 10px 0 0 30px;
  display: block;
  z-index: 999;
  position: absolute;
}

.pace .pace-activity {
  font-size: 15px;
  line-height: 1;
  z-index: 2000;
  position: absolute;
  height: 60px;
  width: 100px;

  display: block;
  -webkit-animation: pace-theme-center-atom-spin 2s linear infinite;
  -moz-animation: pace-theme-center-atom-spin 2s linear infinite;
  -o-animation: pace-theme-center-atom-spin 2s linear infinite;
  animation: pace-theme-center-atom-spin 2s linear infinite;
}

.pace .pace-activity {
  border-radius: 50%;
  border: 5px solid #47a7ec;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 100px;
}

.pace .pace-activity:after {
  border-radius: 50%;
  border: 5px solid #0168B4;
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 60px;
  width: 100px;

  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}

.pace .pace-activity:before {
  border-radius: 50%;
  border: 5px solid #1486da;
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 60px;
  width: 100px;

  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

@-webkit-keyframes pace-theme-center-atom-spin {
  0%   { -webkit-transform: rotate(0deg) }
  100% { -webkit-transform: rotate(359deg) }
}
@-moz-keyframes pace-theme-center-atom-spin {
  0%   { -moz-transform: rotate(0deg) }
  100% { -moz-transform: rotate(359deg) }
}
@-o-keyframes pace-theme-center-atom-spin {
  0%   { -o-transform: rotate(0deg) }
  100% { -o-transform: rotate(359deg) }
}
@keyframes pace-theme-center-atom-spin {
  0%   { transform: rotate(0deg) }
  100% { transform: rotate(359deg) }
}


h1 .text-editable span::before,
h2 .text-editable span::before,
h1 span.text-editable::before,
h2 span.text-editable::before {
  /*background-color: red !important;*/
  display: none !important;
}
.sipka{
	    -webkit-animation-name: sipka;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: sipka;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

  /* Chrome, Safari, Opera */
@-webkit-keyframes sipka {
    0%   {  -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* Standard syntax */}

    50%  {  -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5); /* Standard syntax */}

    100% {  -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* Standard syntax */}
}

/* Standard syntax */
@keyframes sipka {
    0%   {  -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* Standard syntax */}

    50%  {  -ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Safari */
    transform: scale(1.3); /* Standard syntax */}

    100% {  -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* Standard syntax */}
}