@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-size:20px;
	color:#525252;
	position:relative;
	line-height:24px;
	overflow-x: hidden;
	font-family:"MyriadPro-Light", "MyriadPro-Regular", "MyriadPro-Semibold", "MyriadPro-SemiboldIt", "MyriadPro-Bold", "MyriadPro LightIt", "MyriadPro-Black", "MyriadPro-BlackCond", "MyriadPro-BlackIt", "MyriadPro-BoldCond", "MyriadPro-BoldCondIt", "MyriadPro-BoldIt", "MyriadPro-BoldSemiCn", "MyriadPro-Cond", "MyriadPro-CondIt", "MyriadPro-It", "MyriadPro-LightCond", "MyriadPro-LightCondIt", "MyriadPro-SemiboldCond", "MyriadPro-SemiboldSemiCn", sans-serif !important;
}

a[href^="tel:"] {
 text-decoration: none;
}

a, a:active, a:visited{color:#003376; font-size: 16px; text-decoration:none;}
a:hover{text-decoration:none; color:#ef3224;}

p{padding:0px; margin:0px; line-height:20px;}

img {
	max-width: 100%;
	height: auto !important;
	width: auto\9; /* ie8 */
}


.block{display:block;}
.flr{float:right;}
.fll{float:left;}
.ctr{margin:0 auto !important;}
.clear{clear:both !important;}
	
.left{text-align:left;}
.right{text-align:right}
.center{text-align:center;}
.justify{text-align:justify;}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}

.bg-grad {
	display: block;
}

.grey_bg {
	padding: 90px 0px;
	background-color: #f4f4f4;
}

.page-section { margin-top: 100px; }

#header {
    padding: 10px 0;
    position:absolute;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
}

.carousel_caption_title_big {
	color:#ffffff;
	font-size: 50px;
	line-height: 50px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 39px;
	line-height: 40px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 22px;
	line-height: 30px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
	padding-top: 50px;
}

.yellow_dashed_line {
	width:260px;
	height: 2px;
	background: url("../img/yellow_dashed_line.png") no-repeat top left;
}

.blue_dashed_line {
	width:260px;
	height: 2px;
	background: url("../img/blue_dashed_line.png") no-repeat top left;
}

h1 {
	color:#ef3224;
	font-size: 50px;
	line-height: 55px;
	font-family:MyriadPro-Light;
}

h2 {
	color:#0d2233;
	font-size: 36px;
	line-height: 40px;
	text-align: center;
	padding: 30px 0px;
	font-family:MyriadPro-Light;
}

h3 {
	color:#ffffff;
	font-size: 30px;
	line-height: 36px;
	text-align: left;
	font-family:MyriadPro-Light;
}

h4 {
	color:#ffffff;
	font-size: 30px;
	line-height: 36px;
	text-align: left;
	margin-top: 65px;
	font-family:MyriadPro-Semibold;
}

.grey_section_text {
	color:#525252;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	font-family:MyriadPro-Light;
}

.ico_mrg { margin-top:60px; }


.ul-red {
	margin: 30px 0px 0px -20px;
	text-align: left;
	color:#525252;
	font-size: 20px;
	line-height: 24px;
	list-style-image: url("../img/dot_red.png");
	font-family:MyriadPro-Light;
}

.ul-red li {margin-bottom: 10px;}

.ol-red {list-style-type: none; margin: 20px 0px 10px -40px;}
.ol-red li {counter-increment: count-me; margin-bottom: 3px; font-size: 19px;}
.ol-red li::before {
    content: counter(count-me) ". ";
    color: #ef3224;
	line-height: 30px;
	padding-right: 3px;
	font-family: MyriadPro-Bold;
}

.ul_blue_text {
	color: #003376;
	font-size: 22px;
	line-height: 24px;
	font-family:MyriadPro-SemiboldIt;
}

.tube_text {
	color:#525252;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	padding-top: 30px;
	font-family:MyriadPro-Light;
}

