/*
Theme Name: Reframe
Theme URI: http://northeme.com
Description: Slick & Flexible Premium Wordpress Theme
Author: northeme.com
Author URI: http://northeme.com
Version: 2.4.1
Tags: Portfolio, Work, Clean, Slick, Minimal, Art, Creative, Design, Personal, Advertising, Agency, Responsive


  
TABLE OF CONTENTS
==================================================
	1 - BASE STYLES	
		#Reset & Basics
		#Basic Styles
		#Site Styles
		#Typography
		#Links
		#Lists
		#Images
		#Buttons
		#Forms
		#Misc 
		
	2 - SITE LAYOUT	
		#Site Styles
		#Media Queries 
		
	3 - RESPONSIVE 
		#Tablet (Portrait)
		#Mobile (Portrait)
		#Mobile (Landscape)
		#Clearing 
		
	4 - FONT AWESOME
	
	5 - TABS
	6 - FLEXSLIDER
	7 - WIDGETS
	7 - SWIPEBOX

*/


/*===================================================================================================== 
	1 - BASE STYLES
======================================================================================================= */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1.7em; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none;
		}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	::selection {
		background: #000;
		color:#fff;
	}
	::-moz-selection {
		background: #000;
		color:#fff;
	}

/* #Basic Styles
================================================== */
	body {
		font: 14px/22px courier new, "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		height:100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		font-family: courier new, "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: normal; 
		margin-bottom:10px;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px; letter-spacing:-0.04em; }
	h1.biggest { font-size: 48px; line-height:44px; margin:0px 0 15px 0; font-weight:lighter; letter-spacing:-0.02em; }
	h2 { font-size: 30px; line-height: 35px; margin:0px 0 15px 0; }
	h3 { font-size: 24px; line-height: 29px; }
	h4 { font-size: 21px; line-height: 26px; }
	h5 { font-size: 18px; line-height: 23px; }
	h6 { font-size: 12px; line-height: 18px; margin:0px 0 5px 0 }
	.subheader { color: #777; }

	p { margin: 0px 0 20px 0; line-height:1.7em; }
	p.featured { }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 14px; font-style:italic; line-height: 24px; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 1px 25px; margin-left:25px; border-left: 2px solid #bbb; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { 
		 border: solid #bbb; 
	     border-width: 1px 0 0; 
		 clear: both; 
		 margin: 30px 0 30px 0; 
		 height: 0; 
	    }
	hr.headertop {
		margin:30px 0 30px 0;
	}
	hr.headerbottom {
		margin:20px 0 0px 0;
	}
	hr.footer { 
		margin:20px 0 20px 0; 
		}
	hr.square { 
		 background:url(images/squares.png); 
		 clear: both; 
		 margin: 20px 0 0px 0; 
		 height: 5px;
	    }
/* #Links
================================================== */
	a { 
		text-decoration: none; 
		outline: 0; 
		}
	a:hover, a:focus { }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; margin-top:20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul, ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	img {
		max-width: 100%;
		height: auto !important;
	}

/* #Buttons
================================================== */
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  background: #333;
	  border:none;
	  color: #f0f0f0;
	  display: inline-block;
	  font-size: 11px;
	  text-decoration: none;
	  text-shadow:none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 10px 18px;
	  text-transform:uppercase;
	 }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	
	a.button-mini { 
		padding: 6px 12px!important;
		font-size: 11px!important;
	}
	a.button-large { 
		padding: 15px 30px!important;
		font-size: 12px!important;
	}
	a.button, a.button:hover { 
		background-color:#000;
		color:#fff;
	}
	a.button-black, a.button-black:hover { 
		background-color:#000!important;
		color:#fff!important;
	}
	a.button-blue, a.button-blue:hover { 
		background-color:#06C!important;
		color:#fff!important;
	}
	a.button-red, a.button-red:hover { 
		background-color:#cc0000!important;
		color:#fff!important;
	}
	a.button-gray, a.button-gray:hover { 
		background-color:#ccc!important;
		color:#000!important;
	}
	a.button-orange, a.button-orange:hover { 
		background-color:#ff6600!important;
		color:#000!important;
	}
	


/* #Alerts
================================================== */

	 div.alert { 
		display:block; 
		padding:20px;
		background-color:#f0f0f0;
		color:#666; 
		font-size:12px;
		margin-bottom:20px;
	 }
	 div.alert a.closealert {
		float:right;
	 }
	 div.alert-green {
		background-color:#DFF0D8;
		color:#468847; 
	 }
	 div.alert-orange {
		background-color:#FCF8E3;
		color:#C09853; 
	 }  
	 div.alert-red {
		background-color:#F2DEDE;
		color:#B94A48; 
	 }
	 div.alert-blue {
		background-color:#d9edf7;
		color:#3a87ad; 
	 }
	 
	 div.alert-green strong { color:inherit }
	 div.alert-orange strong { color:inherit }
	 div.alert-red strong { color:inherit }
	 div.alert-blue strong { color:inherit }


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

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		padding: 14px 12px;
		outline: none;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		margin-bottom: 20px;
		background: #fff;
		border:none;
		-webkit-transition: background-color .2s ease, border-color .2s ease;
		-moz-transition: background-color 2s ease, border-color .2s ease;
		-o-transition: background-color 2s ease, border-color .2s ease;
		-ms-transition: background-color 2s ease, border-color .2s ease;
		transition: background-color .2s ease, border-color .2s ease;
	}
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
	}
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-size: 13px; 
		margin-bottom:7px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
	
	input.tiny { 
		width: 50px;
	}	
	input.small { 
		width: 100px;
	}
	input.medium { 
		width: 150px;
	}
	input.large { 
		width: 210px;
	}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.pull-left { float:left }
	.pull-right { float:right!important }
	.align-right { text-align:right }
	.align-center { text-align:center }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

	


/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 912px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha, .column.first, .columns.first               { margin-left: 0; }
    .column.omega, .columns.omega, .column.last, .columns.last               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 37px;  }
    .container .two.columns                     { width: 94px; }
    .container .three.columns                   { width: 151px; }
    .container .three-sp.columns                { width: 141px; }
    .container .four.columns                    { width: 208px; }
    .container .five.columns                    { width: 265px; }
    .container .six.columns                     { width: 322px; }
    .container .seven.columns                   { width: 379px; }
    .container .eight.columns                   { width: 436px; }
    .container .nine.columns                    { width: 493px; }
    .container .ten.columns                     { width: 550px; }
    .container .eleven.columns                  { width: 607px; }
    .container .twelve.columns                  { width: 664px; }
    .container .thirteen.columns                { width: 721px; }
    .container .thirteen-sp.columns             { width: 731px; }
    .container .fourteen.columns                { width: 778px; }
    .container .fifteen.columns                 { width: 835px; }
    .container .sixteen.columns                 { width: 892px; }

    .container .one-third.column                { width: 284px; }
    .container .two-thirds.column               { width: 568px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 57px;  }
    .container .offset-by-two                   { padding-left: 114px; }
    .container .offset-by-three                 { padding-left: 171px; }
    .container .offset-by-four                  { padding-left: 228px; }
    .container .offset-by-five                  { padding-left: 285px; }
    .container .offset-by-six                   { padding-left: 342px; }
    .container .offset-by-seven                 { padding-left: 399px; }
    .container .offset-by-eight                 { padding-left: 456px; }
    .container .offset-by-nine                  { padding-left: 513px; }
    .container .offset-by-ten                   { padding-left: 570px; }
    .container .offset-by-eleven                { padding-left: 627px; }
    .container .offset-by-twelve                { padding-left: 684px; }
    .container .offset-by-thirteen              { padding-left: 741px; }
    .container .offset-by-fourteen              { padding-left: 798px; }
    .container .offset-by-fifteen               { padding-left: 855px; }

	
	footer .widgetclass { 
		margin-bottom:30px;
	}
	footer .widget4 { 
	   float: left;
	   width: 22.3%;
	   margin-right: 3.5%;
	}
	footer .widget3 { 
	   float: left;
	   width: 31%;
	   margin-right: 3.5%;
	}
	footer .widget2 { 
	   float: left;
	   width: 49%;
	   margin-right: 2%;
	}
	footer .widget1 { 
	   float: left;
	   width: 100%;
	   margin-right: 0;
	}
	footer .widget2:last-child, footer .widget3:last-child, footer .widget4:last-child, footer .odd { 
	   margin-right:0
	}


	.topline { 
		margin-bottom:50px;
	} 
	

/* #1440px Full
================================================== */

	
	
