/**********************************************************************************************
	Author		: Ecko Creative Services
	
	Created		: August, 2014
	
	Copyright (c) Ecko Creative Services.
	
***********************************************************************************************
	
	1. Global Reset & Fonts
	
	2. General Elements
	
	3. Layout

***********************************************************************************************/

/* 1. Global Reset & Fonts
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;	
}

body {
	position: relative;
	background-color: #fff;
	color: #333;
	font-family: 'Helvetica';
	text-align: left;
}

ul { margin:0; padding: 0; list-style: inside none; }
header,
footer,
section {
    margin: 0px;
	padding: 0px;
    position: relative;
}

a,
a:link,
a:visited,
a:active
{
	color: #ffffff;
	outline: none;
	text-decoration: none;	
}

a:hover { color: #dfdfdf; }

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* Bootstrap Columns of same height styles */
.container-md-height {
	display: table;
	padding-left: 0px;
	padding-right: 0px;	
}

.row-md-height {
	display: table-row;	
}

.col-md-height {
	display: table-cell;
	float: none;	
}

.pull-top {
	display: inline-block !important;
    vertical-align: top;
    float: none !important;
}

.pull-middle {
	display: inline-block !important;
    vertical-align: middle;
    float: none !important;
}

.pull-bottom {
	display: inline-block;
    vertical-align: bottom;
    float: none !important;
}

/* Change the default blue form field highlight color */
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus,
.form-control:focus
{   
	border-color: rgba(0, 134, 72, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 134, 72, 0.6);
	outline: 0 none;
}


