@charset "UTF-8";

@font-face {
    font-family: 'poppinsbold';
    src: url('poppins-bold-webfont.eot');
    src: url('poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins-bold-webfont.woff2') format('woff2'),
         url('poppins-bold-webfont.woff') format('woff'),
         url('poppins-bold-webfont.ttf') format('truetype'),
         url('poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsextrabold';
    src: url('poppins-extrabold-webfont.eot');
    src: url('poppins-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins-extrabold-webfont.woff2') format('woff2'),
         url('poppins-extrabold-webfont.woff') format('woff'),
         url('poppins-extrabold-webfont.ttf') format('truetype'),
         url('poppins-extrabold-webfont.svg#poppinsextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinslight';
    src: url('poppins-light-webfont.eot');
    src: url('poppins-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins-light-webfont.woff2') format('woff2'),
         url('poppins-light-webfont.woff') format('woff'),
         url('poppins-light-webfont.ttf') format('truetype'),
         url('poppins-light-webfont.svg#poppinslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsregular';
    src: url('poppins-regular-webfont.eot');
    src: url('poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins-regular-webfont.woff2') format('woff2'),
         url('poppins-regular-webfont.woff') format('woff'),
         url('poppins-regular-webfont.ttf') format('truetype'),
         url('poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family:'poppinsregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box, .appText h3, .footerNavTop a, .blog h3 { font-family:'poppinsextrabold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box small, .txt_imp, .app_title h2, .footer p  { font-family:'poppinslight',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.app_title h1, .header .order-btn-header { font-family:'poppinsextrabold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:19px;
	scroll-behavior:smooth;
}
body {
	color:#000;
	-webkit-font-smoothing:antialiased;
	background-color:#fff;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#000;
}
a:hover {
	color:#fb7053;
	text-decoration:none;
}
a.button_next {
	font-size:1.12rem;
	border-radius:200px;
	-webkit-box-shadow:0 8px 10px rgba(251,112,83,0.2);
	-moz-box-shadow:0 8px 10px rgba(251,112,83,0.2);
	box-shadow:0 8px 10px rgba(251,112,83,0.2);
}
a.button_next:hover {
	-ms-transform:scale(1.05); 
	transform:scale(1.05); 
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Base-styles ............................. */

.content {
	position:relative;
	overflow:hidden;
}
.box_margin {
	margin-bottom:30px;
}
.box_margin2 {
	margin-bottom:15px;
}
.box_margin3 {
	margin-bottom:150px;
}
.box_padding {
	padding-left:80px;
	padding-right:80px;
}
.txt_imp {
	font-size:1.84rem;
}
.containerZindex {
	position:relative;
	z-index:100;
}

.title_box {
	position:relative;
	color:#000;
}
.title_box_wht {
	color:#fff;
}
.title_box > * {
	position:relative;
	line-height:1.2em;
}
.title_box h1, .title_box h2 {
	font-size:4.21rem;
}
.title_box h3 {
	font-size:3.15rem;
}
.title_box small {
	display:block;
	font-size:100%;
	color:inherit;
}

/* Gradient */

.mainGradient {
	background:#fe6966; 
	background:-moz-linear-gradient(left, #fe6966 0%, #f77d31 100%); 
	background:-webkit-linear-gradient(left, #fe6966 0%,#f77d31 100%); 
	background:linear-gradient(to right, #fe6966 0%,#f77d31 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6966', endColorstr='#f77d31',GradientType=1 ); 
}
.secGradient {
	background:#b247af; 
	background:-moz-linear-gradient(left, #b247af 0%, #f43d8d 100%); 
	background:-webkit-linear-gradient(left, #b247af 0%,#f43d8d 100%); 
	background:linear-gradient(to right, #b247af 0%,#f43d8d 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b247af', endColorstr='#f43d8d',GradientType=1 ); 
}

.fbGradient {
	background:#3b5998; 
	background:-moz-linear-gradient(left, #3b5998 0%, #7799e2 100%); 
	background:-webkit-linear-gradient(left, #3b5998 0%,#7799e2 100%); 
	background:linear-gradient(to right, #3b5998 0%,#7799e2 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5998', endColorstr='#7799e2',GradientType=1 ); 
}

.instaGradient {
	background:#e1306c; 
	background:-moz-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); 
	background:-webkit-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); 
	background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1306c', endColorstr='#fd1d1d',GradientType=1 ); 
}

/* ContainerBg */

.containerBg {
	position:relative;
}
.containerBg:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	z-index:-1;
}
.containerBg01:before {
	background:url("../images/bg01.png") center bottom no-repeat;
	background-size:cover;
}
.containerBg02:before {
	background:url("../images/bg02.png") center 50% no-repeat;
	background-size:cover;
}
.containerBg04:before {
	background:url("../images/bg04.png") center 50% no-repeat;
	background-size:cover;
}

/* BgObject */

.bgObject {
	position:relative;
}
.bgObject:before, .bgObject:after {
	position:absolute;
	content:"";
	z-index:10;
}
.bgObject06:before {
	top:0;
	left:80px;
	width:138px;
	height:114px;
	background:url("../images/bgObject06.svg") center 50% no-repeat;
	background-size:cover;	
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* Img-Animage */

.img-animate {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@keyframes animate01 {
  0% { transform:translateX(0); }
  25% { transform:translateX(3px); }
  50% { transform:translateX(0); }
		75% { transform:translateX(-3px); }
  100% { transform:translateX(0); }
} 
.animate01 {
  animation:animate01 5s linear infinite;
}
@keyframes animate02 {
  0% { transform:scale(1); }
  25% { transform:scale(1.02); }
  50% { transform:scale(1); }
		75% { transform:scale(0.98); }
  100% { transform:scale(1); }
} 
.animate02 {
  animation:animate02 5s ease infinite;
}
@keyframes animate04 {
  0% { transform:translateY(0); }
  10% { transform:translateY(7px); }
  15% { transform:translateY(-5px); }
		35% { transform:translateY(5px); }
		65% { transform:translateY(-2px); }
		80% { transform:translateY(7px); }
		95% { transform:translateY(-4px); }
  100% { transform:translateY(0); }
} 
.animate04 {
  animation:animate04 8s linear infinite;
}

/* Header ............................................................... */

.header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	background-color:white;
	padding-top:40px;
	padding-bottom:40px;
	z-index:1000;
}
.header.scroll {
	position:fixed;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,0.15);
	-moz-box-shadow:0 8px 6px -6px rgba(0,0,0,0.15);
	box-shadow:0 8px 6px -6px rgba(0,0,0,0.15);
	z-index: 1000;
}
.main_logo {
	position:absolute;
	top:50%;
	left:80px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);	
	z-index:1200;
}

.main_logo img {
	max-width: 298px;
	width: 298px;
	max-height: 82px;
}

.main_logo.scroll img {
	max-width:170px;
}

.mainNavigation {
	padding:0;
    padding-right:190px;
}
.mainNavigation .navbar-nav { 
	margin:0;
}
.mainNavigation a.nav-link {
	position:relative;
	font-size:1rem;
	color:rgba(0,0,0,1) !important;
	line-height:40px;
	margin-left:25px;
	padding:0 !important;
	overflow:hidden;
}
.mainNavigation .nav-item:first-child .nav-link {
	margin-left:0 !important;
}
.mainNavigation a.nav-link span {
	position:relative;
	display:inline-block;
}
.mainNavigation a.nav-link span:after {
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	width:0;
	height:2px;
	background-color:#fb7053;
	opacity:0;
}
.mainNavigation a.nav-link:hover span:after,
.mainNavigation a.hi span:after {
	width:100%;
	opacity:1;
}

/* doplnene */

.header .order-btn-header {
    position: absolute;
    text-align: center;
    z-index: 4;
    top: 50%;
    right: 15px;
    transition: all 300ms ease-in-out;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);	

}
.header .order-btn-header a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 80%;
    padding: 6px 20px;
    background-color: #fb7053;
	text-decoration:none;
	border-radius:200px;
		transform-style:preserve-3d;
}
.header.scroll .order-btn-header a  {
	font-size:60%;
}
.header .order-btn-header a:hover {
    background-color: #ef3e90;
}
.header .order-btn-header a span {
    display: block;
}
@media screen and (max-width: 1200px){ 
	.header .order-btn-header a {
    font-size: 70%;
    padding: 4px 15px;
	}
}
@media screen and (max-width: 991px){
	.header .order-btn-header {
		position: absolute;
		top:60px;
		right:15px;
		display: inline-block;
		width: auto;
		-webkit-transform:translate(0);
		transform:translate(0);
		opacity:0;  	
z-index:2000;		
	}	
	.header .order-btn-header.scroll {
	opacity:1;		
	}
	.header .order-btn-header a {	
	 display:inline-block;
		font-size:80% !important;
		margin-bottom:15px;
		padding:20 40px;
		}	
	.header .order-btn-header a span {	
		display: sinline-block;
	}
}
/*@media screen and (max-width: 600px){
		.header .order-btn-header a {	
		font-size:70% !important;
		}
}*/

/* Suggestions ............................................................... */

.suggestionsWrapper {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
}
.slide01Bg {
	position:absolute;
	top:0;
	left:0;
	width:45%;
	z-index:-1;
}

/* Supplements ............................................................... */

.supplementsWrapper {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
}
.supplement {
	width:20%;
	padding:0 15px 15px 15px;
}
.supplement img {
	cursor:pointer;
	margin-bottom:0px;
-webkit-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
transition:all 300ms linear;	
}
.supplement img:hover {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);	
}

.supplement h3 {
	margin-top:30px;
	font-size:1.42rem;
	line-height:1.1em;
}

.popover-header {
	color:#fff;
    background: #b247af;
    background: -moz-linear-gradient(left, #b247af 0%, #f43d8d 100%);
    background: -webkit-linear-gradient(left, #b247af 0%,#f43d8d 100%);
    background: linear-gradient(to right, #b247af 0%,#f43d8d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b247af', endColorstr='#f43d8d',GradientType=1 );
}

/* Slide01 - App ............................................................... */

.appWrapper {
	position:relative;
	min-height:700px;
	padding-top:95px;
	padding-bottom:75px;
	z-index:10;
}
.app_title h1 {
	font-size:3rem;
}
.app_title h2 {
	font-size:2rem;
}
.appList li {
	position:relative;
	padding-left:35px;
}
.appList li:before {
	position:absolute;
	top:7px;
	left:0;
	content:"";
	width:14px;
	height:14px;
	background-color:white;
	border-radius:50%;
}

.slide00Bg {
	position:absolute;
	top:60px;
	right:0;
	width:44%;
}
.bgImg {
	position:absolute;
}
.bgImg01 {
	top:0;
	left:47.16%;
	width:9.96%;
	height:9.96%;
}
.bgImg02 {
	top:35.21%;
	left:78.31%;
	width:17.4%;
	height:12.62%;
}
.bgImg03 {
	top:57.69%;
	left:8.06%;
	width:13.49%;
	height:13.95%;
}
.bgImg04 {
	top:0;
	left:50%;
	width:40.95%;
	height:19.48%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.bgImg05 {
	top:52.82%;
	right:0;
	width:18.97%;
	height:12.92%;
	z-index:20;
}
@keyframes animateImg01 {
  0% { transform:translateX(0) skewX(0); }
  33% { transform:translateX(7px) skewX(3deg); }
  66% { transform:translateX(-7px) skewX(-3deg); }
  100% { transform:translateX(0) skewX(0); }
} 
.animateImg01 {
  animation:animateImg01 5s ease infinite;
}
@keyframes animateImg02 {
  0% { transform:translateY(0) skewX(0); }
  33% { transform:translateY(7px) skewX(-6deg); }
  66% { transform:translateY(-7px) skewX(3deg); }
  100% { transform:translateY(0) skewX(0); }
} 
.animateImg02 {
  animation:animateImg02 5s ease-in infinite;
		animation-direction:reverse;
}
@keyframes animateImg03 {
  0% { transform:translateX(0) skewY(0); }
  33% { transform:translateX(7px) skewY(3deg); }
  66% { transform:translateX(-7px) skewY(-6deg); }
  100% { transform:translateX(0) skewY(0); }
} 
.animateImg03 {
  animation:animateImg03 5s ease infinite;
		animation-direction:reverse;
}
@keyframes animateImg04 {
  0% { transform:translateX(0) skewX(0); }
  33% { transform:translateX(7px) skewX(3deg); }
  66% { transform:translateX(-7px) skewX(-3deg); }
  100% { transform:translateX(0) skewX(0); }
} 
.animateImg04 {
  animation:animateImg04 5s ease infinite;
}
@keyframes animateImg05 {
  0% { transform:translateY(0) skewX(0); }
  33% { transform:translateY(7px) skewX(-6deg); }
  66% { transform:translateY(-7px) skewX(3deg); }
  100% { transform:translateY(0) skewX(0); }
} 
.animateImg05 {
  animation:animateImg05 5s ease-in infinite;
		animation-direction:reverse;
}

/* Slide02 - Notification ............................................................... */

.notificationWrapper {
	position:relative;
	min-height:663px;
	padding-top:200px;
	padding-bottom:35px;
}
.slide02Bg {
	position:absolute;
	top:0;
	right:0;
	width:54%;
	z-index:10;
}

/* Slide03 - App-Content ............................................................... */

.appContentWrapper {
	position:relative;
	background-color:#f6f6fe;
	margin-top:-150px;
	padding-top:200px;
	padding-bottom:35px;
}
.appContentBg {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.appContentGroup {
	margin-top:80px;
}
.appContentGroup .appBox:not(:last-child) {
	margin-bottom:40px;
}
.appImg {
	flex:none;
	width:80px;
}
.appImg img {
	-webkit-box-shadow:0 8px 10px rgba(251,112,83,0.2);
	-moz-box-shadow:0 8px 10px rgba(251,112,83,0.2);
	box-shadow:0 8px 10px rgba(251,112,83,0.2);
}
.appContentGroupLeft .appImg {
	margin-right:20px;	
}
.appContentGroupRight .appImg {
	margin-left:20px;	
}
.appText h3 {
	font-size:1.57rem;
	line-height:inherit;
}

.slide03Bg {
	position:relative;
	top:120px;
}
.slide03Bg > img {
	position:relative;
	z-index:10;
}

/* Slide04 - Support ............................................................... */

.supportWrapper {
	min-height:730px;
	padding-top:95px;
	padding-bottom:75px;
}
.slide04Bg {
	position:absolute;
	top:0;
	right:0;
	width:48%;
	z-index:10;
}

/* Footer ............................................................... */

.footer {
	padding-top:100px;
	padding-bottom:30px;
}
.footer p {
	font-size:1.89rem;
}
.footerNavTop a {
	font-size:1.89rem;	
	border-radius:200px;
}
.footerNavTop a:hover {
	-ms-transform:scale(1.05); 
	transform:scale(1.05); 
}
.footerNavMiddle, .footerNavBottom {
	font-size:0.84rem;
}

.exports_group {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:30px -5px 115px -5px;
}
.exports_box {
	flex:0 1 auto;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}
.exports {
	background-color:#fff;
}
.exports, .exports img {
	text-align: center;
}

.containerBg07 {
	background:#fbfbfb; 
}

.slide07Bg {
	position:absolute;
	top:0;
	right:0;
	width:20%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:10;
}

.title_box_referencie {
	padding-top: 60px;
}

/* Slide09 ............................................................... */

#slide09 {
	position:relative;
	padding-top:85px;
}
.blog h3 {
	font-size:100%;
	line-height:inherit;
}
.blog a.navNext {
	font-size:90%;
	letter-spacing:1px;
	padding:16px 60px;
}

a.navNext {
	position:relative;
	display:inline-block;
	font-size:100%;
	color:#fff;
	padding:26px 60px;
	border-radius:200px;
}
a.navNext:hover {
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05);	
}
a.navNext01 {
	background:#21c064; 
	background:-moz-linear-gradient(left, #21c064 0%, #32e87f 100%); 
	background:-webkit-linear-gradient(left, #21c064 0%,#32e87f 100%); 
	background:linear-gradient(to right, #21c064 0%,#32e87f 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21c064', endColorstr='#32e87f',GradientType=1 );
	behavior:url(PIE.htc);
	zoom:1;
	-moz-box-shadow:0 10px 20px rgba(40,207,210,0.3);
	-webkit-box-shadow:0 10px 20px rgba(40,207,210,0.3);
	box-shadow:0 10px 20px rgba(40,207,210,0.3); 
}
a.navNext02 {
	background:#ff7858; 
	background:-moz-linear-gradient(left, #ff7858 0%, #ffb658 100%); 
	background:-webkit-linear-gradient(left, #ff7858 0%,#ffb658 100%); 
	background:linear-gradient(to right, #ff7858 0%,#ffb658 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7858', endColorstr='#ffb658',GradientType=1 ); 
	behavior:url(PIE.htc);
	zoom:1;
	-moz-box-shadow:0 10px 20px rgba(255,124,88,0.3);
	-webkit-box-shadow:0 10px 20px rgba(255,124,88,0.3);
	box-shadow:0 10px 20px rgba(255,124,88,0.3);
}


/* Slide10 ............................................................... */

#slide10 {
	position:relative;
	padding-top:80px;
	z-index:300;
}
.reference_title {
	padding-right:80px;
}
.references_wrapper {
	position:relative;
}
.references-row {
	display:flex;
}
.reference {
	display:flex;
}
.reference-container {
	display:flex;
	flex-direction:column;
}
.reference-container {
	padding:30px;
	border:1px solid #f2f2f2;
}
.reference-logo {
	margin-bottom:30px;
}
.reference-name {
	font-size:100%;
}
.reference-text {
	flex:1;
	margin-bottom:40px;
}
.reference-name small {
	display:block;
	font-size:70%;
	letter-spacing:2px;
	color:inherit;
}
a.reference-next {
	color:#fb7053;
}
a.reference-next:hover {
	color:#000;
	text-decoration:underline;
}
.reference-lg {
	position:relative;
}
.reference-lg-nav {
	position:absolute;
	bottom:15px;
	right:0;
}
.reference-lg-nav a img {
	filter:invert(55%) sepia(80%) saturate(1209%) hue-rotate(324deg) brightness(97%) contrast(104%);
}
.reference-lg-nav a:hover img {
	filter:none;	
}

.reference-nav-wrapper {
	position:absolute;
	top:-100px;
	right:0;
}
.reference-nav-wrapper button.owl-prev {
	position:relative;
	float:left;
	background: transparent;
    border: none;
	outline:none;
}
.reference-nav-wrapper button.owl-prev {
	padding-right:7px;
}
.reference-nav-wrapper button.owl-next {
	padding-left:7px;
	background: transparent;
    border: none;	
	outline:none;
}
.reference-nav-wrapper button.owl-next:before {
	position:absolute;
	top:40%;
	right:50px;
	content:"";
	width:1px;
	height:50px;
	background-color:#e0e0e0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.reference-nav-wrapper button img {
	filter:invert(55%) sepia(80%) saturate(1209%) hue-rotate(324deg) brightness(97%) contrast(104%);
}
.reference-nav-wrapper button:hover img {
	filter:none;
}


/* Formulár ............................. */

.konzultacia {
	margin-top: 50px;
}
.konzultacia .input-group-addon {
    padding: 6px 8px 6px 12px;
    font-size: 20px;
    height: 45px;
    font-weight: normal;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border: 0px solid #ccc;
    border-radius: 0px;
}

.konzultacia .input-group-addon i {
    width: 25px;
}
.konzultacia .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f7f7f7;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.konzultacia .formular_button {
    position: relative;
    display: block;
    width: 300px;
    font-size: 120%;
    color: #fff;
    margin: 15px auto;
    border: 0;
    padding: 10px 40px;
    border-radius: 200px;
	outline:none;

    background: #fe6966;
    background: -moz-linear-gradient(left, #fe6966 0%, #f77d31 100%);
    background: -webkit-linear-gradient(left, #fe6966 0%,#f77d31 100%);
    background: linear-gradient(to right, #fe6966 0%,#f77d31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6966', endColorstr='#f77d31',GradientType=1 );	
}
.konzultacia .formular_button:hover {
    background: #ff7858;
}


.modal-body {
	font-size: 14px;
}
#accordion2 a .panel-heading, #accordion a .panel-heading {
	display: block;
    border: 1px solid #e6e6e6;
    padding: 5px 15px;
    margin-bottom: 3px;	
}
#accordion2 .panel-collapse, #accordion .panel-collapse {
    background: #f4f4f4;
    padding: 10px;
	margin-bottom:10px;
}

/* Effects ............................. */

a, .header, .mainNavigation a.nav-link span:after, .reference-lg-nav a img, .reference-nav-wrapper a.reference_nav img {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1600px) {
	.box_padding { padding-left:60px; padding-right:60px; }
	.title_box h1, .title_box h2 { font-size:3.68rem; }
	.title_box h3 { font-size:2.63rem; }
	.main_logo {	left:60px; } 
	.mainNavigation a.nav-link { font-size: 0.85rem; margin-left: 10px; }
}

@media screen and (max-width: 1366px) {
	a.navNext {	padding:20px 45px; }
	.box_margin { margin-bottom:15px; }
	.box_margin3 { margin-bottom:30px; }
	.title_box_referencie { padding-top: 30px; }
	.box_padding { padding-left:45px; padding-right:45px; }
	.title_box h1, .title_box h2 { font-size:3.15rem; }
	.title_box h3 { font-size:2.11rem; }
	.bgObject06:before {	left:45px;	width:100px; height:82px; }
	.txt_imp { font-size:1.57rem; }
	.header {	padding-top:20px; padding-bottom:20px; }
	.main_logo {	left:45px; }
	.main_logo img { max-width:210px; }
	.mainNavigation a.nav-link {	font-size:0.8rem; line-height:44px; margin-left:10px; }
	.appWrapper {	min-height:500px; padding-top:60px; padding-bottom:60px; }
	.app_title h1 { font-size:3rem; }
	.app_title h2 {	font-size:2rem; }
	.appList li { padding-left:30px;	}
	.appList li:before { top:9px; width:10px; height:10px; }
	.slide00Bg {	top:30px;	width:36%; }
	.appContentWrapper {	padding-bottom:30px; }
	.appContentGroup { margin-top:50px; }
	.appContentGroup .appBox:not(:last-child) {	margin-bottom:20px; }
	.appImg { width:60px; }
	.appContentGroupLeft .appImg { margin-right:15px;	}
	.appContentGroupRight .appImg { margin-left:15px;	}
	.appText h3 { font-size:1.31rem; }
	.notificationWrapper {	min-height:520px; padding-top:160px; padding-bottom:35px; }
	.supportWrapper {	min-height:650px;	padding-top:60px;	padding-bottom:45px; }
	.slide04Bg {	top:60px; }
	#slide10 {	padding-top:60px; }
	.reference-nav-wrapper {	top:-70px; }	
	.footer {	padding-top:60px; padding-bottom:15px; }
	.footer p, .footerNavTop a { font-size:1.57rem; }
	.exports_group { margin:30px -5px 70px -5px; }
	#slide09 {	padding-top:60px; }
	.blog a.navNext { font-size:90%; padding:12px 45px; }
}
  
@media screen and (max-width: 1200px) {
	html { font-size:18px; }
	a.navNext {	padding:16px 30px; }
	.box_padding { padding-left:30px; padding-right:30px; }
	.title_box h1, .title_box h2 { font-size:2.63rem; }
	.title_box h3 { font-size:1.89rem; }
	.bgObject06:before {	left:30px;	width:70px; height:58px; }
	.header {	padding-top:15px; padding-bottom:15px; }
	.main_logo {	left:30px; }
	.main_logo img { max-width:160px; }
	.mainNavigation {	padding-right:140px; }
	.mainNavigation a.nav-link {	font-size:0.75rem; line-height:36px; margin-left:8px; }
	.appWrapper {	min-height:400px; padding-top:30px; padding-bottom:30px; }
	.app_title h1 { font-size:2.3rem; }
	.app_title h2 {	font-size:1.8rem; }
	.appList li { padding-left:20px;	}
	.appList li:before { width:8px; height:8px; }
	.slide00Bg {	width:38%; }
	.appContentWrapper {	padding-bottom:15px; }
	.appContentGroup { margin-top:30px; }
	.appContentGroup .appBox:not(:last-child) {	margin-bottom:10px; }
	.appImg { width:50px; }
	.appContentGroupLeft .appImg { margin-right:10px;	}
	.appContentGroupRight .appImg { margin-left:10px;	}
	.appText h3 { font-size:1.05rem; }
	.notificationWrapper {	min-height:460px; padding-top:140px; padding-bottom:35px; }
	.supplementsWrapper { padding-top:60px; padding-bottom:60px; }
	.supplement img { width:60px; margin-bottom:15px; }
	.supplement h3 { font-size:1.15rem; }
	.suggestionsWrapper {	padding-top:60px; padding-bottom:60px; }
	.supportWrapper {	min-height:500px;	padding-top:40px;	padding-bottom:30px; }	
	#slide10 {	padding-top:30px; }
	.reference-container { padding:15px; }
	.reference { width:33.333333%; }
	.reference-logo { margin-bottom:15px; }	
	.reference-logo img { max-height:90px; }
	.reference-text {	margin-bottom:30px; }
	.reference-lg-nav a img { width:30px; }
	.reference-nav-wrapper {	top:-60px; }
	.reference-nav-wrapper button img { width:30px; }
	.reference-nav-wrapper button.owl-prev { padding-right:4px; padding-left: 0; display:inline-block; }
	.reference-nav-wrapper button.owl-next { padding-left:4px; padding-right: 0; display:inline-block; }
	.reference-nav-wrapper button.owl-next:before  { height:30px; top: 50%; right: 34px;}		
	.footer {	padding-top:45px; }
	.footer p, .footerNavTop a { font-size:1.36rem; }
	.exports_group { margin:30px -5px 35px -5px; }
	#slide09 {	padding-top:30px; }
	.blog a.navNext { font-size:80%; padding:8px 30px; }
}

@media screen and (max-width: 991px) {
	.box_margin3 { margin-bottom:15px; }
	.title_box_referencie { padding-top: 15px; }
	.box_padding { padding-left:15px; padding-right:15px; }
	.header { position:fixed !important; padding-top:10px !important; padding-bottom:10px !important; 	-webkit-box-shadow:none !important; -moz-box-shadow:none !important;
 box-shadow:none !important; }
	.header + div, .header + section { margin-top:65px; }
	.main_logo {	top:12px; left:10px; -webkit-transform:translateY(0); transform:translateY(0); }
	.main_logo img { max-width:160px !important; }
	.mainNavigation {	padding-right:0px; }
	.mainNavigation .nav-item { text-align:center; }
	.mainNavigation a.nav-link { margin-left:0; }
	.mainNavigation .dropdown-menu a.dropdown-item { text-align:center; }
	.mainNavigation  .dropdown-menu { display:block; height:0; visibility:visible; opacity:0; transform:translateY(0); transition:.5s ease all; }
	.mainNavigation  .dropdown-menu.show { display:block; height:auto; visibility:visible; opacity:1; transform:translateY(0px); transition:.5s ease all; }
	.mainNavigation .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
	.appWrapper {	min-height:380px; }
	.slide00Bg {	top:40px;	width:35%; }
	.slide03Bg {	top:0px; max-width:60%; }
	.notificationWrapper {	min-height:380px; padding-top:100px; padding-bottom:15px; }
	.slide02Bg {	top:80px; }
	.suggestionsWrapper {	padding-top:30px; padding-bottom:30px; }
 	.exports_group { margin:15px -5px 30px -5px; }
 	.blogGroup { margin-top:30px; }
 	#slide06 > .row { padding-bottom:30px; }
	.blogGroup { margin-top:30px; }
	.references_wrapper { margin-top:30px; }
	.references-row { display:block; }
	.reference { width:100%; margin-bottom:30px; }	
}
 
@media screen and (max-width: 767px) {
	.txt_imp { font-size:1.36rem; }
	.slide00Bg { position:relative; top:0; width:90%; margin-left:10%; }
	.slide01Bg { position:relative; width:80%; margin-top:45px; margin-right:20%; }
	.notificationWrapper {	margin-top:-50px; padding-top:120px; padding-bottom:0; }
	.slide02Bg {	position:relative; top:0; width:95%; margin-left:5%; }
	.slide04Bg { position:relative; top:0; width:95%; margin-left:5%; }
	.supportWrapper { min-height:initial; }
	.supplementsWrapper { padding-top:30px; }
	.supplement {	width:33.333333%; }
	.footer {	padding-top:30px; }
 	.exports_group { margin:15px -5px;}
 	#slide09 {	padding-top:15px; }
	.blog { margin-bottom:15px; }
}

@media screen and (max-width: 575px) {
	.appContentWrapper {	padding-top:160px;	padding-bottom:0; }
	.appContentGroup { margin-top:0; }
	.appContentGroup .appBox { margin-bottom:10px !important; }
	.appImg { margin-left:0 !important; margin-right:10px !important; }
	.supplement {	width:50%; }
	
}

@media screen and (max-width: 480px) {
	.suggestionsWrapper {	padding-top:15px; padding-bottom:15px; }
	.slide00Bg { width:98%; margin-left:2%; }
	.slide01Bg { width:95%; margin-top:30px; margin-right:5%; }
	.exports_box { width:33.3333333%; }
	.reference-nav-wrapper {	top:-35px; }
}

@media screen and (max-width: 414px) {
	a.navNext {	font-size:85%; padding:12px 20px; }
	.exports_box { width:50%; }
	.reference_title { padding-right:0; }
	.references_wrapper { margin-top:45px; }
	.reference-nav-wrapper {	width:68px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }

}

@media screen and (max-width: 360px) {
	.title_box h1, .title_box h2 { font-size:2.31rem; }
	.app_title h1 { font-size:2rem; }
	.app_title h2 {	font-size:1.5rem; }
	.supplement {	width:50%; }
	.slide03Bg {	max-width:100%; }
	.slide04Bg { width:100%; margin-left:0; }
	.footer p, .footerNavTop a { font-size:1.26rem; }

}
/*
.mainNavigation a.nav-link span:active {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 2px;
    background-color: #f54f2d;
    opacity: 0;
}*/

.dropdown-item:active {
    background-color: #f8f9fa;
}

.link-inofurad {
    display: none;
}

@media screen and (min-width: 1500px) {
	.link-inofurad {
        display: inline;
    }
}

.navbar-nav li.dropdown {
	text-align: center;
}