/*

*/


/* ==========================================================================
   TABLE OF CONTENTS
   
   01. Theme Base Settings
   02. Theme Colors
   03. Logo
   04. Main Navigation Styles
   05. Main Container General Layout Styles
   06. Typography
   07. Block Elements
   08. Lists
   09. Paging and Comments
   10. Graphs
   11. Buttons
   12. Tables
   13. Forms
   14. Mosaic Styles
   15. Columns
   16. Pricing Table
   17. Message Boxes
   18. Tabs
   19. Toggles
   20. Isotope styles
   21. Widget Footer Styles
   22. Footer Styles
   23. Author's custom styles
   24. Media Queries 768
   25. Media Queries 600
   26. Media Queries 480
   27. Media Queries 1140
   28. Fonts
   29. Helper classes
   30. Print styles
   
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);


/* ==========================================================================
   01. Theme Base Settings
   ========================================================================== */
   
body { font-size: 1em; line-height: 1.4; padding: 2em 1em 4em; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
img { vertical-align: middle; border: none; }
a{ text-decoration: none; }
ol, ul{ margin: 0; padding: 0; }
body {-webkit-font-smoothing: antialiased; font-smooth: always; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font: 16px/25px 'robotoregular'; }
.outter-wrapper{ background-color: #fff; max-width: 1440px; margin: 0 auto; 
-webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, .1); 
box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, .1);
padding: 0em;
}
.wrapper { max-width: 1140px; margin: 0 auto; padding: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* ==========================================================================
   02. Theme Colours
   ========================================================================== */
body{
   /* background: url(../img/tile.png) repeat 0 0 #f2f2f2;  */
   background: url(../img/new-bg.jpg) repeat 0 0;  /* Background for Site */
}

html, button, input, select, textarea { 
	color: #414141; /* General Body Text Color*/
}

a, .main ul li:before, h1, h1 a, h3, h2 span, h4 span, h5 span, h6 span, .feature a:hover, cite, .more:before, ol > li:before, .cta a:hover, .error[generated=true], ul.pagination li a.active, ul.comments h5 a, h2:after, .tweet a, 
.meta.option-set a.selected, .tp-caption.heading:after, .tp-caption.cite, .icon-thirds li:hover em:before,  .tab-nav li.active, ul.toggle .toggle-btn.active, .boxed h5{
	/*color: #cec933;*/ /* Feature Color*/
    color: #9f9b12
}

h1 a{
    color:#000;
}

footer, .boxed ul.social-link a:hover, nav a.active, #nav a:hover, #nav ul a:hover, #nav ul li a:hover {
	/* color: #94d5c7; */ /* Feature Color*/
    color: #9f9b12
}

nav a.active, #nav a:hover, #nav ul a:hover, #nav ul li a:hover { color:#6bc0ab}

footer { color: #fff}

   
a.btn, input[type=button], input[type=submit], #menu-icon, ol.graphs > li div, .highlight,
.flex-control-paging li a.flex-active, ul.pagination .left a:hover, ul.pagination .right a:hover, ul.paging a:hover span, .price.price-feature h3, 
.btn.active:hover, .tp-caption.btn a{
	/* background-color: #cec933;*/ /* Button Back Ground Color*/
  	background-color: #ccc64e;
	color: #fff; /* Button Text Color*/
}

.main a:hover, .main a.btn:hover, input[type=button]:hover, input[type=submit]:hover, #menu-icon.active, .btn.active, .price h3, .tp-caption.btn a:hover  {
	background-color: #f1ec35; /* Button Back Ground Color on Hover*/
	color: #fff;
}

.main a:hover { /*color: #cec933;*/ color: #9f9b12; font-style: italic; background-color: transparent}

h1 span, h2, h3 span, h2 a, h4, h5, .nav a, #response .success, .success:before, #response .failure, pre, .main h1 a:hover,  
.lead, .main table th, blockquote, .more, .cta a, .tweet, ul.pagination li a, ul.comments h5 a:hover, .caption h1{
	color: #000000; /* Headings Color*/
} 

.tweet{
	color: #55575b;	
}

h6.tags a, .meta, .meta a, aside ul li a, aside ul li, .widget-footer .tweet:before, .text-seperator h5, .boxed ul.social-link a{
	color: #333;
}
hr, hr.dash, hr.dots, .right-aside, blockquote.right, .widget-footer, .widget-footer .fourth.widget, fieldset, .main table, .main table th, .main table td, .main ul.meta li,
.recentwork, .text-seperator, .tab-nav li.active, .tab-content-block, .tab-nav li, ul.toggle li, .boxed ul.social-link{
	border-color: #ededed!important;
}

.hide {
	display: none;
}

p.h2-like, p.h3-like { 
 font-family: 'RobotoLight';
 font-size: 32px;
 margin: 15px 0 .5em;
 line-height:150%;
 font-weight:normal;
 color:#000;
 word-wrap: break-word;
 letter-spacing:-1px
}

p.h3-like { font-size:24px; margin-top:25px}

/* ==========================================================================
   03. Logos
   ========================================================================== */  
.logo{
	max-width: 275px; /* Update width to suite your own logo size */
}





/* ==========================================================================
   04. Main Navigation Styles
   ========================================================================== */
.logo{
	display: inline-block;
	float: left;
}   
.logo img, .logo-foot img{
	width: 100%;
}   
.header-container nav{
	float: right;
	margin-top: 10px;
}
.header-container .nav li{
	float: left;
	position: relative;
	margin: 0 .4em;
}
.nav a{
	text-transform: uppercase;
	white-space: nowrap;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	font: 18px 'RobotoCondensed';
	padding: 0.3em 17px 0.5em;
}
.nav-parent a{
	-webkit-transition: all 0ms ease-in-out;
	-moz-transition: all 0ms ease-in-out;
	-ms-transition: all 0ms ease-in-out;
	-o-transition: all 0ms ease-in-out;
	transition: all 0ms ease-in-out;
}

#menu-icon {
	display: none;
	font-family: 'RobotoCondensed';
	font-size: 20px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
#menu-icon span{
	width: 32px;
	height: 23px;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	top: -2px;
}
#menu-icon span img{
	width: 100%;	
}
nav #nav{
	margin-top: 10px;
}
#nav ul {
	position: absolute;
	display: none;
	min-width: 160px;
	z-index: 10000;
	background: #fff;
	margin-top: 0;
	border-bottom: 5px solid #94d5c7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow:  -2px 0px 2px -2px rgba(0, 0, 0, .2);
	box-shadow:  -2px 0px 2px -2px rgba(0, 0, 0, .2);
}
#nav ul li {
	float: none;
	margin: 0;
	padding-left: 10px;
	padding: 0.4em;
}
#nav ul li:first-child{
	padding-top: .7em;
}
#nav ul li a{
	padding-left: .9em;
	padding-top: .2em;
	font-size: 16px;
}
#nav li:hover > ul, #nav li.nav-parent.hover ul {
	display: block!important; 
}







/* ==========================================================================
   05. Main Container General Layout Styles
   ========================================================================== */
