@charset "utf-8";
 body {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #212121;
}
.a{font-family: 'Quicksand', sans-serif;}
.gardenia-container {
padding-left: 0px;
padding-right: 0px;
position: relative;
z-index: 1;
}
header {
position: absolute;
width: 100%;
z-index: 2;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
background-color: #fff;	
}
.page-template-front-page .themepage {
border-bottom: 1px solid #3c6302 ;
}
header.scrollbottom {
background-color: rgba(51, 77, 92, 0.99);
box-shadow: 0 0 2px #81b2ce;
position: fixed;
}
.logo {
margin:25px 0;
}
.home-link .site-title , .home-link .site-description {margin:10px 0; }
img { max-width:100%; height:auto;}
a:hover, a:focus{ 
color: #457103; 
outline: none;
} #commentform a {color: #457103;
font-family: 'Quicksand',sans-serif;
font-size: 15px;   
text-transform: capitalize;
}
#commentform p label { display: none;}
.comment-author img{
height:auto;
max-width:100%;
margin:0 12px;
}
.reply a{
color: #457103;
font-family: 'Quicksand',sans-serif;
font-size: 15px;   
text-transform: capitalize;
float:right;
}
.comment-author.vcard {
float: left;
}
ol.commentlist li{
clear:both;
margin-bottom:40px;
}
.comment .glyphicon-calendar.color {
font-size: 12px;
word-spacing: -10px;
} .textwidget {
text-align:justify;
}
.textwidget img {
height: auto;
max-width: 100%;
}
.textwidget select  {
max-width: 100%;
}
.search-input{
position:relative;
width: 175px;	
background-color:#2b2b2b;
border:1px solid #555555;
border-radius:1px;	
line-height:22px;
font-weight:normal;
color:#9e9e9e;
margin-right:0px;
margin-top:5px;
float:right;
margin-bottom:5px;
padding:3px 25px 3px 3px;
}
.search-input:focus{
background-color: #1e1e1e;
-webkit-transition:all ease-out 0.5s;
transition:all ease-out 0.5s;	
border:1px solid #1e1e1e;
color:#ffffff;
}
widget_search .screen-reader-text ,.search-form .screen-reader-text {
display:none;
}
.search-form {
position: relative;
}
.search-form label {
width: 100%;
}
.search-form .search-field {
border: 1px solid #ccc;
font-size: 16px;   
font-weight: normal;
padding: 7px 10px;
width: 100%;
margin: 10px 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 5px;
}
.search-form .search-submit{
background-color: rgba(0, 0, 0, 0);
background-image: url(//www.komsubostan.com/wp-content/themes/gardenia/images/search.png);
background-repeat: no-repeat;
border: medium none;
height: 21px;
padding: 0;
position: absolute;
right: 10px;
text-indent: -500px;
top: 20px;
width: 19px;
margin: 0 !important;
background-color : transparent !important;
} .social-ico{margin:0; padding:0;}
.left-head{float:left; margin-bottom: 3px;}
.phone{ background-image: url(//www.komsubostan.com/wp-content/themes/gardenia/images/social.png);
background-position: -198px 8px;
background-repeat: no-repeat;
color: #f0f0f0;
float: left;
font-size: 12px;
height: 25px;
line-height: 28px;
padding: 0 15px;}
.mail{background-image: url(//www.komsubostan.com/wp-content/themes/gardenia/images/social.png);
background-position: -111px 8px;
background-repeat: no-repeat;
color: #f0f0f0;
float: left;
font-size: 12px;
height: 25px;
line-height: 28px;
padding:0 0 0 25px; font-size:12px; color:#f0f0f0;}
.mail a{color:#f0f0f0; background: none repeat scroll 0 0 #238121;}
.right-head ol.social {	display: inline-block;	margin: 0;	padding: 0; float:right;}
.right-head ol.social li {	display: inline-block;	margin:0 10px;}
.right-head ol.social li:last-child{margin-right: 0;}
.right-head ol.social li:first-child{margin-left: 0;}
.right-head ol.social a {	color: #7a7a7a;	font-size:20px;	display: inline-block;}
.right-head ol.social a i {background-repeat: no-repeat;	background-position: center; color:#FFF; font-size:15px;}
.right-head ol.social a:hover {	color: #fff;}
.right-head ol.social a .social_facebook_circle {	color: #3b5998;}
.right-head ol.social a .social_twitter_circle {	color: #49c9f2;}
.right-head ol.social a .social_pinterest_circle {	color: #e00e0d;}
.right-head ol.social a i:hover {	color: #000;}
.gg-menu, .gg-menu ul {	margin: 0;	padding: 0;	list-style: none;}
.gg-nav {	position: relative;}
.gg-navbar {	box-shadow: none; padding:0;}
.gg-nav .navbar-toggle {	color: #238121;	float: left;font-size: 30px;line-height: 26px; padding: 0; margin: 0; text-align: left; 
top:-30px;}
.gg-menu {	width: auto;	float: right;	margin: 25px auto ;}
.gg-menu:after {	clear: both;}
.gg-menu li {	float: left;	position: relative;	margin: 2px 15px;}
.gg-menu li:last-child {margin-right:0;}
.gg-menu > li > a {	padding: 5px 2px;	color: #383838;	font-size: 16px;	text-decoration: none; font-family: 'Quicksand', sans-serif;	border-bottom:2px solid #fff; border-top:2px solid #fff; transition: all 0.5s ease-in-out 0s;}
.gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a ,ul.gg-menu > li.current_page_item > a 
{	
color: #457103;
}
.gg-menu > li > a:before{
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: -4px;
background: #ffffff;
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.gg-menu > li > a:hover:before, .gg-menu > li > a:focus:before, ul.gg-menu > li.current_page_item > a:before {
left: 0;
right: 0;
background-color: #238121;
}
.gg-menu li a:hover { color: #457103;}
.gg-menu ul {	margin: 20px 0 0 0;	_margin: 0; opacity: 0;	visibility: hidden;	position: absolute;	top: 38px;	right: 0;
z-index: 1;	background:#f1f1f1;		-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;	-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;}
.gg-menu li:hover > ul {	opacity: 1;	visibility: visible;	margin: 0;}
.gardenia-menu ul ul {	top: 0;	left: 150px;	margin: 0 0 0 20px;	_margin: 0; -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);	box-shadow: -1px 0 0 rgba(255,255,255,.3);}
.gg-menu ul li {	float: none;	display: block;	border: 0;	_line-height: 0; border-bottom: 1px dashed #689bba;border-style: none; margin: 0 10px;}
.gg-menu ul li:last-child {	-moz-box-shadow: none;	-webkit-box-shadow: none;	box-shadow: none;	border-bottom: none;}
.gg-menu ul a {	padding: 5px 10px;	_height: 10px; display: block;	float: none;	text-transform: none;
font-size: 14px;	color: #383838;	font-weight: normal;}
.gg-menu ul a { border-top:2px solid #ffffff; border-bottom:2px solid #ffffff;}
.gg-menu ul li:first-child > a{ border-top:2px solid transparent;}
.gg-menu ul li:first-child > a:hover {border-top: 2px solid transparent;}
.gg-menu ul li:last-child > a { border-bottom:2px solid transparent;}
.gg-menu ul a:hover,  .gg-menu ul a:focus {	color: #457103;}
.gg-menu ul li:last-child > a {	-moz-border-radius: 0 0 3px 3px;	-webkit-border-radius: 0 0 3px 3px;	border-radius: 0 0 3px 3px;}
.gg-menu ul.sub-menu {  min-width: 210px; }
.gg-menu ul ul {
box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
right:106%;
margin: 0;
top: 0;
width: auto;
}
.gg-menu ul li a:hover{
border-top: 2px solid #ffffff;
}  footer .bg1 {
padding-top: 30px;
padding-bottom: 30px;
}
.gardenia-section {	background-color: #f4f4f4;	position: relative;	width: 100%;}
.section-content {	text-align: center;	padding: 5px 0px; background: none repeat scroll 0% 0% rgb(35, 129, 33);}
.section-content h1 {	color: #191919;	font-size: 34px;	text-transform: uppercase;	border-bottom: 1px solid #919191;	padding-bottom: 5px;
width: 75%;	margin: 0 auto 10px;}
.section-content h1 span {	color: #334d5c;}
.section-content h4 {	color: #383838;	font-size: 14px;	line-height: 25px;	margin: 0 auto;	width: 67%;}
footer {	background:url(//www.komsubostan.com/wp-content/themes/gardenia/images/footer-bg.png) repeat-x;  border-top: 5px solid #457103;}
.footer-widget {	color: #f4f4f4;	line-height: 22px; font-size:12px; }
.footer-widget h2,footer .widget_recent_comments h4, .footer-widget h2 a.rsswidget{
font-family: 'Quicksand', sans-serif; font-weight:600;	
font-size: 18px;	margin: 15px 0; text-transform: uppercase;
}
footer .widget_recent_comments h4{ border-bottom: medium none; color:#f4f4f4;}	
.footer-widget h2 a.rsswidget { color:#f4f4f4;}
.footer-widget ul {	
padding:0;
margin: 0; 
}
.footer-widget ul .sub-menu ,.footer-widget ul .children{ padding:0 0 0 10px;}
.footer-widget ul .sub-menu li:last-child {
padding-bottom: 0;
}
.footer-widget.widget_nav_menu ul ul li{ margin-bottom:0 ;padding-bottom:0;  padding-left:5px;}
.footer-widget ul li { list-style: none outside none; padding-bottom: 5px; }
.footer-widget ul li a:before ,footer .widget_recent_comments ul li span:before{
}footer .widget_recent_comments ul li span.comment-author-link a:before{ content: '';}
.footer-widget ul li a,footer .widget_recent_comments ul li a ,footer .widget_recent_comments ul li span {
color: #d7d7d7; 
font-size:14px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.footer-widget ul li a:hover,
footer .widget_recent_comments ul li span:hover
{
color: #FFF;
}
.footer-widget ol.social {
display: inline-block;
margin-top: 20px;
padding: 0;
}
.footer-widget ol.social li {
display: inline-block;
margin: 0 5px 0 0; border:none;
}
.footer-widget ol.social a {
color: #7a7a7a;
font-size: 32px;
display: inline-block;
}
.footer-widget ol.social a i {	
background-repeat: no-repeat;
background-position: center;
}
.footer-widget ol.social a:hover {
color: #fff;
}
.footer-widget ol.social a .social_facebook_circle {
color: #3b5998;
}
.footer-widget ol.social a .social_twitter_circle {
color: #49c9f2;
}
.footer-widget ol.social a .social_pinterest_circle {
color: #e00e0d;
}
.footer-widget ol.social a i:hover {
color: #fff;
}
.footer-widget input[type='text'] {
background-color: #e5e5e5;
border: medium none;
border-radius: 4px;
color: #222222;
padding: 7px;
width: 100%;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.footer-widget input[type='text']:focus {
box-shadow: 1px 6px 2px rgba(99, 150, 176, 0.3) inset;
outline: none;
}
.footer-widget input[type='submit'],
.sidebar input[type='submit'] {
background-color: #457103;
border: medium none;
border-radius: 4px;
color: #d7d7d7;
padding: 7px 10px;
font-size: 16px;
margin-top: 10px;
text-transform: uppercase;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.footer-widget input[type='submit']:hover {
background-color: #f4f4f4;
color: #222222;
}
.footer-bottom {
color: #e5e5e5;
display: inline-block;
margin-top: 0;
padding: 17px 0;
vertical-align: middle;
width: 100%;
}
.footer-bottom p {
color: #e5e5e5 !important;
margin: 0 !important;
padding: 0 !important;
}
.footer-bottom .terms {
text-align: right;
}
.footer-bottom .footer-menu li{
list-style:none;	
float: left;
margin-right: 10px;
}
.footer-bottom .footer-menu li:after{
content:"|";
margin-left:5px;
}
.footer-bottom .footer-menu li:last-child:after{
content:"";
margin-left:0px;
}
ul.footer-menu{
float:right;
margin: 0;
padding: 0;
}
.footer-bottom .footer-menu li:last-child{
margin-right: 0px;
}
.footer-bottom .footer-menu li a {
color: #e5e5e5;
}
.footer-bottom .footer-menu li a:hover,  .footer-bottom .footer-menu li a:focus {
color: #c7c7c7;
}
footer .footer-widget select { color:#000; padding:3px 0; margin-bottom: 20px;  margin-top: 5px;}
footer #wp-calendar caption,footer #wp-calendar tbody td a{  color: #f5f5f5; }
footer #wp-calendar tbody { color: #f5f5f5;}
footer #wp-calendar tbody td { background: none repeat scroll 0 0 #161616;  border: 1px solid #161616;}
footer #wp-calendar tbody .pad,footer #wp-calendar tbody td:hover { background: none repeat scroll 0 0 #161616; } header.themepage {
position: relative;
}
.slider_button{top:40%; width:auto;}
.fet-p{padding:55px 150px; font-size:14px; color:#212121;}
.our-feat .row_content h4{font-size:20px; font-weight:bold; color:#2c2c2c; font-family: 'Quicksand', sans-serif; padding:10px 0; margin:0;}
.our-feat .img-circle{max-width:100%;box-shadow: 0 0 0 8px rgba(171, 171, 171, 0.38);background: #3c6302;}
.our-feat .row_content p{font-size:14px; color:#212121; font-family: 'Quicksand', sans-serif; line-height:24px; }
.title-main h2{  margin: 0 auto;    padding: 30px 0 0;   color:#238121; font-size:26px; font-weight:bold;font-family: 'Quicksand', sans-serif;}
.title-main h2 span{border-bottom: 2px solid #1f711d;  width: auto; text-transform:uppercase; display: inline-block;
padding: 0 15px 15px;}
.title-main p{line-height:24px;}
.section_row_1 .fet-p,
.section_row_1 .fet-p2{
padding:20px;
margin:0;
}
.blog{background:none;}
.portfolio-bg{margin:0px 0 0 0; padding: 30px 0;}
.aligncenter{display:block;margin:1em auto}
.alignleft{display:inline;float:left;margin:1em;}
.alignright{display:inline;float:right;margin:1em;}
.wp-caption{height:auto;max-width:100%;text-align:center; background-color: rgb(35, 129, 33); padding: 6px ;}
.wp-caption.alignnone{
margin-top: 15px;
}
.wp-caption-text,.wp-caption-text a { color: #fff !important; background-color: rgba(35, 129, 33, 0.7);  font-weight: bold;  margin: 0 auto !important;   padding: 10px 0 !important;  text-align: center !important;}
.sticky {display:block;}
.gallery-caption{ background: none repeat scroll 0 0 transparent; color:#767676 !important;  }
.bypostauthor > article:before{margin:0 -2px 0 2px}
.caption {background:rgba(0, 0, 0, 0.5);    color: #fff !important;    height: 100%;    padding: 2%;    position: absolute;    right: 0;
text-align: center;    top: -100%;    width: 100%;}
.caption a i {    background-color: #12bbd5;    color: #ffffff !important;    font-size: 30px;    padding: 10px;    position: absolute;
right: 43%;    top: 35%;}
.thumbnail {    border: 0 none;    border-radius: 0;    margin-bottom: 0;    overflow: hidden;    padding: 0;    position: relative;}
.thumbnail:hover .caption {    top: 0; padding:0; transition :0.2s; -webkit-transition :0.2s;}
.thumbnail:hover .caption a {background:url(//www.komsubostan.com/wp-content/themes/gardenia/images/hover-pf.png) repeat-x; display:block; width:100%; height:44px; line-height:44px; font-size:20px; color:#046402; font-weight:bold; top:42%; position:absolute;}
.thumbnail.active .caption a {background:url(//www.komsubostan.com/wp-content/themes/gardenia/images/hover-pf.png) no-repeat; display:block; width:100%; height:44px; line-height:44px; font-size:20px; color:#046402; font-weight:bold; top:45%; position:absolute;}
.box{margin-bottom:30px; border:1px solid #238121;}
.one_fourth {    width: 270px;}
.flickr{margin:0; padding:0;  display: inline-block;}
.flickr a.flickr-link{ display:block !important; padding:0 !important; border:1px solid transparent; }
.flickr li{    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    border: medium none !important;    float: left;    list-style: none outside none;  margin: 0 6px 10px;   padding: 0 !important;}
.flickr li a:hover{padding:0 !important; display:block;}
.flickr img {    height: 70px;    width: 70px;}
ul li a.flickr-link:before{  padding-right:0; content:"" !important;}
.fancy_list_wrapper {    background-color: transparent;    border: 0 none;    overflow: visible;    position: relative;    text-align: left;}
.fancy_image {   margin-bottom: 10px; overflow: hidden;}
.fancy_list_item .fancy_image a img {
-webkit-transition: all .4s linear;
transition: all .4s linear;
}
.fancy_list_item:hover .fancy_image a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.fancy_list_item h3 {    margin-bottom: 0;}
.fancy_date, .fancy_categories {    display: block;    font-size: 11px;    text-transform: uppercase;}
.fancy_categories div a{
display:inline-block;font-size: 13px; font-family: 'Quicksand', 
sans-serif; padding: 0 0px 0 6px; text-transform:capitalize; color:#565656; line-height:22px;
}
.fancy_categories div a:last-child {    padding-right: 10px; }
.fancy_categories div a:hover{color:#457103;}
.testimonial-slide{text-align:center; float:left; width:100%;}
.item {width:100%; position:relative;}
.item img{display:inline-block !important; width:100%;}
.color{color:#8d8d8d;}
.fancy_categories .comment{color: #565656; font-family: 'Quicksand',sans-serif; font-size: 13px; line-height: 22px;  padding: 0 0 0 6px; text-transform: capitalize; }
.bg1{background:#161616; margin:0;}
.bg2{background:#282a2b; margin:0;}
.blog h2{padding:0px 0 0;}
.blog .fancy_image{width:100%;}
.blog .fancy_image a{display:block;}
.blog h3{font-size:20px; color:#000; font-family: 'Quicksand', sans-serif; padding:0 0 6px 0;}
.blog p{font-size:14px; color:#212121; line-height:22px; padding:15px 0 0px 0; margin:0;}
.fet-p2{padding:55px 150px;}
.blog p span{font-size:16px; color:#457103; font-weight:bold;}
.blog p span a{font-size: 15px;
line-height: 22px;
text-transform: uppercase;
color: #457103;
border-bottom: 1px solid #457103;
font-family: 'Quicksand', sans-serif; 
float:left; 
padding:0 10px 0 0px;
}
.blog p span a:hover{color:#333333;}
.gg_menu_bg { 
background: none repeat scroll 0 0 #ffffff;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
font-family: 'Quicksand', sans-serif;
}
.gg_menu_bg .col-md-6 {padding:0;}
.gg_menu {    padding:25px 0;}
.gg_menu h1 {    color: #2c2c2c;    float: left;  font-size:20px; font-weight:bold;   font-family: 'Quicksand', sans-serif; margin:0;}
.site-breadcumb {    background-color: transparent;    float:right;    margin: 15px 0 0 10px;    padding: 0;  margin:0;  text-transform: capitalize;}
.site-breadcumb li {    font-size: 15px; color:#767676 !important;   text-transform: uppercase;}
.site-breadcumb li a, .list-breadcumb li a {    color: #457103; font-size:14px;   text-transform: uppercase;}
.site-breadcumb > li + li:before {    color: #1e1e1e;    content:none !important;    font-size: 15px;    padding: 0 5px;}
.site-breadcumb li span{font-size:12px; padding:0 5px;}
.no-padding {    padding-left: 0;    padding-right: 0;}
.sidebar{background:#FFF; margin:35px 0;}
.blog-input {    height: 40px;    margin: 15px 0 40px;    position: relative; text-align:center;}
.input-txt {background-color: #fff;    border: 1px solid #e0e0e0;    border-radius: 0;    font-weight: bold;    padding: 7px 36px 7px 5px;
position: relative;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;   width:100%; height:44px; line-height:44px; border-radius:5px; color: #457103;}
.input-btn {background-color: rgba(0, 0, 0, 0);    border: medium none;    color: #b5b5b5;    font-size: 16px;    line-height: 44px;
position: absolute;    right:0; top:0;  }	
.blog-right h4 {    color: #000;  font-family: 'Quicksand', sans-serif; font-weight:600;  font-size: 18px; border-bottom:1px dashed #888888; padding-bottom:11px;}
.sidebar .left-sidebar ul li {    
border-bottom: 1px dashed #e0e0e0;    
padding: 0 0 10px 0px; list-style:none;
margin-bottom: 10px;
}
.sidebar .left-sidebar ul li ul li:last-child {
padding-bottom: 0;
border-bottom: medium none;
}
.sidebar .left-sidebar ul li a:before {content: ""; font-size:11px; color:#457103; padding:0 10px 0 0;display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
position: relative;
top: 1px;
}
.sidebar .left-sidebar ul li a.flickr-link:before {content: "";  padding: 0;}
.sidebar .left-sidebar ul li a { color: #323232; font-family: 'Quicksand', sans-serif; display: inline;  font-size: 14px;    padding-left: 5px; text-transform: capitalize;}
.sidebar .left-sidebar ul li a:hover {    color: #457103;}
footer .footer-widget ul.children{  margin: 0 0 0 18px;}
.sidebar .left-sidebar ul li ul{border-top: 1px dashed #e0e0e0;
margin-left: 15px;
margin-top: 15px;
padding: 0;}
.sidebar .left-sidebar ul { padding:0; margin: 0;}
.widget_nav_menu .sub-menu li, footer .footer-widget ul.children li{ border-bottom: none; margin-bottom:0; padding:8px 0;}
.sidebar .left-sidebar {    padding:5px 12px;}
.left-sidebar select {
margin-top: 5px;
margin-bottom: 5px;
}
.widget_archive select,.widget_categories select{ width:100%; }
.tags {margin:0; padding:15px 0; }
.sidebar .tagcloud a {    background-color: #fff; font-family: 'Quicksand', sans-serif;   border-radius: 3px;    color: #9b9b9b;    cursor: pointer;    display: inline-block;    font-size:15px !important;    font-weight:500; font-size:14px;   line-height: 21px;    margin:0px 3px 5px 0px;    padding:1px 15px 1px;    border:1px solid #d6d6d6; vertical-align: baseline; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.sidebar .tagcloud a:hover { background:#457103; color:#FFF; border:1px solid #457103;}
.sidebar .tagcloud a{ font-family: 'Quicksand', sans-serif;  color: #9b9b9b;    cursor: pointer;  font-size:12px;    font-weight:500; font-size:14px;   line-height: 21px; }
.footer-widget .tagcloud a {font-family: 'Quicksand', sans-serif;   border-radius: 3px;    color: #d7d7d7;    cursor: pointer;    display: inline-block;    font-size:15px !important;    font-weight:500; font-size:14px;   line-height: 21px;    margin:0px 3px 5px 0px;    padding:5px 15px;    border:1px solid #457103; vertical-align: baseline; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.footer-widget .tagcloud a:hover {background:#fff; color: #457103; border:1px solid #d7d7d7; }
.blog-media {     padding-bottom: 12px;}
.pull-left { border:1px solid #888888;   float: left;}
.blog-media p {    color: #828282;  line-height:15px;  font-size: 12px; }
.media-body a {    color: #457103;   }
.blog-media span {    color: #457103;    font-size: 12px;}
.blog-media span:hover {    color: #000;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.blog-media2 {     padding-bottom: 12px; text-align:center;}
.pull-left2 { border:1px solid #888888;   float: none;}
.blog-media2 p { color: #828282;    font-size: 12px;    line-height:20px;    padding:14px 10px 0 10px;    text-align: left;}
.media-body2 a {    color: #457103;   }
.blog-media2 span {    color: #457103;    font-size: 12px;}
.blog-media2 span:hover {    color: #000;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.blog-main h3 a{font-size:20px; color:#2c2c2c; font-family: 'Quicksand', sans-serif; font-weight:bold; }
.blog-main p{color: #212121;    font-size: 14px;    line-height: 22px;    margin: 0;    padding: 15px 0 0; text-align: justify;}
.blog-main p span{	color: #457103;    font-size: 16px;    font-weight: bold;}
.blog-main p span a {    color: #457103;    float: left; font-family: 'Quicksand', sans-serif;   font-size: 16px;    padding: 0 10px 0 0;}
.blog-main p span a:hover {color:#333;}
.pagination { width:100%;  margin: 48px 0 20px;}
.pagination .page-numbers { border: 1px solid #c9c9c9;
border-radius: 0;
color: #457103;
display: inline-block;
font-size: 15px;
margin-bottom: 5px;
padding: 5px 12px;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}
.pagination a:hover{
background-color: #eee;
border: 1px solid #457103;
}
.pagination ul,.pagination .nav-links{float:right;}
.pagination h2.screen-reader-text{ display:none;}
.pagination ul li { padding :0px;}
.pagination ul li a{color:#457103;border-radius: 0;}
.pagination ul li.active a,.pagination .nav-links .current{background:#457103 !important; color:#fff ; border: 1px solid #457103;}
.pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > .active > a:hover, .pagination ul > .active > span:hover, .pagination ul > .active > a:focus, .pagination ul > .active > span:focus{background:#457103; border:1px solid #457103;}
.blog-left-page{padding:20px; background:#FFF; border-left:30px solid #f0f0f0; margin:35px 0;}
.blog-right-page{padding:20px; background:#FFF; border-right:30px solid #f0f0f0; margin:35px 0;}
.blog_1{border-bottom: 1px solid #f0f0f0;    padding: 0 0 15px; margin-bottom:20px;}
.blog_1.first{padding:0px 0 20px 0;}
.full-width{background:#FFF; border-left:0px solid #f0f0f0;}
input[type=text], input[type=email], input[type=number], input[type=password], input[type=file], input[type=reset], textarea {
margin: 10px 0;
display: inline-block;
width: 100%;
font-size:14px;
padding: 6px 12px;
background: transparent;
border: 1px solid #e1e1e1;
box-shadow: inherit;
}
input:focus, textarea:focus {
outline: none;
border-bottom: 1px solid #238121;
}
input:focus, textarea:focus, .meta-nav-next:hover, .meta-nav-prev:hover, .reply a:hover, .reply a:focus, .reply a:active, input[type=submit]:hover, .footer {
border-color: #238121;
}
button, html input[type=button], input[type=reset], input[type=submit] {
font-family: Quicksand;
font-weight: 500;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: auto;
min-width: 100px;
font-size: 16px;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
text-transform: uppercase;
border: 1px solid transparent;
border-radius: 0px;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
transition: 0.3s all ease-in-out;
background: #238121;
outline: 0;
}
input[type='submit']:hover{
color: #238121;
border-color: #238121;
background: transparent;
}
.comments {    margin: 25px 0 0;}
.comments h2 {    color: #2e2e2e; font-family: 'Quicksand', sans-serif; font-size: 30px; margin-bottom: 25px; margin-top: 10px; text-transform: capitalize;}
.comments-box {    border: 1px solid #dddddd;    margin-bottom: 22px;    padding:22px;}
.media-body a {    color: #12bbd5;    text-transform: capitalize;}
.comments-box .color_txt {    float: right;    font-size: 12px;  color:#767676;  text-transform: uppercase; margin:0px;}
.comments-box .color_txt a{color:#767676;  font-family: 'Quicksand', sans-serif;}
.comments-box .color_txt a:hover{color:#457103;}
.color_txt {    color: #12bbd5;}
.media-heading {    margin: 0 0 5px;}
.comment-media h4 a {    color: #212121;    font-size: 14px;    text-transform: capitalize;}
.media-body a {    color: #12bbd5;    text-transform: capitalize;}
.comments-box p {    color: #212121;    font-size: 12px !important;    padding: 20px 0 0 5px;    text-transform: capitalize;}
.radus{border:0px;}
.radus img{border-radius:4px;}
.coment1{padding:0 5px; color:#238121;}
.coment1 a{padding:0 0px 0 5px;}
.comment-reply-link:before {  display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
position: relative;
top: 1px; 
content: "";
right:5px;
color: #238121;
}
.cl-img{text-align:center;}
.cl-img h3{font-size:18px; font-weight:bold; color:#1e1e1e; font-family: 'Quicksand', sans-serif; margin:0; padding:22px 0 0px 0;}
p.comment-form-comment label {width:100%;}
.comments h2 ,.comment-respond h3.comment-reply-title { color: #2e2e2e;    font-size:20px; font-weight:bold; padding-bottom:5px;   margin-bottom: 0px; margin-top: 10px; text-transform: capitalize;}
.comments p {color: #212121;    font-size: 13px; margin-bottom:25px;}
.reply-name > input,p.comment-form-author input,
p.comment-form-email input,p.comment-form-url input
{    background-color: #f6f6f6;    border: 1px solid #dadada;    border-radius: 0; color: #2e2e2e; padding:5px 10px;  width: 50%; border-radius:5px;}
.reply-name > input[placeholder] {    color: #2e2e2e;}
.inp-lft {   margin-left: 25px;}
.reply-name > textarea ,p.comment-form-comment textarea{    background-color: #f6f6f6; border: 1px solid #dadada; border-radius: 0; margin:0;  padding:5px 10px; width:100%; border-radius:5px; resize: vertical;}
.reply-name input[type="submit"], .comment-respond p.form-submit input[type="submit"] {background-color: #238121;    border: 0 none;    border-radius: 0;    color: #fff;    font-size: 16px;
padding: 5px 25px;  border-radius:5px;  width:auto; font-weight:bold;}
form.comment-form p.form-allowed-tags { display:none;}	
.media.comment-media.reply {   margin: 0 0 0 90px; }
.row_img {   margin: 0 auto;   width: 60%; }
.img-circle {  border: 0px solid #3c6302; margin: 10px 0 ; transition: all 0.3s ease-in-out 0s;} .widget_calendar {font-family: 'Quicksand', sans-serif; font-size:16px;}
#wp-calendar {width: 100%; border:none;}
#wp-calendar caption { 
text-align: right; 
color: #333; 
font-family: 'Quicksand', sans-serif;
font-size: 16px; 
padding: 0 15px 10px;
}
#wp-calendar thead { font-size: 16px; }
#wp-calendar thead th { padding-bottom: 10px; text-align:center;font-family: 'Quicksand', sans-serif; font-size:16px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {font-family: 'Quicksand', sans-serif; background: #f5f5f5; border: 1px solid #fff; text-align: center;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next,#wp-calendar tfoot #next a{ font-family: 'Quicksand', sans-serif; font-size: 16px; text-transform: uppercase; text-align: right; color: #457103;}
#wp-calendar tfoot #prev, #wp-calendar tfoot #prev a { font-family: 'Quicksand', sans-serif; font-size: 16px; text-align: left; text-transform: uppercase; padding-top: 10px; color: #457103;}
#wp-calendar #today {color: #457103; font-family: 'Quicksand', sans-serif;
font-size: 17px; font-weight:bold;}
#wp-calendar tfoot td, #wp-calendar thead th{border:none;}
.banner { position: relative;  width: 100%; }
#slider-carousel{
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.carousel-control.slider_button {
bottom: auto;
opacity: 1;
top: 40%;
width: auto;
background-image:none;
font-size: 30px;
font-weight: bold;
margin: 0 10px;
opacity: 0.5;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
display: none;
}
#slider-carousel:hover .carousel-control.slider_button{
opacity: 0.9;
outline: 0 none;
text-decoration: none;  
display: block;
}
.garden-slider a:hover .carousel-control.slider_button {opacity: 1; }
p.comment-form-author , p.comment-form-email,p.comment-form-url { width:32%; float:left; margin-right:15px;}
p.comment-form-url { margin-right:0;}
p.comment-form-author label,p.comment-form-email label,p.comment-form-url label { width:100%;}
p.comment-form-author input,p.comment-form-email input,p.comment-form-url input {  width:100%;} 
.border-top { border-top: 2px solid #238121;   margin-top: 10px; }
.sidebar li.recentcomments span.comment-author-link  {color: #323232;
display: inline;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
padding-left: 5px;
text-transform: capitalize;}
.pagination ul li a:hover, a.select, .pagination ul .active a { border: 1px solid #457103; }
.footer-widget b, .footer-widget strong { color:#FFFFFF; }
.footer-widget p { color:#FFFFFF; font-size: 14px;}
.footer-widget p.wp-caption-text { color:#000000; }
.copyright-text a, .copyright-text{ color:#fff; }
.copyright-text a:hover { text-decoration: underline;}
.comments-box li{
list-style: none;
}
.comments-box .comment-author.vcard{
width: 100%;
margin-bottom: 15px;
}
.comments-box .comment-author img{
margin: 0 12px 0 0;
}
.comments-box footer{
background: none;
border: none;
}
.comments-box .reply {
display: inline-block;
width: 100%;
}
.comments-box .comment-body {
border: 1px solid #d7d7d7;
margin-bottom: 7px;
padding: 15px;
overflow: hidden;
}
.comments-box p{
padding: 10px 0 0;
margin-bottom: 10px;
}
table,
th,
td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
text-align:center;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;   
table-layout: fixed; width: 100%;
}
.gallery {
margin-bottom: 1.6842em;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-item {
display: inline-block;
padding: 1.79104%;
text-align: center;
vertical-align: top;
width: 100%;
}
.pagination_single {
display: inline-block;
width: 100%;
}
.pagination_single .gardenia_previous_pagination , .pagination_single .gardenia_next_pagination {
margin:0;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width:12.5%;
}
.gallery-columns-9 .gallery-item {
max-width:11.1%;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}
a {
color: #212121;
}
a:hover, a:focus {
text-decoration: none
}
.animate1 {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.sprite {
background-image: url(//www.komsubostan.com/wp-content/themes/images/sprite.png);
background-repeat: no-repeat;
display: inline;
position: relative;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}
.flickr-link {
line-height: 0;
}
.col-md-6.col-sm-6.copyright-text > a {
text-decoration: none;
}
.col-md-6.col-sm-6.copyright-text > a:hover{
color:#238121;
}
.logo p{
padding: 0px;
} @media(max-width:1200px) {
.gardenia-container { padding-left: 15px;	padding-right: 15px; }
p.comment-form-author, p.comment-form-email, p.comment-form-url { margin-right:8px;}
p.comment-form-url { margin-right:0}
.gg-nav { position:absolute; right:0;}
.gg-menu { margin:24px auto;}
.logo { padding:0 15px;}
}
@media screen and (max-width: 991px) {
.logo { padding:0 15px;}  .service-pack .featured { margin: 30px -1px 0px; }	
}
@media (min-width: 768px) and (max-width: 992px){
.circle-box:nth-child(2n+3){
clear: both;
}
.logo { padding:0;}
}
@media (max-width:768px) {      
.logo {    margin:35px 0 0;}
.our-feat .row_content p{
width:85%;
display:block;
margin:0 auto;
text-align:justify;
}
.gg-nav { position:relative; }
.gallery-caption {
font-size:12px;
}
.gg_menu_bg { 
background: none repeat scroll 0 0 #f8f8f8; 
}
.circle-box{
margin-bottom: 15px;
} 
.gg-menu ul ul { 
float:none;
}
#recentcomments li{text-align:left;}
.one_fourth{width:auto;}			
.home-top-content h1 {
font-size: 40px;
overflow: hidden;
text-overflow: ellipsis;
}
.home-top-content h5 {
margin: 10px auto 40px;
}
.theme-package img {
max-width: 120px;
}
.theme-package .theme-package-details,  .theme-package .theme-package-details p {
text-align: center;
padding-top: 20px;
}
.theme-features h2,  .section-content h1 {
width: 80%;
}
.footer-widget h2 {
margin: 40px 0 15px;
}
.theme-details .features-box {
border-bottom: 4px double #ddd;
margin-bottom: 30px;
padding-bottom: 30px;
}
.theme-details .features-box ul li {
margin: 0px;
width: 100%;
padding: 0px 15px;
}
.theme-details .theme-image {
float: none;
margin: 0 auto 20px;
text-align: center;
width: 92%;
}    
.gardenia-comments .comment-field,  .profile .form-group,  .themesetup .form-group {
width: 100%;
}
.service-box,  .services-box-details,  .customize-btn,  .customize-header-titel {
text-align: center;
}
.services-box-icon {
margin: 0 auto;
}
.customize-header-titel .icon-customize {
display: 
;
margin: 0 auto;
max-width: 40px;
padding: 30px 22px;
}
.td-date,  .td-tid,  .td-invoice,  .invoices-body .td-action {
padding: 10px 5px;
}
.paypal_email .form-group label {
width: 30%;
}
.paypal_email .form-group .form-control {
width: 69%;
}
.paypal_email .form-group p {
padding-left: 30%;
}
footer .bg1 { padding: 0; }
}
@media (max-width: 767px) {
.carousel-inner .item .effect-hover{display: none;}
.gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a, ul.gg-menu > li.current_page_item > a{color: #ffffff;}
.logo{text-align: center;}
.logo .img-responsive{display: inline-block;}
.theme-menu{
display: inline-block;
width: 100%;        
}
.gg-nav {   position: relative; }
.navbar-collapse.gg-navbar.main-menu.collapse.in {
max-height: 100%;
overflow: hidden;
}
ul.gg-menu > li.current_page_item > a {
border-top:none;
border-bottom:none;
} .gg-menu ul li:last-child > a ,.gg-menu ul a,.gg-menu > li:hover > a,.gg-menu ul a:hover{
border-bottom:none;
}
.gg-menu ul li:first-child > a ,.gg-menu ul a,.gg-menu > li:hover > a,.gg-menu ul a:hover, .gg-menu ul li:first-child > a:hover{
border-top:none;
} 
.gg-menu ul a:hover, .gg-menu ul a:focus {
color: #05fa00;
}
.gg-menu ul a {
width:auto;
color: #ffffff;
}
#menu-wrap {
position: relative;
}
.gardenia-navbar {
position: absolute;
}
#menu-wrap * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer-bottom .terms {
display: inline-block;
margin: 13px 0 0;
text-align: center;
}
ul.footer-menu {
float: none;
margin: 0;
padding: 0;
} .gg-menu {
background-color:#238121;
border-radius: 8px;
box-shadow: -1px 0 5px #1e2d36;
margin: 0 auto 10px;
padding: 10px;
position: relative;
width: 99%;
z-index: 1;
}
.gg-menu ul {
position: static;
visibility: visible;
opacity: 1;
margin: 0;
border: none;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.gg-menu ul ul {
margin: 0 0 0 10px !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.gg-menu li {       
float: none;
border: 0;
margin: 5px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.gg-menu > li > a {
border: none; color:#fff;
}
.gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a, ul.gg-menu > li.current_page_item > a, 
.gg-menu ul.sub-menu li.current_page_item > a{
color: #ccc;
border: none;
}
.gg-menu > li > a:before{
display:none;
}
.gg-menu ul li {
margin-left: 20px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.gg-menu a {
display: block;
float: none;
padding: 0;
color: #999;
width: 100%;
}
.gg-menu a:hover {
color: #fafafa;
}
.gg-menu ul a:hover {
background: none;
}
.gg-menu ul li a:hover{
border: none;
}
.left-head {
display: inline-block;
float: none;
text-align: center;
margin: 0 auto;
}
.phone, .mail{display: inline-block;
float: none;
text-align: center; 
}	
.right-head ol.social{
float: none;
}
.fancy_image {
margin-top: 10px;
}
.section_row_1 .fet-p2 {
padding: 30px 20px;
}
.section_row_1 .fet-p, .section_row_1 .fet-p2 {
padding: 30px 20px;
text-align:justify;
}
.gg_menu h1,.site-breadcumb{
float: none;
text-align: center;
}
.footer-bottom{
text-align: center;
} 
.gg_menu h1 {
margin: 10px auto;
}   
.gg_menu {
padding:16px 0;
}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
margin-right: 13px;
}
}
@media screen and (max-width: 685px) {
.blog-right-page,.blog-left-page {
border:0;
}
}
@media screen and (max-width: 600px) {
.callbacks_nav { top: 40% ;}	
.blog-right-page,.blog-left-page {border:0; }
#recentcomments li{text-align:left;}
.one_fourth{width:auto;}			
.logo {
text-align: center;
}
.home-top-content h1 {
font-size: 26px;
}
.gardenia-home-bg1,  .theme-package {
background-size: inherit;
}
.gardenia-home-bg1 {
background-position: 60%;
}
.theme-features h2,  .section-content h1 {
width: 80%;
font-size: 26px;
}
.theme-package .theme-package-details h2 {
font-size: 20px;
}
.section-guarantee {
text-align: center;
padding: 10px 15px;
}
.section-guarantee img {
float: none;
padding-top: 10px;
margin: 0px;
max-width: 80px;
}
.section-guarantee p {
padding-top: 10px;
}
.profile .file-upload input[type="text"] {
width: 72%;
}
.invoices-comments .gardenia-comments-titel {
text-align: center;
}
.invoices-comments .gardenia-comments-titel span {
width: 100%;
display: table;
padding: 0px 0px 10px 0px;
}
}
@media screen and (max-width: 568px) {
embed,iframe {
width: 100%;
}
.gardenia-tab .nav-tabs li a,  .gardenia-tab .nav-tabs li.active a {
font-size: 18px;
border-right: 1px solid #c5c5c5;
}
.gardenia-tab .nav-tabs {
display: inherit;
}
.gardenia-tab .nav-tabs li {
width: 100%;
}
#recentcomments li{text-align:left;}
.one_fourth{width:auto;}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
width:100%;
}
}
@media screen and (max-width: 480px) {
.gallery-columns-5 .gallery-caption{ display:none ;}
.site-breadcumb li {font-size:14px; }
.callbacks_nav { top: 30%;}
#recentcomments li{text-align:left;}
.one_fourth{width:auto;}		
.exclusive-theme-hover h2 {
font-size: 24px;
}
.exclusive-theme-hover h3 {
font-size: 18px;
}
.gardenia-comments .comment-author,  .gardenia-comments .comment-author-name {
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.gardenia-comments .comment-content {
width: 100%;
}
.blogs .post-box-link li {
display: block;
margin: 2px 0px;
}
.td-date,  .td-tid,  .td-invoice,  .td-action {
padding: 10px 2px;
font-size: 12px;
}
.file-upload input[type="text"] {
width: 100%;
margin-top: 10px;
margin-left: 0px;
}
.file-upload input[type="submit"] {
margin-top: 10px;
}
.support a {
margin-bottom: 10px;
}
.profile .file-upload input[type="text"] {
width: 100%;
}
}
@media screen and (max-width: 400px) {
.carousel-control.slider_button { top: 34%;}
.comments ul.children {padding-left:20px; }	   
#recentcomments li{text-align:left;}
.one_fourth{width:auto;}		
.home-top-content h1 {
font-size: 17px;
}
.gardenia-home-top {
height: 740px;
}
.exclusive-theme-hover .theme-tag p.details {
display: none;
}
.gardenia-home-bg1 {
height: 740px;
}	
.dashboard-content .invoices,  .dashboard-content {
float: left;
display: block;
width: 100%;
}
.invoices-body .td-invoice {
font-size: 9px;
padding: 12px 1px;
}
.invoices-comments .gardenia-comments .comment-author-name a {
font-weight: normal;
margin-right: 10px;
}
.affiliates .form-group label,  .affiliates .form-group .form-control,  .paypal_email .form-group label,  .paypal_email .form-group .form-control {
width: 100%;
}	
.fet-p {
color: #212121;
font-size: 14px;
padding: 55px 11px;
}
.fet-p2 {
color: #212121;
font-size: 14px;
}	
.logo {   
padding: 0 10px;
}
.title-main h2 span { 
padding:0 15px 15px;
}
.gg_menu h1 , .site-breadcumb {
float:none;
}
.gg_menu {
padding: 17px 0;
text-align: center;
}
}
@media screen and (max-width: 320px) {	
.flickr li {margin:0 5px 10px; }	
.copyright-text { font-size:13px;}
.carousel-control.slider_button { top: 30%;}    
.btn-features-style-1,  .btn-features-color,  .btn-features { font-size: 10px; }
.title-main h2{font-size:18px;}   
}