body {
    margin: 0;
    padding: 0;
    font-size: 16px;
}
img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: 100%;
    display: block;
}
.bio-section{
	width: 100%;
	float:left;
	position:relative;
  background:#15141c;
  min-height: 800px;
  overflow-y:hidden;
}
.bio-section > img{
	width: 100%;
}

#tab-sec{
	width: 100%;
	float: left;
	position: relative;
}
.bio-details-section{
	width: 100%;
	float: left;
	padding: 25px 15px;
	background: #f3f3f3;
	position: relative;
}
.bio-details-section h2{
	margin-bottom: 0;

	font-size: 26px;
	font-weight: 600;
	color: #0b0b10;
	text-transform: uppercase;
}
.bio-details-section span{
	display: block;
	font-size: 20px;
	font-weight: 400;
	color: #0b0b10;
	margin-top: 5px;
}

.bio-details-section ol{
	padding: 0;
	margin:0;
}
.bio-details-section ol li{
	display: inline-block;
}
.bio-details-section ol li + li{
	margin-left: 5px;
}
.bio-details-section ul{
	padding: 25px 0 0;
}
.bio-details-section ul li{
	padding: 0;
}
.bio-details-section ul li a{
	font-size: 20px;
	font-weight: 400;
	color: #0b0b10;
	display: inline-block;
}
.bio-details-section ul li a:hover{
	color: #433d5b;
}
#horizontalTab .resp-accordion{
	background: #0b0b10;
	border: none;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #282839;
}
.tab-content{
	background: #15141c;
	padding: 25px 15px;
}
.tab-content p{
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height: 1.5em;
}

.tab-content p + p{
	margin-top: 10px;
}

.bio-section img + img{
	display: none;
}

.tab-content h3{
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin: 15px;
}
.tab-content p + h3{
	margin-top: 25px;
}

