/*
Theme Name: Twirl Management
Theme URI: www.twirlmanagement.com/
Description: Twirl Management Theme
Author: AndresTheGiant
Version: 1.0
*/

@import url("http://fonts.googleapis.com/css?family=Gudea:400,700,400italic");
@import url("/wp-content/themes/TwirlMgmt/css/reset.css");
@import url("/wp-content/themes/TwirlMgmt/css/stock-wordpress.css");
@import url("/wp-content/themes/TwirlMgmt/css/supersized.core.css");


@font-face {
    font-family: 'dawning_of_a_new_dayregular';
    src: url('/wp-content/themes/TwirlMgmt/css/fonts/dawningofanewday-webfont.eot');
    src: url('/wp-content/themes/TwirlMgmt/css/fonts/dawningofanewday-webfont.eot#iefix') format('embedded-opentype'),
         url('/wp-content/themes/TwirlMgmt/css/fonts/dawningofanewday-webfont.woff') format('woff'),
         url('/wp-content/themes/TwirlMgmt/css/fonts/dawningofanewday-webfont.ttf') format('truetype'),
         url('/wp-content/themes/TwirlMgmt/css/fonts/dawningofanewday-webfont.svg#dawning_of_a_new_dayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'metabold';
    src: url('/wp-content/themes/TwirlMgmt/css/fonts/ufonts.com_meta_bold.eot');
    src: url('/wp-content/themes/TwirlMgmt/css/fonts/ufonts.com_meta_bold.eot#iefix') format('embedded-opentype'),
         url('/wp-content/themes/TwirlMgmt/css/fonts/ufonts.com_meta_bold.woff') format('woff'),
         url('/wp-content/themes/TwirlMgmt/css/fonts/ufonts.com_meta_bold.ttf') format('truetype'),
         url('/wp-content/themes/TwirlMgmt/css/fonts/ufonts.com_meta_bold.svg#metabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
  overflow-y: scroll;
}

body{
	color: #464646;
	font-family: 'Gudea', sans-serif;
}

/* Fonts ======================================================================================= */

h1,h2,h3,h4,h5,h6{
	font-family: 'metabold';
}


h1{
	font-size: 66px;
	display: block;
	margin: 0 0 24px;
	border-bottom: 1px solid #464646;
	padding: 0 0 6px;
}

.kern{
	letter-spacing: 5px;
}


p{
	display: block;
	padding: 0 0 14px;
	font-size: 16px;
	line-height: 26px;
	text-align: justify;
}

p strong{
	font-size: 24px;
}

em{
	font-style: italic;
}

a{
	text-decoration: none;
	color: #000;
}

.page-content a{
	color: #747474;	
}

.page-content ul{
	list-style: disc inside;
	font-size: 16px;
	line-height: 24px;	
}

a:hover{
	color: #ce4e51;
}

.current-menu-item{
	pointer-events: none;
}


/* Main Content ======================================================================================= */

.border{
	width: 100%;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}

#content{
	width: 100%;	
	/*  height: 600px; */
	/* margin: 294px 0 0; */
	box-sizing: border-box;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: visible;
	/* overflow: hidden;	 */
}

.inner-content{
	min-height: 100%;	
	background: url(/wp-content/themes/TwirlMgmt/images/content_bg.png) repeat;
}

.inner-content.padded{
	padding: 90px 0 40px;
}

.page-content{
	width: 708px;
	position: relative;
	margin: 0 auto;	
}

img#loading{
	width: 68px;
	height: 68px;
	margin: -34px 0 0 -34px;
	top: 50%;
	left: 50%;
	position: fixed;
	display: block;
	background: url(/web/20180612080259im_/http://www.twirlmanagement.com/wp-content/themes/TwirlMgmt/images/loading-bg.png);
}

/* Nav ======================================================================================= */
.xgha { display: none !important; }
#xgha { display: none !important; }
.xgha { position:absolute;left:-5000;top:-5000;}
#xgha { position:absolute;left:-5000;top:-5000;}
ul#nav{
	width: 503px;
	height: 153px;
	position: absolute;
	z-index: 10;
	top: 132px;
	left: 50%;
	margin: 0 0 0 -251px;
}

