/*

Theme Name: Ehann

Theme URI: http://dev.ehann.co.uk/

Author: Prince Haldar

Author URI: http://ehann.co.uk

Description: This is a responsive theme

Version: 1.0

License: GNU General Public License

License URI: see license.txt

Tags: fluid-layout,theme-options, one-column, dark, black, white, right-sidebar, left-sidebar, custom-background, featured-images, full-width-template,sticky-post, post-formats, responsive-layout, threaded-comments


*/

body{

	margin: 0;

	padding: 0;

	padding-top: 70px;

}

ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }



p{

	margin: 0 0 20px 0;	

}



p, ul{

	font-family:"Open Sans", Arial, Helvetica, sans-serif;

	font-size-adjust:0.488;

	font-style:normal;

}



img{

	border: 0;

	width:100%;

	height:auto;

}



h1,h2,h3,h4{

	font-family:'Open Sans', Verdana, sans-serif;

	font-size-adjust:0.531;

	font-weight:500;

	font-style:normal;

}

p,a{font-family: 'Open Sans', sans-serif;}



th { 

  background: #333; 

  color: white; 

  font-weight: bold; 

}

td, th { 

  padding: 10px; 

  border: 1px solid #ccc; 

  text-align: center; 

}





/*WordPress Classes */

.sticky {

  background: none repeat scroll 0 0 #ddd;

  border-bottom: 2px solid #f5f4e8;

  padding: 10px;

  border-radius: 15px;

}

.bypostauthor {

	overflow: auto;

	}

.alignnone {

    margin: 5px 20px 20px 0;

    max-width: 100%;

    width: auto;

    height: auto;	}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

    max-width: 100%;

    width: auto;

    height: auto;

	}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

    max-width: 100%;

    width: auto;

    height: auto;

	}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

    max-width: 100%;

    width: auto;

    height: auto;

	}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

    max-width: 100%;

    width: auto;

    height: auto;

	}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

	}



a img.alignnone {

    margin: 5px 20px 20px 0;

	}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

	}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

	}



.wp-caption {

    max-width: 96%; /* Image does not overflow the content area */

    text-align: center;

	}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

	}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

	}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

	}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

	}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0 !important;

    padding: 0;

	}





/*WordPress Gallery */



.gallery {

	margin: 0 auto 18px;

	}



.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

	}



.gallery-columns-2 .gallery-item {

	width: 50%;

	}



.gallery-columns-4 .gallery-item {

	width: 25%;

	}



.gallery img,

#gallery-1 img {

	border: 1px solid #EFEFEF !important;

	background: #F4F4F4; 

	padding: 8px;

	line-height: 0;

	}



.gallery img:hover {

	background: white;

	}



.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

	}



.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

	}



.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

	}



.gallery dl,

.gallery dt {

	margin: 0;

	}



.gallery br+br {

	display: none;

	}



.float-left{

	float: left;	

	margin: 0 0 0 20px;

}



.float-right{

	float: right;

	margin: 0 20px 0 0;

}



.center{

	font-size: 2.5em;

	padding: 80px 0 0 0;

	text-align: center;

}



#nav{

	list-style: none;

	position: fixed;

	right: 20px;

}



#nav li{

	margin: 0 0 15px 0;	

}



#header, #intro, #second{

	width: 100%;

}



#intro img{width:100%;height:auto;}



.services h3{

text-align:center;

}

.services p{

text-align:justify;

}

.ourteam h2.title{padding-bottom:30px;}

.team p{text-align:justify;padding:0 7px;}

.team h3, .team h4{font-weight:300;font-family: Open Sans;}

.team img{width:100%;height:auto;}



#fifth{

	background: #fff;

	/*height: 400px;*/

	margin: 0 auto;

	padding: 40px 0 0 0;

}

.team{overflow:hidden;margin-bottom:20px;}

.calltoaction .text{text-align:justify;}

.postexcerp img{margin:20px 0 20px 0;max-height:200px;}

.footer{border-top: 1px solid #e5e5e5;

min-height:200px;

border-top: 1px solid #e5e5e5;

color: #777;

margin-top: 100px;

padding-bottom: 10px;

padding-top: 40px;}

