body{ margin:0px; font-family: 'Quicksand', sans-serif; font-weight: 400;  font-size:16px; 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:#0464ff; text-align:left;  padding:0px 0px;  margin:0px 0px 10px 0px; font-family: 'Quicksand', sans-serif;  font-weight:600; float:left}
h1 p { font-size:13px;  font-family: 'Quicksand', sans-serif; float:left; padding:4px 0px}

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


h3 { font-size:36px; color:#0464ff; text-align:center;  padding:0px 0px;  margin:20px 0px 0px; font-family: 'Quicksand', sans-serif; }


h4 { font-size:24px; color:#0464ff; text-align:left;    position:relative; font-weight:600; margin:20px 0px !important }


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

p { color:#888}
.para{font-size:18px; line-height:34px}


/*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,.2);
  border-bottom: 1px solid rgba(255,255,255,.4);
  top: 0; padding:20px 0px }
header .logo { display:inline !important}


/*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:15px; color:#0464ff; margin:25px 10px;  font-family: 'Quicksand', sans-serif; padding:7px 15px;  text-transform:uppercase; font-weight:700; }

.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:#0464ff; border-radius:4px ; font-weight:700
}

.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:#e1eaf1; border:solid 1px #a9d3ef; padding:60px 0px 30px}
.slider-bot .working { background: #001f52; color: #fff;   font-size: 24px;  padding: 15px 20px; position: relative; margin-top: -95px; z-index: 20; float:left; font-weight:600}
.slider-bot .media .media-left { background:#fff; border:solid 1px #a9d3ef; padding:15px 30px; font-weight:600; font-size:30px; color:#2f96db; float:left; border-radius:50px; }
.slider-bot .media .media-body {
padding-left:15px}
.media { margin-bottom:25px}
.media img { margin:8px 15px 0px 0px}
.media i { color:#001f52; 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;}

.quick-circle {
  height: 50px;
  width: 50px;
  text-align: center;
  position: fixed;
  bottom: 12px;
  right: 0px;
  border-radius:50%;
  background-color: #2196F3;
  -webkit-transition:height .25s ease, width .25s ease;
  transition:height .25s ease, width .25s ease;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
      z-index: 999;
}



.quick-circle:before,
.quick-circle:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
 border-radius: 50%;
  border: 1px solid #2188f361;
}

.quick-circle:before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}
.quick-circle:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
}

.quick-circle:hover:before,
.quick-circle:hover:after {
  -webkit-animation: none;
  animation: none;
}


a.quick-circle.no-ripple:before, a.quick-circle.no-ripple:after {
    animation: none !important;
}
.no-ripple.whatsapp{
    right: 0px;
    bottom: 0px;
    color: #fff;
    font-size: 35px;
    background-color: #4CAF50;
    border-color: #4caf50;
}
.quick-circle.no-ripple.whatsapp:before, .quick-circle.no-ripple.whatsapp:after{
    border-color: #4caf50;
}



@media(max-width:768px)  {

.tagline-left, .tagline-right { width:100%; height:auto}

}

.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 p {color:#aebdc6}
footer a {color:#aebdc6}
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:#001f52; 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:#fff; text-align:left }
.footer-bottom1 {}
.footer-bottom p { color:#001f52}
.footer-bottom p a{ color:#001f52}
.footer-bottom p a:hover{ color:#fff}
.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:#001f52; 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:13px
}