/*-------------------------------*/
/*    Friday Modal   */
/*-------------------------------*/
.name { width: 100%; height: 35px; padding-left: 11px; margin-bottom: 16px; margin-top: 0px; }
.contact { width: 100%; height: 35px; padding-left: 11px; margin-bottom: 8px; margin-top: 3px; }
.email { width: 100%; height: 35px; padding-left: 11px; margin-bottom: 8px; margin-top: 3px; }
.submit {background: #1a1a1a; padding: 12px 44px 11px 45px; font-size: 17px;color: #FFFFFF; font-family: lato; margin-bottom: 5px; position: relative; margin-top: 7px; left: -12px;border: 1px solid #1a1a1a;}
.border { /*border: 1px dashed white; border-radius: 23px; */}
.flag { float: right; width: 24%; margin-bottom: 17px; }
.cm_bg { background-image: url(http://www.essayswritingservice.co.uk/images/bg-modal.jpg); background-color: #000; background-size: 100% 100%; background-repeat: no-repeat; }
.top9 { margin-top: 22px; }
.friday { background:#000;; background-size:cover; padding: 15px 28px 15px 28px;     min-height: 490px;}
.cross { background: none; padding: 0px; border: none; font-size: 18px; color: white; float: right; z-index: 1; position: relative; left: 21px; top: -16px; }
.cross:hover { background: none; padding: 0px; border: none; font-size: 18px; color: red; float: right; z-index: 1; position: relative; left: 21px; top: -16px; }
.img-chat-strip { padding-top: 13px; }
.h-ruller { width: 97%; height: 1px; background-color: rgba(220,221,222,0.4); margin: 20px 0px 0px 25px; }
.clock.flip-clock-wrapper { position: relative; left: 16%; }
.banner { margin-top: 56px; }
.tic-btn { margin: 19px 0px 0px 19px; }
.modal.promotion .modal-dialog .contactForm input { min-height: 35px; }
.top5 { margin-top: 23px; padding: 0px; }
.top6 { margin-top: 31px; }
.top7 {margin-top: 28px;}
.top10 { margin-top: 15px; }
.border-right {background-color: #ccc; width: 1px;height: 212px; float: right; position: relative;top: -207px; margin-bottom: -166px; left: 11px;}
.form-cont { border-radius: 0px; }
.mc_shrt { position: relative;top: -13px; left: 36px;}
.prc-left { position: relative; left:20px; }
.minus-margin { margin-bottom: -31px; }
.perc-img{margin-top: 21px;}
.pad-left5{margin-left:0px;margin-top: 13px;}
.mar-left{margin-left:-11px;}
.sep{ background-color:#6c7782; height:1px;margin-top: 35px;}
.ccdown {
    margin-top: 14px;
}
@media(max-width:760px) {
.cm_bg img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }
}
@media(min-width: 768px) {
.modal.promotion .modal-dialog { width: 805px; }
}
@media(max-width:668px)
{
	.mar-left {
    margin-left: 0px;
    margin-top: 14px;
}
.flip-clock-divider .flip-clock-label{font-size:12px;}
}
@media(max-width:668px){
	.clock.flip-clock-wrapper{left:10%;}
	}
@media(max-width:640px) {
.modal.promotion .flag { float: right; width: 66%; margin-bottom: 0px; }
.modal.promotion .banner { /* margin-top: 60px; */
margin: 0 auto; position: relative; left: 25%; }
.modal.promotion .tic-btn { display: block; margin-right: auto; margin-left: auto; position: relative; left: 27%; }
.modal.promotion .submit { display: block; margin-right: auto; margin-left: auto; }
.flip-clock-divider.minutes .flip-clock-label { right: -71px; top: -18px; }
.flip-clock-wrapper ul { margin-bottom: 20px !important; }
.flip-clock-divider.seconds .flip-clock-label { top: -15px; }
.clock.flip-clock-wrapper { position: relative; left: 0px; }
.cm_bg img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }
.mc_shrt { left: 0px; top:-2; }
.border-right { display: none; }

}
@media (max-width: 480px) {
.clock.flip-clock-wrapper { width: 63%; display: block; margin-right: auto; margin-left: auto; }
.modal.promotion .banner { /* margin-top: 60px; */
margin: 0 auto; position: relative; left: 10%; }
.modal.promotion .tic-btn { display: block; margin-right: auto; margin-left: auto; position: relative; left: 6%; }
.modal.promotion .flag { float: right; width: 74%; margin-bottom: 0px; }
.flip-clock-dot.top { display: none; }
.flip-clock-dot.bottom { display: none; }
.flip-clock-divider.minutes .flip-clock-label { right: 184px; top: 98px; position: relative; }
.border-right { display: none; }
}
@media (max-width: 380px) {
.clock.flip-clock-wrapper { width: 88%; display: block; margin-left: auto; margin-right: auto; left: 5%; }
}
@media(max-width:320px) {
.modal.promotion .tic-btn { display: block; margin-right: auto; margin-left: auto; position: relative; left: -17px; width: 400px; }
.modal.promotion .flag { width: 83%; }
.clock.flip-clock-wrapper { position: relative; left: -25px; }
.clock.flip-clock-wrapper { width: 107%; left: 5px; }
.flip-clock-divider.minutes .flip-clock-label { right: 164px !important; top: 100px; }
.flip-clock-wrapper ul { margin-bottom: 20px !important; }
.flip-clock-divider.seconds .flip-clock-label { top: -15px; }
.modal.promotion .banner { /* margin-top: 60px; */
margin: 0 auto; position: relative; left: 6%; }
.mc_shrt { position: relative; top: -8px; left: 0px; }
.submit { left: -5px; }
.align-cnt { text-align: center; display: block; margin-left: auto; margin-right: auto; }
.minus-margin { margin-bottom: 2px; }
.cm_bg img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }
.border-right { display: none; }
}