/* for customization you can edit this styles 
/******************************************************/

		

	.wrap.boxed, .wrap.boxed-margin,.wrap.wide,.search_text{
		background-color:#FFF;
		}
	
	
	/*.band.main.sticky {
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);		
		position:fixed;
		top:0;
		
		-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.3);
    	   -moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.3);
				box-shadow:0 0 12px rgba(0, 0, 0, 0.3);
	}
	*/

	
	
	
	.band.content {
		background: url("../images/content_top.png") repeat-x scroll center top #222222;
		border-top: 1px solid rgba(255, 255, 255, 0.15);
	}
 
	
		
		
	
	/*.band.top_border {
		display: none;
	}	*/
		
	.sub_header {
    	/*display: none;*/
	}	


	.search_text {
		background:#444;
		}

	
	
	.sf-menu ul,.sf-menu ul li:first-child,
	.skillbar {
	background-color: #036;
		}
		
	.sf-menu ul li:first-child:hover,.sf-menu ul li:last-child:hover,.sf-menu ul li:hover, .sf-menu ul li.current-menu-item,
	.sf-menu ul li.current-menu-item:first-child,
	.sf-menu ul li:last-child:hover, .sf-menu ul li.current-menu-item:last-child {
	background-color: #069;
		}
		
	.sf-menu a, .sf-menu a:visited {
		color:#aaa;
		}
	.sf-menu a:hover, .sf-menu li.current-menu-item > a {
		color:#ddd;
		}
	
	.sf-menu ul li {
    	border-bottom: 1px solid #111111;
    	border-top: 1px solid #444444;
	}
	
	.sf-sub-indicator{
		background:url(../images/arrows-dark.png) no-repeat -10px -100px;
		}
	
		
		
		
	.adbox,
	.adbox.style3 .inside, .adbox.style5 .inside, .adbox.style6 .inside,
	.clients-carousel, .portfolio-carousel,
	.portfolio-carousel ul.pc_carousel li .portfolio-thumb,
	.portfolio-thumb a,
	.portfolio-carousel ul.pc_carousel h3.title,
	.tabswrap,.vtabs .panel,.tab a,
	footer .widget .recent ul li .post-thumbnail a,
	.adbox.style4 .inside,
	.accordion .accordion-title,.accordion .accordion-inner,
	.dropcap.dropcap-square, .dropcap.dropcap-rounded,.dropcap.dropcap-circle,
	.styled-table-1 thead th,.styled-table-1 tr,
	.styled-table-1 th, .styled-table-1 td,
	.styled-table-1 table,
	.testimonial,
	.member,.member .member-social,
	.toggle .toggle-title,.toggle .toggle-inner,
	.portfolio li,
	figure,
	#searchform input,
	.widget.widget_interio_popular_posts, .widget.widget_interio_recent_comments,
	.widget.widget_interio_recent_posts, .widget.widget_tag_cloud, .widget.widget_interio_portfolio,
	.widget.widget_interio_popular_posts h3.title,
	.widget.widget_interio_recent_comments h3.title,
	.widget.widget_interio_recent_posts h3.title,
	.widget.widget_tag_cloud h3.title,
	.widget.widget_interio_portfolio h3.title,
	.widget .tabswrap .panel ul li .post-thumbnail a, .recent ul li .post-thumbnail a,
	.author_info,
	.post-nav,
	.author_info img,
	.comments h3,
	.comment-body,
	.comment-body .reply a,
	#commentform p input, #commentform p textarea,
	.portfolio_details,
	#gallery-1 img,
	.ads a,
	.widget select,
	#wrap_flickr .flickr_badge_image a,
	.widget_interio_facebook iframe,
	.hr_line
	{
		border-color:#444 !important;
		}
		
	.vtabs .tab a.selected {
		border-right-color:#222 !important;
		}
		
	.adbox.style3 .inside, .adbox.style5 .inside, .adbox.style6 .inside,
	.portfolio li,
	.tabswrap,.vtabs .panel,.vtabs .tab a.selected,
	.tab a.selected,
	.panel,
	.styled-table-1 tr:nth-child(2n+1),
	.member
	 {
	background-color: #333333 !important;
		}
		
	.social-icon,footer .gototop a{
		background-color:#444 !important;
		}	
	
	footer .textwidget a {
		opacity:.5;
		}
	
	
	.portfolio-types,.tab a{
		color:#666 !important;
		}
		
	.adbox .button a,
	span.ibtn:before,
	.button a,
	.button a:visited,
	a.read-more-link,
	a.read-more-link:visited,
	ul.filter li a,
	ul.filter li a:visited,
	.widget .tabswrap .panel ul.wp-tag-cloud li a,
	.widget .tabswrap .panel ul.wp-tag-cloud li a:visited,
	.pagination a,
	.pagination a:visited,
	.tagcloud a,
	.tagcloud a:visited{
		color:#222 !important;
		}
		
		
	.tabswrap,.tab a.selected,
	footer .copyright,
	footer .copyright a,
	footer p,
	footer .address,
	footer .address a,
	.styled-table-1 thead th,
	.member h4{
		color:#777 !important;
		}
		
	footer .copyright a:hover {
		color:#bbb !important;
		}
	
	.social_icons .icon a{
		background:url(../images/social-dark.png) no-repeat;
		}
		
	a .ibox:before {color:#777 !important;}
	a .ibox:hover:before {color:#AAA !important;}
			
	.band.twitter,
	.styled-table-1 tr:nth-child(2n),
	.post-nav .ibox:before,
	.comment-author,
	.widget .tabswrap .panel ul li span.date, .recent ul li span.date{
		background-color:#333;
		}
		
	footer.footer,
	.skillbar .skill-percentage{
		background-color:#555;
		}
		
	
	footer.bottom,
	.message {
		background-color:#222222 !important;
	}
	
	footer h4.title{
		background:none;
		border-bottom: solid 1px #666;
		color:#999 !important;
		}
		
	ol.flex-control-nav li a {
		-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    	   -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
				box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	}
	
	.adbox .inside {
		-webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.65);
    	   -moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.65);
				box-shadow:0 0 7px rgba(0, 0, 0, 0.65);
		}
		
	.button a,.button a:hover{
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.45);
		}
	
		
	.tab .ibtn:before, .respo_menu:before{
	color: #FFCC00 !important;
		}
	
	.htabs .tab a.selected {
		border-bottom-color:#222 !important;
		}
		
		
	.panel {
		border-top-color:#444 !important;
		}
		
	.clients .nxt, .clients .prv, .portfolio-carousel .nxt, .portfolio-carousel .prv,
	.toggle .toggle-title{
		color:#666 !important;
		}	
		
	.clients .nxt:hover, .clients .prv:hover, .portfolio-carousel .nxt:hover, .portfolio-carousel .prv:hover{
		color:#aaa !important;
		}
		
		
	
	.testimonial:after {
	/*background: url(../images/testimonials-dark.png) no-repeat;*/
	background-image: url(../../images/testimonials-dark.png);
	}
		
	.styled-table-2 table,
	.styled-table-2 thead th,
	.styled-table-2 th, .styled-table-2 td,
	.styled-table-2 tr:nth-child(2n),
	.styled-table-2 tr{
		border-color:#666 !important;
		}	
		
	.styled-table-2 tr:nth-child(2n+1) {
		background-color:#333 !important;
		}	
	.styled-table-2 tr:nth-child(2n) {
		background-color:#444 !important;
		}	
		
	.styled-table-2 thead th{
		color:#aaa;
		}
		
	.styled-table-2 thead th{
		background:#555 !important;
		}	
		
	
	.accordion .accordion-title.active a {
		background-color:#333 !important;
		color:#999 !important;
		}
		
	.accordion .accordion-inner {
		
		background-color:#292929;
		
		-webkit-box-shadow:none;
    	   -moz-box-shadow:none;
				box-shadow:none;
		}
	
	.accordion .accordion-title a:hover,
	.toggle .toggle-title:hover {
		color:#999 !important;
		}	
		
	.toggle .toggle-inner{
		border-top:none;
		-webkit-box-shadow:none;
    	   -moz-box-shadow:none;
				box-shadow:none;
		}	
		
	.toggle .toggle-inner,.toggle .toggle-title.active {
		background-color:#292929 !important;
		}
		
	.parallax-slider{
		margin-top:90px !important;
		}	
	
	.pxs_bg .pxs_bg1 {
	background-image: url(../../photos/dot11.png) !important;
	}
	
	.pxs_bg .pxs_bg2 {
		background-image: url(../../photos/dot22.png) !important;
	}
	
	.pxs_bg .pxs_bg3 {
		background-image: url(../../photos/dot33.png) !important;
	}
	
	
	#searchform input,
	.wpcf7 p{
		color:#777 !important;
		}
		
	#searchform input:hover, #searchform input:focus {
		border-color:#777 !important;
		color:#999 !important;
		}
	
	
	
	#commentform p input:focus, #commentform p textarea:focus, #commentform p input[type="submit"]:hover {
		background-color:#333;
		color:#999;
		}
	
	.widget .tabswrap .panel ul li, .recent ul li {
		border-color:#333 !important;
		}
	
	.wpcf7 input, .wpcf7 textarea, .wpcf7 select{
		color:#666;
		border-color:#444;
		}
		
	.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {
		color:#999;
		border-color:#777;
		}	
	
	
	/* Typography */

	h1{
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size: 46px;
		font-weight: 700;
		color: #999;
		}
	
	h1.logo{
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		font-size: 28px;
		font-weight: 600;
		color: #999;
		}         
	
	h2{
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		font-size: 35px;
		font-weight:600;
		color: #999;
		}
	
	h3{
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		font-size: 28px;
		font-weight: 600;
		color: #999;
		}
	
	h4{
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		font-size: 21px;
		font-weight: 400;
		color: #999;
		}
	
	h5{
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #999;
		}
	
	h6{
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		color: #999;
		}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{
		font-weight: inherit;
		color: inherit;
		}
	
	h1.title,h2.title,h3.title,h4.title,h5.title,h6.title {
		border-color:#444;
		color:#999;
		}
		
		
		p{
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		font-weight: 400;
		}
		
		p strong{
			font-family: 'Raleway', Arial, Helvetica, sans-serif;
			font-weight: 800;}
	
	a, a:visited{
		color: #666666;
		}
		
	a:hover, a:focus,.content a:hover{
		color: #333333;
		}
	
	/* Header Height is 90px in default */
	.band.main {height:90px;}
	.band.title{margin-top:90px;}
	h1.logo{line-height:90px;}  
	
	
	
	/* Navigation Top Margin */
	.navbar{margin-top:22px;}
	
	
	
	/* Navigation Font Size */
	.sf-menu { font-size: 15px;
	font-weight: 600;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;}
	
	
	
	/* Buttons Color */
	.button a,
	a.read-more-link,
	ul.filter li.current a,
	.pagination a.selected{
	background-color: #cc9900 !important;
	border-top: solid 1px #cc9900 !important;
		}
	
	
	
	.button a:hover,
	a.read-more-link:hover,
	ul.filter li a:hover,
	ul.filter li.current a,
	.widget .tabswrap .panel ul.wp-tag-cloud li a:hover,
	.pagination a:hover, .pagination a.selected:hover,
	.tagcloud a:hover{
	background-color: #ffcc00 !important;
	border-top: solid 1px #ffcc00 !important;
		}
	
	
	
	
	/* Icons Color Settings */
	[class^="icon-"]:before,
	[class*=" icon-"]:before,
	.clients #nxt:hover ,
	.portfolio-carousel #pnxt:hover,
	.clients #prv:hover,
	.portfolio-carousel #pprv:hover,
	footer .gototop a:hover {
	color: #FFCC00;
}
	
	.sf-menu [class^="icon-"]:before,
	.sf-menu [class*=" icon-"]:before {color:#ffde00;}
	
	.twitter_icon .icon-twitter:before,
	.twitter_icon .icon-twitter-circled:before {color:#666;}
	
	footer [class^="icon-"]:before,
	footer [class*=" icon-"]:before {color:#999999;}
	
	.tab .ibtn:before,
	.respo_menu:before {color:#ffde00;}
	
	ul.flex-direction-nav li a,
	ol.flex-control-nav li a:hover,
	ol.flex-control-nav li a.flex-active,
	.nivo-directionNav a,
	.nivo-controlNav a:hover,
	.nivo-controlNav a.active,
	.nav-arrows a,
	.pxs_navigation span {background:#ffde00 !important;}
	
	span.ibtn:before {color:#EEEEEE;}
	
	
	
	/* Image Overlay button color */
	
	.overlay span {
	background-color: #ffde00;
}
	
	
	/* Tooltip Color */
	.tooltip-inner {background-color:#006699;}
	.tooltip.top .tooltip-arrow {border-top-color:#006699;}
	.tooltip.left .tooltip-arrow {border-left-color:#006699;}
	.tooltip.bottom .tooltip-arrow  {border-bottom-color:#006699;}
	.tooltip.right .tooltip-arrow  {border-right-color:#006699;}
	
	
	
	

	.largetext {
		font-size:24px;
		}
	
	.custom_text_1{
		font-size:26px;
		color: #aaa;
		height:64px;
		line-height:24px;
		margin-top:-6px;
		}

	
	
	/* HR Custom */
	.hr_custom_1{
		margin:10px 0px 30px 0px !important;
		border-top-color:#ccc !important;
		}
	
	.hr_custom_2{
		margin:10px 0px 30px 0px !important;
		}

	.hr_custom_3{
		border-top-color:#ffde00 !important;
		}	
		
	.hr_custom_4{
		border-top-color:#ff9c00 !important;
		}
		
	.hr_custom_5{
		border-top-color:#8adc16 !important;
		}
		
	.hr_custom_6{
		border-top-color:#00a8ff !important;
		}
		
		
	.hr_custom_7{
		border-top-color:#9000ff !important;
		}
		
	.hr_custom_8{
		border-top-color:#ff0072 !important;
		}
		

	/* Custom Google Font Style */
	.gfont_custom_1 {
		font-family:'Codystar', serif !important;
		font-size:51px !important;
		line-height:51px !important;
		color:#ccc;
		margin: 0 !important;
		}
		
	.gfont_custom_2 {
		font-family:'Faster One', serif !important;
		font-size:56px !important;
		line-height:56px !important;
		color:#aaa;  margin: 6px 15px !important;
		}
		
	.gfont_custom_3 {
		font-family:'Sacramento', serif !important;
		font-size:60px !important;
		line-height:60px !important;
		color:#aaa;
		text-align:center;
		margin: 30px 0 !important;
		}	
		
	.gfont_custom_4 {
		font-family:'Codystar', serif !important;
		font-size:50px !important;
		line-height:50px !important;
		color:#666666;
		margin: 20px 0 !important;
		}
		
	.gfont_custom_5 {
		font-family:'Prosto One', serif !important;
		font-size:27px !important;
		line-height:27px !important;
		color:#92c419;
		margin: 30px 0 !important;
		}
		
	.gfont_custom_6 {
		font-family:'Arizonia', serif !important;
		font-size:42px !important;
		line-height:42px !important;
		color:#3387cf;
		margin: 30px 0 !important;
		}	
		
	.gfont_custom_7 {
		font-family:'Sacramento', serif !important;
		font-size:50px !important;
		line-height:50px !important;
		color:#333333;
		margin: 20px 0 !important;
		}	
		
	.gfont_custom_8 {
		
		}	
		
	/* Google Map Custom Size */
	.gmap_custom_1{
		width: 940px;
		height: 350px !important;
		}
		
	.gmap_custom_2{
		width: 940px;
		height: 200px !important;
		}
		
	.gmap_custom_3{
		width: 300px;
		height: 152px !important;
		}	
		
	.gmap_custom_4{
		width: 940px;
		height: 450px !important;
		}	
		
	/* Facebook Style */
	facebook_style{
		overflow:hidden;
		width:280px;
		height: 676px;
		}
		
		
	/* Highlight Custom Style */
	.highlight_custom_1 {
		background-color:#ffde00;
		color: #FFFFFF;
		}
		
	.highlight_custom_2 {
		background-color:#666666;
		color: #cccccc;
		}	
		
	.highlight_custom_3 {
		background-color:#1062a1;
		color: #ffffff;
		}		
		
		
		
	/* Custom Pricing Table */
	.pricing-table .featured{
		background-color:#ffde00;
		}
		
	.pricing-table .custom_color_1{
		background-color:#999;
		}
		
	.pricing-table .custom_color_2{
		background-color:#33b600;
		}
		
	.pricing-table .custom_color_3{
		background-color:#ee0000;
		}
		
	.pricing-table .custom_color_4{
		background-color:#007ae2;
		}
		
		
		
		
		
.flag {
	width: 16px;
	height: 11px;
	background:url('./flags.png') no-repeat;
}

.pie{
	margin: 15px 0 0 0;
}

.flag.flag-es {background-position: -16px 0}
.flag.flag-us {background-position: 0 -11px}



.flagfoot {
	width: 16px;
	height: 11px;
	background:url('./flags.png') no-repeat;
	padding:14px 0 0 0;
}

.flagfoot.flag-es {background-position: -16px 0}
.flagfoot.flag-us {background-position: 0 -11px}


.flagRounded{
	border-radius:50%;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	line-height:40px;
	
}

.flagRounded:before{margin: auto;text-align: center; line-height: 40px; }

.flagRounded {color:#EB7F37; border: 1px dashed #EB7F37;}
.flagRounded:hover, .color1 .flagRounded:hover i{background-color:#4b4a4a;color:#fff;text-shadow: 0 0 5px #FFF; border-style: solid;}
		
		
.tips{ display:inline-block;}
		
		
		
		
		/* PARALLAX STUFF
================================================== */
#home, #paralaxSlice1, #paralaxSlice2, #paralaxSlice3 {background-color:#333;}

#home, #noSliderWrapper {background:url('../images/theme-pics/textures/sea-green-b-2.jpg') no-repeat #EB7F37;}


.paralaxText blockquote, .paralaxText h1, .paralaxText h2, .paralaxText h2 small, .paralaxText h3, .paralaxText p, .paralaxText i{ color:#fff;}

		
#paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #homeFullScreen{
	width:100%;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: cover;
	background-position: top center;

}

.maskParent{position: relative; height:100%; width:100%;}

.paralaxText {
	padding-top:66px;
	padding-bottom:66px;
	text-align:center;
	position: relative;

}
.paralaxMask {
	width:100%; 
	height:100%;
	overflow:hidden;
	position:absolute;
	background:rgba(0,0,0,0.15);
}


#paralaxSlice1 {
	background-image: url(../../images/parallax-1.jpg);
}
#paralaxSlice2 {
	background-image: url(../../images/parallax-2.jpg);
}
#paralaxSlice3 {
	background-image: url(../../images/parallax-3.jpg);
}

#paralaxSlice4 {
	background-image: url(../../images/parallax-4.jpg);
}


.paralaxText h2 {
	font-size: 22px;
	font-weight: 100;
	line-height:1.5em;
	display: inline-block;
	padding:33px;
	border-radius: 22px;
	
	margin-bottom: 0;
}

.paralaxText h2 small {
	font-size: 22px;
	font-weight: 100;
}

.paralaxText .iconRounded {display: inline-block;}

.paralaxText .testimonialCarousel blockquote {text-transform: none;letter-spacing:normal;
	font-size: 22px;
	line-height:22px;
}
.paralaxText .iconBig {
	font-size: 22px;
}

/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){

	#paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12{
		background-attachment: fixed;
		background-position: 50% 0;
		background-size: cover;
	}

}	

@media(min-width:768px){
	
	
	h1 {
		font-size: 40px;
	}
	.paralaxText blockquote {
		font-size: 33px;
		line-height:33px;
	}
	.paralaxText .iconBig {
		font-size: 44px;
	}


	.paralaxText h2 {
		font-size: 44px;
	}

	
}


/*** parallax sections ***/
.paralaxMask:after, .paralaxMask:before {
	display: block;
	content: "";
	height: 22px;
	position: absolute;
	width: 100%;
	border-radius: 60%;
	box-shadow: 0px 0 22px rgba(0, 0, 0, 0.5);
}
.paralaxMask:after {
	bottom: -22px;
}
.paralaxMask:before {
	top: -22px;
}
.paralaxMask {
	background: rgba(0, 0, 0, 0.33);
}
.paralaxText .iconRounded {border-color: #fff;}
.paralaxText .iconRounded:hover {border-color: #fff; background:none;}
.paralaxText h2 {background: rgba(255, 255, 255, 0.1); border:1px solid rgba(255, 255, 255, 0.25)}	

.yellow{ color:#FC0;}
.red{
	color: #F00;
}
.white{
	color: #FFF;
}


.pull-left{float:left; margin-right:15px;}

.pull-right{float:right; margin-left:15px;}