span.htlcount {background: white;border-radius: 6px;border: 1px solid #B1B1B1;margin: 2px;width: auto;padding: 0;}

.full_deaprt_view {
    width: 100%;
    float: left;
    padding: 5px 3px 3px 3px;
}

.full_deaprt_view_down {
    float: left;
    width: 95%;
    padding-bottom: 5px;
}

.full_deaprt_view em {
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
    padding-right: 5px;
}

.full_deaprt_view span {
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.full_deaprt_view_down span {
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.full_deaprt_view_down em {
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
    padding-right: 5px;
}



.squaredThree.squaredThree1 {
    width: auto;
    float: left;
}

.squaredThree1 label {
    /* width: 66px; */
    /* height: 46px; */
    top: 23px;
    opacity: 0;
}

.active span.htlcount {
   background: #3C627A;
   color#fff;
   color: #fff;
}
.footer_address-travrun h5 {
    color: #FFF;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
}
.footer_address-travrun ul {
    padding: 0px;
}
.footer_address-travrun li {
    list-style: none;
    line-height: 45px;
}
.footer_address-travrun li a {
    color: #fff;
    text-decoration: none;
    padding-left: 10px;
    line-height: 10px !important;
}

.footer_address-travrun span {margin-top: 5px;width: auto;text-align: left;float: left;}

.footer_address-travrun svg {
    float: left;    margin-top: 4px;
}
/*@font-face {
  font-family: Poppins;
  src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('../fonts/myrid/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('../fonts/myrid/MyriadPro-Light.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('../fonts/myrid/MYRIADPRO-SEMIBOLD.woff') format('woff');
}
    
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('../fonts/myrid/MYRIADPRO-REGULAR.woff') format('woff');
}
*/
body,html{
    height:100%

}
body{
    background:#f1f3f2;
    margin:0;
    font-size:13px;
    position:relative!important;
    height:auto;
    float:left;
    width:100%;
    font-family: 'Myriad Pro semibold';
    padding-top: 0%;
}
li,ul{
    list-style:none;
    margin:0;
    padding:0
}
a,button,div,input,li,nav,select,ul{
    outline:0!important
}
a{
    cursor:pointer
}
.img-portfolio{
    min-height:200px
}
.portimgwrap{
    display:block;
    margin:0 12px;
    overflow:hidden;
    padding-bottom:10px
}
.book_group{
    border:1px solid #ddd;
    float:left;
    width:100%;
    margin-bottom:10px
}
.padt{
    font-size:14px;
    padding:10px 10px!important;
    color:#777!important
}
.img-hover:hover{
    opacity:.8
}
a:hover{
    text-decoration:none
}
.topssec{
    float:left;
    width:100%
}
.multi_l{
    font-size:14px;
    padding:1px 7px;
    margin:0;
    color:#fff;
    font-weight:500;
    line-height:normal;
    background:#757575;
    border-radius:4px
}
.ritsidelinks{
    float:right;
    position:relative;
    padding:18px 26px;
    display:none
}
.colinsides{
    width:100%;
    float:left;
    padding-top:3px
}
.wrapofa{
    float:left;
    position:relative;
    margin-right:7px
}
.topa{
    color:#000!important;
    float:left;
    font-size:13px;
    line-height:23px;
    padding:0 0;
    margin-left:0;
    transition:all .4s ease-in-out
}
.mylogo{
    float: left;
    margin-top: 15px;
    margin-bottom: 0;
    max-width: 210px;
    margin-left: -7px;
    margin-right: 7px;
}
.footlogo .mylogo img{
    background:#fff;
    padding:14px 6px;
    border-radius:6px
}
.socila{
    float:left
}
.b-r-0{
    border-radius:0!important
}
.socila .fa{
    background:#385a75 none repeat scroll 0 0;
    color:#fff;
    float:left;
    font-size:14px;
    height:35px;
    line-height:35px;
    margin-right:1px;
    text-align:center;
    transition:all .4s ease-in-out 0s;
    width:35px
}
.socila .fa:hover{
    background:#2dcc70;
    color:#fff
}
.navbar.navme{
    border-radius:0;
    float:left;
    margin:0;
    padding:0;
    width:auto;
    z-index:10
}
.allformst{
    bottom:0;
    float:left;
    width:100%;
    margin: 1px 0;
}
.in_progress{
    color:#fff;
    font-size:16px;
    text-transform:none;
    text-align:center
}
.bellow.fa{
    background:none repeat scroll 0 0 #fff;
    border-radius:30px;
    color:#d12127;
    height:25px;
    line-height:25px;
    margin:5px 10px 0;
    position:relative;
    text-align:center;
    width:25px
}
.cntso{
    background:none repeat scroll 0 0 #fff;
    border-radius:30px;
    color:#333;
    font-size:11px;
    height:15px;
    line-height:15px;
    position:absolute;
    right:-5px;
    text-align:center;
    top:-2px;
    width:15px
}

/*.htl_mod_box .araeinner { padding: 0 30px 0 15px;}*/


.topa.mobileap{
    background:none repeat scroll 0 0 #8a0003;
    font-size:24px
}
.ritsec{
    background:none repeat scroll 0 0 #edf4fa;
    float:none;
    width:100%
}
.navbar-nav.sidetorit{
    float:right
}
.navbar-nav>li a:focus,.navbar-nav>li a:hover{
    color:#00A898;
    background:0 0
}
.navbar-nav>li.menuli.active a{
    background:0 0;
    color:#c27238
}
.navbar-nav>li.menuli{
    color:#342a20;
    font-size:15px;
    line-height:80px;
    padding:0 0;
    font-weight:500
}
nav.navbar.colorwhite.navme ul li{
    padding:3px 5px 5px 5px !important;
}
.navbar-nav>li.menuli,.navbar-nav>li.menuli a{
        color: #3C627A !important;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    float: left;
    margin: 0 0px 0px 0px;
    overflow: hidden;
}
.navbar-nav>li.menuli a{
    padding:12px 12px
}
.navbar-nav{
    float:left;
    margin-left:12%;
    width:50%
}
.navbar-nav>li.menuli:focus,.navbar-nav>li.menuli:hover{
    color:#f15a22
}
.navbar-nav>li.menuli:focus a,.navbar-nav>li.menuli:hover a{
    border-bottom:4px solid transparent;
    background:0 0
}
.cartsec{
    background:#e0bd6c;
    background:-moz-radial-gradient(center,ellipse cover,#e0bd6c 0,#c0a260 100%);
    background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#e0bd6c),color-stop(100%,#c0a260));
    background:-webkit-radial-gradient(center,ellipse cover,#e0bd6c 0,#c0a260 100%);
    background:-o-radial-gradient(center,ellipse cover,#e0bd6c 0,#c0a260 100%);
    background:-ms-radial-gradient(center,ellipse cover,#e0bd6c 0,#c0a260 100%);
    background:radial-gradient(ellipse at center,#e0bd6c 0,#c0a260 100%);
    border:2px solid #fff;
    border-radius:100%;
    cursor:pointer;
    height:50px;
    position:fixed;
    right:50px;
    text-align:center;
    top:45px;
    width:50px;
    z-index:100
}
.carto{
    background:url(../images/cart.png) no-repeat scroll 12px 15px rgba(0,0,0,0);
    display:block;
    height:46px;
    position:relative;
    width:100%
}
.cartcount{
    background:none repeat scroll 0 0 #de9512;
    border:2px solid #fff;
    border-radius:100%;
    color:#fff;
    font-size:11px;
    height:20px;
    position:absolute;
    right:0;
    text-align:center;
    top:-6px;
    width:20px
}
.shape{
    width:100%;
    margin:0 0 0;
    padding:0;
    float:left;
    position:relative;
    z-index:100
}
.m_shape{
    width:100%;
    background:rgba(0,0,0,.7);
    height:auto;
    padding:10px 0;
    position:relative
}
.shape.add_shape{
    max-width:none;
    padding-bottom:0
}
#hexagon-circle{
    position:relative;
    margin:180px auto;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.7);
    transition:opacity .5s;
    border-radius:30px;
    cursor:pointer
}
#hexagon-circle:before{
    position:absolute;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    background:rgba(255,255,255,.7);
    content:'';
    left:0;
    top:0;
    z-index:-1;
    -webkit-transform:rotate(60deg);
    -ms-transform:rotate(60deg);
    transform:rotate(60deg)
}
.mylogo img{
    max-width: 100%;   
}
#hexagon-circle:after{
    position:absolute;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    background:rgba(255,255,255,.7);
    content:'';
    right:0;
    top:0;
    z-index:-1;
    -webkit-transform:rotate(-60deg);
    -ms-transform:rotate(-60deg);
    transform:rotate(-60deg)
}
.topa.dropdown-toggle:focus{
    color:#fff;
    text-decoration:none
}
.nav.navbar-nav.sm{
    float:right
}
.nav.navbar-nav.sm .menuli.active a{
    border-bottom:3px solid #cf2127;
    height:60px
}
.nav.navbar-nav.sm .menuli a{
    color:#555;
    font-size:14px;
    line-height:60px;
    padding:0 15px;
    text-transform:uppercase
}
.nav.navbar-nav.sm .menuli .multimenu li a{
    line-height:40px
}
.navbar.navme{
    border:0
}
.navbar-collapse.navbdclose{
    padding:0;float: right;
}
.sercharea{
    float:left;
    width:100%
}
.nav-tabs.customtab{
    border:0
}
.nav-tabs.customtab li{
    display:table-cell;
    float:none;
    margin:0;
    vertical-align:top
}
.nav-tabs.customtab li a{
    background:none repeat scroll 0 0 rgba(255,255,255,.7);
    border:0 none;
    border-radius:0;
    color:#333;
    display:table;
    font-size:18px;
    height:50px;
    line-height:50px;
    padding:0 15px;
    white-space:nowrap
}
.morefa.fa{
    color:#666;
    font-size:14px;
    width:20px
}
.nav-tabs.customtab li a span{
    display:table-cell;
    float:none;
    vertical-align:middle;
    text-align:center
}
.nav-tabs.customtab li.active a,.nav-tabs.customtab li.active a:hover{
    border:0
}
.nav-tabs.customtab li.active a{
    background:none repeat scroll 0 0 rgba(0,0,0,.5);
    color:#fff
}
.captngrp{
    display:block;
    margin:10% 0;
    overflow:hidden
}
.bigcaption{
    color:#fff;
    display:block;
    font-size:58px;
    font-weight:700;
    overflow:hidden;
    text-align:center;
    text-transform:uppercase
}
.smalcaptn{
    color:#fff;
    display:block;
    font-size:30px;
    overflow:hidden;
    text-align:center
}
.secndblak{
    float:left;
    width:100%
}
.sprte{
    background:url(../../images/sprite1.png) no-repeat 0 0
}
.sprte.icnhtl{
    background-position:0 0
}
.sprte.icnflt{
    background-position:-290px 0
}
.sprte.icnrch{
    background-position:-199px 0
}
.sprte.icnins{
    background-position:-245px 0
}
.sprte.icnhnmoon{
    background-position:0 0
}
.nav-tabs.tabstab{
    border:none
}
.nav-tabs.tabstab>li{
    margin:0 0;
    /*background:#ffffff5c */ 
}
.nav-tabs.tabstab>li>a{
    border-radius:0;
    border:none;
    color:#fff;
    font-size:15px;
    display:block;
    float:left;
    line-height:20px;
    font-weight:500;
    margin:0;
    padding:0;
    margin-bottom:0;
    text-align:center;
    width:100%;
    float:left
}
.nav-tabs.tabstab>li>a span{ 
    line-height: 40px;
    font-family: inherit;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0px 6px;
}
.nav-tabs.tabstab li.active a,.nav-tabs.tabstab>li>a:focus,.nav-tabs.tabstab>li>a:hover{
    /* border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    background-color:#fff!important;
    border:none;
    color:#3C627A!important;
    box-shadow: none;
    transition: color .40s ease-in-out,background-color .40s ease-in-out,border-color .40s ease-in-out,box-shadow .40s ease-in-out;
}
.nav-tabs.tabstab li.active .icbg,.nav-tabs.tabstab li.active .icbg:after,.nav-tabs.tabstab li.active .icbg:before{
    background-color:none
}
#multi_way_fieldset h3{
    color:#fff!important;
    display:none
}
.dep_t{
    padding:0 20px 0 15px!important
}
.dep_m:after{
    right:5px!important
}
.icbg{
    position:relative;
    margin:0 auto;
    width:45px;
    height:60px;
    border-radius:1em/.5em;
    opacity:1;
    background:0 0;
    transition:opacity .5s;
    cursor:pointer;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.icbg1{
    position:relative;
    margin:0 auto;
    width:45px;
    height:70px;
    border-radius:1em/.5em;
    opacity:1;
    background:#fff;
    transition:opacity .5s;
    cursor:pointer;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.icbg:before{
    position:absolute;
    display:none;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    background:inherit;
    content:'';
    -webkit-transform:rotate(60deg);
    -ms-transform:rotate(60deg);
    transform:rotate(60deg)
}
.icbg:after{
    position:absolute;
    width:inherit;
    display:none;
    height:inherit;
    border-radius:inherit;
    background:inherit;
    content:'';
    -webkit-transform:rotate(-60deg);
    -ms-transform:rotate(-60deg);
    transform:rotate(-60deg)
}
.sprite{
    background:0 0;
    margin:0 auto;
    margin-top:0;
    text-align:center;
    position:relative;
    width:30px;
    left:0;
    right:0;
    float:left
}
.tabstab .sprite i{
    font-size:18px;
    margin-right:0px;
    color: #4fa0ca;
}
.sprite.icnhnpkge{
    background-position:0 0;
    width:30px;
    height:25px
}
.sprite.ichnmoon{
    background-position:-43px 0;
    width:30px;
    height:25px
}
i.fas.fa-money-check{
    font-size:18px;
    position:relative;
    top:2px
}
.sprite.icnhnflight{
    background-position:-10px -9px;
    transition:all .4s ease-in-out;
    width:48px;
    height:25px
}
.sprite.icnhnhtl{
    background-position:-67px -9px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.sprite.icnhncar{
    background-position:-226px 0;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.sprite.icnhnbus{
    background-position:-117px -11px;
    transition:all .4s ease-in-out;
    width:43px;
    height:25px
}
.sprite.icnhnhlydy{
    background-position:-226px -9px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.sprite.icnhntransfer{
    background-position:-168px -10px;
    transition:all .4s ease-in-out
}
.sprite.icnhnactivity{
    background-position:-324px 0;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.sprite.icnhnbooking{
    background-position:-270px -9px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.nav-tabs.tabstab li:hover .sprite.icnhnflight{
    background-position:-11px -51px;
    transition:all .4s ease-in-out;
    width:48px;
    height:25px
}
.nav-tabs.tabstab li:hover .sprite.icnhnhtl{
    background-position:-67px -51px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.nav-tabs.tabstab li:hover .sprite.icnhnbus{
    background-position:-117px -51px;
    transition:all .4s ease-in-out;
    width:43px;
    height:25px
}
.nav-tabs.tabstab li:hover .sprite.icnhntransfer{
    background-position:-168px -51px;
    transition:all .4s ease-in-out;
    width:43px;
    height:25px
}
.nav-tabs.tabstab li:hover .sprite.icnhnhlydy{
    background-position:-226px -50px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.nav-tabs.tabstab li:hover .sprite.icnhnbooking{
    background-position:-270px -51px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.nav-tabs.tabstab li.active .sprite.icnhnflight{
    background-position:-11px -51px;
    transition:all .4s ease-in-out;
    width:48px;
    height:25px
}
.nav-tabs.tabstab li.active .sprite.icnhnhtl{
    background-position:-67px -51px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.nav-tabs.tabstab li.active .sprite.icnhnbus{
    background-position:-117px -51px;
    transition:all .4s ease-in-out
}
.nav-tabs.tabstab li.active .sprite.icnhntransfer{
    background-position:-168px -51px;
    transition:all .4s ease-in-out;
    width:43px;
    height:25px
}
.nav-tabs.tabstab li.active .sprite.icnhnhlydy{
    background-position:-226px -50px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.nav-tabs.tabstab li.active .sprite.icnhnbooking{
    background-position:-270px -51px;
    transition:all .4s ease-in-out;
    width:40px;
    height:25px
}
.sprite.icnhnrcg{
    background-position:0 -128px;
    transition:all .4s ease-in-out
}
.sprite.icnhntrain{
    background-position:-60px -128px;
    transition:all .4s ease-in-out
}
.iconcmn.icnhtl{
    background-position:2px 0
}
.iconcmn.icnhncar{
    background-position:-45px 0
}
.iconcmn.icnhncrise{
    background-position:-94px 1px
}
.iconcmn.icnhnpkge{
    background-position:-145px 1px
}
.iconcmn{
    float:left;
    height:24px;
    margin:8px 0 0;
    width:auto
}
.nopad{
    padding:0
}
.tabspl{
    float:left;
    padding:0;
    width:100%
}
.lablform{
    color:#00355f;
    font-size:14px;
    margin:5px 0 0
}
.srchinarea .formlabel,.srchinarea .lablform{
    /*opacity: 1;*/
    /*line-height: 12px;*/
    /*font-size: 14px;*/
    /*margin: 5px 5px 9px;*/
    /*font-weight: 500;*/
    /*font-family: 'Myriad Pro Bold';*/
    /*color: #000000;*/
    /*display: none;*/
}
.plcetogo{
    position:relative
}
#flight .plcemark.destinatios::before{
    content:"\f5af";
    bottom:0;
    display:none;
    color:#02468b;
    font-family:"Font Awesome 5 Pro";
    font-size:18px;
    left:0;
    line-height:53px;
    position:absolute;
    text-align:center;
    top:0;
    width:35px;
    font-weight:300
}
#flight .plcemark.deprtures::before{
    content:"\f5b0";
    bottom:0;
    color:#02468b;
    font-family:"Font Awesome 5 Pro";
    font-size:18px;
    left:0;
    display:none;
    line-height:53px;
    position:absolute;
    text-align:center;
    top:0;
    width:35px;
    font-weight:300
}
.totlall.pas_icon::before{
    content:"\f007";
    bottom:0;
    color:#02468b;
    font-family:"Font Awesome 5 Pro";
    font-weight:200;
    font-size:18px;
    line-height:55px;
    position:absolute;
    left:6px;
    text-align:center;
    top:0;
    width:20px;
    display:none
}
.adult_child_dob_div,.pkupdt_x_driver{
    position:relative
}
.datemark::after,.pkupdt_x_driver::after,.set_margin .adult_child_dob_div .datemark::after{
    content:"\f073";
    bottom:0;
    color:#02468b;
    font-family:"Font Awesome 5 Pro";
    font-size:20px;
    left:0;
    line-height:55px;
    position:absolute;
    text-align:center;
    top:-2px;
    width:40px;
    font-weight:300
}
.tabspl.forhotelonly .datemark::after{
    line-height:59px!important;
    width:32px
}
.set_margin .adult_child_dob_div .datemark::after{
    width:30px
}
.nitmark::before{
    content:"\f186";
    bottom:0;
    color:#02468b;
    font-family:"Font Awesome 5 Pro";
    font-weight:200;
    font-size:18px;
    left:0;
    line-height:45px;
    position:absolute;
    text-align:center;
    top:0;
    width:40px
}
#hotel_search .totlall::before{
    content:"\f007";
    bottom:0;
    color:#02468b;
    font-family:"Font Awesome 5 Pro";
    font-weight:200;
    font-size:18px;
    left:0;
    line-height:50px;
    display:none;
    position:absolute;
    text-align:center;
    top:0;
    width:30px
}
.hotelin{
    padding:0 24px 0 15px!important
}
.selctmark::after{
    content:"\f078";
    background:none repeat scroll 0 0 #fff;
    bottom:0;
    color:#9a9a9a;
    font-family:"Font Awesome 5 Pro";
    font-weight:200;
    font-size:12px;
    line-height:40px;
    pointer-events:none;
    position:absolute;
    right:2px;
    text-align:center;
    top:0;
    bottom:1px;
    width:30px;
    border-radius:0 5px 5px 0
}
.normalsel{
    display:block;
    border-radius:0!important;
    height:45px;
    overflow:hidden;
    width:100%
}
.padselct{
    color:#666;
    font-size:15px;
    padding:0 20px 0 40px;
    line-height:40px;
    -moz-padding-start:40px;
    -webkit-padding-start:40px;
    border-radius:4px!important
}

.normalinput {
    display: block;
    overflow: hidden;
    background: none!important;
    padding: 0px 0 0 0% !important;
    width: 100%;
    border-radius: 0px!important;
    height: 70px;
    text-overflow: ellipsis;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
        font-family: Inter !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
}

.multi_city_container .normalinput {
    /*border-right: 1px solid #e0e0e0!important;*/
    border-radius: 0px!important;
    padding-left: 5% !important;
}

div#onw_rndw_fieldset { 
    border: 1px solid #D9D7D7;
    border-radius: 12px;
    height: 70px;
    background: #fff; margin-bottom:15px;     
}             

