/*
BLUE - #0083bf
TEAL - #01b3bf
ORANGE - #ea8f36
LIGHT GREY - #666666
DARK GREY - #333333
*/



























/* ------------------------------------------
	START SMALL DESKTOP
------------------------------------------ */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header-search-desktop form input {
	    width: 240px !important;
	}
	.yamm .dropdown.yamm-fw .dropdown-menu {
		left: 0;
	}
	#homepage-carousel .item .panel {
		left: 10%;
		width: 60%;
	}
	#product-filter > div > ul li {
		font-size: 13px;
	}
	#product-filter .btn i, #product-filter > div > ul li i {
	    font-size: 19px;
	}
	#hp-news-carousel .item .content h4 {
		font-size: 13px;
	}

    header nav ul.nav-main > li > a {
        font-size: 14px;
    }
    header .nav-pills > li + li {
        margin-left: 0px;
    }
}

/* ------------------------------------------
	END SMALL DESKTOP
------------------------------------------ */

/* ------------------------------------------
	 START TABLET/MOBILE 
------------------------------------------ */

@media screen and (max-width: 991px) {

	h2.resp-accordion i{
	 	display: none;
	 }
	.what-next .title img {
	 	display: none;
	 }
	 .what-next .title h2 {
	 	margin-bottom: 20px;
	 }
	 .what-next .btn-group {
	 	margin-right: 10px;
	 	margin-left: 0;
	}
	.pagination {
		float: left;
	}

	.mobile-centered {
		text-align:center;
	}
	header .the-navigation {
		margin: 0;
	}
	header .service-icons {
		margin-bottom: 20px;
	}

	header .service-icons a {
		padding: 8px 20px;
	}

	/* Responsive Button Nav */
	button.btn-responsive-nav {
		background: #0083bf;
		display: inline-block;
		color: #FFF;
		border: 0;
		padding: 13px 20px;
		outline: none !important;
		-webkit-transition: all 0.3s ease-in-out; 
		-moz-transition: all 0.3s ease-in-out; 
		transition: all 0.3s ease-in-out; 
	}
	button.btn-responsive-nav:hover,
	button.btn-responsive-nav:active,
	button.btn-responsive-nav:focus {
		/*background-color: #cc2223;*/
	}

	/* Animate Boostrap mobile hamburger icon */
	button.btn-responsive-nav .icon-bar {
		display: block; 
		width: 22px; 
		height: 2px; 
		margin-top: 2px; 
		margin-bottom: 2px; 
		border-radius: 1px; 
		background-color: #ffffff;
	}		
	button.btn-responsive-nav .icon-bar:nth-of-type(2) {
		  top: 1px;
	}
	button.btn-responsive-nav .icon-bar:nth-of-type(3) {
		top: 2px;
	}
	button.btn-responsive-nav .icon-bar {
		  position: relative;
		  transition: all 500ms ease-in-out;
	}
	button.btn-responsive-nav.active .icon-bar:nth-of-type(1) {
		  top: 4px;
		  transform: rotate(45deg);
	}
	button.btn-responsive-nav.active .icon-bar:nth-of-type(2) {
		  background-color: transparent;
	}
	button.btn-responsive-nav.active .icon-bar:nth-of-type(3) {
		  top: -4px;
		  transform: rotate(-45deg);
	}
	/* /Animate Boostrap mobile hamburger icon */

	/* Navigation */
	
	.navbar-collapse {
		padding-left:15px;
		padding-right:15px;
	}		
	header div.nav-main-collapse,
	header div.nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}
	header nav.nav-main ul.nav-main {
		float: none;
		position: static;
	}
	header div.nav-main-collapse.collapse {
		display: none !important;
	}
	header div.nav-main-collapse {
		top: 8px;
		position: relative;
	}
	header div.nav-main-collapse.in {
		display: block !important;
	}
	header div.nav-collapse div.container nav.nav-main {
		float: left;
		width: 100%;
	}
	header div.nav-main-collapse {
		background-color:#0083bf ;	
		max-height: none;
		margin-bottom:30px;
		position:absolute;
		left:0px;
		top:77px;
		z-index:999999;
		border: 1px solid #fff;
	}
	header nav ul.nav-main {
		margin-right: -10px;
	}
	header div.nav-collapse {
		width: 100%;
		clear: both;
		width: 100%;
	}
	header nav.nav-main {
		padding: 0px;
		clear: both;
		display: block;
		float: none;
		width: 100%;
        text-align: left;
	}
	header nav.nav-main ul,
	header nav.nav-main ul li {
		padding: 0;
		margin: 0;
	}
	header nav.nav-main ul li {
		clear: both;
		float: none;
		display: block;
		border-bottom: 1px solid #fff;
	}
	header nav ul.nav-main li a,
	header nav ul.nav-main ul.dropdown-menu li > a,
	body header.single-menu nav ul.nav-main li.active > a {
		padding: 10px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
		font-weight: 600;
        color: #fff !important;
	}
	header nav ul.nav-main li a i {
		display: none;
	}
	header nav.nav-main ul li:last-child,
	header nav ul.nav-main ul.dropdown-menu li > a {
		border-bottom: none;
	}
	header nav ul.nav-main ul.dropdown-menu li ul li > a {
		border-bottom: none;
		font-size: 13px;
		padding: 4px 8px;
		/*text-decoration: underline;*/
	}
	header nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
		padding-left: 0;
	}
    header nav ul.nav-main > li > a.selected {
        color: #FFF;
    }
	header nav.nav-main ul ul {
		margin-left: 10px;
	}
	header nav.nav-main ul ul ul {
		margin-left: 0;
		padding: 0 !important;
	}
	header nav.nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}
	header nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
        border-top:0px;
        width:auto;
	}
	header nav ul.nav-main ul.dropdown-menu h4 {
		color: #fff;
		margin-bottom: 10px;
	}
	header nav.nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}
    header nav ul.nav-main ul.dropdown-menu:after {display: none;}
    header nav ul.nav-main ul.dropdown-menu > li > a {
        color:#ffffff !important;
        font-size:15px;
    }
	body header nav ul.nav-main ul.dropdown-menu,
	body header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
	body header nav ul.nav-main li a,
	body header nav ul.nav-main li > a:hover,
	body header nav ul.nav-main li.active a,
	body header nav ul.nav-main li.dropdown:hover a,
	body header nav ul.nav-main ul.dropdown-menu li:hover > a,
	body header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: transparent !important;
		border: none;
	}
	header nav .dropdown-menu > li .feature {
		display: none;
	}
	header nav .dropdown-menu > li a.overview {
		margin: 0;
	}
	.yamm .dropdown.yamm-fw .dropdown-menu {
		padding-top: 0;
        width: 100%;
	}
	header nav .dropdown-menu > li .menu-items {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	header nav .dropdown-menu > li .menu-items h4 a {
		font-weight: 600;
	}
	header nav .dropdown-menu .column {
		width: 100%;
	}
	header nav .dropdown-menu .column li, header nav .dropdown-menu > li .feature li {
	    color: #0083bf;
	    display: inline-block;
	    padding-right: 5px;
	    border-right: 1px solid #666;
	    margin-right: 5px;
	    border-bottom: 0;
	}
	header nav .dropdown-menu .column > a {
		color: #0083bf;
		padding-left: 8px;
	}

    header .languages {
        float: right; 
        margin: 0;
    }
    header .logo {
        margin-bottom: 15px;
    }

	#search-popup,
	#list-popup {
		top: 118px;
	}
	#search-popup input {
		width: 70%;
	}
	footer .mobile-centered {
		margin-bottom: 20px;
	}
	.footer-links ul li {
		display: inline-block;
		float: none;
	}
	#product-filter > div > ul li {
		font-size: 13px;
	}
	#product-filter .btn i, #product-filter > div > ul li i {
	    font-size: 19px;
	}
	.social-footer i {
		font-size: 36px;
	}
	footer.content-section {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
    footer .footer-associations {
        text-align: center;
    }
    footer .footer-associations h3 {
        margin-top: 0;
        margin-bottom: 20px;
    }


}

