/*
Theme Name: gem
Theme URI: http://wordpress.org/themes/life
Author:  gem
Author URI: http://wordpress.org/

/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

.clear{ clear:both;}

.alignleft{
	float:left;
	margin:0 10px 10px 0;
}

.alignright{
	float:right;
	margin:0 0 10px 10px;
}

body{ 
	background:#015797; 
	font-family: calibri; 
	margin:0 ;
	background-image: url(img/site-bg.jpg);
	padding: 0;
}
.main{ 
	width:1197px; 
	margin: 0 auto; 
	background-color: #ededed ; 
}
header.header
{ 	width:100% ; 
	height:110px ; 
	background-color: #025798 ;
: 
}
.logo{ 
	float:left;
}
.lg{
	float: left;
	margin: 43px 0 0 0 ;
}
.iso{	
	float: left;
	margin: 20px 0 0 150px;
}
div.top{
	float: left;
	margin: 36px 0 0 11px ;
	width: 230px; 
	height: 40px ;
	color: #fff ;
	padding-top: 8px ;
	font-size: 13px ;
}

/*-------------- header closed ------------------*/

/*-------------- menu ------------------*/
nav.site-menu{
	float: left;
	background-color: #ce26a0 ;
	width: 100% ;	
	height: 30px ;
	border: 1px solid #fff ;
}
nav.site-menu ul{
	margin: 0px 0 0 0 ;
	padding:0 ;
}
nav.site-menu ul li{
	float:left; 
	list-style:none; 
	font-family: calibri; 
	letter-spacing: 1px ;
}
nav.site-menu ul li a {
	display: inline-block;
	outline: 0 ;
	text-decoration: none;
	color: #fff ;
	padding: 9px 14px;
	text-transform: uppercase;
	border-left: 1px solid #fff ; 
	font: bold 11px calibri;
}
nav.site-menu ul li a:hover {
	text-decoration: underline;
}
/* ---------------  -----------------------*/	
div.content{
	width: 100%  ;
	min-height: 500px ;
	background:#efefef;
}
div.content h1{
	width: 100% ;
	margin: 0 0 10px;
	padding: 0 0 0 0px ;
	color: #025798 ;
	text-transform: capitalize;
	text-shadow: 0px 3px #dbdbdb;
	letter-spacing: 1px ;
}
div.slider{
	float: left;
	width: 457px ;
	height: auto;	
	margin: 10px 0 0 5px ;
}
div.a1{
	float: left;
	width: 720px ;
	height: auto ;
	margin: 10px 0 0 5px ;
}
div.a1 h1.head{
	margin: 0 0 3px 0;
	padding: 0 ;
	font: bold 20px calibri ;
	color: #005E9B ;
}
div.a1 p.high{
	margin: 0px 0 8px 0;
	padding: 0 ;
	color: #ce26a0 ;
	font-size: 12px ;
	line-height: 1.3em ;
	text-align: justify;
}
div.a1 p.normal{
	margin: 0px 0 10px 0;
	padding: 0 ;
	font-size: 12px ;
	color: 	#4f4f4f ;
	text-align: justify;
	line-height: 1.4em ;
}
.blog{
    clear:both;	
    background: #fff none repeat scroll 0 0;
    border: thin solid #ccc;
    min-height: 340px;
    text-align: justify;
    width:auto !imoprtant;
    margin-top:20px;
}
.blog h2{ margin:0; padding:5px 10px !important; border-bottom:thin solid #ccc; font-size:22px; width:auto !important;}
.blog h3{ margin:0; padding:5px 10px !important; font-size:18px; text-align:left;}
.blog p, .blog a{ padding:9px !important;}
/* =========================  div ======================= */
div.mid-box1{
	float: left;
	width: 720px ;
	height: 340px ;
}
div.mid-box1 ul{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none;
}
div.mid-box1 ul li.l1{
	display: inline-block;
    height: 155px;
    margin: 0px;
    vertical-align: top;
    width: 176px;
}
img.im1{
	float: left;
	max-width: 100% ;
}
div.mid-box1 ul li.l1 h6{
	margin:0;
	padding:0 ;	
	font: 12px calibri;
	text-align:center;	
}

/* =========================  div ======================= */
div.a2{
	float: left;
	width: 1150px ;
	height: 141px ;
	margin: 10px 0 0 23.5px ;
	border: 1px solid #015998;
}
div.a2 ul{
	margin: 0 ;
	padding: 0;
	list-style-type: none;
	width: 100% ;
	text-align: center;
}
div.a2 ul li{
	display: inline	-block;
	float: left;
	background-image: url(img/box_bg.jpg);	
	height: 141px ;
	width: 285px ;
	border-left:1px solid #015998;
}
div.a2 ul li h3{
	margin: 25px 0 0 0;
	padding: 0 ;
	font:bold 14px calibri;
	color: #CA3787 ;
	height: 35px ;
}
div.a2 ul li p{
	margin: 0;
	padding: 0 ;
	font:  75% calibri ; 
}
div.a3{
	margin:0 37px;
	width: 100% ;
	height: 220px;
}
div.child{
	float: left;
	width: 360px ;
	height: 200px ;
	border-top: 2px solid #CC2AA4;
	margin-right: 20px ;
}
div.child h3{
	color: #CC2AA4 ;
	font:bold 16px calibri;
	text-align: left;
	margin: 0 ;
	padding: 5px ;
}
div.child p{
	font: lighter 12px calibri;
	text-align: justify;
	margin: 0 ;
	padding: 3px ;
	line-height: 1.5em ;
}

/*=========== contact us ==========================*/
div.form{
	float: left;
	width: 95%  ;	
	height: auto;
	margin: 0 0 0 5px ;
}
div.form h2{
	margin: 15px 0 0 5px ;
	padding:2px ;
	text-transform: capitalize;
	color: #005E9B ;	
	text-align: left;
}
div.form h2 img.ques{
	float: right;
	width: 40px ;
	height: 30px ;
	margin-right: 170px;
}
div.form table {
	float: left;
	width: 100% ;
	margin-top: 5px ;
}
div.form table tr td{
	vertical-align: top;
}
div.form table tr td label{
	float: left;
	padding-left: 10px ;
	text-transform: capitalize;
	font-size: 12px ;
	margin-top: 5px ;
	color: #000 ;
}
div.form table tr td input[type="text"]{
	float: left;
	width: 180px ;
	height: 20px ;
	margin: 0 0 5px 10px ;
	border-radius: 5px ;
	border: 1px solid #bcbcbc ; 
	padding-left: 10px ;
	box-shadow: 0px 0px 3px 0px #0179AD inset;
}	
div.form table tr td input[type="tel"]{
	float: left;
	width:180px ;
	height: 20px ;
	margin: 0 0 5px 10px ;
	border-radius: 5px ;
	border: 1px solid #bcbcbc ; 
	padding-left: 10px ;
	box-shadow: 0px 0px 3px 0px #0179AD inset;
}
div.form table tr td input[type="email"]{
	float: left;
	width: 180px ;
	height: 20px ;
	margin: 0 0 5px 10px ;
	border-radius: 5px ;
	border: 1px solid #bcbcbc ; 
	padding-left: 10px ;
	box-shadow: 0px 0px 3px 0px #0179AD inset;
}		
div.form table tr td textarea{
	float: left;
	width: 180px ;
	height: 90px ;
	margin: 0 0 5px 10px ;
	border-radius: 5px ;
	border: 1px solid #bcbcbc ; 
	padding-left: 10px ;
	resize: none;
	box-shadow: 0px 0px 3px 0px #0179AD inset;
}
div.form table tr td select{
	float: left;
	width: 190px ;
	height: 24px ;
	margin: 0 0 5px 10px ;
	border-radius: 5px ;
	border: 1px solid #bcbcbc ; 
	padding-left: 10px ;
	box-shadow: 0px 0px 3px 0px #0179AD inset;
}
div.form table tr td  input[type="submit"]{
	float: right;
	width: 70px ;
	height: 24px ;
	background-color:  #0376AC ;
	border: 1px solid #0376AC ;
	color: #EDEDED ;
	font-weight: bold ;
	text-transform: capitalize;
	border-radius: 5px ; 
	box-shadow: 0px 0px 3px 1px #7bd2fd;
	margin: 10px 20px 10px 0 ;
}

/*===============  about us  =================*/
div.side-b1{
	float: left;
	width: 900px;
	text-align:justify;
	margin-left: 10px ;
}
div.side-b2{
	float: left;
	width: 257px;
	margin-left: 20px ;
}
p.para{
	margin: 0px 0 10px 0;
	padding: 0 ;
	font: 13px calibri  ;
	line-height: 1.4em ;
	text-align: justify;
}
h2.head{
	margin: 5px 0 0 0px;
	padding: 0;	
	font: bold 16px calibri;
	color: #025798 ;	
}

/*=============== footer =================*/
footer[role='foot']{
	float: left;
	width: 100% ;
	clear:both;
	text-align:center;
	background-color: #025798 ;
}
footer[role='foot'] div{
    color: #fff;
    margin: 5px 0;
}
.menu-toggle{ display:none;}
.social{ display:inline; font-weight:bold; padding:0; color:#fff; text-decoration:none;}
/*------------------------ --------------------------------- --------------------------------------- ----------------------------*/

.big{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000000; margin:0; padding:0; }
.small{ margin:10px auto 0; max-width:1000px; padding:10px; z-index:1100; background:#fff; border-radius:3px; }
.small img{ max-width:100%; height:auto}

.widget { background:#fff; padding:5px; margin-bottom:10px;}
.widget h3{ margin:0 0 5px; padding:5px 0;}
.widget ul{ padding:0; margin:0; list-style:none; }
.widget ul li a{ border-bottom:thin solid #ccc; display:block; margin-bottom:10px; padding:5px 0; color:#333; text-decoration:none; }

@media screen and (max-width:768px){
.content{ width:100% !important; margin:auto; }
.main{ width:100%; margin:auto; }
header.header{ text-align:center; height:auto !important;}
.logo, .lg, .iso{ max-width:100%; float:none; margin:auto; }
.top{ width:93% !important; text-align:center; margin:5px auto; float:none !important;}
nav.site-menu{ width:100%; height:auto; margin-bottom:10px;}
nav.site-menu ul{ display:none;}
nav.site-menu ul li{ float:none;}
nav.site-menu ul li a{border-bottom: 1px solid #fff ; border-left:none; display:block; }
.shadow{ display:none}
.side-b1{ float:none !important; margin:auto !important; width:95% !important; text-align:center;}
.side-b2{ float:none !important; margin:auto !important; width:auto !important; text-align:center;}
.side-b2 img{ max-width:100%;}
.slider{ width:100% !important; float:none !important; margin:auto !important; text-align:center; height:auto !important;}
.slider > img{ width:90%;}
.a1,.a2,.a3,.child,.form{ width:95% !important; float:none !important; margin:auto !important; height:auto !important; border:none !important;}
.mid-box1{ width:100% !important; height:auto !important; margin:auto; float:none !important;}
.mid-box1 ul li, .a2 ul li{ float:none !important; margin:5px 0 !important; width: 100% !important; display:block; background:#ededed; border:thin solid #ccc !important; text-align:center; height:auto  !important; padding:10px 0;}
.mid-box1 ul li img, .a2 ul li img{max-width:100%;}
.im1{ float:none !important;}
input,textarea,select{ width:80% !important;}
table{width:100% !important;}
table td{width:50% !important;}
.menu-toggle{ display:block; background:#fff; color:#222; cursor:pointer; text-align:center; margin:0; padding:5px 0; font-size:14px; border:thin solid #999;}
}