.forhotelonly .normalinput{
    padding-left: 25px!important;
    /*border-right: 1px solid #636363!important;*/
    border-radius: 0px!important;
}
.forhotelonly .normalinput.hasDatepicker {
    padding-left: 15px!important;
}
.date_s{ padding-left: 36px!important; }

.normalinput:focus{
    border-bottom:0px solid #00355f!important
}
.tab-content.custmtab{
    float:left;
    width:100%
}
.padfive{
    padding:0 5px
}
.totlall{
    margin: 0px 4px;
    display: block;
    height: 30px;
    line-height: 35px;
    border-radius: 30px!important;
    padding: 0 10px 0 25px!important;
    width: 100%;
    color: #000;
    background: #fff0;
    border: 0px solid #4fa0ca;
    height: 35px!important;
    font-size: 15px;
    font-family: 'Myriad Pro Bold';
}

.totlall::after{
    content:"\f078";
    background:0 0;
    bottom:0;
    color:#000;
    font-family:"Font Awesome 5 Pro";
    font-weight:400;
    font-size:14px;
    line-height:15px;
    pointer-events:none;
    position:absolute;
    right:0px;
    text-align:center;
    top:11px;
    width:auto
}

span#hotel-pax-summary:after {
    content: "\f078";
    bottom: 0;
    color: #666;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    right: 0px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 26px;
    width: 35px;
    font-weight: 500;
    background: none;
} 
.forhotelonly .totlall::after{
    content: "";
    bottom: 0;
    color: #333;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: 10px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 21px;
    width: 17px;
    font-weight: 300;
    background: url(../../images/user_icn.png) no-repeat;
    background-size: 15px 15px;
    display:none;
}


