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

body {
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#525252;
	position:relative;
	line-height:24px;
	overflow-x: hidden;
	font-family:"DIN Pro Cond", "DIN Pro", "Gilroy-Bold", "Gilroy-ExtraBold", "Gilroy-Heavy", "Gilroy-Light", "Gilroy-Medium", "Gilroy-Regular", "Gilroy-SemiBold", "Arial", "Helvetica", sans-serif !important;
}

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

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

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: 120px; }

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

.img-height{min-height:250px; object-fit: cover;}

.carousel_caption_title_big {
	color:#ffffff;
	font-size: 50px;
	line-height: 60px;
	font-weight: bold;
	font-family:DIN Pro Cond;
	text-transform: uppercase;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);*/
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	font-family:DIN Pro Cond;
	padding-top: 35px;
}

.slider_dotted_line {
	width:348px;
	height: 7px;
	margin-top: 20px !important;
	background: url("../img/slider_dotted_line.png") no-repeat top left;
}

.blue_dotted_line{
	width:228px;
	height: 7px;
	margin-top: 20px !important;
	background: url("../img/blue_dotted_line.png") no-repeat top left;
}

.white_dotted_line{
	width:228px;
	height: 7px;
	margin-top: 20px !important;
	background: url("../img/white_dotted_line.png") no-repeat top left;
}

