html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

body {
	  position: relative;
	background: #fff;
}
body, td, th, #submitButton, textarea, input, select {
	font-family: 'Ubuntu', sans-serif;
	color: #484848;
	font-size: 16px;
	line-height: 26px;
	
}
container {
	max-width: 100% !important;
}
h1 {
	font-size: 50px;
	font-weight: 300;
	padding-bottom: 3%;
	text-align: center;
	text-transform: uppercase;
}
h2 {
	font-size: 42px;
	font-weight: 400;

}
h3 {
	font-size: 35px;
	font-weight: 400;
	
}
h4 {
	font-size: 32px;
	font-weight: 400;
	
}
h5 {
	font-size: 24px;
	line-height: 35px;
	font-weight: 400;
	
}
h6 {
	font-size: 17px;
	line-height: 30px;
	font-weight: 400;
	
}
a {
	color: #0074ba;
}
a:hover, a:focus {
	color: #0074ba;
	text-decoration: underline;
}
.inline {
	display: inline !important;
}
.content {
	padding-top: 3%;
	padding-bottom: 60px;
}
.no-padding {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.padding-lr {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.form-control {
	border-radius: 0px;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 40px;
}
.btn-my-default {
	background-color: #125f8d;
	padding-top: 12px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 12px;
	color: #fff;
	border: none;
	text-transform: uppercase;
}
.btn-my-default:hover,
.btn-my-default:focus {
	background-color: #064468;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}


.text-content{
	text-align: justify;
}



.logo{
	margin-top: -9px;
	
}
.attr-nav{
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-right: 0px;
}
.flag-icon {


	font-size: 12px;
}
.en {
	width: 25px;
	display: inherit;
	margin-top: -2px;
}
.bg {
	width: 30px;
	display: inherit;
	margin-top: -2px;
}


nav.navbar.bootsnav ul.nav > li > a {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
}

.navbar-collapse {
	max-height: 550px;
	overflow-y: hidden !important;
}


.navbar-right .dropdown-menu {
	right: auto;
	left: 0px;
}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
    text-align: left;
}


/*
Color
=========================== */



nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,

nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #009de0;
}


@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #009de0 !important;
    }
}

nav.navbar.navbar-inverse {
    background-color: #222;
    border-bottom: none;
}



@media (max-width: 767px) {
	
	.navbar{
	padding-top: 12px;
	padding-bottom: 12px;
	}
	
	.navbar-brand img{
	margin-top: -15px;
	width: 80px;
}
	.navbar-collapse{
	margin-top: 10px;
	background-color: #333;
	}
	
nav.navbar.navbar-inverse ul.nav > li.dropdown > a {
    background-color: #333;
}

nav.navbar.navbar-inverse .navbar-nav > li > a {
    border-top: solid 1px #444;
    border-bottom:none;
}

}

.banner{
position: relative;	
}
.arrow-down{
	position: absolute;
	top: 60%;
	left: 48.6%;
	
}


.serviceBox{
    background: #125f8d;
    text-align: center;
    padding: 20px 0 40px;
    position: relative;
	color: #FFFFFF;
}
.serviceBox:hover{
    background:#1775ae;
}
.serviceBox .service-icon{
	color: #b3b3b3;
	margin: 0 auto;
	transition: all 0.5s ease-in-out;
	border-radius: 246px;
}
.serviceBox .service-icon img{
	border-radius: 246px;
	margin-top: 19px;
	margin-bottom: 32px;
}
.serviceBox:hover .service-icon{
    transform: rotateY(360deg);
    color: #fff;
    border-color: #fff;
  
}
.serviceBox .service-content h3{
    color: #fff;
	text-transform: uppercase;
}
 .service-content .description{
	font-size: 18px;
	padding: 0 30px;
	margin-top: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	color: #fff;
	line-height: 32px;
}
.serviceBox:hover h3,
.serviceBox:hover p{
	color: #fff;
	
}
.serviceBox .btn{
	background: none;
	color: #fff;
	padding: 15px 45px;
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	border: 1px solid #FFFFFF;
	border-radius: 0px;
	margin-bottom: 17px;
}
.serviceBox:hover .btn{
    background: #125f8d;
    color: #fff;
}
@media screen and (max-width: 990px){
    .serviceBox{
        margin-bottom: 20px;
        padding: 20px 0;
    }
}
@media screen and (min-width: 1200px){
    .serviceBox{
        min-height: 700px;
    }
}


.contacts {
	background-color: #F9F9F9;
	border-bottom: 6px solid #FFFFFF;
	padding-bottom: 15px;
}
.icon-wrapper {
	width: 33px;
	display: inline-table;
	padding-left: 14px;
}
.contacts .add {
	padding-left: 5px;
	display: inline-table;
}
.contacts .addres-wrapper {
	padding-right: 96px;
}
.fa-phone, .fa-map-marker {
	color: #0074ba;
	font-size: 24px;
	margin-top: 10px;
}
.fa-envelope {
	color: #0074ba;
	font-size: 20px;
	margin-top: 9px;
}
.contacts .icon {
	width: 37px;
	height: 37px;
	border-radius: 100px;
	text-align: center;
}
#message {
	height: 150px;
}
/* FORMS ERRORS */
input.error {
	border: #c00 1px solid;
}
select.error {
	border: #c00 1px solid;
}
textarea.error {
	border: #c00 1px solid;
}
label.error {
	display: block;
	color: #fff;
	font-size: 75%;
	font-weight: normal;
	padding: 0px 10px;
	margin-top: 0px;
	background-color: #FF0004;
}

#map {
	height: 500px;
	float: none;
	clear: both;
	padding-bottom: 0px;
}
.footer {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #3e3e3e;
}
.copyright {
	color: #969696;
	font-size: 12px;
}
.copyright a {
	color: #969696;
	font-size: 12px;
}
.copyright a:hover {
	color: #eee;
}





.hover-div{
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.hover-div img{
    width:100%;
     transition:all ease-in-out .5s;
	
}


.hover-div:hover img{
    transition:all ease-in-out .5s;
    opacity:1;
    transform: scale(1.2);
}

.pd ul li{
	margin-left: -19px;
}

/*
responsive
==================*/
@media(max-width:991px) {
.contact-form {
	margin-top: 49px;
}
#map {
	height: 400px;
}
h5 {
	font-size: 24px;
	line-height: 30px;
}
.title{
	color: #484848;
	margin-top: 30px;
}
}

@media (max-width: 767px) {

h1 {
	font-size: 35px;
}
h2 {
	font-size: 30px;
}
h3{
	font-size: 25px;
}
h6 {
	font-size: 16px;
}
.content {
	padding-top: 5%;
	padding-bottom: 40px;
}
#message {
	height: 150px;
}
#map {
	height: 300px;

}
.cat-title{
	color: #484848;
	margin-top: -63px;
	margin-bottom: -19px;
}
}

@media(max-width:540px) {
.block-grid-xs-1 {
	padding-left: 0px;
	padding-right: 0px
}
.col-md-6{
padding-left: 0px;
	padding-right: 0px	
}
.arrow-icon {
	display: none;
}
.product-number {
	display: none;
}
.contacts .addres-wrapper {
	padding-right: 0px;
}
#map {
	height: 200px;
	
}
h5 {
	font-size: 22px;
	line-height: 28px;
}
.pdf-button {
	font-size: 25px;
}
}

.table > tbody > tr > td {
    border-top: none !important;
}