@font-face {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

html,
body{height:100%;min-height:100%;margin:0;padding:0;font-size:16px;letter-spacing: 0.5px;font-weight:400;
font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
a{color:#000;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
*{box-sizing:border-box;}


header{height:145px;position: relative;width: 100%;margin: 0;padding: 20px 0px;}
header .logo{width:150px;}
header .logo img{width:100%;}
header .preparefor{display: block;position: relative;text-align: center;margin-top:40px;}
header .preparefor p{margin:0px;font-size:22px;}
header .preparefor h3{margin:0px;font-weight: 700;font-size: 30px;}
header .date{display: block;position: relative;text-align: right;}
header .date p{margin:0px;font-size:16px;}
.contentarea{display:block;width:100%;position:relative;height:auto;padding-bottom:80px;}
.addproduct{background:#a2ff00;color:#000;outline:none;float:left;}
.addproduct:hover{background:#88d108;outline:none;}
.panel{position: relative;display: block; width: 100%; border: 2px #262626 solid; border-radius: 15px; overflow: hidden;}
.panel .panel-header{height: 40px;background:#bdc4dd;padding:4px 15px;border-bottom: 2px #000 solid;display: block; width: 100%; position: relative;}
.panel .panel-header h4{float:left;margin: 0; line-height: 34px; font-weight: 900;}
.panel .panel-header .remove{float: right; width: 30px;height: 30px;cursor:pointer;background: #ff0505;border-radius: 15px;padding:2px;text-align: center;}
.panel .panel-header .remove:hover{    background: #f75d00;}
.panel .panel-header .remove img{width:18px;}
.panel .formarea{position: relative;float: left;width:calc(100% - 250px);}
.panel .formarea .formbox{width:50%;float:left;}
.panel .formarea .form-group{height:34px;}
.panel .formarea .form-group label{width:140px;font-weight: 500;float: left;margin:0px;line-height:34px;    color: #014081;}
.panel .formarea .form-group .form-control{width:calc(100% - 170px);border-color:#262626;}
.panel .windowimg{width: 250px;float: left;border: 2px #262626 solid;padding: 5px;margin-bottom:20px;}
.panel .windowimg img{width:100%;}
.panel .note{border: 2px #262626 solid;display: block;width: 100%;clear: both;border-radius: 15px;padding: 15px;position: relative;}
.panel .note label{position: absolute; top: -12px; background: #fff; padding: 0 10px;    color: #014081;}
.panel .note textarea{padding: 0;resize: none;height: 70px; box-shadow: none; border: 0;outline: none;}

.product-panel, .summary-panel { display: none; margin-bottom: 20px; } 
.panel-header { display: flex; justify-content: space-between; align-items: center; } 
.remove { cursor: pointer; } 
.summary-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } 
.summary-table th, .summary-table td { border: 1px solid #ddd; padding: 8px; text-align: left; } 
.summary-table th { background-color: #f8f9fa; } 
.pricing-table { width: 100%; border-collapse: collapse; } 
.pricing-table td { padding: 8px 0; } 
.pricing-table .amount { text-align: right; font-weight: 600; } 
.payment-table { width: 100%; border-collapse: collapse; } 
.payment-table td { padding: 8px 0; } 
.payment-table .amount { text-align: right; font-weight: 600; }
.pricing-summary h5.mb-3{margin: 0px;font-weight: 700;font-size: 18px;}

.bgblack{background:#000;}
footer{position: fixed;bottom: 0; width: 100%;height:60px;padding:15px 0px;color:#fff;}
footer a{background: #fff;width: 200px; position: relative; display: block; text-align: center;border-radius: 5px;height: 30px; line-height: 30px; margin: auto;}
footer a:hover{background:#c72027;color:#fff;}
footer p{line-height: 30px; margin: 0;position: absolute; right: 12px;top: 0;}

.centermodal.modal.in {display:flex !important;}
.centermodal .modal-dialog{margin: auto;}
.fade-scale {transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;}
.fade-scale.in {opacity: 1; transform: scale(1);}
.duplicateadd{background:#ff0;color:#000;margin-left:30px;width:150px;outline:none;float:left;}
.btn:focus{outline:none;}
.blueheaderfooter .modal-header,
.blueheaderfooter .modal-footer{background:#014081;height:50px;padding:10px;}
.blueheaderfooter button.close{font-size: 45px;opacity: 1; color: #fff; font-weight: 100; line-height: 50px; margin: 0;position: absolute;right: 11px;top: 0;}
.blueheaderfooter button.close:hover{color: #ffe417;}
.blueheaderfooter .modal-header h4{text-align:center;color: #fff;font-size: 24px;line-height: normal;}
.blueheaderfooter .modal-footer button{background: #a2ff00;color: #000;outline: none;width:120px;display:block;margin:auto;height:30px;padding:5px;}
.duplicatebox{display:table;width:100%;max-width:60%;min-height:350px;margin:auto;}
.duplicatebox h3{font-weight: 700;text-decoration: underline;margin-bottom:15px;}
.duplicatebox .form-group{height:34px;padding-left:20px;font-size:22px;}
.duplicatebox .form-group input{width: 20px; height: 20px; margin-top: 0;}




@media (max-width:1600px){
	
	
	
}


@media (max-width:1440px){
	
}
@media (max-width:1199px){
	
	
}

@media (max-width:768px){
	header {height: 120px;}
	header .preparefor{margin-top:25px;}
	header .preparefor h3{font-size:20px;}
	header .date p{font-size:14px;}
	.panel .formarea {width: calc(100% - 140px);}
	.panel .windowimg {width: 140px;}
	.panel .formarea .form-group {margin-right: 20px;}
	.panel .formarea .form-group label {line-height:18px;width: 100%;}
	.panel .formarea .form-group .form-control{width:100%;}
	.duplicatebox{max-width:100%;min-height: inherit;}
	
}
@media (max-width:767px){
	header {height: 165px; }
	header .logo {width: 120px;}
	header .date p {font-size: 12px;}
	header .preparefor {position:absolute; margin-top: 70px;  width: 100%;padding-right:30px; }
	.panel .panel-body {padding: 15px 6px;}
	.panel .formarea {width: 100%;}
	.panel .formarea .formbox {width: 100%;}
	.panel .formarea .form-group {margin-right: 0;    }
	.panel .formarea .form-group .form-control {width: calc(100% - 116px);}
	.panel .formarea .form-group label {font-size: 14px;width: 116px; line-height:34px;}
	.panel .windowimg{display:none;}
	footer{padding:6px 0px;}
	footer a{height:26px;line-height:26px;}
	footer p {position: relative; right: inherit; top: inherit; margin: auto;text-align: center;}
	
	.blueheaderfooter .modal-dialog{width:90%;}
	
	.blueheaderfooter .modal-header h4 {font-size: 18px;padding-right: 30px;}
	.duplicateadd { margin-left: 15px; width: 130px;}
}


@media (max-width:320px){
	.blueheaderfooter .modal-header{padding:4px;}
}