/* ============== 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 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

p {
    /* 16 * 0.0625 = 1px */
    letter-spacing: 0.0625em;
    font-weight: 100;
font-size: 14px;
}

   .flexj{display: flex;}

 /* ============== MINI NAV 1 ============== */   
    .nav{position: fixed;
top: 183px;
z-index: 3;
text-align: right;
width: 160px;
right: 47px;
color: #333333;
-webkit-transition: right 0.6s ease-in-out;
transition: right 0.6s ease-in-out;
    z-index: 0;}


.nav a:after {
content: '';
display: block;
width: 11px;
height: 11px;
border-radius: 50%;
background: #333333;
float: right;
margin: 6px 0 0 10px;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}

.nav a:hover:after, .nav a.active:after {
background: #000;
}

 /* ============== END MINI NAV 1 ============== */ 


.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
    height: 250px;
}

 /* ============== MINI NAV 2 ============== */   
    .nav2{position: fixed;
top: 208px;
z-index: 3;
text-align: right;
width: 160px;
right: 47px;
color: white;
-webkit-transition: right 0.6s ease-in-out;
transition: right 0.6s ease-in-out;
    z-index: 1;}


.nav2 a:after {
content: '';
display: block;
width: 11px;
height: 11px;
border-radius: 50%;
background: white;
float: right;
margin: 6px 0 0 10px;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}

.nav2 a:hover:after, .nav a.active:after {
background: #000;
}

 /* ============== END MINI NAV 2 ============== */ 




.upcolor {
color: #FFF;

}

.thefont{font-size: 1.9em;
color: #fff;}

.SofiaProBlackCondensed { 
	font-family: SofiaProBlackCondensed;
	font-weight: normal;
	font-style: normal;
}


.cta {
background: url(/assets/img/arrow.png) right center no-repeat;
padding-right: 40px;
padding-bottom: .4%;
}

.subtext{
padding-left: 20%;
padding-right: 20%;
}


@media screen and (max-width: 1280px)
.hero--nav {
right: 240px;
}

.hero--nav {
position: fixed;
top: 120px;
z-index: 3;
width: 130px;
right: 355px;
-webkit-transition: right 0.6s ease-in-out;
transition: right 0.6s ease-in-out;
}

.updraft{
    width: 81%;
margin-top: -5%;

}

.updraft2{
    width: 18%;
margin-top: -4%;

}



}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	
	html, body {
		height: 100%;
	}

	body {
		line-height: 23px; !important;
		font-family: 'Open Sans', sans-serif; !important;
		font-size: 13px;
		color: #787878;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

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

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	a:active, a:focus {
		outline: none; 
	}

	*:focus {
		outline: none;
	}
/* ============== / RESET ============== */

/* ============== STANDARD SETTINGS ============== */
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.gap-1 {
		padding: 85px 0;
        padding-left: 25%;
        padding-right: 25%;
        height: 100%;
        background-image: url("assets/img/my_image2");     
	}


	.gap-22 {
		padding: 85px 0;
        padding-left: 5%;
        padding-right: 5%;
        height: 100%;
        background-image: url("assets/img/my_image2");     
	}

.jowe{max-width: 940px;
    margin: 0 auto;}



.ppad{padding-top: 10%;}

.gap-2 {
    padding: 85px 0;
    padding-left: 12%;
    padding-right: 12%;
    background-color: #000;
    height: 100%;

}

@media screen and (max-width: 700px){
   .gap-2 {height: 200%; padding-left: 0%;  padding-right: 0%;}
    .araypad {margin-left: none !important;}
}



.gap-1b {
		padding: 29px 0;
padding-left: 2%;
	}



.gap-1c {
padding-left: 2%;
    padding-top: 7%;
     padding-bottom: 7%;
	}
	

.gap-3 {
		padding: 85px 0 0;
	}
	
	.tb {
	   display: table;
	   width: 100%;
	   height: 100%;
	   position: relative;
	}

	.tb-cell {
	   display: table-cell;
	   text-align: center;
	   vertical-align: text-top ;
        padding-top: 3%;
	}

.pad-l-logo{padding-left: 6%;}
	
.head-cell{vertical-align: middle;
padding-top: 0%;
padding-bottom: 10%;}

.head-cell2{vertical-align: middle;
padding-top: 26%;
padding-bottom: 10%;}

@media screen and (max-width: 560px){
.head-cell2{padding-top: 80%;}
}



@media screen and (max-width: 560px){
.head-cell{vertical-align: middle;
padding-top: 42%;
padding-bottom: 10%;}
}

.red{ color: #d60000;}

	h1 {
		font-size: 2em; !important;
		line-height: 62px; !important;
        /*font-family: 'Sanchez', serif; !important;*/
	}
	
	h2 {
		font-size: 28px; !important;
		line-height: 52px; !important;
        font-family: SofiaProBlackCondensed; !important;
	font-weight: normal; !important;
	font-style: normal; !important;
	}
	
	h3 {
		font-size: 6em;
		line-height: 32px;
       font-family: 'PT Sans Narrow', sans-serif;
       
	}
	


	h4 {
			font-size: 3em;
		line-height: 32px;
       font-family: 'PT Sans Narrow', sans-serif;
        
	}
	


	h5 {
		font-size: 1.5em;
		line-height: 28px;
        font-family: 'PT Sans Narrow', sans-serif;
        
		
	}


  .mp3_header{
     
      margin-bottom: .33333333333em;
   }
	
	h6 {
		font-size: 18px;
		line-height: 24px;
	}
	



	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 20px 0;
		font-weight: 300;
		color: #404040;
		font-weight: 600;
	}
	




	a {
		text-decoration: none;
		color: inherit;
	}
	
	p {
		margin: 0 0 20px 0;
	}
	
	body > section {
		position: relative;
		overflow: hidden;
	}
	
	.bg-1 {
		background-color: #f0f0f0;
        
	}
.board-font2{
color: #fff;
   
}

.board-font3{
color: #000;
   
}

.mainlogo{
position: fixed;
top: -12em;
right: 0em;
width: 18%;
background-color: #fff;
}

.logo-frame{display:block;float:right;width:128px;height:50px;background:url(/assets/img/updraft_logo-2.png) center center no-repeat #fff;text-indent:-999px;overflow:hidden}
	
.headtitle{
text-align: center;
color: #fff;
font-size: 4em;
}

.subhead_copy{
padding-left: 14%;
padding-right: 14%;
text-align: center;
}

.white{
color: #fff;
}

.pink-font{
color: #000;
}

.black333-font{
color: #333333;
}

	#bg-fade {
		z-index: 9993;
		width: 100%;
		height: 100%;
		top: 0;
		display: none;
		position: fixed;
		background: #fff;
		overflow: auto;
	}
	
	#window {
		z-index: 9997;
		display: none;
		width: 100%;
	}
	
	.video-bg {
		position: absolute;
		bottom: 0px;
		right: 0px;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -1fff;
		overflow: hidden;
	}

