/*
  /$$$$$$                                                   /$$
 /$$__  $$                                                 | $$
| $$  \__/  /$$$$$$  /$$$$$$$   /$$$$$$   /$$$$$$  /$$$$$$ | $$
| $$ /$$$$ /$$__  $$| $$__  $$ /$$__  $$ /$$__  $$|____  $$| $$
| $$|_  $$| $$$$$$$$| $$  \ $$| $$$$$$$$| $$  \__/ /$$$$$$$| $$
| $$  \ $$| $$_____/| $$  | $$| $$_____/| $$      /$$__  $$| $$
|  $$$$$$/|  $$$$$$$| $$  | $$|  $$$$$$$| $$     |  $$$$$$$| $$
 \______/  \_______/|__/  |__/ \_______/|__/      \_______/|__/
*/

* {
	outline: none !important;
}

html {
	font-size: 16px;
}


body {
	line-height: 1.45;
	color: #fff;
	padding:0; 
	margin:0; 
	background-color:#fff;
	font-family: verdana;
	overflow-y: auto;
    overflow-x: hidden;
}

/*.container-fluid {
	padding-top: 70px;
}

@media only screen and (max-width:768px) {
	.container-fluid {
		padding-top: 0px;
	}
}*/

a,
a:active {
	color: inherit;
	text-decoration: none;
}

a:visited,
a:hover {
	color: inherit;
	text-decoration: underline;
}

ul {
	list-style-type: none;
	padding-left: 25px;
}

li {
	font-size: 14px;
}

td {
	padding: 2px 10px;
}


.mySlides{width: 100%}

.w3-animate-fading{-webkit-animation:fading 7s infinite;animation:fading 7s infinite;position: relative; z-index: 9999;}
@-webkit-keyframes fading{0%{opacity:0.4}2%{opacity:1}98%{opacity:1}100%{opacity:0.4}}
@keyframes fading{0%{opacity:0}5%{opacity:1}95%{opacity:1}100%{opacity:0}}

.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

