body{ margin:0px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 400;  font-size:1.4em; background:#fffff ; color:#4d4d4d;   background:url(../images/slider-bg.jpg) top center no-repeat; overflow-x:hidden  }
a{text-decoration:none; color:#666}
a:hover{text-decoration:none; color:#98631d}
a:active {
    outline: 0 none !important;
}
a:focus {
    outline: 0 none !important;
}
.btn:active, .btn:focus {
    outline: 0 none;
    text-decoration: none;
}

h1 { font-size:30px; color:#0186c7; text-align:left;  padding:0px 0px;  margin:0px 0px 10px 0px; font-family: 'Open Sans Condensed', sans-serif;  font-weight:600; float:left}
h1 p { font-size:20px;  font-family: 'Open Sans Condensed', sans-serif; float:left; padding:4px 0px}

h2 { font-family: 'Open Sans Condensed', sans-serif; margin:0px; font-size:18px; color:#111; margin:40px 0px 15px ; text-transform:uppercase}


h3 { font-size:36px; color:#062b93; text-align:center;  padding:0px 0px;  margin:20px 0px 0px; font-family: 'Open Sans Condensed', sans-serif; }


h4 { font-size:18px; color:#0186c7; text-align:left;   font-family: 'Open Sans Condensed', sans-serif;  position:relative; font-weight:600; margin:5px 0px !important }


h5 { font-size:21px; color:#f0f0f0; text-align:left;  padding:0px 0px;  margin:30px 0px 25px 0px;  font-family: 'Open Sans Condensed', sans-serif;  position:relative; font-weight:600 }

h6 {font-size:1.6em; text-align:center; margin:15px 0; font-weight:bold}

h7 {font-size:1.2em; color:#f66147; font-weight:bold}
p { color:#888}



/*header area starts here*/

header {  }
header .left { width:50%; border-top: 50px solid rgba( 256, 256, 256, 0.9);
border-bottom: 0px solid transparent;
border-right: 25px solid transparent;
border-left: 0px solid transparent; position:absolute; overflow:hidden}

header .right {  
background:#0D7F15; right:0px; margin-right:-30px;
position:absolute; width:75%;
-webkit-transform: skew(-25deg);
-moz-transform: skew(-25deg);
-o-transform: skew(-25deg);
height:100px
}
header .bottom-area {   background: rgba(255,255,255,.8);
  border-bottom: 1px solid rgba(0,0,0,.1);
  top: 0; padding:15px 0 0 0}
header .logo { display:inline !important;margin-top:-25px;}
.chat_box {position: fixed; bottom: 20px; right: 20px; width: 50px; z-index: 999;}

/*header area ends here*/


/*nav starts here*/
.nav-header {  }
.nav-header-border { background:#57ba47; }
.navbar-default{  border:none; padding:0;  }
.navbar-default .navbar-nav>li>a{ font-size:17px; color:#0186c7; margin:0 5px;  font-family: 'Open Sans Condensed', sans-serif; padding:7px 15px;  text-transform:uppercase; font-weight:700; letter-spacing:1px; }

.no-margin { margin-right:0px !important; }

.navbar-nav > li { text-align:center }
.navbar-collapse, .collapse{   padding:0px }
.navbar { position:relative; z-index:999; height:auto; margin-bottom:-10px; }
.navbar-default{ background:none; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{  color:#fff ;  background:#0186c7; font-weight:500
}

.navbar-default .navbar-nav > li > a:hover{ color:#4d4d4d ; background:none; transition:ease-out 0.3s; }
.navbar-default .navbar-brand{color:#fff; }
.navbar-collapse{border:none;}
.navbar-header{   }
.navbar-default .navbar-nav{ margin:0px }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#0095d4}
.navbar-default .navbar-toggle { background:#002f86; border:0px}
.navbar-default .navbar-toggle .icon-bar { background:#fff; width:18px}

@media(max-width:1199px) and (min-width: 991px) {
.navbar-default .navbar-nav>li>a{  }
}

@media(max-width:1199px) {

header .left { width:100%}
.left-txt { background:#0f5586; margin-bottom:20px}
}
@media(max-width:991px)  {
.logo {}	
header .right { display:none !important}
.navbar-default .navbar-nav>li>a{ font-size:14px; margin:20px 0px !important; padding:7px 9px   }
}

/*slider bottom*/
.slider-bot { background:#0186c7; padding:60px 0px 45px}
.slider-bot .working { background: #062b93; color: #fff;   font-size: 26px;  padding: 15px 20px; position: relative; margin-top: -95px; z-index: 20; float:left; font-weight:600}
.slider-bot .media .media-left { background:#f1f6fa; border:solid 1px #a9d3ef; padding:15px 30px; font-weight:600; font-size:30px; color:#2f96db; float:left}
.slider-bot .media .media-body {
padding-left:15px}
.media { margin-bottom:25px}
.media img { margin:8px 15px 0px 0px}
.media i { color:#0186c7; margin:8px 15px 5px 0}


/*Content starts here*/ 
.marg { margin:40px auto}
.border { border-bottom:solid 2px #f0f0f0; float:left; width:100%}
.tagline-left {position: relative;
width: 77.77778%;
background: #0D7F15;
height: 75px;
padding: 13px 20px;
margin: 0 10px 0 0;}
.tagline-left .triangle { position: absolute;
top: 0px;
right: -25px;
border-top: 38px solid transparent;
border-bottom: 37px solid transparent;
border-right: 0px solid transparent;
border-left: 25px solid #0D7F15;
display: block;
height: 0;
width: 0;
z-index: 1;
transition: border 0.3s ease-in-out 0s;
-moz-transition: border 0.3s ease-in-out 0s;
-webkit-transition: border 0.3s ease-in-out 0s;}
.tagline-right {
width: 20.055%;
background: #2a3342;
height: 75px;
position: relative;
text-align: center;
line-height: 75px; color:#fff; text-align:center}
.tagline-right .triangle {
position: absolute;
top: 0px;
left: 0px;
border-top: 38px solid transparent;
border-bottom: 37px solid transparent;
border-right: 0px solid transparent;
border-left: 25px solid #fff;
display: block;
height: 0;
width: 0;
transition: border 0.3s ease-in-out 0s;
-moz-transition: border 0.3s ease-in-out 0s;
-webkit-transition: border 0.3s ease-in-out 0s;}


@media(max-width:768px)  {

.tagline-left, .tagline-right { width:100%; height:auto}
.slider-bot .working { background: #062b93; color: #fff;   font-size: 16px;  padding: 15px 20px; position: relative; margin-top: -70px; z-index: 20; float:left; font-weight:600}

}

.properties { margin:40px 0px}
.properties h1 { color: #fff; font-family: 'pf_beausans_proregular'; font-size:14px; text-transform:uppercase; margin:6px 0px}
.properties h1 p { color:#92be8b; text-transform:none}
.tagline-right a { color:#fff; font-family: 'pf_beausans_prosemibold'; font-size:18px; }

/*testimonial starts here*/

.testimonial { border:solid 5px #e8e8e8; color:#999; font-size:14px; font-family: 'pf_beausans_prolight_italic'; padding:20px 15px 0px 15px}
.testimonial p { padding:20px 0px 15px; font-family: 'pf_beausans_prolight'; font-size:13px}
.testimonial p span { color:#0D7F15; font-size:14px}
.testimonial h2 { background:#0D7F15; color:#fff; font-family: 'pf_beausans_prolight'; text-transform:uppercase; font-size:16px; margin:0px -15px; padding:12px 15px; overflow:hidden}
.testimonial h2 span { background:#2a3342; color:#fff; float:right; margin:-12px -15px; padding:21px 40px}

.testimonial .carousel-control { bottom:10px !important; top:auto; left:auto;  width:auto; font-size:30px; opacity:0.9}
.carousel-control.left, .carousel-control.right { background:none}
.testimonial .carousel-control.left { right:60px}
.testimonial .carousel-control.right { right:20px}

.project .thumbnail { border:none; padding:0px}

.project .social-links li {
font-size: 14px;
border: 1px solid #e8e8e8;
width: 30px;
height: 30px;
margin: 0 0 0 2px;
}
.project .social-links li:first-child {
margin: 0;
}
.project .social-links li a {
display: block;
line-height: 28px;
text-align: center;
color: #333333;
}
.project .social-links li:hover, .project .social-links li a:hover { background:#0D7F15; color:#fff}

/*news starts here*/

.news {
width: 100%;
height: 100px;
background: #0D7F15;
margin: -140px 0px 40px;
position: relative;
float: left;
color:#fff;
padding:10px 30px 10px 15px;
}
.news p { color:#fff; font-size:16px; margin:15px 0px}
.news .pull-right { margin:15px 0px}
.news:before {
width: 100%;
height: 100%;
background: #0D7F15;
position: absolute;
top: 0;
right: -100%;
}
.news:after {
content: '';
position: absolute;
border-top: 100px solid transparent;
border-bottom: 0 solid transparent;
border-right: 50px solid #0D7F15;
top: 0;
left: -50px;
}
.carousel-indicators { display:none}
.news .carousel-control.left, .news .carousel-control.right { background:#fff; opacity:1}
.news .carousel-control { top:25px; bottom:auto; color:#0D7F15; text-shadow:none; width:auto; padding:8px 16px; margin-right:20px; font-size:24px }
.news .carousel-control.left { right:60px; left:auto}
.carousel-control:hover, 
.carousel-control:focus { opacity:0.8 !important}

@media(max-width:768px)  {

.news { width:100%; height:auto; }
.welcome { text-align:center; margin:0 auto 30px}


}

/*footer starts here*/

footer {}
footer a:hover {color:#fff}
footer address i { line-height:24px !important}
footer address p { margin:0px 0px 0px 25px}

footer li {color:#aebdc6; line-height:30px}
footer li:hover {color:#fff}
footer .thumb-footer { float:left}
footer address {  color:#aebdc6; line-height:26px}
footer .thumb-footer img{ float:left; }
footer .thumb-footer img:hover { opacity:0.7; cursor:pointer; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}

footer iframe {  }
footer .map {


}

.footer-top { background:url(../images/ftrbg.jpg) center; padding:50px 0px}
.footer-top h1 { color:#fff; font-size:30px; font-weight:500; margin:0px; line-height:40px}
.footer-top h1 span { font-weight:700}


.footer-bottom {   padding:16px 0px 8px 0px; background:#062b93; color:#000; }
.footer-bottom1 { border-top:solid 1px rgba(255,255,255,0.10); padding-top:25px}
.footer-bottom .social-media {  letter-spacing:5px; margin:0px 0px 0px }
.footer-bottom .social-media .form-group  { margin:0 0 0 20px}
.footer-bottom .social-media a { color:#fff; font-size:18px }
.footer-bottom .social-media a:hover .facebook { color:#3B5998; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
.footer-bottom .social-media a:hover .google { color:#E14107; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
.footer-bottom .social-media a:hover .twitter { color:#00ACED; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
.footer-bottom .social-media a:hover .linkedin { color:#2ba3e1; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
.footer-bottom .social-media a:hover .youtube { color:#eb4723; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}

@media(max-width:1023px) {
.kopa-social-link-widget .social-links li a 
{
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
background: none;}
}

@media(max-width:1199px)
{
.kopa-social-link-widget span { display:none }
}


@media(max-width:767px)  { 
.kopa-social-link-widget > span {
display: block;
line-height: 46px;
}
.right-area, .left-area {
width: 100%;
margin: 0 0px 0px 0px;
height:auto;
padding:20px 15px
}
.right-area:after {
border: none;
width: 100%;
height: 100%;
background: #0D7F15;
position: absolute;
top: 0;
left: -100%;
}
.left-area:after {
border: none;
width: 100%;
height: 100%;
background: #2a3342;
position: absolute;
top: 0;
right: -100%;
}
.kopa-social-link-widget .social-links li a {
text-align: center;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 22px;
background: none;
margin-bottom:15px
}
.kopa-area-3 .container { padding:0px}
.kopa-newsletter-widget .newsletter-form .input-email .email { width:100%; margin-bottom:6px}
.kopa-newsletter-widget .newsletter-form .input-email .submit { width:auto}
.kopa-newsletter-widget span { display:none}

}


@media(max-width:360px)  { 
footer .social-media {  float:none !important; margin:0px 0px 15px 0px }
}

.about { background:#fff; padding:40px 0 0px }
.inner { background:#d6e6ee; padding:30px 0px 0px; }
.breadcrumb {
   float:right;
    margin: 10px 0px;
	 background: none repeat scroll 0 0 #fff;
    box-shadow: 0 2px 2px #e6e6e6;
	font-size:15px
}
.pull-right{font-size:16px; letter-spacing:1px}
.txthm{color:#fff; font-size:1.3em; line-height:1.8em;}
.imgbdr{border:solid 5px #fff}
.imghm{padding:20px; background:#f66147; text-align:center; border-radius:10px; border-bottom:solid 4px #000; margin-bottom:10px; color:#000 }
.imghm:hover{ background:#ddd; border-bottom:solid 4px #999; }
.imhhmbtn{background:#fff; color:#062b93; letter-spacing:1px }
.imhhmbtn:hover{background:#f66147; color:#000;}
.ftrbgxt{padding:60px 0; text-align:center; font-size:2.5em; color:#fff; }
.ftrtxtp{color:#FFF; font-size:1em; line-height:1.7em }
.bcnclr{color:#f66147;}
.ftxtp{color:#fff; }
.ftxtp a{color:#fff;}
.spcfhd {font-size:1.8em; font-weight:600; color:#fff; border-bottom:solid 4px #062b93; margin-bottom:10px; padding:4px 0; background:#0186c7; text-align:center; border-radius:8px;}
.inrtxt{font-size:1.3em}
.inrtxt4{font-size:1.8em}
.form-control{font-size:16px; letter-spacing:1px}
.spc1{text-align:right; font-size:1.3em}
.spc2{text-align:left; font-size:1.2em; padding-left:25px}
.spcrw{padding-bottom:10px;}
.rwbg{padding:50px 0; }
.rwbg2{padding:50px 0; background:#fafafa;}
.prditmh{background:#062b93; color:#fff; padding:15px 30px; border-radius:15px; font-size:2em; width:100%}
.prdbdg{font-size:1.4em; font-weight:600; letter-spacing:1px; background:#062b93; padding:15px 22px; margin-bottom:3px; line-height:24px}
.prdbdgact{font-size:1.4em; font-weight:600; letter-spacing:1px; background:#0186c7; padding:15px 22px; margin-bottom:3px; line-height:24px}
.bdgtxt{font-size:0.8em;}
.mrg25{margin-top:25px;}


/*Gallery starts here*/

.gallery { padding:0px 0px 0px 0px;}
.gallery .thumbnail { margin:0 auto; text-align:center; margin-bottom:30px; padding:0px; border-radius:0px; }
.gallery .thumbnail i { margin:0 auto; text-align:center; position:absolute; opacity:0}
.gallery .thumbnail .caption { padding:8px 6px; background:#0186c7}
.gallery .thumbnail h3 { margin:0px; font-size:1.4em; color:#fff; font-weight:600}
.gallery .thumbnail:hover { border:solid 1px #0186c7;  }
.gallery .thumbnail:hover i {  top:35%;  opacity:100; z-index:999; color:#0186c7; transition:ease-in-out 0.5s !important; text-align:center; margin:0 auto; margin-left:-12px}
.gallery .thumbnail:hover img { opacity:0.4}

@media (min-width: 768px) {.gallery .thumbnail img { height:200px; }}
@media (min-width: 992px) {.gallery .thumbnail img { height:150px; }}
@media (min-width: 1200px) {.gallery .thumbnail img  { min-height:200px  }}


@media (max-width: 1000px) {
	
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	.home-icon{ display:none !important;}
	.navbar{ width:100%;}
	.navbar-nav{ background:#001d51; margin-top:0px !important;}
	.navbar-toggle{ margin-bottom: 0px;}
	.navbar-nav li a{ color:#fff !important;}
	.dropdown-menu{ background:#0186c7 !important;}
	.dropdown-toggle{ background:#0186c7 !important;}
	.banner-cap h1{ font-size:57px;}
	.banner-cap h1 span{ font-size:26px;}
	.item{ max-width:90%;}
	.p-cat ul{ margin-left:0px;}
	.dis-none{ display:block !important;}
	.p-cat h2 {
   
    color: #040404;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-size: 18px;
}
.prditm{ max-width:150px; height:auto; float:left; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; margin-left:1px; position:relative; overflow:hidden;}
}


@media only screen and (max-width:992px) {
.navbar-nav > li + li{ margin-left: 0px !important;}
.delivery{ display:none;}
.logo{ text-align:center;}
.cart-btn{ display:none; }
.cart-icon{ display:block;}
.logo{ padding-bottom:0px !important;}
.input-outer{ padding: 15px 0px;}
.right { display:none !important}

}

@media only screen and (max-width:768px) { 
.navbar-nav > li + li{ padding-left:20px; padding-right:15px;}
.span1{ display:none !important;}
.banner-cap{ margin-top: 6%; padding: 10px 25px;}
.banner-cap h1{ font-size:47px;}
.banner-cap h1 span{ font-size:26px; }
.news { width:100%; height:auto; }
.news .pull-left { width:100%}
}

@media only screen and (max-width:600px) {
	
	.banner-cap{ margin-top: 6%; padding: 0px 15px;}
.banner-cap h1{ font-size:24px;}
	.banner-cap h1 span{ font-size:14px; }
	.ad-sec{ padding-bottom:10px; padding-top:10px;}
	.item {
    max-width: 92%;
}
	.item2 {
    max-width: 95%;
}
.p-cat{ padding-bottom:10px;}
footer{ padding-top:25px; padding-bottom:55px;}
.prditm{ max-width:178px;}
.ftrbgxt{padding:5px 0; text-align:center; font-size:1.3em; color:#fff; }
.footer-top {padding:20px 0px}
h3 { font-size:26px; color:#062b93; text-align:center;  padding:0px 0px;  margin:5px 0px 0px; }
}
.pdg25{padding-top:25px}
.banner ul, ol{margin:0}