.lfloat {
float: left;
margin: 4px 30px 30px 0px;
}

.rfloat {
float: right;
margin: 4px 0px 30px 30px;
}

body,html {
height: 100%;
font-family: 'Roboto Condensed';
}

* {
outline: 0 !important;
}

body {
overflow-y: scroll;
background-image: url('./../../images/html-bg.png');
}

a, .star *, .category-box *, .nb-more *, .db-more *, button, .active *, .model-box *, .add-fav *, .btngo, .al-btn *, .sl-more * {
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
transition:.2s;
}

a:hover, a:visited, a:active, a:focus {
text-decoration: none;
}

ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
} 

abbr {
text-decoration: none !important;
cursor: auto !important;
}

.page {
margin: 0 auto;
min-height: 100%;
height: 100%;
position: relative;
background-color: rgb(245,245,245);
}

.page-ins {
padding: 100px 0px 377px 0px;
}

body>.page {
height: auto;
}

.header-gl {
width: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 10000;
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}

.header {
height: 100px;
background-color: rgb(255,255,255);
}

.fancybox-enabled .header {
overflow-y: scroll;	
}

.header .container {
position: relative;
}

.main-ico {
width: 60px;
line-height: 60px;
border-radius: 50%;
font-size: 26px;
color: white;
background-color: rgb(0,168,142);
text-align: center;
margin: 0 auto;
position: relative;
margin-top: 10px;
margin-bottom: 20px;
overflow: hidden;
}

.main-ico span {
padding-left: 4px;
}

.header .logo {
position: absolute;
left: 15px;
top: 19px;
}

.header .logo span {
position: absolute;
left: -1000px;
}

.header .menu {
position: absolute;
right: 15px;
top: 55px;
overflow: hidden;
}

.header .menu li {
padding-left: 25px;
float: left;
}

.header .menu li a, .header .star .text {
float: left;
font-size: 16px;
line-height: 21px;
color: rgb(0,64,54);
font-weight: 600;
text-transform: uppercase;
}

.header .menu li a .fa {
padding-right: 8px;
color: rgb(0,168,142);
}

.header .menu li a:hover {
color: rgb(0,168,142);
}

.header .menu li .active {
color: rgb(0,168,142);
border-bottom: 4px solid rgb(0,168,142);
}

.header .star {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
color: rgb(0,168,142);
}

.header .star .counter {
position: absolute;
right: 0px;
top: -10px;
font-size: 12px;
line-height: 12px;
color: rgb(0,168,142);
}

.header .star .fa {
font-size: 22px;
line-height: 22px;
color: rgb(0,168,142);
float: left;
}

.header .star .text {
padding: 0px 15px 0px 0px;
}

.header .star:hover .text {
color: rgb(0,168,142);
}

.header .mobile-menu-btn {
position: absolute;
right: 15px;
top: 21px;
width: 59px;
height: 61px;
line-height: 61px;
font-size: 32px;
text-align: center;
color: rgb(255,255,255) !important;
border: 0px;
background-color: rgb(0,168,142);
cursor: pointer;
display: none;
}

.header .mobile-fav-btn {
position: absolute;
right: 85px;
top: 21px;
width: 59px;
height: 61px;
line-height: 61px;
font-size: 35px;
text-align: center;
color: rgb(0,168,142);
background-color: rgb(225,225,225);
border: 0px;
cursor: pointer;
display: none;
}

.header .mobile-fav-btn {
color: rgb(0,168,142) !important;
}

@media (max-width: 767px) {
	
	.header .mobile-menu-btn {
	width: 40px !important;
	height: 42px;
	line-height: 42px;
	font-size: 25px;
	top: 31px;
	}

	.header .mobile-fav-btn {
	width: 40px !important;
	height: 42px;
	line-height: 42px;
	font-size: 25px;
	top: 31px;
	right: 70px;
	}
	
}

.header .mobile-fav-btn span {
font-size: 12px;
position: absolute;
right: 12px;
top: -15px;
}

.dr-nav-gl {
padding: 9px 0px 7px 0px;
background-color: rgb(0,168,142);
overflow: hidden;
font-size: 0px;
}

.dr-nav-gl a, .dr-nav-gl span {
display: inline-block;
font-size: 14px;
line-height: 18px;
color: rgb(255,255,255);
text-transform: uppercase;
}

.dr-nav-gl a:hover {
color: rgb(0,64,54);
}

.dr-nav-gl .spacer {
padding: 0px 8px 0px 8px;
}

.content .slider {
height: 320px;
}

.content .bxslider {
height: 320px;
overflow: hidden;
}

.content .sl-ins {
height: 320px;
text-align: left;
overflow: hidden;
background-color: rgb(0,168,142);
}

.content .sl-ins .sl-left-side {
height: 320px;
width: 70%;
max-width: 944px;
white-space: nowrap;
float: left;
background-color: rgb(240,240,240);
text-align: center;
font-weight: 700;
font-size: 30px;
color: rgb(180,180,180);
text-transform: uppercase;
background-position: right top;
background-repeat: no-repeat;
}

.content .sl-ins .sl-right-side {
background-color: rgb(0,168,142);
height: 320px;
padding: 30px;
box-sizing: border-box;
width: 30%;
float: left;
}

