/* STYLES FOR SIDEBAR MENU */

/******************************************** GENERAL *************************************/
a											{ color:#F0F0F0; text-decoration:none; }

a:hover										{ color:#000; }

.cbp-spmenu									{ background:#171B28; position:fixed; }

.cbp-spmenu h3								{ height:100px; margin:0; padding:20px; font-size:40px; font-weight:300; color:#F0F0F0; background:#303030; border-bottom:3px solid #AAA; }

.cbp-spmenu a 								{ font-size:24px; font-weight:300; color:#D0D0D0; display:block; }

.cbp-spmenu a:hover							{ background:#202125; color:#FD0; }

.cbp-spmenu a:active						{ background:#625837; color:#FFF; }

.cbp-spmenu p 								{ margin-bottom:8px; font-size:16px; font-weight:300; line-height:24px; color:#CCC; }

.cbp-spmenu .fa-mobile						{ margin-top:40px; padding-left:10px; font-size:30px; font-weight:100; line-height:24px; color:#CCC; }

.cbp-spmenu .lsc							{ margin-top:40px; padding-left:10px; font-size:30px; font-weight:100; line-height:24px; color:#CCC;
											  transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }

.cbp-spmenu .fa-tablet						{ margin-top:40px; padding-left:10px; font-size:40px; font-weight:100; line-height:24px; color:#CCC; }

.cbp-spmenu .fa-laptop						{ margin-top:40px; padding-left:10px; font-size:50px; font-weight:100; line-height:24px; color:#CCC; }

.cbp-spmenu .fa-desktop						{ margin-top:40px; padding-left:45px; font-size:60px; font-weight:100; line-height:24px; color:#CCC; }

.cbp-spmenu .fa-mobile-phone				{ font-size:83px; padding-left:47px; line-height:107px; color:#CCC; }

.cbp-spmenu .img-mob						{ margin-right:15px; margin-left:5px; padding-top:5px; float:left; }

.cbp-spmenu-vertical						{ width:350px; height:100%; top:0; z-index:1000; }

.cbp-spmenu-vertical a 						{ height:auto; padding:20px; border-bottom:1px solid #625837; }

.cbp-spmenu-vertical .mobile-check			{ height:150px; padding:20px; border-bottom:1px solid #625837; }

.cbp-spmenu-vertical .content-mobile-check	{ padding-top:15px; text-align:left; }

.cbp-spmenu-right							{ right:-350px; }

.cbp-spmenu-right.cbp-spmenu-open			{ right:0px; text-align:center; z-index:10001; }

.cbp-spmenu									{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }


/******************************************** BUTTON **************************************/
.main > section								{ max-width:260px; width:90%; margin:0 auto; }

.main > section h2							{ font-weight:300; color:#CCC; }

#main-nav .fa-bars							{ width:100px; margin-left:-10px; line-height:54px; font-size:25px; cursor:pointer; -webkit-transition:all .3s ease-in; transition:all .3s ease-in; }

#main-nav .fa-bars:hover					{ color:#FB0; }

#main-nav .fa-bars.active					{ line-height:54px; color:#FB0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transition:all .3s ease-out;
											  transition:all .3s ease-out; }

#main-nav.scrolled .fa-bars					{ color:#FFF; cursor:pointer; }

#main-nav.scrolled .fa-bars:hover,
#main-nav.scrolled .fa-bars.active			{ color:#FB0; }


/****************************************** CONTAINER *************************************/
#sidebar .container							{ width:100%; max-width:69em; margin:0 auto; padding:0 1.875em 3.125em 1.875em; }

#sidebar .logo								{ width:180px; margin:0 auto; }

#sidebar .logo a							{ font-size:14px; }

.main,
.container > header							{ width:90%; max-width:69em; margin:0 auto; padding:0 1.875em 3.125em 1.875em; }

.container > header							{ padding:2.875em 1.875em 1.875em; }

.container > header h1						{ margin:0; line-height:1.3; float:left; font-size:2.125em; font-weight:400; }

.container > header span					{ padding:0 0 0.6em 0.1em; font-weight:700; text-transform:uppercase; letter-spacing:0.5em; display:block; }

.container > header nav						{ float:right; }

.container > header nav a					{ width:2.5em; height:2.5em; margin:0 0.1em; display:block; float:left; position:relative; background:#FFF; border-radius:50%; color:transparent;
											  border:4px solid #47A3DA; text-indent:-8000px; }

.container > header nav a:after				{ width:600%; top:120%; right:0; text-align:right; position:absolute; content:attr(data-info); color:#47A3DA; opacity:0; pointer-events:none; }

.container > header nav a:hover:after		{ opacity:1; }

.container > header nav a:hover				{ background:#47A3DA; }



/******************************************** ICON ****************************************/
.icon-drop:before, 
.icon-arrow-left:before						{ width:100%; height:100%; top:0; padding-left:8px; position:absolute; line-height:2; font-family:'fontawesome'; font-style:normal; font-weight:normal;
											  text-align:center; color:#47A3DA; speak:none; text-indent:8000px; -webkit-font-smoothing:antialiased; }

.container > header nav a:hover:before		{ color:#FFF; }

.icon-drop:before							{ content:"\E000"; }

.icon-arrow-left:before						{ content:"\F060"; }


/******************************************** MEDIA QUERIES *******************************/
@media screen and (max-width: 55.1875em)
{
	
}

@media screen and (max-height: 26.375em)
{
	.cbp-spmenu-right				{ right:-190px; }
}