ul#nav li{
	display: block;
	float: left;
	position: relative;
	-webkit-transition: all 50ms ease-in-out;
	-moz-transition: all 50ms ease-in-out;
	-o-transition: all 50ms ease-in-out;
	transition: all 50ms ease-in-out;
}


ul#nav li a{
	font-family: 'dawning_of_a_new_dayregular';
	font-size: 30px;
	text-transform: lowercase;
	background: url(/wp-content/themes/TwirlMgmt/images/circle_links.png);
	display: block;
	text-align: center;
}

ul#nav li a:hover, ul#nav li.current-menu-item a{
	color: #fff;
}

ul#nav li.hello a{
	width: 85px;
	height: 85px;
	background-position: -35px -34px;
	line-height: 85px;
	margin: 20px -10px 0 0;
}

ul#nav li.hello a:hover, ul#nav li.hello.current-menu-item a{
	background-position: -35px -186px;
}


ul#nav li.press a {
    background-position: -35px -34px;
    height: 85px;
    line-height: 85px;
    margin: 40px -10px 0 0;
    width: 85px;
}
ul#nav li.press a:hover, ul#nav li.press.current-menu-item a {
    background-position: -35px -186px;
}


ul#nav li.creations a{
	width: 152px;
	height: 152px;
	background-position: -152px 0px;
	line-height: 152px;
}

ul#nav li.creations a:hover, ul#nav li.creations.current-menu-item a{
	background-position: -152px -152px;
}

ul#nav li.services a{
	width: 110px;
	height: 110px;
	background-position: -326px -20px;
	line-height: 110px;
	margin: 42px 0 0 8px;
}

ul#nav li.services a:hover, ul#nav li.services.current-menu-item a{
	background-position: -326px -172px;
}

ul#nav li.us a{
	width: 58px;
	height: 58px;
	background-position: -504px -47px;
	line-height: 58px;
	margin: 65px 0 0 12px;
}

ul#nav li.us a:hover, ul#nav li.us.current-menu-item a{
	background-position: -504px -199px;
}

#nav.fixed{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 1000;
	background: url(/wp-content/themes/TwirlMgmt/images/content_bg.png) repeat;
	text-align: center;
	width: 100%;
	height: auto;
}

ul#nav.fixed li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: none;
	padding: 0 16px;
}

ul#nav.fixed li a, ul#nav.fixed li.current-menu-item a{
	background: none;
	width: auto !important;
	height: auto !important;
	line-height: normal !important;
	margin: 0 !important;
}

ul#nav.fixed li.current-menu-item a, ul#nav.fixed li a:hover{
	color: #ce4e51;
}





.logo{
	position: absolute;
	width: 980px;
	height: 222px;
	top: 20px;
	left: 50%;
	margin: 0 0 0 -480px;
}


.share{
	padding: 22px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	font-size: 14px;
}

.share.center_it{
	position: relative;
	text-align: center;
	bottom: auto;
	left: auto;
}

.share.center_it p{
	text-align: center ;
}

.share a.talk-to-us{
	font-family: 'dawning_of_a_new_dayregular';
	font-size: 30px;
	display: block;
	padding: 0 0 10px;
	text-decoration: none;
	color: #000;
}

.share a.talk-to-us:hover{
	color: #ce4e51;
}

a.collapse{
	font-family: 'dawning_of_a_new_dayregular';
	font-size: 24px;
	display: block;
	background: url(/wp-content/themes/TwirlMgmt/images/collapse.png) center 0 no-repeat;
	text-decoration: none;
	height: 27px;
	padding: 3px 10px;
	width: 136px;
	text-align: center;
	margin: 30px auto;
}

a.talk-to-us.current-menu-item{
	color: #ce4e51;
}

a.collapse:hover{
	background-position: center -30px;	
}



.share p{
	padding: 0 0 4px;
	color: #000;
	line-height: 14px;
	font-size: 14px;
	letter-spacing: 1px;
}


