/* Font Imports from Google Fonts*/

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

/*-------------*/
/*----Reset----*/ 
/*-------------*/
* {
	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;
}

.all-elements *{
    -webkit-text-size-adjust:none;
    -webkit-transform: translateZ(0);
    /* min-height:auto; */
    max-height:auto;
    width: 100%;
    border: none;
}

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, fieldset, textarea, input, label, iframe, code, pre {
	display: block;
	position:relative;
}

textarea, input { outline: none; }

input {
    -webkit-appearance: none!important;
    border-radius: 0!important;
    -webkit-border-radius:0px!important;
}

textarea {
    -webkit-appearance: none!important;
    border-radius: 0!important;
    -webkit-border-radius:0px!important;
}

/*------------------*/
/*------------------*/
/*----Typography----*/ 
/*------------------*/
/*------------------*/

p {
	margin-bottom: 30px;
	font-size: 13px;
	text-align: justify;
}

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

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

p > span {
	display: inline;
}

p strong{
    font-size:15px;
    color:#1f1f1f;
}

span > a {
	display: inline;
}

a > span {
	display: inline;
}

a {
    color:#2980b9;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

strong a, em a{
    display:inline;
}

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: #D8D8D8; */
}

ul {
	margin-bottom: 30px;
}

ul ul{
    margin-bottom:5px;
}

ol ol{
    margin-bottom:5px;
}

ol {
	margin-bottom: 30px;
}
li {
	line-height: 24px;
	margin-bottom:5px;
}
ol > li:last-child, ul > li:last-child {
    margin-bottom:0px;	
}

textarea{
    font-family: 'Open Sans', sans-serif;
}

/*-------------------------------------------*/
/*---Background and text colors and hovers---*/
/*-------------------------------------------*/