.blog-section{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.blog-section span{
	display: block;
	font-size: 20px;
	font-weight: 400;
	color: #14121a;
}
.blog-section span a{
	font-size: 18px;
	font-weight: 300;
	color: #14121a;
}

.blog-section span a:hover{
	color: #669900;
}

.main-blog-section{
	width: 100%;
	float: left;
}
.main-blog-section > a,
.main-events > a{
	font-size: 22px;
	font-weight: 600;
	color: #669900;
}
.main-blog-section > a:hover,
.main-events > a:hover{
	color: #433e5b;
}

.main-contact-section{
	width: 100%;
	float: left;
}
.main-contact-section .map{
	width: 100%;
	float: left;
	padding: 30px 0;
}
.main-contact-section .map iframe{
	width: 100%;
	height: 343px;
	border: none;
}

.contact-info{
	width: 100%;
	float: left;
}
.contact-info p{
	font-size: 22px;
	font-weight: 400;
	color: #000;
	line-height: 1.8em;
}
.contact-info p a{
	font-size: 22px;
	color: #669900;
}
.contact-info p a:hover{
	color: #433d5b;
}
.contact-info strong{
	font-size: 22px;
	font-weight: 700;
	color: #000;
	display: block;
	margin-top: 25px;
}
.contact-info ul{
	width: 100%;
	float: left;
	padding: 30px 0 0;
}
.contact-info ul li{
	width: 100%;
	float: left;
	margin-bottom: 30px;
	padding: 0;
}
.contact-info ul li figure{
	position: relative;
	width: 54px;
	height: 54px;
	background: #09090e;
	display:inline-block;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	    -ms-border-radius: 100%;
	     -o-border-radius: 100%;
	        border-radius: 100%;
}

.contact-info ul li figure img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.contact-info ul li a{
	display: inline-block;
	margin-left: 15px;
	font-size: 22px;
	font-weight: 400;
	color: #000;
}
.contact-info ul li a:hover{
	color: #669900;
}
.hover-sec{
	background: #669900 !important;
}
.contact-form-section{
	width: 100%;
	float: right;
	padding: 15px 0;
}
.contact-form-section form{
	width: 100%;
	float: left;
}
.contact-form-section form .full-field{
	width: 100%;
	float: left;
	margin-bottom: 35px;
}
.contact-form-section form .full-field input,
.contact-form-section form .full-field textarea{
	width: 100%;
	height: 60px;
	background: #ececec;
	padding: 0 15px;
	font-size: 22px;
	font-weight: 300;
	color: #000;
	border: none;
}
.contact-form-section form .full-field textarea{
	height: 305px;
	padding: 15px;
}
.contact-form-section form .full-field input[type="submit"],
.contact-form-section form .full-field input[type="button"]{
	background: #669900;
	border: 2px solid #669900;
	font-weight: 700;
	color: #fff;
}

.contact-form-section form .full-field input[type="submit"]:hover,
.contact-form-section form .full-field input[type="button"]:hover{
	background: none;
	color: #669900;
}

.main-events{
	width: 100%;
	float: left;
	padding: 15px 0;
}
.sub-events{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.sub-events h2{
	font-size: 22px;
	font-weight: 600;
	color: #433e5b;
	line-height: 1.4em;
}
.sub-events strong{
	display: block;
	font-size: 18px !important;
	font-weight: 400;
	color: #000;
	margin-top: 10px;
}
.sub-events strong a{
	font-weight: 300;
	font-size: 18px !important;
}

.sub-events > a{
	font-size: 18px;
	font-weight: 700;
	color: #669900;
}

.sub-events > a:hover{
	color: #433e5b;
}

.events-number{
	display: none;
}

.content-section > span{
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin: 10px 0 15px;
}

.content-section > span a{
	font-size: 18px;
	font-weight: 300;
	color: #000;
}
.content-section > span a:hover{
	color: #b1ce2f;
}

/*.content-section > ol{
	list-style: none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.content-section > ol li{
	float: left;
	width: 26px;
	height: 26px;
	background: #587aca;
	position: relative;
}
.content-section > ol li a{
	width: 100%;
	height: 100%;
	display: block;
}
.content-section > ol li img{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.content-section > ol li + li{
	margin-left: 10px;
	background: #5dc8ff;
}
.content-section > ol li + li + li{
	background:#dd4747;
}
.content-section > ol li + li + li + li{
	background: #2967ad;
}
.content-section > ol li:hover{
	background: #b1ce2f;
}
*/
.content-section > img{
  margin-bottom: 8px;
}

.content-section > img + span{
  font-size:  14px;
  font-weight: 400;
  color:  #323232;
  margin:  0 0 10px;
}
.content-section > ul, .content-section > ol,
.sub-services-section ul{
  padding: 0 0 15px 30px;
  margin:0
}

.sub-services-section{
  width: 100%;
  float: left;
  padding: 0 0 0 15px;
}
.sub-services-section h3{
  color: #323232;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.show-content{
  width: 100%;
  float: left;
  display: none;
}

.read-more,
.read-less{
  width: 100;
  height: 60px;
  line-height: 56px;
  display: block;
  background: #669900;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border: 2px solid #669900;
}
.read-less{
  margin-top: 12px;
}

.read-more:hover,
.read-less:hover{
  background: none;
  color: #669900;
}

.desktop-nav-section{
  display: none;
}

.logo-animation {
  max-width: 235px;
  width: 100%;
  margin: 0 auto 100px;
  display: block;
  -webkit-transition: transform 2s ease;
     -moz-transition: transform 2s ease;
      -ms-transition: transform 2s ease;
       -o-transition: transform 2s ease;
          transition: transform 2s ease;
}
.logo-animation img{
  float: left;
  width: 50%;
  position: relative;
  opacity: .9;
}

.left-div-ani{
  left: 20px;
  position: relative;
  opacity: 0;
  transform: 1s ease-in;
  transform: translateX(-100%);
  -webkit-transition: transform 2s ease;
     -moz-transition: transform 2s ease;
      -ms-transition: transform 2s ease;
       -o-transition: transform 2s ease;
          transition: transform 2s ease;
}
.right-div-ani{
  right: 20px;
  position: relative;
  transform: 1s ease-in;
  opacity: 0;
  transform: translateX(100%);
  -webkit-transition: transform 2s ease;
     -moz-transition: transform 2s ease;
      -ms-transition: transform 2s ease;
       -o-transition: transform 2s ease;
          transition: transform 2s ease;
}
.ani-show{
  transform: translateX(0);
  opacity: 1;
}
.logo-mdl{
  display: none;
}

.parent-slide .items + .items{
  display: none;
}







@media only screen and (min-width:641px) {


.logo-animation {
  max-width: 690px;
}
.main-logo-wrap {
  min-height: 600px;

}

.left-div-ani {
  left: 48px;
}
.right-div-ani {
  right: 48px;
}
.read-more, .read-less {
  font-size: 30px;
}

.sub-events strong,
.sub-events strong a {
  font-size: 28px !important;
}
.sub-events > a {
  font-size: 30px;
}

.sub-events {
  margin-bottom: 35px;
}
.contact-form-section form .full-field input, 
.contact-form-section form .full-field textarea {
  font-size: 30px;
}
.sub-events h2 {
  font-size: 36px;
}
	
.contact-info p, 
.contact-info p a, 
.contact-info ul li a {
  font-size: 30px;
}

.nav-section #localnavlist li a{
	font-size: 36px;
}
.main-blog-section > a{
	font-size: 30px;
}
.tab-content {
  padding: 40px 15px;
}
.logo-section{
	max-width: 397px;
}


.logo-mdl, 
.logo-sub, 
.logo-sub img{
	max-width: 506px;
	height: 506px;
}
.main-logo-hover-section{
	height: 506px;
}
#localnavcontainer{
	top: 86px;
}
.main-logo-hover-section h1{
	font-size: 48px;
}
.main-logo-hover-section img{
	max-width: 204px;
	top: 59px;
}
/*.logo-mdl{
	margin: 0 auto 180px;
}*/
.meet-our-team-section h2{
	font-size: 48px;
}
.highlight-logo-section p, .highlight-logo-section strong{
	font-size: 48px;
}
.office-location-section h3, .latest-devlopment-section h4, .get-in-touch-section h5{
	font-size: 48px;
}
.meet-our-team-section h2{
	margin-bottom: 52px;
}
.meet-our-team-section form input{
	font-size: 30px;
}
.meet-our-team-section ul li a{
	font-size: 30px;
}
.devlopment-slider-section strong{
	font-size: 36px;
}
.devlopment-slider-section a{
	font-size: 30px;
}
.devlopment-slider-section p{
	font-size: 30px;
}
.devlopment-slider-section p a{
	font-size: 28px;
}
.get-in-touch-section .info-section p, 
.get-in-touch-section .info-section strong,
.get-in-touch-section .info-section p a{
	font-size: 30px;
}
.get-in-touch-section .info-section ul li a{
	font-size: 30px;
}
.get-in-touch-section .contact-form-section .full-field-section textarea, .get-in-touch-section .contact-form-section .full-field-section input[type="submit"], .get-in-touch-section .contact-form-section .full-field-section input[type="button"]{
	font-size: 30px;
}
.main-footer-section p{
	font-size: 24px;
}

.main-footer-section p a{
	font-size: 24px;
}

.content-section h1 {
  font-size: 60px;
}
.content-section strong, .content-section p strong, 
.content-section strong a {
  font-size: 36px;
}
.content-section > p,
.sub-services-section p,
.show-content p{
	line-height: 1.6em;
}
.blog-section > p,
.sub-events p,
.sub-services-section p,
.show-content p{
	line-height: 1.6em;
  font-size: 30px;
}

.content-section > p, .content-section > p a {
  font-size: 30px;
}



.other-links ul li a {
  font-size: 36px;
}
.news-letert-signup-section h2, .main-testimonials-section h3, .other-links h2 {
  font-size: 48px;
}
.news-letert-signup-section .full-field label, .news-letert-signup-section .full-field input[type="submit"], .news-letert-signup-section .full-field input[type="button"] {
  font-size: 30px;
}
.sub-testimonials p {
  font-size: 30px;
}

.devlopment-slider-section .items
{
	width:32%;
	margin:0 1%;
}

}





