/*
Theme Name: Dirksch
Theme URI: http://www.hoothemes.com/themes/onetake.html
Description: Onetake is a one page HTML5 & CSS3 responsive business theme that displays all the essential features of your website on the home page. It have a very interesting and useful concept by showing you concise information on a single page, and having there everything you need about that website and nothing more which is really good if you don't want to waste time and be effective instead. Onetake is a professional and outstanding responsive business One Page WordPress Theme, which is based on Bootstrap 3 & Font Awesome 4. Theme has fullscreen background with video support from YouTube ( video background for homepage sections ) and Awesome Slider. You can create a single-page-style front page for your WordPress site with autogenerated content and JavaScript scroll navigation or personal blog. You can check the demo at http://demo.hoosoft.com/onetake/.

Version: 1.1.5
Author: HooThemes
Author URI: http://www.hoothemes.com
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, orange, green, responsive-layout, custom-background, custom-header, custom-menu, theme-options, right-sidebar, translation-ready, editor-style, featured-images, full-width-template, flexible-header, threaded-comments
Text Domain: onetake

Onetake Wordpress Theme has been created by hoothemes.com, Copyright 2015 WordPress.org.
Onetake Wordpress theme is released under the terms of GNU GPL.
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-family: "PT Sans",Arial,Helvetica,sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a {
  text-decoration: underline;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1 {
	margin-top: 0px;
}

.wp-caption img {
	height:auto;
	margin-bottom:10px;
}
.wp-caption {
	}.wp-caption-text {
	}.sticky {
	}.gallery-caption {
	}.alignright {
	}.alignleft {
	}.aligncenter {
	}.bypostauthor > .comment-body .fn:before {
	vertical-align:text-top;
}
/*
figure {
	margin:0;
}
fieldset {
	border:1px solid rgba(0,0,0,0.1);
	margin:0 0 24px;
	padding:11px 12px 0;
}
legend {
	white-space:normal;
}
*/
img {
	max-width: 100%;
	height: auto;
}

button,input,select,textarea {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:100%;
	margin:0;
	max-width:100%;
	vertical-align:baseline;
}
button,input {
	line-height:normal;
}
input,textarea {
	background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}
button[disabled],input[disabled] {
	cursor:default;
}
input[type="checkbox"],input[type="radio"] {
	padding:0;
}
input[type="search"] {
	-webkit-appearance:textfield;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}
textarea {
	overflow:auto;
	vertical-align:top;
}
table, th, td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}
td {
    border-width: 0 1px 1px 0;
}
th, td {
    padding: 5px 10px;
}
thead {
    background-color: #2b2b2b;
    color: #fff;
}
tbody tr:nth-child(2n+2) {
    background-color: #eee;
}
del {
	color:#767676;
}
hr {
	background-color:rgba(0,0,0,0.1);
	border:0;
	height:1px;
	margin-bottom:23px;
}
thead th {
	border-top:0;
}
.alignleft {
	text-align:left;
	float:left;
	margin-right:10px;
}
.alignright {
	text-align:right;
	float:right;
	margin-left:10px;
}
.aligncenter {
	text-align:center;
}


/*----- main -----*/
.ot-main-content {
	margin-bottom: 0 !important;
	position: relative;
}

.ot-slideshow {
	position: relative;
	z-index: 60
}

#ot-slide {
	background-color: #00bbea;
	width: 100%;
	height: auto !important;
	text-align: center
}

.section {
	position: relative;
	clear: both;
    width: 100%;
}

.section .container {
    padding-top: 10px;
	padding-bottom: 50px;
	overflow: hidden
}

.section-section-book .container {
  min-height: 400px;
  padding-top: 0px;
}

.s1l > .cnt {
  clear: both;
  text-align: right;
}

.cnt .btn {
  background: #e8cebc;
  border-color: #be0000;
}

