/*--
	Theme Name: theme5820
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.4+ from Template-Help.com Collection
	Author: Template_Help.com 
	Author URL: http://www.Template-Help.com/ 
--*/
/* General
---------------------------------------- */
@charset utf-8;
@import url(http://fonts.googleapis.com/css?family=Dosis:500,600);
@import url(http://fonts.googleapis.com/css?family=Wire+One);
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans);

@import "css/fancybox.css";
@import "css/jquery.mobile.custom.min.css";

body{
	position: absolute;	
	color: #87807f;
	font: 13px/21px "Tahoma", sans-serif;
	height: 100%;
	width: 100%;
	min-height: 420px;
	background: #1a1a1a;
}
#wrapper{
	position: absolute;
	width: 100%;
	min-height: 100%;
	z-index: 0;
	opacity: 0;
}
#web_site_spinner{
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
	background-color: #000000;
	background: #1a1a1a url("images/loader.gif") center no-repeat;
}
/*-------------logo------------*/
#wrapper>header{
    position: relative;
    z-index: 100;
}
#wrapper>header>div{
    width: 220px;
    margin-left: 10px;
    border-top: 8px solid #00AEF0;
    padding: 38px 0px;
    background: #1a1a1a;
}
#logo{
    margin-bottom: 105px;
    /*margin-left: 28px;*/
    background-color: #ffffff;
}
#logo>a{
	/*display: inline-block;*/
	font: 94px "Wire One", sans-serif;
	color: #fff;
	line-height: 68px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: initial;  
	-moz-transition: initial;  
	-o-transition: initial;  
	transition: initial;
	width: 110px;
}
#logoText{
    margin-left: -1px;
    padding-bottom: 3px;
    margin-top: 5px;
}
#logoSlogan{
    font: 20px "Ropa Sans", sans-serif;  
    color: #777777;
    text-transform: uppercase;
    padding-left: 1px;
    padding-bottom: 1px;
}
#logoImg>img{
}
#slogan{
    position: absolute;
    top: -225px;
    right: 0;
    color: #3c3432;
    font:60px "Signika Negative", sans-serif;
    width: 572px;
    line-height: 53px;
    letter-spacing: -3px;
}
#slogan>span{
	color: #5e8b7f;
}
/*-------------Menu------------*/
#headerMenu>li{
    margin-bottom: -1px;
    position: relative;
    height: 16px;
}
#headerMenu>li>a{
	display: block;
 	
	font: 600 16px "Dosis", sans-serif;  
    color: #fff;
	z-index: 1;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	position: absolute;
	height: 100%;
	line-height: 16px;
	width: 100%;
	overflow: hidden;
}
.over{
    width: 100%;
    height: 100%;
    background: #00AEF0;
    z-index: 0;
    position: absolute;
    left: -250px;
}
.overText{
    position: absolute;
    width: 100%;
    z-index: 3;
    left: -250px;
    background: url("images/menu_arr.png") -20px 5px no-repeat;
}
.outText{
    position: absolute;
    width: 100%;
    z-index: 3;
    left: -32px;
    background: url("images/menu_arr.png") -20px 5px no-repeat;
}
.area{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}
/*-------------Sub Menu------------*/
.sub-menu{
    position: absolute;
    z-index: 2;
    padding: 10px 0px;
    background: #1A1A1A;
    top: -10px;
    left: 100%;
    width: 100%;
}
.sub-menu .sub-menu{
}
.sub-menu>li{
	position: relative;
	height: 16px;		
	
}
.sub-menu>li>a{
	position: relative;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font:600 16px "Dosis", sans-serif;  color: white;
	white-space: nowrap;
	height: 100%;
	width: 100%;
	line-height: 16px;
	overflow: hidden;
}
.sub-menu>li.last-child>a{
	padding-bottom: 32px;
}
/*-------------Gallery------------*/
#gall{
	position: absolute;
	z-index: -1;
	overflow: hidden;
	height: 100%;
	width: 100%;
	top: 0;
}
#galleryHolder>img{
	position: absolute;
	width: 976px;
	height: 576px;
	top: 0px;
	left: -8px;
}
#imageHolder{
	
	
}
#imgSpinner{
	position: absolute;
	z-index: 100;
	height: 8px;
	width: 100%;
	background: #00AEF0 url("images/loader_img.gif") center repeat-x;
	bottom: 31px;
	opacity: 0.5;
}
#galleryDiscription{
	position: absolute;
	display: block;
	left: 200px;
	top: 50%;
	width: 100%;
}
#galleryDiscription>li{
	position: absolute;
	width: 100%;
	padding: 0 0 0 9px;
}
@media only screen and (max-width: 767px) {
	#galleryDiscription{
		left: 20px;
	}
}
#controls{
    z-index: 500;
    height: 100%;
    position: relative;
}
#nextButton{
    display: inline-block;
    width: 30px;
    height: 32px;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 58px;
    background: #1A1A1A url("images/arr_gallery.png") -42px 5px no-repeat;
}
#nextButton:hover{
	background-color: #00aef0;
}
#prevButton{
    display: inline-block;
    width: 30px;
    height: 32px;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 58px;
    margin-left: -31px;
    background: #1A1A1A url("images/arr_gallery.png") 8px 5px no-repeat;
}
#prevButton:hover{
    background-color: #00aef0;	
}
#previewHolder{
    position: absolute;
    z-index: 100;
    bottom: 60px;
    right: 10px;
}
#previewHolder ul>li{
    display: inline-block;
    margin-right: 2px;
}
.thumbnailGallery{
	position: relative;
	display: block;
	width: 53px;
	height: 13px;
	background: #1A1A1A;
}
.thumbnailGallery:hover, .active>a{
	background: #00aef0;
}
.splashButton{
 	font: 14px "Oswald", sans-serif;  
    color: #f0eeeb;
 	background: #D17040;
    text-decoration: none;
    text-transform: uppercase;
 	padding: 6px 19px;
    display: inline-block;
    position: relative;
 	position: absolute;
 	right: 41px;
 	top: 20px;
}
.splashButton:hover{
	color: #000;
	background: white;
}
/*-------------Content-----------*/
/*-------------Content Wrapper-----------*/
#backToTop{
	position: fixed;
	cursor: pointer;
	z-index: 1000;
	background-color: #00AEF0;
	width: 34px;
	height: 28px;
	padding-top: 4px;
	bottom: 1px;
	right: 1px;
}
#backToTop>div{
	background: url(images/up-arrow.png) center center no-repeat;
	height: 23px;
}
#pageSpinner{
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -17px;
	z-index: 100;
    height: 35px;
    width: 35px;
	display: none;
	padding: 2px;
	background: url("images/loader_bg.png") 0 0 no-repeat;
}
#pageSpinner>div{
    height: 31px;
    width: 31px;
    background: url("images/loader.gif") 0 0 no-repeat;
}
#pageList{
	width: 100%;
	overflow: hidden;
	position: relative;  
	z-index: 99;
	background: url("images/content_bg.png");
	margin-bottom: 100px;
	margin-top: 33px;
}
#pageList>section>article{
	position: relative;
	overflow: hidden;
	padding: 76px 0px 55px;
}
/*-------------Teg Style-----------*/
h2{
	padding-bottom: 24px;
	color: #fff;
	text-transform: uppercase;
	font: 500 25px "Dosis", sans-serif;
	letter-spacing: 0px;
	min-height: 35px;
}
h2>span.color_1{
	text-transform: uppercase;
}
h3{
    padding-bottom: 4px;  
    color: #fff;  
	text-transform: uppercase;  
    font: bold 13px "Tahoma", sans-serif; 				
    line-height: 21px;
}
h4{
    color: #DAD2D1;  
    font-size: 13px;  
    padding-bottom: 11px;  
    line-height: 16px;
}
p, .excerpt{
	padding-bottom: 21px;
}
a{
	text-transform: uppercase;
	text-decoration: none;
}
/*-------------Class Style-----------*/
.thumbnail{
    position: relative;
    background: #fff;
    padding: 9px;
    display: block;
}
.button, .previouspostslink, .nextpostslink, .last, .first{
	display: inline-block;
	color: #Fff;
	font: 600 14px "Dosis", sans-serif;
	cursor: pointer;
	text-transform: uppercase;
	background: #00AEF0;
	padding: 8px 16px;
	text-decoration: none;
	border: 0;
	margin: 0;
	margin-right: 5px;
	position: relative;
	height: auto;
	text-shadow: 1px 1px 1px #0396D5;
}
.button:hover, .previouspostslink:hover, .nextpostslink:hover, .last:hover, .first:hover{
    color: #1A1A1A;
    background: #fff;
    text-shadow: 1px 1px 1px white;
}
.color_1, .color_1 a{
	color: #00AEF0;
	text-transform: lowercase;
}
.color_1 a:hover{
	color: #fff;	
}
.color_1:first-letter, .color_1 a:first-letter{
	text-transform: uppercase;
}
/*-------------Fullwidth Page Style-----------*/
.list_1{
    margin-left: 1px;
    margin-bottom: 29px;
}
.list_1>li, .cat-item{
	margin-bottom: 5px;
}
.list_1>li>a, .cat-item>a{
    padding-left: 23px;
    background: url(images/list_point.png) 0 6px no-repeat;
    display: inline-block;
    text-decoration: underline;
}
.list_1>li>a:hover, .cat-item>a:hover{
	background-position: 9px 6px;	
}
.list_2{
    margin-left: 1px;
    margin-top: -2px;
}
.list_2>li{
	margin-bottom: -2px;
}
.list_2>li img{
	float: left;
	margin-right: 7px;
}
.list_2>li>h3{
	padding-bottom: 0;
}
.list_2>li a{
	text-decoration: none;
}