.header-container header{
	padding-top: 40px;
	padding-bottom: 25px;
}   
.main-container{
/*	padding: 15px 0 30px; */
  	padding: 15px 0 0;
}
.main-container .wrapper{
	padding-top: 0;
}
.main-content.full{
	width: 100%;
	float: none;
}
.main-content img, .right-aside img{
	max-width: 100%;
	border: none;
	margin: 1em 0;
    margin-top: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a img{
	position: relative;
}
.right-aside{
	border-left-style: solid;
	border-left-width: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2em;
}
.right-aside img{
	width: 100%;
}
.left-aside{
	clear: right;
}
a{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
/* Featured Block*/
.outter-wrapper.feature{
	box-shadow: none;
	position: relative;
	z-index: 10;
}
.outter-wrapper.feature .wrapper{
	padding-bottom: 0;
	padding-top: 0;
}
.outter-wrapper.feature:after{
	-webkit-box-shadow:  2px 0px 3px -2px rgba(0, 0, 0, .2);
	box-shadow:  2px 0px 3px -2px rgba(0, 0, 0, .2);
	position: absolute;
	right: 0px;
	height: 100%;
	display: block;
	content: "";
	width: 5px;
	top: 0;
}
.outter-wrapper.feature:before{
	-webkit-box-shadow:  -2px 0px 3px -2px rgba(0, 0, 0, .2);
	box-shadow:  -2px 0px 3px -2px rgba(0, 0, 0, .2);
	position: absolute;
	left: 0px;
	height: 100%;
	display: block;
	content: "";
	width: 5px;
	top: 0;
}
.feature .flexslider, .feature .flexslider-quote{
	margin-bottom: 0;
}
.feature .flex-control-nav.flex-control-paging{
	display: none;
}
.feature iframe, .feature img{
	margin: 0;
	width: 100%;
}
.feature.map iframe{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease;  /* Fade to color for Chrome and Safari */
	 /*-webkit-backface-visibility: hidden;  Fix for transition flickering */
}
.feature.map .gmnoprint{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	    -webkit-filter: grayscale(0%);
}
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:700px !important;
	overflow:hidden;
	border: none!important;

}



/* ==========================================================================
   06. Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p{
	word-wrap: break-word;
} 
p{
	margin-bottom: 1.5em;
}  
h1, h2, h3, h4, h5, h6{ 
	font-weight: normal;
	line-height: 150%;
	letter-spacing: -1px;
	margin: 25px 0 .5em;
    color: #000
}
h1.super{
	font-size: 100px;
	margin-bottom: -30px;
}
h1{
	font-size: 48px;
}
h2{
	font-size: 32px;
	margin-top: 15px;
}
h2:after, .tp-caption.heading:after{
	/*content: ".";*/
	font-size: 66px;
	line-height: 0;
}
h3{
	font-size: 26px;
}
h4{
	font-size: 22px;
}
.productList h4 {
	margin-top: 0;
}
h5{
	font-size: 18px;
}
h6{
	font-size: 16px;
	letter-spacing: 0px;
	position: relative;
}
blockquote h6{
	top: -1.4em;
}

ul.meta{
	margin-bottom: 12px;
}
ul.meta li:before{
	display: none;
}
.main ul.meta li{
	border-top-style: solid;
	border-top-width: 1px;
	padding: .7em 0;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'RobotoCondensed';
}
h6.date{
	margin-top: 0;
}
h6.tags a:before{
	 font-family: 'bulletsregular';
	 content: "p";
}
h1, h2, h3{
	font-family: 'RobotoLight';
}
strong, h5, h6, b, .more, ol > li:before{
	font-family: 'robotobold';
	font-weight: normal;
}
em{ 
	font-style: normal;
	font-family: 'robotoitalic'; 
}
b em,
strong em {
    font-weight:700;
}
.lead, blockquote{
	font-size: 24px;
	line-height: 32px;
	font-family: 'aleolightitalic';
}
.lead{
	margin-top: 0;
}
.highlight{
	position: relative;
	padding: 0;
	margin-right: -.2em;
	margin-left: -.2em;
	display: inline-block;
}
.highlight:before, .highlight:after{
	content: "";
	position: relative;
}
.highlight:before{
	left: 0px;
	top: 24px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 26px 13px 0 0;
	border-color: #ffffff transparent transparent transparent;
	
}
.highlight:after{
	right: 0px;
	top: -24px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 26px 13px;
	border-color: transparent transparent #ffffff transparent;
}

.main-container a{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	cursor: pointer;
}

p.literature-container {
	margin: 0;
}


/* ==========================================================================
   07. Block Elements
   ========================================================================== */
hr { display: block; height: 1px; border: 0; border-top-style: solid; border-top-width: 1px; padding: 0; margin: 2.5em 0; }
hr.dash { display: block; height: 1px; border: 0; border-top-style: solid; border-top-width: 1px; margin: 2.5em 0; padding: 0; }
hr.dots { display: block; height: 1px; border: 0; border-top-style: solid; border-top-width: 1px; margin: 2.5em 0; padding: 0; }
.feature hr{
	border-width: 3px;
	margin-top: 0;
	margin-bottom: 0;
}
.vertical-spacer{
	height: 200px;
}
.text-seperator{
	display: block; height: 1px; border: 0; border-top-style: solid; border-top-width: 1px; padding: 0; margin: 3em 0; text-align: left;
}
.text-seperator h5{
	position: relative;
	background: #fff;
	top: -12px;
	display: inline-block;
	padding-left: 0em;
	padding-right: 1em;
	margin: 0;
	font-family: 'RobotoLight';
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0;
}
pre{
	font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
	margin-bottom:10px;
	overflow:auto;
	width:auto;
	padding: 0 1em;
	background-color:#fff;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #efefef 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(51%,#efefef));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#efefef 51%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#efefef 51%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#efefef 51%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 51%,#efefef 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	background-size: 100% 60px;
	line-height: 30px;
}
iframe{
	margin-top: 0em;
	margin-bottom: 1em;
	/*background-color: #efefef;*/
	width: 100%;
}
.fluid-width-video-wrapper{
	margin-bottom: 2em;
	background-color: #ffffff;
	margin-top: 0em;
}
.fluid-width-video-wrapper iframe{
	width: 100%;
	padding: 0;
	margin: 5px 0 0 0;
}
blockquote.right, blockquote.left{
	margin: 0 3% 3%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
blockquote.right{
	border-left-style: solid; 
	border-left-width: 1px;
	padding-left: 1.3em;
}
blockquote{
	margin-right: 0;
	margin-left: 0;
}

.blockquote-image-float-right { display:inline-block; float:right}
.blockquote-image-float-right img { margin:0 0 10px 20px}
.blockquote-image-float-left { display:inline-block; float:left}
.blockquote-image-float-left img { margin:0 20px 10px 0}



cite{
	display: block;
	font-family: 'RobotoCondensed';
	font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 1em;
}
.tweet, .post-type-quote{
	font-size: 28px;
	font-family: 'aleolightitalic';
	line-height: 36px;
	padding-left: 2.2em;
	position: relative;
}

.widget-footer .post-type-quote {
	font-size: 16px;
	line-height: 150%; /* 20px; */
}

.widget-footer .post-type-quote span {
	/*color:#94d5c7;*/
    color: #9f9b12; 
	font-style:normal;
}

.post-type-quote{
	padding-left: 0;
	margin-top: 0;
}
aside .tweet{
	font-size: 18px;
	line-height: 26px;
	padding-left: 0;
	font-family: 'aleolightitalic';
}
.tweet:before, aside .tweet .meta:before{
	content: "L";
	font-family: 'socialicoregular';
	font-size: 70px;
	color: #cad2d7;
	position: absolute;
	left: 0;
	top: 10px;
}
aside .tweet:before{
	display: none;
}
aside .tweet .meta{
	margin-top: 3em;
	position: relative;
	padding-left: 38px;
}
aside .tweet .meta:before{
	font-size: 40px;
	top: 2px;
}
aside ul li:before{
	display: none;
}
aside ul li{
	border-top: 1px solid #ededed;
	padding: .7em 0!important;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'RobotoCondensed';
}
.recentwork .mosaic-block{
	margin-bottom: .5em;
	margin-top: .5em;
}
.recentwork{
	/*margin-bottom: 1em;*/
    margin: 25px 0 50px 0;
    background: url(../img/home-headline.png) top left repeat;
}



/* ==========================================================================
  08. Lists
   ========================================================================== */   
.main ul, .main ol{
	margin-bottom: 12px;
}
.main ul li > ul, .main ol li > ol{
	margin-bottom: 0;
	margin-left: -5px;
}
.main ul li.parent{
	padding-bottom: 0;
}   
.main ul li, .more{
	list-style-type: none;
	line-height: 25px;
	padding-top: 5px;
	padding-bottom: 8px;
	position: relative;
	padding-left: 22px;
}
.main ul li{
	padding-left: 18px;
}

.main-content li { list-style:none}

.more:before{
	content: "g";
	font-family: 'bulletsregular';
	font-size: 16px;
	left: 3px;
	top: 6px;
	position: absolute;
}
.main ul li:before{
	content: "s";
	font-family: 'bulletsregular';
	font-size: 14px;
	left: 4px;
	top: 8px;
	position: absolute;
}
.main ol{
	margin-left: 22px;
}

.list-of-links ul li { padding-left:0}
.list-of-links ul li:before { display:none}

ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    list-style:none; /
	margin: 0 0 0 1em;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 0px;
}
ol > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:7px;
    left:0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.5em;
    margin-right:8px;
    padding:4px;
    text-align:center;
}
li ol,li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

