/*   
Theme Name:syoga
*/



@charset "utf-8";

/*----------------------
Call External Styles
----------------------*/
@import url("css/slider.css"); 
@import url("css/forms.css"); 
@import url("css/typo.css"); 
@import url("css/reset.css"); 

/*@import url("ie.css"); */
/*@import url("roboto-fontfacekit/stylesheet.css"); */

 
 
/*----------------------
GLOBAL RESET
----------------------*/
@font-face {
 font-family: bibl;
 src: url("font/BIBLSCRN_0.eot") /* EOT file for IE */
}
@font-face {
font-family: bibl;
 src: url("font/BIBLSCRN_0.TTF") /* TTF file for CSS3 browsers */
}
html, body, div, applet, object, iframe,
h1,h2,h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
                margin: 0;
                padding: 0;
                border: 0;
                vertical-align: baseline;
                font-family:Arial, Helvetica, sans-serif;
                line-height: 18px;
                font-weight: normal;
                color: #5a5a5a;
                text-decoration:none;
                font-size: 16px;
}
body {
    color: #5A5A5A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

.clear { height: 0; line-height: 0; clear: both; }
.clr { height: 0; line-height: 0; clear: both; }


::selection {
background: #FF5E99;
color: #fff;
text-shadow: none;
}


/*----------------------
Special Effects
----------------------*/
a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	  

}

.zoomin {
	-webkit-transform: scale(1.9) rotate(1.0deg);
    -moz-transform: scale(1.9) rotate(1.0deg);
    -ms-transform: scale(1.9) rotate(1.0deg);
    -o-transform: scale(1.9) rotate(1.0deg);
    transform: scale(1.9) rotate(1.0deg);
}
.zoomin2{
    text-decoration: none;
    display: block;
    width: 330px;
    height: 228px;
    float: left;
    margin: 0 3px 3px 0;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
.zoomin2:hover {
    opacity: .7;
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}
.greyscal {
	filter: url(filters.svg#grayscale); /* Firefox */
	filter: gray; /* IE */
	-webkit-filter: grayscale(1); /* Webkit */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}



/*----------------------
Typography
----------------------*/

ol, ul , li {
	list-style: none !important;
	list-style-position:inside !important;
	padding: 0px;
	margin: 0px;
}


a {
	  color: #0000ff;

}
a:hover {color:#000;}

p {font-weight:normal;line-height: 20px; margin-bottom:15px;}
h1, h2, h3, h4, h5, h6 {font-size:16px;font-weight:normal;font-family: Arial;}

.alignleft {
	float:left;
	margin-right:20px;
}
.alignright {
	float:right;
	margin-left:20px;
}
.aligncenter {
	text-align:center;
	margin:0 auto;
}


/*----------------------
Global Images
----------------------*/

img { border: none; }
.img-rounded {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.img-polaroid {padding: 4px;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.img-circle {-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}


img.attachment-thumbnail{}
img.attachment-medium{}
img.attachment-large{}
img.attachment-full{}
 img.wp-post-image {
    width: 100%;
}
/*----------------------
Wrapper
----------------------*/

#wrapper {width: 100%; margin:0 auto;} 

.inner {width: 976px;margin:0 auto;}


.slider_wrapper {
	width:100%;
	height:auto;
	overflow:hidden;
	border-bottom: 2px solid #d0e0e0;
	border-top: 1px solid #d0e0e0;
	max-height: 442px;
}
 
/*----------------------
Header
----------------------*/

#header {
	float: left;
	width: 100%;
	margin: 0 auto;
	display: table;
	position: relative;
	z-index: 999;
	min-height: 188px;
	 top: 33px;
}

.logo {
 float: left;
}

.topContact {
	float:right;
}
/*----------------------
Navigation
----------------------*/
/* Main Navigation
====================================*/
.selectnav {
display: none;
cursor: pointer;
width: 100%;
padding: 8px;
height: 37px;
float: left;
font-size: 14px;
margin: 15px 0;
}

#navigation {
    display: block;
    float: right;
    margin: 0;
    position: absolute;
    z-index: 9999;
    bottom: 3px;
    right: 0;
}
#navigation ul{
    float: right;
    border-top: 2px solid #fbad40;
}
/*#navigation ul,
#navigation li {
list-style:none;
padding:0;
margin:0;
display:inline;
}*/
#navigation ul li{
    float: left;
    display: inline;
    list-style: none;
    margin: 2px 2px 0 0;
}

#navigation ul li a { 
    color: #555;
    display: block;
    font-size: 14px;
	    height: 50px;
    padding: 15px 0;
width: 91px;
    text-align: center;
    transition: all 0.5s ease 0s;
    text-transform: capitalize;
    background: url("images/menu-arrow.png") no-repeat scroll 0 -200px transparent;
}

#navigation ul li a:hover,
#navigation .current-menu-item a, #navigation .current_page_parent .current-menu-item a, .current_page_parent {
/* background: #72b626 !important; */
color: #fff;
background: url("images/menu-arrow.png") no-repeat scroll 0 0 transparent;-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

#navigation ul ul {
position: absolute;
display: none;
top: 51px;
left: 0;
background: #3B7FC3;
z-index: 999;
}

#navigation ul ul li a {color: #fff;}
#navigation ul ul li a:hover {
color: #fff;
}

#navigation ul ul li a {
display: block;
width: 155px;
margin: 0;
padding: 9px 18px;
font-family: Arial;
font-weight: normal;
font-size: 15px;
border-right:0;
border-bottom: 1px solid #2866A3;
background: none;
}

#navigation ul ul ul { 
position: absolute; 
top:0px; 
left:100%; 
z-index: 999;
}

