/*
Theme Name: Onetake
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.3.1
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, 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 2017 HooThemes.com.
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, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: "PT Sans",Arial,Helvetica,sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset*/
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
	margin: 36px 0 12px;
	color: inherit;
}

h1 {
	font-size: 24px;
	line-height: 1.1;
}

h2 {
	font-size: 22px;
	line-height: 1.1;
}

h3 {
	font-size: 20px;
	line-height: 1;
}

h4 {
	font-size: 18px;
	line-height: 1;
}

h5 {
	font-size: 16px;
	line-height: 1;
}

h6 {
	font-size: 14px;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: 400;
margin: 5px 0 16px;
color: inherit;
}
address {
	font-style:italic;
	margin-bottom:24px;
}
abbr[title] {
	border-bottom:1px dotted #2b2b2b;
	cursor:help;
}
b,strong {
	font-weight:700;
}
cite,dfn,em,i {
	font-style:italic;
}
mark,ins {
	background:#c96;
	text-decoration:none;
}
.comment p,
.entry-summary p,
.entry-content p {
    font: 300 16px/24px "Pt Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
   color: #747474;
   margin-bottom: 20px;
}
.entry-content,
.entry-summary,
.comment,
.comment p{
	font-size:14px;
	line-height:22px;
	}
code,kbd,tt,var,samp,pre {
	font-family:monospace,serif;
	font-size:14px;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	line-height:1.6;
}
pre {
	border:1px solid rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:24px;
	max-width:100%;
	overflow:auto;
	padding:12px;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}
blockquote,q {
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:"";
	content:none;
}
blockquote {
	color:#767676;
	font-size:19px;
	font-style:italic;
	font-weight:300;
	line-height:1.2631578947;

}
blockquote cite,blockquote small {
	color:#2b2b2b;
	font-size:16px;
	font-weight:400;
	line-height:1.5;
}
blockquote em,blockquote i,blockquote cite {
	font-style:normal;
}
blockquote strong,blockquote b {
	font-weight:400;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
blockquote cite{
	display: block;
    text-align: right;
	}
small {
	font-size:smaller;
}
big {
	font-size:125%;
}
sup,sub {
	font-size:75%;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	bottom:1ex;
}
sub {
	top:.5ex;
}
dl {
	margin-bottom:24px;
}
dt {
	font-weight:bold;
}
dd {
	margin-bottom:24px;
}
ul,ol {
	list-style:none;
	margin:0 0 0 20px;
}
ul {
	list-style:disc;
}
ol {
	list-style:decimal;
}
li{
	padding-bottom:5px;
	}
li > ul,li > ol {
	margin:0 0 0 20px;
}
img {
	-ms-interpolation-mode:bicubic;
	border:0;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}
embed,
iframe{
	max-width: 100%;
	}
.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;
}
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));
	/* Removing the inner shadow,rounded corners on iOS inputs */
}
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;
    width: 100%;
}
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;
}
::selection {
	background:#3d8900;
	color:#fff;
	text-shadow:none;
}
::-moz-selection {
	background:#3d8900;
	color:#fff;
	text-shadow:none;
}
:hover {
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.required {
	color:#F00;
}
.clear {
	clear:both;
}
.text-left{
	text-align:left;
	}
.text-right{
	text-align:right;
	}
.text-center{
	text-align:center;
	}
i{
	vertical-align:middle;
	}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*------ reset ------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset,
form, label, legend, p {
	border: 0;
	font-family: inherit;
	/*font-size: 100%;
	margin: 0;
	padding: 0;*/
	outline: 0;
	
}

:focus {
	outline: 0;
}

header ol,
header ul,
aside ol,
aside ul,
footer ol,
footer ul{
	list-style: none;
}
/*------ common ------*/
body {
	background-color: #fff;
	color: #595959;
	font: normal normal 100% Helvetica, Arial, sans-serif;
	font-size: .75em !important;
}

input,select,textarea {
	color: #38444f;
	font: normal normal 1em Helvetica, Arial, sans-serif;
}

input:focus,select:focus,textarea:focus {
	outline: none;
}

a:link,a:visited,a:focus {
	color: #4ca702;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #94c03d
}

.clear {
	clear: both
}


html,body {
	overflow-x: hidden;
}
/*------ header ------*/
#ot-head-container {
	background-color: #fff;
	min-height: 89px;
	border-bottom: 1px solid #e3e3e3;
	width: 100%;
	z-index: 100;
}
#ot-head-container .container {
	position: relative;
}
.logo-container{
	float:left;
	}