@media only screen and (min-width: 1380px) {

	
	.container                                  { position: relative; width:1328px;margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 15px; margin-right: 15px; }
    .row                                        { margin-bottom: 30px; }

   
    .column.alpha, .columns.alpha, .column.first, .columns.first               { margin-left: 0; }
    .column.omega, .columns.omega, .column.last, .columns.last               { margin-right: 0; }

    
    .container .one.column,
    .container .one.columns                     { width: 53px;  }
    .container .two.columns                     { width: 136px; }
    .container .three.columns                   { width: 219px; }
    .container .three-sp.columns                { width: 199px; }
    .container .four.columns                    { width: 302px; }
    .container .five.columns                    { width: 385px; }
    .container .six.columns                     { width: 468px; }
    .container .seven.columns                   { width: 551px; }
    .container .eight.columns                   { width: 634px; }
    .container .nine.columns                    { width: 717px; }
    .container .ten.columns                     { width: 800px; }
    .container .eleven.columns                  { width: 883px; }
    .container .twelve.columns                  { width: 966px; }
    .container .thirteen.columns                { width: 1049px; }
    .container .thirteen-sp.columns             { width: 1069px; }
    .container .fourteen.columns                { width: 1132px; }
    .container .fifteen.columns                 { width: 1215px; }
    .container .sixteen.columns                 { width: 1298px; }

    .container .one-third.column                { width: 402px; }
    .container .two-thirds.column               { width: 804px; }
	
	
    .container .offset-by-one                   { padding-left: 83px;  }
    .container .offset-by-two                   { padding-left: 166px; }
    .container .offset-by-three                 { padding-left: 249px; }
    .container .offset-by-four                  { padding-left: 332px; }
    .container .offset-by-five                  { padding-left: 415px; }
    .container .offset-by-six                   { padding-left: 498px; }
    .container .offset-by-seven                 { padding-left: 581px; }
    .container .offset-by-eight                 { padding-left: 664px; }
    .container .offset-by-nine                  { padding-left: 747px; }
    .container .offset-by-ten                   { padding-left: 830px; }
    .container .offset-by-eleven                { padding-left: 913px; }
    .container .offset-by-twelve                { padding-left: 996px; }
    .container .offset-by-thirteen              { padding-left: 1079px; }
    .container .offset-by-fourteen              { padding-left: 1162px; }
    .container .offset-by-fifteen               { padding-left: 1245px; }



	.topline { 
		margin-bottom:80px;
	} 
	
}




/* #1336px Full
================================================== */

@media only screen and (min-width: 1291px) and (max-width: 1379px) {

	
    .container                                  { position: relative; width:1264px;margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 15px; margin-right: 15px; }
    .row                                        { margin-bottom: 30px; }

   
    .column.alpha, .columns.alpha, .column.first, .columns.first               { margin-left: 0; }
    .column.omega, .columns.omega, .column.last, .columns.last               { margin-right: 0; }

    
    .container .one.column,
    .container .one.columns                     { width: 49px;  }
    .container .two.columns                     { width: 128px; }
    .container .three.columns,
	.container .three-sp.columns,               { width: 207px; }
    .container .four.columns                    { width: 286px; }
    .container .five.columns                    { width: 365px; }
    .container .six.columns                     { width: 444px; }
    .container .seven.columns                   { width: 523px; }
    .container .eight.columns                   { width: 602px; }
    .container .nine.columns                    { width: 681px; }
    .container .ten.columns                     { width: 760px; }
    .container .eleven.columns                  { width: 839px; }
    .container .twelve.columns                  { width: 918px; }
    .container .thirteen.columns,                
    .container .thirteen-sp.columns             { width: 997px; }
    .container .fourteen.columns                { width: 1076px; }
    .container .fifteen.columns                 { width: 1155px; }
    .container .sixteen.columns                 { width: 1234px; }

    .container .one-third.column                { width: 391px; }
    .container .two-thirds.column               { width: 782px; }
	
	
    /* Offsets */
    .container .offset-by-one                   { padding-left: 81px;  }
    .container .offset-by-two                   { padding-left: 162px; }
    .container .offset-by-three                 { padding-left: 243px; }
    .container .offset-by-four                  { padding-left: 324px; }
    .container .offset-by-five                  { padding-left: 405px; }
    .container .offset-by-six                   { padding-left: 486px; }
    .container .offset-by-seven                 { padding-left: 567px; }
    .container .offset-by-eight                 { padding-left: 648px; }
    .container .offset-by-nine                  { padding-left: 729px; }
    .container .offset-by-ten                   { padding-left: 810px; }
    .container .offset-by-eleven                { padding-left: 891px; }
    .container .offset-by-twelve                { padding-left: 972px; }
    .container .offset-by-thirteen              { padding-left: 1053px; }
    .container .offset-by-fourteen              { padding-left: 1134px; }
    .container .offset-by-fifteen               { padding-left: 1215px; }

	.topline { 
		margin-bottom:70px;
	} 
	
}



/* #1280px Full
================================================== */

    @media only screen and (min-width: 1200px) and (max-width: 1290px) {
		
    .container                                  { position: relative; width:1152px;margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 15px; margin-right: 15px; }
    .row                                        { margin-bottom: 30px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha, .column.first, .columns.first               { margin-left: 0; }
    .column.omega, .columns.omega, .column.last, .columns.last               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 42px;  }
    .container .two.columns                     { width: 114px; }
    .container .three.columns                   { width: 186px; }
    .container .three-sp.columns                { width: 166px; }
    .container .four.columns                    { width: 258px; }
    .container .five.columns                    { width: 330px; }
    .container .six.columns                     { width: 402px; }
    .container .seven.columns                   { width: 474px; }
    .container .eight.columns                   { width: 546px; }
    .container .nine.columns                    { width: 618px; }
    .container .ten.columns                     { width: 690px; }
    .container .eleven.columns                  { width: 762px; }
    .container .twelve.columns                  { width: 834px; }
    .container .thirteen.columns                { width: 906px; }
    .container .thirteen-sp.columns             { width: 926px; }
    .container .fourteen.columns                { width: 978px; }
    .container .fifteen.columns                 { width: 1050px; }
    .container .sixteen.columns                 { width: 1122px; }

    .container .one-third.column                { width: 354px; }
    .container .two-thirds.column               { width: 708px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 72px;  }
    .container .offset-by-two                   { padding-left: 144px; }
    .container .offset-by-three                 { padding-left: 216px; }
    .container .offset-by-four                  { padding-left: 288px; }
    .container .offset-by-five                  { padding-left: 360px; }
    .container .offset-by-six                   { padding-left: 432px; }
    .container .offset-by-seven                 { padding-left: 504px; }
    .container .offset-by-eight                 { padding-left: 576px; }
    .container .offset-by-nine                  { padding-left: 648px; }
    .container .offset-by-ten                   { padding-left: 720px; }
    .container .offset-by-eleven                { padding-left: 792px; }
    .container .offset-by-twelve                { padding-left: 864px; }
    .container .offset-by-thirteen              { padding-left: 936px; }
    .container .offset-by-fourteen              { padding-left: 1008px; }
    .container .offset-by-fifteen               { padding-left: 1080px; }

	.topline { 
		margin-bottom:70px;
	} 
	
}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 720px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
		.column.alpha, .columns.alpha, .column.first, .columns.first               { margin-left: 0; margin-right: 10px; }
    	.column.omega, .columns.omega, .column.last, .columns.last               { margin-right: 0;  margin-left: 10px;  }
	
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 25px; }
        .container .two.columns                     { width: 70px; }
        .container .three.columns,
		.container .three-sp.columns                { width: 115px; }
        .container .four.columns                    { width: 160px; }
        .container .five.columns                    { width: 205px; }
        .container .six.columns                     { width: 250px; }
        .container .seven.columns                   { width: 295px; }
        .container .eight.columns                   { width: 340px; }
        .container .nine.columns                    { width: 385px; }
        .container .ten.columns                     { width: 430px; }
        .container .eleven.columns                  { width: 475px; }
        .container .twelve.columns                  { width: 520px; }
        .container .thirteen.columns,
		.container .thirteen-sp.columns             { width: 565px; }
        .container .fourteen.columns                { width: 610px; }
        .container .fifteen.columns                 { width: 655px; }
        .container .sixteen.columns                 { width: 700px; }

        .container .one-third.column                { width: 220px; }
        .container .two-thirds.column               { width: 440px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 45px; }
        .container .offset-by-two                   { padding-left: 90px; }
        .container .offset-by-three                 { padding-left: 135px; }
        .container .offset-by-four                  { padding-left: 180px; }
        .container .offset-by-five                  { padding-left: 225px; }
        .container .offset-by-six                   { padding-left: 270px; }
        .container .offset-by-seven                 { padding-left: 315px; }
        .container .offset-by-eight                 { padding-left: 360px; }
        .container .offset-by-nine                  { padding-left: 405px; }
        .container .offset-by-ten                   { padding-left: 450px; }
        .container .offset-by-eleven                { padding-left: 495px; }
        .container .offset-by-twelve                { padding-left: 540px; }
        .container .offset-by-thirteen              { padding-left: 585px; }
        .container .offset-by-fourteen              { padding-left: 630px; }
        .container .offset-by-fifteen               { padding-left: 675px; }
		
		.topline { 
			margin-bottom:40px;
		} 
	
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px;margin: 0 auto;  }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .three-sp.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .thirteen-sp.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

		footer .widget4 { 
		   float: left;
		   width: 100%;
		   margin-right: 0;
		}
		footer .widget3 { 
		   float: left;
		   width: 100%;
		   margin-right: 0;
		}
		footer .widget2 { 
		   float: left;
		   width: 100%;
		   margin-right: 0;
		}
	
		.topline { 
			margin-bottom:25px;
		} 
	
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; margin: 0 auto;  }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .three-sp.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .thirteen-sp.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }






/*===================================================================================================== 
	2 - SITE LAYOUT
======================================================================================================= */


		/* SHARE ICONS */
		.sharing a {
			margin-right:5px;
		}
		.leftshare { 
			margin-top:25px;
		}
		.leftshare a { 
			margin-right:10px;
			color:#666;
			font-size:13px;
		}
		.toprightshare { 
			text-align:right;
			z-index: 999;
			position: relative;
		}
		.toprightshare a { 
			margin-left:10px;
			color:#666;
			font-size:13px;
		}
		.toprightshare a.makeitfull { 
			padding-left:17px;
			margin-left:12px;
			border-left:1px solid #ccc;
			top:-3px;
			position:relative;
		}
	
		/* MAXIMAGE */
		.mc-cycle {
			height:100%;
			overflow:hidden;
			position:fixed;
			width:100%;
			z-index:1;
		}
		a.mc-image {
				
			/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
			If you are using fading transitions, use 'opacity: 
			-webkit-transition: opacity 1s ease-in-out; 
			-moz-transition: opacity 1s ease-in-out; 
			-o-transition: opacity 1s ease-in-out; 
			transition: opacity 1s ease-in-out;
			*/
			/*If you are using horizontal slide transitions, use the following CSS:
			-webkit-transition: left 1s ease-in-out; 
			-moz-transition: left 1s ease-in-out; 
			-o-transition: left 1s ease-in-out; 
			transition: left 1s ease-in-out;*/
	
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position:center center;
			background-repeat:no-repeat;
			height:100%;
			overflow:hidden;
			width:100%;
			display:block;
		}
		.mc-old-browser .mc-image {
			overflow:hidden;
		}
		.mc-hide-scrolls{
			overflow:hidden;
		}
		
		#maximage { 
			display:none;
		}
		
		div#maximage a span { 
			position:absolute;
			bottom:90px;
			font-size:14px;
			left:50px;
			z-index:999;
		}
		
		.maximage-nav { 
			position:absolute;
			right:60px;
			bottom:70px;
			width:180px;
			height:40px;
			z-index:1000;
		}
		.maximage-nav #arrow_left, .maximage-nav #arrow_right {
			float:right;
			bottom:0px; 
			right:30px;
			font-size:58px;
			width:50px;
			height:50px;
			margin-left:10px;
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			 /* IE 5-7 */
			 filter: alpha(opacity=60);
			 /* Netscape */
			 -moz-opacity: .6;
			 /* Safari 1.x */
			 -khtml-opacity: .6;
			 /* Good browsers */
			 opacity: .6;
		}
		.maximage-nav #arrow_left:hover, .maximage-nav #arrow_right:hover {
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			 /* IE 5-7 */
			 filter: alpha(opacity=100);
			 /* Netscape */
			 -moz-opacity: 1;
			 /* Safari 1.x */
			 -khtml-opacity: 1;
			 /* Good browsers */
			 opacity: 1;
		}
		.maximage-nav a i { 
			margin-left: 18px;
			position: relative;
			top: -5px;
		}
		
		#full-page-container { 
			float:left;
			width:100%;
			height:100%;
		}
		
		.container.woframemargin {
			padding-top:20px; 
		}
   		#maincontainer { 
			background:none;
			margin:20px;
			height:100%;
		}
		
		#maincontainer a.main-logo { 
			font-size:21px;
			max-width:200px;
			font-weight:bold;
			color:#000;
			position:relative;
			z-index:10;
		}
		#maincontainer a.main-logo img { 
			max-width:200px;
		}
		
		#maincontainer a.main-logo.bottomleft { 
			position:fixed;
			bottom:60px;
		}
		
		
		
	
		/* HOME PAGE */
		* {
			outline: none; 
			-moz-outline-style: none;
		}
		.topline { 
			padding-top:50px;
		} 
		.topline.centeredtopline { 
			padding-top:50px;
			margin-bottom:50px;
		} 
		
		section.leftmenu { 
			font-size:12px;
			position:relative;
			z-index:10;
		}
		section.leftmenu .logo-leftmenu { 
			float:left;
			margin-bottom:60px;
		}
		form.leftsearchbox { 
			float:left;
			margin-bottom:25px;
		}
		section.leftmenu form { 
			margin-top:30px;
		}
		section.leftmenu form input {
			width:80px;
			font-size:11px;
			padding: 5px;
			float: left;
			height: 13px;
		}
		section.leftmenu form input, section.leftmenu form button {
			margin:0;
		}
		section.leftmenu form button {
			padding: 5px 10px;
			margin-left: 2px;
			float: left;
			height: 25px;	
		}
		section.leftmenu .menu {
			line-height:1.8em;
		}
		section.leftmenu a {
			color:#000;
		}
		.main-nav { 
			font-size:12px;
		}
		.main-nav .submenu { 
			font-size:11px;
		}
		.headright .main-nav i {
			display:none;	
		}
		section.leftmenu .main-nav a.selected, section.leftmenu .main-nav a:hover, section.leftmenu .main-nav .sub-menu a:hover  {
			color:#000
		}
		section.leftmenu .sharing {
			margin-top:100px;
		}
		section.leftmenu .main-nav { 
			margin:0;
			list-style:none;
		}
		section.leftmenu .main-nav a i {
			margin-left:5px;	
		}
		section.leftmenu .main-nav li {
			margin-bottom:5px;
			float:left;	
			clear:both;
		}
		section.leftmenu .main-nav li a {
			width:100%;
		}
		section.leftmenu .main-nav .sub-menu {
			font-size:100%;
			float:left;
			clear:both;
			width:80%;
			margin: 5px 0 10px 15px;
			list-style:none;
			display:none;
		}
		section.leftmenu .main-nav .current-parent .sub-menu, section.leftmenu .main-nav .current-menu .sub-menu {
			display:block;	
		}
		section.leftmenu .main-nav .sub-menu li {
			margin-bottom:3px;
		}
		ul.main-nav a.current-menu, div.headright .main-nav a.current-parent { 
			color:#000;
			font-weight:bold;
		}
		
		
		div.headright .main-nav { 
			margin:0;
			list-style:none;
			text-align:left;
			display: inline-block;
			margin-left: 0px;
			margin-top:0px;
			text-transform:uppercase;
			z-index:9999;
			position:relative;
		}
		div.headright .main-nav li {
			position:relative;
			float:left;	
		}
		div.headright .main-nav a.parent-menu {
			margin-left:15px;
			/* TRISTO */
			font-size: 16px;
		}
		div.headright .main-nav li a {
			color:#000;
			font-size:12px;
		}
		div.headright .main-nav .sub-menu {
			font-size:100%;
			font-size: 12px;
			position:absolute;
			width:110px;
			margin: 0px 0 0 0;
			padding-top:4px;
			list-style:none;
			margin-left:5px;
		}
		div.headright .main-nav .sub-menu li {	
			color:#666;
			float:left;
			width:100%
		}
		div.headright .main-nav .sub-menu a {	
			color:#666;
		}
		div.headright .main-nav .sub-menu a:hover {	
			color:#000;
		}
		
		div.headright ul.main-nav ul,
		div.headright ul.main-nav li:hover ul ul,
		div.headright ul.main-nav ul li:hover ul ul
		{ display: none; }
		 
		div.headright ul.main-nav li:hover ul,
		div.headright ul.main-nav ul li:hover ul ,
		div.headright ul.main-nav ul li ul li:hover ul
		{ display: block;}
		 
		div.headright ul.main-nav li * a:hover {
			/* Change color of links when hovered */
			
		}
		
		.headright .hometext { 
			font-size:10px;
			line-height:1.7em;
		}
		
		#page_nav { 
			display:none;
			margin-top:30px;
		}
		#infscr-loading { 
			z-index: 999999;
			left: 45%;
			bottom: 0px;
			position: absolute;
		}
		
		
		
		
		/* PORTFOLIO BOXES */
		#post-list {
			min-height:500px;
		}
		.projectimages { 
			text-align:center;
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
		}
		.projectimages .row {
			margin-bottom:0px;	
		}
		.projectimages .box { 
			position:relative;
			float:left;
			text-align:left;
			margin-bottom:2.4em;
		 	z-index: 2;
		}
		.projectimages .box.effects {
			-webkit-transition-duration: 0.6s;
			-moz-transition-duration: 0.6s;
			-ms-transition-duration: 0.6s;
			-o-transition-duration: 0.6s;
			transition-duration: 0.6s;
			-webkit-transition-property: -webkit-transform, opacity;
			-moz-transition-property: -moz-transform, opacity;
			-ms-transition-property: -ms-transform, opacity;
			-o-transition-property: -o-transform, opacity;
			transition-property: transform, opacity;
		}

		.isotope-hidden {
		 	pointer-events: none;
		 	z-index: 1;
		}


		.projectimages .box.quote {
			background-color: #1a1a1a;
			color: #f0f0f0;
			text-align: center;
		}
		.projectimages.fixed .box {
			overflow:hidden;
		}
		
		.projectimages .box.odd {
			margin-right:0;
		}
		.projectimages .box span.info { 
			position:absolute;
			z-index:2px;
			top:10px;
			right:10px;
			bottom:10px;
			left:10px;
			background-color:#000;
			color:#fff;
			text-align:center;
			z-index:2;
		}
		.projectimages .box.quote span { 
			text-align: center;
			display:block;
			padding: 90px 30px 90px 30px;
		}
		.projectimages .box.quote span strong { 
			font-size: 24px;
			font-weight:normal;
			line-height: 1.4em;
			width:80%;
		}
		.projectimages .box.quote span i { 
			font-size:14px;
			margin-top:10px;
		}
		.projectimages .box strong.info { 
			top: 50%;
			height: 100%;
			width:80%;
			left: 10%;
			color: #fff;
			vertical-align: middle;
			display: inline-table;
			position:absolute;
			font-weight:normal;
			margin:auto;
			bottom:0;
			text-align:center;
			z-index:5;
			line-height:1.7em;
		}
		.projectimages .box strong.info p {
			line-height:1.6em;
			margin-bottom:0;	
		}
		.projectimages .box img { 
			display:block
		}
		.box span.info, .box strong.info {
			transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			 /* IE 5-7 */
			 filter: alpha(opacity=0);
			 /* Netscape */
			 -moz-opacity: 0;
			 /* Safari 1.x */
			 -khtml-opacity: 0;
			 /* Good browsers */
			 opacity: 0;
		}
		
		.box:hover span.info { 
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
			 /* IE 5-7 */
			 filter: alpha(opacity=40);
			 /* Netscape */
			 -moz-opacity: 0.4;
			 /* Safari 1.x */
			 -khtml-opacity: 0.4;
			 /* Good browsers */
			 opacity: 0.4;
		}
		.box:hover strong.info { 
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			 /* IE 5-7 */
			 filter: alpha(opacity=100);
			 /* Netscape */
			 -moz-opacity: 1;
			 /* Safari 1.x */
			 -khtml-opacity: 1;
			 /* Good browsers */
			 opacity: 1;
		 }
		
		
		.projectimages .box div.info { 
			margin:0px 0 0px 0;
			font-size:12px;
			display:block;
		}
		.projectimages.fixed .box div.info {
			height:90px;
			max-height:100px;
		}
		.projectimages .box div.info p { 
			margin-top:5px;
		}
		.projectimages .box div.info a { 
			margin-top:20px;
			margin-bottom:10px;
			font-weight:bold;
			display:block;
			color:#000;
		}
		
		
		
			 
		/* POST COMMENTS */
		div.commentform {
			display:block;
			margin-top:30px;	
			border-top: 1px dashed #bbb;	
		}
		div.commentform h2 { 
			font-size:21px;
			padding:10px 0 10px 0;
		}
		div.commentform h2 { 
			font-size:18px;
			padding:10px 0 10px 0;
		}
		div.commentform h3 { 
			font-size:18px
		}
		div.commentform .form-allowed-tags { 
			display:none
		}
		div.commentform .singlecomment {
			margin-bottom:15px;
			border-bottom:1px dashed #ccc;
			float:left;
			width:100%;
		}
		div.commentform .singlecomment .who span { 
			float:left;
		}
		div.commentform .singlecomment .who span.imgs { 
			float:left;
			margin-right:7px;
			padding-right:10px;
		}
		div.commentform .singlecomment .who span.imgs img {
			display:block
		}
		div.commentform .singlecomment .who span.info { 
			font-size:11px; 
			line-height:19px;
		}
		div.commentform .singlecomment .who span.info strong { 
			font-size:12px;
		}
		div.commentform .singlecomment .who { 
			display:block;
			margin-bottom:5px;
		}
		div.commentform .ccontent { 
			margin-left:47px;
			margin-top:10px;
		}
		div.commentform .ccontent p { 
			margin-bottom:15px;
		}
		div.commentform #respond { 
			margin-top:30px;
		}
		div.commentform label { 
			display: inline-block;
		}
		div.commentform textarea { 
			width:100%;
			clear:both; 
			display:block; 
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
		}
		div.commentform input[type=text] {
			width:70%; 
			clear:both; 
			display:block;
		}
		div.commentform .form-allowed-tags { 
			font-size:11px;
		}
		div.commentform div.comments_nav { 
			text-align:center
		}	
		div.commentform div.comments_nav a, div.commentform div.comments_nav span { 
			padding:0px 7px 2px 7px; 
			font-size:13px;
			margin:0 0px 0 0px;
		}
		div.commentform div.comments_nav span { 
			font-weight:bold
		}
		
		
		/* CATEGORIES */
	  	span.btopcategories { 
			border-bottom:1px solid;
			padding-bottom:10px;
			margin-bottom:20px;
			float:left;
			width:100%;
			clear:both;
		}
	  	span.btopcategories a { 
			margin:0 10px 10px 0;
			display:inline-block
		}
	  	span.btopcategories a.selected { 
			font-weight:bold
		}
		
		
		/* RESPONSIVE WP VIDEO PLAYER */	
		.mejs-container {
		  width: 100% !important;
		  height: auto !important;
		  padding-top: 57%;
		}
		.mejs-overlay, .mejs-poster {
		  width: 100% !important;
		  height: 100% !important;
		}
		.mejs-mediaelement video {
		  position: absolute;
		  top: 0; left: 0; right: 0; bottom: 0;
		  width: 100% !important;
		  height: 100% !important;
		}
		.mejs-container, .mejs-embed, .mejs-embed body {
		background:transparent!important;
		}
		
	
	
		/* PROJECT PAGES */
		.projectassets { 
			width:68%;
			margin-right:4%;
			float:left;
		}
		.workspost .full .projectassets { 
			width:100%;
			text-align:left;
			margin:0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		} 
		
		.projectassets .contentvideos, .projectassets .contenttext, .projectassets .contentimages  {
			margin-bottom: 2%;
			width: 100%;
			float: left;
			line-height: 1.5em;
		}
		.contentimages.landscape  {
			width:100%;
		}
		.contentimages.portrait {
			width:49%;
			margin-right:2%;
			float:left;
			/*margin-right:2%;*/
		}
		.contentimages.portrait.odd {
			margin-right:0;
		}
		.projectassets .caption {
			text-align: center;
			margin: 10px 0 35px 0;
			line-height: 1.7em;
		}
		.projectinfo.right {
			width:28%;
			float:left;
		}
		.projectinfo.bottom { 
			width:100%;
			margin-top:30px;
		}
		.projectinfo h5 {
			margin-bottom:5px;	
		}
		.projectinfo.right h5 {
			font-size:24px;
			line-height:1.5em;
			margin-bottom:10px;
		}
		.projectinfo span.extra { 
			margin-bottom:15px;
			display:block
		}
		.projectinfo .content {
			font-size:12px;	
			line-height: 1.7em;
		}
		.projectinfo .content p {
			line-height:1.7em	
		}
		.projectheader { 
			margin-bottom: 20px;
			float: left;
			width:100%;
			line-height: 1.7em;
		}
		.projectheader .left {
			width:70%;
			float:left;
		}
		.projectheader .right {
			width:30%;
			text-align:right;
			float:left;
		}
		.projectheader span.title { 
			font-size:21px;
			display:block;
			margin-bottom:10px;
		}
		.projectheader span.info { 
			font-size:11px;
		}
		.projectheader .topsharing { 
			display:block;
			width:100%;
			margin-top:15px;
		}
		.projectheader .topsharing .shr { 
			display:inline-block;
			margin-right:5px;
		}
		.projectheader .thecontent { 
			 margin-top:20px; 
			 float:left;
		}
		.workspost .navigation {
			float:right;
			margin-top:5px;	
		}
		.workspost .projectinfo .navigation, .infoside .navigation {
			float:none;
		}
		.workspost .projectinfo .navigation span, .infoside .navigation span {
			display:none	
		}
		.workspost .navigation a { 
			margin-left:25px;
		}
		.workspost .projectinfo .navigation, .infoside .navigation {
			margin-bottom: 10px;
			display: block;
		}
		.workspost .projectinfo .navigation a, .infoside .navigation a {
			margin-left:0;
			margin-right:15px;
		}
		.workspost a.fback { 
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			 /* IE 5-7 */
			 filter: alpha(opacity=50);
			 /* Netscape */
			 -moz-opacity: .5;
			 /* Safari 1.x */
			 -khtml-opacity: .5;
			 /* Good browsers */
			 opacity: .5;
		}
		.workspost .navigation a.fback:hover, .infoside .navigation a.fback:hover { 
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			 /* IE 5-7 */
			 filter: alpha(opacity=100);
			 /* Netscape */
			 -moz-opacity: 1;
			 /* Safari 1.x */
			 -khtml-opacity: 1;
			 /* Good browsers */
			 opacity: 1;
		}
		.workspost .navigation a.fback i, .infoside .navigation a.fback i {
			font-size: 28px;
			top: 5px;	
		}
		.workspost .navigation a:hover, .infoside .navigation a:hover {
		}
		.workspost .navigation i, .infoside .navigation i { 
			font-size:40px;
			position:relative;
			top:8px;
		}
		.workspost .projectinfo .navigation i, .infoside .navigation i { 
			font-size:30px;
			top:5px;
		}
		.workspost .bottominfo { 
			padding:10px 0 30px 0;
			width:100%;
			float:left;
			border-bottom:1px dashed #ccc;
		}
		
		div.relatedworks { 
			padding: 70px 0 15px 0;
		}
		
		/*
		.workspost .full .bottominfo .info {
			width:70%;
			float:left
		}
		*/
		.workspost .bottominfo .info {
			width:100%;
			float:left;
		}
		.workspost .bottominfo .sharingbottom {
			margin-top:30px;
		}
		.workspost .bottominfo .navigation {
			width:100%;
			float:left;
			text-align:right;
		}
		.workspost .bottominfo .navigation a {
			position:relative;
			float:right;
			width:110px;
			margin-left:10px;
		}
		.workspost .bottominfo .navigation a.fback {
			margin-top: 40px;
			margin-right: 20px;
		}
		.workspost .bottominfo .navigation a.nxt i {
			position: absolute;
			left: 46px;
			top: 50%;
			margin-top: -26px;
			font-size: 50px;
			color: #fff!important;
		}
		.workspost .bottominfo .navigation a.nxt i {
			transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			 /* IE 5-7 */
			 filter: alpha(opacity=50);
			 /* Netscape */
			 -moz-opacity: 0.5;
			 /* Safari 1.x */
			 -khtml-opacity: 0.5;
			 /* Good browsers */
			 opacity: 0.5;
		}
		.workspost .bottominfo .navigation a.nxt:hover i {
			 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			 /* IE 5-7 */
			 filter: alpha(opacity=100);
			 /* Netscape */
			 -moz-opacity: 1;
			 /* Safari 1.x */
			 -khtml-opacity: 1;
			 /* Good browsers */
			 opacity: 1;
		}			
	
	@media only screen and (max-width: 767px) { 
		.projectassets {
			width:100%;
			margin-right:0%; 
		}
		.projectheader .left {
			width:100%;
			float:left;
			text-align:center;
		}
		.projectheader .right {
			width:100%;
			text-align:center;
			float:left;
			margin-left:-22px;
		}
		.projectheader .thecontent {
			text-align:center;
		}
		
	}
	@media only screen and (max-width: 959px) {
		.projectassets {
			width:100%;
			margin-right:0%; 
		}	
	}
			
			
		/* WORKS BOTTOM SHARING */
		.sharingbottom { 
			float:left;
			margin-top:25px;
		}
		.sharingbottom div.shr {
			height:24px;
			float:left;
			overflow:hidden;
			position:relative;
			margin:0px 5px 0px 0;
		}
		.sharingbottom div.facebook {
			width:48px;
			margin-bottom:5px;
		}
		.sharingbottom div.twitter {
			width:57px;
		}
		.sharingbottom div.googleplus {
			width:33px;
		}
		.sharingbottom div.tumblr {
			width:20px;
		}
		.sharingbottom div.pinterest {
			width:44px;
		}
		.workspost .homebuttonbottom {
			text-align:right;	
			margin-top: 2px;
		}
		.workspost .homebuttonbottom a i {
			font-size:40px;	
			position: relative;
			top: 8px;
		}
			
				
	    /* BLOG PAGES */
		h2.archivetitle {
			font-size: 21px;
			margin: 0;
			padding-bottom: 25px;
			line-height: 34px;
			margin-top: -4px;
		}
		
		.author-info { 
			float:left;
			width:100%;
			padding:0;
			margin:0 0 50px 0;
			vertical-align:top;
		}
		.author-info .img { 
			width:200px;
			vertical-align:top;
		}
		.author-info .info { 
			padding-left:30px;
			vertical-align:top;
		}
		.author-info .info h2 { 
			font-size:21px;
			margin-bottom:15px;
		}
		
		
	   	.blogbox table { 
			width:100%;
			vertical-align:top;
		}
		.blogbox table td {
			vertical-align:top;
		}
		.blogbox table .imgsidem { 
			padding-left:25px;
		}
		.blogbox table .imgsidem a { 
			float:left;
			position: relative;
			height: 140px;
			overflow: hidden;
		}
		.blogbox table .imgsidem a img { 
			position:relative;
		}
	


		.blogbox { 
			float:left;
			width:100%;
			margin-bottom:140px;
		}	
		.blogbox a.tags {
			margin-left:10px;
		}
		.blogbox.search-item {
			float:left;
			padding-bottom:25px;
			margin-bottom:25px;
			border-bottom:1px dashed #ccc;
		}
		.blogbox .itemleft {
			float:left;
			width:25%;
		}
		.blogbox .itemright {
			float:left;
			width:75%;
		}
		.blogbox .itemright p {
			margin-bottom:0;
		}
		.blogbox h2.post-title {
			margin:0 0 7px 0;
			font-size:15px;
			line-height: 1.7em;
			margin-top: 0px;
		}
		
		.blogbox .imgside { 
			float:left;
			width:60%;
			margin-right:4%;
			height:100%;
			position:relative;
		}
		.blogbox .imgside .imgpost { 
			display:block;
			text-align:center;
		}
		.blogbox.full .imgside { 
			width:100%;
			margin-right:0;
			margin-bottom:15px;
		}
		.blogbox .imgside h4.quotes {	
			text-align: center;
			font-size: 36px;
			border:1px dashed #ccc;
			line-height: 1.6em;
			padding: 65px;
		}
		.blogbox .imgside h4.quotes a.links {	
			font-size:12px;
		}
		.blogbox .infoside {
			float:left;
			position:relative;
			width:30%;
		}
		.blogbox .infoside.forstandard {
			width:60%;
		}
		.blogbox.full .infoside {
			width:100%;
		}
		.blogbox .infoside.vertical-align {
			margin-top:25%;
		}
		.blogbox.full .infoside {
			width:100%;
			text-align:center;
		}
		.blogbox.full .infosideleft {
			text-align:left!important;
		}
		.blogbox .infoside.singlepage {
			text-align:left!important
		}
		.blogbox .infoside h5 {
			font-size:18px;
			margin-bottom:10px;
		}
		.blogbox .infoside p, .blogbox .infoside span.extra {
			line-height:1.7em;
			margin-bottom:15px;
		}
		.blogbox .infoside span.extra {
			display:block;	 
		}
		.blogbox .bottom.singlepage { 
			width:100%;
			float:left;
			margin-top:30px;
		}
		.blogbox .bottom.singlepage .sharingbottom { 
			width:100%;
			margin-top:0;
			float:left;
		} 
		.blogbox.full .bottom.singlepage .sharingbottom { 
			width:50%;
			margin-bottom:20px;
		}
		.blogbox.full .bottom.singlepage .loop-tags { 
			width:50%;
			text-align:right;
			float:left;
		} 
		.blogbox .bottom.singlepage .loop-tags { 
			width:100%;
			text-align:left;
			float:left;
			margin-top:15px;
		}
		.blogbox .bottom.singlepage .loop-tags a { 
			margin-right:10px;
			margin-left:0;
		}
		
		
		.main_leftmenu { 
			min-height:100px;
		}
	
	
		@media only screen and (min-width: 768px) and (max-width: 959px) {
			.blogbox .imgside { 
				width:100%;
				margin-right:0;
			}
			.blogbox .infoside {
				width:100%;
				margin-top:15px;
			}
			
			.blogbox .imgside h4.quotes {
				font-size:24px;
				padding: 50px;
			}
		}
		@media only screen and (max-width: 767px) {
			.blogbox .imgside { 
				width:100%;
				margin-right:0;
			}
			.blogbox .infoside {
				width:100%;
				margin-top:15px;
			}
			.blogbox .imgside h4.quotes {
				font-size:21px;
				padding: 50px;
			}
			.main_leftmenu { 
				min-height:0px!important;
			}
		}
		
		
		/* SEARCH */
		
		#searchform input[type=text] { 
			padding: 8px 12px;
		}
		
		/* FOOTER */
		footer { 
			margin-top:150px!important;
			padding-bottom:25px;
			font-size:12px;
			float:left;
			position:relative;
		}
		footer span.footerlogo { 
			position: absolute;
			bottom: 25px;
			left: 15px;
		}
		footer .sharing { 
			bottom:0px;
			font-size:14px;
			margin-left:10px;
			float: right!important;
			text-align: right;
		}
		footer .sharing a { 
			margin-left: 7px;
			color:#666;
		}
		footer .footertext {
			line-height: 1.7em;	
			border-top: 1px dashed #ccc;
			padding-top: 25px;
			margin-top: 15px;
		}
		footer .credits {
			font-size:10px;
		}
		footer div.copyright {
			float:left	
		}
		footer .widgetwrapper { 
			float: left;
			width: 100%;
		}
		div.sliderfooter { 
			position:absolute;
			bottom:50px;
			left:20px;
			z-index:999999;
			display:none;
		}
		
			
		a.backtotop {
			display:none;
			position:fixed; 
			right:30px; 
			bottom:30px;
			position: expression("absolute");
			bottom: expression(eval(document.body.scrollTop)+(eval(document.body.height)-10));
			background-color:#333;
			color:#fff;
			-moz-border-radius: 200px;
			-webkit-border-radius: 200px;
			border-radius: 200px;
			-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
			-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
			box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
			padding:12px 12px 11px 12px;
			background:#000 url(images/goup.png) 12px 14px no-repeat; 
			width:28px; 
			height:30px;
		}
		#masterajaxloader, #infscr-loading {
		 	left: 40px!important;
			bottom: 40px!important;
			position: absolute!important;
			z-index: 9999; 
			display:none;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		.ajaxloader img {
			display:block;
		}
		
	
	
	
		
		/* CONTACT FORM */
		form.contactform_ajax h2 { 
			font-size:12px;
		}
		div.header_contact .closeit {
			float:right;
			padding:18px 0px 0 0;	
		}
		form.contactform_ajax { 
			/*padding:0 15px 0 15px;*/
			margin-bottom:0;
		}
		form.contactform_ajax input, form.contactform_ajax textarea, #commentform input[type=text], #commentform textarea {
			width:100%;
			padding:5px;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;	
		}
		form.contactform_ajax label {
			font-size:12px	
		}
		form.contactform_ajax textarea {
			height:160px;	
		}
		form.contactform_ajax input.security_code { 
			width:250px; 
			display:block; 
			float: none; 
			clear:both;
		}
		form.contactform_ajax label.error {
			margin: -24px 0px 20px;
			padding: 7px 5px 4px 5px;
			color: #cc0000;
			font-size:12px;
			width:250px;	
			text-shadow:none
		}
		
		
	
				
		/* PASSWORD PROTECTED */	
		.passprotectpage { 
			margin-top:40px;
			text-align:center;
		}
		.passprotectpage span { 
			font-size:18px;
		}
		.passprotectpage form { 
			margin-bottom:0px;
		}
		.passprotectpage form input[type="password"] { 
			width:200px!important;
		}
				  
				   
		
		/* mobile menu */
		.mobilemenu { 
			font-size: 21px;
			margin-top: 3px;
			color:#666;
			position:relative;
			z-index:99999;
		}
		
		.smallshow {
			display:none	
		}
		
		
		
	
		#pageslide {
			/* These styles MUST be included. Do not change. */
			display: none;
			position: absolute;
			position: fixed;
			top: 0;
			height: 100%;
			z-index: 999999;
			
			/* Specify the width of your pageslide here */
			width: 260px;
			padding: 20px;
			
			/* These styles are optional, and describe how the pageslide will look */
			background-color: #333;
			color: #FFF;
			-webkit-box-shadow: inset 0 0 5px 5px #222;
			-moz-shadow: inset 0 0 5px 5px #222;
			box-shadow: inset 0 0 5px 5px #222;
		}
	
	
		#modals input[type=text]{
			padding:8px 12px; 
			width:120px; 
			margin-right:3px;
		}
		#modals form {
			padding:12px; 
			margin-bottom:0; 
			margin-top:18px;
			-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
			-moz-box-shadow:    0px 1px 0px rgba(255, 255, 255, 0.1);
			box-shadow:         0px 1px 0px rgba(255, 255, 255, 0.1);
			border-bottom:1px solid #1a1a1a;
		}
		#modals form input, #modals form button {
			margin-bottom:0;
		}
		#modals ul, div.mobilemenu li { 
			margin:0; 
			list-style:none;
		}
		#modals ul.mob-nav li a:first-child { 
			
		}
		#modals ul.mob-nav li a { 
			padding:12px; 
			display:block; 
			margin:0;
			color:#fff;
			text-transform:uppercase;
		}
		#modals ul.mob-nav ul.sub-menu a { 
			padding:8px 12px 8px 30px; 
			font-size:12px;
		}
		
		.text-align-right { 
			text-align:right; 
		}
		
		.mobileshow {
			display:none	
		}
		.tabletshow {
			display:none	
		}

		.hideit { 
			display:none!important;
		}
		
		.desktopshow { 
			display:none!important;
		}	
			
		.makeitfull { 
			margin-right:0px;
		}
		
		.centeredmargin { 
			margin-left:30px!important;
		}
		.centeredtopmenu { 
			margin:30px 0 0px 0;
		}
		.centeredtopmenu .main-logo { 
			margin-left:0!important;
		}
		
		
		.projectheader.default { 
			display:none;
		}
		
		img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline;
		}
		img.alignleft {
			padding: 4px;
			margin: 0 7px 2px 0;
			display: inline;
		}
		.aligncenter { 
			float:none;
			text-align:center;
		}
		.alignright {
			float: right;
		}
		.alignleft {
			float: left;
		}
		
		.mobilemenu-select {
			-webkit-appearance: none;
			position:relative;
			z-index:9999;
			background:#fff url(images/sbox_retina.png) center right no-repeat;
			background-size:38px 27px;
			width:100%;
			float:left;
			padding:10px;
			margin:0;
			margin-bottom:40px;
			-moz-border-radius: 0px!important;
			-webkit-border-radius: 0px!important;
			border-radius: 0px!important;
		}

		
		#mainframe-top, #mainframe-bottom, #mainframe-left, #mainframe-right {
			background: #fff;
			z-index:3000;
		}
		#mainframe-left, #mainframe-right {
			position: fixed;
			top: 0; bottom: 0;
			width: 20px;
			}
		#mainframe-left { left: 0; }
		#mainframe-right { right: 0; }
			
		#mainframe-top, #mainframe-bottom {
			position: fixed;
			left: 0; right: 0;
			height: 20px;
			}
			#mainframe-top { top: 0; }
			#mainframe-bottom { bottom: 0; }
			
			