.main ol li {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-top: .75em;
padding-right: 0;
padding-bottom: .75em;
padding-left:35px 
/*padding-left:25px */ 
}

.flexslider-quote ol li, .flexslider ol li {
border-bottom-style: solid;
border-bottom-width: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left:0 
}

ul.archive li{
	display: inline-block;
	min-width: 40%;
}

.shop-main ul li {
	padding: 0;
}

.shop-main li:before {
	content:"" !important;
}

.shop-main ul {
	margin: 0;
	padding: 0;
}

.shop-main .productSmall > li {
	display: inline;
	float: left;
	list-style: none outside none;
	margin: 0 0 30px;
	padding: 0 15px;
	text-align: center;
}

.productSmall .productItem, .productSmall .productItemLast {
	width: 22% !important;
}

.booking-list span.date {
	margin: 0 9px 0 0;
	color: #999;
}

.module-calendar {
	margin-bottom: 15px;
}

/* ============= Sitemap ===============*/  
ul.sitemap{
	display: table;
	width: 100%;
}
ul.sitemap li{
	display: table-cell;
	padding-left: 0;
	padding: 1px;
}
ul.sitemap li a{
	background: #f5f5f5;
	display: block;
	padding: 1em;
}
ul.sitemap li:before{
	display: none;
}
ul.sitemap li ul{
	margin-left: 1em;
}
ul.sitemap li ul li{
	display: block;
	padding-left: 18px;
	padding-bottom: 1em;
}
ul.sitemap li ul li:before{
	content: "s";
	font-family: 'bulletsregular';
	font-size: 16px;
	left: 3px;
	top: 6px;
	position: absolute;
	display: block;
}
ul.sitemap li ul li a{
	background: transparent;
	padding: .2em;
}





/* ==========================================================================
  09. Paging and Comments
   ========================================================================== */ 
ul.pagination{
	text-align: center;
}
ul.pagination li:before, ul.paging li:before{
	display: none;
}
ul.pagination li, ul.paging li{
	padding-left: 0;
	display: inline;
	font-size: 20px;
	font-family: 'robotobold';
	padding: .3em;
	cursor: pointer;
}
ul.pagination li a.active{
	/* see theme colours */
}
ul.pagination .left a, ul.pagination .right a, ul.paging a span{
	color: #fff;
	font-family: 'bulletsregular';
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e8e8e8;
	padding: .3em .5em .2em;
}
ul.pagination .right a, ul.paging .right span{
	padding-right: .4em;
	padding-left: .6em;
}
ul.pagination .left:hover, ul.pagination .right:hover{
	/* see theme colours */
}
ul.paging{
	margin-top: 30px;
}
ul.paging a{
	font-size: 18px;
}



/* ============= Comments ===============*/
ul.comments li{
	line-height: 20px;
	padding: 0em;
}
ul.comments li div{
	padding: 1em 2%;
}
ul.comments li li div{
	padding-left: 4%;
}
ul.comments li li li div{
	padding-left: 6%;
}
ul.comments li li li li div{
	padding-left: 8%;
}
ul.comments li > ul{
	margin: 0;
}
ul.comments .odd{
	background: #f5f5f5;
} 
ul.comments li:before{
	display: none;
}
ul.comments h5, ul.comments h6{
	display: inline;
	font-size: 18px;
	letter-spacing: 0;
}
ul.comments h6{
	color: #b1b4ba;
	font-size: 14px;
	margin-left: 1em;
}
ul.comments li p{
	margin-top: .5em;
	margin-bottom: .5em;
}




/* ==========================================================================
   10. Graphs
   ========================================================================== */
ol.graphs{
	margin: 0 0 2em;
}
ol.graphs > li:before{
	display: none;
}
ol.graphs > li{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: .4em;
	font-family: 'robotobold';
	background: #f5f5f5;
	padding: 0;
}
ol.graphs > li div{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: .2em 2%;
}
ol.graphs > li span{
	float: right;
}
.per-10{
	width: 6%;
}
.per-20{
	width: 16%;
}
.per-30{
	width: 26%;
}
.per-40{
	width: 36%;
}
.per-50{
	width: 46%;
}
.per-60{
	width: 56%;
}
.per-70{
	width: 66%;
} 
.per-80{
	width: 76%;
}
.per-90{
	width: 86%;
}
.per-100{
	width: 96%;
}





/* ==========================================================================
   11. Buttons
   ========================================================================== */
