/* Reset */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:     100%; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing:    border-box; box-sizing:         border-box; }
article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { 
	text-decoration:none; 
}
a:focus { 
	outline: thin dotted; 
}
a:hover, a:active { 
	outline: 0; 
}
a img { 
	border: 0; 
}
a:focus img { 
	outline: 3px dotted #2c86ba; 
}

/* Gujarati Font and General */
@font-face {
	font-family: 'gujarati_saral';
	src: url('../fonts/gujarati-saral.eot');
	src: url('../fonts/gujarati-saral.eot?#iefix') format('embedded-opentype'), url('../fonts/gujarati-saral.woff2') format('woff2'), url('../fonts/gujrati-saral.woff') format('woff'), url('../fonts/gujarati-saral.ttf') format('truetype'), url('../fonts/gujarati-saral.svg#gujarati_saral') format('svg');
	font-weight: normal;
	font-style: normal;
}
body { 
	font-family: 'gujarati_saral', Arial, sans-serif; 
	font-size: 14px; 
	line-height: 1.8;  
	color: #333; 
	background-color: #9ed1f0;  
	overflow: hidden;
}
.main { 
	float: left; 
	width: 100%;
}
.wrapper { 
	margin: 0px auto; 
	width: 1170px; 
}
@media only screen and (min-width: 300px) and (max-width: 1169px) {
.wrapper { 
	width: 96%; 
	padding: 0px 2%;
}
}

/* Typography */
button, input, select, textarea { 
	font-family: 'gujarati_saral', Arial, sans-serif; 
	font-size: 14px; 
	line-height: 1.4; 
	color: #404040;
}
h1, h2, h3, h4, h5, h6 { 
	font-weight: bold; 
	font-family: 'gujarati_saral', Arial, sans-serif;
	color: #0497dc; 
	-ms-word-break: break-word; 
	word-break: break-word; 
}
h1 { font-size: 34px; line-height: 44px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 34px; }
h4 { font-size: 20px; line-height: 30px; }
h5 { font-size: 18px; line-height: 28px; }
h6 { font-size: 16px; line-height: 26px; }
p { margin-bottom: 1.5em; }
b, strong { font-weight: bold; }
address { margin: 0 0 1.5em; }
sup, sub { position: relative; height: 0; vertical-align: baseline; font-size: 75%; line-height: 0; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%; }