.mrl10{ margin-left: 10px; }
.selec_bx{
        margin-bottom: 0px;
        margin-left: 0px !important;
    display: block;
    height: 30px;
    line-height: 35px;
    border-radius: 8px!important;
    padding: 0 10px 0 10px!important;
    width: 100%;
    /* min-width: 150px; */
    color: #000;
    font-family: Inter;
    background: #fff;
    border: 0px solid #4fa0ca;
    height: 67px!important;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
}


.selec_bx .far {
    font-size: 14px;
    margin: 0 5px;
}
.selec_bx .caret{
    float: right;
    margin-top: 8px;
    position: absolute;
    right: 6px;
    top: 8px;
    color: #4fa0ca;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.dropdown-menu{     
    width: 100%;
    padding: 10px 0;
    border: 0;
    top: 40px;
    min-width: 145px;
    border-radius: 6px;
}

.fclass .dropdown-menu{
    min-width: 170px;
}

.fclass .dropdown-menu>li>a { text-align: left; }

.dropdown-menu>li>a {
    padding: 5px 20px; margin: 4px 0; text-align: left;font-family: 'Myriad Pro Bold';
}
.dropdown-menu::before {
    /*content: "\f0d8";
    color: #ffffff;
    font-family: "Font Awesome 5 pro";
    font-size: 45px;
    position: absolute;
    right: 72px;
    top: -38px;
    font-weight: 600;*/
}
.roomcount{
    background: none repeat scroll 0 0 #fff;
    line-height: normal;
    position: absolute;
    left: 0;
    top: 30px;
    width: auto;
    border-radius: 6px;
    z-index: 10000;
}
.roomcount.fadeinn{
    display:block;
    min-width:210px
}
.inallsn{
    display:grid;
    width:100%
}
.oneroom{
    display:table-cell;
    padding:10px 2px;
    vertical-align:top
}
.roomrow{
    display:table;
    width:100%;
    background:#fff;
    padding:10px;
    margin-bottom:2px
}
.celroe{
    display:table-cell;
    padding:0;
    float:none;
    vertical-align:middle;
    font-size: 14px;
}
.agemns{
    color:#666;
    font-size:11px;
    text-align:left;
    padding-left:3px
}
.countmore{
     width: 80px;
    float: right;
    margin-left: 10px;
}
.centertext{
    text-align:center
}
.chilagediv{
    display:block;
    margin:10px 0 0;
    overflow:hidden
}
.normalsel.padselctsmal{
    border:1px solid #ddd;
    height:30px;
    padding:0 5px
}
.chldrnage{
    color:#666;
    display:block;
    font-size:13px;
    margin:0 0 5px;
    overflow:hidden;
    padding-left:8px
}
.selctmarksml::after{
    background:none repeat scroll 0 0 #fff;
    bottom:1px;
    color:#999;
    content:"\f078";
    font-family:"Font Awesome 5 Pro";
    font-size:12px;
    line-height:25px;
    pointer-events:none;
    position:absolute;
    right:1px;
    text-align:center;
    top:1px;
    width:30px
}
.chilagediv .selctmarksml::after{
    right:3px
}
.addrooms{
    color:#bc760c;
    cursor:pointer;
    float:left;
    font-size:13px;
    margin:12px 0 0
}
.addrooms .fa{
    margin-right:6px
}
.roomone{
    background:none repeat scroll 0 0 #eee;
    border-radius:3px;
    display:block;
    overflow:hidden;
    padding:5px 10px;
    text-align:center
}
.roomcount::before{
    /*content:"\f0d8";
    color:#fff;
    font-family:"Font Awesome 5 Pro";
    font-size:45px;
    position:absolute;
    right:20px;
    top:-30px*/
}
.nav-tabs.customtab li .dropdown-menu{
    left:auto;
    right:0
}
.nav-tabs.customtab li .dropdown-menu li{
    display:block;
    overflow:hidden
}
.nav-tabs.customtab li .dropdown-menu li a{
    height:auto;
    line-height:35px;
    width:100%
}
.searchsbmt{
    border:none;
    color:#fff;
    font-size:18px;
    line-height:42px;
    position:relative;
    text-transform:none;
    /*width:100%;*/
    font-weight:500;
    border-radius:3px!important;
    background:#c27238;
}
.searchsbmtfot{
    position:relative;
    width:180px;
    margin:0 auto;
    background:0 0;
    margin-top: 0px;
/*    overflow: hidden;*/
}
.contentarae{
    background:none repeat scroll 0 0 #fff;
    float:left;
    position:relative;
    width:100%
}
.relfst{
    position:relative;
    z-index:9999;
    float:left;
    width:100%
}
.pagehdngs{
    display:block;
    font-size:28px;
    margin:25px 0;
    overflow:hidden;
    text-align:center
}
.subheading{
    color:#464446;
    display:block;
    font-size:15px;
    margin:-15px 0 0;
    overflow:hidden;
    text-align:center
}
.cmsun{
    color:#fff;
    display:block;
    font-size:18px;
    overflow:hidden;
    padding:30px 0;
    text-align:center
}
.patwhy{
    background:url(../images/patwhy.png) repeat 0 0;
    padding:0 0 25px
}
.allwhy{
    display:block;
    margin:0 -12px;
    overflow:hidden
}
.whyinsd{
    display:block;
    margin:0 12px;
    overflow:hidden
}
.iconwhy{
    display:table;
    height:95px;
    margin:20px auto;
    width:110px
}
.sprte.whyone{
    background-position:16px -43px
}
.sprte.whytwo{
    background-position:-218px -43px
}
.sprte.whythree{
    background-position:-466px -43px
}
.whyhedng{
    color:#333;
    display:block;
    font-size:20px;
    margin:0 0 10px;
    overflow:hidden;
    text-align:center
}
.parwhy{
    color:#444;
    display:block;
    font-size:14px;
    line-height:22px;
    overflow:hidden;
    padding:0 15px;
    text-align:center
}
.sinupsec{
    background:url(../images/socpat.jpg) repeat scroll 0 0/40% auto rgba(0,0,0,0);
    float:left;
    position:relative;
    width:100%
}
.sinupsec::after{
    background:none repeat scroll 0 0 rgba(0,0,0,.5);
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:0
}
.reltoy{
    padding:15px 0;
    position:relative;
    z-index:10
}
.alllets{
    display:block;
    margin:0 -12px;
    overflow:hidden
}
.inerlets{
    display:block;
    margin:0 12px;
    overflow:hidden;
    padding:30px 0
}
.letshed{
    color:#fff;
    display:block;
    font-size:22px;
    margin:0 0 10px;
    overflow:hidden;
    padding:0 0 20px;
    position:relative
}
.letshed::after{
    background:none repeat scroll 0 0 #fff;
    bottom:0;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    width:60%
}
.somecaptn{
    color:#fff;
    display:block;
    font-size:14px;
    margin:30px 0;
    overflow:hidden
}
.searchsbmt.smaltyu{
    font-size:14px;
    line-height:50px;
    padding-right:20px
}
.searchsbmtfot.linpty::after{
    line-height:50px
}
.signinpt{
    border:1px solid #eee;
    color:#666;
    display:block;
    font-size:13px;
    height:50px;
    overflow:hidden;
    padding:0 10px;
    width:100%
}
.sbsrb{
    background:none repeat scroll 0 0 #ab2b33;
    border:1px solid #9b1b23;
    color:#fff;
    font-size:14px;
    height:38px;
    margin:1px 0 0 -1px;
    padding:0 10px
}
.faftrsoc.fa{
    background:none repeat scroll 0 0 #9c9c9c;
    border-radius:30px;
    color:#06070b;
    float:left;
    font-size:18px;
    height:50px;
    line-height:50px;
    margin-right:15px;
    text-align:center;
    width:50px
}
.invtfrnd{
    background:none repeat scroll 0 0 #ab2b33;
    color:#fff;
    float:left;
    font-size:14px;
    height:40px;
    line-height:40px;
    text-align:center;
    width:50%
}
.invtfrnd:hover{
    color:#fff
}
.splfetpd{
    padding-left:20px
}
.fstfooter{
    background:#fff;
    float:left;
    width:100%
}
.reftr{
    display:block;
    margin:0 -10px;
    overflow:hidden;
    padding:25px 0
}
.frtbest{
    display:block;
    margin:0 10px;
    overflow:hidden
}
.ftrhd{
    color:#555;
    display:block;
    font-size:18px;
    font-weight:400;
    margin:0 0 15px;
    overflow:hidden
}
.frteli{
    display:block;
    overflow:hidden
}
.frteli a{
    color: #fff;
    font-family: Inter;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0em;
    text-align: left;
    list-style: none;
    line-height: 20px;
}
.btmfooter{
    background:url(../images/patn.png) repeat scroll center center #ab2b33;
    float:left;
    position:relative;
    width:100%
}
.aabsdark{
    background:#000;
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:0
}
.copyrit{
    color:#a4a4a4;
    display:block;
    font-size:13px;
    overflow:hidden;
    padding:24px 0;
    position:relative;
    text-align:left;
    z-index:1
}
.copyrit a{
    color:#fff
}
.acptnd{
    display:block;
    float:right;
    overflow:hidden;
    padding:20px 0
}
.acptnd strong{
    color:#fff;
    font-size:14px;
    font-weight:400;
    margin-right:10px
}
.homepage-hero-module{
    border-left:medium none;
    border-right:medium none;
    position:fixed;
    top:0;
    width:100%;
    z-index:0
}
.no-video .video-container video,.touch .video-container video{
    display:none
}
.no-video .video-container .poster,.touch .video-container .poster{
    display:block!important
}
.video-container{
    position:relative;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    overflow:hidden;
    background:#000
}
.video-container .poster img{
    width:100%;
    bottom:0;
    position:absolute
}
.video-container .filter{
    z-index:100;
    position:absolute;
    background:rgba(0,0,0,.4);
    width:100%
}
.video-container video{
    position:absolute;
    z-index:0;
    bottom:0
}
.video-container video.fillWidth{
    width:100%
}
.animateblock{
    -webkit-transition:all .55s linear;
    -moz-transition:all .55s linear;
    transition:all .55s linear
}
.animateblock.animated{
    opacity:1
}
.animateblock.btm{
    margin-top:55px;
    opacity:0
}
.animateblock.btm.animated{
    opacity:1;
    margin-top:0
}
.animateblock.btm0{
    opacity:0;
    transition:all .6s ease-in-out
}
.animateblock.btm0.animated{
    opacity:1
}
.cartfade{
    background:none repeat scroll 0 0 rgba(0,0,0,.9);
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:99;
    opacity:0;
    transition:all .4s ease-in-out
}
.cart-open .cartfade{
    opacity:1
}
.cartall{
    bottom:0;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    transition:opacity .5s ease 0s,visibility 0s ease .5s;
    visibility:hidden;
    width:100%;
    z-index:106
}
.cart-open .cartall{
    opacity:1;
    transition:opacity .5s ease 0s;
    visibility:visible
}
.incart{
    background:#ffe3c4;
    float:right;
    height:100%;
    perspective:1200px;
    position:relative;
    width:30%;
    z-index:100
}
.cartclose{
    background:url(../images/cross.png) no-repeat scroll center center rgba(0,0,0,0);
    cursor:pointer;
    height:30px;
    margin:15px 10px;
    position:absolute;
    right:0;
    top:0;
    width:30px;
    z-index:107
}
.carthdng{
    background:none repeat scroll 0 0 rgba(0,0,0,.1);
    color:#333;
    font-size:20px;
    height:60px;
    line-height:60px;
    padding:0 15px;
    position:relative
}
.itemsmove{
    opacity:.4;
    transform:translateY(-25%) rotateX(35deg);
    transition:transform .5s ease 0s,opacity .5s ease 0s
}
.cart-open .itemsmove{
    opacity:1;
    transform:rotateX(0)
}
.cartcontnt{
    height:calc(100% - 140px);
    position:relative
}
.crtfooter{
    background:none repeat scroll 0 0 rgba(0,0,0,.3);
    float:left;
    height:80px;
    padding:10px 0;
    position:relative;
    width:100%
}
.comncrtbtn{
    background:none repeat scroll 0 0 #eee;
    border:medium none;
    color:#333;
    display:block;
    font-size:16px;
    overflow:hidden;
    padding:15px 0;
    text-align:center;
    width:100%
}
.rowcart{
    border-bottom:1px dotted #dfc3a4;
    display:block;
    margin:5px 0;
    overflow:hidden;
    padding:12px 0
}
.fatem.fa{
    background:none repeat scroll 0 0 #9f8364;
    border-radius:100%;
    color:#fff;
    display:block;
    height:40px;
    line-height:40px;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    width:40px
}
.initems{
    display:block;
    overflow:hidden
}
.itemhd1{
    color:#333;
    display:block;
    font-size:14px;
    margin:0 0 2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.itemhd2{
    color:#666;
    display:block;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.procecrt{
    color:#333;
    display:block;
    font-size:14px;
    overflow:hidden;
    text-align:center
}
.procecrt strong{
    display:block;
    font-size:18px;
    font-weight:500;
    line-height:16px;
    overflow:hidden
}
.faclose.fa{
    color:#9f8364;
    display:block;
    font-size:18px;
    line-height:40px;
    overflow:hidden;
    text-align:center
}
.smalway{
    border-radius:3px;
    float:left;
    overflow:hidden
}
.wament{
    color:#828e95;
    float:left;
    font-size:14px;
    font-weight:500;
    padding:0;
    width:auto
}
.advncebtn{
    float:right;
    padding:10px 20px 0 0
}
.advsncerdch .col-xs-3.nopad{
    float:right
}
.advsncerdch .alladvnce{
    border-radius:0;
    width:99%;
    margin-right:1%
}
.togleadvnce.open .advncebtn{
    background:none repeat scroll 0 0 rgba(0,0,0,.5);
    cursor:pointer;
    margin:25px 10px 0 0;
    padding:4px 10px;
    text-align:center
}
.togleadvnce.open .advncebtn::after{
    content:"\f053";
    color:#fff;
    font-family:FontAwesome;
    font-size:26px
}
.togleadvnce.open .advncebtn .labladvnce{
    display:none
}
.advsncerdch{
    display:none;
    margin:10px 0 0;
    width:100%
}
.togleadvnce.open .advsncerdch{
    display:block
}
.labladvnce{
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:14px;
    line-height:normal;
    overflow:hidden
}
.labladvnce::after{
    content:"\f054";
    color:#999;
    font-family:FontAwesome;
    font-size:11px;
    margin-left:5px
}
.seladvnce{
    display:block;
    margin-right:5px;
    overflow:hidden;
    position:relative
}
.seladvnce::after{
    content:"\f078";
    background:none repeat scroll 0 0 #fff;
    bottom:0;
    color:#999;
    font-family:FontAwesome;
    font-size:12px;
    line-height:40px;
    pointer-events:none;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:30px
}
.advnceopton{
    background:none repeat scroll 0 0 #fff;
    border:medium none;
    color:#666;
    float:left;
    font-size:15px;
    height:40px;
    padding:0 10px;
    width:100%
}
.alladvnce{
    background:none repeat scroll 0 0 rgba(0,0,0,0);
    border-bottom:1px solid #9a9a9a;
    color:#333;
    cursor:pointer;
    border-radius:4px;
    float:left;
    font-size:14px;
    height:45px;
    line-height:45px;
    padding:0 10px;
    position:relative;
    background:#fff;
    width:100%;
    padding-left:33px
}
.alladvnce::before{
    content:"\f0b1";
    background:none repeat scroll 0 0 rgba(0,0,0,0);
    bottom:0;
    color:#959595;
    font-family:"Font Awesome 5 Pro";
    font-size:19px;
    line-height:45px;
    pointer-events:none;
    position:absolute;
    left:2px;
    text-align:center;
    top:0;
    width:30px;
    font-weight:300
}
.alladvnce::after{
    content:"\f078";
    background:none repeat scroll 0 0 rgba(0,0,0,0);
    bottom:0;
    color:#555;
    font-family:"Font Awesome 5 Pro";
    font-size:12px;
    line-height:45px;
    pointer-events:none;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:30px
}
.advncedown{
    display:none;
    background:none repeat scroll 0 0 #fff;
    border-radius:3px;
    box-shadow:0 0 10px -5px #000;
    line-height:normal;
    position:absolute;
    right:0;
    top:55px;
    width:auto;
    transition:all .4s ease-in-out;
    z-index:10000
}
.advncedown.fadeinn{
    display:block
}
.scroladvc{
    display:block;
    overflow:hidden;
    padding:0
}
.adscrla{
    color:#444;
    display:block;
    overflow:hidden;
    padding:12px 15px;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%
}
.adscrla:hover{
    background:#ddd;
    color:#000
}
.advncedown.spladvnce{
    left:0;
    top:100%
}
.checkadvnce{
    display:block;
    margin:15px 0 0 10px;
    overflow:hidden
}
.checkadvnce .lbllbl{
    color:#fff;
    cursor:pointer;
    font-size:15px
}
.checkadvnce .squaredThree{
    width:23px
}
.checkadvnce .squaredThree label{
    background:none repeat scroll 0 0 rgba(0,0,0,0);
    border:1px solid #fff;
    height:21px;
    width:23px
}
.examples input[type=radio]{
    position:absolute;
    left:2px
}
.mlgnformin{
    max-width:510px!important;
    margin:2em auto
}
.dets_hotels .form-group label{
    font-weight:500;
    font-size:13px
}
.mntxt{
    border-radius:3px
}
.lgnbtn{
    background:#c27238 none repeat scroll 0 0!important;
    border-color:#c27238!important;
    border-radius:12px!important;
    color:#fff!important;
    text-transform:uppercase;
    display:block;
    font-size:16px;
    overflow:hidden;
    text-align:center;
    box-shadow:none!important
}
.mlgnformin .stra_hotel{
    margin-top:5px
}
.mlgnformin .stra_hotel .fa.active{
    color:#f88c3e
}
.mlgnformin .stra_hotel .fa{
    cursor:pointer
}
.cloroutbnd .detlnavi{
    padding:0;
    background:#f1f5f8
}
.fldet .tot_amnt{
    background:#fff
}
.fldet .labltowr{
    padding:12px;
    color:#333;
    font-size:14px;
    line-height:25px
}
.fldet .totlbkamnt{
    color:#333;
    margin:10px 0
}
.max_wdt{
    max-width:210px;
    display:inline-block;
    vertical-align:middle
}
.curncy_img img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:3px auto 0 auto
}
@media (max-width:991px){

    .allformst{
        position:static
    }
    .allformst::after,.mascot{
        display:none
    }
}
.dets_hotels .yes_no label{
    margin-left:5px
}
p#user_message_review{
    font-size:17px;
    text-align:center;
    color:#113255
}
.dets_hotels .yes_no{
    margin-top:4px
}
.abtus li a{
    display:inline-block!important;
    text-decoration:none!important;
    font-size:14px;
    line-height:28px;
    color:#fff;
    border-top:none!important;
    border-bottom:none!important;
    padding:0 3px
}
.lblfont12px p{
    text-align:justify;
    font-size:14px;
    line-height:22px
}
.lblfont12px p strong{
    font-size:18px;
    font-weight:500
}
.searchsbmtfot_flight_div {
    width: 90%;
    float: left;
}
.col-md-12.downsrt.adult_child_dob_div{
    padding:0;
    margin-top:14px
}
#flight_form .plcetogo{
    margin-right:0;
    margin-bottom:0
}
#flight_form .searchsbmt{
       border-radius: 6px !important;
    border: 1px solid #EE1935;
    background: #EE1935;
    width: 178px;
    height: 70px;
    margin-top: 30px;
}
.relativemask.datemark.pkupdt{
    position:relative;
    width:100%;
    float:left
}
.relativemask.datemark.retdt{
    position:relative;
    width:100%;
    float:left
}
.pleft{
    padding-left:35px
}
.wid35{
    float:left;
    overflow:inherit;
    width:100%;
    position:relative;
    margin-left:-5px
}
.wid35 .padselct{
    color:#666;
    font-size:14px;
    padding:0 20px 0 40px;
    text-align:center;
    line-height:40px;
    -moz-padding-start:40px;
    height:100%;
    padding:0!important;
    border-bottom:none!important;
    -webkit-padding-start:40px;
    border-radius:12px!important;
    margin-left:10px;
    background:#fff;
    padding-left:15px!important
}
.wid35.selctmark::before{
    content:"\f017";
    background:0 0;
    top:11px;
    position:absolute;
    color:#02468b;
    display:block;
    width:100%;
    font-family:"Font Awesome 5 Pro";
    z-index:99;
    font-size:19px;
    left:-24px
}
.wid35.selctmark::after{
    background:#fff;
    line-height:56px!important;
    bottom:2px;
    width:16px;
    font-size:10px;
    right:-5px!important;
    font-weight:700;
    color:#333;
    border-radius:50%
}
#hotel_search .col-md-12.col-sm-6.col-xs-5.padfive.full_clear{
    padding:0 3px 0 6px
}
.innersec img{
    max-height:25px
}
.sb_rgt b{
    font-weight:400
}
.sub .btn_rgt .btnreg_agent{
    float:right
}
.add_infrm label{
    display:inline-block;
    max-width:100%;
    margin:10px;
    font-weight:400;
    line-height:25px;
    font-size:13px
}
.add_infrm .form-control{
    margin:0 0;
    padding:0;
    outline:0
}
.add_infrm .form-group{
    margin-bottom:0
}
.wrap_space.ph_nm_lft1{
    padding:0
}
.wrap_space.ph_nm_rgt1{
    padding:0
}
.agent_regpage{
    background:#f1f1f1 none repeat scroll 0 0;
    float:left;
    width:100%
}
.agent_regtr{
    display:block;
    margin:0 auto;
    overflow:hidden;
    padding:0
}
.agentreg_heading{
    color:#333;
    display:block;
    font-size:22px;
    margin:0 0 10px;
    overflow:hidden;
    padding:10px 0;
    position:relative;
    text-align:center
}
.agentmyn .agentreg_heading{
    color:#333
}
.gobacklink{
    background:#fff none repeat scroll 0 0;
    border-radius:30px;
    font-size:14px;
    padding:7px 18px;
    position:absolute;
    right:0
}
.each_sections{
    background:rgba(255,255,255,.5);
    border:1px solid #d8d8d8;
    border-radius:5px;
    box-shadow:0 0 10px -8px #000;
    float:left;
    margin:15px 0;
    width:100%
}
.sec_heading{
    background:#f5f5f5 none repeat scroll 0 0;
    border-bottom:1px solid #eee;
    border-radius:5px 5px 0 0;
    display:block;
    font-size:20px;
    font-weight:300;
    overflow:hidden;
    padding:15px
}
.sec_heading{
    padding:10px 10px 0;
    font-weight:400
}
.agentmyn .sec_heading{
    line-height:40px
}
.sec_heading>strong{
    background:#00c5e0 none repeat scroll 0 0;
    border-radius:30px;
    color:#fff;
    display:block;
    float:left;
    height:40px;
    line-height:40px;
    margin-right:15px;
    text-align:center;
    width:40px;
    position:relative
}
.inside_regwrp{
    display:block;
    overflow:hidden;
    padding:0 15px
}
.wrap_space{
    display:block;
    margin:10px;
    overflow:hidden
}
.label_form{
    color:#555;
    display:block;
    font-size:14px;
    margin:0 0 6px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap ;    font-family: 'Inter';
}
.select_wrap{
    float:left;
    position:relative;
    width:100%
}
.select_form{
    border:1px solid #e3e3e3;
    float:left;
    font-size:16px;
    height:45px;
    padding:0 10px;
    width:100%
}
.select_wrap::after{
    content:"\f078";
    background:#fff none repeat scroll 0 0;
    bottom:1px;
    color:#999;
    font-family:FontAwesome;
    font-size:12px;
    line-height:42px;
    pointer-events:none;
    position:absolute;
    right:1px;
    text-align:center;
    top:1px;
    width:30px
}
.input_form{
    border:1px solid #e3e3e3;
    box-shadow:none;
    float:left;
    font-size:16px;
    height:45px;
    line-height:43px;
    padding:0 10px;
    width:100%
}
.input_form,.select_form{
    font-size:14px
}
.sub .btn_lft .btnreg_agent{
    background:#ddd;
    border:1px solid #f68b24;
    border-radius:3px;
    color:#333;
    border:1px solid #ddd
}
.btnreg_agent{
    background:#f68b24 none repeat scroll 0 0;
    border:1px solid #f68b24;
    border-radius:3px;
    color:#fff;
    float:left;
    font-size:17px;
    margin:15px 0;
    padding:10px 50px
}
a.all_tours{
    color:#fff;
    margin-top:10px;
    display:block;
    font-size:14px;
    text-decoration:none!important
}
a.all_tours i.fa{
    margin-right:5px
}
.cancellation_page .rating-no{
    direction:ltr
}
@media (min-width:991px){
    .userimage{
        margin:0 6px 0 0;
        display:none
    }
    .flag_images{
        margin:6px 0 0
    }
    .topssec{
        position:relative;
        background:#F1F3F2;
    }
    .topa{
        font-size:15px;
        line-height:23px
    }
    .phn .topa{
        font-weight:500;
        font-size:14px
    }
}
.topa .fa{
    font-weight:100;
    font-size:23px;
    padding-left:0;
    padding-top:1px;
    position:absolute;
    top:7px;
    right:10px
}
.navbar{
    min-height:45px
}
.shape.shapes.add_shape.ext_shape::before{
    background:rgba(0,0,0,.6)
}
.shape.add_shape.ext_shape{
    padding-bottom:0
}
.shape.add_shape.ext_shape .allformst{
    margin-top:0;
    margin-bottom:10px
}
.smalway,.wament{
    float:none;
    text-align:left
}
.hexGrid{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    font-size:15px;
    list-style-type:none
}
.hex{
    position:relative;
    outline:1px solid transparent
}
.sign_up img{
    max-width:100px;
    height:auto
}
.sign_up h2{
    color:#ebebeb;
    text-transform:uppercase;
    font-size:18px;
    margin-top:19%;
    margin-bottom:10px;
    line-height:22px
}
.sign_up h2.tit_dwn{
    margin-top:8px;
    margin-bottom:0
}
li.head_tit.sign_up{
    max-width:188px;
    z-index:100000;
    position:relative
}
.entr_mail{
    position:relative;
    height:188px
}
.entr_mail_in{
    position:absolute;
    width:100%;
    max-width:457px;
    bottom:0;
    left:-195px
}
.hexIn *{
    position:absolute;
    visibility:visible;
    outline:none transparent!important
}
.hexLink{
    display:block;
    width:100%;
    left:0;
    top:0;
    text-decoration:none!important
}
.has-mask:hover{
    background:rgba(255,255,255,.1);
    overflow:hidden
}
.hex_in{
    max-width:200px;
    position:relative
}
.hex img{
    left:-100%;
    right:-100%;
    width:auto;
    height:100%;
    margin:0 auto;
    -webkit-transform:rotate3d(0,0,0,0deg);
    -ms-transform:rotate3d(0,0,0,0deg);
    transform:rotate3d(0,0,0,0deg)
}
.head_tit .im_contnt.im_tit h1,.top_hop .head_tit .im_contnt.im_tit h1{
    color:#fab41a;
    font-weight:700;
    font-size:16px;
    text-transform:uppercase;
    margin-top:30%;
    text-shadow:none
}
.head_tit.hex h1::after{
    display:none
}
.hexLink h1,.hexLink p{
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.head_tit .im_contnt p{
    font-size:27px;
    text-transform:uppercase;
    font-weight:500
}
.head_tit .hexLink p strong{
    color:#fab41a;
    font-weight:700;
    font-size:16px;
    display:block;
    text-align:center;
    width:100%;
    left:0
}
.head_tit.hex p{
    top:45%;
    padding-top:0
}
.hexGrid.hot_dls{
    margin-top:-19%
}
.im_contnt{
    width:100%;
    z-index:99;
    text-align:center;
    margin:auto
}
.im_contnt h1{
    color:#fff;
    font-size:24px;
    font-weight:600;
    margin-top:30%
}
.quick_zip li.hex.head_tit .im_contnt h1{
    margin-top:30%
}
.im_contnt .hexLink h1{
    color:#fff;
    font-size:22px;
    font-weight:600;
    margin-top:45%;
    text-shadow:0 0 3px #000
}
.quick_zip .im_contnt .hexLink h1{
    margin-top:38%
}
.top_hop .im_contnt .hexLink h1{
    color:#fff;
    font-size:22px;
    font-weight:600;
    text-shadow:0 0 3px #000
}
.im_contnt p{
    color:#fff;
    margin:0;
    font-size:14px;
    font-weight:500;
    text-shadow:0 0 3px #000
}
.top_hop li.hex .im_contnt p{
    display:none
}
.top_hop li.hex.head_tit .im_contnt p{
    display:block
}
.mascot{
    position:fixed;
    bottom:12px;
    right:0;
    z-index:100
}
img.ms_img{
    max-width:240px;
    max-height:200px;
    display:none
}
.shape.shapes.add_shape.m_shape{
    padding-bottom:0
}
.m_shape .allformst{
    margin-top:0
}
.m_shape .smalway.mtop,.shape.shapes.add_shape.m_shape::before{
    display:none
}
@media (min-width:1200px){
    .hexGrid{
        padding-bottom:4%;
        position:relative
    }
    .hex{
        float:left;
        position:relative;
        height:188px
    }
}
@media (max-width:1199px) and (min-width:992px){
    .hex{
        width:20%;
        float:left;
        position:relative;
        height:188px
    }
    .hex:nth-child(7n+5){
        margin-left:10%
    }
    .quick_zip li:nth-child(6),.quick_zip li:nth-child(7),.quick_zip li:nth-child(8),.top_hop li:nth-child(6),.top_hop li:nth-child(7){
        display:none
    }
    .hot-deals li:nth-child(7){
        margin-left:-10%
    }
    .hot-deals .hex:nth-child(7n+5){
        margin-left:0
    }
    .hexGrid.martop{
        margin-top:-12.5%
    }
    .entr_mail_in{
        left:-148px
    }
    .entr_mail_in .btn_sub{
        font-size:16px
    }
    .second_sec2::before{
        top:-195px
    }
    .inside_view{
        width:100%;
        float:left;
        margin-top:390px;
        background:#fff
    }
}
@media (max-width:991px) and (min-width:768px){
    .hex{
        width:25%;
        float:left;
        height:180px
    }
    .hex_in svg{
        width:180px;
        height:180px
    }
    .hot-deals li:nth-child(4),.hot-deals li:nth-child(5),.hot-deals li:nth-child(6),.quick_zip li:nth-child(6),.quick_zip li:nth-child(7),.quick_zip li:nth-child(8),.top_hop li:nth-child(6),.top_hop li:nth-child(7){
        display:none
    }
    .protect_invesmnt label.listin1{
        width:100%;
        text-align:left
    }
    .inside_view{
        width:100%;
        float:left;
        margin-top:300px;
        background:#fff
    }
    .modal-footer.mdl_ftr1{
        text-align:center!important
    }
    .hot-deals li:nth-child(5),.quick_zip li:nth-child(5),.top_hop li:nth-child(5){
        margin-left:-12.5%
    }
    .scnd_top{
        margin-top:-5.35%
    }
    .hot-deals li:nth-child(7){
        margin-top:0
    }
    .hot-deals li:nth-child(8){
        margin-left:12.5%
    }
    .top_hop{
        margin-top:5%
    }
    .entr_mail_in .btn_sub{
        font-size:14px
    }
    .entr_mail_in{
        bottom:8px;
        left:-93px
    }
    .ft_rgt{
        margin-top:55px
    }
    .second_sec2::before{
        top:-167px!important
    }
    .hexGrid.martop{
        margin-top:-114px
    }
    .hex_in image,.hex_in svg{
        width:150px;
        height:150px
    }
    .hex_in{
        max-width:150px;
        margin:0 auto
    }
    .hexagon_shape{
        position:relative;
        display:inline-block;
        width:150px;
        height:155px;
        overflow:hidden;
        color:#fff;
        background:red;
        mask:url(../../images/sm_shape_mobile.png);
        -webkit-mask-image:url(../../images/sm_shape_mobile.png);
        text-align:center;
        background-size:100%!important
    }
    .topssec::before{
        width:100%!important;
        border-radius:0!important
    }
}

@media (max-width:767px){
    .topssec{
        height:auto
    }
    .ritsidelinks{
        padding:10px 2px!important
    }
    .fulbuki{
        clear:both
    }
    .ft_subscribe{
        padding-left:50px
    }
    .entr_mail .btn_sub{
        font-size:13px;
        line-height:22px
    }
    .entr_mail_in{
        bottom:38px;
        left:-70px
    }
    .navbar.navme{
        z-index:100000;
        background:0 0!important;
        float:right
    }
    .navbar-nav>li.menuli::after{
        display:none
    }
    .insurance_bg{
        background:0 0;
        height:auto
    }
    .tabcontnue.insre{
        position:relative;
        margin:0 auto;
        width:100%!important
    }
    .protect_invesmnt label.listin1{
        width:100%;
        text-align:left
    }
    .modal-footer.mdl_ftr1{
        text-align:center!important
    }
    .inside_view{
        width:100%;
        float:left;
        margin-top:0;
        background:#fff
    }
    .hexagon_shape{
        position:relative;
        display:inline-block;
        width:150px;
        height:155px;
        overflow:hidden;
        color:#fff;
        background:red;
        mask:url(../../images/sm_shape_mobile.png);
        -webkit-mask-image:url(../../images/sm_shape_mobile.png);
        text-align:center;
        background-size:100%!important
    }
    .topssec::before{
        width:100%!important;
        border-radius:0!important;
        max-width:100%!important
    }
}
@media (max-width:700px){
    .fldealsec{
       
       
    }
}
@media (max-width:600px){
    .holidays_tab{
        width:100%;
        overflow:hidden;
        overflow-x:scroll
    }
    .holidays_tab .trul{
        width:100%;
        float:left
    }
}
@media (max-width:767px) and (min-width:481px){
    .navbar-header.myheder.hide{
        display:block!important
    }
    .allformst{
        margin-top:45px;
        margin-bottom:20px
    }
    .nav-tabs.tabstab>li>a{
        margin-bottom:0
    }
    .hot-deals li:nth-child(7),.quick_zip li:nth-child(4),.top_hop li:nth-child(4){
        margin-left:16.5%;
        margin-top:-7%
    }
    .hot-deals li:nth-child(10),.hot-deals li:nth-child(8),.hot-deals li:nth-child(9),.quick_zip li:nth-child(11),.quick_zip li:nth-child(9),.top_hop li:nth-child(10),.top_hop li:nth-child(8){
        margin-top:-7%
    }
    .quick_zip li:nth-child(10),.top_hop li:nth-child(9){
        margin-left:33%;
        margin-top:-7%
    }
    .hot-deals li:nth-child(4),.hot-deals li:nth-child(5),.hot-deals li:nth-child(6),.quick_zip li:nth-child(5),.quick_zip li:nth-child(6),.quick_zip li:nth-child(7),.quick_zip li:nth-child(8),.top_hop li:nth-child(5),.top_hop li:nth-child(6),.top_hop li:nth-child(7){
        display:none
    }
    .second_sec2::before{
        top:-150px!important
    }
    .hexGrid.martop{
        margin-top:0
    }
    .hexGrid,.sign_up_mail{
        max-width:460px;
        margin:0 auto
    }
    .hex_in image,.hex_in svg{
        width:150px;
        height:150px
    }
    .hexGrid{
        padding-bottom:7.5%
    }
    .hex{
        width:33.333%;
        float:left;
        height:150px
    }
    .head_tit .im_contnt.im_tit h1{
        margin-top:28%;
        margin-bottom:8px
    }
    .head_tit .im_contnt p{
        font-size:22px
    }
    .im_contnt .hexLink h1{
        font-size:22px;
        margin-top:34.5%
    }
    .sign_up h2{
        font-size:16px;
        margin-top:17%;
        margin-bottom:3px
    }
    .sign_up img{
        max-width:95px
    }
    .sign_up h2.tit_dwn{
        margin-top:4px;
        font-size:14px;
        line-height:20px
    }
    .top_hop .im_contnt .hexLink h1{
        font-size:16px
    }
    .carousel{
        max-height:610px;
        background:rgba(0,0,0,.4)
    }
    .carousel img{
        display:none!important
    }
}
@media (max-width:480px){
    .loadsec{
        top:138px
    }
    .fulldetab.mart20 .nav-tabs.trul>li>a strong{
        display:none!important
    }
    .fulldetab.mart20 .nav-tabs.trul>li>a .far{
        padding:10px
    }
    .fulldetab .nav-tabs>li{
        width:42px!important
    }
    .navbar-header.myheder.hide{
        display:block!important
    }
    .shape.shapes::before{
        display:none
    }
    .ft_rgt{
        margin-top:15px
    }
    .shape{
        min-height:auto!important
    }
    .waywy{
        margin:0 0 10px!important
    }
    .carousel,.carousel-inner,.carousel-inner>.item,.carousel-inner>.item>a>img,.carousel-inner>.item>img{
        height:100%
    }
    .carousel{
        max-height:100%
    }
    .hex_in image,.hex_in svg{
        width:135px;
        height:135px;
        margin:0 auto
    }
    .hexGrid{
        margin-top:0;
        padding-bottom:15px
    }
    .hexGrid.martop{
        margin-top:-66px
    }
    li.hex{
        width:50%;
        float:left
    }
    li.hex.empt{
        display:none
    }
    .hot-deals li:nth-child(1),.hot-deals li:nth-child(10),.hot-deals li:nth-child(7),.quick_zip li:nth-child(1),.quick_zip li:nth-child(11),.quick_zip li:nth-child(4),.top_hop li:nth-child(1),.top_hop li:nth-child(10),.top_hop li:nth-child(4){
        width:50%;
        float:left;
        margin-top:15px
    }
    .hot-deals li:nth-child(1),.quick_zip li:nth-child(1),.top_hop li:nth-child(1){
        width:100%;
        margin-top:0
    }
    .hot-deals li:nth-child(2),.hot-deals li:nth-child(3),.hot-deals li:nth-child(8),.hot-deals li:nth-child(9),.quick_zip li:nth-child(10),.quick_zip li:nth-child(2),.quick_zip li:nth-child(3),.quick_zip li:nth-child(9),.top_hop li:nth-child(2),.top_hop li:nth-child(3),.top_hop li:nth-child(8),.top_hop li:nth-child(9){
        width:50%;
        margin-top:15px
    }
    .hex_in{
        text-align:center;
        margin:0 auto;
        max-width:135px
    }
    li.hex{
        margin-top:15px
    }
    .head_tit .im_contnt.im_tit h1,.top_hop .head_tit .im_contnt.im_tit h1{
        margin-top:33px
    }
    .head_tit .im_contnt p{
        font-size:22px
    }
    .im_contnt .hexLink h1{
        font-size:18px
    }
    .top_hop .im_contnt .hexLink h1{
        font-size:15px;
        margin-top:26%;
        margin-bottom:5px
    }
    .im_contnt p{
        font-size:13px;
        font-weight:400
    }
    .sign_up h2{
        font-size:15px;
        margin-top:19%;
        margin-bottom:3px;
        line-height:18px
    }
    .sign_up img{
        max-width:80px
    }
    .sign_up h2.tit_dwn{
        margin-top:4px
    }
    li.head_tit.sign_up{
        float:left
    }
    .entr_mail{
        width:100%;
        height:auto
    }
    .entr_mail_in{
        top:4px;
        left:0;
        bottom:auto
    }
    .entr_mail .btn_sub{
        font-size:12px;
        line-height:22px;
        padding:0 2px
    }
    .ft_subscribe{
        padding-left:12px
    }
    .second_sec2::before{
        top:-110px!important
    }
    #flight_form .searchsbmt{
          float: none;
    display: block;
    margin: 0 auto;
    margin-top: 6px;
    }
    .hexagon_shape{
        position:relative;
        display:inline-block;
        width:130px;
        height:133px;
        overflow:hidden;
        color:#fff;
        background:red;
        mask:url(../../images/sm_shape_mobile1.png);
        -webkit-mask-image:url(../../images/sm_shape_mobile1.png);
        text-align:center;
        background-size:100%!important
    }
    .ovrgo .table-responsive{
        margin:20px 0 0;
        width:100%;
        overflow:auto
    }
    .ovrgo .table-responsive .table{
        width:600px
    }
}
@media (max-width:480px) and (min-width:361px){
    .fthead{
        font-size:11px!important;
        padding-bottom:10px!important
    }
    .links a{
        font-size:12px!important;
        line-height:20px!important
    }
    .con_with_us{
        padding-right:0!important
    }
    .links a i{
        padding-right:3px!important
    }
}
@media (max-width:360px){
    .ft_rgt .col-md-4.col-sm-4.col-xs-4.sm_bot{
        width:100%
    }
    .comnbtn_room{
        padding:10px 0!important
    }
    .links a{
        line-height:20px
    }
    .al_log .fthead{
        display:none
    }
}
.hot-deals .hexagon_shape{
    background:#f33137
}
.top_hop .hexagon_shape{
    background:#24adc3
}
button#add_more{
    text-transform:uppercase;
    margin-top:5px;
    border-radius:0
}
button.btn.btn-primary{
    text-transform:uppercase
}
.editpro{
    text-transform:uppercase!important
}
.insurance_content{
    background:#fff;
    padding:20px 15px;
    border-bottom:1px solid #ddd;
    width:100%;
    float:left
}
.dummy_b{
    width:40%;
    float:left
}
.manu_content{
    width:100%;
    float:left;
    padding:0 15px
}
.manulife_logo{
    padding:0 0 15px 0;
    margin-top:0;
    border-bottom:1px solid #ddd
}
.manulife_content{
    width:100%;
    padding:20px 0;
    font-size:36px;
    color:#000;
    font-weight:500;
    line-height:normal
}
.ins_policy{
    width:100%;
    float:left
}
.ins_policy .panel{
    border-color:#fff;
    background:0 0;
    box-shadow:none;
    margin-bottom:1px
}
.ins_policy .panel:last-child{
    border-bottom:none
}
.ins_policy .panel-group>.panel:first-child .panel-heading{
    border-radius:4px 4px 0 0
}
.ins_policy .panel-group .panel{
    border-radius:0
}
.ins_policy .panel-group .panel+.panel{
    margin-top:0
}
.ins_policy .panel-heading{
    background-color:#ededed;
    border-radius:0;
    border:none;
    color:#fff;
    padding:0
}
.ins_policy .panel-title a{
    display:block;
    color:#03a9f4;
    padding:10px 15px;
    position:relative;
    font-size:16px;
    font-weight:500
}
.ins_policy .panel-body{
    background:#f9f9f9;
    border:1px solid #ededed!important
}
.ins_policy .panel:last-child .panel-body{
    border-radius:0 0 4px 4px
}
.ins_policy .panel:last-child .panel-heading{
    border-radius:0 0 4px 4px;
    transition:border-radius .3s linear .2s
}
.ins_policy .accordionContent{
    font-size:14px
}
.ins_policy .accordionContent h5{
    font-size:15px;
    font-weight:700
}
.ins_policy .panel:last-child .panel-heading.active{
    border-radius:0;
    transition:border-radius linear 0s
}
.ins_policy .panel-heading a:before{
    content:'\f196';
    position:absolute;
    font-family:FontAwesome;
    right:13px;
    top:11px;
    font-size:18px;
    transition:all .5s;
    transform:scale(1)
}
.ins_policy .panel-heading.active a:before{
    content:'';
    transition:all .5s;
    transform:scale(0)
}
.ins_policy #bs-collapse .panel-heading a:after{
    content:'';
    font-size:18px;
    position:absolute;
    font-family:FontAwesome;
    right:13px;
    top:11px;
    transform:scale(0);
    transition:all .5s
}
.ins_policy #bs-collapse .panel-heading.active a:after{
    content:'\f147';
    transform:scale(1);
    transition:all .5s
}
.ins_policy #accordion .panel-heading a:before{
    content:'\e316';
    font-size:24px;
    position:absolute;
    font-family:'Material Icons';
    right:5px;
    top:10px;
    transform:rotate(180deg);
    transition:all .5s
}
.ins_policy #accordion .panel-heading.active a:before{
    transform:rotate(0);
    transition:all .5s
}
.summary-txt{
    font-size:14px
}
.select_insur{
    min-width:250px;
    margin:0 auto 20px auto;
    overflow:hidden
}
.select_hi{
    background:#f1f1f1;
    margin-top:10px
}
.forgot_booking{
    color:#2aa9e0;
    font-size:13px;
    padding:10px 0;
    font-weight:500;
    display:block
}
.forgot_booking a{
    color:#2aa9e0
}
.top_parellex{
    background:url(../../images/top-parallax-mid.png) no-repeat center bottom;
    background-size:100%;
    width:100%;
    height:100%;
    position:fixed;
    bottom:0;
    z-index:99
}
.cloud{
    width:1366px;
    height:340px;
    background:url(../../images/cloud3.png) no-repeat center;
    position:relative
}
.flight{
    width:200px;
    height:100px;
    background:url(../../images/airliner.png) center no-repeat;
    background-size:100%;
    position:fixed;
    top:75px;
    z-index:9999;
    right:0
}
#all_deal .outerfullfuture{
    margin-top:20px;
    position:relative
}
.thumbnail_deal{
    display:block;
    line-height:1.42857143;
    background-color:#fff;
    padding:0;
    -webkit-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border:none!important;
    margin-bottom:0
}
.thumbnail_deal img{
    width:100%;
    height:230px
}
.thumbnail_small_img{
    width:100%
}
.deals_info{
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom:1px solid #dbe3e8
}
.carousel-flight-info{
    width:100%
}
.deals_info.caption{
    background:#fff!important;
    padding:15px 10px;
    float:left;
    height:83px;
    max-height:115px;
    box-shadow:0 1px 17px #00000029
}
.p-l-0.special-tours-item{
    margin-right:2%
}
.special-tours-item{
    background:#fff;
    float:left;
    width:48%;
    box-shadow:0 1px 14px rgba(0,0,0,.3);
    margin-bottom:15px;
    background:linear-gradient(180deg,rgba(114,2,56,0) 40%,#9ac7dc)
}
.special-tours-des{
    font-size:16px;
    float:left;
    margin-top:10px;
    color:#000
}
.special-tours-img{
    margin-right:6px;
    float:left
}
.special-tours{
    float:left;
    width:100%;
    display:block;
    background:#f6f6f6;
    padding:50px 0
}
.special-tours h3{
    color:#06038d;
    font-size:27px;
    margin-bottom:30px
}
.special-tours-des p{
    margin-bottom:5px
}
.special-tours-des h4{
    margin-top:5px
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{
    background:#f15921
}
.pagehed:after{
    position:absolute;
    content:"";
    right:27%;
    width:100px;
    height:0;
    border:.5px solid #aeaeae;
    top:20px
}
.pagehed:before{
    position:absolute;
    content:"";
    left:27%;
    width:100px;
    height:0;
    border:.5px solid #aeaeae;
    top:20px
}
.right-icon{
    float:right
}
.right-icon li{
    display:inline-block
}
.subscribtion{
    float:left;
    width:100%;
    background:#fff;
    position:relative
}
.subscribtion h3{
    color:#06038d;
    font-size:24px;
    margin-bottom:30px
}
.subscribtion p{
    font-size:15px
}
.faq h3,.faq p{
    margin-bottom:30px
}
.border-right-1{
    border-right:1px solid #d3d3d3;
    min-height:231px
}
.deals_info_heading h1{
    font-size:20px;
    font-weight:700;
    text-align:left;
    padding:0;
    margin:15px 0 10px 0;
    letter-spacing:.72px;
    color:#113255
}
.deals_info_heading h1:after{
    content:"";
    display:none;
    margin:0;
    width:10%;
    padding-top:5px;
    border-bottom:1px solid #ff7b8a
}
.deals_info_subheading h3{
    font-size:14px;
    font-weight:400;
    text-align:left;
    color:#a5a5a5;
    margin:5px 0 10px 0;
    line-height:16px;
    max-height:35px
}
.deals_info_footer{
    float:left;
    width:100%;
    margin:0 0;
    font-size:15.71px;
    color:#343434
}
.deals_info_footer .viewLink a{
    font-size:11px;
    color:#545455;
    border:1px solid #545455;
    padding:3px 6px;
    text-transform:uppercase;
    text-decoration:none
}
.carousel-caption{
    top:65px;
    width:100%;
    left:0;
    right:0;
    margin:auto;
    margin-top:20px;
    position:relative
}
.carousel-caption h3{
    font-size:32px;
    margin-bottom:20px;
    font-family:'PT Sans Caption',sans-serif;
    font-weight:400
}
.carousel-caption p{
    font-size:20px;
    font-family:'PT Sans Caption',sans-serif
}
#carousel_flight .item img,#carousel_hotel .item img{
    background-size:100%
}
.topa .flags.flg-curr .fa{
    right:15px
}
ul.nav.nav-tabs.tabstab img {
    height: 27px;
}

.search_tab ul.nav.nav-tabs.tabstab li a {
    list-style: none;
    display: inline-block;
    float: left;
    padding: 10px;
    height: 36px;
    margin: 0px 0px;
    border-radius: 100px;
    cursor: pointer;
    box-shadow: none;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 0px 10px 0px 12px;
    text-transform: capitalize;
    line-height: 23px;
    float: left;
    margin-bottom: 0px !important;
}

.search_tab ul.nav.nav-tabs.tabstab li a span{ float:none; }

.nav-tabs.tabstab li.active a i,.nav-tabs.tabstab>li>a:hover i{
    color:#fff!important
}
.nav-tabs.tabstab>li{
    margin:0 2px;
    width:auto;
    float:none;
}

.nav .active.check_slider a {
    box-shadow: none;
}

.nav-tabs.tabstab>li>a{
    font-size:15px;
    display:block;
    line-height:20px;
    font-weight:400;
    letter-spacing:0;
    text-align:center;
    width:100%;
    float:left;
    margin:0 auto;
    text-transform:uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 2px 8px #b3b3b3;
}
.nav-tabs.tabstab .sprte{
    background:0 0
}
.search_tab ul.nav.nav-tabs.tabstab li a i.fa-plane{
    transform:rotate(0deg)
}
#hotel_search .padselct{
    height: 52px;
    border: none;
    padding-right: 0;
    text-align: left;
    border-radius: 8px !important;
    background: #FFF;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.forhotelonly .nitmark::before{
    line-height:54px
}
.wrapofa.flg{
    margin-top:7px
}
.wrapofa.usrac{
    margin-right:0
}
.wrapofa.flg,.wrapofa.usrac{
    float:left
}
 .topa.dropdown-toggle .reglog i{
    font-size:20px
}
a.topa.dropdown-toggle .userorlogin{
    line-height:37px
}
.topa.dropdown-toggle .reglog i{
    line-height:40px;
    color:#fff
}
.plcetogo.datemark input{
    text-align:left;
    height:61px!important;
    padding-left:40px!important
}

