@import url(https://fonts.googleapis.com/css?family=PT Serif:400,400i,700,700|Nobile:400,700|Lato:400,100,300,700,900|Open+Sans+Condensed:300,700|Open+Sans:400,300,600,700,800|Droid+Sans:400,700|Roboto+Condensed:400,300,700|Roboto:400,100,300,500,700,900|PT Serif:400,300,700|Slabo+27px|Domine:400,700|Alike+Angular|Gurajada|Roboto+Slab:400,300,700,100|Rambla:400,700|Slabo+13px|Fjalla+One|Yantramanav:400,500,700,900,300,100|Headland+One|Cabin+Condensed:400,500,600,700|Adamina|Anton|Francois+One|Droid+Serif:400,400i,700,700i|Lustria|Merriweather:300,300i,400,400i,700,700i,900,900i|PT Serif:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Ruda:400,700,900|Volkhov:400,400i,700,700i|Coda+Caption:800|Heebo:100,300,400,500,700,800,900|Work+Sans:100,200,300,400,500,600,700,800,900|News+Cycle:400,700|);


@import url('https://fonts.googleapis.com/css2?family=PT Serif:ital,wght@0,400..700;1,400..700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body{
	margin: 0;
	padding: 0;
	border: 0;
	width:100% !important;
	background-color:#fff!important;
	color:#000;
	font-family:'PT Serif'!important;
	font-weight:100;
	font-size:100%;
	}
	
.outerborder{ border:solid; size:1px; color:#fafafa; border-radius:2px;}

th{	background: #fff;color: #000;}
	
td { background: #fff; color: #000; border-top:none !important; border-bottom: solid 1px #f2f2f2; font-size: 100%;font-weight: 100; padding:1% 0%!important;}

.propserch td { background:none; border-top:none !important; border-bottom: solid 0px #fafafa; font-size: 100%;font-weight: 100; color: #fff !important; padding:0%!important;}
 .propserch select {text-indent: 0px; color: #2c2c2c !important; padding:0px !important;}

.sold {
    text-transform: uppercase;
    background: #ff1d1d;
    width: 45px;
    display: block;
    color: #fff;
    padding: 0 1%;
    font-weight: 400;
}
.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.height200{
height:200px;}

p{
    color: #667282 !important;
    font-size: 18px;
    font-weight: 300;
    font-family: 'PT Serif' !important;
    line-height: 29px;
    margin-top: 0px;
    text-align: justify;}

 h1{
color: #fff !important;
font-size: 200% !important;
font-weight: 400 !important;
padding: 4% 10% !important;
font-family: 'PT Serif' !important;
text-align: center;
display: block;
width: 100%;
margin: 0px !important;
}


.left{text-align:left;}
.right{text-align:right;}
.centre{text-align:center;}

.border{ border:1px solid #edeaea; }
.bor-left{border-left:1px solid #edeaea;}
.bor-right{border-right:1px solid #1b828d;}
.bor-bottom{border-bottom: 1px solid #edeaea;}
.bor-top{border-top: 1px solid #edeaea;}
.bor-top-red{border-top: 4px solid #f30505;}


/*.ashbg{ background:rgba(236, 236, 236, 1);}*/
.whitebg{ background:#ffffff;}
.ashbg{ background:rgba(164, 160, 160, 0.95);}
.lightashbg{background-color:rgb(253, 253, 253); }
.greenbg { background: rgba(28, 199, 164, 1);}
.blackbg{background:rgba(0, 0, 0, 0.95);}
.bluebg{ background:rgb(102 114 136);}   .bluebg p,h1,h2{ color:#fff!important;     margin-top: 20px;}
.darkbluebg{ background:rgba(50, 48,145, 1);}
.midashbg{ background:#8e8e93;}
.midbluebg{ background:#7fcae1;}
.midorangebg{background: rgb(230, 207, 173);}
.orangebg{ background:#FF8003;}
.darkblue{ background:rgba(7, 115, 187, 1);}
.yellow{ background:rgba(237, 209, 39, 1);}

white{ color:#fff !important;}



.padding0{padding-right: 0px!important; padding-left: 0px!important;}
.padding-right-0{ padding-right: 0px!important;}
.padding-left-0{padding-left: 0px!important;}
.pad1{padding:1% !important;}
.pad2{padding:2% !important;}
.pad4{padding:4% !important;}
.pad6{padding:6% !important;}
.pad8{padding:8% !important;}
.pad10-8{padding:14% 8% !important;}
.pad10{padding:10% !important;}
.pad12{padding:12% !important;}
.pad-top-12{ padding-top:12% !important;;}
.pad-top-20{ padding-top:20% !important;;}

.btline{border-bottom:solid 1px rgba(255, 225, 225, .4);}
hr {margin: 40px 0px !important;    border-top: 1px solid #002856 !important;}

.margin-top3{ margin-top:3%!important;}
.margin-top5{ margin-top:5%!important;}
.margin-top10{margin-top:10%;}
.margin-bottom5{margin-bottom:5%;}
.margin-top-6{ margin-top:-6%!important;}
.margin-top-8{ margin-top:-8%!important;}
.margin-top-20{margin-top:-20%;}
label { margin-top: 2%;}

.btn{padding: 6px 12px !important;}

.pdficon{
width:30px !important;
height:auto;}


img.greyscale{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
}
  
  .tint {
  position: relative;
  float: left;
  cursor: pointer;
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,255,255, 0.5);
  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}

.tint:hover:before {
  background: none;
}



/* --------------------------------- index page ------------------------ Starts --------------------------------- */

#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;
background: #fff;}




.banner{
/*position:relative;*/
width: 100%;
padding: 0;
margin: 0;
}
.banin{
position:relative;
width: 100%;
padding: 0;
margin: 0;
}

.top{
position:relative;
width: 100%;
margin:0 auto;
z-index:10;
top:0;
right:0;
left:0;
/*background:#fff;*/
padding: 1%;
}

.topin{
width:100%;
margin:0 auto;
z-index:2;
top:0;
right:0;
left:0;
background:#fff;
}

.menu{width:100%;}

.logo{
width:100%;
z-index: 1;
}

.logo img{
width: 450px !important;
padding: 0%;}


.logoin{
width: 100%;
z-index:1;
text-align:right;
padding:0% !important;
}

.logoin img{
width:85% !important;;
padding: 2%;}



.banin{
position:relative;
width: 100%;
padding: 0;
margin: 0;
background: #243c7d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #243c7d 0%, #243c7d 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #243c7d 0%,#243c7d 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #243c7d 0%,#243c7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243c7d', endColorstr='#243c7d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.banin h1{
color: #fff;
font-size: 180%!important;
font-weight: 300!important;
font-family: 'PT Serif'!important;
line-height: 35px;
padding: 10% 0% 0%!important;
text-align:left !important;
/*margin: 0 auto;*/
/*text-shadow: 1px 1px #6e6e6e;*/}




.call .fa{ color:#FF8003 !important}

but a{
display: block;
padding: 2%;
background: #27caa9;
width: 200px;
text-align: center;
margin: 0 auto;
border-radius: 25px;
color: #fff;
text-decoration:none;
font-size:100%;
font-weight:600;}

but a:hover{ background: #FF8003; color: #fff; text-decoration:none;}
 
but1 a{
display: block;
padding: 2%;
background: none;
width: 200px;
text-align: center;
margin: 0 auto;
color: #fff;
text-decoration:none;
font-size:100%;
font-weight:600;
border:solid 1px #fff;
text-transform:uppercase;}

but1 a:hover{ background: #FF8003; color: #fff; text-decoration:none; border:solid 1px #ff8003;}

but2 a{
display: block;
padding: 2%;
background: none;
width: 100px;
text-align: center;
margin: 0 auto;
color: #fff;
text-decoration:none;
font-size:100%;
font-weight:600;
border:solid 1px #fff;
text-transform:uppercase;}

but2 a:hover{ background: #fff; color: #ccc; text-decoration:none; border:solid 1px #fff;}		




.social{
width:10%;
margin:0 auto;}

.social li{
width:auto;
float:left;
padding:0 5%!important;
list-style:none;
display:block;
color: #8c8e90;
}
.social li:before {
    content: ""!important;
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.social li a{
font-family:'PT Serif'!important;
color:#333;
font-size:100%;
font-weight:100;
text-decoration:none;
padding-bottom:0%;
text-transform:uppercase;}

.social li a:hover{
text-decoration:none;}


 bor{
display: block;
width: 100px;
height: 2px;
/*margin: 0 auto !important;*/
background:#243c7d;
margin-bottom: 2% !important;
text-align: left;
    margin-top: .5% !important;
}



.aboutusbg{ 
	background-image:url(../images/image50.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:500px;
/*    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;*/
}



.part3{
width:100%;
padding:8% 2% !important;
text-align:center;
}


.part3 icon{
 width: 100%;
padding: 20% 25%;
  height: auto;
    color: #27caa9;
    display: block;
    vertical-align: middle;
    text-align: center;
}

.part3 small{
font-family: 'PT Serif' !important;
display: block;
font-size: 90% !important;
font-weight: 100 !important;
padding: .5% !important;
margin: 0 auto !important;
color: #fff !important;
}
.part3 bor{
display: block;
width:150px;
height:5px;
margin: 0 auto !important;
background:#3a5896;
margin-bottom:5%!important;
}

.part3 p{
font-family: 'PT Serif' !important;
display: block;
font-size: 100% !important;
font-weight: 100 !important;
padding: .5% !important;
margin: 0 auto !important;
color: #fff !important;
padding:8% !important;
}


.part3 h1{
font-family: 'PT Serif' !important;
display: block;
font-size: 180% !important;
font-weight: 400 !important;
padding: .5% !important;
margin: 0 auto !important;
color: #fff !important;
margin-bottom: 1% !important;
text-transform: uppercase;}


.part3 h2{
font-family: 'PT Serif' !important;
display: block;
font-size: 160% !important;
font-weight: 400 !important;
padding: .5% !important;
width: 100%;
margin: 0 auto !important;
color: #fff !important;}

.part3 h3{
font-family: 'oswlad' !important;
display: block;
font-size: 160% !important;
font-weight: 300 !important;
padding: .5% !important;
width: 100%;
margin: 0 auto !important;
color: #000 !important;}

.part3 h4{ padding-bottom:45px !important;}

.part3 > h4 a{ padding-bottom:45px !important; color:#000 !important}
.part3 h4:hover{ text-decoration:none!important;}


.products{width:100%; margin:0px; padding:0px;}




.login{
padding:1%; }

.login li{
	width:auto;
	float:left;
	list-style:none; 
	padding-left: 1em; 
	text-indent: 0em;
	line-height: 1.5em;
	color: #333 !important;
	font-size: 110%;
	font-weight: 300;
	font-family: 'PT Serif';}

.login li:before {
    content: "";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.login li a{color:#3e3e3e;}

.login li a:hover{color:#3e3e3e;}

.locality{
width:100%;
padding:3%;}

.locality li{
width:25%;
float:left;
list-style:none;
display:block;
color: #000;
text-align:center;
}
.locality li:before {
    content: ""!important;
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.locality li a{
font-family:'PT Serif'!important;
color:#000;
font-size:100%;
font-weight:100;
text-decoration:none;
padding-bottom:0%;
text-transform:uppercase;}

.locality li a:hover{
text-decoration:none;}

.search{
width:50%;
margin:0 auto;
/*border-radius:6px;*/
/*background:#fff;*/
margin-top:15%;}

#imaginary_container{
    margin-top:0%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: #000 !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

.input-group-addon {
    color: #fff!important; 
    border: 0px !important; 
}


.procon{
width: 80%;
background: #fec201;
margin: 0 auto;
margin-top: -5%;
z-index: 2;
position:absolute;}
.procon .bor-right{ border-right: solid 1px #fff;}
.procon h1{
color: #000 !important;
font-size: 150% !important;
font-weight: 600 !important;
font-family: 'PT Serif' !important;
text-align: center;
display: block;
width: 100%;
padding: 8% !important;
margin: 0% !important;
text-transform: uppercase;
}


.prod gridset {
   display: grid;
    width: 95%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 25%);
    margin-top: 0px;
    margin: 0 auto;
}

.prod gridset set{
width:100%;
padding:10%;
    min-height: 30vh;
    border: 1px solid #e8e6e6;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background: #627482;
    color: #fff;text-transform: uppercase;
}


.bodycon{
width: 100%;
    padding: 6% 3%;
    background: #fff;
	position:relative;
}

.bodycon h1{
     font-size: 45px !important;
    font-weight: 400 !important;
    font-family: 'PT Serif' !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    /* text-transform: uppercase; */
    margin-bottom: 1% !important;
    color: #000000 !important;
    line-height: 51px;
    margin-bottom: 2%;
    border-bottom: 1px solid;
    padding-bottom: 20px ! IMPORTANT;
}

.bodycon h2{
	color: #000000 !important;
    font-size: 27px !important;
  font-weight: 100 !important;
    font-family: 'PT Serif' !important;
    display: block;
    width: 100%;
    margin: 0% !important;
    padding: 0% !important;
    /* text-transform: uppercase; */
    margin-bottom: 1% !important;
    line-height: 41px;
  
}
.bodycon h2 a:hover{text-decoration:none; color:#cd1688 !important;}



.bodycon h3{
font-family:'PT Serif';
padding:1% 0%;
font-size:130%;
font-weight:600;
text-decoration:none;
color:#4D4A4A;
width:100%;
text-align:left;
display:block;
margin:0% !important;
line-height:26px;
text-transform:uppercase;
/*margin-bottom:1% !important;*/
}



icon {
    width: 100%;
    text-align: center;
    display: block;
}



.bodyconin{
width:100%;
padding: 3% 6% 6% 6%;
background:#fff;
}

.bodyconin p{
font-family: 'PT Serif' !important;
font-size: 100% !important;
font-weight: 100 !important;
padding: 3% !important;
margin: 0 auto !important;
color: #000 !important;
text-align:justify;
}
.bodyconin p1{
font-family: 'PT Serif' !important;
font-size: 100% !important;
font-weight: 100 !important;
padding: .5% !important;
margin: 0 auto !important;
color: #000 !important;
text-align:center!important;
display:block;
}

.bodyconin h1{
color: #000!important;
padding:2% 2% 0 2% !important;
margin: 0 !important;
}



.bodycon li{    list-style: none;
    padding-left: 1em;
    text-indent: 0em;
    line-height: 38px;
    padding: 2px 10px;
    color: #333 !important;
    font-size: 18px;
    font-weight: 400;
    font-family: 'PT Serif';}

.bodycon li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}
	
.bodyconin li{list-style:none; padding-left: 1em; 
    text-indent: 0em;line-height: 1.5em; padding:2px 10px; color: #333 !important;
font-size: 100%;
font-weight: 300;
font-family: 'PT Serif';}

.bodyconin li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}
	
since {
    position: absolute;
    top: -40px;
    right: 0px;
	width: 60%;
	text-align:center;
}
since img {
    width: 400px;
}

.products img {
    width: 100%;
    margin-bottom: 30px;
}

.highlights {
	background: #002856;
    display: grid;
    width: 100%;
    gap: 2%;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 15%);
	    padding: 0% 5%;
}
.highlights set{
display: grid;
	width: 100%;
    justify-content: center;
	    align-content: center;
	height:250px}

.highlights set img {    width: 126px;}
.highlights h1{    color: #fff !Important;
    font-size: 23px !important;
    font-weight: 800 !important;
}
.highlights p{ color:#fff !Important; text-align:center;}

.pro{ width:100%;}
.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
}


.divider{
display: block;
padding: 0;
width: 275px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
color: transparent;
background-color: transparent;
border-top: none;
margin: 10px auto;
margin-bottom: 2%;}

.divider::before {
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 95px;
    border-bottom: 3px solid;
    color: #fff;
    z-index: 5;}
	
.divider.text-primary::before {
    color: #F2503B;}
	
	.divider.text-primary1::before {
    color: #ccc;}

.brdrght{border-right:1px solid #ccc;}




.testimonials{
padding:5%;
width:100%;
background-image:url(../images/testimonials.jpg);
background-size: cover;
}

.fa1.fa.fa-comments-o{
font-size: 40px;
color: #fff;
text-align:center;}

.testimonials h2{
font-family:'PT Serif';
font-size:120%;
font-weight:400;
color:#fff;
text-transform: uppercase;
padding:1% 0;
}

.testimonials h2 a{
font-family:'PT Serif';
font-size:120%;
font-weight:200;
color:#fff;
text-transform: uppercase;
padding:1% 0;
text-decoration:none;
}

.testimonials h1{
font-family:'PT Serif';
font-size:200%;
font-weight:400;
color:#fff;
text-transform: uppercase;
padding:1% 0;
}

.testimonials p{
font-size:120%;
font-style:italic;
font-family:"PT Serif";
font-weight:100;
color:#fff;
padding:3% 9%;
}


.clients{
padding:2% 0%;}

.ticker {
    background: #fff;
    padding: 1% 3%;
	border-bottom: 1px solid #f2f2f2;
}

.contact{
width:100%;
font-family:'PT Serif'!important;
color:#000;
font-size:100%;
font-weight:100;
background: #f9f9f9;
/*padding: 10% 8%!important;*/
}

.contact p{
    color: #667282 !important;
    font-size: 15px;
    font-weight: 400;
    font-family: 'PT Serif' !important;
    line-height: 24px;
    margin-top: 0px;
    text-align:center;
}

.contact h1{
color: #000!important;
padding:2% 2% 0 2% !important;
margin: 0 !important;
}

.contact h2{
color: #000!important;
padding:2% 2% 0 2% !important;
margin: 0 !important;
font-size:120% !important;
text-align:center;
padding:1% !important;
}


.contact li{
list-style:none; /*padding-left: 1em; */
text-indent: 0em;line-height: 1.5em; padding:2px 0px; color: #545050 !important;
font-size: 95%;
font-weight: 300;
font-family: 'PT Serif';}

.contact li:before {
    content: "";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 0px;}


.contact li a{color:#868282 ;}

.contact li a:hover{color:#868282 ;}


.contactin{
padding:1% 5%;
width:100%;
background: #fafafa;}


.contactin p{
font-family: 'PT Serif' !important;
font-size: 100% !important;
font-weight: 100 !important;
padding: .5% !important;
margin: 0 auto !important;
color: #000 !important;
text-align:center;
}

.contactin h1{
color: #000!important;
padding:2% 2% 0 2% !important;
margin: 0 !important;
}

.contactin h2{
color: #000!important;
padding:2% 2% 0 2% !important;
margin: 0 !important;
font-size:120% !important;
text-align:center;
padding:1% !important;
}



.footer{
width:80%;
margin: 0 auto;
padding:1%;
margin-bottom:1.7%;
font-family:'PT Serif'!important;
color:#333;
font-size:90%;
font-weight:100;
text-decoration:none;
}

.footer li{
width:auto;
float:right;
padding:0 1%;
list-style:none;
display:block;
/*border-right:1px solid #ccc;*/
}

.footer li a{
font-family:'PT Serif'!important;
color:#333;
font-size:90%;
font-weight:100;
text-decoration:none;
padding-bottom:1%;}

.footer li a:hover{
text-decoration:none;}

.sep{
padding:2% 0;
border-bottom:#CCCCCC solid 1px;}

.copyrights{
width:100%;
text-align:center;
padding:2%;
color: #757171;}

.clear {
	clear: both;	
}

#map {
 width: 100%;
 height: 200px;}
 #map1 {
 width: 100%;
 height: 300px;}

 #map-canvas {
  width: 100%;
	height: 200px;
	background: #fafafa;
}
#iw_container .iw_title {
	font-size: 16px;
	font-weight: bold;
}
.iw_content {
	padding: 15px 15px 15px 0;
}

.sticky{
  width:100%;
 /* position:absolute;*/
  z-index:10;
}
.fixed-header {
position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fefeff;
    color: #fff;
    z-index: 10;
    padding: 1%;
/*  border-top:solid 1px rgba(0, 0, 0, 9);*/
/*border-bottom:solid 1px rgba(255,225, 225, 0)*/;
/*-webkit-background-clip: padding-box; /* for Safari */
/*-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
/*-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);*/
}

.fixed-header .margin-top5{ margin-top:0%;}


#backTop{
    width:35px;
    height:35px;
    padding:10px;
    border-radius:50px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;}

#backTop.white{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
    border:1px solid #ccc;
}
#backTop.black{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(102,114,136.8);
   /* border:1px solid #ccc;*/
}
#backTop.red{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(217,97,81,0.9); 
    border:1px solid #fff;
}
#backTop.green{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9); 
    border:1px solid #fff;
}

/*---------------Innerpages-----------------*/



/*--------------------------contact------------------*/




@media only screen and (min-width: 320px) and (max-width: 480px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

.top{
	width: 100%;
	padding:0%;
    position: unset;
    background: #fff;
}

.topin{
width: 100%;
padding:0%;
}

.banin h1 {
    color: #fff;
    font-size: 180% !important;
    font-weight: 300 !important;
    font-family: 'PT Serif' !important;
    line-height: 35px;
    padding: 5% !important;
    text-align: center !important;}


.logo {
    width: 86%;
    float: left;
}
	
.logo img{
width: 100% !important;;
padding: 0.7%;}

.logoin {
    width: 100%;
    z-index: 1;
    text-align: left;
}

.logoin img{
width: 100% !important;;
padding: 2%;}


.part3 icon{
 width: 100%;
padding: 5%!important;;
  height: auto;
    color: #27caa9;
    display: block;
    vertical-align: middle;
    text-align: center;
}

.bodycon {
    width: 100%;
    padding: 5%;
    margin-top:0% !important;
}
.bodycon h1 {
font-size: 30px !important;
    line-height: 40px;
}

.bodycon h2 {
font-size: 23px !important;
    line-height: 30px;
}

.menubar{
width: 100%;
height: auto;
margin: 0;}

.search {width: 90%;margin-top: 0%;}


.ticker {padding: 4%;}

.cbp-nav-pagination { display:none;}

.pad12 { padding: 0% !important;}

.social { width: 90%;}

.logo img { width: 100%;}

.logo h6 {font-size: 130% !important;}

.conlink {text-align: center;}

.margin-top-6 { margin-top: 0% !important;}

.margin-top-8 {margin-top: 0% !important;}
.margin-top-20 { margin-top: 0% !important;}

.pad-top-20 { padding-top: 0% !important;}


.highlights {    gap: 2%;    grid-template-columns: repeat(auto-fit, 48%);    padding: 5%;}
.highlights set {    height: 100px;}
.highlights set img {    width: 90px;}

.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
}

#slider1 h3 {
	font-size:130%!important;
	background: none;
margin-top: 9%!important;
}
#slider1 h4 {
    font-size: 110% !important;
	margin-top: 18%!important;
	line-height: 19px !important;
}

#slider1 h6 {
	font-size:130%!important;
	background: none!important;
margin-top: 9%!important;
}

#slider1 h7 {
    font-size: 110% !important;
	background: none!important;
	margin-top: 18%!important;
}

.jSlider button {display: none;}

.bannerin > h2 {
    width: 100%;
     font-size: 150%;
	 padding: 4%;}
	 
.parallax-hr h3 {font-size: 200%;line-height: 27px;}
.parallax-hr h4 {font-size: 200%;line-height: 29px;}
.parallax-visa h3 {font-size: 200%;line-height: 27px;}
.parallax-visa h4 {font-size: 200%;line-height: 29px;}

.footer{
width:100%;
padding:1%;
margin-bottom:1.7%;
font-family:'PT Serif'!important;
color:#333;
font-size:90%;
font-weight:100;
text-decoration:none;
}




.fixed-header {
  position:relative !important;
  top:0; left:0;
  width: 100%; 
   z-index:10;
	border-bottom:solid 1px rgba(255,225, 225, .4);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}
	
.col-md-9{padding-right: 0px!important;
padding-left: 0px!important;}

.menupad{
padding:0!important;
padding-top: 0!important;}

.bg-bright-turquoise p{
height: auto;}

	
	}
	
	

@media only screen and (min-width: 481px) and (max-width: 768px) {
	#wrapper{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;}

.rght-brd{
border-right:0px solid #E5E5E5;}

.social {
    width: 100%;}
	
.top{	
	width: 100%;
	padding:0%;
    position: unset;
    background: #fff;
	}
.logo {
    width: 86%;
    float: left;
}
.logo img {
    width: 43%;}

.logo h6 {
    font-size: 180% !important;}

.conlink {
    text-align: center;}

.margin-top-6 {
    margin-top: 0% !important;}

.margin-top-8 {
    margin-top: 0% !important;
}



.part6 h2 { padding-top: 5% !important;}

.part2height { height: auto; padding: 3%;}

.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
}

.pad2 {
    padding: 0% !important;
}
.pad12 {
    padding: 0% !important;
}
.approved {
    font-size: 100%;
    text-align: center;
}

#slider1 h3 {
	top:0%!important;
	font-size:230%!important;
	background: none;
margin-top: 9%!important;
}
#slider1 h4 {
	top:0%!important;
    font-size: 210% !important;
	margin-top: 15%!important;
	line-height: 30px !important;
}

#slider1 h6 {
	font-size:230%!important;
	background: none!important;
margin-top: 9%!important;
}

#slider1 h7 {
    font-size: 210% !important;
	background: none!important;
	margin-top: 18%!important;
}

#slider1 h7 {
    top: 37%!important;
}

#slider1 h8 {
    margin-top: 16%!important;
}

.jSlider button {
    margin-top: 10%;}

.fixed-header {
  position:relative !important;
  top:0; left:0;
  width: 100%; 
   z-index:10;
	border-bottom:solid 1px rgba(255,225, 225, .4);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}
	
	}
	
	
@media only screen and (min-width: 769px) and (max-width: 980px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}
.pad12 {
    padding: 0% !important;
}
	}
	
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

#slider1 h4 {top: 80% !important;}
#slider1 h7 {top: 83%!important;}
#slider1 h8 {top: 87%!important;}
	
		}