.intro-font{
font-size: 14px; line-height: 1.7em; font-weight: 100;
}	
.intro-fonta{
font-size: 12px; line-height: 1.7em; font-weight: 100; color: white;text-align: left;
}	

.intro-fontb{
font-size: 14px; line-height: 1.7em; font-weight: 100; color: black;text-align: left;
}	

.araypad{ padding-left: 0% ;    padding-top: 4%;}
.araypad2{ padding-left: 24% ;    padding-top: 5%;}

.tleft{text-align: left;}

.intro-font2{
font-size: 18px; line-height: 1.7em;
}
.intro-font3{
font-size: 11px; line-height: 1.7em;
}


	.general-color, #desktop-menu > ul > li:hover > a, #desktop-menu > ul > .current_menu_item > a, .contentbox-1 div, .contentbox-2 div, .button-1:hover, .featured .button-1, .icon-1:hover, #tweets-container li a, #portfolio-categories .active a, #portfolio-categories ul li a:hover, .post-element > header > h5:hover, .widget a:hover, .info-post-header a:hover, .comment-body a:hover {
		color: #b6b6b6 !important;
	}
	
	.general-bg, .contentbox-1:hover div, .contentbox-2:hover div, .slogan, .button-2:hover, .widget_tag_cloud a:hover, .slideshow-post .rslides_nav:hover, .slideshow-portfolio .rslides_nav:hover, #blog-navi a:hover, #comment-form input[type="submit"]:hover, .quote:hover, .social-like:hover {
		background-color: #333 !important;
	}
	
	.general-border, #desktop-menu ul li a:hover, #desktop-menu > ul > .current_menu_item > a, .contentbox-1 div, .contentbox-2 div, .featured, .featured ul li, .pricing-table .button-1:hover, .featured .button-1, #portfolio-categories .active a, #portfolio-categories ul li a:hover, #contact-form input[type="text"]:focus, #contact-form textarea:focus, .error-input, .text-edit blockquote, #comment-form textarea:focus, #comment-form input[type="text"]:focus, .active-tab {
		border-color: #000 !important;
	}
	
	*::-moz-selection {
		color: #fff;
		background-color: #fff !important;
	}
	
	::selection {
		color: #b6b6b6;
		background-color: #b6b6b6 !important;
	}
	
	.button-1 {
		padding: 12px 30px;
		display: inline-block;
		border: 1px solid #fff;
		color: #fff;
		font-size: 12px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: color 0.2s, background-color 0.2s;
		-moz-transition: color 0.2s, background-color 0.2s;
		-webkit-transition: color 0.2s, background-color 0.2s;
		-ms-transition: color 0.2s, background-color 0.2s;
	}
	
	.button-1a {
		padding: 0px 30px;
		display: inline-block;
		border: 0px solid #000;
		color: #000;
		font-size: 12px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		transition: color 0.2s, background-color 0.2s;
		-moz-transition: color 0.2s, background-color 0.2s;
		-webkit-transition: color 0.2s, background-color 0.2s;
		-ms-transition: color 0.2s, background-color 0.2s;
	}

	.button-1:hover {
		background-color: #fff;
	}
	
	.button-2, #comment-form input[type="submit"] {
		padding: 12px 30px;
		display: inline-block;
		background-color: #404040;
		color: #fff;
		font-size: 12px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-webkit-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
		border: none;
		cursor: pointer;
	}
	
	.button-2.read-more {
		padding: 6px 10px !important;
		margin-top: 10px;
	}
	
	.slideshow-post .rslides_nav, #blog-navi a, .slideshow-portfolio .rslides_nav {
		background-color: #404040;
		color: #fff;
		text-align: center;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: background-color 0.2s, opacity 0.2s;
		-moz-transition: background-color 0.2s, opacity 0.2s;
		-webkit-transition: background-color 0.2s, opacity 0.2s;
		-ms-transition: background-color 0.2s, opacity 0.2s;
		display: block;
		position: absolute;
		top: 45%;
		z-index: 3;
		font-size: 16px;
	}
	
	.slideshow-post .rslides_nav, .slideshow-portfolio .rslides_nav {
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	
	.slideshow-post:hover .rslides_nav, .slideshow-portfolio:hover .rslides_nav {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
	}
	
	#blog-navi a {
		position: static;
		display: inline-block;
	}
	
	.slideshow-post .prev, .slideshow-portfolio .prev {
		left: 20px;
	}

	.slideshow-post .next, .slideshow-portfolio .next {
		right: 20px;
	}
	
	.icon-1 {
		width: 30px;
		height: 30px;
		display: inline-block;
		line-height: 30px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		color: #fff;
		font-size: 13px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
		cursor: pointer;
		margin: 5px;
		text-align: center;
		background-color: #444;
	}
	
	.icon-1:hover {
		background-color: #fff;
	}
	
	.icon-2 {
		width: 45px;
		height: 45px;
		display: inline-block;
		line-height: 45px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		color: #fff;
		font-size: 13px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
		cursor: pointer;
		margin: 5px;
		text-align: center;
	}
	
	.icon-2:hover {
		background-color: #fff;
		color: #404040;
	}
	
	header.row {
		padding: 0 10px;
	}
	
	