.content .sl-title {
padding: 0px 0px 0px 0px;
color: rgb(255,255,255);
font-weight: 700;
font-size: 26px;
line-height: 29px;
text-transform: uppercase;
}

.content .sl-more {
padding-top: 9px;
overflow: hidden;
}

.content .sl-text {
padding-top: 7px;
font-size: 17px;
line-height: 21px;
color: rgb(0,45,40);
}

.content .main-title {
margin: 0px;
font-size: 30px;
line-height: 37px;
color: rgb(68,68,68);
font-weight: 600;
text-align: center;
text-transform: uppercase;
position: relative;
}

.content .main-title::after {
width: 100%;
display: block;
content: '';
height: 3px;
margin: 0px;
position:relative;
top: -20px;
background-color: rgb(225,225,225);
z-index: 100;
}

.content .main-title.mt-ins {
margin: 40px 0px 20px 0px;
font-size: 26px !important;	
}

.content .main-title.mt-ins::after {
top: -15px;	
}

.content .main-title.mt-1 {
padding: 39px 0px 24px 0px;
}

.content .main-title.mt-2 {
padding: 35px 0px 24px 0px;
}

.content .main-title.mt-3 {
padding: 27px 0px 18px 0px;
}

.content .main-title.mt-4 {
padding: 47px 0px 24px 0px;
}

.content .main-title.mt-5 {
padding: 0px 0px 51px 0px;
margin-top: -7px !important;
}

.content .main-title .color {
color: rgb(0,168,142);
}

@media (max-width: 767px) {
	
	.content .main-title .color {
	display: block;	
	}
	
}

.content .main-title .mt-ins {
padding: 0px 30px 0px 30px;
background-color: rgb(245,245,245);
position: relative;
z-index: 101;
}

.content .main-title-2 {
margin: 0px;
font-size: 24px;
line-height: 27px;
color: rgb(68,68,68);
font-weight: 600;
text-transform: uppercase;
}

.content .main-title-2.decors-title {
padding: 34px 0px 22px 0px;
}

.content .main-title-2:first-of-type {
margin-top: -5px;
}

.content .main-title-3 {
padding: 12px 20px 11px 20px;
margin: 0px;
font-size: 17px;
line-height: 19px;
color: rgb(68,68,68);
font-weight: 600;
text-transform: uppercase;
background-color: rgb(225,225,225);
}

.content .category-row {
padding-bottom: 30px;
}

.content .category-box {
margin-bottom: 30px;
}

.content .category-box .cb-img {
overflow: hidden;
}

.content .category-box .cb-img img {
max-width: 100%;
}

.content .category-box .cb-title {
background-color: rgb(0,168,142);
margin: 0px;
}

.content .category-box:hover .cb-title {
background-color: rgb(0,64,54);
}

.content .category-box .cb-title a {
display: block;
overflow: hidden;
}

.content .category-box .cb-title .text {
padding: 0px 15px 0px 15px;
white-space: nowrap;
float: left;
font-size: 17px;
line-height: 44px;
font-weight: 600;
color: rgb(255,255,255);
text-transform: uppercase;
}

.content .category-box .cb-title .fa {
float: right;
font-size: 14px;
width: 44px;
line-height: 44px;
text-align: center;
color: rgb(255,255,255);
background-color: rgb(0,64,54);
}

.content .category-box:hover .cb-title .fa {
background-color: rgb(0,168,142);
}

.content .news-row {
padding-bottom: 30px;
}

.content .news-box {
padding-bottom: 30px;
}

.content .news-box .nb-ins {
padding: 27px 25px 23px 25px;
background-color: rgb(225,225,225);
position: relative;
border-bottom: 5px solid rgb(0,168,142);
}

.content .news-box .nb-img {
overflow: hidden;
}

.content .news-box .nb-img img {
max-width: 100%;
}

.content .news-box .nb-title {
margin: 0px 0px 8px 0px;
font-size: 18px;
line-height: 21px;
font-weight: 600;
text-transform: uppercase;
}

.content .news-box .nb-title a {
color: rgb(0,168,142);
}

.content .news-box .nb-title a:hover {
color: rgb(0,64,54);
}

.content .news-box .nb-text {
font-size: 15px;
line-height: 20px;
color: rgb(68,68,68);
}

.content .news-box .nb-date {
margin: 0px 0px 9px 0px;
font-size: 15px;
line-height: 20px;
color: rgb(88,88,88);
}

.content .news-box .nb-date .fa {
padding-right: 8px;
}

.content .news-box .nb-more {
position: absolute;
right: 0px;
bottom: -5px;
font-size: 14px;
width: 44px;
line-height: 44px;
text-align: center;
color: rgb(255,255,255);
background-color: rgb(0,168,142);
}

.content .news-box .nb-more:hover {
background-color: rgb(0,64,54);
}

.content .download-row {
padding: 6px 5px 40px 5px;
}

.content .download-col {
padding: 0px 10px 0px 10px;
}

.content .download-box {
padding-bottom: 20px;
}

.content .download-box .db-ins {
height: 144px;
background-color: rgb(225,225,225);
position: relative;
border-bottom: 5px solid rgb(0,168,142);
}