a.btn, input[type=button], input[type=submit]{
	border: none;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: .4em 1.8em;
	white-space: nowrap;
	display: inline-block;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	margin-bottom: .5em;
	margin-top: .5em;
    line-height:1
}
input[type=button], input[type=submit]{
	padding: .6em 1.8em;
}
a.btn:hover{
	color: #fff;
}
a.small-btn{
	font-size: 14px;
	padding: .4em 1.2em;
}
a.xsmall-btn{
	font-size: 12px;
	padding: .2em .9em;
}
a.btn [class^="icon-"],
a.btn [class*=" icon-"]{
	padding-right: 5px;
	padding-left: 5px;
}




/* ==========================================================================
   12. Tables
   ========================================================================== */
.main table{
	border-style: solid;
	border-width: 1px;	
	text-align: left;
	width: 100%;
	background: #ffffff;
}
.main table th{
	padding: .5em;
	border-style: solid;
	border-width: 1px;	
	background-color: #ebedef;
	vertical-align: top;	
}
.main table td{
	padding: .5em;
	border-style: solid;
	border-width: 1px;	
	vertical-align: top;	
    width:50%;
}
.main table tr:nth-child(2n+1){
	background-color: #f8f8f8;
}

.main #payment-form table tr {
	background: #fff
}

.main #payment-form table, .main #payment-form table td {
	border:none;
}




/* ==========================================================================
   13. Forms
   ========================================================================== */
form{
	margin-top: 3em;
}

.widget-footer form { margin-top: 20px}

fieldset{
	padding: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 1em;
}
fieldset fieldset{
	background: #ffffff;
}
label{
	font-weight: normal;
	font-family: 'robotobold';
	padding-right: 1em;
	display: block;
}
input[type=text],  input[type=email], input[type=password], textarea, input[type=tel],  input[type=range], input[type=url]{
 	border: none;
	background: #f2f2f2;
	padding: 14px 15px;
	font-family: 'RobotoLight';
	color: #969ca5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	outline: none;
	margin-bottom: 1em;
	resize: none;
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus{
 	/*background: #f9f9f9;*/
}

.widget-footer input[type=text], .widget-footer input[type=email], .widget-footer input[type=password], .widget-footer textarea, .widget-footer input[type=tel],  
.widget-footer input[type=range], .widget-footer input[type=url]{
	background: #FFF;
}

.widget-footer input[type=text]:focus, .widget-footer input[type=email]:focus, .widget-footer input[type=password]:focus, .widget-footer textarea:focus, .widget-footer input[type=tel]:focus,  
.widget-footer input[type=range]:focus, .widget-footer input[type=url]:focus {
	background: #FFF;
}

::-webkit-input-placeholder {
    color: #969ca5;
	opacity:1
}

:-moz-placeholder { /* Firefox 18- */
  color: #969ca5;
  opacity:1
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #969ca5;
	opacity:1
}
#ck_emailField::-webkit-input-placeholder,
#ck_firstNameField::-webkit-input-placeholder {
    color: #969ca5 !important;
	opacity:1
}
#ck_emailField::-moz-placeholder,
#ck_firstNameField::-moz-placeholder {
    color: #969ca5 !important;
	opacity:1
}
#ck_emailField:-moz-placeholder,
#ck_firstNameField:-moz-placeholder {
    color: #969ca5 !important;
	opacity:1
}


input.half{
	width: 48%;
	margin-right: 4%;
}
input.full, textarea.full{
	width: 100%;
}
input.field-last{
	padding: 14px 2%;
	margin-right: 0;
}
 
textarea{
	width: 100%;
	height: 140px;
	display: block;
	resize: none;
	outline: none;
}
select, input[type=radio], input[type=checkbox] {
	margin-bottom: 1em;
	margin-right: 6px;
}
.error[generated=true] {
	font-size: 14px;
	font-family: 'robotoitalic';
}

.home-slider-form > .ck_form_container > .ck_form > .ck_form_fields {
    padding-left:0;
}
#ck_subscribe_form {
    margin-top:0;
}


/* ==========================================================================
   14. Mosaic Styles
   ========================================================================== */
.mosaic-block {
	position:relative;
	overflow:hidden;
	width:100%;
	background:#ffffff url(../img/progress.gif) no-repeat center center;
	margin: 0 0 2em;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mosaic-block img{
	margin: 0;
	border: none;
}
.mosaic-backdrop {
	display:none;
	top:0;
	height:100%;
	width:100%;
	background:#fff;
}	
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}		
.fade .mosaic-overlay {
	background:url(../img/hover-magnify.png) no-repeat center center;
	background-color: rgba(0, 0, 0, .3);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}
.fade .mosaic-overlay.link {
	background:url(../img/hover-gotopost.png) no-repeat center center;
	background-color: rgba(0, 0, 0, .3);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}





/* ==========================================================================
   15. Columns
   ========================================================================== */
.full{
	width: 100%;
	float: none;
} 
.half{
	width: 48%;
	margin-right: 4%;
	float: left;
}
.third{
	width: 30%;
	margin-right: 5%;
	float: left;
}

.shop-product-large .third, .third.last {
	margin-right: 0;
}

.fourth{
	width: 22%;
	margin-right: 4%;
	float: left;
}

.module-calendar .third, .module-calendar .fifth {
	width: 100%;
	margin-right: 0;
	float:none;
}

.fifth{
	width: 18%;
	margin-right: 2.5%;
	float: left;
}
.two-thirds{
	width: 65%;
	margin-right: 5%;
	float: left;
}

#payment-form .two-thirds {
	margin-right: 0;
}

.three-fourths{
	width: 74%;
	margin-right: 4%;
	float: left;
}
.two-fifths{
	width: 36%;
	margin-right: 3%;
	float: left;
}
.three-fifths{
	width: 61%;
	margin-right: 2%;
	float: left;
}
.four-fifths{
	width: 78%;
	margin-right: 4%;
	float: left;
}
.left{
	float: left;
}
.right{
	float: right;
}
.column-example div{
	min-height: 1em;
	background: #efefef;
	margin-bottom: 1em;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	text-align: center;
}
.column-example div:hover{
	background: #94d5c7;
}
.thumb-gallery .third{
	width: 33.33%;
	margin-right: 0%;
	border: 2px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.thumb-gallery .third.mosaic-block{
	margin-bottom: 0;
}
.right-aside .mosaic-block, .widget-footer .mosaic-block{
	margin-bottom: .5em;
}
.boxed{
	background: #F7F7F7;
	margin-bottom: 2em;
}
.boxed img{
	margin-top: 0;
	margin-bottom: 0;
}
.boxed .inner-box{
	padding: .75em;
	padding-top: 0;
}

/* ==========================================================================
   Ecommerce
   ========================================================================== */

.cartSummaryLink {
	color: #fc604a;
}

.store-price {
	font-size: 18px;
	margin-bottom: 10px;
}

.productSmall .store-price {
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 0;
}

.comment-form {
	clear: both;
}

.fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget span {
	width: none; height: none;
	background: #fff;
}

/*start shopping cart*/

.cartrow {
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    font-size: 13px;

    margin-left: 0 !important;
    text-transform: uppercase;
}
.cartlabel {
    float: left;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}
.cart-item {
    color: #333333;
    float: left;
    font-size: 13px;
    width: 10%;
}
.productitemcell {
    border-bottom: 1px solid #EEEEEE;
    height: 115px;
    line-height: 20px;
    overflow: hidden;
    padding: 15px 0 0;
}
.product-image img {
    border: 1px solid #EEEEEE;
    max-height: 100px;
    max-width: 100px;
    margin: 0;
}
	.product-remove a:link,
	.product-remove a:visited {
		background: url("../img/cart-remove.gif") no-repeat scroll 0 0 transparent;
		display: block;
		font-size: 0;
		height: 27px;
		line-height: 0;
		text-indent: -9999px;
		width: 25px;
	}
	.product-remove a:hover, 
	.product-remove a:active {
		opacity: 0.8;
	}
.cldetails {
    width: 46%;
}
.clprice, .cltax, 
.clcost, .clremove {
    width: 10%;
}
#catCartDetails .product-image {
    width: 13%;
}
.product-title {
    width: 33%;
}
.clqty, 
.product-qty {
    width: 14%;
}
.product-qty input.cartInputText {
    width: 60px;
    text-align: center;
}
.span3 {
    float: left;
    margin-left: 3%;
    width: 30%;
}
#cart-footer {
    overflow: hidden;
    clear:both;
}
.discount{
	clear: both;
}
.discount label{
	display: block;
}
.cart-opt {
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
}
.cart-opt p {
    margin: 0 0 3px;
}
.cart-opt input[type="text"] {
	margin-bottom: 0;
}
#cart-footer hr {
    margin: 3px 0;
}
#opt-total-container {
    border-bottom: 1px solid #EEEEEE;
    margin: 15px 0 0;
    padding-top: 10px;
    overflow: hidden;
}

