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

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%; }

body{ font-family: 'Arimo', sans-serif; font-size:100%; line-height:130%; font-weight:400; margin:0px; padding:0px; background-color:#faf6da; color:#333333; }

h1, h2, h3, h4{ font-weight:400; color:#333333; line-height:120%; margin:0px 0px 20px 0px; }
h1{ font-family: 'Michroma', sans-serif; font-size: 1.625em; margin-bottom:24px; }
h2{ font-size: 1.375em; }
h3{ font-size: 1.25em; }
h4{ font-size: 1em; }
p{ font-size:0.938em; font-weight:400; line-height:130%; margin:0px 0px 14px 0px; }

.text-content{ padding:24px 0px 24px 0px; }
.text-content.nobtm{ padding:24px 0px 0px 0px; }
.text-content a{ color:#2c696d; text-decoration:underline; }
.text-content a:hover{ text-decoration:none; }
.text-content ul, .text-content ol{ margin:12px; padding-left:20px; }
.text-content ul li, text-content ol li{ color:#333333; font-size:0.875em; line-height:130%; }

.as-field{ display:none; }

.top-logo{ padding:36px 0px; }
.top-text{ font-family: 'Michroma', sans-serif; color:#2c696d; font-size:4.25em; line-height:130%; padding-top:12px; padding-left:54px; }
.top-text-2{ font-family: 'Michroma', sans-serif; color:#2c696d; font-size:3.125em; line-height:130%; padding-left:54px; }

.navigation-fw{ background-color:#2c696d; border-bottom:1px solid #faf6da; }
.main-navigation > a{ display:none; }
.main-navigation ul{ display:block; list-style:none; margin:0px; padding:0px; }
.main-navigation ul li{ display:block; float:left; list-style:none; margin:0px; padding:0px; position:relative; }
.main-navigation ul li:last-child{ border-right:1px solid #4c8386; }
.main-navigation ul li a{ display:block; float:left; margin:0px; padding:16px 16px 14px 16px; text-decoration:none; color:#faf6da; font-size:1em; line-height:100%; border-left:1px solid #4c8386; }
.main-navigation ul li a:hover, .main-navigation ul li a.active{ text-decoration:none; background-color:#4c8386; }
.main-navigation li ul.sub-1, .main-navigation li ul.sub-2{ display:none; position:absolute; top:100%; margin-top:0px; z-index:999999; background-color:#2c696d; width:180px; }
.main-navigation li ul.sub-2{ display:none; }
.main-navigation li:hover ul.sub-1{ display:block; left:0; right:0; }
.main-navigation ul.sub-1 li:hover ul.sub-2{ display:block; left:100%; right:0; }
.main-navigation li ul li, .main-navigation li ul a, .main-navigation li ul li:last-child{ border:none; }
.main-navigation li ul li, .main-navigation li ul a{ float:none; }

.show-menu { text-decoration: none; color: #faf6da; font-size:1em; text-align: center; padding: 18px 0px; display: none; cursor:pointer; }
.show-menu:after{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #faf6da; content: "&darr"; display: inline-block; height: 0; margin-left: 8px; margin-top: 9px; 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{ background-color:#2c696d; border-top:1px solid #faf6da; padding:16px 0px 14px; }
.footer-text{ font-size:0.813em; line-height:120%; color:#faf6da; padding-top:10px; }
.social-icon{ float:right; margin-left:6px; }
.social-icon a{ width:30px; height:30px; display:block; background-color:#faf6da; text-decoration:none; }
.social-icon i{ color:#2c696d; font-size:1.25em; text-align:center; display:block; position: relative; top: 50%; transform: translateY(-50%); }

.page-images{ padding:26px 0px 0px 10px; }
.item-image{ display:block; margin-bottom:14px; }
.item-title.small{ display:block; background-color:#4c8386; border-top:1px solid #faf6da; color:#faf6da; font-size:0.875em; line-height:120%; padding:12px 16px; }
.item-title.small a{color:#faf6da;padding-top:12px;text-decoration:none;display:block;}
.item-title.small a:hover{text-decoration:underline;}

.pdf-whole{ margin-top:20px; margin-bottom:28px; }
.pdf-list{ display:inline-block; }
.pdf-block{ margin-bottom:1px; }
.pdf-block a{ display:block; border:1px solid #2c696d; background-color:#4c8386; padding:6px 40px 6px 6px; text-decoration:none; color:#faf6da; }
.pdf-block a:hover .pdf-text{ text-decoration:underline; }
.pdf-block i{ font-size:1em; display:block; float:left; padding:6px 10px 5px 2px; line-height:100%; color:#faf6da; }
.pdf-text{ display:block; float:left; font-size:1em; line-height:120%; padding-top:5px; }

ul.pagination{ margin:0px 0px 20px 0px; padding:0px; }
ul.pagination li { display: inline; font-size:0.875em; list-style-type: none; font-weight:normal; }
ul.pagination li.disabled a { cursor: default; }
ul.pagination li a { display: block; float: left; margin-right: 3px; padding: 6px 12px; color:#FFFFFF; text-decoration:none; margin-bottom:20px; }
ul.pagination li.selected a.page { background-color: #2c696d; color:#faf6da; }
ul.pagination li a.page { background-color: #75a0a2; color:#faf6da; }
ul.pagination li a.page:hover { background-color: #2c696d; color:#faf6da; }
ul.pagination li a.pagination-previous{ padding-left:0px; }

.back-link{ font-size: 1.125em; color:#2c696d; line-height:120%; padding:12px 0px; }
.back-link a{ text-decoration:none; color:#2c696d; }
.back-link i{ font-size:14px; padding-right:4px; }

.you-tube-wrap{	height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 0px; position: relative; }
.you-tube-wrap iframe, .you-tube-wrap object, .you-tube-wrap embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

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

2.  PAGE STYLES

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

.home-blocks-fw{ background-color:#75a0a2; padding:24px 0px; }
.home-block-title{ font-family: 'Michroma', sans-serif; color:#faf6da; font-size:1.375em; line-height:120%; padding-bottom:12px; border-bottom:1px solid #aac8c9; margin-bottom:14px; }
.home-block-content{ color:#faf6da; }
.home-block-content a{ color:#faf6da; text-decoration:none; }
.home-block-content a:hover .home-block-more{ text-decoration:underline; }
.home-block-date{ display:block; font-size:0.875em; line-height:120%; padding-bottom:8px; }
.home-block-heading{ display:block; font-size:1.125em; line-height:120%; padding-bottom:8px; }
.home-block-desc{ display:block; font-size:0.875em; line-height:120%; padding-bottom:8px; }
.home-block-more{ display:block; font-family: 'Michroma', sans-serif; font-size:0.938em; }
.home-block-more i{ font-size:0.875em; padding-left:4px; }

.news-item-block{ margin-bottom:20px; background-color:#75a0a2; }
.news-item-block a{ color:#faf6da; text-decoration:none; }
.news-item-image{ display:block; border-bottom:1px solid #faf6da; }
.news-item-content{ display:block; background-color:#75a0a2; padding:12px; }
.news-item-date{ display:block; font-size:0.875em; line-height:120%; padding-bottom:8px; }
.news-item-title{ display:block; font-size:1.125em; line-height:120%; padding-bottom:8px; }
.news-item-text{ display:block; font-size:0.875em; line-height:120%; padding-bottom:8px; }
.news-read-more{ display:block; font-size:0.938em; font-family:'Michroma', sans-serif; }
.news-read-more i{ font-size:0.875em; padding-left:4px; }

.main-image{ margin:12px 0px 20px 0px; display:inline-block; }
.main-image-caption{ display:block; background-color:#4c8386; border-top:1px solid #faf6da; color:#faf6da; font-size:0.875em; line-height:120%; padding:12px 16px; }
.image-gallery-whole{ margin:12px 0px 20px 0px; }

.advert-block{ margin-bottom:20px; background-color:#75a0a2; }
.advert-image{ float:right; width:30%; margin:0px 0px 0px 30px; }
.advert-text{ background-color:#75a0a2; padding:12px; color:#faf6da }
.advert-title{ font-size:1.125em; line-height:120%; padding-bottom:8px; }
.advert-desc p{ font-size:15px!important; line-height:130%; padding-bottom:8px; margin-bottom:0px; }
.advert-desc a{ color:#faf6da; text-decoration:underline; }
.advert-desc a:hover{ text-decoration:none; }
.advert-contact{ margin-top:8px; }
.advert-contact-text{ font-size:0.875em; line-height:120%; padding-bottom:2px; }
.advert-contact-text.inline{ display:inline-block; padding-right:6px; }
.advert-contact-text a{ color:#faf6da; text-decoration:none; }
.advert-contact-text a:hover{ text-decoration:underline; }
.advert-caption{ display:block; background-color:#4c8386; border-top:1px solid #faf6da; color:#faf6da; font-size:0.875em; line-height:120%; padding:12px 16px; }

.contact-form{ margin:0px 50px 30px 0px; }
.contact-form .label{ font-size:0.938em; line-height:120%; padding-bottom:6px; }
.contact-form .input{ border:1px solid #4c8386; background-color:#faf6da; padding:6px; margin:0px 0px 12px 0px; }
.contact-form .input input, .contact-form .input textarea, .contact-form.input select{ margin:0px; padding:0px; width:100%; border:none; background-color:#faf6da; font-size:14px; }
.contact-form .input input:focus, .contact-form .input textarea:focus{ outline:none; }
.contact-form .help-block{ font-size:0.75em; }
.contact-form .form-error{ color:#CC000F; }
.contact-form .submit-button input{ border:none; background-color:#2c696d; color:#faf6da; font-size:14px; padding:8px 20px; cursor:pointer; }

.contact-item{ margin-bottom:12px; background-color:#75a0a2; color:#faf6da; }
.contact-name{ font-size:1.125em; line-height:120%; padding-bottom:8px; }
.contact-name .padding-right{ display:inline-block; padding-right:6px; }
.contact-name-small{ font-size:15px; display:inline-block; }
.contact-text-whole{ padding:12px; }
.contact-text{ font-size:0.875em; line-height:120%; padding-bottom:2px; word-wrap: break-word; }
.contact-text p{ font-size:14px!important; margin-bottom:0px; }
.contact-text.inline{ display:inline-block; padding-right:6px; }
.contact-text a{ color:#faf6da; text-decoration:none; }
.contact-text a:hover{ text-decoration:underline; }
.contact-text-image{ float:left; width:55%; }
.contact-image{ float:right; width:45%; }

.link-item{ margin-bottom:20px; background-color:#75a0a2; }
.link-image{ display:block; background-color:#FFFFFF; padding:12px; text-align:center; }
.link-image img{ margin:0px auto; }
.link-text{ display:block; background-color:#75a0a2; color:#faf6da; border-top:1px solid #faf6da; padding:12px; }
.link-item a{ color:#faf6da; text-decoration:none; }
.link-item a:hover .link-more{ text-decoration:underline; }
.link-title{ display:block; font-size:1.125em; line-height:120%; padding-bottom:8px; }
.link-desc{ display:block; display:block; font-size:0.875em; line-height:120%; padding-bottom:8px; }
.link-more{ display:block; font-size:0.938em; font-family:'Michroma', sans-serif; }
.link-more i{ font-size:0.875em; padding-left:4px; }

.links-home-fw{ background-color:#ffffff; width:100%; text-align:center; padding:20px 0px 10px 0px; }
.link-home-item{ float:left; width:10%; margin-right:1%; margin-left:1%; display:table; margin-bottom:10px; }
.link-home-item-inner{ display: table-cell; vertical-align: middle; text-align: center; width: 120px; height: 100px; }
.link-home-item-inner img{ margin:0px auto; }

.videoembed iframe {display:block;width:100% !important;}
.you-tube-wrap{ height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;margin-bottom:20px; }
.you-tube-wrap iframe, .you-tube-wrap object, .you-tube-wrap embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; border:none; }

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

4.  720px 

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

@media only screen and (min-width: 720px) and (max-width: 959px) {
 
 	.top-text{ font-size:3.25em; }
	.top-text-2{ font-size:2.375em; }
	.main-navigation ul li a{ font-size:0.875em; padding:16px 7px 14px 8px; }
}
 

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

5.  lt 720px 

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

@media only screen and (max-width: 719px) {
	
	.top-logo img{ margin:0px auto; }
	.top-text{ font-size:2.5em; text-align:center; padding-left:0px; }
	.top-text-2{ font-size:2em; text-align:center; margin-bottom:30px; padding-left:0px; }
	.home-blocks-fw{ padding:0px 0px 24px 0px; }
	.home-block-title{ padding-top:24px; }
	.top-logo{ padding:36px 0px 12px 0px; }
	.news-item-block{ height:auto!important; }
	
	.show-menu{ display:block; }
	.main-navigation{ float:none; }
	.main-navigation ul{ position:static; display:none; }
	.main-navigation ul li{ list-style:none; display:block; float:none; }
	.main-navigation ul li:last-child{ border:none; }
	.main-navigation ul li a{ display:block; float:none; width:100%; text-align:center; color:#faf6da; text-decoration:none; font-size:0.875em; padding:12px 0px; line-height:100%; border-bottom:1px solid #4c8386; border-left:none; }
	.main-navigation ul li a:hover, .main-navigation ul li a.active{ text-decoration:underline; background-color:transparent; }
	.main-navigation li ul.sub-1{ position: static; padding: 12px 0px; background-color:transparent; margin-top:0px; width:auto; }
	
	.link-home-item{ width:30%; }

}