.footer h3{font-size:16px;}

.smGlobalBtn{ /* global button class */

    display: inline-block;

    position: relative;

    cursor: pointer;

    width: 40px;

    height: 40px;

    box-shadow: 0 2px 2px #999;

    padding: 0px;

    text-decoration: none;

    text-align: center;

    color: #fff;

    font-size: 20px;

    font-weight: normal;

    line-height: 2em;

    border-radius: 20px;

    -moz-border-radius:20px 20px 20px 20px;

    -webkit-border-radius:20px 20px 20px 20px;

}

/* facebook button class*/

.facebookBtn{

    background: #4060A5;

}



.facebookBtn:before{ /* use :before to add the relevant icons */

    font-family: "FontAwesome";

    content: "\f09a"; /* add facebook icon */

}



.facebookBtn:hover{

    color: #4060A5;

    background: #fff;

}



/* twitter button class*/

.twitterBtn{

    background: #00ABE3;

}



.twitterBtn:before{

      font-family: "FontAwesome";

      content: "\f099"; /* add twitter icon */

}



.twitterBtn:hover{

      color: #00ABE3;

      background: #fff;

}



/* google plus button class*/

.googleplusBtn{

    background: #e64522;

}



.googleplusBtn:before{

      font-family: "FontAwesome";

      content: "\f0d5"; /* add googleplus icon */

}



.googleplusBtn:hover{

      color: #e64522;

      background: #fff;

}



/* linkedin button class*/

.linkedinBtn{

    background: #0094BC;

}



.linkedinBtn:before{

      font-family: "FontAwesome";

      content: "\f0e1"; /* add linkedin icon */

}



.linkedinBtn:hover{

      color: #0094BC;

      background: #fff;

}



/* pinterest button class*/

.pinterestBtn{

    background: #cb2027;

}



.pinterestBtn:before{

      font-family: "FontAwesome";

      content: "\f0d2"; /* add pinterest icon */

}



.pinterestBtn:hover{

      color: #cb2027;

      background: #fff;

}



/* tumblr button class*/

.tumblrBtn{

    background: #3a5876;

}



.tumblrBtn:before{

      font-family: "FontAwesome";

      content: "\f173"; /* add tumblr icon */

}



.tumblrBtn:hover{

      color: #3a5876;

      background: #fff;

}



/* rss button class*/

.rssBtn{

    background: #e88845;

}



.rssBtn:before{

      font-family: "FontAwesome";

      content: "\f09e"; /* add rss icon */

}



.rssBtn:hover{

      color: #e88845;

      background: #fff;

}



a:hover{text-decoration:none;}

.footer-box-line {

  background: none repeat scroll 0 0 #888;

  float: right;

  height: 5px;

  margin-top: -22px;

  padding-left: 10px;

  width: 37%;

}

.view{

   overflow: hidden;

   position: relative;

   text-align: center;

   cursor: default;

}



.view .mask, .view .content {

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}



.view img {

   display: block;

   position: relative;

}



.view a.info {

   background:url(images/link.png) center no-repeat;

   display: inline-block;

   text-decoration: none;

   padding:0;

   text-indent:-9999px;

   width:20px;

   height:20px;

}

.third-effect .mask {

   opacity: 0;

   overflow:visible;

   background:rgba(0,0,0,0.7);

   box-sizing:border-box;

   transition: all .6s ease-in-out;

   width:90%;

   height:100%;

   margin-left:5%;

   color:#fff;

}



.third-effect a.info {

   position:relative;

 /* Center the link */

   opacity: 0;

   transition: opacity 0.5s 0s ease-in-out;

}



.third-effect:hover .mask {

   opacity: 1;

  

}