.content .download-box .db-img {
overflow: hidden;
position: absolute;
left: 5px;
top: 5px;
}

.content .download-box .db-img img {
max-width: 100%;
}

.content .download-box .db-title {
padding: 22px 25px 0px 121px;
font-size: 18px;
line-height: 21px;
font-weight: 600;
text-transform: uppercase;
margin: 0px;
}

.content .download-box .db-title a {
color: rgb(0,168,142);
}

.content .download-box .db-title a:hover {
color: rgb(0,64,54);
}

.content .download-box .db-text {
padding: 6px 0px 0px 121px;
font-size: 14px;
line-height: 20px;
color: rgb(68,68,68);
}

.content .download-box .db-more {
padding: 0px 12px 0px 12px;
position: absolute;
right: 0px;
bottom: -5px;
font-size: 16px;
font-weight: 600;
line-height: 36px;
text-align: center;
color: rgb(255,255,255);
background-color: rgb(0,168,142);
white-space: nowrap;
}

.content .download-box .db-more:hover {
background-color: rgb(0,64,54);
}

.content .download-box .db-more i {
padding-left: 8px;
}

.content .action-line {
background-color: rgb(0,168,142);
}

.content .al-title {
margin: 0px;
padding: 28px 0px 17px 0px;
font-size: 30px;
line-height: 37px;
color: rgb(255,255,255);
font-weight: 600;
text-align: center;
text-transform: uppercase;
}

.content .al-text {
margin: 0px;
padding: 0px 50px 26px 50px;
color: rgb(255,255,255);	
font-size: 20px;
line-height: 25px;
text-align: center;
}

.content .al-btn {
padding-bottom: 35px;
text-align: center;
}

.content .alb-2 {
padding: 15px 0px 0px 0px;
text-align: left;	
}

.content .al-btn a, .content .sl-more a {
display: inline-block;
font-family: 'Roboto Condensed';
font-weight: 600;
color: rgb(255,255,255) !important;
font-size: 20px;
line-height: 50px;
padding: 0px 25px 0px 25px;
cursor: pointer;
border: 0px;
background-color: rgb(0,64,54);
text-transform: uppercase;
text-decoration: none !important;
}

.content .alb-2 a {
background-color: rgb(0,168,142) !important;
}

.content .al-btn a:hover, .content .sl-more a:hover {
background-color: #004F43;
}

.content .alb-2 a:hover {
background-color: rgb(0,64,54) !important;
}

.content .text-content {
margin: 0px 0px 54px 0px;
}

.dtc-x {
padding-top: 29px !important;
}

.content .text-content p {
margin: 0px 0px 15px 0px;
font-size: 17px;
line-height: 24px;
color: rgb(48,48,48);
}

.content .text-content.text-blog img {
max-width: 100%;
}

.content .text-content a {
color: rgb(0,168,142);
text-decoration: underline;
}

.content .text-content a:hover {
text-decoration: none;
}

.content .text-content h2 {
margin: 29px 0px 16px 0px;
font-size: 24px;
line-height: 27px;
color: rgb(68,68,68);
font-weight: 600;
}

.content .text-content h3 {
margin: 29px 0px 16px 0px;
font-size: 18px;
line-height: 22px;
color: rgb(68,68,68);
font-weight: 600;
}

.dtc-x h2:first-of-type {
margin-top: 0px;
}

.content .text-content ul, .content .text-content ol {
margin: 0px 0px 15px 0px;
}

.content .text-content li {
padding-left: 22px;
font-size: 17px;
line-height: 24px;
color: rgb(48,48,48);
position: relative;
}

.content .text-content li::after {
content: '\f04d';
position: absolute;
left: 0px;
top: 7px;
color: rgb(0,168,142);
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
}

.content .text-content .dh2 {
text-align: center;
padding-top: 10px;
}

.content .text-content .dh2::after {
width: 100%;
display: block;
content: '';
height: 3px;
margin: 0px;
position: relative;
top: -15px;
background-color: rgb(225,225,225);
z-index: 100;
}

.content .text-content .dh2 .dh-ins {
padding: 0px 30px 0px 30px;
background-color: rgb(245,245,245);
position: relative;
z-index: 101;
}

.content .text-content .contact-table td {
padding-right: 20px;
font-size: 17px;
line-height: 24px;
color: rgb(48,48,48);
}

.content .text-content .date {
float: left;
margin: 6px 25px 10px 0px;
border: 1px solid rgb(200,200,200);
}

.content .text-content .date .date-top {
width: 120px;
line-height: 75px;
background-color: rgb(255,255,255);
text-align: center;
font-size: 40px;
color: rgb(88,88,88);
display: block;
font-weight: 600;
}

.content .text-content .date .date-bottom {
width: 120px;
line-height: 35px;
background-color: rgb(0,168,142);
text-align: center;
font-size: 15px;
color: rgb(255,255,255);
display: block;
font-weight: 600;
white-space: nowrap;
}

.content .text-content .table-prices2 table {
width: 100%;
border-collapse: collapse;
}

.content .text-content .table-prices2 td {
font-size: 16px;
line-height: 17px;
color: rgb(20,20,20);
padding: 15px;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
width: 140px !important;
text-align: right;
}