@keyframes opacity  {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.highlight-logo-section{
  padding: 0;
}

.main-logo-wrap p{
  opacity: 0;
}



.inner-header .nav-section #localnavcontainer{
  transform: none;
}

.latest-devlopment-section .container{
  padding-bottom: 60px !important;
}

.scroll-function {
  position: fixed;
  right: 0;
  width: auto;
}

.bio-details-section h2{
	margin-bottom: 0;

  font-size: 20px;
}
.bio-details-section span {
  font-size: 16px;
}
.bio-details-section ul li a {
  font-size: 18px;
}
#tab-sec {
	left: 15px;
  position: absolute;
  width: 58%;
}
.tab-content {
  padding: 176px 15px 7px !important;
}

.bio-section > img{
	display: none;
}
.bio-section img + img{
	display: block;
  position: absolute;
}
#tab-sec{
	position: absolute;

}
.tabination{
	width: 100%;
	max-width: 1235px;
	margin:0 auto;
	position: relative;
}

.logo-mdl, 
.logo-sub, 
.logo-sub img {
  height: 350px;
  max-width: 350px;
}
.main-logo-hover-section{
	height: 350px;
}
.main-logo-hover-section img {
  max-width: 135px;
  top: 30px;
}
.logo-mdl {
  margin: 0 auto 80px;
}
.highlight-logo-section p, 
.highlight-logo-section strong {
  font-size: 26px;
}
.meet-our-team-section {
  padding: 80px 0;
}
.meet-our-team-section form input {
  font-size: 14px;
}
.meet-our-team-section form {
  margin-bottom: 35px;
}
.main-logo-hover-section h1 {
  font-size: 26px;
}
.meet-our-team-section ul{
	margin: 0 -1%;
}
.meet-our-team-section ul li {
  margin: 0 1% 15px;
  width: 23%;
}
.meet-our-team-section ul li:nth-child(n+9){
	display: none; /* */
}
.meet-our-team-section ul li a {
  font-size: 18px;
}
.meet-our-team-section .container{
	padding:0 20px;
}
.latest-devlopment-section li,
.latest-devlopment-section li:nth-child(1), 
.latest-devlopment-section li:nth-child(2), 
.latest-devlopment-section li:nth-child(3),
.latest-devlopment-section li:nth-child(4), 
.latest-devlopment-section li:nth-child(5), 
.latest-devlopment-section li:nth-child(6){
	width: 16% !important;
  margin:  0 !important;
  clear: none;
}