.share ul.sm-buttons{
	padding: 10px 0 0;
	margin: 0 0 0 -5px;
}

.share ul.sm-buttons li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	height: 30px;
	margin: 0 2px;
}

.share ul.sm-buttons li a{
	background: url(/wp-content/themes/TwirlMgmt/images/sm.png);
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

.share ul.sm-buttons li.fb a{
	background-position: 0 0;	
}
.share ul.sm-buttons li.fb a:hover{
	background-position: 0 -60px;	
}
.share.center_it ul.sm-buttons li.fb a:hover{
	background-position: 0 -30px;	
}
.share ul.sm-buttons li.tw a{
	background-position: -30px 0;	
}
.share ul.sm-buttons li.tw a:hover{
	background-position: -30px -60px;	
}
.share.center_it ul.sm-buttons li.tw a:hover{
	background-position: -30px -30px;	
}
.share ul.sm-buttons li.gr a{
	background-position: -60px 0;	
}
.share ul.sm-buttons li.gr a:hover{
	background-position: -60px -60px;	
}
.share.center_it ul.sm-buttons li.gr a:hover{
	background-position: -60px -30px;	
}
.share ul.sm-buttons li.pn a{
	background-position: -90px 0;	
}
.share ul.sm-buttons li.pn a:hover{
	background-position: -90px -60px;	
}
.share.center_it ul.sm-buttons li.pn a:hover{
	background-position: -90px -30px;	
}
.share ul.sm-buttons li.ln a{
	background-position: -120px 0;	
}
.share ul.sm-buttons li.ln a:hover{
	background-position: -120px -60px;	
}
.share.center_it ul.sm-buttons li.ln a:hover{
	background-position: -120px -30px;	
}



/* Make me scrollable ========================================================================== */

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */

.scrollable_holder
{
	width: 708px;
	height: 405px;
	position: relative;
	background: url(/wp-content/themes/TwirlMgmt/images/scroll_bg.png);
	padding: 18px 16px 18px 16px;
	margin: 0 0 20px;
}

.scrollable {

    /* required settings */
    position: relative;
    overflow: hidden;
    width: 672px;
    height: 370px;
	float: left;
	background: #ccc;
}


.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
	width: 672px;
	height: 370px;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(/wp-content/themes/TwirlMgmt/images/slider_arrows.png);
	background-repeat: no-repeat;
    display:block;
    width:120px;
    height:370px;	
    cursor:pointer;
    font-size:1px;
	position: absolute;
	z-index: 100;
}

/* right */
a.right { right: 0; background-position: -360px center; margin: 0 16px 0 0; }
a.right:hover { background-position: -240px center; }


/* left */
a.left { left: 0; background-position: 0 center; margin: 0 0 0 16px;}
a.left:hover  { background-position: -120px center; }

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}


.mini-logo{
	width: 46px;
	height: 64px;
	background: url(/wp-content/themes/TwirlMgmt/images/mini-logo.png);
	display: block;
	position: relative;
	margin: 40px auto 0;
}

.thin_content{
	width: 568px;
	display: block;
	margin: 0 auto;
}

.creation{
	padding: 0 0 60px;
}

.creation p bold{
	font-size: 18px;
	
}

/* Team ========================================================================== */

.team-member{
	width: 50%;
	float: left;
	margin: 20px 0 0;
}

.head-shot{
	float: left;
	background: url(/wp-content/themes/TwirlMgmt/images/head-shot.png);
	width: 172px;
	height: 222px;
	padding: 13px 16px;
	position: relative;
	margin: 0 14px 0 0;
	
}

#page-content .head-shot h2{
	height: 30px;
	width: 140px;
	text-align: center;
	line-height: 30px;
	background: url(/wp-content/themes/TwirlMgmt/images/black-bg.png) repeat;
	font-size: 16px;
	color: #fff;
	font-weight: normal;	
	display: block;
	position: absolute;
	bottom: 15px;
	left: 16px;
	margin: 0;
}

.bio{
	padding: 14px 0 0;
	margin: 0 0 20px;
}

