/**
Theme Name: Asset Outdoor
Author URI: http://assetoutdoor.com
Version: 1.0
Author: Hit Creative
Description: Business website for Asset Outdoor Additions
*/



/*--------1.Css Reset--------------------*/
/*--------2.General----------------------*/
/*--------3.Main & Secondary Menu--------*/ 
/*--------4.Futured----------------------*/
/*--------5.Home Page--------------------*/ 
/*--------6.Pages Content----------------*/ 
/*--------7.Post-------------------------*/ 
/*--------8.Portdolio--------------------*/ 
/*--------9.Single Content---------------*/ 
/*--------10.Page Templates--------------*/ 
/*--------11.Comments--------------------*/
/*--------12.Breadcrumbs-----------------*/
/*--------13.Search----------------------*/
/*--------14.Navigation------------------*/
/*--------15.Contact form----------------*/
/*--------16.Sidebars--------------------*/
/*--------17.Footer----------------------*/
/*--------18.Widgets---------------------*/


@font-face {
	font-family: 'MyriadPro-BoldIt';
	src: url('fonts/MyriadPro-BoldIt.eot');
	src: url('fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-BoldIt.woff') format('woff'),
		url('../fonts/MyriadPro-BoldIt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/*---------------------------*/
/*--------1.Css Reset--------*/
/*---------------------------*/

html, body, div {font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
p{margin: 5px 0 10px 0; line-height: 1.7em;}
img {border:0px;}
p img {margin: 10px 0 10px 0px; padding:0; max-width:100%;}
table, th, td, tr{ padding: 8px; border: 1px solid #D8D8D8; border-collapse: collapse;}
body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:17px;
	color: #666666;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	overflow: hidden;
  overflow-y: auto;
	}
.clear{ clear: both; }
ul { padding-left: 1em; }
h1,h2,h3,h4,h5,h6{font-family: 'MyriadPro-BoldIt', sans-serif; color: #080810; font-weight: normal;}
h1 {font-size: 30px; line-height: 100%;}
h2 {font-size: 25px; line-height: 100%; margin: 20px 0 30px 0;}
h3 {font-size: 22px; margin: 20px 0 10px 0;}
h4 {font-size: 19px; margin: 20px 0 10px 0;}
h5 {font-size: 15px; margin: 20px 0 10px 0;}
h6 {font-size: 13px; margin: 20px 0 10px 0;}
a {color:#ef662f; text-decoration:none;} 
a:hover {text-decoration:underline;} 
blockquote {background: #DFDFDF; font-style: italic; margin-top:10px; margin-bottom:10px; padding:15px 15px 15px 30px;}
code, pre {display: block; background: #d9d9d9; border: 1px solid #ccc; overflow: scroll; padding: 10px;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 0 0 2px 15px; display: inline;}
img.alignleft {margin: 0 15px 2px 0; display: inline;}
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption.alignright {float:right; margin:0 0 1em 1em;}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0;}	



/*  General ------------------------- */

.sep:after{
	content: "";
	width: 100px;
	height: 2px;
	background: #ea6c26;
	display: block;
	margin: 15px auto 30px auto;
	border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;
}

.alignright {float: right;}
.alignleft {float: left;}
.left{float: left;}
.right{float: right;}
.spacer20{height:20px;}
.blue, a.blue{color: #3c5778;}
.center{text-align: center;}
.text-orange{color: #f26803;}

.mt1{margin-top: 5px;}
.mt2{margin-top: 10px;}
.mt3{margin-top: 15px;}
.mt4{margin-top: 20px;}
.mt5{margin-top: 25px;}
.mt6{margin-top: 30px;}
.mt7{margin-top: 35px;}
.mt8{margin-top: 40px;}
.mt9{margin-top: 45px;}
.mt10{margin-top: 50px;}
.mt11{margin-top: 55px;}
.mt12{margin-top: 60px;}

.title{
	font-family: 'MyriadPro-BoldIt', sans-serif;
}

/*  buttons ------------------------- */
a.button{
	font-family: 'MyriadPro-BoldIt', sans-serif;
	text-transform: uppercase;
	background-color: #ea6c26;
	display: inline-block;
	padding: .8em 2em .6em 2em;
	letter-spacing: 1px;
	font-size: 1.1rem;
	-webkit-border-radius: 9999px;
	border-radius: 9999px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #fff;
	text-decoration: none;
	-webkit-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}
a.button:hover {
    background-color: #fb852e;
}
a.button2{
	background-color: #3c5778;
}
/*  Color box ------------------------- */
.color_box{
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
	color: #777;
	font-size: 13px;
	line-height: 20px;
	min-height: 48px;
	font-weight: normal;
	padding: 15px 25px;
	position: relative;
	width: 100%;	
}
/*  Row colours ------------------------- */
.row-color-1{
	background: #3b5679;
	color: #fff;
}
.row-color-1 h1, .row-color-1 h2, .row-color-1 h3, .row-color-1 h4, .row-color-1 h5,.row-color-1 h6{
	background: #3b5679;
	color: #fff;
}
/*  Header ------------------------- */
#header_top{
	background: #f06b22 url("images/orange-bg2.jpg");
	display: inline-block;
	min-height: 30px;
	max-height: 62px;
	width: 100%;
	margin:0;
	padding:0;
	font-family: "Open Sans";
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
#head{
	height: auto;
	width: 100%;
}
#logo{
	position: relative;
	background:#ffffff;
	max-width: 60px;
	z-index:1999;
	padding: 2px;
	left:0;
	top: 0;
}
#contact{
	float: right;
	padding:0;
	color: #fff;
	font-size:22px;
}
#contact a{
	color: #fff;
}
#contact .button{
	margin-top: -3px;
}
.cont_phone,
.cont_social{
	font-family: 'MyriadPro-BoldIt', sans-serif;
	display:inline-block;
	line-height: 60px;
}
/*  Menu ------------------------- */
#mainMenu {
	position:relative;
	z-index:1001;
	width:100%;
}
#mainMenu ul{
	background: #fff;
	margin:0;
	margin-right: -15px;
	overflow: auto;
  white-space: nowrap;
	-webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;	
}

#mainMenu select {
	display: none;
}
#mainMenu ul li{
	display: inline-block;
  float: none;
	padding: 18px 15px 18px 15px;
}
#mainMenu ul li:last-child{
	padding-right: 40px;
}
#mainMenu ul li a {
	display:block;
	width: 35%;
	color: #080810;
	font-size: 15px;
	font-family: 'MyriadPro-BoldIt', sans-serif;
}
#mainMenu ul li:last-child {
	border-right: none; 
}
#mainMenu ul li.current-menu-parent > a,
#mainMenu ul li.current_page_item > a,
#mainMenu ul li.current-menu-ancestor > a,
#mainMenu ul li.current-menu-item > a{
	text-decoration:none;
	color: #ea6c26;
}
#mainMenu ul li a:hover {
	text-decoration:none;
	color: #f06b22;
}
/*  TITLE ------------------------- */
#top-title{
background: #f06b22;
border-bottom: 1px solid #ddd;
width: 100%;
display: inline-block;
margin: 0;
padding: 20px 0;
font-weight: normal;
}
#top-title h1{
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 20px;
}
/*  HERO ------------------------- */
#hero{
	position: relative;
	height: auto;
	background: url("images/patios-brisbane-4.jpg");
	background-size: cover;
	background-position: center;
	padding: 50px 0;
}
#hero h1{
	color: #fff;
	margin-top: 15%;
}
#hero:before {
	content:'';
	position: absolute;
	width:100%; 
	height:70%;
	bottom:0; 
	left:0;
	background:rgba(0,0,0,0.2);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);   /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#825b00',GradientType=0 ); /* IE6-9 */
}
.phone{
	font-family: 'MyriadPro-BoldIt', sans-serif;  
	font-size: 40px;
	text-align: center;
	padding: 30px 0;
}
.phone p{
	margin: 0;
	line-height: 40px;
}
.phone .small{
	font-size: 30px;
}
/* TESTIMONIALS ------------------------- */
#testimonials{
	padding-top: 50px;
	text-align: center;
	font-family: 'MyriadPro-BoldIt', sans-serif;
}
#testimonials .carousel-inner{
		min-height: 263px;
}
#testimonials .carousel-indicators li {
    background-color: #9ba9bb;
		border: none;
}
#testimonials .carousel-indicators .active {
    background-color: #3b5679;
}
#testimonials .meta{
	font-size: 80%;
}
#testimonials .carousel-item{
	padding: 0 50px;
}
#testimonials .carousel-item .fa-star{
	color: #f26803;
}

/*  GALLERY ------------------------- */
.gallery{
	text-align: center;
	justify-content: center;
}
.gallery .gallery-item {
	width: 50%;
  display: inline-block;
	display: none;
  margin-top: 10px;
  text-align: center;
	padding: 10px;
}
.gallery .gallery-item.show {
  display: inline-block;
}
.gallery img {
 width: 100%;
 height: 100%;
}

.gallery .gallery-caption {
  margin-left: 0;
}

/*  Boxes ------------------------- */
@media screen and (max-width: 480px) {
	.scroll{
		display:block;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.scroll .col {
		display: inline-block;
		float: none;
		width: 80%;
	}
}
.box{
	background-color: #f2f2f2;
	color: #080810;
	font-size: 20px;
}

.box:hover{
	background-color: #3c5778;
	color: #fff;
}
.box a{
	color: #080810;
}
.box:hover a{
	text-decoration: none;
	color: #fff;
}
.box .inner{
	padding: 15px;
}
.box .inner .title{
	font-family: 'MyriadPro-BoldIt', sans-serif;
}
/*  BENEFITS ------------------------- */
#benefits{
	font-family: 'MyriadPro-BoldIt', sans-serif;
	color: #3b5679;
	font-size: 14px;
}
#benefits .title{
	font-size: 30px;
	line-height: 30px;
}
#benefits .title .text-lrg{
	font-size: 48px;
}
#benefits .item{
	padding-left: 50px;
	padding-bottom: 30px;
}
#benefits .item:before{
	content: "\f00c";
	font-family: "FontAwesome";
	font-size: 30px;
	position: absolute;
	left: 0;
	background: #f26803;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
}
/*  FEATURES ------------------------- */
#features .carousel-inner{
	min-height: 600px;
}
#features .title{
		text-align: center;
}
#features .feature{
	padding: 15px 0 15px 60px;
}
#features .feature p{
	font-size: 16px;
}
#features .feature:before{
	content: "\f00c";
	font-family: "FontAwesome";
	font-size: 25px;
	padding: 0;
	padding-top: 2px;
	position: absolute;
	left: 0;
	background: #f26803;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	margin-top: 15px;
}
#features .phone{
	font-size: 40px;
	text-align: center;
	padding: 30px 0;
}
#features .phone p{
	margin: 0;
}
#features .phone .small{
	font-size: 30px;
}
#features .carousel-indicators li {
    background-color: #9ba9bb;
		border: none;
}
#features .carousel-indicators .active {
    background-color: #3b5679;
}


/*  Footer ------------------------- */
footer,
#subFooter{
	padding: 40px 0;
}
footer{
	background-color: #3c5778;
	color: #fff;
}
footer .title{
	text-transform: uppercase;
	margin: 0 0 15px 0;
}
footer a,
footer a:hover{
	color: #fff;
}
footer a:hover{
	text-decoration: underline;
}
footer .icon{
	width: 30px;
}
footer ul li{
	padding: 5px 0;
}

#subFooter .social{
	font-size: 30px;
}

/* boostrap add-ons */
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/*  Responsive styles ------------------------- */

/*Small*/
@media only screen and (min-width: 768px) {
   
}

