/************************************FORMAT MEDIA QUERIES STYLE FOR _____________ SITE**************************************/

/**********TABLE OF CONTENTS************/
/********************************
- MEDIA QUERIES

********************************/

/*********MEDIA QUERIES************/

/**** THIS IS SPECIFICALLY FOR WINDOWS PHONES ******/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/**min-width: 768px is everything above 768px - tablet and larger *******/
@media (min-width: 768px) {

/************** GLOBAL ************/

	body {
		left: 0 !important;
	}

	.logo-nav {
		position: fixed;
		margin-top: 23px;
	}

	.header_top-bar a {
		color: #fff;
		float: right;
		font-weight: bold;
		margin-right: 41px;
	}

	.header_top-bar {
		background: #175795;
		margin-top: 0px;
		z-index: 9999999999;
		position: fixed;
		top: 0;
		width: 100%;
		padding: 9px;
		/* margin-bottom: 20px; */
	}

	.navigation-new ul.submenu:before {
		content: "\f0dd";
		font-family: FontAwesome;
		position: absolute;
		top: -36px;
		right: 120px;
		font-size: 32px;
		color: #0088cc;
	}

	.buttonAlternate {
		float: none;
	}

	.logo > img {
		max-width: 200px;
	}

	.cart-button-set {
		margin-bottom: 0;
	}

	.caller-contact {
		margin-bottom: 5px;
	}

	.shopping-2-item-2 li {
		line-height: 30px;

	}

	.view-all > ul {
		margin-top: 50px;
	}


	.career-1-top .buttonAlternate {
		float: right;
		display: inline-block;
	}


.visible-xs-button {
	display: none !important;
}
	.whiteBackground {
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 30%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 30%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 30%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#007db9e8', GradientType=1); /* IE6-9 */
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}

	.item {
		height: 535px;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.carousel-inner {
		margin-bottom: 0;
	}

	.carousel-indicators {
		bottom: 5px;
	}

	.carousel-control.left {
		height: 70px;
		left: 1%;
		top: 38%;
		width: 70px;
	}
	.carousel-control.right {
		height: 70px;
		right: 1%;
		top: 38%;
		width: 70px;
	}

	.sliderContent {
		height: 535px;
		width: 100%;
		position: relative;
	}

	.slider-text {
		position: relative;
		bottom: 0;
	}

	.slider-text h2 {
		font-size: 48px;
		text-transform: uppercase;
		line-height: 1.2;
	}
	.slider-text > p {
		font-size: 26px;
		line-height: 36px;
	}

/********* INDEX ************/

/********* INTERIOR ************/


	.career-application-form .uploadButtons {
		width: 65%;
	}

	.career-application-form .uploadButtons .buttonAlternate{
		font-size: 14px;
		display: inline-block;
		margin-bottom: 0;
	}

	.career-application-form .text-right{
		text-align: right;
		width: 35%;
	}
	.career-application-form .text-right input[type="submit"]{
		width: 150px;
	}

	.contact-us-blue-area p {
		font-size: 23px;
	}



	.clients-info > p {
		text-align: right;
	}
}

/**min-width: 992px is everything above 992px - laptop/smaller desktop and larger  *******/
@media (min-width: 992px) {

/************** GLOBAL ************/

/********* INDEX ************/

/********* INTERIOR ************/

	.contact-us-blue-area {
		text-align: left;
	}

	.contact-us-blue-area img{
		float: left;
	}
	.contact-us-blue-area p {
		font-size: 23px;
		margin-bottom: 0;
		margin-top: 0;
		margin-left: 15px;
		float: left;
	}

	.contact-us-blue-area .button-white {
		float: right;
	}

}

@media screen and (min-width: 1200px) {
	.container {
		width: 1170px;
	}
	.sliderContent {
		height: 535px;
		width: 50%;
		position: relative;
	}
	.navigation-new ul.menu li:last-child a {
		padding-right: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	.caption_bg {
		background: rgba(11,81,193,0.65);
		content: " ";
		position: absolute;
		display: block;
		width: 100% !important;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		transform-origin: bottom left;
		-ms-transform: skew(31deg, 0deg);
		-webkit-transform: skew(31deg, 0deg);
		max-width: 100% !important;
	}
}
@media screen and (min-width: 1200px) {


/********* GLOBAL *********/

/********* INDEX ************/

/********* INTERIOR ************/



}


/**max-width: 767px is everything 767px and smaller *******/
@media screen and (max-width: 767px) {
	.header_top-bar {
		display: none;
	}
	div#contentBox_two {
		padding-top: 0px;
	}
	.logo-nav {
		padding: 0;
	}
	p.cartContent span {
		color: #0b2a48 !important;
	}
	.cart-button-set.mb-cart {
		padding-right: 17px;
		padding-top: 10px;
	}
	.visible-xs-button {
		display: inline-block !important;

		width: 100%;
		text-align: center;
		margin-bottom: 70px;
	}

	.shopping-cart .button {
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	.shopping-cart .buttonAlternate {
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}


	footer .clients-info {
		width: 100%;
		text-align: center;
	}
	footer .clients-info > p {
		width: 100%;
		float: none;
	}
	footer .clients-info > p span.call{

	}
	footer .clients-info > p span.number {
		top: -5px;
		font-weight: 700;
	}

	footer .button {
		float: none;
	}

	footer .copyright.mb-copyright {
		margin-top: 20px;
		text-align: center;
	}

	.banner-img .text {
		left: 50px;
		max-width: 90%;
		min-width: 79%;
	}

	nav > ul > li.active a {
		color: #1c548c !important;
	}
}


/**min-width: 768px is everything above 768px - tablet and larger *******/
/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
	.navigation ul li a {
		line-height: 48px;
		height: 48px;
		font-size: 16px;
		padding: 0 16px;
	}


	.nav-area {
		background: #fff;
		padding-top: 15px;
	}


	.caption_bg {
		background: rgba(11,81,193,0.65);
		content: " ";
		position: absolute;
		display: block;
		width: 74%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		transform-origin: bottom left;
		-ms-transform: skew(-30deg, 0deg);
		-webkit-transform: skew(31deg, 0deg);
		max-width: 1660px;
	}
	.headerButton {
		margin-bottom: 15px;
	}
	.news-cont {
		margin-bottom: 3px;
	}
	.navigation ul li ul.submenu {
		top: -22px;
	}

	.how-it-works {
		text-align: left;
	}

	.starter .header-head h3 {
		font-size: 24px;
	}


	.senitize-img {
		text-align: left;
	}

	.view-all{
		padding-left: 50px;
	}

	.social-login > ul {
		text-align: right;
	}

	.news-article h2 {
		margin-bottom: 45px;
	}
	.right-view {
		display: block;
		float: right;
	}


}

/***screen sizes that range between 768px and 991px (screen-sm-min********/
@media (min-width: 768px) and (max-width: 991px) {

	.headerButton {
		display: block;
		width: 290px;
		float: right;
	}



}

/***screen sizes that range between 992px and 1199px ********/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navigation-new ul li a {
		line-height: 58px;
		height: 58px;
		font-size: 16px;
		color: #000;
		padding: 0 35px;
		font-weight: bold;
	}

	.navigation ul li a {
		line-height: 58px;
		height: 58px;
		font-size: 17px;
		padding: 0 32px;
	}
	.navigation ul li ul.submenu {
		top: -13px;
	}

	.headerButton {
		display: inline-block;
		width: auto;
	}

	.starter .header-head h3 {
		font-size: 28px;
	}

}

