@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Work+Sans:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

	/* GuestCard Contact*/
.guestcard {

width: 100%;
background-color: #fff;
z-index: 999;
position: relative;
padding: 100px 0px !important;
min-height: 90vh;
}
.guestcard.main-content {
background-color: #f3f3f3;
}
.guestcard h5	{
font-size: 28px;
font-family: 'Fjalla One', sans-serif;
color: #333333;
line-height: 1.2;
text-align: center;
padding-bottom: 15px;
}
.guestcard h6 {
text-align: center;
color: #333;
font-size: 16px;
font-weight: 500;
font-family: 'Work Sans', sans-serif;
}
.guestcard .form-group{
margin-bottom: 50px;
position: relative;
}
.guestcard .guestcard-form {
border-style: solid;
border-width: 1px;
border-color: rgb(222, 230, 234);
border-radius: 4px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 1px 35px 0px rgba(182, 182, 182, 0.2);
margin: 20px 0 40px;
padding: 50px;
}
.guestcard .guestcard-form label{
text-align: left !important;
width: 100%;
color: #5e666e;
font-size: 14px;
font-weight: 400;
font-family: 'Work Sans', sans-serif;
padding: 0px;
margin: 0px;
}
.guestcard .guestcard-form label.error{
position: absolute;
}
.guestcard .guestcard-form input, .guestcard .guestcard-form textarea {
border: 0px;
box-shadow: none;
border-radius: 0px;
border-bottom: 1px solid #c9c9c9;
height: 40px;
padding: 0px;
background-color: #fff;
}
.guestcard .guestcard-form input:focus, .guestcard .guestcard-form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.guestcard .guestcard-form input, .guestcard .guestcard-form select {
border: 0px;
box-shadow: none;
border-radius: 0px;
border-bottom: 1px solid #c9c9c9;
height: 40px;
padding: 0px;
background-color: #fff;
}
.guestcard .guestcard-form input:focus, .guestcard .guestcard-form select:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.guestcard .guestcard-form .contactradio {
display: block;
padding-bottom: 20px;
}
.guestcard .guestcard-form .radio-item {
display: inline-block;
position: relative;
padding: 0;  
}
.guestcard .guestcard-form .radio-item input[type='radio'] {
display: none;
}
.guestcard .guestcard-form .radio-item label {  
font-weight: normal !important;
margin-right: 20px;
}
.guestcard .guestcard-form .radio-item label:before {
content: " ";
display: inline-block;
position: relative;
top: 5px;
margin: 0 5px 0 0;
width: 20px;
height: 20px;
border-radius: 11px;
border: 1px solid #c9c9c9;
background-color: #fff;
}
.guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after {
border-radius: 11px;
width: 10px;
height: 10px;
position: absolute;
top: 10px;
left: 5px;
content: " ";
display: block;
background:#21a9ff;
}
.guestcard .guestcard-form .submit {
text-align: right;
margin-right: 15px;
}
.guestcard .guestcard-form .btn-submit {
border-radius: 4px;
background-color: #21a9ff;    
font-size: 14px;
font-family: 'Myriad Pro', sans-serif;
color: rgb(255, 255, 255);
line-height: 1.2; 
padding: 12px 30px;
margin-top: 15px;
}
.guestcard .guestcard-form .btn-submit:focus {
  outline: 5px auto transparent;
}
.template-3.guest-card .bgimg{background-image: none !important; min-height: 0vh; height: 0vh;}
.template-3.guest-card .bg{display: none;}
.template-3.guest-card .guestcard{background-color: #f3f7f8;}
.template-3.guest-card .guestcard h5{  font-size: 32px;  font-family: 'Abril Fatface', cursive;}
.template-3.guest-card .guestcard .guestcard-form .btn-submit{background-color: rgb(130, 46, 208); border-color: rgb(130, 46, 208); }
.template-3.guest-card .guestcard .guestcard-form .btn-submit:hover{font-weight: 400;}
.template-3.guest-card .guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after{background: rgb(130, 46, 208);}
.template-3.guestcard .guestcard-form input, .guestcard .guestcard-form textarea {border-bottom: 1px solid #c9c9c9 !important; padding: 0;}
.template-4 .bgimg{background-image: none !important; min-height: 0vh; height: 0vh;}
.template-4 .bg{display: none;}
.template-4 .guestcard{background-color: #fff; border: 0; }
.template-4 .guestcard .guestcard-form{/*border: 0;box-shadow: none; background-color: #f2f2f2; border-top: solid 2px rgb(156, 156, 156);*/}
.template-4 .guestcard h5{font-size: 36px;font-family: 'PT Sans', sans-serif;color: rgb(68, 68, 68); font-weight: 700}
.template-4 .guestcard .guestcard-form .btn-submit{background-color: #f23c48; border-color: #f23c48; }
.template-4 .guestcard .guestcard-form .btn-submit:hover{font-weight: 400;}
.template-4 .guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after{background: #f23c48;}
.template-4 .guestcard .guestcard-form input, 
.guestcard .guestcard-form textarea {background-color: transparent; /*rgb(255, 255, 255);*/color: rgb(169, 169, 169) !important;box-shadow: inset 0px 0px 0px 0px transparent !important;font-weight: normal;}
.template-4 .guestcard .guestcard-form label {text-align: left !important;width: 100%;color: #555;font-size: 14px;font-weight: 400;font-family: 'Work Sans', sans-serif;padding: 0px;}
.template-4 .guestcard .guestcard-form input, .template-4 .guestcard .guestcard-form textarea {font-weight: normal;}
.template-6.guest-card .bgimg{background-image: none !important; min-height: 0vh; height: 0vh;}
.template-6.guest-card .bg{display: none;}
.template-6.guest-card .guestcard{background-color: #f3f7f8;}
.template-6.guest-card .guestcard h5{  font-size: 32px;  font-family: 'Abril Fatface', cursive;}
.template-6.guest-card .guestcard .guestcard-form .btn-submit{background-color: #f97613; border-color: #f97613; }
.template-6.guest-card .guestcard .guestcard-form .btn-submit:hover{font-weight: 400;}
.template-6.guest-card .guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after{background:#f97613;}
.template-6 .guestcard .guestcard-form input, .guestcard .guestcard-form textarea {border-bottom: 1px solid #c9c9c9 !important; padding: 0; color: #555 !important;}
.template-5 .bgimg{background-image: none !important; min-height: 0vh; height: 0vh;}
.template-5 .bg{display: none;}
.template-5 .guestcard{background-color: #f3f7f8;}
.template-5 .guestcard h5{  font-size: 32px;  font-family: 'Abril Fatface', cursive;}
.template-5 .guestcard .guestcard-form .btn-submit{background-color: #ef114c; border-color: #ef114c; }
.template-5 .guestcard .guestcard-form .btn-submit:hover{font-weight: 400;}
.template-5 .guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after{background:#ef114c;}
.template-5 .guestcard .guestcard-form input, .guestcard .guestcard-form textarea {border-bottom: 1px solid #c9c9c9; padding: 0;}
.template-8.guest-card .bgimg{background-image: none !important; min-height: 0vh; height: 0vh;}
.template-8.guest-card .bg{display: none;}
.template-8.guest-card .guestcard{background-color: #f3f7f8;}
.template-8.guest-card .guestcard h5{  font-size: 32px;  font-family: 'Montserrat', sans-serif;}
.template-8.guest-card .guestcard .guestcard-form .btn-submit{background-color: #9014e6; border-color: #9014e6; }
.template-8.guest-card .guestcard .guestcard-form .btn-submit:hover{font-weight: 400;}
.template-8.guest-card .guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after{background:#9014e6;}
.template-8 .guestcard .guestcard-form input, .guestcard .guestcard-form textarea {    border-bottom: 1px solid #c9c9c9; padding: 0;}
.template-9.guest-card .guestcard .guestcard-form .btn-submit{background-color: rgb(28, 136, 220); border-color: rgb(28, 136, 220); }
.template-9.guest-card .guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after{background:rgb(28, 136, 220);}
.template-11 .guestcard .guestcard-form .btn-submit{background-color: #17c60a; border-color: #17c60a; }
.template-11 .guestcard .guestcard-form .radio-item input[type=radio]:checked + label:after{background:#17c60a;}
.template-11 .guestcard .guestcard-form .form-group {display: block;}

/* ./select plan*/
.main-content h5 {font-size: 22px; font-family: 'Montserrat', sans-serif; color: rgb(51, 51, 51); text-align: center; font-weight: 400; margin-top: 30px; padding-bottom: 0;}
.main-content h4 {font-size: 26px; font-family: 'Montserrat', sans-serif; color: rgb(51, 51, 51); text-align: center; font-weight: 700;}
.main-content h6 {font-size: 18px; font-family: 'Roboto', sans-serif; color: rgb(35, 51, 84); text-align: center; font-weight: 400; margin-top: 40px;}
.main-content span {font-weight: 700;}
.main-content p {font-size: 16px; font-family: 'Roboto', sans-serif; color: rgb(239, 17, 76); text-align: center;}
.main-content a {color: rgb(239, 17, 76); text-decoration: none; }
.main-content.guestcard .form-group {margin: 0 0 25px;}
.main-content .icon.select-plan-date {font-size: 18px;color: rgb(239, 17, 76);vertical-align: middle;}
.main-content .icon.select-plan-date.input-date {position: absolute;top: 45px;left: 8px;}
.main-content .lease-form {border-radius: 4px;background-color: rgb(255, 255, 255); box-shadow: 0px 2px 5px 0px rgba(240, 240, 240, 1); padding: 35px 35px 5px; }
.main-content .lease-form label {font-size: 18px; font-family: 'Roboto', sans-serif; color: rgb(108, 108, 108); text-align: center;}
.main-content .lease-form input {border-radius: 0px; background-color: #fff;font-size: 16px; font-family: 'Roboto', sans-serif; color: rgb(85, 85, 85); border: solid 1px rgb(213, 213, 213); padding-left: 33px;}
#labels-months-output {background-color: #fff;font-size: 16px; font-family: 'Roboto', sans-serif; color: rgb(85, 85, 85);}
.form-control:focus { border-color: rgb(213, 213, 213); box-shadow: none !important;}
.main-content .pricing-calender {text-align: right; position: absolute; right: 15px;}
.main-content .pricing-calender span { font-size: 14px; font-family: 'Roboto', sans-serif; color: rgb(239, 17, 76); font-weight: 500; margin-left: 10px;}
.main-content .lease-form p{text-align: left; margin-bottom: 40px;}
.main-content .slider {background-color: #d4d4d4; margin-top: 20px;}
.main-content .slider .ui-slider-handle {width: 20px !important; height: 20px !important; background-color: #fff !important; border:solid 4px rgba(250, 183, 201, 0.9); top: -.5em !important;background-image: none !important;}
.term {font-size: 18px; font-family: 'Roboto', sans-serif;color: rgb(85, 85, 85); font-weight: 400;}
#term { border: 0; color: #555555; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 700; text-align: left; background-color: transparent; width: auto;}
.main-content .lease-form label.btn {
border: solid 1px rgb(239, 17, 76);
background-color: #fff;
margin: 0 20px 15px 0;
border-radius: 25px !important;
padding: 10px 25px;
box-shadow: none;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
color: rgb(239, 17, 76);
line-height: 1.2;
font-weight: 600;
}
.main-content .lease-form label.btn:hover,
.main-content .lease-form label.btn.active {
background-color: rgb(239, 17, 76);
color: #fff;
}
.main-content .lease-form label.btn:last-child {
margin-right: 0;
}
.main-content .lease-form h4 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
color: rgb(51, 51, 51);
line-height: 1.2;
text-align: left;
font-weight: 600;  
margin: 0 0 15px;
}
.main-content .select-plan {
background-color: #fff; box-shadow: 0px 3px 3px 0px rgba(190, 190, 190, 0.09); text-align: center; padding: 40px 15px 35px; margin: 0px 0px 60px; border: solid 3px transparent; transition: box-shadow linear 0.5s, border 0.1s, margin 0.5s, padding-bottom 0.5s; text-align: center;
}
sup { top: -1em; font-size: 40%;}
.main-content .select-plan h1{font-size: 20px; font-family: 'Montserrat', sans-serif; color: rgb(38, 100, 225); font-weight: 700; text-align: left; margin-top: 0; margin-bottom: 0;letter-spacing: 1px;}
.main-content .select-plan h2{font-size: 20px; font-family: 'Montserrat', sans-serif; color: rgb(34, 34, 34); font-weight: 500; text-align: left; margin-top: 40px; margin-bottom: 0; padding-left: 25px;}
.main-content .select-plan h3{font-size: 20px; font-family: 'Roboto', sans-serif; color: #1e96d2; margin-top: 10px;}
.main-content .select-plan h4{font-size: 16px; font-family: 'Roboto', sans-serif; color: #828282; font-weight: 400;}
.main-content .select-plan h5{font-size: 16px; font-family: 'Roboto', sans-serif; color: #b7b43b; margin-top: 20px;}
.main-content .select-plan h6{font-size: 12px; font-family: 'Montserrat', sans-serif; color: rgb(85, 85, 85); text-transform: uppercase;font-weight: 400; letter-spacing: 1px; text-align: left; margin-top: 0;}
.main-content .select-plan a{ color: #b7b43b;}
.main-content .select-plan label {font-size: 14px; font-family: 'Roboto', sans-serif; color: rgb(103, 103, 103); text-align: left;}
.main-content .select-plan input {border-radius: 0px; background-color: #fff;font-size: 16px; font-family: 'Roboto', sans-serif; color: rgb(85, 85, 85); border: none !important; border-bottom: 1px solid #e4e4e4 !important; box-shadow: none !important; width: 37%;}
.main-content .select-plan .btn-apply { background-color: rgb(239, 17, 76); font-size: 14px; font-family: 'Montserrat', sans-serif; color: rgb(255, 255, 255); font-weight: 400; border-radius: 25px; padding: 15px 30px; letter-spacing: 1px; width: auto; margin-top: 30px;}
.main-content .select-plan .btn-apply:focus {outline: none;}
.main-content .select-plan .border-right {border-right: solid 1px rgb(229, 229, 229);padding: 30px 0 30px 40px;}
.main-content .select-plan .available_class {color: #17c60a;}
/*.main-content .select-plan:hover { box-shadow: 0px 12px 40px 0px rgba(225, 225, 225, 1); border: solid 3px rgb(42, 212, 106); margin: 45px 0; padding-bottom: 35px;}*/
.main-content .pricing-calender-new {text-align: center; background-color: #fff; margin: 10px 30px 60px; padding: 25px 30px; border:solid 1px rgb(238, 238, 238);box-shadow: 0px 0px 20px 0px rgba(184, 184, 184, 0.2);}
.main-content .pricing-calender-new span { font-size: 16px; font-family: 'Roboto', sans-serif; color: rgb(51, 51, 51); font-weight: 500; margin-left: 15px;}
.main-content .pricing-calender-new a { color: rgb(51, 51, 51);}
.main-content .ui-datepicker .ui-datepicker-header { color: rgb(57, 76, 116); background-color: #fff;}
.main-content .ui-datepicker table { color: #fff;}
.main-content .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 0px solid #c5c5c5; font-weight: normal; color: rgb(57, 76, 116); }
.main-content .ui-state-highlight, .main-content .ui-widget-content .ui-state-highlight, .main-content .ui-widget-header .ui-state-highlight { border: 1px solid rgb(57, 76, 116); background: rgb(57, 76, 116); color: #fff;}
/*.main-content .ui-slider .ui-slider-handle { width: 0.8em; height: 0.8em; background-color: #fff;}*/
.main-content .ui-slider .ui-slider-handle:focus { outline: -webkit-focus-ring-color auto 0px !important;}
.main-content .ui-corner-all, .main-content .ui-corner-bottom, .main-content .ui-corner-right, .main-content .ui-corner-br { border-bottom-right-radius: 10px;}
.main-content .ui-corner-all, .main-content .ui-corner-bottom, .main-content .ui-corner-left, .main-content .ui-corner-bl {  border-bottom-left-radius: 10px;}
.main-content .ui-corner-all, .main-content .ui-corner-top, .main-content .ui-corner-right, .main-content .ui-corner-tr { border-top-right-radius: 10px;}
.main-content .ui-corner-all, .main-content .ui-corner-top, .main-content .ui-corner-left, .main-content .ui-corner-tl { border-top-left-radius: 10px;}
.main-content .ui-slider-horizontal { height: 0.4em !important;}
.main-content .ui-widget.ui-widget-content {border: 0px solid #c5c5c5;float: none;width: auto;margin-left: 0;}
.main-content .ui-widget-header { border: 1px solid #dddddd; /*background: #f23c48;*/ color: #333333; font-weight: bold;background-color: transparent !important;}
/*.main-content .ui-widget-content { background: #424242; color: #333333;}*/
.main-content .ui-slider-pips .ui-slider-pip {font-size: 14px; font-family: 'Roboto', sans-serif; color: rgb(85, 85, 85); font-weight: 700;}
.main-content .ui-slider-pips [class*=ui-slider-pip-selected] {color: #fff !important; background-color: rgb(239, 17, 76); border-radius: 50%; box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.5); /*padding: 12px 0px;*/ height: 2em; line-height: 1.4em;}
.main-content .ui-slider-pip-selected .ui-slider-label{color: #fff !important;}
.main-content .ui-slider-pips .ui-slider-line { background: rgb(212, 212, 212) !important; width: 2px; height: 10px; top: -15px;}
.main-content .ui-slider-pips .ui-slider-pip-first { margin-left: -0.8em;}
.main-content .ui-slider-pips .ui-slider-pip-last { margin-left: -1.3em;}
.main-content .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {color: rgb(85, 85, 85); background-color: transparent;}
.main-content .ui-slider-pips .ui-slider-label {left: 45%;}
.zigzag {  
background: #fff;
position: relative;
height: 16px;
z-index: 1;
}
.zigzag:before, .zigzag:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
}
.zigzag:before {
height: 12px;
top: 110%;
background: linear-gradient(-135deg, #F5F5DC 8px, transparent 0) 0 8px, linear-gradient(135deg, #F5F5DC 8px, transparent 0) 0 8px;
background-position: top left;
background-repeat: repeat-x;
background-size: 16px 16px;
}
.zigzag:after {
height: 16px;
top: 100%;
background: linear-gradient(-135deg, #fff 8px, transparent 0) 0 8px, linear-gradient(135deg, #fff 8px, transparent 0) 0 8px;
background-position: top left;
background-repeat: repeat-x;
background-size: 16px 16px;
}
.template-2 .main-content a {
color: #21a9ff;
}
.template-2 .main-content .icon.select-plan-date {
color: #21a9ff;
}
.template-2 .main-content .pricing-calender span {
color: #21a9ff;
}
.template-2 .main-content .slider .ui-slider-handle {  
border: solid 4px #21a9ff;
}
.template-2 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: #21a9ff;
}
.template-2 .main-content .select-plan .btn-apply {
background-color: #21a9ff;
}
.template-2 .main-content .lease-form label.btn {
border-color: #21a9ff;
color: #21a9ff;
}
.template-2 .main-content .lease-form label.btn:hover, 
.template-2 .main-content .lease-form label.btn.active {
background-color: #21a9ff;
color: #fff !important;
}
.template-3.select_plan .bgimg {
background-image: none !important;
height: auto !important;
}
.template-3.select_plan .vertical-align {
min-height: auto !important;
}
.template-3 .main-content a {
color: #822ed0;
}
.template-3 .main-content .icon.select-plan-date {
color: #822ed0;
}
.template-3 .main-content .pricing-calender span {
color: #822ed0;
}
.template-3 .main-content .slider .ui-slider-handle {  
border: solid 4px #822ed0;
}
.template-3 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: #822ed0;
}
.template-3 .main-content .select-plan .btn-apply {
background-color: #822ed0;
}
.template-3 .main-content .lease-form label.btn {
border-color: #822ed0;
color: #822ed0;
}
.template-3 .main-content .lease-form label.btn:hover, 
.template-3 .main-content .lease-form label.btn.active {
background-color: #822ed0;
color: #fff !important;
}
.template-4 .guestcard.main-content {
background-color: #f3f3f3;    
}
.template-4 .main-content a {
color: #f23c48;
}
.template-4 .main-content .icon.select-plan-date {
color: #f23c48;
}
.template-4 .main-content .pricing-calender span {
color: #f23c48;
}
.template-4 .main-content .slider .ui-slider-handle {  
border: solid 4px #f23c48;
}
.template-4 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: #f23c48;
}
.template-4 .main-content .select-plan .btn-apply {
background-color: #f23c48;
}
.template-4 .main-content .lease-form label.btn {
border-color: #f23c48;
color: #f23c48;
}
.template-4 .main-content .lease-form label.btn:hover, 
.template-4 .main-content .lease-form label.btn.active {
background-color: #f23c48;
color: #fff !important;
}
.template-5 .main-content a {
color: #ef114c;
}
.template-5 .main-content .icon.select-plan-date {
color: #ef114c;
}
.template-5 .main-content .pricing-calender span {
color: #ef114c;
}
.template-5 .main-content .slider .ui-slider-handle {  
border: solid 4px #ef114c;
}
.template-5 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: #ef114c;
}
.template-5 .main-content .select-plan .btn-apply {
background-color: #ef114c;
}
.template-5 .main-content .lease-form label.btn {
border-color: #ef114c;
color: #ef114c;
}
.template-5 .main-content .lease-form label.btn:hover, 
.template-5 .main-content .lease-form label.btn.active {
background-color: #ef114c;
color: #fff !important;
}
.template-6 .main-content a {
color: #f5cd2d;
}
.template-6 .main-content .icon.select-plan-date {
color: #f5cd2d;
}
.template-6 .main-content .pricing-calender span {
color: #f5cd2d;
}
.template-6 .main-content .slider .ui-slider-handle {  
border: solid 4px #f5cd2d;  
}
.template-6 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: #f5cd2d;
}
.template-6 .main-content .select-plan .btn-apply {
background-color: #f5cd2d;
}
.template-6 .main-content .lease-form label.btn {
border-color: #f5cd2d;
color: #f5cd2d;
}
.template-6 .main-content .lease-form label.btn:hover, 
.template-6 .main-content .lease-form label.btn.active {
background-color: #f5cd2d;
color: #fff !important;
}
.template-8 .main-content a {
color: #9014e6;
}
.template-8 .main-content .icon.select-plan-date {
color: #9014e6;
}
.template-8 .main-content .pricing-calender span {
color: #9014e6;
}
.template-8 .main-content .slider .ui-slider-handle {  
border: solid 4px #9014e6;  
}
.template-8 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: #9014e6;
}
.template-8 .main-content .select-plan .btn-apply {
background-color: #9014e6;
}
.template-8 .main-content .lease-form label.btn {
border-color: #9014e6;
color: #9014e6;
}
.template-8 .main-content .lease-form label.btn:hover, 
.template-8 .main-content .lease-form label.btn.active {
background-color: #9014e6;
color: #fff !important;
}
.template-9 .guestcard.main-content .form-group {
margin-bottom: 25px;
width: 100%;
}
.template-9 .main-content .lease-form input {
padding: 6px 12px;
padding-left: 33px;
}
.template-9 .main-content a {
color: rgb(28, 136, 220);
}
.template-9 .main-content .icon.select-plan-date {
color: rgb(28, 136, 220);
}
.template-9 .main-content .pricing-calender span {
color: rgb(28, 136, 220);
}
.template-9 .main-content .slider .ui-slider-handle {  
border: solid 4px rgb(28, 136, 220);  
}
.template-9 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: rgb(28, 136, 220);
}
.template-9 .main-content .select-plan .btn-apply {
background-color: rgb(28, 136, 220);
}
.template-9 .main-content .lease-form label.btn {
border-color: rgb(28, 136, 220);
color: rgb(28, 136, 220);
}
.template-9 .main-content .lease-form label.btn:hover, 
.template-9 .main-content .lease-form label.btn.active {
background-color: rgb(28, 136, 220);
color: #fff !important;
}
.template-11 .main-content span.ui-slider-handle.ui-corner-all.ui-state-default:after {
display: none;
}
.template-11 .main-content a {
color: #17c60a;
}
.template-11 .main-content .icon.select-plan-date {
color: #17c60a;
}
.template-11 .main-content .pricing-calender span {
color: #17c60a;
}
.template-11 .main-content .slider .ui-slider-handle {  
border: solid 4px #17c60a;  
}
.template-11 .main-content .ui-slider-pips [class*=ui-slider-pip-selected] {
background-color: #17c60a;
}
.template-11 .main-content .select-plan .btn-apply {
background-color: #17c60a;
}
.template-11 .main-content .lease-form label.btn {
border-color: #17c60a;
color: #17c60a;
}
.template-11 .main-content .lease-form label.btn:hover, 
.template-11 .main-content .lease-form label.btn.active {
background-color: #17c60a;
color: #fff !important;
}
.template-11.select_plan footer {
z-index: 99;
position: relative;
padding-left: 0;
}

.guestcard .autofill-butn {
    border-radius: 90px;
    background-color: #fff;
    font-size: 14px;
    font-family: 'Myriad Pro', sans-serif;
    color: #333;
    line-height: 1.2;
    padding: 12px 30px;
    margin-top: -15px;
    border: 1px solid #ccc;
    outline: none;
}



/*./select plan*/
/*Media Screen*/
@media screen and (max-width:1024px){
.guestcard .guestcard-form .radio-item {
width: 32%;
}
.main-content .select-plan .border-right {
padding: 30px 0 30px 20px;
}
.main-content .select-plan h2 {
padding-left: 0;
text-align: right;
}
.main-content .lease-form input {
  font-size: 14px;
}
}
@media screen and (min-width:1024px){}
@media screen and (max-width:768px){
.main-content .select-plan h2 {    
text-align: center;
margin-bottom: 20px;
margin-top: 0px;
}
.main-content .select-plan .border-right {
padding: 30px 0 30px 40px;
}
.main-content .lease-form label.btn {
padding: 10px 20px;
margin: 0 15px 15px 0;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.guestcard .guestcard-form .submit {
text-align: center;
width: 100%;
}
.guestcard .guestcard-form{
padding: 20px;
}
.guestcard .guestcard-form .btn-submit{width: 94%;}
.guestcard .guestcard-form .radio-item {
width: 100%;
}
.main-content .lease-form {
padding: 35px 35px 35px;
}
.main-content.guestcard .form-group {
margin: 0px 0 25px;
}
.main-content .pricing-calender {
right: auto;
top: -30px;
}
/*.guestcard.main-content .form-group {
    margin-bottom: 60px;
}*/
.main-content .select-plan .border-right {
border-right-color: transparent; 
}
.main-content h5 {
font-size: 18px;
}
.main-content h4 {
font-size: 22px;
}
.main-content h6 {
font-size: 16px;
margin-top: 30px;
}
.main-content .lease-form label {
font-size: 16px;
}
.main-content .select-plan h6, .main-content .select-plan h1 {
text-align: center;
}
.main-content .select-plan .border-right {
padding: 20px 0 20px 0px;
}
/*.main-content .icon.select-plan-date.input-date {
  top: 35px;
}*/
.main-content .lease-form label.btn {
padding: 7px 20px;
margin: 0 10px 10px 0;
}
}
@media (max-width:320px) {}