#onw_rndw_fieldset .plcetogo.datemark input {
    text-align: left;
    height: 35px!important;
    border: none;
    box-shadow: none;
    background: #fff;
    padding-left: 55px!important;
}

.plcetogo.datemark.fxheigt.sidebord.ret {
    margin-top: 15px;    
    min-height: 48px!important;
    border-radius: 0;
}

.plcetogo.datemark.fxheigt.sidebord.dep {
    margin-top: 15px;
    min-height: 48px!important;
    border-radius: 0;
}
.close_div_modify {
    position: relative;
}

.close_div_modify svg {
    position: absolute;
    right: 0;
        cursor: pointer;
}
.modify_result_button {
    width: 100%;
    float: left;
}

.modify_result_button button {
    border-radius: 12px;
    border: 1px solid #EE1935;
    background: #EE1935;
    width: 363px;
    height: 55px;
    flex-shrink: 0;
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px; /* 120% */
    text-align: center;
    float: none;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:0px;
    margin-top:0px;
}

.cls_rtn{
    position: absolute; z-index: 1; right: 0; top: 0px;cursor: pointer;width: 20px;
}

.col-xs-12.col-md-6.pad-lef-z.input_section.pdr15 {
    border-left: 1px solid #ccc;
}

div#preturnx {
       border-left: 1px solid #636363;
    border-radius: 0px;
}

