/*
default color 1 => #0560cc
default color 2 => #50c9b8
*/

body,html{
	font-family: 'Montserrat', sans-serif!important;
	background: #f8f9fa
}
h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif!important;
}
.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-6 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-7 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-8 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-9 {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-10 {
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.2;
}
@media(min-width: 576px){
     .container {
         max-width: 540px;
    }
}
@media(min-width: 768px){
     .container {
         max-width: 720px;
    }
}
@media(min-width: 992px){
     .container {
         max-width: 960px;
    }
}
@media(min-width: 1200px){
     .container {
         max-width: 1140px;
    }
}
@media(min-width: 1400px){
     .container {
         max-width: 1340px;
    }
}
@media(min-width: 1464px){
     .container {
         max-width: 1464px;
    }
}
.color-white{
	color: #fff!important;
}
.color-primary{
	color: #0560cc;
}
.color-secondary{
	color: #50c9b8!important;
}
.btn-outline-primary {
    color: #0560cc!important;
    border-color: #0560cc!important;
}
.btn-outline-primary:hover {
    color: #fff!important;
    background-color: #0560cc!important;
    border-color: #0560cc!important;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff!important;
    background-color: #0560cc!important;
    border-color: #0560cc!important;
}
.btn-light {
    color: #212529!important;
    background: #e8eaec;
    border-color: #d8dadc!important;
}
.btn-light:hover {
    color: #212529!important;
    background-color: #d8dadc!important;
    border-color: #d8dadc!important;
}

.btn-light.focus, .btn-light:focus {
    color: #212529;
    background-color: #d8dadc!important;
    border-color: #d8dadc!important;
}
.btn-primary {
    color: #fff!important;
    background: #0560cc;
    border-color: #0560cc!important;
}
.btn-primary:hover {
    color: #fff!important;
    background-color: #03499c!important;
    border-color: #03499c!important;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #03499c!important;
    border-color: #03499c!important;
}
.btn-secondary {
    color: #fff!important;
    background: #50c9b8!important;
    border-color: #50c9b8!important;
}
.btn-secondary:hover {
    color: #fff!important;
    background-color: #2ac1ac!important;
    border-color: #2ac1ac!important;
}

.btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    background-color: #2ac1ac!important;
    border-color: #2ac1ac!important;
}
.btn-outline-secondary {
    color: #50c9b8!important;
    border-color: #50c9b8!important;
}
.btn-outline-secondary:hover {
    color: #fff!important;
    background-color: #50c9b8!important;
    border-color: #50c9b8!important;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff!important;
    background-color: #50c9b8!important;
    border-color: #50c9b8!important;
}
.bg-gray {
    background-color: #f0f3f5;
    border-color: #ddd;
}
.ui.selection.dropdown{
	min-width: 100%;
}
.btn-date-empty {
    color: #03499c!important;
    background: #0560cc17;
    border-color: #03499c!important;
}
.btn-date-empty:hover {
    color: #fff!important;
    background-color: #03499c!important;
    border-color: #03499c!important;
}