.bg-teal-light{ background-color: #1abc9c!important;}
.bg-teal-dark{  background-color: #16a085!important;}
.bg-hover-teal-light:hover{ background-color: #1abc9c!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-teal-dark:hover{  background-color: #16a085!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-teal-light{ color: #1abc9c;}
.color-teal-dark{  color: #16a085;}

.bg-green-light{background-color: #2ecc71!important;}
.bg-green-dark{background-color: #2abb67!important;}
.bg-hover-green-light:hover{background-color: #2ecc71!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-green-dark:hover{background-color: #2abb67!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-green-light{color: #2ecc71;}
.color-green-dark{color: #2abb67;}

.bg-blue-light{background-color: #3498db!important;}
.bg-blue-dark{background-color: #2980b9!important;}
.bg-hover-blue-light:hover{background-color: #3498db!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-blue-dark:hover{background-color: #2980b9!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-blue-light{color: #3498db;}
.color-blue-dark{color: #2980b9;}

.bg-magenta-light{background-color: #9b59b6!important;}
.bg-magenta-dark{background-color: #8e44ad!important;}
.bg-hover-magenta-light:hover{background-color: #9b59b6!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-magenta-dark:hover{background-color: #8e44ad!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-magenta-light{color: #9b59b6;}
.color-magenta-dark{color: #8e44ad;}

.bg-night-light{background-color: #34495e!important;}
.bg-night-dark{background-color: #2c3e50!important;}
.bg-hover-night-light:hover{background-color: #34495e!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-night-dark:hover{background-color: #2c3e50!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-night-light{color: #34495e;}
.color-night-dark{color: #2c3e50;}

.bg-yellow-light{background-color: #f1c40f!important;}
.bg-yellow-dark{background-color: #f39c12!important;}
.bg-hover-yellow-light:hover{background-color: #f1c40f!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-yellow-dark:hover{background-color: #f39c12!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-yellow-light{color: #f1c40f;}
.color-yellow-dark{color: #f39c12;}

.bg-orange-light{background-color: #e67e22!important;}
.bg-orange-dark{background-color: #d35400!important;}
.bg-hover-orange-light:hover{background-color: #e67e22!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-orange-dark:hover{background-color: #d35400!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-orange-light{color: #e67e22;}
.color-orange-dark{color: #d35400;}

.bg-red-light{background-color: #e74c3c!important;}
.bg-red-dark{background-color: #E6E6E6!important;}
.bg-hover-red-light:hover{background-color: #e74c3c!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-red-dark:hover{background-color: #c0392b!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-red-light{color: #e74c3c;}
.color-red-dark{color: #c0392b;}

.bg-gray-light{background-color: #bdc3c7!important;}
.bg-gray-dark{background-color: #95a5a6!important;}
.bg-hover-gray-light:hover{background-color: #bdc3c7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-gray-dark:hover{background-color: #95a5a6!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-gray-light{color: #bdc3c7;}
.color-gray-dark{olor: #95a5a6;}

.bg-white{background-color:#FFFFFF;}
.color-white{color:#FFFFFF;}

.bg-black{background-color:#000000;}
.color-black{color:#000000;}

.bg-green-light i, 
.bg-green-dark i,
.bg-teal-light i, 
.bg-teal-dark i, 
.bg-magenta-light i, 
.bg-magenta-dark i, 
.bg-yellow-light i, 
.bg-yellow-dark i, 
.bg-orange-light i, 
.bg-orange-dark i, 
.bg-red-dark i, 
.bg-red-light i, 
.bg-gray-light i, 
.bg-gray-dark i{
    color:#FFFFFF;
}


.cover-screen{background-size:cover; background-position: center center;}

.facebook-color{    background-color:#3b5998;    color:#FFFFFF;}
.twitter-color{     background-color:#4099ff;    color:#FFFFFF;}
.google-color{      background-color:#d34836;    color:#FFFFFF;}
.pinterest-color{   background-color:#C92228;    color:#FFFFFF;}
.sms-color{         background-color:#27ae60;    color:#FFFFFF;}
.mail-color{        background-color:#3498db;    color:#FFFFFF;}
.dribbble-color{    background-color:#EA4C89;    color:#FFFFFF;}
.tumblr-color{      background-color:#2C3D52;    color:#FFFFFF;}
.reddit-color{      background-color:#336699;    color:#FFFFFF;}
.youtube-color{     background-color:#D12827;    color:#FFFFFF;}
.phone-color{        background-color:#27ae60;    color:#FFFFFF;}

/*----------------------*/
/*---Heading Settings---*/
/*----------------------*/

h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', sans-serif;
    color:#1f1f1f;
    margin-bottom:10px;
}

.sub-heading{
    color:#4c4c4c;
    font-weight:500;
}

.small-heading{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:10px;
    display:block;
}

h1{
    font-size:24px;
    line-height:36px;
    font-weight:600;
}

h2{
    font-size:22px;
    line-height:44px;
    font-weight:600;
}

h3{
    font-size:20px;
    line-height:22px;
    font-weight:600;
}

h4{
    font-size: 14px;
    line-height:22px;
}

h5{
    font-size:16px;
    line-height:20px;
    font-weight:600;
}

h6{
    font-size:14px;
    line-height:30px;
    font-weight:600;
}

body{
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    line-height:30px;
    font-weight:400;
    color:#595959;
}

.highlighted{padding:4px 10px; margin-bottom:5px;}

/*-------------------------------*/
/*---Lists and Font Icon Lists---*/
/*-------------------------------*/

.font-icon-list li{
	list-style:none;
	padding-left:0px;
    margin-left:-20px;
	color:#666666;
	line-height:30px;
}

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

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

.font-icon-list i{
	margin-right:10px;	
    width:30px;
}
	

.icon-list{
    list-style: none;
    padding-left:0px;
}

.icon-list i{
    width:20px;
    text-align:center;
    margin-left:-5px;
}

.icon-list ul{
    padding-left:40px;
}

ul{
    padding-left:20px;
    list-style-type:disc;
}

ol{
    padding-left:20px;
    list-style-type: decimal;
}

ol ol{
    list-style-type:lower-alpha;
}

ol ol ol{
    list-style-type:disc;
}

/*--------------------*/
/*---Table Settings---*/
/*--------------------*/

.table{
	width:100%;
	margin-bottom:35px;
}

.table-title{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
}

.table-sub-title{
	font-family: 'Open Sans', 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;
}

/*---------------------------*/
/*---Custom Heading Styles---*/
/*---------------------------*/

.morphext > .animated {
    display: inline-block;
}

/*Heading Style 1*/

.heading-style-1,
.heading-style-2,
.heading-style-3,
.heading-style-4,
.heading-style-5{
    cursor:default;
}

.heading-style-1{
    margin-top:10px;
}

.heading-style-1 .heading-decoration{
    clear:both;
    display:block;
    height:4px;
    margin-top:13px;
}


.heading-style-1 a{
    color:#FFFFFF;
    z-index:2;
}

.heading-style-1 i{
    font-size:14px;
    margin-top:-5px;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    z-index:2;
    position:relative;
    color:#FFFFFF;
}

.heading-style-1 *{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;             
}

.heading-style-1 a{
    position:absolute;
    right:0px;
}

.heading-style-1 .heading-block{
    position:absolute;
    height:40px;
    width:40px;
    right:0px;
    top:-5px;
    z-index:1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*Heading Style 2*/

.heading-style-2{
    width:100%;
    padding-left:30px;
    padding-right:30px;
    padding-top:30px;
    padding-bottom:30px;
    background-size:cover;
}

.heading-style-2 .overlay{
    opacity:0.8;
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1;
}

.heading-style-2 .heading-title{
    z-index:2;
    position:relative;
    color:#FFFFFF;
    margin-bottom:5px;
}

.heading-style-2 .heading-subtitle{
    display:block;
    position:relative;
    color:#FFFFFF;
    z-index:2;
    opacity:0.6;
    font-style:normal;
    font-size:13px;
}

.heading-style-2 .heading-icon{
    float:right;
    font-size:35px;
    color:#FFFFFF;
    z-index:10;
    position:relative!important;
    display:inline-block!important;
    margin-top:-47px;
    opacity:0.9;
}

.heading-style-2{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;         
}

/*Heading Style 3*/

@media(max-width:768px){
    .heading-style-3{
        width:100%;
        padding-left:30px;
        padding-right:30px;
        padding-top:25px;
        padding-bottom:20px;
        background-size:cover;
    }    
}

@media(min-width:768px){
    .heading-style-3{
        width:100%;
        padding-left:30px;
        padding-right:30px;
        padding-top:35px;
        padding-bottom:30px;
        background-size:cover;
    }
}

.heading-style-3 .overlay{
    opacity:0.7;
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1;
}

.heading-style-3 .heading-title{
    z-index:2;
    position:relative;
    color:#FFFFFF;
    margin-bottom:0px;
    text-align:center;
    font-weight:500;
}

.heading-style-3 .heading-subtitle{
    display:block;
    position:relative;
    color:#FFFFFF;
    z-index:2;
    opacity:0.6;
    font-style:normal;
    font-size:13px;
    text-align:center;
}

.heading-style-3{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;         
}

/*Heading Style 4*/

.heading-style-4{
    padding-left:20px;
    padding-right:20px;
    text-align:center;
}

.heading-style-4 .heading-title{
    padding-bottom:5px;
}

.heading-style-4 .heading-subtitle{
    font-size:13px;
    line-height:35px;
}

.heading-style-4 .line{
    height:4px;
    width:70px;
    margin:15px auto;
    opacity:0.5;
}

.heading-style-4{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;         
}

/*Heading Style 5*/

.heading-style-5{
    padding-left:20px;
    padding-right:20px;
    text-align:center;
}

.heading-style-5 .heading-subtitle{
    font-size:14px;
    margin-bottom:20px;
}

.heading-style-5 .heading-icon{
    display:block;
    text-align:center;
    background-color:#FFFFFF;
    position:relative;
    z-index:1;
    width:60px;
    height:40px;
    line-height:40px;
    margin-left:auto;
    margin-right:auto;
    font-size:24px;
    display:block;
    overflow:hidden;
}

.heading-style-5 .line{
    height:1px;
    background-color:rgba(0,0,0,0.15);
    width:100%;
    margin-top:-20px;
    margin-bottom:30px;
}

.heading-style-5{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;         
}

/*Heading Style 6*/

.heading-style-6 .heading-title{
    margin-bottom:5px;
}

.heading-style-6 .heading-category{
    font-style:normal;
    font-size:12px;
    font-weight:500;
    padding-bottom:5px;
}

.heading-style-6 .heading-category a{
    display:inline;
    padding-left:5px;
}

.heading-style-6 .heading-subtitle{
    display:inline;
    font-style:normal;
    font-size:12px;
    margin-right:-2px;
}

.heading-style-6 .heading-subtitle a{
    display:inline;
    padding-left:5px;
    border-right:solid 2px #cacaca;
    padding-right:5px;
    margin-right:5px;
}

.heading-style-6 .heading-text{
    font-size:12px;
    margin-top:20px;
    line-height:31px;
}

/*-----------------*/
/*---Text Fields---*/
/*-----------------*/

.icon-field .text-field{
    padding-left:45px!important;
}

.icon-field i:first-child{
    position:absolute;
    top:15px;
    left:0px;
    width:40px;
    text-align:center;
}

.text-icon-field{
    margin-bottom:35px;
}

.text-icon-field .text-field{
    padding-left:45px!important;
}

.text-icon-field i:first-child{
    position:absolute;
    top:40px;
    left:0px;
    line-height:45px;
    height:45px;
    width:45px;
    text-align:center;
}

.text-icon-field h6{
    font-weight:500;
    float:left;
}

.text-icon-field em{
    letter-spacing:1px;
    opacity:0.5;
    float:right;
    font-size:10px;
    font-style:normal;
}

.text-field{
    width:100%;
	height:45px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	color:#666;
	border:solid 1px #cacaca;
    transition:all 250ms ease;
}

.green-field:focus{
    transition:all 250ms ease;
    border:solid 1px #2cc36b;
}

.red-field:focus{
    transition:all 250ms ease;
    border:solid 1px #c0392b;
}

/*-----------------------------*/
/*----Checkboxes and Radios----*/
/*-----------------------------*/

label{
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    cursor:pointer;
    margin-left:20px;
}

.checkbox{
    -moz-appearance:checkbox!important; /* Firefox */
    -webkit-appearance:checkbox!important; /* Safari and Chrome */
    appearance:checkbox!important;
    margin-left:10px;
    float:left;
    line-height:24px;
    margin-top:9px;
    margin-right:10px;
}

.radiobox{
    -moz-appearance:radio!important; /* Firefox */
    -webkit-appearance:radio!important; /* Safari and Chrome */
    appearance:radio!important;
    float:left;
    line-height:24px;
    margin-top:9px;
    margin-right:10px;
    margin-left:10px;
}

/*----------------------------*/
/*---Image & Video Settings---*/
/*----------------------------*/

.img-responsive{
    display:block;
    width:100%;
}

.responsive-image{
    display:block;
    width:100%;
}

.preload-image{
    display:none;
}

.responsive-video{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.responsive-video iframe, .responsive-video object, .responsive-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*----Content Classes and Responsive Settings----*/ 
/*-----------------------------------------------*/
/*-----------------------------------------------*/

.clear{clear:both!important;}
.last-column{margin-right:0%!important;}
.no-bottom{margin-bottom:0px!important;}
.half-bottom{margin-bottom:15px!important;}
.half-top{margin-top:15px!important;}
.full-bottom{margin-bottom:30px!important;}
.full-bottom-2{margin-bottom:40px!important;}
.full-top{margin-top:30px!important;}
.left-padding{padding-left:30px;}
.right-padding{padding-right:30px;}

.container:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.last-column:after{
	visibility: hidden!important;
	display: block!important;
	content: ""!important;
	clear: both!important;
	height: 0!important;    
}

.container{
    margin-bottom:30px;
    display:block;
}

.container-fullscreen{
    margin-bottom:30px;
}

.hide-if-mobile{
    display:none!important;
}

.hide-if-resposive{
    display:block!important;
}

.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.thin{font-weight:300!important;}
.thiner{font-weight:400!important;}
.bold{font-weight:600!important;}
.ultrabold{font-weight:1000!important;}

.small-text{font-size:12px;}
.smaller-text{font-size:13px;}
.larger-text{font-size:15px;}
.large-text{font-size:16px;}

.center-text{text-align:center; display:block;}
.left-text{text-align:left; display:block;}
.right-text{text-align:right; display:block;}

.center-text-mobile{text-align:center; display:block;}
.left-text-mobile{text-align:left; display:block;}
.right-text-mobile{text-align:right; display:block;}

.center-text-tablet{text-align:left; display:block;}
.left-text-tablet{text-align:left; display:block;}
.right-text-tablet{text-align:left; display:block;}

.space-left{padding-left:10px;}
.space-right{padding-right:10px;}

@media(min-width:750px){    
    .hide-if-mobile{
        display:block!important;   
    }
    
    .hide-if-responsive{
        display:none!important;   
    }
    
    .no-bottom-if-responsive{margin-bottom:0px!important; padding-bottom:0px!important;}
    .full-bottom-if-responsive{margin-bottom:30px!important;}
    .half-bottom-if-responsove{margin-bottom:10px!important;}
    
    .center-text-tablet{text-align:center;}
    .left-text-tablet{text-align:left;}
    .right-text-tablet{text-align:right;}
    
    .center-text-mobile{text-align:left;}
    .left-text-tablet{text-align:left;}
    .right-text-tablet{text-align:left;}
}

.decoration{
    height:1px;
    width:100%;
    display:block;
    background-color:rgba(0,0,0,0.1);
    margin-bottom:30px;
    clear:both;
}

@media(max-width:768px){
    .one-half{
        width:45%;
        float:left;
        margin-right:10%;
    }
    
    .one-third{
        width:28%;
        float:left;
        margin-right:8%;
    }    
    
    .one-half-responsive{width:100%;}
    .one-third-responsive{width:100%;} 
}

@media(min-width:767px){
    .one-half, .one-half-responsive{
        width:45%;
        float:left;
        margin-right:10%;
    }
    
    .one-third, .one-third-responsive{
        width:28%;
        float:left;
        margin-right:8%;
    }    
    
    .one-forth-responsive{
        float:left;
        width:20%;
        margin-right:5%;
    }
    
	.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%;	
	}
}

/*Animations*/

.scale-hover{
    -moz-transform: scale(1 1);
    -webkit-transform: scale(1 1);
    -o-transform: scale(1 1);
    -ms-transform: scale(1 1);
    transform: scale(1 1);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.scale-hover:hover{
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);




    transform: scale(1.1, 1.1);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

/*-------------------------------*/
/*-------------------------------*/
/*----Blockquotes and Reviews----*/ 
/*-------------------------------*/
/*-------------------------------*/

/*Quote 1*/
.quote-1 .quote-text{
    font-size:15px;
    display:block;
    font-weight:400;
    color:rgba(0,0,0,0.7);
    text-align:center;
}

.quote-1 .quote-image{
    width:130px!important;
    height:130px;
    border-radius:100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.quote-1 .quote-author{
    font-size:18px;
    display:block;
    text-align:center;
    padding-top:0px;
    color:#1f1f1f;
}

.quote-1 .quote-rating{
    width:115px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
}

.quote-1 i{
    color:#f39c12;
    font-size:16px;
    margin-right:5px;
}

.quote-1 .quote-title{
    font-size:11px;
    display:block;
    margin-bottom:10px;
    font-style:normal;
    text-align:center;
}

/*Quote 2*/
.quote-2 .quote-image{
    width:70px!important;
    height:70px;
    border-radius:70px;
    float:left;
    margin-right:20px;
}

.quote-2 .quote-author{
    font-size:16px;
    color:#1f1f1f;
    display:block;
    padding-top:5px;
}

.quote-2 .quote-rating{
    float:left;
    display:block;
    width:150px;
}

.quote-2 em i{
    font-size:16px;
    color:#f39c12;
    margin-right:5px;
}

.quote-2 .quote-text{
    font-weight:400;
    color:rgba(0,0,0,0.7);   
    padding-top:10px;
    font-size:15px;
    font-style:italic;
}

.quote-2 .quote-title{
    font-size:11px;
    display:block;
    margin-bottom:10px;
    font-style:normal;
    text-align:right;
    margin-top:-15px;
}

/*Quote 3*/
.quote-3 .fa-quote-left{
    font-size:20px;
    display:block;
    text-align:left;
    position:absolute;
    margin-top:10px;
}

.quote-3 p{
    margin-bottom:0px;
    padding-left:50px;
}

.quote-3 .quote-author{
    display:block;
    text-align:right;
    color:#1f1f1f;
    margin-top:20px;
}

/*Quote 4*/
.quote-4 .fa-quote-right{
    font-size:20px;
    display:block;
    text-align:left;
    position:absolute;
    right:0px;
    margin-top:10px;
}

.quote-4 p{
    margin-bottom:0px;
    padding-right:50px;
}

.quote-4 .quote-author{
    display:block;
    text-align:left;
    color:#1f1f1f;
    margin-top:20px;
}

/*Quote 5*/
.quote-5{
    border-left:solid 5px #e34e47;
    padding-left:20px;
}

.quote-5 p{
    font-style:italic;
    font-size:15px;
    padding-top:10px;
    margin-bottom:0px;
}

.quote-5 strong{
    display:block;
    text-align:right;
    font-size:13px;
    font-weight:500;
    margin-top:-10px;
    padding-bottom:0px;
}

/*----------------------*/
/*----------------------*/
/*-----User Reviews-----*/
/*----------------------*/
/*----------------------*/

/* Review 1*/

.review-1 strong{
    color:#1f1f1f;
    font-size:28px;
    padding-right:10px;
}

.review-1 em{
    color:#1f1f1f;
    font-weight:600;
    font-size:13px;
    font-style:normal;
}

.review-1 .review-stars i{
    color:#f3a01b;
    font-size:18px;
    padding-bottom:20px;
    padding-top:5px;
    padding-right:5px;
}

.review-1 .review-image{
    position:absolute;
    right:0px;
    top:0px;
    width:55px;
    height:55px;
    border-radius:55px;
}

.review-1 p{
    font-size:16px;
    line-height:36px;
    font-style:italic;
    font-weight:300;
    letter-spacing:-0.6px;
    color:#343434;
    margin-bottom:10px;
}

.review-1 a{
    text-align:right;
    font-size:13px;
    font-weight:500;
}

/* Review 2*/

.review-2 strong{
    color:#1f1f1f;
    font-size:43px;
    line-height:50px;
}

.review-2 em{
    position:absolute;

    top:0px;
    left:100px;
    font-size:10px;
    font-style:normal;
}

.review-2 .review-stars{
    position:absolute;
    top:20px;
    left:100px;
}

.review-2 .review-image{
    width:50px;
    height:50px;
    position:absolute;
    right:0px;
    top:0px;
    border-radius:50px;
}

.review-2 .review-stars i{
    color:#f3a01b;
    font-size:14px;
}

.review-2 p{
    margin-top:20px;
    font-size:16px;
    line-height:36px;
    font-style:italic;
    font-weight:300;
    letter-spacing:-0.6px;
    color:#343434;
    margin-bottom:15px;
}

.review-2 a{
    text-align:right;
    font-size:13px;
    font-weight:500;
}

/*Review 3*/

.review-3 .review-line i{
    color:#f39c12;
    float:right;
    padding-top:10px;  
    width:22px;
    text-align:center;
}

.review-3 .review-line strong{
    color:#1f1f1f;
}

.review-3 .review-line{
    margin-bottom:10px;
}

.review-3 .review-line-last{
    margin-bottom:30px;
}

.review-3 .review-line-last i{
    color:#d35400;
    float:right;
    padding-top:10px;  
    width:22px;
    text-align:center;
}

.review-3 .review-line-last strong{
    color:#1f1f1f;
}

.review-3 h4{
    font-size:16px;
    margin-bottom:0px;
}

.review-3 h5{
    font-size:12px;
    color:#666666;
    font-weight:400;
}

.review-3 p{
    font-style:italic;
}

/*Review 4*/

.review-4 img{
    position:absolute;
    width:60px;
    height:60px;
    border-radius:70px;
    top:-10px;
}

.review-4 h4{
    color:#1f1f1f;
    text-align:right;
    margin-top:40px;
    margin-left:80px;
    margin-bottom:0px;
}

.review-4 .review-stars{
    float:right;
    margin-left:80px;
    padding-bottom:20px;
}


.review-4 .review-stars i{
    color:#f39c12;
    padding-right:5px;
    font-size:16px;
}

.review-4 p strong{
    display:block;
    color:#1f1f1f;
    font-size:16px;
}

/*Review 5*/

.review-5 img{
    position:absolute;
    width:60px;
    height:60px;
    border-radius:70px;
    top:-10px;
    right:0px;
}

.review-5 h4{
    color:#1f1f1f;
    margin-top:40px;
    margin-bottom:0px;
}

.review-5 .review-stars{
    padding-bottom:20px;
}

.review-5 .review-stars i{
    color:#f39c12;
    padding-right:5px;
    font-size:16px;
}

.review-5 p strong{
    display:block;
    color:#1f1f1f;
    font-size:16px;
}

/*Review 6*/

.review-6 h4{
    font-weight:300;
    font-style:italic;
    line-height:40px;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    color:#333333;
}

.review-6 strong{
    text-align:center;
    display:block;
    color:#1f1f1f;
    font-weight:700;
    font-size:15px;
    padding-top:10px;
}

.review-6 .review-stars{
    width:149px;
    margin-left:auto;
    margin-right:auto;
}

.review-6 .review-stars i{
    color:#f39c12;
    padding-right:5px;
    padding-left:5px;
    font-size:18px;
}

.review-6 .fa-quote-right{
    display:block;
    font-size:24px;
    padding-bottom:10px;
}

/*------------------*/
/*------------------*/
/*-----Dropcaps-----*/
/*------------------*/
/*------------------*/

.dropcaps-1:first-letter{
    float:left;
    font-size:57px;
    padding-top:14px!important;
    padding-right:15px;
    font-weight:800;
    color:#1f1f1f;
}

.dropcaps-2:first-letter{
    font-family: 'Open Sans', sans-serif;
    float:left;
    font-size:42px;
    padding-top:18px!important;
    padding-right:15px;
    font-weight:800;
    color:#1f1f1f;
}

.dropcaps-3:first-letter{
    background-color:#1f1f1f;
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    margin-right:12px;
    margin-top:5px;
    float:left;
    font-size:24px;
    font-weight:800;
    color:#FFFFFF;
}

.dropcaps-4:first-letter{
    font-family: 'Open Sans', sans-serif;
    font-weight:800!important;
    background-color:#1f1f1f;
    padding:8px;
    padding-left:12px;
    padding-right:12px;
    margin-right:12px;
    margin-top:5px;
    float:left;
    font-size:20px;
    font-weight:400;
    color:#FFFFFF;
}

/*-----------------------*/
/*-----------------------*/
/*----Calendar Design----*/ 
/*-----------------------*/
/*-----------------------*/

.calendar{
    margin-bottom:30px;
    display:block;
    overflow:hidden;
}

calendar*{
    display:block;
    overflow:hidden;
}


.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:90px;
    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;
}

/*----------------------*/
/*----------------------*/
/*----Page Preloader----*/ 
/*----------------------*/
/*----------------------*/

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

#status {
	position:fixed;
	z-index:99999999;
	width:250px;
	height:280px;
	position:absolute;
	left:50%; 
	top:50%; 
    padding-bottom:40px;
	background-image:url(../images/framework/page-loader.gif); 
	background-size:64px 64px;
	background-repeat:no-repeat;
	background-position:center bottom;
	margin:-125px 0 0 -125px; 
}

.preloader-logo{
    background-image:url(../images/preload-logo.png);
    background-size:75px 75px;
    height:75px;
    width:75px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}

#preloader h3{
    margin-bottom:5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}


#status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
}

/*------------*/
/*------------*/
/*----Tabs----*/ 
/*------------*/
/*------------*/

ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    pointer-events:all;
    color: #222;
    display: inline-block;
    padding: 8px 15px;
    cursor: pointer;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    margin-bottom:0px;
}

ul.tabs li.active-tab{
    pointer:cursor;
    pointer-events:none;
    background: rgba(255,255,255,1);
    color: #222;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
}


.tab-content{
    display: none;
    background: rgba(255,255,255,1);
    padding: 15px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
}

.active-tab-content{
    display:block
}

/*-----------------*/
/*-----------------*/
/*----Accordion----*/ 
/*-----------------*/
/*-----------------*/

.accordion-toggle {
    border-bottom:solid 1px rgba(0,0,0,0.1);
    cursor: pointer;
    font-size:14px;
    height:60px;
    line-height:60px;
    font-weight:500;
}

.accordion-toggle i{
    float:right;
    line-height:60px;
    height:60px;
    margin-top:0px;
    width:40px;
    text-align:center;
    margin-right:-10px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);  
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.accordion-content {
    display: none;
    padding-bottom:10px;
}
.accordion-content.active-accordion {
    display: block;
}

.accordion-toggle{
    margin-top:10px;
}

.accordion-content p{
    margin-bottom:-10px; 
    padding-top:15px;
    padding-bottom:15px;
    padding-left:0px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.accordion-toggle{
    margin-bottom:0px;
    margin-top:0px;
}

.rotate-180{
    -moz-transform: rotate(180deg)!important;
    -webkit-transform: rotate(180deg)!important;
    -o-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important;  
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.rotate-90{
    -moz-transform: rotate(90deg)!important;
    -webkit-transform: rotate(90deg)!important;
    -o-transform: rotate(90deg)!important;
    -ms-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important;  
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/*---------------*/
/*---------------*/
/*----Toggles----*/ 
/*---------------*/
/*---------------*/

.toggle{
    border-bottom:solid 1px rgba(0,0,0,0.0);   
}

.toggle a:first-child{
    height:50px;
    line-height:50px;
    color:#1f1f1f;
    font-weight:500;
    font-size:15px;
    display:block;
    width:100%;
}

.active-toggle .toggle-content{
    display:block;
}

.toggle-content{
    display:none;
    padding-top:0px;
    padding-bottom:20px;
}

.toggle-content p{
    padding-bottom:0px;
    margin-bottom:0px;
}

.toggle i{
    font-size:10px!important;
    pointer-events:none;
    position:absolute;
    top:-5px;
    width:20px;
    height:60px;
    line-height:60px;
    text-align:center;
    right:0px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);  
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.rotate-toggle{
    color:#c0392b;
    -moz-transform: rotate(45deg)!important;
    -webkit-transform: rotate(45deg)!important;
    -o-transform: rotate(45deg)!important;
    -ms-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important;  
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;    
}

/*-----------------------------*/
/*-----------------------------*/
/*----Mobile Style Switches----*/ 
/*-----------------------------*/
/*-----------------------------*/

.switch-box h4{
    font-size:15px;
    line-height:29px;
    float:left;
    font-weight:600;
    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;
    font-size:13px;
}

/*Switch 1*/

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

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

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

.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:-4px;
    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:-4px;
}

/*---------------------*/
/*---------------------*/
/*----Notifications----*/ 
/*---------------------*/
/*---------------------*/

.static-notification{
    padding:15px;
    margin-bottom:30px;
}

.static-notification h6{
    color:#FFFFFF;
    font-weight:500;
    padding-bottom:10px;
    border-bottom:solid 1px rgba(255,255,255,0.3);
}

.static-notification-icon{
    padding-right:20px;
}

.static-notification p{
    font-size:12px;
    margin-bottom:0px;
    color:rgba(255,255,255,0.8);
}

.static-notification-close{
    width:50px;
    height:50px;
    color:#FFFFFF;
    position:absolute;
    top:5px;
    right:0px;
}

.static-notification-close{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}

.tap-dismiss i{
    font-size:20px;
    color:#FFFFFF;
    position:absolute;
    height:60px;
    top:-15px;
    line-height:60px;
    width:60px;
    text-align:center;
    left:-15px;
}

.tap-dismiss p{
    padding-left:50px;
}

/*-------------------------*/
/*---Fixed Notifications---*/
/*-------------------------*/

/*top*/
.top-notification{
    display:none;
    z-index:999999;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    width:100%;
    padding:15px 20px;
}

@media(min-width:568px){
    .top-notification{
        width:600px;   
        left:50%;
        margin-left:-300px;
        top:0px;
    }
}

.top-notification h4{
    color:#FFFFFF;
    font-size:15px;
    margin-bottom:5px;
}

.top-notification p{
    color:#FFFFFF;
    font-size:12px;
    margin-bottom:0px;
}

.top-notification a{
    color:#FFFFFF;
    text-decoration:underline;
}

.top-notification .close-top-notification{
    width:50px;
    height:50px;
    position:absolute;
    right:0px;
    top:0px;
}

.top-notification .close-top-notification i{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}

/*bottom*/
.bottom-notification{
    display:none;
    z-index:9999;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    width:100%;
    padding:15px 20px;
}

@media(min-width:568px){
    .bottom-notification{
        width:600px;   
        left:50%;
        margin-left:-300px;
        bottom:0px;
    }
}

.bottom-notification h4{
    color:#FFFFFF;
    font-size:15px;
    margin-bottom:5px;
}

.bottom-notification p{
    color:#FFFFFF;
    font-size:12px;
    margin-bottom:0px;
}

.bottom-notification a{
    color:#FFFFFF;
    text-decoration:underline;
}

.bottom-notification .close-bottom-notification{
    width:50px;
    height:50px;
    position:absolute;
    right:0px;
    top:0px;
}

.bottom-notification .close-bottom-notification i{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}

/*----------------------*/
/*----------------------*/
/*----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:13px;
	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:13px;
	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;
}

.speach-status{
    font-size:11px;
    font-weight:500;
    float:right;
    margin-top:-25px;
    position:relative;
    display:inline;
}

.speach-status i{
    padding-right:5px;
}

.speach-status img{
    width:15px;
    height:15px;
    border-radius:10px;
    float:right;
    margin-top:7px;
    margin-left:10px;
    display:inline;
}

/*--------------*/
/*--------------*/
/*----Charts----*/ 
/*--------------*/
/*--------------*/

.chart-center{
    margin-left:auto;
    margin-right:auto;
}

.chart div{
	overflow:hidden!important;
}

.chart strong{
	font-size:13px;
	text-align:left;
	font-weight:600;
	font-family: 'Open Sans', 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: 'Open Sans', 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%;}
.p95{width:95%;}
.p90{width:90%;}
.p85{width:85%;}
.p80{width:80%;}
.p75{width:75%;}
.p70{width:70%;}
.p65{width:65%;}
.p60{width:60%;}
.p55{width:55%;}
.p50{width:50%;}
.p45{width:45%;}
.p40{width:40%;}
.p35{width:35%;}
.p30{width:30%;}
.p25{width:25%;}
.p20{width:20%;}
.p15{width:15%;}
.p10{width:10%;}
.p5{width:5%;}
.p0{width:0%;}

/*---------------*/
/*---------------*/
/*----Buttons----*/ 
/*---------------*/
/*---------------*/

.button{
    font-size:12px;
    font-weight:500;
    letter-spacing:0.6px;
    display:inline-block;
    padding:8px 18px;
    margin-bottom:15px;
    margin-right:12px;
}

.button-icon i{
    position:absolute;
    width:10px;
    height:10px;
    line-height:10px;
    left:15px;
    top:50%;
    margin-top:-5px;
}

.button-icon{
    padding-left:40px;
}

.button-small{
    display:inline-block;
    padding:5px 15px;
    margin-bottom:15px;
    margin-right:12px;
    font-size:12px;
}

.button-xl{
    font-size:16px;
    padding:12px 30px;
}

.button-l{
    font-size:15px;
    padding:10px 30px;
}

.button-s{
    font-size:13px;
    padding:8px 20px;
}

.button-xs{
    font-size:11px;
    padding:6px 15px;
}

.button-fullscreen{
    width:100%!important;
    display:block;
    text-align:center;
}

.social-button{
    height:45px;
    display:inline-block;
    padding-right:30px;
    padding-left:45px;
    margin-bottom:10px;
    margin-right:5px;
    line-height:45px;
    font-weight:500;
    font-size:12px;
    width:115px;
}

.social-button-fullscreen{
    height:45px;
    display:block;
    padding-right:30px;
    padding-left:45px;
    margin-bottom:10px;
    margin-right:5px;
    line-height:45px;
    font-weight:500;
    font-size:12px;
    width:100%;
}

.social-button i, .social-button-fullscreen i{
    position:absolute;
    height:45px;
    width:45px;
    line-height:45px;
    text-align:center;
    font-size:18px;
    left:0px;
    margin-top:1px;
}

.social-ball{
    border-radius:45px;
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.social-square{
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.social-ball i{
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.social-square i{
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.button-round{border-radius:5px;}

.button,
.button:hover,
.button-round,
.button-round:hover{
    transition:all 200ms ease;
}

.teal-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #117562;}
.button-teal{			background-color:#16a085; color:#FFFFFF;}
.button-teal:hover{		background-color:#1abc9c;}

.green-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #1e8248;}
.button-green{background-color: #E6E6E6;color: #333333;}
.button-green:hover{	background-color:#2ecc71;}

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

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

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

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

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

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

.light-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #868a8c;}
.button-light{			background-color:#bdc3c7; color:#1f1f1f;}
.button-light:hover{	background-color:#ecf0f1;}

.grey-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #474d4e;}
.button-grey{			background-color:#7f8c8d; color:#FFFFFF;}
.button-grey:hover{		background-color:#95a5a6;}

.button i{
    padding-right:10px;
}

.button-center{
    width:120px;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center;
    display:block;
    margin-bottom:30px;
}

.button-right{
    float:right;
}

.button-right:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.read-more-link{
    text-align:right;
}

.read-more-link i{
    padding-right:20px;
}

.button-cover{
    padding-top:5px;
    padding-bottom:5px;
    font-size:12px;
    border-radius:5px;
    color:#FFFFFF;
    border:solid 1px rgba(255,255,255,0.5);
    transition:all 200ms ease;
    margin-right:0px;
    margin-left:0px;
}

.button-cover:hover{
    background-color:rgba(255,255,255,0.05);
    transition:all 200ms ease;
}

/*-------------------*/
/*---Login Buttons---*/
/*-------------------*/

.facebook-login, 
.twitter-login, 
.google-login{
    height:50px;
    line-height:50px;
    padding-left:20px;
    padding-right:20px;
    margin-top:8px;
    margin-bottom:8px;
    font-size:12px;
    text-align:center;
    transition:all 250ms ease;
}

.facebook-login:hover, 
.twitter-login:hover, 
.google-login:hover{
    opacity:0.9;
    transition:all 250ms ease;
}

.facebook-login i, 
.twitter-login i, 
.google-login i{
    width:10px;
    margin-right:20px;
    position:absolute;
    left:20px;
    top:18px;
    font-size:16px;
}

/*--------------------*/
/*--------------------*/
/*----This or That----*/ 
/*--------------------*/
/*--------------------*/

/*Style 1*/

.or-buttons-style-1{
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

.or-buttons-style-1 a:first-child{
    width:108px;
    text-align:center;
    float:left;
    margin-right:30px;
    margin-bottom:0px;
    margin-left:0px;
    font-size:13px;
}

.or-buttons-style-1 em{
    position:relative;
    z-index:10;
    float:left;
    background-color:#FFFFFF;
    padding:7px 5px;
    font-size:12px;
}

.or-buttons-style-1 strong{
    position:absolute;
    margin-top:22px;
    margin-left:121px;
    display:block;
    height:1px;
    width:50px;
    background-color:rgba(0,0,0,0.2);
}

.or-buttons-style-1 a:last-child{
    width:108px;
    text-align:center;
    float:left;
    margin-left:30px;
    margin-bottom:0px;
    margin-right:0px;
    font-size:13px;
}

/*Style 2*/

.or-buttons-style-2{
    margin-left:auto;
    margin-right:auto;
}

.or-buttons-style-2 a:first-child{
    width:200px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;
    margin-bottom:0px;
    font-size:13px;
}

.or-buttons-style-2 em{
    position:relative;
    z-index:10;
    background-color:#FFFFFF;
    padding:5px;
    font-size:12px;
    display:block;
    width:30px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.or-buttons-style-2 strong{
    position:absolute;
    margin-top:-20px;
    left:50%;
    margin-left:-75px;
    display:block;
    height:1px;
    width:150px;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(202,202,202,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(202,202,202,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.or-buttons-style-2 a:last-child{
    width:200px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;
    margin-bottom:0px;
    font-size:13px;
}

/*Style 3*/

.or-buttons-style-3 em{
    position:relative;
    z-index:10;
    background-color:#FFFFFF;
    padding:5px;
    font-size:14px;
    display:block;
    width:40px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.or-buttons-style-3 strong{
    position:absolute;
    margin-top:-20px;
    left:50%;
    margin-left:-100px;
    display:block;
    height:1px;
    width:200px;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(202,202,202,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(202,202,202,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(202,202,202,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

/*-------------------*/
/*-------------------*/
/*----Modal Forms----*/ 
/*-------------------*/
/*-------------------*/

.rounded-modal{border-radius:10px;}
.squared-modal{border-radius:0px;}

/*-----------------------*/
/*---Simple Modal Form---*/
/*-----------------------*/

#simplemodal-overlay {background-color:#000;}

.simple-modal-content{
    display:none;
    background-color:rgba(255,255,255,0.9);
    margin-top:20px;
    padding-bottom:2px;
}

@media (max-width:350px){
    #simplemodal-container{
        width:300px!important;   
    }
}

@media (min-width:355px){
    #simplemodal-container{
        width:340px!important;
    }
}

.simple-modal-content h4{
    padding:20px;
    padding-bottom:10px;
}

.simple-modal-content p{
    padding:20px;
    padding-top:0px;
    padding-bottom:0px;
}

/*-----------------------*/
/*---Social Modal Form---*/
/*-----------------------*/

.social-login-modal-content{
    display:none;
    padding-bottom:2px;
}

.login-modal-wrapper{
    background-color:rgba(255,255,255,0.9);
    border-radius:10px;
    padding:20px 40px;
}

.login-modal-wrapper h4{
    text-align:center;
    padding-bottom:10px;
}

.facebook-connect{background-color:#3b5998;}
.twitter-connect{background-color:#4099ff;}
.google-connect{background-color:#d34836;}

/*----------------------*/
/*---Login Modal Form---*/
/*----------------------*/

.login-modal-wrapper .facebook-connect, .google-connect, .twitter-connect{
    color:#FFFFFF;
    border-radius:5px;
    font-size:11px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:40px;
    padding-right:20px;
    margin-bottom:10px;
    text-align:center;
}

.login-modal-wrapper .facebook-connect i, .google-connect i, .twitter-connect i{
    width:10px;
    font-size:14px;
    position:absolute;
    width:35px;
    height:35px;
    top:1px;
    left:5px;
    text-align:center;
    line-height:35px;
}

.login-modal-wrapper em{
    font-family:'Crete Round', sans-serif;
    display:block;
    text-align:center;
    font-size:12px;
    margin-bottom:0px;
}

.login-modal-user, .login-modal-pass{
    width:100%;
    height:40px;
    border-bottom:solid 1px #cacaca;
    margin-bottom:10px;
    font-size:13px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    background-color:transparent;
}

.login-modal-user:focus, .login-modal-pass:focus{
    border-bottom:solid 1px #27ae60;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.login-modal-wrapper .login-button{
    width:45%;
    margin-right:10%;
    color:#FFFFFF;
    text-align:center;
    height:35px;
    line-height:35px;
    border-radius:5px;
    margin-bottom:10px;
    font-size:12px;
    margin-top:20px;
    float:left;
}

.login-modal-wrapper .login-close{
    float:left;
    width:45%;
    color:#FFFFFF;
    text-align:center;
    height:35px;
    line-height:35px;
    border-radius:5px;
    margin-bottom:10px;
    font-size:12px;
    margin-top:20px;
}

.login-modal-wrapper .login-forgot{
    font-size:12px;
    text-align:center;
    font-weight:500;
    color:#666;
    margin-top:10px;
}

/*------------------*/
/*---Simple Login---*/
/*------------------*/

.simple-login-modal-content{
    display:none;
}

/*--------------------------*/
/*---Social Profile Modal---*/
/*--------------------------*/

.social-profile-modal-content{
    display:none;
    background-color:rgba(255,255,255,0.9);
    padding:20px;
    padding-top:30px;
    padding-bottom:2px;
}

.social-profile-modal-content img{
    width:100px;
    height:100px;
    border-radius:140px;
    margin-left:auto;
    margin-right:auto;
}

.social-profile-modal-content h3{

    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}

.social-profile-modal-content strong{
    font-weight:400;
    text-align:center;
    display:block;
    font-size:13px;
    margin-top:-10px;
    margin-bottom:20px;
}

.social-profile-modal-content .social-profiles{
    width:230px;
    margin-left:auto;
    margin-right:auto;
}

.facebook-profile{
    width:65px;
    height:65px;
    float:left;
    margin:0px 5px;
    margin-bottom:40px;
    text-align:center;
    font-size:13px;
    line-height:40px;
    color:#1f1f1f;
}

.facebook-profile i{
    display:block;
    width:45px;
    height:45px;
    border-radius:45px;
    line-height:45px;
    text-align:center;
    background-color:#3b5998;
    color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

.facebook-profile em{
    display:block;
    text-align:center;
    font-size:12px;
    font-style:normal;
    color:#1f1f1f;
}

.twitter-profile{
    width:65px;
    height:65px;
    float:left;
    margin:0px 5px;
    margin-bottom:40px;
    text-align:center;
    font-size:13px;
    line-height:40px;
    color:#1f1f1f;
}

.twitter-profile i{
    display:block;
    width:45px;
    height:45px;
    border-radius:45px;
    line-height:45px;
    text-align:center;
    background-color:#4099ff;
    color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

.twitter-profile em{
    display:block;
    text-align:center;
    font-size:12px;
    font-style:normal;
    color:#1f1f1f;
}

.google-profile{
    width:65px;
    height:65px;
    float:left;
    margin:0px 5px;
    margin-bottom:40px;
    text-align:center;
    font-size:13px;
    line-height:40px;
    color:#1f1f1f;
}

.google-profile i{
    display:block;
    width:45px;
    height:45px;
    border-radius:45px;
    line-height:45px;
    text-align:center;
    background-color:#d34836;
    color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

.google-profile em{
    display:block;
    text-align:center;
    font-size:12px;
    font-style:normal;
    color:#1f1f1f;
}

/*--------------------*/
/*--------------------*/
/*----Share Bottom----*/ 
/*--------------------*/
/*--------------------*/


@media (min-width:768px){
    .share-socials-bottom{
        width:600px!important;   
    }
}

.share-bottom{
    position:fixed;
    left:20px;
    right:20px;
    z-index:99999;
    background-color:#FFFFFF;
    padding-top:15px;
    padding-bottom:15px;
    border-top:solid 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
    bottom:-380px;
    transition:all 350ms ease;
}

.active-share-bottom{
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
    bottom:20px!important;
    transition:all 350ms ease;
}

.share-bottom h3{
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:15px;
    padding-top:0px;
    border-bottom:solid 1px rgba(0,0,0,0.08);
}

.share-socials-bottom{
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

.share-socials-bottom a{
    font-family:'Roboto', serif;
    font-size:13px!important;
    font-weight:500;
    color:#1f1f1f;
    float:left;
    width:60px;
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    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{
    font-family:'Roboto', serif;
    display:block;
    text-align:center;
    padding-top:15px;
    margin-top:10px;
    border-top:solid 1px rgba(0,0,0,0.08);
    text-transform:uppercase;
    font-size:13px;
    font-weight:600;
    color:#1f1f1f;
    transition:all 250ms ease;
    width:100%;
    text-align:center;
    height:50px;
    margin-bottom:-15px;
    padding-top:10px;
}

.close-share-bottom:hover{
    color:rgba(0,0,0,0.6);
    transition:all 250ms ease;
}

/*------------------------*/
/*------------------------*/
/*----Device Detection----*/ 
/*------------------------*/
/*------------------------*/

.device-detected img{
    width:101px;
    height:101px;
    margin-left:auto;
    margin-right:auto;
}

.device-detected h5{
    text-align:Center;
    padding-top:20px;
}

.device-detected p{
    text-align:center;
    padding-left:20px;
    padding-right:20px;
}

/*----------------------------*/
/*----------------------------*/
/*----Animated Back To Top----*/ 
/*----------------------------*/
/*----------------------------*/

.back-to-top-badge{
    opacity:0;
    width: 40px;
    height: 40px;
    font-size:12px;
    position:fixed;
    z-index:9999;
    left: 44%;
    margin-left: auto;
    top:30px;
    margin-right: auto;
    color:#FFFFFF;
    text-align:center;
     /* Old browsers */
     /* FF3.6+ */
     /* Chrome,Safari4+ */
     /* Chrome10+,Safari5.1+ */
     /* Opera 11.10+ */
     /* IE10+ */
     /* W3C */
     /* IE6-9 */
    transition: all 250ms ease-in-out;
    pointer-events:none;
}

.back-to-top-badge i{
    padding-right:10px;
    line-height:30px;
    text-align:center;
    width:20px;
}

.back-to-top-badge:hover{
    color:#FFFFFF;
}

.back-to-top-badge-visible{
    opacity:1;
    pointer-events:all;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/*-------------*/
/*-------------*/
/*---Userlist--*/
/*-------------*/
/*-------------*/

.user-list-item img{    
    float:left;
    width:50px;
    height:50px;
    border-radius:50px;
    margin-top:3px;
}

.user-list-item strong{
    color:#1f1f1f;
    margin-left:60px;
    font-size:15px;
    margin-bottom:0px;
    margin-top:-5px;
    display:block;
}

.user-list-item em{
    display:block;
    font-size:12px;
    padding-left:60px;
    font-style:normal;
    color:#666666;
    font-weight:500;

    margin-top:-5px;
}

.user-list-item i{
    position:absolute;
    right:0px;
    top:23px;
    font-size:12px;
    color:#1f1f1f;
}

.user-list-follow{
    padding-bottom:20px;
    display:block;
}

.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{
    padding-bottom:20px;
}

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

/*------------------*/
/*------------------*/
/*---Activity Feed--*/
/*------------------*/
/*------------------*/

.activity-item:hover{
    cursor:pointer;
}

.activity-item img{
    width:40px;
    height:40px;
    border-radius:40px;
    margin-top:5px;
    position:absolute;
}

.activity-item h5{
    font-weight:600;
    font-size:14px;
    margin-left:60px;
    margin-bottom:0px;
    padding-top:3px;
}

.activity-item em{
    display:block;
    margin-left:60px;
    font-size:11px;
    font-style:normal;
    font-weight:500;
    color:rgba(0,0,0,0.6);
}

.activity-item em i{
    padding-right:10px;
    font-size:12px;
}

.activity-item-toggle{
    font-size:8px;
    position:absolute;
    height:50px;
    width:30px;
    top:0px;
    right:0px;
    line-height:50px;
    text-align:center;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color:#1f1f1f;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.activity-item-toggle-rotate{
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);  
    color:#c0392b;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.activity-item-toggle i{
    height:50px;
    top:0px;
    width:30px;
    text-align:center;
    line-height:50px;
}

.activity-item-detail{
    padding-top:20px;
    font-size:13px;
    display:none;
}

/*----------------*/
/*----------------*/
/*----Full Map----*/
/*----------------*/
/*----------------*/

.map-fullscreen{
    margin-bottom:0px;
    cursor:pointer;
}

.map-fullscreen .map-overlay{
    opacity:0.85;
    position:absolute;
    width:100%;
    height:100%;
    z-index:9;
}

.map-fullscreen .deactivate-map{
    position:absolute;
    z-index:10;
    bottom:-14px;
    font-size:13px;
    height:60px;
    line-height:60px;
    padding:0px;
    display:none;
}

.map-fullscreen .map-text{
    position:absolute;
    z-index:99;
    width:280px;
    height:100px;
    top:50%;
    margin-top:-50px;
    left:50%;
    margin-left:-140px;
}

.map-fullscreen .map-text h3{
    font-size:24px;
    color:#FFFFFF;
    text-align:center;
}

.map-fullscreen .map-text p{
    color:#FFFFFF;
    text-align:center;
    font-size:13px;
    opacity:0.6;
    padding-top:0px;
}

/*------------------*/
/*------------------*/
/*----Portfolios----*/ 
/*------------------*/
/*------------------*/

/*------------------------*/
/*---Adaptive Portfolio---*/
/*------------------------*/

.portfolio-switch{
    transition:all 250ms ease;   
}

.active-adaptive{
    color:#e34e47!important;
    transition:all 250ms ease;
}

.portfolio-adaptive{
    margin-bottom:10px;
}

.portfolio-adaptive:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.portfolio-adaptive .portfolio-item img{
   margin-bottom:20px;
}

/*1 Item*/

.portfolio-item{
   transition:all 250ms ease;
}

.portfolio-adaptive-one .portfolio-item{
    width:100%;
    float:left;
    transition:all 200ms ease;
}

/*2 Items*/

.portfolio-adaptive-two .portfolio-item{
    width:50%;
    float:left;
    transition:all 200ms ease;
}

.portfolio-adaptive-two .portfolio-item:nth-child(2n+2){
    padding-left:10px!important;
}
.portfolio-adaptive-two .portfolio-item:nth-child(2n+1){
    padding-right:10px!important;
}

/*3 Items*/

.portfolio-adaptive-three .portfolio-item{
    width:33%;
    float:left;
    transition:all 200ms ease;
}

.portfolio-adaptive-three .portfolio-item:nth-child(3n+1){
    padding-left:5px!important;
    padding-right:5px!important;
}

.portfolio-adaptive-three .portfolio-item:nth-child(3n+2){
    padding-left:10px!important;
}

.portfolio-adaptive-three .portfolio-item:nth-child(3n+3){
    padding-right:10px!important;
}

/*Portfolio Controls*/

.portfolio-adaptive-controls .portfolio-switch{
    float:right;
    margin-bottom:30px;
    margin-top:-35px;
    border-left:solid 1px rgba(0,0,0,0.1);
    color:#1f1f1f;
}

.portfolio-adaptive-controls .adaptive-one{
    border-left:0px;
}

.portfolio-adaptive-controls .portfolio-switch i{
    width:50px;
    height:30px;
    line-height:30px;
    text-align:center;
}

.portfolio-adaptive .portfolio-item .adaptive-more{
    font-size:12px;
    padding-top:10px;
}

.portfolio-adaptive .portfolio-item .adaptive-more i{
    font-size:12px;
    margin-left:10px;
    margin-right:10px;
}

/*------------------------*/
/*---One Item Portfolio---*/
/*------------------------*/

.portfolio-one .portfolio-item img{
    padding-bottom:20px;
}


.portfolio-one .portfolio-item em{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:5px;
    display:block;
}

.portfolio-one .portfolio-item .portfolio-share{
    float:right;
    margin:0px 10px;
}

.portfolio-one .portfolio-item .portfolio-share i{
    padding-right:10px;
}

.portfolio-one .portfolio-item .portfolio-link{
    float:right;
    margin:0px 10px;
}

.portfolio-one .portfolio-item .portfolio-link i{
    padding-right:10px;
}

.portfolio-one .portfolio-item:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

/*------------------------*/
/*---Two Item Portfolio---*/
/*------------------------*/

.portfolio-two .portfolio-item{
    float:left;
    width:50%;
}

.portfolio-two .portfolio-item:nth-child(2n+1){
    padding-right:10px;
}
.portfolio-two .portfolio-item:nth-child(2n+0){
    padding-left:10px;
}

.portfolio-two .portfolio-item img{
    padding-bottom:20px;
}

.portfolio-two .portfolio-item em{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:5px;
    display:block;
}

.portfolio-two .portfolio-item .portfolio-share{
    float:right;
    margin:0px 10px;
}

.portfolio-two .portfolio-item .portfolio-share i{
    padding-right:10px;
}

.portfolio-two .portfolio-item .portfolio-link{
    float:right;
    margin:0px 10px;
}

.portfolio-two .portfolio-item .portfolio-link i{
    padding-right:10px;
}

.portfolio-two .portfolio-item:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

/*--------------------*/
/*---Portfolio Wide---*/
/*--------------------*/

@media (max-width:768px){
    .wide-text{
        padding-left:30px;
        padding-right:30px;
    }
}

@media (min-width:768px){
    .wide-text{
        padding-left:50px;
        padding-right:50px;
    }
}

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

.portfolio-wide .wide-text{
    margin-top:20px;
    display:none;
}

.portfolio-wide .wide-text img{
    float:left;
    width:80px;

    height:80px;
    margin-right:15px;
    margin-bottom:0px;
    margin-top:5px;
}

.portfolio-wide .wide-text .portfolio-link i{padding-right:10px;}
.portfolio-wide .wide-text .portfolio-link{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}

.portfolio-wide .wide-text .portfolio-share i{padding-right:10px;}
.portfolio-wide .wide-text .portfolio-share{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}

.portfolio-wide .wide-text .portfolio-close i{padding-right:10px;}
.portfolio-wide .wide-text .portfolio-close{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}

.portfolio-wide .wide-title{
    display:block;
    position:relative;
    overflow:hidden;      
}

.portfolio-wide .wide-title img{
    position:absolute;
    top:0px;
    width:100%;
    display:block;
    z-index:1;
}

.portfolio-wide .wide-title .overlay{
    width:100%;
    height:100%;
    z-index:2;
    position:absolute;
    opacity:0.8!important;
    top:0px;
}

.portfolio-wide .wide-title h3{
    font-weight:400;
    text-shadow:0px 1px 2px rgba(0,0,0,0.5);
    text-align:center;
    position:relative;
    z-index:3;
    color:#FFFFFF;
    padding-top:35px;
    margin-bottom:0px
}

.portfolio-wide .wide-title em{
    text-shadow:0px 1px 2px rgba(0,0,0,0.5);
    text-align:center;
    position:relative;
    display:block;
    z-index:3;
    color:rgba(255,255,255,0.6);
    padding-bottom:30px;
    font-style:normal;
    font-size:12px;
}

/*----------------------*/
/*---Filter Portfolio---*/
/*----------------------*/

.portfolio-filter-wrapper {
    width:100%; 
    margin:20px 0px; 
    margin-bottom:0px;
}

.portfolio-filter-wrapper:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
    margin-bottom:10px;    
}

.portfolio-filter-categories{
    display:table;
    width:100%;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}

.selected-filter{
    background-color:#27ae60;
    color:#FFFFFF!important;
    transition:all 200ms ease;
}

.filter-category{ 
    display:table-cell;
    padding:5px 10px; 
    text-align:center;
    font-size: 12px; 
    color: #333; 
    transition:all 200ms ease;
}

.portfolio-filter-item img{
   margin-bottom:20px;
}

@media(min-width:768px){
    .portfolio-filter-item{
        width:46%;
        margin-right:2%;
        margin-left:2%;
        float:left;
    }    
}

@media(min-width:1020px){
    .portfolio-filter-item{
        width:28%;
        margin-right:2%;
        margin-left:2%;
        float:left;
    }
}

.gallery-filter-item{
    width:46%;
    margin-left:2%;
    margin-right:2%;
    float:left;
    margin-bottom:4%;
}

@media(min-width:768px){
    .gallery-filter-item{
        width:46%;
        margin-right:2%;
        margin-left:2%;
        margin-bottom:4%;
        float:left;
    }    
}

@media(min-width:1020px){
    .gallery-filter-item{
        width:28%;
        margin-right:2%;
        margin-left:2%;
        margin-bottom:4%;
        float:left;
    }

}


/*-----------------*/
/*-----------------*/
/*----Galleries----*/ 
/*-----------------*/
/*-----------------*/

.gallery:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
    margin-bottom:10px;
}

/*-------------------------*/
/*---Round Square Thumbs---*/
/*-------------------------*/

.square-thumbs a img{
    border-radius:none;
}

.round-thumbs a img{
    border-radius:300px;
}

.gallery a{
    width:33.333333333%;
    float:left;
    padding-bottom:20px;
}

.gallery a:nth-child(3n+1){
   padding-right:10px; 
}

.gallery a:nth-child(3n+2){
    padding-right:5px;
    padding-left:5px;
}
.gallery a:nth-child(3n+3){
   padding-left:10px; 
}

.gallery a img{
    display:block;
    width:100%;
}

/*-----------------------*/
/*---Justified Gallery---*/
/*-----------------------*/

.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom:25px;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    opacity: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
}

/*--------------------------*/
/*--------------------------*/
/*----Pages and PageApps----*/ 
/*--------------------------*/
/*--------------------------*/

/*----------------*/
/*--Page Contact--*/
/*----------------*/

.contactField{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	color:#666;
	border:solid 1px #cacaca;
    transition:all 200ms ease;
}

.contactField:focus{
    border:solid 1px #27ae60;
    transition:all 200ms ease;
}

.contactTextarea{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	border:solid 1px #cacaca;
	color: #666;
    transition:all 200ms ease;
}

.contactTextarea:focus{
    border:solid 1px #27ae60;
    transition:all 200ms ease;
}

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

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

.contactFormButton #contactSubmitButton{
    height:45px!important;
    line-height:30px!important;
    font-size:13px;
    font-weight:400;
    font-family: 'Open Sans', sans-serif;
}

.formValidationError{
    height:40px;
    line-height:40px;
    padding-top:5px;
    margin-bottom:20px;
}


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

@media (min-width:768px){
	.contact-information{
		padding-left:20px;	
	}
}

.field-title{
    padding-left:0px;
    margin-left:0px;
}

.contact-call{
	color:#666;
	height:25px;
	display:block;
    margin-bottom:5px;
}

.contact-call i{

	width:12px;
	diplay:block;
	margin-right:20px;	
    color:#1f1f1f;
}

.contact-text{
	color:#666;
	height:25px;
	display:block;
    margin-bottom:5px;
}

.contact-text i{
	width:12px;
	diplay:block;
	margin-right:20px;
    color:#1f1f1f;
}

.contact-mail{
	color:#666;
	height:25px;
	display:block;
    margin-bottom:5px;
}

.contact-mail i{
	width:12px;
	diplay:block;
	margin-right:20px;	
    color:#1f1f1f;
}

.contact-facebook{
	color:#666;
	height:25px;
	display:block;
    margin-bottom:5px;
}

.contact-facebook i{
	width:12px;
	diplay:block;
	margin-right:20px;	
    color:#1f1f1f;
}

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

.contact-twitter i{
	width:12px;
	diplay:block;
	margin-right:20px;	
    color:#1f1f1f;
}

/*----------*/
/*---Maps---*/
/*----------*/

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

@media (min-width:768px){
    .maps{
        height:300px;
    }
}

/*----------------*/
/*----------------*/
/*---Page Login---*/
/*----------------*/
/*----------------*/

.page-login{
    width:280px;
    margin-left:auto;
    margin-right:auto;
}

.page-login .page-login-logo{
    width:125px;
    height:100px;
    background-image:url(../images/pages-logo-dark.png);
    background-size:125px 100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}

.page-login .login-password input, 
.page-login .login-mail input, 
.page-login .login-date input, 
.page-login .login-input input{
    -webkit-appearance: none;
    padding-top:0px;
    padding-bottom:20px;
    width:100%;
    display:block;
    background-color:rgba(255,255,255,1);
    color:rgba(0,0,0,0.5);
    border-bottom:solid 2px rgba(0,0,0,0.1);
    margin-bottom:20px;
    font-size:12px;   
    padding-left:40px;
    transition:all 250ms ease;
}

.page-login .login-password i, 
.page-login .login-mail i, 
.page-login .login-date i, 
.page-login .login-input i{
    -webkit-appearance: none;
    position:absolute;
    z-index:10;
    width:20px;
    text-align:center;
    margin-top:1px;
    margin-left:11px;
}

.page-login .login-password input:focus, 
.page-login .login-mail input:focus, 
.page-login .login-date input:focus, 
.page-login .login-input input:focus{
    color:#1f1f1f;
    border-bottom:solid 2px #27ae60;
    transition:all 250ms ease;
}

.page-login .login-forgot:hover,
.page-login .login-create:hover,
.page-login .login-already:hover{
    color:#2e8ece;
    transition:all 250ms ease;
}

.page-login .login-forgot i,
.page-login .login-create i,
.page-login .login-already i{
    padding-right:10px;
    padding-left:10px;
}

.page-login .login-already{
    text-align:center;
    font-size:12px;
    color:#cacaca;
    margin-bottom:20px;
    transition:all 250ms ease;
}

.page-login .login-create{
    width:50%;
    float:right;
    text-align:right;
    font-size:12px;
    color:#cacaca;
    margin-bottom:30px;
    transition:all 250ms ease;
}

.page-login .login-forgot{
    width:50%;
    float:left;
    text-align:left;
    font-size:12px;
    color:#cacaca;
    margin-bottom:30px;
    transition:all 250ms ease;
}

/*------------------*/
/*------------------*/
/*---Page Profile---*/
/*------------------*/
/*------------------*/

.page-profile-header{
    padding-top:120px;
    padding-bottom:30px;
    background-image:url(../images/pictures/3.jpg);
    background-size:cover;
}

.page-profile-header .overlay{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    opacity:0.7;
}

.page-profile-header .follow-buttons a{
    float:left;
    text-align:center;
    margin-top:30px;
    color:#FFFFFF;
    border:solid 2px rgba(255,255,255,0.5);
    width:100px;
    margin-left:auto;
    margin-right:auto;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:25px;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    opacity:0.8;
    transition:all 200ms ease;
}

.page-profile-header .follow-buttons a:hover{
    background-color:rgba(255,255,255,0.1);
    opacity:1;
    transition:all 200ms ease;
}

.page-profile-header .follow-buttons{
    width:240px;
    margin-left:auto;
    margin-right:auto;
}

.page-profile-header img{
    width:120px;
    height:120px;
    border-radius:120px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
    z-index:4;
    border:solid 4px rgba(255,255,255,0.9);
}

.page-profile-header h3{
    z-index:4;
    position:relative;
    text-align:center;
    color:#FFFFFF;
    font-weight:400;
    margin-bottom:5px;
}

.page-profile .follow-buttons:after, .page-profile-followers a:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.page-profile-header em{
    display:block;
    position:relative;
    text-align:center;
    color:#FFFFFF;
    opacity:0.7;
    z-index:4;
    font-size:12px;
    font-style:normal;
}

.page-profile-header em i{
    padding-right:10px;
}

.page-profile-followers a{
    width:33%;
    float:left;
    text-align:center;
    font-size:12px;
    color:#666666;
    margin-top:5px;
}

.page-profile-followers a i{
    display:block;
    font-size:20px;
    color:#1f1f1f;
    text-align:center;
    padding-bottom:10px;
}

.page-profile-followers a:nth-child(3n+1){
    border-right:solid 1px rgba(0,0,0,0.1);
}

.page-profile-followers a:nth-child(3n+3){
    border-left:solid 1px rgba(0,0,0,0.1);
}

/*--------------------*/
/*--------------------*/
/*---Page Countdown---*/
/*--------------------*/
/*--------------------*/

.boxed-layout{
    background-color:rgba(255,255,255,1);
    padding:30px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
}

.date-years, date-years em{
    display:none;
}

.countdown-page{
    margin-top:0px;
}

.countdown-page .overlay{
    opacity:0.8;
    position:absolute;
    top:0px;
    z-index:1;
}

.countdown-content{
    width:300px;
    margin-left:-150px!important;
    position:relative;
    z-index:10;
}

/*Unboxed Layout*/

.countdown-content a{
    color:#666666;
    text-decoration:underline;
}

.countdown-page .unboxed-layout h3{
    text-align:center;
    color:#FFFFFF;
    font-size:36px;
    font-weight:300;
    line-height:30px;
}

.countdown-page .unboxed-layout h4{
    text-align:center;
    color:rgba(255,255,255,0.5);
    font-size:12px;
    font-weight:400;
}

.countdown-page .unboxed-layout p{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    color:rgba(255,255,255,0.8);
    padding-bottom:30px;
    border-bottom:solid 1px rgba(255,255,255,0.1);
}

.countdown-page .unboxed-layout .countdown-class div{
    font-size:30px;
    text-align:center;
    color:#FFFFFF;
    font-weight:400;
}

.countdown-page .unboxed-layout .countdown-class div em{
    font-size:12px;
    display:block;
    font-style:normal;
    opacity:0.4;
}

/*Boxed Layout*/

.countdown-page .boxed-layout h3{
    text-align:center;
    color:#1f1f1f;
    font-size:30px;
    font-weight:400;
    line-height:30px;
}

.countdown-page .boxed-layout h4{
    text-align:center;
    color:rgba(0,0,0,0.5);
    font-size:13px;
    font-weight:500;
}

.countdown-page .boxed-layout p{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    color:rgba(0,0,0,0.8);
    padding-bottom:20px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.countdown-page .boxed-layout .countdown-class div{
    font-size:24px;
    text-align:center;
    color:#1f1f1f;
    font-weight:400;
}

.countdown-page .boxed-layout .countdown-class div em{
    font-size:12px;
    display:block;
    font-style:normal;
    opacity:0.5;
}

.countdown-class div{
    width:25%;
    float:left;
}

.cover-screen .left-button{
    position:absolute;
    bottom:20px;
    z-index:2;
    color:rgba(255,255,255,0.3);
    left:20px;
    transition:all 200ms ease;
}

.cover-screen .left-button:hover{
    color:#FFFFFF;
    transition:all 200ms ease;
}

.cover-screen .left-button i{
    padding-right:20px;
    color:rgba(255,255,255,0.5);
}

.cover-screen .right-button{
    position:absolute;
    bottom:20px;
    right:20px;
    color:rgba(255,255,255,0.3);
    z-index:2;
    transition:all 200ms ease;
}

.cover-screen .right-button:hover{
    color:#FFFFFF;
    transition:all 200ms ease;
}

.cover-screen .right-button i{
    padding-left:20px;
    color:rgba(255,255,255,0.5);
}

/*----------------*/
/*----------------*/
/*---Page Error---*/
/*----------------*/
/*----------------*/

.error-page{
    margin-top:0px;
}

.error-page .overlay{
    opacity:0.8;
}

.error-page .error-content{
    width:300px;
    z-index:10;
}

/*Unboxed Layout*/
.error-page .unboxed-layout h3{
    font-size:36px;
    text-align:center;
    line-height:40px;
    color:#FFFFFF;
}

.error-page .unboxed-layout h4{
    text-align:center;
    font-size:12px;
    font-weight:400;
    font-size:12px;
    color:rgba(255,255,255,0.5);   
}

.error-page .unboxed-layout p{
    text-align:center;
    color:rgba(255,255,255,0.8);
    padding-top:20px;
}

.error-page .unboxed-layout .back-home i{
    line-height:55px;
    width:55px;
    text-align:center;
}

.error-page .unboxed-layout .back-home{
    margin-top:40px;
    color:rgba(255,255,255,0.8);
    font-size:22px;
    width:70px;
    height:70px;
    line-height:65px;
    text-align:center;
    border-radius:70px;
    border:solid 2px rgba(255,255,255,0.5);
    margin-left:auto;
    margin-right:auto;
}

.error-page .unboxed-layout .back-home:hover{
    border:solid 2px rgba(255,255,255,1);
    transition:all 200ms ease;
}

/*Boxed Layout*/

.error-page .boxed-layout h3{
    text-align:center;
    color:#1f1f1f;
    font-size:30px;
    font-weight:400;
    line-height:30px;
}

.error-page .boxed-layout h4{
    text-align:center;
    color:rgba(0,0,0,0.5);
    font-size:13px;
    font-weight:500;
}

.error-page .boxed-layout p{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    color:rgba(0,0,0,0.8);
    padding-bottom:0px;
}

.error-page .boxed-layout .back-home i{
    line-height:55px;
    width:55px;
    text-align:center;
}

.error-page .boxed-layout .back-home{
    color:rgba(0,0,0,0.8);
    font-size:22px;
    width:70px;
    height:70px;
    line-height:65px;
    text-align:center;
    border-radius:70px;
    border:solid 2px rgba(0,0,0,0.5);
    margin-left:auto;
    margin-right:auto;
    transition:all 200ms ease;
}

.error-page .boxed-layout .back-home:hover{
    border:solid 2px rgba(0,0,0,1);
    transition:all 200ms ease;
}

/*-------------------*/
/*-------------------*/
/*---Pageapp Login---*/
/*-------------------*/
/*-------------------*/

.pageapp-login{
    margin-top:0px;
}

.pageapp-login-content{
    width:300px;
    z-index:10;
}

.pageapp-login .overlay{
    opacity:0.8;
    position:absolute;
    top:0px;
    z-index:1;
}

.pageapp-login input{
    transition:all 200ms ease;
}

.pageapp-login input:focus{
    border-bottom:solid 1px #27ae60!important;
    transition:all 200ms ease;
}

.pageapp-login-button{
    margin-top:25px;
}

/*Unboxed Layout*/

.pageapp-login .unboxed-layout .pageapp-login-field i{
    position:absolute;
    color:#FFFFFF;
    margin-top:12px;
    margin-left:10px;
}

.pageapp-login .unboxed-layout div input{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    padding-left:40px;
    background-color:rgba(255,255,255,0);
    color:#FFFFFF;
    border-bottom:solid 1px rgba(255,255,255,0.1);
    margin-bottom:20px;
    font-size:12px;
}

.pageapp-login .unboxed-layout .decoration{
    background-color:rgba(255,255,255,0.1);
    margin-top:20px;
    margin-bottom:20px;
}

.pageapp-login .unboxed-layout .pageapp-login-logo{
    width:125px;
    height:100px;
    background-image:url(../images/pages-logo-light.png);
    background-size:125px 100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

@media screen and ( max-height: 570px ){
    .pageapp-login-logo{
        display:none;   
    }
    .pageapp-login-content .unboxed-layout{
        margin-top:-40px;
    }    
    
    .pageapp-login-content .boxed-layout{
        padding-top:10px;
        padding-bottom:20px;
        margin-top:-30px;
    }
    
    .pageapp-login-content .boxed-layout a{
        height:40px;
        line-height:40px;
        padding-top:0px;
        padding-bottom:0px;
    }
    
    .pageapp-login-content .boxed-layout a i{
        line-height:40px;
        padding-top:0px;
        pading-bottom:0px;
        margin-top:-17px;
    }
}

/*Boxed Layout*/

.pageapp-login .boxed-layout .pageapp-login-field i{
    position:absolute;
    color:#1f1f1f;
    margin-top:12px;

    margin-left:10px;
}

.pageapp-login .boxed-layout div input{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    padding-left:40px;
    background-color:rgba(255,255,255,0);
    color:#1f1f1f;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    margin-bottom:20px;
    font-size:12px;
}

.pageapp-login .boxed-layout .decoration{
    background-color:rgba(0,0,0,0.1);
    margin-top:20px;
    margin-bottom:20px;
}

.pageapp-login .boxed-layout .pageapp-login-logo{
    width:125px;
    height:100px;
    background-image:url(../images/pages-logo-dark.png);
    background-size:125px 100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

/*----------------------*/
/*----------------------*/
/*---Pageapp Register---*/
/*----------------------*/
/*----------------------*/

.pageapp-signup{
    margin-top:0px;
}

.pageapp-signup-content{
    width:300px;
    position:relative;
    z-index:10;
}

.pageapp-signup .overlay{
    opacity:0.8;
    position:absolute;
    top:0px;
    z-index:1;
}

.pageapp-signup input{
    transition:all 200ms ease;
}

.pageapp-signup input:focus{
    border-bottom:solid 1px #27ae60!important;
    transition:all 200ms ease;
}

/*Unboxed Layout*/

.pageapp-signup .unboxed-layout .pageapp-signup-field input{
    display:block;
    width:100%;
    padding-top:18px;
    padding-bottom:18px;
    background-color:rgba(255,255,255,0);
    color:#FFFFFF;
    border-bottom:solid 1px rgba(255,255,255,0.1);
    font-size:12px;
    padding-left:40px;
    margin-bottom:10px;
}

.pageapp-signup .unboxed-layout .pageapp-signup-field i{
    position:absolute;
    top:18px;
    left:5px;
}

.pageapp-signup .unboxed-layout .pageapp-signup-logo{
    width:125px;
    height:100px;
    background-image:url(../images/pages-logo-light.png);
    background-size:125px 100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}


@media screen and ( max-height: 570px ){
    .pageapp-signup-logo{
        display:none;   
    }
    .pageapp-signup-content .unboxed-layout{
        margin-top:-30px;
    }    
    
    .pageapp-signup-content .boxed-layout{
        padding-top:10px;
        padding-bottom:20px;
        margin-top:-30px;
    }
}

.pageapp-signup .unboxed-layout .pageapp-signup-button{
    margin-top:30px;
}

/*Boxed Layout*/

.pageapp-signup .boxed-layout .pageapp-signup-field input{
    display:block;
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:rgba(255,255,255,0);
    color:#1f1f1f;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    font-size:12px;
    padding-left:40px;
    margin-bottom:10px;
}

.pageapp-signup .boxed-layout .pageapp-signup-field i{
    position:absolute;
    top:18px;
    left:5px;
}

.pageapp-signup .boxed-layout .pageapp-signup-logo{
    width:125px;
    height:100px;
    background-image:url(../images/pages-logo-dark.png);
    background-size:125px 100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.pageapp-signup .boxed-layout .pageapp-signup-button{
    margin-top:30px;
    margin-bottom:0px;
}

/*-------------------*/
/*-------------------*/
/*---Page Timeline---*/
/*-------------------*/
/*-------------------*/

/*----------------*/
/*---Timeline 1---*/
/*----------------*/

.pageapp-timeline-1{
    overflow:hidden;
    margin-top:20px;
    padding-top:0px;
}

.pageapp-timeline-1 .timeline-decoration{
    width:1px;
    height:93%;
    position:absolute;
    background-color:rgba(0,0,0,0.2);
    left:50%;
    margin-left:-1px;
    top:60px;
}

.pageapp-timeline-1 p{
    margin-bottom:5px;
}

.pageapp-timeline-1 .timeline-text,
.pageapp-timeline-1 .timeline-video,
.pageapp-timeline-1 .timeline-event,
.pageapp-timeline-1 .timeline-quote,
.pageapp-timeline-1 .timeline-image{
    background-color:#FFFFFF;
    display:block;
    padding-top:20px;
    padding-bottom:20px;
}

.pageapp-timeline-1 .timeline-icon{
    padding-top:20px;
    padding-bottom:2px;
    margin-bottom:20px;
    margin-top:20px;
    display:block;
    background-color:#FFFFFF;
}

.pageapp-timeline-1 .timeline-icon i{
    font-size:18px;
    width:60px;
    height:60px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    line-height:60px;
    text-align:center;
    border-radius:60px;
    color:#1f1f1f;
    border:solid 1px rgba(0,0,0,0.2);
    margin-bottom:20px;
    background-color:#FFFFFF;
    transition:all 200ms ease;
}

.pageapp-timeline-1 .responsive-image,
.pageapp-timeline-1 .gallery img{
    background-color:#FFFFFF;
    border:solid 1px rgba(0,0,0,0.2);
    padding:8px;
    margin-bottom:10px;
}

.pageapp-timeline-1 .timeline-event .event-link i{padding-right:10px}
.pageapp-timeline-1 .timeline-event .event-maps i{padding-right:10px}

.pageapp-timeline-1 .timeline-event .event-link{
    font-size:12px;
    text-align:center;
}

.pageapp-timeline-1 .timeline-event .event-maps{
    font-size:12px;
    text-align:center;
    margin-bottom:10px;
}

.pageapp-timeline-1 .timeline-event .gallery a{
    padding-bottom:0px;
}

/*----------------*/
/*---Timeline 2---*/
/*----------------*/

.pageapp-timeline-2{
	margin-top:30px;	
}

.pageapp-timeline-2 .timeline-item{
    position:relative;
    z-index:10!important;
}

.pageapp-timeline-2 .timeline-decoration{
	position:absolute;
	width:1px;
	height:82%;
	z-index:2;
	background-color:rgba(0,0,0,0.1);
	margin-left:23px;
}

.pageapp-timeline-2 .timeline-icon{
    position:relative;
    z-index:9;
	width:70px;
	height:100%;
	float:left;
}

.pageapp-timeline-2 .timeline-text{
	display:inline-block;
	padding-left:70px;
	margin-top:-48px;
	min-height:100px;
	width:100%;	
}

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

.pageapp-timeline-2 .timeline-text p{
	margin-top:-10px;	
}

.pageapp-timeline-2 .timeline-icon i{
    cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	width:50px;
	height:50px;
	background-color:#FFFFFF;
	color:#1f1f1f;
	border:solid 1px rgba(0,0,0,0.2);	
	border-radius:50px;
	font-size:17px;
	line-height:50px;
	text-align:center;
}

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

.pageapp-timeline-2 .timeline-quote .subtitle{
	display:block;
	text-align:right;	
}

@media (min-width:768px){
	.pageapp-timeline-2{
		padding-left:30px;
		padding-right:30px;	
	}
	
	.pageapp-timeline-2 .timeline-decoration{
		position:absolute;
		width:1px;
		height:96%;
		z-index:2;
		background-color:rgba(0,0,0,0.1);
		margin-left:32px;
	}
	
	.pageapp-timeline-2 .timeline-icon{
		width:150px;
		height:100%;
		float:left;
		display:inline;
	}
	
	.pageapp-timeline-2 .timeline-text{
		display:inline-block;
		padding-left:100px;
		margin-top:-52px;
	}

	.pageapp-timeline-2 .timeline-icon i{
        cursor:pointer;
        margin-left:auto;
        margin-right:auto;
        width:65px;
        height:65px;
        background-color:#FFFFFF;
        color:#1f1f1f;
        border:solid 1px rgba(0,0,0,0.2);	
        border-radius:65px;
        font-size:17px;
        line-height:65px;
        text-align:center;
	}
	
	.pageapp-timeline-2 .timeline-quote .title{
		font-size:14px;
		line-height:30px;	
		font-weight:300;
		margin-bottom:20px;
		margin-top:-3px;
	}

}

/*------------------------*/
/*------------------------*/
/*---PageApp Checklists---*/
/*------------------------*/
/*------------------------*/

.checklist-square{
    font-size:14px;
    font-weight:500;
    background-image:url(../images/framework/checkbox.png);
    background-size:16px 18px;
    background-position:0px 26px;
    background-repeat:no-repeat;
    padding-left:30px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:20px;
    color:#1f1f1f;
    transition:all 200ms ease;
    padding-top:20px;
}

.checklist-square-selected:hover{
    text-decoration:line-through!important;
}

.checklist-square-selected{
    background-image:url(../images/framework/checkboxc.png);
    text-decoration:line-through;
    color:rgba(0,0,0,0.3);
    transition:all 200ms ease;
}

.checklist-round{
    font-size:14px;
    font-weight:500;
    background-image:url(../images/framework/radio.png);
    background-size:16px 18px;
    background-position:0px 26px;
    background-repeat:no-repeat;
    padding-left:30px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:20px;
    color:#1f1f1f;
    transition:all 200ms ease;
    padding-top:20px;
}

.checklist-round-selected:hover{
    text-decoration:line-through!important;
}

.checklist-round-selected{
    background-image:url(../images/framework/radioc.png);
    text-decoration:line-through;
    color:rgba(0,0,0,0.3);
    transition:all 200ms ease;
}

/*------------------*/
/*------------------*/
/*----TaskLists----*/
/*------------------*/
/*------------------*/


.tasklist-item{
    height:65px;
    line-height:65px;
    margin-bottom:0px;
    padding-bottom:0px;
    border-left:solid 4px #ecf0f1;
    transition:all 200ms ease;
}

.tasklist-item i:first-child{
    position:absolute;
    height:65px;
    line-height:65px;
    width:40px;
    text-align:center;
    color:rgba(0,0,0,0.2);
    transition:all 200ms ease;
}

.tasklist-item h5{
    padding-left:50px;
    line-height:65px;
    font-size:14px;
    margin-top:0px;
    border-top:solid 1px rgba(0,0,0,0.1);
    border-right:solid 1px rgba(0,0,0,0.1);
    font-weight:500;
    transition:all 200ms ease;
}

.tasklist-red{        border-left:solid 4px #c0392b;    }
.tasklist-green{      border-left:solid 4px #27ae60;    }
.tasklist-blue{       border-left:solid 4px #2980b9;    }
.tasklist-orange{     border-left:solid 4px #d35400;    }
.tasklist-yellow{     border-left:solid 4px #f1c40f;    }
.tasklist-gray{       border-left:solid 4px #666666;    }
.tasklist-dark{       border-left:solid 4px #1f1f1f;    }
.tasklist-magenta{    border-left:solid 4px #8e44ad;    }

.tasklist-completed{
    background-color:#fafafa;
    transition:all 200ms ease;
}

.tasklist-completed i:first-child{
    color:#27ae60!important;
    transition:all 200ms ease;   
}

.tasklist-completed h5{
    color:rgba(0,0,0,0.5);
    transition:all 200ms ease;
}


/*-----------------------*/
/*-----------------------*/
/*---Pageapp Reminders---*/
/*-----------------------*/
/*-----------------------*/

.reminder-check-square{
    background-image:url(../images/framework/checkbox.png);
    background-repeat:no-repeat;
    background-size:16px 18px;
    background-position:10px 40px;
}


.reminder-check-round{
    background-image:url(../images/framework/radio.png);
    background-repeat:no-repeat;
    background-size:16px 18px;
    background-position:10px 40px;
}

.reminder i{
    padding-right:10px;
}

.reminder-check-square-selected{
    background-image:url(../images/framework/checkboxc.png);
}

.reminder-check-round-selected{
    background-image:url(../images/framework/radioc.png);
}

.reminder-check-square-selected em{opacity:0.3; transition:all 200ms ease;}
.reminder-check-square-selected strong{opacity:0.3; transition:all 200ms ease;}

.reminder-check-round-selected em{opacity:0.3; transition:all 200ms ease;}
.reminder-check-round-selected strong{opacity:0.3; transition:all 200ms ease;}

.reminder strong{
    font-size:16px;
    font-weight:800;
    padding-left:50px;
    margin-bottom:-4px;
    display:block;
    color:#1f1f1f;

    transition:all 250ms ease;
}

.reminder em{
    display:block;
    padding-left:50px;
    transition:all 250ms ease;
    font-style:normal;
    font-size:12px;
}

.reminder{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:20px;
    padding-top:20px;
}

/*-----------------*/
/*-----------------*/
/*----Page Blog----*/
/*-----------------*/
/*-----------------*/

@media(min-width:768px){
    .page-blog{
        width:60%;
        float:left;
    }
    
    .page-blog-sidebar{
        width:35%;
        float:left;
        margin-left:5%;
    }
}

.page-blog-sidebar{
    padding-bottom:0px;
}

.page-blog-list{
    padding-bottom:5px;
}

.page-blog-list p{
    margin-bottom:20px
}

.page-blog-list img{
    margin-bottom:20px;
}

.page-blog-list .page-blog-list-by{
    width:200px;
}

.page-blog-list .page-blog-list-by img{
    width:40px;
    height:40px;
    border-radius:40px;
    position:absolute;
    margin-top:4px;
}

.page-blog-list .page-blog-list-by strong{
    padding-left:55px;
    font-size:12px;
    font-weight:500;
    display:inline;
}

.page-blog-list .page-blog-list-by strong a{
    display:inline;
}

.page-blog-list .page-blog-list-by em{
    padding-left:55px;
    font-size:11px;
    margin-top:-11px;
    display:block;
    opacity:0.5;
    margin-bottom:20px;
    clear:both;
}

.page-blog-list .page-blog-tags{
    display:block;
    margin-top:-10px;
    margin-bottom:10px;
    font-size:12px;
    font-weight:500;
}

.page-blog-list .page-blog-tags a{
     display:inline;
}

.page-blog-list-more i{
    float:right;
    width:40px;
    height:40px;
    margin-top:-66px;
    font-size:12px;
    text-align:center;
    line-height:40px;
    color:#FFFFFF;
    background-color:#2980b9;
    border-radius:40px;  
    transition:all 200ms ease;
}

.page-blog-list-more i:hover{
    background-color:#3498db;
    transition:all 200ms ease;
}

.page-blog-list-share i{
    margin-right:55px;
    float:right;
    width:40px;
    height:40px;
    margin-top:-66px;
    font-size:12px;
    text-align:center;
    line-height:40px;
    color:#FFFFFF;
    background-color:#27ae60;
    border-radius:40px;
    transition:all 200ms ease;
}

.page-blog-list-share i:hover{
    background-color:#2ecc71;
    transition:all 200ms ease;
}

/*------------------------*/
/*----Page Blog Sidebar---*/
/*------------------------*/
/*Search*/

.blog-sidebar-search i{
    position:absolute;
    top:12px;
}

.blog-sidebar-search input{
    height:40px;
    width:100%;
    background-color:transparent;
    font-size:12px;
    border-bottom:solid 2px rgba(0,0,0,0.2);
    padding-left:30px;
    transition:all 200ms ease;
}

.blog-sidebar-search input:focus{
    border-bottom:solid 2px #27ae60;
    transition:all 200ms ease;
}

.blog-sidebar-text p{
    font-size:12px;
    margin-bottom:20px;
}

/*Recent*/

.blog-sidebar-recent-projects a{
    width:30%;
    float:left;
    overflow:hidden;
    margin-right:3%;
    margin-bottom:3%;
}

.blog-sidebar-recent-projects a img{
    display:block;
    width:100%;
}

.blog-sidebar-recent-posts a:last-child{
    border-bottom:none;
    padding-bottom:0px;
}

.blog-sidebar-recent-posts a{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:10px;
    margin-bottom:10px;
}

.blog-sidebar-recent-posts strong{
    display:block;
    color:#1f1f1f
}

.blog-sidebar-recent-posts em{
    display:block;
    font-size:10px;
    margin-top:-10px;
    color:rgba(0,0,0,0.5);
    font-style:normal;
    font-weight:600;
}

.blog-sidebar-recent-posts i{
    position:absolute;
    top:0px;
    right:0px;
    width:40px;
    height:40px;
    line-height:44px;
    text-align:center;
    font-size:20px;
    color:#1f1f1f;
}

/*Categories*/

.blog-sidebar-categories a:last-child{
    border-bottom:none;
    padding-bottom:0px;
}

.blog-sidebar-categories a{
    font-size:12px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-top:5px;
    padding-bottom:5px;
    color:#1f1f1f;
    font-weight:500;
}

.blog-sidebar-categories a em{
    font-size:10px;
    background-color:#e74c3c;
    color:#FFFFFF;
    padding-left:6px;
    padding-right:6px;
    padding-top:2px;
    padding-bottom:2px;
    margin-left:10px;
    font-style:normal;
    border-radius:3px;
}

.blog-sidebar-categories a i{
    position:absolute;
    right:0px;
    top:18px;
}

/*Blog Comments*/

.blog-post-comment-nested{
    padding-left:50px;   
}

.blog-post-comment em{
    display:block;
    font-size:12px;
}

.blog-post-comment strong{
    font-size:15px;
    color:#1f1f1f;
}

.blog-post-comment .blog-post-comment-reply{
    text-align:right;
    width:40px;
    float:right;
    margin-top:-25px;
    font-size:12px;
}

.blog-post-comment-add strong{
    display:block;
}

.blog-post-comment-add em{
    display:block;
    text-align:right;
    font-size:10px;
    margin-top:-30px;
}

.blog-post-comment-add input:focus{
    border-bottom:solid 2px #27ae60;
    transition:all 200ms ease;
}
    
.blog-post-comment-add input{
    display:block;
    width:100%;
    height:40px;
    font-size:12px;
    border-bottom:solid 2px rgba(0,0,0,0.1);
    margin-bottom:20px;
    transition:all 200ms ease;
}

.blog-post-comment-add textarea{
    overflow:visible;
    font-size:12px;
    line-height:30px;
    display:block;
    width:100%;
    max-height:10000px;
    border-bottom:solid 2px rgba(0,0,0,0.1);
    transition:all 200ms ease;
}

.blog-post-comment-add textarea:focus{
    border-bottom:solid 2px #27ae60;
    transition:all 200ms ease;    
}

/*-----------------------------*/
/*----Image Slider Settings----*/
/*-----------------------------*/

/*----------------------*/
/*---Coverpage Slider---*/
/*----------------------*/

.coverpage-slider{
    margin-bottom:0px;
}

.coverpage-slider .owl-dots{   
    margin-top:-50px;
    opacity:0.5;
}

.coverpage-slider .owl-dots .active{
    opacity:1;
}

.cover-screen .overlay{opacity:0.8;}
.cover-center{  position:absolute;   top:50%; left:50%; position:absolute; z-index:10; width:300px;}
.cover-left{    position:absolute;   top:50%; left:30px; position:absolute; z-index:10;}
.cover-right{   position:absolute;   top:50%; right:30px; position:absolute; z-index:10;}

.cover-slide h1{
    font-size:40px;
    line-height:50px;
    padding-bottom:10px;
}

.cover-slide h2{
    font-size:32px;
    padding-bottom:10px;
}

.cover-slide h3{
    font-size:28px;
    padding-bottom:10px;
}

.cover-slide h4{
    font-size:24px;
    padding-bottom:10px;
}

.cover-slide h5{
    font-size:20px;
    padding-bottom:10px;
}

.cover-slide h6{
    font-size:16px;
    padding-bottom:10px;
}

.cover-slide h1,
.cover-slide h2,
.cover-slide h3,
.cover-slide h4,
.cover-slide h5,
.cover-slide h6{
    color:#FFFFFF;
}

.cover-slide p{
    font-size:15px;
    color:#b2b2b2;
}

.cover-icon-center{
    font-size:24px!important;
    color:#FFFFFF;
    width:70px;
    height:70px;
    line-height:68px!important;
    text-align:center;
    margin-left:auto!important;
    margin-right:auto!important;
    display:block!important;
    margin-bottom:50px!important
}
.cover-icon-right{}
.cover-icon-left{}
.cover-icon-round{border-radius:100%; border:solid 1px rgba(255,255,255,0.5);}

/*----------------------*/
/*----Homepage Slider---*/
/*----------------------*/

.demo-slider{
    margin-bottom:50px;
}


.homepage-slider .owl-dots{
    margin-top:20px;
}

.homepage-slider .overlay{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: linear-gradient( to bottom,
      rgba(0, 0, 0, 0.01),
      rgba(0, 0, 0, 0.7)
    );
}


.homepage-slider h5{
    text-shadow:0px 1px 0px #000000;
    font-size:19px;
    z-index:2;
    position:absolute;

    color:#FFFFFF;
    bottom:40px;
    padding-left:30px;
    padding-right:30px;
    display:block;
    width:100%;
}

.homepage-slider p{
    text-shadow:0px 1px 0px #000000;
    font-size:12px;
    z-index:2;
    position:absolute;
    color:#ededed;
    bottom:-10px;
    padding-left:30px;
    padding-right:30px;
    display:block;
    width:100%;
}

/*------------------*/
/*---Staff Slider---*/
/*------------------*/

.staff-slider img{
    margin-top:8px;
    width:150px!important;
    height:150px!important;
    border-radius:150px;
    margin-left:auto;
    margin-right:auto;
}

.staff-slider h3{
    text-align:center;
    margin-top:20px;
}

.staff-slider em{
    display:block;
    text-align:center;
    margin-top:-10px;
    margin-bottom:10px;
}

.staff-slider p{
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
}

.staff-icons a{
    margin-left:6px;
    margin-right:6px;
    margin-bottom:30px;
}

.staff-icons-three{
    width:180px;
    margin:0 auto;
}

.staff-icons-two{
    width:120px;
    margin:0 auto;
}

.staff-icons-one{
    width:60px;
    margin:0 auto;
}


@media (min-width:0px) and (max-width:340px){/*Small Devices*/
    .next-home-slider,
    .prev-home-slider,
    .next-staff-slider, 
    .prev-staff-slider, 
    .next-quote-slider, 
    .prev-quote-slider{
        top:41%;
    }
}

@media (min-width:340px) and (max-width:360px){/*Medium Devices*/
    .next-home-slider,
    .prev-home-slider,
    .next-staff-slider, 
    .prev-staff-slider, 
    .next-quote-slider, 
    .prev-quote-slider{
        top:43%;
    }
}

@media (min-width:360px) and (max-width:568px){/*Phablet Devices*/
    .next-home-slider,
    .prev-home-slider,
    .next-staff-slider, 
    .prev-staff-slider, 
    .next-quote-slider, 
    .prev-quote-slider{
        top:47%;
    }
}

@media (min-width:568px) and (max-width:768px){/*Phablet & Small Tablet Devices*/
    .next-home-slider,
    .prev-home-slider,
    .next-staff-slider, 
    .prev-staff-slider, 
    .next-quote-slider, 
    .prev-quote-slider{
        top:41%;
    }
}

@media(min-width:768px){ /*Tablet in Landscape Devices*/
    .next-home-slider,
    .prev-home-slider,
    .next-staff-slider, 
    .prev-staff-slider, 
    .next-quote-slider, 
    .prev-quote-slider{
        top:45%;
    }  
    .quote-slider{
        padding-left:100px!important;
        padding-right:100px!important;
    }
}

.next-home-slider{
    margin-top: -7px;
    width: 20px;
    height: 50px;
    right: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 9;
    transition: all 200ms ease;
    background-color: #fff;
}

.next-home-slider i{
    font-size: 16px;
    width: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #272727;
}

.next-home-slider:hover{
    background-color:rgba(0,0,0,0.3);
    border-radius:50px;
    transition:all 200ms ease;
}

.prev-home-slider:hover{
    background-color:rgba(0,0,0,0.3);
    border-radius:50px;
    transition:all 200ms ease;
}

.prev-home-slider{
    margin-top: -7px;
    width: 20px;
    height: 50px;
    left: 0px;
    color:#FFFFFF;
    position:absolute;
    z-index:9;
    transition:all 200ms ease;
    background-color: #fff;
}

.prev-home-slider i{
    font-size:16px;
    width: 20px;
    height:50px;
    line-height:50px;
    text-align:center;
    color: #272727;
}

.next-staff-slider, .next-quote-slider{
    margin-top:-25px;
    right:0px;
    position:absolute;
    z-index:9;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50px;
    text-align:center;
    color:#1f1f1f;
    transition:all 200ms ease;
}

.next-staff-slider:hover, .next-quote-slider:hover{
    background-color:rgba(0,0,0,0.1);
    transition:all 200ms ease;
}

.next-staff-slider i, .next-quote-slider i{
    font-size:16px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}

.prev-staff-slider, .prev-quote-slider{
    margin-top:-25px;
    left:0px;
    position:absolute;
    z-index:9;
    width:50px;
    height:50px;
    border-radius:50px;
    line-height:50px;
    text-align:center;
    color:#1f1f1f;
    transition:all 200ms ease;
}

.prev-staff-slider:hover, .prev-quote-slider:hover{
    background-color:rgba(0,0,0,0.1);
    transition:all 200ms ease;
}

.prev-staff-slider i, .prev-quote-slider i{
    font-size:16px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}

/*------------------*/
/*---Quote Slider---*/
/*------------------*/

.quote-slider{
    padding-left:30px;
    padding-right:30px;
}










/*This section is vital to functions*/
/* Main Content Class that houses all elements */

.all-elements{
	position:absolute;
	overflow-x:hidden!important;	
	width:100%;
	height:100%;
	min-height:100%;
	max-height:100%;
    -webkit-overflow-scrolling: touch;
}

/*---------CSS Plugins----------*/
/*------------------------------*/
/*------------------------------*/
/*---Sidebar Structure Plugin---*/
/*------------------------------*/
/*------------------------------*/

.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: 275px;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0.25s ease;
     -moz-transition: width 0.25s ease;
      -ms-transition: width 0.25s ease;
       -o-transition: width 0.25s ease;
          transition: width 0.25s 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;
}

.snapjs-right .snap-drawer-right {
	display: block !important;
	right: 0  !important;
	left: auto  !important;
}

.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: 286px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.25s ease;
     -moz-transition: width 0.25s ease;
      -ms-transition: width 0.25s ease;
       -o-transition: width 0.25s ease;
          transition: width 0.25s 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%;
}

.snapjs-right .snap-drawer-right {
	display: none;
}

#content {
	background-color:#FFFFFF;
	overflow-x:hidden;
}

.drawer-inner {
	-webkit-transition: opacity 0.25s ease; 
	   -moz-transition: opacity 0.25s ease; 
	    -ms-transition: opacity 0.25s ease; 
	     -o-transition: opacity 0.25s ease; 
	        transition: opacity 0.25s ease; 
}

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

.snap-drawers {
	background-color:#FFFFFF;
    background-size:100px 100px;
}

.snap-drawer {
	background-color:#FFFFFF;
    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;  
}

/*------------------------------*/
/*------------------------------*/
/*---Sliders and OWL Carousel---*/
/*------------------------------*/
/*------------------------------*/

/*Fix Jumping Image*/

.owl-item{
    transform: translate3d(0, 0, 0)!important;   
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 	Owl Carousel - Auto Height Plugin */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* Core Owl Carousel CSS File */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-dots{
    display:inline-block!important;
}

.owl-dot{
    background-color:#bdc3c7;
    margin-top:5px;
    border-radius:13px;
    height:14px;
    width:14px;
    float:left;
    margin-left:5px;
    margin-right:5px;
}

.owl-dots .active{
    background-color:#7f8c8d!important;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*Owl Carousel - Lazy Load Plugin*/
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/*Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.html") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/*------------------------------*/
/*------------------------------*/
/*----Swipebox Touch Gallery----*/
/*------------------------------*/
/*------------------------------*/

.gallery-fix{
	display:none;
	background-color:rgba(255,255,255,0);
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:99999!important	
}

@media (min-width:768px) and (orientation:landscape){
	.gallery li { list-style: none!important; float: left; width: 16.5%; transition:all 200ms ease; }
	.gallery{margin-left:-1%!important;}
}

@media (min-width:768px) and (orientation:portrait){
	.gallery li { list-style: none!important; float: left; width: 25%; transition:all 200ms ease; }
	.gallery{margin-left:-1%!important;}
}

.square-thumb li img{
	border-radius:0px!important;
}

.round-thumb li img{
	border-radius:500px;
}

.gallery li a{
	font-size:12px;
	text-align:center;
	color:#1f1f1f;
}

.swipebox {
  overflow: hidden!important;
}

.swipebox div{
	overflow:visible!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999!important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#swipebox-slider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	display: none;
}

#swipebox-slider .slide {
	background: url("../images/gallery/loader.html") no-repeat center center;
	height: 100%;
	width: 100%;
	line-height: 1px;
	text-align: center;
	display: inline-block;
}

#swipebox-slider .slide:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#swipebox-slider .slide img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
}

#swipebox-action, #swipebox-caption {
	position: absolute;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%;
}

#swipebox-action {
	bottom: -50px;
}

#swipebox-action.visible-bars {
	bottom: 0;
}

#swipebox-action.force-visible-bars {
	bottom: 0!important;
}

#swipebox-caption {
	top: -50px;
	text-align: center;
}
#swipebox-caption.visible-bars {
	top: 0;
}

#swipebox-caption.force-visible-bars {
	top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
	background-image: url("../images/framework/icons.png");
	background-repeat: no-repeat;
	border: none!important;
	text-decoration: none!important;
	cursor: pointer;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
}

#swipebox-action #swipebox-close {
	background-position: 15px 12px;
	left: 40px;
}

#swipebox-action #swipebox-prev {
	background-position: -32px 13px;
	right: 100px;
}

#swipebox-action #swipebox-next {
	background-position: -78px 13px;
	right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.3;
}

#swipebox-slider.rightSpring {
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
	0% {   margin-left: 0px;   }
	50% {  margin-left: -30px; }
	100% { margin-left: 0px;   }
}

@-moz-keyframes leftSpring {
	0% {   margin-left: 0px;  }
	50% {  margin-left: 30px; }
	100% { margin-left: 0px;  }
}

@-webkit-keyframes rightSpring {
	0% {   margin-left: 0px;   }
	50% {  margin-left: -30px; }
	100% { margin-left: 0px;   }
}

@-webkit-keyframes leftSpring {
	0% {    margin-left: 0px;  }
	50% {   margin-left: 30px; }
	100% {  margin-left: 0px;  }
}

/* Skin*/
#swipebox-overlay {
	background: #0d0d0d;
	opacity:1;
}

#swipebox-action, #swipebox-caption {
	text-shadow: 1px 1px 1px black;
	background-color: #0d0d0d;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(#0d0d0d, #000000);
	background-image: -moz-linear-gradient(#0d0d0d, #000000);
	background-image: -o-linear-gradient(#0d0d0d, #000000);
	background-image: linear-gradient(#0d0d0d, #000000);
	-webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
	-moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
	box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	opacity: 1;
}

#swipebox-action {
	-webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
	-moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
	box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
}

#swipebox-caption {
	color: white!important;
	font-size: 12px;
	line-height: 50px;
	font-family: 'Open Sans', sans-serif;
}

/*-----------------------------*/
/*-----------------------------*/
/*---iOS/Android Add To Home---*/
/*-----------------------------*/
/*-----------------------------*/

.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet {
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-size: 20%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	right:0px;
	margin: 0;
	float: none;
}

/* applied only if the application icon is shown */
.ath-container.ath-icon {}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
    line-height:20px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 12px;
    padding-left:30px;
    padding-right:30px;
}

.ath-container p small{
    padding-top:10px;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 1em;
	height: 1em;
	bottom: -0.4em;
	left: 50%;
	margin-left: -0.5em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
    margin-left:auto;
    margin-right:auto;
	position: relative;
	padding: 0;
	border: 0;
    margin-top:10px;
    margin-bottom:10px;
    width:70px;
    height:70px;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}



/*Adjustments for Header*/ 

.pageapp-signup-content .unboxed-layout, 
.pageapp-signup-content .boxed-layout,
.pageapp-login-content .unboxed-layout, 
.pageapp-login-content .boxed-layout
{
    margin-top:-40px!important;
}


.countdown-content .unboxed-layout,
.countdown-content .boxed-layout,
.error-content .unboxed-layout,
.error-content .unboxed-layout
{
    margin-top:-60px!important;
}

.detay-hizmetler-baslik {
    position: relative !important; 
    padding-left: 0px !important;
    z-index: 999999 !important;
    background-color: #FDFDFD !important !important;
    text-align: left !important;
    top:0px !important;
}