.tab-content.custmtab #flight{
    width:100%;
    float:left
}
.multi_city_container .plcetogo.plcemark input{
    padding-left:13.5%!important
}
.searchsbmt.fxheigt1.comncolor{
    font-size:18px;
    color:#fff;
    font-family:Lato;
    width:100%;
    float:left
}
.contac_add_sec{
    padding:10px 20px
}
span.checkstop.whii{
    color:#fff;
    font-size:14px
}
.contacts-classic{
    font-size:14px
}
.cont-title{
    font-size:18px;
    font-weight:400;
    color:#000
}
.contac_add_sec i{
    color:#19a698;
}
@media(min-width:1300px){
    .srchinarea .carousel-caption.animatedParent{
        width:75%;
        text-align:left!important
    }
    #carousel_transfer img{
        margin:35px 0 0
    }
}
#preturnx,.depart_secn{
   /* margin:0!important;*/
   /* width:50%*/
}
.top_flight_carosel .thumbnail_deal{
    background:#fff
}
.top_flight_carosel .deals_info.caption,.top_flight_carosel .outerfullfuture{
    box-shadow:none
}
.top_flight_carosel .thumbnail_deal img{
    border-radius:15px 15px 0 0
}
.top_flight_carosel .deals_info.caption,.top_flight_carosel .outerfullfuture{
    border-radius:0 0 15px 15px
}
.top_flight_carosel .gridItems{
    padding:10px 10px 15px
}

