@charset "utf-8";
/* CSS Document */


body {
	font-family: 'Roboto', sans-serif !important;
	color: #333;
	font-size: 15px;
	line-height: 1.7;
}

.nav-link{font-size: 0.9rem;}
    
.dropdown-item {
         padding: 0.25rem 0.5rem;
}

.social-icons {
    padding: 10px;
}

.social-icons a {
	font-size:16px;
	color:#555 !important;
}

.social-icons>li {
	margin: 5px 6px 5px 0;
}

.header{
       height: 150px;
       position: absolute;
}

.header.header-shadow {
    box-shadow: none;
    height: 150px;
}

.header + .wrapper .module:first-child {padding-top: 120px;}
.header {
	
	background: #fff !important;
}

#max-height{
	min-height: 450px;
	max-height: 450px;
}

.btn.btn-gray-header {
    background-color: #fff;
    color: #999;
}

.btn.btn-gray-header:hover {
    border-bottom: #c9c9c9;
    background-color:#c9c9c9;
    color: #444;
}

.module, .module-sm, .module-header {
    padding: 150px 0;
}

.module, .module-sm {
    background-color: #fff;
    padding:50px 0;
}

.bg-bottom-light{
	border-bottom: 1px solid #f8f9fa;
}

.btn-secondary:hover {
    color: #555;
    background-color: #fff;
    border-color: #c9c9c9;
}


.flexslider h1.h4, .module-header h1.h4, .module-slides h1.h4{
	letter-spacing: 1px;
	font-size: 1.6rem !important;
}

.form-control {
	text-transform:none;
	font-size:14px;
}

.module-header h1.h3 {
    line-height: 45px;
	font-size: 2rem !important;
}

.inner-nav > ul > li > a, .extra-nav > ul > li > a {
    font-size: 14px;
}

.inner-nav .sub-menu li a {
    font-size: 14px;
}

.demo-preview, .filters, .flexslider, .module-slides {
    text-align: left;
}

.tm-slides p {color: #000 !important;}

.font-serif, blockquote { font-family: 'Roboto', sans-serif !important; color: #000 !important;}

.feature-link {
	text-transform: none !important;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	line-height: 1.6 !important;
}

.h3, h3 {font-size: 20px !important;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 
{  	font-family: 'Roboto', 
	sans-serif !important; 
	font-weight: 500;
	line-height: 30px;
	
}

.module-header h3{
	 font-size: 26px !important;
}

.h4, .h5, h4, h5 {
    font-size: 15px;
}

.post-more {
    font-size: 15px;
}

.post-title > a{
	color:black;
	
}

.post-title > a:focus, .post-title > a:hover{
	color: #5BC0EB;
	
}

.post-content ol, .post-content p, .post-content ul {
    margin: 0 0 20px;
}

.post-meta, .post-meta a {
    color: #000;
}

.post-title {
    margin: 0 0 5px;
}

.post-meta>li:not(:last-child):after {
    content:none;
}

.header .inner-nav>ul>li>a:hover{
	opacity: 1;
}

b, strong {
	font-weight: 700 !important;
	letter-spacing: 0.02rem;
}

a {
    color: #5BC0EB;
}

a:focus, a:hover {
    color: #5BC0EB;
}

a, h1>a:focus, h1>a:hover, h2>a:focus, h2>a:hover, h3>a:focus, h3>a:hover, h4>a:focus, h4>a:hover, h5>a:focus, h5>a:hover, h6>a:focus, h6>a:hover {
    color: #5BC0EB;
}


.widget a:focus, .widget a:hover {
    color: #5BC0EB;
}

hr {
   	border: 1px solid #f7f7f7;
	margin-top: 5px;
    margin-bottom: 10px;
}

ul {
    list-style-type: disc ;
}

navbar-nav{
	list-style:none !important;
}

.arrow-list>li {
    margin: 0 15px 6px;
}

/*
.dropdown-item.active, .dropdown-item:active {
    color: #AF4691;
    text-decoration: none;
    background-color: transparent;
}
*/

.demo-preview h4, .feature-link, .inner-nav .sub-menu li a, .module-page-title .h5, .module-title h2, .special-heading, .testimonials-card-author h4 {
    text-transform:capitalize;
}

th {
    letter-spacing:0.05rem;
}

.table-bordered th{
	background-color:#f7f7f7;
}

.special-heading h4, .special-heading h5, .special-heading h6 {
    border-bottom: 2px solid #5BC0EB;
}

.btn {
	
	font-size: 12px !important;
	padding: 10px 14px !important;
	text-transform: none !important;
}

.btn-link {
    color: #5BC0EB;
}

.btn-link:hover {
    color: #5BC0EB;
    text-decoration: underline;
}

.btn.btn-brand.btn-outline {
    background: 0 0;
    border-color:transparent;
    color: #5BC0EB;
}

.btn.btn-brand.btn-outline:focus, .btn.btn-brand.btn-outline:hover {
    background: #37B2E6; 
	border-color: #37B2E6;
    color: #fff;
}

#lang .btn-secondary{
  color: #555;
}

#lang .btn-secondary:hover {
    color: #555;
    background-color: #fff;
    border-color: #c9c9c9;
}

#lang .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #555;
    background-color: #fff;
    border-color: #4e555b;
}

