/*--------------------------------------Stylesheet----------------------------------------------*/
html{overflow-x:hidden!important;}
body{background:#fff;font-family:'Arial', sans-serif;max-width:1900px;width:100%;margin:0px auto;overflow-x:hidden!important;box-shadow:none!important;}
img{max-width:100%;outline:none!important;}
a:focus, a:hover{text-decoration:none;color:#f1592a;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;outline:none!important;}
.btn, .form-control{outline:none!important;box-shadow:none!important;}
ul, p{margin:0;padding:0;list-style:none;}

@media (min-width:1300px){
.container{max-width:800px;}
}


.contact-form h3 {
    font-size: 22px;
    padding: 10px 0px 15px;
    box-shadow: 0px 2px 2px #f0f0f0;
}
.contact-form h4 {
    font-size: 23px;
    margin-top: 16px;
    margin-bottom:4px;
}

.contact-form p {
    font-size: 16px;
    color: #aaa;
    font-weight: 500;margin-bottom: 1em;

}
.contact-form .form-group {
    margin-bottom:14px;width: 100%;
    float: left;
}
.contact-form label {
    color: #000;
    font-weight: 500;
}
.contact-form .form-control{background:#f0f0f0;border:0;border-radius:0;font-size:15px;padding: .375rem .9rem;}
.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=month]{ /* text-transform:lowercase; */ font-size:13.6px}
.contact-form .form-control::placeholder{color: gray;}


/* arrows */

select.form-control, select.form-control:focus {background-image:linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #f0f0f0, #f0f0f0)!important;background-position:
calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0!important;background-size:5px 8px!important;background-repeat: no-repeat!important;outline:none!important;-webkit-appearance: none;-moz-appearance: none;}

.contact-form select.form-control, .contact-form input[type=month]{padding:.375rem .75rem;}


.contact-form input[type=radio] {
    position: relative;
    cursor: pointer;
    margin: 5px 15px 5px 12em;
    vertical-align: bottom;
}
.contact-form input[type=radio]:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    margin: auto;
    bottom: 0;
    left: 0;
    border: 2px solid #000;
    border-radius: 50%;
    background-color: #f0f0f0;
}
.contact-form input[type=radio]:checked:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 5px;
    background: #000;
    margin: auto;
}
.contact-form #div1 {margin: 0px -15px;}
.contact-form #div1 label {margin: 1.2em 0 10px;font-size:16px;}
.contact-form #div1 select.form-control {float: left;}
.hide {display:none;}

.contact-form option[value=""][disabled] {
  display: none;
}
.contact-form option, option:focus {
    color: gray;
    border: 0!important;
    outline: none!important;box-shadow:none!important;
    background: transparent!important;
}

.contact-form input[type=file]{height:110px;padding:15px;position: relative;z-index: 5;opacity:1;cursor: pointer;}
.form-group{position: relative;}
.form-group .file-img-box{position: relative;overflow: hidden;}
.form-group .file-img{position:absolute; background: #eee;width: 100%;height: 100%;top: 0;left: 0%;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}

.form-group .file-img img{width:4%;}

.contact-form textarea.form-control{height:130px;padding:15px;}

.contact-form .btn.btn-success {
    background: #2ea249!important;
    margin-right: 10px;
}
.contact-form .btn{
    background: #f1132c;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    width:48.95%;
    border-radius: 25px;
    margin: 20px 0px 10px;
    padding: 0;
    line-height: 41px;
    height: 41px;border:0px!important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .4)!important;
}

.modal-open .modal{padding:0px!important;overflow:hidden!important}
.modal-backdrop.in{background-color:rgba(255, 255, 255, .8)!important}
.modal-dialog {max-width:800px;margin:150px auto;}
.modal-content {border: 0;}
.modal-header {padding:5px 10px;}
.modal-header .close{font-size:35px;outline: none!important;}
.modal-body {padding:2rem 1.8rem;}

ul.watermark {display: inline-flex;font-size:26px;color:rgba(176, 180, 185, .32);position: absolute;top:88px;margin: auto;left: 40px;right: 0;z-index: 10001;}
ul.watermark li {margin-right:28px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}




/*Custom Css Design by Nitin Saxena 21-may-2020*/
.nit-color-box{position: relative;overflow: hidden;}
.nit-color-box .form-control{text-transform:lowercase;}
.nit-color-box input.jscolor{position: absolute;z-index: 3;right: 0;top: 0;height: 100%;opacity: 0;width: 5.5%;cursor: pointer;}
.nit-color-box img{position: absolute;right: 0;top: 0;bottom:0;margin:auto;padding:10px;z-index: 1;width: 5%;}
#color-in{display: none}











/*---------------------------------media-css---------------------------------------*/
@media(max-width:600px){	
.contact-form input[type=radio] {margin-left:7em;}
.form-group .file-img img {width: 5%;margin-left:5.5em;}
.nit-color-box img {width:10.5%;}	
.contact-form .btn{width:100%;}
.contact-form .btn.btn-success {margin:12px 0px 0px;}	
	
	
	
}

@media(max-width:415px){	
.contact-form input[type=radio] {margin-left:5.4em;}
.form-group .file-img img {width:6%;}
.form-group .file-img-box::before{left:.7%;height: 94%;width: 140px;}	
	
	
}

@media(max-width:400px){	
.contact-form input[type=radio] {margin-left:4.8em;}	
	
	
}


@media(max-width:375px){	
.form-group .file-img img {margin-left:0;}
.nit-color-box img {width:11%;}	
.form-group .file-img-box::before {left: .8%;width: 100px;}	

	
}


@media(max-width:320px){	
.contact-form input[type=radio] {margin-left:3.2em;}
.form-group .file-img img {margin-left:1.5em;}
.nit-color-box img {width:13%;}	
	
	
}