@charset "utf-8";

/*Common-CSS*/
*{box-sizing: border-box;}
html{height:100%;}
body{margin:0; padding:0; font-family: 'Nunito', sans-serif; color:#000; background-color:#f1f1f1; height:100%; }
.float-left{float:left}
.float-right{float:right}
.content-area-gap{padding:20px;}
.clear{clear:both}
/*Common-CSS*/

/*Header*/
header{background-color:#f1f1f1; border-bottom:2px solid red}
header .logo{width:27%; float:left; padding-right: 5px;}
header .logo img{width: 100%;}
header .contact{width:73%; float:left; margin-top: 7px; padding-left: 15px; border-left: 1px solid #ccc;}
header .contact p{margin: 0;}
/*Header*/

/*Slider*/
.slider{width:65%;float:left; background-color: #f1f1f1}
.slider img{width:95%; background-size: cover }
/*Slider*/

/*Register-Form*/
.register-form{width:35%; float:left; padding:5%; box-sizing:border-box; padding-top:1%; padding-left:2%; padding-bottom:0; background-color: #f1f1f1}
.register-form h3{text-align: center; margin-top: 5px; margin-bottom: 5px;}
.register-form label{font-size:13px; font-weight: bold}
.mandatory{color:#e10714}
.register-form input, select{margin-bottom:15px;}
.register-form textarea, input, select { outline: none;border:none; border: 1px solid #dfdfdf; height:32px; box-sizing:border-box; width:100%; padding-left:10px; color:#000 !important; background-color:#fff}
.button-submit{width:156px; background-color:#4d4d4d; color:#fff; height:41px; line-height:41px; cursor:pointer; text-align:center; margin-bottom: 10px; color: #FFF !important}
.button-submit:hover{background-color:#e50613;}
/*Register-Form*/

/*Media -Queries*/
@media only screen and (max-width: 720px) {
    .slider {width: 100%;}
    .register-form{width: 100%; padding: 10px !important}
    .logo{width: 100% !important;}
    .contact .float-right{float: left; padding-left: 10px !important;;}
    .slider img{width:100%;}
    header .logo img{width: 100%;}
    .content-area-gap{padding: 10px;}
    .contact{width: 100% !important;}
    .antony_joseph-inner{margin-top: 10px;}
    .antony_joseph{float: none; text-align: center}
    header .contact{font-size: 13px; padding: 0; border-left: 0}
}
@media only screen and (max-width: 320px){
    .contact .float-right{ padding-left:0 !important;}
}
/*Media -Queries*/