/*

Theme Name: Selfy

Description: A WordPress Portfolio Theme

Theme URI: https://themeforest.net/

Author: ThemeCanon

Author URI: https://themecanon.com

Version: 1.9

Tags: Light, dark, one-column, right-sidebar, flexible-width

License:

License URI:

*/





/* ==========================================================================

   Author - kenny Williams  // hirekenny.com.au

   ========================================================================== */



body { font-size: 1em; line-height: 1.4;  padding-bottom: 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/24px 'robotoregular'; }

.wrapper { width: 1140px; margin: 0 auto; }







/* ==========================================================================

   Theme Colours

   ========================================================================== */

body{

   	background: #f3f4f5;  /* Background for Site */

}

html, button, input, select, textarea, a, ul.social-link a { 

	color: #656a6f; /* General Body Text Color*/

}

.main ul li:before, h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, h1:after, h2:after, h3:after, .main-container a:hover, .more:before, ol > li:before, .cta a:hover, .error[generated=true], .footable.breakpoint > tbody > tr > td.expand:before, ul.social-link a:hover, .nav ul li a:hover, ul.page-numbers .current, ul.comments h5 a, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before, .link-pages p a, #wp-calendar a, #nav ul.sub-menu ul.sub-menu li:hover:before, #comments_pagination a, .right-aside .widget_nav_menu li a:hover, .toggle-btn.active, .accordion-btn.active{

	color: #ffc000; /* Feature Color*/

}   

a.btn, input[type=button], nav li.current-menu-item a, li.current-menu-parent a, input[type=submit], #menu-icon, ol.graphs > li,

.flex-control-paging li a.flex-active, ul.page-numbers li a.prev:hover, ul.page-numbers li a.next:hover, ul.paging a:hover span{

	background-color: #ffc000; /* Button Back Ground Color*/

	color: #fff; /* Button Text Color*/

}



a.btn:hover, input[type=button]:hover, nav a:hover, nav li.current-menu-item a:hover, li.current-menu-parent a:hover, input[type=submit]:hover, #menu-icon.active, #nav ul, .nav-parent.hover a{

	background-color: #646d72; /* Button Back Ground Color on Hover*/

	color: #fff;

}

h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success:before, #response .failure, pre, .toggle-btn, .accordion-btn{

	color: #2d3438; /* Headings Color*/

} 

strong, b, .lead, .main table th, blockquote, .more, .cta a, .tweet, ul.pagination li a, ul.comments h5 a:hover, .comment-reply-link, .comment-edit-link, .link-pages, .link-pages p a:hover, #wp-calendar a:hover, #wp-calendar caption, #comments_pagination span, #comments_pagination a:hover, .right-aside .widget_nav_menu li a{

	color: #3c4a52; /* Headings Color*/

}

#masthead{

	background: #a4aeb0!important; /* Home Page Masthead Background Color - Match to image*/

}

.cta, .cta h1, .cta h2, .cta h4, .cta h5{

	color: #fff; /* Masthead Headings Color*/

}

.cta h3{

	color: #e2e2e2; /* Masthead Headings Color*/

}

span.wpcf7-not-valid-tip, div.wpcf7-response-output{

	color: #f47851;

}

h6.tags a, a:before{

	color: #CAD2D7;

}









/* ==========================================================================

   Logos

   ========================================================================== */  

.logo{

	max-width: 131px; /* Update width to suite your own logo size */

}

.logo-foot{

	max-width: 45px; /* Update width to suite your own logo size */

}









	



/* ==========================================================================

   Masthead Styles

   ========================================================================== */

#masthead{

	display: block;

	height: 1050px;

}



.cta h1{

	font-family: 'robotoblack';

	font-size: 96px;

	margin-bottom: 15px;

	letter-spacing: -2px;

}

.cta h3{

	font-family: 'aleoitalic';

	letter-spacing: 0;

}

.cta h1:after, .cta h2:after, .cta h3:after {

	content: none;

}

.cta{

	margin-top: 18%;

	padding-bottom: 30px;

	font-size: 18px;

}

.cta a, .foot-widgets a:hover, .foot-widgets a:hover b{

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

}

.flexslider.flexslider_single{

	margin-bottom: 0;

}