#lang a, h1>a:focus, h1>a:hover, h2>a:focus, h2>a:hover, h3>a:focus, h3>a:hover, h4>a:focus, h4>a:hover, h5>a:focus, h5>a:hover, h6>a:focus, h6>a:hover {
    color: #555;
}

#lang .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #f8f9fa;
}

#lang .show>.btn-secondary.dropdown-toggle {
    color: #555;
    background-color: #fff;
    border-color: transparent;
}

#lang .btn-secondary:focus {
    color: #555;
    background-color: #fff;
    border-color: transparent;
}


.dropdown-menu{
	z-index: 1111;
}

.btn-secondary {
    color: #fff;
    background-color: #fff;
    border:#eee;
}

.portfoli-details li > h5, .post-meta, .post-more, .post-tags a {
	text-transform: none !important;
	
}

.row-striped {
    padding: 15px 0;
}

.feature-link {
    font-size: 15px;
}

#no-border{
	border:1px solid rgba(0,0,0,0);
}

.support-box{
	min-height: 330px;
	max-height: 330px;
}

.support-box-ergo{
	background: #fff;
    border: 1px solid rgba(225,225,225,.6);
    border-radius: 4px;
    margin: 15px 0;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    position: relative;
    padding: 50px 40px;
}

.support-box-title h6 {
	font-weight: bold;
	letter-spacing: 0.5px;
}

.support-box-icon {
	color: #5BC0EB !important;
}

.support-box-icon {
    font-size: 30px;
}


.header .inner-nav > ul > li > a, .header .extra-nav > ul > li > a, .header.header-light.header-small .inner-nav > ul > li > a, .header.header-light.header-small .extra-nav > ul > li > a {
    color: #303133;
}

.header .inner-nav > ul > li > a.active, .header .inner-nav > ul > li > a:hover, .header .inner-nav > ul > li > a:focus, .header .extra-nav > ul > li > a.active, .header .extra-nav > ul > li > a:hover, .header .extra-nav > ul > li > a:focus, .header.header-light.header-small .inner-nav > ul > li > a.active, .header.header-light.header-small .inner-nav > ul > li > a:hover, .header.header-light.header-small .inner-nav > ul > li > a:focus, .header.header-light.header-small .extra-nav > ul > li > a.active, .header.header-light.header-small .extra-nav > ul > li > a:hover, .header.header-light.header-small .extra-nav > ul > li > a:focus {
   border-bottom: 1px solid rgba(80, 131, 156, 1);
   color: #50839c;
}


.module-inside {
    background-color: #fff;
    padding: 50px 0;
}

.module-page-title {
    padding: 180px 0 30px;
}

.module-page-title .h5 {
    letter-spacing: 1.2px;
    font-size: 18px;
	padding-bottom:10px;
}

.module-gray {
    background-color: #f7f7f7;
}


blockquote {
    border: 0;
    border-left: none;
	padding: 10px 0px;
}

.text-block {
  position: absolute;
  bottom: 20px;
  right: 5px;
  background: rgba(250,250,250,.3);
  padding:20px;
}

.breadcrumb-item>a:focus, .breadcrumb-item>a:hover {
    color: #37B2E6;
}

.arrow-list>li:before{
	
}

.flexslider h1.h1, .module-header h1.h1, .module-slides h1.h1 {
    font-size: 30px;
	margin-top:50px;
	line-height: 45px;
	font-weight: 600;
}

.post-title {
    font-size: 16px;
	font-weight: 600;
}


.testimonials-card {
    text-align:left;
	color: #333;
	padding:45px 30px;
	margin-top:0px;
}

.icon-wrapper{
	background: #fff;
    border: 1px solid #f2f2f2;
    margin: 0 0 30px;
	padding:17px;
}

.icon-box-left .icon-box-icon{
	color:#5BC0EB;
}

#color-purple {
	color:#7C52A3;
}

#color-blue {
	color:#3AAED8;
}

#color-pink {
	color: #AF4691;
}

#color-green {
	color: #86AD34;
}

#color-orange {
	color: #EE7B30;
}


#color-red {
	color: #FE5448;
}

#color-yellow {
	color: #FBB637;
}