.btn-date-empty.focus, .btn-date-empty:focus {
    color: #fff!important;
    background-color: #03499c!important;
    border-color: #03499c!important;
}
.btn-date-late {
    color: rgba(0,0,0,.40)!important;
    text-decoration: none!important;
}
.btn-date-full {
    color: rgba(0,0,0,.40)!important;
    text-decoration: line-through;
}
.btn-date-late:hover, .btn-date-full:hover {
    text-decoration: line-through;
}
.btn-date-late:focus, .btn-date-full:focus {
    box-shadow: none!important;
}
header{
	position: relative;
	z-index: 1;
	background: #50c9b8;
	background-image: linear-gradient(#0560CC, #50c9b8);
}
header.header-2{
	position: relative;
	z-index: 1;
	background: #0560CC;
}
.slider{
	z-index: 0;
	position: relative;
	padding: 0 0 0 0;
}
.slider h1{
	color: #fff;
	font-weight: 700;
	font-size: 40px;
}
.slider p{
	color: rgba(255,255,255,.70);
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 30px;
}
.slider::before{
	content: "";
	background: url('../img/website/pattern.svg');
	background-repeat: repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .08;
}
.btn-search::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 39px;
	height: 1px;
	width: 30%;
	background: #50c9b8;
	z-index: 1;
}
.btn-search::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 39px;
	height: 1px;
	width: 30%;
	background: #50c9b8;
	z-index: 1;
}
.slider form{
	position: relative;
	background: rgba(0,0,0,.1);
	border-radius: 8px;
	padding: 15px;
}
.slider input{
	height: 50px!important;
}
.slider select{
	height: 50px!important;
}
.slider input, .slider input::placeholder{
	color: #222;
}
.slider select{
	color: #222!important;
}
.counter-content{
	background: #f8f9fa;
	padding: 30px 0;
	text-align: center;
	position: relative;
}
.counter-content i{
	color: #50c9b8;
	font-size: 40px;
	margin-bottom: 15px;
	opacity: .8;
}
.counter-content span{
	font-weight: 500;
	opacity: .8;
	color: #50c9b8;
}
.counter-content .counter{
	font-size: 20px;
	font-weight: 700;
}
.point i{
	color: #f4c150;
}
.list-doctor{
	position: relative;
	border-bottom: 3px solid #e8eaec
}
.list-doctor .verified, .verified{
	color: #28a745;
}
.list-doctor .card-title a{
	font-weight: 700;
	color: #222;
	text-decoration: none;
}
.list-doctor .card-title a:hover{
	color: #0560cc;
}
.list-doctor .card-text a, .card-text a{
	color: #222;
	text-decoration: none;
}
.list-doctor .card-text a:hover, .card-text a:hover{
	color: #0560cc;
}
.list-doctor .text-muted a, .text-muted a{
	color: #ccc;
	text-decoration: none;
}
.list-doctor .text-muted a:hover, .text-muted a:hover{
	color: #222;
	text-decoration: none;
}
.navbar {
    padding: .5rem 0;
}
.list-doctor .card-title {
    margin-bottom: 0;
}
.bg-light-2{
	background: #e8eaec;
}
.card-list .card-header{
	text-align: center;
	background: #0560cc;
	color: #fff;
	padding: 30px 0;
}
.card-list .card-header i{
	display: block;
	font-size: 50px;
}
.p-15{
	padding: 15px;
}
.p-30{
	padding: 30px;
}
.p-60{
	padding: 60px;
}
.list-group i{
	position: absolute;
	right: 15px;
	top: 15px;
}
.list-group a{
	display: block;
	color: #222;
	text-decoration: none;
	font-size: 14px;
}
.list-group a:hover{
	color: #50c9b8;
}
.bg-green{
	background: #a0e3e9;
	background: url('../img/website/bg.png');
	background-size: cover; 
}
.appointment-button-mobile{
	display: none;
}
footer{
	background: #0560cc;
	padding: 90px 0;
	position: relative;
	overflow: hidden;
}
footer::before{
	content: "";
	background: url('../img/website/icon.svg');
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 900px;
	height: 900px;
	opacity: .05;
}
footer h3{
	font-weight: 700;
	position: relative;
	color: #50c9b8;
}
footer h3::after{
	content: "";
	position: absolute;
	height: 1px;
	width: 30%;
	background: #50c9b8;
	right: 0;
	top: 15px;
}
footer ul{
	margin: 0;
	padding: 0;
}
footer li{
	list-style-type: none;
}
footer a{
	color: rgba(255,255,255,.7);
	height: 30px;
	line-height: 30px;
}
footer a:hover{
	color: #50c9b8;
	text-decoration: none;
}
footer a:before{
	content: "\f105";
	font-family: "FONTAWESOME";
	padding-right: 10px;
}
.appointment{
	overflow: hidden;
}
.copyright{
	text-align: center;
	color: #222;
	height: 50px;
	line-height: 50px;
}
.ui.search .prompt {
    border-radius: 4px;
}
.ui.input{
    width: 100%;
}
.results{
    height: 300px;
    overflow-y: scroll;
}
.ui.icon.input>i.icon{
    background: #50c9b8;
    opacity: 1;
    color: #fff;
    width: 60px;
}

