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

	Theme Name: RED SKY
	Theme URI: http://themeforest.net/user/PixFlow
	Description: RED SKY _ Single Page themplate
	Author: PixFlow (http://themeforest.net/user/PixFlow)
	Author URI: http://www.sacredpixel.com
	Version: 1.0
	Designed & Handcrafted by PixFlow

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

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset 
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
margin:0;
padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup
/*-----------------------------------------------------------------------------------*/

body {
background-color:#fff;
color:#555;
font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:300;
line-height:20px;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table{
border-collapse:collapse;
border-spacing:0;
}

a {
color:#555;
text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #06C;
	-moz-transition:all 500ms ease 0s;
	-o-transition:all 500ms ease 0s;
	-webkit-transition:all 500ms ease 0s;
	transition:all 500ms ease 0s;
}

a:focus {
outline: 0; 
}

p {
line-height:20px;
margin-bottom:9px;
font-weight:400;
}


strong {
color:#000;
font-weight:700;
}

img {
max-width:100%;
height:auto;
}

.underline {
border-bottom:1px solid #b4b4b4;
display:inline-block;
}

.hidden {
display:none;
}

input[type="text"]:focus, textarea:focus {
outline: 0; 
}

h1,h2,h3,h4,h5,h6 {
font-weight:300;
color:#555;
}

h1 {
font-size:106px;
line-height:100px;
margin-bottom:20px;
}

h2 {
line-height:70px;
font-size:60px;
margin-bottom:20px;
}

h3 {
line-height:40px;
font-size:35px;
margin-bottom:10px;
}


h4{
line-height:38px;
font-size:30px;
margin-bottom:10px;
}

h5{
line-height:21px;
font-size:14px;
margin-bottom:10px;
text-transform: uppercase;
}

h6{
line-height:21px;
font-size:12px;
margin-bottom:10px;
text-transform: uppercase;
}

.left {
float:left!important;
}

.right {
float:right!important;
}

h2 .line {
letter-spacing:-5px;
color:#f04642;
font-weight:600;
}

h3 .line {
letter-spacing:-5px;
color:#f04642;
font-weight:400;
}

h2 .whiteline {
letter-spacing:-5px;
color:#fff;
font-weight:600;
}

.fixed {
position:fixed;
top:0;
z-index:999;
}

/* Visibility */

.visible-phone,.visible-tablet,.hidden-desktop {
display:none!important;
}

.clearfix:before,.clearfix:after,.row:before,.row:after,.container:before,.container:after {
display:table;
content:"";
}

.clearfix:after,.row:after,.container:after {
clear:both;
}

[class*="span"] {
float:left;
margin-left:20px;
}

.clearfix {
zoom:1;
}

.container {
zoom:1;
width:940px;
margin:0 auto;
}

/* 960 Grid System */

.row {
margin-left:-20px;
}

.span12 {
width:940px;
}

.span11 {
width:860px;
}

.span10 {
width:780px;
}

.span9 {
width:700px;
}

.span8 {
width:620px;
}

.span7 {
width:540px;
}

.span6 {
width:460px;
}

.span5 {
width:380px;
}

.span4 {
width:300px;
}

.span3 {
width:220px;
}

.span2 {
width:140px;
}

.span1 {
width:60px;
}

.offset12 {
margin-left:980px;
}

.offset11 {
margin-left:900px;
}

.offset10 {
margin-left:820px;
}

.offset9 {
margin-left:740px;
}

.offset8 {
margin-left:660px;
}

.offset7 {
margin-left:580px;
}

.offset6 {
margin-left:500px;
}

.offset5 {
margin-left:420px;
}

.offset4 {
margin-left:340px;
}

.offset3 {
margin-left:260px;
}

.offset2 {
margin-left:180px;
}

.offset1 {
margin-left:100px;
}

.tablet_title {
display:table;
margin-right:auto;
margin-left:auto;
float:none !important;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	scrollbar
/*-----------------------------------------------------------------------------------*/ 

::-webkit-scrollbar {
width:10px;
}

/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
background: #FFF;
}

/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #BE2926; 
}

::-webkit-scrollbar-thumb:window-inactive {
background: #BE2926; 
}


/*-----------------------------------------------------------------------------------*/
/*	3.	content Place holder Style 
/*-----------------------------------------------------------------------------------*/ 

/*  blog content Place holder Style */

.blog_post_img input::-webkit-input-placeholder  , .blog_post_img input:-moz-placeholder , .blog_post_img input:-ms-input-placeholder {
color:    #bfbfbf !important;
}

.blog_post_img ::-webkit-input-placeholder  ,.blog_post_img :-moz-placeholder ,.blog_post_img :-ms-input-placeholder {
color:    #bfbfbf !important;
}


/*-----------------------------------------------------------------------------------*/
/*	4.	wrap 
/*-----------------------------------------------------------------------------------*/ 

.wrap_intro {
/* background-color:#f04642!important; */
height:100px;
overflow:hidden;
padding:130px 0 800px;
z-index:300;
}

.wrap {
width:100%;
overflow:hidden;
position:relative;
min-width:940px;
}

.wrap_space {
height:110px;
}

.wrap_home_space {
/* background-color:#F04642; */
height:79px;
}

.wrap_about_space {
height:80px;
}

.wrap_space_bottom {
height:300px;
}

#portfolio .wrap_space_bottom {
height:100px;
}

.wrap_space_red {
background-color:#f04642;
height:75px;
}

.wrap_contact {
/* background-color:#f04642!important; */
padding-bottom:50px;
}

.wrap_header {
background-color:#1C1C1C !important;
min-height:45px;
position:fixed;
overflow:visible;
padding:17px 0;
z-index:350;
top:0;
}

.wrap_topbar {
background-color:#1c1c1c!important;
}

.wrap_top_icon  .container{
position:relative;
}

.wrap_header .container {
position:relative;
}

.wrap_about_banner {
position:fixed;
height:100%;
top:78px;
left:0;
z-index:-1;
}

.wrap_about_banner  .cover{
height:100%;
width:100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 
.wrap_about_banner img {
display:table;
margin:0 auto;
}

#wrap_tagline {
padding:100px 0 100px;
}

/*-----------------------------------------------------------------------------------*/	
/*	5.	Rotated line & Separator
/*-----------------------------------------------------------------------------------*/

.rotated_line {
position:absolute;
right:-10px;
width:110%;
background-color:#f04642;
}

/* portfolio rotated line */

.rotated_line1 {
height:9px;
top:130px;

-moz-transform: rotate(4deg);
-o-transform:rotate(4deg);
-webkit-transform:rotate(4deg);
-ms-transform: rotate(4deg);
transform:rotate(4deg);
}

/* about us rotated line */

.rotated_line2 {
height:9px;
top:280px;

-moz-transform: rotate(-8deg);
-o-transform:rotate(-8deg);
-webkit-transform:rotate(-8deg);
-ms-transform: rotate(-8deg);
transform:rotate(-8deg);
}

/* Location Rotated line */

.rotated_line_location1 { 
height:80px;
top:110px;
z-index:310;

-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform:rotate(4deg);
-webkit-transform:rotate(4deg);
transform:rotate(4deg);
}

.rotated_line_location2 , .rotated_line_location4 { 
background-color:#fff;
}

.rotated_line_location2 , .rotated_line_location6 { 
height:80px;
top:70px;
z-index:315;
}

.rotated_line_location2 {
-ms-transform: rotate(2deg);
-o-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
-moz-transform: rotate(2deg);
transform:rotate(2deg);
}

.rotated_line_location3 { 
height:60px;
top:540px;
z-index:315;
		
-webkit-transform:rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform:rotate(2deg);
transform:rotate(2deg);
}

.rotated_line_location4 , .rotated_line_location5 { 
height:60px;
top:565px;
z-index:315;
}

.rotated_line_location4 {
-webkit-transform:rotate(1deg);
-ms-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform:rotate(1deg);
transform:rotate(1deg);
}

.separator {
background: transparent url(assets/img/separator.png) repeat-x;
height: 2px;
}

/*-----------------------------------------------------------------------------------*/
/*	6.	icon
/*-----------------------------------------------------------------------------------*/

