@charset "utf-8";
/* CSS Document */


*
{ margin:0; padding:0;}
body
{
	margin:0; padding:0;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
}

h1,h2,h3,h4,h5,h6,p,input,textaread,ul,li
{
	margin:0; padding:0;
}
a{ color:#000;} a:hover{ text-decoration:none;}
@font-face {
    font-family: "Inkfree Regular";
        src: url("Inkfree.woff") format("woff"), 
             url("Inkfree.ttf")  format("truetype") 
    
}

img
{ border:0;}
#header
{
	background:url(../mages/header-bg.jpg) repeat-x left top;
	padding:0px;
	position:relative;
}
#header-wrap
{
	width: 100%;
    margin: auto;
    height: auto;
    padding: 0 !important;
    background: #fdfdfd;
    display: flex;
    max-width: 1180px;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
}
#header-wrap:before, #header-wrap:after {
  display: table;
  content: " ";
}
#header-wrap:after {
  clear: both;
}
.left-section{
    display: flex;
    flex-direction: column;
    flex: 0 0 74%;
    align-items: center;
    margin-top: 15px;
}
.logo-box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#home-logo
{margin-left:45px;}
#home-logo img{width: 155px;}
.logo-other{
    width: 170px;
}
#logo 
{
	float:left;
	 margin:0 0 0 50px;
}
#header-flash
{
	width:970px;
	height:200px;
	float:left;
	background: url(../images/bg-banner.jpg) no-repeat;
	position: relative;
    overflow: hidden;
    background-size: cover;
}
#header-flash:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to right, #ffffff 7%,transparent 52%,#ffffff 94%);
}
.header-caption{
    font-family: "Inkfree Regular";
    font-size: 26px;
    text-align: center;
    color: #2e3ead;
    width: 553px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 30px; 
    font-weight: 600;
}
.top-animate-content{
    color: #fff;
    font-size: 20px;
    z-index: 9;
}
.element-one
{
    font-size: 17px;
    position: absolute;
    animation: animationFramesTop ease-in 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
}
@keyframes animationFramesTop{
  0% {
    transform: translate(800px,0);
  }
  90%{
      transform: translate(415px,0);
      opacity: 0.9;
  }
  95%{
      opacity: 0.5;
  }
  100%{
      transform: translate(215px,0);
      opacity:0;
  }
}
.element-two{
  animation: animationFrames ease-in 12s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  position: absolute;
  top: 20px;
  font-size: 25px;
  opacity: 1;
}

@keyframes animationFrames{
  0% {
    transform: translate(305px);
  }
  80% {
        transform: translate(605px);
        opacity: 0.5;
  }
  100%{
      transform: translate(800px);
      opcaity: 0;
  }
}
.element-three{
  animation: animationFramesMiddle ease-in 12s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  position: absolute;
  top: 90px;
  font-size: 37px;
  opacity: 1;
}

@keyframes animationFramesMiddle{
  0% {
    transform: translate(415px,0);
  }
  80%{
      transform: translate(600px,0);
      opacity: 0.8;
  }
  90%{
      transform: translate(825px,0);
      opacity: 0;
  }
  100%{
      transform: translate(900px,0);
      opacity: 0;
  }
}
.element-four{
  animation: animationFramesCap ease-in 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  position: absolute;
  top: 2px;
  font-size: 70px;
  opacity: 0;
  animation-delay: 8s;
}

@keyframes animationFramesCap{
  0% {
    transform: translate(-90px, 0);
    opacity: 0
  }
  90%{
          transform: translate(250px, 0);opacity: 0.1
  }
  100%{
          transform: translate(500px, 0);
          opacity: 0;
  }
}
.element-five{
  animation: animationFramesGain ease-in 6s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  position: absolute;
  top: 58px;
  font-size: 20px;
  opacity: 0;
  animation-delay: 10s;
}

@keyframes animationFramesGain{
  0% {
    transform: translate(900px, 0);
    opacity: 1;
  }
  90%{
    opacity: 0.8;
    transform: translate(500px, 0);
  }
  100%{
    opacity: 0;
    transform: translate(350px, 0);
  }
}
.element-six{
  animation: animationFramesLast ease-in 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  position: absolute;
  top: 90px;
  font-size: 52px;
  opacity: 0.1;
  animation-delay: 4s;
}

@keyframes animationFramesLast{
  0% {
    transform: translate(809px, 0);
  }
  90%{
      transform: translate(650px, 0);
  }
  100%{
          transform: translate(500, 0);
          opacity: 0;
  }
}