/*===================================================================================================== 
	3 - RESPONSIVE
======================================================================================================= */

	
    @media only screen and (min-width: 1200px) {
		.desktopshow { 
			display:block!important;
		}		
		.makeitfull { 
			margin-right:0px;
		}
		.centeredmargin { 
			margin-left:45px!important;
		}
	}
	@media only screen and (min-width: 959px) {
		.desktopshow { 
			display:block!important;
		}	
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.smalldontshow {
			display:none!important	
		}
		.smallshow {
			display:block!important
		}	
		.tabletshow {
			display:block	
		}	
		.topline { 
			padding-top:40px;
		}		
		.projectimages .box { 
			margin-bottom:25px;
		}
		.projectimages .box { 
			margin-right:0;
			/*width:46%!important;*/
		}
		.projectimages .box div.info a { 
			margin-top:10px;
			margin-bottom:5px;
			font-size:12px;
		}
		.projectimages .box div.info {
			line-height:1.5em;
		}
		.centeredmargin { 
			margin-left:30px!important;
		}
		footer .wp {
			display:none;
		}
		.projectinfo.right { 
			display:none
		}
		.projectheader.default { 
			display:block;
		}
		.projectheader .left, .projectheader .right { 
			width:100%;
			text-align:left;
		}
		.projectheader .right a { 
			margin-left:0;
			margin-right:15px;
		}
		.hometext { 
			width:100%!important;
		}
		#maincontainer { 
			margin:0;
		}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.smalldontshow {
			display:none	
		}
		.mainframeclass { 
			display:none;
		}
		.smallshow {
			display:block	
		}
		.projectimages .box { 
			margin-right:0;
			width:100%!important;
		}
		.centeredmargin { 
			margin-left:10px!important;
		}
		footer .footertext {
			text-align:center	
		}
		footer .copyright {
			float:none!important;
		}
		footer .credits {
			float:none;
			text-align:center;
			display:block;
			font-size:11px;
			clear:both;
		}
			
		.topline { 
			padding-top:30px;
		}	
		
		footer .wp {
			display:none;
		}
		.hometext { 
			padding-top:30px;
			text-align:center;
		}
		#maincontainer { 
			margin:0;
		}
		.main-logo { 
			float:left
		}
		footer .widgetwrapper {
			text-align:center	
		}
		footer .sharing { 
			float: none;
			text-align: center;
			padding-top:30px;
			padding-bottom:20px;
			margin-left:-18px;
		}
		footer .sharing a { 
			font-size:21px;
			margin-right:16px;
		}
		.projectinfo.right { 
			display:none
		}
		.projectheader.default { 
			display:block;
		}
		.maximage-nav { 
			left: 50%;
			margin-left: -120px;
			bottom: 40px;
		}
		.mainframeclass { 
			display:none;
		}
		.projectimages.fixed .box div.info { 
			height:auto!important;
			max-height:200px;
		}
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.minitabletdontshow {
			display:none!important	
		}
		.smalldontshow {
			display:none!important	
		}
		.smallshow {
			display:block!important	
		}
		#maincontainer a.main-logo { 
			margin-left:0;
		}		
		.projectimages .box { 
			margin-right:0;
			width:100%!important;
		}	
		.mobileshow {
			display:block	
		}
		.centeredmargin { 
			margin-left:0px!important;
		}
		.smalldevicedontshow {
			display:none!important	
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.mobilemenu-select {
			margin-bottom:20px;
		}
		.mobiledontshow {
			display:none!important	
		}	
		.mobileshow {
			display:block	
		}
		.smalldontshow {
			display:none!important	
		}
		.smallshow {
			display:block	
		}
		.topline { 
			padding-top:25px;
			margin-bottom:40px;
		}
		#maincontainer a.main-logo { 
			margin-left:0;
		}	
		.projectimages .box { 
			margin-right:0;
			width:100%!important;
		}
		.centeredmargin { 
			margin-left:0px!important;
		}
		.smalldevicedontshow {
			display:none!important	
		}
	}
   
   



	