/*Medium*/
@media only screen and (min-width: 992px) {
	h1 {font-size: 50px; line-height: 150%;}
	h2 {font-size: 28px; line-height: 150%; margin: 20px 0 30px 0;}
	h3 {font-size: 28px; margin: 20px 0 10px 0;}
	h4 {font-size: 22px; margin: 20px 0 10px 0;}
	h5 {font-size: 18px; margin: 20px 0 10px 0;}
	h6 {font-size: 14px; margin: 20px 0 10px 0;}
	blockquote{
		font-size: 20px;
	}
	.sep-md-left:after{
		margin: 15px auto 30px 0px;
	}
	#logo{
		max-width: 160px;
		padding: 5px 25px 20px 25px;
	}
	#contact{
		font-size:25px;
	}
	#mainMenu{
			float: right;
			width: auto;
	}
	#mainMenu ul:after{
		content:'';
		width:0px;
		height: 0%;
		background: none;
		filter: none; ); /* IE6-9 fallback on horizontal gradient */
	}
	#top-title{
		padding-top: 30px
	}
	#top-title h1{
		font-size: 30px;
		line-height: 100%;
	}
	#hero{
		height: 80%;
		min-height: 690px;
	}
	#hero h1{
		margin-top: 30%;
		font-size: 50px;
	}
	#hero .qbox{
		margin-top: 20%;
	}
	#benefits .item{
		padding-bottom: 0;
	}
	.gallery .gallery-item {
		width: auto;
	}
	#testimonials{
		font-size:28px;
	}
	#subFooter .rights,
	#subFooter .social{
		line-height: 110px;
	}
}

/*Large*/
@media only screen and (min-width: 1200px) {
   
}

/*Extra Large*/
@media only screen and (min-width: 1600px) {
   
}








/*  old

-
-
-
-
-
------------------------- */




.inner{
height:100%;
max-width:1100px;
position:relative;
clear:both;
text-align:left;
margin: 0 auto;
}

.inner2{
height:100%;
max-width:1440px;
position:relative;
clear:both;
text-align:left;
margin: 0 auto;
}







h1.title_home{margin-top:20px;}

.site_title h1{
color: #fff;
font-size: 35px;
line-height: 120%;
position: relative;
display: block;
font-weight: normal;
}

.site_title h1:hover{
color: #ddd;
}







#bottom_header_border{
background: #fff;
display: inline-block;
height: 1px;
width: 100%;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
margin-bottom: -1px;
position: relative;
}

#header_reg_box{
display: inline-block;
max-width: 250px;
height: 28px;
float: right;
margin: 0px 0px 0 0;

}

#signin_box {
display: inline-block;
float: right;
padding: 4px 5px 0px 0px;
font-size: 11px;
}

#login_box {
display: inline-block;
padding: 4px 5px 0px 0px;
font-size: 11px;
}

#signin_box a.signin, #login_box a.login{
padding: 0px;
text-decoration:none;
font-weight:bold;
color:#fff;
}

#signin_box a.signin:hover, #login_box a.login:hover {
color: #eee;
}

#login_box a{
color:#fff;
}

#login_box a:hover{
color:#eee;
}

a.signin, a.login {
position:relative; 
margin-left: 3px;
color:#fff;
}

a.signin span, a.login span{
display: inline-block;
min-width: 30px;
background:url("images/toggle_down_light.png") no-repeat right;
padding: 4px 20px 6px 0;
}

#signin_box a.menu-open, #login_box a.menu-open {
color:#eee;
outline:none;
}

a.signin.menu-open span, a.login.menu-open span {
background-image:url("images/toggle_up_dark.png");
color:#eee;
}

#signin_menu, #login_menu{
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
background: #66aed7;
position:absolute;
display:none;
width:215px;
z-index:100;
border:1px transparent;
text-align:left;
padding:12px;
top: 24px;
right: 0px;
margin-top:5px;
margin-right: 0px;
color:#fff;
font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password], #login_menu input[type=text] , #login_menu input[type=password]{
border: 1px solid #ccc;
display: block;
border-radius: 4px;
font-size: 13px;
margin: 5px 0 10px 0;
padding: 5px;
width: 203px;
}

#signin_menu p, #login_menu  p{
margin:0;
padding: 0px;
text-indent: 0px;
}

#signin_menu label, #login_menu label{
font-weight:normal;
}

#signin_menu p a, #login_menu p a{
color:#fff;
}

#lost_pas{
display: block;
margin: 10px 0px 0 0;
color:#fff;
}

#lost_pas a{
color:#fff;
}

#lost_pas a:hover{
color:#eee;
}

#signin_menu [type=submit], #login_menu [type=submit]{
border: 1px solid #444;
background: #555;
display: block;
cursor: pointer;
font-size: 12px;
margin: 12px 0px 0 0;
padding: 3px 9px;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#signin_menu [type=submit]:hover, #login_menu [type=submit]:hover{
border: 1px solid #555;
background: #666;
}

#soc_book{
display: inline-block;
width: 146px;
float: right;
margin: 0px 0px 0 0;
}

#soc_book img{
width: 16px;
height: 16px;
margin-left: 5px;
display: inline-block;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter:alpha(opacity=30);
}

.latest-title{font-size:18px;font-family: "Open Sans";text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
.latest-title a{color:#ef662f;}
.latest-title a:hover{text-decoration:underline;}
p.latest-date{font-size:11px;margin:0;padding:0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.latest-news-2 div.spacer20{display:none;}




/*-------Secondary Menu-------*/ 


#secondaryMenu{
max-width: 680px;
float: left;
display: inline-block;
}

#secondaryMenu ul {
margin: 0;
padding: 0;
list-style: none;
}

#secondaryMenu ul li {
float: left;
z-index: 40;
}

#secondaryMenu ul li:hover ul,
#secondaryMenu ul li.sfHover ul {
left: -1px;
top: 36px;
z-index: 99;
}

#secondaryMenu ul li:hover li ul,
#secondaryMenu ul li.sfHover li ul{ 
top: -9999em; 
}
	
#secondaryMenu ul a {
display: block;
margin: 7px 10px 0 0;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #fff;
}

#secondaryMenu ul li a:hover,
#secondaryMenu ul li:hover,
#secondaryMenu ul li.sfHover a,
#secondaryMenu ul li.current-cat a,
#secondaryMenu ul li.current_page_item a,
#secondaryMenu ul li.current-menu-item a {
text-decoration: none;
color: #eee;
}

#secondaryMenu ul ul {
display: none;
}




/*----------------------------*/
/*---------4.Futured----------*/
/*----------------------------*/


#featured_area{
background: #fff;
max-width:100%;
height: 428px;
position:relative;
z-index:998;
}

#featured_area_camera{
background: url("images/feat_area_camera_bg.png") repeat-x #f06b22;
width: 100%; 
height: 450px;
margin-top: -30px;
}

#featured_area_content{
background: url("images/feat_area_camera_bg.png") repeat-x #f06b22;
width: 100%; 
height: 100%;
margin-top: -30px;
}

#featured_area_slider_content{
background: url("images/feat_area_camera_bg.png") repeat-x #f06b22;
width: 100%; 
height: 100%;
margin-top: -30px;
}

.featured_area_content_text{
display: inline-block;
width: 100%; 
height: 100%;
padding: 30px 0 15px 0;
color: #61869c;
line-height: 20px;
}

.featured_area_content_text img {
max-width: 100%!important;
height: auto!important;
}

.featured_area_content_text img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.slider_title, .slider_title2, .slider_title3{font-family: "Open Sans";text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;display:none;}
.slider_title2{font-size:45px;color:#f06b22;margin:0}
.slider_title3{font-size:25px;color:#f06b22;margin:0;}



/*---------Flex slider----------*/


.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;width:100%;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {
width:100%;
height: 428px;
position: relative; 
padding: 0;
float: left;
display: inline-block;
margin-top: 0;

}

.flexslider .slides > li {
display: none; 
-webkit-backface-visibility: hidden;
} 

.flexslider .slides img {
width: 100%; 
height: 428px;
display: block;
}

.slides:after {
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
}

.no-js .slides > li:first-child {
display: block;
}

.slides .flex-caption{
background: #fff;
color: #333;
position: relative; 
display: inline-block;
float: left;
padding: 7px 15px;
text-indent: 0px;
margin: -150px 0px 0px 170px; 
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
display:none;
}

.slides .flex-caption:hover{
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}


.flex-direction-nav{
width: 61px; 
position: relative; 
margin: -45px 20px 0px 0px; 
float: right;
display: inline-block;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
}

.flex-direction-nav .next{
border-left: 1px solid #ddd;
background: url("images/slider_next.jpg") no-repeat;
width: 30px; 
height: 30px;
float: right;
text-indent: -9999px;
}

.flex-direction-nav .next:hover{
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}

.flex-direction-nav .prev{
background: url("images/slider_prev.jpg") no-repeat;
width: 30px; 
height: 30px;
float: left;
text-indent: -9999px;
}

.flex-direction-nav .prev:hover{
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}






/*----------------------------*/ 
/*---------5.Home Page--------*/ 
/*----------------------------*/ 




.imgb{
border: 1px solid #e1e1e1;
padding: 4px;
}






/*----------------------------*/
/*-------6.Pages Content------*/ 
/*----------------------------*/


#container{
width: 100%;
display: inline-block;
margin: 40px 0 0px 0;
}

#content {
width: 650px;
float: left;
display: inline-block;
}

#top_title_box{
background: url("images/orange-bg.jpg") #f06b22;
border-bottom: 1px solid #ddd;
width: 100%;
display: inline-block;
margin: 0;
padding-top: 40px;
height: 70px;
font-weight: normal;
}




/*------------------------------*/ 
/*------------7.Post------------*/ 
/*------------------------------*/ 


.post{
border-bottom: 1px solid #eee;
width: 100%;
display: inline-block;
margin: 0px 0px 30px 0px;
padding-bottom: 10px;
}

.post .post_thumbnail{
display: inline-block;
margin: 0px 0px 15px 0px;
}

.post .post_thumbnail a img{
border: 1px solid #e1e1e1;
width: 640px;
height: 220px;
float: left;
margin: 0px;
padding: 4px;
}

.post h1 a{
display: inline-block;
float: left;
position: relative;
margin: 5px 0px 5px 0px;
width: 100%;
font-size: 17px;
font-weight: normal;
color: #6aa1c1;
line-height: 25px;
}

.post h1 a:hover{
color: #91cef2;
}

.post_date{
display: inline-block;
float: left;
position: relative;
width: 100%;
font-size: 17px;
font-weight: normal;
color: #4b86a8;
line-height: 25px;
}

.post p{
display: inline-block;
width: 100%;
font-size: 13px;
font-weight: normal;
text-indent: 0px;
color: #444;
line-height: 20px;
}

.post_meta_line{
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
display: inline-block;
width: 100%;
color: #888;
line-height: 19px;
font-size: 12px;
padding: 3px 1px;
}

.post_time{
display: inline-block;
margin: 4px 0 0 0;
color: #888;
font-size: 12px;
}

.post_category{
display: inline-block;
margin: 4px 0 0 0;
color: #888;
font-size: 12px;
}

.post_category a{
color: #888;
}

.post_category a:hover{
color: #0a84ca;
}

.post_comments{
display: inline-block;
margin: 4px 0 0 0;
color: #888;
font-size: 12px;
}

.post_comments a{
color: #888;
}

.post_comments a:hover{
color: #0a84ca;
}

.read-more{
display: inline-block;
float: right;
margin: 0px 10px 10px 0;
font-size: 13px;
}




/*-----------------------------*/ 
/*----------8.Portdolio--------*/ 
/*-----------------------------*/ 


.filter { 
display: inline-block;
margin: 0 0 16px 20px;
width: 100%;
height: 30px;
}

.filter li { 
float: left; 
display: block;
}

.filter a { 
border-bottom: 2px solid #66aed7;
padding: 4px 10px; 
margin: 0 10px 0px 0px;
color: #555; 
text-decoration: none; 
font-size: 13px;
background: #fff; 
}

.filter a:hover{ 
color: #fff;
}

.current a { 
color: #fff;
background: #66aed7!important; 
}

.portfolio li { 
float: left; 
}
 
.portfolio_image_column_shadow img{
border: none!important; 
display: inline-block;
width: 100%;
padding: 0px!important; 
margin: 0px 0 10px 0!important; 
}



/*----Portfolio two column---*/