.content .text-content .table-prices2 td:first-of-type {
width: auto !important;
text-align: left;
}

.content .text-content .table-prices2 tr:first-of-type td {
background-color: rgb(0,168,142);
font-weight: bold;
color: rgb(255,255,255);	
}

@media (max-width: 575px) {
	
	.content .text-content .table-prices2 td {
	padding: 8px;
	font-size: 12px;
	width: auto !important;
	}
	
}

.content .text-content .table-prices {
width: 100%;
border-collapse: collapse;
}

.content .text-content .table-prices td {
font-size: 14px;
line-height: 17px;
color: rgb(20,20,20);
padding: 7px 15px 7px 15px;
border: 1px solid rgb(220,220,220);
background-color: rgb(255,255,255);
}

@media (max-width: 575px) {
	
	.content .text-content .table-prices td {
	padding: 8px;
	font-size: 12px;	
	}
	
}

.content .text-content .table-prices tr td:nth-child(3), .content .text-content .table-prices tr td:nth-child(4), .content .text-content .table-prices tr td:nth-child(5) {
text-align: right;
}

.content .text-content .table-prices thead td {
background-color: rgb(220,220,220);
}

.table-prices2 tr:first-of-type td a {
color: white !important;
}

.content .text-content .table-prices tr:nth-child(even) td {
background-color: rgb(245,245,245);
}

.content .cf-row {
padding: 0px 5px 60px 5px;
}

.content .cf-col {
padding: 0px 10px 0px 10px;
overflow: hidden;
}

.content .msg-line {
margin: 10px 0px 10px 0px;
padding: 10px 20px 10px 20px;
background-color: rgb(0,168,142);
font-size: 16px;
line-height: 19px;
color: rgb(255,255,255);
text-align: center;
}

.content .ml-2 {
background-color: rgb(220,0,0);
}

.content .msg-line p {
margin-bottom: 0px;
}

.cf-title {
margin: 2px 0px 6px 0px;
font-size: 30px;
line-height: 37px;
color: rgb(68,68,68);
font-weight: 600;
text-transform: uppercase;
position: relative;
}

.contact-form .mimo {
position: absolute;
left: -10000px;
top: -10000px;
}

.contact-form input, .contact-form textarea, .nb-item input {
width: 100%;
margin: 10px 0px 10px 0px;
font-size: 17px;
line-height: 24px;
color: rgb(48,48,48);
height: 40px;
padding: 0px 15px 0px 15px;
border: 1px solid rgb(200,200,200);
font-family: 'Roboto Condensed';
}

.nb-item input {
margin: 0px;
}

.contact-form input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0px;
border: 0px;
float: left;
}

.my-checkbox span {
float: left;
padding: 0px 0px 0px 10px;
margin-top: 0px;
font-size: 15px;
line-height: 18px;
}

.my-checkbox a {
color: rgb(0,168,142);
text-decoration: underline;
}

.my-checkbox a:hover {
text-decoration: none;
}

.desktop-mobile-tel {
font-size: 16px;
line-height: 19px;
color: rgb(30,30,30);
position: absolute;
right: 160px;
top: 15px;
padding-right: 30px;
border-right: 1px solid rgb(220,220,220);
}

.desktop-mobile-tel i {
padding: 0px 10px 0px 20px;
}

.desktop-mobile-tel:hover {
color: rgb(0,168,142);
}

.mobile-tel {
	display: block;	
	position: absolute;
	right: 155px;
	top: 21px;
	width: 59px;
	height: 61px;
	font-size: 38px;
	text-align: center;
	color: rgb(0,168,142);
	background-color: rgb(225,225,225);
	border: 0px;
	cursor: pointer;
display: none;
}

	.mobile-tel i {
	padding-top: 12px;
	display: inline-block;
	}
	.mobile-tel:hover,.mobile-tel:focus,.mobile-tel:visited,.mobile-tel:active {
	color: rgb(0,168,142);
	}

@media (max-width: 1199px) {
	
	.star {
	display: none;
	}
	
	.desktop-mobile-tel {
	display: none;	
	}
	
	.mobile-tel {
	display: block;	
	}
	
}

@media (max-width: 767px) {
	
	.logo img[src="/images/atex-logo-1.png"] {
	display: none;
	}

	.mobile-tel {
	width: 40px;
	height: 42px;
	font-size: 25px;
	right: 125px;
	top: 31px;
	}
	
	.mobile-tel i {
	padding-top: 10px;
	display: inline-block;
	}
	
}

.contact-form textarea {
padding: 8px 15px 8px 15px;
max-width: 100%;
min-width: 100%;
height: 150px;	
}

.contact-form .btinfo {
margin: 23px 0px 0px 0px;
float: left;
font-size: 15px;
line-height: 15px;
color: rgb(88,88,88);
font-style: italic;
}

.contact-form button, .content .btn-line a, .nb-btn button,.go-btn {
margin-top: 3px;
font-family: 'Roboto Condensed';
font-weight: 600;
color: rgb(255,255,255) !important;
font-size: 20px;
line-height: 24px;
padding: 13px 25px 13px 25px;
float: right;
cursor: pointer;
border: 0px;
background-color: rgb(0,168,142);
text-transform: uppercase;
text-decoration: none !important;
text-align:center;
}

