﻿body {font-family: 'Open Sans', sans-serif;background:#F3F3F3}
.wrap {width:875px;margin:20px auto;background:#fff;}
header img {width:100%;}
header h1 {font-size:30px;font-weight:bold;text-align:center;margin-top: 0px; margin-bottom:20px ;color:#185596;}
header h2 {font-size: 24px;font-weight: bold;text-align: center;margin-top: 20px;color:#185596;}
.bold {font-weight:bold;font-size:16px;}
.italic {font-style:italic;}
.mar-bot {margin-bottom:2px;}
.wrap form {padding:10px 0 20px}
.txt-group {margin-bottom:15px; min-height: 58px;}
.boder-bottom {background-color: rgba(0,0,0,0.12);height: 1px;}
.group-rg {padding-left:15px; padding-right:0;}
.txt-group>.bold,.input-area {display: contents;width: 100%;}
.input-area>input {width: 100%;-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;-webkit-flex-shrink: 1;flex-shrink: 1;background-color: transparent;border: none;outline: none;z-index: 0;font-size: 16px;line-height: 150%;}
.input-area>input:focus ~ .boder-bottom {height: 2px;transform-origin: 229.5px center 0px;background-color: rgb(103, 58, 183);-webkit-animation: InputAddUnderline .3s cubic-bezier(0.4,0,0.2,1);animation: InputAddUnderline .3s cubic-bezier(0.4,0,0.2,1);-webkit-transform:scaleX(1);transform:scaleX(1);}
.txt-group>.italic {display:block;clear:both}
form p.bold {font-size:18px;color:#185596;margin-bottom:2px;}
form p.italic {color:#185596;font-size:15px}
.rad-group {padding-left:0;margin: 8px 0;}
.pad-rig{padding-right:25px}
.rad-group>label>.italic {display:inline-block;font-weight:normal;}
.rad-group>label>input[type=radio] {opacity:0;position:absolute;}
.rad-group>label>span.btn {float:left;margin:4px 10px 4px 0;padding:4px 8px;}
.rad-group>label>span>i {opacity: 0;}
.rad-group>label>input:checked ~ span.btn {background-color: #e6e6e6;background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.rad-group>label>input:checked ~ span>i.glyphicon {opacity: 1;}
button .italic {display:block;}
footer img {width:100%;}
.error.help-block{color: #FF0004;}
@keyframes InputAddUnderline{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@-webkit-keyframes InputAddUnderline{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@media (max-width:991px){
.group-rg{padding-left:0px;}
.txt-group{clear:both;}
 .wrap form {
        padding: 10px 30px 30px;
    }
}

@media (max-width: 768px) {
    .wrap {width:auto;}
    header img {width: 100%;}
    .wrap form {
        padding: 10px 30px 30px;
    } 
 }