#hotel_search .selctmark::after{
    content: "\f0ac";
    bottom: 0;
    color: #19a698;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: 0px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 23px;
    width: 35px;
    font-weight: 500;
    background: none;
    display: none;
}

.forhotelonly .plcetogo.plcemark.sidebord:after {
    content: "";
    bottom: 0;
    color: #333;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: 0px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 35px;
    font-weight: 300;
    background: url(../../images/location_icn.png) no-repeat;
}

#hotel_search .totlall {
    background: none;
    border: none;
    margin-left: 0;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 74.8px;
    width: 100%;
    float: left;
    padding-left: 5% !important;
}

#modify #hotel_search .totlall {
    border: 0;
    /*border-right: 1px solid #ccc;*/
    border-radius: 0px!important;
}

#modify #hotel_search .padselct{ border:0px; }

ul.dropdown-menu.national_drpdwn li:nth-child(odd) {
    background: #f5f5f5;
}

.forhotelonly .out-div {
    margin-top: 10px;
        border-radius: 7px;
}
#hotel_search  .totlall::after {
 }


#hotel_search  .totlall::after {
    top: 23px; }

 .splmodify #hotel_search .lablform {
     color: #00355f;
     font-size: 14px;
     margin: 5px 20px 0;
}
 @media(min-width: 1200px){
     #hotel_search_result .list-group-item .htl_srch_rslt .width60 {
         width: 53%;
    }
    #hotel_search_result .list-group-item .htl_srch_rslt .width18 {
         width: 25%;
    }
}