.contact-form button:hover, .content .btn-line a:hover, .nb-btn button:hover {
background-color: rgb(0,64,54);
}

.content .btn-line {
padding-bottom: 60px;
overflow: hidden;
}

.content .tree {
margin-bottom: 60px;
background-color: rgb(255,255,255);
border: 1px solid rgb(200,200,200);
}

.content .tree li a {
width: 100%;
display: block;
box-sizing: border-box;
padding: 12px 20px 11px 20px;
line-height: 19px;
font-size: 17px;
font-weight: 600;
color: rgb(0,64,54);
border-bottom: 1px solid rgb(200,200,200);
text-transform: uppercase;
}

.content .tree li .active {
background-color: rgb(0,168,142);
color: rgb(255,255,255);
}

.content .tree li:first-of-type a {
padding-top: 22px;
}

.content .tree li:last-of-type a {
border-bottom: 0px;
padding-bottom: 21px;
}

.content .tree li a:hover {
color: rgb(0,168,142);	
}

.content .tree li .active:hover {
color: rgb(255,255,255);
}

.content .tree ul {
padding: 22px 0px 16px 0px;
border-bottom: 1px solid rgb(200,200,200);
}

.content .tree ul li {
padding: 0px 20px 5px 38px;
position: relative;
overflow: hidden;
}

.content .tree ul .stitle {
padding: 0px 20px 13px 20px;
line-height: 18px;
font-size: 15px;
font-weight: 600;
color: rgb(88,88,88);
text-transform: uppercase;
}

.content .tree ul li .fa {
position: absolute;
left: 20px;
top: 5px;
font-size: 7px;
color: rgb(0,168,142);
}

.content .tree ul li a {
width: auto !important;
display: inline-block;
float: left;
box-sizing: border-box;
padding: 0px !important;
line-height: 18px;
font-size: 15px;
font-weight: 600;
color: rgb(0,64,54);
border: 0px;
text-transform: uppercase;
}

.content .tree ul li .dactive {
color: rgb(0,168,142);
}

.content .mline {
padding-left: 20px;
}

.content .model-row {
padding: 0px 5px 0px 5px;
}

.content .mrow-2 {
padding-top: 10px;
padding-bottom: 25px;
}

.content .mrow-2:last-of-type {
padding-bottom: 50px;
}

.content .mrow-3 {
margin-top: -10px;
padding-bottom: 50px;
}

.content .mrow-4 {
margin-top: -10px;
padding-bottom: 25px;
}

.content .model-col {
padding: 10px;
}

.content .model-box {
cursor: pointer;
}

.content .model-box .mb-ins {
height: 156px;
background-color: rgb(225,225,225);
position: relative;
border-bottom: 5px solid rgb(0,168,142);
}

.content .model-box .mb-img {
overflow: hidden;
position: absolute;
left: 5px;
top: 5px;
}

.content .model-box .mb-img img {
border: 1px solid rgb(200,200,200);
}

.content .model-box .mbi-2 {
padding: 10px;
background: rgb(255,255,255);
border: 1px solid rgb(200,200,200);
}

.content .model-box .mbi-3 {
line-height: 140px;
background: rgb(255,255,255);
border: 1px solid rgb(200,200,200);
}

.content .model-box .mbi-2 img {
border: 0px;
height: 120px;
}

.content .model-box .mbi-3 img {
border: 0px;
width: 60px;
margin: 0px 5px 0px 5px;
}

.content .model-box .mb-title {
padding: 22px 25px 0px 97px;
font-size: 18px;
line-height: 21px;
font-weight: 600;
text-transform: uppercase;
margin: 0px;
}

.content .model-box .mb-title a {
color: rgb(0,168,142);
text-decoration: none !important;
}

.content .model-box:hover .mb-title a {
color: rgb(0,64,54);
}

.content .model-box .mb-text {
padding: 6px 0px 0px 97px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: rgb(68,68,68);
}

.content .model-box .mb-more {
padding: 0px 12px 0px 12px;
position: absolute;
right: 0px;
bottom: -5px;
font-size: 14px;
font-weight: 600;
line-height: 36px;
text-align: center;
color: rgb(255,255,255);
background-color: rgb(0,168,142);
white-space: nowrap;
}

.content .model-box:hover .mb-more {
background-color: rgb(0,64,54);
}

.content .anchor {
height: 1px;
}

.content .back-on-tree {
padding-bottom: 20px;
}

.content .back-on-tree a {
display: block;
overflow: hidden;
background-color: rgb(0,168,142);
}

.content .back-on-tree a .text {
padding: 0px 15px 0px 15px;
white-space: nowrap;
float: left;
font-size: 17px;
line-height: 44px;
font-weight: 600;
color: rgb(255,255,255);
text-transform: uppercase;
}

.content .back-on-tree a .fa {
float: left;
font-size: 14px;
width: 44px;
line-height: 44px;
text-align: center;
color: rgb(255,255,255);
background-color: rgb(0,64,54);
}

.content .back-on-tree a:hover .fa {
background-color: rgb(0,168,142);
}

.content .back-on-tree a:hover {
background-color: rgb(0,64,54);
}

.content .img-slider {
padding: 20px;
text-align: center;
border: 1px solid rgb(200,200,200);
background-color: rgb(255,255,255);
}