.third-effect:hover a.info {

   opacity:1;

   transition-delay: 0.3s;

}

   .sidebar ul li{list-style:none}

   .sidebar #wp-calendar{margin:0 auto;}

   .sidebar #wp-calendar caption{font-family: 'Open Sans',Verdana,sans-serif;font-size:16px;}

   .sidebar tr,.sidebar th{padding:10px !important;font-family: Open Sans,Verdana,sans-serif;}

   .newsletter-submit, .wysija-submit{background: none repeat scroll 0 0 #888;border:0px !important;padding: 8px !important;color:#fff;text-transform:uppercase;font-family:Open Sans;}

input.wysija-input, .newsletter-widget .newsletter-email {width:90%;height:35px;border:1px solid #ddd;margin-top:10px;}

.formErrorContent{position:absolute !important; right:0px;}

#cf_name, #cf_email, #cf_subject{width:100%;border:1px solid #ddd;height:35px;margin-bottom:15px;padding-left:15px;}

.contact textarea{width:100%;border:1px solid #ddd;padding-left:15px;padding-top:15px;}

.contact submit{width:80px !important;}

.contact .wpcf7 form .ajax-loader{height:20px;width:20px;}

.googlemap{margin-top:20px;}

/* Calendar */



#calendar_wrap {

	border: 1px solid #DDD;

	border-radius: 4px;

	}

.sidebar{font-family: 'Open Sans',sans-serif;}

.sidebar #wp-calendar {

	width: 100%;

	}



.sidebar #wp-calendar caption {

	font-size: 18px;

	font-style: italic;

	color: #777;

	background: #F4F4F4;

	padding: 5px 0 8px 0;

	margin-bottom: 10px;

	border-bottom: 1px solid #DDD;

	}



.sidebar #wp-calendar th,

.sidebar #wp-calendar td {

	text-align: center;

	}



.sidebar #wp-calendar #today {

	background: #F4F4F4;

	border-radius: 4px;

	}



.sidebar #wp-calendar #prev,

.widget_calendar #wp-calendar #next {

	padding: 5px 0;

	}

.tagcloud a {

  background: none repeat scroll 0 0 #ccc;

  line-height: 40px;

  margin: 5px;

  padding: 5px;

}

#searchform .screen-reader-text {

    width:100%;

	font-family: 'Open Sans',,Verdana,sans-serif;

font-size-adjust: 0.531;

font-style: normal;

font-weight: 500;

font-size:16px;

}

#searchform #s{border: 1px solid #ddd;

height: 35px;

width: 90%;}

#searchsubmit,#cf_send{background: none repeat scroll 0 0 #888;

border: 0 none !important;

color: #fff;

font-family: Open Sans;

padding: 8px !important;

text-transform: uppercase;margin-top: 20px;}

.contact{margin-top:20px;}

.navbottomspace{height:30px;width:100%}

.homepgimg{margin:20px 0px;height:auto;}

.social-icons a{margin-right:5px;margin-bottom:5px;}

.hphone{text-align:right;}

.navbar{min-height:91px;}

.phonewrapper{min-height:40px;width:100%;}

.copyright{padding-top:30px;}

.teamwidget{padding-top:40px;}

