/*
Theme Name: MKG Health Care
Theme URI: https://www.dotsquares.com/
Author: the dotsquares team
Author URI: https://www.dotsquares.com/
Description: The objective is to develop the  MKG Health Care Solutions website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wstheme
Tags: 

*/
/**********************************

Name: ajax-form Styles

***********************************/


/* Popups */

/* Pagination Styles */
.no-link a{    pointer-events: none;}
.pagination-wrap{margin:20px auto auto;text-align:center;position: relative;}
.pagination-wrap .pagination{margin:auto;position: relative;}
.pagination-wrap:after,.pagination-wrap .pagination:after{content:"";clear:both;display:table}

.pagination{text-align: center;justify-content: center}
.pagination li{display: inline-block;line-height: 1;position:relative;margin-bottom:5px;vertical-align:middle}
.pagination li:not(:last-child){margin-right:5px !important;}
.pagination li *{font-size:14px !important;}
.pagination li a{height:40px;width:40px;line-height: 40px;padding:0px;box-shadow:0px 4px 4px rgba(0,0,0,0.1);font-size:20px;border:1px solid #ddd !important;border-radius:0px !important;background:#fff;text-align: center;color:#000;position:relative;display: inline-block;}
.pagination li.active a,.pagination li.active a:hover,.pagination li a:hover{background:#2f4455;color:#fff;border-color:#2f4455}
.pagination li.next a,.pagination li.prev a{width:auto !important;padding:0px 10px}

.pagination.inline-pagers li a{height:auto !important;color:#4A4947;width:auto;line-height: 1;box-shadow: none;padding:0;background:transparent;border:none !important;font-size:18px !important;}
.pagination.inline-pagers li span{font-size:18px !important;}
.pagination.inline-pagers li.active *,.pagination.inline-pagers li :hover{color:#ff4e4e !important;}

.pagination.style-1 li a{height:40px;width:40px;line-height: 40px;border-radius:50% !important;padding:0px;box-shadow:none;font-size:20px;border:1px solid transparent !important;background:transparent;text-align: center;color:#777;position:relative;display: inline-block;}
.pagination.style-1 li.active a{border-color:#2f4455 !important;}
.pagination.style-1 li.next a,.pagination.style-1 li.prev a{color:#000}

.pagination .page-numbers{display: inline-block;line-height: 1;position:relative;margin-bottom:5px;vertical-align:middle}
.pagination .page-numbers:not(:last-child){margin-right:5px !important;}
.pagination .page-numbers{font-size:14px !important;height:40px;width:40px;line-height: 40px;padding:0px;box-shadow:0px 4px 4px rgba(0,0,0,0.1);font-size:20px;border:1px solid #ddd !important;border-radius:0px !important;background:#fff;text-align: center;color:#000;position:relative;display: inline-block;}
.pagination .page-numbers.current,.pagination .page-numbers.current:hover,.pagination .page-numbers:hover{background:#2f4455;color:#fff;border-color:#2f4455}
.pagination .page-numbers.next,.pagination .page-numbers.prev{width:auto !important;padding:0px 10px}

.pagination.style-1 .page-numbers{height:40px;width:40px;line-height: 40px;border-radius:50% !important;padding:0px;box-shadow:none;font-size:20px;border:1px solid transparent !important;background:transparent;text-align: center;color:#777;position:relative;display: inline-block;}
.pagination.style-1 .page-numbers.current{border-color:#2f4455 !important;}
.pagination.style-1 .page-numbers.next,.pagination.style-1 .page-numbers.prev{color:#000;}
.default-popup{padding-right:0px !important;}
.default-popup~.modal-backdrop{background:#3B2920;opacity: 0.6}

.default-popup .modal-dialog{width:auto;max-width:90%;height:80%;margin-top:100px;margin:30px auto;}
.default-popup .modal-content{max-width:100%;width:100%;height:100%;display: block;margin:auto;border-radius:0px;border:none;background:transparent}
.default-popup .modal-content .close
{
    cursor:pointer;height:46px;width:46px;background:#23ecb5;text-align: center;
    text-shadow: none;opacity: 1;font-weight: 300;font-size:40px;color:#fff;line-height: 1;
    display: flex;justify-content: center;align-items: center;padding:0;position: absolute;top:-10px;right:-1px;z-index:1 
}
.default-popup .modal-content .close:hover{background:#8d4895;color:#fff}

.default-popup .modal-content .modal-body img{max-width:100%}
.default-popup .modal-body{position: relative;padding:0;height:100%;}
.default-popup .modal-body iframe{width:100%;height:100%;}

.enq-popup .modal-content{width:900px;}
.default-popup .wpcf7-response-output{margin:10px auto auto;background:#fff}
.error{
	color: red;
    font-size: 12px;
}
span.del {
    text-decoration: line-through;
    color: red;
}

.default-popup .modal-content{background:#fff;border-radius:10px;height:auto;padding:50px 20px 20px;width:400px;max-width:100%;border:1px solid red;color:#777;text-align: center}
.default-popup .modal-content p{font-weight:600}


form.ajax-form legend {
	padding-left: 0;
}

form.ajax-form legend, form.ajax-form label {
	color: #333;
}

form.ajax-form fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/ajax-form-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}
#signupForm label.error {
		margin-left: 10px;
		width: auto;
		display: inline;
	}

form.ajax-form fieldset fieldset {
	background: none;
}

form.ajax-form fieldset p, form.ajax-form fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/ajax-form-divider.gif) left bottom repeat-x;
}

form.ajax-form label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.ajax-form .gray * { color: gray; }
.info-box {padding: 20px;}

/* FAQ Section */
.faq-section,.faq-container{position: relative}
.faq-container:after,.faq-section:after{content:"";clear: both;display: table}

.faq-container{width:1100px;margin:auto}
.fluid{width:100%}
/* Panel Group Container */

.panel-header{position: relative;margin-bottom:30px}
.panel-header:after,.panel-mainBody:after{content:"";clear: both;display: table}
.panel-header .ttl{font-weight: 500;color:#8992a4;line-height:1.3;font-weight:600;}
.panel-mainBody{position: relative}

.panel-group{position: relative}
.panel-group~.panel-group{margin-top:60px !important;padding-top:60px;border-top:1px solid #444;}
.panel-group:after{content:"";clear: both;display: table}

.panel-group .panel-group{position: relative;margin:auto}
.panel-group .panel-group:after{content:"";display:table;clear:both}
.panel-group .panel-default{border-radius:0px;box-shadow:none;float:left;width:100%;margin:auto;border:none;background:none}

.panel-group .panel-default+.panel-default{margin:auto;border-top:0px;margin-top:15px}
.panel-group .panel-default .panel-heading{background:none;padding:0px;}

.panel-group .panel-default .panel-title{display:block;position:relative;margin: 0;}
.panel-group .panel-default .panel-title a
{
	display:block;position:relative;padding:15px 20px;background:#FEFEFE;border:1px solid #ddd;border-radius:0px;padding-right:50px;
    color:#2f4455;font-weight:700;font-size:16px;letter-spacing: 0.5px;
    -moz-transition:all 0.1s linear;
    -webkit-transition:all 0.1s linear;
    -ms-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    background: #287aac;
    color:#fff;
}
.panel-group .panel-default .panel-title a:before{content:attr(data-count)".";position: absolute;top:6px;left:0px;font-weight:300;color:#EC8217 !important;font-size:20px;display:none}
.panel-group .panel-default .panel-title a.collapsed:after{content:"\f054";}

.panel-group .panel-default .panel-title a:after
{
    content:'\f078';font-family:"FontAwesome";
    color:#fff !important;
	position:absolute;
    right: 15px;
    top: 15px;
    font-weight: 500;
}

.panel-group .panel-default .panel-collapse
{
    border:none;box-shadow:none;
    -moz-transition:all 0.1s linear;
    -webkit-transition:all 0.1s linear;
    -ms-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
}

.panel-group .panel-default .panel-body{line-height: 26px; border-top:none !important;border:1px solid #ddd;box-shadow:none;padding:20px;background:#fff;}
.panel-group .panel-default .panel-head{margin-bottom:30px}
.panel-group .panel-default .panel-head,.panel-group .panel-default .panel-wrap{position: relative}
.panel-group .panel-default .panel-head:after,.panel-group .panel-default .panel-wrap:after{content:"";clear: both;display: table}
.panel-group .panel-default .job-ttl{color:#4A4947;margin-bottom:10px}
.panel-group .panel-default .job-sub-ttl{color:#4A4947;margin-bottom:20px}
.panel-group .panel-default .panel-body .pane-ttl{font-weight:500;margin-bottom:20px}


.panel-group .panel-default .panel-body p{margin-bottom: 15px;}
.panel-group .panel-default .panel-body p:last-child{margin-bottom:0px}
.panel-group .panel-default .panel-body p,.panel-group .panel-default .panel-body span,.panel-group .panel-default .panel-body strong{font-size:16px;line-height: 26px;color:#626262;}
.panel-group .panel-default .panel-body li{font-size:16px;line-height: 26px;color: #60606BD6;margin-bottom:0px}
.panel-group .panel-default .panel-body li+li{margin-top:15px}
.panel-group .panel-default .panel-body ul,.panel-group .panel-default .panel-body ol{margin:auto auto 15px 15px}


.panel-group.d-flex{margin:auto -15px}
.panel-group.d-flex .panel-header,.panel-group.d-flex .panel-mainBody{padding:0px 15px}
.panel-group.d-flex .panel-header{flex:0 1 auto}
.panel-group.d-flex .panel-header .inner{position: relative;width:365px;}
.panel-group.d-flex .panel-mainBody{flex:1 1 auto}

.faq-container.style1 .panel-group .panel-default .panel-title a{border:none;padding:20px 20px;padding-left:30px;padding-right:0px;background:transparent;color:#ec8217 !important}
.faq-container.style1 .panel-group .panel-default .panel-title a:after{right:auto;left:0px;top:22px;color:#ec8217 !important;}
.faq-container.style1 .panel-group .panel-default~.panel-default{border-top:1px solid #ddd;margin-top:0px}
.faq-container.style1 .panel-group .panel-default .panel-body{border:none;padding:0px 20px 0;padding-left:30px;padding-right:0px;}

.faq-container.style1 .panel-group .panel-default .panel-title a.collapsed{color:#444 !important;}
.faq-container.style1 .panel-group .panel-default .panel-title a.collapsed:after{color:#ddd !important;}

.faq-container.style1 .panel-group .panel-default .panel-title a:hover,
.faq-container.style1 .panel-group .panel-default .panel-title a:hover::after{color:#ec8217 !important}


/* ===============================
      Error Page Start 
============================================*/

.error-section,.error-block{position: relative}
.error-section:after,.error-block:after{content:"";clear: both;display: table}

.error-block{display: block;text-align: center}
.error-block .txt-label{font-size:290px;line-height:1;font-weight:600;color:#ec8217}
.error-block .txt-label:nth-child(2){color:#263745;}

.door-hook
{
    position: relative;display: block
}
.door-hook .error-text
{
    text-align: center;margin:auto;
}
.door-hook .error-text .error-msg{font-size:30px;line-height:1.2;font-weight:200;margin-bottom:20px;}
.door-hook .error-text .error-msg span{display: block;font-weight: 500;margin-bottom:5px;}
.cream-bg{background-color:#fdf2e3 !important;}


/* ===============================
      Error Page End 
============================================*/