/*DESIGNED BY : SHUBHAM CHAWADE*/
@font-face {
font-family: opensans;
src: url(../bootstrap/webfont/OpenSans-Regular-webfont.eot);
src: url(../bootstrap/webfont/OpenSans-Regular-webfont.eot?iefix) format('eot'),url(../bootstrap/webfont/OpenSans-Regular-webfont.svg) format('svg');
}

body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: opensans,sans-serif;
}

body {
/*background-color: #6b8ca1;*/
background-color: #e1e9fd;
}

.qr-code {
    margin-top:15px;
}
.qr-code p{
    color: #fff;
}
.qr-code img{
    width:auto;
    height:100px;
}

a, label {
font-weight: 400;
font-size: 12px;
margin-bottom: 2px;
}

a {
color: #4b8b95;outline:none
}

    a:hover, a:focus, a:active, a:link {
    outline:none
    }

label {
color:#666;
}

/*a:hover {
text-decoration: none;
}*/

label {
padding-left: 2px;
}

.btn.btn-success {
padding: 10px 20px;
border-radius: 20px;
font-size: 13px;
/*background-color: #86a01d;*/
background-color: #384b7b;
border: none;
margin-top:-15px;
font-weight:bold;
cursor:pointer
}

.form-control {
border: 1px solid #e3e3e3;
}

.btn.btn-success:focus, .btn.btn-success:hover {
/*background-color: #89a41c;*/
background-color: #384b7b;
}

.relative-box {
position: relative;
margin: auto;
transform: translateY(20%);
height: 458px;
width: 780px;
background-image: url(../../IMAGES/aerial-blur.jpg);
background-size: cover;
}

.relative-box::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/*background: linear-gradient(to top right,#89a41c 40%,#f1c031 60%);*/
background: #2e3c60;
opacity: .9;
z-index: -1;
color: #fff;
}

.relative-box .content {
display: block;
text-align: center;
margin-top: 20px;
}

.relative-box .content h4 {
font-weight: 500;
color: #fff;
font-size: 13px;
}

.relative-box .inner-content h4 + p {
color: #fff;
font-family: Vollkorn,sans-serif;
font-size: 125%;
}

.relative-box .content p {
color: #fff;
font-family: Vollkorn,sans-serif;
margin: 0;
}

.relative-box .content p {
font-size: 110%;
font-family: sans-serif;
}

.relative-box .content p + p {
font-size: 12px;
}

.relative-box .inner-content::after, .relative-box .inner-content::before {
content: '';
display: block;
height: 1px;
border-radius: 2px;
background-color: #fff;
width: 50%;
margin: 10px auto 12px;
opacity: .5;
}

.absolute-box {
position: absolute;
right: 20px;
width: 320px;
height: 450px;
top: -20px;
background-color: #fff;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

.absolute-box::after {
content: '';
display: inline-block;
width: 0;
position: absolute;
top: 0;
left: -14px;
height: 0;
border-bottom: 21px solid #6e6868;
border-left: 15px solid transparent;
z-index: -1;
}

.form-header {
font-size: 26px;
text-align: center;
padding: 30px 0;
/*background-color: #89a41c;*/
background-color: #384b7b;
color: #fff;
-webkit-clip-path: polygon(50% 0,100% 0,100% 75%,50% 100%,0 75%,0 0);
clip-path: polygon(50% 0,100% 0,100% 75%,50% 100%,0 75%,0 0);
border-top-right-radius: 8px;
}

.form-body {
padding:  20px;
}

.form-body .form-control {
border-radius: 0;
box-shadow: none;
height: 38px;
}

.form-body .form-control:focus {
box-shadow: none;
}

.form-body .w49 {
width: 49%;
display: inline-block;
}

.form-body .w49.with-inline {
vertical-align: top;
}

.form-body .form-control {
border-radius: 8px;
}

.w49.with-inline > span {
padding-top: 15px;
}

.compatiblity {
position:fixed;
bottom:0px;
display:table;
margin:auto;
width:100%;
background-color: #5b7688;
}

.compatiblity .list-inline {
margin-bottom:0;
padding:10px 0;
}

.compatiblity .list-inline > li {
color:#fff;
text-shadow:1px 4px 6px rgba(0,0,0,0.2)
}

.compatiblity .list-inline > li > i {
color:#e6e6e6
}

@media only screen and (max-width:768px) {
.relative-box {
width: 660px;
}

.absolute-box {
right: 2%;
width: 300px;
}

.relative-box .content h4 {
font-size: 12px;
}

.relative-box .inner-content h4 + p {
font-size: 110%;
}

.relative-box .inner-content::after, .relative-box .inner-content::before {
margin: 10px auto;
}
}

@media only screen and (max-width:767px) {
.relative-box {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
transform: translate(0);
}

.absolute-box {
right: 50%;
top: 35%;
transform: translateX(50%);
width: 310px;
height: 390px;
}

.form-header {
padding: 10px 0;
font-size: 20px;
}

.form-body {
padding: 20px;
}

.relative-box .content {
position: static;
margin: auto;
}

.content img {
width: 26%;
}

.relative-box .content h4::after, .relative-box .content h4::before {
margin: 5px auto;
}

.absolute-box::after {
display: none;
}

.relative-box .content h4 {
font-size: 110%;
}

.compatiblity {
text-align:center
}
}
@media only screen and (max-width:375px) {
.compatiblity {display:none}
}
@media only screen and (max-width:320px) {
.relative-box .content h4 {
font-size: 95%;
}

.relative-box .inner-content h4 + p {
font-size: 85%;
}

.relative-box .inner-content::after, .relative-box .inner-content::before {
margin: 5px auto;
}

.relative-box .content p {
font-size: 100%;
}

.absolute-box {
height: 330px;
top: 38%;
}

.form-group {
margin-bottom: 0;
}
}