/* 
	Theme Name: Marlin Construction - V1
	Theme URI: https://www.marlinroofs.com/
	Description: Advance custom theme for Marlin Construction designed and developed by Dipankar Banerjee
	Author: Dipankar Banerjee
	Author URI: https://dbanerjee.com/
*/

/* ------------ RESET ------------ */
*{
	outline:none;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}
html{
	overflow-y:visible;
}
img, fieldset {
	border: 0;
}

::selection { background:#1072be; color:#fff; /* Safari and Opera */ }
::-moz-selection { background:#1072be; color:#fff; /* Firefox */ }

/* ------------ CLEARFIX ------------ */
.clearfix:after, header:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ display: inline-block; }
.clearfix{ display: block; zoom: 1; }

/* ------------ Global STYLING ------------ */
html {
}
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
	color:#333333;
}
a, a:visited{
	text-decoration:none;
	color:#1072be;
	}
a:hover, a:active{
	color:#333;
}
hr{
	border:0px;
	border-bottom:1px solid #f1f1f1;
	padding:0px;
	margin:10px 0px;
}
ul, ol{
}
li{
}

p{
}
h1,h2, h3{
}
.clr{
}
img, fieldset {
	border: 0;
}
img{
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* ------------ Menu ------------ */
#access {
	display: table;
	margin: 0 auto;
	width: 100%;
}
#access .menu-header, div.menu {
	font-size: 1.4em;
}
#access .menu-header ul, div.menu ul, #access ul {
	list-style: none;
	margin: 0;
	padding:0em;
}
#access .menu-header li, div.menu li, #access li {
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	display: block;
	padding:8px 20px;
	text-decoration: none;
}
#access ul ul {
	display: none;
	position: absolute;
	float: left;
	width: 234px;
	z-index: 99999;
	
}
#access ul li:last-child{
	background-color:#545ca6;
}

#access ul ul li {
	/*min-width: 180px;*/
	/*width: 18em;*/
	float:none;
	border-bottom:1px solid #2063a1;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background-color:#09a0fe;
	line-height: 1.6em;
	padding: 5px 5px 5px 20px;
	width: 210px;
	height: auto;
}
#access li:hover > a{
	background-color:#09a0fe;
	color: #fff;
}
#access ul ul :hover > a {
	background: #08629b;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
	background-color:#09a0fe;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
	background-color:#09a0fe;
}

#access ul li li.current_page_item > a,
#access ul li li.current-menu-ancestor > a,
#access ul li li.current-menu-item > a,
#access ul li li.current-menu-parent > a {
	color: #fff;
	background-color:#08629b;
}

#access .menu,
#access div.menu ul{
/*font-family: Arial, Tahoma, sans-serif;*/
}

#access {
	/*float:left;*/
}

#access .menu-header,
div.menu {
    margin-right: 12px;
    margin-left: 0;
}

#access .menu-header li,
div.menu li{
	float:left;
}

#access ul ul {
	/*left:auto;
	right:0;
	float:right;*/
}
#access ul ul ul {
	left:auto;
	right:100%;
}

