@charset "utf-8";
/*
Theme Name: Jankus
Theme URI: http://junkus.com/
Author: Skylogic Infotech
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700);
/*
@font-face {
	font-family: 'CODE Light';
	src: url('fonts/CODE-Light.eot');
	src: local('☺'), url('fonts/CODE-Light.woff') format('woff'), url('fonts/CODE-Light.ttf') format('truetype'), url('fonts/CODE-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CODE Bold';
	src: url('fonts/CODE-Bold.eot');
	src: local('☺'), url('fonts/CODE-Bold.woff') format('woff'), url('fonts/CODE-Bold.ttf') format('truetype'), url('fonts/CODE-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Code Pro LC';
	src: url('fonts/Code-Pro-LC.eot');
	src: local('☺'), url('fonts/Code-Pro-LC.woff') format('woff'), url('fonts/Code-Pro-LC.ttf') format('truetype'), url('fonts/Code-Pro-LC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'GothamRnd-Book';
	src: url('fonts/GothamRnd-Book.eot');
	src: local('☺'), url('fonts/GothamRnd-Book.woff') format('woff'), url('fonts/GothamRnd-Book.ttf') format('truetype'), url('fonts/GothamRnd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'Code Pro Light LC';
	src: url('fonts/Code-Pro-Light-LC.eot');
	src: local('☺'), url('fonts/Code-Pro-Light-LC.woff') format('woff'), url('fonts/Code-Pro-Light-LC.ttf') format('truetype'), url('fonts/Code-Pro-Light-LC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'GothamRnd-Light';
	src: url('fonts/GothamRnd-Light.eot');
	src: local('☺'), url('fonts/GothamRnd-Light.woff') format('woff'), url('fonts/GothamRnd-Light.ttf') format('truetype'), url('fonts/GothamRnd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





.center {
	margin: 0 auto;
	position: relative;
}
.center img{ margin:0 auto; display:block; margin:0 auto; text-align:center;}
 #introduction, #services, #two, #three, #four, #five, [role="contentinfo"] {
 position: relative;
}
.logo {
	z-index: 100;
	background: url(img/top_logo.jpg) center top no-repeat;
	height: 80px;
	text-indent: -9999px;
	outline: 0 none;
	display: inline-block;
	
}

.well-large a{color:#000;}
.navigation {
	background: #438989;
	padding-top: 0px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
}
.navigation h1 a {
	color: white;
	float: left;
	font-size: 48px;
	margin: 0 0 11px 10px;
	text-decoration: none;
}
[role="navigation"] h1 a:hover {
	color: white;
}
.navigation ul {
	float: right;
	list-style-type: none;
	margin: 0px 10px 0 0;
	padding: 0;
}
.navigation ul li {
	float: left;
	
	margin-left: 1px;
	-webkit-transition-property: all, 0.2s, linear;
	-moz-transition-property: all, 0.2s, linear;
	-ms-transition-property: all, 0.2s, linear;
	-o-transition-property: all, 0.2s, linear;
	transition-property: all, 0.2s, linear;
	-webkit-transition-duration: 0.15s;
	-moz-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-ms-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0;
	

}
.navigation ul li.current {
background:#0b4949;
}
.navigation ul li:hover {
 background:#0b4949;
}
.navigation ul li a {
	color: white;
	text-decoration: none;
	padding:0 10px;
	line-height:100px;
	display:block;
	font-family:'Code Pro LC','Noto Sans', sans-serif, Verdana,Geneva,sans-serif;
	font-size:18px;
	font-weight:normal;
    text-transform: capitalize;
}
.navigation ul li a:hover {
	color: white;
}
.header-tel{ float:left; margin:40px 0 0 20px; background:url(img/phone_small.png) no-repeat left center; padding-left:30px; color:#fff; text-decoration:none; font-family: 'GothamRnd-Book',Verdana,Geneva,sans-serif;
    font-size: 18px;
    line-height: 25px;}

.logo-side{float:left;}
.menu-side{float:right;}
.mobileDD{ width:100%;}
.mobileDD{ margin:0; padding:0; padding:10px 0; background:#438989;}
.mobileDD li{ list-style:none; margin:2px 0; padding:0;}
.mobileDD li a{ color:#fff; font-family: 'CODE Bold'; font-size:18px; background:#6CB7B7; display:block; text-align:center; padding:10px 0}
/* ==========================================================================
Introduction styles
========================================================================== */
#introduction {
	background: #049cdb;
	color: black;
	padding: 150px 0 0px 0;
	min-height: 600px;
	width: 100%;
}
#navparent h1{ margin:0; padding:0; display:block; margin-top:5px;}