.content-section {
  background: #fff none repeat scroll 0 0;
  padding: 25px 15px;
  width: 60%;
}

.side-bar-section {
  width: 38%;
}

.main-section:before{
	content:" ";
	background: #0b0b10 ;
    width: 38%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: -9;
}
.other-links ul li a {
  font-size: 19px;
}
.news-letert-signup-section h2, .main-testimonials-section h3, .other-links h2 {
  font-size: 23px;
}
.news-letert-signup-section .full-field label, .news-letert-signup-section .full-field input[type="submit"], .news-letert-signup-section .full-field input[type="button"] {
  font-size: 18px;
}
.sub-testimonials p {
  font-size: 13px;
}
.content-section h1 {
  font-size: 34px;
}
.content-section strong, .content-section p strong, 
.content-section strong a {
  font-size: 18px;
}
.content-section h1 {
  font-size: 34px;
}
.content-section strong, .content-section p strong, 
.content-section strong a,
.sub-services-section p,
.show-content p {
  font-size: 18px;
}
.content-section > p, .content-section > p a, .sub-services-section p,  .content-section p strong, .content-section ul li, .content-section ul li strong, .content-section ul li a, .content-section ul li strong a,  .content-section ol li, .content-section ol li strong, .content-section p strong a {
  font-size: 14px;
}
.content-section p, .content-section > p a, .sub-services-section p,  .content-section p strong, .content-section ul li, .content-section ul li strong, .content-section ul li a, .content-section ul li strong a,  .content-section ol li, .content-section ol li strong, .content-section p strong a, table td {
  font-size: 16px !important;
}
table td {padding:10px;}
.content-section p strong a {font-weight:bold}
.blog-section > p,
.sub-events p{
  font-size: 14px;
}

.news-letert-signup-section .full-field label, .news-letert-signup-section .full-field input[type="submit"], .news-letert-signup-section .full-field input[type="button"] {
  font-size: 18px;
}
/*.content-section > p img{
	float:left;
	width: 45%;
}*/
.resp-tabs-list{
	background: #0b0b10;
	width: 100%;
	float: left;
}
.resp-tabs-list li{
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}
.resp-tab-active{
	color: #97b034 !important;
	background: none !important;
}
/*.bio-details-section{
	position: absolute;
	top: 45px;
}*/
.bio-details-section{
	position: absolute;
	top: 45px;
}
.tab-content {
  padding:250px 15px 7px !important
}
.bio-details-section ul {
  padding: 10px 0 0;
}
.bio-details-section ul li a {
  font-size: 14px;
}




}

@media only screen and (min-width:769px) {
.desktop-nav-section #localnavlist li a {
  font-size: 20px;
}
.desktop-nav-section #localnavlist li a span{
  font-size: 16px;
}
.nav-section #localnavcontainer ul li a {
  font-size: 15px;
}
}


@media only screen and (min-width:841px) {
.desktop-nav-section #localnavlist {
  width: 58%;
}
.desktop-nav-section .logo-section {
  width: 38%;
  padding-top: 5px;
}
}


@media only screen and (min-width:941px) {


.main-logo-wrap {
  min-height: 350px;
}
.latest-devlopment-section {
  padding: 65px 0 0;
}

.highlight-logo-section p, .highlight-logo-section strong {
  font-size: 34px;
}

.meet-our-team-section h2, .office-location-section h3, .latest-devlopment-section h4, .get-in-touch-section h5 {
  font-size: 48px;
}

.office-location-section iframe {
  height: 522px;
}

.meet-our-team-section .container,
.latest-devlopment-section .container,
.get-in-touch-section .container,
.main-footer-section .container{
  padding: 0 85px;
}

.desktop-nav-section .logo-section {
  width: auto;
}
.desktop-nav-section #localnavlist {
  width: auto;
}
.desktop-nav-section #localnavlist li a {
  font-size: 24px;
}