.section .scrolling-anchor {
	padding-bottom:10px !important;
}
#video-controls{
	width: 320px;
	color: #FFFFFF;
	margin: 24px 0;
	padding: 4px 12px;
	left: 20px;
	bottom: 0;
	position: absolute;
	z-index: 999;
	}
 #video-controls a {
	 margin-right:8px;
	 font-size: 16px;
	 }

#full-width-slider {
	width: 100%;
	margin-top: 63px;
}


/*----- footer -----*/
.copyright{
	padding:10px 0;
	}
.footer-widgets{
	padding:30px 0;
	}
#ot-footer-container {
	position: relative;
	padding-top: 10px;
}
.footer-onepage {
  background-color: #804815;
}
#ot-footer-container .ot-block-first p {
	text-align: center;
	font-size: 18px;
}

#ot-footer-container .ot-block-last {
	border-top: 1px solid #e3e3e3;
}
body #ot-footer-container.footer-onepage .ot-block-last{
	padding: 20px 0;
}
body #ot-footer-container.footer-onepage .ot-block-last p{
	color: #fff;
	}
#ot-footer-container .ot-block-last p {
	color: #999;
	font-size: 12px;
	padding: 8px 0;
}

#ot-footer-container .ot-block-last ul.ot-social {
	float: right
}

#ot-footer-container .ot-block-last ul.ot-social li {
	float: left;
	padding: 0 5px;
}
#ot-footer-container .ot-block-last ul.ot-social li a{
    width:40px;
	height:40px;
	border-radius:20px;
	background-color:#ff6600;
	color: #fff;
	display: block;
	text-align:center;
	font-size:24px;
}
#ot-footer-container .ot-block-last ul.ot-social li a:hover{
    color: #94c03d
}
#ot-footer-container .ot-block-last ul.ot-social li a i{
   margin-top: 8px;
}


/****** section *******/

div.section{
	position: relative;
	padding-bottom: 60px;
	}
div.section .container{
	padding-bottom: 50px;
	}
.section-title {
	border-radius: 36px;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-style: solid;
	border-width: 5px;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	padding: 0 30px;
	height: 78px;
	left: 50%;
	line-height: 70px;
	margin-left: -170px;
	position: absolute;
	top: -39px;
	background-color: #fff;
	z-index: 99;
}
.section .scrolling-anchor{
	width: 100%;
	clear: both;
	padding-bottom: 60px;
	}
.section .scrolling-anchor-bottom{
	bottom: 0;
	position: absolute;
	}
.img-radius{
	position:relative; 
	margin:20px auto;
	height:210px;
	width:370px;
	}
.img-radius .img-left,
.img-radius .img-right{
	position:absolute;
	left:0;
	width:210px;
	height:210px;
	border-radius:105px; 
	-moz-border-radius: 105px;
    -webkit-border-radius: 105px;
	opacity: 0.6;
	text-align:center;
	}
.img-radius .img-left{
	
	background-color: #ff8400;
	left:0;
}
.img-radius .img-right{
	background-color: #00c8ee;
	left:160px;
}
.img-radius i{
	color:#fff;
	margin-top:60px;
	font-size:8em;
	
	}
	
/*
 * Service
 */
.service-box{
	text-align:center;
	}
.service-box i {
	color: #fff;
	font-size: 70px;
	line-height: 120px;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	border: 1px solid #fff;
	text-align: center;
}

.service-box:hover i {
	border-color: transparent;
	color: #fff;
}

.service-box h3 {
	text-transform: uppercase;
	margin-top:20px;
}

.service-box p {
	margin-bottom: 12px;
	font-size: 16px;
}

.service-box a {
	font-style: italic;
	color: #fff;
	font-size: 16px;
}
/*
 * page
 */

.breadcrumb-box {
padding: 30px 15px 30px;
}

#content #page-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #4ca702;
    font-size: 16px;
    font-weight: bolder;
    padding-left: 0;
    text-transform: none;
}

/*
 * sidebar
 */
.widget-box {
    margin-bottom: 36px;
    overflow: hidden;
}
aside{
	margin-bottom:30px;
	}