.centercontact{
	padding-top: 10px;
	color: #000;
	font-size: 92px;
	text-align: center;
	font-weight: lighter;
	line-height: 90px;
	font-family: 'CODE Light', sans-serif;
	
	font-weight:100;
	text-transform:uppercase;
	width:100%; margin:0 auto;
}

#introduction .center {
	padding-top: 10px;
	color: #fff;
	font-size: 72px;
	text-align: center;
	font-weight: lighter;
	line-height: 90px;
	font-family: 'CODE Light', sans-serif;
	font-family: 'Code Pro Light LC', sans-serif;
	font-weight:100;
	text-transform:uppercase;
	width:70%; margin:0 auto;
}
#introduction {
	background: url(img/logo1.jpg) center top no-repeat #6cb7b7;
}
.mobilemenu {
	margin-bottom: 10px;
	background:#fff;
	margin:0; padding:10px 0;
}
.contentinfo {
	background: #049cdb;
	color: white;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.bottom1 {
	/*background: url(img/bg_1.jpg) center -520px #6CB7B7;*/
  	background: url(img/bg_1re.jpg) center bottom #6CB7B7;
	min-height: 900px;
	margin-top: -0px;
}
.next{ top:50px; position:relative;}
.next a{ margin:0 auto; text-align:center; display:block;}
.carousel_container{ margin-top:200px;   min-height:300px;}
.carousel h2{ font-size:70px; margin:0 50px 0 10px; line-height:70px; font-family:"CODE Bold","Courier New", Courier, monospace; text-transform:uppercase; padding-bottom:40px;}
.carousel img{ display:none !important;}
.carousel h2:after {
  background: url("img/shadow.jpg") no-repeat scroll 0 0 / contain  transparent;
  bottom: 0;
  content: "";
  height: 50px;
  left: 0;
  position: absolute;
  width: 60%;
  z-index: 10;
}

.carousel p{ margin:0 10px 0 50px; font-family:'GothamRnd-Book',Verdana, Geneva, sans-serif; font-size:18px; color:#7a7a7a; line-height:25px;  }
.carousel-control.left {
background:url(img/arrows.png); width:41px; height:41px; border:0; left:-50px;
}
.carousel-control.right {
background:url(img/arrows.png) right top; width:41px; height:41px;border:0; right:-50px;
}
.white_bg{ background:#fff;} 

#services{ background:#6cb7b7 url(img/bg_s.jpg) center top no-repeat; min-height:30px; padding-top:200px;}
#services .container{width:960px; margin:0 auto;}
#services h3{ color:#fff; font-size:96px; line-height:90px; font-family:"CODE Bold","Courier New", Courier, monospace; margin-top:45px; padding-bottom:0px; position:relative}
#services h3:after{ position:absolute; left:0; bottom:0; width:100%; height:10px; content:''; background:#fff;}
#services .content p{ color:#fff; font-size:36px; font-family:"GothamRnd-Book", "Lucida Grande", sans-serif; line-height:40px; }
.accordion-inner {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 1px solid #E5E5E5;
  padding: 9px 15px;
}
.bottom2 {
	background: url(img/bg_g.jpg) center bottom no-repeat;
	min-height: 200px;
	margin-top: 0px;
	padding-bottom:200px;
}
.bottom3 {
	background: url(img/bg_e.jpg) center bottom no-repeat;
	min-height: 200px;
	margin-top: 50px;
	padding-bottom:200px;
}
.bottom4 {
	background: url(img/bg_ew.jpg) center bottom no-repeat;
	min-height: 200px;
	margin-top: 50px;
	padding-bottom:200px;
}
#blog .center,
#services .center {
	padding-top: 20px;
	color: #fff;
	font-size: 100px;
	text-align: center;
	font-weight: lighter;
	line-height: 100px;
	font-family: 'CODE Light', sans-serif;
	font-weight:100;
	text-transform:capitalize;
}
#services h3.accordion-heading{
	color:#fff; font-size:36px; font-family:"GothamRnd-Light", "Lucida Grande", sans-serif; font-weight:normal;  background-repeat:no-repeat;  line-height:40px;  border:0;  background-color:#236d6d; background-position:20px center; margin:0; cursor:pointer; text-transform:capitalize;}
#services h3.accordion-heading i{
	background-image:url(img/arrow_accordian_s.png); width:50px; height:50px; display:block; margin:5px 10px 0 10px; float:left;
	}	
#services h3.accordion-heading span{ display:inline-block; line-height:60px;}

#services h3.accordion-heading:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}
.light-font{color:#5c5c5c; font-size:38px; line-height:40px; font-family:"GothamRnd-Light", "Lucida Grande", sans-serif; font-weight:normal; }
.accordion-inner{font-family:"GothamRnd-Light", "Lucida Grande", sans-serif; display:none; }

#services h3.accordion-heading.acctitle1{ background-color:#236d6d;}
#services h3.accordion-heading.acctitle2{ background-color:#91cccc;}
#services h3.accordion-heading.acctitle3{ background-color:#012323;}
#services h3.accordion-heading.acctitle4{ background-color:#546b6b;}
.accordion{ margin-top:30px;}
section#services div.bottom2 div.container{top:10px;}

.white_bg .next{top:0;}
#about{ background:#efefef;}



#contact .center {
	padding-top: 20px;
	color: #000000;
	font-size: 100px;
	text-align: center;
	font-weight: lighter;
	line-height: 100px;
	font-family: 'CODE Light', sans-serif;
	font-weight:100;
	text-transform:uppercase;
	padding-bottom:60px;
	width:50%; 
}

#library .center,
#about .center {
	padding-top: 20px;
	color: #000000;
	font-size: 100px;
	text-align: center;
	font-weight: lighter;
	line-height: 100px;
	font-family: 'CODE Light', sans-serif;
	font-weight:100;
	text-transform:uppercase;
	padding-bottom:50px;
	width:100%; 
}

