body {font-family: 'Open Sans', Arial, Helvetica, Sans serif; color: #fff; background-image: url('../images/bgsection2.jpg');background-repeat: no-repeat; background-attachment: fixed; background-position: center;  font-size: 14px;}
a {color: #043263;}
#main a {color: #043263; text-decoration: underline;}
a:hover {color: #043263;}
.row .container .row {margin: 0 -15px}
.logo {padding: 20px 0;}
.logo img {margin: 0 auto; width: 140px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Arial, Helvetica, Sans Serif;}
h2{font-weight: 300; text-transform: uppercase; color: #999; font-size: 18px;}
h3{font-weight: 300; text-transform: uppercase; color: #999; font-size: 18px;}
.row {margin: 0;}
.rowin {padding: 20px 40px;}
.toknow{width: 100%; display: block; min-height: 50px; height: auto;float: left; background: #043263; padding: 10px;}
.toknow h3 {font-weight: 300; color: #fff; text-transform: uppercase; margin: 3px 0 0 0px; padding-left: 65px; line-height: 22px; font-size: 22px;} 
.sbttl {font-size: 16px; color: #fff; font-weight: 500;text-transform: none;}
.circle{
    border:2px solid #ddd;
    background-color:white;
    width:50px;
    height:50px;
    text-align:center;
	float: left; 
	position: relative;
}

.fa {
    color:#043263;
    line-height:45px;
}

.carousel-control.left, .carousel-control.right {background: none;}
.caruselholder {margin: 0px; }
.carousel-inner .item  img {width: 100%;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-inner img {}
.form-control, .btn-default {margin-bottom: 4px; border-radius: 0;}
.carousel-caption {left: 20%; right:20%;}
.carousel-caption h2 {margin: 0; background: rgba(0,0,0,0.25);font-size: 40px; color: #fff; font-weight: 700; padding: 10px 20px;}
.carousel-caption p {background: rgba(0,0,0,0.25);font-size: 20px; color: #fff; font-weight: 700;  padding: 10px 20px;}

h1 {font-weight: 300; text-transform: uppercase;}

.buton {padding: 5px; background: #fff; color: #974478; border: 1px solid #974478; clear: both;  margin: 0 5px 5px 0; text-decoration: none; cursor: pointer;  
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;}
.buton:hover {padding: 5px; background: #974478; color: #fff; border: 1px solid #974478; margin: 0 5px 5px 0; text-decoration: none;}

.thumbnail {
	border-radius: 0;	
}
.thumbnail .caption {
	min-height: 97px;
	padding: 5px;
	background: #f5f5f5;
	position: relative;
}
.thumbnail .caption h2 {margin: 0; text-align: center;}
.thumbnail .caption h2 a{ font-size: 15px; font-weight: 600;}

.addcos::before {
   font-family: 'FontAwesome';
   content: "\f217";
   display: inline-block;
   padding-right: 7px;
   vertical-align: middle;
}
.recomanda::before {
   font-family: 'FontAwesome';
   content: "\f087";
   display: inline-block;
   padding-right: 7px;
   vertical-align: middle;
}
h3.pasi {text-align: center; background: url('../images/bg-white.png') repeat-x 0 -15px; margin-bottom: 0;padding-bottom: 15px;}
h3.pasi  span {border-radius: 40px; background: #043263; width: 40px; line-height: 40px; text-align: center; color: #fff; display: block; margin: 0 auto;}
.footer {clear: both; color: #ddd; background: #043263; font-size: 14px; line-height: 22px; padding: 20px 0; }
.footer h2 {margin: 0 0 20px 0; padding: 0; font-weight: 300;}
.footer a,.footer a:visited,.footer a:active{color: #ddd; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration: underline;}
.pasi2 {text-align: center; padding: 0px 7px; background: #fff; border: 1px solid #043263; display: inline; color: #043263; width: 30px; margin-right: 10px; font-size: 20px; font-weight: 300; line-height: 16px;}	
	
.proddet {display: none; margin-bottom: 15px; margin-top: 15px; }
.prodhead {margin: 10px 0; border-bottom: 1px dashed #336090; padding: 10px 0;}
.prodhead h2 { font-size: 30px; font-weight: 300; color: #043263; margin: 0; cursor: pointer;}
h2.produs { font-size: 30px; font-weight: 300; color: #043263; margin: 0; cursor: pointer; padding: 15px 0;}
.prodhead h2.off{background: url('../images/arrow.png') no-repeat; background-position: calc(100% - 20px) 10px;} 
.prodhead h2.on{background: url('../images/arrow.png') no-repeat; background-position: calc(100% - 20px) -35px;} 
.show {display: block;}
	
@media (min-width: 1250px) and (max-width: 1920px){
	.cl-effect-5 a span {
		margin: 0;
	}
	.nav > li > a  {font-size: 18px;}

}@media (min-width: 1100px) and (max-width: 1250px){
	.cl-effect-5 a span {
		margin: 0;
	}
	.nav > li > a  {font-size: 16px;}
	.carousel-caption {left: 10%; right:10%;}
}
@media (min-width: 100px) and (max-width: 1099px){
	.thumbnail .caption {
		min-height: 65px;
		padding: 5px;
		background: #f5f5f5;
	}	
	.thumbnail .caption h2 {line-height: 14px;}
	.thumbnail .caption h2 a{ font-size: 12px; font-weight: 600;	line-height: 16px;
	}
	.rowin {padding: 20px 0px;}
	.carousel-caption {left: 10%; right:10%;}

	.nav > li > a{font-size: 16px;}
}
@media (min-width: 100px) and (max-width: 767px){
	.container {padding: 0;}
	.carousel-caption {position: relative; clear: both; left: 0; top: 0; right: 0; padding: 0; min-height: 115px; background: rgba(4,50,99,0.6);}
	.carousel-caption h2 {margin: 0;font-size: 22px; background: none; color: #fff; font-weight: 700; padding: 10px 20px;}
	.carousel-caption p {color: #fff;background: none; font-weight: 700; padding: 10px 20px; font-size: 14px; }
	.carousel-indicators , .carousel-control{display: none;}
}