.portfolio_two_column{
width: 440px;
margin: 0px 27px 40px 10px;
display: inline-block;
vertical-align: top;
}

.portfolio_two_column_thumbnail{
border: 1px solid #e1e1e1;
display: block;
margin: 0px;
float: left;
padding: 4px;
}

.portfolio_two_column_thumbnail img{
height: auto;
}

.portfolio_two_column h1{
display: block;
float: left;
position: relative;
width: 100%;
margin: 0px 0px 5px 0px;
font-size: 17px;
font-weight: normal;
line-height: 25px;
}

.portfolio_two_column p{
display: inline-block;
width: 100%;
font-size: 13px;
font-weight: normal;
text-indent: 0px;
color: #444;
line-height: 20px;
min-height: 62px;
}



/*----Portfolio three column---*/


.portfolio_three_column{
width: 290px;
margin: 0px 16px 40px 10px;
display: inline-block;
vertical-align: top;
}

.portfolio_three_column_thumbnail{
border: 1px solid #e1e1e1;
display: block;
margin: 0px;
float: left;
padding: 4px;
}

.portfolio_three_column_thumbnail img{
height: auto;
}

.portfolio_three_column h1{
display: block;
float: left;
position: relative;
width: 100%;
margin: 0px 0px 5px 0px;
font-size: 14px;
font-weight: normal;
line-height: 25px;
}

.portfolio_three_column p{
display: inline-block;
width: 100%;
font-size: 13px;
font-weight: normal;
text-indent: 0px;
color: #444;
line-height: 20px;
min-height: 85px;
}





/*----Portfolio four column---*/

.portfolio_four_column .portfolio_image_column_shadow img{
width: 214px;
}

.portfolio_four_column{
width: 214px;
margin: 0px 12px 25px 10px;
display: inline-block;
vertical-align: top;
}

.portfolio_four_column_thumbnail{
border: 1px solid #e1e1e1;
display: block;
margin: 0px;
float: left;
padding: 4px;
}

.portfolio_four_column_thumbnail img{
width: 204px;
height: auto;
}

.portfolio_four_column h1{
display: block;
float: left;
position: relative;
width: 100%;
margin: 0px 0px 5px 0px;
font-size: 14px;
font-weight: normal;
line-height: 25px;
}

.portfolio_four_column p{
display: inline-block;
width: 100%;
font-size: 13px;
font-weight: normal;
text-indent: 0px;
color: #444;
line-height: 20px;
}




.view_portfolio{
   width: 100%;
   height: 100%;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view_portfolio .mask_portfolio {
  width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view_portfolio a.portfolio_image_link {
   background:url(images/view_link.png) center no-repeat;
   display: inline-block;
   position: relative;
   top: 10px;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
   border: none;
   margin: 0px;
}

.portfolio-effect .mask_portfolio {
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   overflow:visible;
   background: #eee;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.portfolio-effect a.portfolio_image_link {
   position:relative;
   top: 44%;
   left: 0px;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}

.portfolio-effect:hover .mask_portfolio {
   opacity: 0.5;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter:alpha(opacity=50);
    background: #000;
}
.portfolio-effect:hover a.portfolio_image_link {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}




/*----------------------------*/ 
/*-------9.Single Content-----*/ 
/*----------------------------*/ 


.single_post{
display: inline-block;
width: 650px;
background: #fff;
}

.single_title h1{
display: inline-block;
color: #fff;
float: left;
font-size: 22px;
text-shadow: 0px 0px 3px #aaa;
}

.single_post .single_thumbnail{
border: 1px solid #e1e1e1;
display: inline-block;
float: left;
max-width: 640px;
padding: 4px;
margin: 0 0 15px 0;
}

.single_post .post_image_column_shadow{
margin: 0 0 10px 0;
}

.single_post .single_thumbnail img{
display: inline-block;
float: left;
width: 640px;
height: auto;
margin: 0px;
}

.video-wrapper {
border: 1px solid #e1e1e1;
background: #fff; 
width: 98%;
display: inline-block;
padding: 5px;
box-shadow: 0px 1px 4px #d1d1d1;
-webkit-box-shadow: 0px 1px 4px #d1d1d1;
-moz-box-shadow: 0px 1px 4px #d1d1d1;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video_box_shadow{
height: 20px;	
float: left;
display: inline-block;
margin: -8px 0 0 5px;
background: url(images/video_box_middle_shadow.png) repeat-x;
width: 98%;
}

.video_box_shadow_left{
background: url(images/video_box_left_shadow.png) no-repeat;
width: 25px;
height: 20px;	
float: left;
display: inline-block;
margin: 0px 0 0 -25px;
}

.video_box_shadow_right{
background: url(images/video_box_right_shadow.png) no-repeat;
width: 25px;
height: 20px;
display: inline-block;
float: right;
margin: 0px -25px 0 0px;
}



.single_post  .post_meta_line{
margin-bottom: 10px;
}

.single_text{
display: inline-block;
width: 100%;
color: #777;
line-height: 22px;
}

.single_text img{
border: 1px solid #e1e1e1;
display: inline-block;
max-width: 640px;
height: auto;
padding: 4px;
margin-top: 15px;
margin-bottom: 15px;
box-shadow: 0px 1px 4px #ddd;
-webkit-box-shadow: 0px 1px 4px #ddd;
-moz-box-shadow: 0px 1px 4px #ddd;
}

.single_text .wp-caption-text{
display: block;
color: #fff;
background: url("images/caption_bg.png");
margin: -56px 5px 5px 5px;
position: relative;
padding: 8px 10px;
text-indent: 0px;
max-width: 619px;
}

.tags{
display: inline-block;
width: 675px;
float: left;
font-size: 11px;
color: #777;
text-indent: 0px;
}

.tags a{
font-style: italic;
color: #777;
}

.tags a:hover{
font-style: italic;
color: #78c8f6;
}

#similar-post{
display: inline-block;
margin: 20px 0 10px 0;
}

#similar-post h3{
border-bottom: 1px solid #f1f1f1;
display: block;
float: left;
width: 100%;
font-size: 17px;
font-weight: normal;
color: #444;
line-height: 25px;
padding-bottom: 7px;
margin-bottom: 0px;
}

#similar-post .similar_posts {
display: inline-block;
margin-right: 25px;
width: 193px;
vertical-align: top;
}

#similar-post .similar_posts:last-child {
margin-right: 0px;
}

.opera #similar-post h3{
border-bottom: 1px solid #f1f1f1;
display: block;
float: left;
width: 100%;
font-size: 17px;
font-weight: normal;
color: #444;
line-height: 25px;
padding-bottom: 7px;
margin-bottom: 15px;
}


#similar-post .similar_posts img{
border: 1px solid #e9e9e9;
width: 100%;
height: auto;
padding: 4px;
box-shadow: 0px 1px 3px #ddd;
-webkit-box-shadow: 0px 1px 3px #ddd;
-moz-box-shadow: 0px 1px 3px #ddd;
}

#similar-post .similar_posts h1 a{
display: block;
width: 193px;
margin: 7px 0 0 0;
font-size: 14px;
font-weight: normal;
line-height: 17px;
color: #555;
text-align: center;
}

#similar-post .similar_posts h1 a:hover {
color: #0a84ca;
}



#similar-post .similar_project_post{
display: inline-block;
margin: 0px 0 10px 0;
}

#similar-post .similar_project_post .similar_posts {
display: inline-block;
margin-right: 25px;
width: 210px;
vertical-align: top;
}

#similar-post .similar_project_post .similar_posts h1 a{
display: block;
width: 210px;
margin: 10px 0 0 0;
font-size: 14px;
font-weight: normal;
line-height: 17px;
color: #555;
text-align: center;
}

#similar-post .similar_project_post .similar_posts h1 a:hover {
color: #0a84ca;
}




/*------------------------------*/ 
/*------10.Page Templates-------*/ 
/*------------------------------*/ 


.single_post_full{
display: inline-block;
width: 960px;
background: #fff;
margin-bottom: 20px;
}

.single_post_full .single_title h1{
border-top: 1px solid #e9e9e9;
display: inline-block;
float: left;
width: 100%;
position: relative;
padding: 7px 0px;
font-size: 17px;
font-weight: normal;
background: #eee; 
color: #555;
text-indent: 10px;
text-shadow: 1px 1px 0px #fff;
}


.single_post_full .single_thumbnail{
border: 1px solid #e1e1e1;
display: inline-block;
float: left;
max-width: 950px;
padding: 4px;
margin: 0 0 15px 0;
}

.single_post_full .single_thumbnail img{
display: inline-block;
float: left;
width: 950px;
height: auto;
margin: 0px;
}

.single_post_full .post_image_column_shadow{
margin: 0 0 10px 0;
}

.single_post_full .single_text img{
border: 1px solid #e1e1e1;
display: inline-block;
max-width: 950px;
padding: 4px;
margin-top: 15px;
margin-bottom: 15px;
}

.single_post_full .single_text .wp-caption-text{
display: block;
color: #fff;
background: url("images/caption_bg.png");
margin: -58px 5px 5px 5px;
position: relative;
padding: 8px 10px;
text-indent: 0px;
max-width: 930px;
}

.single_post_full .post_meta_line{
margin-bottom: 10px;
}



.post_nr {
line-height: 20px;
}

.post_nr h2{
color: #777;
font-size: 18px;
margin: 0 0 20px 0px;
font-weight: normal;
}

.post_nr .search{
float: left;
}

.single-entry{
color: #777;
font-size: 13px;
margin: 0 0 10px 0px;
}

.single-entry .search{
margin: 20px 0 0px 0px;
}

#archive{
width: 100%;
display: inline-block;
}

#archive_left_col{
display: inline-block;
width: 310px;
float: left;
margin-right: 30px;
}

#archive_right_col{
display: inline-block;
width: 310px;
}

#archive li{
line-height: 22px;
font-size: 13px; 
color: #999;
}

.archive_title h3{
border-bottom: 1px solid #eee;
display: block;
width: 100%;
float: left;
font-size: 15px;
font-weight: normal;
color: #555;
padding-bottom: 6px;
margin-bottom: 10px;
}

.archive_title_bot h3{
border-bottom: 1px solid #eee;
display: block;
width: 100%;
float: left;
font-size: 15px;
font-weight: normal;
color: #555;
padding-bottom: 6px;
margin-top: 20px;
margin-bottom: 10px;
}

.error404{
display: block;
float: left;
font-size: 16px;
font-weight: normal;
color: #555;
margin: 0 0 20px 0px;
}

.error404_content{
width: 100%;
float: left;
display: block;
}

.error404_content h1{
width: 650px;
float: left;
display: block;
padding-right: 10px;
font-size: 16px;
font-weight: normal;
color: #555;
margin-bottom: 10px;
}

.error404_content #archive{
margin-top: 10px;
}

.error404_content .search{
margin: 10px 0 20px 0px;
float: left;
}






/*---------------------------*/ 
/*--------11.Comments--------*/
/*---------------------------*/ 


#comments {
display: inline-block;
float:left;
width: 100%;
margin-top: 15px;
}

.comment-header {
display: inline-block;
width: 100%;
margin-bottom: 12px;
}

.comment-header h3{
border-bottom: 1px solid #f1f1f1;
display: inline-block;
width: 100%;
float: left;
color: #444;
font-size: 17px;
font-weight: normal;
line-height: 25px;
padding-bottom: 7px;
}

#comments h3 {
color: #444;
font-size:17px;
font-weight: normal;
margin: 10px 0 10px 0px;
text-shadow: 1px 1px 0px #fff;
font-style: normal;
} 

.comment {
color: #666;
clear: both;
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0px 12px 5px 0px;
margin-bottom: 15px;
width: 100%;
display: inline;
}

.commentlist p{
width: 85%;
display: inline-block;
margin: 0px 10px 0 75px;
text-indent: 0px;
font-size: 12px;
}

.comment-author {
display: inline-block;
height: 30px;
clear: both;
}

.fn{
float: left;
display: block;
width: 240px;
font-size: 15px;
color: #666;
font-weight: normal;
font-style: normal;
}

.says{
display: none;
}