.opt-total {
    background: none repeat scroll 0 0 #EEEEEE;
}
.opt-total-data .productitemcell {
    border: medium none;
    height: auto;
    padding: 0;
}
.opt-total h3 {
    margin: 0;
}
.opt-total-data {
    text-align: right;
    width: 94%;
}
select.shippingDropDown {
    width: 80%;
}
.opt-btns {
    border-bottom: medium none;
    text-align: center;
}
	a#catshopbuy:link, 
	a#catshopbuy:visited {
		background: none repeat scroll 0 0 #00CE9B;
		color: #FFFFFF;
		display: block;
		font-size: 35px;
		font-weight: bold;
		margin: 0 0 15px;
		padding: 20px 0;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px #005588;
		text-transform: uppercase;
	}
	a#catshopbuy:hover, 
	a#catshopbuy:active {
		background: none repeat scroll 0 0 #04b78b;
		text-decoration: none;
	}
	a#catshopclear:link, 
	a#catshopclear:visited {
		color: #393939;
		display: inline-block;
		font-size: 15px;
		font-weight: bold;
		height: 22px;
		padding: 2px 0 0 25px;
		text-align: center;
		text-transform: uppercase;
	}
	a#catshopclear:hover, 
	a#catshopclear:active {
		opacity: 0.8;
		text-decoration: none;
	}
@media only screen and (max-width: 767px) {
	.cartlabel {
		float: left;
		font-size: 12px;
		font-weight: normal;
		padding-bottom: 3px;
		padding-top: 3px;
		text-transform: capitalize;
	}
	.product-remove a:link, .product-remove a:visited {
		float: right;
	}
	.cart-item {
		width: 13%;
	}
	.cldetails {
		width: 33%;
	}
	.clprice, .cltax, .clcost, .clremove {
		width: 13%;
	}
	.product-image {
		width: 13%;
	}
	.product-title {
		padding: 0 0 0 10px;
		width: 18%;
	}
	.clqty, .product-qty {
		width: 14%;
	}
	#catCartDetails input.cartInputText {
		margin: 0 0 0 10px;
		width: 20px !important;
	}
	.cartlabel {
		text-align: center;
	}
	.row.cartrow {
		margin-bottom: 0;
	}
	.product-remove a:link, .product-remove a:visited {
		float: right;
	}
	.cart-item, .cartlabel {
		font-size: 12px;
		width: 14%;
	}

	.cldetails {
		width: 20%;
		text-align: left;
	}

	.clprice {
		width: 13%;
	}

	.cltax {
		width: 13%;
	}

	.clcost {
		width: 20%;
	}
	.clremove {
		display: none;
	}
	.product-image {
		display: none;
	}
	.product-title {
		padding: 0;
		width: 24%;
	}
	.clqty, .product-qty {
		text-align: center;
		width: 12%;
	}
	#catCartDetails input.cartInputText {
		margin: 0 0 0 10px;
		width: 15px !important;
	}
	.cart-item.product-remove {
		padding: 0;
		width: 22px;
	}
}

/* @end */

/* ==========================================================================
   16. Pricing and Team
   ========================================================================== */
.price{
	text-align: center;
	background: #f7f7f7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 1em;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.price:hover{
	-webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, .2);
	box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, .2);
	background: #fff;
}
.price-detail{
	padding: 1.5em;
	padding-top: .5em;
}
.price h3{
	margin: 0;
	padding: 1em;
}
.price h3 span{
	display: block;
	color: #fff;
	font-size: 48px;
	margin-top: 15px;
	font-family: 'robotobold';
}
.price h3 span span{
	display: inline-block;
	font-size: 14px;
}
.price-detail li:before{
	display: none;
}
.price-detail ul li{
	border-top: 1px solid #EDEDED;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 0;
}
.price-detail ul li:last-child{
	border-bottom: 1px solid #EDEDED;
}
.price-feature{
	position: relative;
	top: -1em;
	padding-bottom: 2em;
	width: 32%;
}
.boxed ul.social-link{
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: .5em;
	margin-top: 1em;
}
.boxed ul.social-link li{
	display: inline-block;
	padding: .7em 0 .3em;
}
.boxed ul.social-link li:last-child{
	padding-right: 0;
}
.boxed ul.social-link a{
	 font-family: 'socialicoregular';
	 font-size: 18px;
	 -webkit-transition: all 250ms ease-in-out;
	 -moz-transition: all 250ms ease-in-out;
	 -ms-transition: all 250ms ease-in-out;
	 -o-transition: all 250ms ease-in-out;
	 transition: all 250ms ease-in-out;
	 opacity: 1;
	 padding-right: 5px;
	 text-transform: uppercase;
}
.boxed h4{
	font-size: 18px;
	margin-bottom: 0;
}
.boxed h5{
	font-family: 'RobotoCondensed';
	margin-top: 5px;
	font-size: 16px;
}
.boxed em{
	opacity: .7;
}


/* ==========================================================================
   17. Message Boxes
   ========================================================================== */
.message{
	border-width: 1px;
	border-style: solid;
	display: block;
	padding: .5em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 1em;
}
.message.success{
	border-color: #a2e29d;
	background: #e2f5e4;
}
.message.info{
	border-color: #7bb8e2;
	background: #d2e4f1;
}
.message.error{
	border-color: #fc604a;
	background: #ffd4ce;
}
.message.notice{
	border-color: #fcc84a;
	background: #fffcce;
}
.message.promo{
	background: #f5f5f5;
	padding: 1.2em 2em;
	border: none;
	font-size: 28px;
	line-height: 120%;
	text-align: center;
}
.message.promo h2{
	font-size: 28px;
	margin-top: .5em;
	margin-bottom: .5em;
}