/***everything smaller than 500px *****/
@media (max-width: 500px) {
	.cart-button-set .button {
		font-size: 10px;
		padding: 4px 6px;
		margin-bottom: 10px;
	}

	.cartContent {
		margin: 10px 0 5px;
	}

	.miniTemplate a.button {
		display: block;
		text-align: center;
	}

	.mobileMenuTrigger.top {
		top: -125px;
	}

	.slider-text > p {
		max-width: 100%;
	}

	.brandLogo img {
		margin-bottom: 0;
	}

	.owl-next, .owl-prev {
		top: 20%;
	}

	.form-tab {
		padding: 10px 10px 30px;
	}

	.carousel-inner {
		overflow: visible;
	}

}
@media (max-width: 768px) {

	.news-article {
		text-align: center;
	}
	.view-all {
		text-align: center;
	}
	.view-all ul {
		float: none;
	}
	.right-view {
		float: none;
	}


}




@media print {


	header {
		display: none !important;
	}

	.printOnly {
		display: block;
	}
	.printOnly img {
			display: block;
			margin: 0 auto;
		}
	.printOnly p.legalText {
				font-size: 9px;
				line-height: 12px;
			}


	.career-1-top.shopping-item {
		text-align: center;
	}

	div.navigation-area {
		display: none !important;
	}
	.mobileNavigation {
		display: none !important;
	}
	.button-submit {
		display: none !important;
	}

	.button-blue {
		display: none !important;
	}

	input[type="checkbox"]:after {
		content: '✔';
		font-size: 28px;
		position: relative;
		top: -10px;
	}

	footer {
		display: none !important;
	}
}

@media (min-width: 990px) and (max-width: 1340px) {
	.navigation-new ul li a {
		line-height: 58px;
		height: 58px;
		font-size: 15px;
		padding: 1px 11px;
	}
	.logo > img {
		min-width: 200px;
	}
	.navigation-new ul li ul.submenu {
		transform: translate3d(-26%, 77px, 0px) !important;
		-webkit-transform: translate3d(-26%, 77px, 0px);
		-moz-transform: translate3d(-26%, 77px, 0px);
	}
	.navigation-new ul.menu {
		width: 79% !important;
	}
	.start-btn {
		top: 39px;
	}
	.start-btn a {
		font-weight: bold;
	}
	.navigation-new ul.menu {
		top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 1135px) {
	.nav-area {
		height: 128px;
		background: #fff;
		background-color: white;
	}
	div#contentBox_two {
		padding-top: 150px;
	}
	.navigation-new ul li a {
		color: #000 !important;
		font-weight: bold;
		font-size: 15px;
		margin-bottom: -30px;
		height: 20px !important;
	}
	.logo > img {
		max-width: 200px;
		min-width: 200px;
	}
	.navigation-new ul li ul.submenu {
		transform: translate3d(-26%, 77px, 0px) !important;
		-webkit-transform: translate3d(-26%, 77px, 0px);
		-moz-transform: translate3d(-26%, 77px, 0px);
	}
	.start-btn {
		display: none !important;
	}
	.navigation-new ul.menu {
		width: 100% !important;
	}
}

@media (min-width: 1340px) {
	.navigation-new ul.menu {
		position: relative;
		top: 21px;
		width: 84% !important;
		text-align: right;
	}

	.start-btn {
		float: right;
		display: block;
		width: 145px;
		position: relative;
		top: 28px;
	}
	span.start-btn a {
		font-size: 17px;
		font-weight: bold;
	}
}

@media (min-width: 990px) {
	.start-btn {
		float: right;
		display: block;
		width: 145px;
		position: relative;
		top: 28px;
	}
}
@media (max-width: 1550px) and (min-width: 1340px) {
	.navigation ul li a {
		font-size: 15px !important;
		padding: 0 25px !important;
	}
	span.start-btn a {
		font-size: 15px;
		font-weight: bold;
	}
}