.comment-edit-link{
display: none;
}

.nocomments {
display: none;
}

.avatar {
border:1px solid #ddd;
margin: 0 15px 0 3px;
width: 50px;
height: 50px;
float: left;
padding: 3px;
}

.cancel-comment-reply a:link, .cancel-comment-reply a:visited {
margin-bottom: 10px;
display: block;
font-size: 13px;
color: #666;
font-weight: normal;
font-style: normal;
}

.children .comment {
border-left: 1px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
background: #f9f9f9;
float: right;
padding: 10px 5px 0 6px;
clear:both;
width: 90%;
margin: 10px 5px 10px 0;
}

.children .comment p{
width: 84%;
display: inline-block;
margin: 0px 10px 0 75px;
text-indent: 0px;
}

.comment-reply-link, .comment-reply-link:visited {
border: none;
border-bottom: 2px solid #66aed7;
background: #fff;
color: #555;
display: block;
float: right;
font-size:11px;
font-weight: normal;
margin: 10px 20px 10px 10px;
padding: 3px 6px;
text-transform: lowercase;
}

.comment-reply-link:hover{
color: #fff;
}

.comment-meta{
display: block;
width: 150px;
margin: 0px 5px 10px 0;
float: right;
text-align: right;
vertical-align: top;
font-size: 11px;
}

.comment-meta a{
font-size:11px;
color:#888;
}

#respond {
color: #666;
margin: 0px 0 10px 0;
}

#respond  p{
text-indent: 0px;
}

#respond a{
color: #666;
margin: 0px 0 10px 0;
}

#respond a:hover{
color: #0a84ca;
}

#commentform p{
font-size:12px;
}

#commentform label{
font-size: 13px;
}


input#author{
font-size:13px;
background:#F9F9F8;
border:1px solid #DDDDDD;
padding: 5px;
color:#292929;
}

input#author:focus{
font-size:13px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
}

input#email_adress{
font-size:13px;
background:#F9F9F8;
border:1px solid #DDDDDD;
padding: 5px;
color:#292929;
}

input#email_adress:focus{
font-size:13px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
}

input#url{
font-size:13px;
background:#F9F9F8;
border:1px solid #DDDDDD;
padding: 5px;
color:#292929;
}

input#url:focus{
font-size:13px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
}

textarea#comment  {
font-size:14px;
background:#F9F9F8;
border:1px solid #DDDDDD;
width: 400px;
height: 150px;
color:#292929;
padding: 5px;
}

textarea#comment:focus  {
font-size:14px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
} 
 
#submit {
border: none;
border-bottom: 2px solid #66aed7;
margin: -13px 0 15px 0px;
padding: 5px 10px;
font-weight: normal;
background: #fff;
color: #555;
font-size: 14px;
cursor: pointer;
}
 
#submit:hover {
color: #fff;
}






/*----------------------------*/ 
/*------12.Breadcrumbs--------*/
/*----------------------------*/ 


#crumbs{
display: inline-block;
width: 650px;
color: #fff;
float: left;
margin-top: 6px;
font-size: 20px;
text-shadow: 0px 0px 3px #aaa;
line-height: 25px;
}

#crumbs a{
color: #fff;
}

#crumbs a:hover{
color: #eee;
}


/*---------------------------*/ 
/*---------13.Search---------*/
/*---------------------------*/ 


.search{
width: 240px;
margin: 0px 33px 0 0;
display: inline-block;
float: right;
}

input#s { 
border: none;
display: inline-block;
background: #fff;
color: #777;
padding: 6px;
margin-top: 5px;
width: 225px;
height: 16px;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
box-shadow: -1px -1px 0px #ddd;
}

input#s:focus { 
box-shadow: 0px 0px 5px #89c3e4;
}

#searchsubmit {
border: 1px solid #ddd;
position: absolute;
width: 32px;
height: 30px;
margin-top: 4px;
margin-left: -5px; 
cursor:pointer;
background: url("images/search_button.png") no-repeat #fff;
text-indent: -999px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
}

.chrome input#s { 
width: 221px;
}

.chrome #searchsubmit {
float: right;
position: relative;
margin-right: -25px; 
}

.gecko #searchsubmit {
margin-left: 0px; 
}

/*----------------------------*/ 
/*--------14.Navigation-------*/
/*----------------------------*/ 


.pagination {
display: block;
padding: 15px 0 20px 0px;
}

.pagination span, .pagination a {
border-bottom: 2px solid #66aed7;
margin: 2px 4px 2px 0;
padding: 5px 9px;
text-decoration:none;
width:auto;
font-size:14px;
color: #333;
background: #fff;
}

.pagination a:hover{
color:#fff;
}

.pagination .current{
padding: 5px 9px;
background: #66aed7;
color:#fff;
}


.wp-pagenavi {
display: block;
padding: 15px 0 20px 0px;
position:relative;
}

.wp-pagenavi a, .wp-pagenavi span {
margin: 2px 4px 2px 0;
padding:4px 9px 4px 9px;
text-decoration:none;
width:auto;
color: #777;
font-size:13px;
border: 1px solid #ddd;
}

.wp-pagenavi span.current {
padding:4px 9px 4px 9px;
font-size:15px;
background: #eee;
color:#999;
}

.postnav{
display:inline;
color:#999;
margin:20px 20px 20px 0px;
}

.postnav a{
border: 1px solid #ccc; 
background-color:#fff; 
padding:4px 9px 4px 9px;
text-decoration:none; 
font-size:13px;
color:#777;
}

.postnav a:hover{
border:#ddd 1px solid;
background-color:#eee;
color:#666;
}

.postnav .page{
margin:0px 3px 0px 3px;
padding:4px 9px 4px 9px;
background-color:#fff;
display:inline;
}

.postnav span.current{
border: 1px solid #bbb;
color:#666;
font-size:13px;
padding:4px 9px 4px 9px;
margin-left: 4px;
text-decoration:none;
background-color:#eee;
}







 
 




/*----------------------------*/ 
/*---------16.Sidebars--------*/
/*----------------------------*/ 


#sidebar-right {
border-left: 1px solid #e9e9e9;
width: 280px;
float: right;
display: inline-block;
margin: 0px 0 30px 0;
background: url("images/sidebar_right_middle.png") repeat-y left;
} 

#sidebar_right_top{
background: url("images/sidebar_right_top.png") no-repeat;
float: right;
width: 280px;
height: 25px;
display: inline-block;
}

#sidebar_right_bottom{
background: url("images/sidebar_right_bottom.png") no-repeat;
float: right;
width: 280px;
height: 25px;
display: inline-block;
}

.right-widget{
display: inline-block;
width: 260px;
font-size: 13px;
color: #777;
padding: 0px 0 15px 20px;
margin: -10px 0 20px 0;
} 

.right-heading {
border-bottom: 1px solid #eee;
display: inline-block;
height: 35px;
width: 240px;
float: left;
display: block;
margin: 3px 0 15px 0px;
}

.right-heading h3 {
color: #555;
font-size: 18px;
font-weight: normal;
float: left;
display: block;
text-shadow: 1px 1px 0px #fff;
}

.right-widget li{
color: #333;
font-size: 13px;
display: block;
line-height: 23px;
} 

.right-widget li a{
display: block;
padding: 0 0 0 15px;
background: url("images/sidebar_li.png") no-repeat left top;
} 



#sidebar-footer{
width: 980px;
float: left;
display: inline-block;
margin: 0px 0 25px 0;
} 

.footer-widget{
background: none;
width: 219px;
display: inline-block;
margin: 5px 20px 0px 0px;
vertical-align: top;
line-height: 20px;
} 

.footer-heading {
display: inline-block;
width: 240px;
float: left;
display: block;
margin: 0px 0 15px 0px;
}

.footer-heading h3 {
max-width: 240px;
color: #fff;
font-size: 18px;
font-weight: normal;
float: left;
display: inline-block;
line-height: 30px;
text-shadow: -1px -1px 0px #999;
}

.footer-widget li{
color: #fff;
font-size: 13px;
display: block;
line-height: 23px;
text-shadow: 1px 1px 0px #aaa;
} 

.footer-widget li a{
color: #fff;
display: block;
text-shadow: 1px 1px 0px #aaa;
} 

.footer-widget li a:hover{
color: #e1e1e1;
} 

 
 
 
 
 
/*--------------------------*/
/*---------17.Footer--------*/
/*--------------------------*/

.footer_shadow{
display: inline-block;
position: relative;
background: url("images/header_shadow.png") no-repeat;
height: 30px;
width: 1080px;
margin: 0px 0 0 -65px;
}

#footer_box{
background: url("images/footer_bg.png") repeat-x #f06b22;
width: 100%; 
display: inline-block;
color: #333;
font-size: 12px;
margin-top: 10px;
}

#footer_bottom {
width: 100%;
display: inline-block;
background: #4f6775;
}

#credit {
color: #ccc;
position: relative;
display: inline-block;
float: left;
width: 100%;
padding: 10px 0;
font-size: 12px;
}

#credit a{
color: #ccc;
}

#credit a:hover{
color: #999;
}




/*--------------------------*/
/*--------18.Widgets--------*/
/*--------------------------*/


#sidebar-right .menu{
margin: -16px 0 0 -20px;
width: 100%;
}

#sidebar-right .menu li{
border-top: 1px solid #fff;
border-bottom: 1px solid #eee;
list-style: none;
background: none;
padding: 10px 0 5px 10px;
font-size: 14px;
}

#sidebar-right .menu .sub-menu li{
padding-left: 15px;
margin: 0px 0px 0 -10px;
border: none;
}

#sidebar-right .menu .sub-menu li a:before {
    content: '- ';
}

#sidebar-right .menu li:hover{
list-style: none;
background: #f5f5f5;
}

#sidebar-right .menu li a{
display: inline-block;
width: 100%;
list-style: none;
background: none;
line-height: 25px;
text-shadow: 1px 1px 0px #fff;
}

#sidebar-right .menu .current-menu-item {
background: #f5f5f5;
}

.widget_recent_posts li{
border-bottom: 1px solid #eee;
width: 257px;
margin: 2px 0 10px -5px;
list-style: none;
background: none;
padding: 0px;
}

#sidebar-footer .widget_recent_posts li{
border-bottom: none;
text-shadow: 1px 1px 0px #aaa;
}

.widget_recent_posts li:last-child{
border-bottom: none;
margin-bottom: -5px;
}

.widget_recent_posts li a{
color: #555;
list-style: none;
background: none;
padding: 0px;
margin: 0px;
}

#sidebar-footer .widget_recent_posts li a{
color: #fff;
text-shadow: 1px 1px 0px #999;
}

.widget_info{
display: inline-block;
width: 135px;
margin: 0px 0px 0 15px;
}

.widget_title{
display: block;
font-size: 12px;
line-height: 17px!important;
margin: -10px 0px 0px 10px;
text-indent: 0px;
font-weight: bold;
color: #555;
}

.widget_title:hover{
color: #0a84ca;
}

#sidebar-footer .widget_title{
color: #fff;
text-shadow: 1px 1px 0px #999;
}

#sidebar-footer .widget_title:hover{
color: #e1e1e1;
}


.widget_date{
text-indent: 0px;
font-size: 11px;
color: #777;
margin-top: 5px;
display: inline-block;
}

#sidebar-footer .widget_date{
color: #fff;
}

.widget_category{
display: inline-block;
}

.widget_category a{
padding: 0px 6px!important;
margin: 0px;
font-size: 11px;
color: #777!important;
}

#sidebar-footer .widget_category a{
color: #fff!important;
}

.widget_thumbnail{
display: inline-block;
float: left;
width: 60px;
height: 80px;
margin-right: 8px;
margin-left: 5px;
}

.widget_thumbnail img{
border: 1px solid #e1e1e1;
background: #fff;
padding: 3px;
min-width: 60px;
max-width: 60px;
min-height: 60px;
max-height: 60px;
}

#sidebar-footer .widget_thumbnail img{
border: 1px solid #ccc;
background: #fff;
padding: 0px;
min-width: 66px;
max-width: 66px;
min-height: 66px;
max-height: 66px;
}