.other-links ul li a {
  font-size: 18px;
}
.news-letert-signup-section h2, .main-testimonials-section h3 {
  font-size: 24px;
}
.news-letert-signup-section .full-field label, .news-letert-signup-section .full-field input[type="submit"], .news-letert-signup-section .full-field input[type="button"] {
  font-size: 16px;
}
.sub-testimonials p {
  font-size: 16px;
}
.content-section strong {
  font-size: 24px;
  margin-bottom: 15px;
}
.content-section strong a{
  font-size: 24px;
}
/*.content-section > p, .content-section > p a, .sub-services-section p, .show-content p{
  font-size: 18px;
}*/
.blog-section > p,
.sub-events p{
  font-size: 18px;
}
/*.content-section > p img {
  float: left;
  width: 34%;
}*/
.resp-tabs-list li {
  font-size: 14px;
}
.bio-details-section h2{
	margin-bottom: 0;

  font-size: 30px !important;
}
.bio-details-section span {
  font-size: 14px;
}
.resp-tabs-list {
   margin-top: 17px !important;
   padding-left: 40px !important;
   position: relative;

}
.bio-details-section {
  padding: 30px 55px;
  width: 100%;
}
.bio-details-section ol {
  right: 35px;
  top: 14px;
}
.tab-content {
  padding: 234px 15px 16px !important;
}
#tab-sec {
  left: 15px;
  max-width: 590px;
  position: relative;
  width: 100%;
  margin-top:0px;
}
.tab-content p {
  font-size: 16px;
}

}

@media only screen and (min-width:1000px) {
.desktop-nav-section #localnavlist li a {
  font-size: 28px;
}
.desktop-nav-section #localnavlist li a span {
  font-size: 19px;
}
}


@media only screen and (min-width:1041px) {


.tab-content {
  height: 100%;
  min-height:782px;
}
.bio-details-section ol {
  right: 55px;
}
.tab-content {
  padding: 260px 55px 16px 55px !important;
}
.bio-details-section ul {
  padding: 25px 0 0;
}
}


@media only screen and (min-width:1499px) {
.bio-section img + img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
}

/*.shadowliks
{
    background: rgba(0, 0, 0, 0) url("images/sattin.png") repeat-x scroll left bottom;
    height: 940px;
    position: relative;
    width: 100%;
    z-index: 9999999;
}
*/

@media only screen and (max-width:1367px){
	/*.shadowliks{height: 844px;}*/
}


@media only screen and (max-width:1024px){
  
     #tab-sec
    {
        min-height:922px !important;
    }
    .shadowliks {
        min-height: 1000px;
    }
}
.imgmisk {
    overflow: hidden;
    position: absolute;
    width: 100%;
}


@media only screen and (max-width:800px){

#tab-sec {
    bottom: 0;
    position: relative;
    top: 0;
}
.bio-section
{
  min-height: auto;
  overflow-y: hidden;
}
/*.shadowliks {
    height: 480px;
}*/
.imgmisk
{
	
    position: absolute;
    width: 100%;
}
    #tab-sec
    {
        min-height: 768px !important;
    }
	  .shadowliks {
        min-height: 768px;
    }
}



@media only screen and (max-width:480px){
    #fh5co-header .header-inner {margin:0; padding:0; width:auto;}
    #fh5co-header h1 {
    margin: 28px 0 10px;
}

.bio-details-section {top: 213px;}

.tab-content h3 {
  font-size: 1.25em;
}

.bio-details-section h2{
	margin-bottom: 0;

  font-size: 32px;
}
#horizontalTab .resp-accordion {
  font-size: 30px;
}
.tab-content p{
  font-size: 1em;
  line-height: 1.8em;
}


.bio-details-section span {
  font-size: 1em;
}
.bio-details-section ul li a {
  font-size:1em;
}

.nav-section #localnavlist li a{
	font-size: 1.25em;
}
.highlight-logo-section p,
.highlight-logo-section strong{
	font-size: 1.25em;
}
#tab-sec {width:100%; left:0;
padding: 250px 15px 16px 0 !important;}
.tab-content {
    padding: 150px 15px 7px !important;
}

}

@media only screen and (max-width:320px){
  #tab-sec {width:100%; left:0;padding: 313px 15px 16px 0 !important;}  
}