.content .carousel-gl {
position: relative;
}

.content .add-fav {
padding: 0px 15px 0px 15px;
position: absolute;
right: 0px;
bottom: 0px;
z-index: 9999;
line-height: 41px;
background-color: rgb(0,168,142);
font-size: 25px;
color: rgb(255,255,255);
}

.content .add-fav:hover {
background-color: rgb(0,64,54);
}

.content .add-fav span {
font-size: 16px;
white-space: nowrap;
padding-right: 10px;
font-weight: 600;
float: left;
}

.add-fav-text {
margin: 10px !important;
font-size: 16px;
color: rgb(48,48,48);
font-weight: 600;
}

.add-fav-text a {
color: rgb(0,168,142);
text-decoration: underline;
}

.add-fav-text a:hover {
text-decoration: none;
}

.add-fav-btn {
text-align: center;
}

.add-fav-btn a {
padding: 0px 15px 0px 15px;
font-size: 16px;
line-height: 34px;
font-weight: 600;
background-color: rgb(0,168,142);
color: rgb(255,255,255);
display: inline-block;
}

.add-fav-btn a:hover {
background-color: rgb(0,64,54);
}

.content .decors-row {
padding: 5px 10px 15px 10px;
}

.content .decors-row:last-of-type {
padding-bottom: 55px;
}

.content .decors-col {
padding: 5px;
}

.content .decors-box a {
display: block;
}

.content .decors-box img {
max-width: 100%;
border: 1px solid rgb(210,210,210);
}

.content .btngo {
margin-top: 10px;
font-family: 'Roboto Condensed';
font-weight: 600;
color: rgb(255,255,255) !important;
font-size: 18px;
line-height: 40px;
padding: 0px 20px 0px 20px;
display: inline-block;
cursor: pointer;
border: 0px;
background-color: rgb(0,168,142);
text-transform: uppercase;
text-decoration: none !important;
}

.content .btngo i {
padding-left: 8px;
}

.contact-form .btngo:hover {
background-color: rgb(0,64,54);
}

.content .my-select-row {
padding: 6px 5px 20px 5px;
}

.content .my-select-col {
padding: 0px 10px 0px 10px;
}

.content .my-select-item {
padding-bottom: 20px;
}

.content .my-select-item .msi-ins {
background-color: rgb(225,225,225);
position: relative;
border-bottom: 5px solid rgb(0,168,142);
}

.content .my-select-item .msi-img {
padding: 20px 0px 0px 0px;
text-align: center;
}

.content .my-select-item .msi-img img {
height: 200px;
}

.content .my-select-item .msi-title {
padding: 22px 25px 0px 25px;
text-align: center;
font-size: 18px;
line-height: 21px;
font-weight: 600;
text-transform: uppercase;
margin: 0px;
}

.content .my-select-item .msi-text {
padding: 6px 25px 34px 25px;
font-size: 14px;
line-height: 20px;
color: rgb(68,68,68);
text-align: center;
}

.content .my-select-item .msi-more {
padding: 0px 12px 0px 12px;
position: absolute;
right: 0px;
bottom: -5px;
font-size: 16px;
font-weight: 600;
line-height: 36px;
text-align: center;
color: rgb(255,255,255);
background-color: rgb(0,168,142);
white-space: nowrap;
}

.content .my-select-item .msi-more:hover {
background-color: rgb(0,64,54);
}

.content .my-select-item .msi-more i {
padding-left: 8px;
font-size: 14px;
}

.content .my-select-item .msi-del {
width: 25px;
position: absolute;
right: 10px;
top: 10px;
font-size: 14px;
line-height: 25px;
text-align: center;
color: rgb(255,255,255);
background-color: rgb(0,168,142);
border: 0px;
cursor: pointer;
}

.content .my-select-item .msi-del:hover {
background-color: rgb(0,64,54);
}

.footer {
width: 100%;
height: 397px;
position: absolute;
left: 0px;
bottom: 0px;
background-color: rgb(48,48,48);
}

.footer .footer-logo {
margin-top: 40px;
}

.footer .footer-title {
margin: 35px 0px 21px 0px;
font-size: 24px;
line-height: 27px;
color: rgb(255,255,255);
font-weight: 600;
text-transform: uppercase;
}

.footer .footer-text {
margin: 0px 0px 15px 0px;
font-size: 16px;
line-height: 22px;
color: rgb(235,235,235);
}

.footer .footer-text a {
color: inherit;
}

.footer .footer-text a:hover {
color: rgb(0,168,142);
}

.footer .footer-menu {
padding-top: 2px;
}

.footer .footer-menu, .footer .footer-menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.footer .footer-menu li {
padding: 0px 0px 7px 16px;
font-size: 16px;
line-height: 18px;
position: relative;
}

.footer .footer-menu li .fa {
position: absolute;
left: 0px;
top: 7px;
font-size: 7px;
color: rgb(0,168,142);
}

.footer .footer-menu li a {
color: rgb(235,235,235);
}

.footer .footer-menu li a:hover {
color: rgb(0,168,142);
}

.footer .footer-spacer {
height: 2px;
background-color: rgb(88,88,88);
margin-top: 29px;
margin-bottom: 22px;
}