#sidebar-right .flickr_wrap {
width: 260px;
display: inline-block;
height: 100%;
}

.flickr_wrap img{
border: 1px solid #e1e1e1;
background: #f1f1f1;
padding: 3px;
display: inline-block;
margin: 0px 8px 8px 0;
float:left;
width: 70px;
height: 70px;
}

#sidebar-footer .flickr_wrap {
width: 227px;
display: inline-block;
height: 100%;
margin-top: 5px;
}

#sidebar-footer .flickr_wrap img{
border: 1px solid #ccc;
display: inline-block;
margin: 0px 8px 8px 0;
float:left;
padding: 0px;
width: 65px;
height: 65px;
}

.twitter_list {
width: 245px; 
}

#sidebar-footer .twitter_list{
width: 215px; 
margin: 3px 0px 0px 0;
}

.twitter_list li{
background: url("images/twitter_bird.png") no-repeat;
margin: 0px 0 20px 0;
padding-left: 15px;
list-style: none;
}

#sidebar-footer .twitter_list li{
padding-left: 30px;
}

.twitter_list li a{
font-size: 12px;
background: none;
line-height: 20px!important;
}

.twitter_list li:last-child{
border-bottom: none;
}

.video_widget{
width: 240px;
height: 180px;
}

.video_widget p{
text-indent: 0px;
}

.video_desc{
display: inline-block;
margin-top: 20px;
width: 250px;
text-indent: 0px;
}

.banners img{
margin: 0 0px 3px 0;
}

#recentcomments li a{
font-size: 13px;
background: none;
}

#commentsTextWidget{
height:100px;
}

#contactNameWidget,#emailWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
margin: 5px 0 5px 0px;
width: 240px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#commentsTextWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
height: 100px;
width: 240px;
margin: 5px 0 0 0px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#submittedWidget{
border: none;
border-bottom: 2px solid #66aed7;
cursor: pointer;
background: #fff;
color: #666;
padding: 3px 7px 3px 7px;
margin: 10px 0 0 0px;
}

#submittedWidget:hover{
color: #fff;
}

#sidebar-footer #contactNameWidget, #sidebar-footer #emailWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
margin: 5px 0 5px 0px;
width: 160px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#sidebar-footer #commentsTextWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
height: 100px;
width: 210px;
margin: 5px 0 0 0px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}



.screenReader{
display:none;
}

#contact label {
display:block;
padding:5px 0;
color: #666;
}

#contact input, #contact textarea {
border:1px solid #ddd;
padding:8px;
color: #666;
width:250px;
margin-bottom:10px;
}

#contact textarea {
width:400px;
font-size:13px;
}

#contact input[type="submit"]{
border: none;
border-bottom: 2px solid #66aed7;
padding: 3px 8px 3px 8px;
width: 60px;
cursor:pointer;
background: #fff;
color: #666;
border-radius: 0px;
}

#contact input[type="submit"]:hover{
background: #e1e1e1;
color:#fff;
}

#submittedContact{
text-indent: 0px;
border: 1px solid #ddd;
padding: 3px 70px 3px 7px;
width: 65px;
cursor:pointer;
background: #fff;
color:#666;
}

.errormsg, .successmsg{
background:#FEF4F1;
border:1px solid #F7A68A;
color:#DA4310;
padding:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.successmsg {
background:#F5FAF1;
border:1px solid #C2E1AA;
color:#8FA943;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.tagcloud a{
border-bottom: 2px solid #66aed7;
color: #666;
display: inline-block;
font-size: 13px!important;
padding: 3px 6px 4px 6px;
background: #fff;
margin: 5px 5px 5px 0px;
}

.tagcloud a:hover{
color: #fff;
}


#sideoffer { 
background: url('http://hitcreative.com.au/clients/asset/wp-content/uploads/2012/11/sideoffer-bg2.png') top left no-repeat; 
width:600px;
height:600px; 
position:fixed; 
top:120px; 
right: -500px; 
text-transform: none; 
z-index:99999; 
}
#sideoffer .box { position: absolute; right:0; width: 78%; padding: 15px 10px; color: #3e3e3e; }
#sideoffer p { margin-bottom: 5px !important; }

#gallery-1 {margin: auto;}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
width: 25%;
text-align:center;
}
#gallery-1 img {
border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}

h3.gform_title{
	color:#fff !important;
	font-weight:normal !important;
	font-size:25px!important;
}

.gform_description{
	color:#f7f7f7 !important;
}

#gform_fields_1 input, #gform_fields_1 select, #gform_fields_1 textarea{
	border: 1px solid #f7f7f7;
	background-color:#fff !important;
	padding: 5px;
	font-size:13px;
}

