/* Modal */
.modal-header div strong, .modal-header div img{ display: inline-block; vertical-align: middle; }
.modal-header div{ padding: 10px 25px; margin-top: -15px;}
.modal-header div strong{ margin-left: 10px; }
.modal-body .title-modal{ display: block; }

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 6; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-webkit-animation-name: fadeIn; /* Fade in the background */
-webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
color: #4d4d4d;
border-radius: 20px 20px 15px 15px;
position: fixed;
top: 10%;
background-color: #fefefe;
width: 805px;
max-width: 100%;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s
}


/* The Close Button */
.closeModal {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
background: url(../images/pop-close.png) no-repeat;
width: 28px;
height: 28px;
margin: 15px;
}

.closeModal:hover,
.closeModal:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

.modal-header {
background-color: #303440;
color: white;
border-radius: 15px 15px 0 0;
height: 57px;
}

.modal-body > div {padding: 20px 30px;}

.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.myBtn7, .myBtn8 { position: relative; cursor: pointer; }
.myBtn7:hover, .myBtn8:hover {animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1;}

@keyframes wobble-horizontal {
	16.65% {
		transform: translateX(8px);
	}

	33.3% {
		transform: translateX(-6px);
	}

	49.95% {
		transform: translateX(4px);
	}

	66.6% {
		transform: translateX(-2px);
	}

	83.25% {
		transform: translateX(1px);
	}

	100% {
		transform: translateX(0);
	}
}

.input.textarea {
	margin-top: 25px;
}


.new-radio > .radio-circle{ width: 48.5%; display: inline-block; vertical-align: top; border: 1px solid #c7c7c7; border-radius: 15px; margin: 10px 0;}
/* .new-radio > .radio-circle:first-child{ margin: 0 25px 0 0; } */
.radio-circle.radio-circle2{ max-width: 33%; /*margin: 0 1% !important;*/margin: 10px 1px!important; }
.radio-circle.radio-circle3{ max-width: 46%; margin: 0 1% !important; }
.radio-circle.radio-circle2 > label, .radio-circle.radio-circle3 > label{ color: #4d4d4d !important; }

.radio-circle.radio-circle2:first-child{ margin-left: 0 !important; }
.radio-circle.radio-circle2:last-child{ margin-right: 0 !important; }

/* radio button */
.radio-group label{color: #333 !important; webkit-animation-name: none !important; -moz-animation-name: none !important; animation-name: none !important; }
.radio-circle label{color: #4d4d4d !important !important; webkit-animation-name: none !important; -moz-animation-name: none !important; animation-name: none !important; }

.radio-group input.radioJx {
  position: absolute;
  visibility: hidden;
}

.radio-group label {
  color: #000;
  display: inline-block;
  cursor: pointer;
  padding: 5px 20px;
  font-weight: normal;
}

.radio-group input.radioJx:checked + label{
  color: #000;
  background: #355393;
}

.radio-group label + input.radioJx + label {
  border-left: solid 1px #e5e5e5;
}
.radio-group {
  border: solid 1px #e5e5e5;
  display: inline-block;
  /* margin: 20px; */
  border-radius: 10px;
  overflow: hidden;
}

/* radio button 2 */
.radio-circle{position: relative;}
.radio-circle label{display: block; font-weight: 300; padding: 9px 40px 9px 10px;}

.radio-circle label, .radio-circle{ cursor: pointer; }

input.radio-circleYN{
  position: absolute;
  visibility: hidden;
}

.check{
	display: inline-block;
	position: absolute;
	border: 1px solid #d6d6d6;
	border-radius: 100%;
	height: 24px;
	width: 24px;
	top: 6px;
	right: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

label .check::before {
	display: inline-block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 16px;
	width: 16px;
	top: 3.5px;
	left: 50%;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../images/check-before.png) repeat-x;
}

input.radio-circleYN:checked ~ label .check {
  border: 1px solid #d6d6d6;
}

input.radio-circleYN:checked ~ label .check::before{
  background:#E02F3E;
}
.new-radio > .radio-circle {
	border: 1px dashed #c8c8c8 !important;
	border-radius: unset;
  }


input.radio-circleYN:checked ~ label{
  color: #E02F3E;
}

ul.ks-cboxtags {
    list-style: none;
    padding: 0;
}
ul.ks-cboxtags li{
  display: inline-block;
  width: 32%;
  max-width: 100%;
  margin-right: 10px;
}
ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 1px dashed #ccc;
    border-radius: 2px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 8px 12px;
    cursor: pointer;
    width: 91%;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    /* background-color: #e97623; */
    color: #fff;
    transition: all .2s;
    width: 91%;
}

ul.ks-cboxtags-seo li input[type="checkbox"]:checked + label {
    background-color: #e02f3e;
}
ul.ks-cboxtags-smm li input[type="checkbox"]:checked + label {
    background-color: #e97623;
}
ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.ks-cboxtags label{font-weight:normal;}

.social-icon-cont span {
	display: block;
	color: #4d4d4d !important;
	margin: 0 0 2px;
}

/* Add Animation */
@-webkit-keyframes slideIn {
from {top: -300px; opacity: 0}
to {top: 10%; opacity: 1}
}

@keyframes slideIn {
from {top: -300px; opacity: 0}
to {top: 10%; opacity: 1}
}

@-webkit-keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}

@keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}

@media only screen and (max-width: 1512px) {
  .new-radio > .radio-circle { width: 32.9%!important;}
  }
	
	@media only screen and (max-width: 1200px) {
	  .radio-circle.radio-circle2{ max-width: 32%!important;}
	  }
		
	@media only screen and (max-width: 1048px) {
	
		.other_information{ width: 90%!important; }
		.social-text{ width: 60%!important; }
		.social-icon-cont{ width: 38%!important; }
	}
	
@media only screen and (max-width: 1020px) {

	ul.ks-cboxtags li{margin-right:6px!important;}
}

@media only screen and (max-width: 928px) {

	.left-50, .right-50{ width: 100%;display: block; }
	.left-50{ text-align: center; }

	.social-text, .social-icon-cont{ width: 100%!important; float: none!important; }
	.social-text{ margin: 0 0 10px!important; }
	.social-icon-cont{ text-align: center!important; }

	.modal-content{ top: 1%!important; }

	@-webkit-keyframes slideIn {
	from {top: -300px; opacity: 0}
	to {top: 1%; opacity: 1}
	}

	@keyframes slideIn {
	from {top: -300px; opacity: 0}
	to {top: 1%; opacity: 1}
	}
}
@media only screen and (max-width: 780px) {
	.group.lbl2 {margin-top: -28px;}
}
@media only screen and (max-width: 780px) {
  .new-radio > .radio-circle {width: 99% !important;max-width: 100% !important;}
  }
@media only screen and (max-width: 735px) {
    ul.ks-cboxtags li{width: 48%!important;}
}
  @media only screen and (max-width: 505px) {
      ul.ks-cboxtags li{width:100%!important;margin:0!important;}
  }
  @media only screen and (max-width: 370px) {

  	.styled-select.slate.slate2{ width: 100% !important; margin: 0 0 5px !important; display: block; }
  	.slate-separator{ display: none; }

  	.social-icon-cont a img{ width: 35px!important; }

  	.hours-section input:nth-child(1){ max-width: 34%; }
  	.hours-section input:nth-child(2){ max-width: 66%; }
  	.remove2{ right: 3px; }
  	.popf p span{ display: inline-block; }


  }