/*
Theme Name: Soap
Description: Creative Business Portfolio
Theme URI: http://themeforest.net/
Author: Kenny Williams
Author URI: http://make-lemonade.co  // http://hirekenny.com.au
Version: 1.0
*/


/* ==========================================================================
   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
   
   ========================================================================== */




/* ==========================================================================
   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 for Site */
}

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

.main ul li:before, h1, h1 a, h3, h2 span, h4 span, h5 span, h6 span, .main a:hover, .feature a:hover, cite, nav a.active, #nav a:hover, #nav ul a:hover,  
.more:before, ol > li:before, .cta a:hover, .error[generated=true], #nav ul li a:hover, 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 ul.social-link a:hover, .boxed h5{
	color: #fc604a; /* Feature Color*/
}
   
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, footer, .price.price-feature h3, 
.btn.active:hover, .tp-caption.btn a{
	background-color: #fc604a; /* Button Back Ground Color*/
	color: #fff; /* Button Text Color*/
}

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: #646d72; /* Button Back Ground Color on Hover*/
	color: #fff;
}

h1 span, h2, h3 span, h2 a, h4, h5, .nav a, #response .success, .success:before, #response .failure, pre, .main h1 a:hover,  
strong, b, .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: #cacaca;
}
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;
}





/* ==========================================================================
   03. Logos
   ========================================================================== */  
.logo{
	max-width: 146px; /* 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 1.2em 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 #fc604a;
	-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;
}
.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;
	-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: 100%;
	letter-spacing: -1px;
	margin: 25px 0 .5em;
}
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;
}
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'; 
}
.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;
}




/* ==========================================================================
   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: 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;
}
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;
}
.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;
}



/* ==========================================================================
  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: 20px;
	padding-top: 5px;
	padding-bottom: 8px;
	position: relative;
	padding-left: 22px;
}
.main ul li{
	padding-left: 18px;
}
.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: 6px;
	position: absolute;
}
.main ol{
	margin-left: 22px;
}
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:-2px;
    left:-1.5em;
    -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;}

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


/* ============= 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;
}
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;	
}
.main table tr:nth-child(2n+1){
	background-color: #f8f8f8;
}




/* ==========================================================================
   13. Forms
   ========================================================================== */
form{
	margin-top: 3em;
}
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 2%;
	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;
}
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';
}




/* ==========================================================================
   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;
}
.fourth{
	width: 22%;
	margin-right: 4%;
	float: left;
}
.fifth{
	width: 18%;
	margin-right: 2.5%;
	float: left;
}
.two-thirds{
	width: 65%;
	margin-right: 5%;
	float: left;
}
.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: #fc604a;
}
.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;
}


/* ==========================================================================
   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;
	width: 29%;
	-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{
	margin-bottom: 2.5em;
}
			
			
			
			
/* ==========================================================================
   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;
	
}
.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;
}






/* ==========================================================================
   22. Footer Styles
   ========================================================================== */			
footer{
	font-size: 14px;
	padding: 0 1em;
}
.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 #fd806e;
	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: .7em;
}






/* ==========================================================================
   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 */










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




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


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






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