.widget ul{
	margin-left:0;
	}
.widget_categories ul li{
    margin: 5px 0;
	}
.widget ul li{
    font-size: 12px;
    padding-left: 14px;
    text-align: justify;
}

.widget ul li:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px;
	content: "\f178";
	}
	
.widget ul li a{
	display: inline-block;
    font-size: 14px;
    padding: 4px 0;
	color: #5a5758;
	}
.widget-search, 
.widget_search {
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 4px;
    width: 100%;
}
.widget-search .widget-title,
.widget_search .widget-title{
	display:none;
	
	}
.widget_search input[type="text"], .widget-search input[type="text"] {
    border: medium none;
    float: left;
    margin-right: -25px;
    padding-right: 25px;
    width: 100%;
}
.widget_search input[type="submit"], .widget-search input[type="submit"] {
    background: url("images/search.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: right;
    height: 20px;
    width: 20px;
}
.widget_search .screen-reader-text {
    display: none;
}
.widget_search #searchsubmit {
    text-indent: -99999px;
}
#wp-calendar caption{
	margin-bottom:10px;
	}
#wp-calendar #today{
	background:#4ca702;
	color:#fff;
	
	}
/*
 * blog list
 */
.blog-main {
	
}
.entry-content{
	overflow:hidden;
	}
.entry-box {
	margin-bottom: 30px;
	border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 15px;
}

.entry-aside {
	float: left;
	width: 300px;
}


.entry-meta {
	font-size: 12px;
	overflow: hidden;
	margin: 0 0 10px;
}
.entry-meta > div{
	margin-bottom:8px;
	}
.entry-date,
.entry-author,
.entry-category,
.entry-comments,
.entry-edit,
.entry-tags{
	float: left;
	margin-right: 15px;
}

.entry-meta i {
	margin-right: 5px;
}

.entry-meta a {
	
}

.entry-main {
	margin-left: 330px;
}

.entry-main.no-img {
	margin-left: 0;
}

.entry-title {
	display: inline-block;
	font-weight: normal;
	color: #be0000;
	margin: 0 0 20px;
}

.entry-footer {
	margin-top: 10px;
	text-align: right;
}

.entry-more {
	padding: 0;
	width: auto;
	display: inline;
	font-style: italic;
}
.list-pagition {
	margin-bottom: 60px;
}

.list-pagition a {
	color: #ccc;
}

.list-pagition a,
.list-pagition span {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 5px 0;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #4ca702;
}

.list-pagition a:hover {
	color: #fff;
	background-color: #94c03d;
	border-color: transparent;
}

/****** comment ******/
#comment-input {
    color: #00CCCC !important;
}
.input-name {
    border: 1px solid #555555;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #6ABB9E;
    float: left;
    font-size: 13px;
    margin: 3% 2% 3% 0;
    padding: 8px 2%;
    width: 27%;
}
.textarea-comment {
    border: 1px solid #555555;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #6ABB9E;
    font-size: 13px;
    height: 150px;
    padding: 8px 11px;
    width: 96.3%;
}