/*===================================================================================================== 
	4 - FONT AWESOME
======================================================================================================= */
@font-face{font-family:'FontAwesome';src:url('icon-font/fontawesome-webfont.eot?v=3.2.1');src:url('icon-font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('icon-font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('icon-font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('icon-font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}





@font-face {
font-family: 'Conv_Socialico';
src: url('icon-font/social-new/Socialico.eot?') format('eot'), url('icon-font/social-new/Socialico.woff') format('woff'), url('icon-font/social-new/Socialico.ttf') format('truetype'), url('icon-font/social-new/Socialico.svg#webfontwTBKaDwa') format('svg');
font-weight: normal;
font-style: normal;
}


.newsocialwrap { 
	background-color:#000;
	color:#fff;
	width:28px;
	height:28px;
	display:inline-block;
	text-align:center;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
}



	.socialicons a i { 
		font-size:14px;
		position: relative;
	}
	.socialicons a .fawsome {
		font-size:15px;
		top:-2px;
		left:-1px;
	}
	.socialicons a i.new-social-icons { 
		font-family: 'Conv_Socialico';
		font-size:21px;
	}
	
	

/*===================================================================================================== 
	5 - TABS
======================================================================================================= */

	dl.tabs { 
		display: block; 
		height: 36px; 
		padding: 0;
	} 
	dl.tabs.contained { 
		margin-bottom: 0; 
	}
	dl.tabs dt { 
		cursor: default; 
		display: block; 
		float: left; 
		height: 36px; 
		line-height: 36px; 
		padding: 0; 
		padding-right: 9px; 
		padding-left: 0px; 
		width: auto; 
	}
	dl.tabs dt:first-child { padding: 0; padding-right: 9px; }
	dl.tabs dd { display: block; float: left; padding: 0; margin: 0; margin-top:1px; }
	dl.tabs dd a { display: block; height: 36px; color:#666; line-height: 36px; padding: 0px; margin-right:15px; font-size:12px; font-weight:bold;}
	dl.tabs dd a:focus {  }
	dl.tabs dd.active {  }
	dl.tabs dd.active a { cursor: default;  }
	dl.tabs dd:first-child { margin-left: 0; }
	dl.tabs.vertical { height: auto; border-bottom: 1px solid #ccc; }
	dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
	dl.tabs.vertical dd {  }
	dl.tabs.vertical dd a { border:none; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
	dl.tabs.vertical dd.active { margin-top: 0;   }
	dl.tabs.vertical dd.active a { border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
	dl.tabs.vertical dd:first-child a.active { margin: 0; }
	dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 17px; text-align: center; overflow: hidden; }
	dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50%; }
	dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33%; }
	dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25%; }
	dl.tabs.five-up dt, dl.tabs.five-up dd { width: 20%; }
	
	ul.tabs-content { display: block; margin: 5px 0 20px; padding:15px; padding-left:0; font-size:12px;}
	ul.tabs-content > li { display: none; }
	ul.tabs-content > li.active { display: block; }
	ul.tabs-content.contained { padding: 0; }
	ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
	ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }
	
	.no-js ul.tabs-content > li { display: block; }
	
	@media only screen and (max-width: 767px) { dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
	  dl.tabs.mobile dt, dl.tabs.mobile dd { float: none; height: auto; }
	  dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
	  dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
	  .tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
	  .tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
	  .tabs.mobile dd a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; }
	  .tabs.mobile dd:first-child a.active { margin: 0; }
	  dl.contained.mobile { margin-bottom: 0; }
	  dl.contained.tabs.mobile dd a { padding: 18px 20px; }
	  dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } }



	  