/* ==========================================================================

   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: .4em .4em;

	list-style-type: none;

}

.nav a, .header-container div.nav li a{

	font-family: 'robotobold_condensed';

	font-size: 20px;

	padding: 0.3em 1.2em;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	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;

}

nav a.active{

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

nav li.nav-parent:hover a{

	-webkit-border-radius: 3px 3px 0px 0px;

	border-radius: 3px 3px 0px 0px;

}

nav li.current-menu-item a, nav li.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;

}

nav li.current-menu-item li a, li.current-menu-parent li a, nav li li.current-menu-item a{

	background: none;

}

/* Default icon */

div.nav{

	float: right;

	max-width: 80%;

}

.header-container div.nav li{

	float: none;

	display: inline-block;

	margin-bottom: 1em;

}



/* menu icon */

#menu-icon {

	display: none;

	font-family: 'robotobold_condensed';

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

#nav ul {

	position: absolute;

	display: none;

	min-width: 160px;

	-webkit-border-radius: 0px 3px 3px 3px;

	border-radius: 0px 3px 3px 3px;

	z-index: 10000;

}

#nav ul li {

	float: none;

	margin: 0;

	padding-left: 10px;

	padding: 0.4em;

	position: relative;

	display: block;

	

}

#nav ul li a{

	padding-left: .8em;

	padding-top: .2em;

	color: #fff;

}

#nav ul ul li a{

	padding-left: 0;

}

#nav li:hover  ul {

	display: block; 

}

#nav ul ul{

	position: relative;

	top: 0px;

	-webkit-border-radius: 0px 3px 3px 3px;

	border-radius: 0px 3px 3px 3px;

	z-index: 10000;

}

#nav ul.sub-menu ul.sub-menu li:last-child{

	padding-bottom: 0;

}

#nav ul.sub-menu ul.sub-menu li a:before{

	content: "g";

	font-family: 'bulletsregular';

	position: relative;

	top: 0px;

	left: 0em;

}

#nav ul.sub-menu ul.sub-menu li{

	padding-left: 1em;

}















/* ==========================================================================

   Main Container General Layout Styles

   ========================================================================== */

.header-container header{

	padding-bottom: 0;

}

.header-container header .wrapper{

	padding-top: 0px;

	border-bottom: 1px solid #cad2d7;

	padding-bottom: 45px;

	position: relative;

}

   

.main-container{

	padding: 50px 0;

}

.main-content{

	width: 65%;

	float: left;

}

.main-content.full{

	width: 100%;

	float: none;

}

.main-content img, .right-aside img, .fluid-width-video-wrapper{

	max-width: 100%;

	background: #d7dce3;

	border: 6px solid #fff;

	margin: 1em 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	height: auto;

}



a img{

	position: relative;

}

.right-aside{

	float: right;

	width: 24%;

	border-left: 1px solid #cad2d7;

	padding-left: 4%;

}

.right-aside img{

	max-width: 100%;

}

.right-aside .widget_nav_menu li a, .right-aside .widget_nav_menu li a:hover{

	background: none;

}

 .gallery img{

	max-width: 100%;

	width: auto;

	background: #d7dce3;

	border: 6px solid #fff!important;

	margin: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.gallery-item, .wp-smiley{

	text-align: left;

	width: auto;

}

.right-aside .canon_more_posts .mosaic-block.third, .right-aside .canon_more_posts .mosaic-block.third.last{

	width: 47.5%!important;

	margin-right: 5%!important;

	margin-top: .2em;

	margin-bottom: .7em;

}

.right-aside .canon_more_posts .mosaic-block.third:nth-child(2n+2){

	margin-right: 0!important;

}













/* ==========================================================================

   Typography

   ========================================================================== */

h1, h2, h3, h4, h5, h6, p{

	word-wrap: break-word;

}   

h1, h2, h3, h4, h5, h6{ 

	font-weight: normal;

	line-height: 100%;

	letter-spacing: -1px;

	margin: 25px 0 .5em;

}

h1{

	font-size: 66px;

}

h2{

	font-size: 36px;

	margin-top: 15px;

}

h3{

	font-size: 28px;

}

h4, h5, h3#reply-title, .foot-widgets h2{

	font-size: 24px;

}

.foot-widgets h2:after{

	display: none;

}

h6{

	font-size: 14px;

	letter-spacing: 0px;

	position: relative;

}

#header_logo{

	float: left;

}

blockquote h6, cite{

	top: -1.4em;

}

cite{

	font-family: 'robotobold';

	font-weight: normal;

	font-style: normal;

	font-size: 14px;

}

