@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

@font-face {
    font-family: 'Arimo-Regular';
    src: url(../fonts/Arimo-Regular.ttf);
}

@font-face {
    font-family: 'Arimo-Bold';
    src: url(../fonts/Arimo-Bold.ttf);
}

body{ font-family: 'Arimo-Regular'; color: #ea6600; }

#body { background: url('../images/white-background.png') no-repeat; background-size: 100% 500px; }

#menu {
    width: 100%; /* IE10+ */
    box-shadow: 0px 3px 5px rgba(44, 82, 165, 0.1);
    position: fixed;
    z-index: 400;

    background-image: -ms-linear-gradient(top, ##0C1B38 0%, #0C1B38 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #0C1B38 0%, #0C1B38 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #0C1B38 0%, #0C1B38 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0C1B38), color-stop(100, #0C1B38));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #0C1B38 0%, #0C1B38 100%);

    /* W3C Markup */
    background-image: linear-gradient(to bottom, #0C1B38 0%, #0C1B38 100%);
}

/* MENU */
#menu #logo { font-size: 30px; margin: 13px 0px; display: inline-block; }
#menu ul{ padding: 0px; margin: 0px; }
#menu li { display: inline-block; }
#menu li:not(.last)::after{ content: '';  position: relative; top: 2px; background: #efefef; display: inline-block; width: 2px; height: 15px; margin: 0px 15px; }
#menu li a { font-size: 16px; font-weight: bold; color:#fafbfc; padding: 25px 0px; display: inline-block; border: 5px transparent; transition: all 0.7s ease; }
#menu li a:hover { text-decoration: none; border-bottom: 5px solid #ea6600; }
#menu li a:focus { text-decoration: none; }
#menu li.active a{ border-bottom: 5px solid #ea6600; }

/* CONTACT */
#contact { padding-top: 77px; background-position-y: 77px; text-align: center; background: url("../images/Background.jpg") no-repeat; background-size: 100% 479px; background-position: top center; }
#contact h1 { font-size: 52px; font-weight: bold; padding-top: 20px; }
#contact .quality { margin: 30px 40px 30px 0px; }
#contact .text-wrapper { margin-top: 40px; }
#contact .block { margin-top: 40px; }
#contact .contact-wrapper { margin-top: 250px; }
#contact .contact-wrapper img { display: inline-block; margin: 5px 5px 10px 5px; }
#contact .form-wrapper { display: block; background: white; box-shadow: 0px 0px 5px rgba(44, 82, 165, 0.15); border-radius: 2px; padding: 15px; }
#contact h2 { font-size: 27px; font-weight: bold; margin: 20px 0px 20px 0px; }
#contact input {  width: 100%; text-align: center; padding: 8px 0px;  border: 2px solid #e0e0e0;  background: #fafafa;  font-size: 20px;  color: #535353; }
#contact .status{  width: 100%;  margin: 20px 0px 20px 0px;  color: white;  font-size: 24px;  font-weight: bold;  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);  padding: 8px 0px;  border: none; }
#contact .waiting-status { background: url("../images/button.jpg") no-repeat;  background-size: cover; }
#contact .failed-status { background: url("../images/button-failed.jpg") no-repeat;  background-size: cover; }
#contact .success-status { background: url("../images/button-success.jpg") no-repeat;  background-size: cover; }

/* PRODUCTS CATEGORIES */
#products-categories { padding: 180px 0px 60px 0px; text-align: center; height: calc(100vh - 258px); }
#products-categories h1 { font-weight: bold; margin: 0px; margin-bottom: 15px; font-size: 31px; }
#products-categories .underline { margin-bottom: 40px; }
#products-categories h3 { font-size: 24px; font-weight: bold; color: #ea6600; }
#products-categories img { margin: 15px auto 5px auto; }
#products-categories .product-wrapper img { height: 138px; } 
#products-categories .col-sm-6 { margin-bottom: 15px; margin-top: 15px; float: left; }
#products-categories .product-wrapper { background: white; border: 5px solid transparent; box-shadow: 0px 0px 0px 3px transparent; transition: all 0.8s; border-radius: 20px; }
#products-categories .product-wrapper:hover { border: 5px solid white; box-shadow: 0px 0px 0px 3px #eeeeee; background: #f1f5ff; }
#products-categories a:hover { text-decoration: none; }
#products-categories a:focus { text-decoration: none; }

/* PRODUCTS */
#products { padding: 180px 0px 60px 0px; }
#products .product-img img { width: 223px; margin: 20px 20px; height: 223px; }
#products .product-content { width: calc(100% - 263px); color: #3e3e3e; font-size: 14px; }
#products .product-title { background: #0c1b38; padding: 10px; color: white; }
#products .product-title h3 { font-weight: bold; font-size: 18px; margin: 0px; display: inline-block; }
#products .product-title small { font-size: 14px; }
#products .product-text { text-align: left; }
#products .product-text p { display: inline-block; margin: 0px; }
#products .product-text .correct-icon { position: relative; top: 15px; }
#products .product-text .col-md-5 label { margin-top: 16px; }
#products .product-text label { margin: 0px; margin-right: 10px; font-weight: bold; }
#products .text-wrapper { margin: 10px auto; display: block; overflow: hidden; width: 100%; }
#products .row { margin-bottom: 40px; }
#products h1 { margin: 0px; font-size: 31px; font-weight: bold; text-align: center; }
#products .underline { display: block; margin: 30px auto 40px auto; }

/* ABOUT */
#about { padding: 40px 0px; text-align: center; }
#about .underline { margin: 5px auto; }
#about h2 img { margin: 5px auto; }
#about p{ font-size: 15px; color: #3e3e3e; margin: 35px auto; }

/* ABOUT US */
#about-us { text-align: center; padding: 180px 0px 60px 0px; }
#about-us h1 { margin: 0px; font-size: 31px; font-weight: bold; text-align: center; }
#about-us h2 { margin: 0px; font-size: 31px; font-weight: bold; text-align: center; }
#about-us .underline { display: block; margin: 30px auto 40px auto; }
#about-us p{ font-size: 15px; color: #3e3e3e; margin: 35px auto; }

/* SLIDER */
#slider { padding: 20px 0px; text-align: center; }
#slider h2 { font-size: 24px; font-weight: bold; }
#slider .slider-wrapper { padding: 20px 0px; background: #f6f6f6; }
#slider p{ font-size: 15px; color: #3e3e3e; margin: 40px auto 20px auto; }
#owl-one { padding: 15px 0px; }

/* FOOTER */
#footer { text-align: center; display: block; background: #0C1B38; border-top: 3px solid #eaeaea; margin-top: 20px; padding: 40px 0px; }
#footer .icon{ margin: 0px auto; display: inline-block; padding: 0px 5px; }
#footer .text-wrapper { display: inline-block; }
#footer p { text-align: center; font-size: 14px; color: #3e3e3e; margin: 10px 0px; }
#footer .logo{ margin: 5px auto 15px auto; }


/* OWL */
.owl-carousel .owl-item img { display: inline-block; width: 210px; height: 210px; }
.owl-prev{  padding: 0px !important;  position: absolute;  right: -80px;  top: 80px;  }
.owl-next{  padding: 0px !important;  position: absolute;  left: -80px;  top: 80px;  }
.owl-theme .owl-nav { margin: 0px; }
.owl-theme .owl-dots { display: none; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

#mobileMenu { display: none; }

.scrollToTop { position: fixed;  z-index: 100;  bottom: 20px;  right: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.21); }

.col-center { float: none !important; margin: 0px auto; }

@media (max-width: 1400px) {
    #contact{  background-size: cover; }
}

@media (max-width: 1200px) {
    #contact { padding-top: 150px; }
}

@media (max-width: 991px) {
    #contact h1 { padding-top: 0px; }
    #contact { padding-top: 77px; }
	#products-categories, #products, #about-us { height: auto; padding: 120px 0px 20px 0px; }
    #contact .text-wrapper { margin-top: 20px; }
    #contact { background: url("../images/background-gradient.jpg") no-repeat; background-size: cover; }
    #contact .quality{  margin: 20px auto;  display: block;  float: none !important;  }
    #contact h1{  float: none !important;  font-size: 46px;  }
    #contact .block{  display: block;  float: none !important;  margin: 20px auto; width: 100%; }
    #contact .contact-wrapper{  margin: 0px;  overflow: hidden;  margin: 20px auto; }
    #contact .contact-wrapper img { float: none !important;  }
    #contact .contact-wrapper .form-wrapper { float: none !important;  }
    #mobileMenu { display: inline-block;  font-size: 24px;  border: 1px solid #e3e3e3;  padding: 1px 7px; color: #ea6600; border-radius: 5px;  margin: 15px 0px; }
    #menu ul { display: none; }
    #menu li:not(.last)::after { display: none; }
    #menu ul { padding-right: 0; border: 1px solid #ddd; margin-bottom: 15px; }
    #menu ul li { float: left; display: block; width: 100%; border-bottom: 1px solid #ddd; }
    #menu ul li a { width: 100%; padding: 7px 10px; display: block; }
    #menu ul li:last-child { border-bottom: none; }
}

@media (max-width: 768px) {
	.owl-prev{  right: 0px; }
	.owl-next{  left: 0px; }
	#products .product-text .col-md-5 label { margin-top: 0px; }
	#products { padding: 120px 0px 20px 0px; }
	#products .product-img { float: none !important; text-align: center; }
	#products .product-img img { margin: 0px auto 10px auto; }
	#products .product-content { width: 100%; }
    #footer .quality { display: none !important; }
}

@media (max-width: 486px) {
    #products .product-title small { display: block; float: none !important; margin-top: 2px; }
    #contact h1 { font-size: 31px; }
    #slider .right-arrow { width: 40px; }
    #slider .left-arrow { width: 40px; }
    .scrollToTop img { width: 50px; }
}