#gform_fields_1 label{color:#f7f7f7;}
#gform_fields_1 .gfield_checkbox label{color:#f7f7f7;}
#gform_fields_1 .gfield_checkbox{}
#gform_wrapper_1 input[type=submit] {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f3f3f3), color-stop(1, #cfcfcf) );
	background:-moz-linear-gradient( center top, #f3f3f3 5%, #cfcfcf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cfcfcf');
	background-color:#f3f3f3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:"Open Sans";
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
#gform_wrapper_1 input[type=submit]:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebebeb), color-stop(1, #c4c4c4) );
	background:-moz-linear-gradient( center top, #ebebeb 5%, #c4c4c4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#c4c4c4');
	background-color:#ebebeb;
	cursor:pointer;
}

#restricted_photos_list ul li{display:inline-block;padding:15px;}

ul.list, ul.list li{list-style: disc;}
ul.list{margin-left: 15px;}
ul.list li{padding-bottom: 20px;}

/*----------------------------------*/
/*---------SHORTCODE STYLES---------*/
/*----------------------------------*/



/*--------1.Boxes-------------------*/
/*--------2.Columns-----------------*/
/*--------3.Buttons-----------------*/
/*--------4.Lists-------------------*/
/*--------5.Dropcaps----------------*/
/*--------6.Icons-------------------*/
/*--------7.Tabs, togglers, accordion & slider-*/
/*--------8.Contact Form------------*/
/*--------9.Tooltip-----------------*/
/*--------10.Dividers---------------*/
/*--------11.CUSTOM CYCLES----------*/ 
/*--------12.One column (all posts with right content)-*/ 
/*--------13.Two column (all posts with bottom content)-*/ 
/*--------14.Three column (all posts with bottom content)-*/ 
/*--------15.One column (all posts with right content)-*/ 
/*--------16.Other shortcodes-------*/ 



/*-----------------------*/
/*--------1.Boxes--------*/
/*-----------------------*/


.success{
background: url(images/success-icon.png) no-repeat scroll 10px 10px #e5ffbc;
border: 1px solid #ceff81;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
margin: 15px 0px;
padding: 15px 10px 15px 45px;
position: relative;
width: 87%;	
}


.attention{
background: url(images/attention-icon.png) no-repeat scroll 10px 7px #feffc1;
border: 1px solid #dcde19;
color: #777;
font-size: 13px;
min-height: 48px;
line-height: 20px;
font-weight: normal;
margin: 15px 0px;
padding: 15px 10px 15px 45px;
position: relative;
width: 87%;		
}


.warning{
background: url(images/warning-icon.png) no-repeat scroll 10px 7px #ffe8e8;
border: 1px solid #ffcfcf;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
margin: 15px 0px;
padding: 15px 10px 15px 45px;
position: relative;
width: 87%;	
}


.info{
background: url(images/info-icon.png) no-repeat scroll 10px 10px #d4e4fd;
border: 1px solid #97d4ff;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
margin: 15px 0px;
padding: 15px 10px 15px 45px;
position: relative;
width: 87%;	
}


.question{
background: url(images/question-icon.png) no-repeat scroll 10px 10px #dfebff;
border: 1px solid #bde2fd;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
margin: 15px 0px;
padding: 15px 10px 15px 45px;
position: relative;
width: 87%;	
}


.quotes{
background: url(images/quotes.png) no-repeat scroll 0px 10px #eee;
border: 1px solid #ddd;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
margin: 15px 0px;
padding: 30px 10px 15px 50px;
position: relative;
width: 87%;	
}


.comment_box {
background: url(images/com_icon.png) no-repeat scroll 10px 10px #eee;
border: 1px solid #ddd;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
margin: 15px 0px;
padding: 25px 10px 15px 40px;
position: relative;
width: 87%;	
}



.box_style_one{
background: url(images/box_lines.png) #f1f1f1;
border: 1px solid #ddd;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 35px;
font-weight: normal;
margin: 15px 0px;
padding: 15px 25px;
position: relative;
width: 87%;	
text-shadow: 1px 1px 0px #fff;
box-shadow: 0px 1px 5px #ccc;
-webkit-box-shadow: 0px 1px 5px #ccc;
-moz-box-shadow: 0px 1px 5px #ccc;
}

.box_style_two{
background: url(images/box_lines.png) #f1f1f1;
border: 1px solid #ddd;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 35px;
font-weight: normal;
margin: 15px 0px;
padding: 15px 25px;
position: relative;
width: 87%;	
text-shadow: 1px 1px 0px #fff;
}

.box_shadow{
height: 6px;	
float: left;
display: inline-block;
margin: 16px 0 0 0px;
background: url(images/box_middle_shadow.png) repeat-x;
width: 100%;
}

.box_shadow_left{
background: url(images/box_left_shadow.png) no-repeat;
width: 20px;
height: 6px;	
float: left;
display: inline-block;
margin: 0px 0 0 -20px;
}

.box_shadow_right{
background: url(images/box_right_shadow.png) no-repeat;
width: 20px;
height: 6px;
display: inline-block;
float: right;
margin: 0px -20px 0 0px;
}


.single_post .success, .single_post .attention, .single_post .warning, .single_post .info, .single_post .question, .single_post .quotes, .single_post .comment_box, .single_post .color_box, .single_post .box_style_one, .single_post .box_style_two {
width: 80%;
}


/*--------------------------*/
/*---------2.Columns--------*/
/*--------------------------*/


.onehalf{
width:48%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:4%; 
float:left; 
}

.one_half_last {
width:48%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
float:left; 
margin-right:0!important;
}

.one_third{
width: 30%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:4%; 
float:left; 
}

.one_third_last{
width: 30%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:0 !important;
float:left; 
}

.one_fourth{
width: 22%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:3%; 
float:left; 
}

.one_fourth_last{
width: 22%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:0 !important;
float:left; 
}

.one_fifth{
width: 17%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:3%; 
float:left; 
}

.one_fifth_last{
width: 17%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:0 !important;
float:left; 
}

.two_third{ 
width:65%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:3%; 
float:left; 
}

.two_third_last{ 
width:65%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:0 !important;
float:left; 
}

.three_fourth{ 
width:71%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:3%; 
float: left; 
}

.three_fourth_last{ 
width:71%; 
display: block;
padding: 10px 0px 0px 0px;
position:relative; 
margin-right:0 !important;
float:left; 
}



.onehalf img, .one_half_last img, .one_third img, .one_third_last img, .one_fourth img, .one_fourth_last img, .one_fifth img , .one_fifth_last img, .two_third img, .two_third_last img, .three_fourth img, .three_fourth_last img{
max-width: 100%!important; 
}



/*--------------------------*/
/*---------3.Buttons--------*/
/*--------------------------*/


a.button_white {
background:url("images/button_white.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 17px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_white span {
background:url("images/button_white.png") no-repeat;
display:block;
width: 100%;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_white:hover {
font-size:15px;
background:url("images/button_white.png") no-repeat right -160px transparent;
}

a.button_white span:hover  {
background:url("images/button_white.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_grey {
background:url("images/button_grey.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 17px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_grey span {
background:url("images/button_grey.png") no-repeat;
display:block;
width: 100%;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_grey:hover  {
font-size:15px;
background:url("images/button_grey.png") no-repeat right -160px transparent;
}

a.button_grey span:hover  {
background:url("images/button_grey.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_black {
background:url("images/button_black.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size:15px;
color:#fff !important;
margin:5px 10px 5px 0;
padding:0 17px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_black span {
background:url("images/button_black.png") no-repeat;
display:block;
width: 100%;
line-height:15px;
padding:12px 0 16px 15px;
}

a.button_black:hover {
font-size:15px;
background:url("images/button_black.png") no-repeat right -160px transparent;
}

a.button_black span:hover {
background:url("images/button_black.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_green {
background:url("images/button_green.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin:5px 10px 5px 0;
padding:0 17px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_green span {
background:url("images/button_green.png") no-repeat;
display:block;
width: 100%;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_green:hover {
font-size:15px;
background:url("images/button_green.png") no-repeat right -160px transparent;
}
a.button_green span:hover {
background:url("images/button_green.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_red {
background:url("images/button_red.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size:15px;
color:#fff !important;
margin:5px 10px 5px 0;
padding:0 17px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_red span {
background:url("images/button_red.png") no-repeat;
display:block;
width: 100%;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_red:hover {
font-size:15px;
background:url("images/button_red.png") no-repeat right -160px transparent;
}
a.button_red span:hover {
background:url("images/button_red.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_blue {
background:url("images/button_blue.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size:15px;
color:#fff !important;
margin:5px 10px 5px 0;
padding:0 17px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_blue span {
background:url("images/button_blue.png") no-repeat;
display:block;
width: 100%;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_blue:hover {
font-size:15px;
background:url("images/button_blue.png") no-repeat right -160px transparent;
}
a.button_blue span:hover {
background:url("images/button_blue.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}



a.button_blue_big{
background:url("images/button_blue_big.png") no-repeat right -60px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size: 17px;
color:#fff !important;
margin: 15px 10px 15px 0;
padding:0 25px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_blue_big span {
background:url("images/button_blue_big.png") no-repeat;
display:block;
width: 100%;
line-height: 26px;
padding: 18px 0 16px 22px;
}


a.button_blue_big:hover {
font-size: 17px;
background:url("images/button_blue_big.png") no-repeat right -240px transparent;
}

a.button_blue_big span:hover{
background:url("images/button_blue_big.png") no-repeat left -180px transparent;
display:block;
line-height: 26px;
padding: 18px 0 16px 22px;
}



a.button_white_big{
background:url("images/button_white_big.png") no-repeat right -60px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size: 17px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 25px 0 0;
text-shadow:0 1px 0 #fff;
text-indent: 0px;
text-align: left;
}

a.button_white_big span {
background:url("images/button_white_big.png") no-repeat;
display:block;
width: 100%;
line-height: 26px;
padding: 18px 0 16px 22px;
}


a.button_white_big:hover {
font-size: 17px;
background:url("images/button_white_big.png") no-repeat right -240px transparent;
}

a.button_white_big span:hover{
background:url("images/button_white_big.png") no-repeat left -180px transparent;
display:block;
line-height: 26px;
padding: 18px 0 16px 22px;
}


a.button_grey_big{
background:url("images/button_grey_big.png") no-repeat right -60px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size: 17px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 25px 0 0;
text-shadow:0 1px 0 #fff;
text-indent: 0px;
text-align: left;
}

a.button_grey_big span {
background:url("images/button_grey_big.png") no-repeat;
display:block;
width: 100%;
line-height: 26px;
padding: 18px 0 16px 22px;
}

a.button_grey_big:hover {
font-size: 17px;
background:url("images/button_grey_big.png") no-repeat right -240px transparent;
}

a.button_grey_big span:hover {
background:url("images/button_grey_big.png") no-repeat left -180px transparent;
display:block;
line-height: 26px;
padding: 18px 0 16px 22px;
}



a.button_black_big{
background:url("images/button_black_big.png") no-repeat right -60px transparent;
display:inline-block;
position: relative;
border:0 none;
text-decoration:none !important;
font-size: 17px;
color:#fff !important;
margin: 15px 10px 15px 0;
padding:0 25px 0 0;
text-indent: 0px;
text-align: left;
}


a.button_black_big span {
background:url("images/button_black_big.png") no-repeat;
display:block;
width: 100%;
line-height: 26px;
padding: 18px 0 16px 22px;
}


a.button_black_big:hover {
font-size: 17px;
background:url("images/button_black_big.png") no-repeat right -240px transparent;
}

a.button_black_big span:hover {
background:url("images/button_black_big.png") no-repeat left -180px transparent;
display:block;
line-height: 26px;
padding: 18px 0 16px 22px;
}



a.button_green_big{
background:url("images/button_green_big.png") no-repeat right -60px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size: 17px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 25px 0 0;
text-shadow:0 1px 0 #fff;
text-indent: 0px;
text-align: left;
}

a.button_green_big span {
background:url("images/button_green_big.png") no-repeat;
display:block;
width: 100%;
line-height: 26px;
padding: 18px 0 16px 22px;
}


a.button_green_big:hover {
font-size: 17px;
background:url("images/button_green_big.png") no-repeat right -240px transparent;
}

a.button_green_big span:hover {
background:url("images/button_green_big.png") no-repeat left -180px transparent;
display:block;
line-height: 26px;
padding: 18px 0 16px 22px;
}


a.button_red_big{
background:url("images/button_red_big.png") no-repeat right -60px transparent;
display:inline-block;
border:0 none;
text-decoration:none !important;
font-size: 17px;
color:#fff !important;
margin: 15px 10px 15px 0;
padding:0 25px 0 0;
text-indent: 0px;
text-align: left;
}

a.button_red_big span {
background:url("images/button_red_big.png") no-repeat;
display:block;
width: 100%;
line-height: 26px;
padding: 18px 0 16px 22px;
}


a.button_red_big:hover {
font-size: 17px;
background:url("images/button_red_big.png") no-repeat right -240px transparent;
}

a.button_red_big span:hover {
background:url("images/button_red_big.png") no-repeat left -180px transparent;
display:block;
line-height: 26px;
padding: 18px 0 16px 22px;
}




a.button_download {
background:url("images/download_button.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
height: 40px;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 45px 0 0px;
text-indent: 0px;
text-align: left;
}

a.button_download span {
background:url("images/download_button.png") no-repeat;
display:block;
width: 100%;
height: 40px;
line-height:15px;
padding:12px 0px 16px 15px;
}


a.button_download:hover  {
font-size:15px;
background:url("images/download_button.png") no-repeat right -160px transparent;
}

a.button_download span:hover  {
background:url("images/download_button.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_upload {
background:url("images/upload_button.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
height: 40px;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 45px 0 0px;
text-indent: 0px;
text-align: left;
}

a.button_upload span {
background:url("images/upload_button.png") no-repeat;
display:block;
width: 100%;
height: 40px;
line-height:15px;
padding:12px 0px 16px 15px;
}


a.button_upload:hover  {
font-size:15px;
background:url("images/upload_button.png") no-repeat right -160px transparent;
}

a.button_upload span:hover  {
background:url("images/upload_button.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}



a.button_success {
background:url("images/success_button.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
height: 40px;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 45px 0 0px;
text-indent: 0px;
text-align: left;
}

a.button_success span {
background:url("images/success_button.png") no-repeat;
display:block;
width: 100%;
height: 40px;
line-height:15px;
padding:12px 0px 16px 15px;
}


a.button_success:hover  {
font-size:15px;
background:url("images/success_button.png") no-repeat right -160px transparent;
}

a.button_success span:hover  {
background:url("images/success_button.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_cancel {
background:url("images/cancel_button.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
height: 40px;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 45px 0 0px;
text-indent: 0px;
text-align: left;
}

a.button_cancel span {
background:url("images/cancel_button.png") no-repeat;
display:block;
width: 100%;
height: 40px;
line-height:15px;
padding:12px 0px 16px 15px;
}


a.button_cancel:hover  {
font-size:15px;
background:url("images/cancel_button.png") no-repeat right -160px transparent;
}

a.button_cancel span:hover  {
background:url("images/cancel_button.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}


a.button_next {
background:url("images/next_button.png") no-repeat right -40px transparent;
display:inline-block;
border:0 none;
height: 40px;
text-shadow:0 1px 0 #fff;
text-decoration:none !important;
font-size:15px;
color:#666 !important;
margin: 15px 10px 15px 0;
padding:0 45px 0 0px;
text-indent: 0px;
text-align: left;
}

a.button_next span {
background:url("images/next_button.png") no-repeat;
display:block;
width: 100%;
height: 40px;
line-height:15px;
padding:12px 0px 16px 15px;
}


a.button_next:hover  {
font-size:15px;
background:url("images/next_button.png") no-repeat right -160px transparent;
}

a.button_next span:hover  {
background:url("images/next_button.png") no-repeat left -120px transparent;
display:block;
line-height:15px;
padding:12px 0 16px 15px;
}

a.button_custom {
	font-family: 'MyriadPro-BoldIt', sans-serif;
	text-transform: uppercase;
    background-color: #ea6c26;
    display: inline-block;
    padding: .8em 2em;
    letter-spacing: 1px;
    font-size: 1.1rem;
    -webkit-border-radius: 9999px;
    border-radius: 9999px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
}

a.button_custom:hover {
    background-color: #fb852e;
}




/*------------------------*/
/*---------4.Lists--------*/
/*------------------------*/


.single_text .ul_li_arrow li{
list-style-image: url(images/ul_li_arrow.png);
line-height: 20px;
margin: 0 0 0 30px;
}

.single_text .ul_li_star li{
list-style-image: url(images/ul_li_star.png);
line-height: 20px;
margin: 0 0 10px 30px;
}

.single_text .ul_li_cube li{
list-style-image: url(images/ul_li_cube.png);
line-line-height: 20px;
margin: 0 0 0 30px;
}

.single_text .ul_li_success li{
list-style-image: url(images/ul_li_success.png);
line-line-height: 20px;
margin: 0 0 0 30px;
}


.single_text .ul_li_arrow_empty li{
list-style-image: url(images/ul_li_arrow_empty.png);
line-line-height: 20px;
margin: 0 0 0 30px;
}

.single_text .ul_li_star_empty li{
list-style-image: url(images/ul_li_star_empty.png);
line-height: 20px;
margin: 0 0 0 30px;
}

.single_text .ul_li_cube_empty li{
list-style-image: url(images/ul_li_cube_empty.png);
line-height: 20px;
margin: 0 0 0 30px;
}

.single_text .ul_li_success_empty li{
list-style-image: url(images/ul_li_success_empty.png);
line-height: 20px;
margin: 0 0 0 30px;
}




/*-------------------------*/
/*--------5.Dropcaps-------*/
/*-------------------------*/


.dropcap{
float:left;
padding: 0 0px 0 1px;
font-size: 40px;
height: 40px;
width: 45px;
line-height: 40px;
}


.dropcap_white{
color:#3c5778;
float:left;
padding: 1px 0px 0 1px;
font-size:14px;
height:20px;
width: 20px;
line-height: 20px;
margin-right: 7px;
text-align: center;
background: url(images/dropcap_white.png) no-repeat;
background-size: 100% ;
}

.dropcap_grey{
color: #fff;
padding: 1px 0px 0 1px;
float:left;
font-size:28px;
height:40px;
width: 40px;
line-height: 40px;
margin-right: 13px;
text-align: center;
background: url(images/dropcap_grey.png) no-repeat;
}

.dropcap_black{
color: #fff;
padding: 1px 0px 0 1px;
float:left;
font-size:28px;
height:40px;
width: 40px;
line-height: 40px;
margin-right: 13px;
text-align: center;
background: url(images/dropcap_black.png) no-repeat;
}

.dropcap_green{
color: #fff;
padding: 1px 0px 0 1px;
float:left;
font-size:28px;
height:40px;
width: 40px;
line-height: 40px;
margin-right: 13px;
text-align: center;
background: url(images/dropcap_green.png) no-repeat;
}

.dropcap_red{
color: #fff;
padding: 1px 0px 0 1px;
float:left;
font-size:28px;
height:40px;
width: 40px;
line-height: 40px;
margin-right: 13px;
text-align: center;
background: url(images/dropcap_red.png) no-repeat;
}

.dropcap_blue{
color: #fff;
padding: 1px 0px 0 1px;
float:left;
font-size:28px;
height:40px;
width: 40px;
line-height: 40px;
margin-right: 13px;
text-align: center;
background: url(images/dropcap_blue.png) no-repeat;
}

.dropcap_empty{
padding: 3px 0px 0 1px;
float:left;
font-size: 35px;
height: 50px;
width: 50px;
line-height: 40px;
margin: 3px 13px 0px 0;
text-align: center;
background: url(images/dropcap_empty.png) no-repeat;
}

.dropcap_box { 
border: 1px solid #ddd;
background: url(images/dropcap_box.png) #fff;
padding: 1px 0px 0 1px;
float:left;
font-size:28px;
color: #666;
height:40px;
width: 40px;
line-height:40px;
margin: 4px 13px 0 0;
text-align: center;
}




/*-------------------------*/
/*----------6.Icons--------*/
/*-------------------------*/


.icon_bag{
display: inline-block;
float: left;
background: url(images/bag_icon.png) no-repeat;
height: 42px;
width: 48px;
margin: 3px 15px 0 0;
}

.icon_bag_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/bag_icon.png) no-repeat center center #ddd;
height: 42px;
width: 48px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_engine{
display: inline-block;
background: url(images/engine_icon.png) no-repeat;
float: left;
height: 45px;
width: 46px;
margin: 3px 15px 0 0;
}

.icon_engine_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/engine_icon.png) no-repeat center center #ddd;
height: 45px;
width: 46px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_search{
display: inline-block;
float: left;
background: url(images/search_icon.png) no-repeat;
height: 45px;
width: 45px;
margin: 3px 15px 0 0;
}

.icon_search_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/search_icon.png) no-repeat center center #ddd;
height: 45px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}


.icon_comments{
display: inline-block;
background: url(images/comments_icon.png) no-repeat; 
height: 45px;
width: 45px;
float: left;
margin: 3px 15px 0 0;
}

.icon_comments_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/comments_icon.png) no-repeat center center #ddd; 
height: 45px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_pin{
display: inline-block;
float: left;
background: url(images/pin_icon.png) no-repeat;
height: 45px;
width: 44px;
margin: 3px 15px 0 0;
}

.icon_pin_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/pin_icon.png) no-repeat center center #ddd;
height: 45px;
width: 44px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_key{
display: inline-block;
float: left;
background: url(images/key_icon.png) no-repeat;
height: 45px;
width: 47px;
margin: 3px 15px 0 0;
}

.icon_key_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/key_icon.png) no-repeat center center #ddd;
height: 45px;
width: 47px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_id{
display: inline-block;
float: left;
background: url(images/id_icon.png) no-repeat;
height: 45px;
width: 50px;
margin: 3px 15px 0 0;
}

.icon_id_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/id_icon.png) no-repeat center center #ddd;
height: 45px;
width: 50px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_lock{
display: inline-block;
float: left;
background: url(images/lock_icon.png) no-repeat;
height: 45px;
width: 37px;
margin: 3px 15px 0 0;
}

.icon_lock_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/lock_icon.png) no-repeat center center #ddd;
height: 45px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_note{
display: inline-block;
float: left;
background: url(images/note_icon.png) no-repeat;
height: 45px;
width: 34px;
margin: 3px 15px 0 0;
}

.icon_note_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/note_icon.png) no-repeat center center #ddd;
height: 45px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_home{
display: inline-block;
float: left;
background: url(images/home_icon.png) no-repeat;
height: 45px;
width: 39px;
margin: 3px 15px 0 0;
}

.icon_home_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/home_icon.png) no-repeat center center #ddd;
height: 45px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_heart{
display: inline-block;
float: left;
background: url(images/heart_icon.png) no-repeat;
height: 44px;
width: 51px;
margin: 3px 15px 0 0;
}

.icon_heart_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/heart_icon.png) no-repeat center center #ddd;
height: 44px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_arrows{
display: inline-block;
float: left;
background: url(images/arrows_icon.png) no-repeat;
height: 43px;
width: 59px;
margin: 3px 15px 0 0;
}

.icon_arrows_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/arrows_icon.png) no-repeat center center #ddd;
height: 43px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_star{
display: inline-block;
float: left;
background: url(images/star_icon.png) no-repeat;
height: 45px;
width: 47px;
margin: 3px 15px 0 0;
}

.icon_star_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/star_icon.png) no-repeat center center #ddd;
height: 45px;
width: 47px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_grafic{
display: inline-block;
float: left;
background: url(images/grafic_icon.png) no-repeat;
height: 45px;
width: 61px;
margin: 3px 15px 0 0;
}

.icon_grafic_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/grafic_icon.png) no-repeat center center #ddd;
height: 45px;
width: 45px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_pen{
display: inline-block;
float: left;
background: url(images/pen_icon.png) no-repeat;
height: 45px;
width: 46px;
margin: 3px 15px 0 0;
}

.icon_pen_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/pen_icon.png) no-repeat center center #ddd;
height: 45px;
width: 46px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_tel{
display: inline-block;
float: left;
background: url(images/tel_icon.png) no-repeat;
height: 41px;
width: 63px;
margin: 3px 15px 0 0;
}

.icon_tel_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/tel_icon.png) no-repeat center center #ddd;
height: 41px;
width: 46px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_chart{
display: inline-block;
float: left;
background: url(images/chart_icon.png) no-repeat;
height: 45px;
width: 46px;
margin: 3px 15px 0 0;
}

.icon_chart_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/chart_icon.png) no-repeat center center #ddd;
height: 45px;
width: 46px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}

.icon_fax{
display: inline-block;
float: left;
background: url(images/fax_icon.png) no-repeat;
height: 42px;
width: 46px;
margin: 3px 15px 0 0;
}

.icon_fax_circle{
border: 1px solid #d1d1d1;
display: inline-block;
background: url(images/fax_icon.png) no-repeat center center #ddd;
height: 42px;
width: 46px;
margin-bottom: 15px;
padding: 20px;
border-radius: 50px;
box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
}




/*----------------------------------------------------------*/
/*-----------7.Tabs, togglers, accordion & slider-----------*/
/*----------------------------------------------------------*/



/*------Tabs------*/

.su-tabs { 
width: 100%;
display: inline-block;
margin: 15px 0; 
float: left;
}

.su-tabs-nav {
margin: 0px;
position: relative;
display: inline-block;
}

.su-tabs-nav span {
border: 1px solid;
border-color: #888;
background: url("images/custom_button.png");
background-color: #6ca9cd;
display: inline-block;
display: block;
float: left;
line-height: 29px;
padding: 0px 20px;
font-size: 14px;
font-weight: normal;
margin: 0 10px 10px 0px;
cursor: pointer;
color:#fff;
opacity: 0.9;	
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}

.su-tabs-nav span:hover {
opacity: 1;	
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

.su-tabs-nav span.su-tabs-current {
opacity: 1;	
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

.su-tabs-pane {
border-bottom: 1px solid #eee;
padding: 10px 0 15px 0px;
background:#fff;
width: 100%;
}

.su-tabs-pane img {
display: inline;
max-width: 96%!important;
height: auto;
}



/*----------Toggler---------*/

.myToggler{
border: 1px solid;
border-color: #888;
background: url("images/custom_button.png");
background-color: #6ca9cd;
display: inline-block;
cursor: pointer;
font-size: 14px;
margin: 10px 0px 0px 0;
padding-right: 10px;
line-height: 29px;
color: #fff;
}

.togglerSign{
padding-left: 6px;
margin-right: 7px;
}

.myToggler:hover{
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}

.mySlider{
display: inline-block;
width: 98%;
display:none;
margin-top: 10px;
padding: 10px 0 10px 10px;
}

.mySlider img{
max-width: 96%!important;
}



/*----------Accordion---------*/

h2.acc_trigger {
border: 1px solid;
border-color: #888;
background: url("images/custom_button.png");
background-color: #6ca9cd;
display: inline-block;
margin: 5px 0 0px 0;
line-height: 29px;
width: 100%;
font-size: 14px;
font-weight: normal;
float: left;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}

h2.acc_trigger a {
color: #fff;
text-decoration: none;
display: block;
padding: 0 0 0 10px;
}

h2.acc_trigger:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

h2.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

.acc_container {
padding: 0 0px 0 0px;
width: 100%;
overflow: hidden;
background: #fff;
}

.acc_container p {
padding: 0 0px 0 0px;
text-indent: 0px;
}

.acc_container .block {
padding: 5px 5px 5px 0;
}

.acc_container .block img{				
margin: 10px 0px;
max-width: 100%!;
}




/*----------Slider---------*/


.single_text .flexslider_short {
width: 98%; 
position: relative; 
margin: -10px 0px 20px 0; 
padding: 0;
float: left;
display: inline-block;
}

.single_text .slides > li {
display: none; 
-webkit-backface-visibility: hidden;
} 

.single_text  .slides img {
width: 100%; 
height: auto;
display: block;
}

.single_text  .slides:after {
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
}

.single_text  .no-js .slides > li:first-child {
display: block;
}

.single_text  .flex-direction-nav{
width: 61px; 
position: absolute; 
right: 0px;
bottom: 40px;
float: right;
display: inline-block;
}

.single_text  .flex-direction-nav .next{
border-left: 1px solid #ddd;
background: url("../images/slider_next.jpg") no-repeat;
width: 30px; 
height: 30px;
float: right;
text-indent: -9999px;
}

.single_text  .flex-direction-nav .next:hover{
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}

.single_text  .flex-direction-nav .prev{
background: url("../images/slider_prev.jpg") no-repeat;
width: 30px; 
height: 30px;
float: left;
text-indent: -9999px;
}

.single_text  .flex-direction-nav .prev:hover{
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}

.single_text .flex-caption{
position: relative; 
margin: -70px 0px 0px 25px; 
float: left;
display: inline-block;
background: #fff;
color: #000;
text-indent: 0px;
font-size: 14px;
padding: 4px 12px;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
}


/*-----------------------------*/
/*--------8.Contact Form-------*/
/*-----------------------------*/


#contact_form{
margin: 15px 0 5px -10px;
width: 500px;
}

.textfield_label{
padding-left: 5px;
font-size: 13px;
font-style: italic;
color: #777;
}

#contactName{
border: 1px solid #ddd;
height: 25px;
width: 200px;
padding: 1px 0 0 6px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#contactName:focus{
border: 1px solid #ccc;
}

#email{
border: 1px solid #ddd;
height: 25px;
width: 200px;
padding: 1px 0 0 6px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#email:focus{
border: 1px solid #ccc;
}

#commentsText{
height: 100px; 
width: 300px;
border: 1px solid #ddd;
padding: 3px 0 5px 6px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#commentsText:focus{
height: 100px; 
width: 300px;
}

#submittedContact{
border: none;
border-bottom: 2px solid #78c8f6;
padding: 4px 8px 3px 8px;
background: #fff;
color: #555;
cursor: pointer;
}

#submittedContact:hover{
color: #fff;
}

/*--------------------------*/
/*---------9.Tooltip--------*/
/*--------------------------*/


#dyna img {
cursor:pointer;
}

.tooltip {
display:none;
background:transparent url(images/black_tooltip.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;	
}

.tooltip.bottom {
background: url(images/black_tooltip_bottom.png);
padding-top:40px;
height: 60px;
}

.tooltip.bottom {
background: url(images/black_tooltip_bottom.png);
}



/*----------------------------*/
/*---------10.Dividers--------*/
/*----------------------------*/


.divider{
display: inline-block;
background: url(images/divider.png);
width: 100%;
height: 3px;
margin: 15px 0;
}

.divider_dashed{
display: inline-block;
background: url(images/divider_dashed.png);
width: 100%;
height: 3px;
margin: 15px 0;
}

.divider_top{
display: inline-block;
width: 100%;
height: 3px;
margin: 15px 0;
}

.divider_top a{
display: block;
width: 35px;
float: right;
margin-top: -8px;
padding-left: 7px;
background: #fff;
font-size: 11px;
color: #999;
}


.divider_style_one {
background: url("images/divider_middle_shadow.png") center repeat-x;
display: inline-block;
float: left;
width: 90%;
height: 20px;
margin: 15px 0 15px 25px;
text-align: center;
}

.divider_left_shadow{
background: url("images/divider_left_shadow.png") no-repeat;
width: 25px;
height: 5px;
display: block;
float: left;
margin: 9px 0 0px -25px;
}

.divider_right_shadow{
background: url("images/divider_right_shadow.png") no-repeat;
width: 25px;
height: 5px;
display: block;
float: right;
margin: 9px -25px 0px 0px;
}

.opera .divider_left_shadow{
margin: 8px 0 0px -25px;
}

.opera .divider_right_shadow{
margin: 8px -25px 0px 0px;
}





/*-----------------------------------*/ 
/*----------11.CUSTOM CYCLES---------*/ 
/*-----------------------------------*/ 



.shortcode_posts_box{
display: inline-block;
width: 106%;
float: left;
margin: 0px;
}

.post_image_column_shadow img{
padding: 0px!important;
border: none!important;
margin: -15px 0 0 0px!important;
display: inline-block;
width: 100%!important;
max-height: 18px;
height: auto;
}

.post_one_column .post_image_column_shadow img{
margin: -15px 0 0 5px!important;
}

.post_two_column .post_image_column_shadow img{
max-height: 15px;
}

.post_three_column .post_image_column_shadow img{
max-height: 15px;
}


/*------------------------------------------------------*/ 
/*------12.One column (all posts with right content)----*/ 
/*------------------------------------------------------*/ 


.post_one_column{
display: inline-block;
width: 100%;
float: left;
margin: 0px 0 15px 0;
}

.post_one_column img{
display: inline-block;
width: 100%;
height: 270px;
float: left;
box-shadow: none!important;
border: 1px solid #e1e1e1;
padding: 4px;
margin: 15px 0px;
}

.post_one_column h1 a{
display: inline-block;
font-size: 15px!important;
margin: 5px 0 5px 0px;
font-weight: normal;
color: #4b86a8;
line-height: 20px;
}

.post_one_column h1 a:hover{
color: #78c8f6;
}

.post_one_column_date{
border-bottom: 1px dashed #e1e1e1;
display: inline-block;
}

.post_one_column p{
font-size: 12px;
width: 94%;
font-weight: normal;
text-indent: 0px;
color: #555;
}



/*-------------------------------------------------------*/ 
/*-----13.Two column (all posts with bottom content)-----*/ 
/*-------------------------------------------------------*/ 


.post_two_column{
display: inline-block;
vertical-align: top;
width: 300px;
height: auto;
float: left;
margin: 0px 25px 10px 0;
padding-bottom: 10px;
}

.post_two_column img{
display: inline-block;
width: 96%;
height: 170px;
float: left;
box-shadow: none!important;
border: 1px solid #e1e1e1;
padding: 4px;
margin: 15px 0px;
}

.post_two_column h1 a{
display: inline-block;
font-size: 15px;
margin: 5px 0 5px 0px;
font-weight: normal;
color: #4b86a8;
line-height: 20px;
}

.post_two_column h1 a:hover{
color: #78c8f6;
}

.post_two_column p{
display: inline-block;
width: 100%;
min-height: 80px;
font-size: 12px;
font-weight: normal;
text-indent: 0px;
color: #555;
}

.post_two_column_date{
border-bottom: 1px dashed #e1e1e1;
display: inline-block;
}


	
/*---------------------------------------------------------*/ 
/*------14.Three column (all posts with bottom content)----*/ 
/*---------------------------------------------------------*/ 


.post_three_column{
display: inline-block;
vertical-align: top;
width: 222px;
height: auto;
float: left;
margin: 0px 25px 10px 0;
padding-bottom: 10px;
}

.post_three_column img{
display: inline-block;
width: 95%;
height: 130px;
box-shadow: none!important;
border: 1px solid #e1e1e1;
padding: 4px;
margin: 15px 0px 0 0;
}

.post_three_column h1 a{
display: block;
font-size: 14px;
margin: 5px 0 5px 0px;
font-weight: normal;
color: #4b86a8;
line-height: 22px;
}

.post_three_column h1 a:hover{
color: #78c8f6;
}

.post_three_column p{
display: inline-block;
width: 100%;
min-height: 120px;
font-size: 12px;
font-weight: normal;
text-indent: 0px;
color: #444;
}

.post_three_column_date{
border-bottom: 1px dashed #e1e1e1;
display: inline-block;
}

.single_post .post_three_column{
display: inline-block;
vertical-align: top;
width: 196px;
height: auto;
float: left;
margin: 0px 23px 20px 0;
padding-bottom: 10px;
}

.single_post .post_three_column img{
height: 120px;
}

.post_three_column .post_image_column_shadow img{
margin-top: 0px!important;
}

.single_post_full .post_three_column .post_image_column_shadow  {
margin-top: -15px!important;
}

.gecko  .single_post_full .post_three_column .post_image_column_shadow {
margin-top: -22px!important;
}

.gecko #main_content .shortcode_posts_box  .post_three_column .post_image_column_shadow {
margin-top: -6px!important;
}

/*---------------------------------------------------------*/ 
/*------15.One column (all posts with right content)-------*/ 
/*---------------------------------------------------------*/ 


.post_mini_one_column{
display: inline-block;
width: 100%;
float: left;
margin: 10px 0 10px 0;
padding-bottom: 10px;
}

.post_mini_one_column img{
display: inline-block;
width: 100px;
height: 100px;
float: left;
margin: 0px 20px 5px 0;
box-shadow: 0px 1px 3px #ccc;
-webkit-box-shadow: 0px 1px 3px #ccc;
-moz-box-shadow: 0px 1px 3px #ccc;
border: 1px solid #e1e1e1;
padding: 4px;
}

.post_mini_one_column h1 a{
font-size: 15px!important;
margin: 8px 0;
font-weight: normal;
color: #4b86a8;
line-height: 23px;
}

.post_mini_one_column h1 a:hover{
color: #78c8f6;
}

.post_mini_one_column p{
width: 94%;
font-size: 12px;
font-weight: normal;
text-indent: 0px;
color: #555;
}

.post_mini_one_column_date{
border-bottom: 1px dashed #e1e1e1;
display: inline-block;
}







/*-------------------------------------------*/ 
/*------------16.Other shortcodes------------*/ 
/*-------------------------------------------*/ 


.testimonials_style_one {
background: #f2f2f2;
border: 1px solid #eaeaea;
color: #777;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
padding: 15px 25px;
position: relative;
width: 90%;	
}

.hum{
background: url("images/hum.png") no-repeat;
display: inline-block;
height: 25px;
width: 28px;
float: left;
margin: 10px 0 15px 5px;
}

.hum_bg{
background: url("images/hum_bg.png") no-repeat;
display: inline-block;
position: relative;
height: 25px;
width: 20px;
float: left;
margin: -1px 0 0 5px;
}

.testim_info{
display: inline-block;
position: relative;
height: 25px;
width: 50%;
float: left;
margin: 10px 0 0 10px;
color: #888; 
font-size: 12px;
}

.testim_info_name{
font-weight: bold;
margin-right: 6px;
display: inline-block;
}

.testim_info_company{
font-weight: bold;
margin-left: 6px;
display: inline-block;
}


.testimonials_style_two {
border-left: 1px solid #eaeaea;
background: #fff;
color: #888;
font-size: 13px;
line-height: 20px;
min-height: 48px;
font-weight: normal;
padding: 10px 25px;
position: relative;
width: 90%;	
}

.testim_info_two {
margin: 5px 0 15px 25px;
font-size: 12px;
color: #888;
}

.single_post .testimonials_style_one, .single_post .testimonials_style_two{
width: 83%;	
}



#gallery_box{
display: inline-block;
position: relative;
width: 100%;
margin: -20px 0 25px 1px;
}

#gallery_box img{
width: 216px;
height: 200px;
float: left;
display: inline-block;
position: relative;
border: none!important;
padding: 0px!important;
margin: 0px!important;
box-shadow: none!important;
}

.twitter_list {
padding: 0 5px 0 0;
}

.twitter_list ul li a{
line-height: 15px !important;
}




/*---------Image styles & effects---------*/ 


.view {
   width: 100%;
   height: 100%;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask {
  width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
}
.view a.image_link {
   background:url(../images/view_link.png) center no-repeat;
   display: inline-block;
   position: relative;
   top: 10px;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
   border: none;
}

.view a.image_info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   position: relative;
   top: 0px;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
   border: none;
}

.third-effect .mask {
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   overflow:visible;
   background: #eee;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.image_link {
   position:relative;
   top: 44%;
   left: -5px;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect a.image_info {
   position:relative;
   top: 44%;
   left: 10px;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 0.4;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
   filter:alpha(opacity=40);
    background: #000;
}
.third-effect:hover a.image_link {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.third-effect:hover a.image_info {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


.view_gallery_image_box{
border: 1px solid #e1e1e1;
display: block;
margin-bottom: 10px;
float: left;
padding: 4px;
box-shadow: 0px 1px 4px #d1d1d1;
-webkit-box-shadow: 0px 1px 4px #d1d1d1;
-moz-box-shadow: 0px 1px 4px #d1d1d1;
}

.chrome .view_gallery_image_box{
width: 97%;
}

.view_gallery_image{
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}

.view_gallery_image img{
border: none!important;
width: 100%;
height: auto;
padding: 0!important;
margin: 0!important;
box-shadow: none;
}

.view_gallery_image .mask_portfolio {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.view_gallery_image a.portfolio_image_link {
background:url(../images/view_link.png) center no-repeat;
display: inline-block;
position: relative;
top: 45%;
text-decoration: none;
padding:0;
text-indent:-9999px;
width:20px;
height:20px;
border: none;
margin: 0px 0 0 15px;
}

.grey_image {
float: left;
margin-right: 40px;
margin-bottom: 20px;
display: inline-block;
height: 100%!important;
width: 100%!important;
position: relative;
}

.grey_image img{
display: inline-block;
width: 100%!important;
}

img.grey {
position: relative;
left: 0;
top: 0;
z-index: 10;
}
 
img.color {
position: absolute;
left: 0; 
top: 0;
}

.rounded_image {
border: 1px solid #eee!important;
width: 100%!important;
margin: 15px 0px;
padding: 0px!important;
border-radius: 1000px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
box-shadow: 0 3px 7px #ddd!important;
-webkit-box-shadow: 0 3px 7px #ddd!important;
-moz-box-shadow: 0 3px 7px #ddd!important;
}

.mail_box{
display: inline-block;
width: 100%;
margin: 0 0 15px 0;
}

.mail_icon{
background:url(images/mail_icon.png) center no-repeat;
border: none!important;
display: inline-block;
width: 60px;
height: 50px;
margin: 15px 20px 0 0;
float: left;
padding: 0px!important;
box-shadow: none;
}

.mail_text{
display: inline-block;
width: 590px;
}

.mail_box h3{
display: inline-block;
margin: 11px 0px 0 0;
font-size: 21px;
color: #6aa1c1;
}

.email_line{
color: #888;
font-size: 13px;
}

.sub_form{
display: inline-block;
float: right;
margin: -22px 0 0px 0px;
}

input#emailadress{
border: 1px solid #eee;
padding: 3px 0 1px 5px;
background: #fff;
height: 23px;
width: 161px; 
color: #777;
}

input#emailadress:focus{
box-shadow: 0px 0px 3px #66c7ff;
}

input#emailbutton {
border: 1px solid;
border-color: #777;
background: url("images/custom_button.png");
background-color: #4389b1;
display: inline-block;
height: 29px;
text-decoration: none!important;
font-size: 12px;
color: #fff;
margin: 15px 10px 0px 0;
padding: 0 13px;
text-indent: 0px;
text-align: left;
border-radius: 0px;
cursor: pointer;
}

input#emailbutton:hover {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
}

.chrome input#emailadress{
border: 1px solid #eee;
padding: 1px 0 2px 5px;
background: #fff;
height: 24px;
width: 161px; 
color: #777;
}