blockquote cite{

	display: block;

	text-transform: uppercase;

	margin-top: 1em;

}

.meta{

	margin-top: -10px;

	margin-bottom: 12px;

}

h6.tags{

	margin-top: 0em;

	font-family: 'robotoitalic'; 

}

h6.date{

	margin-top: 0;

}

h6.tags a:before{

	 font-family: 'bulletsregular';

	 content: "p";

}

h6.tags a{

	margin-right: .5em;

}

strong, h1, h2, h3, h4, h5, h6, b, .more, ol > li:before, .cta a, .comment-reply-link, .comment-edit-link{

	font-family: 'robotobold';

	font-weight: normal;

}

h1:after, h2:after, h3:after, .logo-text:after{

	content: ".";

	font-size: 56px;

	position: relative;

	padding-left: 3px;

}

.logo-text:after{

	left: -3px;

}

.logo-text{

	letter-spacing: -2px;

	position: relative;

	top: .1em;

	font-size: 54px;

	font-family: 'robotobold';

}

h3#reply-title:after{

	display: none;

}

em{ 

	font-style: normal;

	font-family: 'robotoitalic'; 

}

.lead, blockquote{

	font-size: 24px;

	line-height: 32px;

	font-family: 'aleoitalic';

}



cite{

	

}

.lead{

	margin-top: 0;

}



.main-container a, span{

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

}

.main-container a{

	cursor: pointer;

}