.logo-container .site-logo{
	margin-top:12px;
	}	
.site-name {
	margin: 0;
	color: #4ca702;
	font-size: 28px;
	letter-spacing: .05em;
	margin-top: 15px;
	margin-bottom: 10px;
}
.name-box {
    float: left;
}
.site-tagline{
    display: block;
	font-size: 16px;
}
.site-nav-toggle {
    background-color: transparent;
    border: medium none;
    color: #ccc;
    display: none;
    float: right;
    margin-top: 25px;
	
}


/*
 *  Header navigation
 */
  .top-bar{
	  min-height:40px;
	  padding-top:10px;
	  padding-bottom:10px;
	  }
 .top-bar-right{
	 text-align:right;
	 }
 #top-bar-nav li{
	 display:inline;
	 
	 }
 .top-bar-right #top-bar-nav li{
	 padding-left:10px;
	 }
 .top-bar-left #top-bar-nav li{
	 padding-right:10px;
	 }
.site-nav {
	clear: right;
	float: right;
	display: block;
	z-index: 10;
    margin: 30px 25px 0 0;
}

.site-nav ul {
	margin: 0;
	float: left;
}
.site-nav ul li{
	position:relative;
	}
.site-nav ul li a{
	color: #595959;
	}
.site-nav > ul > li {
	float: left;	
}

.site-nav > ul > li + li {
	margin-left: 25px;
}

.site-nav > ul > li a {
	display: block;
	font-size: 16px;
	line-height: 40px;
	padding: 0;
	color: #555;
	border-bottom: 2px solid transparent;
	
}
.site-nav > ul > li > a {
	text-transform: uppercase;
}
.site-nav > ul > li:hover > a {

	color: #4ca702;
}

.site-nav > ul > li a i {
	margin-left: 5px;
}

.site-nav li ul {
	display: none;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 100%;
	background: url("images/sub-nav-menu-bg.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    width: 220px;
	padding-bottom: 16px;
}

.site-nav li:hover > ul {
	display: block;
}

.site-nav li ul li {
	float: none;
	margin: 0;
	padding: 0 10px;
	width: 100%;
	display:inline-block;
}
.site-nav li ul li:first-child{
    background: url("images/arrow-top-menu.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    padding-top: 12px;
}
.site-nav li ul li a{
    background: url("images/arrow-sub.gif") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
    float: left;
    padding: 4px 10px 4px 20px;
}


.site-nav li > ul > li a {
	line-height: 18px;
	color: #595959;
	font-size: 12px;
}

.site-nav li ul li + li > a {
	/*border-top: 1px solid #fff;*/
}

.site-nav li > ul > li:hover > a {
	color: #4ca702;
}

.site-nav > ul > li.current-post-ancestor > a,
.site-nav > ul > li.current-menu-parent > a,
.site-nav > ul > li.current-menu-item > a,
.site-nav > ul > li.current_page_item > a,
.site-nav > ul > li.current > a,
.site-nav > ul > li.active > a,
.site-nav > ul > li:hover > a {
	color: #4ca702;
}

.site-nav li ul li ul {
	top: 0;
	left: 100%;
}

.site-search-toggle,
.site-nav-toggle {
	display: none;
	float: right;
	margin-top: 20px;
	background-color: transparent;
	border: none;
	color: #555;
}




/*----- main -----*/
#ot-main-container {
	background: #eee;
	width: 100%;
}

.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: 75px;
	padding-bottom: 50px;
	overflow: hidden
}
p.ot-onetake {
	font-weight: bold !important;
	font-size: 29px !important;
	text-transform: uppercase;
	font-family: 'Oswald' !important;
	position: relative;
	margin: 0 0 40px 0;
	text-align: center
}

p.ot-onetake span {
	color: #3d8900 !important;
}

p.ot-intro {
	font-size: 24px !important;
	margin: 26px 0 10px;
	color: #282828 !important;
}