/*===================================================================================================== 
	6 - FLEXSLIDER
======================================================================================================= */


	 /*
	 * jQuery FlexSlider v2.2.0
	 * http://www.woothemes.com/flexslider/
	 *
	 * Copyright 2012 WooThemes
	 * Free to use under the GPLv2 license.
	 * http://www.gnu.org/licenses/gpl-2.0.html
	 *
	 * Contributing author: Tyler Smith (@mbmufffin)
	 */

	
	/* Browser Resets
	*********************************/
	.flex-container a:active,
	.flexslider a:active,
	.flex-container a:focus,
	.flexslider a:focus  {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
	
	
	/* FlexSlider Necessary Styles
	*********************************/
	.flexslider {margin: 0; padding: 0;}
	.flexslider div.textarea { padding:5% 15% 5% 15%; line-height:1.7em; }
	.flexslider div.textarea p, .flexslider div.textarea span { font-size:15px; line-height:1.8em; }
	.flexslider div.textarea h1,
	.flexslider div.textarea h2,
	.flexslider div.textarea h3,
	.flexslider div.textarea h4,
	.flexslider div.textarea h5,
	.flexslider div.textarea h6 { line-height:1.8em; }
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}
	
	/* Clearfix for the .slides element */
	.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	html[xmlns] .slides {display: block;}
	* html .slides {height: 1%;}
	
	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}
	
	.slides li { position:relative; }
	.slides li p.flex-caption { 
		width: 96%;
		padding: 2%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		background: rgba(0, 0, 0, 0.2);
		text-align: left;
		text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
		font-size: 14px;
		line-height: 18px;
		color: #fff;
		margin: 0;
	}
	
	/* FlexSlider Default Theme
	*********************************/
	.flexslider { margin:0; position: relative; zoom: 1; }
	.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.loading .flex-viewport { max-height: 300px; }
	.flexslider .slides { zoom: 1; }
	.carousel li { margin-right: 5px; }
	
	/* Direction Nav */
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a  { display: block; width: 40px; height: 60px; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); }
	.flex-direction-nav .flex-prev { left: -50px; text-align: center; }
	.flex-direction-nav .flex-next { right: -50px; text-align: center; }
	.flexslider:hover .flex-prev { opacity: 0.7; left: 15px; }
	.flexslider:hover .flex-next { opacity: 0.7; right: 15px; }
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
	.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
	.flex-direction-nav a:before { display: inline-block;}
	.flex-direction-nav a i { font-size:80px; top:20px; }
	.flex-direction-nav a.flex-next:before  {  }
	
	/* Pause/Play */
	.flex-pauseplay { 
		position: absolute;
		bottom: -25px;
		right: 30px;
	}
	.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
	.flex-pauseplay a:before  { font-size: 20px; display: inline-block; }
	.flex-pauseplay a:hover  { opacity: 1; }
	.flex-pauseplay a.flex-play:before { }
	
	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -25px; text-align: center;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
	.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
	.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
	
	.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
	.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	.flex-control-thumbs img:hover {opacity: 1;}
	.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
	
	@media screen and (max-width: 860px) {
	  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
	  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
	}

	i.useicon { 
		font-size:40px; 
		font-family: 'Conv_Socialico';
		position: relative;
	}