hr { display: block; height: 1px; border: 0; border-top: 1px solid #cad2d7; padding: 0; margin: 3em 0; }

hr.dash { display: block; height: 1px; border: 0; border-top: 1px dashed #cad2d7; margin: 3em 0; padding: 0; }

hr.dots { display: block; height: 1px; border: 0; border-top: 1px dotted #cad2d7; margin: 3em 0; padding: 0; }

aside hr, hr.dash, hr.dots{margin: 2em 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;

}



.wp-caption {

	max-width: 100%;

}

.wp-caption-text {

	font-style: normal;

	font-family: 'robotoitalic';

	margin-top: -.5em; 

}

.sticky{

	padding: 1em;

	padding-top: 0;

	background-color: rgba(120, 120, 120, .075);

}

.gallery-caption {

	font-style: normal;

	font-family: 'robotoitalic';

}

.bypostauthor {

	font-style: normal;

	font-family: 'robotoitalic';

}





iframe{

	margin-top: 1em;

	margin-bottom: 1em;

	padding: 1%;

	background-color: #fff;

	width: 98%;

}

.fluid-width-video-wrapper{

	margin-bottom: 2em;

	background-color: #ffffff;

	margin-top: 1em;

	

}

.flexslider .fluid-width-video-wrapper{

	margin-top: 0;

}

.fluid-width-video-wrapper iframe{

	width: 100%;

	padding: 0;

	margin: 0;

}

blockquote, blockquote.right, blockquote.left{

	margin: 0 3% 3%;

}

.tweet, .quote{

	font-size: 32px;

	font-family: 'aleolightitalic';

	line-height: 36px;

	padding-left: 2.2em;

	position: relative;

}

aside li.tweet p, aside li.tweet b{

	font-size: 18px;

	line-height: 26px;

	padding-left: 0;

	font-family: 'aleoitalic';

}

.tweet:before, aside .tweet .meta:before,  .tweets blockquote:before, .foot-widgets ul li.tweet:before{

	content: "L";

	font-family: 'socialicoregular';

	color: #cad2d7;

	position: absolute;

	left: 0;

	top: 10px;

	font-size: 70px;

}

 .tweets blockquote:before{

 	position: relative;

 	top: 12px;

 	left: -12px;

 }

.quote:before{

	content: "“";

	font: 105px/66px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	color: #cad2d7;

	position: absolute;

	left: 10px;

	top: 10px;

}

aside .tweet:before{

	display: none;

}

aside .tweet .meta{

	margin-top: 1em;

	position: relative;

	padding-left: 38px;

}

aside .tweet .meta:before{

	font-size: 40px;

	top: 2px;

}

aside .tweet{

	border-bottom: 1px solid #CAD2D7;

}

aside .tweet:last-child{

	border: none;

}







/* ============= 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, .comment-reply-link, .comment-edit-link, #cancel-comment-reply-link{

	list-style-type: none;

	line-height: 20px;

	padding-top: 5px;

	padding-bottom: 8px;

	position: relative;

	padding-left: 22px;

}



.main ul li:before, .more:before, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before{

	content: "g";

	font-family: 'bulletsregular';

	font-size: 16px;

	left: 3px;

	top: 6px;

	position: absolute;

}

.comment-reply-link, .comment-edit-link, #cancel-comment-reply-link{

	float: right;

}

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

}

ul.tweets li{

	padding-left: 0;

}





/* ============= Pagination + Paging ===============*/   

ul.pagination, ul.page-numbers{

	text-align: center;

}

ul.pagination li:before, ul.paging li:before, ul.page-numbers li:before{

	display: none;

}

ul.pagination li, ul.paging li, ul.page-numbers 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, ul.page-numbers li a.next, ul.page-numbers li a.prev, ul.paging span{

	/*color: #fff;*/

	font-family: 'bulletsregular';

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	/*background: #bbc3c8;*/

	padding: .3em .5em .2em;

	opacity: .6;

}

ul.pagination .left a:hover, ul.pagination .right a:hover, ul.paging a:hover span, ul.page-numbers li a.next:hover, ul.page-numbers li a.prev:hover, ul.paging span:hover{

	opacity: 1;

}

ul.paging span.inactive{

	text-transform: uppercase;

	opacity: .5;

	cursor: auto;

}

ul.paging .right span.inactive{

	text-transform: none;

}

ul.pagination .right a, ul.paging .right span, ul.page-numbers li a.next{

	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;

}

ul.page-numbers li a.next{

	float: right;

}

ul.page-numbers li a.prev{

	float: left;

}

.link-pages p{

	background: none repeat scroll 0 0 #FFFFFF;

	border: 1px solid #DDE1E5;

	border-radius: 3px 3px 3px 3px;

	font-family: 'robotobold';

	margin-bottom: 0;

	margin-top: 2em;

	padding: 0.3em;

	text-align: center;

	word-spacing: 12px;

	

}





/* ============= Comments ===============*/

ul.comments li{

	padding-left: 0;

}

ul.comments li div{

	line-height: 20px;

	padding: 0em;

}

ul.comments li div{

	padding: 1em 2%;

}

ul.comments ul li div{

	padding-left: 4%;

}

ul.comments ul ul li div{

	padding-left: 6%;

}

ul.comments ul ul ul li div{

	padding-left: 8%;

}

ul.comments ul ul ul ul li div{

	padding-left: 10%;

}

ul.comments ul ul ul ul ul li div{

	padding-left: 12%;

}

ul.comments ul ul ul ul ul ul li div{

	padding-left: 14%;

}

ul.comments ul{

	margin-bottom: 0;

}

ul.comments li > ul{

	margin: 0;

}

ul.comments .odd{

	background: #fff;

} 

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;

}

#comments_pagination{

	text-align: center;

}

#comments_pagination .page-numbers{

	border-radius: 3px;

	background: #fff;

	padding: .3em .8em .2em;

	margin: 0 .2em;

}



#comments_pagination .prev.page-numbers, #comments_pagination .next.page-numbers{

	display: none;

}









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

	padding: .2em 2%;

	font-family: 'robotobold';

}

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%;

}







/* ============= Buttons ===============*/

a.btn, input[type=button], input[type=submit]{

	border: none;

	color: #fff;

	font-weight: normal;

	font-size: 18px;

	font-family: 'robotobold';

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	padding: .6em 1.2em;

	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;

}

a.btn:hover{

	color: #fff;

}

a.small-btn{

	font-size: 14px;

	padding: .4em .9em;

}

a.xsmall-btn{

	font-size: 12px;

	padding: .2em .7em;

}







/* ============= Tables ===============*/

.main table{

	border: 1px solid #dde1e5;

	border-style: solid;

	border-width: 1px;	

	text-align: left;

	width: 100%;

	background: #ffffff;

}

.main table th{

	padding: .5em;

	border: 1px solid #dde1e5;

	border-style: solid;

	border-width: 1px;

	background-color: #ebedef;

	vertical-align: top;	

}

.main table td{

	padding: .5em;

	border: 1px solid #dde1e5;

	border-style: solid;

	border-width: 1px;

	vertical-align: top;	

}

.main table tr:nth-child(2n+1){

	background-color: #f8f8f8;

}









/* ============= Forms ===============*/

form{

	margin-top: 3em;

}

#commentform{

	margin-top: 1em;

}

