@font-face {
 font-family: Repono-font;
 src: url("Effra_Std_Rg_0.eot") /* EOT file for IE */
}
@font-face {
 font-family: Repono-font;
 src: url("Effra_Std_Rg_0.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Repono-font1;
 src: url("Effra_Std.eot") /* EOT file for IE */
}
@font-face {
 font-family: Repono-font1;
 src: url("Effra_Std.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: 'Gaoel';
    src: url('Gaoel.eot');
    src: url('Gaoel.eot') format('embedded-opentype'),
         url('Gaoel.woff2') format('woff2'),
         url('Gaoel.woff') format('woff'),
         url('Gaoel.ttf') format('truetype'),
         url('Gaoel.svg#Gaoel') format('svg');
}



button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {

padding: 0 !important;

border: 0 none !important;

}

header, section, aside, nav, footer { display:block; }
html{ height:100%;}

h1, h2, h3, h4, h5{ display:block; margin:0; padding:0;}
div, ul, li { display:block; margin:0; padding:0; list-style:none; box-sizing:border-box;}
p{ font-size:16px; line-height:15pt; text-align:justify; margin:0px;}
a{color:#fff; text-decoration:none; -webkit-transition:all 1s; -moz-transition:all 1s;}
a:hover{ text-decoration:none;}
img{ vertical-align:top!important;}

body { font-family: 'Roboto', sans-serif !important; margin:0; padding:0; font-size:16px; font-weight:normal; color: #666;}

header { background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5); position: relative; z-index: 1}
.logoblock {display: block;}
.logorepono {display: inline-block; padding: 15px 0}
.logoblock ul {display: -webkit-flex;  display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-end;  justify-content: flex-end;}
.logoblock ul li {display: inline-block;  border-left: 1px solid #ddd;}
.logoblock ul li a {display: block;  padding: 20px 15px ; color: #555 }
.logoblock ul li a:hover{color:#f3c939;}
.logoblock ul li:last-child a {border: 2px solid #f3c939; border-radius: 30px; color: #f3c939; display: inline-block; margin-left: 10px; margin-top: 13px;  padding: 5px 15px;}
.logoblock ul li:last-child a:hover{background:#f3c939; color:#fff;}

.sliderblock {display: block; position: relative; overflow: hidden}
.sliderblock img {width: 100%;}
.bannertext {position: absolute; left: 0; height:80%; top: 0; width: 100%; text-align: center; display: flex; align-items: center}
.findblock { display: block; margin-top: 30px;}
.findblock h2 { color: #fff; font-size: 22px; font-weight: 400; margin-bottom: 10px; text-transform: uppercase;}

.findsearchblock { background:rgba(255,255,255,0.95); border: 2px solid #f3c939; margin: auto; max-width:75%; padding: 0 0; text-align: left;}
.findsearchblock ul { margin: 0;}
.findsearchblock ul li {display: inline-block; border-right:1px solid #ddd; padding:20px 15px; vertical-align: top}
.findsearchblock ul li:last-child{border: 0}
.findsearchblock ul li label {display: block; font-size: 12px; text-transform: uppercase; color: #666; font-weight: normal}
.clearfix {display: block; clear: both}

.findsearchblock ul li input {border: 0; box-shadow: none; background: none; color: #333; font-size: 16px; width: 100%; line-height: 30px}
.findsearchblock ul li select {border: 0; box-shadow: none; background: none; color: #333; font-size: 16px; -moz-appearance:none; -webkit-appearance:none; appearance:none;  line-height: 30px; width: 100%}
.findsearchblock ul li:nth-child(2) select {font-size: 25px; font-weight: normal; }

.findsearchblock ul li input::-webkit-input-placeholder {color: #333; opacity: 1;}
.findsearchblock ul li input::-moz-placeholder { color: #333; opacity: 1;}
.findsearchblock ul li input:-ms-input-placeholder { color: #333; opacity: 1;}
.findsearchblock ul li input:-moz-placeholder { color: #333; opacity: 1;}

.check_availability {display: inline-block; background: #f3c939; border: 1px solid #f3c939; border-radius: 30px; font-size: 18px; font-weight: 500; transition: all 0.3s; color:#fff; cursor: pointer; margin: 20px 0 0 0; padding: 15px 30px;}
.check_availability:hover{background: none; color: #f3c939;}

.textslider{display: block; font-size: 42px; font-weight: 400; color: #fff; line-height: 1.3em}
.luggageLondon {font-size: 26px; font-weight: 300; color:#fff;}


#example {display: inline-block; width:155px;  vertical-align: top}
#example ul li {font-weight: 900; color: #f3c939 } 
.iconblocks { background: rgba(0, 0, 0, 0.5); bottom: 0; position: absolute; width: 100%;}
.iconblocks ul {margin: 0;}
.iconblocks li { border-right: 1px solid rgba(255,255,255,0.3); display: inline-block; margin-left: -3px; padding: 20px 0; text-align: center; width: 25%; color:#fff;}
.iconblocks li:last-child{border: 0}
.iconblocks li img { max-height: 50px; width: auto;}
.iconblocks li span { display: block;}


.howfindblock {display: block; padding: 50px 0; }
.titleblock {font-size: 25px; text-align: center; color: #000;}
.titleblock span {color: #f3c939  }
.borderedpara {text-align: center; border-bottom: 1px solid #ddd; max-width:50%; margin: auto; color: #666; padding: 10px 0 30px}


.howcontainer { display: block; margin: 40px -10px;}
.howbox { display: block; margin: 10px; text-align:center}
.howbox strong {display:block; font-size:16px; font-weight:500}
.howbox p {display:block; text-align:center; font-size:14px; color:#666; padding-top:10px;}
.howbox img { margin-bottom: 20px;  max-height: 140px;}
.book_left_luggage {display:inline-block; border:2px solid #f3c939; color:#f3c939; border-radius:30px; padding:10px 50px; margin-top:20px; font-size:16px; text-decoration:none !important; }
.book_left_luggage:hover{background:#f3c939; color:#fff;}

.our_luggage {display:block; padding:40px 0 100px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; position:relative;}
.our_luggage  p {display:block; padding:25px 0; text-align:center; color:#666; max-width:80%; margin:auto}
.our_luggage strong {display:block; margin-top:10px; color:#000}
.hiscox_logo {position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}

.our_pricing {display:block; padding:40px 0;}
.pricingcontainer {display:block; margin:30px 0}
.prcingbox {display:block; margin:10px auto; max-width:200px; position:relative; background:#f0f0f0; min-height:330px; padding-top:25px;}
.boxclass {display:block; background:#000; width:; min-height:280px; margin:0 -10px; background:#fe6c6c; position:relative; padding:20px 10px;}

.prcingbox::before { border-bottom: 10px solid #6c6666; border-left: 10px solid transparent; content: ""; left: -10px; position: absolute; top: 15px;}
.prcingbox::after { border-bottom: 10px solid #6c6666; border-right: 10px solid transparent; content: ""; position: absolute; right: -10px; top: 15px;}

.boxclass::before { border-left: 10px solid transparent; border-top: 10px solid #6c6666; bottom: -10px; content: ""; left: 0; position: absolute;}
.boxclass::after { border-right: 10px solid transparent; border-top: 10px solid #6c6666; bottom: -10px; content: ""; position: absolute; right: 0;}

.text-cercle {align-items: center; background:#fff; border-radius: 100px; display: flex; height: 100px; width: 100px; margin:auto}
.number { color: #fe6c6c; font-size: 54px; font-weight: 900; line-height: 0.6em; text-align: center; width: 100%;}
.number span {display: block;font-size: 14px; font-weight: 700;}
.pkgname {display:block; text-align:center; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.3); font-size:20px; font-weight:700; color:#fff}
.under {display:block; text-align:center; font-size:16px; color:#fff; padding-top:15px;}
.under span {display:block; font-size:20px; font-weight:700;}

.boxclass.second {background:#ffb850;}
.boxclass.second .number {color:#ffb850;}

.boxclass.thried {background:#79a8b2;}
.boxclass.thried .number {color:#79a8b2;}

.boxclass.last {background:#a1d88b}
.boxclass.last .number {font-size:24px; color:#a1d88b;}

.inallcircumstances {display:block; padding:40px 0 0; border-top:1px solid #ddd;}
.servicebox { display: block; padding: 40px 0;}
.serviceboximg { display: block; overflow: hidden; position: relative; overflow:hidden; background:#000;}
.serviceboximg img {width:100%; opacity:0.7; transition:all 0.3s;}
.serviceboximg:hover img {opacity:1; transform:scale(1.1)}
.servicename { background: rgba(243, 201, 57, 0.8); color: #fff; font-size: 16px; font-weight: 500; padding: 15px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}

.talkaboutus {display:block; padding:40px 0;}
.talkaboutus  ul {display:block; text-align:center; margin-top:20px;}
.talkaboutus  ul li {display:inline-block; padding:10px;}

 
.page-footer { background-color: #f8f9fb; border-top: 1px solid #e9e8e8; color: #545454; padding: 10px 0 0; position: relative; z-index: 2;}
.page-footer h2 , .page-footer h3 { color: #545454; font-size: 16px; font-weight: 400; margin: 25px 0 15px; text-align: left; text-transform: inherit;}
.page-footer h2  {font-size:18px;}
.page-footer__list li { margin: 3px 0;}
.page-footer a, .page-footer p {color: #545454;font-size: 14px; line-height: 1.6;}
.page-footer a:hover{color:#f3c939}

.ftrcontnr {display:block; margin:0 -15px;}
.ftrbox { display: block; margin: 15px;}

.social_group li { display: inline-block; margin:0 3px;}
.social_group li:first-child {margin-left:0}
.social_group li a {display:block; border-radius:50%; border:2px solid #f3c939; color:#f3c939; text-align:center; width:43px; line-height:39px; font-size:18px;}
.social_group li a:hover{background:#f3c939; color:#fff}

.page-footer__mention p { color: #a9a8a8; padding: 15px 0;}


/*-------------- FAQ Css---------------------------*/
.inner_banners {display:block; position:relative;}
.inner_banners img {width:100%;}
.innerbanner_caption {display:flex; position:absolute; left:0; top:0; width:100%; align-items:center; height:100%;}
.innerbanner_caption h1 {color:#fff; text-align:center; display:block; font-size:42px; font-weight:700;}

.faqblock {display:block; padding:40px 0;}
.faqblock  .container {width:100%; max-width:940px;}
.faqtitle {display:block; text-align:center; font-size:25px; color:#000;}
.faqtitle span {color:#f3c939;}
.faqcon {display:block; margin:25px -10px; }
.faqbox {display:block; margin:10px;}
.title {border: 1px solid #ddd; color: #545454; font-size: 16px; padding: 10px 15px; position: relative; cursor:pointer}
.title:after{content: "\f107"; font-family: 'FontAwesome'; font-size:22px; color:#f3c939; position:absolute; right:15px;}
.title.active{background:#f8f8f8}
.title.active:after{ content: "\f106";}
.faqtext {border: 1px solid #ddd; display: none; margin-top: -1px; padding: 15px; font-size:14px;}

.reservationsfaq  {display:block; padding:40px 0; background:#f8f9fb; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.reservationsfaq  .container {width:100%; max-width:940px;}
.reservationsfaq .title {background:#fff;}

.reservationsfaq .title.active {background:#f8f8f8;}
.reservationsfaq .faqtext  {background:#fff;}

.do_you_questions {display:block; padding:100px 0; background:url('../images/londonbg.jpg') bottom center #fff no-repeat; }
.do_you_questions a { border: 2px solid #f3c939; border-radius: 30px; color: #f3c939; display: inline-block;  margin-left: 10px; margin-top: 13px; padding: 10px 35px;}
.do_you_questions a:hover{background:#f3c939; color:#fff;}

























@media(min-width:992px) and (max-width:1199px){
.sliderblock {height:inherit !important}
.findsearchblock {max-width:100%;}
}
@media(min-width:767px) and (max-width:991px){
.sliderblock {height:inherit !important}
.findsearchblock {max-width:100%;}
.findsearchblock ul li label {font-size: 9px;}
.findsearchblock ul li { margin-left: -2px;  padding: 10px 5px;}
.iconblocks li {padding:5px 0}
.iconblocks li span { display: block; font-size: 12px;}
.textslider {font-size:30px;}
#exampleb{width:110px;}
.logoblock ul li:last-child a {font-size:14px;}
.howcontainer {margin:0}
.boxclass {margin:0}
.boxclass:before{display:none;}
.boxclass:after{display:none;}
.prcingbox:before{display:none;}
.prcingbox:after{display:none;}
.prcingbox { max-width: 200px; min-height: inherit; padding-top: 0;}
.servicename { font-size: 13px; padding: 10px; }
.ftrcontnr {margin:0}
}

@media(max-width:767px){
.logoblock ul {display:none;}
.logorepono {  display: block; text-align: center;}
.iconblocks { display: none;}
.sliderblock {height:inherit !important}
.reponosearch.bannertext {  background:#f0f0f0; padding: 10px; position: static;}
.textslider { color: #545454; font-size: 22px;}
#example {width:75px;}
.luggageLondon {color: #666; font-size: 18px;}
.findsearchblock {max-width:100%; border:0;}
.findsearchblock ul li { border-bottom: 1px solid #ddd; display: block; padding: 20px 15px; vertical-align: top; border-right:0}
.findblock h2 {color: #545454; }
.howcontainer { margin: 30px 0;}
.borderedpara {max-width:96%;}
.ftrcontnr {margin:0}

.faqcon { margin:15px 0;}

}
@media(max-width:479px){
.social_group li {margin:0}
.innerbanner_caption h1 {font-size:24px;}
}