/*===================================================================================================== 
	7 - WIDGETS
======================================================================================================= */
	
	.wp-caption { 
		border:1px solid;
		width:auto!important;
	}
	.wp-caption img { 
	 	display:block;
		padding:5px 5px 0 5px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
	}
	.wp-caption p.wp-caption-text {
		margin-bottom:5px;
		text-align:center;
		font-size:11px;
	}
	.alignleft { 
		float:left;
		margin-right:10px;
	}
	.alignright { 
		float:right;
		margin-left:10px;
	}
	.aligncenter { 
		float:none;
		text-align:center;
		margin-left:0px;
		margin-right:0px;
	}
	
	/* GALLERIES */
	.gallery {
		margin:0px 0 30px 0!important;
		clear:both;
	}
	.gallery .gallery-item {
		margin: 0px 20px 14px 0 !important;
		width:auto!important;
	}
	.gallery br {
		display:none;
	}
	.gallery .gallery-caption {
		margin-left: 0;
		font-size:11px;
	}
	.gallery img { 
		border:none!important;
	}
	.galleria img { 
		display:none;
	}
	
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.gallery {
			width:350px;
			margin:0px auto 30px auto!important;
			padding-left:25px;
		}
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.gallery {
			width:300px;
			margin:0px auto 30px auto!important;
			padding-left:10px;
		}
		.gallery img {
			width:128px;
		}
	}
		
		
		
	.sticky { 
	
	}
	.bypostauthor { 
	
	}
	
			
	.widget { 
		line-height:1.7em;
	}
	.widget_wrapper.blogsidebar { 
		padding-left:25px;
	}
	.widget_wrapper.home-left { 
		margin-top:40px;
		float:left;
	}
	.widget_tag_cloud { 
		float:left;
	}
	.tagcloud a { 
		float:left;
		margin:0 7px 7px 0;
		line-height:1.5em;
		border-bottom:1px solid;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.page-sidebar, .blog-sidebar {
		margin-left:0px; 
	}
	.widget_wrapper.blogsidebar .widget { 
		margin-bottom:20px!important;
		padding-bottom:20px!important;
	}
	.widget_wrapper .widget { 
		font-size:11px
	}
	.widget h4 { 
		font-size:15px;
		line-height:24px;
	}
	.widget ul, .widget li { 
		list-style: none; 
		margin:0 0 0 0px;
	}
	.widget li { 
		padding:6px 0 6px 0;
	}
	footer .widget li {
		border:none!important;	
	}
	.bottom-sidebar.widget li { 
		
	}
	.bottom-sidebar.widget h4 { 
		font-size:12px;
		margin-bottom:0px;
	}
	.bottom-sidebar.widget input[type=text] {
		width:120px;	
	}

	/* TEXT WIDGET */
	.bottom-sidebar	.textwidget { 
		line-height:1.8em;
	}
	
	/* WIDGET SEARCH */
	.widget select {
		padding:8px;
		line-height:35px;
		height:35px;	  
	}
	.widget form {
		margin:0;	  
	}
	.widget input, .widget select {
		margin-bottom:10px;  
	}
	.widget input[type=text] {
		width:140px;
		padding:8px 12px
	}
	.widget_pages li , .widget_links li { 
		padding-left:0px;
	}
	
	/* Dribbbler */
	.zilla-dribbble-shots li { 
		margin:0!important;
	}
	/* Mailchimp */
	.widget_ns_mailchimp { 
		margin-bottom:0;
		padding:0;
	}
	
	/* WIDGET NAV MENU */
	.widget_nav_menu .sub-menu { 
		margin-left:15px;
	}
	.widget_nav_menu .sub-menu li { 
		border:none;
		padding:4px 0 4px 0;
	}
	
	/* WIDGET TAGS */
	.widget_tag_cloud div a { 
		padding:2px 5px 2px 5px;
		border:1px solid;
	}
	
	/* WIDGET FLICKR PHOTOS */
	.Simple_Flickr_Photos { 
		display:block
	}
	.Simple_Flickr_Photos #flickr { 
		text-align:left;
	}
	.Simple_Flickr_Photos #flickr img { 
		border:none;
	}
	.Simple_Flickr_Photos div div { 
		display:inline-block;
		margin-right:0px;
	}
	.Simple_Flickr_Photos div div img { 
		width:57px;
		display:block;
		margin:0 6px 0 0!important;
		padding:0!important;
	}
	.bottom-sidebar #flickr img { 
		width:47px;
		margin:0 8px 2px 0!important;
	}
	/* WIDGET TUMBLR */
	.Tumblr li { 
		padding:10px 0 10px 0;
		font-size:11px
	}
	.Tumblr li blockquote p { 
		font-size:11px;
	}
	.Tumblr li br {
		display:none;	
	}
	.Tumblr li p { 
		padding:2px 0 2px 0;
		margin:0;
	}
	
	/* WIDGET ARCHIVE */
	.widget_archive li { 
	}
	/* WIDGET CATEGORIES */
	.widget_categories li { 
	}
	
	/* WIDGET RSS */
	.widget.widget_rss h4 a.rsswidget { 
		display:inline-block;
	}
	.widget.widget_rss li { 
		padding:5px 0 5px 0;
		font-size:11px;
	}
	
	/* WIDGET RECENT ENTRIES */
	.widget_recent_entries li, .widget_kpg_cpl li { 
	}
	.widget_recent_comments li { 
	}
	/* TEXT WIDGET */
	.widget .textwidget { 
		padding-top:5px;
	}
	/* WIDGET TWITTER */
	.twitter-widget .twitter-date { 
		padding:5px 0px 5px 0px;
		display:block;
		font-size:11px;
	}
	.widget_twitter span.entry-meta { 
		padding:5px 0px 5px 0px;
	}
	.widget_twitter .intent-meta a { 
		margin-right:8px;
	}
	.widget_twitter span.entry-content, .widget_twitter span.entry-content span { 
		display:block;
	}
	
	/* calendar widget */
	table#wp-calendar { width:100%; display:block; border:1px solid; }
	table#wp-calendar tfoot td { padding-bottom:10px; }
	table#wp-calendar td#prev { padding-left:10px; }
	table#wp-calendar td#next { padding-right:10px; text-align:right }
	#wp-calendar thead { font-weight:bold }
	#wp-calendar #today { font-weight:bold }
	#wp-calendar th, #wp-calendar tbody td { text-align: center; padding: 6px 11px; font-size:13px; }
	#wp-calendar tbody td a { color:#af0c0c; font-weight:bold; }
	#wp-calendar tfoot td { padding-top: 3px; }
	#wp-calendar caption { font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 5px; margin-top:10px; }
	/* Mobile */
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) { #wp-calendar th, #wp-calendar tbody td { padding: 4px 6px; } }
	@media only screen and (max-width: 767px) {  .widget_wrapper {	margin-left:0px; } #wp-calendar th, #wp-calendar tbody td { padding: 9px 13px; } }
	



/*===================================================================================================== 
	8 - SWIPEBOX
======================================================================================================= */


	/* SWIPEBOX */
	html.swipebox {
	  overflow: hidden!important;
	}
	
	#swipebox-overlay img {
	  border: none!important;
	}
	
	#swipebox-overlay {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 99999!important;
	  overflow: hidden;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  user-select: none;
	}
	
	#swipebox-slider {
	  height: 100%;
	  left: 0;
	  top: 0;
	  width: 100%;
	  white-space: nowrap;
	  position: absolute;
	  display: none;
	}
	
	#swipebox-slider .slide {
	  background: url("images/swipebox/loader.gif") no-repeat center center;
	  height: 100%;
	  width: 100%;
	  line-height: 1px;
	  text-align: center;
	  display: inline-block;
	}
	
	#swipebox-slider .slide:before {
	  content: "";
	  display: inline-block;
	  height: 50%;
	  width: 1px;
	  margin-right: -1px;
	}
	
	#swipebox-slider .slide img,
	#swipebox-slider .slide .swipebox-video-container {
	  display: inline-block;
	  max-height: 100%;
	  max-width: 100%;
	  margin: 0;
	  padding: 0;
	  width: auto;
	  height: auto;
	  vertical-align: middle;
	}
	
	#swipebox-slider .slide .swipebox-video-container {
	  background:none;
	  max-width: 1140px;
	  max-height: 100%;
	  width: 100%;
	  padding:5%;
	  box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	}
	
	
	#swipebox-slider .slide .swipebox-video-container .swipebox-video{
	  width: 100%;
	  height: 0;
	  padding-bottom: 56.25%;
	  overflow: hidden;
	  position: relative;
	}
	
	#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
	  width: 100%!important; 
	  height: 100%!important;
	  position: absolute;
	  top: 0; left: 0;
	}
	
	#swipebox-action, #swipebox-caption {
	  position: absolute;
	  left: 0;
	  z-index: 999;
	  height: 50px;
	  width: 100%;
	}
	
	#swipebox-action {
	  bottom: -50px;
	}
	#swipebox-action.visible-bars {
	  bottom: 0;
	}
	
	#swipebox-action.force-visible-bars {
	  bottom: 0!important;
	}
	
	#swipebox-caption {
	  top: -50px;
	  text-align: center;
	}
	#swipebox-caption.visible-bars {
	  top: 0;
	}
	
	#swipebox-caption.force-visible-bars {
	  top: 0!important;
	}
	
	#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
	#swipebox-action #swipebox-close {
	  background-image: url("images/swipebox/icons.png");
	  background-repeat: no-repeat;
	  border: none!important;
	  text-decoration: none!important;
	  cursor: pointer;
	  position: absolute;
	  width: 50px;
	  height: 50px;
	  top: 0;
	}
	
	#swipebox-action #swipebox-close {
	  background-position: 15px 12px;
	  left: 40px;
	}
	
	#swipebox-action #swipebox-prev {
	  background-position: -32px 13px;
	  right: 100px;
	}
	
	#swipebox-action #swipebox-next {
	  background-position: -78px 13px;
	  right: 40px;
	}
	
	#swipebox-action #swipebox-prev.disabled,
	#swipebox-action #swipebox-next.disabled {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	  opacity: 0.3;
	}
	
	#swipebox-slider.rightSpring {
	  -moz-animation: rightSpring 0.3s;
	  -webkit-animation: rightSpring 0.3s;
	}
	
	#swipebox-slider.leftSpring {
	  -moz-animation: leftSpring 0.3s;
	  -webkit-animation: leftSpring 0.3s;
	}
	
	@-moz-keyframes rightSpring {
	  0% {
		margin-left: 0px;
	  }
	
	  50% {
		margin-left: -30px;
	  }
	
	  100% {
		margin-left: 0px;
	  }
	}
	
	@-moz-keyframes leftSpring {
	  0% {
		margin-left: 0px;
	  }
	
	  50% {
		margin-left: 30px;
	  }
	
	  100% {
		margin-left: 0px;
	  }
	}
	
	@-webkit-keyframes rightSpring {
	  0% {
		margin-left: 0px;
	  }
	
	  50% {
		margin-left: -30px;
	  }
	
	  100% {
		margin-left: 0px;
	  }
	}
	
	@-webkit-keyframes leftSpring {
	  0% {
		margin-left: 0px;
	  }
	
	  50% {
		margin-left: 30px;
	  }
	
	  100% {
		margin-left: 0px;
	  }
	}
	
	@media screen and (max-width: 800px) {
	  #swipebox-action #swipebox-close {
		left: 0;
	  }
	
	  #swipebox-action #swipebox-prev {
		right: 60px;
	  }
	
	  #swipebox-action #swipebox-next {
		right: 0;
	  }
	}
	
	
	/* Skin 
	--------------------------*/
	#swipebox-overlay {
	  background: #0d0d0d;
	}
	
	#swipebox-action, #swipebox-caption {
	  text-shadow: 1px 1px 1px black;
	  background-color: #0d0d0d;
	  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
	  background-image: -webkit-linear-gradient(#0d0d0d, #000000);
	  background-image: -moz-linear-gradient(#0d0d0d, #000000);
	  background-image: -o-linear-gradient(#0d0d0d, #000000);
	  background-image: linear-gradient(#0d0d0d, #000000);
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	  opacity: 0.95;
	}
	
	#swipebox-action {
	  border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	
	#swipebox-caption {
	  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	  color: white!important;
	  font-size: 15px;
	  line-height: 43px;
	  font-family: Helvetica, Arial, sans-serif;
	}