/* ============== / STANDARD SETTINGS ============== */

/* ======== EDITOR STYLES ======== */
	.text-edit img, .comment-body img {
		max-width: 100%;
		height: auto;
       
	}

.ser-r{ border-radius: 50%;}
	
	.text-edit {
		line-height: 22px;
        height: 100%;
	}

	.text-edit blockquote, .comment-body blockquote {
		padding-left: 35px;
		border-left: 3px solid;
		margin: 35px 0;
		font-style: italic;
	}

	.text-edit ul, .comment-body ul {
		margin: 30px 30px;
	}
	
	.text-edit ul li, .comment-body ul li {
		margin-bottom: 10px;
    padding-left: 0px;
    display: inline-block;
	}

.social-style
 {
		margin-bottom: 10px;
    padding-left: 0px;
    display: inline-block;
	}


	.text-edit ol, .comment-body ol {
		margin: 10px 20px;
		list-style: decimal;
	}

	.text-edit dl, .comment-body dl {
		margin: 10px 0;
	}

	.text-edit dl dd, .comment-body dl dd {
		margin-left: 20px;
		font-style: italic;
	}

	.text-edit strong, .comment-body strong {
		font-weight: 600;
	}

	.text-edit pre, .comment-body pre {
		word-wrap: break-word;
		padding: 15px;
		overflow: auto;
		background-color: #eee;
	}


.black{
color: #333333;
}

	em {
		font-style: italic;
	}

	.text-edit q, .comment-body q {
		font-style: italic;
		padding-left: 20px;
	}

	.text-edit ol li ol, .comment-body  ol li ol {
		list-style: upper-alpha;
	}
	
	.wp-caption-text {
		font-size: 11px;
		width: 100%;
	}

	img.alignright {
		float: right;
		margin: 0 0 5px 5px;
	}

	img.alignleft {
		float: left;
		margin: 0 5px 5px 0;
	}

	img.aligncenter {
		display: block;
		margin: 10px auto;
	}

	.alignright {
		float:right;
	}

	.alignleft {
		float:left;
	}

img.alignleft {
		float:left;
        padding-left: 5%;
	}

	.aligncenter {
		text-align: center;
	}
	
	.push-left {
		float: left;
	}
	
	.push-right {
		float: right;
	}

	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	 
	sup {
		top: -0.5em;
	}
	 
	sub {
		bottom: -0.25em;
	}

	code {
		font-family: courier;
		white-space: nowrap;
		background-color: #F7F7F9;
		color: #DD1144;
		padding: 2px 4px;
		border: 1px solid #E1E1E8;
	}

	address {
		font-style: italic;
	}

	.text-edit ol li ol li ol, .comment-body ol li ol li ol {
		list-style: lower-alpha;
	}

	.wp-caption {
		max-width: 100% !important;
		text-align: center;
	}

	.text-edit table, .comment-body table {
		margin: 1em;
		border-collapse: collapse;
	}

	.text-edit td, .text-edit th, .comment-body td, .comment-body th {
		padding: .3em;
		border: 1px #ccc solid;
	}
	
	.clearfix {
		clear: both;
        
	}
	
	
	.rslides li:first-child {
		position: relative;
		display: block;
	}
	
	.rslides, .rslides_tabs {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
	}

	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
		margin: 0 !important;
		padding: 0 !important;
		list-style-type: none !important;
	}
	
	.rslides_tabs li {
		display: inline-block;
	}
	
	.rslides_tabs {
		text-align: center;
	}
	
	.parallax {
		background-attachment: fixed !important;
		background-size: cover !important;
	}
	
	header.row h1, header.row h2, header.row h3, header.row h4, header.row h5, header.row h6  {
		letter-spacing: 4px;
        line-height: 1.6em;
	}

/* ======== / EDITOR STYLES ======== */

/* ======== HOME ======== */
	#home {
		width: 100%;
		height: 100%;
		color: #fff;
        background: url(assets/img/joel_sarakula.jpg);
        background-color: #060606;
        background-attachment: fixed !important;
        background-size: cover !important;
	   }


@media screen and (max-width: 700px){
    #home {
		 background: url(assets/img/joel_sarakula_mobile.jpg) !important;
         background-position: 39% 0px !important;
         }
}   

	#home .tb {
		position: relative;
		z-index: 3;
	}
	
	#home h1, #home h6 {
		color: #fff;
       
	}
	
	#home h1 {
		letter-spacing: 4px;
	}
	
	#home h6 {
		letter-spacing: 2px;
	}
	
	#home h1 {
		font-size: 4em;
		margin-bottom: -5px;
	}

.sub-font2{font-size: 22.7px; text-shadow: 2px 4px 3px rgba(0,0,0,0.3)}
	
	#home h6 {
		font-size: 14px;
		margin-bottom: 50px;
		font-weight: normal;
	}
	
	.slider-current {
		opacity: 1 !important;
		-moz-opacity: 1 !important;
		-khtml-opacity: 1 !important;
	}
	
	.bg-slider {
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		position: absolute !important;
		z-index: 2 !important;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		transition: opacity 500ms;
		-ms-transition: opacity 500ms;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		background-attachment: fixed;
	}
	