#navigation ul ul ul li a { 
border-bottom: 1px solid #404040 !important;
border-top: 1px solid transparent;
background: none;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
#navigation ul li:hover>ul {opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover>ul {position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
#navigation ul li:hover > a {/* background: #72b626 */color: #FFF;      background: url("images/menu-arrow.png") no-repeat scroll 0 0 transparent;}
#navigation ul ul li:hover > a {color: #fff;}

#navigation .last a {
border-right:0 !important;
}
/*----------------------
Content
----------------------*/

.container {
}
.content {}
.entry {}
.entry h2 {}
.entry p {}
.entry a {}
.entry img {}
.post {}

.headline, .pages_title {
	background: url(images/headline-bg.png) 0 50% repeat-x;
	display: block;
	margin: 30px 0 8px 0;
}
.headline h2, .pages_title h2 {
	background-color: #fff;
	display: inline;
	padding: 0 10px 0 0;
	color: #4c4d4f;
	text-transform: capitalize;
	font-style: italic;
	font-weight: 400;
	font-size: 32px;
}
.main-content
	{
		width:100%;	
		float:left;
		margin:30px auto 0;
}
.welcome-area	{
	width:500px;
	float:left;
}
.welcome-area h2{
	 font-size:32px;
	 padding: 0 0 30px 0;
	 float:left;
	 color:#4c4d4f;
	 font-style:italic;
}
.welcome-area ul, .list{
	margin: 0 0 0 23px;
	list-style:none outside none;
}
.welcome-area ul li, .list li {
	width: 100%;
	list-style: disc outside url(images/arrow.png) !important;
	margin:15px 0 0px 0;
	clear:both;
}

.list {
margin-bottom:20px;
}

.contact-details	{
		width:300px;
		float:left;
}
.contact-details h2{
	font-size:32px;
	padding: 0 0 30px 0;
	color:#4c4d4f;
	font-style:italic;
}
.contact-details ul {}
.contact-details ul  li{
    display: inline-block;
    padding: 10px 0;
    width: 100%;
}
.contact-details ul li span {
    font-size: 12px;
    color: #5a5a5a;
    font-weight: 600;
    width: 70px;
    display: inline-block;
}
.contact-details ul li  a{
    font-size: 12px;
    color: #5a5a5a;
    font-weight: 600;
}
li.fb a {
    float: left;
    /* width: 43px; */
    padding: 0 10px 0 0;
} 
li.fb p{
	margin:0;
}
.contant-logo{
	float: left;
	clear: both;
}
.contant-logo img{}

.body-content {
    width: 100%;
    margin: 30px auto 0;
    display: inline-block;
}
.right-logo {
    float: right;
	width: 121px;
}
.right-logo  img{width:100%;} 
.left-logo {
    float: left;
	
}
.certi {
    width: 100%;
    margin: 0 auto;
    display: table;
}
ul.left {
    width: 300px;
    float: left;
}
ul.left li{
    width: 100%;
    padding: 5px 0;
}
ul.left li span{
    float: right;
}
ul.right {
    float: right;
    width: 497px;
    float: left;
    margin-left: 50px;
}

ul.right li {
 padding: 5px 0 5px 0;
}

.capital {
    position: absolute;
    top: -20px;
    right: 0;
}

div#post-6 {
    position: relative;
}
span2{color:#C90;}
span3{color:#069;}
/*----------------------
Footer
----------------------*/

.footer{
	margin-top:50px;
	width: 100%;
	margin-bottom: 30px;
	display: table;
	text-align: center;
}
.cp {
	/* float:left; */
}




div#wpcf7-f49-p8-o1{
	float:left;
	width:60%;
}
div#wpcf7-f49-p8-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 97%;
    padding: 0;
    height: 34px;
    padding: 0 0 0 11px;
    box-shadow: -2px -2px 2px 0px #FBAD40;
    border: none;
    border-bottom: 1px solid #FBAD40;
    border-right: 1px solid #FBAD40;
    border-radius: 3px;
}
div#wpcf7-f49-p8-o1 textarea.wpcf7-form-control.wpcf7-textarea{
    padding: 6px 0 0 11px; 
	resize: none;    
    height: 110px;
    box-shadow: -2px -2px 2px 0px #FBAD40;
    border: none;
    border-bottom: 1px solid #FBAD40;
    border-right: 1px solid #FBAD40;
    border-radius: 3px;    
    width: 97%;
}
div#wpcf7-f49-p8-o1 input.wpcf7-form-control.wpcf7-submit{
	width: 100%;
}
div#wpcf7-f49-p8-o1 .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  width: 100% !important;
  float: none;
  left: 0;
  margin: 0 auto !important;
  float: left;
  box-sizing: border-box;
}

.fb-center {
	float:left;
	width: 74%;
	text-align: center;
	margin-top: 60px;
}

.fb-center a, .fb-center p {
	display:inline-block;
	vertical-align: top;
}

.table-design {
margin-bottom: 20px;border: 4px solid #28398d;}

.table-design th {
	font-weight: bold;
	border: 3px solid #fbad40;
	padding: 10px;
	background-color: #000000;
	color: #FFFFFF;
}

.table-design td {
	border: 3px solid #fbad40;
	padding: 10px;
	color: #000000;
}

.quote {
	position:relative;
}

.quote:before {
	content:'';
	background:url(images/left_quote.png) no-repeat;
	padding: 0px 8px 0px 7px;
}

.quote:after {
	content:'';
	background:url(images/right_quote.png) no-repeat;
	padding: 0px 8px 0px 7px;
	position: relative;
	right: -6px;
}

.sam-direction-nav {
	display:none;
}