h1 {
	color:#243b76;
	font-size: 60px;
	line-height: 65px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

h2 {
	color:#02a5dd;
	font-size: 40px;
	line-height: 45px;
	text-align: center;
	padding: 30px 0px 20px 0px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

h3 {
	color:#ffffff;
	font-size: 36px;
	line-height: 40px;
	text-align: left;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

h4 {
	color:#ffffff;
	font-size: 36px;
	line-height: 40px;
	text-align: left;
	margin-top: 65px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

h5 {
	color:#ffffff;
	font-size: 60px;
	line-height: 65px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

.grey_section_text {
	color:#525252;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	font-family:Gilroy-Regular;
}

.ico_mrg { margin-top:60px; }


.texture_bg {
	padding: 60px 0px 20px 0px;
	background-image: url("../img/bg_texture.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.texture_bg_vertical {
	padding: 60px 0px 20px 0px;
	background-image: url("../img/bg_texture_vertical.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.face_img {
	margin:20px 0px;
}

.face_text_box{text-align: center; margin-bottom: 40px;}

.face_text_bold {
	color:#ffffff;
	font-size: 60px;
	line-height: 60px;
	text-align: left;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

.face_text {
	color:#ffffff;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	font-weight: normal;
	font-family:DIN Pro;
}

.ul-blue {
	margin: 30px 0px 0px -20px;
	text-align: left;
	color:#525252;
	font-size: 18px;
	line-height: 28px;
	list-style-image: url("../img/dot_blue.png");
	font-weight: normal;
	font-family:Gilroy-Regular;
}

.ul-blue li {margin-bottom: 10px; font-family:Gilroy-Regular;}

.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: #02a5dd;
	line-height: 30px;
	padding-right: 3px;
	font-family: Gilroy-Regular;
}

.ul_blue_text {
	color: #003376;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	font-family:Gilroy-Regular;
}

.tube_text {
	color:#525252;
	font-size: 18px;
	line-height: 28px;
	text-align: left;
	padding-top: 30px;
	font-weight: normal;
	font-family:Gilroy-Regular;
}

.tube_text_bold {
	color:#243b76;
	font-size: 19px;
	line-height: 28px;
	text-align: left;
	padding-top: 30px;
	font-family:Gilroy-Bold;
}

.substance_bg {
	padding: 60px 0px 20px 0px;
	background-image: url("../img/substance_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

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

.substance_text {
	color:#ffffff;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	padding-bottom: 60px;
	font-weight: normal;
	font-family:DIN Pro;
}

.apteka_img {margin:30px auto; display: block;}

.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: Gilroy-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-weight: bold;
	font-family:DIN Pro Cond;
	margin-top: 90px;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);*/
}

/*-- Nav-Second --*/
.nav-second-bg{background: url("../img/bg_texture.jpg") no-repeat; padding: 10px 0px;}
.nav-second {padding: 8px 0;}
.nav-second a {
	text-decoration:none;
	font-size:18px;
	text-align:left;
	color:#ffffff;
	cursor:pointer;
	display:inline-block;
	font-family:DIN Pro;
}
.nav-second a:hover {
	text-decoration:none;
	font-size:18px;
	text-align:left;
	color:#3fcafa !important;
	cursor:pointer;
	display:inline-block;
}
.nav-second-sep {
	padding:0 20px;
	background: url("../img/arrow_white.png") no-repeat center;
}
/*-- /Nav-Second --*/

.instructuin_title {
	color:#243b76;
	font-size: 40px;
	line-height: 45px;
	text-transform: uppercase;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

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

.instructuin_text_bold {
	color:#525252;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	padding-top: 30px;
	font-family:Gilroy-SemiBold;
}

.instructuin_text_it {
	color:#525252;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	padding-top: 30px;
	font-style: italic;
	font-family:Gilroy-Regular;
}

.instructuin_text_bit {
	color:#525252;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	padding-top: 30px;
	font-style: italic;
	font-family:Gilroy-SemiBold;
}

a.instructuin_text_link {
	color: #02a5dd;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	font-family:Gilroy-Medium;
}
a.instructuin_text_link:hover { color: #02a5dd; font-size: 18px; text-decoration: underline;}

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

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


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

.attention_text {
	font-size:35px;
	color:#ffffff;
	line-height:35px;
	text-align: center;
	margin-top:20px;
	text-transform: uppercase;
	font-weight: 300;
	font-family:DIN Pro Cond;
}

.ul-footer {
	margin: 50px 0px 0px 0px;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-family:DIN Pro;
	font-weight: normal;
	list-style-image: url("../img/dot_blue.png");
}

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

.ul-footer li a {
	font-size: 18px;
	line-height: 26px;
	color:#ffffff;
	text-decoration: none;
	font-family:DIN Pro;
}
.ul-footer li a:hover {color:#3fcafa; text-decoration: none;}

.footer-address {
	font-size: 18px;
	line-height: 30px;
	color:#ffffff;
	font-weight: normal;
	font-family:DIN Pro;
}

.feedback_reg {
	color:#ffffff;
	font-size: 18px;
	line-height: 26px;
	padding-top: 15px;
	font-weight: normal;
	font-family:DIN Pro;
}

.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: 18px;
	line-height: 26px;
	font-weight: normal;
	font-family:DIN Pro;
}

.feedback_text{
	color:#ffffff;
	font-size: 18px;
	line-height: 26px;
	padding-top: 5px;
	font-weight: normal;
	font-family:DIN Pro;
}

.feedback_link {display:block; color:#ffffff !important; font-size:18px; line-height: 26px; padding-top: 5px; font-family:DIN Pro; text-decoration: none;}
.feedback_link:hover {color:#3fcafa !important; font-size:18px; line-height: 26px; font-family:DIN Pro; text-decoration: none;}
/*-- /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: DIN Pro;
	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: 40%;
  top: 30%;
  left: 12%;
  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-weight: bold;
	font-family:DIN Pro Cond;
	text-transform: uppercase;
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	font-family:DIN Pro Cond;
	padding-top: 25px;
}
}

@media (max-width: 1200px){
.carousel-caption {
  position: absolute;
  right: 40%;
  top: 30%;
  left: 12%;
  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-weight: bold;
	font-family:DIN Pro Cond;
	text-transform: uppercase;
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	font-family:DIN Pro Cond;
	padding-top: 25px;
}
h1 {
	color:#243b76;
	font-size: 55px;
	line-height: 60px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
}

@media (max-width: 1024px){
	
.navbar-brand {
	width: 150px;
	height:47px;
	display: inline-block;
	margin-top:7px;
	margin-bottom:7px;
	margin-right:1px;
	background-image: url("../img/triosmart_logo.svg") no-repeat top left;
}
	
.carousel-caption {
  position: absolute;
  right: 45%;
  top: 25%;
  left: 12%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 42px;
	line-height: 46px;
	font-weight: bold;
	font-family:DIN Pro Cond;
	text-transform: uppercase;
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	font-family:DIN Pro Cond;
	padding-top: 25px;
}
}

@media (max-width: 991px){
	

.carousel-caption {
  position: absolute;
  right: 40%;
  top: 25%;
  left: 12%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	font-family:DIN Pro Cond;
	text-transform: uppercase;
}

.carousel_caption_text {
	color:#ffffff;
	font-size: 26px;
	line-height: 30px;
	font-weight: 300;
	font-family:DIN Pro Cond;
	padding-top: 10px;
}
.slider_dotted_line {
	width:180px;
	height: 7px;
	margin-top: 20px !important;
	background: url("../img/slider_dotted_line.png") no-repeat top left;
}
}


@media (max-width: 767px) {
.nav-second {padding: 8px 0; text-align: center;}
.nav-second-bg{background: url("../img/bg_texture_vertical.jpg") no-repeat; background-size: cover; padding: 10px 0px;}
	
.bg-grad {
	display: block;
	background: url("../img/bg_texture_vertical.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: 40%;
  top: 30%;
  left: 12%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 25px;
  color: #fff;
  text-align: left;
}

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	font-family:DIN Pro Cond;
	text-transform: uppercase;
}
	
h1 {	
	color:#243b76;
	font-size: 50px;
	line-height: 55px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
	
h5 {
	color:#ffffff;
	font-size: 50px;
	line-height: 55px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
	
.texture_bg {
	padding: 60px 0px 20px 0px;
	background-image: url("../img/bg_texture_vertical.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.substance_bg {
	padding: 70px 0px;
	background-image: url("../img/bg_texture_vertical.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
	
.footer-bg {
	padding: 50px 0px 20px 0px;
	background-image: url("../img/bg_texture_vertical.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.attention_text {
	font-size:24px;
	color:#ffffff;
	line-height:30px;
	text-align: center;
	margin-top:20px;
	text-transform: uppercase;
	font-weight: 300;
	font-family:DIN Pro Cond;
}

.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-weight: bold;
	font-family:DIN Pro Cond;
	margin-top: 10px;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 3);*/
}
}

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

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	font-family:DIN Pro Cond;	
	text-transform: uppercase;
}
	
.page-section { margin-top: 50px; }
	
h1 {
	color:#243b76;
	font-size: 42px;
	line-height: 46px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
	
h5 {
	color:#ffffff;
	font-size: 42px;
	line-height: 46px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
	
.instructuin_title {
	color:#243b76;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
	
.attention_text {
	font-size:24px;
	color:#ffffff;
	line-height:24px;
	text-align: center;
	margin-top:20px;
	font-weight: 300;
	font-family:DIN Pro Cond;
}

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

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

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

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

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

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
	font-family:DIN Pro Cond;	
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
}

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

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	font-family:DIN Pro Cond;	
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.page-section { margin-top: 50px; }
	
h1 {
	color:#243b76;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
	
h3 {
	color:#ffffff;
	font-size: 30px;
	line-height: 35px;
	text-align: left;
	font-weight: bold;
	font-family:DIN Pro Cond;
}

h5 {
	color:#ffffff;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
}

@media (max-width: 320px) {
	

.carousel-caption {
  position: absolute;
  right: 20%;
  top: 30%;
  left: 12%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 25px;
  color: #fff;
  text-align: left;
}

	
.carousel_caption_title_big {
	color:#ffffff;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-family:DIN Pro Cond;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
	
.page-section { margin-top: 50px; }
	
h1 {
	color:#243b76;
	font-size: 34px;
	line-height: 36px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
	
h5 {
	color:#ffffff;
	font-size: 34px;
	line-height: 36px;
	font-weight: bold;
	font-family:DIN Pro Cond;
}
}