.footer .footer-copyright {
color: rgb(108,108,108);
font-size: 14px;
line-height: 17px;
}

.footer .footer-copyright a {
color: rgb(108,108,108);
}

.footer .footer-copyright a:hover {
color: rgb(235,235,235);
}

.mobile-menu {
background-color: rgb(0,168,142);
display: none;
}

.mobile-menu a {
padding: 10px 0px 11px 0px;
font-size: 17px;
line-height: 21px;
color: rgb(255,255,255);
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #00BDA1;
display: block;
width: 100%;
box-sizing: border-box;
}

.mobile-menu a i {
padding-right: 8px;
}

.mobile-menu li:first-of-type a {
padding-top: 21px;
}

.mobile-menu li:last-of-type a {
padding-bottom: 21px;
border: 0px;
}

.nb-global {
padding-bottom: 60px;
}

.nb-img2 {
width: 160px !important;
}

.nlt-btn {
width: 100%;
display: block;
padding: 25px 25px 20px 25px;
box-sizing: border-box;
font-size: 25px;
line-height: 28px;
color: rgb(255,255,255);
text-transform: uppercase;
font-weight: 700;
overflow: hidden;
text-align: center;
}

.nlt-btn .nb-text {
padding-top: 20px;
min-height: 80px;
display: block;
}

.nlt-btn:hover,.nlt-btn:visited,.nlt-btn:active,.nlt-btn:focus {
color: rgb(255,255,255) !important;
}

.nlt-btn.nb-1 {
background-color: rgb(210,0,25);
}

.nlt-btn.nb-2 {
background-color: rgb(0,168,142);
}

.nb-form {
padding: 27px 25px 27px 25px;
background-color: rgb(230,230,230);
}
	
.nb-item {
padding-bottom: 10px;
}

.nb-btn {
padding-top: 5px;
overflow: hidden;
}
	
@media (max-width: 1199px) {
	
	.content .category-box .cb-title .text {
	font-size: 16px;	
	}
	
	.content .news-box .nb-title {
	min-height: 42px;
	}
	
	.content .download-box .db-title {
	padding-left: 111px;
	}

	.content .download-box .db-text {
	padding-left: 111px;
	}
	
	.content .main-title-2.decors-title {
	padding-top: 0px;
	margin-top: -25px;
	}
	
	.content .sl-text {
	display: none;
	}
	
}

@media (max-width: 1199px) {
	
	.header .mobile-tel, .header .mobile-menu-btn, .header .mobile-fav-btn {
	display: block;
	}
	
	.header .menu {
	display: none;
	}
	
}

@media (max-width: 991px) {
	
	.iframe {
	width: 100% !important;
	}
	
	.iframe iframe {
	width: 100% !important;
	}
	
	.slider .sl-left-side {
	width: 60% !important;
	}
	
	.slider .sl-right-side {
	width: 40% !important;
	}
	
	.header .menu, .header .star, .footer .gl-logo {
	display: none;
	}
	
	.content .news-box .nb-title {
	min-height: auto;	
	}
	
	.content .mline {
	padding-left: 0px;	
	}
	
	.mtx:first-of-type {
	margin-top: -6px !important;
	}
	
	.change-order > div:first-of-type {
	order: 1;
	}
	
}

@media (max-width: 767px) {

	.add-fav span {
	display: none;
	}

	.slider,.bxliser,.bx-viewport,.sl-ins {
	height: 220px !important;
	}

	.slider .sl-left-side {
	display: none !important;
	}
	
	.slider .sl-right-side {
	width: 100% !important;
	height: 200px;
	text-align: center;
	}

	.footer {
	height: auto;
	position: static;
	padding-bottom: 20px;
	}
	
	.footer .footer-copyright {
	margin: 0px;
	text-align: center;
	float: none;
	}
	
	.page-ins {
	padding-bottom: 0px;	
	}
	
	.nb-img, .cb-img img {
	width: 100%;
	}
	
}

@media (max-width: 767px) {
	
	.content .main-title::after, .content .dh2::after {
	background: transparent !important;
	}
	
	.content .mt-ins, .content .dh-ins {
	padding: 0px !important;
	}
	
}

.blog-menu {
height: 40px;
background-color: rgb(255,255,255);
}

.blog-menu .blog-menu-item {
display: inline-block;
}

.blog-menu .blog-menu-item a {
padding: 0px 20px 0px 20px;
font-size: 15px;
line-height: 40px;
color: rgb(0,64,54);
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
border-left: 1px solid rgb(220,220,220);
}

.blog-menu .blog-menu-item .active {
color: #00A88E;
}

.blog-menu .blog-menu-item:last-of-type a {
border-right: 1px solid rgb(220,220,220);
}


.cookie-line {
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
background-color: rgba(20,20,20);
z-index: 10000;
}

@media (max-width: 767px) {
	
	.cookie-line {
	text-align: center;
	}
	
}

.cookie-line .cookie-line-text {
width: 700px;
margin: 0px;
padding-top: 23px;
float: left;
font-size: 14px;
line-height: 20px;
color: rgb(255,255,255);
}

@media (max-width: 991px) {
	
	.cookie-line .cookie-line-text {
	width: 500px;
	font-size: 13px;
	line-height: 17px;
	padding-top: 26px;
	}
	
}

