/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Site Styles            
2.  Page Styles
3.	960px
4.  720px
5.  lt 720px 


**********************************************************************************************/
	
	
/********************************************************************************************* 

1.  SITE STYLES           

*********************************************************************************************/  

html,body { height:100%; }

.black-text {color:#000;}
.center-text {text-align: center;}

body{ font-family: 'Istok Web', sans-serif; font-size:100%; line-height:120%; font-weight:400; margin:0px; padding:0px; background-color:#ffffff; color:#ffffff; }

.social-icons.nav {display:block; position:absolute; right:115px;}
#menu {position:relative;}
.gallery-container {width:100%; overflow:hidden !important; padding:0 !important; height:auto; min-height:800px; position:relative;}

h1, h2, h3, h4{ font-family: 'Open Sans', sans-serif; font-weight:700; color:#737578; line-height:130%; margin:0px 0px 20px 0px; }
h1{ font-size: 2.25em; }
h2{ font-size:1.75em; }
h3{ font-size: 1.125em; }
h4{ font-size: 1em; }
p{ font-size:0.938em; font-weight:400; line-height:120%; margin:0px 0px 20px 0px; }
a {text-decoration:none; color:inherit;}
.resp-tab-content a {color:#9dba43;}
.title-spacer{display:inline-block; width:15px;}
.yellow{ color:#FCA311; }
table{border:none; margin-left:40px; margin-bottom:20px;}
table tbody, table tr, table td{border:none;}

.page-title{margin:0; font-size:2.0em; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:130%;}

.text-content{ color:#737578; }
.text-content.home ul, .text-content.home ol{ margin:12px 12px 24px 12px; padding-left:20px; }
.text-content.home ul li, .text-content.home ol li{ color:#737578; font-size:0.938em; line-height:120%; }
.text-content.home a{ color:#9dba43; }
.text-content.home a:hover{ text-decoration:none; }

.black-fw{ width:100%; padding:40px 0px; background-color:#000000; color:#ffffff; }
.black-fw.tiles {padding:0px 0px 20px 0px;}
.black-fw.header {padding:20px 0px 20px 0px;}
.logo{ width:20%; float:left; }
.logo a{ display:block; padding:0px 0px 0px 40px; }
.title-nav{ width:76%; float:left; margin-left:4%; }
.title{ font-family: 'Cinzel', serif; text-transform:uppercase; font-size:3.5em; line-height:120%; padding-top:48px; }
.title span{ font-size:120%; }
.main-navigation{ padding-left:5px; }
.main-navigation ul, .main-navigation ul li{ margin:0px; padding:0px; list-style:none; }
.main-navigation ul li{ display:block; float:left; }
.main-navigation ul li a{ display:block; float:left; padding:12px 16px 12px 0px; font-size:1.068em; line-height:100%; color:#ffffff; text-decoration:none; } 
.main-navigation ul li a:before{ content:"/"; color:#ffffff; padding-right:16px; }
.main-navigation ul li a.first:before{ content:none; padding-right:0px; }
.main-navigation ul li a.active, .main-navigation ul li a:hover{ color:#9dba43; }
.show-menu { text-decoration: none; color: #ffffff; font-size:1.068em; text-align: left; line-height:100%; font-family: 'Istok Web', sans-serif; font-weight:400; padding: 24px 0px 0px 0px; display: none; cursor:pointer; }
.show-menu:after{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; content: "&darr"; display: inline-block; height: 0; margin-left: 8px; margin-top: 7px; opacity: 1; text-indent: -99999px; vertical-align: top; width: 0; }
.main-navigation input[type=checkbox]{ display: none; }
.main-navigation input[type=checkbox]:checked ~ #menu{ display: block; }

.footer-fw{ padding:40px 0px; background-color:#000000; color:#8b8b8b; width:100%; }
.footer-title{ font-size:1.375em; font-weight:700; padding-bottom:26px; color:#ffffff; }
.footer-contact-block{ padding-bottom:26px; }
.footer-icon{ width:8%; float:left; font-size:1.25em; }
.footer-text{ width:91%; float:left; margin-left:1%; font-size:0.938em; }
.footer-text a{ color:#8b8b8b; text-decoration:none; }
.footer-text a:hover{ color:#9dba43; }
.s-icon{ float:left; margin-right:6px; font-size:2.375em; color:#8b8b8b; }
.s-icon a{ color:#8b8b8b; }
.s-icon a:hover{ color:#9dba43; }
.footer-news a{ color:#8b8b8b; text-decoration:none; }
.footer-news a:hover .footer-news-title{ color:#9dba43; }
.footer-news-title{ display:block; color:#ffffff; font-size:1em; padding-bottom:8px; line-height:120%; }
.footer-news-date{ display:block; font-size:0.938em; padding-bottom:26px; }
.gallery-grid-item{ width:29.3%; float:left; margin-right:4%; margin-bottom:4%; }
ul.footer-links{ margin:0px; padding:0px; list-style:none; }
ul.footer-links li i{ display:inline-block; padding-right:6px; color:#9dba43; }
ul.footer-links li{ padding-bottom:12px; border-bottom:1px solid #737578; margin-bottom:12px; list-style:none; }
ul.footer-links li a{ color:#8b8b8b; text-decoration:none; font-size:1em; line-height:120%; }
ul.footer-links li a:hover{ color:#ffffff; }
.footer-text{ word-wrap: break-word; }

/********************************************************************************************* 

2.  PAGE STYLES

*********************************************************************************************/  

.scale-image-gallery {height:auto !important; max-width:100%; display:block;}
.blocks{ padding:0px 0px 20px; }
.block-row{ padding-bottom:0px; }
.block-item{ width:31.3%; float:left; margin-bottom:3%; }
.block-item.one{ margin-right:2%; }
.block-item.two{ margin-left:1%; margin-right:1%; }
.block-item.three{ margin-left:2%; }
.block-item a{ display:block; text-decoration:none; }
.block-item a:hover .block-image-text{ color:#9dba43; }
.block-image{ position:relative; display:block; }
.block-image-hover{ display:block; width:100%; height:2px; top:50%; position:absolute; margin-top:-1px; left:0; opacity:0; background-color:rgba(0,0,0,0.3); text-align:center; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; }
.hover-button{ display:table; width:100%; height:100%; text-align:center; }
.hover-button .inner{ display:table-cell; vertical-align:middle; }
.hover-button .inner .text{ display:inline-block; background-color:#9dba43; padding:12px; color:#ffffff; font-size:1.068em; line-height:120%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; -ms-transition: all 0.1s ease-in; }
.block-image-text{ display:block; background-color:#eaeaea; padding:20px; color:#737578; font-size:1.25em; text-align:center; }

.block-item a:hover .block-image-hover{ background-color: rgba(0,0,0,0.75); top: 0; height: 100%; opacity: 1; }
.block-item a:hover .hover-button .inner .text{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; transition-delay:0.1s; }

.awards{ display:table; padding:26px 0px; }
.award-item{ display:table-cell; width:140px; /*height:140px;*/ text-align:center; vertical-align:middle; padding:0px 20px; }
.award-item.first{ padding:0px 20px 0px 0px; }
.award-item.last{ padding:0px 0px 0px 20px; }
.award-item img{ display:block; margin:0px auto; }

.wallpaper-fw{ background-image:url(../buildgfx/wallpaper-background-trans.png); background-repeat:repeat; background-position:left top; color:#ffffff; }
.wallpaper-fw.dark { background-image:url(../buildgfx/wallpaper-background-trans-dark.png);}
.wallpaper-overlay-fw{ background-color:rgba(0,0,0,0.4); padding:20px 0px;}
.wallpaper-fw h2{ color:#ffffff; text-align:center; }
.wallpaper-fw p{ font-size:1.125em; }

.white-fw{padding: 20px 0px;}
.white-fw.contact{ padding:46px 0px; }
.white-fw.about h2{color:#737578; text-align:center;}
.white-fw h2.left-align{text-align:left;}
.home-contact .input{ border:1px solid #eaeaea; padding:10px; margin:0px 0px 12px 0px; }
.home-contact .input input, .home-contact .input textarea{ margin:0px; padding:0px; width:100%; font-size:1em; color:#737578; border:none; font-family: 'Istok Web', sans-serif; line-height:100%; }
.home-contact .submit-button input{ background-color:#9dba43; color:#ffffff; padding:10px 20px; border:none; font-size:1em; font-family: 'Istok Web', sans-serif; line-height:100%; cursor:pointer; }
.home-contact .input input:focus, .home-contact .input textarea:focus{ outline:none; border:none; }

.footer-contact .input {width:100%;}
.footer-contact input{font-family: 'Istok Web', sans-serif; height:35px;width:100%;display:block;border:0;padding:5px 10px 5px 10px; margin-bottom:10px;box-sizing:border-box;}
.footer-contact textarea {font-family: 'Istok Web', sans-serif;padding:5px 10px 5px 10px;height:100px;width:100%;display:block;border:0;margin-bottom:10px;box-sizing:border-box;}

.row.paddingBottom {padding-bottom:40px;}
.person-avatar {width:80%; height:0; padding-bottom:80%; border-radius:50%; background-color:#06BDF7; margin:auto; background-repeat:no-repeat;}
.person-avatar.default{background-image:url(../buildgfx/avatar.png); background-position:center bottom; background-size:80%;}
.person-avatar.hasImage{background-position:center; background-size:cover; border:1px solid #06BDF7;}

.treatment-float-image{height:0; margin:0px 0px 30px 20px; width:25%; padding-bottom:25%; float:right; background-repeat:no-repeat; background-position:center; background-size:cover;}
.treatment-blocks-container {height:auto; margin:auto; overflow:auto; clear:both; width:100%; max-width:920px;}

.price-list{width:100%; height:auto; overflow:auto; margin-top:20px; padding:10px;}
.price-list div p{padding-left:40px;}
.price-list div h2{text-align:left; padding-left:20px;}

.news-item{color:#737578;}
.news-item-title{font-size:1.5em; min-height:30px; line-height:1em; height:auto; }
.news-item:hover .news-item-title{text-decoration:underline;}
.news-item-date{font-size:0.75em; height:20px;}
.news-item-text{color: #000; text-overflow:ellipsis;}
.news-item-image{height:0; width:75%; padding-bottom:75%; margin:0px 0px 0px 25%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.news-item-image.default{background-image:url(../buildgfx/news-icon.png); background-size:80% auto; background-position:right center;}
.news-item-line{border-bottom: 1px dashed rgba(0,0,0,0.2); padding-bottom:20px;}

.news-header{min-height:50px; padding-left:60px; margin-bottom:10px; margin-top:20px; background-image:url(../buildgfx/news-icon.png); background-repeat:no-repeat; background-position: left top; background-size: 50px; font-size:1.75em; line-height:1.0em; color:#737578; padding-top:12px;}
.news-content{position:relative; padding:20px; padding-left:0px; padding-top:0px; color:#737578;}
.news-image1{border-radius:10px; overflow:hidden; position:relative; width:25%; height:0; padding-bottom:25%; float:left; margin:0px 20px 10px 0px; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#ff6000;}
.news-image2{border-radius:10px; overflow:hidden; position:relative; width:25%; height:0; padding-bottom:25%; float:right; margin:10px 0px 10px 20px; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#ff6000;}
.news-image-caption{position:absolute; bottom:0; left:0; right:0; height:auto; width:100%; background-color:rgba(0,0,0,0.5); padding:5px 10px 5px 10px; box-sizing:border-box; color:#fff;}

.back-button{height:20px; color:#9dba43;font-size:1.1em;}
.back-button::before{content:'\f053\ '; font-family:'FontAwesome';}

.pdf-download-item{ line-height:2em; font-size:1.0em; padding-left: 20px; color:#000; margin-bottom:20px;}
.pdf-download-item::before{content:'\f1c1\ '; font-family:'FontAwesome'; font-size:2.0em;}
.pdf-download-item span{font-size:0.75em;}
.pdf-download-item:hover span{text-decoration:underline;}

.faqSection{width:100%; height:auto; overflow:auto; padding:20px;}
.faqSection h2{text-align:left; font-size:1.5em; border-bottom: 1px dashed #333; text-transform:capitalize;}
.faqSection h2::before{content: '\f0da\ '; font-family:'FontAwesome';}
.faqSection p{padding:0px 40px; color:#000;}

.error-icon{height:100px; background-image:url(../buildgfx/error-icon.png); background-repeat:no-repeat; margin:20px; background-position: center; background-size: contain;}
.success-icon{height:100px; background-image:url(../buildgfx/success-icon.png); background-repeat:no-repeat; margin:20px; background-position: center; background-size: contain;}
.error-text{text-align:center; margin-bottom:50px;}

ul.pagination{ margin-top:20px; padding:0px; text-align:center; }
ul.pagination li { display: inline; font-size:1em; list-style-type: none; font-weight:normal; }
ul.pagination li.disabled a { cursor: default; }
ul.pagination li a { display: inline-block; margin-right: 3px; padding: 6px 12px; color:#FFFFFF; text-decoration:none; margin-bottom:36px; }
ul.pagination li.selected a.page { background-color: #65baff; color:#FFFFFF; }
ul.pagination li a.page { background-color: #757575; color:#FFFFFF; }
ul.pagination li a.page:hover { background-color: #65baff; color:#FFFFFF; }
ul.pagination li a.pagination-previous{ padding-left:0px; }

.as-field{display:none;}
.form-group{display: -webkit-box;display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
.form-col{-webkit-flex: 1;-ms-flex: 1;flex: 1;margin-left:20px;margin-bottom:20px;border:1px solid #eaeaea;padding:20px;}
.form-col:nth-of-type(2n+1){margin-left:0;}

#map{ width:100%; height:200px; }
.clearfloat-large{ clear: both; height: 0; line-height: 0; font-size: 0; }

.homestrip a{display: block;background-color: #9dba41;color: #fff;padding: 12px 20px 12px;text-decoration: none;text-align: center;text-transform: uppercase;font-size: 14px;}
.homestrip a:hover{text-decoration: underline;}

@media only screen and (max-width: 1199px)
{
	.social-icons.nav {right:0;}
}

/********************************************************************************************* 

4.  720px 

*********************************************************************************************/ 

@media only screen and (min-width: 960px) and (max-width: 1199px) {

	.title{ font-size:3em; }
	.main-navigation ul li a{ font-size:1em; padding:12px 12px 12px 0px; }
	.main-navigation ul li a:before{ padding-right:12px; }
	.award-item{ padding:0px 10px; }
	.home-contact .input textarea{ min-height:110px; }
	.footer-icon{ width:14%; }
	.footer-text{ width:85%; }
	.footer-text.address br{ display:none; }
	.footer-news-date{ padding-bottom:24px; }
	ul.footer-links li{ padding-bottom:15px; margin-bottom:14px; }
	.social-links.nav {right:0;}
} 

@media only screen and (min-width: 720px) and (max-width: 959px) {
	
	.title{ font-size:2.25em; padding-top:24px; }
	.main-navigation ul li a{ font-size:0.875em; padding:12px 3px 12px 0px; }
	.main-navigation ul li a:before{ padding-right:3px; }
	.block-image-text{ font-size:1.068em; padding:20px 5px; }
	.award-item{ padding:0px 12px; }
	.award-item.first{ padding:0px 12px 0px 0px; }
	.award-item.last{ padding:0px 0px 0px 12px; }
	h2{ font-size:1.5em; }
	.wallpaper-fw p{ font-size:1em; }
	.container-12 .grid-7.special, .container-12 .grid-5.special{ width:680px; }
	.container-12 .grid-5.special{ padding-top:40px; }
	.container-12 .grid-3.footer-special{ width:320px; }
	.container-12 .grid-3.footer-special.bottom{ padding-top:40px; }
	
	.social-icons.nav {transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); right:0;}
	
}
 

/********************************************************************************************* 

5.  lt 720px 

*********************************************************************************************/ 

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

	.logo{ display:none; }
	.title-nav{ float:none; width:100%; margin-left:0; }
	.title{ font-size:2.25em; padding-top:0px; }
	.main-navigation ul li a{ font-size:0.938em; padding:12px 5px 12px 0px; }
	.main-navigation ul li a:before{ padding-right:6px; }
	.blocks{ padding:30px 0px; }
	.block-item{ width:48%; }
	.block-item.one, .block-item.two, .block-item.three{ margin-left:1%; margin-right:1%; }
	.block-image-text{ font-size:1.068em; padding:20px 5px; }
	.clearfloat-small{ clear: both; height: 0; line-height: 0; font-size: 0; }
	.clearfloat-large{ clear: none; height: auto; line-height: auto; font-size: auto; }
	.container-12 .grid-5.special{ padding-top:30px; }
	.container-12 .grid-3.footer-special{ padding-bottom:40px; }
	.awards{ display:block; }
	.award-item{ display:table; float:left; width:18%; }
	.award-item-inner{ display:table-cell; width:140px; height:140px; vertical-align:middle; text-align:center; }
	.wallpaper-fw p{ font-size:0.938em; }
	
	.person-avatar {width:20%; padding-bottom:20%;}
	.treatment-float-image{display:none;}
	.resp-tab-content img {display:none;}
	.resp-tab-content li img {display:block;}
	.resp-tab-content a img {display:block;}
	.news-item-image{display:none;}
	.news-image1, .news-image2{display:none;}
	.social-icons.nav {transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); right:0;}
    .form-group{display: block;}
    .form-col{display:block;margin-left:0px;margin-bottom:20px;border:1px solid #eaeaea;}
}
@media only screen and (max-width: 580px) {
	
	.block-item{ width:100%; margin:0px; float:none; }
	.block-item.one, .block-item.two, .block-item.three{ margin:0px 0px 20px 0px; }
	.title{ font-size:2em; }
	.award-item{ width:22%; padding:0px 12px; }
	.award-item.first, .award-item.last{ padding:0px 12px; }
	.footer-icon{ width:12%; }
	.footer-text{ width:87%; }
	.show-menu{ display:block; }
	.main-navigation ul{ position:static; display:none; padding-top:20px; }
	.main-navigation ul li{ list-style:none; display:block; float:none; }
	.main-navigation ul li a{ display:block; float:none; width:100%; text-align:left; color:#ffffff; text-decoration:none; font-size:0.938em; padding:12px 0px; line-height:100%; border-bottom:1px solid #8b8b8b; border-left:none; }
	.main-navigation ul li a:before{ content:none; color:#ffffff; padding-right:0px; }
	.main-navigation ul li:last-child a{ border:none; }
	.main-navigation ul li a:hover, .main-navigation ul li a.active{ text-decoration:none; }
	.social-icons.nav {display:none;}
}