p.ot-professional {
	font-size: 20px !important;
	font-family: 'Oswald'!important;
	text-align: justify;
	font-weight:300 !important;
}

p.ot-under {
	margin: 40px 0;
	font-size: 24px !important;
	text-align: center;
	font-family: 'Oswald'!important;
	padding: 0 35px;
	color: #fff !important;
}
.brand > h1{
	font-size:4em !important;
  border-width: 5px !important;
	}
.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;
	 }

/* Block Projects */
.section-projects {
	color: #565656
}

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

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

.section-projects .ot-content {
	overflow: hidden;
	padding-top: 5px;
	max-width: 320px;
	float:right;
}

.section-projects .ot-content h4.ot-title {
	font-size: 40px;
	padding-bottom: 10px;
	line-height: 35px;
}

.section-projects .ot-content p.ot-title {
	font-size: 20px;
}


.section-projects .ot-content p {
	font-size: 16px;
	line-height: 24px;
	font-family: 'Oswald'
}

.section-projects .ot-content ul {
	padding-top: 20px;
	list-style:none;
}

.section-projects .ot-content ul li {
	padding: 7px 0;
	border-bottom: 1px solid #dedede;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Oswald';
}

.section-projects .ot-content ul li i{
	color:#008cbe;
	margin-right:9px;
	}

.section-projects .ot-content a {
	display: block;
	padding: 2px 0 3px 0;
	margin-top: 20px;
	font-size: 16px;
	color: #3c3c3c;
	font-family: 'Oswald';
}

.section-projects .ot-content a:hover {
	color: #008cbe;
}

.section-projects .ot-content a .fa-arrow-circle-o-right {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	font-size:24px;
	color: #008cbe;
}

#section-projects .ot-content p.ot-title {
	font-size: 25px;
	margin-bottom: 20px;
	font-family: 'Oswald';
}


/*----- footer -----*/
.copyright{
	padding:10px 0;
	}
.footer-widgets{
	padding:30px 0;
	}
#ot-footer-container {
	color: #fff;
	position: relative;
	padding-top: 10px;
}
.footer-onepage{
	background-color: #ff8500;
	}
#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{
	/*border-top: 1px solid #ffc380;*/
	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;
	font-family: 'Oswald'
}

#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: 78px;
	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;
font-size: 12px;
}

#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;
	/*background: url("images/arrow-green-single.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);*/
    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-size: 18px;
	font-weight: normal;
	color: #4ca702;
	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
*/
.brand {
  top: 100px;
  font-family: 'Oswald'
  z-index: 2;
  width: 100%;
  text-align: center;
  color: #fff;
}
.brand .bike {
  background-position: center center;
  background-repeat: no-repeat;
  width: 55px;
  height: 35px;
  margin: 0 auto;
  display: block;
}
.brand > h1 {
  padding: 10px 10px 0;
  border-width: 10px;
  border-style: solid;
  border-color: #fff;
  font-size: 6em;
  display: inline-table;
  margin: 20px 0;
  letter-spacing: 5px;
  text-decoration: none;
  color: #fff;
}
.brand > h2 {
  font-size: 2em;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  border-bottom-style: solid;
  display: inline-table;
}
.green {
  color: #2ad2b0!important;
  border-color: #2ad2b0!important;
}
.brand ul{
	list-style:none;
	}
.brand ul li{
	display:inline-block;
	}
.brand ul li a{
	margin-right:15px;
	display: block;
	
	}

section  .btn {
	display: inline-block;
	margin: 25px 0 0;
	padding: 9px 22px 7px;
	clear: both;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	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));
}
section  .btn:hover {
	background: rgba(255,255,255,.05);
}
section  .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));
}


/* 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;
	}
/*
*  Contact Form 7
*/

form.wpcf7-form {
  margin:auto;
  text-align: center;
}

form.wpcf7-form input[type=text],
form.wpcf7-form input[type=email],
form.wpcf7-form textarea {
  background: #f5f5f5;
  font-size: 0.8rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  padding: 13px 10px;
  
  margin-bottom: 20px;
  box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
  clear: both;
}
.section-contact  form.wpcf7-form input[type=text],
.section-contact  form.wpcf7-form input[type=email],
.section-contact  form.wpcf7-form textarea {
	width:60%;
 }