.check_bg {
	padding: 80px 0px;
	background-image: url("../img/check_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
}

.ico_check {
	float:left;
	padding-top: 10px;
	padding-right:10px;
}

.check_text {
	color:#ffffff;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	padding-bottom: 30px;
	font-family:MyriadPro-Light;
}

.apteka_img { margin:50px 0px; }

.more-btn {
	display: inline-block;
	color:#ffffff !important;
	font-size:16px;
	line-height: 60px;
	background-color:#ef3224;
	text-transform: uppercase;
	padding:0 60px;
	text-align:center;
	border-radius: 30px;
	font-family: MyriadPro-Light;
	text-decoration:none !important;
	transition:all 0.8s, color 0.3s 0.3s;
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 6px 6px;*/
} 
.more-btn:hover{border-radius: 30px; color:#ffffff !important; box-shadow:-300px 0 0 0 rgba(0,30,80,1) inset; text-decoration:none !important;}

.top-inner-bg {
	background-image: url("../img/inner_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	padding: 50px 0px;
}

.top-inner-title {
    color:#ffffff;
	font-size: 50px;
	line-height: 60px;
	text-align:center;
	font-family:MyriadPro-Light;
	margin-top: 90px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

/*-- Nav-Second --*/
.nav-second-bg{background-color: #f4f4f4; padding: 10px 0px;}
.nav-second {padding: 8px 0;}
.nav-second a {
	text-decoration:none;
	font-size:20px;
	text-align:left;
	color:#525252;
	cursor:pointer;
	display:inline-block;
	font-family:MyriadPro-Light;
}
.nav-second a:hover {
	text-decoration:none;
	font-size:20px;
	text-align:left;
	color:#003376 !important;
	cursor:pointer;
	display:inline-block;
}
.nav-second-sep {
	padding:0 20px;
	background: url("../img/arrow_grey.png") no-repeat center;
}
/*-- /Nav-Second --*/

.instructuin_title {
	color:#ef3224;
	font-size: 39px;
	line-height: 45px;
	text-transform: uppercase;
	font-family:MyriadPro-Light;
}

.instructuin_text {
	color:#525252;
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding-top: 30px;
	font-family:MyriadPro-Light;
}

.instructuin_text_bold {
	color:#525252;
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding-top: 30px;
	font-weight: bold;
	font-family:MyriadPro-Light;
}

.instructuin_text_it {
	color:#525252;
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding-top: 30px;
	font-family:'MyriadPro LightIt';
}

.instructuin_text_link {
	color: #003376;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
	font-family:MyriadPro-Light;
}
.instructuin_text_link:hover { color: #003376; font-size: 20px; text-decoration: underline;}

.instructuin_blue_link {
	display: block;
	float: left;
	height: 45px;
	color: #003376;
	font-size: 20px;
	line-height: 45px;
	padding-left: 45px;
	text-decoration: none;
	margin-top: 40px;
	font-family:MyriadPro-SemiboldIt;
	background: url("../img/ico_pdf.png") no-repeat top left;
}

.instructuin_blue_link:hover { color: #003376; font-size: 20px; text-decoration: underline;}


/*-- Gym --*/
.gym_blue_text {
	color: #003376;
	font-size: 22px;
	line-height: 24px;
	font-family:MyriadPro-SemiboldIt;
}

.gym_text {
	color:#525252;
	font-size: 20px;
	line-height: 24px;
	padding-top: 10px;
	font-family:MyriadPro-Light;
}

.gym_text_bold {
	color:#525252;
	font-size: 20px;
	line-height: 24px;
	padding-top: 10px;
	font-weight: bold;
	font-family:MyriadPro-Light;
}

.gym_text_18 {
	color:#525252;
	font-size: 18px;
	line-height: 24px;
	padding-top: 10px;
	font-family:MyriadPro-Light;
}

.gym_box {
	max-height: 315px;
	margin: 20px auto;
	text-align: center;
	border:1px solid #dfdfdf;
	background-color: #f4f4f4;
	border-radius: 10px;
}

.gym_box img {object-fit:cover;}
/*-- /Gym --*/


/*-- Footer --*/
.footer-bg {
	padding: 60px 0px 20px 0px;
	margin-top: 70px;
	background-image: url("../img/footer_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
}

.attention_text {
	font-size:29px;
	color:#ffffff;
	line-height:35px;
	text-align: center;
	margin-top:20px;
	text-transform: uppercase;
	font-family:MyriadPro-Light;
}

.ul-footer {
	margin: 50px 0px 0px 0px;
	text-align: left;
	list-style-image: url("../img/arrow_yellow.png");
}

.ul-footer li {margin-bottom: 20px;}

.ul-footer li a {
	font-size: 20px;
	line-height: 24px;
	color:#ffffff;
	text-decoration: none;
	font-family:MyriadPro-Light;
}
.ul-footer li a:hover {color:#ffed00; text-decoration: none;}

.footer-address {
	font-size: 17px;
	line-height: 30px;
	color:#ffffff;
	font-family:MyriadPro-Light;
}

.feedback_reg {
	color:#ffffff;
	font-size: 20px;
	line-height: 24px;
	padding-top: 15px;
	font-family:MyriadPro-Light;
}

.footer_feedback{list-style:none; margin: 50px 0px 50px -35px;}
.footer_feedback li {text-align: left; margin-bottom: 20px;}
.feedback_ico{margin-right:5px; float: left;}

.feedback_text_map{
	color:#ffffff;
	font-size: 20px;
	line-height: 24px;
	font-family:MyriadPro-Light;
}

.feedback_text{
	color:#ffffff;
	font-size: 20px;
	line-height: 24px;
	padding-top: 5px;
	font-family:MyriadPro-Light;
}

.feedback_link {display:block; color:#ffed00 !important; font-size:20px; line-height: 24px; padding-top: 5px; font-family:MyriadPro-Light; text-decoration: none;}
.feedback_link:hover {color:#ffed00 !important; font-size:20px; line-height: 24px; font-family:MyriadPro-Light; text-decoration: underline;}
/*-- /Footer --*/


/*-- Attention Page --*/
.black_bg_transparent {background-color: rgba(0,0,0,0.5); position: relative;}
.ico_close {
	background: url("../img/ico_close.png") no-repeat top right;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	margin: 10px;
	cursor: pointer;
}

.attention {
	position: fixed;
	color: #ffffff;
	bottom: 0px;
	text-transform: uppercase;
	text-align: center;
	font-size: 4vw;
	line-height: 4vw;
	font-family: MyriadPro-Light;
	margin-bottom: 5px;
}

.disclaimer .close_button{
	position: absolute;
	top: -16px;
	/*padding: 6px;*/
	right: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #000;
	border-radius: 18px;
	background: #fff;
	color: #000;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
/*-- /Attention Page --*/


.mrgt10{margin-top:10px;}
.mrgt20{margin-top:20px;}
.mrgt30{margin-top:30px;}
.mrgt40{margin-top:40px;}
.mrgt60{margin-top:60px;}

.mrgr10{margin-right:10px;}
.mrgr30{margin-right:30px;}

.mrgb10{margin-bottom:10px;}

.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}


@media (max-width: 1400px){
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 10%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 45px;
	line-height: 50px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}
}

@media (max-width: 1200px){
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 10%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 38px;
	line-height: 40px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 29px;
	line-height: 30px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 18px;
	line-height: 24px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
	padding-top: 40px;
}
}

@media (max-width: 1024px){
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 5%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 33px;
	line-height: 36px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 25px;
	line-height: 30px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 18px;
	line-height: 24px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
	padding-top: 40px;
}
}

@media (max-width: 991px){
	
.navbar-brand {
	width: 150px;
	height:37px;
	display: inline-block;
	margin-top:7px;
	margin-bottom:7px;
	margin-right:1px;
	background-image: url("../img/citogelix_logo_small.png");
}
	
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 5%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 25px;
	line-height: 30px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 19px;
	line-height: 24px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 16px;
	line-height: 22px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
	padding-top: 25px;
}

}


@media (max-width: 767px) {
.nav-second {padding: 8px 0; text-align: center;}
.bg-grad {
	display: block;
	background: url("../img/menu_bg.jpg") no-repeat;
	background-size: cover;
	/*background: rgb(0,51,118);
	background: linear-gradient(90deg, rgba(0,51,118,1) 0%, rgba(9,9,121,1) 45%, rgba(239,50,36,1) 100%);*/
}
	
#header {
    padding:0;
    position:relative;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
	width: 100% !important;
}
	
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 5%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 25px;
  color: #fff;
  text-align: left;
}

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 22px;
	line-height: 24px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 16px;
	line-height: 18px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}
.carousel_caption_text {
	color:#ffffff;
	font-size: 14px;
	line-height: 16px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
	padding-top: 10px;
}
.yellow_dashed_line {
	width:180px;
	height: 2px;
	background: url("../img/yellow_dashed_line.png") no-repeat top left;
}

.check_bg {
	padding: 80px 0px;
	background-image: url("../img/check_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}
	
.footer-bg {
	padding: 50px 0px 20px 0px;
	background-image: url("../img/footer_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}
.attention_text {
	font-size:24px;
	color:#ffffff;
	line-height:30px;
	text-align: center;
	margin-top:20px;
	text-transform: uppercase;
	font-family:MyriadPro-Light;
}

.top-inner-bg {
	background-image: url("../img/inner_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	padding: 50px 0px;
}

.top-inner-title {
    color:#ffffff;
	font-size: 50px;
	line-height: 60px;
	text-align:center;
	font-family:MyriadPro-Light;
	margin-top: 10px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}
}

@media (max-width: 576px) {
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 5%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 25px;
  color: #fff;
  text-align: left;
}

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 18px;
	line-height: 19px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 16px;
	line-height: 17px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}
	
.page-section { margin-top: 50px; }
	
h1 {
	color:#ef3224;
	font-size: 40px;
	line-height: 50px;
	font-family:MyriadPro-Light;
}
	
.instructuin_title {
	color:#ef3224;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	font-family:MyriadPro-Light;
}
	
.attention_text {
	font-size:18px;
	color:#ffffff;
	line-height:22px;
	text-align: center;
	margin-top:20px;
	text-transform: uppercase;
	font-family:MyriadPro-Light;
}

.instructuin_text {
	color:#525252;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	padding-top: 30px;
	font-family:MyriadPro-Light;
}

.instructuin_text_bold {
	color:#525252;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	padding-top: 30px;
	font-weight: bold;
	font-family:MyriadPro-Light;
}

.instructuin_text_it {
	color:#525252;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	padding-top: 30px;
	font-family:'MyriadPro LightIt';
}

.instructuin_text_link {
	color: #003376;
	font-size: 18px;
	line-height: 26px;
	text-decoration: none;
	font-family:MyriadPro-Light;
}
.instructuin_text_link:hover { color: #003376; font-size: 18px; text-decoration: underline;}
}

@media (max-width: 360px) {
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 7%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 25px;
  color: #fff;
  text-align: left;
}

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 20px;
	line-height: 24px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 18px;
	line-height: 20px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.page-section { margin-top: 50px; }
	
h1 {
	color:#ef3224;
	font-size: 38px;
	line-height: 45px;
	font-family:MyriadPro-Light;
}
}

@media (max-width: 320px) {
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 5%;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 25px;
  color: #fff;
  text-align: left;
}

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 18px;
	line-height: 19px;
	font-family: MyriadPro-Semibold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}

.carousel_caption_title_small {
	color:#ffffff;
	font-size: 16px;
	line-height: 17px;
	font-family: MyriadPro-Light;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
}
	
.page-section { margin-top: 50px; }
	
h1 {
	color:#ef3224;
	font-size: 34px;
	line-height: 40px;
	font-family:MyriadPro-Light;
}
}