.comment-wrapper {
    clear: both;
    margin-top: 40px;
}
.comment-wrapper h3#comments {
    border-bottom: 1px solid #C7C7C7;
    font-family: "Yanone Kaffeesatz","Helvetica Neue",Helvetica,Verdana,sans-serif;
    margin: 30px 0 15px;
    padding-bottom: 10px;
}
.comment-wrapper .upcomment {
    margin-bottom: 10px;
}
div.children {
    margin-top: 10px;
}
#thecomments li.comment {
    clear: both;
}
.comment .children li.comment {
    margin-left: 58px;
    margin-top: 10px;
    padding-top: 20px;
}
.comment.depth-2 .children li.comment {
    margin-left: 42px;
}
.comment .comment-avatar {
    float: left;
    height: 48px;
    margin-right: 10px;
    width: 48px;
}
.comment .comment-meta {
    color: #BBBBBB;
    font-size: 11px;
}
.comment .comment-author a {
    color: #0063DC;
}
.comment .comment-author .commentmetadata a {
    color: #666666 !important;
}
.comment.depth-1 {
    margin-bottom: 35px;
}
.comment.depth-2 .comment-avatar, .comment.depth-2 .comment-avatar img {
    height: 38px;
    margin-right: 10px;
    width: 38px;
}
.comment.depth-1 .comment-info {
    border-bottom: 1px dashed #CCCCCC;
    margin-left: 58px;
}
.comment-info p {
    margin: 0.3em 0 !important;
}
.comment.depth-2 .comment-info {
    margin-left: 42px;
}
.comment .reply-quote {
    float: right;
    height: 20px;
}
.comment .reply-quote a {
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 10px;
    outline: medium none;
    width: 20px;
}
.comment-reply-title {
    font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
}
#respond h3 {
    border-bottom: 1px dashed #AAAAAA;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.comment_text img {
    max-width: 100%;
}
#welcome {
    height: 50px;
}
.comment_text .fn {
    color: #AAAAAA;
    text-align: right;
}
#commentnavi {
    height: 30px;
    line-height: 20px;
}
.navigation a, .navigation .page-numbers {
    border: 1px solid #EEEEEE;
    display: inline-block;
    padding: 0 4px;
}
.page-numbers.current {
    color: #4ca702;
    font-weight: bold;
}
.navigation a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
.navigation .pages {
    padding: 2px 0 2px 18px;
}
.comment_text p {
    margin: 0 !important;
}
.p_b10 {
    padding-bottom: 10px;
}
#commentform input[text] {
    color: #00CCCC !important;
}
.input-name {
    border: 1px solid #bbb;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    float: left;
    font-size: 13px;
    margin: 3% 2% 3% 0;
    padding: 8px 2%;
    width: 26.9%;
}
.textarea-comment {
    border: 1px solid #bbb;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    font-size: 13px;
    height: 150px;
    padding: 8px 11px;
    width: 95%;
}
.form-submit #submit {
    background: none repeat scroll 0 0 #666;
    border: 0 none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    margin: 20px 0;
    padding: 10px;
    text-transform: uppercase;
}
.comment-wrapper .comment-info ul {
    list-style: square outside none !important;
}
.comment-wrapper .comment-info ol {
    list-style: decimal outside none !important;
}
.comment-info ul li ul li, .comment-info ol li ol li {
    margin-left: 20px;
}
.commentlist li {
    list-style: none outside none !important;
}
.divider{
	width:100%;
	clear:both;
	}

/*
*  custom style
*/
.s1l > h1 {
  text-decoration: none;
  font-size: 3em;
  text-align: center;
  color: #be0000;
  margin: 0px;
  margin-bottom: 20px;
  /* padding: 10px 15px 10px; */
  font-weight: bold;
}

.s1l > h2 {
  font-size: 2em;
  padding-bottom: 5px;
  text-align: center;
}
.s1l > h3 {
  text-align: center;
}

.green {
  color: #2ad2b0!important;
  border-color: #2ad2b0!important;
}
.s1l ul{
	list-style:none;
	}
.s1l ul li{
	display:inline-block;
	}
.s1l ul li a{
	margin-right:15px;
	display: block;
}

.btn {
	display: inline-block;
	margin: 15px 0 0;
	padding: 9px 22px 7px;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid rgba(255,255,255,.4);
	border-radius: 5px;
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
   	background: #e8cebc;
  	border-color: #be0000;

}
.btn:hover {
	background: rgba(255,255,255,.05);
}
.btn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}

.register {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px 20px 10px 20px;
  border-style: solid;
  border-color: #552900;
  border-radius: 10px;
  border-width: 2px !important;
  /* background: rgba(255,255,255,0.3); */
}

/*
label {
  color: #000;
  font-size: large;
}
*/