.multi_city_container .plcetogo.plcemark.deprtures.sidebord:after {
    content: "";
    bottom: 0;
    color: #333;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: 6px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 18px;
    width: 35px;
    font-weight: 300;
    background: url(../images/takeoff.png) no-repeat;
    background-size: 22px 22px;
}
.multi_city_container .plcetogo.plcemark.destinatios.sidebord:after {
    content: "";
    bottom: 0;
    color: #333;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: 6px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 18px;
    width: 30px;
    font-weight: 300;
    background: url(../images/landing.png) no-repeat;
    background-size: 22px 22px;
}
.multi_city_container .changedate:after {
    /*content: "";*/
    /*bottom: 0;*/
    /*color: #333;*/
    /*font-family: "Font Awesome 5 Pro";*/
    /*font-size: 20px;*/
    /*left: 6px;*/
    /*line-height: 70px;*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*top: 18px;*/
    /*width: 35px;*/
    /*font-weight: 300;*/
    /*background: url(../../images/date_new.png) no-repeat;*/
    /*background-size: 22px 22px;*/
}

.outer_deals .thumbnail {
    border-radius: 10px;
    border: none;
}

.best_flt_hotel ul.nav li.active a {
    background: #4fa0ca!important;
    color: #fff!important;
}
.best_flt_hotel ul.nav li a {
    font-size: 15px;
    border: 1px solid #4fa0ca;
    padding: 4px 23px;
    border-radius: 30px;
    margin: 0px 10px;
}