#color-turquoise{
	color:#3BB273;
}


#services .accordion .card {
    border-color: transparent;
}

#service-title > .accordion .card-header a:hover {
    color: #5BC0EB;
}

#services .accordion .card .card-body {
    border-bottom: none;
}

#services .card-body {
    padding: 0.5rem;
}

#services .accordion .card-header {
    background-color: #fff;
    border-color: transparent;
    padding: 5px 1px;
}

.accordion .card-header {
    letter-spacing: 0.5px;
}

#services li a {
    color: #222;
    font-size: 14px;
}


#services h4 {
    margin: 0 0 2px;
}


#service-title > .accordion .card-header a:after{
	content: none !important;
}



.card-red {
	width: 100px;
	height:50px;
	position: relative;
	display: inline-block;
}

/*
.icon-box-red:hover .card-red .img-first{
	display: none;
	margin-bottom: 0px;
}
*/

.card-red .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.icon-box-red:hover .card-red .img-top {
    display: inline;
}

.card-orange {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

.card-orange .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

/*
.icon-box-orange:hover .card-orange .img-first{
	display: none;
}
*/

.icon-box-orange:hover .card-orange .img-top {
    display: inline;
}

.card-yellow .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card-yellow {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

/*
.icon-box-yellow:hover .card-yellow .img-first{
	display: none;
}
*/

.icon-box-yellow:hover .card-yellow .img-top {
    display: inline;
}

.card-green .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card-green {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

/*
.icon-box-green:hover .card-green .img-first{
	display: none;
}
*/

.icon-box-green:hover .card-green .img-top {
    display: inline;
}

.card-turquoise .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card-turquoise {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

/*
.icon-box-turquoise:hover .card-turquoise .img-first{
	display: none;
}
*/

.icon-box-turquoise:hover .card-turquoise .img-top {
    display: inline;
}

.card-blue .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card-blue {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

/*
.icon-box-blue:hover .card-blue .img-first{
	display: none;
}
*/

.icon-box-blue:hover .card-blue .img-top {
    display: inline;
}

.card-purple .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card-purple {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

/*
.icon-box-purple:hover .card-purple .img-first{
	display: none;
}
*/

.icon-box-purple:hover .card-purple .img-top {
    display: inline;
}

.card-pink .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card-pink {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

/*
.icon-box-pink:hover .card-pink .img-first{
	display: none;
}
*/

.icon-box-pink:hover .card-pink .img-top {
    display: inline;
}

.icon-box-purple:hover {
	background: #7C52A3;
	color:#fff;
}

.icon-box-purple:hover #color-purple{
	color:#fff;
}

.icon-box-blue:hover {
	background: #3AAED8;
	color:#fff;
}

.icon-box-blue:hover #color-blue{
	color:#fff;
}

.icon-box-green:hover{
	background: #86AD34;
	color:#fff;
}

.icon-box-green:hover #color-green{
	color:#fff;
} 

.icon-box-pink:hover{
	background: #AF4691;
	color:#fff;
}

.icon-box-pink:hover #color-pink{
	color:#fff;
} 

.icon-box-red:hover{
	background: #FE5448;
	color:#fff;
}

.icon-box-red:hover #color-red{
	color:#fff;
}

.icon-box-orange:hover{
	background: #EE7B30;
	color:#fff;
}

.icon-box-orange:hover #color-orange{
	color:#fff;
}

.icon-box-yellow:hover{
	background: #FBB637;
	color:#fff;
}

.icon-box-yellow:hover #color-yellow{
	color:#fff;
}

.icon-box-turquoise:hover {
	background: #3BB273;
	color:#fff;
}

.icon-box-turquoise:hover #color-turquoise {
	color:#fff;
}


.icon-box-orange:hover .icon-box-content p, .icon-box-red:hover .icon-box-content p, .icon-box-yellow:hover .icon-box-content p, .icon-box-green:hover .icon-box-content p, .icon-box-turquoise:hover .icon-box-content p, .icon-box-blue:hover .icon-box-content p, .icon-box-purple:hover .icon-box-content p, .icon-box-pink:hover .icon-box-content p{
	color:#fff;
}

.icon-box-orange:hover .icon-box-content p > a, .icon-box-red:hover .icon-box-content p > a, .icon-box-yellow:hover .icon-box-content p > a, .icon-box-green:hover .icon-box-content p, .icon-box-turquoise:hover .icon-box-content p > a, .icon-box-blue:hover .icon-box-content p > a, .icon-box-purple:hover .icon-box-content p > a, .icon-box-pink:hover .icon-box-content p > a{
	color:#fff;
}

