/*
Theme Name: shreepublicity
Author: shreepublicity
Version: 1.0.0

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	overflow-x:hidden;
}
 
*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
body {
    font-family: "Poppins",sans-serif;
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: transparent;
}
a:active, a:hover, a:focus {
    outline: 0 none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
body, button, input, select, optgroup, textarea {
    color: #404040;
    font-size: 1rem;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
p {
    margin-bottom: 1.5em;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee none repeat scroll 0 0;
    font-family: "Courier 10 Pitch",Courier,monospace;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var {
    font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
    font-size: 0.9375rem;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0 none repeat scroll 0 0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
html {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
body {
    background: #fff none repeat scroll 0 0;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
hr {
    background-color: #ccc;
    border: 0 none;
    height: 1px;
    margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1.5em 0;
}
ul {
    list-style: outside none disc;
}
li {
    padding: 0 0 5px 0;
}
ol {
    list-style: outside none decimal;
}
li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
figure {
    margin: 1em 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #083D5F none repeat scroll 0 0;
    border: 1px solid #083D5F;
    border-radius: 3px;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: #083D5F;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 6px;
}
select {
    border: 1px solid #ccc;
    min-width: 196px;
    border-radius: 3px;
    padding: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111;
}
textarea {
    width: 100%;
}
a {
    color: #e31077;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

a:visited {
    
    transition: all 0.3s ease 0s;
}
a:hover, a:focus, a:active {
    outline: medium none;
}
a:focus {
    outline: medium none;
}
a:hover, a:active {
    outline: 0 none;
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear::after, .entry-content::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after {
    clear: both;
}
.widget {
    margin: 0 0 30px;
}
.widget select {
    max-width: 100%;
}
.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.updated:not(.published) {
    display: none;
}
.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}



embed, iframe, object {
    max-width: 100%;
}



@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
}
.container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 15px;
}

.boxspacer {
    display: block;
    height: 20px;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.textlink {
    color: #81B84D;
    font-size: 13px;
    text-decoration: none;
}
.textlink:hover {
    color: #000;
}

.visible-sm {
    display: none !important;
}


/*Content css*/


header.entry-header h1.entry-title {
  color: #083D5F;
    display: inline-block;
    
    font-weight: 700;
    margin: 0 0 20px;
	text-transform:uppercase;
}
.entry-content p{
	color: #191919;
   
    font-weight: 400;
    line-height: 34px;
    margin: 0 0 24px;
    text-align: justify;
	}
.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
	font-weight:600;
	color: #083D5F;
}
.entry-header {
    border-bottom: 1px dashed #31458a;
    padding: 30px 0 0;
}
#primary.content-area {
    float: left;
    margin: 0 5% 0 0;
    width: 70%;
}
body.page-template-full-width #primary.content-area {
    float: left;
    margin: 0;
    width:100%;
} 
aside#secondary {
    float: left;
    padding: 50px 0 0;
    width: 25%;
}
.widget {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px double #efefef;
    margin: 0 0 30px;
    padding: 20px;
}
h2.widget-title {
    color: #30458a;
    display: block;
    
    font-weight: 600;
    line-height: 26px;
    position: relative;
	margin-top:0;
}
.search-form .search-field {
    margin: 0 0 10px;
    width: 100%;
}
.widget > ul {
    margin: 0;
    padding: 0 0 0 16px;
}


