a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}

/* =Typography
--------------------------------------------------------------------------------------------------------*/
body { font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#999999; letter-spacing:-1px; background: #1b1c1e; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p, .builder-full-width ul, .builder-full-width ol { line-height:1.5; font-size:22px; font-weight:300; letter-spacing:-1px }
.col2-3 p, .col1-1 p, .builder-full-width ul, .builder-full-width ol { padding:20px 40px 0px 40px; }
.col2-3.border p, .col1-1.builder p { padding-bottom: 40px; }
.col1-1.builder-full-width p { padding-bottom: 0; }
.col1-3.border p, .col2-3.border p, .col1-1.builder p {position:absolute; bottom:0; }
.col1-3 p { padding:0px 20px 16px 20px; }
p.comments { padding:14px 40px 0px 40px; }
.title p {font-size:15px; color:#a3a3a3; padding:0px 20px 0px 20px; font-weight:400; }
.infos p {font-size:18px; padding:0px 20px 0px 20px; font-weight:400; }
p.blockquote, blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; padding:21px 20px 20px 20px; clear:both }
.blockquote span {font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; text-transform:uppercase; letter-spacing:1px; }
.col2-3 p.blockquote, .col2-3 blockquote { padding:20px 40px 20px 40px; }
.col1-1 p.blockquote, .col2-3 blockquote { padding:20px 80px 0px 80px; }
p span {color:#fc6f1a; font-style:italic;}
a { color:#c7c7c7; text-decoration:none; }
a:hover { text-decoration:none; color:#fc6f1a; }
.builder-full-width ul { list-style: disc; padding-left: 60px; }
.builder-full-width ol { list-style: decimal; padding-left: 60px; }
em { font-style: italic; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; z-index: 99999; }
#status { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; }
.windows8 { position: relative; width: 32px; height: 32px; }
.windows8 .wBall { position: absolute; width: 30px; height: 30px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 7.15s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 7.15s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 7.15s infinite; -o-transform: rotate(225deg); -o-animation: orbit 7.15s infinite; transform: rotate(225deg); animation: orbit 7.15s infinite; }
.windows8 .wBall .wInnerBall { position: absolute; width: 4px; height: 4px; background: #fc6f1a; left: 0px; top: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.windows8 #wBall_1 { -moz-animation-delay: 1.56s; -webkit-animation-delay: 1.56s; -ms-animation-delay: 1.56s; -o-animation-delay: 1.56s; animation-delay: 1.56s; }
.windows8 #wBall_2 { -moz-animation-delay: 0.31s; -webkit-animation-delay: 0.31s; -ms-animation-delay: 0.31s; -o-animation-delay: 0.31s; animation-delay: 0.31s; }
.windows8 #wBall_3 { -moz-animation-delay: 0.62s; -webkit-animation-delay: 0.62s; -ms-animation-delay: 0.62s; -o-animation-delay: 0.62s; animation-delay: 0.62s; }
.windows8 #wBall_4 { -moz-animation-delay: 0.94s; -webkit-animation-delay: 0.94s; -ms-animation-delay: 0.94s; -o-animation-delay: 0.94s; animation-delay: 0.94s; }
.windows8 #wBall_5 { -moz-animation-delay: 1.25s; -webkit-animation-delay: 1.25s; -ms-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s; }
@-moz-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
	7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; }
	30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; }
	39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; }
	70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; }
	75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; }
	76% { opacity: 0; -moz-transform: rotate(900deg); }
	100% { opacity: 0; -moz-transform: rotate(900deg); }
}
@-webkit-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
	7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; }
	30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; }
	39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; }
	70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; }
	75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; }
	76% { opacity: 0; -webkit-transform: rotate(900deg); }
	100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-ms-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
	7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; }
	30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; }
	39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; }
	70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; }
	75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; }
	76% { opacity: 0; -ms-transform: rotate(900deg); }
	100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-o-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
	7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; }
	30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; }
	39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; }
	70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; }
	75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; }
	76% { opacity: 0; -o-transform: rotate(900deg); }
	100% { opacity: 0; -o-transform: rotate(900deg); }
}
@keyframes orbit { 
	0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; }
	7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; }
	30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; }
	39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; }
	70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; }
	75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; }
	76% { opacity: 0; transform: rotate(900deg); }
	100% { opacity: 0; transform: rotate(900deg); }
}
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
#logo-container { width:100%; background-color:#fbfbfb; text-align:center;}
h1#logo { display:block; margin:0 auto; padding-top:35px; margin-bottom:0px; }
h1#logo a { display:inline-block; color:#242527; font-size:60px; font-weight:700; text-decoration:none; letter-spacing:-1px }
.slogan {color:#a5a5a5; font-size:11px; padding:0; margin-top:-5px; line-height:11px; font-weight:400; letter-spacing:0; }
h2, h3, h4 { line-height:1.5; letter-spacing:-2px }
h2 { font-size:36px; font-weight:700; color:#c7c7c7; padding:40px 40px 0px 40px; }
h2.blog-heading { padding:31px 40px 0px 40px; }
.clients h2 {padding-bottom:23px; }
.col1-3 h2 { padding:17px 20px 0px 20px; font-size:28px; text-transform:none }
h3 { font-size:27px; font-weight:300; color:#999999; padding:14px 50px 34px 40px; position:absolute; bottom:0; }
h3 span {color:#fc6f1a; font-style:italic; }
h3.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:26px; clear:both }
.images h3.blockquote { position: static; }
h4 { font-size:20px; font-weight:700; color:#c7c7c7; padding:47px 40px 0px 40px; }
.title h4 { color:#1b1c1e; padding:21px 20px 3px 20px; line-height:1; letter-spacing:-1px }
.infos h4 { padding:25px 20px 0px 20px; line-height:1; }
.number {font-size:60px; font-weight:300; color:#242527; position:absolute; right:40px; top:17px; display:none; letter-spacing:-3px }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-top-color: #fbfbfb;
border-left-color:rgba(251,251,251,0); border-right-color:rgba(251,251,251,0); border-bottom-color:rgba(251,251,251,0); position:absolute; bottom:-24px; left:50%; margin-left:-12px; }
#wrapper { margin-top:0px; width:100%; /*height:221px;*/ position:relative; z-index:29; margin-bottom:29px; background: #fbfbfb;}
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
#container { margin-bottom:100px;}
.col1-1 { width:938px; margin:10px; border:1px solid #47484b; }
.col1-1.full-width { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin:0; border:1px solid #47484b; padding-bottom: 40px;
}
.col1-1.builder-full-width { width:1260px; margin:0; border:1px solid #47484b; margin: 10px; height: auto; padding-bottom: 40px; }
.col1-1.builder { height: 298px; }
.col1-1.no-border { border:0; width: 940px; }
.col1-1.portfolio-width.no-border { width:1260px; margin:0; margin: 10px; height: auto; }
.col1-3 { width:300px; height:300px; margin:10px; float:left; }
.col1-3.border { width:298px; height:298px; margin:10px; float:left; border:1px solid #47484b; }
.col1-3.clients {background:none }
.col2-3 { width:618px; height:298px; margin:10px; float:left; border:1px solid #47484b; }
.col2-3.contact-map { width:620px; height:620px; margin:10px; float:left; border:0; }
.col2-3.portfolio-width { height: auto !important; }
.break { height:50px; position:relative; }
.images { display:block; position:relative; overflow:hidden }
.title:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #fbfbfb rgba(255,255,255,0); position:absolute; top:-24px; left:50%; margin-left:-12px; }
.title {height:84px; width:300px; background:#fbfbfb; position:absolute; bottom:0px; text-align:center }
.logo { width:137px; height:101px; text-align:center; border:1px solid #47484b; padding-top:37px; float:left; margin-right:20px; margin-bottom:20px; }
.logo.last {margin-right:0px; }
.logo.bottom {margin-bottom:0px; }
.portfolio, .about, .filtered-portfolio {overflow:hidden; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Single Work
--------------------------------------------------------------------------------------------------------*/
.dedicated-page-navi {width:100%; height:10px; margin-bottom:29px; position:fixed; z-index:300; text-align:center; margin-top:0px; background-color:#fbfbfb; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); }
.close {position:absolute; top:10px; right:30px; width:58px; height:48px; background:url(images/bg-close.png) center 10px no-repeat #fbfbfb; background-size: 18px 18px; background-color:#fbfbfb; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); cursor:pointer; }
.dedicated-page {padding-top:20px; }
.dedicated-page .infos { height:298px !important; border:0; padding:0; z-index:1; position:relative; }
.videos {width:450px !important; height:263px !important; border:none; margin:0px; display:block; z-index:8; }
.videos.single-work {width:610px !important; height:353px !important;  }
/* =End Single Work
--------------------------------------------------------------------------------------------------------*/


/* =Twitter
--------------------------------------------------------------------------------------------------------*/
.twitter_block { background:#fc6f1a; padding-top:40px; height:260px; }
ul.jta-tweet-list li { background:url(images/bg-twitter.png) center 0px no-repeat; background-size:32px 32px; display:block; min-height:100px; font-size:18px; line-height:26px; padding:44px 40px 0px 40px; color:#fbfbfb; letter-spacing:-1px; text-align:center }
ul.jta-tweet-list li a.jta-tweet-link { color:#fbfbfb; text-decoration:none; font-size:18px !important; text-transform:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-right:4px; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#242527; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link { font-size:12px !important; color:#fbfbfb; text-decoration:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform:uppercase; display:block; cursor:default }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#fbfbfb; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a { color:#242527; text-decoration:none; }
a.jta-tweet-a:hover { color:#242527; }
/* End Twitter
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
.map {width:620px; height:620px; margin:0; border:0}
.map:before, .map:after {	background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
.map:after {	bottom: 0; top: auto; }
.map img {
    max-width: none !important;
}
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img, img {max-width:100%; height: auto; display: inline-block; z-index:9 }
.infos {width:300px; height:300px; top:0; left:0px; border:0; padding:0; display:none; z-index:1; background: none; position:absolute; }
.movable-content {z-index:11; position:absolute; width:300px; height:300px; }
.tab.first {margin-top:10px; }
.tab {border:1px solid #47484b; background:#242527; width:44px; height:28px; padding:18px 0px 18px 20px; margin-bottom:5px; position:relative; display:inline-block; float:left }
a .tab {color:#999999 }
a:hover .tab {color:#999999; background: #000000; }
.hover-title:before {content:''; height:0; width:0; border-width:6px 6px 6px 6px; border-style:solid; border-color:rgba(255,255,255,0) #fbfbfb rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-left:-21px; margin-top:3px; }
.hover-title { padding: 6px 9px 7px 9px; background-color: #fbfbfb; color: #1b1c1e; text-align:center; font-size: 12px; z-index: 8; letter-spacing:0px; margin-top:18px; margin-left:-3px; width:auto; display:none; position:relative; z-index:10}
.hover-content {width:212px; height:298px; border:1px solid #47484b; position:absolute; right:0; top:0; line-height:1.5 }
span.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; clear:both }
.hover-content span {line-height:1.5; position:absolute; padding:20px; bottom:0 }
.icons { float:left; height:24px; width:31px; margin-left:0px; margin-right:10px; margin-top:2px; display:inline-block }
.email {background:url(images/bg-email.png) no-repeat; background-size:24px 24px; }
.xing {background:url(images/bg-xing.png) no-repeat; background-size:24px 24px; }
.google {background:url(images/bg-googleplus.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(images/bg-tweat.png) no-repeat; background-size:24px 24px; } 
.facebook {background:url(images/bg-facebook.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(images/bg-pinterest.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(images/bg-vimeo.png) no-repeat; background-size:24px 24px; }
.linkedin {background:url(images/bg-linkedin.png) no-repeat; background-size:24px 24px; }
.skype {background:url(images/bg-skype.png) no-repeat; background-size:24px 24px; }
.flickr {background:url(images/bg-flickr.png) no-repeat; background-size:24px 24px; }
.email-social {background:url(images/bg-email.png) no-repeat; background-size:24px 24px; }
.dribble {background:url(images/bg-dribble.png) no-repeat; background-size:24px 24px; }
.view-more {background:url(images/bg-view-more.png) no-repeat; background-size:31px 17px; width:31px; margin-left:-3px; margin-right:18px; margin-top:5px;}
.zoom {background:url(images/bg-zoom.png) no-repeat; background-size:25px 25px; }
i.link {background:url(images/bg-link.png) no-repeat; background-size:24px 24px; }
.pdf {background:url(images/bg-file.png) no-repeat; background-size:24px 24px; }
i.video {background:url(images/bg-video.png) no-repeat; background-size:24px 24px; margin-top:2px; }
i.bubble {background:url(images/bg-bubble.png) no-repeat; background-size:24px 24px; }
i.quote {background:url(images/bg-heart.png) no-repeat; background-size:24px 24px; }
i.slideshow {background:url(images/bg-slideshow.png) no-repeat; background-size:28px 15px; width:28px; margin-top:5px; margin-right:15px; margin-left:-1px; }
i.aside {background:url(images/bg-aside.png) no-repeat; background-size:23px 23px; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
.reply, .comment-reply-link { font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#fc6f1a; text-transform:uppercase; letter-spacing:1px; padding-top:4px; }
.blog-icon {border-bottom:1px solid #47484b; width:278px; height:26px; padding:19px 0px 19px 20px; background:#000000; }
a .blog-icon:hover {background-color:#000000; color:#999999; }
a .blog-icon {color:#999999; }
a .blog-icon:hover {color:#999999; }
.blog-icon .video {margin-top:1px !important; }
.blog-icon.comment {width:858px; padding:19px 40px 19px 40px; }
.padding-right {padding-right:20px; }
.padding-left {padding-left:20px; }
.reply-comment {border-bottom:1px solid #47484b; width:100%; height:1px; padding:51px 0 0 0; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { position:absolute; padding:0 20px 16px 20px; bottom:0 }
ul.list li { line-height:1.5; font-size:22px; font-weight:300; letter-spacing:-1px; width:auto; padding-left:28px; }
ul.check li { background:url(images/bg-check.png) no-repeat 1px 13px; background-size:13px 11px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { background:#000000; width:100%; margin:0px 0px 0 0px; padding:50px 0 40px; border-top:1px solid #47484b; position:relative  }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { margin-top:25px; margin-bottom:0; letter-spacing:0; }
header ul.social { margin-top: 30px; }
.social li { display:inline-block; margin:0px 7px; padding: 0; }
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.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:         top, left, 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; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }


#options { width:100%; height:98px; z-index:300; text-align:center; margin-top:0px; background-color:#fbfbfb; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);}
#options ul { margin: 0; list-style: none; display:inline-block; padding-top:32px; }
#options li { float: left;  }
#options li a { color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; display:inline-block; padding:5px 17px;  margin:0px; }
#options li a:hover, #options li a.selected { color:#000000;}
#options.fixed { position: fixed; top: 0px; }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(images/bg-up.png) center 48% no-repeat #fc6f1a; background-size:22px 15px; display:block; width:50px; height:50px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1);}
#backtotop ul li a:hover { -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0); box-shadow:0 0 30px rgba(0, 0, 0, 0); }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/

.preloader { background:url(images/ajax-loader.gif) center center no-repeat #ffffff; }

#contact { display: block; width: auto; margin: 0; padding: 0px; border: none; overflow:visible }


/* =FORMS
--------------------------------------------------------------------------------------------------------*/

#contact label { display: none; float: none; height:0px; }
input, textarea, select { width:258px; height:26px; padding:19px 20px 19px 20px; font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#999999; border:0; border-bottom:1px solid #47484b; background:#000000; letter-spacing:-1px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block;}
#contact input.third { margin: 0px 0px 0px 0 !important; }
#contact textarea { margin-bottom:0px; margin-right:0px !important; width:193px; border:0px; border-right:1px solid #47484b; display:block; position:absolute; bottom:0px; left:0px; }
#contact #subject { width: 292px !important; }
input:focus, textarea:focus, select:focus { background:#242527; }
input.submit, input#submit { display:block; position:absolute; bottom:0px; right:0px; width:64px; height:103px; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px; padding:0px; background:url(images/bg-submit.png) center center no-repeat #242527; background-size:24px 28px; text-indent:-9999px; cursor:pointer}
p.form-submit input#submit {
	border-left:1px solid #47484b;
}
#contact input.submit:hover, p.form-submit input#submit:hover { background-color:#000000; }


#contact fieldset { padding-left:0px;}

#contact span.required { padding-left:28px; background:url(images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }

#message { margin: 0; padding: 0px; z-index:200; position:absolute !important; top:0px; left:0px; background:#000000; height:298px; }
#success_page h2 { padding:17px 20px 20px 20px !important; font-size:28px !important; text-transform:none }
#success_page p {position:relative !important; padding-bottom:30px; }

.error_message { display: block; width:258px; height:auto; padding:19px 20px 19px 20px; background: #FBE3E4; color:#8a1f11;  }

.loader { padding: 22px 0 0 10px; }

#contact .padding-right {padding-right:20px; }
#comments {height: 65px; }

input.one_third { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33%; float: left; display: inline-block; height: 60px; border-bottom: none; border-right: 1px solid #47484b; }
input.one_third.last { width: 34%; border-right: none; }
textarea#comment { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-bottom: none; height: 104px; border-top: 1px solid #47484b; }
p.form-submit { height: 0; margin: 0; border: none; display: inline; line-height: 0; padding: 0;  }
#comment-wrap { margin-top: 30px }
#comment-wrap li { display: block }
h3#reply-title { display: none }
.logo img { display: inline }
#calendar_wrap { width: 260px }
table#wp-calendar { border: 1px solid #cccccc }
table#wp-calendar>tbody>tr>td>a { text-decoration: underline }
footer caption { text-align: center; padding-bottom: 15px; }
thead>tr>th { width: 35px; height: 20px; text-align: center; border: 1px solid #cccccc; }
tbody>tr>td { width: 35px; height: 20px; text-align: center; border: 1px solid #cccccc; }
tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active { text-decoration: underline; height: 23px; nowhitespace: afterproperty; margin-left: 10px; padding-bottom: 3px; /*color: #3c4a55;*/; }
tfoot>tr>td#prev { width: 58px; height: 20px; text-align: left; }
tfoot>tr>td#next { width: 58px; height: 20px; text-align: right; }
footer .col1-3.border { height: auto; padding-bottom: 47px; }
footer .col1-3.border p { position: static !important; text-align: left; }
.type-portfolio .infos { overflow-y: hidden }
footer select, #calendar_wrap { margin: 20px auto 0 }
.rssSummary { display: block }
a.rsswidget{ display: inline-block; margin: 0 3px;
}
span.rss-date { font-size: 14px }
.rssSummary { padding: 15px 0; text-align: left; }
footer cite { padding-bottom: 25px; display: block; }
footer li { margin: 6px 0; padding: 0 15px; }
.video-container { position: relative; padding-bottom: 54%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.images img { display: block; vertical-align: bottom; }
.tagcloud { padding: 0 15px; margin: 6px 0 0 0; }
.tagcloud a { margin: 3px 3px 1px; display: inline-block; }
.load-more { background: url(images/bg-load.png) center 45px no-repeat #fc6f1a; background-size: 26px 26px; display: block; height: 216px; width: 220px; font-size: 18px; line-height: 26px; padding: 84px 40px 0px 40px; color: #fbfbfb; letter-spacing: -1px; cursor: pointer !important; text-align: center; min-height: 70px; }
.load-more a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 90px; color: #fff; }
.load-more a:hover { color: #fff }
footer .wp-caption { padding: 0 20px }
.images h3 { padding-top: 34px }
.blog-content h3 { position: static; padding-bottom: 5px;
}
.blog-content ul { list-style: disc; padding: 20px 40px 0 65px; }
.blog-content ol { list-style: decimal; padding: 20px 40px 0 65px; }
.blog-content h1 { font-size:40px; font-weight:700; color:#c7c7c7; padding:40px 40px 0px 40px; }
pre {
	font-family: monospace;
	padding-left: 40px;
}
footer #searchform, footer .wp-caption {
	margin-top: 10px;
}
.col2-3.no-padding { overflow: hidden; border: none; padding: 2px 0 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.close { background:url(images/bg-close@2x.png) center 10px no-repeat #fbfbfb; }
  
ul.jta-tweet-list li { background:url(images/bg-twitter@2x.png) center 0px no-repeat; }
  
.email {background:url(images/bg-email@2x.png) no-repeat; background-size:24px 24px; }
.xing {background:url(images/bg-xing@2x.png) no-repeat; background-size:24px 24px; }
.google {background:url(images/bg-googleplus@2x.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(images/bg-tweat@2x.png) no-repeat; background-size:24px 24px; } 
.facebook {background:url(images/bg-facebook@2x.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(images/bg-pinterest@2x.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(images/bg-instagram@2x.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(images/bg-vimeo@2x.png) no-repeat; background-size:24px 24px; }
.linkedin {background:url(images/bg-linkedin@2x.png) no-repeat; background-size:24px 24px; }
.skype {background:url(images/bg-skype@2x.png) no-repeat; background-size:24px 24px; }
.dribble {background:url(images/bg-dribble@2x.png) no-repeat; background-size:24px 24px; }
.view-more {background:url(images/bg-view-more@2x.png) no-repeat; background-size:31px 17px; }
.zoom {background:url(images/bg-zoom@2x.png) no-repeat; background-size:24px 24px; }
i.link {background:url(images/bg-link@2x.png) no-repeat; background-size:24px 24px; }
.pdf {background:url(images/bg-file@2x.png) no-repeat; background-size:24px 24px; }
i.video {background:url(images/bg-video@2x.png) no-repeat; background-size:24px 24px; }
i.bubble {background:url(images/bg-bubble@2x.png) no-repeat; background-size:24px 24px; }
i.quote {background:url(images/bg-heart@2x.png) no-repeat; background-size:24px 24px; }
i.slideshow {background:url(images/bg-slideshow@2x.png) no-repeat; background-size:24px 24px; }
i.aside {background:url(images/bg-aside@2x.png) no-repeat; background-size:24px 24px; }
.load-more { background: url(images/bg-load@2x.png) center 45px no-repeat #fc6f1a; background-size:24px 24px; }

ul.check li { background:url(images/bg-check@2x.png) no-repeat 1px 8px; background-size:18px 15px; }

#backtotop ul li a { background:url(images/bg-up@2x.png) center 48% no-repeat #fc6f1a; background-size:22px 15px; }

input.submit { background:url(images/bg-submit@2x.png) center center no-repeat #000000; background-size:24px 24px; }

.flex-direction-nav .flex-next {background:url(images/bg-next@2x.png) center no-repeat; }
.flex-direction-nav .flex-prev {background:url(images/bg-prev@2x.png) center no-repeat; }
}

@media only screen and (min-width: 1600px) {
.container { padding:0px; width:1600px; position:relative; margin:0 auto; }
}

@media only screen and (min-width: 1280px) {
.container { padding:0px; width:1280px; position:relative; margin:0 auto; }
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
	.col1-1.builder-full-width, .col1-1.portfolio-width.no-border  { width: 940px; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { padding:0px; width:640px; position:relative; }
.col1-1, .col1-1.builder-full-width, .col1-1.builder, .col1-1.no-border, .col1-1.portfolio-width.no-border  { width:620px; }
.col1-1.builder-full-width, .col1-1.builder { height: auto; }
.col1-1.builder-full-width p, .col1-1.builder p { position: static; }
.blog-icon.comment {width:540px; }
.blog-icon .responsive {display:block; float:none; }
.blog-icon.comment .icons { display:none; }
.blog-icon.responsive {height:auto !important; }
.col2-3.no-padding { overflow: hidden; height: auto !important; border: none; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
#wrapper {margin-bottom:5px; height:199px; }
.container { padding:0px; width:300px; position:relative;}
.col1-1, .col1-1.builder-full-width, .col1-1.portfolio-width.no-border  {width:298px; }
.col1-1.builder-full-width, .col1-1.builder, .col1-1.portfolio-width.no-border  { height: auto; }
.col1-1.builder-full-width p, .col1-1.builder p { position: static; }
.col1-1.no-border {width:300px; }
.col1-3, .col1-3.border { height:auto; } 
.col1-3.no-padding, .col1-3.portfolio, .col1-3.about, .col1-3.filtered-portfolio {padding-bottom:0px; }
.col1-3.portfolio, .col1-3.about, .col1-3.filtered-portfolio {height:300px; }
.responsive-col { height:auto !important; }
.col2-3 { width:298px; height:auto; }
.col2-3.contact-map {width:300px; height:300px; }
.element {margin:10px 0px !important; }
.blog-icon.comment {width:220px; }
.number {display:none !important; }

header ul.social { display: none; }

h1#logo a { font-size:40px;  }
h3 { font-size:24px; padding:14px 20px 20px 20px; position:relative; }
h3.blockquote {padding-top:0px; }
h2 { font-size:28px; font-weight:700; color:#c7c7c7; padding:21px 20px 0px 20px !important; }
.col1-3 h2 {font-size:24px; }
.clients h2 {padding-bottom:23px !important; }

p { font-size:18px; letter-spacing:-1px; padding-left:20px !important; padding-top:20px !important; position:relative !important }
.slogan, .title p { padding-top:0px !important; padding-left:0px !important; padding-right:0px !important; }

ul.list {position:relative; padding-top:20px !important; }
ul.list li {font-size:18px; }
ul.check li { background-position:1px 9px; }

.map {width:300px; height:300px; margin:0; border:0}

.break { height:20px; position:relative; }
.reply-comment {padding:21px 0 0; }
.blog-icon.comment {padding:19px 20px; width:258px; }
.blog-icon.comment .icons { display:none; }
.blog-icon .responsive {display:block; float:none; }
.blog-icon.responsive {height:auto !important; }
.images img {max-height:300px; }

#nav-bg { padding-top:10px; padding-bottom:10px; }
#nav-button {display:block; background:#fc6f1a; padding:7px 10px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); width:26px; margin:0 auto; cursor:pointer; }
.nav-bar {background-color:#f5f5f5; border-radius:1px; box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); display:block; width:18px; height:2px; margin:2px auto; }
#logo-container {height:106px; }
h1#logo {padding-top:19px; }

#wrapper:before {display:none; }
#options { height:auto; margin-top:0px; padding-bottom:10px; }
#options ul { padding-top:0px; }
#options li { float: none; height:auto; display:none }
#options li a { color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; display:inline-block; padding:5px 17px;  margin:0px; }
#options.fixed { position: relative; top: 0px; }

#comment-wrap input, #comment-wrap textarea, #comment-wrap select { width:258px; height:26px; padding:19px 20px 19px 20px; font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#000000; border:0; border-bottom:1px solid #47484b; background:; letter-spacing:-1px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
#comment-wrap input.third { margin: 0px 0px 0px 0 !important; }
#comment-wrap textarea { margin-bottom:0px; margin-right:0px !important; width:193px; border:0px;}
#comment-wrap #subject { width: 292px !important; }
#comment-wrap input:focus, #comment-wrap textarea:focus, #comment-wrap select:focus { background:#242527; }
#comment-wrap input.submit, #comment-wrap input#submit { display:block; position:absolute; bottom:0px; right:0px; width:64px; height:142px; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px; padding:0px; background:url(images/bg-submit.png) center center no-repeat #242527; background-size:24px 28px; text-indent:-9999px; cursor:pointer; border-left:1px solid #47484b; top: 0px;
}

#comment-wrap input.submit:hover,#comment-wrap p.form-submit input#submit:hover { background-color:#000000; }
#comment-wrap textarea {
	height: 104px;
	border: none;
	clear: none;
	float: left;
}

p.form-submit {
	height: 104px;
	width: 0;
	padding: 0;
	display: inline;
	float: right;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}

#comment-wrap  fieldset { padding-left:0px;}

#comment-wrap  span.required { padding-left:28px; background:url(images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }

#comment-wrap  .padding-right {padding-right:20px; }
#comments {height: 65px; }

.blog-content h1, pre {
	padding-left: 20px; padding-right: 20px;
}
.blog-content ul, .blog-content ol {
	padding-left: 35px; padding-right: 20px;
}
h1#logo img {
	max-height: 70px;
}
.load-more.portfolio { max-height: 70px; }

.flexslider:hover .flex-next {opacity: 0 !important;}
.flexslider:hover .flex-prev {opacity: 0 !important;}

.single #container { padding-top: 80px; }

footer .col1-3.border { margin-left: 0; margin-right: 0; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 480px) {
	h1#logo a { font-size:37px; line-height: 34px; margin-bottom: 14px; }
}


.col1-3.cats-tags {
	height: auto !important;
	padding-bottom: 10px;
}
.col1-3.cats-tags p {
	position: static;
}
.col1-3.cats-tags h2 {
	padding-bottom: 15px;
}
.single .infos { overflow-y: visible; }
#success_page h2 { color: #ffffff !important; }
#success_page p { color: #ffffff !important; }
a.popup.tippy {display: none;}

#wrapper:before {display: none;}

div.title:before {display: none;}

h1#logo img {max-width: 279px;}

h1#logo {padding-top: 35px !important;}

#logo-container {margin-left: 15px !important;}

#options {margin-right: -5px !important;}

h2 {font-weight: 600 !important;}