.icon-box-orange .icon-box-content p > a, .icon-box-red .icon-box-content p > a, .icon-box-yellow .icon-box-content p > a, .icon-box-green .icon-box-content p, .icon-box-turquoise .icon-box-content p > a, .icon-box-blue .icon-box-content p > a, .icon-box-purple .icon-box-content p > a, .icon-box-pink .icon-box-content p > a{
	color:#000;
}

.icon-box-orange:hover .support-box-title h6, .icon-box-purple:hover .support-box-title h6, .icon-box-pink:hover .support-box-title h6, .icon-box-yellow:hover .support-box-title h6, .icon-box-red:hover .support-box-title h6, .icon-box-green:hover .support-box-title h6, .icon-box-turquoise:hover .support-box-title h6, .icon-box-blue:hover .support-box-title h6{
	color:#fff;
}

.icon-box-orange:hover .support-box-title a, .icon-box-purple:hover .support-box-title a, .icon-box-pink:hover .support-box-title a, .icon-box-yellow:hover .support-box-title a,  
.icon-box-red:hover .support-box-title a, .icon-box-green:hover .support-box-title a, .icon-box-turquoise:hover .support-box-title a, .icon-box-blue:hover .support-box-title a{
	color:#fff;
}

.icon-box-green:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #86AD34;
	border: 2px solid #fff;
}

.icon-box-purple:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #7C52A3;
	border: 2px solid #fff;
}

.icon-box-turquoise:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #3BB273;
	border: 2px solid #fff;
}

.icon-box-orange:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #EE7B30;
	border: 2px solid #fff;
}


.icon-box-pink:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #AF4691;
	border: 2px solid #fff;
}

.icon-box-red:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #FE5448;
	border: 2px solid #fff;
}

.icon-box-blue:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #3AAED8;
	border: 2px solid #fff;
}

.icon-box-yellow:hover .btn.btn-dark.btn-outline{
	background: #fff;
    color: #FBB637;
	border: 2px solid #fff;
}

.icon-box:hover .icon-box-icon{
	-webkit-transform: scale(1.00);
    transform: scale(1.00);
}

.top-nav {
	z-index: 99999;
    position: absolute;
	top:15px;
}

.extra-nav, .inner-header {
    min-width: 150px;
    max-width: 150px;
}

.extra-nav>ul>li:first-child {
    padding-left: 0px;
}

.blog-grid .post-title, .blog-masonry .post-title, .timeline .post-title{
	font-weight:700;
}

.post {
    margin: 0px;
}

.post+.post {
    margin: 5px 0 0;
}

.post-meta {
    padding: 0;
    margin: 0;
    font-size: 14px;
	letter-spacing: 0px;
}

.post-header {
    margin: 0 0 10px;
}

.blog-header {
    line-height: 1;
    border-bottom: 1px solid #e5e5e5;
}

.pricing-wrapper {
    text-align: left;
}

.pricing-header h4 {
    text-transform: capitalize;
}

.pricing-features li {
    margin-left:15px;
}

blockquote:hover {
    border-color: #37B2E6;
}

.accordion .card-header, .nav-tabs .nav-link {
    text-transform:capitalize;
}

.accordion .card-header {
    background-color: #fff;
}

.accordion>.card>.card-header {
	margin-bottom: 0px;
}

.accordion .card .card-body {
    color: #777;
}

.accordion .card-header a {
    color: black;
}

.arrow-list>li:before{
	margin: 0 10px 0 -15px;
	padding-bottom:10px;
}

.icon-list .fa, .icon-list .icon {
    color: #37B2E6;
}

ol {
    margin: 0 20px 20px;
	list-style: auto;
}

.fa{
	color:#555;
}


.fa-bars:before, .fa-navicon:before, .fa-reorder:before{
	color: #303133;
	}

.special-heading h3 {
    border-bottom: 2px solid #37B2E6;
	line-height: 1.8rem;
}

.comment-meta-author a, .comment-reply, .widget .widget-title h5 {
	font-size: .87rem;
    text-transform:capitalize;
}


.widget input, .widget select{
	font-size: .87rem;
	text-transform:capitalize;
	}


.scrollable {
	max-height: 350px;
	min-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    }

.post-content-home{
	max-height: 190px;
	min-height: 190px;
	}


/* width */
::-webkit-scrollbar {
  width: 9px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.footer {
    background: #000;
    color: #ccc;
}

/*.tab-content {
    border: none;
    border-top: 0;
    padding: 20px 0px;
}*/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #5BC0EB;
}

.btn-home{
	color: #999;
}

@media (min-width: 576px){
       .form-inline .custom-select, .form-inline .input-group {
              width: 100%;}

}

@media (max-width: 991px){
.header, .header.header-shadow {
    height: 180px;
	padding: 15px 20px;
	}
.navbar-light .navbar-toggler {
	font-size:15px;
	}
}