@charset "utf-8";
/* CSS Document */

body{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px;}
a, a:focus, a:hover{outline:none}
.logo{padding:0}
.logo img{margin-top:8px}
.menuarea{padding:0}

.navbar-default{background-color:transparent; border-color:transparent; float:right; padding:0}
.navbar{border-radius:0; margin-bottom:0; min-height: 0;}
.nav > li > a{padding:22px 15px; font-size:16px; font-weight:400;}
.navbar-collapse{padding-right:0}
.navbar-default .navbar-nav > li > a{color:#fff; }
.nav > li > a:last-child{padding-right:0}
.navbar-default .navbar-nav > li > a:hover{color:#faefd1}
.nav > li > a.active span{border-bottom:0px solid #cc9900; display: block; height: 2px; width: 100%;}
.bannersec{float:left; text-align:center; width:100%; height:550px;}
.bannersec .banner{height:100%; height:550px; background-attachment:fixed !important; background-size: cover !important; background-position: right !important}

.innerbanner{height:300px;}
.innerbanner .banner{height:300px; }

.header-area{position:absolute; left:0px; top:0px; height:65px; width:100%; z-index:9999999; padding: 0 15px; background: rgba(13,130,121,0.95)}

.about-sec{width:100%; margin:30px 0 0; float:left; padding: 0 30px;}
.about-sec p{width:100%; font-size:18px; color:#2e2e2e; font-weight:400; line-height: 26px }
.about-sec h2{font-size:32px; font-weight:400; color:#0d8279; margin-bottom:30px; }
.about-sec img{border: 5px solid #0d8279}

.about-more-sec{width:100%; margin:30px 0 0; float:left; padding: 20px 0 0; border-top: 1px dashed #b3b3b3}
.about-more-sec p{width:100%; font-size:18px; color:#2e2e2e; font-weight:400; line-height: 26px }
.about-more-sec h2{font-size:32px; font-weight:400; color:#0d8279; margin-bottom:30px; }

#contact{background: #2e2e2e; padding-top: 30px; padding-bottom: 30px}
#contact p{width:100%; margin-bottom:25px; color: #fff; line-height: 33px}
#contact p a{color: #fff}
#contact h2{margin-left:auto; margin-right:auto; color: #fff; margin-bottom: 20px;}
.address{text-align:left !important}
#contact i{width:30px; text-align:center}
.form-group input[type="text"]{border:1px solid #808080; font-size:16px; color:#808080; border-radius:0; padding:8px 15px; height:44px}
.form-group textarea{border:1px solid #808080; font-size:16px; color:#808080; border-radius:0; padding:8px 15px;}
button[type="submit"]{border:1px solid #08877c; background:#0b6623; font-size:20px; font-weight:700; color:#fff; border-radius:0; padding:8px 15px; height:44px; width:100%}

.copyright{background:#08877c; color:#fff; font-size:12px; font-weight:300; text-align:center; padding:5px 0; width:100%; float:left}
.blk-head{background:#08877c; position:fixed; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15); left:0; top:0; width:100%; padding:0 10px}
.blk-head .nav{margin-top: 8px;}
.blk-head .nav > li > a{padding-top:15px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color: #fff; background-color: transparent;}
.dropdown-menu{background-color: rgba(13,130,121,0.9); color: #fff; font-size: 15px;}
.dropdown-menu > li > a{color:#fff; padding: 6px 15px;}
.innersec img{width: 100%; height: 300px}
.innersec table th, .innersec table td{border: 1px solid #666; padding: 6px}
.newstickersec{background: #2e2e2e; padding: 8px; width: 100%; color: #fff; font-size: 15px; float: left}
.dropdown:hover .dropdown-menu{display:block;}
.sociallinks a{border-radius: 50%; width: 40px; height: 40px; line-height: 48px; background: #fff; display: inline-block; margin-right: 10px; text-align: center}
.sociallinks a i{color: #2e2e2e; font-size: 24px}
.sociallinks a:hover{background:#faefd1 }

.animate {
  -webkit-animation-duration: 0.65s;
  animation-duration: 0.65s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.two {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.contactform .selectarea{padding:5px 0 5px}
.contactform .selectarea label{color:#616161; font-size:15px}
.contactform .selectarea input[type="text"]{border:0; border-bottom:1px solid #000; padding:5px 0; font-size:15px; color:#000; width:100%; margin-top:-8px}
.selectarea textarea{border:0; border-bottom:1px solid #000; padding:10px 0; color:#000; width:100%; height:50px}
.submitbtn{background:#0d8279; border:2px solid #0d8279; padding:10px; float:left; width:170px; color:#fff; text-align:center;  font-size: 17px}


@media(max-width:1279px){
	
	.about-cont{max-width:246px;}
}

@media(max-width:1023px){
	.nav > li > a{font-size: 12px; padding: 15px 10px;}	
	.smtxt{font-size: 11px;}
	.navbar-collapse{padding-right:0; padding-left:0}
	.nav > li > a {font-size: 12px;}
    .about-sec img{width: 100%; height: auto}
	#contact iframe{width:100%;}
    .bannersec{height: 250px;}
    .bannersec .banner{background-size: cover !important; height: 250px; }
    .about-sec{margin-top: 10px}
}
@media(max-width:767px){
	.logo{text-align:left}
	.navbar-default{width:100%; }
	.navbar-collapse{margin: 0 auto 0 -30px; text-align: center; min-width: 320px; background:#0d8279}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin-left: 0;}
	.navbar-nav {margin: 7.5px 0 0;}
	.nav > li > a{padding: 10px 0;}	
	.nav > li > a:last-child{padding-right:0px}
	.navbar-toggle{margin-right: 0px;}
	.nav > li > a {font-size: 14px;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff; text-align: center}
	.banner h2{padding: 50% 20px 0;}
	.banner h6{padding: 10px 35px 0;}
    .about-sec{padding: 0 10px;}
	.about-sec p{width: 100%;}
	.about-sec img{width: 98%; height: auto}
	#why, #aboutsynergia {padding: 0 0px;}
	.about-sec{margin:10px 0 0px}
    #contact iframe{width:100%;}
	.address{padding-top:30px}
	.header-area {height: auto;}
	.blk-head .navbar-collapse{margin: 0 auto 0 -17px;}
	.menubar{margin-top:-42px}
    .bannersec{height: 175px;}
    .bannersec .banner{background-size: cover !important; height: 112px; margin-top: 68px;}
    .header-area{background: rgba(13,130,121,1)}
}