/* ------------------------------------------
	 END TABLET/MOBILE
------------------------------------------ */

@media screen and (min-width: 768px) and (max-width: 991px) {

	#homepage-carousel .item .panel {
		left: 10%;
		width: 60%;
	}

	header .service-icons {
		float: right;
	}

	.related-content h2 {
		font-size: 20px;
	}
	#hp-news-carousel .item .content h4 {
		font-size: 13px;
	}
	#hp-news-carousel .owl-buttons .owl-next {
		right: -40px;
	}
	#hp-news-carousel .owl-buttons .owl-prev {
	    left: -40px;
	}

}

/* ------------------------------------------
	START MOBILE
------------------------------------------ */

@media screen and (min-width: 768px) {

    #contact-accordion {
        margin-top: 63px;
    }
}

@media screen and (max-width: 767px) {

	h1 {
        margin-top: 30px;
	}

    header .languages {
        float: none !important;
        text-align: center;
        display: block;
    }
	.logo {
		margin: 5px auto 15px auto !important;
	}
	#account-popup {
	    width: 100%;
	    height: 270px;
	    top: 66px;
	    left: 0;
	}
    header .service-icons {
        text-align: center !important;
    }
	header .service-icons .list {
	    padding-right: 34px;
	}
	header .service-icons .list span {
	    font-size: 15px;
	    top: 11px;
	}
		
	#homepage-carousel .item .panel {
		left: 0;
		width: 100%;
	}
	#homepage-carousel .item .panel h2 {
	    font-size: 36px;
	    line-height: 1.1;
	}
	#homepage-carousel .item .panel h3 {
	    font-size: 18px;
	    line-height: 1;
	}
 	#homepage-carousel .item .panel p {
 		display: none;
 	}
 	#homepage-carousel .owl-controls .owl-buttons div {
 		padding: 0 8px;
 		font-size: 24px;
 	}

	footer a, footer h3 {
		display: inline-block;
	}
	footer h3 {
	    margin-right: 20px;
	}
	.contact-footer li {
		display: inline-block;
	}
	.contact-footer li.telephone,
	.contact-footer li.fax {
		width: 49%;
	}
	.contact-footer li.email {
		width: 100%;
	}

	#search-popup,
	#list-popup {
		top: 199px;
	}
	#list-popup {
		right: 0;
	}

	.hp-services .service {
		margin-bottom: 30px;
	}
	.hp-clients img {
		margin-bottom: 30px;
	}

	#sub-menu-expander,
	#product-filter {
		margin-bottom: 30px;
	}
	.what-next .btn-group {
	 	margin-bottom: 10px;
	}
	#parentVerticalTab {
	    margin-bottom: 30px !important;
	}
	header div.nav-main-collapse {
		top:147px;
	}
	.close-need-help {
		padding: 10px 0 20px 0;
	}
	.need-more-help_form .tell-us-more {
		margin-bottom: 30px;
	}
	.need-more-help_open {
	    height: 561px;
	    text-align: center;
	}
	#hp-news-carousel .owl-buttons {
	    bottom: 10%;
	    top: inherit;
	}
	#hp-news-carousel .owl-buttons .owl-prev {
	    left: 15px;
	}
	#hp-news-carousel .owl-buttons .owl-next {
	    right: 15px;
	}
    .hp-services .service {
        margin-bottom: 30px;
    }

    .main-product-image,
    #ProductTab {
        margin-bottom: 30px !important;
    }

    .distributor-info-panel.show {
        width: 50%;
    }

}