form.wpcf7-form .wpcf7-submit{
  width: 60%;
  margin-top: 20px;
  margin:auto;
  padding: 15px 0;
  color: #ff8500;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #737b8d;
  -moz-box-shadow: 0px 5px 5px rgba(000,000,000,0.1), inset 0px 1px 0px rgba(255,255,255,0.5);
  -webkit-box-shadow: 0px 5px 5px rgba(000,000,000,0.1), inset 0px 1px 0px rgba(255,255,255,0.5);
  display: table;
  position: static;
  clear: both;
  }
  
  /*
 * 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;
	}

/*----- 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{
		position:static;
		}
	.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
	}

}

@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: 13px;
		top: -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
	}

}

/*! #######################################################################
 responsive menu

/* hide the link until viewport size is reached */
a.hoomenu-reveal {
	display:none;
}
/* when under viewport size,.hoo-container is added to body */
.hoo-container .hoo-bar {
	float:left;
	width:100%;
	position:absolute;
	padding:4px 0;
	min-height:89px;
	z-index:998;
}
.hoo-container a.hoomenu-reveal {
	width:22px;
	height:22px;
	padding:13px 13px 11px 13px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	color:#666;
	text-decoration:none;
	font-size:16px;
	text-indent:-9999em;
	line-height:22px;
	font-size:1px;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:700;
}
.hoo-container a.hoomenu-reveal span {
	display:block;
	background:#666;
	height:3px;
	margin-top:3px;
}
.hoo-container .hoo-nav {
	float:left;
	width:100%;
	background:#0c1923;
	margin-top:82px;
}
.fxd.hoo-container .hoo-nav {
	margin-top:56px;
}
.hoo-container .hoo-nav ul {
	padding:0;
	margin:0;
	width:100%;
	list-style-type:none;
}
.hoo-container .hoo-nav ul li {
	position:relative;
	float:left;
	width:100%;
}
.hoo-container .hoo-nav ul li a {
	display:block;
	float:left;
	width:90%;
	padding:1em 5%;
	margin:0;
	text-align:left;
	color:#fff;
	border-top:1px solid #383838;
	border-top:1px solid rgba(255,255,255,0.5);
	text-decoration:none;
	text-transform:uppercase;
}
.hoo-container .hoo-nav ul li li a {
	width:80%;
	padding:1em 10%;
	border-top:1px solid #f1f1f1;
	border-top:1px solid rgba(255,255,255,0.25);
	opacity:0.75;
	filter:alpha(opacity=75);
	text-shadow:none !important;
	visibility:visible;
}
.hoo-container .hoo-nav ul li.hoo-last a {
	border-bottom:none;
	margin-bottom:0;
}
.hoo-container .hoo-nav ul li li li a {
	width:70%;
	padding:1em 15%;
}
.hoo-container .hoo-nav ul li li li li a {
	width:60%;
	padding:1em 20%;
}
.hoo-container .hoo-nav ul li li li li li a {
	width:50%;
	padding:1em 25%;
}
.hoo-container .hoo-nav ul li a:hover {
	background:#252525;
	background:rgba(255,255,255,0.1);
}
.hoo-container .hoo-nav ul li a.hoo-expand {
	margin-top:1px;
	width:26px;
	height:20px;
	padding:9px !important;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	font-weight:700;
	background:rgba(255,255,255,0.1);
	border:none !important;
	border-left:1px solid rgba(255,255,255,0.4) !important;
	border-bottom:1px solid rgba(255,255,255,0.2) !important;
}
.hoo-container .hoo-nav ul li a.hoo-expand:hover {
	background:rgba(0,0,0,0.9);
}
.hoo-container .hoo-push {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	clear:both;
}
.hoo-nav .wrapper {
	width:100%;
	padding:0;
	margin:0;
}
/* Fix for box sizing on Foundation Framework etc. */
.hoo-container .hoo-bar,.hoo-container .hoo-bar * {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.hoo-remove {
	display:none !important;
}
@media screen and (max-width: 919px) {
	#onetake-head-container .container{
		width:80%;
		z-index:1000;
		margin-right: inherit;
        margin-left: inherit;
		}
}