/* ==========================================================================
   18. Tabs
   ========================================================================== */
ul.tab-nav {
	position: relative;
	width:100%;
	margin: 0 auto!important;
	top: 1px;
}
ul.tab-nav li {
	float:left;
	position:relative;
	display:block;
	background: #ededed;
	text-align:center;
	margin-right: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	border-bottom: none;
	font: 20px 'RobotoCondensed';
	padding: .5em 1em;
} 
ul.tab-nav li:before{
	display: none;
}
ul.tab-nav li:hover {
	cursor:pointer;
}
ul.tab-nav li.active {
	z-index:50;
	border: none;
	background: #fbfbfb;
	border-style: solid;
	border-width: 1px;
	border-bottom: none;
}
.tab-content-block {
	clear:both;
	position:relative;
	width: 100%;
	background: #fbfbfb;
	border-style: solid;
	border-width: 1px;
}
.tab_content {
	padding: 15px 2% 20px 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h3.v_nav {display: none;}
	


/* ==========================================================================
   19. Toggles
   ========================================================================== */
.toggle-btn { 
	text-decoration:none; 
	display:block;
}
.toggle-content{ 
	display:none;
}
.toggle-content.active{
	display: block;
}
ul.toggle li {
	position:relative;
	overflow:hidden;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: .75em;
	padding-right: 0;
	padding-bottom: .75em;
}
ul.toggle li:before{
	top: 13px;
}

ul.toggle ol li:before{
	top: 10px;
    left: 0px;
}

ul.toggle{
	margin-bottom: 2.5em;
}
ul.toggle p { line-height:25px}

ul.toggle ol li {
	
}
			
			
			
			
/* ==========================================================================
   20. Isotope styles
   ========================================================================== */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.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;
}


.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;
}

.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* ==========================================================================
   21. Widget Footer Styles
   ========================================================================== */
   
.widget-footer {
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 1em;
	padding-bottom: 1.5em;
	background: #f7f7f7;
  	margin-top: 80px
	
}
.widget-footer img{
	max-width: 100%;
}
.widget-footer .tweet{
	font-size: 18px;
	line-height: 26px;
	padding-left: 0;
	font-family: 'aleolightitalic';
}
.widget-footer .tweet:before{
	content: "L";
	font-family: 'socialicoregular';
	font-size: 36px;
	position: relative;
	left: 0;
	top: 6px;
	padding-right: 5px;
}
.widget-footer .fourth.widget{
	border-right-style: solid;
	border-right-width: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 2%;
}
.widget-footer .fourth.widget.last{
	border: none;
}
.widget-footer .fourth.widget .pagination.webapp {
	display:none
}

/* ==========================================================================
   22. Footer Styles
   ========================================================================== */			