.map img{ display:block; text-align:center; margin:0 auto; width:100%; height:auto;}

#about .center{ color:#6DB7B8;}
#about .container.fixedw{width:785px; margin:0 auto;}
#about h3{ color:#6cb7b7; font-size:81.9px; line-height:90px; font-family:"CODE Bold",'Noto Sans',sans-serif,"Courier New", Courier, monospace; margin-top:0px; padding-bottom:10px; position:relative}
#about h3:after{ position:absolute; left:0; bottom:0; width:100%; height:10px; content:''; background:#6cb7b7;}
#about .content p{ color:#6cb7b7; font-size:36px; font-family:"GothamRnd-Book", "Lucida Grande", sans-serif; line-height:40px; }


.panel{ padding:20px; background:#6cb7b7; margin-top:0px; margin-bottom:0px; color:#fff;}

.carousel {
  line-height: 1;
  margin: 0 auto;
  position: relative;
  width: 700px;
  height:270px;
}

#blog{ background:#6cb7b7 url(img/bg_sg.jpg) center top no-repeat; min-height:30px; padding-top:200px;}
#blog .center{ margin:10px 0 20px;}
#blog .blog-title {
  color: #FFFFFF;
  font-family: 'Code Pro Light LC',sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 60px;
  margin: 0 auto;
  padding-top: 25px;
  text-align: center;
  text-transform: capitalize;
  width: 70%;
  float:none;
  margin-bottom:150px;
}

