/*------------------------------------------------------------------

[Framework Stylesheet]



Project:	Boxed | Epsilon Framework

Version:	2.0

Last change:	10/23/2014

Assigned to:	Enabled & CosminCotor

Primary usefr:	ThemeForest Stock Item 

License:        You may not reuse or redistribute this framework

                outside the mentioned licenses found on ThemeForest

-------------------------------------------------------------------*/





@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);*/

@import url(//fonts.googleapis.com/css?family=Lato:400,700,900);

@import url(//fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

/*@import url(//fonts.googleapis.com/css?family=Signika+Negative:300,400,600,700);*/

/* CSS Document */





/*

	1. Reset

	2. Typography 

	3. Preloader 

	4. Highlights 

	5. Buttons 

	6. Code Highlight 

	7. Lists

	8. Table 

	9. Speach Bubbles 

	10. Quote Styles

	11. Radio and Checkboxes

	12. Charts 

	13. Notifications

	14. Tabs

	15. Toggles

	16. Submenu

	17. Contact Form

	18. Detector

	19. Sharebox

	20. Profile

	21. Portfolio 

	22. Timeline

	23. --Feature Removed/Updated to Point 46--

	24. --Feature Removed/Updated to Point 46-- 

	25. Notification Page

	26. Login Box

	27. Portfolio Wide

    38. Sidebar Menu Structures

    39. Login Page

    40. Signup / Signin Page

    41. Coverpage Page

    42. User List Page

    43. Share Boxes

    44. Mobile Styled Switches

    45. Error Page

    46. Soon Page

    47. Blog Page

    48. Fullscreen Image Slider

    49. Calendar

*/ 





/*	1. Reset  */ 



* {

	appearance:normal;

	-webkit-appearance: none;

	-moz-appearance: none;

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	outline: none;

	font-size-adjust: none;

	-webkit-text-size-adjust: none;

	-moz-text-size-adjust: none;

	-ms-text-size-adjust: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

*:focus {

	outline: none;

}



*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 0;	margin: 0;}



body {

	margin: 0;

	padding: 0;

	overflow-x:hidden;

}



body::-webkit-scrollbar { 

    display: none; 

}



a:hover{

	text-decoration:none!important;

}



::selection {

	background-color:#CCC;

	color: #000;

}



div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {

	display: block;

	position:relative;

	overflow:hidden;

}



/*	2. Typography  */ 



p {

	line-height: 30px;

	margin-bottom: 30px;

	font-size:13px;

	letter-spacing:0px;

}



p > a {

	display: inline;

	text-decoration: none;

}



p > a:hover {

	text-decoration: underline;

}



p > span {

	display: inline;

}



span > a {

	display: inline;

}



a > span {

	display: inline;

}



a {

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}



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

	display: inline;

}



table {

	border-collapse: separate;

	border-spacing: 0;

	background-color: #f6f6f6;

	border-left: 1px solid #e9e9e9;

	border-top: 1px solid #e9e9e9;

	width: 100%;

	clear: both;

	margin-bottom: 27px;

}



thead {}



th {

	vertical-align: middle;

	border-bottom: 1px solid #e9e9e9;

	border-right: 1px solid #e9e9e9;

	font-weight: bold;

	color: #555;

	background-color: #f6f6f6;

}



tr {

	line-height: 18px;

}



td {

	border-right: 1px solid #e9e9e9;

	border-bottom: 1px solid #e9e9e9;

	text-align: center;

	color: #666;

	padding-top: 9px;

	padding-bottom: 9px;

	line-height: 18px;

	vertical-align: middle;

	background-color: #fdfdfd;

}



tr:hover > td {

	background: #fff;

}



ul {

	margin-bottom: 20px;

}



ol {

	margin-bottom: 30px;

}

li {

	line-height: 18px;

	margin-bottom:5px;

	list-style:inside;

}



ol > li:last-child, ul > li:last-child {

    margin-bottom:0px;	

}



.background-turquoise{background-color:#1abc9c;}

.background-turquoise-dark{background-color:#16a085;}



.background-green{background-color:#2ecc71;}

.background-green-dark{background-color:#27ae60;}



.background-blue{background-color:#3498db;}

.background-blue-dark{background-color:#2980b9;}



.background-magenta{background-color:#9b59b6;}

.background-magenta-dark{background-color:#8e44ad;}



.background-yellow{background-color:#f1c40f;}

.background-yellow-dark{background-color:#f39c12;}



.background-orange{background-color:#e67e22;}

.background-orange-dark{background-color:#d35400;}



.background-red{background-color:#e74c3c;}

.background-red-dark{background-color:#c0392b;}



.background-gray{background-color:#95a5a6;}

.background-gray-dark{background-color:#7f8c8d;}



/*//////////////////////////////////////*/

/*Font Selection and General Font Colors*/

/*//////////////////////////////////////*/



body{

	font-family:'Roboto', sans-serif;

	-webkit-font-smoothing: antialiased;

	color:#666;

	font-size:12px;

	line-height:20px;

}



.checkbox{

	color:#666;

}



h1{

	font-size:21px;

	margin-bottom:10px;

	font-weight:800;

	color:#212935;

}



h2{

	font-size:19px;

	margin-bottom:10px;

	font-weight:800;

	color:#212935;

}



h3{

	font-size:17px;

	margin-bottom:10px;

	font-weight:700;

	color:#212935

}



h4{

	font-size:15px;

	margin-bottom:10px;

	font-weight:800;

	color:#212935;

}



h5{

	color:#212935;

	font-size:13px;

	margin-bottom:5px;

	font-weight:800;

}



h7{

	color: white;

	font-size:21x;

	margin-bottom:5px;

	font-weight:1000;

}




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

	font-family:'Roboto', sans-serif;

	-webkit-font-smoothing: antialiased;

	color:#1f1f1f;	

}



a:hover{

	color:#2980b9;

	transition:all 200ms ease;

}



a{

	color:#3498db;

	tramsition:all 200ms ease;

}



/*////////////////////////*/

/*Other Classes and Resets*/

/*////////////////////////*/



.overlay{

	pointer-events:none;

	position:absolute;

	width:100%;

	height:100%;

	background-color:rgba(0,0,0,0.4);

	z-index:96;

}



.content{

	clear:both;

	margin-left:30px;

	margin-right:30px;

}



@media (min-width:768px){

	.content{

		margin-left:70px;

		margin-right:70px;	

	}

    

    .content-box-slider{

        margin-left:70px;

        margin-right:70px;

    }

}



.container{

	margin-bottom:30px;

}



.no-bottom{

	margin-bottom:0px!important;

	padding-bottom:0px!important;

}



.half-bottom{

	margin-bottom:15px;

}



.full-bottom{

	margin-bottom:30px!important;

}



.clear {

	clear: both;

	height: 0px;

	line-height: 0px;

}



.float-left{	 

	float:left;

	margin-right:10px;

}



.float-right{	

	float:right;

	margin-left:5px;

}



.right-text{	

	display:block; 

	text-align:right;

}



.left-text{	

	display:block;   

	text-align:left;

}



.center-text{	

	display:block; 

	text-align:center;

}



.uppercase{

	text-transform:uppercase;

}



.capitalize{

	text-transform:capitalize;

}



.regular-anchor{

	color:inherit!important;	

}



.responsive-image{

	width:100%;

	margin-bottom:20px;

}



.round-image{

	border-radius:500px;	

}



.responsive-video{

	display:block;

	width:100%;

	margin-bottom:30px;

}



@media (min-width:768px){

	.responsive-video{

		min-height:400px;	

	}

}



.decoration{ 

    position:relative;

    z-index:30!important;

	height:1px;

	background-color:rgba(0,0,0,0.1);

	margin-bottom:30px;

	display:block;

	clear:both;

}



@media (max-width:767px){

	.center-if-mobile{

		text-align:center;

        display:block;

	}

	

	.left-if-mobile{

		text-align:left;

	}

	

	.right-if-mobile{

		text-align:right;

	}

}



@media (min-width:768px){

	.center-if-tablet{

		text-align:center;

	}

	

	.left-if-tablet{

		text-align:left;

	}

	

	.right-if-tablet{

		text-align:right;

	}

}



/*	3. Preloader  */ 



#preloader {

	position:fixed;

	z-index:2500;

	top:0;

	left:0;

	right:0;

	bottom:0;

	background-color:#FFF; 

	z-index:99999999; 

}



#status {

	position:fixed;

	z-index:99999999;

	width:250px;

	height:250px;

	position:absolute;

	left:50%; 

	top:50%; 

	background-image:url(../images/status.gif); 

	background-size:64px 64px;

	background-repeat:no-repeat;

	background-position:center;

	margin:-125px 0 0 -125px; 

}



#status p{

	top:60%;

}



#status em{

	font-size:10px!important;

	display:block;

	font-style:normal;

}



/*Typograhpy Features*/



.center-icon{

	width:70px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:30px;

}



.last-column{

	margin-right:0%!important;

}



.one-third{

	width:28%;

	float:left;

	margin-right:8%;	

}



.one-half{

	width:45%;

	float:left;

	margin-right:10%;

}



@media (max-width:760px){

	

.hide-if-mobile{

	display:none;

}



}



@media (min-width:760px) { 

	.one-third-responsive{

		width:30%;

		float:left;

		margin-right:5%;	

	}

	

	.one-half-responsive{

		width:46%;

		float:left;

		margin-right:8%;

	}

	

	.sidebar-left-big{

		width:70%;

		float:left;

		margin-right:5%	

	}

	

	.sidebar-right-small{

		width:25%;

		float:right;	

	}

		

	.sidebar-right-big{

		width:70%;

		float:right;	

	}

	

	.sidebar-left-small{

		width:25%;

		float:left;

		margin-right:5%;	

	}

	

	.hide-if-responsive{

		display:none;

	}



}



/*	4. Highlights  */ 



.text-highlight{

	color:#FFFFFF;

	padding:8px;

	margin-right:3px;	

}



.highlight-turqoise{	 background-color:#16a085;	}

.highlight-green{  	 	background-color:#27ae60;	}

.highlight-blue{   		 background-color:#2980b9;	}

.highlight-magenta{	  background-color:#8e44ad;	}

.highlight-dark{		 background-color:#2c3e50;	}

.highlight-yellow{	   background-color:#f1c40f;	}

.highlight-red{		  background-color:#c0392b;	}

.highlight-orange{	   background-color:#e67e22;	}



/*	5. Buttons  */ 



.full-button{

    display:block;

    width:100%;

    text-align:center;

}



.center-button{

	width:140px;

	margin-left:auto;

	margin-right:auto;	

	display:block!important;

	margin-top:10px;

	text-align:center;

}



.button{

	display:inline-block;

	padding:10px 20px;	

    transition:all 250ms ease;

}



.round-button{

	display:inline-block;

	padding:10px 20px;	

    border-radius:20px;

    transition:all 250ms ease;

}



.button-3d{

	display:inline-block;

	padding:8px 20px;	

    transition:all 250ms ease;

}



.button i{

	margin-right:10px;	

	font-size:12px;

	width:12px;

	text-align:center;

	margin-left:-5px;

}



.button:hover{

	color:#FFFFFF!important;

}



.round-button:hover{

	color:#FFFFFF!important;

}





.button-3d:hover{

	color:#FFFFFF!important;

}



.tea-3d{				border-bottom:solid 4px #117562;}

.button-tea{			background-color:#16a085; color:#FFFFFF;}

.button-tea:hover{		background-color:#1abc9c;}



.green-3d{				border-bottom:solid 4px #1e8248;}

.button-green{			background-color:#27ae60; color:#FFFFFF;}

.button-green:hover{	background-color:#2ecc71;}



.blue-3d{				border-bottom:solid 4px #194e70;}

.button-blue{			background-color:#2980b9; color:#FFFFFF;}

.button-blue:hover{		background-color:#3498db;}



.magenta-3d{			border-bottom:solid 4px #602e75;}

.button-magenta{		background-color:#8e44ad; color:#FFFFFF;}

.button-magenta:hover{	background-color:#9b59b6;}



.dark-3d{				border-bottom:solid 4px #19232d;}

.button-dark{			background-color:#2c3e50; color:#FFFFFF;}

.button-dark:hover{		background-color:#34495e;}



.yellow-3d{				border-bottom:solid 4px #ba970b;}

.button-yellow{			background-color:#f1c40f; color:#1f1f1f;}

.button-yellow:hover{	background-color:#f39c12;}



.orange-3d{				border-bottom:solid 4px #9d3e00;}

.button-orange{			background-color:#d35400; color:#FFFFFF;}

.button-orange:hover{	background-color:#e67e22;}



.red-3d{				border-bottom:solid 4px #8a281e;}

.button-red{			background-color:#c0392b; color:#FFFFFF;}

.button-red:hover{		background-color:#e74c3c;}



.light-3d{				border-bottom:solid 4px #868a8c;}

.button-light{			background-color:#bdc3c7; color:#1f1f1f;}

.button-light:hover{	background-color:#ecf0f1;}



.grey-3d{				border-bottom:solid 4px #474d4e;}

.button-grey{			background-color:#7f8c8d; color:#FFFFFF;}

.button-grey:hover{		background-color:#95a5a6;}





/*	6. Code Highlight  */ 



.code{

	border:solid 1px #cacaca;

	font-size:12px;

	margin-bottom:30px;

}



.wline{

	font-size:11px;

	font-family:"Courier New", Courier, monospace!important;

	display:block;

	background-color:#FFFFFF;

	padding-left:10px;

	padding-right:10px;

	padding-top:8px;

	padding-bottom:8px;

}



.code > span:last-child{

	border-bottom:none;

}



.gline{

	font-size:11px;

	font-family:"Courier New", Courier, monospace!important;

	border-top:solid 1px rgba(0,0,0,0.1);

	border-bottom:solid 1px rgba(0,0,0,0.1);

	display:block;

	background-color:#f1f1f1;

	padding-left:10px;

	padding-right:10px;

	padding-top:8px;

	padding-bottom:8px;

}	





/*	7. Lists  */ 





.number-list {}

.number-list li{

	line-height:26px;	

	list-style:decimal;

	overflow:visible!important;

	margin-left:0px;

	list-style:decimal;

	margin-left:20px;

	padding-left:0px;

}



.normal-list li{

	line-height:26px;	

	padding-left:5px;

}



.icon-list li{

	list-style:none;

	padding-left:30px;	

	background-repeat:no-repeat;

	background-size:18px 18px;

	background-position:0px 5px;

	margin-bottom:10px;

	line-height:26px;

}



.font-icon-list li{

	list-style:none;

	padding-left:0px;	

	color:#666666;

	line-height:26px;

}



.font-icon-list li a{

	color:#666666;	

}



.icon-list li a{

	color:#666666;	

}



.font-icon-list i{

	margin-right:10px;	

	width:12px;

}



.address-list{

	background-image:url(../images/lists/address_48.png);

}



.block-list{

	background-image:url(../images/lists/block_48.png);

}



.bookmark-list{

	background-image:url(../images/lists/bookmark_48.png);

}



.briefcase-list{

	background-image:url(../images/lists/briefcase_48.png);

}



.bubble-list{

	background-image:url(../images/lists/bubble_48.png);

}



.buy-list{

	background-image:url(../images/lists/buy_48.png);

}



.calendar-list{

	background-image:url(../images/lists/calendar_48.png);

}



.clipboard-list{

	background-image:url(../images/lists/clipboard_48.png);

}



.clock-list{

	background-image:url(../images/lists/clock_48.png);

}



.delete-list{

	background-image:url(../images/lists/delete_48.png);

}



.diagram-list{

	background-image:url(../images/lists/diagram_48.png);

}



.document-list{

	background-image:url(../images/lists/document_48.png);

}



.down-list{

	background-image:url(../images/lists/down_48.png);

}



.flag-list{

	background-image:url(../images/lists/flag_48.png);

}



.folder-list{

	background-image:url(../images/lists/folder_48.png);

}



.gear-list{

	background-image:url(../images/lists/gear_48.png);

}



.globe-list{

	background-image:url(../images/lists/globe_48.png);

}



.heart-list{

	background-image:url(../images/lists/heart_48.png);

}



.help-list{

	background-image:url(../images/lists/help_48.png);

}



.home-list{

	background-image:url(../images/lists/home_48.png);

}



.info-list{

	background-image:url(../images/lists/info_48.png);

}



.key-list{

	background-image:url(../images/lists/key_48.png);

}



.label-list{

	background-image:url(../images/lists/label_48.png);

}



.left-list{

	background-image:url(../images/lists/left_48.png);

}



.letter-list{

	background-image:url(../images/lists/letter_48.png);

}



.monitor-list{

	background-image:url(../images/lists/monitor_48.png);

}



.pencil-list{

	background-image:url(../images/lists/pencil_48.png);

}



.plus-list{

	background-image:url(../images/lists/plus_48.png);

}



.present-list{

	background-image:url(../images/lists/present_48.png);

}



.print-list{

	background-image:url(../images/lists/print_48.png);

}



.right-list{

	background-image:url(../images/lists/right_48.png);

}



.save-list{

	background-image:url(../images/lists/save_48.png);

}



.search-list{

	background-image:url(../images/lists/search_48.png);

}



.shield-list{

	background-image:url(../images/lists/shield_48.png);

}



.statistics-list{

	background-image:url(../images/lists/statistics_48.png);

}



.stop-list{

	background-image:url(../images/lists/stop_48.png);

}



.tick-list{

	background-image:url(../images/lists/tick_48.png);

}



.trash-list{

	background-image:url(../images/lists/trash_48.png);

}



.up-list{

	background-image:url(../images/lists/up_48.png);

}



.user-list{

	background-image:url(../images/lists/user_48.png);

}



.wallet-list{

	background-image:url(../images/lists/wallet_48.png);

}

	

.warning-list{

	background-image:url(../images/lists/warning_48.png);

}



/*	8. Table  */ 





.table{

	width:100%;

	margin-bottom:35px;

}



.table-title{

	font-family:'Dosis', sans-serif;

	font-size:12px;

}



.table-sub-title{

	font-family:'Dosis', sans-serif;

	font-weight:bold;

	font-size:12px;

}



.price{

	font-size:12px;

}



.small-price{

	position:absolute;

	margin-left:0px;

	font-size:10px;

	margin-top:-3px!important;

}



table {

	font-size:12px;

	text-shadow: 1px 1px 0px #fff;

	background:#eaebec;

	border:#ccc 1px solid;

	margin-bottom:25px;

}



table th {

	padding:21px 25px 22px 25px;

	border-bottom:1px solid #e0e0e0;

}



table th:first-child{

	text-align: center;

	padding-left:20px;

}



table tr{

	text-align: center;

	padding-left:20px;

}



table tr td:first-child{

	text-align: left;

	padding-left:20px;

	border-left: 0;

}



table tr td {

	padding:14px;

	border-top: 1px solid #ffffff;

	border-bottom:1px solid #e0e0e0;

	border-left: 0px solid #e0e0e0;

}



table tr.even td{

	background: #efefef;

}



table tr:last-child td{

	border-bottom:0;

}



table tr:hover td{

	background: #f8f8f8;

}



.table-heading{

	padding-top:10px;

	padding-bottom:15px;

}



.table-text{

	color:#6f6f6f;

}



/*	9. Speach Bubbles  */ 





.green-bubble{

	background-color:#33c922!important;

	color:#FFFFFF!important;

	border:none!important;

}



.blue-bubble{

	background-color:#0b84fe!important;

	color:#FFFFFF!important;

	border:none!important;

}



.speach-left{

	float:left;

	display:inline;

	text-align:left;

	max-width:75%;

	font-size:12px;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	border-radius:10px;

	background-color:#FFFFFF;	

	border:solid 1px #cacaca;

}



.speach-left-title{

	display:block;

	width:100%;

	font-size:10px;

	font-style:normal;

	padding-left:5px;

	color:#000000;	

	text-shadow:0px 1px 0px #FFFFFF;

}



.speach-right{

	float:right;

	text-align:right;

	text-align:left;

	max-width:75%;

	font-size:12px;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	border-radius:10px;

	background-color:#FFFFFF;	

	border:solid 1px #cacaca;

}



.speach-right-title{

	text-align:right;

	display:block;

	font-size:10px;

	font-style:normal;

	padding-right:5px;

	color:#000000;	

	text-shadow:0px 1px 0px #FFFFFF;

}





/*	10. Quote Styles  */ 



.quote-style-one{

	margin-bottom:30px;

}



.quote-style-one img{

	float:left;

	width:25%;

}



.quote-style-one em{

	font-style:normal;

	float:left;

	width:70%;

	padding-left:4%;

}



.quote-style-one strong{

	font-style:italic;

	float:left;

	width:70%;

	padding-left:4%;

	padding-top:2%;

}



.quote-style-two{

	margin-bottom:30px;

}



.quote-style-two em{

	text-align:left;

	font-style:normal;

	display:block;

}



.quote-style-two strong{

	text-align:left;

	font-style:italic;	

	display:block;

}



.quote-style-three{

	margin-bottom:30px;

}



.quote-style-three em{

	text-align:right;

	font-style:normal;

	display:block;

}



.quote-style-three strong{

	text-align:right;

	font-style:italic;	

	display:block;

}



.quote-style-four em{

	text-align:center;

	font-style:normal;

	display:block;

}



.quote-style-four strong{

	text-align:center;

	font-style:italic;

	display:block;

}



.quote-style-four img{

	width:70px;

	margin-left:auto;

	margin-right:auto;

	padding-bottom:20px;

}





/*	11. Radio and Checkboxe */ 



.checkbox-one{

	background-image:url(../images/ui/checkbox1.png);

	background-size:16px 18px;

	background-repeat:no-repeat;

	padding-left:30px;

	background-position:0px 1px;

	margin-bottom:10px;

}



.checkbox-one-checked{

	background-image:url(../images/ui/checkbox1c.png);

}



.checkbox-two{

	background-image:url(../images/ui/checkbox2.png);

	background-size:16px 18px;

	background-repeat:no-repeat;

	padding-left:30px;

	background-position:0px 1px;

	margin-bottom:10px;

}



.checkbox-two-checked{

	background-image:url(../images/ui/checkbox2c.png);

}



.checkbox-three{

	background-image:url(../images/ui/checkbox3.png);

	background-size:16px 16px;

	background-repeat:no-repeat;

	padding-left:30px;

	background-position:0px 2px;

	margin-bottom:10px;

}



.checkbox-three-checked{

	background-image:url(../images/ui/checkbox3c.png);

}



.radio-one{

	background-image:url(../images/ui/radio1.png);

	background-size:16px 18px;

	background-repeat:no-repeat;

	padding-left:30px;

	background-position:0px 1px;

	margin-bottom:10px;

}



.radio-one-checked{

	background-image:url(../images/ui/radio1c.png);

}



.radio-two{

	background-image:url(../images/ui/radio2.png);

	background-size:16px 18px;

	background-repeat:no-repeat;

	padding-left:30px;

	background-position:0px 1px;

	margin-bottom:10px;

}



.radio-two-checked{

	background-image:url(../images/ui/radio2c.png);

}



/*	12. Charts */ 



.chart div{

	overflow:hidden!important;

}



.chart strong{

	font-size:13px;

	text-align:left;

	font-weight:600;

	font-family:'Source Sans Pro', sans-serif;

	padding-left:5px;

}



.chart em{

	font-size:13px;

	text-align:right;

	font-style:normal;

	display:block;

	margin-bottom:10px;

	margin-top:-20px;

	font-weight:300;

	font-family:'Source Sans Pro', sans-serif;

	padding-right:5px;

}



.chart-background{

	background-color:#CCC;

	width:100%;

	display:block;

	height:22px;

	margin-bottom:20px;

	margin-top:-5px;

}



.red-chart{

	background-color:#c0392b;

	margin:3px;

	height:16px;

	opacity:0.9;

}



.green-chart{

	background-color:#27ae60;

	margin:3px;

	height:16px;

	opacity:0.9;

}



.yellow-chart{

	background-color:#f39c12;

	margin:3px;

	height:16px;

	opacity:0.9;

}



.magenta-chart{

	background-color:#8e44ad;

	margin:3px;

	height:16px;

	opacity:0.9;

}



.blue-chart{

	background-color:#2980b9;

	margin:3px;

	height:16px;

	opacity:0.9;

}



.chart-round div{

	border-radius:20px;

}



.p100{width:100%;}

.p90{width:90%;}

.p80{width:80%;}

.p70{width:70%;}

.p60{width:60%;}

.p50{width:50%;}

.p40{width:40%;}

.p30{width:30%;}

.p20{width:20%;}

.p10{width:10%;}

.p0{width:0%;}





/*	13. Notifications */ 



.red-notification{

	background-color:#c0392b!important;

	color:#FFFFFF;	

}



.green-notification{

	background-color:#27ae60!important;

	color:#FFFFFF;	

}



.yellow-notification{

	background-color:#f39c12!important;

	color:#FFFFFF;	

}



.blue-notification{

	background-color:#2980b9!important;

	color:#FFFFFF;	

}



.big-notification{

	margin-bottom:30px;

	padding:8px;

}



.big-notification h3{

	font-family:'Dosis', sans-serif;

	font-weight:400;

	color:#FFFFFF;

	margin-bottom:5px;

	margin:10px;

	padding-bottom:10px;

	padding-top:5px;

	border-bottom:solid 1px rgba(255,255,255,0.2);

}



.big-notification h4{

	font-family:'Dosis', sans-serif;

	font-weight:400;

	color:#FFFFFF;

	margin-bottom:5px;

	margin:10px;

	padding-bottom:10px;

	padding-top:0px;

	border-bottom:solid 1px rgba(255,255,255,0.2);

}





.close-big-notification{

	font-size:14px;

	color:#FFFFFF;

	float:right;

	margin-top:-43px;

	margin-right:10px;

	width:20px;

	height:20px;

	text-align:center;

}



.close-big-notification:hover{color:#FFFFFF;}



.big-notification p{

	padding:10px;	

	padding-top:0px;

	margin-bottom:0px;

}



.static-notification-red{

	overflow:hidden;

	background-color:#c0392b;

	color:#FFFFFF;

	margin-bottom:30px;

}



.static-notification-red p{

	font-size:11px;

	margin-top:10px;

	margin-bottom:10px;

	font-weight:500;

}



.static-notification-green{

	overflow:hidden;

	background-color:#27ae60;

	color:#FFFFFF;

	margin-bottom:30px;

}



.static-notification-green p{

	font-size:11px;

	margin-top:10px;

	margin-bottom:10px;

	font-weight:500;

}



.static-notification-yellow{

	overflow:hidden;

	background-color:#f39c12;

	color:#FFFFFF;

	margin-bottom:30px;

}



.static-notification-yellow p{

	font-size:11px;

	margin-top:10px;

	margin-bottom:10px;

	font-weight:500;

}



.static-notification-blue{

	overflow:hidden;

	background-color:#2980b9;

	color:#FFFFFF;

	margin-bottom:30px;

}



.static-notification-blue p{

	font-size:11px;

	margin-top:10px;

	margin-bottom:10px;

	font-weight:500;

}



/*Top Notifications*/



.notification-top{

	height:0px;

	width:100%;

	transition:all 400ms ease;

}



.show-notification-top{

	height:100px!important;

	transition:all 400ms ease;

	transition-delay:1s;

}



.notification-top a{

	color:#FFFFFF;

	border-bottom:solid 1px rgba(255,255,255,0.3);

	padding-bottom:2px;	

}



.hide-top-notification{

	font-size:10px;

	width:30px;

	height:30px;

	position:absolute;

	right:34px;

	top:17px;

	color:#FFFFFF;

	text-align:center;

	background-color:rgba(0,0,0,0.1);

	border-radius:30px;

	line-height:31px;

	border:none!important;

	transition:all 200ms ease;	

}



.hide-top-notification:hover{

	background-color:rgba(0,0,0,0.3);

	transition:all 200ms ease;	

}



.goto-top-notification{

	font-size:10px;

	width:30px;

	height:30px;

	position:absolute;

	right:80px;

	top:17px;

	color:#FFFFFF;

	text-align:center;

	background-color:rgba(0,0,0,0.1);

	border-radius:30px;

	line-height:30px;

	border:none!important;

	transition:all 200ms ease;	

}



.goto-top-notification:hover{

	background-color:rgba(0,0,0,0.3);

	transition:all 200ms ease;	

}



.notification-top h3{

	margin-left:30px;

	margin-top:23px;

	margin-bottom:12px;

	color:#FFFFFF;1

}



.notification-top p{

	font-size:12px;

	margin-left:30px;

	padding-right:30px;

	line-height:24px;

	opacity:0.8;

}





/*	14. Tabs */ 



.tabs div{

	overflow:hidden!important;

}



.tabs a{

	color:#343434;

	text-transform:uppercase;

}



.tab-content{

	overflow:hidden;

	display:none;

}



.tab-content img{

	margin-top:8px;	

}



.tab-content p{

	margin-bottom:0px;

}



.tab-content-1{

	display:block;

}



.tab-active{

	background-color:#bee7cf!important;

}



.actve-green{

	background-color:#67c68f!important;

}



.tab-but{

	font-size:13px;

	float:left;

	background-color:#f9f9f9;

	margin-right:2px;

	margin-bottom:2px;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

}



.tab-content{

	background-color:#eeeeee;

	padding-left:10px;

	padding-right:10px;

	padding-top:10px;

	padding-bottom:10px;

}



/*	15. Toggles  */ 



.toggle-content{

	display:none;

	padding-top:0px;

}



.toggle-content p{

	border-top:solid 1px rgba(0,0,0,0.05);

	margin-bottom:0px;

	padding-top:10px;

	padding:15px;

}



.toggle-1, .toggle-2, .toggle-3{

	background-color:#e0f7fa;   

}



.toggle-3{





}



.deploy-toggle-1{

	padding:15px;

	padding-left:50px;

	font-size:13px;

	color:#343434;

	text-transform:uppercase;

	background-image:url(../images/ui/plus.png);

	background-repeat:no-repeat;

	background-size:12px 12px;

	background-position:15px 19px;

}



.toggle-1-active{

	background-image:url(../images/ui/minus.png);

}



.deploy-toggle-2{

	padding:15px;

	padding-left:50px;

	font-size:13px;

	color:#343434;

	text-transform:uppercase;

	background-image:url(../images/lists/plus_48.png);

	background-repeat:no-repeat;

	background-size:14px 14px;

	background-position:15px 18px;

}



.toggle-2-active{

	background-image:url(../images/lists/delete_48.png);

}



.deploy-toggle-3{

	padding:15px;

	font-size:13px;

	color:#343434;

	text-transform:uppercase;

}



.deploy-toggle-3 em{

	background-color:#c0392b;

	position:absolute;

	transition: 0.1s ease-out;

	right:15px;

	width:50px;

	height:20px;

	border-radius:30px;

}



.deploy-toggle-3 em strong{

	top:2px;

	left:2px;

	height:16px;

	width:16px;

	border-radius:19px;

	background-color:#f6f6f6;

	position:absolute;

	z-index:999;

}



.toggle-3-active-background{

	background-color:#27ae60!important;

}



.toggle-3-active-ball{

	transition: 0.01s ease-out;

	left:32px!important;

}



/*	16. Submenu  */ 



.submenu-navigation a{

	color:#FFFFFF;

}



.submenu-navigation{

	background-color:#126BB4;

}



.submenu-nav-deploy{

	font-size:13px;

	padding:15px;

	padding-left:40px;

	text-transform:uppercase;

	background-image:url(../images/ui/arrow-down.png);

	background-repeat:no-repeat;

	background-size:8px 5px;

	background-position:15px 23px;

}



.submenu-nav-deploy-active{

	background-image:url(../images/ui/arrow-up.png);

}



.submenu-nav-items{

	display:none;

}



.submenu-nav-items a:first-child{

	border-top:solid 1px rgba(0,0,0,0.1);

}



.submenu-nav-items a{

	padding-left:20px;

	padding-top:10px;

	padding-bottom:10px;

	border-bottom:solid 1px rgba(0,0,0,0.1);

}



.submenu-nav-items a:last-child{

	padding-bottom:10px;

}



.sliding-door{

	overflow:hidden;

	background-color:#FFFFFF;

	border:solid 1px #cacaca;

	height:40px;

	line-height:39px;

}



.sliding-door-bottom{

	border:solid 1px rgba(0,0,0,0.05);

}



.sliding-door-clear{

	height:20px;

	display:block;

	width:100%;

}



.sliding-door-top{

	position:absolute;

	background-color:#FFFFFF;

	display:block;

	width:101%;

	height:inherit;

	line-height:inherit;

	padding-top:3px;

	z-index:10;

	font-size:12px;

	padding-top:0px;

	padding-left:0px;

	padding-right:15px;

	padding-bottom:0px;

	border-left:solid 1px #cacaca;

	margin-left:-1px;

}



.sliding-door-top a{

	color:#333;

	text-transform:uppercase;

	background-position:0 13px;

}



.sliding-door-bottom{

	position:absolute;

	background-color:#fefefe;

	display:block;

	width:100%;

	height:inherit;

	line-height:inherit;

	padding-top:3px;

	font-size:12px;

	padding-left:0px;

	padding-right:20px;

	padding-top:0px;

	padding-bottom:0px;

}



.sliding-door-bottom a{

	color:#333;

	width:98%;

}



.sliding-door-bottom a strong{

	padding-right:10px;

	font-weight:normal;

	text-transform:uppercase;

}



.sliding-door-bottom a em{

	background-image:url(../images/ui/minus.png);

	background-size:12px 12px;

	background-repeat:no-repeat;

	background-position:13px 13px;

	margin-right:20px;

	display:inline-block;

	float:left;

	width:40px;

	height:40px;

}





.sliding-door-top a em{

	background-image:url(../images/ui/plus.png);

	background-size:12px 12px;

	background-repeat:no-repeat;

	background-position:13px 13px;

	margin-right:20px;

	display:inline-block;

	float:left;

	width:40px;

	height:40px;

}



/*	17. Contact Form  */ 



.contactField{

	background-color:rgba(255,255,255,0.4);

	font-size:12px;

	color:#666;

	border:solid 1px #cacaca;

}





.contactField:focus{

    border:solid 1px #27ae60;

}



.contactTextarea{

	background-color:rgba(255,255,255,0.4);

	font-size:12px;

	border:solid 1px #cacaca;

	color: #666;

}



.contactTextarea:focus{

    border:solid 1px #27ae60;

}



.contactSubmitButton{

	line-height:19px!important;

	display:block!important;

	height:36px!important;

	margin-right:4px;

	width:100%;

}



.contact-form{

	margin-bottom:20px;

}



.contactNameField{

	padding-bottom:5px;	

	font-size:12px;

}



.contactNameField span{

	float:right;

	opacity:0.2;

}



.contactEmailField{

	padding-bottom:5px;

	font-size:12px;

}



.contactEmailField span{

	float:right;

	opacity:0.2;

}



.contactMessageTextarea{

	padding-bottom:5px;

	font-size:12px;

}



.contactMessageTextarea span{

	float:right;

	opacity:0.2;

}





/*Field Styles*/

.formFieldWrap{

	margin-top:-5px;	

}



#contactNameField{

	text-transform:capitalize;

}



.contactField{

	min-width:100%;	

	display:block;

	box-sizing:border-box;

}



.contactTextarea{

	min-width:100%;

	display:block;

	box-sizing:border-box;

}



.buttonWrap{

	line-height:20px;

	padding-bottom:24px;

	min-width:43%;

	display:inline-block;

}



.formSubmitButtonErrorsWrap a{

	width:25%;

	text-align:center;

	padding:8px 10px!important;

}





.formValidationError .red-notification p{

	background-image:none!important;

	display:block!important;

	padding-left:0px!important;

	text-align:center!important;

}



.contactField{

	height:40px;

	padding-left:10px;

	padding-right:10px;

	margin-bottom:10px;

}



.contactTextarea{

	margin-bottom: 20px;

	padding-left: 12px;

	padding-right: 12px;

	padding-top: 9px;

	padding-bottom: 9px;

	line-height: 18px;

	height: 80px;

}



/*Contact Bottom Icons*/

/*Contact Icons*/



@media (min-width:768px){

	.contact-information{

		padding-left:20px;	

	}

}



.contact-call{

	color:#666;

	height:25px;

	display:block;

}



.contact-call i{

	width:12px;

	diplay:block;

	margin-right:20px;	

}



.contact-text{

	color:#666;

	height:25px;

	display:block;

}



.contact-text i{

	width:12px;

	diplay:block;

	margin-right:20px;	

}



.contact-mail{

	color:#666;

	height:25px;

	display:block;

}



.contact-mail i{

	width:12px;

	diplay:block;

	margin-right:20px;	

}



.contact-facebook{

	color:#666;

	height:25px;

	display:block;

}



.contact-facebook i{

	width:12px;

	diplay:block;

	margin-right:20px;	

}



.contact-twitter{

	color:#666;

	height:25px;

	display:block;

}



.contact-twitter i{

	width:12px;

	diplay:block;

	margin-right:20px;	

}



/*Maps*/



.maps-container{

	display:block!important;

	padding-bottom:0px;	

	box-sizing:border-box;

	max-height:150px;

	overflow:hidden;

	margin-bottom:30px;

}



.maps{

	display:block!important;

	width:100%;

	overflow:hidden;

}



/*	18. Detector  */ 



.detected-wrapper img{

	width:70px;

	height:70px;

	margin-left:auto;

	margin-right:auto;

}



.detected-wrapper h4{

	text-align:center;

	margin-top:10px;

	margin-bottom:0px;	

}



.detected-wrapper em{

	font-size:11px;

	color:#e34e47;

	display:block;

	text-align:center;	

	font-style:normal;

	margin-bottom:10px;

}



.detected-wrapper p{

	width:90%;

	text-align:center;

	margin-left:auto;

	margin-right:auto;	

}



/*	19. Sharebox  */ 



.sharebox-wrapper{

	position:fixed;

	background-color:rgba(0,0,0,0.8);

	width:100%;

	height:100%;

	z-index:99999;

	display:none;

}



.sharebox{

	position:fixed;

	display:block;

	width:280px;

	height:300px;

	top:50%;

	margin-top:-140px;

	left:50%;

	margin-left:-140px;	

	background-color:rgba(255,255,255,0.9);	

	z-index:999999;

	border-radius:5px;

}



.sharebox h3{

	padding-top:30px;

	padding-bottom:0px;

	padding-left:30px;

	padding-right:30px;	

}



.sharebox p{

	padding-left:30px;

	padding-right:30px;	

}



.sharebox a{

	float:left;

	width:40px;

	height:40px;

	color:#FFFFFF;

	text-align:center;

	line-height:40px;

	border-radius:5px;

	font-size:14px;	

}



.share-icons{

	width:250px;

	margin-left:auto;

	margin-right:auto;

}



.sharebox .facebook{

	margin-left:5px;

	margin-right:5px;

	background-color:#3B5998;

}



.sharebox .twitter{

	margin-left:5px;

	margin-right:5px;

	background-color:#4099FF;	

}



.sharebox .google{

	margin-left:5px;

	margin-right:5px;

	background-color:#d34836;	

}



.sharebox .message{

	margin-left:5px;

	margin-right:5px;

	background-color:#2ecc71;

}



.sharebox .mail{

	margin-left:5px;

	margin-right:5px;

	background-color:#3498db;	

}



.sharebox .close-sharebox{

	width:100%;

	height:50px;

	color:#1f1f1f;	

	font-size:12px;

	line-height:48px;

	margin-top:-30px;

}





/*	20. Profile */ 



.profile-header-contents{

	position:relative;

	z-index:10;	

}



.profile-header {

	background-image:url(../images/pictures/5.jpg);

	background-repeat:repeat;	

}



.profile-header-logo{

	width:120px;

	height:120px;

	border-radius:100px;

	margin-top:30px;

	margin-bottom:30px;

	margin-left:auto;

	margin-right:auto;

	border:solid 2px #ffffff;	

}



.profile-header-background{

	background-image:url(../images/pictures/5w.jpg);

	background-repeat:repeat;	

	position:absolute;

	left:0px;

	right:0px;

	top:0px;

}



.profile-header-overlay{

	background-color:rgba(0,0,0,0.7);

	position:absolute;

	z-index:5;

	top:0px;

	left:0px;

	right:0px;

	bottom:0px;

	height:100%;

}



.profile-header-icon-one{

	position:absolute;

	height:45px;

	width:45px;

	border-radius:45px;

	top:70px;

	left:30px;

	background-color:rgba(255,255,255,0.1);

	line-height:45px;

	font-size:14px;

	text-align:center;

	color:rgba(255,255,255,0.7);

}



.profile-header-icon-two{

	position:absolute;

	height:45px;

	width:45px;

	border-radius:45px;

	top:70px;

	right:30px;

	background-color:rgba(255,255,255,0.1);

	line-height:45px;

	font-size:14px;

	text-align:center;

	color:rgba(255,255,255,0.7);	

}



.profile-header-heading{

	text-align:center;

	font-weight:400;

	color:#FFFFFF;	

	font-size:22px;

}



.profile-header-subheading{

	text-align:center;

	display:block;

	color:rgba(255,255,255,0.6);

	margin-top:-5px;

	font-style:normal;	

	margin-bottom:40px;

	font-size:12px;

}



.profile-header-socials a{

	width:33%;

	float:left;

	text-align:center;

	color:rgba(255,255,255,0.8);	

	font-size:12px;

	margin-bottom:30px;

}



.profile-header-socials a .fa-facebook{background-color:rgba(59, 89, 152, 0.5)!important;}

.profile-header-socials a .fa-twitter{background-color:rgba(64, 153, 255, 0.5)!important;}

.profile-header-socials a .fa-google-plus{background-color:rgba(211, 72, 54, 0.5)!important;}





.profile-header-socials a i{

	width:45px;

	height:45px;

	margin-left:auto;

	margin-right:auto;

	background-color:rgba(255,255,255,0.1);

	border-radius:45px;

	line-height:47px;

	display:block;

	text-align:center;

	color:rgba(255,255,255,0.7);	

	font-size:16px;	

	margin-bottom:10px;

}



.profile-header-contents a{

	transition:all 200ms ease;	

}



.profile-header-contents a:hover{

	color:rgba(255,255,255,1);

	transition:all 200ms ease;

}



.profile-header-contents a i{

	transition:all 200ms ease;	

}



.profile-header-contents a i:hover{

	color:rgba(255,255,255,1);

	transition:all 200ms ease;

}



/*	21. Portfolio */ 



.adaptive-style{

	margin-bottom:20px;	

}



.adaptive-style h4{

	width:100px;

	float:left;	

}



.adaptive-style a{

	float:right;	

	font-size:14px;

	color:#1f1f1f;

	margin-left:8px;

	margin-right:8px;

	transition:all 200ms ease;

}



.active-adaptive-style{

	color:#e74c3c!important;

	transition:all 200ms ease;

}



.adaptive-one .adaptive-item{

	width:100%;	

	transition:all 200ms ease;

	float:none;

}



.adaptive-two .adaptive-item{

	height:auto;

	width:44%;

	margin-left:3%;

	margin-right:3%;	

	transition:all 200ms ease;

	float:left;

}



.adaptive-two{

	margin-left:-2%;

	width:105%;	

}



.adaptive-three .adaptive-item{

	width:27%;

	margin-left:3%;

	margin-right:3%;	

	transition:all 200ms ease;

	float:left;

}



.adaptive-three{

	width:105%;

	margin-left:-2%;	

}



/*Portfolios*/



.portfolio-one-title{

	margin-bottom:10px;	

}



.portfolio-one-text .title{

	font-weight:500;

	margin-top:20px;

	margin-bottom:0px;	

}



.portfolio-one-text .subtitle{

	font-style:normal;	

	font-size:11px;

	opacity:0.8;

}



.portfolio-one-detail{

	opacity:0.6;

	color:#666666;

	display:inline-block;

	padding-right:10px;

	padding-left:10px;

	margin-bottom:5px;

	margin-top:0px;

	font-size:11px;	

}



.portfolio-one-links a{

	color:#666666;

	opacity:0.6;

}



.portfolio-one-links a:first-child{

	float:left;

	font-size:12px;	

}



.portfolio-one-links a:first-child i{

	padding-right:10px;	

}



.portfolio-one-links a:last-child{

	float:right;

	font-size:12px;	

}



.portfolio-one-details a{

	opacity:0.5;

	color:#666666;

	display:inline-block;

	padding-right:10px;

	padding-left:10px;

	margin-bottom:5px;

	margin-top:10px;

	font-size:11px;

}



.portfolio-one-details a:first-child{

	padding-left:0px!important;	

}



.portfolio-one-details a:nth-child(2){

	border-left:solid 1px #cacaca;

	border-right:solid 1px #cacaca;	

}



.portfolio-one-links a:last-child i{

	padding-left:10px;	

}



.portfolio-one-image a{

	position:absolute;

	width:100%;

	height:100%;

	background-color:rgba(0,0,0,0.6);	

	z-index:98;

	color:#FFFFFF;

	font-size:30px;

	opacity:0;

	transition:all 200ms ease;

}



.portfolio-one-image a:hover{

	opacity:1;

	transition:all 200ms ease;	

	color:#FFFFFF;

}



.portfolio-one-image a i{

	width:30px;

	height:30px;

	position:absolute;	

	left:50%;

	margin-left:-15px;

	top:50%;

	margin-top:-13px;

}



.portfolio-one-image img{

	margin-bottom:0px;

	padding-botom:0px;	

}





@media (min-width:768px){

	

	.portfolio-one-text .title{

		font-size:18px;	

		margin-top:10px;

	}

	



	.portfolio-one-image{

		float:left;

		width:46%;

		margin-right:4%;

	}

	

	.portfolio-one-text{

		float:right;

		width:50%;

	}

	

}



/*Portfolio Two*/



.portfolio-two{

	width:119%;	

	margin-left:-12%;

}



.portfolio-two-item{

	width:47%;

	padding-left:10%;

	float:left;	

}



.portfolio-two-title{

	margin-bottom:10px;	

}



.portfolio-two-text .title{

	font-weight:500;

	margin-top:20px;

	margin-bottom:0px;

	font-size:14px;

}



.portfolio-two-text .subtitle{

	display:block;

	font-style:normal;	

	font-size:11px;

	opacity:0.8;

	margin-bottom:10px;

}



.portfolio-two-detail{

	opacity:0.6;

	color:#666666;

	display:inline-block;

	padding-right:10px;

	padding-left:10px;

	margin-bottom:5px;

	margin-top:0px;

	font-size:11px;	

}



.portfolio-two-links a{

	color:#ec2323;

	opacity:1.0;

}



.portfolio-two-links a:first-child{

	float:left;

	font-size:12px;	

}



.portfolio-two-links a:first-child i{

	padding-right:10px;	

}



.portfolio-two-links a:last-child{

	float:right;

	font-size:12px;	

}



.portfolio-two-details a{

	opacity:0.5;

	color:#666666;

	display:inline-block;

	padding-right:10px;

	padding-left:10px;

	margin-bottom:5px;

	margin-top:10px;

	font-size:11px;

}



.portfolio-two-details a:first-child{

	padding-left:0px!important;	

}



.portfolio-two-details a:nth-child(2){

	border-left:solid 1px #cacaca;

	border-right:solid 1px #cacaca;	

}



.portfolio-two-links a:last-child i{

	padding-left:10px;	

}



.portfolio-two-image{

	max-height:100%;

	transition:all 200ms ease;	

}



.portfolio-two-image a{

	position:absolute;

	width:100%;

	height:100%;

	background-color:rgba(0,0,0,0.6);	

	z-index:98;

	color:#FFFFFF;

	font-size:30px;

	opacity:0;

	transition:all 200ms ease;

}



.portfolio-two-image a:hover{

	opacity:1;

	transition:all 200ms ease;	

	color:#FFFFFF;

}



.portfolio-two-image a i{

	width:30px;

	height:30px;

	position:absolute;	

	left:50%;

	margin-left:-15px;

	top:50%;

	margin-top:-13px;

}



.portfolio-two-image img{

	margin-bottom:0px;

	padding-botom:0px;	

}



@media (min-width:768px){

	.portfolio-two-image{

		max-height:200px;	

		transition:all 200ms ease;

	}

}



/*	22. Timeline */ 



.timeline{

	margin-top:30px;	

    margin-bottom:-20px;

}



.timeline-decoration{

	position:absolute;

	width:1px;

	height:100%;

	z-index:96;

	background-color:rgba(0,0,0,0.1);

	margin-left:24px;

}



.timeline-icon{

	width:70px;

	height:100%;

	float:left;

	display:inline;

}



.timeline-text{

	display:inline-block;

	padding-left:70px;

	margin-top:-42px;

	min-height:100px;

	width:100%;	

}



.timeline-text .subtitle{

	font-size:11px;

	font-style:normal;

	display:block;

	margin-top:-10px;

	color:#e34e47;

	margin-bottom:20px;

}



.timeline-text p{

	margin-top:-10px;	

}



.timeline-icon i{

	position:relative;

	z-index:96;

	margin-left:auto;

	margin-right:auto;

	width:45px;

	height:45px;

	background-color:#1f1f1f;

	color:#FFFFFF;

	border:solid 1px #cacaca;	

	border-radius:30px;

	font-size:17px;

	line-height:44px;

	text-align:center;

    margin-left:3px

}



.timeline-quote .title{

	font-size:14px;

	line-height:30px;	

	font-weight:300;

	margin-bottom:20px;

	margin-top:-10px;

}



.timeline-quote .subtitle{

	display:block;

	text-align:right;	

}





@media (min-width:768px){

	

	.timeline{

		padding-left:30px;

		padding-right:30px;	

	}

	

	.timeline-decoration{

		position:absolute;

		width:1px;

		height:100%;

		z-index:99999;

		background-color:rgba(0,0,0,0.1);

		margin-left:35px;

	}

	

	.timeline-icon{

		width:150px;

		height:100%;

		float:left;

		display:inline;

	}

	

	.timeline-text{

		display:inline-block;

		padding-left:100px;

		margin-top:-52px;

	}



	

	.timeline-icon i{

		position:relative;

		z-index:99999;

		margin-left:auto;

		margin-right:auto;

		width:65px;

		height:65px;

		background-color:#1f1f1f;

		color:#FFFFFF;

		border:solid 1px #cacaca;	

		border-radius:65px;

		font-size:20px;

		line-height:64px;

		text-align:center;

        margin-left:3px

	}

	

	.timeline-quote .title{

		font-size:14px;

		line-height:30px;	

		font-weight:300;

		margin-bottom:20px;

		margin-top:-3px;

	}



}



/*	25. Notification Page */ 



.notification-page{

	margin-top:30px;	

}



.notification-page-item i:first-child{

	font-size:16px;

	background-color:#1f1f1f;

	text-align:center;

	height:50px;

	width:50px;

	line-height:52px;	

	border-radius:50px;

	color:#FFFFFF;

	margin-right:20px;

	margin-top:6px;

	margin-bottom:0px;

	float:left;

	display:inline;

}



.notification-page-item img{

	width:50px;

	height:50px;

	border-radius:50px;	

	float:left;

	display:inline;

	margin-right:20px;

	margin-top:6px;

	margin-bottom:0px;

}



.notification-page-item em{

	font-size:13px;	

	font-weight:400;

	display:block;

	font-style:normal;

	text-align:justify!important;

}



.notification-page-item a:last-child{

	border:none;

}



.notification-page-item a{

	display:inline-block;

	float:right;

	text-align:right;

	padding-left:15px;

	margin-left:15px;

	border-left:solid 1px #cacaca;

	line-height:12px;

	margin-top:20px;

	font-size:11px;

}



@media (min-width:768px){

	.notification-page-item{

		width:45%;

		float:left;

		margin-right:2.5%;

		margin-left:2.5%;

	}

}





/*	26. Login Box  */ 





/*	27. Portfolio */ 



.portfolio-wide{

    margin-top:-30px;

}



.portfolio-wide-item img{

	margin:0px;

	padding:0px;	

}



.portfolio-wide-item{

	margin-bottom:5px;	

}



.portfolio-wide-item .overlay{

	background-color:rgba(0,0,0,0.7);

    z-index:9

}



.portfolio-wide-item h3{

	position:absolute;

	width:100%;

	top:50%;

	margin-top:-20px;

	z-index:98;

	color:#FFFFFF;

	text-align:center;

	font-weight:500;	

}



.portfolio-wide-item p{

	color:rgba(255,255,255,0.5);

	position:absolute;

	width:100%;

	top:50%;

	margin-top:0px;

	z-index:98;

	text-align:center;	

}



@media (min-width:768px){

	

	.portfolio-wide-item{

		max-height:200px;

	}

	

	.portfolio-wide-item h3{

		font-size:28px;

	}

	

	.portfolio-wide-item p{

		font-size:14px;

		margin-top:20px;	

	}

}





/* Sidebar Menu Structures */

/* DO NOT CHANGE!*/

/* The code is calibrated perfectly for all mobiles*/





/*Sidebar Generated Code*/

/*Custom Code*/

.snap-content {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: auto;

  height: auto;

  z-index: 2;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  -webkit-transform: translate3d(0, 0, 0);

     -moz-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0);

       -o-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}



.snap-drawers {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: auto;

  height: auto;

  overflow-x:hidden;

}



.snap-drawer {

  position: absolute;

  top: 0;

  right: auto;

  bottom: 0;

  left: auto;

  width: 285px;

  height: auto;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  -webkit-transition: width 0.3s ease;

     -moz-transition: width 0.3s ease;

      -ms-transition: width 0.3s ease;

       -o-transition: width 0.3s ease;

          transition: width 0.3s ease;

}



.snap-drawer-left {

  left: 0;

  z-index: 1;

}



.snap-drawer-right {

  right: 0;

  z-index: 1;

}



.snapjs-left .snap-drawer-right,

.snapjs-right .snap-drawer-left {

  display: none;

}



.snapjs-expand-left .snap-drawer-left,

.snapjs-expand-right .snap-drawer-right {

  width: 100%;

}



.snapjs-right .snap-drawer-left {

	display: block;

	right: 0;

	left: auto;

}



/* Hide the actual "Right" drawer in the demo */

.snapjs-right .snap-drawer-right {

	display: block !important;

	right: 0  !important;

	left: auto  !important;

}



/*Snap.CSS*/



.snap-content {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: auto;

  height: auto;

  z-index: 2;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  -webkit-transform: translate3d(0, 0, 0);

     -moz-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0);

       -o-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}



.snap-drawers {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: auto;

  height: auto;

}



.snap-drawer {

  position: absolute;

  top: 0;

  right: auto;

  bottom: 0;

  left: auto;

  width: 260px;

  height: auto;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  -webkit-transition: width 0.3s ease;

     -moz-transition: width 0.3s ease;

      -ms-transition: width 0.3s ease;

       -o-transition: width 0.3s ease;

          transition: width 0.3s ease;

}



.snap-drawer-left {

  left: 0;

  z-index: 1;

}



.snap-drawer-right {

  right: 0;

  z-index: 1;

  padding-left:20px;

}



.snapjs-left .snap-drawer-right,

.snapjs-right .snap-drawer-left {

  display: none;

}



.snapjs-expand-left .snap-drawer-left,

.snapjs-expand-right .snap-drawer-right {

  width: 100%;

}



/* Hide the actual "Right" drawer in the demo */

.snapjs-right .snap-drawer-right {

	display: none;

}



/* Show the "Drag" background in the demo */

#content {

	background-color:#FFFFFF;

	overflow-x:hidden;

}



/* Styles for fading out the drawer content in the "Expanding" demo */

.drawer-inner {

	-webkit-transition: opacity 0.3s ease; 

	   -moz-transition: opacity 0.3s ease; 

	    -ms-transition: opacity 0.3s ease; 

	     -o-transition: opacity 0.3s ease; 

	        transition: opacity 0.3s ease; 

}



.snapjs-expand-left .drawer-inner,

.snapjs-expand-right .drawer-inner {

	opacity: 0;

}





/* Default demo styles */



.snap-drawers {

	/*background-image:url(../images/misc/menu-bg.png);*/

    background-size:100px 100px;

}



.no-user-select{  

  -webkit-user-select: none;  /* Chrome all / Safari all */

  -moz-user-select: none;     /* Firefox all */

  -ms-user-select: none;      /* IE 10+ */

  -o-user-select: none;

  user-select: none;  

}







/* 39 .Login Page*/

/*///////////////*/



.login-page{

    background-size:cover;

    position:absolute;

    width:100%;

    height:100%;

    margin-bottom:-120px;

    margin-top:-35px;

}



.login-page-overlay{

    background-color:rgba(0,0,0,0.8);

    position:absolute;

    width:100%;

    height:100%;

    z-index:1;

}



.login-page-wrapper{

    position:absolute;

    width:280px;

    height:330px;

    top:50%;

    margin-top:-195px;

    left:50%;

    margin-left:-140px;

    z-index:2;

}



.login-username{

    display:block;

    width:100%;

    height:45px;

    padding-left:20px;

    padding-right:20px;

    line-height:45px;

    line-height:100%;

    border:solid 1px #cacaca; 

    color:#666666;

    border-radius:0px;

}



.login-password{

    display:block;

    width:100%;

    height:45px;

    padding-left:20px;

    padding-right:20px;

    line-height:45px;

    line-height:100%;

    border:solid 1px #cacaca; 

    color:#666666;

    margin-top:-1px;

    border-radius:0px;

}



.login-logo{

    background-image:url(../images/header-logo1.png);

    width:127px;

    height:30px;

    background-size:127px 30px;

    margin-left:auto;

    margin-right:auto;

    margin-bottom:10px;

}



.login-page-wrapper p{

    color:rgba(255,255,255,0.7);

    text-align:center;

}

    

.login-page-wrapper .button{

    width:100%;

    text-align:center;

    margin-top:20px;

}



.login-page-wrapper .forgot{

    text-align:center;

    margin-top:20px;

    color:rgba(255,255,255,0.5);

    transition:all 200ms ease;

}



.login-page-wrapper .forgot:hover{

    color:#FFFFFF;

    transition:all 200ms ease;

}



/*40.Signup Page*/

/*//////////////*/





.signup-page{

    background-size:cover;

    position:absolute;

    width:100%;

    height:100%;

    margin-bottom:-120px;

    margin-top:-70px;

}



.signup-page-overlay{

    background-color:rgba(0,0,0,0.8);

    position:absolute;

    width:100%;

    height:100%;

    z-index:1;

}



.signup-page-wrapper{

    position:absolute;

    width:280px;

    height:460px;

    top:50%;

    margin-top:-260px;

    left:50%;

    margin-left:-140px;

    z-index:2;

}



.signup-page-wrapper p{

    color:rgba(255,255,255,0.7);

    text-align:center;

    margin-bottom:20px;

}



.signup-logo{

    background-image:url(../images/header-logo1.png);

    width:127px;

    height:30px;

    background-size:127px 30px;

    margin-left:auto;

    margin-right:auto;

    margin-bottom:0px;

}



.signup-email{

    display:block;

    width:100%;

    height:45px;

    padding-left:20px;

    padding-right:20px;

    line-height:45px;

    line-height:100%;

    border:solid 1px #cacaca; 

    color:#666666;

    border-radius:0px;

}



.signup-password{

    display:block;

    width:100%;

    height:45px;

    padding-left:20px;

    padding-right:20px;

    line-height:45px;

    line-height:100%;

    border:solid 1px #cacaca; 

    color:#666666;

    margin-top:-1px;

    margin-bottom:30px;

     border-radius:0px;

}





.or-button{

    margin-top:10px;

    margin-bottom:17px;

}



.or-button em{

    width:40%;

    float:left;

    height:1px;

    background-color:rgba(255,255,255,0.2);

    margin-top:11px;

}



.or-button strong{

    float:left;

    width:20%;

    text-align:center;

    color:rgba(255,255,255,0.5);

    font-weight:400;

    font-size:12px;

}



.signup-socials a:hover{

    opacity:1;

    transition:all 250ms ease;

}



.signup-socials a{

    opacity:0.9;

    transition:all 250ms ease;

}



.signup-socials i{

    padding-left:30px;

    padding-right:40px;

    width:15px;

    font-size:14px;

    line-height:45px;

}



.signup-socials .facebook{

    background-color:#3b5998;

    color:#FFFFFF; 

    line-height:45px;

}



.signup-socials .twitter{

    background-color:#4099ff;

    color:#FFFFFF;

    line-height:45px;

    margin-top:10px;

}



.signup-socials .google{

    background-color:#d34836;

    color:#FFFFFF;

    line-height:45px;

    margin-top:10px;

}



.signup-socials .mail{

    background-color:#7f8c8d;

    color:#FFFFFF;

    line-height:45px;

    margin-top:10px;

}



/*41. Coverpage Page*/

/*//////////////////*/



.dark-overlay{

    background-color:rgba(0,0,0,0.7)!important;   

}



.coverpage-slider{

    position:absolute;

    margin-top:-120px;

}



.coverpage-slider img{

    width:100%;

    height:100%;

}



.coverpage-image{ background-size:cover; background-position: center center;}



.coverpage-style-1 p{

    display:block;

    width:260px;

    margin-left:auto;

    margin-right:auto;

    margin-top:40px;

    color:#FFFFFF;

    z-index:999999;

    position:relative;

    font-family:'Roboto', sans-serif;

    font-weight:300;

    text-align:center;

    line-height:40px;

    position:absolute;

    left:50%;

    margin-left:-130px;

    font-size:16px;

}



.coverpage-style-1 img{

    position:absolute;

    z-index:999999;

}



.coverpage-style-2 h3{

    position:absolute;

    display:block;

    width:200px;

    font-size:32px;

    line-height:45px;

    font-weight:800;

    color:#FFFFFF;

    z-index:99999;

    margin-left:25px;

}



.coverpage-style-2 p{

    position:absolute;

    display:block;

    width:220px;

    z-index:999999;

    color:rgba(255,255,255,0.8);

    margin-left:25px;

}



.coverpage-button{

    position:absolute;

    z-index:99999;

    border:solid 1px rgba(255,255,255,1);

    width:100px;

    height:40px;

    line-height:38px;

    text-align:center;

    color:#FFFFFF;

    transition:all 250ms ease;

}



.coverpage-button:hover{

    background-color:rgba(255,255,255,0.1);

    color:#FFFFFF;

}



.coverpage-style-3 i{

    font-size:64px;

    position:absolute;

    z-index:999999;

    color:#FFFFFF;

    width:80px;

    height:80px;

    text-align:center;

    line-height:80px;

    margin-left:-40px;

    margin-top:-40px;

}



.coverpage-style-3 p{

    position:absolute!important;

    z-index:999999;

    color:#FFFFFF;

    font-size:16px;

    font-weight:300;

    text-align:center;

    width:280px;

}



.coverpage-slider *{

    overflow:visible!important;

}



.owl-pagination{

    position:absolute;

    width:150px;

    left:50%;

    margin-left:-75px;

    top:-63px;

    z-index:96!important;

}



.coverpage-style-4 h3{

    position:absolute;

    display:block;

    width:100%;

    text-align:center;

    font-size:32px;

    line-height:45px;

    font-weight:800;

    color:#FFFFFF;

    z-index:99999;

    font-size:25px;

}



.coverpage-style-4 p{

    position:absolute;

    display:block;

    width:100%;;

    text-align:center;

    z-index:999999;

    color:rgba(255,255,255,0.8);



}



/* 42 User List*/

/*/////////////*/



.user-list-item{

    margin-bottom:30px;

}



.user-list-item img{    

    float:left;

    width:50px;

    height:50px;

    border-radius:50px;

}



.user-list-item strong{

    color:#1f1f1f;

    margin-left:60px;

    font-size:15px;

    margin-bottom:0px;

    margin-top:5px;

    display:block;

}



.user-list-item em{

    padding-left:10px;

    font-style:normal;

    color:#666666;

    font-weight:500;

}



.user-list-item i{

    position:absolute;

    right:0px;

    top:20px;

    font-size:12px;

    color:#1f1f1f;

}



.user-list-follow img{

    float:left;

    width:50px;

    height:50px;

    border-radius:50px; 

}



.user-list-follow strong{

    float:left;

    font-size:14px;

    color:#1f1f1f;

    padding-left:10px;

}



.user-list-follow strong em{

    font-size:11px;

    font-style:normal;

    color:#666666;

    margin-top:-10px;

    display:block;

    font-weight:400;

}



.user-list-follow .follow{

    float:right;

    font-size:10px;

    height:30px;

    margin-top:10px;

    line-height:30px;

    padding-left:15px;

    padding-right:15px;

    border-radius:30px;

    background-color:#3498db;

    color:#FFFFFF;

}



.user-list-socials img{

    float:left;

    width:50px;

    height:50px;

    border-radius:50px; 

}



.user-list-socials strong{

    float:left;

    font-size:14px;

    color:#1f1f1f;

    padding-left:10px;

}



.user-list-socials strong em{

    font-size:11px;

    font-style:normal;

    color:#666666;

    margin-top:-10px;

    display:block;

    font-weight:400;

}



.user-list-socials .icon1{

    float:right;

    font-size:10px;

    height:30px;

    width:30px;

    text-align:center;

    margin-top:10px;

    line-height:30px;

    border-radius:30px;

    color:#FFFFFF;

    margin-left:5px;

}



.user-list-socials .icon2{

    float:right;

    font-size:10px;

    height:30px;

    width:30px;

    text-align:center;

    margin-top:10px;

    line-height:30px;

    border-radius:30px;

    color:#FFFFFF;

}





/*43. Share Boxes*/

/*///////////////*/



@media (min-width:768px){

    .share-socials-bottom{

        width:600px!important;   

    }

}



.share-bottom{

    position:fixed;

    width:100%;

    z-index:99999999;

    background-color:#f8f8f8;

    padding-top:15px;

    padding-bottom:15px;

    border-top:solid 1px rgba(0,0,0,0.08);

    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);

            box-shadow: 0 0 0 0 rgba(0,0,0,0.1);

    bottom:-350px;

    transition:all 350ms ease;

}



.active-share-bottom{

    -webkit-box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;

            box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;

    bottom:0px!important;

    transition:all 350ms ease;

}



.share-bottom h3{

    text-align:center;

    font-size:14px;

    text-transform:uppercase;

    font-weight:500;

    padding-bottom:15px;

    border-bottom:solid 1px rgba(0,0,0,0.05);

    margin-left:-5px;

}



.share-socials-bottom{

    width:300px;

    margin-left:auto;

    margin-right:auto;

}



.share-socials-bottom a{

    float:left;

    width:60px;

    margin-left:20px;

    margin-right:20px;

    text-align:center;

    color:#666666;

    font-weight:500;

    font-size:12px;

    margin-bottom:10px;

    margin-top:10px;

}



.share-socials-bottom a i:hover{

    color:#FFFFFF;

    -moz-transform: scale(1.01,1.01);

    -webkit-transform: scale(1.01,1.01);

    -o-transform: scale(1.01,1.01);

    -ms-transform: scale(1.01,1.01);

    transform: scale(1.01,1.01);

    transition:all 150ms ease;

}



.share-socials-bottom a i{

    width:60px;

    height:60px;

    border-radius:60px;

    color:#FFFFFF;

    line-height:60px;

    font-size:18px;

    margin-bottom:5px;

    -moz-transform: scale(0.9,0.9);

    -webkit-transform: scale(0.9,0.9);

    -o-transform: scale(0.9,0.9);

    -ms-transform: scale(0.9,0.9);

    transform: scale(0.9,0.9);

    transition:all 150ms ease;

    opacity:1;

}



.share-socials-bottom a i:hover{

    transition:all 250ms ease;

    opacity:1;

}



.close-share-bottom{

    display:block;

    text-align:center;

    padding-top:15px;

    margin-top:15px;

    border-top:solid 1px rgba(0,0,0,0.05);

    text-transform:uppercase;

    font-size:12px;

    font-weight:600;

    color:#1f1f1f;

    transition:all 250ms ease;

}



.close-share-bottom:hover{

    color:rgba(0,0,0,0.6);

    transition:all 250ms ease;

}



/*Share Button*/



.share-button-regular:hover{

    color:#FFFFFF;

}



.share-button-regular{

    height:45px;

    line-height:45px;

    font-size:12px;

    padding-left:20px;

    padding-right:20px;

    margin-bottom:20px;

    transition:all 250ms ease;

}



.share-button-regular i{

    padding-right:20px;

}



.share-button-regular:hover{

    opacity:0.8;

    transition:all 250ms ease;

}



/*round*/



.share-button-round:hover{color:#FFFFFF;}



.share-button-round{

    width:34px;

    height:34px;

    float:left;

    margin-right:4px;

    margin-left:4px;

    border-radius:34px;

    text-align:center;

    line-height:34px;

    transition:all 250ms ease;

    margin-bottom:5px;

}



.share-button-round i{

    width:34px;

    height:34px;

    line-height:34px;

    text-align:center;

}



.share-button-round:hover{

    transform:scale(1.1,1.1);

    -webkit-transform:scale(1.1,1.1);

    transition:all 250ms ease;

}



/*square*/



.share-button-square:hover{color:#FFFFFF;}



.share-button-square{

    width:34px;

    height:34px;

    float:left;

    margin-right:4px;

    margin-left:4px;

    margin-bottom:5px;

    text-align:center;

    line-height:34px;

    transition:all 250ms ease;

}



.share-button-square i{

    width:34px;

    height:34px;

    line-height:34px;

    text-align:center;

}



.share-button-square:hover{

    transform:scale(1.1,1.1);

    -webkit-transform:scale(1.1,1.1);

    transition:all 250ms ease;

}





/*44. Mobile Styled Switches*/

/*//////////////////////////*/



.switch-box h4{

    font-size:14px;

    line-height:29px;

    float:left;

    font-weight:500;

    padding-top:2px;

    margin-bottom:5px;

}



.switch-box .switch{

    float:right!important;   

}



.switch-box .switch-icon{

    float:right!important;   

}



.switch-box-content{

    clear:both;

    display:none;

}



.switch-box-subtitle{

    display:block;

    clear:both;

    opacity:0.8;

}



.switch-1{

    width:50px;

    height:30px;

    background-color:#c0392b;

    border-radius:30px;

    transition:all 200ms ease;

    float:left;

}



.switch-1 em:first-child{

    position:absolute;

    color:#FFFFFF;

    height:30px;

    line-height:30px;

    margin-left:11px;

    font-style:normal;

    font-size:10px;

}



.switch-1 em:last-child{

    position:absolute;

    color:#FFFFFF;

    height:30px;

    line-height:30px;

    margin-left:33px;

    font-style:normal;  

    font-size:10px;

}



.switch-1 span{

    width:26px;

    height:26px;

    position:absolute;

    background-color:#FFFFFF;

    border-radius:28px;

    margin-top:2px;

    transform:translateX(2px);

    -webkit-transform:translateX(2px);

    transition:all 200ms ease;

}



.switch-1-on{

    background-color:#27ae60;

    transition:all 200ms ease;

}



.switch-1-on span{

    transform:translateX(22px);

    -webkit-transform:translateX(22px);

    transition:all 200ms ease;

}



.switch-icon em:first-child{

    font-size:10px;

    margin-top:2px;

    margin-left:9px;

    line-height:27px;

}



.switch-icon em:last-child{

    font-size:10px;

    margin-top:2px;

    margin-left:32px;

    line-height:27px;

}



.switch-2{

    width:85px;

    background-color:#464646;

    height:30px;

}



.switch-2 span{

    margin-top:2px;

    transform:translateX(2px);

    -webkit-transform:translateX(2px);

    width:40px;

    background-color:#676767;

    height:26px;

    position:absolute;

    text-align:center;

    transition:all 200ms ease;

}



.switch-2 span em{

    display:block;

    color:#FFFFFF;

    font-style:normal;

    line-height:26px;

    font-size:10px!important;

    margin-top:-26px;

    transition:all 200ms ease;

}



.switch-2-on span{

    transform:translateX(43px);

    -webkit-transform:translateX(43px); 

    /*background-color:#0e88b1;*/

    background-color:#27ae60;

    transition:all 200ms ease;

}



.switch-2-on span em{

    margin-top:0px;

    transition:all 200ms ease;

}



.switch-3{

    border:solid 3px #cacaca;

    width:60px;

    height:28px;

    background-color:#27ae60;

    transition:all 200ms ease;

}



.switch-3 span{

    z-index:10;;

    position:absolute;

    background-color:#cacaca;

    width:25px;

    border-right:solid 3px #FFFFFF;

    border-left:solid 3px #FFFFFF;

    height:28px;

    margin-top:-3px;

    transform:translateX(33px);

    -webkit-transform:translateX(33px);

    transition:all 200ms ease;

}



.switch-3-on{

    background-color:#c0392b;

    transition:all 200ms ease;

}



.switch-3-on span{

     transform:translateX(-3px);

    -webkit-transform:translateX(-3px);

    transition:all 200ms ease;   

}



.switch-3 strong{

    position:absolute;

    width:54px;

    height:22px;

    border:solid 3px #FFFFFF;

}



.switch-3 em{

    position:absolute;

    color:#FFFFFF;

    margin-left:0px;

    font-style:normal;   

    font-size:10px;

    margin-top:2px;

    width:35px;

    text-align:center;

}



.switch-3 em:last-child{

    position:absolute;

    color:#FFFFFF;

    margin-left:19px!important;

    font-style:normal;   

    font-size:10px;

    margin-top:2px;

}



/*45.Error Page*/

/*/////////////*/



.error-page-wrapper{

    background-image:url(../images/pictures/3.jpg);

    background-position:center center;

    background-size:cover;

    position:absolute;

    width:100%;

    height:100%;

    margin-bottom:-90px;

    margin-top:-35px;

}



.error-page-wrapper .overlay{

    z-index:96;

    background-color:rgba(0,0,0,0.8);

}



.error-page{

    position:absolute;

    z-index:98;

    height:280px;

    width:300px;

    left:50%;

    margin-left:-150px;

    top:50%;

    margin-top:-170px;

}



.error-page h1{

    color:#FFFFFF;

    font-size:40px;

    text-align:center;

    line-height:40px;

}



.error-page h4{

    color:#FFFFFF;

    font-weight:500;

    text-align:center;

}



.error-page p{

    text-align:center;

    padding-left:20px;

    padding-right:20px;

    color:rgba(255,255,255,0.7);

    padding-top:20px;

}



.error-page a{

    width:120px;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    font-size:13px;

    color:#FFFFFF;

    padding:13px;

    padding-left:38px;

    border:solid 1px rgba(255,255,255,0.5);

    border-radius:5px;

    font-weight:500;

}



.error-page a i{

    position:absolute;

    left:25px;

    top:15px;

    font-size:16px;

}



.error-page a:hover{

    background-color:rgba(255,255,255,0.1);

    color:#FFFFFF;

}





/*46.Soon Page*/

/*////////////*/



.soon-page-wrapper{

    background-image:url(../images/pictures/3.jpg);

    background-position:center center;

    background-size:cover;

    position:absolute;

    width:100%;

    height:100%;

    margin-top:-35px;

    margin-bottom:-90px;



}



.soon-page-wrapper .overlay{

    z-index:96;

    background-color:rgba(0,0,0,0.8);

}



.soon-page{

    position:absolute;

    z-index:98;

    height:370px;

    width:300px;

    left:50%;

    margin-left:-150px;

    top:50%;

    margin-top:-215px;

}



.soon-page h1{

    color:#FFFFFF;

    font-size:28px;

    text-align:center;

    line-height:40px;

    font-weight:700;

    margin-bottom:0px;

}



.soon-page h4{

    color:rgba(255,255,255,0.5);

    font-weight:300;

    text-align:center;

}



.soon-page p{

    text-align:center;

    padding-left:20px;

    padding-right:20px;

    color:rgba(255,255,255,0.7);

    padding-top:20px;

}



.countdown *{

    color:#FFFFFF!important;

}



.soon-page a{

    width:120px;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    font-size:13px;

    color:#FFFFFF;

    padding:13px;

    padding-left:38px;

    border:solid 1px rgba(255,255,255,0.5);

    border-radius:5px;

    font-weight:500;

}



.soon-page a i{

    position:absolute;

    left:25px;

    top:15px;

    font-size:16px;

}



.soon-page a:hover{

    background-color:rgba(255,255,255,0.1);

    color:#FFFFFF;

}



/*Countdown Box*/



.countdown{

	display:block;	

	width:225px;

	margin-left:auto;

	margin-right:auto;

	padding-bottom:40px;

}



.countdown-box{

	float:left;	

}



.countdown-box span{

	display:block;

	text-align:center;

	font-size:10px;

	padding-top:5px;

	text-transform:uppercase;

	color:#1f1f1f;

	opacity:0.5;

	font-weight:600!important;

}



.countdown-years{

	font-size:24px;	

	font-weight:800;

	margin-left:15px;

	margin-right:15px;

	padding-top:3px;

	padding-bottom:3px;

	color:#1f1f1f;

	display:none;

}



.box-years span{

	display:none!important;	

}



.countdown-days{

	font-size:28px;	

	font-weight:500;

	margin-left:10px;

	margin-right:10px;

	padding-top:3px;

	padding-bottom:3px;

	color:#1f1f1f;

}



.countdown-hours{

	font-size:28px;	

	font-weight:500;

	margin-left:10px;

	margin-right:10px;

	padding-top:3px;

	padding-bottom:3px;

	color:#1f1f1f;

}



.countdown-minutes{

	font-size:28px;	

	font-weight:500;

	margin-left:10px;

	margin-right:10px;

	padding-top:3px;

	padding-bottom:3px;

	color:#1f1f1f;

}



.countdown-seconds{

	font-size:28px;	

	font-weight:500;

	margin-left:10px;

	margin-right:10px;

	padding-top:3px;

	padding-bottom:3px;

	color:#1f1f1f;

}



/*47.Blog Page*/

/*////////////*/



@media(min-width:768px){

    .blog-posts{

        width:65%;

        float:left;

    }



    .blog-sidebar{

        margin-left:5%;

        width:30%;

        float:left;

    }

}



.blog-post-image img{

    display:block;

    width:100%;

}



.blog-post-image{margin-bottom:30px;}





.blog-post-date{

    width:50%;

    float:left;

}



.blog-post-text{

    margin-bottom:20px;

}



.blog-post-date i{

    margin-right:10px;

}



.blog-post-more{

    text-align:right;

}



.blog-post-more a i{

    margin-left:10px;

}





.blog-search{

    height:45px;

    display:block;

    width:100%;

    padding-left:20px;

    padding-right:20px;

    border:solid 1px rgba(0,0,0,0.1);

    transition:all 200ms ease;

    background-color:#FFFFFF;

}



.blog-search:focus{

    border:solid 1px #27ae60;

    transition:all 200ms ease;

}



.blog-gallery li{

    width:50%!important;

    transform:scale(1,1);

    -webkit-transform:scale(1,1);

    transition:all 200ms ease;

}



.blog-gallery li:hover{

    transform:scale(0.9,0.9);

    -webkit-transform:scale(0.9,0.9);

    transition:all 200ms ease;

}



.blog-gallery{

    margin-bottom:0px!important;

}



.blog-category{

    margin-bottom:0px;

}



.blog-category li a{

    color:rgba(0,0,0,0.6);

}



.blog-category li{

    list-style:none;

    line-height:24px;

    transition:all 200ms ease;

}



.blog-category li i{

    margin-right:20px;

}



.blog-category li:hover{

    padding-left:10px;

    transition:all 200ms ease;

}









/*48 Fullscreen Image Slider*/



/*Full Screen Image Slider*/



.dark-overlay{

    background-color:rgba(0,0,0,0.8)!important;   

}



.full-slider{

    position:absolute;

    margin-top:0px;

}





.full-slider img{

    width:100%;

    height:100%;

}



.slider-image{ background-size:cover; background-position: center center;}



.slider-style-1{

    position:absolute;

    width:100%;

    top:50%;

    z-index:9999;

}



.slider-style-1 p{

    text-align:center;

    width:70%;

    margin-left:auto;

    margin-right:auto;

    font-size:24px;

}



.slider-style-1 h2{

    color:#FFFFFF;

    text-align:center;

    font-weight:800;

    text-transform:uppercase;

    font-size:51px;

    line-height:50px;

    padding-bottom:0px;

}



.slider-style-1 h3{

    color:#FFFFFF;

    text-align:center;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:30px;

}



.slider-button-1{

    width:200px;

    margin-left:auto;

    margin-right:auto;

    font-size:12px;

    font-weight:500;

    text-transform:uppercase;

    text-align:center;

    padding-top:12px;

    padding-bottom:12px;

    font-family:'Roboto', sans-serif;

    margin-bottom:20px;

    transition:all 200ms ease;

}



.slider-button-1:hover{

    transform:scale(0.95, 0.95);  

    transition:all 200ms ease;

}



.slider-button-2{

    width:200px;

    margin-left:auto;

    margin-right:auto;

    font-size:12px;

    font-weight:500;

    text-transform:uppercase;

    text-align:center;

    padding-top:12px;

    padding-bottom:12px;

    font-family:'Roboto', sans-serif;

    margin-bottom:20px;

    color:#cacaca;

    transition:all 200ms ease;

}



.slider-button-2:hover{

    transform:scale(0.95, 0.95);  

    transition:all 200ms ease;

}



.button-line{

    border:solid 1px #cacaca;

}



.slider-button-1:hover{color:#FFFFFF;}

.slider-button-2:hover{color:#FFFFFF;}





.slider-style-2{

    position:absolute;

    width:100%;

    top:50%;

    z-index:9999;

}



.slider-style-2 h2{

    color:#FFFFFF;

    text-align:center;

    font-weight:800;

    text-transform:uppercase;

    font-size:24px;

    line-height:36px;

    padding-bottom:0px;

    margin-bottom:5px;

}



.slider-style-2 h3{

    color:#FFFFFF;

    text-align:center;

    font-size:34px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:30px;

}



.slider-style-2 p{

    text-align:center;

    width:70%;

    margin-left:auto;

    margin-right:auto;

    font-size:14px;

}





.slider-style-3{

    position:absolute;

    width:100%;

    top:50%;

    z-index:9999;

    height:200px;

}



.slider-style-3 h2{

    color:#FFFFFF;

    text-align:center;

    font-weight:800;

    text-transform:uppercase;

    font-size:24px;

    line-height:36px;

    padding-bottom:0px;

    margin-bottom:0px;

}



.slider-style-3 h3{

    color:#FFFFFF;

    text-align:center;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:20px;

}



.slider-style-3 p{

    text-align:center;

    width:70%;

    margin-left:auto;

    margin-right:auto;

    font-size:14px;

}





@media(min-width:768px){

    .slider-style-1 h2{

        font-size:60px;

        line-height:55px

    }

    

    .slider-style-1 h3{

        font-size:16px;

        margin-bottom:10px;

    }

    

    .slider-style-1 p{

        font-size:14px;

        width:320px;

    }

    

    .slider-style-2 h2{

        font-size:36px;

        font-weight:600;

    }

    

    .slider-style-2 h3{

        padding-top:10px;

        font-size:48px; 

        font-weight:900;

    }

    

    .slider-style-2 p{

        width:320px;

    }

    

    

    .slider-style-3 h2{

        font-size:36px;

        padding-bottom:5px;

    }

    

    .slider-style-3 h3{

        font-size:18px;

    }

    

    .slider-style-3 p{

        width:320px;   

    }

    

}





/*Calendar*/



.calendar{

    margin-bottom:30px;

}



.calendar-titles a{

    width:14.28%;

    float:left;

    text-align:center;

    height:40px;

    line-height:40px;

    font-size:10px;

    color:#1f1f1f;

    font-weight:800;

}



.calendar-titles .light-titles{

    opacity:0.5;

}



.calendar-days{

    margin-top:-10px;

    font-size:14px;

    margin-bottom:30px;

}



.calendar-days a{

    width:14.28%;

    float:left;

    height:60px;

    line-height:60px;

    text-align:center;

    color:#1f1f1f;

    font-weight:700;

}



.calendar-days a:hover{

    color:rgba(41, 128, 185,1.0);

}



.calendar-day .light-day{

    opacity:0.3;

}



.calendar-days i{

    position:absolute;

    font-size:35px;

    margin-top:12px;

    margin-left:-7px;

    z-index:-1;

}



.clear-day i{

    opacity:0;

}



.light-day{

    opacity:0.3;

}



.light-day i{

    display:none;

}



.taken-day{

    color:#FFFFFF!important;

}



.taken-day i{

    color:#27ae60;

}



.close-day{

    color:#FFFFFF!important;

}



.close-day i{

    color:#c0392b;

}



.calendar-hours{

    border-top:solid 1px rgba(0,0,0,0.1);

}



.calendar-hour{

    height:80px;

    border-bottom:solid 1px rgba(0,0,0,0.1);

}



.calendar-hour-clear:hover{

    background-color: rgba(39, 174, 96, 0.1);  

}



.calendar-hour-taken:hover{

    background-color: rgba(192, 57, 43,0.1);   

}



.calendar-hour strong{

    color:#666666;

    opacity:0.7;

}



.calendar-hours a:last-child{

    border-bottom:none;

}



.calendar-hour .cal-time{

    position:absolute;

    margin-top:30px;

    font-weight:400;

    font-size:11px;

    padding-left:20px;

}



.calendar-hour .cal-from{

    position:absolute;

    margin-top:18px;

    font-size:11px;

    font-weight:400;

    padding-left:20px;

}



.calendar-hour .cal-to{

    position:absolute;

    margin-top:40px;

    font-size:11px;

    font-weight:400;

    padding-left:20px;

}



.calendar-hour h4{

    font-size:14px;

    padding-left:100px;

    padding-top:17px;

    margin-bottom:2px;

}



.calendar-hour em{

    font-style:normal;

    font-size:11px;

    padding-left:100px;

    color:#666666;

}



.calendar-hour em i{

    margin-right:10px;

}







/*Reminder Box*/



.reminder-check-square{

    background-image:url(../images/ui/checkbox1.png);

    background-repeat:no-repeat;

    background-size:16px 18px;

    background-position:10px 43px;

}



.reminder-check-round{

    background-image:url(../images/ui/radio2.png);

    background-repeat:no-repeat;

    background-size:16px 18px;

    background-position:10px 43px;

}



.reminder i{

    padding-right:10px;

}



.reminder-check-square-selected{

    background-image:url(../images/ui/checkbox1c.png);

}



.reminder-check-round-selected{

    background-image:url(../images/ui/radio2c.png);

}



.reminder-check-square-selected em{opacity:0.5; transition:all 250ms ease;}

.reminder-check-square-selected strong{opacity:0.5; transition:all 250ms ease;}



.reminder-check-round-selected em{opacity:0.5; transition:all 250ms ease;}

.reminder-check-round-selected strong{opacity:0.5; transition:all 250ms ease;}



.reminder strong{

    font-size:14px;

    font-weight:600;

    padding-left:50px;

    color:#1f1f1f;

    transition:all 250ms ease;

}



.reminder em{

    display:block;

    padding-left:50px;

    transition:all 250ms ease;

    font-style:normal

}



.reminder{

    border-bottom:solid 1px rgba(0,0,0,0.1);

    padding-bottom:30px;

    padding-top:30px;

}





/*Checklists*/



.checklist-square{

    font-size:14px;

    font-weight:500;

    background-image:url(../images/ui/checkbox1.png);

    background-size:16px 18px;

    background-position:0px 32px;

    background-repeat:no-repeat;

    padding-left:30px;

    border-bottom:solid 1px rgba(0,0,0,0.1);

    padding-bottom:30px;

    color:#1f1f1f;

    transition:all 250ms ease;

    padding-top:30px;

}



.checklist-square-selected:hover{

    color:#1f1f1f;

    text-decoration:line-through!important;

    transition:all 250ms ease;

}



.checklist-square:hover{

    color:#1f1f1f;

}



.checklist-square-selected{

    background-image:url(../images/ui/checkbox1c.png);

    text-decoration:line-through;

    opacity:0.5;

    transition:all 250ms ease;

}



.checklist-round{

    font-size:14px;

    font-weight:500;

    background-image:url(../images/ui/radio1.png);

    background-size:16px 18px;

    background-position:0px 32px;

    background-repeat:no-repeat;

    padding-left:30px;

    border-bottom:solid 1px rgba(0,0,0,0.1);

    padding-bottom:30px;

    color:#1f1f1f;

    transition:all 250ms ease;

    padding-top:30px;

}



.checklist-round-selected:hover{

    color:#1f1f1f;

    text-decoration:line-through!important;

    transition:all 250ms ease;

}



.checklist-round:hover{

    color:#1f1f1f;

}



.checklist-round-selected{

    background-image:url(../images/ui/radio1c.png);

    text-decoration:line-through;

    opacity:0.5;

    transition:all 250ms ease;

}