/* font-family: "ArialNarrowRegular"; */
@font-face {
    font-family: "ArialNarrowRegular";
    src: url("../fonts/ArialNarrowRegular/ArialNarrowRegular.eot");
    src: url("../fonts/ArialNarrowRegular/ArialNarrowRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowRegular/ArialNarrowRegular.woff") format("woff"),
    url("../fonts/ArialNarrowRegular/ArialNarrowRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "ArialNarrowBold"; */
@font-face {
    font-family: "ArialNarrowBold";
    src: url("../fonts/ArialNarrowBold/ArialNarrowBold.eot");
    src: url("../fonts/ArialNarrowBold/ArialNarrowBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowBold/ArialNarrowBold.woff") format("woff"),
    url("../fonts/ArialNarrowBold/ArialNarrowBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "ArialNarrowItalic"; */
@font-face {
    font-family: "ArialNarrowItalic";
    src: url("../fonts/ArialNarrowItalic/ArialNarrowItalic.eot");
    src: url("../fonts/ArialNarrowItalic/ArialNarrowItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowItalic/ArialNarrowItalic.woff") format("woff"),
    url("../fonts/ArialNarrowItalic/ArialNarrowItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "ArialNarrowBoldItalic"; */
@font-face {
    font-family: "ArialNarrowBoldItalic";
    src: url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.eot");
    src: url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.woff") format("woff"),
    url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


body{font-family:ArialNarrowRegular, Arial;color:#43494e;}
body.modal-open{
    width:100%!important;
    padding-right:0!important;
    overflow-y:scroll!important;
}
strong,h2,h1{font-family:ArialNarrowBold;font-weight:normal;}
.cnt h1{margin:0px 0px 20px 0px;padding:0px;}
.container{max-width:1000px;position:relative;}
.navbar-header {
    width1: 100%;
    position: relative;
    height: 120px;
	
}
.navbar-brand {
	padding:20px 40px 0px 0px;
    height: auto;

}
@media (max-width: 768px){
    .navbar-brand img{width:230px;height:61px;}
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top: 50px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 40px;
    border:0;
}


header .navbar-3 {
    background: #ffffff;
    border-bottom: none;
	margin:0px;
	
}

.header-info {
	float:right;
	color:#000000;
	font-size:13px;
}

.head2{height:139px;
    background:#26445b url(../img/header2.jpg);
    background-position:center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#ffffff;
}

.head2 .container{position:relative;height:139px;}
.head2 .container .info2{position:absolute;left:0px;bottom:0px;text-align:center;}
.head2 .container .info2 h1{color:#ffffff;font-size:40px;}
.head2 .container .info2 h2{color:#ffffff;font-size:40px;}

.breadcrumb {
    padding: 8px 0px;
    margin: 20px 0px 0px 0px;
    list-style: none;
    background:none;
    border-radius:0;
}

.breadcrumb a{color:#aaabb3;text-decoration: underline;}
.breadcrumb>.active {
    color: #ffffff;
}

.cnt{padding:30px 0px;font-size:16px;min-height:400px;}



.langs{position:absolute;right:15px;top:3px;}
.langs ul{list-style:none;margin:0px;padding:0px;}
.langs ul li{float:left;padding:0px 0px;}
.langs ul li a:visited,.langs ul li a:link{font-size:14px;color:#686a6b;text-decoration:none;text-transform: uppercase;}
.langs ul li a:hover{color:#4283ae;text-decoration: underline;}
.langs > ul li + li:before {
    color: #767778;
    content: "|";
    padding: 0 3px;
	font-size:14px;
}
.langs ul li a.active{font-weight:normal;color:#4283ae;}

.fl_s{float:left;margin-left:17px;}
.soc{padding-left:0px;padding-top:2px;text-align:left;}
.soc a{margin-right:2px;}

.collapse{}


.navbar-default .navbar-nav>li>a {
    color: #2a3339;
	font-size:16px;
	border-bottom:3px solid #ffffff;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #2a3339;
	border-bottom:3px solid #19afcb;
}

ul.nav li:hover > ul.dropdown-menu {
    display: block;    
}

.dropdown-menu{background: rgba(0, 0, 0, 0.7);}
.dropdown-menu>li>a{color:#ffffff;}
.dropdown-menu>li>a:hover{color: #ffffff;background:#19afcb;}

a.btn_mail{
	margin-top:8px;
	display:block;
	text-indent: 32px;
	width:132px;
	height:33px;
	line-height:33px;
	color:#19afcb;
	text-transform: uppercase;
	font-size:12px;
	background: url(../img/btn_mail.jpg) no-repeat;
}
a.btn_mail:hover{text-decoration:none;}

h1{margin:0px;padding:0px;font-family:Calibri;font-size:36px;font-weight:bold;color:#222527;text-transform: uppercase;}










.box2{
    background:#eaecee url(../img/bg_cats.jpg) top center repeat-y;
    padding:10px 0px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.nav-tabs{border:none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{padding-top:10px;font-size:30px;font-family:Calibri;color:#222527;font-weight:bold;background:none;border:none;text-transform: uppercase;text-decoration:none;}
.nav-tabs>li>a{padding-top:13px;font-size:24px;font-family:Calibri;color:#222527;text-transform: uppercase;text-decoration:underline;}
.nav-tabs>li>a:hover{background:none;border:none;}
.nav-tabs>li span{font-size:20px;margin-top:20px;}

.box3{background:#ffffff;min-height:505px;margin-bottom:20px;padding:10px 0px;color:#686a6b;font-size:16px;}
.box3 strong{color:#43494e;}
.box3 h2{
	color:#43494e;
	text-transform: uppercase;
	font-size:24px;
	background:url(../img/border.jpg) left bottom no-repeat;
	padding:0px 0px 10px 0px;
	margin-bottom:30px;
}

.box4{
    background:#e8eaec url(../img/bg_stars.jpg) top center repeat-y;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:15px 0px;
    min-height:395px;
}
.box4 h2{
	color:#43494e;
	text-transform: uppercase;
	font-size:24px;
	background:url(../img/border.jpg) center bottom no-repeat;
	padding:0px 0px 10px 0px;
	margin-bottom:40px;
	text-align:center;
}

.box5{background:#ffffff;padding:15px 0px 0px;min-height:395px;}
.box5 h2{
	color:#43494e;
	text-transform: uppercase;
	font-size:24px;
	background:url(../img/border.jpg) center bottom no-repeat;
	padding:0px 0px 10px 0px;
	margin-bottom:40px;
	text-align:center;
}

.products_list .title{
	background:#19afcb;
	padding:7px;
	text-align:center;
	color:#ffffff;
	font-size:18px;
	text-transform: uppercase;
	font-family:ArialNarrowBold;
	margin-bottom:10px;
}
.products_list .title a{
    color:#ffffff;
    font-size:18px;
    text-transform: uppercase;
    font-family:ArialNarrowBold;
}
.products_list .item{
	margin-bottom:20px;
}
.products_list .item ul{
	list-style:none;
	padding:0px;
	margin:0px auto 0px 25px;
	list-style-image: url(../img/li.png);
	line-height:35px;
}
.products_list .item ul li{}
.products_list .item ul li a{color:#686a6b;font-size:14px;text-transform: uppercase;}
.products_list .item ul li a:hover{color:#19afcb;text-decoration:underline;}
/*star1*/
.star1{width:185px;margin:0px auto;}
.star1 .star{
	margin:0px auto;
	width:155px;
	height:134px;
	background:url(../img/star1.png);
	background-position:0px 0px;
}
.star1:hover .star{
	background-position:0px -134px;
}
/*star2*/
.star2{width:185px;margin:0px auto;}
.star2 .star{
	margin:0px auto;
	width:155px;
	height:134px;
	background:url(../img/star2.png);
	background-position:0px 0px;
}
.star2:hover .star{
	background-position:0px -134px;
}
/*star3*/
.star3{width:185px;margin:0px auto;}
.star3 .star{
	margin:0px auto;
	width:155px;
	height:134px;
	background:url(../img/star3.png);
	background-position:0px 0px;
}
.star3:hover .star{
	background-position:0px -134px;
}
/*star4*/
.star4{width:185px;margin:0px auto;}
.star4 .star{
	margin:0px auto;
	width:155px;
	height:134px;
	background:url(../img/star4.png);
	background-position:0px 0px;
}
.star4:hover .star{
	background-position:0px -134px;
}

.stars p{
	font-family:ArialNarrowBold;
	font-size:16px;
	text-align:center;
	margin-top:30px;
}

.news{border-bottom:1px dashed #cacaca;margin-bottom:20px;}
.pic{margin-right:20px;}
.news .date{display:block;color:#686a6b;background:url(../img/date.jpg) left no-repeat;padding-left:20px;}
.news a{font-size:16px;text-transform:none;}
.news a.m{font-size:14px;text-transform:none;}
.content-news{overflow:hidden;}
@media (max-width: 768px){
    .media-left{display:block;float:inherit;}
}
.partner{border-bottom:1px solid #c6c7ca;padding-bottom:40px;margin-bottom:40px;}
.content-partner{overflow:hidden;color:#c2c2c4;font-size:12px;}
.pr{margin-left:20px;}
@media (min-width: 768px){
.pr .col-sm-2 {
    width: 19.96666667%;
}
}

footer{display:block;background:#2a3339;padding-top:20px;color:#6c7a84;font-size:14px;}
.tel{color:#ffffff;font-size:16px;}
.bottom-bar{padding:10px 0px;margin-top:10px;background:#222a30;color:#6c7a84;}
.menu-footer{list-style:none;padding:0px;margin:20px 0px 0px 0px;}
.menu-footer li{float:left;width:180px;}
.menu-footer li a{color:#6c7a84;font-size:16px;}
.menu-footer li a:hover{text-decoration:underline;}
.text-up{text-transform: uppercase;}

.srolltop{margin-top:20px;display:block;}

.view2{
    width: 318px;
}

.view2 .mask{
    text-align:center;
    margin-top:20px;
}
.view2 .mask a{
    color:#2a3339;
    font-family:ArialNarrowBold;
}

.nav-pills > li > a {
    border-radius: 0px;
    background:#2a3339 url('../img/pills-ar.png') 10px center no-repeat;
    padding-left:25px;
    color:#ffffff;
    font-size:15px;
}
.nav-pills > li:hover > a {
    background:#37b5cf url('../img/pills-ar.png') 10px center no-repeat;;
    color:#ffffff;
}

.nav-pills > li.active > a {
    background:#37b5cf url('../img/pills-ar.png') 10px center no-repeat;;
    color:#ffffff;
}
.nav-pills > li.active:hover > a {
    background:#37b5cf url('../img/pills-ar.png') 10px center no-repeat;;
    color:#ffffff;
}

.view {
 width: 318px;
 height: 196px;
 margin: 10px auto;
 overflow: hidden;
 position: relative;
 text-align: center;
 cursor: default;
}
.view .mask, .view .content {
 width: 318px;
 height: 196px;
 position: absolute;
 overflow: hidden;
     display: table;
 top: 0;
 left: 0
}
.view img {
 display: block;
 position: relative
}
.view h2 {
 text-transform: uppercase;
 color: #fff;
 text-align: center;
 position: relative;
 font-size: 17px;
 padding: 10px;
 background: rgba(0, 0, 0, 0.8);
 margin: 20px 0 0 0
}
.view p {
 font-size: 14px;
 position: relative;
 color: #fff;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
}
.view a.info {
 text-align:center;
 display: inline-block;
 text-decoration: none;
 padding: 7px 14px;
 color: #fff;
 font-size:30px;
 font-weight:bold;
}
.view a.info:hover {

}

.view img {
 transition: all 0.2s linear;
}
.view .mask {

 opacity: 0;
 background-color: rgba(25,175,203, 0.7);
 transition: all 0.4s ease-in-out;
}
.view .mask img{text-align:center;display:inline;margin-bottom:10px;}
.view h2 {
 transform: translateY(-100px);
 opacity: 0;
 transition: all 0.2s ease-in-out;
}
.view p {
 transform: translateY(100px);
 opacity: 0;
 transition: all 0.2s linear;
}
.view a.info{
 opacity: 0;
 transition: all 0.2s ease-in-out;
}

.view:hover img {
 transform: scale(1.08);
}
.view:hover .mask {
 opacity: 1;
}
.view:hover h2,
.view:hover p,
.view:hover a.info {
 opacity: 1;
 transform: translateY(0px);
}
.view:hover p {
 transition-delay: 0.1s;
}
.view:hover a.info {
 transition-delay: 0.2s;
}