/* ------------------ Form Elements ------------------------------ */
input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=password], textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	border:1px solid #d1d1d1;
	padding:14px 10px;
	background-color:#fff;
	width:91%;
	outline:none;
	margin:0px 5px 10px 5px;
	font-size:100%;
}
textarea {
	font-family: 'Open Sans', sans-serif;
	height:80px;
	resize:none;
}
input[type=submit], input[type=reset] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	background: linear-gradient(0deg, #0b5597, #1799f1); /* two-color gradient */
	border:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	padding:20px 40px;
	color:#FFF;
	margin:10px 10px 0px 5px;
	cursor:pointer;
	font-size:100%;
	font-weight:600;
	letter-spacing:1px;
}
input[type=submit]:hover, input[type=reset]:hover {
	background: linear-gradient(0deg, #094982, #23a1f7); /* two-color gradient */
}
input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, textarea:focus {
	box-shadow:0 0 5px rgba(172, 172, 172, 1);
}

input[type=text].midsize{
	width:43%;
	margin:0px 23px 2px 0px;
	-webkit-margin:0px 2px 2px 0px;
}
form.wpcf7-form{
	display:table;
/*	width:90%!important;
	margin:auto!important;*/
}
form img{
	width: inherit!important;
	max-width:100%!important;
}
form p{
	display:inline;
}
/* ------------------ Form Elements ------------------------------ */
/* ---------------- Grids ---------------- */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
	margin: 0 1% 0 0;
	text-align: left;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
	float: left;
}
.grid1 { width: 7.4%; }
.grid2 { width: 15.8%; }
.grid3 { width: 24.2%; }
.grid4 { width: 32.6%; }
.grid5 { width: 41%; }
.grid6 { width: 49.4%; }
.grid7 { width: 57.8%; }
.grid8 { width: 66.2%; }
.grid9 { width: 74.6%; }
.grid10 { width: 83%; }
.grid11 { width: 91.4%; }
.grid12 { width: 100%; }
.lastGrid{margin-right:0%;}
/* ---------------- Grids ---------------- */
#access *, form *, .rowEight *, .blogListing li a, .blogDetails a, .blogListing li *{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}
.alignleft {
	float:left;
	margin:0px 10px 10px 0px;
}
.alignright {
	float:right;
	margin:0px 0px 10px 10px;
}
.aligncenter {
	float:none;
	display:block;
	margin:0px auto 10px auto;
}
.textwidget{
	display:inline-block;
}
/* --------------------------------------------- */
.fullWidthWrapper{
	width:100%;
	display:table;
}
.wrapper{
	max-width: 1400px;
	width:96%;
	margin: 0 auto;
}
.displaytable{
	display:table;
}
/* ------- HEADER STYLES ------- */
.rowOne{
	background-image:url(images/banner-image.jpg);
	background-size:cover;
	background-attachment:fixed;
	height:590px;
	padding-bottom:110px;
}