#header-text
{
  /*float:left;*/
  margin:0 0 0 108px;
  text-align:center;
} 
#header-text h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#2b3996;
	padding-bottom:8px;
}
#header-text h2:first-child{
    font-size: 28px;color: #2b3996;padding-bottom:8px;
}
#header-text h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#ff0012;
	padding-bottom:8px;
	white-space: nowrap;
}
#header-text h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}
#header-video
{
	float:right;
	margin-top:5px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 25%;
    overflow: hidden;
}
#header-video img{width: 175px;}
.menu-toggs {
	padding:10px 0;
	text-align:center;
	display:none;
	cursor:pointer;
}
#menu-wrap
{
	background:url(../images/menu-bg.jpg) repeat-x left top;
	height:50px;
	position:relative;
	z-index:2;
}
#menu
{
	font-size:14px;
	margin:auto;
	max-width: 1180px;
}
#menu ul
{
	margin:0;padding:0;
}
#menu ul:before, #menu ul:after {
  display: table;
  content: " ";
}
#menu ul:after {
  clear: both;
}
#menu li
{
	float: none;
    list-style: none;
    width: 1%;
    text-align: center;
    display: table-cell;   
    white-space: nowrap;
} 
#menu li a
{
	display: block;
    padding: 16px 7px 16px 7px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
	
}
#menu li a:hover
{
	background:url(../images/menu-hover.jpg) repeat-x left top;
	color:#fff;
}
#menu li span a
{
	background:url(../images/menu-hover.jpg) repeat-x left top;
	color:#fff;
}
#menu li p span a
{
	background:url(../images/menu-hover.jpg) repeat-x left top;
	color:yellow;
}
#body
{
	width: 100%;
    margin: auto;
    padding: 25px 0;
    max-width: 1180px;	
}
.service-box-bg
{
	background:url(../images/servce-box-bg-shadow.jpg) no-repeat center bottom;
	padding-bottom:18px;
	width: 275px;
    margin: 0 20px 0 0;
	float:left;
}
.service-box
{
	background:#eeeeee url(../images/servce-box-bg.jpg) repeat-x left top;
	padding:15px;
	border:#efecec 1px solid;
	line-height:18px;
	min-height: 300px;
}
.service-box h2
{
	padding:8px 0;
	color:#3245b6;
	font-size:17px;
}
.service-box h2 span
{
	color:red;
}
.service-box  .read-more
{
	font-size:16px;
	text-transform:uppercase;
	background:url(../images/read-more-icon.jpg) no-repeat;
	padding:0  0 0 30px;
	margin:8px 0 2px 0;
}
.service-box  .read-more a
{ color:#000; text-decoration:none;}

.service-box  .read-more a:hover
{ color:red; text-decoration:underline;}

.cl
{	clear:both;}.left{	float:left;}.right{	float:right;} .mr{ margin-right:0;}
.clear {
	clear:both;
}
.home-btm-cont {
	width:100%;
	margin-top: 15px;
}
#footer
{
	background:#132460 url(../images/footer-bg.jpg) repeat-x left top;
	padding:20px 10px 10px 10px;
	color:#fff;
	margin-bottom:58px;
}
#footer-wrap
{
	width:100%;
	margin:auto;
	max-width: 1180px;
}
#footer-wrap h1
{
	font-size:18px;
	color:#d1ff31;
	padding:5px 0 8px 0;
	font-weight:normal;
}
#footer-wrap .clm1 
{
	float:left;
	height:180px;
	width:320px;
	background:url(../images/footer-clm.png) no-repeat right center;
}

#footer-wrap .clm1 ul
{
	float:left;
	width:160px;
}
#footer-wrap .clm1 li
{
	list-style:none;
	line-height:24px;

}

#footer-wrap .clm1 li a
{
	color:#fff;
	text-decoration:none;
}
#footer-wrap .clm1 li a:hover
{
	color:#d1ff31;
	text-decoration:underline;
}

#footer-wrap .clm2
{
	background:url(../images/footer-clm.png) no-repeat right center;
	width:24%;
	margin-left:10px;
	height:180px;
	float:left;
	line-height:16px;
	padding:0 15px;
}
#footer-wrap .clm2 .read-more
{
	float:right;
	margin-top:5px;
}

#footer-wrap .clm3
{
	background:url(../images/footer-clm.png) no-repeat right center;
	width:12%;
	margin-left:10px;
	height:180px;
	float:left;
	line-height:16px;
	padding:0 15px;
}
#footer-wrap .clm3 .fb a
{
	background:url(../images/fb-icon.png) no-repeat left top;
	display:block;
	padding:10px;
	padding-left:50px;
	font-size:15px;
	color:#fff;
	text-decoration:none;
	margin-top: 15px;
} 

#footer-wrap .clm3 .tw a
{
	background:url(../images/twitter.png) no-repeat left top;
	display:block;
	padding:10px;
	padding-left:50px;
	font-size:15px;
	margin:10px 0;
	color:#fff;
	text-decoration:none;
}

#footer-wrap .clm3 .youtube a
{
	background:url(../images/youtube.png) no-repeat left top;
	display:block;
	padding:10px;
	padding-left:50px;
	font-size:15px;
	color:#fff;
	text-decoration:none;
}
#footer-wrap .clm3 .tw a:hover
{
	color:#d1ff31;
	text-decoration:underline;
}
#footer-wrap .clm3 .fb a:hover
{
	color:#d1ff31;
	text-decoration:underline;
}
#footer-wrap .clm3 .youtube a:hover
{
	color:#d1ff31;
	text-decoration:underline;
}

#footer-wrap .clm4 
{
	float:left;
	height:180px;
	margin-left:20px;
}
#footer-wrap .clm4 p
{
	margin-bottom:15px;
	line-height:18px;
}
.footer-sep
{
	background:url(../images/footer-sep.jpg) left top repeat-x;
	padding:3px 00 0 0 ;
	margin:15px 0;
}
.fixed-footer
{
	background:url(../images/fixed-footer.jpg) repeat-x left top;
	padding:10px;
	position:fixed;
	bottom:0;
	width:100%;

}
.fixed-footer h1
{
	text-align:center;
	color:#fff;
	font-size:32px;
	font-weight:normal;
}
.fixed-footer h1 span
{
	color:#f0ff08;
}
.body-wrap
{
	border:1px solid #CCC;
	padding:15px;
	box-shadow:2px  2px 2px #ddd;
	font-size:14px;
	line-height:18px;
	
}
.body-wrap h1
{

	color:#1f2b7c;
	font-size:32px;
	font-weight:normal;
	padding-bottom:15px;
}
.body-wrap h1 span
{
	color:#ff0012;
}

.body-wrap p{margin:0px 0px 10px 0px; padding:0px; line-height:1.5em;}
.body-wrap h2{font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#1f2b7c; font-size:16px; margin:5px 0px 10px 0px; padding:0px;}

.body-wrap ul
{
	margin:5px 0px 15px 0px;
	padding:0 0 0 0;
	
}
.body-wrap li
{
	list-style:inside;
	padding-left:25px;
	margin:0px 0px 5px 0px;
	line-height:1.5em;
}

.zoom-sec
{
	float:right;
	width:230px;
	margin:5px 0 10px 25px;
	border:1px solid #d1cdcd;

}
.zoom-text
{
	background:url(../images/large-pic-bg.png) repeat-x left top;
	border:1px solid #d1cdcd;
	height:30px;
}
.zoom-text a
{
	background:url(../images/large-icon.png) no-repeat left top;
	background-position:0px 8px;
	display:block;
	font-size:14px;
	color:#000;
	text-decoration:none;
	padding: 8px 0 5px 35px ;
}

.zoom-text a:hover
{
	text-decoration:underline;
}
.inner-service ul
{
	margin:5px 0;
	padding:00 0 0 0;
	
}
.inner-service li
{
	list-style:none;
	background:url(../images/arrow.png) no-repeat left top;
	padding-left:25px;
	margin:3px 0;
}
.instant-quote-box
{
	width:500px;
	float:left;
	margin-left:30px;
	margin-top:15px;
}
.instant-quote-box-input
{
	border-radius:5px;
	padding:5px;
	border:1px solid #CCC;
	margin:5px 0;
	height:20px;
	width:480px;
}
.instant-quote-box-msg
{
	border-radius:5px;
	padding:5px;
	border:1px solid #CCC;
	margin:5px 0;
	height:80px;
	width:480px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
}
.submit
{
	background:url(../images/menu-hover.jpg) repeat-x left top;
	height:30px;
	width:80px;
	border:0;
	cursor:pointer;
	float:right;
	margin-right:5px;
	border-radius:5px;
	color:#fff;
}
.submit:hover
{
	background:url(../images/menu-bg.jpg) repeat-x left top;
	color:#333;
	border:#ccc 1px solid;
}
.areas-left
{
	width:145px;
	float:left;
	margin-bottom:10px;
	margin-top:5px;
}
.areas-right
{
	width:105px;
	float:left;
	margin-bottom:10px;margin-top:5px;
}

/* 2 August css changes */
.home-service-bxall{
	flex: 0 0 72%;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.inner-content{
	display: flex;
    flex-wrap: wrap;
    
}
.instant-box-index{
	flex: 0 0 25%;
	border: none;
    box-shadow: none;
}
.instant-box-index .instant-quote-box{
    margin-left: 0!important;
    max-width: 260px;
}
.instant-box-index .instant-quote-box-input{
    width:100%;max-width: 245px;
}
.instant-box-index .instant-quote-box-msg
{
    min-height: 200px;
    resize: vertical;
    max-width: 245px;
}
select{
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #CCC;
    margin: 5px 0;
    width: 100%;
}
select option {
   color: black;
}
select:not(:checked) {
   color: gray;
}
.instant-quote-box.instant-page textarea{resize: none;}
.text-center{text-align: center;}
.instant-quote-box.instant-page{
    float: none;
    margin: auto;
}
.instant-page .instant-quote-box-input{width: 97.2%;}
.instant-page .instant-quote-box-msg {width: 97.2%;}
.instant-quote-box.index select{max-width: 260px;}
.google-review-images {margin-left: 43px;margin-top: 20px;}
.flex-row{    display:flex;align-items:center;}
.google-review-images .flex-row .image{
    flex: 0 0 30.5%;
    margin-right: 27px;
    margin-bottom: 13px;
    text-align: right;
}
.google-review-images .flex-row .image img
{
        height: 100%;
    width: 100%;
    max-width: 129px;
}

@media (max-width: 768px){
    .google-review-images .flex-row .image{flex: 0 0 50%;}
}