footer{
	font-size: 14px;
	padding: 0 1em;
  background: #94d5c7;
}
.logo-foot{
	display: inline-block;
	padding-right: 5px;
}
ul.social-link li:before{
	display: none;
}
footer ul.social-link li{
	display: inline-block;
	border-left: 1px solid #84c1b2;
	padding: .5em .8em .3em .9em;
}
footer ul.social-link li:last-child{
	padding-right: 0;
}
footer ul.social-link a{
	 font-size: 22px;
	 -webkit-transition: all 250ms ease-in-out;
	 -moz-transition: all 250ms ease-in-out;
	 -ms-transition: all 250ms ease-in-out;
	 -o-transition: all 250ms ease-in-out;
	 transition: all 250ms ease-in-out;
	 opacity: 1;
	 text-transform: uppercase;
	 color: #ffffff;
}
footer ul.social-link a:hover{
	opacity: .6;
}
.foot.left{
	padding-top: .5em;
}
.foot.left a { color: #FFF}

/* ==========================================================================
   23. Author's custom styles
   ========================================================================== */
/* Icon Font Examples for Preview only */
.icon{
	width: 75px;
	display: inline-block;
}
.icon-thirds li{
	padding-left: 0!important;
	display: inline-block;
	width: 24%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
}
.icon-thirds li:before{
	display: none;
}
.icon-thirds li:hover em:before{
	-moz-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.icon-thirds li em:before{
	padding-right: 10px;
	font-size: 16px;
}
/* End Font Examples for Preview only */

/* custom select */
.relative-box { width:100%; margin:0 0 19px 0; position:relative; z-index:100}
.custom-select { position:relative; width:100%; height:auto; margin:10px 0 0 0}
span.custom-select-arrows { 
  width: 100%; 
  line-height:1;
  background:#ffffff url(../img/custom-select-arrows-new.png) center right no-repeat; 
  position:absolute; top:0; left:0; display:block; overflow:hidden;
  font-size:16px; 
  color:#969ca5; 
  padding:14px 15px; 
  margin:0 0 1em 0;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
  box-sizing: border-box;
  font-family: 'robotolight'
}

.infusion-field.select { 
  padding:5px 5px 8px 5px; 
  border:1px solid #ccc; 
  border-radius:3px 3px 3px 3px;
  -moz-border-radius:3px 3px 3px 3px;
  -webkit-border-radius:3px 3px 3px 3px;
  margin-bottom: 1em
}

.infusion-field.select select { width:100%; margin:0}

.testimonial-item {}
.testimonial-item .text-seperator { margin:1em 0 4em 0}
.testimonial-item .text-seperator.left { float:none}
.testimonial-item .text-seperator.right{ float:none}
.testimonial-item .text-seperator.right h5 { float:right; padding-left:1em} 

.video-and-text-box p { margin-top:0}
.video-and-text-box .half > h1, .video-and-text-box .half > h2, .video-and-text-box .half > h3, .video-and-text-box .half > h4 { margin-top: -10px}

/* video manager app */
.video-manager {}
.video-manager table tr:nth-child(2n+1){
	background: none;
}
.video-manager table, .video-manager table td { border:none}
.video-manager table td { padding: 0 .5em}
.video-box { width:100%; float:left; min-height:300px}
/* .video-box iframe { width:100%; height:230px;}*/
.video-box.last { float:right}


/* home slider form */
.home-slider-form { margin-top:-20px}
.home-slider-form td {vertical-align: top}
.home-slider-form input[type=text] { width:125px; margin:0 10px 0 0; font-size:18px }
.home-slider-form .relative-box { width:300px}
.home-slider-form span.custom-select-arrows { font-size:18px; background-color:#f2f2f2}
.home-slider-form input[type=submit] { font-size:20px; font-weight:300; margin:0}
.disable-true { display:none !important}
.disable-false {}


/* blog updates */
article.post { position:relative}
article.post.no-image { position: static}
.post .first-img { width:100%; height:400px; margin:0 0 135px 0; float:none}
.post .first-img.one-line { margin:0 0 90px 0}
.post h2.title_article { position:absolute; top: 405px}
article.post.no-image h2.title_article { position:static}
.post.view {}
.post.view .first-img { /*margin:0 0 165px 0*/ margin:0 0 80px}
.post.view .first-img.one-line { /*margin:0 0 125px 0*/margin:0 0 80px}
.post.view .by { position: absolute; /*top:510px;*/top:580px;z-index:-1;}
.post.view .by.one-line { /*top: 460px*/top: 510px}

.post,
.post p {
    font-size:18px;
}

article.post.view.no-image .by { position:static}

.main-content .left-align { float:left; margin:0 20px 10px 0}

.homepage-recent-posts {}
.homepage-recent-posts hr { display:none}
.homepage-recent-posts .post { width:48%; float:left; margin-right:2%}
.homepage-recent-posts .post .first-img { width:100%; height:260px; margin:0 0 105px 0; float:none}
.homepage-recent-posts .post .first-img.one-line { margin:0 0 105px 0}
.homepage-recent-posts .post h2.title_article { position:absolute; top: 285px; font-size:26px}

.sidebar-optin { position:relative; background:url(../img/sidebar-optin-bg.jpg) repeat; text-align:center; padding:15px 15px 0 15px}
.sidebar-optin p { color:#FFF; margin-top:0; padding-top:0; font-family:'robotoregular'; font-size:18px; margin-bottom: 1em}
.sidebar-optin input[type=text] { background-color:#FFF}
.sidebar-optin span.custom-select-arrows { background-color: #FFF; font-family: 'robotoregular'}
.sidebar-optin input[type=submit] { position:absolute; left:0; width:100%; background:#f1eb5d; color:#4a4a49; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; 
  font-size:15px; padding:15px 0; text-transform:uppercase; font-family:'robotobold'
}
.sidebar-optin input[type=submit]:hover { background:#cec852}

.sidebar-optin2 { position:relative; background:url(../img/fec-bg.jpg) no-repeat 50% 50%; background-size:100% 100%; text-align:center; padding:25px 10px;margin-top:25px;}
.sidebar-optin2 h3 { color:#fff; margin-top:0; padding-top:0; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:600; margin-bottom: 1em; letter-spacing:.02em; line-height:1em;}
.sidebar-optin2 h3 span{font-size:15px; font-weight:400; line-height:1em; color:#fff; letter-spacing:.002em;}
.sidebar-optin2 h4 { color:#fff; margin-top:0; padding-top:0; font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:400; margin-bottom: .5em; letter-spacing:.02em; line-height:30.73px;}
.sidebar-optin2 label{display:none;}
.sidebar-optin2 .fec-divider{width:50%; height:3px; background:#fff; margin:0 auto 1em; padding:0;}
.sidebar-optin2 input[type=text] {padding: 10px 15px; background-color:#fff;font-family: 'Open Sans', sans-serif;}
.sidebar-optin2 input[type=text]::-moz-placeholder{color:#969ca5;}
.sidebar-optin2 input[type=text]::-webkit-input-placeholder{color:#969ca5;}
.sidebar-optin2 select{width:100%; padding: 10px 9px; margin-top:0; border:0;font-family: 'Open Sans', sans-serif;}
.sidebar-optin2 span.custom-select-arrows {
    padding: 13px; 
    margin:0; 
    background-color: #fff; 
    font-family: 'Open Sans', sans-serif;
    color:#414141; 
    text-align:left;
}
.sidebar-optin2 input[type=submit] { 
    width:100%; 
    background:transparent; 
    color:#fff; 
    border:solid 3px #f1ea4a;
    border-radius:0; 
    -webkit-border-radius:0; 
    -moz-border-radius:0; 
    padding:12px 0; 
    text-transform:uppercase; 
    font-size:18px; 
    font-weight:600;
    font-family: 'Open Sans', sans-serif;
}
.sidebar-optin2 input[type=submit]:hover { background:#f1ea4a}
.sidebar-optin2 .infusion-field.relative-box{}

.post-optin-section { margin-bottom:20px; text-align:center}
.post-optin-section hr { margin:10px 0}
.post-optin-form { background:#f2f1ec; padding:20px; margin-bottom:20px; text-align:left}

.post-optin-form form { margin:0}
.post-optin-form input[type=text] { background-color:#FFF; margin:0}
.post-optin-form input[type=submit] { margin:0; padding-top:13px; padding-bottom:13px}
.main .post-optin-form table td { padding-right:8px !important}
.post-optin-form .relative-box { min-width:230px}
.post-optin-form span.custom-select-arrows { background-color: #FFF; font-family: 'robotoregular'}
.post-optin-form h4 { margin-top:0}
.post-optin-form h4 span { font-family:'Sacramento'; color:#94d5c7; font-size:35px}

.search-box { padding:0}
.search-box input[type=text] {
    width: 110px;
    float: left;
    font-size: 17px;
    margin: 0 5px 0 0;
}
.search-box input[type=submit] {
    width: 90px;
    float: left;
    margin: 0;
    padding: 14px 0 15px 0;
    font-size: 17px;
}

.toggle-btn.hide {display:none !important}

.infusion-field span.infusion-option input { float: left; display: inline-block; margin-top: 5px}
.infusion-field span.infusion-option label { float: left; display: inline-block}

/* ==========================================================================
   24. Media Queries 768
   ========================================================================== */
@media only screen and (max-width: 768px) {
	#nav{ 
		display: none; 
	}
	
	#nav-wrap {
		position: relative;
	}
	#nav li.nav-parent{
		padding-bottom: 0;
	}
	#menu-icon {
		display: inline-block;
		cursor: pointer;
		padding: 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	nav #nav{
		margin-top: 0;
	}
	#nav {
		clear: both;
		position: absolute;
		top: 40px;
		min-width: 160px;
		z-index: 10000;
		padding: 5px;
		display: none; 
		right: 0px;
		background: #646d72;
		-webkit-border-radius: 3px 0px 3px 3px;
		border-radius: 3px 0px 3px 3px;
	}
	#nav li {
		clear: both;
		float: none;
	}
	#nav a, #nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		border: none;
		color: #fff;
	}
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
		-webkit-box-shadow:  none;
		box-shadow:  none;
	}
	#nav ul li a{
		padding-left: 0;
	}
	#nav li{
		padding: .2em 0!important;
	}
	#nav ul{
		padding: 0!important;
	}
	#nav li > ul li{
		padding-left: 12px!important;
	}
	#nav li > ul li:last-child{
		padding-bottom: 0!important;
	}
	#masthead{
		display: block;
		height: 100%;
	}
	.header-container header{
		padding: 10px 0 5px;
	} 
	.main-content, .right-aside{
		width: 100%;
		float: none;
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	.main-container{
		padding: 25px 0 30px;
	}
	.right-aside{
		border-top: 1px solid #cad2d7;
		margin-top: 25px; 
	}
	.third, .half, .fourth, .two-thirds, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right, input.half, input.full, .fifth, .two-fifths,
	.three-fifths, .four-fifths{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	.third, .half, .fourths, .two-third, .three-fourths{
		margin-bottom: 30px;
	}
	.right-aside .half, .widget-footer .half{
		width: 49%;
		margin-right: 2%;
		float: left;
	}
	blockquote.third, blockquote.half, blockquote.fourths, blockquote.two-third{
		width: 100%;
	}
	blockquote, blockquote.right, blockquote.left{
		margin: 0;
	}
	ul.archive li{
		min-width: 28%;
	}
	.foot.left, .foot.right{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	ul.social-link li{
		border: none;
	}
		
	h6.tags.right, h6.date.left{
		float: none!important;
	}
	ul.sitemap{
		display: inline;
		width: 100%;
	}
	ul.sitemap li{
		display: block;
		padding-left: 0;
		padding: 1px;
	}
	.widget-footer .fourth.widget{
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #EDEDED;
		border-right: none;
	}
	.price-feature{
		top: 0;
	}
	.icon-thirds li{
		width: 48%;
	}
	
	.tab-nav {display: none;}
	
	h3.v_nav {
		height:45px;
			line-height:45px;
			font-size:14px;
			margin: 0;
			padding: 0;
			background: #F1EEE4;
			text-align:center;
			font-weight:bold;
			margin-top: 1px;
			display: block;
			cursor: pointer;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			 -khtml-user-select: none;
			   -moz-user-select: none;
				-ms-user-select: none;
					user-select: none;
			border-bottom: 1px solid #D9D6CF;		
		}
		.tab-content-block {
			clear:both;
			position:relative;
			width: 100%;
			background: #fff;
			border: 1px solid #D9D6CF;
		}
		h3.v_nav:first-child {
			margin-top: 0;
		}
		h3.v_active {
			background: #F1EEE4;
			color: #00949c;
			z-index:50;
		}

		.productSmall .productItem, .productSmall .productItemLast {
			width: 42% !important;
		}

		#calendar-container, .topics, .posts, .lastpost, .views {
			display: none;
		}
		
 }

/* ==========================================================================
   25. Media Queries 600
   ========================================================================== */
@media only screen and (max-width: 600px) { 

	.logo{
		padding-bottom: 20px;
	}
	.backstretch{
		opacity: 0.2;
	}
	.cta.two-third{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	.main table{ 
		border-left: 1px solid #cad2d7;
		border-right: 1px solid #cad2d7;
		border-top: none;
		border-bottom: none;
	}	
}



/* ==========================================================================
   26. Media Queries 480
   ========================================================================== */
@media only screen and (max-width: 480px) { 
	body{
		padding: 0;	
	}
	 input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
		padding: 10px 2%;
		width: 96%;
	}
  
    span.custom-select-arrows {
      padding: 10px 2%;
      width: 96%; 
    } 
  
	a.btn, input[type=button]{
		text-align: center;
	}
	a.small-btn{
		font-size: 14px;
		padding: .4em 2%;
	}
	a.xsmall-btn{
		font-size: 12px;
		padding: .2em 2%;
	}
	iframe{
		max-height: 320px;
	}
	#menu-icon{
		display: block!important;
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 94%!important;
	}
	.header-container header{
		text-align: center;
	}
	.logo{
		float: none;
	}
	.header-container nav{
		float: none;
		
	}
	#nav{
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 94%!important;
		left: 0;
	}
	.hide-480{
		display: none;
	}
	.thumb-gallery .third{
		width: 100%;
	}
	.icon-thirds li{
		width: 100%;
		float: none;
	}

	.productSmall .productItem, .productSmall .productItemLast {
		width: 90% !important;
	}

    .main .post-optin-form table td { display:block}
  
  .post h2.title_article {
	  top: 210px;
	  line-height: 30px;
	  font-size: 25px;
  }
  
  .post .first-img {
  	height:auto;
    margin-bottom:90px
  }
  
  .post .first-img.one-line {
  	margin-bottom:90px
  }
  
}


 
/* ==========================================================================
   Media Queries 320
   ========================================================================== */  
@media only screen and (max-width: 320px) { 
	.post h2.title_article {
	  top: 135px;
  }
  
  .post .first-img {
  	height:auto;
    margin-bottom: 115px;
  }
  
  .post .first-img.one-line {
  	margin-bottom: 115px
  }
}
 
/* ==========================================================================
   27. Media Queries 1140
   ========================================================================== */  
@media only screen and (max-width: 1140px) {
	.wrapper { width: 100%; }
}







/* ==========================================================================
   28. Fonts
   ========================================================================== */


@font-face {
    font-family: 'aleolightitalic';
    src: url('../font/aleo-lightitalic-webfont.eot');
    src: url('../font/aleo-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aleo-lightitalic-webfont.woff') format('woff'),
         url('../font/aleo-lightitalic-webfont.ttf') format('truetype'),
         url('../font/aleo-lightitalic-webfont.svg#aleolightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bulletsregular';
    src: url('../font/bullets-webfont.eot');
    src: url('../font/bullets-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bullets-webfont.woff') format('woff'),
         url('../font/bullets-webfont.ttf') format('truetype'),
         url('../font/bullets-webfont.svg#bulletsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('../font/roboto-bold-webfont.eot');
    src: url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-bold-webfont.woff') format('woff'),
         url('../font/roboto-bold-webfont.ttf') format('truetype'),
         url('../font/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoitalic';
    src: url('../font/roboto-italic-webfont.eot');
    src: url('../font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-italic-webfont.woff') format('woff'),
         url('../font/roboto-italic-webfont.ttf') format('truetype'),
         url('../font/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'RobotoLight';
    src: url('../font/Roboto-Light-webfont.eot');
    src: url('../font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Light-webfont.woff') format('woff'),
         url('../font/Roboto-Light-webfont.ttf') format('truetype'),
         url('../font/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../font/roboto-regular-webfont.eot');
    src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-regular-webfont.woff') format('woff'),
         url('../font/roboto-regular-webfont.ttf') format('truetype'),
         url('../font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../font/Roboto-Condensed-webfont.eot');
    src: url('../font/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Condensed-webfont.woff') format('woff'),
         url('../font/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('../font/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'socialicoregular';
    src: url('../font/socialico-webfont-webfont.eot');
    src: url('../font/socialico-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/socialico-webfont-webfont.woff') format('woff'),
         url('../font/socialico-webfont-webfont.ttf') format('truetype'),
         url('../font/socialico-webfont-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* ==========================================================================
   29. Helper classes
   ========================================================================== */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0!important; padding-right: 0!important;  }
.first{ margin-left: 0!important; padding-left: 0!important;}
.tableless, .tableless th, .tableless tr, .tableless td{
	background: none!important;
	border: none!important;
	padding: 0px!important;
}
.centered{ text-align: center!important; }

.fourth.boxed:nth-child(4n) {
	margin-right:0px;
}
.show-app-item-, .show-app-item-0 {
	display:none !important;
}

.widget-footer .fourth.last .mosaic-block.half:nth-child(2n),.recentwork .mosaic-block.fourth:nth-child(4n) {
	margin-right:0px;
}

.right-aside ul li {
	font-size:16px;
}

.right-aside form {
	margin-top:0px;
}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
	text-shadow: none;
	color:#fff;
}

.tp-caption {
	font-weight: bold;
}




/* ==========================================================================
   30. Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important;}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")";}
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
img { max-width: 100% !important; page-break-inside: avoid; }

@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}