.headerRow {
  position: fixed;
  top: 0;
  width: 100%;
  color: #fff;
  /*display: flex;*/
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  z-index: 1000;
}
/* top address */
.topaddress{
	background-image:url(images/trans-blue.png);
	text-align:center;
	font-size:112%;
	width:100%;
	clear:both;
	padding:15px 0px;
	transition: all 0.3s ease;
}
.topaddress a, .topaddress a:visited{
	color:#fff;
	display:inline-block;
	margin:0px 5px;
}
.topaddress a:hover{
}
.headerRow.shrink .topaddress{
	padding:5px 0px;
}
/* Logo row */
.logo{
	width:100%;
	clear:both;
	text-align:center;
	background-image:url(images/trans-white.png);
}
.headerRow .logo img {
  height: 100px;
  padding:15px 0px;
  transition: all 0.3s ease;
}
.headerRow.shrink .logo img {
  height: 50px;
  padding:5px 0px;
}
/* menu row */
.desktopMenu{
	background-image:url(images/trans-black.png);
	padding:15px 0px;
}
.headerRow.shrink .desktopMenu{
	padding:10px 0px;
}
.desktopMenu {
	display: block;
	visibility: visible;
}
.mobile {
	display: none;
	visibility: hidden;
}
.SubRowOne{
	text-align:center;
	min-height:700px;
	display: flex;
	align-items: flex-end; /* push to bottom */
	flex-direction: column; /* stack vertically */
	justify-content: flex-end; /* push to bottom */
	align-items: center; /* optional: center horizontally */
}
.SubRowOne h2{
	font-size:250%;
	color:#fff;
	font-weight:300;
	text-shadow: 3px 3px 8px #000;
}
.SubRowOne h2 strong{
	font-weight:700;
	display:block;
}
.rowTwo{
	padding-bottom:50px;
}
.serviceRequest{
	background-color:#f1f1f1;
	padding:50px 10px;
	margin:auto;
	width:80%;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
    position: relative;
    top: -69px;
}
.serviceRequest form{
	display:table;
	margin:auto;
    text-align: center;
    width: 100%;
}
.serviceRequest form div{
	display:inline-block;
	font-size:125%;
	color:#666;
	margin-right:5px;
}
.serviceRequest form p:nth-of-type(1) {
	display:inline;
}
.serviceRequest input[type=text], .serviceRequest input[type=url], .serviceRequest input[type=tel], .serviceRequest input[type=number], .serviceRequest input[type=email]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	border:1px solid #d1d1d1;
	padding:11px 10px;
	background-color:#fff;
	width:20%;
	outline:none;
	margin:0px 5px;
	font-size:100%;
}
.serviceRequest input[type=submit], .serviceRequest input[type=reset] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: linear-gradient(0deg, #0b5597, #1799f1); /* two-color gradient */
	border:0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	padding:10px 40px;
	color:#FFF;
	margin:0px 0px 0px 5px;
	cursor:pointer;
	font-size:100%;
	font-weight:500;
	letter-spacing:1px;
}
.serviceRequest input[type=submit]:hover, .serviceRequest input[type=reset]:hover{
	background: linear-gradient(0deg, #094982, #23a1f7); /* two-color gradient */
}
.rowTwo h2, .rowThree h2, .rowFour h2, .rowFive h2, .rowFive h1, .rowFiveLink h1, .rowFiveLinkNoImg h1{
	text-align:center;
	font-weight:400;
	color:#333333;
	font-size:220%;
	margin-bottom:50px;
}
.rowFiveLinkNoImg h1{
	text-shadow: 1px 1px 10px #000000;
}
.rowFiveLink h1, .rowFive h1{
	font-size:250%;
}
.rowTwo h2 strong, .rowThree h2 strong, .rowFour h2 strong, .rowFive h2 strong, .rowFive h1 strong, .rowFiveLink h1 strong, .rowFiveLinkNoImg h1 strong{
	display:block;
	font-weight:700;
	color:#1072be;
	font-size:60%;
}
.rowTwo ul {
  display: flex;
  /*flex-wrap: wrap;*/          /* allow wrapping on small screens */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 15px;  
}
.rowTwo ul li{
	background-color:#1072be;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	list-style:none;
	flex: 1 1 calc(25% - 15px); /* four per row on desktop */
	/*display: flex;*/
	color:#fff;
	padding:55px 0px;
	position:relative;
}
.rowTwo ul li h3{
	padding:0px 40px 20px 40px;
	font-size:190%;
	text-align:center;
}
.rowTwo ul li p{
	padding:0px 40px 10px 40px;
	text-align:center;
}

.rowTwo ul li a.graybutton{
	position:absolute;
	bottom: -19px;
	left: 35%;
}

a.graybutton, a.graybutton:visited{
	background: linear-gradient(0deg, #dedede, #ffffff); /* two-color gradient */
	color:#7f7f7f;
	font-weight:700;
	padding:10px 20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
a.graybutton:hover{
	background: linear-gradient(0deg, #dedede, #ffffff); /* two-color gradient */
}

.rowThree{
	background-color:#f1f1f1;
	background-image:url(images/angular-bg.png);
	background-position: -50px top;
	background-repeat:no-repeat;
	background-size:cover;
	padding:50px 0px;
}

.card-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  /* Responsive grid */
  display: grid;
  grid-template-columns: 1fr;           /* mobile: 1 per row */
  gap: 40px;                             /* space between cards */
}

.card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Desktop: 3 per row */
}

.card-grid > li {
  display: flex;                         /* allows inner content to stretch */
  flex-direction: column;
  padding: 40px;
  border: 1px solid #cecece;
  border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  /* Equal height per row is automatic with CSS Grid (align-items: stretch) */
}
.card-grid > li > img{
	display: block;
	width:fit-content;
}
.rowThree li h3{
	color:#7e7e7e;
	margin-bottom:20px;
}
.rowThree li p{
	line-height:24px;
}
.rowFour{
	padding:50px 0px;
}
.fullWidthTesti{
	width:100%;
}
.testimonialCarusal{
	
}
.testi{
	background-color:#fff;
	box-shadow:0px 0px 10px 2px #dbdbdb;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	margin:40px;
	min-height: 321px; /* for desktop */
}
.testi h3{
	margin:30px 20px 10px 20px;
	color:#333333;
	
}
.testi p{
	margin:10px 20px 30px 20px;
	line-height:24px;
	color:#333333;
	font-size: 90%;
}
.rowFive{
	padding:50px 0px 200px 0px;
	background-image:url(images/second-bottom-bg.jpg);
	background-size:cover;
	background-attachment:fixed;
}
.rowFiveLink, .rowFiveLinkNoImg{
	padding:350px 0px 200px 0px;
	background-image:url(images/second-bottom-bg.jpg);
	background-size:cover;
	background-attachment:fixed;
}
.rowFiveLinkNoImg{
	background-image:none;
}
.rowFive h2, .rowFive h1, .rowFiveLink h1, .rowFiveLinkNoImg h1{
	color:#fff;
	margin-bottom:0px;
}
.rowFive h1 strong, .rowFiveLink h1 strong, .rowFiveLinkNoImg h1 strong{
	display:block;
}
.rowFive h1{
	text-align:center;
}
.rowFive h2 strong, .rowFive h1 strong, .rowFiveLink h1 strong, .rowFiveLinkNoImg h1 strong{
	color:#fff;
}
.rowSix{
	padding:50px 0px 0px 0px;
	background-color:#fff;
}
.flexdisplay{
	display: flex;
}
.eqheight{
	flex: 1;
}
.eqheight:first-child{
	flex: 2.5;
}
.rowSix h2{
	text-align:left;
	font-weight:400;
	color:#333333;
	font-size:180%;
	margin-bottom:50px;
}
.rowSix h2 strong{
	display:block;
	font-weight:700;
	color:#1072be;
	font-size:60%;
}
.rightPanel{
	padding:0px 0px 50px 0px;
}
.rightPanel p{
	line-height:24px;
	padding:0px 20px 20px 0px;
	text-align:justify;
}
.leftPanel{
	background-color:#f1f1f1;
}
.maskCaseing{
	background-color:#f1f1f1;
	/*position:relative;
	top:-200px;*/
	margin-top:-188px;
}
.leftPanel h2{
	padding:20px 15px 20px 15px;
}
.leftPanel form{
	margin:0px 15px 30px 15px;
}
.leftPanel h2{
	margin-bottom:0px;
}
.rowSeven .wrapper{
	border-top:1px solid #e8e8e8;
	padding:50px 0px;
}
.affiliate .slick-slide img{
	margin:auto;
}
.rowEight{
	background-color:#1072be;
	padding:50px 0px;
	color:#fff;
}
.rowEight h3{
	font-size:125%;
	margin:0px 0px 20px 0px;
	font-weight:500;
}
.rowEight p{
	font-size:100%;
	line-height:27px;
	margin-bottom:20px;
}
.rowEight ul{
}
.rowEight .grid3 li{
	list-style:none;
	padding:0px 0px 10px 0px;
}
.rowEight .grid3:nth-child(1) img{
	margin-bottom:20px;
}
.rowEight .grid3 li a, .rowEight .grid3 li a:visited{
	color:#fff;
}
.rowEight .grid3 li a:hover{
	color:#ccc;
}
.rowEight .grid3:nth-child(4) li{
	display:inline;
	font-size:180%;
	margin:10px;
}
.rowEight .grid3:nth-child(4) ul{
	margin-bottom:20px;
	clear:both;
}
.rowEight .grid3:nth-child(4) li:nth-child(1){
	margin-left:0px;
}

.rowEight .grid12{
	clear:both;
	padding:10px 0px;
	border-top:1px solid #fff;
	text-align:center;
	margin-top:20px;
}
.whitebutton{
	background: linear-gradient(0deg, #dedede, #ffffff); /* two-color gradient */
	color:#7f7f7f;
	font-weight:700;
	padding:10px 20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.whitebutton:hover{
	background: linear-gradient(0deg, #dedede, #ffffff); /* two-color gradient */
}
a.bluebutton, a:visited.bluebutton {
	background: linear-gradient(0deg, #0b5597, #1799f1); /* two-color gradient */
	color:#FFF;
	padding:15px 30px;
	font-weight:700;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	font-size:120%;
	display:table;
}
a:hover.bluebutton{
	background: linear-gradient(0deg, #094982, #23a1f7); /* two-color gradient */
	color:#fff;
}
.linkpage h2{
	font-size: 150%;
	margin-bottom:20px;
}
.linkpage h2 strong{
	font-size:80%
}
.linkpage h3{
    font-size: 120%;
    margin-bottom: 20px;
    color: #1072be;
    font-weight: 500;
}
.linkpage ul, .linkpage ol{
	padding:0px 0px 10px 0px;
}
.linkpage li{
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 20px;
	line-height:27px;
}
.breadcrumb{
	padding:0px 0px 20px 0px;
	font-size:80%;
}
/* ------------ /Footer ----------- */
.ngg-albumoverview.default-view, .ngg-galleryoverview.default-view{
	text-align:left!important;
}

/* ----------------------- Blog ------------------------- */
.blogListing h2, .blogDetails h2{
	margin:0px 0px 10px 0px;
	font-size:170%;
	color: #4e5859;
	font-weight:500;
	/*color:#3d5068;*/
	/*line-height: 40px;*/
}
.blogListing, .blogDetails{
	padding:0px 0px;
}
.blogListing .grid8 ul {
}
.blogListing li {
	position: relative;
	list-style: none;
	padding: 0px 0px 70px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
}
.blogDetails ul, .blogDetails ol {
	margin:0px 0px 20px 0px;
}
.blogDetails li {
	position: relative;
	list-style: disc;
/*	background-image: url(images/body-listing.png);
	background-repeat: no-repeat;
	background-position: left 5px;*/
	padding: 5px 0 0px 0px;
	margin: 0 20px 0px 20px;
	line-height: 25px;
}
.blogDetails ol li{
	list-style:inherit;
}
.blogDetails ol li ul li{
	list-style:disc;
}
.blogListing li:last-child {
	border-bottom: 0px;
}
.blogListing li h2, .blogDetails li h2 {
	font-size: 170%;
	font-weight: 400;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px;
	/*color:#255da6;*/
	color: #4e5859;
}
.blogListing li p, .blogDetails li p {
	padding: 0px 0px 20px 0px;
}
.blogListing li span, .blogDetails li span {
	position: absolute;
	bottom: 21px;
	left: 0px;
	display: table;
}
.blogListing li span a, .blogListing li span a:visited, .blogDetails li span a, .blogDetails li span a:visited {
	display: block;
	background: linear-gradient(0deg, #0b5597, #1799f1);
	color: #fff;
	padding: 10px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.blogListing li span a:hover, .blogDetails li span a:hover {
	background: linear-gradient(0deg, #094982, #23a1f7);
}

.thumbimg {
	clear: both;
	position:relative;
}
.thumbimg img{
	width:100%;
	height:auto;
}
.thumbimg section {
	position: absolute;
	top: 0px;
	left: 20px;
	background-color: #255da6;
	color: #fff;
	font-size: 100%;
	font-weight: 400;
	width: 100px;
	text-align: center;
	padding: 10px 0px;
	border-bottom: 10px solid #fcc841;
}
.thumbimg section strong {
	font-size: 200%;
	font-weight: 500;
	display: block;
	padding: 10px 0px;
}
.blogListing hr, .blogDetails hr {
	border: 0px;
	border-bottom: 1px solid #000f6c;
	margin: 20px 0px;
}
.blogListing h3{
	font-size: 120%;
	font-weight: 400;
	padding: 10px 0px;
	margin: 0px 20px;
}
.blogDetails h3 {
	font-size: 120%;
	font-weight: 600;
	padding: 10px 0px;
	margin: 0px;
	color:#1072be;
}
.blogListing h4, .blogDetails h4 {
	font-size: 100%;
	font-weight: 400;
	padding: 10px 0px;
	margin: 0px 20px;
}
.blogDetails h4 {
	margin: 0px 20px 0px 0px;
	font-size: 120%;
	font-weight: 400;
}
.blogListing p, .blogDetails p {
	line-height: 25px;
	text-align: justify;
	padding: 0px 0px 20px 0px;
    margin: 0px;
}



.paginationblock {
	margin: 0px 20px;
	padding: 10px 0px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none!important;
	border: 1px solid #255da6!important;
	background-color:#255da6!important;
	color: #fff!important;
	padding: 10px 17px !important;
	margin: 0px 1px 0px 0px!important;
	font-size: 90%;
	float: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #fcc841!important;
	color: #333!important;
	transition: background-color 1s ease;
	background-color: #fcc841!important;
}
.wp-pagenavi span.current {
	font-weight: normal!important;
	color: #333!important;
	background-color: #fcc841!important;
	border-color: #fcc841!important;
}
.sideContainerThree {
	/*background-color:#eeeeee;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px dashed #c7c4c4;
}
/*.sideContainerThree h4, .sideContainerFour h4{
	margin: 0px 0px 20px 0px!important;
	font-size: 200%;
	font-weight:400;
}*/
.sideContainerThree p {
	line-height: 25px;
}
.sideContainerThree iframe{
	margin: 0px 20px;
    width: 91%;
}
ul.wp-tag-cloud{
	padding:0px 15px 25px 15px;
}
.wp-tag-cloud li{
	list-style:none;
	display:inline-block;
	margin:5px;
}
.wp-tag-cloud li a{
	display:block;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background: linear-gradient(0deg, #0b5597, #1799f1);
	color:#fff;
	padding:5px 10px;
}

.linkpage form.wpcf7-form {
    display: table;
    padding: 30px 20px;
    border: 1px dashed #e1e1e1;
    background-color: #fdfdfd;
}
/* -------------------------------------------------------- */
.blogsidebar{
}
.rpost ul{
	padding:0px 20px;
}
.rpost li{
	list-style: none;
    display: table;
    padding: 10px 0px;
    border-bottom: 1px dashed #ccc;
}
.rpost li img{
	float:left;
	margin:0px 20px 0px 0px;
}
@media only screen and (max-width: 980px) {
	.fullWrapper{
		width:100%;
	}
	.wrapper, .limiter{
		width:96%;
		margin:auto;
	}
}

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

}

@media only screen and (max-width: 800px) {
/*	.rowTwo ul li {
		flex: 1 1 calc(50% - 15px);
	}*/
}

@media only screen and (max-width: 768px) {
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
	float:none;
	width:98%;
	margin:auto;
}
.SubRowOne {
    min-height: 629px;
}
.SubRowOne h2 {
    font-size: 180%;
}
.serviceRequest input[type=text], .serviceRequest input[type=url], .serviceRequest input[type=tel], .serviceRequest input[type=number], .serviceRequest input[type=email]{
	width:80%;
	margin:5px 5px;
}
.serviceRequest input[type=submit], .serviceRequest input[type=reset] {
	margin: 10px auto 0px auto;
	display: block;
}

.rowTwo ul {
  display: table;
}
.rowTwo ul li{
	flex: 1 1 100%; /* four per row on desktop */
	 margin: 0px 0px 30px 0px;
}
.card-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
.rowThree h2, .rowThree h2 strong{
	color:#fff;
}
.testi{
	min-height: auto;
}
.rowFive{
	padding:50px 0px 50px 0px;
}
.rowFive h1, .rowFiveLink h1, .rowFiveLinkNoImg h1{
	text-align:center;
}

.rowFive h2{
	margin-bottom:0px;
}
.flexdisplay{
	display:table;
}
.eqheight{
}
.maskCaseing{
	background-color:#f1f1f1;
	/*position:relative;
	top:0px;*/
	margin-top:0px;
	padding-bottom:30px;
}
.rightPanel p {
    padding: 0px 0px 20px 0px;
}
.rowEight h3 {
    text-align: center;
	text-align: center;
	font-weight: 700;
	margin: 20px 0px 10px 0px;
}
.rowEight p {
    text-align: center;
}
.rowEight .grid3:nth-child(1) img {
    display: block;
    margin: 0px auto 20px auto;
}
.rowEight .grid3 li {
    text-align: center;
}
.rowEight .grid3:nth-child(4) ul {
    text-align: center;
}
.whitebutton{
    margin: auto;
    display: table;
}
.topaddress{
	display:none;
	visibility:hidden;
}
.logo{
	border-top:#0a8de1 2px solid;
}
.desktopMenu {
	display: none;
	visibility: hidden;
}
.mobile {
	display: block;
	visibility: visible;
	background-color:#FFF;
}
/* **************************** Mobile menu  **************************** */
.MenuBase{
	background-color:transparent;
}
nav div {
	padding: 5px 5px;
	cursor: pointer;
	/*font-size: 24px;*/
	display: block;
	/*float: right;*/
	margin: 0px;
}
#menu > li > a:after { 
/* content: " 🢖";*/
 content:url(images/mobile-arrow-right.png);
}
#menu > li > a:hover:after { 
 /*content: " 🢗";*/
 content:url(images/mobile-arrow-down.png);
}
#menu > li > a:only-child:after {content: ''; }
/*#menu > li > a:after {content: 'v'; }*/
ul#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
	position:absolute;
	width: 100%;
	z-index: 10;
}
ul#menu li {
  display: block;
}
ul#menu li a, ul#menu li a:visited {
	display:block;
	padding: 10px 17px;
	color: #fff;
	background-color: #09a0fe;
	text-decoration: none;
	font-size:100%;
	font-weight:600;
	border-bottom:1px solid #fff;
}
ul#menu li a:hover {
  background-color:#255da6;
  color:#fff;
}
ul#menu ul {
  position: static;
  min-width: auto;
  display: none;
}
ul#menu ul li {
  display: block;
  border-bottom: 1px solid #fff;
}
ul#menu li li a, ul#menu li li a:visited {
  background-color: #255da6;
  color:#fff;
}
ul#menu li li a:hover {
  background-color: #255da6;
}
ul#menu li:hover ul {
  display: block;
}
/* **************************** Mobile menu  ends **************************** */
.rowTwo ul li a.graybutton{
    left: 31%;
}
a.graybutton, a.graybutton:visited{
    padding: 15px 30px;
}
.rowFiveLink, .rowFiveLinkNoImg {
    padding: 250px 0px 90px 0px;
}
}

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


}

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


}

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

}

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

}

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

}