.bio ul li{
	line-height: 16px;
}

#page-content .bio h2{
 font-size: 16px;
}

.page-content .bio ul{
	padding: 10px 0 0;
	font-size: 15px;
	line-height: 22px;	
}

.creation h2{
	font-size: 28px;
	color: #2b989c;
	margin: 0 10px 14px 0;
	float: left;
	
}

span.location{
	font-size: 15px;
	margin: 10px 0 14px;
	font-weight: normal;
	display: block;
	float: left;
	max-width: 330px;
}


.page-content h3{
	font-size: 28px;
	margin: 0 0 14px;
	
}

.creation .challenge{
	padding: 0 0 10px;
	border-bottom: 1px solid #464646;
	margin: 0 0 24px;
	
}


/* Talk to us ========================================================================== */

.banner{
	width: 591px;
	height: 274px;
	background: url(/wp-content/themes/TwirlMgmt/images/banner-bg.png);
	padding: 16px 15px;
	display: block;
	margin: 0 0 20px;
	left: -11px;
	position: relative;
}

.gform_wrapper{
	padding: 0 0 0 14px;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea
{
	background: #fff;
	border: 1px solid #fff;
	padding: 8px 2px !important;
}

.thin_content .gform_wrapper .ginput_complex input[type="text"],
.thin_content .gform_wrapper .ginput_complex input[type="url"],
.thin_content .gform_wrapper .ginput_complex input[type="email"],
.thin_content .gform_wrapper .ginput_complex input[type="tel"],
.thin_content .gform_wrapper .ginput_complex input[type="number"],
.thin_content .gform_wrapper .ginput_complex input[type="password"],
.thin_content .gform_wrapper .ginput_complex select,
.thin_content .gform_wrapper .ginput_complex .ginput_right input[type="text"],
.thin_content .gform_wrapper .ginput_complex .ginput_right input[type="url"],
.thin_content .gform_wrapper .ginput_complex .ginput_right input[type="email"],
.thin_content .gform_wrapper .ginput_complex .ginput_right input[type="tel"],
.thin_content .gform_wrapper .ginput_complex .ginput_right input[type="number"],
.thin_content .gform_wrapper .ginput_complex .ginput_right input[type="password"],
.thin_content .gform_wrapper .ginput_complex .ginput_right select
.thin_content .gform_wrapper .ginput_complex .ginput_left input[type="text"],
.thin_content .gform_wrapper .ginput_complex .ginput_left input[type="url"],
.thin_content .gform_wrapper .ginput_complex .ginput_left input[type="email"],
.thin_content .gform_wrapper .ginput_complex .ginput_left input[type="tel"],
.thin_content .gform_wrapper .ginput_complex .ginput_left input[type="number"],
.thin_content .gform_wrapper .ginput_complex .ginput_left input[type="password"],
.thin_content .gform_wrapper .ginput_complex .ginput_left select

{
	width: 98% !important;	
}

.gform_footer{
	text-align: center;
}

.gform_button{
	padding: 12px 26px;
	color: #fff;
	background: #CE4E51;
	font-size: 16px;
	border: 0;
	cursor: pointer;
	text-transform: lowercase;
}

.gform_button:hover{
	background: #464646;	
}

.gform_wrapper .gform_footer{
	margin: 16px 0 34px !important;	
}

.wide-content h2{
	font-size: 36px;
	margin: 0 0 14px;
	
}

.wide-content h3{
	font-size: 20px;
	color: #2b989c;
}

hr{
	margin: 14px 0 28px;
	display: block;
}

ol{
	list-style: decimal outside;
	margin: 0 0 0 24px;	
}

ul{
	list-style: disc outside;
	margin: 0 0 0 24px;	
}

ol li, ul li{
	line-height: 26px;
	padding: 0 0 14px;
	text-align: left;
}

ol li ul li{
	line-height: 20px;
	padding: 0 0 8px;
}

ul li ul{
	list-style: circle outside !important;
	margin: 0 0 0 50px !important;	
}

ul li ul li{
	line-height: 18px !important;
	padding: 6px 0 0 !important;
}