@media (max-width: 767px) {
	
	.cookie-line .cookie-line-text {
	width: auto;
	float: none;
	padding-top: 21px;
	}
	
}

.cookie-line .cookie-line-btn {
float: right;
margin: 25px 0px 25px 0px;
background-color: #00A88E;
color: rgb(255,255,255);
font-size: 15px;
line-height: 19px;
font-weight: 700;
padding: 10px 20px 8px 20px;
border-radius: 3px;
transition: .2s;
cursor: pointer;
}

@media (max-width: 767px) {
	
	.cookie-line .cookie-line-btn {
	float: none;
	display: inline-block;
	margin-top: 21px;
	}
	
}

.act-box {
margin-bottom: 30px;
background-color: #E4322B;
padding: 24px 20px 16px 20px;
clear: both;
}

.act-box .ab-tit1 {
font-size: 18px;
padding-bottom: 15px;
line-height: 17px;
color: rgb(255,255,255);
}

.act-box .ab-tit2 {
padding-bottom: 5px;
font-size: 15px;
line-height: 17px;
color: rgb(255,255,255);
}

.act-box .ab-tit2 strong {
font-size: 18px;
float: right;
}

.openmodal {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 100000;
background-color: rgba(0,0,0,0.75);	
}

.openmodal .openmodal-ins {
border-radius: 3px;
padding: 30px;
background-color: rgb(255,255,255);
position: absolute;
left: 50%;
top: 40px;
width: 900px;
margin-left: -450px;
}

@media (max-width: 950px) {
	
	.openmodal {
	overflow-y: scroll;
	}
	
	.openmodal .openmodal-ins {
	left: 10px;
	top: 10px;
	margin: 0px;
	width: calc(100% - 20px);
	height: auto;
	margin-bottom: 10px;
	}
	
}

.openmodal .openmodal-ins p, .openmodal .openmodal-ins li {
font-size: 16px;
line-height: 21px;
color: rgb(20,20,20);
margin: 0px;
}

.openmodal .openmodal-ins ul {
margin-bottom: 16px;
}

.openmodal .openmodal-ins li {
position: relative;
padding-left: 16px;
}

.openmodal .openmodal-ins li::after {
content: " ";
position: absolute;
left: 0px;
top: 6px;
width: 7px;
height: 7px;
background-color: #00A88E;
}

.openmodal .openmodal-ins p {
margin-bottom: 16px;	
}

.openmodal .openmodal-btn {
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
}

.openmodal .openmodal-btn a {
background-color: #00A88E;
font-size: 16px;
line-height: 21px;
color: rgb(255,255,255);
font-weight: 700;
display: inline-block;
padding: 10px 25px 10px 25px;
text-decoration: none;
border-radius: 3px;
}

.openmodal .openmodal-close {
position: absolute;
right: 15px;
top: 10px;
font-size: 25px;
line-height: 32px;
color: rgb(20,20,20);
}

.openmodal .openmodal-close a {
color: rgb(20,20,20);
}

.content .reference {
padding: 0px 0px 40px 0px;
}

.content .reference.variant-1 {
background-color: transparent;
margin-bottom: -40px;
}

.content .reference.space-1 {
padding-top: 44px;
padding-bottom: 50px;
}

.content .reference .reference-row {
position: relative;
display: flex;
padding-top: 20px;
}

.content .reference .reference-spacer {
height: 40px;
}

.content .reference .reference-text-box.left::after {
right: auto;
left: 15px;
}

.content .reference.variant-1 .reference-text-box::after {
background-color: rgb(220,220,220);
}

.content .reference .ref-slick-gl {
position: relative;
margin-bottom: 38px;
}

.content .reference .ref-slick-gl::after {
content: " ";
position: absolute;
right: 0px;
top: 0px;
width: 1px;
height: calc(100% - 7px);
background-color: #A3CCD6;
}

.content .reference .reference-btn {
position: absolute;
top: 50%;
margin-top: -38px;
}

.content .reference .reference-btn a {
font-size: 55px;
line-height: 30px;
color: #A3CCD6;
float: left;
}

.content .reference .reference-btn.left {
left: -52px;
}

.content .reference .reference-btn.right {
right: -52px;
}

.content .reference .reference-img img {
max-width: 100%;
}

.content .reference .reference-title {
font-size: 26px;
line-height: 29px;
font-weight: 500;
color: rgb(30,30,30);
}

.content .reference .reference-text-box.left .reference-title {
padding-left: 30px;	
}

.content .reference .reference-title.space-1 {
padding: 15px 0px 18px 10px;
}

.content .reference .reference-table {
width: calc(100% - 10px);
margin-left: 10px;
}

.content .reference .reference-text-box.left .reference-table {
width: calc(100% - 30px);
margin-left: 30px;
}

.content .reference .reference-table td {
font-size: 16px;
line-height: 21px;
font-weight: 400;
color: rgb(30,30,30);
padding-bottom: 10px;
vertical-align: top;
}

.content .reference .reference-table td:nth-child(1) {
width: 160px;
font-weight: 600;
}

.content .reference .reference-table td:nth-child(2) {
padding-right: 40px;
}