/*------------------------------------------------------------------
[Framework Stylesheet]

Project:	Boxed | Epsilon Framework
Version:	2.0
Last change:	10/23/2014
Assigned to:	Enabled & CosminCotor
Primary use:	ThemeForest Stock Item
License:        You may not reuse or redistribute this framework
                outside the mentioned licenses found on ThemeForest
-------------------------------------------------------------------*/


@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
@import url(http://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. Coverpage
	24. Countdown
	25. Notification Page
	26. Login Box
	27. Portfolio Wide
    38. Sidebar Menu Structures
    39. Blog
*/


/*	1. Reset  */

*.theme {
	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);
    -webkit-font-smoothing: antialiased;
}
*.theme:focus {
	outline: none;
}

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

*.theme body {
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}

*.theme body::-webkit-scrollbar {
    display: none;
}

*.theme a:hover{
	text-decoration:none!important;
}

*.theme ::selection {
	background-color:#CCC;
	color: #000;
}

*.theme div,*.theme a,*.theme p,*.theme img,*.theme blockquote,*.theme form,*.theme fieldset,*.theme textarea,*.theme input,*.theme label,*.theme iframe,*.theme code,*.theme pre {
	display: block;
	/*position:relative;*/
	/*overflow:hidden;*/
}

/*	2. Typography  */

*.theme p {
	line-height: 30px;
	margin-bottom: 30px;
	font-size:13px;
	letter-spacing:0px;
}

*.theme p > a {
	display: inline;
	text-decoration: none;
}

*.theme p > a:hover {
	text-decoration: underline;
}

*.theme p > span {
	display: inline;
}

*.theme span > a {
	display: inline;
}

*.theme a > span {
	display: inline;
}

*.theme a {
	text-decoration: none;
}

*.theme a:hover {
	text-decoration: none;
}

*.theme h1 > a,*.theme h2 > a,*.theme h3 > a,*.theme h4 > a,*.theme h5 > a,*.theme h6 > a {
	display: inline;
}

*.theme 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;
}

*.theme thead {}

*.theme th {
	vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	font-weight: bold;
	color: #555;
	background-color: #f6f6f6;
}

*.theme tr {
	line-height: 18px;
}

*.theme 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;
}

*.theme tr:hover > td {
	background: #fff;
}

*.theme ul {
	margin-bottom: 20px;
}

*.theme ol {
	margin-bottom: 30px;
}
*.theme li {
	line-height: 18px;
	margin-bottom:5px;
	list-style:inside;
}

*.theme ol > li:last-child,*.theme ul > li:last-child {
    margin-bottom:0px;
}