.carousel-caption h3 span{background:#000;opacity:.5;padding:5px;text-transform:uppercase;}

.carousel-caption  p{background:#000;opacity:.5;padding:10px;text-align:center !important;}.carousel-control span{visibility:hidden;}#carousel-example-generic:hover span{visibility:visible;}

/* ===Recent Post Carousel =====*/

.jcarousel-wrapper {

    margin: 20px auto;

    position: relative;

    -webkit-box-shadow: 0 0 2px #999;

    -moz-box-shadow: 0 0 2px #999;

    box-shadow: 0 0 2px #999;

}



/** Carousel **/



.jcarousel {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.jcarousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

}



.jcarousel li {

    width: 200px;

    float: left;

    border: 1px solid #fff;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.jcarousel img {

    display: block;

    max-width: 100%;

    height: auto !important;

}



/** Carousel Controls **/



.jcarousel-control-prev,

.jcarousel-control-next {

    position: absolute;

    top: 50%;

    margin-top: -15px;

    width: 30px;

    height: 30px;

    text-align: center;

    background: #4E443C;

    color: #fff;

    text-decoration: none;

    text-shadow: 0 0 1px #000;

    font: 24px/27px Arial, sans-serif;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    -webkit-box-shadow: 0 0 4px #F0EFE7;

    -moz-box-shadow: 0 0 4px #F0EFE7;

    box-shadow: 0 0 4px #F0EFE7;

}



.jcarousel-control-prev {

    left: 15px;

}



.jcarousel-control-next {

    right: 15px;

}



/** Carousel Pagination **/



.jcarousel-pagination {

    position: absolute;

    bottom: -40px;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    margin: 0;

}



.jcarousel-pagination a {

    text-decoration: none;

    display: inline-block;



    font-size: 11px;

    height: 10px;

    width: 10px;

    line-height: 10px;



    background: #fff;

    color: #4E443C;

    border-radius: 10px;

    text-indent: -9999px;



    margin-right: 7px;





    -webkit-box-shadow: 0 0 2px #4E443C;

    -moz-box-shadow: 0 0 2px #4E443C;

    box-shadow: 0 0 2px #4E443C;

}



.jcarousel-pagination a.active {

    background: #4E443C;

    color: #fff;

    opacity: 1;



    -webkit-box-shadow: 0 0 2px #F0EFE7;

    -moz-box-shadow: 0 0 2px #F0EFE7;

    box-shadow: 0 0 2px #F0EFE7;

}

.latestposttitle{text-align:center;font-size: 15px;}

.latestposttitlep{text-align:justify;padding-right:10px;}

.link {

   background:url(images/link.png) center no-repeat;

   display: inline-block;

   text-decoration: none;

   padding:0;

   text-indent:-9999px;

   width:20px;

   height:20px;

}

.siglepst p,.home p{text-align:justify;}

.wrapper{padding-bottom:30px;}



/* ===End of Recent Post Carousel =====*/

.fa-effect .fa {

	display: inline-block;

	font-size: 0px;

	cursor: pointer;

	margin: 15px 30px;

	width: 60px;

	height: 60px;

	border-radius: 50%;

	text-align: center;

	position: relative;

	z-index: 1;

	color: #fff;

}



.fa-effect .fa:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

}



.fa-effect .fa:before {

	speak: none;

	font-size: 32px;

	line-height: 60px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	display: block;

	-webkit-font-smoothing: antialiased;

}

.fa-effect .fa {

	background: #999;

	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;

	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;

	transition: transform ease-out 0.1s, background 0.2s;

}



.fa-effect .fa:after {

	top: 0;

	left: 0;

	padding: 0;

	z-index: -1;

	box-shadow: 0 0 0 2px rgba(0,0,0,0.1);

	opacity: 0;

	-webkit-transform: scale(0.9);

	-moz-transform: scale(0.9);

	-ms-transform: scale(0.9);

	transform: scale(0.9);

}



.fa-effect .fa:hover {

	background: rgba(0,0,0,0.05);

	-webkit-transform: scale(0.93);

	-moz-transform: scale(0.93);

	-ms-transform: scale(0.93);

	transform: scale(0.93);

	color: #999;

}



.fa-effect .fa:hover:after {

	-webkit-animation: sonarEffect 1.3s ease-out 75ms;

	-moz-animation: sonarEffect 1.3s ease-out 75ms;

	animation: sonarEffect 1.3s ease-out 75ms;

}



@-webkit-keyframes sonarEffect {

	0% {

		opacity: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(0,0,0,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0,0,0,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(0,0,0,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0,0,0,0.5);

		-webkit-transform: scale(1.5);

		opacity: 0;

	}

}

@-moz-keyframes sonarEffect {

	0% {

		opacity: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(0,0,0,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0,0,0,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(0,0,0,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0,0,0,0.5);

		-moz-transform: scale(1.5);

		opacity: 0;

	}

}

@keyframes sonarEffect {

	0% {

		opacity: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(0,0,0,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0,0,0,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(0,0,0,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0,0,0,0.5);

		transform: scale(1.5);

		opacity: 0;

	}

}.mright{text-align:right !important;}

.nav ul li ul{visibility: hidden;}

.nav ul li:hover ul{left:100%;visibility: visible;top:0px;}

@media (max-width: 400px) { .logo{margin-top:-12px;}.carousel-caption{display:none;} }





@media (min-width: 992px) { .formError .formErrorContent{margin-left:-90px;} }





@media (min-width: 1200px) { .formError .formErrorContent{margin-left:-100px;} }