.ui.loading.search .input>i.icon:before{
    content: "";
     color: #fff!important;
     border-color: #fff!important;
}
.ui.loading.search .input>i.icon:after{
    content: "";
    border-color: #50c9b8 transparent transparent;
}
.ui.input>input{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 16px!important;
    border: 0;
}
.results{
    width: 100%!important;
}
.ui.dropdown>.dropdown.icon {
    font-family: FONTAWESOME;
}
.ui.dropdown>.dropdown.icon:before {
    content: "\f107";
}
.bg-secondary{
	background: #eee!important;
}
.doctor-detail{
	border-radius: .25rem;
}
.tab-header{
	background: #50c9b8;
	color: #fff;
	width: 100%;
	padding: 10px 30px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.nav-pills .nav-link{
	color: #ccc!important;
	font-weight: 700;
	background-color: transparent!important;
}
.nav-pills .nav-link:hover{
	color: #222!important;
}
.nav-pills .nav-link.active{
	border-bottom: 2px solid #50c9b8;
	border-radius: 0;
	color: #50c9b8!important;
}
.custom-circle-i{
	background: #0560cc;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 100%;
	color: #fff;
}
.custom-rounded-i{
	background: #0560cc;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 8px;
	color: #fff;
}
.custom-list{
	margin: 0 0;
	padding: 0;
}
.custom-list li{
	list-style-type: none;
	margin-bottom: 5px;
}
.custom-list li:before{
	content: "\f105";
	font-family: "FONTAWESOME";
	width: 30px;
	height: 30px;
	padding-right: 10px;
	color: #0560cc;
}
.modal-backdrop {
    background-color: #f8f9fa;
}
.modal-backdrop.show {
    opacity: .8;
}
.modal-header {
	background: #0560cc;
	color: #fff;
    border-bottom: 1px solid #0560cc;
}
.modal-title{
	font-weight: 700;
}
.close {
    color: rgba(255,255,255,.5);
    text-shadow: none;
    opacity: 1;
}
.close:hover {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
.gorus-list:after{
	content: "";
	width: 100%;
	height: 1px;
	position: relative;
	margin: 15px;
	background: #ccc;
}

.gorus-list .name-surname {
    background: #0560cc;
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: 300;
}
.button-more{
	cursor: pointer;
}
.appointment-header, .appointment-detail-header{
	background: #50c9b8;
	padding: 30px;
	color: #fff;
}
.appointment-header p, .appointment-detail-header p{
	color: rgba(255,255,255,.80);
}
.owl-carousel{
	font-size: 12px;
}
.day-time a{
	display: block;
	margin-bottom: 5px;
}
.owl-nav button span{
	color: #03499c;
	font-size: 20px;
	height: 30px;
	width: 30px;
	background: #0560cc17;
	text-align: center;
	line-height: 27px;
	display: inline-block;
	border-radius: 100%;
}
.owl-nav .owl-prev{
	position: absolute;
	top: 5px;
	left: -2rem;
}
.owl-nav .owl-prev.disabled span{
	background: #f5f5f5!important;
	color: #ccc;
}
.owl-nav .owl-next.disabled span{
	background: #f5f5f5!important;
	color: #ccc;
}
.owl-nav .owl-next{
	position: absolute;
	top: 5px;
	right: -2rem;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block!important;
}
.day-title{
	margin-bottom: 30px!important;
}
.border-bottom-left-radius-none, .border-bottom-right-radius-none{
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
}
.pattern{
    background: url('../img/website/pattern.svg');
    background-repeat: repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .08;
}
.form-signin{
    width: 400px;
    height: 458px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px; 
    margin-top: -229px;
}
.form-register{
	width: 400px;
    height: 335.5px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px; 
    margin-top: -265.25px;
}
.form-forgot-password{
	width: 400px;
    height: 356px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px; 
    margin-top: -178px;
}
.form-footer {
    color: rgba(255,255,255,.8);
    background: #50c9b8;
    padding: 30px;
    border-bottom-left-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}
a:hover {
    text-decoration: none!important;
}
@media screen and (max-width: 992px){
	header li.ml-4{
		margin-left: 0!important;
	}
	header .nav-item{
		margin-bottom: 15px;
	}
	.navbar-nav{
		margin-top: 30px;
	}
	.slider{
		padding: 30px 0 30px 0;
	}
	.slider h1 {
	    font-size: 21px;
	}
	.list-doctor .col-md-12.col-6.mb-2{
		margin-bottom: 0!important;
	}
	.counter-content .counter {
	    font-size: 14px;
	    font-weight: 700;
	}
	.start .col-lg-4{
		margin-bottom: 30px;
	}
	.start .col-lg-4:last-child{
		margin-bottom: 0;
	}
	.list-doctor .btn{
		margin-top: 15px;
	}	
	footer .col-12{
		margin-bottom: 30px;
	}
	footer{
		padding: 30px 0;
	}
	.list-doctor h5{
		font-size: 1.25rem;
	}
	.doctor-detail .action{
		margin-top: 15px;
	}
	.appointment{
		display: none;
	}
	.appointment-button-desktop{
		display: none;
	}
	.appointment-button-mobile{
		display: block;
	}
	.appointment-body.p-30{
		padding: 0!important;
	}
	.owl-nav .owl-prev{
		left: 0rem!important;
	}
	.owl-nav .owl-next{
		right: 0rem!important;
	}
	.owl-stage-outer{
		padding-top: 50px;
	}
}
@media screen and (max-width: 767px){
	.counter-content{
		padding: 0;
	}
	.counter-content .col-6{
		padding: 15px;
	}
	.counter-content .col-6:first-child, .counter-content .col-6:last-child{
		background: #fff;
	}	
	.slider-img{
		display: none;
	}
	.sub-search .form-control{
		margin-bottom: 5px!important;
	}
}

@media screen and (max-width: 568px){
	.start h5{
		font-size: 12px;
	}
	.start p{
		display: none;
	}
	.start .col-6{
		padding: 10px;
	}
	.start .col-6:first-child{
		border-right: 1px solid #ccc!important;
		border-bottom: 1px solid #ccc!important;
	}
	.start .col-6:last-child{
		border-left: 1px solid #ccc!important;
		border-top: 1px solid #ccc!important;
		margin-top: -1px;
		margin-left: -1px;
	}
	.pb-5.start{
		padding: 0!important;
	}
	footer::before{
		left: -160px!important;
    	bottom: 100px!important;
    	height: 1060px!important;
	}
	.p-30{
		padding: 15px;
	}
	#pills-tab .nav-link{
		font-size: 13px;
	}
	.form-signin, .form-register, .form-forgot-password{
	    width: 320px!important;
	    height: auto;
	    position: relative!important;
	    left: 0!important;
	    top: 0!important;
	    margin: 0 auto!important;
	    padding-top: 30px;
	}
	.form-footer {
	    color: rgba(255,255,255,.8);
	    background: #50c9b8;
	    padding: 30px;
	    border-bottom-left-radius: .25rem!important;
	    border-bottom-right-radius: .25rem!important
	}
	.pattern{
	    background-size: cover;
	}
	.form-signin .p-5, .form-register .p-5{
		padding: 30px!important;
	}
}