/*Site wide Css Start*/
.topbar{height: 46px; line-height: 46px; background-color: #fff;}
.callnEmail {
	float:left;
}
.callnEmail a {color: #083D5F; font-size: 14px;}
.callnEmail a:hover{
	color:#81B84D;
}
.callnEmail .fa {
    color: #7ab343;
    border:2px solid #093c5d;
    width: 30px;
	height: 30px;
    text-align: center;
    line-height: 26px;
    border-radius: 30px;
	margin: 0 10px 0 0;
	font-size: 14px;
}
.callLink {
    margin-right: 20px;
}
.socialLinks {

	line-height: normal;
}
.socialLinks a {
   font-size:48px;
    text-align: center;   
	margin: 0 10px;	
}
.socialLinks a.fb{color:#3a589b}
.socialLinks a.tw{color:#2ca7e0}
.socialLinks a:hover{
	color:#000
}
.topMenu{
	clear: both;
	background-color: #fff ;
	padding:5px 0;
	position: relative;
}
.logoImg{
	max-width:148px;
	float: left;
}
.logoImg img{
	float: left;
}
.homeSlider{}
.homeSlider .caption-wrap{
	top:35%; text-align: center; background-color: transparent !important; opacity: 1 !important; color: #fff; position:absolute; left:0; right:0; font-size:20px;
}
.homeSlider .caption-wrap h2{font-weight:600; font-size:40px; margin:0;}
.homeSlider .caption-wrap .btn{width:260px; height:60px; line-height:60px; text-align:center; text-transform:uppercase; color:#fff; font-size:16px; background-color:#ef4ba0; display:inline-block; border-radius:5px; font-weight:600;  }
.homeSlider .caption-wrap .btn:hover{background-color:#000;}
.homeSlider .owl-dots{position: absolute;left: 0;right: 0;bottom: 10px;}
.homeSlider .owl-theme .owl-dots .owl-dot.active span{background-color:#ef4ba0;}


.ourServices{padding: 60px 0;background-color:#f2f2f2; }
.ourServices h2{margin: 0 0 40px;}
.titleWithborder{text-align: center; color: #000; font-size:30px; margin:0 0 30px 0;}
.titleWithborder span{display: inline-block}
.titleWithborder span:after{content:""; display: block; height:1px; width: 70px; margin: 0 auto; background-color:#000;  }


.titleWithborder.text-left{text-align:left;}
.titleWithborder.text-left span:after{margin:0}
.text-justify{text-align:justify}





.introContent{padding: 60px 0 30px;}
.introContent p{line-height: 30px}
.flexlogoRight{float:right; margin:0 0 0 30px }
.flexlogoLeft{float:left; margin:0 30px 0 0 }
.flexlogoRight h3,.flexlogoLeft h3 {
    text-align: center;
    margin: 0 0 -20px;
    padding: 7px;
    background-color: #1595DE;
    color: #fff;
    border-radius: 20px 20px 0 0;
    z-index: 99;
    position: relative;
}

@media only screen and (min-width:801px){
.flextopbtn {
margin-top: -40px !important;
}
.flextopbtn a {
    background-color: #1595DE;
    padding: 10px 20px !important;
    border-radius: 30px; 
	font-size:16px !important;
	display:block !important;
	text-align:center !important;
	color:#fff !important;
	top: 18px;
	
}
.flextopbtn a span{display:block; font-size:18px; font-weight:700;}
}

.ourServices ul{list-style: none; margin: 0; padding: 0;}
.ourServices li{float: left; text-align: center;  font-size: 16px; width:31.6%; background-color:#fff; border-radius:30px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:0 0 30px;}
.ourServices li:not(:last-child){margin-right: 2.6%;}
.ourServices li h3{font-weight:400;margin:20px 0 10px; padding: 0; font-size: 18px; color:#171717}
.ourServices li img{border-radius:30px 30px 0 0; border:1px solid #fff; display:block;}
.ourServices li p{margin:0; padding: 0 30px; line-height: 24px; color:#999999;min-height: 260px;}
.cta{background-color:#e6e6e6; padding:20px; margin:50px 0 10px}
.ctatext{display:inline-block; font-size:15px; color:#5c5c5c; }
.ctatext span{display:block; font-size:18px; color:#171717; font-weight:600; padding:0 0 5px}
.cta .btn-default{float:right; margin:8px 0 0 0;}

.ourHoardings{padding: 60px 0;background-color:#fff; }
.ourHoardings h2{margin: 0 0 40px;}
.ourHoardings .item{border: 1px solid #cbcbcb; text-align:center; font-size:16px; min-height:201px;}
.ourHoardings .item figure{margin:0; }
.ourHoardings .item figure img{border:4px solid #fff;}
.ourHoardings .item a{color:#000;}
.ourHoardings .item figcaption{padding:10px; text-transform:uppercase; line-height:18px;}
.ourHoardings .item:hover{ background-color:#000;}
.ourHoardings .item:hover a{color:#fff; background-color:#000}
.ourHoardings .item:hover a figure img{border-color:#000;}

.ourHoardings .twobtns{text-align:center; padding:40px 0 0}
.ourHoardings .twobtns a{margin:0 8px 10px;}


.hoardingAvailability{padding: 60px 0 0;background-color:#F2F2F2; }
.hoardingAvailability h2{margin: 0 0 40px;}


.site-footer{background-color: #fff; }
.dt{display:table; width:100%; text-align:center;}
.site-footer .footerCol1,.site-footer .footerCol2,.site-footer .footerCol3{display:table-cell;width:33.33%;text-align:center;vertical-align:middle;}
.site-footer .footerCol1{ background-color:#f2f2f2; }
.site-footer .footerCol2{background-color:#eaeaea; }
.site-footer .footerCol3{ background-color:#f2f2f2; font-size:14px; padding:20px 43px; }

.site-footer .footerCol1 img{margin-bottom:20px;}

.site-footer .footerCol2 p{display: inline-block; margin: 0; vertical-align: top}
.site-footer .footerCol2 .inline{display: inline-block}



.site-footer .footerMenu{padding: 20px 0;}
.site-footer .footerMenu ul{list-style-type: none;margin:0 auto; padding: 0; text-align: center; }
.site-footer .footerMenu li{display: inline-block; margin:0; padding: 0;}
.site-footer .footerMenu li a{color:#999999; font-size:16px;}
.site-footer .footerMenu li:not(:last-child)::after {content: "|"; display: inline; padding: 0 10px;color: #fff;}
.site-footer .footerMenu li.active a,.site-footer .footerMenu li.active a:hover{color:#e31077;}

.site-footer .footerMenu li:not(:last-child):after{content: "|";display: inline;padding:0 15px;color: #999999;}
.site-footer .footerMenu li a:hover{color:#000}
.site-footer .copyRight{background-color: #fff; text-align: left;font-size: 14px; padding: 20px 0}
.site-footer .copyRight .col22{text-align:right;}
.site-footer .copyRight a{color:#e31077}
.site-footer .copyRight a:hover{text-decoration: underline;}
.site-footer .copyRight p{margin: 0}
.ShowMobile{display: none; float: right;color: #fff; margin:23px 0 0 0;}
.ShowMobile a{color:#999;}
.ShowMobile .callLink {margin-right: 10px;}
.ShowMobile .callLink a,
.ShowMobile .emailLink a{width: 40px;height: 40px;background-color: rgba(0,0,0,0.5);    border-radius: 40px;line-height: 40px;display: inline-block;text-align: center;    font-size: 18px;}

#menubtn {height: 40px;border-radius: 40px;line-height: 40px;display: inline-block; margin-left:12px; padding:0 20px; cursor: pointer; border:1px solid #ccc;}
#menubtn span{padding-left: 5px;}
.col21{width:47%; display:inline-block; margin:0 3% 0 0; float:left;}
.col22{width:47%; display:inline-block; margin:0 0 0 3%;}

.wpcf7-form p{margin:0 0 12px;}
.wpcf7-recaptcha{margin:0 0 18px;}
.wpcf7-textarea,.wpcf7-text{width:100%; padding:6px !important; font-weight:300;}
.wpcf7-textarea{max-height:100px;}
.wpcf7-form-control.wpcf7-submit {background-color: #083D5F;border: medium none;color: #fff;font-size: 18px;padding: 14px 30px;transition: all 0.3s ease 0s;}
.wpcf7-form-control.wpcf7-submit:hover{background-color:#81B84D;} 
.box {margin-bottom: 30px;}
.box .fa {color: #acacac;float: left;font-size: 22px;padding: 2px 0 0;}
.boxColumn {margin: 0 0 0 40px;}
.boxColumn a{text-decoration:none;}
.boxColumn a:hover{color:#000;}
.entry-content a:hover{color:#000;}
.brdimg {border: 1px solid #083D5F;}

.col21 iframe,.col22 iframe{border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}
.col21 iframe{border-right:1px solid #ccc !important;}

.btn-default{font-weight:600; font-size:12px; background-color:#e31077; border:1px solid #e31077; border-radius:3px; padding:10px 20px; text-align:center; min-width:100px; color:#fff; display:inline-block; }
.btn-default:hover{background-color:#000; border-color:#000;}
.btn-default.btn-o{background-color:transparent; border-color:#acacac; color:#3a3a3a}
.btn-default.btn-o:hover{background-color:#000; border-color:#000; color:#fff;}
.btn-lg{font-size:16px !important;padding:8px 30px;margin-bottom: 5px !important;}
.btn-black{border-color:#000 !important; background-color:#000 !important;}
.btn-blue{border-color:#1595DE !important; background-color:#1595DE !important;}

.pageTitle{background:url(../images/banner-img2.jpg) center center no-repeat; background-size:cover; text-align:center; padding:30px 20px; color:#fff;}
.pageTitle h1{margin:0; padding:0; line-height:32px; font-size:32px;}
#breadcrumb{list-style:none; margin:10px 0 0; padding:0;}
#breadcrumb li{display:inline-block; font-size:11px;}
#breadcrumb li:not(:last-child):after{content:"/"; display:inline-block; margin:0 0 0 10px;}

.site-content{padding:30px 0}
.site-content p{line-height:30px;}
.img-border{border:1px solid #fff; border-radius:20px; box-shadow:0 0 0 5px rgba(0,0,0,0.1);}

.serviceBox{padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid #ccc;}
.serviceBox.last{padding:0; margin:0; border:none}
.serviceBox .serviceText{display:table}
.serviceBox .serviceText h3{margin-top:-2px;}
.serviceBox img{border-radius:20px; border:1px solid #ccc;}

.col31{width:33%; float:left;}
.col32{width:33%; float:left; padding-right:40px}
.col33{width:33%; float:left;}

.form-horizontal label{font-size:12px; text-transform:uppercase}
.form-horizontal input{border:1px solid #ccc; width:90%; padding:5px;}
.form-horizontal textarea{border:1px solid #ccc; width:90%;}
.form-horizontal .form-group{margin:0 0 10px;}
.form-horizontal .col21,.form-horizontal .col22{float:left; width:40%; }
.form-horizontal .col21 input, .form-horizontal .col22 input{width:100%;}
.form-horizontal .col21 select, .form-horizontal .col22 select{width:100%;}
.form-horizontal input[type="checkbox"], .form-horizontal  input[type="radio"]{width:auto; }
.form-horizontal button{margin-top:10px; text-transform:uppercase}


.mapwrap .col21,.mapwrap .col22{width:50%; margin:0;}

/*Tab content style*/
.tab_content strong{font-weight:900; color:#010101; font-size:18px;}
.text-pink{color:#f0333c}


ul.style1 {
  list-style: none;
  padding: 0;
  margin:10px 0 30px;
}

ul.style1 li {
}

ul.style1 li::before {
  content: "• ";
  color: red; /* or whatever color you prefer */
  padding:0 10px 0 0;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	background-color:#fff;
	
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 10px 21px;
	font-size:22px;
	color:#000;
	background-color: #ebeaea;
	overflow: hidden;
	position: relative;
	text-align:center;
	width:25%;
	font-weight:700;
}

ul.tabs li:hover {
	background-color: #555;
	color: #fff;
}

ul.tabs li.active {
	background-color:#e31077;;
	color: #fff;
	
	display: block;
}
ul.tabforourhoardingpg li {width:50%;}
.tab_container {
	
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	font-size:18px;
	overflow: auto;
}
.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #666;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #e31077;
		color: #fff;
	}
}


/*404 css*/
.wrap404{text-align:center; padding:40px 0}
.wrap404 i{font-size:120px;}
.wrap404 h2{font-size:60px; font-weight:500; margin:0;}
.wrap404 h4{font-size:40px; font-weight:300; margin:0; color:#ccc;}
.wrap404 p{font-size:20px; }


.fxBtnwrap{position: fixed; bottom:20px; right:60px; z-index: 9999;}
.fxBtnwrap a{display: inline-block; border-radius: 20px; margin:0 3px 0 0; }

/* Center the loader */
.load-more {
  z-index: 1;
  width: 100px;
  height: 100px;
  margin-left: 45%; 
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #00afef;
  border-bottom: 16px solid #00afef;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*Map*/
/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
	height: 500px;
}
/* Optional: Makes the sample page fill the window. */

#description {
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
}
#infowindow-content .title {
	font-weight: bold;
}
#infowindow-content {
	display: none;
}
#map #infowindow-content {
	display: inline;
}
.pac-card {
	margin: 10px 10px 0 0;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	font-family: Roboto;
}

#title {
	color: #fff;
	background-color: #4d90fe;
	font-size: 25px;
	font-weight: 500;
	padding: 6px 12px;
}
#target {
	width: 345px;
}
.dynamicMap,.site-content-map{position:relative}
.legend {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    margin-right: 10px;
    margin-top: 10px;
    padding: 8px !important;
    width: auto;
    position: absolute;
    bottom: 0px;
    left: 10px;
	z-index:9999;
}
    .legend li span {
    display: inline-block;
    height: 10px;
    margin-right: 6px;
    margin-top: 7px;
    vertical-align: top;
    width: 10px;
}

.legend li {
    display: inline;
    font-size: 12px;
    padding: 0 10px;
}
    .red-map-legend {
        background-color: #d23f31;
    }
    .green-map-legend {
        background-color: #4fb04b;
    }
@media screen and (max-width:767px) {
	.legend {
		display: none;
	}
}
#pac-input:focus {
        border-color: #4d90fe;
      }

      .pac-container {
        font-family: Roboto;
      }

      #type-selector {
        color: #fff;
        background-color: #4d90fe;
        padding: 5px 11px 0px 11px;
      }

      #type-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }
      #target {
        width: 345px;
      }
    .pac-input {
        left: 0;
        margin: auto;
        max-width: 550px;
        padding: 4px 16px;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 99;
    }
#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    height: 46px;
    padding: 0 16px;
    text-overflow: ellipsis;
	width:100%;
}

.galleryWrap ul{margin:0; padding:0; list-style:none;}
.galleryWrap li{display:inline-block; width:22%; margin:0 2% 20px 0; text-align:center;}
.galleryWrap img{border-radius:20px; box-shadow:0 0 15px rgba(0,0,0,0.4);}

section.fullwidth{padding: 60px 0;background-color: #fff;}
section.fullwidth.lightgreybg{background-color: #f2f2f2;}
section.fullwidth.last{padding-bottom:10px;}

.w300{max-width:300px;}
.w900{max-width:900px; margin:auto;}
.form-group.w300{display:inline-block; margin-right:20px;}
.form-group.w300 input{width:100%;}
.form-group.w300 select{width:100%;}
 
 .form-group.col31,.form-group.col32, .form-group.col33{padding-right:20px;}
 .form-group.col31 input,.form-group.col32 input, .form-group.col33 input{width:100%; min-height:32px; max-height:32px;}
 .form-group.col31 select,.form-group.col32 select, .form-group.col33 select{width:100%;min-height:32px; max-height:32px;}
.form-group.col33.btns{margin-top:12px;}
.twobtnforOurHord{margin:30px 0; text-align:center; }

.termsblock{background-color:#f3f3f3; padding:20px 0}


/*Header Fixed While Scroll Css Start*/
#masthead {position: static;top: -65px;}
.logoImg ,.topMenu #cssmenu,header#masthead{transition:all ease-in-out 0.3s;}
.fixed-header {position: fixed !important;top: 0 !important;left: 0;right: 0;box-shadow: 0 5px 5px rgba(0,0,0,0.2);
z-index: 9999;}
.fixed-header .logoImg {max-width: 100px;}
.fixed-header .topMenu #cssmenu {margin: 22px 0 0 0;}
body.fixed{padding-top:100px;}

.fixed-header .flextopbtn a{font-size: 12px !important;}
.fixed-header .flextopbtn a span {font-size: 14px;}
/*End*/


/*Our Client Page*/
.our-clients-list{margin:20px 0}
.our-clients-list a{
    height: 170px;
    text-align: center;
    position: relative;
    margin: 15px;
	width:204px;
	float:left;
	    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	display:table;
}
.our-clients-list a:hover{box-shadow: 0 8px 16px rgba(25, 56, 138, 0.24);}

.clientlogobox span {
    display: table-cell;
    vertical-align: middle;
	padding:10px;
}
.clientlogobox img {
    vertical-align: middle;
    max-height: 130px;
	max-width: 100%;
margin: auto;
width:auto !important;
}

.loadmore {
    display: none;  
}

.loadmore.active {
    display: block;
}

#loadmorebtn.disable {
    display:none
}
#loadmorebtn{clear:both; display:block; margin:25px auto;}



/*Media Query*/

@media only screen and (max-width: 1024px) {
	
	.homeSlider .caption-wrap{top:30%;}
	.ourHoardings .twobtns{padding:10px 0 0 0}
}
@media only screen and (max-width: 980px) {
	
}
@media only screen and (max-width: 979px) {
	
}
@media only screen and (max-width: 800px) {
	.homeSlider .caption-wrap{top:20%;}
	.introContent {padding: 30px 0 10px;}
	.ourServices {padding: 30px 0;}
	.ourHoardings {padding: 30px 0;}
	.hoardingAvailability{padding: 30px 0 0;}
	.ctatext{display:block}
	.cta .btn-default{float:none; clear:both;margin:8px 0 0 0;}
	
	.entry-header{padding: 20px 0 0 0; }
	aside#secondary{padding:40px 0 0 0; width:30%}
	#primary.content-area{width:65%}
	
	.site-footer .copyRight .col21,.site-footer .copyRight .col22{text-align:center; width:100%; margin:0; padding:0;}
	.callnEmail{display:none}
	.ShowMobile{display: block;}
	#menu-button{display:none !important}
	.flextopbtn a span{display:inline-block;padding-left:10px;}
	.form-horizontal .col21,.form-horizontal .col22{float:left; width:47%; }
	
	
}
@media only screen and (max-width: 767px) {
	
	
	
	
	.homeSlider .caption-wrap {font-size:2vw;}
	.homeSlider .caption-wrap h2{	font-size: 4vw;}
	.homeSlider .caption-wrap .btn{width:auto; padding:2vw;font-size: 3vw; height:auto; line-height:normal;}
	
	
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 600px) {
	
	#primary.content-area{width:100%; margin: 0;}
	aside#secondary{padding:40px 0 0 0; width:100%}
	
	.alignright,.alignleft{max-width:220px;	}
	
	
	.ourServices li{width:100%;}
	.ourServices li:not(:last-child) {margin-right: 0; margin-bottom:30px;}
	.ourServices li img{margin:0 auto}
	.ourServices li p{min-height: inherit;}
	
	
	.titleWithborder {font-size: 22px; margin-bottom: 20px;}
	.newsnTestimonials h2{font-size: 22px; margin-top: 0;}
	.wptww-testimonials-slidelist.design-1, .wptww-testimonials-list.design-1{margin-bottom: 0;}
	.col21{width:100%; display:block; margin:0 0 30px 0; float:none;}
	.col22{width:100%; display:block; margin:0;}
	.col31{width:100%; float:left;margin:0 0 30px 0;}
	.col32{width:100%; float:left;margin:0 0 30px 0;}
	.col33{width:100%; float:left;}
	.mapwrap .col21, .mapwrap .col22{width:100%}
	.form-horizontal .col21,.form-horizontal .col22{width:100%; }
}
@media only screen and (max-width: 599px) {
	.site-footer .footerCol1, .site-footer .footerCol2, .site-footer .footerCol3{width:100%; display:block;}
	.site-footer .footerCol1{padding:20px 20px 0}
	.site-footer .footerCol3{padding:20px;}
	.galleryWrap li{width:45%; }
}


@media only screen and (max-width: 479px) {	
	.alignright,.alignleft,.flexlogoRight,.flexlogoLeft{max-width:inherit; width: 100%; float:none; margin: 0;}
	.page-content, .entry-summary{margin:0}
	aside#secondary{padding:0;}
	
	.serviceBox{padding:0px; margin:0 0 30px; border-bottom:1px solid #ccc;}
	.serviceBox .serviceText h3{margin-top:20px;}
} 
@media only screen and (max-width: 360px) {	
	
}