.home-marge{
margin-top: -3em;

}


.yes-pad{padding-bottom: 7%;}

/* ======== / HOME ======== */

/* ======== MAIN MENU ======== */
	#main-menu {
		 background-color: #000;
		border-bottom: 0px solid #444444;
		height: 72px;
		width: 100%;
		z-index: 9991;
		position: absolute;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		display: block !important;
		transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-webkit-transition: opacity 0.5s;
     
	}
	
.nav-font{
margin-top: -2.33333333333%;
}
    .new-nav-c{ z-index: 1; height: 77px; border-top: solid 0px #000;}

@media screen and (max-width: 991px) {
       .new-nav-c{ display: none}
    }


.new_line{line-height: 133px;}



.up-a{ width: 17%;}

.service{
background-image: url(assets/img/updraft_updraft-services.jpg); 

}

	.sticky-wrapper {
		height: auto !important;
	}
	
	#mobile-menu {
		position: absolute;
		top: 72px;
		background-color: #404040;
		width: 100%;
	}
	
	#mobile-menu ul li a {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #555;
	}
	
	#mobile-menu ul li a:hover {
		color: #fff;
	}
	
	#mobile-menu-container {
		display: none;
	}
	
	#mobile-menu-button {
		width: 80px;
		height: 83px;
		position: absolute;
		right: 0;
		line-height: 70px;
		font-size: 20px;
		text-align: center;
		cursor: pointer;
		z-index: 5;
	}
	
	#logo-container {
		margin-top: 20px;
	}
	
	#logo-container h3 {
		font-size: 45px !important;
		color: #fff;
		font-weight: 400;
		letter-spacing: 0px;
        font-family: SofiaProBlackCondensed;
	font-weight: normal;
	font-style: normal;
  
	}
	
.container3{max-width: 750px;}


@media screen and (max-width: 560px){
    .countdown3 {display: none;}
    .countdown {display: none;}
    .nav2{display: none;}
    .white h1{font-size: 2.4em !important; line-height: 1em !important;}
    .sub_b{font-size: 4em;}
    .sub_b2{font-size: 2em;}
}

	#desktop-menu > ul {
		text-align: right;
		position: relative;
	}
	
	#desktop-menu > ul > li {
		display: inline-block;
		margin-right: 25px;
		position: relative;
        
	}
	
	#desktop-menu ul > li .sub-menu {
		position: absolute;
		text-align: left;
        background-color: #fff;
		display: none;
        font-family: 'Sanchez', serif;
         
	}
	
	#desktop-menu .sub-menu a:hover {
		color: #333333;
	}
	
	#desktop-menu .sub-menu .current_menu_item {
		color: #333333;
	}
	
	#desktop-menu .sub-menu li {
		position: relative;
	}
	
	.sub-menu .sub-menu {
		left: 155px;
		top: 0;
	}
	
	#desktop-menu > ul > li .sub-menu > li > a {
		display: block;
		padding: 10px 15px;
		max-width: 155px;
		min-width: 155px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
	}	
	
	#desktop-menu ul > li:hover > .sub-menu {
		display: block;
	}
	
	#desktop-menu > ul > li > a {
    display: block;
    height: 88px;
    line-height: 119px;
    text-align: center;
    padding: 0 10px;
    color: #fff;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    font-size: 14px;
    font-weight: 100;
	}
	
	#desktop-menu > ul > li:last-child {
		
		margin-right: 0;
	}
	
	#desktop-menu > ul > li:last-child:after {
		content: "";
	}
	
	#desktop-menu > ul > li > a:hover, #desktop-menu > ul > .current_menu_item > a {
		border-bottom: 6px solid;
	}
	
	#desktop-menu > ul > li:after {
		content: "";
		position: absolute;
		top: 24px;
		font-size: 24px;
		right: -15px;
		color: #404040;
		font-family: sans-serif;
	}
/* ======== / MAIN MENU ======== */

/* ======== EXAMPLE SECTIONS ======== */
	
	#parallax1 {
    background: url(assets/img/joel_sarakula2.jpg);
    background-color: #060606;
}
	
	#parallax1b {
    background: url(assets/img/joel_sarakula3.jpg);
    background-color: #060606;
    background-position: 42% -11px;
}

	#parallax1c {
    background: url(assets/img/joel_sarakula4.jpg);
    background-color: #060606;
}

	#parallax1d {
    background: url(assets/img/joel_sarakula5.jpg);
    background-color: #060606;
}

	



	


.or_back{background-color: #000; padding-top: 2.2%;
padding-bottom: 2.2%;}

#parallax5 {
	background-color: #fff;
        padding-top: 15em;
        padding-bottom: 10em;
	}

#parallax8 {
	
		background-color: #f8f8f8;
	}

#parallax9 {
	 
		background-color: #fff;
	}

#parallax10 {
		background: url(assets/img/my_image10.jpg);  
		background-color: #6C858C;
	}

#parallax11 {
		background: url(assets/img/my_image11.jpg);  
		background-color: #6C858C;
	}


#services1 {
		background: url(assets/img/services1.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}