.best_flt_hotel ul.nav.nav-tabs {
    float: none;
    display: inline-block;
    border-bottom: 0px;
}

#flight_top_deals_top_n1 .owl-prev {
    background: url(../../images/aroow_car_1.png);
    width: 37px;
    height: 34px;
    /* background: red; */
    background-repeat: no-repeat;
    opacity: 1;
    border-radius: 0;
    font-size: 0;
    position: absolute;
    /* right: 57px; */
     left: 0px;
    top: 35%;
}

#flight_top_deals_top_n1 .owl-next {
    background: url(../../images/aroow_car_2.png);
    width: 37px;
    height: 34px;
    /* background: red; */
    background-repeat: no-repeat;
    opacity: 1;
    border-radius: 0;
    font-size: 0;
    position: absolute;
    right: -7px;
    top: 35%;
}

.whywe_arebest .col-md-12.col-sm-12.col-xs-11.nopad.text-center {
    padding: 0 25px !important;
}
.airline_head{
    margin-top: -20px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
}


/*-----------*/
.new_yark_air span.promo_txt {
    color: #707070;
    font-family: 'Myriad Pro bold', sans-serif;
    font-size: 14px;
    margin-right: 5px;
}

.new_yark_air span.promo_code_txt {
    color: #64276F;
    font-family: 'Myriad Pro Semibold', sans-serif;
    font-size: 14px;
}
.new_yark_air .right_arw {
    padding-top: 7px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

.international_city_sec .thumbnail.p-0 img {
    height: 100%;
}

.international_hotel_sec .thumbnail.p-0 img {
    height: 100%;
}

.international_hotel_sec .best_text_offers h2{
    font-family: 'Myriad Pro bold', sans-serif; 
}

.img-wrapper {  
  height: 350px;
  overflow: hidden; 
  border-radius: 10px;
}

.inner-img {
  transition: 0.5s;
}

.inner-img:hover {
  transform: scale(1.06);
}

.city_name {
    position: absolute;
    left: 50%;
    color: #fff;
    font-family: 'Myriad Pro Bold';
    bottom: -36px;
    transform: translate(-50%, -50%);
    font-size: 22px;
    text-align: center;
    background-image: linear-gradient(180deg, #52525200, #000000de);
    width: 93%;
    height: 30%;
    padding: 35px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.hotel_add{ font-size: 12px; }

.ins_text_sec{
  position: absolute;
  top: 0px;
  left: 25px;
}

.insurance_sec .col-md-12{
     padding: 0 20px;
}
.insurance_sec p {
    font-size: 13px;
    font-family: 'Myriad Pro Semibold';
    color: #000;
    text-align: justify;
    line-height: 22px;
}

.insurance_sec .best_text_offers {
    padding: 15px 0px 5px;
}

.insReadMoreBtn {
    padding: 12px 22px;
    background: #64276F;
    color: #fff;
    font-family: 'Myriad Pro Bold';
    font-size: 16px;
}

.new-searchtab-content {
    margin: 55px 0px 10px;
    width: 90%;
    border-radius: 10px;
    background-color: #F25C05;
    color: #fff;
    float: right;
    font-family: 'Myriad Pro Regular'
}

.new-searchtab-content img {
    border-radius: 10px;
}

.new-searchtab-content .txt_sec h2 {
    text-align: center;
    font-size: 24px;   margin: 5px 0;
}

.new-searchtab-content .txt_sec button {
    border-radius: 30px;
    background: #64276f;
    margin: 0 auto;
    display: block;
    padding: 5px 20px;
}

.new-searchtab-content .txt_sec h4 {
    font-size: 20px;
    margin: 20px 0 10px;
}

.new-searchtab-content .txt_sec p {
    font-size: 14px;
    line-height: 18px;
    font-family: 'Myriad Pro light';
    text-align: justify;
}

.new-searchtab-content .txt_sec {
    padding: 10px 20px;
}

.fromtopmargin .container {
    /*width: 100%;*/
}

section.suscribe_part .item img {
    height: 60px;
    object-fit: contain;
    width: auto;
}

.search_tab ul.nav.nav-tabs.tabstab li a.flt_mod {
    background-position: -102px -116px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li a.flt_mod:hover {
    background-position: -103px -30px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li.active a.flt_mod {
    background-position: -103px -30px!important;
    /*height: 36px;*/
}

.search_tab ul.nav.nav-tabs.tabstab li a.hot_mod {
    background-position: -212px -116px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li a.hot_mod:hover{
    background-position: -212px -30px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li.active a.hot_mod {
    background-position: -212px -30px!important;
    height: 36px;
}

.searchsbmt:hover {
    box-shadow: 0px 15px 10px -10px rgb(0 0 0 / 40%);
}

.search_tab ul.nav.nav-tabs.tabstab li a.ins_mod {
    background-position: -324px -116px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li a.ins_mod:hover {
    background-position: -324px -30px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li.active a.ins_mod {
    background-position: -324px -30px!important;
    height: 36px;
}

.search_tab ul.nav.nav-tabs.tabstab li a.visa_mod {
    background-position: -434px -116px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li a.visa_mod:hover{
    background-position: -434px -24px!important;
}

.search_tab ul.nav.nav-tabs.tabstab li.active a.visa_mod {
    background-position: -434px -24px!important;
    height: 36px;
}


.form-group.chk input[type=checkbox] {
  display: none;
  cursor: pointer;
}

.form-group.chk input[type=checkbox] + label:before {
      content: '';
    -webkit-appearance: none;
    background: none;
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: 0;
    padding: 9px 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
}

.form-group.chk input[type=checkbox]:checked + label:after {
    top: 5px;
    left: 4px;
    content: "\f00c";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    color: #000000;
    font-size: 10px;
    line-height: normal;
    font-weight: 600;
}

.form-group.chk label {
    font-family: 'Myriad Pro semibold';
    font-size: 15px;
    color: #5a5a5a;
}
.d-flex{ display: flex; }

button.btn.btn-default.purple_bg.clr_fff {
    min-width: 120px;
}

div#dirct_div {
    padding-left: 2.3% !important;
}

label.direct_flight-direct {
    text-align: center;
    padding-top: 0;
    color: #000 !important;
    font-family: Inter !important;
    font-style: normal;
    font-weight: 600;
    line-height: 0;
    text-decoration: none;
    cursor: pointer;
}

.forhotelonly .plcetogo.datemark.sidebord:before{
    content: "";
    bottom: 0;
    color: #333;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: 10px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 35px;
    font-weight: 300;
    background: url(../../images/date_new.png) no-repeat;
    background-size: 22px 22px;
}

.newInfoSec {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #f1f3f2;
    position: relative;
    float: left;
    width: 100%;
}

.newInfoSec .head {
    text-align: left;
    display: flex;
    padding: 15px 0px 5px;
}

.newInfoSec .head h2 {
    font-family: 'Myriad Pro bold', sans-serif;
    font-size: 22px!important;
    margin-top: 0;
    margin-bottom: 5px;
    color: #000;
}

.newInfoSec .head hr{
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #19a698;
    width: 60%;
    float: left;
}

.newInfoSec .para {
    color: #777;text-align: justify;
}

.appInfoSec {
    background: #f1f3f2;
    position: relative;
    float: left;
    width: 100%;
    min-height: 300px;
    margin-top: 150px;
}

.appInfoSec .app_img{
    width: 100%;position: absolute;top: -190px;height: auto;
}

.pdt15{ padding-top: 15px; }

.brdr0{ border: 0!important; }

#owl-demo3 {
    margin-bottom: 40px;
}

.hotel_div_slider #owl-demo3 .item img {
    height: 65px;
    object-fit: contain;
    width: auto;
}

.nat .select2-container--default .select2-selection--single {
        border: none!important;
    box-shadow: 0 0 0px 0px #e1e1e1!important;
    height: 52px!important;
    
    border-radius: 0;
    background: none !important;
}

.nat .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 40px;
    font-size: 15px;
}

.nat .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 52px!important;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}


#visa_search .select2-container--default .select2-selection--single {
        /*display: flex;*/
    height: 50px !important;
    /*padding: 12px 10px !important;*/
    justify-content: center;
    align-items: center;
    gap: 0;
    align-self: stretch;
    border-radius: 7px !important;
    border: 1px solid var(--color-greyscale-20, #CCC) !important;
    background: var(--color-contrast-light, #FFF) !important;
}
#visa_search label {
    color: var(--color-text-light-label, #2A2A2A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px !important;
    padding-left: 3px !important;
        width: 100%;
    float: left;
}

#visa_search input {
    display: flex;
    height: 44px;
    padding: 0px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px !important;
    border: none !important;
    background: var(--color-contrast-light, #FFF) !important;
}



#visa_search .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    font-size: 15px;
}

#visa_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px!important;font-weight: 500;
}

#visa_search .select2-container--default .select2-selection--single .select2-selection__arrow b:after { top: 15px; }

.select2-results__option:nth-child(odd) {
    background: #f5f5f5;
}


.htl_mod_box .nat .select2-container--default .select2-selection--single {
    border: 0px solid #ccc!important;
}

#modify .nat .select2-container--default .select2-selection--single {
    border: 0px solid #ccc!important;
}

.htl_mod_box #hotel_search .totlall {
    border-right: 1px solid #ccc;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0!important;
}

/*.htl_mod_box .forhotelonly{ 
    background: #e8f4f3;
    box-shadow: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    width: 97.6%;
}

.htl_mod_box .splmodify .tabspl.forhotelonly {
    margin-bottom: 0;
}

.htl_mod_box .splmodify .tabspl {
    padding: 15px 0px 15px 15px;
}

.htl_mod_box .forhotelonly .out-div {
    margin-bottom: 0px;
}

.htl_mod_box .tabspl.forhotelonly {
    margin-top: 10px;
}

.htl_mod_box .tabspl.forhotelonly {
    margin-top: 12px;
}

.htl_mod_box .araeinner {
    padding: 0 12px 12px 12px;
}

.htl_mod_box .modify_s {  width: 100%; }*/

.htl_mod_box .modfictions {
    background:none;
    padding:0px;
}


   .htl_mod_box .modify_s {
    width: 100%;
    background: none;
    box-shadow: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    margin-top: 0;
}


#hotel_search .tabspl { width: 90%; }


footer font {
    border-top: 1px solid #ffffff3d;
    font-family: 'Inter';
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    margin-top: 25px;
    padding-bottom: 15px;
}

.out-div-a{
        background: #fff;
    border-radius: 6px;
    margin-top: 10px;
}

.brdr_mobile_repons {
    border-right: 1px solid #000;
}
.go_section_xx{    padding: 5px 0px !important;
}

.main_star_htl_mobiles{margin-top: 10px; padding: 0px;}