.thumbs{ overflow:hidden;padding-bottom:20px; position:relative;    text-align: center; }
.thumbs .caption{background:url(img/small_arrow.png) #595959 no-repeat 98% center; color:#fff;font-size:34px; font-family:"GothamRnd-Book", "Lucida Grande", sans-serif; line-height:60px;  }
.thumbs a{ padding-left:15px; color:#Fff; display:block;}
.thumbs a:hover{ text-decoration:none;}

.thumbs .caption.title1{ background-color:#595959;}
.thumbs .caption.title2{background-color:#099797;}
.thumbs .caption.title3{background-color:#37caca;}

#library{
	background: #fff;
	}
#library p{ color:#fff; font-size:30px; font-family:"GothamRnd-Book", "Lucida Grande", sans-serif; line-height:30px; }
#library .center.heading{ color:#6cb7b7; /*font-size:60px;*/   padding-bottom: 10px;}



#contact{ background:#efefef;}
#commentform,
.form{ margin-top:50px;}
#commentform input,#commentform textarea,
.form input,.form textarea{ border:0 none; border-radius:0 !important; box-shadow:0 0 0; border-bottom:2px solid #000 !important; width:100%; padding:5px 0; font-family: 'Code Pro Light LC', sans-serif; font-size:36px; font-weight:bold; line-height:46px; margin-bottom:15px; height:auto; }
#commentform textarea,.form textarea{ min-height:150px; resize:none; font-weight: normal;}
#commentform textarea,#commentform input,#commentform textarea{background:#fff;}


input[placeholder], [placeholder], *[placeholder] {
   color:#111 !important;
}
#commentform .button,
.form .button{ border:2px solid #000; padding:10px 20px; background:#fff; display:inline; width:auto; font-size:18px;font-family:'GothamRnd-Book',Verdana, Geneva, sans-serif; text-transform:uppercase; } 
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #efefef;
	font-weight:normal;
}
address{font-size:18px;font-family:'GothamRnd-Book',Verdana, Geneva, sans-serif; text-align:center; border-bottom:2px solid #000; line-height:50px; margin-top:50px;   }

.well{ background:#6cb7b7; border-radius:0;}
.well img{ display:block; margin:20px auto; margin-bottom:20px;}
.well a{ color:#fff; text-align:center; display:block; }
.well.big h3{ padding:0 20px; text-transform:uppercase; font-size:24px;font-family:'GothamRnd-Light',Verdana, Geneva, sans-serif; text-align:left; color:#fff; font-weight:normal;padding-bottom:0; margin-bottom:0; }
.well ul{ margin:0; padding:0; padding-bottom:20px;}
.well ul li{ list-style:none; font-size:12px; padding:0px 25px !important; list-style:disc inside; text-align:left; color:#fff;}
.well ul li a{ padding:2px 0px !important; display:inline-block;text-align:left;}
.well ul li a:hover{ background: transparent none !important; text-decoration:underline;}
#footer{
	background:#6cb7b7 url(img/bg_sg.jpg) no-repeat;
	min-height: 150px;
	padding-top:240px;
	}
.leagal{font-size:24px;font-family:'GothamRnd-Light',Verdana, Geneva, sans-serif; text-align:right; color:#fff; font-weight:normal; position:relative; top:-80px; text-transform:uppercase;  line-height: 30px;}

.leagal strong{ display:block;font-family:'GothamRnd-Bold',Verdana, Geneva, sans-serif;}
.social{ top:-40px; position:relative}
.mar-top{ margin-top:20px;}
.footer_link{ font-size:24px; color:#fff; text-decoration:none;     margin-top: 40px; display:block; }
.footer_link.email{ font-size:16px}
.copyright{
	 float:right;
	 color:#fff;
	 display:block;
	 text-align:right;
	 width:100%;
	 position:relative; top:-20px;
	
	}
.facebook{ background:url(img/s_facebook.png); height:39px; width:39px; display:inline-block; text-indent:-9999px; margin-left:22px;}
.twitter{background:url(img/s_twitter.png); height:39px; width:39px;display:inline-block;text-indent:-9999px;margin-left:22px;}
.linkedin{background:url(img/s_linkedin.png); height:39px; width:39px;display:inline-block;text-indent:-9999px;margin-left:22px;}
.googleplus{background:url(img/s_gplus.png); height:39px; width:39px;display:inline-block;text-indent:-9999px; margin-left:22px;}
.clear{ clear:both;}

#navparent h1{ display:inline-block;}
.desktop-only{ display:block !important;}
.mobile-only{ display:none !important;}
.mobile_pad{ padding-top:50px;}
.mobile_zero{ padding-top:0;}

.da-thumbs {
	list-style: none;
	width: 100%;
	position: relative;
	margin: 20px auto;
	padding: 0;
	width: 87%;
}
.da-thumbs li {
	float: none;
	background: #fff;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(11,73,73,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

.da-thumbs li img{display:block; margin:0 auto;}
/****************************************** library-page *******************************************************/
.small{ font-size:50px;
	padding-top: 10px;
	text-align: center;
	font-weight: lighter;
	line-height: 50px;
	font-family: 'CODE Light', sans-serif;
	
	font-weight:100;
	text-transform:uppercase;
	width:70%; margin:0 auto;}


.table .library-holder{display:block;}
.table .library-holder a {display:table-cell; vertical-align:middle; background:#6cb7b7; color:#fff; height:300px; font-family: 'CODE Light', sans-serif;text-align:center; display:block; vertical-align:middle ; font-size:40px; line-height:40px;}

.table .library-holder a:hover{ text-decoration:none; background:#438989;}
.navigation.white{
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	}
.navigation.white #top_nav{ }
.navigation.white .logo{ background:url(img/inner_logo.jpg); width:156px; height:57px;}
.navigation.white #top_nav a{ line-height:40px; color:#6cb7b7;}
.well.big{ font-size:18px; text-align:left; font-family: 'Code Pro LC', sans-serif; padding:0;}
.well.big a{text-align:left; padding:20px; }
.well.big a.active,.well.big a:hover{background:#1f6464; text-decoration:none;}

.head{font-family: 'Code Light', sans-serif; font-size:28px; text-align:left; font-weight:normal; color:#6cb7b7; }
.head h1{font-family: 'Code Light', sans-serif; font-size:90px; line-height:70px; text-align:left; font-weight:normal; } 

.well-large{ background:#e5e5e5; color:#212121; font-size:20px; line-height:30px; border-radius:0; font-family: 'Code Pro LC', sans-serif; margin:40px 0; padding:40px;}
#footer.inner{background:#6cb7b7 url(img/bg_s.jpg) no-repeat;}
#library-page{ margin-top:100px;}
.back strong{ color:#e5e5e5; font-size:32px; text-align:right; display:block; margin:20px 0; text-transform:uppercase;}
.back a:hover{ text-decoration:none;}
/****************************************** blog-page *******************************************************/
#comments-title{background:#8f8f8f;padding:0 10px; color:#fff; line-height:40px; font-family: 'GothamRnd-Light',Verdana,Geneva,sans-serif; font-weight:bold; text-align:left;}
.commentlist{margin:0; padding:0;}
.commentlist li{list-style:none;}
.comment-author {background:#247f7f;padding:0px; color:#fff; line-height:40px; font-family:'Code Pro Light LC', 'GothamRnd-Light',Verdana,Geneva,sans-serif; font-weight:bold; text-align:left;}
.comment-author img{margin-right:20px;}
.comment-author  .fn a{font-size:24px; color:#fff;font-family: 'Code Pro Light LC',sans-serif, sans-serif; font-weight:normal;}
.comment-author  > a{font-size:15px; color:#fff;font-family: 'Code Pro Light LC',sans-serif, sans-serif; font-weight:normal;}
#reply-title{background:#434343;padding:0 10px; color:#fff; line-height:40px; font-family: 'GothamRnd-Light',Verdana,Geneva,sans-serif; font-weight:bold; text-align:left;}

#blog-page{ margin-top:100px;}
.meta{ text-align:left;}
.meta strong{ font-size:30px; line-height:30px; display:block; color:#6cb7b7; font-family: 'GothamRnd-Light',Verdana,Geneva,sans-serif; font-weight:normal; text-align:left; margin-bottom:0;}
.meta .catlist a{ background:#6cb7b7; text-transform:uppercase; padding:0 10px; color:#fff; font-size:18px; line-height:40px; display:block; font-family: 'GothamRnd-Light',Verdana,Geneva,sans-serif; font-weight:normal;}
.meta .commentcount{ text-transform:uppercase;font-size:20px; line-height:30px; display:block; color:#7e7e7e;font-family: 'GothamRnd-Light',Verdana,Geneva,sans-serif; font-weight:normal; }
.meta .commentcount a{ color:#7e7e7e; }

.reply a{background:#4dafaf;font-family: 'GothamRnd-Light',Verdana,Geneva,sans-serif; font-weight:normal;color:#fff; padding:10px;}

.comment-count, .post-query {
  color: #FFFFFF;
  font-family: "Code Light";
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
  padding: 10px;
  background:#8f8f8f;
}
.comments {
    margin: 30px 0 20px;
}
.comments .commentlists {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.comments .commentlists ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.comments .commentlists li {
    margin: 10px 0;
    padding: 20px 0 0;
}
.comments .commentlists li:before, .comments .commentlists li:after {
    content: "";
    display: table;
    line-height: 0;
}
.comments .commentlists li:after {
    clear: both;
}
.comments .commentlists li:first-child {
    padding-top: 10px;
}
.comments .commentlists .comment-children {
    border-left: 1px solid #EEEEEE;
    margin-left: 34px;
    padding: 3px 0 0 2px;
    position: relative;
}
.comments .commentlists .comment-children li {
    background: url("img/assets/comment-line.png") no-repeat scroll 0 59px transparent;
    padding-left: 65px;
}
.comments .commentlists .comment-children:before {
    border: 1px solid #EEEEEE;
    content: "";
    display: block;
    height: 1px;
    left: -2px;
    position: absolute;
    top: -3px;
    width: 1px;
}
.comments .commentlists .comment-author {
    float: left;
    height: 110px;
    margin: 0 20px 0 0;
    width: 110px;
}
.comments .commentlists .comment-body {
    margin-left: 140px;
}
.comments .commentlists .comment-body .comment-meta {
    margin-bottom: 9px;
    padding: 10px 5px 10px 10px;
    background: #247f7f;
	color:#fff;
}
.comments .commentlists .comment-body .comment-meta .reply {
    float: right;
}
.comments .commentlists .comment-body .comment-meta .reply a {
    color: #fff;
    background: #4dafaf;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
}
.comments .commentlists .comment-body .comment-meta .reply a:hover {
    color: #fff !important;
    background: #F48C2D;
}
.comments .commentlists .comment-body .comment-meta .meta-name {
    font-weight: bold;
    padding: 4px;
}
.comments .commentlists .comment-body .comment-meta .meta-name a {
    color: #fff;
	font-family:'Code Pro Light LC';
	font-weight:normal;
	line-height:20px;
	font-size:22px;
}
.comments .commentlists .comment-body .comment-meta .meta-date {
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
}
.control-label{
	display: none;
	background: #eee;
	padding: 5px;
	font-family:"Open_Sans_L";
}
.white .header-tel{ color:#6cb7b7; background:url(img/phone_small_g.png) no-repeat center left; margin: 25px 0 0 20px;}
.white #toggle {  position: relative;  top: 25px;    margin-left: 20px;}
.main_nav{position:relative;}
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.descs{ font-size:12px; line-height:18px; background:#EFEFEF; padding:10px; text-align:left;}
.thumbs a {
  color: #FFFFFF;
  display: block;
  padding-left: 15px;
  text-align: left;
  font-size:24px;
}
 
  .heq{width:100%; height:440px; overflow:hidden; }
 .navigation ul li a {  font-size: 16px;  line-height: 100px;  padding: 0 10px;}
 
 
@media (min-width: 768px) and (max-width: 979px){
	.back strong{  font-size:26px;}
	.table .library-holder a {display:table-cell;  width:48%; margin:0px 0%; padding:0;}
	.header-tel{float:right;}
	
	.logo-side{float:none;}
.menu-side{float:none;}

	#toggle{ margin-right:20px;}
.desktop-only{ display:none !important;}
.mobile-only{ display:block !important;}

.navigation ul {  float: none;  margin: 0;  padding: 0; }
#top_nav li {  float: left;  width: 50%;  margin:0; padding:0;  list-style:none;}
#top_nav li a{ border: 1px solid #6CB7B7; padding:10px 10px; display:block;line-height:20px;}
#top_nav li:hover a{ background:#6CB7B7; border: 1px solid #6CB7B7;}
.navigation ul li { border-bottom:0 !important;}
.white .logo-side{float:left;}	
.white .header-tel {  float: right;  position: absolute;  right: 70px;}
	}


@media (max-width: 767px) {
.map iframe{height:480px;}
.white .header-tel {  float: right;  position: absolute;  right: 70px;}
.white .logo-side{float:left;}	
	.logo-side{float:none;}
.menu-side{float:none;}
	.header-tel{float:right;}
.back{ text-align:center;}
.back strong{  font-size:26px; text-align:center}
.carousel {
  line-height: 1;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
#toggle{ margin-right:20px;}
.desktop-only{ display:none !important;}
.mobile-only{ display:block !important;}

#about .container.fixedw{width:100%; margin:0 auto;}
.carousel p{ margin:20px 10px 0 50px;   }
.carousel h2{ text-align:center; margin:0}
.carousel h2:after {
  width: 100%;
  z-index: 10;
  background-size:100% 100%;
}
.navigation ul {  float: none;  margin: 0;  padding: 0;  display:none;}
#top_nav li {  float: left;  width: 50%;  margin:0; padding:0;  list-style:none;}
#top_nav li a{ border: 1px solid #6CB7B7; padding:10px 10px; display:block;line-height:20px;}
#top_nav li:hover a{ background:#6CB7B7; border: 1px solid #6CB7B7;}
.navigation ul li { border-bottom:0 !important;}	
#contact .container{ width:90%; margin:0 auto;}
#introduction .center{ line-height:50px; font-size:30px; }
#navparent h1{ display:block; width:auto;}
#footer .pull-left{ width:100%; float:none;}
#footer .pull-left a{ display:block; margin:0 auto;}
#footer .pull-left a img{ display:block; margin:0 auto;}
#footer .pull-right{width:100%; float:none; text-align:center;}
.copyright{ text-align:center; padding:20px 0; top:0;}
.da-thumbs {  width: 87% !important;}
#about .container.fixedw{ width:95%;}
.da-thumbs li{ float:none;}
.da-thumbs li img{ display:block; margin:0 auto; width:100%;}

#services .container{width:100%; margin:0 auto;}
#services h3.accordion-heading i{ display:none;}
#services h3.accordion-heading { font-size:24px;}
#services h3.accordion-heading span{ padding-left:15px;}
.social{top:0; }
.leagal{ top:0; margin:20px 0}
.carousel-control.left {  left:50px;}
.carousel-control.right { right:50px;}
.footer_link {  text-align: center;}

.table .library-holder a {display:table;  width:90%; margin:20px auto !important ; padding:0;}

#blog .center,#library .center.heading,#contact .center,#about .center, #services .center {  font-size: 49px !important; font-weight:normal;}
.container{ width:96%; margin:0 auto;}
.carousel {  height:auto;}
.header-tel {  margin: 20px 0 0 20px;}
#services h3.accordion-heading span {  display: inline-block;  line-height: 40px;}
#services h3.accordion-heading {  font-size: 14px; line-height:30px;}
.light-font {  font-size: 18px;  font-weight: normal;  line-height: 20px;}
#about h3 {  font-size: 30px;  line-height: 40px;  margin-top: 0;  padding-bottom: 10px;  position: relative;}
#about h3:after {  background: none repeat scroll 0 0 #6CB7B7;  bottom: 0;  content: "";  height: 2px;  left: 0;  position: absolute;  width: 100%;}
#about .content p {  font-size: 24px;  line-height: 30px;}
#blog .blog-title {  font-size: 30px;  font-weight: 100;  line-height: 40px;  margin: 0 auto 150px;  padding-top: 0;  width: 90%;}
#blog .center {  margin: 30px 0 10px;}
#library .center, #about .center { line-height: 100px; padding-bottom: 0px;  padding-top: 30px;}
.small {  font-size: 30px;  font-weight: 100;  line-height: 30px;  margin: 0 auto;  padding-top: 10px;  width: 90%;}
.centercontact{ font-size: 50px;  line-height: 40px;}
.logo-side {display:none;}
#blog .center, #services .center{ padding-top: 0;}
#services {  padding-top: 170px;}

  .heq img{ display:block; margin:0 auto; }
 
  
#snav.navigation.white div#navparent.container div.pull-left a img{margin:10px 0;}
.white .header-tel {  margin: 15px 0 0 20px;}
.white #toggle {  top: 15px;}
.head h1 {  font-size: 40px;  font-weight: normal;  line-height: 30px;  text-align: left;}
.comments .commentlists .comment-body .comment-meta span {  display: block;}
.comments .commentlists .comment-body .comment-meta .reply {  display: inline-block;  float: none;  margin-bottom: 20px;  position: relative;  top: 10px;}
.comments .commentlists .comment-body .comment-meta .meta-date {  color: #FFFFFF;  font-size: 12px;  margin-left: 0;}
.comments .commentlists .comment-children li {  padding-left: 10px;}
.comments .commentlists .comment-children {  margin-left: 10px;}
 
.accordion {  margin: 0 auto;  width: 95%;}
.bottom1 {  background: url("img/bg_1re.jpg") repeat scroll center bottom #6CB7B7;  margin-top: 0;  min-height: 830px;}
 .navigation ul li a {  font-size: 16px;  line-height: 100px;  padding: 0 10px;}
 
}

@media (max-width: 640px){
.bottom1 {  background: url("img/bg_1re.jpg") repeat scroll center bottom #6CB7B7;  margin-top: 0;  min-height: 400px;}
  #introduction .center{ line-height:50px; font-size:26px;}
}



.library-holder a em{ font-size:14px; line-height:18px; text-transform:none; font-family :	'Code Pro LC';font-style:normal; display:block; } 


body,.well ul li,.meta .catlist a,.well-large,.well.big h3,
.head h1,.meta strong,.meta .commentcount,#commentform input, #commentform textarea, .form input, .form textarea,#commentform .button, .form .button,
.small,.table .library-holder a,#blog .blog-title,
#blog .center, #services .center,#library .center, #about .center,
#introduction .center,.centercontact
{
font-family: 'Noto Sans', sans-serif; font-weight:400;
}


.descs {
  font-size: 14px;
}
.head h1 {
  font-size: 70px;
  line-height: 90px;

}

span.wpcf7-not-valid-tip {
  background: none repeat scroll 0 0 rgb(255, 0, 0);
  border: 1px solid rgb(255, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 17pt;
  left: 0;
  padding: 2%;
  position: absolute;
  top: -12px;
  width: 96%;
  z-index: 100;
  display:none !important;
}
body .form .wpcf7-not-valid{  border-bottom: 2px solid #f00 !important; color:#f00 !important;}
div.wpcf7-validation-errors {
  background: none repeat scroll 0 0 rgb(247, 231, 0);
  border: 2px solid rgb(247, 231, 0);
}