fieldset{

	padding: 1em;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid #d9d6cf;

	margin-bottom: 1em;

}

fieldset fieldset{

	background: #ffffff;

}

label{

	font-weight: normal;

	font-family: 'robotobold';

	padding-right: 1em;

	display: inline-block;

}

input[type=text],  input[type=email], input[type=password], textarea, input[type=tel], input[type=url], input[type=date], input[type=range], input.input-text{

 	border: 1px solid #dde1e5;

 	border-width: 1px;

 	border-style: solid;

	background: #ffffff;

	padding: 10px 2%;

	font-family: 'robotolight_italic';

	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: 78%;

	-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{

 	border: 1px solid #efdca2;

}

input.half{

	width: 48%;

	margin-right: 4%;

}

input.full, textarea.full{

	width: 100%;

}

input.field-last{

	padding: 10px 2%;

	margin-right: 0;

}

 

 

 input.third{

 	width: 32%;

 	margin-right: 2%;

 }

 

 input.field-last{

 	padding: 10px 2%;

 	margin-right: 0;

 }

  

  

textarea{

	width: 96%;

	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';

}



/* ============= Contact Form 7 Styles ===============*/

span.wpcf7-not-valid-tip, div.wpcf7-response-output{

	background: transparent;

	border: none;

	padding-left: 0;

}

span.wpcf7-not-valid-tip{

	position: relative;

	left: 0;

	top: 0;

	margin-top: -15px;

	display: block!important;

}











/* ============= Mosaic Styles ===============*/

.mosaic-block {

	position:relative;

	overflow:hidden;

	background:#ffffff url(img/progress.gif) no-repeat center center;

	margin: 1em 0;

	border: 5px solid #ffffff;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	display: inline-block;

	max-width: 100%;

}

.mosaic-block img{

	margin: 0;

	border: none;

	width: 100%;

}

.mosaic-backdrop {

	display:none;

	top:0;

	height: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-size: 49px 49px;

	background-color: rgba(0, 0, 0, .3);

	opacity:0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";

	filter:alpha(opacity=00);

	display:none;

}

@media (min--moz-device-pixel-ratio: 1.5),

	(-o-min-device-pixel-ratio: 3/2),

	(-webkit-min-device-pixel-ratio: 1.5),

	(min-device-pixel-ratio: 1.5),

	(min-resolution: 1.5dppx) {

	/* on retina, use image that's scaled by 2 */

.fade .mosaic-overlay{

	background: url(img/hover-magnify@2x.png) no-repeat center center; /*Image of iphone 5 in hand */

	background-size: 49px 49px;

}

}



.fade .mosaic-overlay.goto_post{

	background:url(img/hover-gotopost.png) no-repeat center center;

	background-size: 49px 49px;

	background-color: rgba(0, 0, 0, .3);

	opacity:0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";

	filter:alpha(opacity=00);

	display:none;

}

@media (min--moz-device-pixel-ratio: 1.5),

	(-o-min-device-pixel-ratio: 3/2),

	(-webkit-min-device-pixel-ratio: 1.5),

	(min-device-pixel-ratio: 1.5),

	(min-resolution: 1.5dppx) {

	/* on retina, use image that's scaled by 2 */

.fade .mosaic-overlay.goto_post{

	background: url(img/hover-gotopost@2x.png) no-repeat center center; /*Image of iphone 5 in hand */

	background-size: 49px 49px;

}

}











/* ============= Columns ===============*/

.full{

	width: 100%;

} 

.half{

	width: 47%;

	margin-right: 6%;

	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, .cta.two-thirds{

	width: 65%;

	margin-right: 5%;

	float: left;

}

.three-fourths{

	width: 74%;

	margin-right: 4%;

	float: left;

}

.left{

	float: left;

}

.right{

	float: right;

}

.half img, .third img, .fourth img, .two-thirds img, .three-fourths img{

	max-width: 100%;

}





/* ==========================================================================

   Footer Styles

   ========================================================================== */

				

footer .wrapper{

	font-size: 14px;

	color: #9fa6aa;

	padding: 35px 0;

	margin-top: 0px;

}

.logo-foot{

	display: inline-block;

	padding-right: 5px;

}

ul.social-link li:before{

	display: none;

}

ul.social-link li{

	display: inline;	

	padding: 0;

}

ul.social-link a{

	 font-family: 'socialicoregular';

	 font-size: 44px;

	 -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: .35;

}

ul.social-link a:hover{

	opacity: 1;

}





/* ============= Calender ===============*/

#wp-calendar{

	

}

#wp-calendar caption{

	font-family: 'robotobold';

	background: #DDE1E5;

}