#services1a12 {
		background: url(assets/img/mac2.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services1a13 {
			background: url(assets/img/mac3.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services1a14 {
			background: url(assets/img/mac4.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services1a15 {
		background: url(assets/img/mac5.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services1a16 {
		background: url(assets/img/mac6.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services1a17 {
		background: url(assets/img/mac7.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services1a18 {
	background: url(assets/img/mac8.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}






#services1a2 {
		background: url(assets/img/updraft_web2.jpg);  
		background-color: #fff;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 6em;
padding-bottom: 6em;
	}

#services1a {
		background: url(assets/img/updraft_billboard3b.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services1a1 {
		background: url(assets/img/mac1.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}


#services1b {
		background: url(assets/img/services2.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}

#services2 {
		background: url(assets/img/services2.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
     margin-bottom: 0px;
	}


#services3 {
		background: url(assets/img/services3.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}


#services4 {
		background: url(assets/img/updraft_social_media.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}


#services5 {
		background-color: #fff;
	}

#services5b {
		background-color: #e5e4e4;
	}

#services5c {
		background-color: #fff;
	}

#services5d {
		background-color: #e5e4e4;
	}

#servicese {
		background-color: #fff;
	}

#services5f {
		background-color: #e5e4e4;
	}

#servicesg {
		background-color: #fff;
	}

#services5h {
		background-color: #e5e4e4;
	}

#servicesi {
		background-color: #fff;
	}

#services5j {
		background-color: #e5e4e4;
	}


#services6 {
		background: url(assets/img/services6.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}

#services6b {
		background: url(assets/img/services6b.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}

#services6c {
		background: url(assets/img/services6c.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}


#services6b {
		background: url(assets/img/services6b.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}


#services10a {
		background: url(assets/img/services10a.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}

#services10b {
		background: url(assets/img/services10b.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}

#services11a {
		background: url(assets/img/services11a.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}

#services11b {
		background: url(assets/img/services11b.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
    margin-bottom: 0px;
	}

#services7 {
		background: url(assets/img/services7.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
     margin-bottom: 0px;
	}


#services8 {
		background-color: #e5e4e4;
	}

#services9 {
		background: url(assets/img/services7.jpg);  
		background-color: #6C858C;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-position: top center !important;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8em;
	}








.process{
padding-top: 3em;
    padding-bottom: 3em;

}
	
/* ======== / EXAMPLE SECTIONS ======== */

/* ======== SHORTCODES ======== */
	.pricing-table, .pricing-table .button-1 {
		border: 1px solid #dddddd;	
	}
	
	.contact-info {
		color: #fff;
		text-align: center;
	}
	
	.tabs {
		font-size: 13px;
	}

	.tabs > ul {
		position: relative;
		top: 1px;
		list-style: none;
		margin: 0 !important;
		padding: 0 !inportant;
	}

	.tabs > ul li {
		float: left;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.tabs > ul li i {
		font-size: 16px;
	}

	.tabs > ul li a {
		padding: 0 20px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		display: block;
		color: inherit !important;
	}

	.tabs > ul li i {
		margin: 0 5px;

	}

	.active-tab {
		background-color: #fff !important;
		border-left: 1px solid #eeeeee !important;
		border-right: 1px solid #eeeeee !important;
		border-top: 2px solid;
		border-bottom: none;
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		font-weight: 600;
	}

	.tab-content {
		padding: 15px 20px;
		border: 1px solid #eee;
		clear: both;
		background-color: #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	#contact-form input[type="text"], #contact-form textarea {
		width: 100%;
		display: block;
		margin-bottom: 14px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border: 1px solid #ddd;
		height: 50px;
		padding: 10px;
		font-family: inherit;
		font-size: inherit;
		color: #333333;
	}
	
	#contact-form textarea {
		margin-bottom: 24px;
		height: 170px;
		max-width: 100%;
	}
	
	.contact-info div {
		width: 68px;
		height: 68px;
		line-height: 68px;
		border: 1px solid;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		font-size: 24px;
		margin: 0 auto 30px;
	}
	
	.contact-info p {
		margin-bottom: 0;
	}
	
	.pricing-table {
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	.pricing-table .button-1 {
		color: inherit;
		transition: color 0.2s, border-color 0.2s;
		-moz-transition: color 0.2s, border-color 0.2s;
		-webkit-transition: color 0.2s, border-color 0.2s;
		-ms-transition: color 0.2s, border-color 0.2s;
	}
	
	.pricing-table ul {
		margin: 0 !important;	
	}
	
	.pricing-table h5 {
		margin-bottom: 0;
	}
	
	.times {
		font-size: 10px;
		margin-bottom: 10px;
	}
	
	.price {
		font-size: 26px;
		margin: 10px 0;
	}
	
	.pricing-table ul li {
		list-style-type: none !important;
		margin: 0 !important;
		padding: 15px 10px !important;
		text-align: center;
		border-bottom: 1px solid #dddddd;
	}
	
	.pricing-table ul li:first-child {
		border-width: 2px;
		font-size: 20px;
	}
	
	.pricing-table ul li:last-child {
		border-bottom: none;
		padding: 25px 10px !important;
	}

	.contentbox-1 {
		padding-left: 95px;
		position: relative;
		margin-bottom: 60px;
	}
	
	.contentbox-1:hover div {
		color: #fff !important;
	}
	
	.contentbox-1 div {
		position: absolute;
		width: 64px;
		height: 64px;
		border: 1px solid;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		left: 0;
		line-height: 64px;
		text-align: center;
		font-size: 20px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
	}
	
	.contentbox-2 div {
		margin: 0 auto 30px;
		width: 64px;
		height: 64px;
		border: 1px solid;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		line-height: 64px;
		text-align: center;
		font-size: 24px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
	}
	
	.contentbox-2:hover div {
		color: #000 !important;
	}
	
	.contentbox-2 {
		text-align: center;
	}
	
	.white h1 {
		color: #fff;
        font-size: 4.4em;
	}

	.black {
		color: #000;
      
	}

.int-pad{margin-top: -25px;
padding-bottom: 1%;}

.whites ul li{
		color: #fff;
	}
	
	
.future-pad{
padding-top: 7%;
padding-bottom: 7%;
}

.future-pad2{
padding-bottom: 14%;
}

.future-pad3{
padding-bottom: 7%;
}


.future-pad4{
padding-top: 10%;
padding-bottom: 7%;
}




.black {
		color: #000 !importan;
	}
	.countdown.white h6 {
		color: inherit !important;
	}
	
	.countdown i {
		font-size: 30px;
        color: #fff;
	}
	
	.count {
		display: block;
		font-size: 60px;
		margin: 40px 0;
	}
	
	.countdown {
		text-align: left;
		padding: 25px;
		background: #333333;
	}

.countdown2 {
		text-align: center;
		padding: 25px;
	}

.countdown3 {
		text-align: left;
		padding: 25px;
		background: #000;
	}

.headsize{font-size: 4.4em;}

    @media screen and (max-width: 640px) {
       .headsize {
font-size: 2.4em;
padding-top: 1em;
}
        .subtext {
padding-left: 0%;
padding-right: 0%;
}
    }

	
	.client {
		text-align: center;
		padding: 75px 25px;
		background: url(assets/img/opacity.png);
	}
	
	.team-member {
		text-align: center;
		overflow: hidden;
	}
	
	.team-social {
		position: relative;
		display: inline-block;
		overflow: hidden;
        border-radius: 50%;
	}

	.team-network {
		position: absolute;
		top: 35%;
		padding: 0 8px;
		text-align: center;
		width: 100%;
		opacity: 0;
		-khtml-opacity: 0;
		-moz-opacity: 0;
		z-index: 5;
	}


	
	.team-member h1, .team-member h2, .team-member h3, .team-member h4, .team-member h5, .team-member h6 {
		margin: 30px 0;
	}




	
	.team-member .info-team {
		display: inline-block;
		padding: 2px 20px;
		background-color: #444444;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #fff;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
	}
	
	.team-member .info-team:hover {
		color: #444444;
		background-color: transparent;
	}
	
	#twitter-plugin {
		color: #fff;
		text-align: center;
	}
	
	#twitter-plugin ul {
		margin: 0 0 30px 0 !important;
		padding: 0 !important;
	}
	
	#twitter-plugin ul li {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	
	.text-tweet {
		margin-bottom: 25px;
	}
	
	.date-tweet {
		font-size: 12px;
		font-weight: 600;
	}
	
	#twitter-icon {
		width: 60px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		border: 1px solid;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		font-size: 25px;
		margin: 0 auto 45px;
	}
	
	#twitter-plugin .rslides_nav {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 26px;
		border: 1px solid;
		text-align: center;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		font-size: 16px;
		display: inline-block;
		cursor: pointer;
		margin: 0 5px;
		
	}
	
	#portfolio-categories {
		text-align: center;
		margin: 60px 10px 60px 10px;
	}
	
	#portfolio-categories ul {
		margin: 0 !important;
	}
	
	#window header.row {
		padding: 50px 0 40px;
	}
	
	#portfolio-categories ul li {
		display: inline-block;
		list-style: none;
		padding: 0 !important;
		margin: 0 10px 20px 0 !important;
		text-align: center;
	}
	
	#portfolio-categories ul li a {
		padding: 10px !important;
		border-bottom: 2px solid transparent;
		transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
	}
	
	.isotope-item {
		width: 24.96%;
		background-color: #333;
		position: relative;
		overflow: hidden;
		float: left;
		z-index: 2;
	}