/* ------------------------------------------
 	END MOBILE 
 ------------------------------------------ */

 /* ------------------------------------------
	 START SMALL MOBILE
------------------------------------------ */

@media screen and (max-width: 600px) {

	.hp-news h2 {
		width: 50%;
	}
    .the-breadcrumbs {
        display: none;
    }
    .article-preferences {
        margin-bottom: 30px;
    }
    
}

/* ------------------------------------------
	 END SMALL MOBILE
------------------------------------------ */


/* ------------------------------------------
	 START SMALL MOBILE
------------------------------------------ */

@media screen and (max-width: 480px) {

    .related-content h2 {
        font-size: 18px;
    }

	#homepage-carousel .owl-controls .owl-buttons div {
		display: none;
	}

    .distributor-info-panel.show {
        width: 75%;
    }
    .btn {
        font-size: 13px;
    }
    .map_area select#ddlCountries {
        width: 100%;
    }

    
}

/* ------------------------------------------
	 END SMALL MOBILE
------------------------------------------ */




  /*-------- PRODUCT PAGE --------*/

.main-product-image {
	position: relative;
}
.product-item .promo-banner {
	/*position: absolute;
	top: -5px;
	left: -5px;
	z-index: 100;*/
}
.main-product-image .promo-banner {
	position: absolute;
	top: -1px;
	left: 14px;
	z-index: 100;
}
.product-page .main-product-image .promo-banner {
    top: -4px;
    left: 11px;
}


.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.fade.in {
opacity: 0.8 !important;
filter: alpha(opacity=80) !important;
}

.quote_product {
    display: none;
}