*.theme .background-turquoise{background-color:#1abc9c;}
*.theme .background-turquoise-dark{background-color:#16a085;}

*.theme .background-green{background-color:#2ecc71;}
*.theme .background-green-dark{background-color:#27ae60;}

*.theme .background-blue{background-color:#3498db;}
*.theme .background-blue-dark{background-color:#2980b9;}

*.theme .background-magenta{background-color:#9b59b6;}
*.theme .background-magenta-dark{background-color:#8e44ad;}

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

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

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

*.theme .background-gray{background-color:#95a5a6;}
*.theme .background-gray-dark{background-color:#7f8c8d;}

/*//////////////////////////////////////*/
/*Font Selection and General Font Colors*/
/*//////////////////////////////////////*/

*.theme body{
	font-family:'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	color:#666;
	font-size:12px;
	line-height:20px;
}

*.theme .checkbox{
	color:#666;
}

*.theme h1{
	font-size:21px;
	margin-bottom:10px;
	font-weight:800;
	color:#212935;
}

*.theme h2{
	font-size:19px;
	margin-bottom:10px;
	font-weight:800;
	color:#212935;
}

*.theme h3{
	font-size:17px;
	margin-bottom:10px;
	font-weight:500;
	color:#212935
}

*.theme h4{
	font-size:15px;
	margin-bottom:10px;
	font-weight:500;
	color:#212935;
}

*.theme h5{
	color:#212935;
	font-size:13px;
	margin-bottom:5px;
	font-weight:500;
}

*.theme h1,*.theme h2,*.theme h3,*.theme h4,*.theme h5,*.theme h6{
	font-family:'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	color:#1f1f1f;
}

*.theme a:hover{
	color:#2980b9;
	transition:all 200ms ease;
}

*.theme a{
	color:#2980b9;
	tramsition:all 200ms ease;
}

/*////////////////////////*/
/*Other Classes and Resets*/
/*////////////////////////*/

*.theme .overlay{
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:9999;
}

*.theme .content{
	clear:both;
	margin-left:30px;
	margin-right:30px;
}

@media (min-width:768px){
*.theme	 .content{
		margin-left:50px;
		margin-right:50px;
	}
}

*.theme .container{
	margin-bottom:30px;
}

*.theme .no-bottom{
	margin-bottom:0px!important;
	padding-bottom:0px;
}

*.theme .half-bottom{
	margin-bottom:15px;
}

*.theme .full-bottom{
	margin-bottom:30px;
}

*.theme .clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

*.theme .float-left{
	float:left;
	margin-right:10px;
}

*.theme .float-right{
	float:right;
	margin-left:5px;
}

*.theme .right-text{
	display:block;
	text-align:right;
}

*.theme .left-text{
	display:block;
	text-align:left;
}

*.theme .center-text{
	display:block;
	text-align:center;
}

*.theme .uppercase{
	text-transform:uppercase;
}

*.theme .capitalize{
	text-transform:capitalize;
}

*.theme .regular-anchor{
	color:inherit!important;
}

*.theme .responsive-image{
	width:100%;
	margin-bottom:20px;
}

*.theme .round-image{
	border-radius:500px;
}

*.theme .responsive-video{
	display:block;
	width:100%;
	margin-bottom:30px;
}

@media (min-width:768px){
*.theme	 .responsive-video{
		min-height:400px;
	}
}

*.theme .decoration{
	height:1px;
	background-color:rgba(0,0,0,0.1);
	margin-bottom:30px;
	display:block;
	clear:both;
    position:relative;
    overflow:hidden;
}

*.theme .full-decoration{
	height:1px;
	background-color:rgba(0,0,0,0.1);
	margin-bottom:30px;
	display:block;
	clear:both;
    margin-left:-50px;
    margin-right:-50px;
}

*.theme .center-if-mobile{display:block;}

@media (max-width:767px){
*.theme	 .center-if-mobile{
		text-align:center;
	}

*.theme	 .left-if-mobile{
		text-align:left;
	}

*.theme	 .right-if-mobile{
		text-align:right;
	}
}

@media (min-width:768px){
*.theme	 .center-if-tablet{
		text-align:center;
	}

*.theme	 .left-if-tablet{
		text-align:left;
	}

*.theme	 .right-if-tablet{
		text-align:right;
	}
}

/*	3. Preloader  */

*.theme #preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF;
	z-index:99999999;
}

*.theme #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;
}

*.theme #status p{
	top:60%;
}

*.theme #status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
}

/*Typograhpy Features*/

*.theme .center-icon{
	width:70px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

*.theme .last-column{
	margin-right:0%!important;
}

*.theme .one-third{
	width:28%;
	float:left;
	margin-right:8%;
}

*.theme .one-half{
	width:45%;
	float:left;
	margin-right:10%;
}

@media (max-width:760px){

*.theme .hide-if-mobile{
	display:none;
}

}

@media (min-width:760px) {
*.theme	 .one-third-responsive{
		width:30%;
		float:left;
		margin-right:5%;
	}

*.theme	 .one-half-responsive{
		width:48%;
		float:left;
		margin-right:4%;
	}

*.theme	 .sidebar-left-big{
		width:70%;
		float:left;
		margin-right:5%
	}

*.theme	 .sidebar-right-small{
		width:25%;
		float:right;
	}

*.theme	 .sidebar-right-big{
		width:70%;
		float:right;
	}

*.theme	 .sidebar-left-small{
		width:25%;
		float:left;
		margin-right:5%;
	}

*.theme	 .hide-if-responsive{
		display:none!important;
	}

}

/*	4. Highlights  */

*.theme .text-highlight{
	color:#FFFFFF;
	padding:8px;
	margin-right:3px;
}

*.theme .highlight-turqoise{	 background-color:#16a085;	}
*.theme .highlight-green{  	 	background-color:#27ae60;	}
*.theme .highlight-blue{   		 background-color:#2980b9;	}
*.theme .highlight-magenta{	  background-color:#8e44ad;	}
*.theme .highlight-dark{		 background-color:#2c3e50;	}
*.theme .highlight-yellow{	   background-color:#f1c40f;	}
*.theme .highlight-red{		  background-color:#c0392b;	}
*.theme .highlight-orange{	   background-color:#e67e22;	}

/*	5. Buttons  */

*.theme .center-button{
	width:120px;
	margin-left:auto;
	margin-right:auto;
	display:block!important;
	margin-top:10px;
	text-align:center;
}

*.theme .button{
    font-weight:500;
	display:inline-block;
	padding:10px 20px;
    transition:all 200ms ease;
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
}

*.theme .button:hover{
    -webkit-transform:scale(0.95, 0.95);
    transform:scale(0.95, 0.95);
    transition:all 200ms ease;
}

*.theme .button-3d{
    font-weight:500;
	display:inline-block;
	padding:8px 20px;
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
    transition:all 200ms ease;
}

*.theme .button-3d:hover{
    transform:scale(0.95, 0.95);
    -webkit-transform:scale(0.95, 0.95);
    transition:all 200ms ease;
}

*.theme .button i{
	margin-right:10px;
	font-size:12px;
	width:12px;
	text-align:center;
	margin-left:-5px;
}

*.theme .button:hover{
	color:#FFFFFF!important;
}


*.theme .button-3d:hover{
	color:#FFFFFF!important;
}

*.theme .tea-3d{				border-bottom:solid 4px #117562;}
*.theme .button-tea{			background-color:#16a085; color:#FFFFFF;}
*.theme .button-tea:hover{		background-color:#1abc9c;}

*.theme .green-3d{				border-bottom:solid 4px #1e8248;}
*.theme .button-green{			background-color:#27ae60; color:#FFFFFF;}
*.theme .button-green:hover{	background-color:#2ecc71;}

*.theme .blue-3d{				border-bottom:solid 4px #194e70;}
*.theme .button-blue{			background-color:#2980b9; color:#FFFFFF;}
*.theme .button-blue:hover{		background-color:#3498db;}

*.theme .magenta-3d{			border-bottom:solid 4px #602e75;}
*.theme .button-magenta{		background-color:#8e44ad; color:#FFFFFF;}
*.theme .button-magenta:hover{	background-color:#9b59b6;}

*.theme .dark-3d{				border-bottom:solid 4px #19232d;}
*.theme .button-dark{			background-color:#2c3e50; color:#FFFFFF;}
*.theme .button-dark:hover{		background-color:#34495e;}

*.theme .yellow-3d{				border-bottom:solid 4px #ba970b;}
*.theme .button-yellow{			background-color:#f1c40f; color:#1f1f1f;}
*.theme .button-yellow:hover{	background-color:#f39c12;}

*.theme .orange-3d{				border-bottom:solid 4px #9d3e00;}
*.theme .button-orange{			background-color:#d35400; color:#FFFFFF;}
*.theme .button-orange:hover{	background-color:#e67e22;}

*.theme .red-3d{				border-bottom:solid 4px #8a281e;}
*.theme .button-red{			background-color:#c0392b; color:#FFFFFF;}
*.theme .button-red:hover{		background-color:#e74c3c;}

*.theme .light-3d{				border-bottom:solid 4px #868a8c;}
*.theme .button-light{			background-color:#bdc3c7; color:#1f1f1f;}
*.theme .button-light:hover{	background-color:#ecf0f1; color:#1f1f1f!important;}

*.theme .grey-3d{				border-bottom:solid 4px #474d4e;}
*.theme .button-grey{			background-color:#7f8c8d; color:#FFFFFF;}
*.theme .button-grey:hover{		background-color:#95a5a6; color:#1f1f1f!important;}

*.theme .button-full{
    width:100%;
    display:block;
    text-align:center;
    padding-left:0px;
    padding-right:0px;
}

*.theme .small-button{
    font-size:11px;
}

/*	6. Code Highlight  */

*.theme .code{
	border:solid 1px #cacaca;
	font-size:12px;
}

*.theme .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;
}

*.theme .code > span:last-child{
	border-bottom:none;
}

*.theme .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  */


*.theme .number-list {}
*.theme .number-list li{
	line-height:26px;
	list-style:decimal;
	overflow:visible!important;
	margin-left:0px;
	list-style:decimal;
	margin-left:20px;
	padding-left:0px;
}

*.theme .normal-list li{
	line-height:26px;
	padding-left:5px;
}

*.theme .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;
}

*.theme .font-icon-list li{
	list-style:none;
	padding-left:0px;
	color:#666666;
	line-height:26px;
}

*.theme .font-icon-list li a{
	color:#666666;
}

*.theme .icon-list li a{
	color:#666666;
}

*.theme .font-icon-list i{
	margin-right:10px;
	width:12px;
}

*.theme .address-list{
	background-image:url(../images/lists/address_48.png);
}

*.theme .block-list{
	background-image:url(../images/lists/block_48.png);
}

*.theme .bookmark-list{
	background-image:url(../images/lists/bookmark_48.png);
}

*.theme .briefcase-list{
	background-image:url(../images/lists/briefcase_48.png);
}

*.theme .bubble-list{
	background-image:url(../images/lists/bubble_48.png);
}

*.theme .buy-list{
	background-image:url(../images/lists/buy_48.png);
}

*.theme .calendar-list{
	background-image:url(../images/lists/calendar_48.png);
}

*.theme .clipboard-list{
	background-image:url(../images/lists/clipboard_48.png);
}

*.theme .clock-list{
	background-image:url(../images/lists/clock_48.png);
}

*.theme .delete-list{
	background-image:url(../images/lists/delete_48.png);
}

*.theme .diagram-list{
	background-image:url(../images/lists/diagram_48.png);
}

*.theme .document-list{
	background-image:url(../images/lists/document_48.png);
}

*.theme .down-list{
	background-image:url(../images/lists/down_48.png);
}

*.theme .flag-list{
	background-image:url(../images/lists/flag_48.png);
}

*.theme .folder-list{
	background-image:url(../images/lists/folder_48.png);
}

*.theme .gear-list{
	background-image:url(../images/lists/gear_48.png);
}

*.theme .globe-list{
	background-image:url(../images/lists/globe_48.png);
}

*.theme .heart-list{
	background-image:url(../images/lists/heart_48.png);
}

*.theme .help-list{
	background-image:url(../images/lists/help_48.png);
}

*.theme .home-list{
	background-image:url(../images/lists/home_48.png);
}

*.theme .info-list{
	background-image:url(../images/lists/info_48.png);
}

*.theme .key-list{
	background-image:url(../images/lists/key_48.png);
}

*.theme .label-list{
	background-image:url(../images/lists/label_48.png);
}

*.theme .left-list{
	background-image:url(../images/lists/left_48.png);
}

*.theme .letter-list{
	background-image:url(../images/lists/letter_48.png);
}

*.theme .monitor-list{
	background-image:url(../images/lists/monitor_48.png);
}

*.theme .pencil-list{
	background-image:url(../images/lists/pencil_48.png);
}

*.theme .plus-list{
	background-image:url(../images/lists/plus_48.png);
}

*.theme .present-list{
	background-image:url(../images/lists/present_48.png);
}

*.theme .print-list{
	background-image:url(../images/lists/print_48.png);
}

*.theme .right-list{
	background-image:url(../images/lists/right_48.png);
}

*.theme .save-list{
	background-image:url(../images/lists/save_48.png);
}

*.theme .search-list{
	background-image:url(../images/lists/search_48.png);
}

*.theme .shield-list{
	background-image:url(../images/lists/shield_48.png);
}

*.theme .statistics-list{
	background-image:url(../images/lists/statistics_48.png);
}

*.theme .stop-list{
	background-image:url(../images/lists/stop_48.png);
}

*.theme .tick-list{
	background-image:url(../images/lists/tick_48.png);
}

*.theme .trash-list{
	background-image:url(../images/lists/trash_48.png);
}

*.theme .up-list{
	background-image:url(../images/lists/up_48.png);
}

*.theme .user-list{
	background-image:url(../images/lists/user_48.png);
}

*.theme .wallet-list{
	background-image:url(../images/lists/wallet_48.png);
}

*.theme .warning-list{
	background-image:url(../images/lists/warning_48.png);
}

/*	8. Table  */


*.theme .table{
	width:100%;
    border-radius:2px;
}

*.theme .table-title{
	font-family:'dotum',sans-serif;
	font-size:12px;
}

*.theme .table-sub-title{
	font-family:'dotum',sans-serif;
	font-weight:bold;
	font-size:12px;
}

*.theme .price{
	font-size:12px;
}

*.theme .small-price{
	position:absolute;
	margin-left:0px;
	font-size:10px;
	margin-top:-3px!important;
}

*.theme table {
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
	margin-bottom:25px;
}

*.theme table th {
	padding:12px 10px 12px 10px;
	border-bottom:1px solid #e0e0e0;
}

*.theme table th:first-child{
	text-align: center;
	padding-left:20px;
}

*.theme table tr{
	text-align: center;
	padding-left:20px;
}

*.theme table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}

*.theme table tr td {
	padding:12px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 0px solid #e0e0e0;
}

*.theme table tr.even td{
	background: #efefef;
}

*.theme table tr:last-child td{
	border-bottom:0;
}

*.theme table tr:hover td{
	background: #f8f8f8;
}

*.theme .table-heading{
	padding-top:10px;
	padding-bottom:15px;
}

*.theme .table-text{
	color:#6f6f6f;
}

/*	9. Speach Bubbles  */


*.theme .green-bubble{
	background-color:#33c922!important;
	color:#FFFFFF!important;
	border:none!important;
}

*.theme .blue-bubble{
	background-color:#0b84fe!important;
	color:#FFFFFF!important;
	border:none!important;
}

*.theme .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;
}

*.theme .speach-left-title{
	display:block;
	width:100%;
	font-size:10px;
	font-style:normal;
	padding-left:5px;
	color:#000000;
	text-shadow:0px 1px 0px #FFFFFF;
}

*.theme .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;
}

*.theme .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  */

*.theme .quote-style-one{
	margin-bottom:30px;
}

*.theme .quote-style-one img{
	float:left;
	width:25%;
}

*.theme .quote-style-one em{
	font-style:normal;
	float:left;
	width:70%;
	padding-left:4%;
}

*.theme .quote-style-one strong{
	font-style:italic;
	float:left;
	width:70%;
	padding-left:4%;
	padding-top:2%;
}

*.theme .quote-style-two{
	margin-bottom:30px;
}

*.theme .quote-style-two em{
	text-align:left;
	font-style:normal;
	display:block;
}

*.theme .quote-style-two strong{
	text-align:left;
	font-style:italic;
	display:block;
}

*.theme .quote-style-three{
	margin-bottom:30px;
}

*.theme .quote-style-three em{
	text-align:right;
	font-style:normal;
	display:block;
}

*.theme .quote-style-three strong{
	text-align:right;
	font-style:italic;
	display:block;
}

*.theme .quote-style-four em{
	text-align:center;
	font-style:normal;
	display:block;
}

*.theme .quote-style-four strong{
	text-align:center;
	font-style:italic;
	display:block;
}

*.theme .quote-style-four img{
	width:70px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}


/*	11. Radio and Checkboxe */

*.theme .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;
}

*.theme .checkbox-one-checked{
	background-image:url(../images/ui/checkbox1c.png);
}

*.theme .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;
}

*.theme .checkbox-two-checked{
	background-image:url(../images/ui/checkbox2c.png);
}

*.theme .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;
}

*.theme .checkbox-three-checked{
	background-image:url(../images/ui/checkbox3c.png);
}

*.theme .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;
}

*.theme .radio-one-checked{
	background-image:url(../images/ui/radio1c.png);
}

*.theme .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;
}

*.theme .radio-two-checked{
	background-image:url(../images/ui/radio2c.png);
}

/*Switches*/



*.theme .switch-box h4{
    font-size:14px;
    line-height:29px;
    float:left;
    font-weight:500;
    padding-top:2px;
    margin-bottom:5px;
}

*.theme .switch-box .switch{
    float:right!important;
}

*.theme .switch-box .switch-icon{
    float:right!important;
}

*.theme .switch-box-content{
    clear:both;
    display:none;
}

*.theme .switch-box-subtitle{
    display:block;
    clear:both;
    opacity:0.8;
}

*.theme .switch-1{
    width:50px;
    height:30px;
    background-color:#c0392b;
    border-radius:30px;
    transition:all 200ms ease;
    float:left;
}

*.theme .switch-1 em:first-child{
    position:absolute;
    color:#FFFFFF;
    height:30px;
    line-height:30px;
    margin-left:11px;
    font-style:normal;
    font-size:10px;
}

*.theme .switch-1 em:last-child{
    position:absolute;
    color:#FFFFFF;
    height:30px;
    line-height:30px;
    margin-left:33px;
    font-style:normal;
    font-size:10px;
}

*.theme .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;
}

*.theme .switch-1-on{
    background-color:#27ae60;
    transition:all 200ms ease;
}

*.theme .switch-1-on span{
    transform:translateX(22px);
    -webkit-transform:translateX(22px);
    transition:all 200ms ease;
}

*.theme .switch-icon em:first-child{
    font-size:10px;
    margin-top:2px;
    margin-left:9px;
    line-height:27px;
}

*.theme .switch-icon em:last-child{
    font-size:10px;
    margin-top:2px;
    margin-left:32px;
    line-height:27px;
}

*.theme .switch-2{
    width:85px;
    background-color:#464646;
    height:30px;
}

*.theme .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;
}

*.theme .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;
}

*.theme .switch-2-on span{
    transform:translateX(43px);
    -webkit-transform:translateX(43px);
    /*background-color:#0e88b1;*/
    background-color:#27ae60;
    transition:all 200ms ease;
}

*.theme .switch-2-on span em{
    margin-top:0px;
    transition:all 200ms ease;
}


*.theme .switch-3{
    border:solid 3px #cacaca;
    width:60px;
    height:28px;
    background-color:#27ae60;
    transition:all 200ms ease;
}

*.theme .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;
}

*.theme .switch-3-on{
    background-color:#c0392b;
    transition:all 200ms ease;
}

*.theme .switch-3-on span{
     transform:translateX(-3px);
    -webkit-transform:translateX(-3px);
    transition:all 200ms ease;
}

*.theme .switch-3 strong{
    position:absolute;
    width:54px;
    height:22px;
    border:solid 3px #FFFFFF;
}

*.theme .switch-3 em{
    position:absolute;
    color:#FFFFFF;
    margin-left:0px;
    font-style:normal;
    font-size:10px;
    margin-top:2px;
    width:35px;
    text-align:center;
}

*.theme .switch-3 em:last-child{
    position:absolute;
    color:#FFFFFF;
    margin-left:19px!important;
    font-style:normal;
    font-size:10px;
    margin-top:2px;
}



/*	12. Charts */

*.theme .chart div{
	overflow:hidden!important;
}

*.theme .chart strong{
	font-size:13px;
	text-align:left;
	font-weight:600;
	font-family:'Source Sans Pro', sans-serif;
	padding-left:5px;
}

*.theme .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;
}

*.theme .chart-background{
	background-color:#CCC;
	width:100%;
	display:block;
	height:22px;
	margin-bottom:20px;
	margin-top:-5px;
}

*.theme .red-chart{
	background-color:#c0392b;
	margin:3px;
	height:16px;
	opacity:0.9;
}

*.theme .green-chart{
	background-color:#27ae60;
	margin:3px;
	height:16px;
	opacity:0.9;
}

*.theme .yellow-chart{
	background-color:#f39c12;
	margin:3px;
	height:16px;
	opacity:0.9;
}

*.theme .magenta-chart{
	background-color:#8e44ad;
	margin:3px;
	height:16px;
	opacity:0.9;
}

*.theme .blue-chart{
	background-color:#2980b9;
	margin:3px;
	height:16px;
	opacity:0.9;
}

*.theme .chart-round div{
	border-radius:20px;
}

*.theme .p100{width:100%;}
*.theme .p90{width:90%;}
*.theme .p80{width:80%;}
*.theme .p70{width:70%;}
*.theme .p60{width:60%;}
*.theme .p50{width:50%;}
*.theme .p40{width:40%;}
*.theme .p30{width:30%;}
*.theme .p20{width:20%;}
*.theme .p10{width:10%;}
*.theme .p0{width:0%;}


/*	13. Notifications */

*.theme .red-notification{
	background-color:#c0392b!important;
	color:#FFFFFF;
}

*.theme .green-notification{
	background-color:#27ae60!important;
	color:#FFFFFF!;
}

*.theme .yellow-notification{
	background-color:#f39c12!important;
	color:#FFFFFF;
}

*.theme .blue-notification{
	background-color:#2980b9!important;
	color:#FFFFFF;
}

*.theme .big-notification{
	margin-bottom:30px;
	padding:8px;
}

*.theme .big-notification h3{
	font-family:'Roboto', 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);
}

*.theme .big-notification h4{
	font-family:'Roboto', sans-serif;
	font-weight:500;
	color:#FFFFFF;
	margin-bottom:5px;
	margin:10px;
	padding-bottom:10px;
	padding-top:0px;
	border-bottom:solid 1px rgba(255,255,255,0.2);
}


*.theme .close-big-notification{
	font-size:14px;
	color:#FFFFFF;
	float:right;
	margin-top:-41px;
	margin-right:10px;
	width:20px;
	height:20px;
	text-align:center;
}

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

*.theme .big-notification p{
	padding:10px;
	padding-top:0px;
	margin-bottom:0px;
    color:#FFFFFF;
}

*.theme .static-notification-red{
	overflow:hidden;
	background-color:#c0392b;
	margin-bottom:30px;
}

*.theme .static-notification-red p{
	font-size:11px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:500;
    color:#FFFFFF!important;
}

*.theme .static-notification-green{
	overflow:hidden;
	background-color:#27ae60;
	margin-bottom:30px;
}

*.theme .static-notification-green p{
	font-size:11px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:500;
    color:#FFFFFF!important;
}

*.theme .static-notification-yellow{
	overflow:hidden;
	background-color:#f39c12;
	color:#FFFFFF;
	margin-bottom:30px;
}

*.theme .static-notification-yellow p{
	font-size:11px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:500;
    color:#FFFFFF!important;
}

*.theme .static-notification-blue{
	overflow:hidden;
	background-color:#2980b9;
	color:#FFFFFF;
	margin-bottom:30px;
}

*.theme .static-notification-blue p{
	font-size:11px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:500;
    color:#FFFFFF!important;
}

/*Top Notifications*/

*.theme .notification-top{
	height:0px;
	width:100%;
	transition:all 400ms ease;
}

*.theme .show-notification-top{
	height:100px!important;
	transition:all 400ms ease;
	transition-delay:1s;
}

*.theme .notification-top a{
	color:#FFFFFF;
	border-bottom:solid 1px rgba(255,255,255,0.3);
	padding-bottom:2px;
}

*.theme .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;
}

*.theme .hide-top-notification:hover{
	background-color:rgba(0,0,0,0.3);
	transition:all 200ms ease;
}

*.theme .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;
}

*.theme .goto-top-notification:hover{
	background-color:rgba(0,0,0,0.3);
	transition:all 200ms ease;
}

*.theme .notification-top h3{
	margin-left:30px;
	margin-top:23px;
	margin-bottom:12px;
	color:#FFFFFF;1
}

*.theme .notification-top p{
	font-size:12px;
	margin-left:30px;
	padding-right:30px;
	line-height:24px;
	opacity:0.8;
}


/*	14. Tabs */

*.theme .tabs div{
	overflow:hidden!important;
}

*.theme .tabs a{
	color:#343434;
	text-transform:uppercase;
}

*.theme .tab-content{
	overflow:hidden;
	display:none;
}

*.theme .tab-content img{
	margin-top:8px;
}

*.theme .tab-content p{
	margin-bottom:0px;
}

*.theme .tab-content-1{
	display:block;
}

*.theme .tab-active{
	background-color:#bee7cf!important;
}

*.theme .actve-green{
	background-color:#67c68f!important;
}

*.theme .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;
}

*.theme .tab-content{
	background-color:#eeeeee;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

/*	15. Toggles  */

*.theme .toggle-content{
	display:none;
	padding-top:0px;
}

*.theme .toggle-content p{
	border-top:solid 1px rgba(0,0,0,0.05);
	margin-bottom:0px;
	padding-top:10px;
	padding:15px;
}

*.theme .toggle-1,*.theme .toggle-2,*.theme .toggle-3{
	background-color:#eeeeee;
}

*.theme .toggle-3{


}

*.theme .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;
}

*.theme .toggle-1-active{
	background-image:url(../images/ui/minus.png);
}

*.theme .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;
}

*.theme .toggle-2-active{
	background-image:url(../images/lists/delete_48.png);
}

*.theme .deploy-toggle-3{
	padding:15px;
	font-size:13px;
	color:#343434;
	text-transform:uppercase;
}

*.theme .deploy-toggle-3 em{
	background-color:#c0392b;
	position:absolute;
	transition: 0.1s ease-out;
	right:15px;
	width:50px;
	height:20px;
	border-radius:30px;
}

*.theme .deploy-toggle-3 em strong{
	top:2px;
	left:2px;
	height:16px;
	width:16px;
	border-radius:19px;
	background-color:#f6f6f6;
	position:absolute;
	z-index:999;
}

*.theme .toggle-3-active-background{
	background-color:#27ae60!important;
}

*.theme .toggle-3-active-ball{
	transition: 0.01s ease-out;
	left:32px!important;
}

/*	16. Submenu  */

*.theme .submenu-navigation a{
	color:#343434;
}

*.theme .submenu-navigation{
	background-color:#eeeeee;
}

*.theme .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;
}

*.theme .submenu-nav-deploy-active{
	background-image:url(../images/ui/arrow-up.png);
}

*.theme .submenu-nav-items{
	display:none;
}

*.theme .submenu-nav-items a:first-child{
	border-top:solid 1px rgba(0,0,0,0.1);
}

*.theme .submenu-nav-items a{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px rgba(0,0,0,0.1);
}

*.theme .submenu-nav-items a:last-child{
	padding-bottom:10px;
}

*.theme .sliding-door{
	overflow:hidden;
	background-color:#FFFFFF;
	border:solid 1px #cacaca;
	height:40px;
	line-height:39px;
}

*.theme .sliding-door-bottom{
	border:solid 1px rgba(0,0,0,0.05);
}

*.theme .sliding-door-clear{
	height:20px;
	display:block;
	width:100%;
}

*.theme .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;
}

*.theme .sliding-door-top a{
	color:#333;
	text-transform:uppercase;
	background-position:0 13px;
}

*.theme .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;
}

*.theme .sliding-door-bottom a{
	color:#333;
	width:98%;
}

*.theme .sliding-door-bottom a strong{
	padding-right:10px;
	font-weight:normal;
	text-transform:uppercase;
}

*.theme .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;
}


*.theme .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  */

@media (min-width:760px){
*.theme     .contact-information{
        padding-left:30px!important;
    }
}

*.theme .contactField{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	color:#666;
	border:solid 1px #cacaca;
}


*.theme .contactField:focus{
    border:solid 1px #27ae60;
}

*.theme .contactTextarea{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	border:solid 1px #cacaca;
	color: #666;
}

*.theme .contactTextarea:focus{
    border:solid 1px #27ae60;
}

*.theme .contactSubmitButton{
	line-height:19px!important;
	display:block!important;
	height:36px!important;
	margin-right:4px;
	width:100%;
}

*.theme .contact-form{
	margin-bottom:20px;
}

*.theme .contactNameField{
	padding-bottom:5px;
	font-size:12px;
}

*.theme .contactNameField span{
	float:right;
	opacity:0.2;
}

*.theme .contactEmailField{
	padding-bottom:5px;
	font-size:12px;
}

*.theme .contactEmailField span{
	float:right;
	opacity:0.2;
}

*.theme .contactMessageTextarea{
	padding-bottom:5px;
	font-size:12px;
}

*.theme .contactMessageTextarea span{
	float:right;
	opacity:0.2;
}


/*Field Styles*/
*.theme .formFieldWrap{
	margin-top:-5px;
}

*.theme #contactNameField{
	text-transform:capitalize;
}

*.theme .contactField{
	min-width:100%;
	display:block;
	box-sizing:border-box;
}

*.theme .contactTextarea{
	min-width:100%;
	display:block;
	box-sizing:border-box;
}

*.theme .buttonWrap{
	line-height:20px;
	padding-bottom:24px;
	min-width:43%;
	display:inline-block;
}

*.theme .formSubmitButtonErrorsWrap a{
	width:25%;
	text-align:center;
	padding:8px 10px!important;
}


*.theme .formValidationError .red-notification p{
	background-image:none!important;
	display:block!important;
	padding-left:0px!important;
	text-align:center!important;
}

*.theme .contactField{
	height:40px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}

*.theme .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){
*.theme	 .contact-information{
		padding-left:20px;
	}
}

*.theme .contact-call{
	color:#666;
	height:25px;
	display:block;
}

*.theme .contact-call i{
	width:12px;
	diplay:block;
	margin-right:20px;
}

*.theme .contact-text{
	color:#666;
	height:25px;
	display:block;
}

*.theme .contact-text i{
	width:12px;
	diplay:block;
	margin-right:20px;
}

*.theme .contact-mail{
	color:#666;
	height:25px;
	display:block;
}

*.theme .contact-mail i{
	width:12px;
	diplay:block;
	margin-right:20px;
}

*.theme .contact-facebook{
	color:#666;
	height:25px;
	display:block;
}

*.theme .contact-facebook i{
	width:12px;
	diplay:block;
	margin-right:20px;
}

*.theme .contact-twitter{
	color:#666;
	height:25px;
	display:block;
}

*.theme .contact-twitter i{
	width:12px;
	diplay:block;
	margin-right:20px;
}

/*Maps*/

*.theme .maps-container{
	display:block!important;
	padding-bottom:0px;
	box-sizing:border-box;
	max-height:200px;
	overflow:hidden;
	margin-bottom:30px;
}

*.theme .maps{
	display:block!important;
	width:100%;
    height:200px;
	overflow:hidden;
}

/*	18. Detector  */

*.theme .detected-wrapper img{
	width:70px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    transition:all 200ms ease;
}

*.theme .detected-image:hover{
    -webkit-transform:scale(1.2, 1.2);
    transform:scale(1.2, 1.2);
    transition:all 200ms ease;
}

*.theme .detected-button:hover{
    -webkit-transform:scale(1.07, 1.07);
    transform:scale(1.07, 1.07);
    transition:all 200ms ease;
}

*.theme .detected-wrapper h4{
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
}

*.theme .detected-wrapper em{
	font-size:11px;
	color:#e34e47;
	display:block;
	text-align:center;
	font-style:normal;
	margin-bottom:10px;
}

*.theme .detected-wrapper p{
	width:90%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/*	19. Sharebox  */

*.theme .sharebox-wrapper{
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	z-index:99999;
	display:none;
}

*.theme .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;
}

*.theme .sharebox h3{
	padding-top:30px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:30px;
}

*.theme .sharebox p{
	padding-left:30px;
	padding-right:30px;
}

*.theme .sharebox a{
	float:left;
	width:40px;
	height:40px;
	color:#FFFFFF;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	font-size:14px;
}

*.theme .share-icons{
	width:250px;
	margin-left:auto;
	margin-right:auto;
}

*.theme .sharebox .facebook{
	margin-left:5px;
	margin-right:5px;
	background-color:#3B5998;
}

*.theme .sharebox .twitter{
	margin-left:5px;
	margin-right:5px;
	background-color:#4099FF;
}

*.theme .sharebox .google{
	margin-left:5px;
	margin-right:5px;
	background-color:#d34836;
}

*.theme .sharebox .message{
	margin-left:5px;
	margin-right:5px;
	background-color:#2ecc71;
}

*.theme .sharebox .mail{
	margin-left:5px;
	margin-right:5px;
	background-color:#3498db;
}

*.theme .sharebox .close-sharebox{
	width:100%;
	height:50px;
	color:#1f1f1f;
	font-size:12px;
	line-height:48px;
	margin-top:-30px;
}


/*	20. Profile */

*.theme .profile-header{
    overflow:hidden;
    display:block;
    position:relative;
}

*.theme .profile-header-contents{
	position:relative;
	z-index:10;
}

*.theme .profile-header {
	background-image:url(../images/pictures/5.jpg);
	background-repeat:repeat;
}

*.theme .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;
}

*.theme .profile-header-background{
	background-image:url(../images/pictures/5w.jpg);
	background-repeat:repeat;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
}

*.theme .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%;
}

*.theme .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);
}

*.theme .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);
}

*.theme .profile-header-heading{
	text-align:center;
	font-weight:400;
	color:#FFFFFF;
	font-size:22px;
}

*.theme .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;
}

*.theme .profile-header-socials a{
	width:33%;
	float:left;
	text-align:center;
	color:rgba(255,255,255,0.8);
	font-size:12px;
	margin-bottom:30px;
}

*.theme .profile-header-socials a .fa-facebook{background-color:rgba(59, 89, 152, 0.5)!important;}
*.theme .profile-header-socials a .fa-twitter{background-color:rgba(64, 153, 255, 0.5)!important;}
*.theme .profile-header-socials a .fa-google-plus{background-color:rgba(211, 72, 54, 0.5)!important;}


*.theme .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;
}

*.theme .profile-header-contents a{
	transition:all 200ms ease;
}

*.theme .profile-header-contents a:hover{
	color:rgba(255,255,255,1);
	transition:all 200ms ease;
}

*.theme .profile-header-contents a i{
	transition:all 200ms ease;
}

*.theme .profile-header-contents a i:hover{
	color:rgba(255,255,255,1);
	transition:all 200ms ease;
}

/*	21. Portfolio */

*.theme .portfolio-adaptive *{
    position:relative;
    display:block;
    overflow:hidden;
}

*.theme .adaptive-style h4{
	width:200px;
	float:left;
    margin-bottom:25px;
}

*.theme .adaptive-style a{
	float:right;
	font-size:14px;
	color:#1f1f1f;
	margin-left:8px;
	margin-right:8px;
	transition:all 200ms ease;
}

*.theme .active-adaptive-style{
	color:#e74c3c!important;
	transition:all 200ms ease;
}

*.theme .adaptive-one .adaptive-item{
	width:100%;
	transition:all 200ms ease;
	float:none;
}

*.theme .adaptive-two .adaptive-item{
	height:auto;
	width:44%;
	margin-left:3%;
	margin-right:3%;
	transition:all 200ms ease;
	float:left;
}

*.theme .adaptive-two{
	margin-left:-2%;
	width:105%;
}

*.theme .adaptive-three .adaptive-item{
	width:27%;
	margin-left:3%;
	margin-right:3%;
	transition:all 200ms ease;
	float:left;
}

*.theme .adaptive-three{
	width:105%;
	margin-left:-2%;
}

/*Portfolios*/

*.theme .portfolio-one *{
    position:relative;
    display:block;
    overflow:hidden;
}

*.theme .portfolio-one-title{
	margin-bottom:10px;
}

*.theme .portfolio-one-text .title{
	font-weight:500;
	margin-top:20px;
	margin-bottom:0px;
}

*.theme .portfolio-one-text .subtitle{
	font-style:normal;
	font-size:11px;
	opacity:0.8;
}

*.theme .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;
}

*.theme .portfolio-one-links a{
	color:#666666;
	opacity:0.6;
}

*.theme .portfolio-one-links a:first-child{
	float:left;
	font-size:12px;
}

*.theme .portfolio-one-links a:first-child i{
	padding-right:10px;
}

*.theme .portfolio-one-links a:last-child{
	float:right;
	font-size:12px;
}

*.theme .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;
}

*.theme .portfolio-one-details a:first-child{
	padding-left:0px!important;
}

*.theme .portfolio-one-details a:nth-child(2){
	border-left:solid 1px #cacaca;
	border-right:solid 1px #cacaca;
}

*.theme .portfolio-one-links a:last-child i{
	padding-left:10px;
}

*.theme .portfolio-one-image a{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:999;
	color:#FFFFFF;
	font-size:30px;
	opacity:0;
	transition:all 200ms ease;
}

*.theme .portfolio-one-image a:hover{
	opacity:1;
	transition:all 200ms ease;
	color:#FFFFFF;
}

*.theme .portfolio-one-image a i{
	width:30px;
	height:30px;
	position:absolute;
	left:50%;
	margin-left:-15px;
	top:50%;
	margin-top:-13px;
}

*.theme .portfolio-one-image img{
	margin-bottom:0px;
	padding-botom:0px;
}


@media (min-width:768px){

*.theme	 .portfolio-one-text .title{
		font-size:18px;
		margin-top:10px;
	}


*.theme	 .portfolio-one-image{
		float:left;
		width:46%;
		margin-right:4%;
	}

*.theme	 .portfolio-one-text{
		float:right;
		width:50%;
	}

}

/*Portfolio Two*/

*.theme .portfolio-two *{
    position:relative;
    display:block;
    overflow:hidden;
}

*.theme .portfolio-two{
	width:119%;
	margin-left:-12%;
}

*.theme .portfolio-two-item{
	width:47%;
	padding-left:10%;
	float:left;
}

*.theme .portfolio-two-title{
	margin-bottom:10px;
}

*.theme .portfolio-two-text .title{
	font-weight:500;
	margin-top:20px;
	margin-bottom:0px;
	font-size:14px;
}

*.theme .portfolio-two-text .subtitle{
	display:block;
	font-style:normal;
	font-size:11px;
	opacity:0.8;
	margin-bottom:10px;
}

*.theme .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;
}

*.theme .portfolio-two-links a{
	color:#666666;
	opacity:0.6;
}

*.theme .portfolio-two-links a:first-child{
	float:left;
	font-size:12px;
}

*.theme .portfolio-two-links a:first-child i{
	padding-right:10px;
}

*.theme .portfolio-two-links a:last-child{
	float:right;
	font-size:12px;
}

*.theme .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;
}

*.theme .portfolio-two-details a:first-child{
	padding-left:0px!important;
}

*.theme .portfolio-two-details a:nth-child(2){
	border-left:solid 1px #cacaca;
	border-right:solid 1px #cacaca;
}

*.theme .portfolio-two-links a:last-child i{
	padding-left:10px;
}

*.theme .portfolio-two-image{
	max-height:100%;
	transition:all 200ms ease;
}

*.theme .portfolio-two-image a{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:999;
	color:#FFFFFF;
	font-size:30px;
	opacity:0;
	transition:all 200ms ease;
}

*.theme .portfolio-two-image a:hover{
	opacity:1;
	transition:all 200ms ease;
	color:#FFFFFF;
}

*.theme .portfolio-two-image a i{
	width:30px;
	height:30px;
	position:absolute;
	left:50%;
	margin-left:-15px;
	top:50%;
	margin-top:-13px;
}

*.theme .portfolio-two-image img{
	margin-bottom:0px;
	padding-botom:0px;
}

@media (min-width:768px){
*.theme	 .portfolio-two-image{
		max-height:200px;
		transition:all 200ms ease;
	}
}

/*	22. Timeline */


*.theme .timeline{
    position:relative;
    display:block;
	margin-top:30px;
    margin-bottom:50px;
}

*.theme .timeline-icon{
	width:70px;
	height:100%;
	float:left;
	display:inline;
}

*.theme .timeline-text{
	display:inline-block;
	padding-left:70px;
	margin-top:-42px;
	min-height:100px;
	width:100%;
}

*.theme .timeline-text .subtitle{
	font-size:11px;
	font-style:normal;
	display:block;
	margin-top:-10px;
	color:#e34e47;
	margin-bottom:20px;
}

*.theme .timeline-text p{
	margin-top:-10px;
}

*.theme .timeline-icon i{
	position:relative;
	z-index:99999;
	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;
}

*.theme .timeline-quote .title{
	font-size:14px;
	line-height:30px;
	font-weight:300;
	margin-bottom:20px;
	margin-top:-10px;
}

*.theme .timeline-quote .subtitle{
	display:block;
	text-align:right;
}

*.theme .timeline-ending{
 margin-bottom:-55px;
}

@media (min-width:768px){

*.theme	 .timeline{
		padding-left:30px;
		padding-right:30px;
	}

*.theme	 .timeline-decoration{
		position:absolute;
		width:1px;
		height:100%;
		z-index:99999;
		background-color:rgba(0,0,0,0.1);
		margin-left:32px;
	}

*.theme	 .timeline-icon{
		width:150px;
		height:100%;
		float:left;
		display:inline;
	}

*.theme	 .timeline-text{
		display:inline-block;
		padding-left:100px;
		margin-top:-52px;
	}


*.theme	 .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;
	}

*.theme	 .timeline-quote .title{
		font-size:14px;
		line-height:30px;
		font-weight:300;
		margin-bottom:20px;
		margin-top:-3px;
	}

}

/*	23. Coverpage  */

*.theme .coverpage .overlay{
	background-color:rgba(0,0,0,0.7);
}

*.theme .coverpage-bg1{
	background-image:url(../images/pictures/5.jpg);
	background-size:cover;
}

*.theme .coverpage-bg2{
	background-image:url(../images/pictures/6.jpg);
	background-size:cover;
}

*.theme .coverpage-bg3{
	background-image:url(../images/pictures/3.jpg);
	background-size:cover;
}

*.theme .coverpage-bg4{
	background-image:url(../images/pictures/4.jpg);
	background-size:cover;
}

*.theme .coverpage{
	position:relative;
	height:100%;
	width:100%;
	display:block;
}

*.theme .coverpage-content{
	width:100%;
}

@media (min-width:768px){
*.theme	 .coverpage-content p{
		width:40%!important;
		margin-left:auto;
		margin-right:auto;
	}
}

/*Style 1*/

*.theme .coverpage-style1 .coverpage-content{
	position:absolute;
	top:50%;
	z-index:99999;
	margin-top:-120px!important;
	width:100%;
	text-align:center;
}

*.theme .coverpage-style1 h1{
	font-size:40px;
	line-height:40px;
	font-weight:300;
	color:#FFFFFF;
}

*.theme .coverpage-style1 h4{
	font-size:14px;
	font-weight:300;
	color:#FFFFFF;
	opacity:0.5;
	margin-bottom:20px;
}

*.theme .coverpage-style1 p{
	color:#FFFFFF;
	opacity:0.7;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	font-weight:300;
}

*.theme .coverpage-content .coverpage-button{
	background-color:rgba(255,255,255,0.01);
	border:solid 2px #ffffff;
	width:120px;
	height:40px;
	line-height:36px;
	color:#FFFFFF;
	margin:0 auto;
	text-align:center;
	opacity:0.8;
	font-size:12px;
	font-weight:400;
	border-radius:5px;
}

*.theme .coverpage-button:hover{
    background-color:rgba(255,255,255,0.1);
}

/*Style 2*/

*.theme .coverpage-style2 .coverpage-content{
	position:absolute;
	z-index:99999;
	bottom:0px;
}

*.theme .coverpage-style2 h1{
	color:#FFFFFF;
	font-weight:300;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:5px;
	font-size:24px;
}

*.theme .coverpage-style2 h4{
	color:#FFFFFF;
	font-weight:300;
	opacity:0.5;
	font-size:14px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:10px;
}

*.theme .coverpage-style2 p{
	padding-left:30px;
	padding-right:30px;
	color:#FFFFFF;
	opacity:0.7;
	font-weight:300;
	margin-bottom:50px;
}

/*Coverpage Error*/

*.theme .coverpage-error .coverpage-content{
	position:absolute;
	top:50%;
	z-index:99999;
	margin-top:-140px;
	width:100%;
	text-align:center;
}

*.theme .coverpage-error h1{
	font-size:40px;
	line-height:40px;
	font-weight:300;
	color:#FFFFFF;
}

*.theme .coverpage-error h4{
	font-size:14px;
	font-weight:300;
	color:#FFFFFF;
	opacity:0.5;
	margin-bottom:20px;
}

*.theme .coverpage-error p{
	color:#FFFFFF;
	opacity:0.7;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	font-weight:300;
}

/*	24. Countdown  */


*.theme .coverpage-construction .coverpage-content{
	position:absolute;
	top:50%;
	z-index:99999;
	margin-top:-200px;
	width:100%;
	text-align:center;
}

*.theme .coverpage-construction h1{
	font-size:40px;
	line-height:40px;
	font-weight:300;
	color:#FFFFFF;
}

*.theme .coverpage-construction h4{
	font-size:14px;
	font-weight:300;
	color:#FFFFFF;
	opacity:0.5;
	margin-bottom:20px;
}

*.theme .coverpage-construction p{
	color:#FFFFFF;
	opacity:0.7;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	font-weight:300;
}

/*Coverpage Controls*/

*.theme .coverpage-controls {
	position:fixed;
	top:90px;
	left:20px;
	width:100%;
	z-index:999999;
}

*.theme .coverpage-controls a{
	font-size:10px;
	float:left;
	width:30px;
	height:30px;
	line-height:27px;
	border-radius:30px;
	border:solid 2px rgba(255,255,255,0.2);
	color:rgba(255,255,255,0.4);
	text-align:center;
	margin-left:10px;
	transition:all 200ms ease;
}

*.theme .coverpage-controls a:hover{
	color:rgba(255,255,255,1);
	transition:all 200ms ease;
}

*.theme .active-coverpage{
	color:#FFFFFF!important;
	transition:all 200ms ease;
}

/*Countdown*/

*.theme .countdown{
	display:block;
	width:225px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:80px;
}

*.theme .countdown-box{
	float:left;
}

*.theme .countdown-box span{
	display:block;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	text-transform:uppercase;
	color:#FFFFFF;
	opacity:0.5;
	font-weight:600!important;
}

*.theme .countdown-years{
	font-size:24px;
	font-weight:800;
	margin-left:15px;
	margin-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
	display:none;
}

*.theme .box-years span{
	display:none!important;
}

*.theme .countdown-days{
	font-size:28px;
	font-weight:500;
	margin-left:10px;
	margin-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
}

*.theme .countdown-hours{
	font-size:28px;
	font-weight:500;
	margin-left:10px;
	margin-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
}

*.theme .countdown-minutes{
	font-size:28px;
	font-weight:500;
	margin-left:10px;
	margin-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
}

*.theme .countdown-seconds{
	font-size:28px;
	font-weight:500;
	margin-left:10px;
	margin-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
}

/*	25. Notification Page */
*.theme .notification-page *{
    position:relative;
    display:block;
    overflow:hidden;
}

*.theme .notification-page{
	margin-top:30px;
}

*.theme .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;
}

*.theme .notification-page-item img{
	width:50px;
	height:50px;
	border-radius:50px;
	float:left;
	display:inline;
	margin-right:20px;
	margin-top:6px;
	margin-bottom:0px;
}

*.theme .notification-page-item em{
	font-size:13px;
	font-weight:400;
	display:block;
	font-style:normal;
	text-align:justify!important;
}

*.theme .notification-page-item a:last-child{
	border:none;
}

*.theme .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){
*.theme	 .notification-page-item{
		width:45%!important;
		float:left!important;
		margin-right:2.5%;
		margin-left:2.5%;
	}
}


/*	26. Login Box  */

*.theme .loginbox-wrapper{
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	z-index:99999;
}

*.theme .loginbox{
	position:fixed;
	display:block;
	width:280px;
	height:390px;
	top:50%;
	margin-top:-195px;
	left:50%;
	margin-left:-140px;
	background-color:rgba(255,255,255,0.9);
	z-index:999999;
	border-radius:5px;
}

*.theme .loginbox h2{
	padding-top:20px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:30px;
	font-weight:600;
}

*.theme .loginbox h4{
	font-weight:400;
	font-size:12px;
	margin-bottom:25px;
}

*.theme .loginbox-username{
	margin-bottom:20px;
	height:40px;
	width:85%;
	border:solid 2px rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.5);
	padding-left:20px;
	transition:all 400ms ease;
	margin-left:auto;
	margin-right:auto;
}

*.theme .loginbox-username:focus{
	border:solid 2px #27ae60;/*Green*/
	transition:all 400ms ease;
}

*.theme .loginbox-password{
	margin-bottom:30px;
	height:40px;
	width:85%;
	border:solid 2px rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.5);
	padding-left:20px;
	transition:all 400ms ease;
	margin-left:auto;
	margin-right:auto;
}

*.theme .loginbox-password:focus{
	border:solid 2px #27ae60;/*Green*/
	transition:all 400ms ease;
}

*.theme .loginbox .button{
	width:40%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

*.theme .loginbox em{
	margin-top:20px;
	display:block;
	text-align:center;
	font-style:normal;
	font-size:10px;
}

*.theme .loginbox .close-loginbox{
	width:100%;
	margin-top:15px;
	height:50px;
	border-top:solid 1px rgba(0,0,0,0.1);
	color:#1f1f1f;
	font-size:12px;
	line-height:45px;
	text-align:center;
}


/*Sign In Page*/

*.theme .signinbox{
    height:390px!important;
    margin-top:-195px!important;
}

*.theme .signinbox .close-loginbox{
    padding:0px;
    margin:0px;
}

*.theme .signinbox a{
    margin-bottom:15px;
    display:block;
    margin-left:20px;
    margin-right:20px;
    font-size:12px;
    height:45px;
    line-height:45px;
    padding-left:65px;
    color:#FFFFFF;
}

*.theme .signinbox i{
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    position:absolute;
    left:20px;
    border-right:1px solid rgba(255,255,255,0.5);
}

*.theme .signinbox a:hover{
    color:#FFFFFF;
}

*.theme .signin-facebook{
    background-color:#3b5998;
}

*.theme .signin-twitter{
    background-color:#4099FF;
}

*.theme .signin-google{
    background-color:#dd4b39;
}

*.theme .signin-login{
    background-color:#27ae60;
}

*.theme .signinbox .close-loginbox{
    padding-top:5px;
}
*.theme .signinbox .close-loginbox:hover{
    color:#1f1f1f;
}

/*	27. Portfolio */

*.theme .portfolio-wide{
    margin-top:0px;
}

*.theme .portfolio-wide a{
    position:relative;
    display:block;
}

*.theme .portfolio-wide-item img{
	margin:0px;
	padding:0px;
}

*.theme .portfolio-wide-item{
	margin-bottom:5px;
}

*.theme .portfolio-wide-item .overlay{
	background-color:rgba(0,0,0,0.7);
}

*.theme .portfolio-wide-item h3{
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-20px;
	z-index:99999;
	color:#FFFFFF;
	text-align:center;
	font-weight:500;
}

*.theme .portfolio-wide-item p{
	color:rgba(255,255,255,0.5);
	position:absolute;
	width:100%;
	top:50%;
	margin-top:0px;
	z-index:99999;
	text-align:center;
}

@media (min-width:768px){

*.theme	 .portfolio-wide-item{
		max-height:200px;
	}

*.theme	 .portfolio-wide-item h3{
		font-size:28px;
	}

*.theme	 .portfolio-wide-item p{
		font-size:14px;
		margin-top:20px;
	}
}


/* Sidebar Menu Structures */
/* DO NOT CHANGE!*/
/* The code is calibrated perfectly for all mobiles*/

/*Custom Code*/
*.theme .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);
}

*.theme .snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow-x:hidden;
}