.ourwork{
width: 50%;
}

.ourwork2{
width: 30%;
    float: right;
}



	.isotope-item a {
		display: block;
		overflow: hidden;
	}
	
	/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

	
	.portfolio-meta ul li {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.portfolio-meta ul {
		margin-bottom: 30px;
	}
	
	.info-work {
		position: absolute;
		top: 0;
		z-index: 1;
		color: #fff;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.info-work .tb-cell {
		height: 100%;
	}
	
	.text-work {
		top: -100%;
		position: relative;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	
	.portfolio-close {
		width: 30px;
		height: 30px;
		color: #404040;
		margin: auto;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		position: relative;
		top: -50px;
		font-size: 15px;
	}
	
	.info-work p {
		margin-bottom: 0;
		font-style: italic;
	}
	
	.info-work h5 {
		color: inherit;
	}
	
	.icon-work {
		color: #404040;
		font-size: 16px;
		width: 55px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		background-color: #fff;
		margin: 0 auto 20px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		transition: opacity 0.2s ease-in 0.2s;
		-moz-transition: opacity 0.2s ease-in 0.2s;
		-ms-transition: opacity 0.2s ease-in 0.2s;
		-webkit-transition: opacity 0.2s ease-in 0.2s;
	}
	
	.isotope-item:hover > a .icon-work {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
	}
	
	.isotope-item > a img {
		-moz-transition: opacity 0.2s;
		-ms-transition: opacity 0.2s;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
		position: relative;
		z-index: 2;
	}
	
	#portfolio-container {
		overflow: hidden;
	}
	
	#fail-message, #success-message {
		display: none;
	}
	
	.isotope-item:hover > a img {
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	
	#portfolio-categories .active a {
		border-bottom: 2px solid;
	}
	
	.slogan {
		padding: 50px 20px;
		color: #fff;
		text-align: center;
	}
	
	.slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5, .slogan h6 {
		color: inherit;
		letter-spacing: 3px;
		margin-bottom: 0;
	}
	
	.divider-1 {
		height: 2px;
		width: 55px;
		background-color: #404040;
		margin: auto;
	}
	
	.divider-2, .divider-3 {
		height: 1px;
		width: 100%;
		background-color: #ddd;
		margin: 90px 0;
	}
	
	.divider-4 {
		height: 1px;
		width: 55px;
		background-color: #ddd;
		margin: 30px auto 40px;
	}
	
	.divider-3 {
		margin: 60px 0 !important;
	}
	
	.toggle {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.toggle-title {
		background-color: #fff;
		height: 54px;
		border: 1px solid #ddd;
		font-size: 13px;
		position: relative;
		cursor: pointer;
		overflow: hidden;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-weight: normal;
		font-style: normal;
	}

	.toggle-title-text {
		height: 54px;
		padding: 15px 60px 10px 20px;
		overflow: hidden;
	}

	.toggle-title-text i {
		font-size: 16px;
		vertical-align: middle;
		margin-right: 10px;
	}
	
	.toggle-title-text h6 {
		font-size: 13px;
	}
	
	.column {
		margin-bottom: 50px;
	}
	
	.alert {
		padding: 9px 28px 8px 20px;
		border: 1px solid;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		position: relative;
		margin-bottom: 7px;
		font-size: 13px;
	}

	.close-alert {
		position: absolute;
		right: 15px;
		top: 12px;
		cursor: pointer;
		font-size: 12px;
	}

	.alert-1 {
		color: #c4a21b;
		border-color: #f5dc7d;
		background-color: #fcf7d9;
	}

	.alert-2 {
		color: #8fa442;
		border-color: #c2d288;
		background-color: #e3ebc6;
	}

	.alert-3 {
		color: #528da9;
		border-color: #9ac9df;
		background-color: #d8ecf5;
	}

	.alert-4 {
		color: #b3696c;
		border-color: #f7c7c9;
		background-color: #f9e5e6;
	}

	.toggle-arrow {
		width: 45px;
		height: 54px;
		line-height: 54px;
		text-align: center;
		font-size: 13px;
		position: absolute;
		right: 0;
		top: 0;
		color: #404040;
	}

	.toggle-content {
		padding: 15px 20px;
		border-top: none;
		display: none;
		line-height: 22px;
	}
/* ======== / SHORTCODES ======== */

/* ======== BLOG & PAGE ======== */
	#head-page {
		padding: 180px 0 90px;
		text-align: center;
		letter-spacing: 4px;
	}