/* Elements */
hr { height: 1px; margin-bottom: 1.5em; background-color: #ccc; border: 0; }
ul, ol { margin: 0 0 1.5em 3em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }
img { height: auto; max-width: 100%; }
table { width: 100%; margin: 0 0 1.5em; }
th { font-weight: bold; }
.table-responsive { margin-bottom: 30px; float: left; width: 100%; }
.table-responsive th { background-color:#888; color:#fff; padding: 5px 10px; border-right: 1px solid; }
.table-responsive th:last-child { /*border-right: medium none; */}
.table-responsive tr td { padding: 5px 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.table-responsive tr td:last-child { /*border-right: medium none; */}
.table-responsive .table { margin: 0 0 0em; border: 1px solid #ccc; }
.table-wrapper .table-responsive { width: 48%;}
.table-wrapper .table-responsive:nth-child(2), .table-wrapper .table-responsive:nth-child(4), .table-wrapper .table-responsive:nth-child(7) { float: right;}
.clear { clear: both;}

/* Header */
.header { 
	float: left; 
	width: 100%; 
	padding-top: 10px;
}
.header .header-top {
	float: left; 
	width: 100%;
	padding: 0px;
}
.header .content-left { float:left; width:20%; text-align:left; position:relative; text-align: center;}
.header .content-left::after { position:absolute; content:"શ્રી લાભ"; left:0; width: 100%; bottom:-30px; font-weight:bold;color: #2d1470; font-size:20px; text-align:center;}
.header .content-center { margin: 0px auto; float:left; width:60%; text-align: center; }
.header .content-center h1 {color:#efd470; text-align:center; }
.header .content-center h1 a { color:#a52a2a; font-size: 50px; }
.header .content-right { float:right; width:20%; text-align:center; position:relative; }
.header .content-right::after { position:absolute; content:"શ્રી શુભ​"; left:0; width: 100%; bottom:-30px; font-weight:bold;color: #2d1470; font-size:20px; text-align:center;}
@media only screen and (min-width: 992px) and (max-width: 1169px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header .content-center {margin: 4% 0;}		
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.header .content-center {margin: 3% 0;}	
}	
@media only screen and (min-width: 480px) and (max-width: 599px) {
.header .content-center {margin: 1.5% 0; }
.header .content-center h1 a { font-size:40px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header { padding: 10px 0 0;}
.header .header-top {padding: 0 0 35px;}
.header .content-center {margin: 5% 0; }
.header .content-center h1 { margin:0;}
.header .content-center h1 a { font-size:26px;}	
}

/* Primary Menu */
.primary-menu { float:left; margin-top: 0px; width:100%; position:relative; z-index:999; background-color: #0497dc; }
ul#navmenu { float:left; list-style:none; margin:0px 0 0 0; padding:0; float:left; width:100%; text-align:center; background-color: #0497dc;  }
ul#navmenu li { color: #FFFFFF; display: inline-flex; float: none; list-style: none outside none; padding:0 0px; position: relative; text-decoration: none; width: auto; margin: 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /}
ul#navmenu ul { margin: 0; border: 0 none; padding: 0px 0 0; list-style: none; display: none; position: absolute; text-align:left; left: 0; z-index:999999;top:40px;  background-color: #0497dc;}
ul#navmenu ul li {}
ul#navmenu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#navmenu li.current-menu-item a { color: #006fb3; text-decoration: none; float:left; float:left; }
ul#navmenu ul li { margin:0 0 0 0; width: 250px; padding:0 15px; float: left; display: block !important; display: inline; height:auto; border-top: 1px solid #9ed1f0; }
ul#navmenu ul li a { margin:0 0 0 0 !important; line-height:40px; padding:0px; float: left; display: block !important; display: inline; color:#fff !important; }
ul#navmenu li:hover { background-color: #2d1470; }
ul#navmenu ul li:hover { background-color: #2d1470; }
ul#navmenu ul li:hover a { color: #a70a02 ; }
ul#navmenu a { font-size:16px; float: left; display: block; color: #fff; text-transform:uppercase; text-decoration: none; line-height:40px; padding:0 22px; }
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { color: #fff; text-decoration: none; float:left; }
ul#navmenu li.active { background-color: #2d1470; }
ul#navmenu li.active a { color: #fff; }
ul#navmenu li.facebook { background-color:#3b5998; }
ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; border-bottom:none;  margin: 0px; }
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { color: #fff; }
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { color: #fff; }
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { color: #fff; }
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { color: #666666; }
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { color: #666666; }
ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; }
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }
ul#navmenu li:last-child a { background:none; }

@media only screen and (min-width: 300px) and (max-width: 767px) {
.nav #navmenu { display:none;}
.nav #navmenu.nav-active { display:block; margin-top: 36px;}
.nav-mobile-open { }
.nav-mobile {  background: url("../images/responsive-menu-bg.png") no-repeat ;  border-radius: 5px;  cursor: pointer;  height: 32px;  margin: 5px 0 5px 40%;  position: relative;  width: 32px;  z-index: 99; }
.nav-mobile::before {  color: #9ed1f0;  content: "મેનુ";  font-size: 24px;  left: 42px;  padding-bottom: 0;  position: absolute;  top: 0px;
 z-index: 9; }
.nav-mobile.nav-mobile-open::before {content: "બંધ કરો";width: 100px;}
ul#navmenu li { width:100%; float:left; margin:0; padding:0;  border-top: 1px solid #9ed1f0;display: inline-block;}
ul#navmenu li a {width:100%; float:left; margin:0; padding:0; text-align:center;}
ul#navmenu ul li {width:100%; float:left;border-bottom: none; margin:0; padding:0;}
ul#navmenu ul {  }
}

/* Content */
.content-main { width: 100%; float:left; }
.content { float:left; width:100%; background-color:#fff; padding:0 30px 30px 30px; }
.page-title { 
	width: 100%; 
	float: left; 
	font-weight: bold; 
	border-bottom: 1px dotted #9ed1f0; 
	padding-bottom: 10px; 
	color: #2d1470;
}
@media only screen and (min-width: 300px) and (max-width: 768px) {
.table-wrapper .table-responsive { width:100%; float:left !important;}
}
/* Contact Page Form */
.contact-page form { 
	width: 35%; 
	float: left;
}
form input, textarea { 
	width: 100%; 
	font-family: Arial, sans-serif;
}
form input, textarea {  border:1px solid #ccc; padding-left:5px; padding-right:5px;}
form input[type="submit"] { background-color:#ffa500 ; color:#fff; padding:10px 20px; border:none; width:auto;cursor: pointer;}
form input[type="submit"]:hover {background-color:#8b4513 ;} 
.contact-page iframe { float:left;}

@media only screen and (min-width: 769px) and (max-width: 1169px) {
.contact-page iframe { width:60% !important; }

}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.contact-page form { width:100%; float:left;}
.contact-page iframe { float:left; width:100% !important;  margin-top: 10px; padding-top: 30px;border-top: 1px solid #ccc !important;}
}
@media only screen and (min-width: 300px) and (max-width: 479px) {
.contact-page form { width:100%; float:left;}
.contact-page iframe { float:left; width:100% !important;  margin-top: 10px; padding-top: 30px;border-top: 1px solid #ccc !important; height:300px !important;}
}
/* Footer */
.footer {
	background-color: #0497dc;  
	position: relative;  
	text-align: center; 
	float: left; 
	width: 100%; 
	padding: 10px 0;
}
.copyright { 
	font-family: Arial, sans-serif; 
	float: left; 
	width: 100%; 
	text-align: center; 
	color: #eee; 
	margin: 0px;
}
.copyright a { 
	color: #eee;
}

/* Slider */
.slides-main { width:100%; float:left; margin-bottom: -10px;}
.slides-img { float: left; width:100%; position:relative; z-index:9; margin:0px;}
.std ul { margin:0 !important; padding:0 !important; list-style:none !important; }
.slides ul { list-style:none; padding:0; margin:0; }
.slides ol { list-style:none; padding:0; margin:0; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; width:100%; float:left; text-align:center; overflow:hidden; }
.flexslider .slides img { }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flexslider { position: relative; float:left; width:100%;  z-index: 99; margin-top:0px; }
.flex-viewport { max-height: 2000px; transition: all 1s ease 0s; }
.loading .flex-viewport { max-height: 500px; }
.flexslider .slides { width: 100% ; margin:0; padding:0; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { /*display: none;*/ list-style: outside none none; margin: 0; padding: 0; }
.flex-direction-nav a { cursor: pointer; display: block; height: 54px; margin: 0px 0 0; position: absolute; text-indent: -9999px; top: 46%; width: 32px; z-index: 10; }
.flex-direction-nav .flex-next { background: url("../images/arrow-right.png") no-repeat scroll 0 0 transparent; font-size: 0 !important; right: 50px; }
.flex-direction-nav .flex-prev { background: url("../images/arrow-left.png") no-repeat scroll 0 0 transparent; font-size: 0 !important; left: 50px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { cursor: default; opacity: 0.3 !important; }
.flex-control-nav { bottom: 16px; float: none; margin: -30px auto 0; position: relative; text-align: left; width: 1000px; z-index: 99999; text-align: center;}
.flex-control-nav li { display: inline-block; margin: 0 15px 0 0; }
.flex-control-paging li a { background-color:#fc9400; cursor: pointer; display: block; height: 15px; text-indent: -9999px; width: 15px; border-radius: 100%; }
.flex-control-paging li a:hover { background-color:#470000; }
.flex-control-paging li a.flex-active { background-color:#470000; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; overflow: hidden; position: static; }
.flex-control-thumbs li { float: left; margin: 0; width: 25%; }
.flex-control-thumbs img { cursor: pointer; display: block; opacity: 0.7; width: 100%; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { cursor: default; opacity: 1; }
.flex-direction-nav .flex-prev { left:5%; opacity: 1; }
.flex-direction-nav .flex-next { opacity: 1; right:5%; }
@media only screen and (min-width: 300px) and (max-width: 1169px) {
.flex-control-nav { width:100%;}
}
@media only screen and (min-width: 300px) and (max-width: 768px) {
.flex-direction-nav { display:none;}
}