*.theme .snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.35s ease;
     -moz-transition: width 0.35s ease;
      -ms-transition: width 0.35s ease;
       -o-transition: width 0.35s ease;
          transition: width 0.35s ease;
    overflow-x:hidden;
}

*.theme .snap-drawer-left {
  width:270px;
  left: 0;
  z-index: 1;
  transition:all 350ms ease-in-out;
}

*.theme .snap-drawer-right {
  width:270px;
  right: 0;
  z-index: 1;
  transition:all 350ms ease-in-out;
}

*.theme .snapjs-left .snap-drawer-right{
    right:-280px;
    transition:all 350ms ease-in-out;
}

*.theme .snapjs-right .snap-drawer-left {
  left:-280px;
  transition:all 350ms ease-in-out;
}

.snapjs-expand-left .snap-drawer-left,*.theme
*.theme .snapjs-expand-right .snap-drawer-right {
  width: 100%;
}

/*Snap.CSS*/

/* Show the "Drag" background in the demo */
*.theme #content {
	background-color:#FFFFFF;
	overflow-x:hidden;
}

/* Styles for fading out the drawer content in the "Expanding" demo */
*.theme .drawer-inner {
	-webkit-transition: opacity 0.35s ease;
	   -moz-transition: opacity 0.35s ease;
	    -ms-transition: opacity 0.35s ease;
	     -o-transition: opacity 0.35s ease;
	        transition: opacity 0.35s ease;
}