#sub-foot-page {
		padding: 90px 0 90px;
		text-align: center;
		letter-spacing: 4px;
    background-color: #fff;
	}
	
	#page-content {
		padding-bottom: 85px;
	}
	
	.post-element header .media {
		margin-bottom: 35px;
	}
	
	.post-element > header > h5:hover {
		transition: color 0.2s;
		-moz-transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-ms-transition: color 0.2s;
	}
	
	.slideshow-post, .slideshow-portfolio {
		position: relative;
	}
	
	.post-element header {
		margin-bottom: 30px;
	}
	
	.info-post-header {
		font-size: 12px;
	}
	
	.info-post-header a {
		transition: color 0.2s;
		-moz-transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-ms-transition: color 0.2s;
	}
	
	#list-comments .comment-body {
		padding: 30px 30px 10px 110px;
		border: 1px solid #ddd;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		position: relative;
		margin-bottom: 20px;
		min-height: 107px;
	}
	
	.fn {
		color: #404040;
	}
	
	.comment-body a {
		transition: color 0.2s;
		-moz-transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-ms-transition: color 0.2s;
	}
	
	.comment-author {
		margin-bottom: 10px;
	}
	
	#comment-form input[type="text"] {
		width: 100%;
	}
	
	.field {
		width: 32.6%;
		float: left;
	}
	
	.margin-field {
		margin: 0 1% !important;
		position: relative;
	}
	
	
	#comment-form textarea {
		width: 100%;
		display: block;
		height: 175px;
		max-width: 100% !important;
		margin-top: 15px;
	}
	
	#comment-form textarea, #comment-form input[type="text"] {
		display: block;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border: 1px solid #ddd;
		padding: 10px;
		font-family: inherit;
		font-size: inherit;
		color: inherit;
	}
	
	#comment-form input[type="text"] {
		height: 50px;
	}
	
	
	#list-comments .children {
		border-left: 1px solid #ddd;
		padding-left: 50px;
	}
	
	#list-comments .avatar {
		position: absolute;
		left: 20px;
	}
	
	.info-post-header i {
		margin: 0 8px;
	}
	
	#blog-navi {
		margin-top: -50px;
	}
	
	.quote {
		background-color: #404040;
		padding: 45px;
		transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-webkit-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
		display: block;
	}
	
	.quote:hover .q-author {
		color: #fff;
	}
	
	.q-author {
		transition: color 0.2s;
		-moz-transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-ms-transition: color 0.2s;
	}
	
	.quote h4 {
		color: #fff;
	}
	
	#author-post {
		border: 1px solid #ddd;
		padding: 20px 20px 10px 20px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		min-height: 85px;
	}
	
	
	#author-post img {
		margin: 0 30px 10px 0;
	}
	
	#author-post h5 {
		margin-bottom: 15px;
	}
	
	#social-post {
		margin-top: 50px;
		border: 1px solid #ddd;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	#social-post .social-field:first-child {
		width: 58% !important;
		text-align: left;
		padding: 15px 22px;
		left: 0;
	}
	
	.social-field {
		padding: 15px 0;
		float: left;
		width: 7%;
		text-align: center;
		position: relative;
		display: block;
		transition: color 0.2s, background-color 0.2s;
		-moz-transition: color 0.2s, background-color 0.2s;
		-webkit-transition: color 0.2s, background-color 0.2s;
		-ms-transition: color 0.2s, background-color 0.2s;
	}
	
	a.social-field:hover {
		color: #fff;
	}
	
	.social-fb:hover {
		background-color: #3C5B9B;
	}
	
	.social-twitter:hover {
		background-color: #2DAAE1;
	}
	
	.social-dribbble:hover {
		background-color: #F874A4;
	}
	
	.social-linkedin:hover {
		background-color: #0173B2;
	}
	
	.social-google:hover {
		background-color: #F63E28;
		border-radius: 0 2px 2px 0;
		-moz-border-radius: 0 2px 2px 0;
		-webkit-border-radius: 0 2px 2px 0;
	}
	
	.tooltip-1 {
		display: block;
		padding: 5px;
		font-size: 12px;
		color: #fff;
		background-color: #404040;
		position: absolute;
		top: -40px;
		left: -10px;
		z-index: 10;
		display: none;
		margin: auto;
		min-width: 80px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	.tooltip-1 .fa-caret-down {
		color: #404040;
		position: absolute;
		font-size: 30px;
		bottom: -15px;
		left: 40%;
	}
	
	.social-field:hover .tooltip-1 {
		display: block;
	}
/* ======== / BLOG ======== */

/* ======== WIDGETS ======== */
	.widget {
		margin-bottom: 50px;
	}
	
	.widget > header {
		background: url(assets/img/line.png);
		background-repeat: repeat-x;
		background-position: 0 15px;
	}
	
	.widget a {
		transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
	}
	
	.widget > header > h6 {
		background-color: #fff;
		display: inline-block;
		padding-right: 20px;
	}

	.widget_recent_entries ul, .widget_categories ul {
		border: 1px solid #ddd;
	}
	
	.widget_recent_entries ul li, .widget_categories ul li {
		padding: 15px 20px;
		border-bottom: 1px solid #ddd;
	}
	
	.widget_recent_entries ul li:before, .widget_categories ul li:before {
		content: "\f105";
		font-size: 14px;
		font-family: FontAwesome;
		margin-right: 15px;
	}
	
	.widget_recent_entries ul li span {
		font-size: 10px;
		margin-left: 10px;
	}
	
	.widget_recent_entries ul li:last-child, .widget_categories ul li:last-child {
		border-bottom: none;
	}
	
	.search-widget {
		width: 100%;
		height: 45px;
		background-color: #fff;
		border: 1px solid #ddd;
		position: relative;
		padding: 0 55px 0 18px;
	}
	
	.widget_tag_cloud a {
		padding: 6px 10px;
		color: #fff;
		margin: 0 0 3px 0;
		font-size: 11px;
		background-color: #404040;
		display: inline-block;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-webkit-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
	}
	
	.widget_tag_cloud a:hover {
		color: #fff !important;
	}

	.search-widget input[type="submit"] {
		position: absolute;
		right: 10px;
		top: 6px;
		background-color: transparent;
		z-index: 2;
		border: none;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}

	.search-widget input[type="text"] {
		width: 100%;
		margin-top: 12px;
		font-size: 13px;
		font-family: 'Open Sans', sans-serif;
		color: #b0b0b0;
		border: none;
	}

	.search-button {
		position: absolute;
		right: 20px;
		top: 14px;
		font-size: 13px;
		z-index: 1;
		color: #333333;
	}
/* ======== / WIDGETS ======== */








.im-image{
padding-left: 24%;
}


/* ======== FOOTER ======== */
	#foot-page {
		background-color: #000;
		color: #fff;
		text-align: center;
		padding: 85px 0 70px;
	}
	
	#copyright {
		margin: 30px 0;

	}
	
	#backtop {
		width: 45px;
		height: 45px;
		line-height: 42px;
		border: 1px solid #fff;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		margin: auto;
		font-size: 18px;
		cursor: pointer;
	}
	
	#foot-icons a {
		margin: 0 6px;
		font-size: 14px;
	}
	
	#foot-icons a i, #backtop {
		transition: color 0.2s, background-color 0.2s;
		-moz-transition: color 0.2s, background-color 0.2s;
		-webkit-transition: color 0.2s, background-color 0.2s;
		-ms-transition: color 0.2s, background-color 0.2s;
	}
	
	#backtop:hover {
		background-color: #fff;
		color: #333333;
	}