.w3-large{font-size:72px!important; color: #fff;}

@media only screen and (max-width:768px) {
    .w3-large{font-size:36px!important; color: #fff;}
	}

.w3-container:after,.w3-panel:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after
{content:"";display:table;clear:both}
.w3-padding-128{padding-top:15%!important;padding-bottom:128px!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{height:100%; width:100%;color:#fff!important;background-color:rgba(0,0,0,0.4)!important}


.mySlides a:hover {
	color: #46A37A;
	text-decoration: none;
}


/* Use before iframe to ensure it cannot be interacted with until clicked on */
.overlay {
	background: #ff0066;
	position: absolute;
	width:100%;
	height:454px; /* height of iframe */
	top:454px; /* height of iframe */
	margin-top:-454px; /* height of iframe */
}
.map {max-width: 100%;}


.home{
	background: #fff;
	outline: none;
	font-family: 'Calibri', sans-serif;
}

.welcome{
	background: #002366;
    border-top: 5px solid #333;
	outline: none;
	font-family: 'Calibri', sans-serif;
}

.home-blue{
	background: #ffffff;
    padding: 10px 0;
	outline: none;
    border-top: 5px solid #333;
    'border-bottom: 5px solid #333;
	font-family: 'Calibri', sans-serif;
}

.home-gold{
	background: #46A37A;
	outline: none;
	font-family: 'Calibri', sans-serif;
}

.home-pic{
	background: url(../img/bghome.png);
    background-position: cover;
	outline: none;
    'border-top: 5px solid #333;
    'border-bottom: 5px solid #333;
	font-family: 'Calibri', sans-serif;
}


    .tiles{
        position: relative;
        display: block;
    }

    .tiles p{
        position: absolute;
        left: 0;
        bottom: 0px;
        right: 0;
        height: 25%;
        color: #fff;
    }

    .tiles:before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0px;
        right: 0;
        height: 100%;
        background: rgba(72, 72, 72, 0.8); ;
        transition: all 0.5s ease-out;
    }

    .tiles:hover:before {
        width: 100%;
        background: transparent;
        text-align: center;
        color: #000;
     }



/*--banner-starts--*/
.banner-1{
	background:url(../img/banner.jpg) no-repeat center;
	min-height:800px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner-2{
	background:url(../img/banner-3.jpg) no-repeat;
	min-height:800px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner-3{
	background:url(../img/banner-2.jpg) no-repeat center;
	min-height:800px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner-4{
	background:url(../img/banner-4.jpg) no-repeat center;
	min-height:800px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner-5{
	background:url(../img/banner-5.jpg) no-repeat center;
	min-height:800px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

.banner-overlay{
	min-height: 100%;
	width: 100%;
	position: absolute;
	color: #fff;
    background-color: rgba(54, 54, 54, 0.4);
	padding: 10px;
}

.banner-overlay h1{
	min-height: 20%;
	width: 50%;
    margin-left: 25%;
    margin-top: 15%;
    text-align: center;
	color: #fff;
	padding: 10px;
    font-size: 80px;	
    font-weight: 400px;
}

.banner-overlay h2 {
	font-size: 16px; 
	font-size: 2vw;
	margin: 0;
	color:#fff;
	font-weight: 200;
	line-height:1.4em;
	letter-spacing: 1px;
}
.banner-overlay a{
	min-height: 20%;
	width: 50%;
    margin-left: 25%;
    margin-top: 5%;
    text-align: center;
	color: #fff;
	padding: 10px;
}

.banner-overlay a:hover{
   text-decoration: none;
   color: #46A37A;
}

.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks_nav {
  	position: absolute;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	top: 82%;
	left: 14%;
  	opacity: 0.7;
  	z-index: 3;
  	text-indent: -9999px;
  	overflow: hidden;
  	text-decoration: none;
  	height: 30px;
  	width: 30px;
  	background: transparent url("../img/arrows.png") no-repeat left top;
}
.callbacks_nav:active {
  	opacity: 1.0;
}
.callbacks_nav.next {
  	left: auto;
  	background-position: right top;
  	right: 82.2%;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides img {
  height: auto;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 93%;
	z-index: 999;
	left: 0%;
	width: 100%;
	text-align: left;
	margin: 0;
	display: block;
}
.callbacks_tabs li{
	display:inline-block;
}
@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 6px;
	width: 60px;
	display: inline-block;
	border: none;
	background: #8c2830;
}
.callbacks_here a:after{
	background:#181b2a;
}
ul.callbacks_tabs.callbacks2_tabs {
	display: block;
}
/*--Slider-Part-Ends-Here--*/	
/*--end-banner--*/




/*
 /$$   /$$                      /$$
| $$$ | $$                     | $$
| $$$$| $$  /$$$$$$  /$$    /$$| $$$$$$$   /$$$$$$   /$$$$$$
| $$ $$ $$ |____  $$|  $$  /$$/| $$__  $$ |____  $$ /$$__  $$
| $$  $$$$  /$$$$$$$ \  $$/$$/ | $$  \ $$  /$$$$$$$| $$  \__/
| $$\  $$$ /$$__  $$  \  $$$/  | $$  | $$ /$$__  $$| $$
| $$ \  $$|  $$$$$$$   \  $/   | $$$$$$$/|  $$$$$$$| $$
|__/  \__/ \_______/    \_/    |_______/  \_______/|__/
*/

.navbar{
background-color:#ffffff;
border-radius: 0px;
font-family: calibri;
}

.navbar .nav > li > a{
color:#333; 
padding: 10px 10px;
margin-top: 11px;
font-size: 22px;
}

.navbar .nav > li > a:hover {
background-color: #008048; 
color:#fff; 
text-align: center;
border-radius: 3px;
padding: 10px 10px;
margin-top: 11px;
font-size: 22px;

}

.navlink:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: transparent;
  bottom: -8px;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navlink:hover:after,
.navlink.active:after {
  background-color: #A9885B;
}

.client-btn{
width:98%;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: bold;
background: #46A37A; /* Old browsers */
background: -moz-linear-gradient(top,  #46A37A 0%, #46A37A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #46A37A 0%,#46A37A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #46A37A 0%,#46A37A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.client-btn1{
width:98%;
color: #fff;
background-color: #008048;
padding: 3px 0px;
text-align: center;
font-size: 16px;
font-weight: bold;
border-radius: 10px;

}

.client-btn1 a:hover{
width:100%;
color: #fff;
background-color: #006633;
padding: 4px 32px 4px 32px;
text-align: center;
font-size: 16px;
font-weight: bold;
border-radius: 10px;

}

/*
  /$$$$$$                        /$$                           /$$
 /$$__  $$                      | $$                          | $$
| $$  \__/  /$$$$$$  /$$$$$$$  /$$$$$$    /$$$$$$  /$$$$$$$  /$$$$$$
| $$       /$$__  $$| $$__  $$|_  $$_/   /$$__  $$| $$__  $$|_  $$_/
| $$      | $$  \ $$| $$  \ $$  | $$    | $$$$$$$$| $$  \ $$  | $$
| $$    $$| $$  | $$| $$  | $$  | $$ /$$| $$_____/| $$  | $$  | $$ /$$
|  $$$$$$/|  $$$$$$/| $$  | $$  |  $$$$/|  $$$$$$$| $$  | $$  |  $$$$/
 \______/  \______/ |__/  |__/   \___/   \_______/|__/  |__/   \___/
*/


h1 {
  color: #fff;
  font-size: 32px;
  margin-top: 6px;
}

h2 {
  font-size: 32px;
  color: #46A37A;
}

h3 {
  color: #46A37A;
}

p {
  color: #333;
  font-size: 18px;
  font-family: calibri;
}

.breadcrumb2 {
    margin:10px;
	font-size: 18px;
	font-family: calibri, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration:uppercase;
	text-align:right;
}
a.breadcrumb2 { font-weight: bold; text-decoration:none;}
a.breadcrumb2:hover { color: #694609;}

.breadcrumb{background-color:#fff;}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-bottom: 10px;
}
.hovereffect .img-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;

}
.hovereffect:hover .img-overlay {
  background-color: rgba(168, 207, 240, 0.6);
}
.hovereffect img {
  display: block;
  position: relative;
  width: 100%;
}
.hovereffect h2 {
  font-family: Calibri;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(1, 138, 181, 0.8);
  -webkit-transform: translateY(45px);
  -o-transform: translateY(45px);
  -moz-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  -o-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  -moz-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}
.hovereffect:hover h2 {
  -webkit-transform: translateY(10px);
  -o-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  -moz-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  -o-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 59% 42%
}
.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.icon-background1 {
  color:#46A37A; 
}


.ServiceBox .ServiceTitle{position:relative;font-size:24px}
.ServiceBox {background:#A9885B;}
.ServiceBox .ServiceTitle:before {border-bottom:14px solid #A9885B}
.ServiceBox {font-family:calibri,sans-serif;text-align:center;font-size:24px;color:#fff;padding:0px;font-weight:700;}
.ServiceBox .Caption a {color:#FFF;text-decoration:none}
.ServiceBox:before {content:"";position:absolute;top:83.2%;margin-top:-9px;left:46.5%;border:none;z-index:1}
.ServiceTitle {text-align:center;font-size:15px;color:#fff;padding:15px;}
.ServiceText {padding:30px 15px 15px;text-align:center;background:#F2EFEB;font-family:Vollkorn,serif;font-size:18px}
.ServiceText a,.contentBlock a {font-family:proxima-nova,sans-serif;background:#3A2911;color:#fff;text-transform:uppercase;text-decoration:none}
.ServiceText a {padding:7px 25px;margin-top:20px;margin-bottom:30px;display:inline-block;font-size:16px;font-weight:700}



.productdiv { 
height: 380px; border-radius: 02px; border: 1px solid #ddd; margin: 15px 10px; -webkit-box-shadow: 6px 6px 0px -1px rgba(221,221,221,1); -moz-box-shadow: 6px 6px 0px -1px rgba(221,221,221,1); box-shadow: 6px 6px 0px -1px rgba(221,221,221,1); padding-top:10px;
}


.card-title a {
  color: #846F36;
  font-size: 16px;
  font-family: calibri;
  text-decoration: none;
}


.productbox {position: absolute; bottom: 10px; left: 15px; width:315px;}
.productbox h4 {color:#fff; background-color: rgba(109, 109, 109, 0.6);border-top:2px solid #46A37A;border-bottom:2px solid #46A37A; padding: 15px; text-align:center;}

.getintouch{background-color: rgba(51,51,51,0.7); color:#fff; padding: 30px 15px; margin: 0px 0px }

.getintouch1{background-color: rgba(239,239,239,0.7); color:#333; padding: 30px 15px; margin: 0px 0px; word-wrap: break-word}
.porttitle1{padding-top: 2px; color:#333; word-wrap: break-word}

.btn-silver{border: 2px solid #fff; color:#fff; background-color:#ae4208; border-radius: 0px;}
.btn-silver:hover{border: 2px solid #fff; color:#fff; background-color:#333;}

.btn-btn2{border: 2px solid #232323; color:#232323; background-color:#46A37A; border-radius: 0px;}
.btn-btn2:hover{border: 2px solid #46A37A; color:#232323;}



.port{background-image: url(../img/whitebrick.jpg);}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 1000px;

}

.portfolio-box p{
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff !important;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    opacity: 0;
    background-color: rgba(129, 129, 129, 0.3);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;

}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff !important;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    opacity: 0;
    background-color: rgba(129, 129, 129, 0.3);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',calibri,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box .portfolio-box-caption {
    opacity: 1;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
	background-color: rgba(129, 129, 129, 0.0);
}


@media(min-width:1200px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 42px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #fff;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-call1{border: 2px solid #fff; background-color:transparent; color:#fff; border-radius: 0px;}
.btn-call1:hover{border: 2px solid #fff; background-color:transparent; color:#fff;}

.btn-call2{border: 2px solid #333; background-color:transparent; color:#333; border-radius: 0px;}
.btn-call2:hover{border: 2px solid #333; background-color:transparent; color:#333;}

.btn-call3{border: 2px solid #fff; background-color:transparent; color:#fff; border-radius: 0px; min-width: 100%; margin-bottom: 5%;}
.btn-call3:hover{border: 2px solid #fff; background-color:#a9885b; color:#fff;}

.home-pic{
	background: url(../img/bghome.png);
        background-position: center; 
	outline: none;
	padding: 10px;
	font-family: 'Calibri', sans-serif;
}

.aboutus{} 

.aboutus ul {
    list-style-type: disc;
    margin-left:10px;
	font-size: 14px;
}


.aboutus li{
    list-style-type: disc;
    color: #333;
	margin-top: 04px;
}

.aboutus li a{
    color: #333;
}

.aboutus p{
   color: #333;
} 
/*
 /$$$$$$$$                    /$$
| $$_____/                   | $$
| $$     /$$$$$$   /$$$$$$  /$$$$$$    /$$$$$$   /$$$$$$
| $$$$$ /$$__  $$ /$$__  $$|_  $$_/   /$$__  $$ /$$__  $$
| $$__/| $$  \ $$| $$  \ $$  | $$    | $$$$$$$$| $$  \__/
| $$   | $$  | $$| $$  | $$  | $$ /$$| $$_____/| $$
| $$   |  $$$$$$/|  $$$$$$/  |  $$$$/|  $$$$$$$| $$
|__/    \______/  \______/    \___/   \_______/|__/
*/



.footer{background-color:#333; color:#fff; padding: 20px;  border-top: 3px solid #222;}
.sole{background-color:#222 !important; color:#fff; padding: 10px 25px; font-size: 0.9em;}
.sole a{color:#fff; font-size: 0.9em; text-decoration:none;}



.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 30px; }

.btn-top {color: #46A37A; background-color: rgba(174,159,119, 0.4); border-color: #46A37A; padding: 10px!important; border-radius:0px; }
.focus.btn-top, .btn-top:focus, .btn-top:hover {color: #46A37A; text-decoration: none;}

.footer ul {
    margin-left:0px;
	font-size: 14px;
}


.footer li{
    list-style-type: none;
    color: #fff;
	margin-top: 0px;
}

.footer li a{
    color: #fff;
}

.terms {
color:#fff; font-size: 12px; text-decoration:none;
}
.terms a {
color:#fff; font-size: 12px; text-decoration:none;
}

.blognews{border-top:2px solid #333; padding: 20px; margin: 15px; color:#333; border-bottom: 5px solid #ececec;}

.readbtn{color:#e63e17; font-weight: bold; font-size: 16px; cursor: pointer;}
.readbtn:hover{color:#93321c;}

.cate{list-style-type: none;}
.cate li{margin: 10px; border: 1px solid #ccc; padding: 10px; color:#333;}
.cate li:hover{cursor: pointer; background-color:#a9885b; color:#fff !important;}
.cate li a{text-decoration:none;}
.blog{padding: 20px 20px;}
.blog h3{font-size: 18px;}