.snapjs-expand-left .drawer-inner,*.theme
*.theme .snapjs-expand-right .drawer-inner {
	opacity: 0;
}

/* Default demo styles */

*.theme #content{
    z-index:999999;
    box-shadow: 0px 0px 10px 0px rgba(0, 0,0,0.5);
}

*.theme .snap-drawers {
  background-image:url(../images/bg.png)!important;
}

*.theme .snap-drawer {
}

*.theme .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. Blog Post*/


@media(min-width:768px){
*.theme     .blog-posts{
        width:65%;
        float:left;
    }

*.theme     .blog-sidebar{
        margin-left:5%;
        width:30%;
        float:left;
    }
}

*.theme .blog-post-image img{
    display:block;
    width:100%;
}

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


*.theme .blog-post-date{
    width:50%;
    float:left;
}

*.theme .blog-post-text{
    margin-bottom:20px;
}

*.theme .blog-post-date i{
    margin-right:10px;
}

*.theme .blog-post-more{
    text-align:right;
}

*.theme .blog-post-more a i{
    margin-left:10px;
}


*.theme .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;
}

*.theme .blog-search:focus{
    border:solid 1px #27ae60;
    transition:all 200ms ease;
}

*.theme .blog-gallery li{
    width:50%!important;
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
    transition:all 200ms ease;
}

*.theme .blog-gallery li:hover{
    transform:scale(0.9,0.9);
    -webkit-transform:scale(0.9,0.9);
    transition:all 200ms ease;
}

*.theme .blog-gallery{
    margin-bottom:0px!important;
}

*.theme .blog-category{
    margin-bottom:0px;
}

*.theme .blog-category li a{
    color:rgba(0,0,0,0.6);
}

*.theme .blog-category li{
    list-style:none;
    line-height:24px;
    transition:all 200ms ease;
}

*.theme .blog-category li i{
    margin-right:20px;
}

*.theme .blog-category li:hover{
    padding-left:10px;
    transition:all 200ms ease;
}