@charset "utf-8";
/* CSS Document */
header nav{width: 100%;z-index: 99;display: block;}
#checkbox1, .toggle {display: none;}
.menu {border-radius:5px;padding: 0;margin: 0;height: 50px;display: -webkit-box; display: -ms-flexbox;display: flex;
-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-pack: distribute;
justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;list-style-type: none;}
.menu li a {text-decoration: none; -ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;
border-radius: 5px; padding: 10px 15px;-webkit-transition: background .2s linear; transition: background .2s linear;}

@media screen and (max-width: 1021px) {
.toggle {clear: both;display: block; text-align: center;line-height: 40px;cursor: pointer;position: absolute; bottom: -23px;
width: 100%; height: 40px;font-size: 18px;color: #FFF;background:#05a5bd;border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;-webkit-transition: all .5s linear;transition: all .1s linear;}
.toggle:hover {background:#026271;}
.toggle:before{content: "\f394";font-family:"Ionicons";font-size: 30px; vertical-align: middle}
#checkbox1:checked + label .toggle:before{content: "\f2d7";font-family:"Ionicons";font-size: 25px;}
#checkbox1:checked + label .first li {opacity: 1;visibility: visible; -webkit-transition: all .7s linear; transition: all .7s linear;width: 100%;border-bottom: 1px solid #000;}
#checkbox1:checked + label .first { height: 70vh;overflow: scroll;width: 100%;padding: 0px 0 10px 0;border-top: 1px solid #000;background: #83D3E7}
.menu {border-radius:5px;display: block;
height: 0px;-webkit-transition: height .3s linear;transition: height .3s linear;}
/* .menu li {display: -webkit-box;display: -ms-flexbox;display: flex;
magic
-ms-flex-item-align: center;align-self: center;width: 90%;opacity: 0;visibility: hidden;} */
.menu li {width: 90%;opacity: 0;visibility: hidden;}
.menu li a {display: block; width: 100%;text-align: center;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;-ms-flex-line-pack: center;align-content: center;}
}

/*.first {
  background: #76d4ea;
}*/

.first li a {color: #fff;font-weight:600;}
.first li a:hover {background: #6ACAE2;}

/*===========================================*/
.btn{border-radius: 50px;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;
width: 100%;cursor: pointer;margin: 20px 0;font-weight: 700;font-size: 1.5em;border: 3px solid #74dcf7; background: #a2deed; color: #fff!important;position: relative;display: block;z-index: 1;text-align: center;box-shadow: 1px 10px 30px -15px #000;box-sizing: border-box;padding: 10px;text-shadow: 0px 1px 2px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2)}

.btn:before { position: absolute;
content: '';top: 50%;left: 50%;
height: 0;width: 0;border-radius: 50%;
background: #f4f6ff;z-index: -1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-o-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-webkit-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear;
-webkit-transition-delay: 0s, 0s, 0.05s;
transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
}
.btn:hover{text-decoration: none;color: #05a5bd!important;border-color: #05a5bd;box-shadow: 0 0px 0px 0px #fff;text-shadow: 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(255,255,255,0.9)}
.btn:hover:before{width: 100%;height: 100%;border-radius: 0;color: #05a5bd;border-radius: 50px;}

.btn2{border-radius: 50px;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;
width: 100%;cursor: pointer;margin: 20px 0;font-weight: 700;font-size: 1.5em;border: 3px solid #FF5F00; background: #ff2f00; color: #fff!important;position: relative;display: block;z-index: 1;text-align: center;box-shadow: 1px 10px 30px -15px #000;box-sizing: border-box;padding: 10px;text-shadow: 0px 1px 2px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2)}

.btn2:before { position: absolute;
content: '';top: 50%;left: 50%;
height: 0;width: 0;border-radius: 50%;
background: #f4f6ff;z-index: -1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-o-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-webkit-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear;
-webkit-transition-delay: 0s, 0s, 0.05s;
transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
}
.btn2:hover{text-decoration: none;color: #ff2f00!important;border-color: #ff2f00;box-shadow: 0 0px 0px 0px #fff;text-shadow: 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(255,255,255,0.9)}
.btn2:hover:before{width: 100%;height: 100%;border-radius: 0;color: #ff2f00;border-radius: 50px;}





/*Radio Checkbox*/
input[type="radio"]{opacity: 0;position: absolute;cursor: pointer;}
input[type="radio"] + .radio-label:before {content: ''; background: #f4f4f4; border-radius: 100%;
  border: 2px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; margin-right: 20px; vertical-align: top;
  cursor: pointer; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;} 
input[type="radio"]:checked + .radio-label:before {background-color: #a2deed;box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #a2deed;margin-right: 25px;}
input[type="radio"]:checked + .radio-label::before {/*position: absolute;*/line-height: 1.4em;margin-right: 20px;}
input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #a2deed;background: #a2deed;}
input[type="radio"]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #e38a90;background: #e38a90;}
input[type="radio"] + .radio-label:empty:before {margin-right: 0;}
input[type="checkbox"] {width: 2em; height: 2em;position: absolute;opacity: 0;cursor: pointer;}
input[type="checkbox"] + .chek-label:before {content: ''; background: #f4f4f4; border-radius: 5px;display: block;
  border: 2px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; margin-right: 1em; vertical-align: top;text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
input[type="checkbox"]:checked + .chek-label:before {background-color: #a2deed;box-shadow: inset 0 0 0 4px #f4f4f4;border:2px solid #a2deed;}
input[type="checkbox"]:focus + .chek-label:before {outline: none;border:2px solid #a2deed;}
input[type="checkbox"]:disabled + .chek-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #a2deed;background: #a2deed;}
input[type="checkbox"] + .chek-label:empty:before {margin-right: 0;}