p{color:#9a9a9a;}
p strong{color:#1f1f1f;}
a{color:#2980b9;}

::-webkit-scrollbar {display: none;}
html, body{overflow-x:hidden;}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate3d(1,1,1);
    transform:translate3d(1,1,1);    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

body{
	margin: 0;
	padding: 0;
	overflow-x:hidden;
    font-size:13px;
    font-family:'Roboto', sans-serif;
    line-height:24px;
    font-weight:400;
}
::selection {color:inherit;   background: transparent;}
div, a, p, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
	display: block;
	position:relative;
}

textarea, input {outline: none;}
input{border-radius: 0; -webkit-border-radius:0px; display:inline-block;}
textarea{-webkit-appearance: none; border-radius: 0; -webkit-border-radius:0px;}
label a{display:inline-block;}

/*---Page Content Settings---*/
/*---------------------------*/

#page-content{margin-bottom:0px; background-color:#FFFFFF;}
.page-content-gray{background-color:#e1e0e6;}

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

p{line-height: 28px; margin-bottom: 30px; font-size:13px;}
p > a {	display: inline; text-decoration: none;}
p > a:hover{text-decoration: underline;}
p > span {display: inline;}
p strong{font-size:13px; font-weight:500;}
span > a {display: inline;}
a > span {display: inline;}
a {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; width: 100%; clear: both; margin-bottom: 27px;}
th {vertical-align: middle; font-weight: bold;}
tr {line-height: 18px;}
td {text-align: center; padding:9px 0px 9px 0px; line-height: 18px;	vertical-align: middle;}
.table tr.even td{background: #efefef;}
.table tr:hover td{background: #f8f8f8;}
tr:hover > td {background: #fff;}
th{	border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;	color: #1f1f1f; line-height:35px;	background-color: #f6f6f6;}
td{ border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;   color: #666;	background-color: #fdfdfd;}
table{    background-color: #f6f6f6; border-left: 1px solid #e9e9e9;    	border-top: 1px solid #e9e9e9;}
.table-borders-light *{border-color:rgba(255,255,255,0.1);}
ul, ol{color:#666666;}
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;}
sub, sup{font-size: 50%; line-height: 0;  position: relative;  vertical-align: baseline;}
sup{top: -15px;} sub{bottom: 0px;}
.disabled{display:none;}
.disabled-box{display:none;}
.center-item{margin-left:auto; margin-right:auto;}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-17{font-size:17px;}
.font-18{font-size:18px;}
.font-19{font-size:19px;}
.font-20{font-size:20px;}
.font-21{font-size:21px;}

h1{ font-size:24px; line-height:26px; font-weight:500; margin-bottom:5px;}
h2{ font-size:21px; line-height:25px; font-weight:500; margin-bottom:5px;}
h3{ font-size:20px; line-height:24px; font-weight:500; margin-bottom:5px;}
h4{ font-size:18px; line-height:23px; font-weight:500; margin-bottom:5px; text-align: center;}
h5{ font-size:15px; line-height:22px; font-weight:500; margin-bottom:5px;}
h1, h2, h3, h4, h5{font-family:'Dosis', sans-serif;}

/*---Lists---*/
/*-----------*/

.font-icon-list li{list-style:none;	padding-left:0px; margin-left:-20px; line-height:30px;}
.font-icon-list i{margin-right:10px; width:20px; text-align:center;	display:inline-block;}
.font-icon-list .font-icon-list{padding-left: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;}
ul ul, ol ol{padding-top:10px; padding-bottom:10px;}
ol{padding-left:20px; list-style-type: decimal;}
ol ol{list-style-type:lower-alpha;}
ol ol ol{list-style-type:disc;}

/*---Responsive Classes---*/
/*------------------------*/

.clear{clear:both;}
.no-bottom{margin-bottom:0px;}
.no-top{margin-top:0px; padding-top:0px;}
.half-bottom{margin-bottom:5px; display:block;}
.quarter-bottom{margin-bottom:5px;}
.quarter-top{margin-top:5px;}
.small-bottom{margin-bottom:10px; display:block;}
.small-top{margin-top:10px; display:block;}
.half-top{margin-top:15px; display:block;}
.full-bottom{margin-bottom:30px; display:block;}
.full-top{margin-top:30px; display:block;}
.left-padding{padding-left:30px;}
.right-padding{padding-right:30px;}
.padding-right{padding-right:20px;}
.padding-left{padding-left:20px;}
.no-border{border:none;}
.responsive-image{display:block; width:100%; margin-bottom:15px;}
.maps{min-height:200px;}
.polaroid-effect{background-image:#FFFFFF; border:solid 1px rgba(0,0,0,0.15); padding:7px;}
.rounded-image{border-radius:300px; max-width:300px; overflow: hidden;}
.no-shadow{box-shadow:none;}
.center-object{margin: auto; background-position:center;}
.box-shadow{box-shadow: 0px 2px 10px rgba(0,0,0,0.15);}
.icon-clear-left{padding-left:15px;}
.icon-clear-right{padding-right:15px;}
.text-shadow{text-shadow:0px 1px 0px #FFFFFF;}

.content{margin:0px 20px 30px 20px;}
.content-fullscreen, .content-full{margin-bottom:30px;	padding:0px;}

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

.container, .container-fullscreen{margin-bottom:30px; display:block;}
.hide-if-mobile{display:none;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform:capitalize;}
.thin{font-weight:300;}
.ultrathin{font-weight:100;}
.thiner{font-weight:400;}
.bold{font-weight:600;}
.regular{font-weight:400;}
.regularbold{font-weight:500;}
.ultrabold{font-weight:900;}
.justify{text-align:justify;}
.italic{font-style: italic;}
.pointer{cursor:pointer;}

.ultrasmall-text{font-size:10px;}
.small-text{font-size:12px; margin-top:-5px; display:block; line-height:24px;}
.smaller-text{font-size:11px; margin-top:-5px; display:block;}
.normal-text{font-size:14px;}
.larger-text{font-size:26px;}
.large-text{font-size:28px;}
.huge-text{font-size:30px;}
.boxed-text{max-width:80%; margin:0 auto; text-align:center;}
.boxed-text-small{max-width:200px; margin:0 auto; text-align:center;}
.boxed-text-large{max-width:300px; margin:0 auto; text-align:center;}
.medium-line-height{line-height:30px;}
.large-line-height{line-height:40px;}
.small-text-icon i{padding-left:15px; width:25px; padding-right:10px;}
.small-text-icon i:first-child{padding-left:0px;}
.border-text{border-width:4px; padding:5px 0px 5px 15px; border-right:none; border-top:none; border-bottom:none;}

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

.one-half{width:45%; float:left; margin-right:10%;}
.one-third{width:28%; float:left; margin-right:8%;}    
.last-column{margin-right:0%;}

/*---Decorations---*/
/*-----------------*/
.decoration-margins{margin:0px 20px 0px 20px;}

.decoration{height:1px; display:block; margin-bottom:10px; clear:both; background-color:rgba(0,0,0,0.1); box-shadow: 0 1px 0 0 rgba(255,255,255,1);}
.decoration-boxed{margin:0px 20px 0px 20px;}
.decoration-lines div{height:5px; width:10%; float:left;}
.decoration-lines-thin div{height:3px; width:10%; float:left;}
.deco-0{background-color:#c0392b;}
.deco-1{background-color:#2ecc71;}
.deco-2{background-color:#3498db;}
.deco-3{background-color:#bdc3c7;}
.deco-4{background-color:#f1c40f;}
.deco-5{background-color:#e67e22;}
.deco-6{background-color:#9b59b6;}
.deco-7{background-color:#34495e;}
.deco-8{background-color:#16a085;}
.deco-9{background-color:#95a5a6; margin-bottom:30px;}
.deco-thick{height:3px; width:60px; margin:0 auto;}
.heading-icon{height:50px; width:50px; background-color:#FFFFFF; line-height:27px;}

.decoration-small{height:3px; width:100px; margin:0px auto 30px auto;}
.decoration-shadow{height: 5px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}
.decoration-line-fade{border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.decoration-zig-zag{height: 6px; background: url(../images/framework/deco-zig.png) repeat-x 0 0; border: 0;}
.decoration-slash{height: 6px; background: url(../images/framework/deco-slash.png) repeat-x 0 0; border: 0;}

.bg-teal-light{ background-color: #A0CECB; color:#FFFFFF;}
.bg-teal-dark{  background-color: #7DB1B1; color:#FFFFFF;}
.border-teal-light{ border:solid 1px #A0CECB;}
.border-teal-dark{  border:solid 1px #7DB1B1;}
.bg-hover-teal-light:hover{ background-color: #A0CECB; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-teal-dark:hover{  background-color: #7DB1B1; color:#FFFFFF; transition:all 200ms ease;}
.color-teal-light{ color: #A0CECB;}
.color-teal-dark{  color: #7DB1B1;}

.bg-green-light{background-color: #A0D468; color:#FFFFFF;}
.bg-green-dark{background-color: #8CC152; color:#FFFFFF;}
.border-green-light{border:solid 1px #A0D468;}
.border-green-dark{ border:solid 1px #8CC152;}
.bg-hover-green-light:hover{background-color: #A0D468; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-green-dark:hover{background-color: #8CC152; color:#FFFFFF; transition:all 200ms ease;}
.color-green-light{color: #A0D468;}
.color-green-dark{color: #8CC152;}

.bg-green2-light{background-color: #2ECC71; color:#FFFFFF;}
.bg-green2-dark{background-color: #2ABA66; color:#FFFFFF;}
.border-green2-light{border:solid 1px #2ECC71;}
.border-green2-dark{ border:solid 1px #2ABA66;}
.bg-hover-green2-light:hover{background-color: #2ECC71; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-green2-dark:hover{background-color: #2ABA66; color:#FFFFFF; transition:all 200ms ease;}
.color-green2-light{color: #2ECC71;}
.color-green2-dark{color: #2ABA66;}

.bg-blue-light{background-color: #5D9CEC; color:#FFFFFF;}
.bg-blue-dark{background-color: #4A89DC; color:#FFFFFF;}
.border-blue-light{border:solid 1px #5D9CEC;}
.border-blue-dark{ border:solid 1px #4A89DC;}
.bg-hover-blue-light:hover{background-color: #5D9CEC; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-blue-dark:hover{background-color: #4A89DC; color:#FFFFFF; transition:all 200ms ease;}
.color-blue-light{color: #5D9CEC;}
.color-blue-dark{color: #4A89DC;}

.bg-blue2-light{background-color: #4FC1E9; color:#FFFFFF;}
.bg-blue2-dark{background-color: #3BAFDA; color:#FFFFFF;}
.border-blue2-light{border:solid 1px #4FC1E9;}
.border-blue2-dark{ border:solid 1px #3BAFDA;}
.bg-hover-blue2-light:hover{background-color: #4FC1E9; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-blue2-dark:hover{background-color: #3BAFDA; color:#FFFFFF; transition:all 200ms ease;}
.color-blue2-light{color: #4FC1E9;}
.color-blue2-dark{color: #3BAFDA;}

.bg-magenta-light{background-color: #8067B7; color:#FFFFFF;}
.bg-magenta-dark{background-color: #6A50A7; color:#FFFFFF;}
.border-magenta-light{border:solid 1px #8067B7;}
.border-magenta-dark{ border:solid 1px #6A50A7;}
.bg-hover-magenta-light:hover{background-color: #8067B7; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-magenta-dark:hover{background-color: #6A50A7; color:#FFFFFF; transition:all 200ms ease;}
.color-magenta-light{color: #8067B7;}
.color-magenta-dark{color: #6A50A7;}

.bg-night-light{background-color: #656D78; color:#FFFFFF;}
.bg-night-dark{background-color: #434A54; color:#FFFFFF;}
.border-night-light{border:solid 1px #656D78;}
.border-night-dark{ border:solid 1px #434A54;}
.bg-hover-night-light:hover{background-color: #656D78; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-night-dark:hover{background-color: #434A54; color:#FFFFFF; transition:all 200ms ease;}
.color-night-light{color: #656D78;}
.color-night-dark{color: #434A54;}

.bg-yellow-light{background-color: #FFCE54; color:#FFFFFF;}
.bg-yellow-dark{background-color: #F6BB42; color:#FFFFFF;}
.border-yellow-light{border:solid 1px #FFCE54;}
.border-yellow-dark{ border:solid 1px #F6BB42;}
.bg-hover-yellow-light:hover{background-color: #FFCE54; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-yellow-dark:hover{background-color: #F6BB42; color:#FFFFFF; transition:all 200ms ease;}
.color-yellow-light{color: #FFCE54;}
.color-yellow-dark{color: #F6BB42;}

.bg-yellow2-light{background-color: #E8CE4D; color:#FFFFFF;}
.bg-yellow2-dark{background-color: #E0C341; color:#FFFFFF;}
.border-yellow2-light{border:solid 1px #E8CE4D;}
.border-yellow2-dark{ border:solid 1px #E0C341;}
.bg-hover-yellow2-light:hover{background-color: #E8CE4D; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-yellow2-dark:hover{background-color: #E0C341; color:#FFFFFF; transition:all 200ms ease;}
.color-yellow2-light{color: #E8CE4D;}
.color-yellow2-dark{color: #E0C341;}

.bg-orange-light{background-color: #FC6E51; color:#FFFFFF;}
.bg-orange-dark{background-color: #E9573F; color:#FFFFFF;}
.border-orange-light{border:solid 1px #FC6E51;}
.border-orange-dark{ border:solid 1px #E9573F;}
.bg-hover-orange-light:hover{background-color: #FC6E51; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-orange-dark:hover{background-color: #E9573F; color:#FFFFFF; transition:all 200ms ease;}
.color-orange-light{color: #FC6E51;}
.color-orange-dark{color: #E9573F;}

.bg-red-light{background-color: #e74c3c; color:#FFFFFF;}
.bg-red-dark{background-color: #c0392b; color:#FFFFFF;}
.border-red-light{border:solid 1px #e74c3c;}
.border-red-dark{ border:solid 1px #c0392b;}
.bg-hover-red-light:hover{background-color: #e74c3c; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-red-dark:hover{background-color: #c0392b; color:#FFFFFF; transition:all 200ms ease;}
.color-red-light{color: #e74c3c;}
.color-red-dark{color: #c0392b;}

.bg-pink-light{background-color: #fa6a8e ; color:#FFFFFF;}
.bg-pink-dark{background-color: #FB3365 ; color:#FFFFFF;}
.border-pink-light{border:solid 1px #fa6a8e ;}
.border-pink-dark{ border:solid 1px #FB3365 ;}
.bg-hover-pink-light:hover{background-color: #f85d84; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-pink-dark:hover{background-color: #fa6a8e; color:#FFFFFF; transition:all 200ms ease;}
.color-pink-light{color: #fa6a8e;}
.color-pink-dark{color: #FB3365;}

.bg-brown-light{background-color: #BAA286 ; color:#FFFFFF;}
.bg-brown-dark{background-color: #AA8E69 ; color:#FFFFFF;}
.border-brown-light{border:solid 1px #BAA286 ;}
.border-brown-dark{ border:solid 1px #AA8E69 ;}
.bg-hover-brown-light:hover{background-color: #BAA286; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-brown-dark:hover{background-color: #AA8E69; color:#FFFFFF; transition:all 200ms ease;}
.color-brown-light{color: #BAA286;}
.color-brown-dark{color: #AA8E69;}

.bg-brown2-light{background-color: #8E8271 ; color:#FFFFFF;}
.bg-brown2-dark{background-color: #7B7163 ; color:#FFFFFF;}
.border-brown2-light{border:solid 1px #8E8271 ;}
.border-brown2-dark{ border:solid 1px #7B7163 ;}
.bg-hover-brown2-light:hover{background-color: #8E8271; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-brown2-dark:hover{background-color: #7B7163; color:#FFFFFF; transition:all 200ms ease;}
.color-brown2-light{color: #8E8271;}
.color-brown2-dark{color: #7B7163;}

.bg-gray-light{background-color: #bdc3c7; color:#FFFFFF;}
.bg-gray-dark{background-color: #95a5a6; color:#FFFFFF;}
.border-gray-light{border:solid 1px #bdc3c7;}
.border-gray-dark{ border:solid 1px #95a5a6;}
.bg-hover-gray-light:hover{background-color: #bdc3c7; color:#FFFFFF; transition:all 200ms ease;}
.bg-hover-gray-dark:hover{background-color: #95a5a6; color:#FFFFFF; transition:all 200ms ease;}
.color-gray-light{color: #bdc3c7;}
.color-gray-dark{color: #95a5a6;}

.bg-white{background-color:#FFFFFF;}
.bg-hover-black:hover{background-color:#FFFFFF; color:#000000;}
.color-white{color:#FFFFFF;}
.border-white{border:solid 1px #FFFFFF;}
.border-light{border-color:rgba(255,255,255,0.05);}

.bg-black{background-color:#000000;}
.bg-hover-black:hover{background-color:#000000; color:#FFFFFF;}
.color-black{color:#000000;}
.border-black{border:solid 1px #000000;}

.facebook-color{color:#3b5998;}
.linkedin-color{color:#0077B5;}
.twitter-color{color:#4099ff;}
.google-color{color:#d34836;}
.whatsapp-color{color:#34AF23;}
.pinterest-color{color:#C92228;}
.sms-color{color:#27ae60;}
.mail-color{color:#3498db;}
.dribbble-color{color:#EA4C89;}
.tumblr-color{color:#2C3D52;}
.reddit-color{color:#336699;}
.youtube-color{color:#D12827;}
.phone-color{color:#27ae60;}
.skype-color{color:#12A5F4;}

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

.button{transition:all 250ms ease; text-shadow:none;}
@media(max-width:560px){.demo-socials a{width:100%;}}
@media(min-width:560px) and (max-width:760px){.demo-socials a{width:45%;}}
@media(min-width:760px) and (max-width:1280px){.demo-socials a{width:31%;}}
@media(min-width:1280px){.demo-socials a{width:18%;}}    

.icon{display:inline-block; margin:0px 5px 5px 5px; transition:all 250ms ease;}
.icon:hover, .button:hover{
	transform:scale(1.1, 1.1);
	transition:all 250ms ease;
}
.button, .button-round{
    color:#FFFFFF;
    height:45px;
    line-height:42px;
    text-align:center;
    font-size:12px;
    display:inline-block;
    margin:0px 10px 10px 0px;
    padding:0px 20px 0px 20px;
}

.button-ghost:hover{background-color:#FFFFFF; color:#1f1f1f;}
.icon i{display:block; text-align:center;}
.button-bold{font-weight:700;}
.button-xl{font-size:18px; height:70px; line-height:68px;}
.button-xl.button-icon i{font-size:12px; height:70px; width:68px; border-radius:70px; line-height:70px;}
.button-l{font-size:16px; height:60px; line-height:60px;}
.button-l.button-icon i{font-size:20px; height:60px; width:55px; line-height:60px;}
.button-l.button-icon{line-height:60px;}
.button-m{font-size:15px; height:55px; line-height:55px;}
.button-m.button-icon i{font-size:16px; height:55px; width:55px; line-height:55px;}
.button-m.button-icon{line-height:55px;}
.button-sm{font-size:12px; height:45px; line-height:41px;}
.button-sm.button-icon i{font-size:14px; height:45px; width:45px; line-height:45px;}
.button-sm.button-icon{line-height:45px;}
.button-s{font-size:12px; height:40px; line-height:36px;}
.button-s.button-icon i{font-size:14px; height:40px; width:40px; line-height:40px;}
.button-s.button-icon{line-height:40px;}
.button-xs{font-size:11px; height:35px; line-height:31px;}
.button-xs.button-icon i{font-size:14px; height:35px; width:35px; line-height:35px;}
.button-xs.button-icon{line-height:35px;}
.button-icon.button-center-large{padding-left:40px;}

.icon-xxl{width:100px; height:100px; line-height:100px; font-size:40px;}
.icon-xxl i{width:100px; height:100px; line-height:100px; font-size:40px;}
.icon-xl{width:70px; height:70px; line-height:70px; font-size:32px;}
.icon-xl i{width:70px; height:70px; line-height:70px; font-size:32px;}
.icon-l{width:60px; height:60px; line-height:60px; font-size:24px;}
.icon-l i{width:60px; height:60px; line-height:60px; font-size:24px;}
.icon-m{width:55px; height:55px; line-height:55px; font-size:20px;}
.icon-m i{width:55px; height:55px; line-height:55px; font-size:20px;}
.icon-s{width:40px; height:40px; line-height:38px; font-size:16px;}
.icon-s i{width:40px; height:40px; line-height:39px; font-size:16px;}
.icon-xs i{width:35px; height:35px; line-height:35px; font-size:14px;}
.icon-xs{width:35px; height:35px; line-height:35px; font-size:14px;}
.icon-round{border-radius:3px;}
.icon-circle{border-radius:100%;}
.icon-center{margin:0 auto; display:block;}

.button-teal{background-color:#A0CECB; border:solid 2px #A0CECB; }
.button-teal:hover{background-color:#7DB1B1; border:solid 2px #7DB1B1;}
.button-teal:active{background-color:#628d8d; border-bottom:solid 2px #628d8d;}

.button-mint{background-color:#48CFAD; border:solid 2px #48CFAD; }
.button-mint:hover{background-color:#37BC9B; border:solid 2px #37BC9B;}
.button-mint:active{background-color:#2fa285; border-bottom:solid 2px #2fa285;}

.button-green{background-color:#8CC152; border:solid 2px #8CC152;}
.button-green:hover{background-color:#A0D468; border:solid 2px #A0D468;}
.button-green:active{background-color:#77a346; border:solid 2px #77a346;}

.button-blue{background-color:#4A89DC; border:solid 2px #4A89DC;}
.button-blue:hover{background-color:#5D9CEC; border:solid 2px #5D9CEC;}
.button-blue:active{background-color:#3a71b9; border:solid 2px #3a71b9;}

.button-blue2{background-color:#4FC1E9; border:solid 2px #4FC1E9;}
.button-blue2:hover{background-color:#3BAFDA; border:solid 2px #3BAFDA;}
.button-blue2:active{background-color:#3ba3c9; border:solid 2px #3ba3c9;}

.button-magenta{background-color:#AC92EC; border:solid 2px #AC92EC;}
.button-magenta:hover{background-color:#967ADC; border:solid 2px #967ADC;}
.button-magenta:active{background-color:#8a70cc; border:solid 2px #8a70cc;}

.button-magenta2{background-color:#8067B7; border:solid 2px #8067B7;}
.button-magenta2:hover{background-color:#6A50A7; border:solid 2px #6A50A7;}
.button-magenta2:active{background-color:#503a84; border:solid 2px #503a84;}

.button-dark{background-color:#3C3B3D; border:solid 2px #3C3B3D;}
.button-dark:hover{background-color:#323133; border:solid 2px #323133;}
.button-dark:active{background-color:#000000; border:solid 2px #000000;}

.button-dark2{background-color:#656D78; border:solid 2px #656D78;}
.button-dark2:hover{background-color:#656D78; border:solid 2px #656D78;}
.button-dark2:active{background-color:#3a404a; border:solid 2px #434A54;}

.button-yellow{background-color:#F6BB42; border:solid 2px #F6BB42;}
.button-yellow:hover{background-color:#d8a02e; border:solid 2px #d8a02e;}
.button-yellow:active{background-color:#cb9527; border:solid 2px #cb9527;}

.button-orange{background-color:#FC6E51; border:solid 2px #FC6E51;}
.button-orange:hover{background-color:#E9573F; border:solid 2px #E9573F;}
.button-orange:active{background-color:#c6442f; border:solid 2px #c6442f;}

.button-red{background-color:#ED5565; border:solid 2px #ED5565;}
.button-red:hover{background-color:#DA4453; border:solid 2px #DA4453;}
.button-red:active{background-color:#BF263C; border:solid 2px #BF263C;}

.button-pink{background-color:#FB3365; border:solid 2px #FB3365;}
.button-pink:hover{background-color:#ff4876; border:solid 2px #e22c59;}
.button-pink:active{background-color:#e22c59; border:solid 2px #e22c59;}

.button-pink2{background-color:#EC87C0; border:solid 2px #EC87C0;}
.button-pink2:hover{background-color:#D770AD; border:solid 2px #D770AD;}
.button-pink2:active{background-color:#ba5992; border:solid 2px #ba5992;}

.button-full{display:block; width:100%; margin-left:-1px}
.button-round{border-radius:40px;}
.button-full:hover{transform:scale(1,1);}

.button-center-large{
    display:block;
    width:250px;
    margin-left:auto; 
    margin-right:auto;
}

.button-center{
    width:150px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.button-center-small{
	width:100px;
	margin:0 auto;
	display:block;
}

.button-rounded{border-radius:4px;}
.button-round.button-icon i{border-radius:50px;}
.button-icon i{
    width:50px;
    line-height:50px;
    height:100%;
    top:0px;
    left:0px;
    position:absolute;
    font-size:16px;
    background-color:rgba(0,0,0,0.1);
}
.button-icon.button-full{padding-left:20px;}
.button:hover{text-decoration: none;}

/*---Checkboxes & Radios---*/
/*-------------------------*/

.fac {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size:13px;
	color:#666666;
}

.fac label {
    margin: 0em 1em 0em 0em;
    padding-left: 1.5em;
    cursor:pointer;
    font-weight:inherit;
}

.fac > input + label:before,
.fac > span::after {
    font-family: FontAwesome;
    position:absolute;
    left:0;
	margin-top:0.5px;
}

.fac > input + label:before {transition: opacity 150ms ease-in-out;}
.fac input{display:none;}
.checkboxes-demo .fac{display:block;}
.checkboxes-demo{margin-top:10px; margin-bottom:30px;}

.fac-checkbox > input + label:before, .fac-checkbox-round > input + label:before {opacity: 1;}
.fac-checkbox > input:checked + label:before, .fac > input:checked + label:before {opacity: 0;}

.fac-radio > input + label:before,
.fac-checkbox-o > input + label:before,
.fac-checkbox-round-o > input + label:before {opacity: 0;}
.fac-radio > input:checked + label:before,
.fac-checkbox-o > input:checked + label:before,
.fac-checkbox-round-o > input:checked + label:before {opacity: 1;}

.fac-default > input + label:before, .fac-default > span::after {color: #9d9d9d;}
.fac-blue > input + label:before,    .fac-blue > span::after {color: #428bca;}
.fac-green > input + label:before,   .fac-green > span::after {color: #5cb85c;}
.fac-orange > input + label:before,  .fac-orange > span::after {color: #f0ad4e;}
.fac-red > input + label:before,     .fac-red > span::after {color: #d9534f;}

.fac-checkbox > span::after {content: "\f096";}
.fac-checkbox > input[type=checkbox] + label:before {content: "\f046";}
.fac-checkbox-round > span::after {content: "\f1db";}
.fac-checkbox-round > input[type=checkbox] + label:before {content: "\f05d";}
.fac-checkbox-o > span::after {content: "\f1db";  }
.fac-checkbox-o > input[type=checkbox] + label:before {content: "\f111";}
.fac-checkbox-round-o > span::after {content: "\f057";}
.fac-checkbox-round-o > input[type=checkbox] + label:before {content: "\f111";}
.fac-radio > span::after {content: "\f1db";}
.fac-radio > input[type=radio] + label:before {content: "\f05d";} 
.fac-radio-full > span::after {content: "\f05d";}
.fac-radio-full > input[type=radio] + label:before {content: "\f111";}  

/*Notification*/

.notification{padding:25px 20px 0px 20px;}
.notification h4{
	font-weight:700;
	font-size:20px;
}

.notification p{
	color:#FFFFFF;
	opacity:0.7;
	padding:5px 10px 30px 00px;
}

/*Gallery*/
.gallery-thumb{
	width:31%;
	float:left;
	margin-bottom:3%;
	box-sizing: border-box;
}
.gallery-thumb p{margin-bottom:10px; line-height:20px; padding-top:5px; text-align:center; font-size:13px;}
.gallery-round .gallery-thumb{border-radius:100px}
.gallery-wide .gallery-thumb-wide{margin-bottom:5px;}
.gallery-wide h4{
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	color:#FFFFFF;
	z-index:99;
	height:50px;
	line-height:50px;
	margin-top:-55px;
	width:100%;
	padding-left:20px;
	font-weight:300;
	font-size:14px;
	pointer-events:none;
}

.gallery-thumb:nth-child(3n-1){
	margin-left:3%;
	margin-right:3%;
}

.gallery-text{font-size:12px; color:#939393; line-height:24px;}
.gallery-text i{font-size:11px; padding:0px 10px 0px 0px;}
.gallery-text em{padding:0px 15px 0px 0px; font-style:normal}


/*Portfolio*/

.portfolio-single .button{margin-top:20px;}
.portfolio-double .button{margin-top:20px;	padding-top:0px;}

.portfolio-double .container{
	width:47%;
	float:left;
	margin-bottom:0px;
}

.portfolio-double .container:nth-child(2n+1){margin-right:6%; margin-bottom: 3%;}

/*Blog*/

.blog em{
	font-size:11px;
	font-style:normal;
	color:#868686;
	padding-right:10px;
	min-width:30%;
	display:inline-block;
	padding-bottom:5px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.blog em i{
	padding-right:10px;
}

.blog-categories a{
	width:50%;
	float:left;
	height:30px;
	line-height:30px;
	display:block;
	color:#8c8c8c;
	text-shadow:0px 1px 0px #FFFFFF;
}

.blog-categories i{
	position:absolute;
	right:20px;
	height:30px;
	line-height:30px;
}

.blog-recent amp-img{
	position:absolute;
	width:100px;
	height:100px;
}

.blog-recent{
	min-height:100px;
	margin-bottom:30px;
}


.blog-recent strong{
	display:block;
	padding-left:120px;
	font-size:17px;
	font-family:'Dosis', sans-serif;
	color:#1f1f1f;
}

.blog-recent em{
	display:block;
	padding-left:120px;
	color:#8c8c8c;
	font-style: normal;
}

.blog-recent span{
	padding-left:120px;
	color:#e34e47;
	text-align:right;
	display:block;
	font-size:12px;
}

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

.contactForm input{
	padding-left:10px;
	border:solid 1px rgba(0,0,0,0.1);
}

.contactForm textarea{
	border:solid 1px rgba(0,0,0,0.1);
}

.field-title{padding-left:0px; margin-left:0px;}
.contactField, .contactTextarea{
	font-size:12px;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.contactField:focus, .contactTextarea:focus{
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.contactSubmitButton:hover{transform:scale(1,1)}
.contactSubmitButton{
    font-family:'Roboto',sans-serif;
	display:block;
	margin-right:4px;
	width:100%;
    font-weight:700;
}

.contact-form{margin:0px 10px 0px 0px;}
.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{-webkit-appearance:none;
	line-height:20px;
	padding-bottom:24px;
	min-width:43%;
	display:inline-block;
    margin-left:-1px;
}

.contactFormButton #contactSubmitButton{
	margin-bottom:30px;
	padding-top:10px;
}

.contactField{height:40px; padding:0px 10px 0px 10px; margin-bottom:10px;}
.contactTextarea{
    margin:0px 0px 20px 0px;
    padding:9px 12px 9px 12px;
	margin-bottom: 20px;
	line-height: 18px;
	height: 80px;
}

/*---Contact Icons---*/

.contact-information{text-shadow:0px 1px 0px #FFFFFF;}
.contact-information a i{display:inline-block; padding-right:20px;}
.contact-information a{display:block; width:100%; line-height:40px; color:#000000;}
.contact-information strong{font-size:16px; font-family:'Dosis', sans-serif;}

#page-background{
	background-image:url(../images/body-bg.png);
	background-size:100px 100px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1;
}

#page-deco-top{
	position:fixed;
	height:5px;
	left:0px;
	right:0px;
	top:0px;
	background-color:#e34e47;
	z-index:10;
}
#page-deco-bottom{
	position:fixed;
	height:5px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#e34e47;
	z-index:10;
}

.landing-page{
	position:relative;
	z-index:10;
}

.landing-page .landing-logo{
	background-image:url(../images/logo/logo.png);
	background-size:148px 42px;
	width:100%;
	background-position: center center;
	background-repeat: no-repeat;
	height:42px;
	margin-top:50px;
	margin-bottom:50px;
}

.landing-page .landing-icons{
	width:300px;
	margin:30px auto 30px auto;
}

.landing-page .landing-icons a i{
	background-color:#3d3e42;
	color:#FFFFFF;
	width:52px;
	height:52px;
	border-radius:52px;
	line-height:52px;
	text-align:center;
	font-size:20px;
	margin:0 auto;
	display:block;
	transition:all 350ms ease;
}

.landing-page .landing-icons a i:hover{
	transform:scale(1.1, 1.1);
	transition:all 350ms ease;
}

.landing-page .landing-icons a{
	float:left;
	width:33.3%;
	height:100px;
	margin:0 auto;
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	color:#8f969a;
}

.landing-page .landing-icons a em{
	display:block;
	text-align:center;
	font-style:normal;
	text-shadow:0px 1px 0px #FFFFFF;
}

.footer{
	text-align:center;
	width:180px;
	margin:0px auto 30px auto;
}

.gallery:after, .last-column :after, .footer:after, .landing-icons:after, .navigation:after{content: "";  display: table; clear: both;}

.footer a{
	float:left;
	width:35px;
	height:35px;
	background-color:#3d3e42;
	border-radius:35px;
	line-height:35px;
	color:#FFFFFF;
	margin:0px 4px 0px 4px;
}

.footer p{
	font-family:'Dosis', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	line-height:20px;
	font-size:12px;
	margin-bottom:20px;
}

.header{margin:0px 0px 15px 0px;}
.header-icon{
	color:#555555;
	font-size:18px;
	width:60px;
	height:65px;
	line-height:70px;
	text-align:center;
	position:absolute;
	top:0px;
}

.header-logo{
	background-image:url(../images/logo/logo.png);
	background-size:148px 42px;
	background-position: center center;
	background-repeat: no-repeat;
	height:100px;
	margin:-25px 20px 0px 20px;
}

.header-title{
	text-align:center;
	/*line-height:73px;*/
	display:block;
	margin:10px 50px -25px 50px;
	color:#8e8e8e;

	font-size:16px;
}
.header-title img{ /*margin-top: 10px;*/ padding-top: 10px; }


.header-icon-1{left:0px;}
.header-icon-2{right:0px;}

/*About Page*/

.page-heading{
	color:#000000;
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size:18px;
}
.page-heading i{padding-right:15px;}

/*Buttons*/

.button{
	height:43px;
	line-height:43px;
	text-align:center;
}

/*Navigation*/

#toggle-menu{visibility: hidden; opacity: 0;}
input[id="toggle-menu"]:checked ~ .navigation{display:block;}
.navigation{display:none;}

.navigation{margin-bottom:30px;}
.navigation a {
	overflow:hidden;
	line-height:43px;
	background-color:#4c585e;
	color:#FFFFFF;
	margin:0px 20px 5px 20px;
	transition:all 200ms ease;
	font-size:13px;
}

.navigation a .fa-angle-right{
	position:absolute;
	right:0px;
}

.navigation a em{
	position:relative;
	font-style: normal;
	z-index:10;
}

.navigation a i{
	width:50px;
	text-align:center;
	padding:0px 15px;
	line-height:43px;
	position: relative;
	z-index:10;
}

.visible-menu{
	height:43px;
	margin:0px 20px 5px 20px;
	transition:all 200ms ease;
}

.navigation .visible-menu:last-child{margin-bottom:30px;}

.active-item {position: relative;}
.active-item .fa-angle-right{display:none;}
.active-item:before {
    color: #FFFFFF;
    padding-right: 0.5em;
    position: absolute;
	z-index:1;
	background-color:#8CC152;
	width:100%;
}

.navigation a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFFFFF;
    font-size: 8px;
    padding-right: 0.5em;
    position: absolute;
	z-index:1;
	width:100%;
	text-align:right;
	padding-right:23px;
}

/*Homepage Slider*/

.home-slider em{
	position:absolute;
	z-index:10;
	bottom:0px;
	background-color:rgba(0,0,0,0.7);
	color:#FFFFFFFF;
	left:0px;
	right:0px;
	height:35px;
	line-height:35px;
	font-style:normal;
	text-align:center;
	font-size:12px;
}

.home-intro{
	text-align:center;
	padding:25px 0px;
	color:#000;
	text-shadow:0px 1px 0px #FFFFFF;
}


.icon-left-column i{
	position:absolute;
	color:#3c3c3c;
	width:50px;
	padding-top:5px;
	text-align:center;
}

.icon-left-column h4{
	padding-left:70px;
	font-size:17px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.icon-left-column p{
	text-shadow:0px 1px 0px #FFFFFF;
	padding-left:70px;
	font-size:12px;
}

.icon-center-column amp-img{
	margin:0 auto;
	display:block;
}

.icon-center-column h4{
	text-align:center;
	text-transform:uppercase;
	padding:10px 0px;
}

.icon-center-column p{
	text-align:center;
	line-height:24px;
	font-size:13px;
}

/*Features*/

.blockquote{
	font-weight:300;
	font-size:14px;
	font-style: italic;
}

.blockquote-border{
	font-weight:300;
	font-size:14px;
	font-style: italic;
	border-left:solid 5px #1f1f1f;;
	padding-left:30px;
}

.blockquote-icon{
	font-weight:300;
	font-size:14px;
	font-style: italic;
	padding-left:60px;
}

.blockquote-icon i{
	font-size:40px;
	position:absolute;
	left:0px;
	top:10px;
	color:#454545;
}	

.blockquote strong, .blockquote-border strong, .blockquote-icon strong{
	display:block;
	text-align:right;
}

/*Highlight*/

.highlight{
	color:#FFFFFF;
	padding:2px 6px;
}

/*Bubble Left*/

.bubble-left em, .bubble-right em{font-size:10px; display:block; color:#1f1f1f; font-style:normal;}
.bubble-left strong, .bubble-right strong{
	background-color:rgba(8, 127, 254, 1);
	color:#FFFFFF;
	display:inline-block;
	font-weight:400;
	font-size:12px;
	border:solid 1px rgba(0,0,0,0.1);
	padding:5px 10px;
	border-radius:10px;
}

.bubble-left, .bubble-right{width:75%; margin:0px;}

.bubble-right{float:right;}
.bubble-right em{text-align:right;}
.bubble-right strong{background-color:#FFFFFF; color:#1f1f1f;}


/*Lists*/

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

.icon-lists li{
	background-size:14px 14px;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}

.icon-lists li i{
	margin-left:-50px;
	width:50px;
	text-align:center;
	color:#000000;
}

.list-address {background-image: url(../images/lists/address_64.png);}
.list-block {background-image: url(../images/lists/block_64.png);}
.list-bookmark {background-image: url(../images/lists/bookmark_64.png);}
.list-briefcase {background-image: url(../images/lists/briefcase_64.png);}
.list-bubble {background-image: url(../images/lists/bubble_64.png);}
.list-buy {background-image: url(../images/lists/buy_64.png);}
.list-calendar {background-image: url(../images/lists/calendar_64.png);}
.list-clipboard {background-image: url(../images/lists/clipboard_64.png);}
.list-delete {background-image: url(../images/lists/delete_64.png);}
.list-clock {background-image: url(../images/lists/clock_64.png);}
.list-diagram {background-image: url(../images/lists/diagram_64.png);}
.list-document {background-image: url(../images/lists/document_64.png);}
.list-down {background-image: url(../images/lists/down_64.png);}
.list-flag {background-image: url(../images/lists/flag_64.png);}
.list-folder {background-image: url(../images/lists/folder_64.png);}
.list-gear {background-image: url(../images/lists/gear_64.png);}
.list-globe {background-image: url(../images/lists/globe_64.png);}
.list-heart {background-image: url(../images/lists/heart_64.png);}
.list-help {background-image: url(../images/lists/help_64.png);}
.list-home {background-image: url(../images/lists/home_64.png);}
.list-key {background-image: url(../images/lists/key_64.png);}
.list-label {background-image: url(../images/lists/label_64.png);}
.list-left {background-image: url(../images/lists/left_64.png);}
.list-letter {background-image: url(../images/lists/letter_64.png);}
.list-monitor {background-image: url(../images/lists/monitor_64.png);}
.list-pencil {background-image: url(../images/lists/pencil_64.png);}
.list-plus {background-image: url(../images/lists/plus_64.png);}
.list-present {background-image: url(../images/lists/present_64.png);}
.list-print {background-image: url(../images/lists/print_64.png);}
.list-right {background-image: url(../images/lists/right_64.png);}
.list-save {background-image: url(../images/lists/save_64.png);}
.list-shield {background-image: url(../images/lists/shield_64.png);}
.list-statistics {background-image: url(../images/lists/statistics_64.png);}
.list-stop {background-image: url(../images/lists/stop_64.png);}
.list-tick {background-image: url(../images/lists/tick_64.png);}
.list-trash {background-image: url(../images/lists/trash_64.png);}
.list-up {background-image: url(../images/lists/up_64.png);}
.list-user {background-image: url(../images/lists/user_64.png);}
.list-walet {background-image: url(../images/lists/wallet_64.png);}
.list-warning {background-image: url(../images/lists/warning_64.png);}

.progress{
	margin-bottom:20px;
}

.progress-bg{
	background-color:rgba(255,255,255,0.7);
	display:block;
	width:100%;
	height:20px;
	border-radius:25px;
	border:solid 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 6px 1px rgba(0,0,0,0.1);
	padding-right:3px;
	padding-left:3px;
}

.progress-bg div{
	left:0px;
	height:12px;
	margin-top:3px;
	border-radius:20px;
	opacity:0.9;
}

.p10{width:10%;}
.p15{width:15%;}
.p20{width:20%;}
.p25{width:25%;}
.p30{width:30%;}
.p35{width:35%;}
.p40{width:40%;}
.p45{width:45%;}
.p50{width:50%;}
.p55{width:55%;}
.p60{width:60%;}
.p65{width:65%;}
.p70{width:70%;}
.p75{width:75%;}
.p80{width:80%;}
.p85{width:85%;}
.p90{width:90%;}
.p95{width:95%;}
.p100{width:100%;}

.progress em{
	font-size:11px;
	padding-left:5px;
	font-style:normal;
	color:#666666;
}

.progress span{
	font-size:11px; 
	color:#666666;
	padding-left:10px;
}

.progress strong{
	position:absolute;
	right:0px;
	font-size:11px;
	font-weight:400;
}

/*AMP Accordion*/
/*Accordion Styles*/
.accordion h4{
	background-color:transparent;
	border:none;
}

.accordion h4{
	font-size:16px;
	line-height:40px;
}

.accordion h4 i{
	height:40px;
	line-height:40px;
	position:absolute;
	right:0px;
	font-size:12px;
}

.nested-accordion h4{
	font-size:14px;
}

section[expanded] .fa-plus{	transform:rotate(45deg);}
section[expanded] .fa-angle-down{	transform:rotate(180deg);}
section[expanded] .fa-chevron-down{	transform:rotate(180deg);}