/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 16 2019 | 15:26:11 */
/*
This code is for Contact Form 7 plugin
*/

/*********
CF7
*******/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="textarea"],
 textarea, textarea:focus{
    padding: 12px;
    border: 1px solid #00476b;
    background: none;
    width: 100% !important;
	font-size: 16px;
    font-weight: 400;
    font-family: 'Rubik';
    color:#00476b;
}
.wpcf7 label{
  	font-family: "Courier New";
	font-weight:300;
  	font-size:16px;
}
/*checkbox*/
.wpcf7-form .wpcf7-checkbox label {
  	position: relative;
  	cursor: pointer;
  	font-family: "Courier New";
  	font-weight:300;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] {
	position: relative;
  	visibility: hidden;
	margin-right: 10px;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span {
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 0px;
  height: 18px;
  width: 18px;
  top: -3px;
  border: 1px solid #00476b;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '\2713';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: -6px;
    left: 4px;
    visibility: hidden;
    font-size: 18px;
	  color:#fff;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: #00476b;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
   visibility: visible;
}
/*radio*/
.wpcf7-form .wpcf7-radio label {
  position: relative;
  cursor: pointer;
  font-family: "Courier New";
  font-weight:300;
}

.wpcf7-form .wpcf7-radio input[type=radio] {
	position: relative;
  visibility: hidden;
	margin-left: 10px;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span {
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 18px;
  width: 18px;
  top: -3px;
  border: 1px solid #00476b;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 5px;
    visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before {
    background: transparent;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
   background: #00476b;
   visibility: visible;
}
/*dropdown-select*/
.wpcf7-form .wpcf7-select {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 0px 14px 16px;
    border: 1px solid #00476b;
    border-radius: 3px;
    color: #00476b;
    background: none;
    font-size: 16px;
    font-weight: 500;
	/*-webkit-appearance: none;*/
}
.wpcf7-form .wpcf7-select:hover {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 0px 14px 16px;
    border: 1px solid #00476b;
    border-radius: 3px;
    color: #00476b;
    background: none;
    font-size: 16px;
    font-weight: 500;
	/*-webkit-appearance: none;*/
	 box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2)!important;
    -o-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2)!important;
}
/*submit*/
.wpcf7-submit {
    background: #00467b;
    color: #fff;
    width: auto;
    padding: 12px 24px;
    font-size: 18px;
    border: 2px solid #00476b;
    border-radius: 3px;
    font-weight: 500;
}
.wpcf7-submit:hover {
    background: none;
    color: #00476b;
    width: auto;
    padding: 12px 24px;
    font-size: 18px;
    border: 2px solid #00476b;
    border-radius: 3px;
    font-weight: 500;
}

/*toogle*/
@media (min-width:564px) {
 .toggle {
  margin-top:24px
 }
}
@media (min-width:1600px) {
 .toggle {
  margin-top:32px
 }
}
@media (min-width:564px) {
 .toggle {
  margin-bottom:24px
 }
}
@media (min-width:1600px) {
 .toggle {
  margin-bottom:32px
 }
}
.toggle::before {
 content:attr(data-off);
 font-size:16px
}
.toggle::after {
 content:attr(data-on);
 font-size:16px
}
.toggle input[type=checkbox] {
 position:absolute!important;
 height:1px;
 width:1px;
 overflow:hidden;
 clip:rect(1px 1px 1px 1px);
 clip:rect(1px,1px,1px,1px)
}
.toggle input[type=checkbox]+label {
 display:inline-block;
 vertical-align:-7px;
 width:48px;
 height:24px;
 position:relative;
 cursor:pointer;
 margin:0 4px
}
.toggle input[type=checkbox]+label::before {
 content:'';
 height:4px;
 width:100%;
 background-color:#ccdae1;
 position:absolute;
 top:10px;
 -webkit-transition:all .2s ease;
 -o-transition:all .2s ease;
 transition:all .2s ease
}
.toggle input[type=checkbox]+label::after {
 content:'';
 position:absolute;
 top:-1px;
 height:22px;
 width:22px;
 border:2px solid #6691a6;
 border-radius:50%;
 background-color:#e6edf0;
 -webkit-transition:all .2s ease;
 -o-transition:all .2s ease;
 transition:all .2s ease
}
.toggle input[type=checkbox]:checked+label::before {
 background-color:#00476b
}
.toggle input[type=checkbox]:checked+label::after {
 -webkit-transform:translateX(24px);
 -ms-transform:translateX(24px);
 transform:translateX(24px);
 background-color:#6691a6
}
.toggle input[type=checkbox]:focus+label::after {
 -webkit-box-shadow:0 0 0 2px #ccdae1;
 box-shadow:0 0 0 2px #ccdae1
}
.toggle input[type=checkbox]:disabled+label,
.toggle input[type=checkbox][disabled=disabled]+label,
.toggle input[type=checkbox][disabled]+label {
 opacity:.3;
 cursor:not-allowed
}