.icon a , .icon  .about_col_icon {
height:66px;
width:66px;
float:left;
background-color:#f04642 !important;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}


.icon a:hover {
background-color:#ececec !important;
}

.icon .icon_text{
font-size:18px;
display:block;
font-weight:400;
margin-left:76px;
cursor:pointer;
} 

.icon .aalert:hover {
background:transparent url(assets/img/small_icon/icon_alert_small_hover.png) center no-repeat;
}

.icon .aalert {
background:transparent url(assets/img/small_icon/icon_alert_small.png) center no-repeat;
}

.icon .bomb:hover {
background:transparent url(assets/img/small_icon/icon_bomb_small_hover.png) center no-repeat;
 
}

.icon .bomb {
background:transparent url(assets/img/small_icon/icon_bomb_small.png) center no-repeat;
}

.icon .camera:hover  {
background:transparent url(assets/img/small_icon/icon_camera_small_hover.png) center no-repeat;
}

.icon .camera {
background:transparent url(assets/img/small_icon/icon_camera_small.png) center no-repeat;
}

.icon .clock:hover {
background:transparent url(assets/img/small_icon/icon_clock_small_hover.png) center no-repeat;
 
}

.icon .clock {
background:transparent url(assets/img/small_icon/icon_clock_small.png) center no-repeat;
}

.icon .cloud {
background:transparent url(assets/img/small_icon/icon_cloud_small.png) center no-repeat;
}

.icon .cloud:hover {
background:transparent url(assets/img/small_icon/icon_cloud_small_hover.png) center no-repeat;
}

.icon .compass {
background:transparent url(assets/img/small_icon/icon_compass_small.png) center no-repeat;
}

.icon .compass:hover {
background:transparent url(assets/img/small_icon/icon_compass_small_hover.png) center no-repeat;
}

.icon .copy_paste:hover {
background:transparent url(assets/img/small_icon/icon_copy_paste_small_hover.png) center no-repeat;
}

.icon .copy_paste {
background:transparent url(assets/img/small_icon/icon_copy_paste_small.png) center no-repeat;
}

.icon .diamond:hover  {
background:transparent url(assets/img/small_icon/icon_diamond_small_hover.png) center no-repeat;
}

.icon .diamond {
background:transparent url(assets/img/small_icon/icon_diamond_small.png) center no-repeat;
}

.icon .dollar:hover {
background:transparent url(assets/img/small_icon/icon_dollar_small_hover.png) center no-repeat;
}

.icon .dollar {
background:transparent url(assets/img/small_icon/icon_dollar_small.png) center no-repeat;
}

.icon .lab:hover {
background:transparent url(assets/img/small_icon/icon_lab_small_hover.png) center no-repeat;
}

.icon .lab {
background:transparent url(assets/img/small_icon/icon_lab_small.png) center no-repeat;
}

.icon .lamp {
background: transparent url(assets/img/small_icon/icon_lamp_small.png) center no-repeat;
}

.icon .lamp:hover {
background: transparent url(assets/img/small_icon/icon_lamp_small_hover.png) center no-repeat;
}

.icon .like {
background:transparent url(assets/img/small_icon/icon_like_small.png) center no-repeat;
}

.icon .like:hover {
background:transparent url(assets/img/small_icon/icon_like_small_hover.png) center no-repeat;
}

.icon .first_aid_kit:hover {
background:transparent url(assets/img/small_icon/icon_first_aid_kit_small_hover.png) center no-repeat;
 
}

.icon .first_aid_kit {
background:transparent url(assets/img/small_icon/icon_first_aid_kit_small.png) center no-repeat;
}


.icon .locked:hover {
background:transparent url(assets/img/small_icon/icon_locked_small_hover.png) center no-repeat;
}

.icon .locked {
background:transparent url(assets/img/small_icon/icon_locked_small.png) center no-repeat;
}

.icon .love:hover {
background:transparent url(assets/img/small_icon/icon_love_small_hover.png) center no-repeat;
}

.icon .love {
background:transparent url(assets/img/small_icon/icon_love_small.png) center no-repeat;
}

.icon .magnifying:hover {
background:transparent url(assets/img/small_icon/icon_magnifying_small_hover.png) center no-repeat;
}

.icon .magnifying {
background:transparent url(assets/img/small_icon/icon_magnifying_small.png) center no-repeat;
}

.icon .martini:hover {
background:transparent url(assets/img/small_icon/icon_martini_small_hover.png) center no-repeat;
 
}

.icon .martini {
background:transparent url(assets/img/small_icon/icon_martini_small.png) center no-repeat;
}

.icon .megaphone:hover  {
background:transparent url(assets/img/small_icon/icon_megaphone_small_hover.png) center no-repeat;
}

.icon .megaphone {
background:transparent url(assets/img/small_icon/icon_megaphone_small.png) center no-repeat;
}

.icon .microphone:hover  {
background:transparent url(assets/img/small_icon/icon_microphone_small_hover.png) center no-repeat;
}

.icon .microphone {
background:transparent url(assets/img/small_icon/icon_microphone_small.png) center no-repeat;
}

.icon .muffin:hover {
background:transparent url(assets/img/small_icon/icon_muffin_small_hover.png) center no-repeat;
}

.icon .muffin {
background:transparent url(assets/img/small_icon/icon_muffin_small.png) center no-repeat;
}

.icon .phone {
background: transparent url(assets/img/small_icon/icon_phone_small.png) center no-repeat;
}

.icon .phone:hover {
background:transparent url(assets/img/small_icon/icon_phone_small_hover.png) center no-repeat;
}

.icon .pin:hover {
background:transparent url(assets/img/small_icon/icon_pin_small_hover.png) center no-repeat;
}

.icon .pin {
background:transparent url(assets/img/small_icon/icon_pin_small.png) center no-repeat;
}

.icon .plan:hover {
background:transparent url(assets/img/small_icon/icon_plan_small_hover.png) center no-repeat;
}

.icon .plan {
background:transparent url(assets/img/small_icon/icon_plan_small.png) center no-repeat;
}

.icon .playstation:hover  {
background:transparent url(assets/img/small_icon/icon_playstation_small_hover.png) center no-repeat;
}

.icon .playstation {
background:transparent url(assets/img/small_icon/icon_playstation_small.png) center no-repeat;
}

.icon .power:hover  {
background:transparent url(assets/img/small_icon/icon_power_small_hover.png) center no-repeat;
}

.icon .power {
background:transparent url(assets/img/small_icon/icon_power_small.png) center no-repeat;
}

.icon .preview:hover {
background:transparent url(assets/img/small_icon/icon_preview_small_hover.png) center no-repeat;
}

.icon .preview {
background:transparent url(assets/img/small_icon/icon_preview_small.png) center no-repeat;
}

.icon .quotation_mark:hover  {
background:transparent url(assets/img/small_icon/icon_quotation_mark_small_hover.png) center no-repeat;
}

.icon .quotation_mark {
background:transparent url(assets/img/small_icon/icon_quotation_mark_small.png) center no-repeat;
}

.icon .ribbon:hover {
background:transparent url(assets/img/small_icon/icon_ribbon_small_hover.png) center no-repeat;
 
}

.icon .ribbon {
background:transparent url(assets/img/small_icon/icon_ribbon_small.png) center no-repeat;
}

.icon .rocket:hover {
background:transparent url(assets/img/small_icon/icon_rocket_small_hover.png) center no-repeat;
}

.icon .rocket {
background:transparent url(assets/img/small_icon/icon_rocket_small.png) center no-repeat;
}

.icon .setting:hover {
background:transparent url(assets/img/small_icon/icon_setting_small_hover.png) center no-repeat;
}

.icon .setting {
background:transparent url(assets/img/small_icon/icon_setting_small.png) center no-repeat;
}

.icon .tea:hover {
background:transparent url(assets/img/small_icon/icon_tea_small_hover.png) center no-repeat;
}

.icon .tea {
background:transparent url(assets/img/small_icon/icon_tea_small.png) center no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/* 5. button
/*-----------------------------------------------------------------------------------*/

.btn {
background-color:#cdcdcd;
border:0;
color:#FFF;
cursor:pointer;
display:inline-block;
font-family:'Open Sans', sans-serif;
font-size:18px;
font-weight:300;
height:37px;
line-height:37px;
margin:0;
padding:0 35px 0 12px 
}

.btn:hover {
background-color:#ececec;
color:#cdcdcd;

-moz-transition:all 300ms ease 0s;
-o-transition:all 300ms ease 0s;
-webkit-transition:all 300ms ease 0s;
transition:all 300ms ease 0s;
text-decoration:none
}

.btn:focus {
color:#fff !important;
}

.btn:active {
background-color:#f04642;
color:#fff !important;

-moz-transition:all 300ms ease 0s;
-o-transition:all 300ms ease 0s;
-webkit-transition:all 300ms ease 0s;
transition:all 300ms ease 0s;
text-decoration:none
}

.small_btn {
font-size:11px;
height:20px;
line-height:20px;
padding:0 15px 0 12px 
}

.medium_btn {
font-size:14px;
height:34px;
line-height:34px;
padding:0 25px 0 12px 
}

.larg_btn {
font-size:18px;
height:37px;
line-height:37px;
padding:0 35px 0 12px 
}

/* text button */
.text_btn {
font-family: 'Open Sans', sans-serif !important;
background: none repeat scroll 0 0 transparent;
border-color: transparent;
color: #fff;
cursor: pointer;
display: block;
text-transform:uppercase;
font-size: 30px !important;
font-weight:300 !important;
text-decoration:none;
}

.button_submit:hover .text_btn {
color: #f6908e;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

/* readmore Button */
.readmore {
cursor:pointer;
background-color:#ededed;
color:#adadad;
font-size:30px;
display:block;
text-align:left;
text-decoration:none;
padding:20px 25px 20px 30px;
margin-top:20px;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.readmore:hover {
background-color:#e2e2e2;
color:#fff;
}

.readmore .flash {
float:right;
border-left: #c9c9c9 solid 1px;
margin:-12px -23px 0 0;
display: block;
min-width:60px;
min-height:45px;
background:url("assets/img/flash_readmore.png") no-repeat center;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.readmore:hover .flash {
background:url("assets/img/flash_readmore_hover.png") no-repeat center;
border-left: #fff solid 1px;
}

/* blog detail Button */
.nav_box{
float:right;
margin-bottom:34px;
} 

.next_btn , .previous_btn {
min-width:97px;
color:#999;
font-size:16pt;
line-height:18pt;
padding:14px 0px;
text-transform:none;
float:left;
font-weight:400;
letter-spacing:-1px;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.next_btn:hover, .previous_btn:hover {
color:#f04642 !important;
}

.next_btn {
background:url("assets/img/next_btn.png") no-repeat scroll right center #ececec !important;
padding-left:13px;
text-align:left;
}

.next_btn:hover {
background:url("assets/img/next_btn_hover.png") no-repeat scroll right center #f2f2f2 !important;
}

.previous_btn {
background:url("assets/img/previous_btn.png") no-repeat scroll left center #ececec!important;
padding-right:13px;
text-align:right;
margin-right:2px;
}

.previous_btn:hover {
background:url("assets/img/previous_btn_hover.png") no-repeat scroll left center #f2f2f2 !important;
}


/*-----------------------------------------------------------------------------------*/
/* 6.	Testimonial Boxes
/*-----------------------------------------------------------------------------------*/

.testimonial {
margin-bottom:21px
}

.testimonial p {
color:#999999
}

.testimonial .name {
color:#f04642;
font-size:18px
}

.testimonial .meta {
color:#999999;
font-size:12px
}

.testimonial .content {
border:2px solid #d5d5d5;
padding:25px;
}

.testimonial .bottom {
background-color:#000;
background: url(assets/img/testimonial_bottomshadow.png) no-repeat;
height:28px;
width:27px;
margin:-2px 0 0 30px;
}

#post_detail .testimonial .bottom {
background:transparent url(assets/img/testimonial_bottomshadow_blog.png) no-repeat;
}

.testimonial .cite {
text-align:left
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Toggle
/*-----------------------------------------------------------------------------------*/

.toggle {
padding-bottom:5px
}

.toggle_title {
position:relative;
width:100%;
float:left;
line-height:21px;
margin-bottom:0
}

.toggle_title a {
color:#f04642;
font-size:18px;
line-height:29px;
text-transform: capitalize;
}

.toggle_title a:hover {
text-decoration:none
}

.toggle .toggle_title span {
position:absolute;
right:0;
background:url(assets/img/toggle_closed.png) no-repeat scroll;
display:block;
height:29px;
margin-top:10px;
width:29px
}

.toggle_closed .toggle_title span {
background-repeat: no-repeat;
background-attachment: scroll;
}

.toggle_closed .toggle_title a {
color:#555
}

.toggle .toggle_content {
margin:21px 0
}

.toggle_closed .toggle_content {
display:none
}

.toggle1 .toggle_header {
padding:10px 0 9px
}


/*-----------------------------------------------------------------------------------*/
/*	8.	Highlights	
/*-----------------------------------------------------------------------------------*/

/* webkit, opera, IE9 */
::selection {
background:#f04642;
color: #fff; 
}

/* mozilla firefox */
::-moz-selection  { 
background:#f04642; 
color: #fff;
}

.highlight {
padding:1px 4px;
background-color:#f04642;
color:#fff
}

.black_highlight {
padding:1px 4px;
background-color:#000;
color:#fff
}

.gray_highlight {
padding:1px 4px;
background-color:#9e9e9e;
color:#fff
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Tabs
/*-----------------------------------------------------------------------------------*/

.tab_head li {
float:left
}

.tab_head a {
color:#626262;
display:block;
font-family:Ubuntu, sans-serif;
font-size:14px;
}

.tab_content {
padding:20px 18px 24px 18px;
background:#dcdcdc;
color:#999;
}

.tab_content p {
margin-bottom:0
}

.tab_head a:hover {
text-decoration:none
}

.tab1 {
margin-bottom:20px
}

.tab1 .tab_head a {	
background:#f4f4f4;
line-height:42px;
padding:0 18px;
font-size:18px;
color:#999;
}

.tab1 .tab_head a.selected {
background:#dcdcdc; 
border:none;
color:#fff; 
}

.tab1 .tab_head a.selected span {		
color:#fff;
background:#dcdcdc; 
display:block;
height:42px; 
padding:0 15px
}

/*-----------------------------------------------------------------------------------*/
/* 10.	Alerts  
/*-----------------------------------------------------------------------------------*/

.alert {
position:relative;
color:#fff;
cursor:pointer;
font-family:Ubuntu, sans-serif;
text-transform: capitalize;
font-size:18px;
height:55px;
line-height:55px;
margin-bottom:7px;
padding-left:5%;
background:url(assets/img/message_close.png) right center no-repeat
}

.alert:hover .hover {
position:absolute;
top:0;
right:0;
min-width:55px;
min-height:55px;
background:url(assets/img/message_close.png) right center no-repeat;

-moz-transition:all 300ms;
-o-transition:all 300ms;
-webkit-transition:all 300ms;
transition:all 300ms;
}

.alert_info {
background-color:#9e9e9e
}

.alert_info:hover .hover {
background-color:#898888
}

.alert_danger {
background-color:#f04643
}

.alert_danger:hover .hover {
background-color:#df3e3b
}

.alert_success {
background-color:#32d3af
}

.alert_success:hover .hover {
background-color:#2fc1a0
}

.alert_warning {
background-color:#ffae58
}

.alert_warning:hover .hover {	
background-color:#ed9e4a
}

/*-----------------------------------------------------------------------------------*/
/* 11.	Blockquotes & Pullquotes
/*-----------------------------------------------------------------------------------*/

blockquote {
background:transparent url(assets/img/quote_red.png) no-repeat scroll left top;
font-family:'Open Sans', sans-serif;
padding:22px 0px;
position:relative
}

blockquote p {
color:#a8a8a8;
font-size:13px;
margin-bottom:0
}

blockquote .end {
background:transparent url(assets/img/quote_red.png) no-repeat scroll;
bottom:0;
height:16px;
position:absolute;
right:0;
width:19px
}


/*-----------------------------------------------------------------------------------*/
/* 12.	opacity
/*-----------------------------------------------------------------------------------*/

.opacity0 {
display:block !important;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
	
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.0)";
}

.opacity50 {
display:block !important;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
	
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
filter:alpha(opacity=0.5);
}

.opacity1 {
display:block !important;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
	
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);	
}

/*-----------------------------------------------------------------------------------*/
/*	13.	navigation
/*-----------------------------------------------------------------------------------*/

/* sticky_navigation */
.icon_menu .sticky_navigation {
float:left;
margin-left:100px;
}

.official .sticky_navigation {
float: right;
margin-right: 200px;
}

.sticky_navigation li {
margin-right:10px;
float: left;
position:relative;
}

.official .sticky_navigation li {
padding-top: 14px;
}

.official .sticky_navigation  a {
height:25px;
padding:0 15px;
}

.icon_menu .sticky_navigation  a  {
height:40px;
min-width:80px;
}

.icon_menu .sticky_navigation  a  , .official .sticky_navigation  a {
color:#FFF;
float:left;
text-decoration:none;
text-transform:uppercase;
position:relative;
text-align:center;
}

.sticky_navigation  a:hover {	
text-indent:0px;
}

.offocial .sticky_navigation  li .text {
display:block;
padding:20px 0 0 0;
}

.sticky_navigation  li .bottom_border {
border-bottom:2px solid;
border-bottom-color:#555;
padding-top:26px;
}

.icon_menu .sticky_navigation  li .text  {
display:block;
padding:20px 0 0 0;
}

.sticky_navigation  li .bottom_border , .icon_menu .sticky_navigation li .text {
-moz-transition:all 300ms ease 0s;
-o-transition:all 300ms ease 0s;
-webkit-transition:all 300ms ease 0s;
transition:all 300ms ease 0s;
	
-moz-opacity: 0.00;
-khtml-opacity: 0.00;
-ms-opacity: 0.00;
opacity: 0.00;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.sticky_navigation  li:hover .text  , .sticky_navigation  li:hover .bottom_border{	
-ms-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

.sticky_navigation a .icon {
position:absolute;
bottom:10px;
right:40%;
height:22px;
width:22px;
	
-moz-transition:all 300ms ease 0s;
-o-transition:all 300ms ease 0s;
-webkit-transition:all 300ms ease 0s;
transition:all 300ms ease 0s;
}

.sticky_navigation a:hover .icon {
position:absolute;
bottom:25px;
right:40%;
height:22px;
width:22px;
}

.sticky_navigation .home .icon {
background: transparent url(assets/img/icon_home_small.png) center center no-repeat;
}

.sticky_navigation .portfolio .icon {
background: transparent url(assets/img/icon_portfolio_small.png) center center  no-repeat;
}

.sticky_navigation .about .icon {
background: transparent url(assets/img/icon_about_small.png) no-repeat;
}

.sticky_navigation .custom_part .icon {
background: transparent url(assets/img/icon_custom_part_small.png) no-repeat;
}

.sticky_navigation .blog .icon {
background: transparent url(assets/img/icon_blog_small.png) no-repeat;
}

.sticky_navigation .contact .icon {
background: transparent url(assets/img/icon_contact_small.png) no-repeat;
}

/*  home navigation */

.navigation {
display:table;
margin:0 auto 70px;
}

.rectangle {
background-color:#ffffff;

-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
}

.navigation li {
position:relative;
margin-right:20px;
float:left;
margin-bottom:30px;
}

.rectangle li {
margin-bottom:0 !important;
margin-right:0 !important;
}

.rectangle li .bottom_border {
border-bottom:3px solid;
padding-top:79px; 
width:50%;
margin-left:25%;

-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);

}

.rectangle li:hover .bottom_border {
border-bottom-color:#000000 !important;

-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter:alpha(opacity=1);
}

.navigation li:last-child {
margin-right:0;
float:left;
}

.rectangle  li:last-child  .style {
background-image:none !important;
}

.circle li .style , .line li .style {
height: 140px;
width: 140px;
}

.rectangle  li .style {
height: 80px;
width: 140px;

background:transparent url(assets/img/line_menu.png) right no-repeat;
position:relative;
}

.line li .style {
background:transparent url(assets/img/line_menu.png) center no-repeat;
position:relative;
}

.circle li .style {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;

background-color: #fff;
display: block;

-moz-transition: all 600ms ease 0s;
-o-transition: all 600ms ease 0s;
-webkit-transition: all 600ms ease 0s;
transition: all 600ms ease 0s;
}

.navigation li .back_circle {
position:absolute;
Top:-2px;
left:-2px;
height: 100%;
width: 100%;

-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);

display: block;
background-color: transparent;
border: 2px solid #000;

-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;

-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
  
-webkit-transition-duration: 275ms;
-moz-transition-duration: 275ms;
-o-transition-duration: 275ms;
transition-duration: 275ms;
}

.navigation li:hover .back_circle , .navigation li:focus  .back_circle , .navigation li:active .back_circle {
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter:alpha(opacity=1);

-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}

.circle li:hover .style{
background-color:#000;
}

.circle li .style a {
z-index:1;
float:left;
position:relative;
width:100%;
height:100%;
}

.circle li .style .home_icon .icon {
background:transparent url(assets/img/icon_home.png) no-repeat;
height:34px;
width:34px;
position:absolute;
margin:44px 38%;
}

.circle li:hover .style .home_icon .icon {
background:transparent url(assets/img/icon_home_hover.png) no-repeat;
}

.circle li .style .portfolio_icon .icon {
background:transparent url(assets/img/icon_portfolio.png) no-repeat;
height:34px;
width:34px;
position:absolute;
margin:44px 38%;
}

.circle li:hover .style .portfolio_icon .icon {
background:transparent url(assets/img/icon_portfolio_hover.png) no-repeat;
}

.circle li .style .custom_part_icon .icon {
background:transparent url(assets/img/icon_custom_part.png) no-repeat;
height:34px;
width:34px;
position:absolute;
margin:44px 38%;
}

.circle li:hover .style .custom_part_icon .icon {
background:transparent url(assets/img/icon_custom_part_hover.png) no-repeat;
}

.circle li .style .about_icon .icon {
background:transparent url(assets/img/icon_about.png) no-repeat;
height:34px;
width:34px;
position:absolute;
margin:44px 38%;
}

.circle li:hover .style .about_icon .icon {
background:transparent url(assets/img/icon_about_hover.png) no-repeat;
}

.circle li .style .blog_icon .icon {
background:transparent url(assets/img/icon_blog.png) no-repeat;
height:34px;
width:34px;
position:absolute;
margin:44px 38%;
}

.circle li:hover .style .blog_icon .icon {
background:transparent url(assets/img/icon_blog_hover.png) no-repeat;
}

.circle li .style .contact_icon .icon {
background:transparent url(assets/img/icon_contact.png) no-repeat;
height:34px;
width:34px;
position:absolute;
margin:44px 38%;
}

.circle li:hover .style .contact_icon .icon {
background:transparent url(assets/img/icon_contact_hover.png) no-repeat;
}

.line li .style a .text  , .circle li .style a .text , .rectangle li .style .text {
text-transform:uppercase;
height:31px;
width:100%;
position:absolute;
text-align:center;
}

.line li .style a .text  , .circle li .style a .text {
margin-top:90px;
}

.rectangle li .style  .text {
margin-top:30px;
color:#000;
font-weight:600;
}

.rectangle li:hover .style  .text {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
}

.circle li .style a .text {
color:#000;
font-weight:400;
}

.line li .style a .text {
color:#808080;
font-weight:600;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.line li:hover .style a .text {
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter:alpha(opacity=40);
}

.circle li:hover .style a .text {
color:#fff;
}

/* sub_navigation */
.sub_navigation {
float:right;
font-size:14px;
margin-top:22px;
}

.sub_navigation li {
display:block;
float:left;
color:#FFF;
height:33px;
line-height:33px;
margin-right:1px;
}

.sub_navigation a {
padding:0 8px;
display:block;
background-repeat:no-repeat;
color:#999;
text-transform:capitalize;
text-decoration:none;
border-bottom:2px solid #000;

-moz-transition:all 300ms ease 0s;
-o-transition:all 300ms ease 0s;
-webkit-transition:all 300ms ease 0s;
transition:all 300ms ease 0s;
}

.sub_navigation a:hover {
text-decoration:none;
border-bottom:2px solid;
border-bottom-color:#f04642;
}

.sub_navigation a:focus {
-moz-outline: 0;
outline: 0;
}

.sub_navigation a.selected {
color:#000;
display:block;
border-bottom:2px solid #828282;
}

/* Mobile Navigation */
.mobile-navigation {
position:absolute;
right:0;
}

.mobile-navigation > a {
margin-top:-17px;
display:block;
width: 73px;
height:74px;
background-color: #000 !important;
background: url(assets/img/navigation_mobile_icon.png) no-repeat center center;
}

.mobile-navigation > a.active{
background-color:#2a2a2a;
}

.mobile-navigation  ul {
background-color:#000;
padding:0 20px;
position:absolute;
right:0;
top:89px;
min-width:215px;
display:none;
z-index:999;
}

.mobile-navigation  ul  .triangle{
position:absolute;
top:-7px;
right:35px;
width:14px;
height:7px;
background:transparent url(assets/img/mobile_nav_triangle.png) no-repeat;
}

.mobile-navigation  ul .triangleli {
background:none !important;
height:0px;
}

.mobile-navigation ul li {
background:url(assets/img/gray_border.png) bottom left repeat-x;
padding:5px 0;
min-width:175px;
height:40px;
}

.mobile-navigation ul li .text {
font-size: 14px;
color: #fff;
padding-top: 9px;
display:block;
} 

.mobile-navigation ul li:first-child {
background:url(assets/img/gray_border.png) bottom left repeat-x;
}

.mobile-navigation ul li:last-child {
background:none;
}

.mobile-navigation ul li a{
font-size:16px;
line-height:30px;
display:block;
height:30px;
text-decoration:none;
color:#fff;
}

.mobile-navigation ul li ul {
padding:0 0 0 10%;
min-width: inherit;
width:90%;
position:static;
}

.mobile-navigation ul li ul a {
font-size:12px;
}

/*-----------------------------------------------------------------------------------*/
/*	14. social Icon
/*-----------------------------------------------------------------------------------*/

#header_nav .social_icons {
float:right;
margin: 10px 90px 0 0;
}

.social_icons li {
margin-right:12px;
float: left;
}

.social_icons li  a {
float:left;
height:31px;
width:31px;
display:block;
	
	
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
	
-moz-transition:all 200ms ease 0s;
-o-transition:all 200ms ease 0s;
-webkit-transition:all 200ms ease 0s;
transition:all 200ms ease 0s;
}

.social_icons  a:hover  {
-moz-opacity: 1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

.social_icons  .light .facebook {
background: transparent url(assets/img/social_icon/icon_facebook.png) no-repeat;
background-position:0px -31px;
}

.social_icons .dark  .facebook {
background: transparent url(assets/img/social_icon/icon_facebook_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .light .twitter  {
background: transparent url(assets/img/social_icon/icon_twitter.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .dark .twitter  {
background: transparent url(assets/img/social_icon/icon_twitter_dark.png) no-repeat;
background-position:0px -31px;
}


.social_icons  .light .tumblr  {
background: transparent url(assets/img/social_icon/icon_tumblr.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .dark .tumblr  {
background: transparent url(assets/img/social_icon/icon_tumblr_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons   .light .google {
background: transparent url(assets/img/social_icon/icon_googleplus.png) no-repeat;
background-position:0px -31px;
}

.social_icons   .dark .google {
background: transparent url(assets/img/social_icon/icon_googleplus_dark.png) no-repeat;
background-position:0px -31px;
}


.social_icons   .light .RSS  {
background: transparent url(assets/img/social_icon/icon_RSS.png) no-repeat;
background-position:0px -31px;
} 

.social_icons   .dark .RSS  {
background: transparent url(assets/img/social_icon/icon_RSS_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .light  .linkedin  {
background: transparent url(assets/img/social_icon/icon_linkedin.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .dark  .linkedin  {
background: transparent url(assets/img/social_icon/icon_linkedin_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .light .vimeo  {
background: transparent url(assets/img/social_icon/icon_vimeo.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .dark .vimeo  {
background: transparent url(assets/img/social_icon/icon_vimeo_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .light .dribbble  {
background: transparent url(assets/img/social_icon/icon_dribble.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .dark .dribbble  {
background: transparent url(assets/img/social_icon/icon_dribble_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .light .yahoo  {
background: transparent url(assets/img/social_icon/icon_yahoo.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .dark .yahoo  {
background: transparent url(assets/img/social_icon/icon_yahoo_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .light .skype  {
background: transparent url(assets/img/social_icon/icon_skype.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .dark .skype  {
background: transparent url(assets/img/social_icon/icon_skype_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .light .myspace  {
background: transparent url(assets/img/social_icon/icon_myspace.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .dark .myspace  {
background: transparent url(assets/img/social_icon/icon_myspace_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .light .youtube  {
background: transparent url(assets/img/social_icon/icon_youtube.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .dark .youtube  {
background: transparent url(assets/img/social_icon/icon_youtube_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .light  .deviantart  {
background: transparent url(assets/img/social_icon/icon_deviantart.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .dark  .deviantart  {
background: transparent url(assets/img/social_icon/icon_deviantart_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons   .light .behance  {
background: transparent url(assets/img/social_icon/icon_behance.png) no-repeat;
background-position:0px -31px;
}  

.social_icons   .dark .behance  {
background: transparent url(assets/img/social_icon/icon_behance_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .light .flickr  {
background: transparent url(assets/img/social_icon/icon_flickr.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .dark .flickr  {
background: transparent url(assets/img/social_icon/icon_flickr_dark.png) no-repeat;
background-position:0px -31px;
}  

.social_icons  .light .forrst  {
background: transparent url(assets/img/social_icon/icon_forrst.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .dark .forrst  {
background: transparent url(assets/img/social_icon/icon_forrst_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons .light  .reddit  {
background: transparent url(assets/img/social_icon/icon_reddit.png) no-repeat;
background-position:0px -31px;
} 

.social_icons .dark  .reddit  {
background: transparent url(assets/img/social_icon/icon_reddit_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons   .light .dingg  {
background: transparent url(assets/img/social_icon/icon_digg.png) no-repeat;
background-position:0px -31px;
} 

.social_icons   .dark .dingg  {
background: transparent url(assets/img/social_icon/icon_digg_dark.png) no-repeat;
background-position:0px -31px;
}

.social_icons  .light  .aim  {
background: transparent url(assets/img/social_icon/icon_aim.png) no-repeat;
background-position:0px -31px;
} 

.social_icons  .dark  .aim  {
background: transparent url(assets/img/social_icon/icon_aim_dark.png) no-repeat;
background-position:0px -31px;
} 

.social_icons   .light  .orkut  {
background: transparent url(assets/img/social_icon/icon_orkut.png) no-repeat;
background-position:0px -31px;
} 

.social_icons   .dark  .orkut  {
background: transparent url(assets/img/social_icon/icon_orkut_dark.png) no-repeat;
background-position:0px -31px;
}

/*-----------------------------------------------------------------------------------*/
/*	15.	Intro
/*-----------------------------------------------------------------------------------*/

header .logo {
float:left;
} 

.intro_logo {
display:table;
margin:0 auto;
}

.intro_logo  img {
width:100%;
}

/*  intro flex Slider */

#intro_slideshow .flexslider {
border: 0;
width: 100%;
height: 1000px;
overflow: hidden;
}

#intro_slideshow .wrap_intro {
padding:0px 0 900px;
}

#intro_slideshow  .container {
position:absolute;
top:130px;
left:0; 
right:0;
}

/*-----------------------------------------------------------------------------------*/
/*	16.	portfolio gallery  Intro
/*-----------------------------------------------------------------------------------*/

.portfolio{
position:relative;
}

/*  circle hover */
.circle_hover { 
width: 102px;
height: 105px;
position: absolute;
top:0;
left:50%;
margin-left:-51px;
margin-top:-51px;
z-index: 400;
	
-webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out;
transition:all 0.6s ease-in-out; 
	

-moz-opacity: 0.00;
-khtml-opacity: 0.00;
opacity: 0.00;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.circle_in { 
top: 50%;
left:50%;

-webkit-transform: rotate(180deg); 
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg); 
-ms-transform: rotate(180deg);
transform: rotate(180deg);

-moz-opacity: 1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.circle_out {
top: 110%;
left:50%;

-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);

-moz-opacity: 0;
opacity: 0;
-khtml-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

.frame_overlay {
height:100%;
width:100%;
}

.gallery .item {
margin: 5px 5px 5px 8px;
float:left;
display:block;
overflow:hidden;
position:relative;
}

.gallery .item .item_image img {
width:300px;
display:block;
}

.gallery .item .item_meta {
color: #fff;
width: 100%;
position: absolute;
background-color: #f04642;
padding: 25px 0px;
bottom: -100px;
z-index: 500;

-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;

-moz-opacity: 0;
opacity: 0;
-khtml-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

.gallery .item .item_meta  .icon {
height:25px;
width:25px;
top:10px;
right:10px;
position:absolute;
}

.gallery .item .item_meta .description {
color:#fff;
font-size:25px;
}

.gallery .item .item_meta .line {
letter-spacing:-5px;
color:#000;
font-size:30px;
padding-right:10px;
font-weight:600;
float:left;
}

.gallery .item:hover .item_meta	{
bottom:0px;
	
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*-----------------------------------------------------------------------------------*/
/*	17.	About me 
/*-----------------------------------------------------------------------------------*/

#about h2{
margin-top: 20px;
}

.about_banner {
height:100%;
position:relative;
}

.about_me_gallery {
width:100%;
margin-bottom:30px;
}

.about_me_gallery .right_image {
float:left;
width:50%;
position:relative;
overflow:hidden;	
}

.about_me_gallery .left_image {
width:50%;
float:left;
position:relative;
overflow:hidden;
}

.about_me_gallery a img {
width:100%;
height:100%;
}

.about_me_gallery a .meta {
z-index:6;
bottom:50px;
right:-100px;
position:absolute;
color:#000;
background-color:#fff;
font-size:30px;
padding:0px 18px;
line-height:50px;
letter-spacing:-2px;
	
-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
	
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.about_me_gallery a:hover .meta {
bottom:50px;
right:0;
display:block;

-moz-opacity: 1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.about_me_gallery a .icon {
z-index:6;
position:absolute;
top:0;
right:0;
height:68px;
width:68px;
background: transparent url(assets/img/icon_zoom_small.png) center no-repeat;
background-color:#f04642;
	
-moz-opacity: 0;
-khtml-opacity: 0;
 opacity: 0;
 filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.about_me_gallery a:hover .icon {
-moz-opacity: 1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.about_me_gallery a .frame_shadow {
-moz-box-shadow: 10px 10px 50px 20px black inset;
-webkit-box-shadow: 10px 10px 50px 20px black inset;
box-shadow: 10px 10px 50px 20px black inset;

top: 0;
left: 0;
height: 99%;
position: absolute;
width: 100%;
z-index: 5;

-moz-opacity: 0.00;
-khtml-opacity: 0.00;
opacity: 0.00;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);

-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}

.about_me_gallery   a:hover .frame_shadow {
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
filter:alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.about_me_gallery  .frame_overlay {
background: #fff;
top:0;
left:0;
height:100%;
position:absolute;
width:100%;
}

.intro_headline {
margin-top: 20px;
}

.about_col_phone {
margin: 15px 0;
}

/*-----------------------------------------------------------------------------------*/
/* 18. Blog Accordion
/*-----------------------------------------------------------------------------------*/

.accordion {
margin-bottom:2px;
}

.accordion .accordion_title {
background-color:#f04642;
color:#fff;
}

.accordion .accordion_title {
background-color:#f04642;
color:#fff;
font-size:50px;
height:73px;
padding:12px 0 0 18px;
display:block;
text-decoration:none;
position:relative;
	
-moz-transition:all 800ms ease 0s;
-o-transition:all 300ms ease 0s;
-webkit-transition:all 300ms ease 0s;
transition:all 300ms ease 0s;
}

.accordion:hover .accordion_title .plus {	
height:84px;
width:781px;
position:absolute;
right:-760px;
background: transparent url(assets/img/blog_plus.png) center left no-repeat;
bottom: 0px;
z-index:300;
}

.accordion:hover .accordion_title .minus {	
height:84px;
width:781px;
position:absolute;
right:-760px;
background: transparent url(assets/img/blog_minus.png) center left no-repeat;
bottom: 0px;
z-index:300;
}

.accordion .accordion_title .plus_tablet {	
height:84px;
position:absolute;
background: transparent url(assets/img/blog_plus.png) center no-repeat;
z-index:300;
width:724px;
bottom: -42px;
margin-left: -18px;
}

.accordion .accordion_title .minus_tablet {	
height:84px;
position:absolute;
background: transparent url(assets/img/blog_minus.png) center no-repeat;
z-index:300;
width:724px;
bottom: -42px;
margin-left: -18px;
}

.accordion .accordion_title .plus_phone {	
height:84px;
position:absolute;
background: transparent url(assets/img/blog_plus.png) center right no-repeat;
z-index:300;
width:100%;
bottom: -42px;
margin-left: -18px;
right:10px;
}

.accordion .accordion_title .minus_phone {	
height:84px;
position:absolute;
background: transparent url(assets/img/blog_minus.png) center right no-repeat;
z-index:300;
width:100%;
bottom: -42px;
margin-left: -18px;
right:10px;
}

.accordion .accordion_title .day {	
display:block;
font-size:50px;
line-height: 45px;
}

.accordion .accordion_title .month {	
display:block;
font-size:14px;
text-transform:capitalize;
}

.accordion img {
width:100%;
}

.accordion .accordion_content {
position:absolute;
bottom:22px;
background-color:#e3e3e3;
left:25px;
border-left:3px solid;
border-left-color:#f04642;

margin-right:25px;
padding:25px;
z-index:200;
}

.accordion .accordion_content p {
color: #999;
}

.accordion .accordion_content a {
color: #555;
font-weight:400;
text-decoration:none;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.accordion .accordion_content a:hover {
color: #999;
}

.accordion_box2 {
width:180px;
float:left;
margin-left:20px;
}

.accordion_box10 {
width:760px;
float:left;
position:relative;
overflow-y:hidden;
}

.accordion_closed{
overflow:hidden;
}

.accordion_box10 .frame_overlay {
background: #fff;
top:0;
left:0;
height:100%;
position:absolute;
width:100%;
	  
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  
-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.accordion:hover .accordion_box10 .frame_overlay {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter:alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/*-----------------------------------------------------------------------------------*/
/*	19. location
/*----------------------------------------------------------------------------------*/

.location_height {
height:600px;
}

.contact_map {
height:470px;
width:100%;
position: absolute;
z-index: 300;
top: 125px;
left: 0;
}

#location span {
font-weight:300;
float:right;
font-size:30px;
color:#fff;
background: transparent url(assets/img/arrow_location.png) center left no-repeat;
padding:0 0 0 30px;
display:block;
margin-top: 10px;

-webkit-transform:translate(0px, 30px) rotate(-4deg);
-ms-transform: translate(0px, 30px) rotate(-4deg);
-moz-transform: translate(0px, 30px) rotate(-4deg);
-o-transform:translate(0px, 30px) rotate(-4deg);
transform:translate(0px, 30px) rotate(-4deg);
}

/*-----------------------------------------------------------------------------------*/
/*	13.	Contact 
/*-----------------------------------------------------------------------------------*/

#contact h2 {
color:#000;
margin-bottom:20px;
}

#comment_form{
font-family: 'Open Sans', sans-serif !important;
}

#comment_form .text_input , #respond .text_input {
height: 60px;
margin-bottom: 10px;
position: relative;
width: 100%;
max-width:460px;
}

#comment_form .text_input input[type="text"]  , #respond  .text_input input[type="text"] {
color: #fff;
background-color: transparent;
border: 0 none;
height: 60px;
line-height: 30px;
padding: 0 10px;
width: 96%;
font-size:24px;
font-family: 'Open Sans', sans-serif !important;
font-weight:300;
}

#comment_form .textarea_input , #respond .textarea_input  {
position: relative;
width: 100%;
max-width:460px;
}

#comment_form .textarea_input textarea  , #respond .textarea_input textarea {
color:#fff;
background-color: transparent;
border: 0 none;
height: 203px !important;
padding:10px;
width: 96%;
font-size:24px;
font-family: 'Open Sans', sans-serif !important;
font-weight:300;
max-width:440px;
resize:none;
}

#contact  .textarea_input {
margin-bottom: 10px;
}

#comment_form .submit_wrap ,  #respond  .submit_wrap {
width: 100%;
}

#comment_form .button_submit  , #respond .button_submit {
position: relative;
margin:20px 0;
float:right;
}

#contact #comment_form .button_submit {
float:right;
}

#comment_form .button_submit input , #respond  .button_submit input {
background: none repeat scroll 0 0 transparent;
border: none;
height: 32px;
left: 0;
position: absolute;
top: 0;
width: 125px;
cursor:pointer;
font-family: 'Open Sans', sans-serif !important;
font-weight:300;
}

#comment_form .form_errors ,#respond .form_errors  {
border:0;
float:left;
color:#fff;
font-size:14px;
margin:5px 0 20px 0;
}

.AjaxError,.AjaxSuccess {
color:#fff;
}

#post_detail .AjaxError, #post_detail .AjaxSuccess , .single .form_errors  {
color:#999 !important;
}

.single  .form_errors li {
background:transparent url(assets/img/form_error.png) no-repeat left center;
padding-left:21px
}

.loader {
width:24px;
height:24px;
background: transparent url(assets/img/white_loader.gif) center no-repeat;
}

.contact_info {
margin-left:20px;
color:#fff;
font-size:24px;
line-height:25px;
}

.contact_info li {
/* border-bottom:1px solid #af3936; */
padding:20px 0;
}

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

.contact_info .icon {
padding-left:55px;
float:left;
min-height:25px;
}

.contact_info  .phone {
background: transparent url(assets/img/icon_phone.png) center left no-repeat;
}

.contact_info .mail {
background: transparent url(assets/img/icon_mail.png) center left no-repeat;
}

.contact_info .address {
background: transparent url(assets/img/icon_address.png) center left no-repeat;
}

.contact_info .phone_info {
float:right;
min-height:25px;
}

.contact_info .mail_info {
float:right;
min-height:25px;
}

.contact_info .mail_info a{
color:#f6908e;
text-decoration:none;
}

.contact_info .address_info {
font-size:18px;
float:right;
min-height:25px;
text-align:right;
}

#contact .social_icons {
float:left;
margin:30px 0 0 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	21. Tagline	
/*-----------------------------------------------------------------------------------*/

.tagline {
text-align:center;
}

.tagline h1 {
outline:40px;
line-height: 130px;
letter-spacing:-3px;
}

.tagline .subtitle {
font-weight:400;
font-size:23px;
line-height:24px;
}

.tagline_arrow {
position:absolute;
top:7px;
right:-25px;

width:16px;
height:19px;
background: transparent url(assets/img/tagline_arrow.png) center no-repeat;
}

.tagline a {
text-decoration:none;
color:#555555;
position:relative;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.tagline a:hover {
color:#000;
}

.about_tagline {
color:#fff;
left:0;
right:0;
top:40%;
position:absolute;
text-align:center;
}

.about_tagline  h1{
color:#fff;
font-size:60px;
line-height:50px;
font-weight:500;
}

.about_tagline .subtitle {
font-size:30px;
}

/*-----------------------------------------------------------------------------------*/
/* 22.	Post Detail
/*-----------------------------------------------------------------------------------*/

.top_margin {
margin-top: 30px !important; /* Post detail Without sidebar */
}

.blog_post_bg {
background-color:#e3e3e3;
border-left:3px solid #f04642;
padding:38px 0;
}

.white_border {
background: transparent url(assets/img/white_border.png) bottom repeat-x;
}

.blog_post_img {
background-color:#e3e3e3;
border-left:3px solid #f04642;
position:relative;
}

.blog_post_img .blog_date {
position:absolute;
top:0px;
left:0px;
background-color:#f04642;
color:#fff;
font-size:50px;
height:73px;
padding:10px 0 0 18px;
display:block;
text-decoration:none;
min-width:186px;
z-index:500;
}

.blog_post_img .blog_date .day {	
display:block;
line-height: 45px;
}

.blog_post_img .blog_date .month {	
display:block;
font-size:14px;
text-transform:capitalize;
}

.blog_post_img .content_margin {
margin:30px 35px 0 60px;
}

.blog_post_img .comment_margin {
margin-right:35px;
margin-left:40px;
}

.phone_date {
width:100%;
height:35px;
background-color:#f04642;
color:#fff;
text-decoration:none;
font-weight:300;
position:relative;
}

.phone_date .day {	
line-height: 25px;
font-size:25px;
display:block;
float:left;
margin:5px 10px 0;
}

.phone_home_back_icon {
background-color:#f04642 !important;
background:url(assets/img/home_back_phone.png) no-repeat center;
height:35px;
width:40px;
position:absolute;
top:0;
right:15px;
z-index:999;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.phone_top_icon {
background-color:#f04642 !important ;
background: url(assets/img/icon_top_phone.png) no-repeat center;
height:35px;
width:40px;
position:absolute;
top:0;
right:56px;
z-index:999;
display:none;
position:fixed;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;	
}

.phone_home_back_icon:hover ,.phone_top_icon:hover{
background-color:#ECECEC !important;
}

.blog_post_img .phone_date .month {	
font-size:14px;
text-transform:capitalize;
float:left;
margin:10px 0 0;
display:block;
}

.home_back {
position:absolute;
top:0;
height:84px;
width:87px;
margin:0 0 0 -90px;
z-index:999;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.home_back .home_back_icon{
border-right: 3px solid;
border-right-color:#f04642;

background-color:#f04642 !important;
background: url(assets/img/home_back.png) no-repeat center;
height:100%;
width:100%;
	
-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.home_back:hover  .home_back_icon {
background-color:#ECECEC !important;
border-right: 3px solid;
border-right-color:#f04642;
}

.home_back_scale {
transform:scale(0.7);
-ms-transform:scale(0.7); 
-moz-transform:scale(0.7); 
-webkit-transform:scale(0.7);
-o-transform:scale(0.7); 
}

.top_icon {
background-color:#f04642 !important;
background:url(assets/img/icon_top.png) no-repeat center;
position:fixed;
top:165px;
height:58px;
width:61px;
margin:0 0 0 -64px;
z-index:0;
border-right: 3px solid;
border-right-color: #f04642 !important;
	
-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.top_icon:hover {
background-color:#ECECEC !important;
border-right-color: #f04642 !important;
border-right: 3px solid;	
}

.comment_count {
text-align:center;
color:#b0b0b0;
font-size:10px;
line-height:20px;
float:right;
height:28px;
width:28px;
background:url(assets/img/comment_count.png) no-repeat right;
padding-left: 17px;
}

.comment_count a , .comment_count a:hover {
color:#b0b0b0;
}

.post_image {
display:block;
margin-bottom:20px;
overflow:hidden
}

.post_image img {
display:block;
width:100%
}

.post_video {
height:0;
margin-bottom:30px;
overflow:hidden;
padding-bottom:50%;
position:relative

}

.post_video iframe {
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}

/*-----------------------------------------------------------------------------------*/
/*	23.	Respond/Contact Form 
/*-----------------------------------------------------------------------------------*/ 

.comment_title,.leave_comment {
padding-top:30px;
padding-bottom:20px;
}

.comment_box .comment_image {
display:block;
position: relative;
float:left;
padding-right:18px;
padding-bottom:10px;
}

.comment_box .comment_image img {
display: block;
height:80px;
width:80px;
}

.reply{
margin-right:-20px;
min-height:25px;
position:relative;
display:block;
float:right;
}

.cancel_reply {
position:relative;
display:none;
width:140px;
}

.round_flash ,.round_cancel{
top:0;
right:0;
height:25px;
width:25px;
position:absolute;
	
-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.round_flash {
background: transparent url(assets/img/reply.png) center right no-repeat;
}

.round_cancel {
background: transparent url(assets/img/cansel_reply.png) center right no-repeat;
}

.reply a:hover .round_flash ,.cancel_reply a:hover .round_cancel {
-ms-transform:rotate(180deg); 
-moz-transform:rotate(180deg); 
-webkit-transform:rotate(180deg); 
-o-transform:rotate(180deg); 
transform:rotate(180deg);

-webkit-transform-origin:50%;
-moz-transform-origin:50%; 
-o-transform-origin:50%;
-ms-transform-origin:50%;  
transform-origin:50%;
}

.reply a ,.cancel_reply a {
display:block;
font-size:14px;
font-weight:400;
font-family: 'Ubuntu', sans-serif;
text-decoration:none;
text-transform:capitalize;
padding:15px 30px 10px 10px;
	
-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.reply a {
width:40px;
color:#ccc;
}

.cancel_reply a {
padding:0 30px 15px 10px;
color:#555;
}

.cancel_reply a:hover ,.reply a:hover {
color:#f04642;
}

.meta .reply a {
float:right;
padding:3px 30px 0 10px;
}

.comment_list .comment_border .comment_box  .meta{ 
padding-right:20px;
margin-bottom:15px;
}

.comment_box .meta .name {
display:block;
font-size:14px;
font-weight:300;
font-family: 'Ubuntu', sans-serif;
color:#262626;
float:left;
margin-right:15px;
}

.comment_box .meta .date {
display:block;
font-weight:300;
font-family: 'Ubuntu', sans-serif;
color:#696969;
margin-bottom:20px;
float:left;
}

.comment_box .meta .date .name {
font-size:14px;
line-height:14px;
}

.comment_box .meta .date a {
color: #f24642;
font-size:14px;
line-height:14px;
}

.comment_list .comment_box {
margin-bottom:15px;
background-color:#fff;
padding:10px;
position:relative;
}

.comment_list .children .comment_box {
background-color:#f1f1f1;
}

.comment_box .comment_body {
padding-top:45px;
}

.comment_list .child  .comment_box {
background-color:#f1f1f1;
}

.comment_list ul .comment_border{ 
margin-left:40px;
}

.comment_list ul ul .comment_border{ 
margin-left:80px;
}

.comment_list ul ul ul .comment_border{ 
margin-left:120px;
}

/* blog Post Contact */
.blog_post_img #respond .text_input {
background-color:#fff;
background-image:none;
color:#bfbfbf;
}

.blog_post_img  #respond .textarea_input {
background-color:#fff;
background-image:none;
}

.blog_post_img  #respond .textarea_input textarea {
color:#bfbfbf;
}
.blog_post_img #respond .text_input input[type="text"] {
color:#bfbfbf;
}

.blog_post_img .textarea_input {
margin-bottom: 10px;
}

.blog_post_img .text_btn {
color:#999;
}

/*-----------------------------------------------------------------------------------*/
/* 24. bottom logo
/*-----------------------------------------------------------------------------------*/

#contact .span6 {
	position:relative;
}

.absolute_logo {
min-width:70px;
min-height:70px;
position:absolute;
bottom:-90000px;
right:0;
background: transparent center no-repeat;
}

.absolute_logo_text {
position:absolute;
color:#f6908e;
font-size:17px;
font-weight:400;
bottom:-110px;
right:0;
}

/*-----------------------------------------------------------------------------------*/
/* 25. Top bar & Top button 
/*-----------------------------------------------------------------------------------*/

#topbar {
position:fixed;
left:0;
height:100%;
width:100%;
top:-999px;
overflow-y:scroll;
z-index:1000;
}

#topbar .wrap {
min-height:100%;
}

#topbar .title , #topbar .subtitle , .topbar_phone .title , .topbar_phone .subtitle {
color:#a4a4a4;
line-height:60px;
font-weight:600;
text-transform:uppercase;
text-align:center;
display:block;
}

.topbar_phone .title  {
font-size:30px;
letter-spacing:-1px;
line-height: 30px;
}

.topbar_phone .subtitle {
font-size:16px;
letter-spacing:0px;
line-height: 30px;
margin-bottom:20px;
}

#topbar .title {
font-size:60px;
letter-spacing:-5px;
margin:30px 0 0;
}

#topbar .subtitle {
font-size:16px;
letter-spacing:8px;
margin:0 0 30px;
}

.top_bar_banner  {
display:table;
min-height:250px;
margin:90px auto 0;
}

.top_bar_banner img{
width:100%;
}

#topbar p {
color:#a4a4a4;
}

/* typography Top bar */
#topbar_typography {
position:fixed;
left:0;
height:100%;
width:100%;
top:0;
overflow-y:scroll;
z-index:1000;
}

.toggle_top_bar {
position:absolute;
height:79px;
width:80px;
background-color:#000;
top:0;
right:0;
cursor:pointer;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.toggle_top_bar:hover {
background-color:#1c1c1c;
}

.top_bar_open{
display:block;
background:url(assets/img/topbar_toggle.png) center no-repeat;
height:79px;
width:80px;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

.top_bar_close {
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
transform:rotate(45deg);

-webkit-transform-origin:50%;
-moz-transform-origin:50%; 
-o-transform-origin:50%;
}

#tablet_menu  , #top_button {
display:block;
position:absolute;
height:79px;
width:80px;
top:-17px;
cursor:pointer;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;
}

#tablet_menu {
top:17px;
right:0;
}

#top_button {
background-color:#000 !important;
background:url(assets/img/top_button.png) center no-repeat;
right:83px;
}

#top_button:hover  , #tablet_menu:hover  {
background-color:#1c1c1c;
}

.wrap_top_icon  {
position:fixed;
left:0;
width:100%;
top:0;
background-color: transparent;
z-index:1001;
}

/*-----------------------------------------------------------------------------------*/
/* 26.	loader
/*-----------------------------------------------------------------------------------*/

.start_loader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
}

/*-----------------------------------------------------------------------------------*/
/* 27.	Widget
/*-----------------------------------------------------------------------------------*/

.search form {
-moz-transition:all 300ms;
-o-transition:all 300ms;
-webkit-transition:all 300ms;
padding-right:26px;
position:relative;
transition:all 300ms;
}

.search form.error {
-moz-box-shadow:0 0 5px 3px rgba(255,0,0,0.1);
-webkit-box-shadow:0 0 5px 3px rgba(255,0,0,0.1);
box-shadow:0 0 5px 3px rgba(255,0,0,0.1)
}

.search input[type="text"] { 
border: none; 
color: #d4d4d4; 
height: 22px; 
padding: 5px 3%; 
text-indent: 3%; 
width: 92%;

-moz-border-radius: 0;
-webkit-border-radius: 0; 
border-radius: 0; 
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none; 
}

.search input[type="text"]:-moz-placeholder {
text-indent:3%
}

.search input[type="submit"] {
border:none;
cursor:pointer;
height:32px;
padding:0;
position:absolute;
right:0;
top:0;
width:32px;
background-color:#cacaca;
}

.sidebar .search {
height:26px;
max-width:250px;
position:relative;
}

.search input[type="submit"] {
-moz-transition:background-color 300ms;
-o-transition:background-color 300ms;
-webkit-transition:background-color 300ms;

background:#c3c3c3 url(assets/img/search_btn.png) no-repeat center center;
border:none;
cursor:pointer;
height:32px;
margin-left:-3px;
padding:0;
position:absolute;
right:0;
top:0;
transition:background-color 300ms;
vertical-align:baseline;
width:13%
}

.search input[type="submit"]:hover {
background-color:#717171;
}

.sidebar {
padding:30px 20px 0 20px;
border-left: 1px solid #c7c7c7;
}

.sidebar .widget {
margin-bottom:20px;
padding-bottom:25px;
border-bottom: 1px solid #c7c7c7;
}

.sidebar h4 {
font-size:20px;
margin-bottom:10px;
text-transform:capitalize;
}

.sidebar h4 .line {
letter-spacing: -5px;
color: #F04642;
font-weight: 400;
display:block;
float:left;
min-width:10px;
}

.cat-item {
margin-bottom:7px;
} 

.widget li{
margin-bottom:7px;
} 

.widget  a {
-moz-transition:all 300ms;
-o-transition:all 300ms;
-webkit-transition:all 300ms;
transition:all 300ms;
  
font-size:14px;
color:#999;
font-weight:400;
}

.widget a:hover {
color:#F04642;
}

.cat-item a , .recentcomments a{
-moz-transition:all 300ms;
-o-transition:all 300ms;
-webkit-transition:all 300ms;
transition:all 300ms;
  
font-size:14px;
color:#999;
font-weight:400;
}

.widget_search  .screen-reader-text {
display:block;
margin-bottom:5px;
}

.widget_search  input[type="text"] {
float: left;
margin-top: 1px;
min-height: 22px;
}

.widget_search input[type="submit"] {
height: 30px;
}

.cat-item a:hover , .recentcomments a:hover{
color:#F04642;
}

.tagcloud a {
font-size:18px !important;
font-weight:400;
background-color:#fff;
color:#c4c4c4;
float:left;
height:26px;
line-height:23px;
margin:0 0 5px 4px;
padding:0 5px;

-moz-transition:all 800ms;
-o-transition:all 800ms;
-webkit-transition:all 800ms;
transition:all 800ms;
}

.tagcloud a:hover{
background-color:#323232;
color:#c4c4c4;
}

/*-----------------------------------------------------------------------------------*/
/* 28.	Awesome Slider
/*-----------------------------------------------------------------------------------*/

.awesome-slider {
cursor:url(assets/img/cusor-move.ico), move;
height:520px;
overflow:hidden;
position:relative
}

.awesome-slider .slide {
height:100%;
width:100%
}

.awesome-slider.slider-container .slide {
position:absolute;
top:0;
z-index:100
}

.awesome-slider .slide:after {
clear:both;
content:"";
display:table
}

.awesome-slider.slider-container .slide-item,.awesome-slider.slider-container .slide-meta {
height:520px;
position:relative;
width:50%
}

.awesome-slider .slide-meta {
float:left
}

.awesome-slider .slide-item {
float:right
}

.awesome-slider .slide-item iframe { 
max-width: 100%; 
display:none;
}

.awesome-slider .meta {
padding:0 14%;
width:72%
}

.awesome-slider .slide-bg {
height:100%;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:-100
}

.awesome-slider .slide-bg img {
display:none;
position:absolute
}

.awesome-slider .slide-meta .title {
font-size:50px;
line-height:50px;
margin-bottom:10px
}

.awesome-slider .link_button {
background-color:#555;
clear:right;
color:#000;
display:block;
float:left;
padding:6px 28px;
text-decoration:none
}

.awesome-slider .link_button:active {
padding:3px 25px;
border:3px solid #555;
background-color:transparent;
}

.visible-phone .top_bar_banner {
min-height: 150px;
margin: 20px auto 0;
}

/*-----------------------------------------------------------------------------------*/
/* 29.	404
/*-----------------------------------------------------------------------------------*/

.notfound {
font-size:130px;
line-height:140px;
margin:150px auto 100px auto;
display:table;
}

.notfound_error {
font-size:26px;
line-height:40px;
margin:0px auto;
display:table;
text-align: center;
}