.para-pad2{padding-left: 21%;
padding-right: 21%;}


.loretro{width: 40% !important;
    margin-left: 17px!important;
}

@media screen and (min-width: 770px){
    .loretro{width: 130% !important;
  
}
}

.logoim{
margin-top: -16px;
margin-left: -23px; 
}

.logoim1{

margin-left: -29px; 
    margin-top: -12px;
}


.logoim4{
margin-top: -18px;
margin-left: -29px;
vertical-align: text-bottom;
    padding-bottom: 5%;
    
}

.logoim2{
   width: 100%;
    }



@media screen and (max-width: 640px) {
       .logoim2{

margin-left: 2%;
           padding-top: 11%;
    }
    
    
    
    @media screen and (max-width: 640px) {
       .logoim2{

margin-left: 2%;
           padding-top: 11%;
    }
    

    #home h1 {
font-size: 17px;
line-height: 1.2em;
}
    
   } 
    
 
.drop{text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}

.lo-bill{
max-width: 100%;
margin: 20% auto;
}
    





.brad{
border-radius: 50%;
margin-bottom: 8%;
}


.hero__caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 2;
padding: 0 3.95%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

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


.hero__block {
position: relative;
overflow: hidden;
}

    .arline{
        line-height: 3em;
    }
    
  

    .fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}
    
        #fluid-date {
    width: 100%;
    position: relative;
    padding: 0;
}
    
    
    #nav ul li {
    display: inline-block;
    margin: 0 0;
    color: white;
}
    
    

    
/* ======== / nav ======== */