/** Back to top button **/

 #to_top {

     width:40px;

     height:40px;

     background: url(./img/totop.png) no-repeat 0 0 rgba(0, 0, 0, .7);

     position:fixed; 

     bottom:20px; 

     right:20px;

     cursor:pointer;

     /*display:none;*/

     /*opacity: 0.0;*/

}







/* ============= 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: #b0d0ae;

	background: #e7f0e8;

}

.message.info{

	border-color: #95b3c8;

	background: #dae3e9;

}

.message.error{

	border-color: #cf8177;

	background: #f2ddda;

}

.message.notice{

	border-color: #fcc84a;

	background: #f2f0da;

}







/* ==========================================================================

   TOGGLES

   ========================================================================== */

.toggle-btn { 

	text-decoration:none; 

	display:block;

	font-family: 'robotobold';

}

.toggle-content{ 

	display:none;

	margin-top: 1em;

}

.toggle-content.active{

	display: block;

}

ul.toggle li {

	position:relative;

	overflow:hidden;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	padding-top: .85em;

	padding-right: 0;

	padding-bottom: .85em;

}

ul.toggle li:before{

	top: 15px;

}

ul.toggle{

	margin-bottom: 2.5em;

}



/* editbymb 22072013 */

/* ==========================================================================

   ACCORDION

   ========================================================================== */

.accordion-btn { 

	text-decoration:none; 

	display:block;

	font-family: 'robotobold';

}

.accordion-content{ 

	display:none;

	margin-top: 1em;

}

.accordion-content.active{

	display: block;

}

ul.accordion li {

	position:relative;

	overflow:hidden;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	padding-top: .85em;

	padding-right: 0;

	padding-bottom: .85em;

}

ul.accordion li:before{

	top: 15px;

}

ul.accordion{

	margin-bottom: 2.5em;

}







/* ==========================================================================

   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;

	padding: .5em 1em;

	font: 18px 'robotobold';

} 

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;

}

h4.v_nav {display: none;}







/* ==========================================================================

   Author's custom styles

   ========================================================================== */

.main-content img.wp-smiley, .main-content img.ajax-loader{

	width: auto;

	background: transparent;

	border: none;

}



































/* ==========================================================================

   FONTS

   ========================================================================== */

   

