body {
	font-family: "Open Sans", helvetica, sans-serif; margin-top: 90px;
}
* {
	text-shadow: none;
	box-shadow:none;
}
::selection {
  background: #0066B3; /* WebKit/Blink Browsers 003590 */
  color: #fff;
}
::-moz-selection {
  background: #0066B3; /* Gecko Browsers */
  color: #fff;
}

a, a:hover {color: #f05233;}


article a, a.albastru {color: #f05233; }
h1, h2, h3 {text-align: left; color: #222;}
h1 {margin-top: 0; margin-bottom: 20px; font-size: 2rem; font-weight: 600;}
h2 {font-size: 1rem; margin-top: 20px; margin-bottom: 0;}

.form-control:focus{border-color:#f05233;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(215,64,20,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(215,64,20,.6)}

.fa {
  font-family: 'FontAwesome';
  font-style: normal;
}
.autohide{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
}
.scrolled-down{
	transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
	transform:translateY(0); transition: all 0.3s ease-in-out;
}

.navbar  { font-family: "Ubuntu", Arial, sans-serif; font-weight: 500;
    background: #fff;
    border-bottom: 1px dotted #0066B3;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 180px;
}
.navbar-header {height: 100px;}
.navbar-default .navbar-nav > li > a {
    padding: 13px 6px; text-transform: none;
}
.navbar-default .navbar-nav > li > a:hover {}
.navbar-nav > li > a { color: #0066B3;}

.navbar > .container .navbar-brand {padding: 20px 0 0 0; margin-left: 0px;}
.navbar-brand img {max-width: 120px; margin-left: 20px;}

.top-tel {position: absolute; top: 15px; right: 10px; width: 180px; font-weight: 400;}
.top-tel > a {color: #0066B3;}
.top-tel .icon {width: 30px; float: left; color: #0066B3; font-size: 34px; line-height: 50px;}
.top-tel .text {width: 140px; float: left; font-size: 14px; line-height: 18px; padding-top: 5px;}
.top-tel .text > span { font-size: 20px;}

.navbar-toggler-icon {color: #0066B3;}
/*
.top { position: relative; z-index: 15; background: #fff;}
.top .navbar-nav  > li  {padding: 9px 30px 8px 0;}
.top .navbar-nav  > li:last-child {padding: 9px 0px 8px 0;}

.top .navbar-nav > li > a { padding: 0; font-size: 12px; color: #333; line-height: 12px;}
.top .navbar-nav > li > a:hover { color: #003590;}



.top .navbar-nav > li > a.highlight{background: #f05233; color: #fff; padding: 2px;}
.pull-right {padding-top: 10px;}*/

.navbar-collapse {background: none;}
.navbar-collapse li.dropdown a {}

.navbar-default .navbar-nav > li > a:focus {color: #0e92cd;}
.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
    margin: 0;}
.dropdown-menu {
	box-shadow: none;
    display: none;
    float: left;
    font-size: 14px;
    list-style: outside none none;
    margin: 0;
    min-width: 160px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 38px;
}

.dropdown-menu  li {
	background: #03235c;
}
.dropdown-menu  li:last-child{
	border-bottom: 0;	
}

.dropdown-menu  li a{
	font-size: 17px;
	font-weight: 300;
	width: 100%;
	padding: 5px 10px;
	background: #03235c;
	color: #fff;
	text-decoration: none;
	border: none;
}
.dropdown-menu  li a:hover {
	background: none;
	color: #ffd600;
	text-decoration: none;
}
.btn {
  background: #0066B3;
}
.btn:hover {
	background: #03235C;
}
.prodviz {aspect-ratio: 5/2; overflow: hidden; }
.prodviz img { object-fit: cover;    width: 100%;   height: 100%;}

.thumb {aspect-ratio: 4/3; display: block; overflow: hidden}
.thumb img { object-fit: cover; height: 100%;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: none; background: #f5f5f5; color: #222; font-weight: 600;}
.nav-tabs {border-bottom: none;}
a.nav-link {color: #222;}


ul.lst {
    list-style-type: none;
    padding-left: 25px;
    font-size: 1rem;
}
ul.lst li {
    text-indent: 11px;
    padding-bottom: 8px;
}
ul.lst li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 5px 10px -3px -35px;
    color: #0066B3;
    font-size: 14px;
}

a.phone:before {	
	content: "\f095";
    font-family: FontAwesome;
	font-size: 30px;
    left:0px;
    position:absolute;
    top:0px;
}
a.mess:before {	
	content: "\f0e0";
    font-family: FontAwesome;
	font-size: 23px;
    left:0px;
    position:absolute;
    top:-2px;
}

/* footer start */
.footer {
	background: #0066B3;
	padding: 20px 0 10px 0;
	margin: 50px 0 0 0;
}

.footer a {color: #fff;}
.footer dl {color: #fff; }
.footer dt {font-family: "Fira Sans Condensed", Arial, sans-serif;font-size: 19px; padding-bottom: 20px;}
.footer p{text-align:center; padding: 10px 0 0 0; font-size:18px; font-family: Arial, sans-serif;color: #fff;}
.footer2 {
	background: #03235C;
	padding: 20px 0 40px 0;
	margin: 0;
	color: #fff;
	
}
.footer2 a{color: #fff;}
.footer2 span{font-size: 12px; color: #03235C;}



i.social {width:40px;height:40px;border-radius:20px;font-size:20px;color:#000;line-height:40px;text-align:center;background:#fff;}

@media (min-width: 768px) and (max-width: 991px){
	
}
@media (max-width: 991px)
{
	body {padding-top: 80px;}
	.navbar-brand img { width: 80px; margin-left: 0;}
	.navbar {padding-right: 0; padding-bottom: 10px; padding-top: 10px; }
	.navbar-nav {margin-top: 20px;}
	.navbar-nav li {margin-left: -10px;}
	.navbar-expand-lg .navbar-nav .nav-link{    padding-right: 0.5rem;    padding-left: 0.5rem;}
	.navbar-toggler {padding-top: 14px;font-size: 1.45rem;}


	.top-tel {position: absolute; top: 15px; right: 50px; width: 180px;}
	.top-tel .icon {width: 28px; float: left; font-size: 32px; line-height: 38px; padding-top: 5px;}
	.top-tel .text {width: 140px; float: left; font-size: 14px; line-height: 18px; padding-top: 5px;}
	.top-tel .text > span { font-size: 18px;}
}