@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);@import url(http://fonts.googleapis.com/css?family=Crete+Round:400,400italic);@import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script);@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);*{
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;}
body{
margin:0;padding:0;overflow-x:hidden;}
body::-webkit-scrollbar{
display:none;}
a:hover{
text-decoration:none!important;}
::selection{
background-color:#CCC;color:#000;}
div,a,p,img,blockquote,form,fieldset,textarea,input,label,iframe,code,pre{
display:block;position:relative;}
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;}
p{
line-height:30px;margin-bottom:30px;font-size:20px;}
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:#fff;}
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:'Roboto',sans-serif;}
.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:#c0392b!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;}
.bg-1{
background-image:url(../images/pictures/1.jpg);}
.bg-2{
background-image:url(../images/pictures/2.jpg);}
.bg-3{
background-image:url(../images/pictures/3.jpg);}
.bg-4{
background-image:url(../images/pictures/4.jpg);}
.bg-5{
background-image:url(../images/pictures/5.jpg);}
.bg-6{
background-image:url(../images/pictures/6.jpg);}
.bg-7{
background-image:url(../images/pictures/7.jpg);}
.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;}
h1,h2,h3,h4,h5,h6{
font-family:'Roboto',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:700;}
h2{
font-size:22px;line-height:44px;font-weight:700;}
h3{
font-size:20px;line-height:22px;font-weight:700;}
h4{
font-size:18px;line-height:22px;font-weight:700;}
h5{
font-size:16px;line-height:20px;font-weight:700;}
h6{
font-size:14px;line-height:30px;font-weight:800;}
body{
font-size:14px;font-family:'Roboto',sans-serif;line-height:30px;font-weight:400;color:#666666;}
.highlighted{
padding:4px 10px;margin-bottom:5px;}
.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{
width:100%;margin-bottom:35px;}
.table-title{
font-family:'Dosis',sans-serif;font-size:12px;}
.table-sub-title{
font-family:'Dosis',sans-serif;font-weight:bold;font-size:12px;}
.price{
font-size:12px;}
.small-price{
position:absolute;margin-left:0px;font-size:10px;margin-top:-3px!important;}
.table{
font-size:12px;text-shadow:1px 1px 0px #fff;background:#eaebec;border:#ccc 1px solid;margin-bottom:25px;}
.table th{
padding:21px 25px 22px 25px;border-bottom:1px solid #e0e0e0;}
.table th:first-child{
text-align:center;padding-left:20px;}
.table tr{
text-align:center;padding-left:20px;}
.table tr td:first-child{
text-align:left;padding-left:20px;border-left:0;}
.table tr td{
padding:14px;border-top:1px solid #ffffff;border-bottom:1px solid #e0e0e0;border-left:0px solid #e0e0e0;}
.table tr.even td{
background:#efefef;}
.table tr:last-child td{
border-bottom:0;}
.table tr:hover td{
background:#f8f8f8;}
.table-heading{
padding-top:10px;padding-bottom:15px;}
.table-text{
color:#6f6f6f;}
.morphext>.animated{
display:inline-block;}
.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{
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;}
@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:13px;
    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;
}


@media(min-width:700px){


    .heading-style-5 .line{

        height:1px;
        background-color:rgba(0,0,0,0.15);
        width:300px;
        margin-left:auto;
        margin-right:auto;
        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-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-v2{

    margin-bottom:30px;
	margin-left:15px;
	margin-right:15px;
    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;   
    }

    
    .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: 'Petit Formal Script', cursive;
    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: 'Petit Formal Script', cursive;
    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:99999999; 
}


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



#status em{

	font-size:10px!important;
	display:block;
	font-style:normal;
}


/*------------*/
/*------------*/
/*----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(0,0,0,0.04);
    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;
}



.tab-content{

    display: none;
    background: rgba(0,0,0,0.04);
    padding: 15px;
}


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


.toggle a:first-child{

    height:60px;
    line-height:60px;
    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:1px;
    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;
}


.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:9999;
    position:fixed;
    top:60px;
    left:0px;
    right:0px;
    width:100%;
    padding:15px 20px;
}


@media(min-width:568px){

    .top-notification{

        width:320px;   
        right:40px;
        left:auto;
        top:20px;
    }

}


.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:320px;   
        right:40px;
        left:auto;
        bottom:40px;
    }

}


.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:'Source Sans Pro', sans-serif;
	padding-left:5px;
}


.chart em{

	font-size:13px;
	text-align:right;
	font-style:normal;
	display:block;
	margin-bottom:10px;
	margin-top:-20px;
	font-weight:300;
	font-family:'Source Sans Pro', sans-serif;
	padding-right:5px;
}


.chart-background{

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


.red-chart{

	background-color:#c0392b;
	margin:3px;
	height:16px;
	opacity:0.9;
}


.green-chart{

	background-color:#27ae60;
	margin:3px;
	height:16px;
	opacity:0.9;
}


.yellow-chart{

	background-color:#f39c12;
	margin:3px;
	height:16px;
	opacity:0.9;
}


.magenta-chart{

	background-color:#8e44ad;
	margin:3px;
	height:16px;
	opacity:0.9;
}


.blue-chart{

	background-color:#2980b9;
	margin:3px;
	height:16px;
	opacity:0.9;
}


.chart-round div{

	border-radius:20px;
}


.p100{
width:100%;}

.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-xl{

    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:#27ae60; color:#FFFFFF;}

.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;
    width:100%;
    z-index:99999;
    background-color:#f8f8f8;
    padding-top:15px;
    padding-bottom:15px;
    border-top:solid 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
            box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    bottom:-380px;
    transition:all 350ms ease;
}


.active-share-bottom{

    -webkit-box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;
            box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;
    bottom:0px!important;
    transition:all 350ms ease;
}


.share-bottom h3{

    text-align:center;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:15px;
    border-bottom:solid 1px rgba(0,0,0,0.05);
    margin-left:-5px;
}


.share-socials-bottom{

    width:300px;
    margin-left:auto;
    margin-right:auto;
}


.share-socials-bottom a{

    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:15px;
    border-top:solid 1px rgba(0,0,0,0.05);
    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:120px;
    height:34px;
    border-radius:18px;
    font-size:12px;
    position:fixed;
    z-index:9999;
    left:50%;
    margin-left:-60px;
    bottom:40px;
    color:#FFFFFF;
    text-align:center;
    line-height:32px;
    background: #499bea; /* Old browsers */
    background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */    
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
            box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    -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;
    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{

    margin-bottom:20px;
}


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


.user-list-item strong{

    color:#1f1f1f;
    margin-left:60px;
    font-size:15px;
    margin-bottom:0px;
    margin-top:-5px;
    display:block;
}


.user-list-item em{

    display:block;
    font-size:12px;
    padding-left:60px;
    font-style:normal;
    color:#666666;
    font-weight:500;
}


.user-list-item i{

    position:absolute;
    right:0px;
    top:23px;
    font-size:12px;
    color:#1f1f1f;
}


.user-list-follow{

    padding-bottom:50px;
    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:50px;
}


.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.65;
    position:absolute;
    width:100%;
    height:100%;
    z-index:9;
}


.map-fullscreen .deactivate-map{

    position:absolute;
    z-index:10;
    bottom:-15px;
    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:-40px;
    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:5px;
    padding-bottom:5px;
}


.selected-filter{

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


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


.portfolio-filter-item img{

   margin-bottom:20px;
}


.gallery-filter-item img{

    border-radius:5px;
}


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



.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;
    margin-bottom:5px;
}


.contact-twitter i{

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


.contact-linkedin{

	color:#666;
	height:25px;
	display:block;
}


.contact-linkedin 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:40px;
    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-bottom:30px;
}


.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);
    border-radius:5px;
    padding:30px;
}


.date-years, date-years em{

    display:none;
}


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


.pageapp-timeline-1 .timeline-decoration{

    width:1px;
    height:10000px;
    position:absolute;
    background-color:rgba(0,0,0,0.2);
    left:50%;
    margin-left:-1px;
    top:0px;
}


.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:96%;
	z-index:2;
	background-color:rgba(0,0,0,0.1);
	margin-left:22px;
}


.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-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{

    border-radius:50px;
    margin-top:-20px;
    width:50px;
    height:50px;
    right:10px; 
    color:#FFFFFF; 
    position:absolute; 
    z-index:9;
    transition:all 200ms ease;
}


.next-home-slider i{

    font-size:16px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    text-shadow:0px 2px 0px #000000;
}


.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{

    border-radius:50px;
    margin-top:-20px;
    width:50px;
    height:50px;
    left:10px; 
    color:#FFFFFF; 
    position:absolute; 
    z-index:9;
    transition:all 200ms ease;
}


.prev-home-slider i{

    font-size:16px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    text-shadow:0px 2px 0px #000000;
}


.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, #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:#1f1f1f;
    background-size:100px 100px;
}


.snap-drawer {

	background-color:#1f1f1f;
    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: 'Roboto', 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:-60px!important;
}



.countdown-content .unboxed-layout,
.countdown-content .boxed-layout,
.error-content .unboxed-layout,
.error-content .unboxed-layout
{

    margin-top:-70px!important;
}