/*new css*/
#header{position: absolute; z-index: 1; top: 0px; width: 100%;}
.mid_bg{width: 100%; display: inline-block; background: url("../jpg/ice_london_bg.jpg") center top no-repeat;  background-attachment: fixed; padding-top: 50px;}

.ice_london .form-floating .form-control{background: none; border: none; border-bottom: 2px solid rgba(255,255,255,0.30); resize: none; border-radius: 0px; color: #fff;}
.ice_london .form-floating label{color: #fff;}
.ice_london .form-control:focus{ box-shadow: none;}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{    
	transform: scale(.85) translateY(-1.5rem) translateX(0.15rem);}

textarea{height: auto;}

.form_section{width: 100%; display: inline-block; background: rgba(4,1,17,0.70); padding: 30px; border-radius: 10px; margin-bottom: 30px;}
.form_section .btn-primary{background: #5023a0; border-color: #5023a0;}
.ice_london h2{color: #fff;}
.ice_london .video{margin-bottom: 15px;}
.ice_london .video iframe{height: 160px;}
.qr_sec{width: 100%; display: inline-block; margin-bottom: 15px;}
.con_qr_left { width: 100%; float: left; margin-bottom: 20px;}
.con_qr_left h2 {font-size: 30px; font-weight: 700; line-height: 30px; padding-bottom: 0; color: #fff;
}
.qr_sec h3 {font-size: 25px; font-weight: 400; color: #fff; margin-bottom: 15px;}
.qr_sec {background: rgba(4,1,17,0.70); padding: 30px; border-radius: 10px;}
.con_qr_right{ width: 100%; vertical-align: top;}
.qr_sec .block_h{width: 50%; float: left; text-align: left;}
.qr_sec .block_h img{margin-bottom: 10px; background: #fff; border-radius: 5px; padding: 4px; max-width: 100%;}
.qr_sec .block_h a{text-decoration: none; color: #fff;}
.form_section .form-floating{margin-bottom: 30px;}
.form_section .f_sec{margin: 14px 0;}
.qr_sec .qr_img{width: 100%; display: inline-block; padding: 0 8px;}
.qr_sec .block_h span{width: 100%; display: inline-block;}
.head_top_right ul li {display: inline-flex; align-items: center; margin-right: 40px; position: relative;}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{color: #fff;}

/*
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}*/

.navbar-expand-xl .navbar-collapse{justify-content: end;}
.head_top_right ul li{margin-right: 10px;}
.navbar-toggler{ background: url("../png/nav_icon.png") center no-repeat;}
.mid_services{width: 100%; display: inline-block; margin-bottom: 30px;}
.mid_services ul{background: rgba(0,0,0,0.20); border-radius: 10px; padding: 10px;}
.mid_services ul li{color: #fff; display: inline-block; padding: 3px 7px; font-size: 16px;}
.mid_services ul li span{position: relative; /*background: rgba(0,0,0,0.10);*/ padding: 7px 0px; border-radius: 40px; margin-bottom: 6px; display: inline-block;}
.mid_services ul li span:before{content: ""; position: absolute; font-size: 16px; left: 0px; top: 0px;}
.mid_services ul li span .fa{ font-size: 13px; margin-right: 7px;}
.mid_services h3{color: #fff; font-size: 21px; vertical-align: middle; margin-bottom: 15px;}
.mid_services h3 img{vertical-align: middle;}
.ice_london h1{color: #fff; font-size: 90px; font-weight: 800;}
.ice_london h1 span{font-size: 30px; font-weight: 700; vertical-align: middle;}
#header.fixed .head_top{display: none;}
.navbar-toggler:focus{box-shadow: none; }
.contact_sec{width: 100%; display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.10); margin-bottom: 20px; padding-bottom: 20px;}
.contact_sec ul li{padding: 10px 0; color: #fff;}
.contact_sec ul li a{text-decoration: none;}
.contact_sec h4{color: #fff;}
label{color: #fff; margin-bottom: 10px;}
.form-control, .form-control:focus{border: none;}
textarea{resize: none;}
.contact_sec em{ float: right;}
/*.form-control{line-height: 1;}*/
.ice_london h1 img{max-width: 100px; margin-right: 30px; margin-bottom: 10px; vertical-align: middle;}
.ice_london h1 em{font-size: 20px; background: #fff; color: #5e2482; border-radius: 5px; padding: 5px 25px; vertical-align: middle;}

.ice_london h1{ display: inline-block; vertical-align: middle; width: 100%;}



.ice_london .btn-primary{padding: 12px 25px; border: none; font-size: 16px; color: #fff; border-radius: 4px;}
.ice_london .form-control{padding: 10px 15px; border-radius: 4px;}




/*bootstrap css*/
.ice_london .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.ice_london .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5)
}
.ice_london .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}




@media (min-width: 992px){
.ice_london .col-lg-6 {flex: 0 0 auto; width: 50%;}
	}

@media (min-width: 768px){
.ice_london .col-md-12 {flex: 0 0 auto; width: 100%;}
.ice_london .col-md-4 {flex: 0 0 auto; width: 33.33333333%;}
	.ice_london .col-md-8 {flex: 0 0 auto; width: 66.66666667%;}
}

@media (min-width: 576px){
.ice_london .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
}
}


.ice_london .qr_img{background: none;}
.ice_london .qr_sec .block_h img{display: inline-block;}
.ice_london .qr_img span{color: #fff;}