/*============================================*/

.clear {
    clear: both;
}

#content{
	min-height:400px;
}

#content img {
	max-width: 100%;
	width: auto;
	height: auto;
}

/*==================HEADER==================*/

.prime header.header {
	background:#fff;
	background-image: url("/wp-content/uploads/gplay.png");
	background-attachment:fixed;
}

.toplogo {
	color: #000;
	font-size:40px;
	font-weight:400;
	padding-top:40px;
	padding-bottom:5px;
}

.toplogo img:hover {
	opacity:0.7;
	transition:all 0.3s;
}

.topPhone a {color:#1e3ac5;}
.topPhone a:hover{
	opacity:0.7;
	transition:all 0.3s;
}

.topPhone {
	font-size:34px;
	font-weight:400;
	line-height:1;
	padding-top:31px;
	padding-bottom:25px;
	color:#000;
}

.topPhone span {font-family: 'Playfair Display', serif; font-size:30px;}

header {
	max-height:400px;
}

nav, nav.nav.nav-fixed, ul.sub-menu {
	background:#1D7AFF;
}

nav.nav ul li.current-menu-item a {
	border: 2px solid rgba(255,255,255,.8);
	background:rgba(255,255,255,0.1);
}

.cta {
	top:31%;
	left:0;
	right:0;
}

.ctatop {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	color:#fff;
	font-size:3em;
	line-height:1;
	margin-bottom:3%;
	text-shadow:1px 1px 1px #000;
}

.ctabtn {
	padding:7px 30px;
	background: #7FA9D2;
	color:#fff;
	font-weight:500;
	box-shadow:1px 1px 1px #333;
}

.ctabtn:hover {
	background:#666;
	color:#fff;
	transition:all 0.4s;
}

/*==================BODY==================*/

h1,h2,h3 {
	color:#2D271E;
	font-family: 'Playfair Display', serif;
}

#trend {
	width: 100%;
}

.breakout {
    background: url(/wp-content/uploads/parllax.jpg);
    background-size: cover;
    background-attachment: fixed;
    margin-top: 2em;
    margin-bottom: 2em;
}

.breakout .wrapper {
    position: relative;
    padding: 2em 0em;
    margin-top: 0em;
    margin-bottom: 0em;
}

.spacing li {
	padding: 5px;
}


.compliments h1 {
	background: #000;
}

.up-down a {
	color:#1D7AFF !important;
	margin:0px 35px;
}

.up-down a:hover {
	color: #7B7E91 !important;
}

#contactp {
	padding-right: 15px;
}

#glasdek-info {
    padding: 5px 30px;
    background: #1e3ac5;
    width: 50%;
    color: #fff;
}

#glasdek-info h2 {
	color:#fff;
}

#glasdek-info ul li:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 16px;
    padding-right: 0.5em;
    margin-left: -27px;
}
.page-id-1418 .home-services>div {
    -ms-flex: 0px 0px 0px;
    flex: 0px 0px 0px;
    max-width: 50%;
    float: none;
    margin-bottom: 1em;
}
.poi .one-third, .poi .one-half {
    padding: 0.25em;
    text-align: center;
}

.poi .wrap {
    height: 100%;
    background: #225395;
    height: 100%;
    color: #fff;
    padding: .25em;
    min-height: 12em;
}

.wrap h3 {
    color: #fff;
}

.blue .wrapper, .zero-margin .wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
.accessories {font-weight:800;}

.rev-cont {
    border: 1px solid #000;
    padding: 12px;
    margin: 5px;
}

.review-rating {display:inline;}

.review-body {border-left:none;}
/*======GALLERY=======*/


#gallery-2 img {
    width: auto;
    height: auto;
}

/*=======BLOG===========*/

.blog-sidebar ul li:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7B7E91;
    font-size: 16px;
    padding-right: 0.5em;
    margin-left: -27px;
}
.page-id-1418 h1 {
    margin-top: 3em;
}

/*==================FOOTER==================*/

footer.footer {
	background:#1D7AFF;
	background-image: url("/wp-content/uploads/absurdity.png");
}

.footer h2 {
	color:#FFF !important;
}

.socialicons {
	text-align:left;
}

#googlemapswidget-2 img {
	max-height:250px;
}

.copy {padding-top:15px;}
/*==================BUTTONS==================*/

.btn, .wpcf7-submit, .biziq-button, .client-button {
  padding: 7px 30px;
  box-shadow: 2px 2px 2px #6b6b6b;
  display: table;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  background: #7FA9D2;
  color:#FFF !important;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
	font-weight: bold;
    text-shadow: 0 0 2px #000;
}
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#7B7E91;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .hvr-shutter-out-horizontal:active {
  color: white !important;
  text-decoration:none !important;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*==================LIST ======================*/

ul {list-style-type: none;} 
ul.spaced li{margin-bottom:15px;}
ul.fancylist li:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7B7E91;
    font-size: 16px;
    padding-right: 0.5em;
    margin-left: -27px;
}
ul.checked li:before{content: "\f00c";}
ul.marker li:before {content: "\f041";}

.home-services .wrap {
    padding: 1.5em;
    background: #225395;
    color: #fff;
    height: 100%;
    margin: 5px 10px 2em;
}

.home-services h3 {
    font-size: 1.5em;
	color: white;
	font-weight: bold;
}

.home-services > div {
	/*height: 100%; */
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    float: none;
    margin-bottom: 1em;
}

.home-services {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*==================RESPONSIVE==================*/
@media (max-width: 1200px) {
	.toplogo {
		font-size:30px !important;
	}
}

@media (min-width:769px) {
			#table-one td {
			/* font-size: 1.5rem; */
		}
}

.fix-width {
	max-width: 500px;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media (max-width:768px) {
	.home-services > div  {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;		
	}
	
	.fix-width {
	width: 350px;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
	
	.nav {
		padding: 5px 0 5px;
	}
	img.alignright {
		padding-left:10%;
		padding-bottom:2%
	}
	#content ul {
		text-align:left;
		margin:0;
	}
	.toplogo {text-align:center;}
	.topPhone {
		padding-top:5px;
		font-size:30px;
		text-align:center;
	}
	.cta {
		top:14%;
		font-size:.7em;
	}
	div.one-half {
		text-align:left;
	}
	.h2space {
		margin-top:10%;
	}
	.topimg{
		margin-left:18%;
	}
}

@media (max-width:617px) {
	img.alignright {
		padding-left:1%;
	}
}

@media (max-width:434px) {
	iframe {
		height: auto !important;
    		width: auto !important;
	}
}

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


		#table-one td, tr {
			border: 1px solid black;
			padding: 1rem;
		}

		#table-one td:nth-of-type(3) {
			color: red;
		}

		#table-one tr:nth-of-type(odd) {
			background: rgb(240, 240, 240);
		}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
	    background-color: #7fa9d2 !important; 
color: #fff !important;
	text-decoration: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    color: #fff !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover {
	color: #000 !important;
}