/* CSS Table Properies
--------------------------------*/

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.table-column { display: table-column; }
.table th {
	font-family: 'Gill Sans STD Light', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #eee; }
.table td.valign-middle { vertical-align: middle; } /* Override for Bootstrap <td> */
.table > tbody > tr:hover td { background-color: #dff0d8; }

/* Fonts
--------------------------------*/

hr {
  border-color: #dcdcde;
}

hr.block-divider {
	background-color: #dcdcde;
	border-color: #dcdcde;
	height: 35px;	
}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* Headings
--------------------------------*/

h1, h2, h3, h4, h5, h6 { 
	font-family: 'InaiMathi'; 
	text-transform: uppercase;
}

.block-title {
	border-bottom: 1px solid #dcdcde;
	padding-bottom: 5px;	
}

.title {
	color: #333;
	margin: 0;
	text-transform: uppercase;	
}

.sub-title {
	color: #828282;	
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-style: italic;
	margin: 0px 0px 20px 0px;
	text-transform: none;
}

/* Colors
--------------------------------*/

/* Alignments
----------------------------------*/

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.float-left, .pull-left { float: left; }
.float-right, .pull-right { float: right; }
.float-none, .pull-none { float: none; }

.valign-bottom { vertical-align: bottom; }
.valign-middle { vertical-align: middle; }
.valign-top { vertical-align: top; }
.valign-helper { display: inline-block; height: 100%; vertical-align: middle; }

/* Styles
----------------------------------*/

.text-capitalize { text-transform:capitalize !important; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }

.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.thin { font-weight: 400 !important; }
.italic { font-style: italic !important; }

.strike { text-decoration: line-through !important; }

/* Font Sizes
----------------------------------*/

.fontsize10 { font-size: 10px; }
.fontsize11 { font-size: 11px; }
.fontsize12 { font-size: 12px; }
.fontsize14 { font-size: 14px; }
.fontsize16 { font-size: 16px; }
.fontsize18 { font-size: 18px; }
.fontsize20 { font-size: 20px; }

/* Common Classes
----------------------------------*/

.full-width { width: 100%; }
body.left-sidebar section.content > .container-fluid,
.bg-blog { background-color: #eff0ea; }


.p-img-scale-height img,
.img-scale-height { height: 100%; width: auto; }
.p-img-scale-width img,
.blog-item-img img,
.img-scale-width { height: auto; width: 100%; }

.mobile-show { display: none; }

/* Lists
----------------------------------*/

ul.list-gray li,
ul.list-gray li a { color: #828282; }
ul.list-gray li a:hover { color: #333; }

ul.list-uppercase { list-style-position: inside; margin: 0; padding: 0; }
ul.list-uppercase li { font-size: 12px; padding-bottom: 5px; text-transform: uppercase; }

ul.list-unstyled { list-style-position: outside !important; list-style-type: none; }

/* Margins
----------------------------------*/

.top5 { margin-top:5px !important; }
.top10 { margin-top:10px !important; }
.top15 { margin-top:15px !important; }
.top20 { margin-top:20px !important; }
.top30 { margin-top:30px !important; }
.top40 { margin-top:40px !important; }
.bottom5 { margin-bottom:5px !important; }
.bottom10 { margin-bottom:10px !important; }
.bottom15 { margin-bottom:15px !important; }
.bottom20 { margin-bottom:20px !important; }
.bottom30 { margin-bottom:30px !important; }
.bottom40 { margin-bottom:40px !important; }
.left5 { margin-left: 5px !important; }
.left10 { margin-left: 10px !important; }
.left20 { margin-left: 20px !important; }
.left30 { margin-left: 30px !important; }
.left40 { margin-left: 40px !important; }
.right5 { margin-right: 5px !important; }
.right10 { margin-right: 10px !important; }
.right20 { margin-right: 20px !important; }
.right30 { margin-right: 30px !important; }
.right40 { margin-right: 40px !important; }
.margin-center { margin-left: auto !important; margin-right: auto !important; }

/* Margins
----------------------------------*/

.padding-left-5 { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }

/* Buttons
----------------------------------*/

.button,
button.button,
a.button
{ 
	display: inline-block;
	background-color: #fff;
	border: 2px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #333;
	font-family: 'Brandon Grotesque Black', 'Arial Black', Gadget, sans-serif;
	letter-spacing: 2px;
	margin: 0 0 5px 0;
	padding: 7px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

.button:hover,
button.button:hover,
a.button:hover {
	background-color: #333;
	color: #fff;
}

.button-fluid {
	padding: 7px 0 !important;
	width: 100% !important;	
}


/* Common Form Elements & Overrides
--------------------------------*/

.error { color: #ef3e42; }
.required { }

.alert-success {
	color: #008648;
}
.alert-error,
.alert-danger {
	background-color: #ffe6e6;
    border-color: #ebccd1;
    color: #bf080f;
}

label {
	font-size: 11px;
	text-transform: uppercase;	
}

.input-mini { width: 60px !important; } 
.input-small { width: 90px !important; } 
.input-medium { width: 150px !important; } 
.input-large { width: 210px !important; } 
.input-xlarge { width: 270px !important; } 
.input-xxlarge { width: 530px !important; }
.input-fluid { width: 100% !important; }

textarea,
textarea.form-control {
	background-color: #f8f8f8;
	border: 1px solid #dcdcde;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.no-gutter > [class^="col"] {
	padding-left:0;
	padding-right:0px;
}
.container {
	width:100% !important;
	max-width:1400px;
}

#videos .description { text-align:center; margin-top:15%; color:#1e2225; }
#videos .seq { font-family:"Lobster"; font-size:200px; border-bottom: 3px solid #1e2225; padding: 0 5%; line-height:1; }
#videos .odd { background-color:#f2f2f0; }
#videos .odd .description { background-color:#ffffff; }
#videos h1 { font-family: Coolvetica; font-size:50px; text-transform: none; margin:15px 0; }
#videos .teaser { font-family: InaiMathi; font-size:16px; color:#6f6f6f; }

.hideIt { opacity:0; }
.showIt { opacity:1; }
#book-it .row { background-color:#f2f2f0; padding:30px 0; font-family: BeBas; font-size: 32px; text-transform:uppercase; }
#book-it li { display:inline-block; width:50%; }
#book-it h1 { text-transform:none; color:#1baba9; font-weight:bold; line-height:1.1; font-family: Coolvetica; font-size: 50px; line-height:1; margin:0; padding:0;}
#book-it span { color:#1e2225; }
#book-it .even h1 { color:#1e2225; }
#book-it .even span { color:#1baba9; }
#book-it li { border-right: 1px solid #1e2225; }
#book-it li:last-child { border-right: none; }
#book-it a { background-color:#1baba9; font-family: BeBas; font-size: 25px; padding:5px 50px; margin-top:35px; display:inline-block;}
#book-it .title { border: 1px solid #1e2225; padding: 10px 40px; margin: 15px 0; }
#book-it .title a { color:#1e2225; font-size:31px; line-height:1; background-color:inherit; padding:0; margin:0; }
#book-it ul { margin-bottom:15px; }
#footer .container { background-color:#1e2225; padding-top:20px; padding-bottom:20px; }
#footer-menu-nav h1 { text-transform:none; color:#ffffff; font-size:25px; font-family: MyriadPro; font-style:italic; }
#footer-menu-nav span,
#footer-menu-nav a { color:#6f6f6f; font-size:35px; }
#footer .address { font-family:InaiMathi; font-size:13px; color:#6f6f6f; margin-top:10px; }

#product-detail .container { position:relative; }
#product-detail .bg { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:10; left:0;}
#product-detail .row { z-index: 20; position:inherit; }
#product-detail .details { background-color: #f2f2f0; padding:20px 40px; position:inherit; margin:25px; }
#product-detail h1 { text-transform:none; display:inline-block; font-family:Coolvetica; font-size: 50px; color:#1baba9; line-height:1; }
#product-detail h1 span { text-transform:none; font-family:Coolvetica; font-size: 50px; color:#1e2225; }
#product-detail .pricing { font-family: BeBas; font-size: 40px; color:# 1e2225; line-height:1; }
#product-detail .pricing .text { font-size: 16px; line-height:1;}
#product-detail .greenlink a { display:inline-block; background-color:#189b99; color:#ffffff; font-size: 28px; text-transform:uppercase; padding: 5px 15px; font-family:BeBas; text-shadow: 1px 1px #202020; box-shadow: 2px -2px #127473; font-weight:bold; }
#product-detail { position:absolute;top:0;left:0;width:100%; }
#product-detail .container { height: 100%; display:none; }
.teaser ul {
	color: #6f6f6f;
	list-style: disc outside none ;
	margin-left: 16px;
}
.teaser ul ul {
	list-style: circle outside none;
}
#product-detail .teaser { font-family: InaiMathi; font-size: 16px; color:#6f6f6f; line-height:1.2; margin-bottom:40px; }
#product-detail .embed-responsive {margin-top:10px;border:20px solid #000000;border-radius:20px;}
#product-detail .closer {position: absolute; width: 30px; right: 10px; top: 0px;}
#videos .scroller { position: absolute; right:0px; top:150px; font-size:30px; font-family: "Bebas"; color:#1e2225; background-color:#f2f2f0; padding:10px; transition: all 0.4s linear 0s; z-index:2; }
.rotate { 
	transform: rotate(90deg); 
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
#videos .container { position:relative; }
#videos .scoller,
#videos .container {transition: all 1s linear 0s;}
#product-detail .video { padding-left:50px; }
#product-detail .title { color: #ffffff; font-family: "Bebas"; font-size: 49px; margin-top:40px; }
#product-detail .ad { margin-top:15px; }
#videos .post { padding:50px 0; position:relative; }
#footer-menu-nav .logo img { height:140px; }
#footer-menu-nav nav span { padding-right:15px; font-size:25px; font-family: BeBas; }
#footer-menu-nav nav ul,
#footer-menu-nav nav li { display: inline-block; }
#footer-menu-nav { margin-top: 20px; }
#video .container { position:relative; }
#video .container > img { position:absolute; top:5%; right:5%; }