/* icon size*/
.fa-2 {
  font-size: 2em;
}
.fa-3 {
  font-size: 4em;
}
.fa-4 {
  font-size: 7em;
}
.fa-5 {
  font-size: 12em;
}
.fa-6 {
  font-size: 20em;
}
.fa-1,
.fa-2,
.fa-3,
.fa-4,
.fa-5,
.fa-6 {
 /* margin-right: 0.07142857em;*/
}

.section-video-background .container{
	position:absolute;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	z-index: 999;
	}

  /*
 * home page slider
 */

.homepage-slider .carousel-caption {
	bottom: 40%;
	right: 15%;
	left: 15%;
	color: #fff;
	z-index: 3;
}

.homepage-slider .carousel-caption h1 {
	color: #fff;
	font-size: 6em;
	text-transform: uppercase;
	font-weight: normal;
}

.homepage-slider .carousel-caption strong {
	font-weight: bold;
}

.homepage-slider .carousel-caption s {
	color: #fed136;
	text-decoration: none;
}

.homepage-slider .carousel-caption button {
	border: none;
	background-color: #fed136;
	color: #fff;
	width: 220px;
	height: 50px;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 40px;
	font-weight: bold;
}
.homepage-slider .carousel-indicators {
    bottom: 50px;
}
.homepage-slider .carousel-indicators li {
	border-width: 3px;
	height: 18px;
	width: 18px;
	border-radius: 18px;
	margin: 5px;
}

.homepage-slider .carousel-indicators li.active {
	background-color: #fed136;
	margin: 5px;
}

.homepage-slider .carousel-control .fa {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	font-size: 50px;
}

.homepage-slider .carousel-control .fa-angle-left {
	left: 50%;
}

.homepage-slider .carousel-control .fa-angle-right {
	right: 50%;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{
	width:100%;
	}
#tubular-player{
	position:static !important;
	}


/* __SV__ custom style */
.dirksch_header {
  width: 100%;
  background: url("/img/dirksch_200_bg.jpg");
  margin: 0 auto;
}
.dirksch_logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
}

section.sec-1 div.section-content {
	margin-top: 20px;
} 
section.sec-2 div.section-content, 
section.sec-kontakt div.section-content, 
section.sec-anfahrt div.section-content,
section.sec-testen div.section-content {
	margin-top: 50px;
}
/* Mailchimp and contact-form */
/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

/* __SV__ end custom style */

/*----- Media Queries -----*/

@media screen and (max-width: 1100px) {
	.homepage-slider .carousel-caption h1 {
		font-size: 4em;
	}
	.homepage-slider .carousel-caption {
		bottom: 20%;
	}
	.carousel-indicators {
		display: none;
	}
	.homepage-slider .carousel-caption button {
		width: 180px;
		height: 40px;
		font-size: 18px;
		margin-top: 30px;
	}
}

@media screen and (max-width: 919px){
	header .ot-navbar{
		width:100%;
		}
	.site-nav-toggle {
		display: block;
	}
	.site-nav {
		display: none;
		width: 100%;
		margin-top: 0;
		background-color: #333;
		position: absolute;
		top: 89px;
		left: 0;
		z-index:9999;
		margin: 0;
        padding: 10px 20px;
		
	}
	#ot-head-container .container ul.ot-navbar{
		margin-top:0;
		}
	.site-nav > ul > li {
		float: none;
	}
	.site-nav > ul > li + li {
		margin-left: 0;
	}
	.site-nav > ul > li a {
		line-height: 20px;
		color:#fff !important;
	}
	.site-nav li ul {
		position: static;
		margin-left: 20px;
		z-index: 200;
		display:block;
        background:none;
        width:100%;
	}
.header-primary .site-nav ul{
	padding: 0 10px;
	}
.header-primary .site-nav ul ul{
	display:block;
	background:none;
	margin-left: 0;
	}
.site-nav li ul li:first-child{
	background:none;
	}
.entry-aside{
	float:none;
	width:100%;
	}
.entry-main{
	margin-left:0;
	}

}



