html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
h1,h2,h3,h4,h5,h6,input,p,a,select,button,textarea{
    margin:0;
}
ul,label{
    margin:0;
    padding:0;
}
body a:hover,body a{
    text-decoration:none;
}

/*--- end reset code ---*/
body {
    background:url(../images/background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    font-family: 'Asap', sans-serif;
}
h1.header-w3l {
    text-align: center;
    font-size: 50px;
    margin:23px 0 32px;
    color: #fff;
    letter-spacing: 1px;
    font-style: italic;
}
.content-agile {
    width: 52%;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    padding: 32px 50px;
    margin-top: 1em;
    background: #bcbdbe url(../images/vertex_mr.png) no-repeat 0 bottom
}
.content-agile-three1 {
    float: left;
    width: 45%;
    margin-right: 5%;
}
.form-main-1 {
    float: left;
    width: 50%;
}
label.header-w3l {
    font-size: 17px;
    color: #00415c;
    text-align: justify;
    letter-spacing: 1px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.logo_icon {
    width: 56%;
    margin: auto;
    text-align: center;
}
.logo_icon.width_short_logo {
    width: 45%;
    overflow: auto;
}
.logo_icon img {
    width: 100%;
    margin-bottom: 20px;
}
.logo_icon_reg_dat img {
    width: 50%;
    
}
.title_div {
    border: 1px solid #00415c;
    padding: 20px 27px;
    margin-bottom: 3em;
}
.box_width_three input[type="file"] {
    padding: 4px 8px;
    cursor: pointer;
}
.title_div h3 {
        background: rgb(255, 255, 255);
    width: 20%;
    text-align: center;
    padding: 12px 2px;
    margin-top: -40px;
    color: #00415c;
    border: 1px solid #000;
    margin-bottom: 15px;
}
.sing_box_data input, .box_width_one select {
    width: 100%;
    background: #fff;
    border: 1px solid #00415c;
    padding: 7px 10px;
    margin-top: 9px;
    color: #4e4d4d;
    box-sizing: border-box;
}
.box_width_three select{
    width: 100%;
    background: #fff;
    border: 1px solid #00415c;
    padding: 6px 10px;
    margin-top: 9px;
    color: #4e4d4d;
    box-sizing: border-box;
}
.sing_box_data input::placeholder {
  color: #4e4d4d;
}
.sing_box_data input:-ms-input-placeholder {
  color: #4e4d4d;
}
.sing_box_data input::-ms-input-placeholder {
  color: #4e4d4d;
}
.fill_with_box {
    width: 100%;
    overflow: auto;
    margin-bottom: 25px;
}
.box_width_one {
    width: 100%;
    overflow: auto;
    clear: both;
    float: left;
    margin-top: 15px;
    overflow: auto;
}
.sing_box_data{
    overflow: auto;
}
.box_width_two {
    width: 49.333333333%;
    float: left;
    margin-top: 15px;
    overflow: auto;
    margin-right: 4px;
}
.sing_box_data label, .box_width_one label {
    color: #00415c;
    width: 100%;
    overflow: auto;
}
.box_width_three {
    width: 32%;
    overflow: auto;
    box-sizing: border-box;
    float: left;
    margin-right: 8px;
    margin-bottom: 27px;
}
.with_short_contaner {
    width: 85% !important;
    margin: auto;
    overflow: auto;
}
.threesubmitaits {
    width: 100%;
    overflow: auto;
}
.content_cent_box {
    width: 50%;
    margin: auto;
    overflow: auto;
}
.content-agile.with_short {
    width: 33%;
    overflow: auto;
}
.form-control-w3 input[type="password"], .form-control-w3 input[type="email"], .form-control-w3 input[type="text"], .form-sub-1-w3l input, .form-sub-1-w3l select {
    border: none;
    color: #00415c;
    outline: none;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 13px 12px;
    width: 93.5%;
    margin-bottom: 16px;
    border: 1px solid #00415c;
    box-sizing: border-box;
}
.form-sub-1-w3l select {
    width:100%;
}
.form-sub-1-w3l select option{
    color:#000;
}
.form-product-1-w3l.sub2form {
    margin-top: 18px;
}
.content-agile-three2 {
    margin-top: 10px;
}
label.rating-w3l, h2.rating-w3l {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
}
.singl_btn_two {
    width: 50%;
    float: left;
    margin-top: 3em;
    text-align: center;
}
.singl_btn_two a {
    font-size: 12px !important;
}
.threesubmitaits input[type="submit"], .singl_btn_two a {
    padding: 12px 47px;
    font-size: 15px;
    color: #f16522;
    outline: none;
    letter-spacing: 1px;
    cursor: pointer;
    margin-top: 30px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    width: 100%;
    border: 3px solid #f16522;
    background-color: #FFF;

}
.threesubmitaits input[type="submit"]:hover, .singl_btn_two a:hover{
    background: #f16522;
    color: #FFF;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.form-sub-1-w3l {
    float: left;
    width: 31%;
}
.form-sub-1-w3l input{
    width:79%;
}
.form-sub-1-w3l.formtwo {
    margin: 0 10px;
}
/*-- radio button --*/
ul li label {
    display: inline-block;
    position: relative;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 16px;
    padding: 13px 0 0 50px;
    margin: 4px auto;
    height: 24px;
    letter-spacing: 1px;
    z-index: 9;
    cursor: pointer;
}
ul li .check{
    display: block;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 17px;
    left: 15px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 4px;
    width: 4px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
span {
    color: #fff;
}
.grid-shop1-agile ul li,.grid-shop2-agile ul li{
    color: #fff;
    display: block;
    position: relative;
    height: 40px;
}
ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}
ul li:hover label{
    color: #FFFFFF;
}
ul li:hover .check {
    border: 2px solid #FFFFFF;
}
input[type=radio]:checked ~ .check {
    border: 2px solid #36d4f4;
}
input[type=radio]:checked ~ .check::before{
    background: #36d4f4;
}
input[type=radio]:checked ~ label{
    color: #36d4f4;
}
/*-- //radio button --*/
/*-- placeholder --*/
::-webkit-input-placeholder {
    color:#eee;
}
:-moz-placeholder { /* Firefox 18- */
    color:#eeeeee;  
}
::-moz-placeholder {  /* Firefox 19+ */
    color:#eee;  
}
/*-- //placeholder --*/
/*-- copyright --*/
p.copyright {
    font-size: 15px;
    text-align: center;
    color: #000;
    margin:39px 0;
    letter-spacing: 2px;
}
p.copyright a {
    color:#36d4f4;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
p.copyright a:hover {
    color:#fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
/*-- //copyright --*/

/*--responsive--*/
@media(max-width: 1440px){
    .content-agile{
        width: 80%;
    }
}
@media(max-width: 1366px){
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"]{
        width: 93%;
    }
    .form-sub-1-w3l input {
        width: 77%;
    }
}
@media(max-width: 1280px){
    .content-agile{
        width: 60%;
    }
}
@media(max-width: 1080px){
    h1.header-w3l {
        margin: 15px 0 25px;
    }
    .content-agile{
        width: 70%;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"]{
        width: 92.5%;
    }
    p.copyright {
        margin: 30px 0;
    }
}
@media(max-width: 1050px){
    .content-agile{
        width: 72%;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 991px){
    .content-agile{
        width: 73%;
    }
}
@media(max-width: 900px){
    .content-agile{
        width: 80%;
    }
}
@media(max-width: 800px){
    h1.header-w3l {
        font-size: 47px;
        letter-spacing: 0px;
    }
    .content-agile{
        padding: 40px;
    }
    .content-agile-three1 {
        width: 47%;
        margin-right: 3%;
    }
    p.copyright {
        margin: 25px 0;
    }
}
@media(max-width: 768px){
    .content-agile{
        width: 84%;
    }
}
@media(max-width: 767px){

}
@media(max-width: 736px){
    .content-agile{
        width: 85%;
        padding: 30px;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 91.5%;
    }
}
@media(max-width: 667px){
    .content-agile-three1 {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    .form-main-1 {
        float: none;
        width: 100%;
    }
    .content-agile{
        width: 70%;
        padding: 35px;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 94.5%;
    }
    .form-sub-1-w3l input {
        width: 83%;
    }
    .form-sub-1-w3l {
        width: 31.8%;
    }
    p.copyright {
        font-size: 14px;
    }
}
@media(max-width: 640px){
    h1.header-w3l {
        margin: 14px 0 20px;
        font-size: 44px;
    }
}
@media(max-width: 600px){
    .content-agile{
        width: 75%;
    }
    p.copyright {
        letter-spacing: 1px;
    }
}
@media(max-width: 568px){
    .form-sub-1-w3l {
        width: 31.6%;
    }
    .form-sub-1-w3l input {
        width: 81%;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 94%;
    }
    h1.header-w3l {
        font-size: 41px;
    }
}
@media(max-width: 480px){
    h1.header-w3l {
        font-size: 37px;
    }
    .content-agile{
        width: 80%;
        padding: 30px;
    }
    label.header-w3l {
        font-size: 15px;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"], .form-sub-1-w3l input, .form-sub-1-w3l select {
        font-size: 13px;
    }
    label.rating-w3l, h2.rating-w3l {
        font-size: 18px;
    }
    .form-sub-1-w3l {
        width: 31.45%;
    }
    .form-sub-1-w3l input {
        width: 80%;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 93.5%;
    }
    .threesubmitaits input[type="submit"] {
        padding: 11px 40px;
        font-size: 14px;
        margin-top: 25px;
    }    
    p.copyright {
        margin: 12px 0;
        line-height: 1.9;
    }
}
@media(max-width: 440px){
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 93%;
    }
    .form-sub-1-w3l {
        width: 31.3%;
    }
    .form-sub-1-w3l input {
        width: 77%;
    }
}
@media(max-width: 414px){
    h1.header-w3l {
        font-size: 34px;
    }
    .content-agile{
        width: 75%;
    }
    label.header-w3l {
        font-size: 14px;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"], .form-sub-1-w3l input, .form-sub-1-w3l select {
        font-size: 12px;
    }
    .form-sub-1-w3l {
        width: 31%;
    }
    .form-sub-1-w3l input {
        width: 74%;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 91.5%;
    }
}
@media(max-width: 384px){
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 91%;
    }
    .form-sub-1-w3l {
        width: 30.9%;
    }
    .form-sub-1-w3l input {
        width: 72%;
    }
    p.copyright {
        font-size: 13px;
    }
}
@media(max-width: 375px){
    .form-sub-1-w3l {
        width: 100%;
    }
    .form-sub-1-w3l.formtwo {
        margin: 0;
    }
    .form-sub-1-w3l input {
        width: 91%;
    }
}
@media(max-width: 320px){
    h1.header-w3l {
        font-size:30px;
        margin: 12px 0 18px;
    }
    .content-agile{
        padding: 23px;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"], .form-sub-1-w3l input, .form-sub-1-w3l select {
        padding: 12px 11px;
        margin-bottom: 10px;
    }
    label.rating-w3l, h2.rating-w3l {
        font-size: 16px;
    }
    .form-product-1-w3l.sub2form {
        margin-top: 12px;
    }
    .threesubmitaits input[type="submit"] {
        padding: 11px 35px;
        font-size: 13px;
        margin-top: 18px;
    }
    .form-control-w3 input[type="email"], .form-control-w3 input[type="text"] {
        width: 90%;
    }
    .form-sub-1-w3l input {
        width: 90%;
    }
}

/*--//responsive--*/