.latest_news{
	margin-top: -2px !important;
	margin-bottom: 33px !important;
}
.latest_news>li, .awards>li{
	background: url(images/line-hor.gif) 0 bottom repeat-x;
	padding-top: 19px;
}
.latest_news>li:first-child, .awards>li:first-child {
	padding-top: 0;
	float: none;
}
.resent_thumbnail{
    float: left;
    margin: 5px 17px 0 1px;
    height: 107px;
}
.dropcap{
	display: inline-block;
	width: 32px;
	background: #d17040;
	color: #f0eeeb;
	font: 20px "Oswald", sans-serif;
	text-align: center;
	float: left;
	margin: 4px 8px 12px 0;
	padding: 1px 0;
}
/*DESIGN TEAM*/
.entry>a>.thumbnail{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.entry>a:hover>.thumbnail{
	background: #ab2f31;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.entry{
    float: left;
    margin: -3px 0px 0px 0px;
}
.entry>a{
    font-size: 15px;
    color: #949494;
    text-decoration: none;
   	
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.entry>a:hover{
	color: #000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.noMarginR{
    margin-right: 0px;
}
.recent-posts {
    margin: 0px 0 0 0px;
    display: inline-block;
}
/*latest events*/
.popular_posts{
	margin-top: -6px;
	margin-bottom: 7px;
	display: inline-block;
}
.popular_posts>li{
    margin-bottom: 13px;
}
.widget ul{
    margin-bottom: 10px;	
}
.widget ul>li>a:hover{
}
/*testi_item*/
.name-testi>a{
	text-transform: lowercase;
}
.testimonial{
	margin-bottom: 50px;
}
.testiLeft{
	float: left;
	margin: 0px 13px 0  0px;
}
.testimonials{
    margin: -4px 0 16px 1px;
}
.featured-thumbnail{
    float: left;
    margin: -4px 14px 0 0;
}
.testi_item h4{
    padding-bottom: 1px;
	
}
.testi_item{
	margin-bottom: 1em;	
	padding-top: 4px;
}
.testimonials div.testi_item blockquote {
	border: none;
	padding: 15px 0 15px 30px;
	margin: 0;
}
.testimonials div.testi_item blockquote>a {
	color: #888;
	text-decoration: none;
	font-style: italic;
	font-size: 13px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: block;
}
.testimonials div.testi_item blockquote>a:hover {
	color: #AB2F31;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.name-testi {
	padding: 0 0 0 2.2em;
	text-align: right;
	font-weight: bold;
	display: block;
	color: #fff;
	margin-top: -25px;
}
.services>li>img{
    float: left;
    margin-right: 10px;
}
.services>li>h4{
    margin-top: -20px;
}
.services>li{
	margin-bottom: 10px;
}
.width_1{
    width: 600px;
}
.marker{
	float: left;
	margin-top: 1px;
	padding-right: 11px;
	color: #00AEF0;
	display: table-cell;
}
.faq_list>dt{
	overflow: hidden;
	padding-bottom: 10px;
}
.faq_list>dd{
	overflow: hidden;
}
.faq_list>dd>p{
	display: table-cell;
}
/*-------------Comment List Style------------*/
.author{
    color: #00AEF0;
}
/*-------------wp-pagenavi Style------------*/
.wp-pagenavi .current{
	color: #00AEF0;
}
/*-------------Forms Style------------*/
#commentform .field input, .wpcf7-form .field input, #searchform>.searching{
	overflow: hidden;
	padding: 6px 1%;
	outline: none;
	border: 2px solid #00AEF0;
	background: white;
	font: 12px "Arial", sans-serif;
	resize: none;
	margin: 0;
	width: 97%;
}
#commentform textarea, .wpcf7-form textarea{
	overflow: hidden;
	margin: 0;
	padding: 6px 1%;
	outline: none;
	font: 12px "Arial", sans-serif;
	resize: none;
	height: 218px;
	border: 2px solid #00AEF0;
	background: #fff;  
	color: #000;
	width: 97%;
}
.field{
	padding-bottom: 10px ;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
/*-------------Contact Forms Style------------*/
.bInline{
	display: inline-block;
	width: 100%;
}
.submit-wrap{
    margin-left: -2px;
}
/*------------Search Forms Style------------*/
#searchform>.searching{
	width: 52%;  
	height: 17px;
	margin: 0px 11px 0 0;
	display: block;
	float: left;
}
/*-------------Coment Forms Style------------*/
#respond{
	margin-top: 46px;
}
#commentform{
	overflow: hidden;
}
#commentform>.field>input{
}
#commentform>.field>textarea{
	width: 339px;
}
.formT{
	width: 560px;
}
.nWidth{
    width: 400px !important;
}
/*-------------sidebar------------*/
.widget{
    padding-bottom: 20px;
}
.latestpost>li{
	padding-top: 23px;
	border-top: 1px solid #242425;
}
.latestpost>li:first-child{
	padding-top: 0;
	border: none;
}
.recent-post-meta{
	display: inline-block;
	color: #fff;
}
.recent-comments{	
	float: right;
	display: inline-block;
	margin-right: 20px;
}
.recent-comments>a{
	color: #FFAF00;
}
.recent-comments>a:hover{
	color: #fff;
}
.recent-content{
	display: table-cell;
}
.recent-content>p{
	padding-bottom: 5px;
}
.widget h2{
    padding-bottom: 22px;
}
.cat-item a:hover{
}
#footer_block_2 li{
    margin-bottom: 9px;
}
#footer_block_3 li{
    margin-bottom: 9px;
}
#wp-calendar a{
	color: #00AEF0;	
}
#wp-calendar a:hover{
 	color: #fff;	
}
/*-------------contacts------------*/
.contacts span{
    display: inline-block;
    width: 71px;
}
.contacts{
	float: left;
}
/*-------------footer------------*/
#footer{
	z-index: 100;
	height: 27px;
	font: 13px "Trebuchet MS", sans-serif;      
	color: #ffffff;    
	text-transform: uppercase;
	padding: 7px 0 0 0;
	width: 100%;
	position: absolute;  
	background: #222222;
	text-align: center;
	bottom: 0;
}
#footer_block_1{
	float: right;
	margin-right: 11px;
}
#footer a{
	text-decoration: none;
}
#footer a:hover{
}
#footerText{
	float: left;
	margin-left: 11px;
}
/*-------------flickr------------*/
.flickrImages{
    width: 225px;
}
.flickrImages>h5{
    padding-bottom: 44px;
}
.flickrImages>a{
	display: inline-block;
	overflow: hidden;
	margin: 1px 5px 3px -1px;
	width: 71px;
	height: 71px;
}
/*-------------social-networks------------*/
.social-networks>li{
	float: left;
	margin-left: 6px;
}
.social-networks>li>a{
}
.social-networks>li>a:hover span{
	background-position:0 0px !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.social-networks>li>a>span{
	background-position:0 0 !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.social-networks img{
	position: relative;
}
/*------------page-404-------------*/
.error404{
	padding: 46px 0;
	color: red;
	font-size: 110px;
}
/*------------recent comments-------------*/
.recentcommentslist{
	margin-top: 3px;
}
.recentcomments{
	overflow: hidden;
	margin-bottom: 13px !important;
}
.recentcomments>img{
    float: left;
    margin: 0 13px 0 0;
}
.recentcomments>h3:first-letter{
	text-transform: uppercase;
}
.recentcomments>h3{
    padding-bottom: 5px;
    line-height: 9px;
}
.recentcomments>small{
    color: #878783;
}
.popular-posts >li{
	overflow: hidden;
	margin: 2px 0 -6px 0;
}
.postDataPost{
    color: #525252;
	
    font-size: 13px;
    margin-top: 6px;
}

/* Shortcodes
---------------------------------------- */
/* Our team */
.recent-posts.team {
  margin: 0;
  padding: 0;
}
	.recent-posts.team li {
		float: left;
		width: 174px;
		overflow: hidden;
		margin: 0 19px 20px 0;
		background: #dbdbdb;
		padding: 10px;
		color: #969695;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.recent-posts.team li:hover {
		background: #999;
		color: #000;
	}
	.recent-posts.team li:nth-child(3n) {
		margin-right: 0;
	}
	.recent-posts.team li.nomargin {
		margin-right: 0;
	}
		.recent-posts.team li .featured-thumbnail {
			width: 174px;
			overflow: hidden;
			float: none;
			margin: 0 0 3px 0;
			background:none;
			padding:0;
			border:none;
		}
	.recent-posts.team li .excerpt {
		margin-bottom: 0;
	}
	.recent-posts.team li:hover a {
		color: #ffffff;
	}

/* Services */
.recent-posts.services {
	list-style-type:none;
	padding:1.5em 0 0 0;
	margin:0 0 -30px 0;
	overflow:hidden;
	}
	.recent-posts.services li {
		float:left;
		width:300px;
		margin:0 20px 30px 0;
		background:none;
		padding:0;
		}
	.recent-posts.services li:nth-child(2n) {
		margin-right:0;
		}
	.recent-posts.services li.nomargin{
		margin-right:0;
		}
		.recent-posts.services li img.thumb {
			margin-right:3px;
			}
		.recent-posts.services li h3 {
			padding-top:8px;
			}
			.recent-posts.services li h3 a {
				color:#191919;
				}

/* Popular Posts */
.popular_posts {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.popular_posts li {
		list-style-type:none;
		padding:0 0 20px 0;
		margin:0;
		overflow:hidden;
		}



/* Tags */
.tags-cloud a,
.tagcloud a,
.post-footer a {
	display:inline-block;
	background:#e0e0e0;
	padding:2px 7px;
	border-radius:3px;
	text-decoration:none;
	color:#838383;
	margin:0 1px 4px 0;
	font-size:11px !important;
	box-shadow:1px 1px 0 rgba(0, 0, 0, .2);
	line-height:1.5em;
	vertical-align:top;
	}
.tags-cloud a:hover,
.tagcloud a:hover,
.post-footer a:hover {
	background:#000;
	color:#fff;
	}


/* Recent Comments */
.recent-comments {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.recent-comments li {
		padding:0;
		margin:0;
		border:none;
		padding-bottom:.5em;
		}
.hr {
	height:1px;
	background:#eee;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:30px 5px;
	}
.grid_1 .hr, .grid_2 .hr, .grid_3 .hr, .grid_4 .hr, .grid_5 .hr, .grid_6 .hr, .grid_7 .hr, .grid_8 .hr, .grid_9 .hr, .grid_10 .hr, .grid_11 .hr, .grid_12 .hr, .grid_13 .hr, .grid_14 .hr, .grid_15 .hr, .grid_16 .hr, .grid_17 .hr, .grid_18 .hr, .grid_19 .hr, .grid_20 .hr, .grid_21 .hr, .grid_22 .hr, .grid_23 .hr, .grid_24 .hr {
	margin-left:0;
	margin-right:0;
	}
.sm_hr {
  height: 1px;
  background: #eee;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  margin: 25px 10px;
}
.grid_1 .sm_hr,
.grid_2 .sm_hr,
.grid_3 .sm_hr,
.grid_4 .sm_hr,
.grid_5 .sm_hr,
.grid_6 .sm_hr,
.grid_7 .sm_hr,
.grid_8 .sm_hr,
.grid_9 .sm_hr,
.grid_10 .sm_hr,
.grid_11 .sm_hr,
.grid_12 .sm_hr {
  margin-left: 0;
  margin-right: 0;
}