@media (max-width: 800px) {
	#ot-head-container .container ul.ot-navbar li {
		padding: 5px 8px;
	}

	#ot-head-container .container ul.ot-navbar li a {
		font-size: 16px;
	}

	

}

@media (max-width: 768px) {
	.section p.ot-intro {
		font-size: 15px;
		margin: 10px 0
	}

	body {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.ot-left-content {
		margin-bottom: 15px
	}

	.ot-main-content {
		margin-bottom: 15px
	}

	.section h3.ot-title {
		font-size: 30px;
	}


	#ot-head-container .container ul.ot-navbar li {
		padding: 5px 17px;
	}

	#ot-head-container .container ul.ot-navbar li a {
		font-size: 15px;
	}
	
	/* projects */
	p.ot-images {
		text-align: center
	}

	#section-projects img {
		float: none;
		margin: 0 0 25px 0 !important;
	}
	
	.entry-aside {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.entry-main {
	margin-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.homepage-slider .carousel-caption h1 {
		font-size: 3em;
	}
	.homepage-slider .carousel-caption {
		bottom: 5%;
	}
	.homepage-slider .carousel-caption button {
		width: 150px;
		height: 34px;
		font-size: 16px;
		margin-top: 20px;
	}
}





@media (max-width: 650px) {
	
	ul.information-contact li p {
		font-size: 20px
	}

	p.ot-onetake {
		margin: 0 0 10px
	}

	p.ot-under {
		margin: 10px 0
	}

	.ot-images {
		margin: 10px 0
	}
	.s1l > h1, h1 {
		font-size: 2.5em;
	}
	.s1l > h2, h2 {
		font-size: 2.2em;
	}
	.s1l > h3, h3 {
		font-size: 1.9em;
	}

}

@media (max-width: 600px) {

	#ot-head-container .container ul.ot-navbar li {
		padding: 5px 10px;
	}

	#ot-head-container .container ul.ot-navbar li a {
		font-size: 12px
	}

	#ot-footer-container .ot-block-first ul li {
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 15px;
	}
	.section .container {
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.section h3.ot-title-2 {
		font-size: 35px;
		margin-top: 6px
	}

	#section-projects .ot-images {
		margin: 18px 0 10px
	}

	p.ot-features {
		margin: 8px 0 0;
		font-size: 23px
	}

	#section-projects p {
		font-size: 17px
	}

	ul.information-contact li {
		font-size: 18px
	}

	#section-contact p {
		text-align: center
	}

	#section-projects .ot-content {
		max-width: 360px;
		margin: 0 auto
	}

	#full-width-slider {
		margin-top: 10px
	}
	#ot-head-container{
		position:static !important;
		}
}

@media (max-width: 500px) {

	#section-projects img {
		width: 562px !important
	}
	.section .container {
		padding-top: 58px
	}
}

@media (max-width: 480px) {
	

	#ot-head-container .container ul.ot-navbar li a {
		font-weight: bold
	}

	.section-title {
		/* padding: 0 5px; */
		/* height: 35px; */
		/* line-height: 35px; */
		font-size: 2em;
		/* bottom: -17px; */
		margin-left: -70px
	}

	#section-contact p {
		font-size: 16px
	}

	#section-projects {
		color: #fff
	}

	#section-projects .ot-content a {
		color: #fff
	}

	#section-projects .ot-content a:hover {
		color: #ff6600
	}

	p.ot-onetake {
		font-size: 13px;
	}

	#section-projects .ot-content p,#section-projects .ot-content ul li {
		font-size: 17px
	}

	#section-projects .ot-content h4.ot-title {
		padding-bottom: 7px;
		font-size: 30px;
		line-height: 30px
	}

	#section-projects .ot-content p.ot-title {
		margin-bottom: 7px;
		font-size: 20px
	}
	.s1l > h1, h1 {
		font-size: 2.2em;
	}
	.s1l > h2, h2 {
		font-size: 1.9em;
	}
	.s1l > h3, h3 {
		font-size: 1.6em;
	}

}