


/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

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


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position: absolute; 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: #fff; 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
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#f2dfb8; letter-spacing:-1px; overflow:hidden}
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 { line-height:1.5; font-size:22px; font-weight:300; letter-spacing:-1px }
.col2-3 p, .col1-1 p { padding:20px 40px 0px 40px; }
.col1-3 p {position:absolute; bottom:0; }
.col1-3 p { padding:0px 25px 21px 25px; }
p.comments { padding:14px 40px 0px 40px; }
.title p {font-size:15px; color:#a3a3a3; padding:0px 20px 0px 20px; font-weight:400; position:relative }
.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 25px 20px 25px; clear:both }
.blockquote span, blockquote span {font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; text-transform:uppercase; letter-spacing:1px; }
.col2-3 p.blockquote { padding:20px 40px 20px 40px; }
.col1-1 p.blockquote { padding:20px 80px 0px 80px; }
p span { font-style:italic;}
a { color:#f2e6cb; text-decoration:none; }
a:hover { text-decoration:none; /*color:#fff;*/ }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; width:100%; height:73px; padding-top:25px; padding-bottom:9px; margin:0 auto; text-align: center; }
h1#logo a { height:82px; letter-spacing: -2px; line-height: 30px; color: #601f0e !important; }
h1#logo a img { max-height: 82px; width: auto; max-width: 100%; }
h2, h3, h4 { line-height:1.5; letter-spacing:-2px }
h2 { font-size:37px; font-weight:700; color:#f2e6cb; padding:35px 40px 0px 40px; }
h1#logo a { font-size:37px; font-weight:700; color:#f2e6cb; }
h2.blog-heading { padding:31px 40px 0px 40px;  }
.clients h2 {padding-bottom:23px; }
.col1-3 h2 { padding:21px 25px 0px 25px; font-size:28px; text-transform:none }
.col1-3.middle p {font-size:18px; text-align:center; padding:26px 60px 0px 60px; position:relative; color:#f2dfb8; font-weight:normal; letter-spacing:-1px;  }
.col1-3.middle p span {color:#f2dfb8; font-size:12px; letter-spacing:1px; font-style:normal; font-weight:normal; }
.col1-3.middle a {color:#f2dfb8; }
h3 { font-size:28px; font-weight:300; color:#f2dfb8; padding:14px 50px 30px 40px; position:absolute; bottom:0; }
h3 span {font-style:italic; }
h3.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:27px; padding-bottom:29px; clear:both }
h4 { font-size:20px; font-weight:700; color:#f2e6cb; 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 {position:absolute; right:45px; top:40px; display:inline-block; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
.nav-wrapper:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,1) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; bottom:-24px; left:50%; margin-left:-12px; }
.nav-wrapper { width:940px; height:70px; float:left; margin:30px 10px; text-align:center; text-transform:uppercase; }
.nav-wrapper a { width:100%; background:#fff; display:inline-block; height:50px; color:#242527; padding-top:20px; }
#wrapper:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,1) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; bottom:-24px; left:50%; margin-left:-12px; }
#wrapper { margin-top:0px; position:relative; width:100%; left:0px; /*left:0;*/ background:#f2e6cb; top:0; -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); }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
#container {  padding-bottom:50px; margin-top:30px;}
.col1-1 { width:940px; margin:10px;  background-color:#222325; background-color: rgba(255,255,255,0.05); }
.col1-1.no-border {width:940px; border:0; }
.col1-3 { width:300px; height:300px; margin:10px; float:left; background-color:#222325; background-color: rgba(255,255,255,0.05);}
.col1-3.clients {background:none }
.col2-3 { width:620px; height:300px; margin:10px; float:left; background-color:#222325; background-color: rgba(255,255,255,0.05);}
.col2-3.no-border {width:620px; height:300px; margin:10px; float:left; border:0px solid #0c0c0d;  -moz-box-shadow: inset 1px 1px 120px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 1px 1px 120px rgba(0, 0, 0, 0); box-shadow: inset 1px 1px 120px rgba(0, 0, 0, 0);  background:none; }
.col2-3.contact { width:620px; height:620px; margin:10px; float:left; border:0; }
.break { height:50px; position:relative; }
.images { display:block; position:relative; }
.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) #fff rgba(255,255,255,0); position:absolute; top:-24px; left:50%; margin-left:-12px; }
.title {height:84px; width:300px; background:#fff; position:absolute; bottom:0px; text-align:center }
.logo { width:140px; height:103px; text-align:center; padding-top:37px; float:left; margin-right:20px; margin-bottom:20px; background-color:#222325; background-color: rgba(255,255,255,0.05);}
.logo.last {margin-right:0px; }
.logo.bottom {margin-bottom:0px; }
.overflow {overflow:hidden; }
.certificate { position:relative; width:100%; height:40px; margin-top:35px; padding-bottom:20px; text-align: center; }
.barrier {height:1px; width:80px; margin:0 auto; position:relative; background: #151618; }
.auto {height:auto !important; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =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; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {max-width:100%; display: block; height: auto; z-index:9 }
.infos {width:300px; height:300px; top:0; left:0px; border:0; padding:0; display:block; z-index:1; position:absolute; background: none !important; }
.movable-content {z-index:11; position:absolute; width:300px; height:300px; }
.load_content, .team_member { background: none !important; }
.tab.first {margin-top:10px; }
.tab {background-color:#222325; background-color: rgba(255,255,255,0.05); width:64px; height:64px; margin-bottom:8px; position:relative; display:inline-block; float:left }
.hover-title:before {content:''; height:0; width:0; border-width:6px 6px 6px 6px; border-style:solid; border-color:rgba(255,255,255,0) #fff 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: #fff; 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:absolute; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25); z-index:10}
.hover-content {width:216px; height:300px; background-color:#222325; background-color: rgba(255,255,255,0.05); 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; padding-bottom:14px; bottom:0 }
.icons { float:left;  height:64px; width:74px; margin:0px; display:inline-block }
.col1-1 .icons.box { width: 60px; height: 60px; background-color: #fff; position: absolute; top: 30px; left: 30px; z-index: 999; }
.tab .icons {width:64px }
.blog .icons, .col1-1 .icons, .archive .icons {position:absolute; top:0; left:0; float:none }
.col1-1 .icons {left:15px; }
.email {background:url(images/bg-email.png) center no-repeat; background-size:24px 24px; }
.xing {background:url(images/bg-xing.png) center no-repeat; background-size:24px 24px; }
.google {background:url(images/bg-googleplus.png) center no-repeat; background-size:24px 24px; }
.tweat {background:url(images/bg-tweat.png) center no-repeat; background-size:24px 24px; } 
.facebook {background:url(images/bg-facebook.png) center no-repeat; background-size:24px 24px; }
.pinterest {background:url(images/bg-pinterest.png) center no-repeat; background-size:24px 24px; }
.instagram {background:url(images/bg-instagram.png) center no-repeat; background-size:24px 24px; }
.vimeo {background:url(images/bg-vimeo.png) center no-repeat; background-size:24px 24px; }
.skype {background:url(images/bg-skype.png) center no-repeat; background-size:24px 24px; }
.dribble {background:url(images/bg-dribble.png) center no-repeat; background-size:24px 24px; }
.view-more {background:url(images/bg-view-more.png) center no-repeat; background-size:31px 17px;}
.zoom {background:url(images/bg-zoom.png) center no-repeat; background-size:25px 25px; }
.link {background:url(images/bg-link.png) center no-repeat; background-size:24px 24px; }
.pdf {background:url(images/bg-file.png) center no-repeat; background-size:24px 24px; }
.video {background:url(images/bg-video.png) center no-repeat; background-size:24px 24px; }
.bubble {background:url(images/bg-bubble.png) center no-repeat; background-size:24px 24px; }
.linkedin {background:url(images/bg-linkedin.png) center no-repeat; background-size:24px 24px; }
.quote {background:url(images/bg-heart.png) center no-repeat; background-size:24px 24px; }
.slideshow {background:url(images/bg-slideshow.png) center no-repeat; background-size:28px 15px; }
.aside {background:url(images/bg-aside.png) center no-repeat; background-size:23px 23px; }
.icon.close {background: url(images/bg-close.png) center no-repeat #fff; height:58px; width:58px; float:none; display:block; z-index:101; position:absolute; right:40px; top:40px;}
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
.reply { font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:1px; padding-top:4px; }
.blog-icon {border-bottom:1px solid #151618; width:230px; height:26px; padding:19px 0px 19px 70px;  }
.blog-icon.comment {width:815px; padding:19px 40px 19px 85px; }
.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 25px 21px 25px; 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 { width:100%; margin:0px 0px 0 0px; padding:50px 0; background-color:#222325; background-color: rgba(255,255,255,0.05); position:relative  }
footer .barrier {margin-top:18px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { margin-top:25px; margin-bottom:0px; letter-spacing:0; }
.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:auto; position:relative; text-align:center; padding-bottom:9px; }
#options ul { margin: 0 auto; list-style: none; text-align:center; display:inline-block; padding-top:0px;  }
#options li {  float:left }
#options li a { color:#601f0e; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; text-decoration:none; text-transform:uppercase; display:block; padding:0px 15px 10px 15px;  margin:0px; letter-spacing:1px; margin-top:10px }
#options li a:hover, #options li a.selected, #options .current-menu-item a, #options .current-menu-parent a { color:#b17d23; }

#nav-button-wrapper {position:relative; padding:0px 0px 0 10px; width:100%; text-align:center; border-top:1px solid #ebebeb; height:46px; cursor:pointer; display:none }
.nav-button {display:inline-block }
.nav-button2 {position:absolute; right:28px; top:23px; }
.nav-button2.center {right:97px; top:33px; }
.nav-bar {background-color:#aaa; background-color:rgba(255,255,255,0.07); border-radius:1px; display:block; width:28px; height:4px; margin:3px auto; }
.nav-button2 .nav-bar {background-color:#aaa; background-color:rgba(255,255,255,0.07); border-radius:1px; display:block; width:22px; height:3px; margin:2px auto; }
#nav-button-wrapper .nav-bar {background-color:#242527; background-color:rgba(0,0,0,0.3); }
#nav-button-wrapper {padding-top:15px; margin-top:10px; }


a .block-bg {-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;}
.block-bg {width:100%; height:100%;}
a .block-bg:hover, a .blog-icon:hover, a .bottom-bar:hover { background-color:#292a2c; background-color: rgba(255,255,255,0.07); }
a .tab:hover { background-color:#292a2c; background-color: rgba(255,255,255,0.07); }
/* 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 #fff; 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
--------------------------------------------------------------------------------------------------------*/

/* =Form Styles
--------------------------------------------------------------------------------------------------------*/
#contact { display: block; width: auto; margin: 0; padding: 0px; border: none; overflow:visible }
#contact label { display: none; float: none; height:0px; }
input, textarea, select { width:250px; height:26px; padding:20px 25px; font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#f2dfb8; border:0; border-bottom:1px solid #151618; background:none; 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;}
input.first {border-top:0px solid #1a1a1c; }
#contact input.third { margin: 0px 0px 0px 0 !important; }
#contact textarea { margin-bottom:0px; margin-right:0px !important; width:184px; border:0px; border-right:1px solid #151618; }
#contact #subject { width: 292px !important; }
input:focus, textarea:focus, select:focus { background-color:#292a2c; background-color: rgba(255,255,255,0.07); }
input.submit, input#submit { display:block; position:absolute; bottom:1px; right:0px; width:65px; height:99px; -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; background-size:24px 28px; text-indent:-9999px; cursor:pointer;}
#contact input.submit:hover, input#submit:hover { background-color:#292a2c; background-color: rgba(255,255,255,0.07); }
#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:5500; position:absolute !important; top:-1px; left:-1px; background:#fff; height:auto; text-align:center }
#success_page { width:300px; height:300px; cursor:default; }
#success_page h2 { padding:47px 20px 20px 20px !important; font-size:28px !important; text-transform:none; color:#242527; line-height:1.35 }
#success_page p {position:relative !important; padding-bottom:30px; color:#969696; line-height:1.45; font-weight:400 }
.error_message { display: block; width:260px; height:auto; padding:19px 20px 19px 20px; background: #FBE3E4; color:#8a1f11; cursor:pointer  }
.loader { padding: 22px 0 0 10px; }
#contact .padding-right {padding-right:20px; }
#comments {height: 59px; }
/* End Form Styles
--------------------------------------------------------------------------------------------------------*/


/* =WordPress Styles
--------------------------------------------------------------------------------------------------------*/
textarea { resize: none !important; }
#check { position: absolute; top: -1px; left: 0; opacity: 0; height: 1px !important; padding: 0 !important; }
.col2-3.map { height: 620px; }
.bottom-bar {border-top:1px solid #151618; height:26px; width:860px; padding:19px 40px 19px 40px; }
.col1-1.hentry, .col1-1.full-width  { padding-bottom: 40px; }
#comment-wrap li { list-style: none; }
h3#reply-title { display: none }
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 #151618; }
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; }
p.form-submit { height: 0; margin: 0; border: none; display: inline; line-height: 0; padding: 0;  }
input#submit { height: 99px; bottom: 0; }
#commentform textarea { border-top:1px solid #151618; }
.hentry { padding-bottom: 40px; }
.video-popup { position: relative; }
.load-more, .load-more-blog { cursor: pointer; }
.col1-3 .block-bg { position: absolute; top: 0; left: 0; }
.load-more p, .load-more .certificate, .load-more-blog p, .load-more-blog .certificate  { pointer-events: none; }
.col1-1.full-width { width: 100%; }
.hentry h3 { position: static; }
.hentry ol, .hentry ul, .hentry h1 { padding: 0 40px; }
.hentry ol { list-style: decimal; padding-left: 70px; }
.hentry ul { list-style: disc; padding-left: 70px;  }
.hentry li { margin-bottom: 8px; }
.hentry img { max-width: 100%; height: auto; }
.ngg-galleryoverview { padding: 20px 40px 0; }
/* End WordPress Styles
--------------------------------------------------------------------------------------------------------*/


/* =Widget Styles
--------------------------------------------------------------------------------------------------------*/
#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; }
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 { height: auto; padding-bottom: 47px; }
footer .col1-3 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; }
pre { font-family: monospace; padding-left: 40px; }
footer #searchform, footer .wp-caption { margin-top: 10px; }
footer img { max-width: 100%; height: auto; }
/* End Widget Styles
--------------------------------------------------------------------------------------------------------*/

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
input.one_third, input.one_third.last { width: 100%; border: none; border-bottom:1px solid #151618; }
input.one_third.last { border: none; }
#commentform input#submit { right: -298px; height: 103px; border-left:1px solid #151618; }
}

input, textarea, select {
    border-bottom: 1px solid #f2dfb8 !important;
}