@font-face {

    font-family: 'aleoitalic';

    src: url('font/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/aleo-italic-webfont.woff') format('woff'),

         url('font/aleo-italic-webfont.ttf') format('truetype'),

         url('font/aleo-italic-webfont.svg#aleoitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}





@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: 'robotoblack';

    src: url('font/roboto-black-webfont.eot');

    src: url('font/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-black-webfont.woff') format('woff'),

         url('font/roboto-black-webfont.ttf') format('truetype'),

         url('font/roboto-black-webfont.svg#robotoblack') 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: 'robotobold_condensed';

    src: url('font/roboto-boldcondensed-webfont.eot');

    src: url('font/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-boldcondensed-webfont.woff') format('woff'),

         url('font/roboto-boldcondensed-webfont.ttf') format('truetype'),

         url('font/roboto-boldcondensed-webfont.svg#robotobold_condensed') 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_italic';

    src: url('font/roboto-lightitalic-webfont.eot');

    src: url('font/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-lightitalic-webfont.woff') format('woff'),

         url('font/roboto-lightitalic-webfont.ttf') format('truetype'),

         url('font/roboto-lightitalic-webfont.svg#robotolight_italic') 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: '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;



}











@font-face {

    font-family: 'selfyregular';

    src: url('font/selfy-webfont.eot');

    src: url('font/selfy-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/selfy-webfont.woff') format('woff'),

         url('font/selfy-webfont.ttf') format('truetype'),

         url('font/selfy-webfont.svg#selfyregular') 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;



}











/* ==========================================================================

   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;

}





/* ==========================================================================

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

}





/* ==========================================================================

   Fit to content width

========================================================================== */



	/* editbymb 05062013 */

	.size-auto, 

	.size-full,

	.size-large,

	.size-medium,

	.size-thumbnail {

		max-width: 100%;

		height: auto;

	}



	/* editbymb 08062013 */

	.flexslider.flexslider_single.paged {

		margin-bottom: 40px;	

	}





/* ==========================================================================

  To comply with Theme Check standards

========================================================================== */



	/* editbymb 08062013 */

	.wp-caption {}

	.wp-caption-text {}

	.sticky {}

	.gallery-caption {}

	.bypostauthor {}



	.alignright {float:right; }

	.alignleft {float:left; }

	.aligncenter {display: block; margin-left: auto; margin-right: auto}

	img.alignright {float:right; margin:0 0 1em 1em}

	img.alignleft {float:left; margin:0 1em 1em 0}

	img.aligncenter {display: block; margin-left: auto; margin-right: auto}





/* ==========================================================================

	homepage

========================================================================== */



	/* editbymb 24062013 */

	#hp_twitter_widget {display: none;}





/* ==========================================================================

   Author's custom styles

   ========================================================================== */



.center{

	text-align: center;

}

.center-block{

	margin-right: auto;

	margin-left: auto;

	float: none;

}

.statistics{

	display: table;

	width: 100%;

	margin-top: 1.5em;

}

.statistics ul{

	display: table-row;

}

.statistics ul li{

	display: table-cell;

	text-align: center;

	border-right: 1px solid #cad2d7; 

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0em;

}

.statistics li:last-child{

	border: none;

}

.statistics li:before{

	display: none;

}

.statistics li h4{

	font-family: 'selfyregular';

	text-transform: uppercase;

	font-size: 60px;

	color: #ffc000; 

	font-weight: normal;

	margin-bottom: .2em;

}

.statistics li h5{

	font-size: 48px;

	color: #9fadb4; 

	font-family: 'robotobold';

	letter-spacing: -1px;

	font-weight: normal;

	margin: 0;

}

.statistics li h6{

	color: #2d3438; 

	font-size: 18px;

	font-weight: normal;

	font-family: 'RobotoLight';

	margin-top: .4em;

}

.main-content .statistics img{

	border: none;

	background: none;

	margin-top: 0;

	margin-right: 0;

	margin-left: 0;

}



footer{

	

	padding-bottom: 3em;

}	



.flexslider-quote blockquote{

	 font-family: 'aleolightitalic';

	 font-size: 32px;

}







/* ADDITIONAL UPDATES TO BE ADDED

* footer .wrapper - remove border - remove margin

* body - remove bottom padding

* .flex-control-paging li a - update size

* .flex-control-nav li - update margin

*/









/* ADDITIONAL UPDATES TO BE ADDED */

ul.filters{

	border-bottom: 1px solid #cad2d7;

	border-top: 1px solid #cad2d7;

	margin-top: 2.5em;

	margin-bottom: 2em;

	text-align: center;

}

ul.filters li:before{

	content: "q";

}

ul.filters li{

	display: inline-block;

	margin-right: 1em;

	border-right: 1px solid #cad2d7;

	padding-right: 1.2em;

}

ul.filters li:last-child{

	border: none;

	margin-right: 0;

}

ul.filters li.active a{

	color: #ffc000; 

}

footer .wrapper img{

	max-width: 100%;

}

footer .wrapper .mosaic-block{

	border-width: 3px;

	margin-top: .5em;

	margin-bottom: .5em;

}

.foot-widgets{

	border-bottom: 1px solid #cad2d7; 

}

.foot-widgets .tweet{

	font-size: 18px;

	line-height: 130%;

}

.foot-widgets ul li.tweet:before{

	font-size: 30px;

}

.foot-widgets ul li.tweet p:before{

	padding-left: 30px;

	content: "";

}

.foot-widgets ul li.tweet p{

	margin-top: 7px;

}

.home-hr{

	margin-top: 0;

}

.home-hr-reduce{

	margin-bottom: 1.5em;

}

.home-texty{

	margin-bottom: 4em;

}



.right-aside .widget.widget_nav_menu ul.menu li a{

    background: none!important;

}



.comment-form-subscriptions {
	display:none !important;
}

@media only screen and (min-width: 769px) {
.filmatrixlifecat .main-content {
    width: 71%;
}
}

.time_circles span, .time_circles h4 {
color:#FFF !important;
}

.time_circles h4 {
font-size:0.7em !important;
line-height:0.7em !important;
}
.time_circles span {
font-size:2em !important;
}

.am-active-invoice-product:before {
	content:"" !Important;
}