@font-face {
	font-family: Swiss721BTLight;
	src: url('../fonts/swiss-721-light-bt.eot');
	src: url('../fonts/swiss-721-light-bt.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/swiss-721-light-bt.svg#Swis721 Lt BT') format('svg'),
		url('../fonts/swiss-721-light-bt.woff') format('woff'),
		url('../fonts/swiss-721-light-bt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "ITC Avant Garde Gothic LT Regular";
	/* src: url("../fonts/ITC Avant Garde Gothic LT Book Regular.otf"); */
	src: url('../fonts/ITC Avant Garde Gothic LT Book Regular.eot');
	src: url('../fonts/ITC Avant Garde Gothic LT Book Regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/ITC Avant Garde Gothic LT Book Regular.svg#Bodoni Classico')
		format('svg'),
		url('../fonts/ITC Avant Garde Gothic LT Book Regular.woff')
		format('woff'),
		url('../fonts/ITC Avant Garde Gothic LT Book Regular.ttf')
		format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Tunga;
	src: url("../fonts/tunga_220.ttf") format('truetype');
}

@font-face {
	font-family: Swiss721BTRomanCondensed;
	src: url('../fonts/Swiss721BT-RomanCondensed.eot');
	src: url('../fonts/Swiss721BT-RomanCondensed.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/Swiss721BT-RomanCondensed.svg#Bodoni Classico')
		format('svg'), url('../fonts/Swiss721BT-RomanCondensed.woff')
		format('woff'), url('../fonts/Swiss721BT-RomanCondensed.ttf')
		format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: ITCAvantGardeStdXLtCn;
	/* src: url("../fonts/ITCAvantGardeStd-XLtCn.otf"); */
	src: url('../fonts/itcavantgardestd-xlt.eot');
	src: url('../fonts/itcavantgardestd-xlt.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/itcavantgardestd-xlt.svg#ITC Avant Garde Gothic Std')
		format('svg'), url('../fonts/itcavantgardestd-xlt.woff')
		format('woff'), url('../fonts/itcavantgardestd-xlt.ttf')
		format('truetype'), url("../fonts/ITCAvantGardeStd-XLtCn.otf");
	/* font-weight: normal;
	font-style: normal; */
}

@font-face {
	font-family: Swiss721RomanExtendedBt;
	src: url("../fonts/swiss-721-roman-extended-bt.ttf") format('truetype');
}

div::-webkit-scrollbar {
	width: .5vw;
}

div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

div::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

body {
	font-family: 'Tw Cen MT';
	overflow-x: hidden;
	format: embedded-opentype;
}

.overflow-y-scroll {
	overflow-y: scroll;
}

.overflow-x-scroll {
	overflow-x: scroll;
}

.home-main {
	margin-left: -1vw !important;
	margin-right: -1vw !important;
}

.home-bg {
	background: url('../images/home-bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 5vh;
}

.main-bg {
	background: url('../images/main-bg-2.png');
	background-repeat: repeat-y;
	background-size: 100% 40%;
}

.career-main-bg {
	background: url('../images/main-bg-2.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* .main-bg-products {
	background: url('../images/main-bg-2.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 1;
} */
.certificate-bg {
	background: #d9e1e9;
	/*background: rgba(39, 89, 163, 0.75);
	 background: -moz-linear-gradient(-45deg, rgba(39, 89, 163, 0.75) 0%,
		rgba(22, 65, 138, 0.8) 38%, rgba(7, 44, 117, 0.8) 71% );
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(39, 89, 163
		, 0.75) ), color-stop(38%, rgba(22, 65, 138, 0.8) ),
		color-stop(71%, rgba(7, 44, 117, 0.8) ) );
	background: -webkit-linear-gradient(-45deg, rgba(39, 89, 163, 0.75) 0%,
		rgba(22, 65, 138, 0.8) 38%, rgba(7, 44, 117, 0.8) 71% );
	background: -o-linear-gradient(-45deg, rgba(39, 89, 163, 0.75) 0%,
		rgba(22, 65, 138, 0.8) 38%, rgba(7, 44, 117, 0.8) 71% );
	background: -ms-linear-gradient(-45deg, rgba(39, 89, 163, 0.75) 0%,
		rgba(22, 65, 138, 0.8) 38%, rgba(7, 44, 117, 0.8) 71% );
	background: linear-gradient(135deg, rgba(39, 89, 163, 0.75) 0%,
		rgba(22, 65, 138, 0.8) 38%, rgba(7, 44, 117, 0.8) 71% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2759a3', endColorstr='#072c75',
		GradientType=1 ); */
	width: 102%;
	left: -1%;
}

.div-table {
	display: table;
}

.width-100per {
	width: 100%;
}

.width-80vw {
	width: 80vw;
}

.width-55vw {
	width: 55vw;
}

.div-table-cell {
	display: table-cell;
}

.v-align-top {
	vertical-align: top;
}

.v-align-middle {
	vertical-align: middle;
}

.v-align-bottom {
	vertical-align: bottom;
}

.t-align-center {
	text-align: center;
}

.t-align-left {
	text-align: left;
}

.t-align-right {
	text-align: right;
}

.height-92vh {
	height: 92vh;
}

.height-90vh {
	height: 90vh;
}

.height-80vh {
	height: 80vh;
}

.height-70vh {
	height: 70vh;
}

.height-60vh {
	height: 60vh;
}

.height-65vh {
	height: 65vh;
}

.height-50vh {
	height: 50vh;
}

.height-55vh {
	height: 55vh;
}

.height-52vh {
	height: 52vh !important;
}

.height-45vh {
	height: 45vh;
}

.height-40vh {
	height: 40vh;
}

.height-30vh {
	height: 30vh;
}

.height-10vh {
	height: 10vh;
}

.height-15vh {
	height: 15vh;
}

.height-20vh {
	height: 20vh;
}

.height-440px {
	height: 440px;
}

.white-color {
	color: white;
}

.gray-color {
	color: gray;
}

.black-color {
	color: #000000;
}

.white-color {
	color: #ffffff;
}

.gray-color-bg {
	background-color: #D4D4D4;
}

.font-size-5px {
	font-size: 5px !important;
}

.font-size-10px {
	font-size: 10px !important;
}

.font-size-12pt {
	font-size: 12pt !important;
}

.font-size-15px {
	font-size: 15px !important;
}

.font-size-17px {
	font-size: 17px !important;
}

.font-size-1dot1vw {
	font-size: 1.1vw !important;
}

.font-size-20px {
	font-size: 20px !important;
}

.font-size-22px {
	font-size: 22px !important;
}

.font-size-1dot3vw {
	font-size: 1.3vw !important;
}

.font-size-1vw {
	font-size: 1vw !important;
}

.font-size-24px {
	font-size: 24px !important;
}

.font-size-25px {
	font-size: 25px !important;
}

.font-size-30px {
	font-size: 30px !important;
}

.font-size-40px {
	font-size: 40px !important;
}

.font-size-50px {
	font-size: 50px !important;
}

.font-size-60px {
	font-size: 60px !important;
}

.font-size-70px {
	font-size: 70px !important;
}

.font-size-5vw {
	font-size: 5vw !important;
}

.font-size-4dot5vw {
	font-size: 4.5vw !important;
}

.font-size-4vw {
	font-size: 4vw !important;
}

.font-size-3vw {
	font-size: 3vw !important;
}

.font-size-1dot2vw {
	font-size: 1.2vw !important;
}

.font-size-2dot5vw {
	font-size: 2.5vw !important;
}

.font-size-8pt {
	font-size: 8pt !important;
}

.font-size-15pt {
	font-size: 15pt !important;
}

.font-size-14pt {
	font-size: 14pt !important;
}

.font-size-13pt {
	font-size: 13pt !important;
}

.font-size-12pt {
	font-size: 12pt !important;
}

.font-size-11pt {
	font-size: 11pt !important;
}

.font-size-18pt {
	font-size: 18pt !important;
}

.font-size-20pt {
	font-size: 20pt !important;
}

.font-size-25pt {
	font-size: 25pt !important;
}

.jumbotron-bg {
	background: url('../images/about-sub-bg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: transparent;
}

.about-us-bg {
	background: url('../images/about-us-bg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: transparent;
}

.about-bg-2 {
	background: url('../images/about-us-2-bg.png');
	background-repeat: no-repeat;
	background-size: 55% 100%;
	background-color: transparent;
}

.about-bg {
	background-color: #B7B7B7;
	-webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.55);
	box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.55);
}

.about-us-images {
	width: 90%
}

.career-line-width {
	width: 80%;
}

.career-text-color {
	color: #00204c;
}

.manufacturing-bg {
	background: url('../images/manufacturing-bg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: transparent;
}

.career-bg {
	background: url('../images/career-bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: transparent;
}

.contact-map-bg {
	background: url('../images/contact-map.png');
	background-repeat: no-repeat;
	background-size: 40% 90%;
	background-color: transparent;
}

.text-color-blue {
	color: #0B4776;
}

.width-overflow {
	overflow-x: hidden;
}

.height-overflow {
	overflow-y: hidden;
}

.col-float-none {
	float: none;
}

.col-float-right {
	float: right;
}

.col-float-left {
	float: left;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

input[type=file] {
	display: initial;
}

/* .circle {
	display: block;
	height: 180px;
	width: 180px;
	line-height: 180px;
	-moz-border-radius: 90px; or 50%
	border-radius: 90px; or 50%
	background-color: #0B4776;
	color: white;
	text-align: center;
	font-size: 2em;
} */
/* .img-circle {
	background-color: #0B4776;
	color: white;
} */
.small-circle {
	display: block;
	height: 2em;
	width: 2em;
	line-height: 2em !important;
	background-color: white;
	-moz-border-radius: 1em; /* or 50% */
	border-radius: 1em;
	text-align: center;
	font-size: .7em;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.circle:hover {
	background-color: #2c4961;
}

/* .img-circle:hover {
	background-color: #2c4961;
} */
.margin-left-10px {
	margin-left: 10px;
}

.margin-left-20px {
	margin-left: 20px;
}

.margin-left-25px {
	margin-left: 25px;
}

.margin-left-1vw {
	margin-left: 1vw;
}

.margin-right-25px {
	margin-right: 25px;
}

.margin-right-1vw {
	margin-right: 1vw;
}

.margin-top-5per {
	margin-top: 5%;
}

.margin-top-2Mper {
	margin-top: -2%;
}

.margin-top-2Mvh {
	margin-top: -2vh;
}

.margin-top-2per {
	margin-top: 2%;
}

.margin-top-1per {
	margin-top: 1%;
}

.margin-left-5per {
	margin-left: 5%;
}

.margin-left-10per {
	margin-left: 10%;
}

.margin-right-5per {
	margin-right: 5%;
}

.margin-top-10per {
	margin-top: 10%;
}

.display-none {
	display: none;
}

.width-200px {
	width: 200px;
}

.width-50per {
	width: 50%;
}

.list-inline>li {
	padding-right: 1vw;
	padding-left: 1vw;
}

.font-family-swiss721BTLight {
	font-family: Swiss721BTRomanCondensed;
}

.font-family-Swiss721RomanExtendedBt {
	font-family: Swiss721RomanExtendedBt;
}

.font-family-swiss721BTRomanCondensed {
	font-family: Swiss721BTRomanCondensed;
}

.font-family-ITCAvantGardeGothicLTRegular {
	font-family: "ITC Avant Garde Gothic LT Regular";
}

.font-family-ITCAvantGardeStdXLtCn {
	font-family: ITCAvantGardeStdXLtCn;
}

.font-family-tunga {
	font-family: Tunga;
}

.carousel-indicators {
	z-index: 0;
}

.about-underline-width {
	width: 120px;
	height: 5px;
	/* margin-top: -35px; */
	margin-top: -10px;
}

.manufacturing-underline-width {
	width: 130px;
	height: 5px;
	/* margin-top: -35px; */
	margin-top: -10px;
}

.about-alhasawi-bg {
	background-image: url('../images/about-us-page-bg.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.retail-underline-width {
	width: 90px;
	height: 5px;
	/* margin-top: -35px; */
	margin-top: -10px;
}

.certificate-bg-image {
	/* background: url('../images/certificate-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat; */
	left: -1%;
	width: 102%;
}

.certificate-underline-width {
	width: 145px;
	height: 5px;
	/* margin-top: -35px; */
	margin-top: -10px;
}

.partner-underline-width {
	width: 120px;
	height: 5px;
	/* margin-top: -35px; */
	margin-top: -10px;
}

.contact-underline-width {
	width: 120px;
	height: 5px;
	/* margin-top: -35px; */
	margin-top: -10px;
}

.retail-images-width {
	width: 85%;
}

.heaters-images-width {
	width: 60%;
}

.refrigerators-images-width {
	width: 60%;
}

.container .jumbotron,.container-fluid .jumbotron {
	border-radius: 0px;
}

.text-align-justify {
	text-align: justify;
}

.photo-slide-left {
	width: 60%;
}

.photo-slide-right {
	width: 60%;
}

.about-indicators {
	list-style: none;
}

.about-indicators li {
	width: 15px;
	height: 15px;
	background: url('../images/photo-link-inactive.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: none;
	float: left;
	margin-left: 2%;
}

.about-indicators .active {
	width: 15px;
	height: 15px;
	background: url('../images/photo-link-active.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: none;
}

.carousel-control {
	width: 6%;
	opacity: 1;
	top: 40%;
	bottom: 0;
	left: -1%;
}

/* .carousel-indicators li {
	width: 15px;
	height: 15px;
	background: url('../images/photo-link-inactive.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: none;
} */

/* .carousel-indicators .active {
	width: 15px;
	height: 15px;
	background: url('../images/photo-link-active.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: none;
} */
.carousel-control.right {
	right: -1%;
	left: auto;
	background-image: none;
	filter: none;
}

.carousel-control.left {
	background-image: none;
	filter: none;
}

.carousel {
	width: 100%;
}

.carousel-control:focus,.carousel-control:hover {
	color: transparent;
	text-decoration: none;
	filter: none;
	outline: 0;
	opacity: .9;
}

.abou-us-bg-btn {
	background: url('../images/about-bg-bnt.png');
	background-repeat: no-repeat;
	color: #cccccc;
	background-size: 100% 100%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
}

.left-75per {
	left: 75%;
}

.left-74per {
	left: 74%;
}

.left-73per {
	left: 73%;
}

.left-70per {
	left: 70%;
}

.left-55dot5per {
	left: 55.5%;
}

.left-27per {
	left: 27%;
}

.left-25dot5per {
	left: 25.5%;
}

.left-18dot5per {
	left: 18.5%;
}

.right-5per {
	right: 5%;
}

.margin-top-1per {
	margin-top: 1%;
}

.margin-bottom-3per {
	margin-bottom: 3%;
}

.jumbotron p {
	margin-bottom: 14px;
	font-weight: none;
}

.product-images-white-bg {
	width: 80px;
	background-color: white;
	border: 0;
	margin-left: .3%;
	margin-right: .3%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.product-images-white-bg:hover { /* background-color: white;
	border: 5px solid;
	border-bottom-color: white;
	border-top-color: white;
	width: 15%; */
	background-image: linear-gradient(#8e8b8e, #8e8b8e),
		linear-gradient(#8e8b8e, #8e8b8e), linear-gradient(#8e8b8e, #8e8b8e),
		linear-gradient(#8e8b8e, #8e8b8e), linear-gradient(white, white);
	background-repeat: no-repeat;
	background-size: 2px 100%, 25% 2px, 2px 100%, 25% 2px,
		calc(100% -                                                          
		                                                             
		                                                              8px)
		calc(100% -                                                          
		                                                             
		                                                              8px);
	background-position: left bottom, left bottom, right top, right top, 4px
		4px;
}

.ace-content-bg {
	background: url('../images/ace hardware page.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.sears-content-bg {
	background: url('../images/sears-bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.peak-content-bg {
	background: url('../images/peak-bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.dadida-content-bg {
	background: url('../images/dadida-bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media screen and (min-width: 768px) {
	.carousel-indicators {
		bottom: -50px;
	}
	.container .jumbotron,.container-fluid .jumbotron {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loading-image.gif') 50% 50% no-repeat
		rgb(249, 249, 249);
	opacity: 1;
}

.water-cooler-bg {
	background: url('../images/product-images/water-coolers-bg.png')
		no-repeat;
	background-size: 100% 100%;
}

.water-cooler-white-bg {
	background: url('../images/product-images/product-white-bg.png')
		no-repeat;
	background-size: 100% 100%;
}

.product-list {
	list-style: none;
}

.product-list>li {
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	color: #565758;
}

.tab-active {
	border-bottom: 4px solid;
	display: block;
	color: #7d8489;
}

.menu-active {
	color: #1b5b8e;
	border: 4px solid #1b5b8e;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}

.main-tab-water-coolers {
	color: #4c409e;
}

.link-btn {
	cursor: pointer;
}

.f-header {
	font-size: 11pt;
	font-family: swiss721BTLight;
	font-weight: bold;
}

.f-content {
	font-size: 12pt;
	font-family: swiss721BTLight;
}

.product-description {
	font-size: 12pt;
	font-family: swiss721BTLight;
}

.main-product-content {
	font-size: 12pt;
	font-family: swiss721BTLight;
}

.form-group {
	margin-bottom: 10px;
}

.p-margin {
	margin: 0px 0px 0px 0px;
}

.height-81vh {
	height: 81vh;
}

.height-10vh {
	height: 10vh;
}

/* COMMON CSS */
.nav>li:hover {
	color: #0a4774;
}

.main-titles {
	padding-top: 25px;
}

.product-btn,.back-product-btn {
	margin-bottom: 10px;
	margin-top: 10px;
}

.form-control {
	padding: 0px 12px !important;
	font-size: 13px !important;
}

.margin-left-1per {
	margin-left: 15px;
}

.margin-right-1per {
	margin-right: 15px;
}

.nav>li>a {
	position: static;
	display: inherit;
	padding: 0px 0px;
	color: #333; 
    text-decoration: none;
}

.navbar-default .navbar-nav>li>a {
    color: #333;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #333;
    background-color: transparent;
}