*{/*margin: 0 auto; padding: 0 auto;*/ font-family: 'Poppins', sans-serif;}

body{background: #fff;}
.main-bg{background: url(../images/main-bg.jpg) fixed;}
.bg-bg{background:#eee4a769;}
.fex{margin: .4rem 1.5rem;}
.myflex{display: flex; flex-wrap: wrap; margin:0 1rem;}
.myflex div{padding: .1rem .5rem; display: inline; font-size: .8rem;  border-radius: 1rem; color:#fff; margin: .1rem .1rem;} 
.myflex div{background: #1e7ed1;}
.myflex div:nth-child(odd){background: #1546a8;}
.ctrl{clear: both;}
.mt-2{margin-top: .25rem;}
.mt-4{margin-top: .5rem;}
.best-selling {
    padding: 2px 40px 2px 10px;
    font-size: 12px;
    position: absolute;
    top: 5px;
    left: -10px;
    background: #F95555;
    color: #fff;
    transform: rotate(-25deg);
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,.2);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,.2);
}
.box-1{
    position: relative;
    overflow: hidden;
    /* background: #fff; */
    border: 1px solid #dadada;
    -webkit-box-shadow: 8px 8px 0px 0px rgba(120,120,120,.25);
-moz-box-shadow: 8px 8px 0px 0px rgba(120,120,120,.25);
box-shadow: 8px 8px 0px 0px rgba(120,120,120,.25);
}
/* == NAV == */

.title-01{font-size: 18px; text-align: center; color: #666666; padding: 0 4px; letter-spacing: 1px;}

.navbar-toggler{color: #666666; border-color: rgba(0,0,0,.1); margin: 0 0 10px 0; padding: 2px 8px;}

/* .menu-area{background: #fcfcfc;} */

.dropdown-menu{font-size: 14px !important; padding:0; margin:0; border:0 solid transition!important; 

    border:0 solid rgba(0,0,0,.15); border-radius:0; -webkit-box-shadow:none!important; box-shadow:none!important}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{ color:#666666; font-size:16px; 

    text-transform: capitalize; text-transform:capitalize; padding:4px 16px; display: block !important;}

.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{ color: #dd4848;  text-decoration: none; outline: 0;}

/*==========Sub Menu=v==========*/

.dropdown ul{border-radius: 0 0 8px 8px; margin-top: 0px; border-top: 0; border-left: 1px solid #e7e7e7; border-bottom: 4px solid #e7e7e7; border-right: 1px solid #e7e7e7;}

.dropdown ul li a{font-size: 14px;}

.mainmenu .collapse ul > li:hover > a{ color: #666666;}

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #d3d3d3;}

.mainmenu .collapse ul ul ul > li:hover > a{background: #d3d3d3;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{font-size: 12px !importa;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu a:hover{color: #dd4848;}

/******************************Drop-down menu work on hover**********************************/

.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
.nav-float{float: right; margin:4px 0 0 0;}
@media only screen and (min-width: 600px) {
    .nav-left{float: left;}
}

@media only screen and (min-width: 767px) {

.mainmenu .collapse ul li:hover> ul{display:block}

.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:340px;display:none}

/*******/

.mainmenu .collapse ul ul li{position:relative}

.mainmenu .collapse ul ul li:hover> ul{display:block}

.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:400px;display:none}

}

@media only screen and (max-width: 767px) {

.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}

.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}

}

/* == END OF NAV == */

.color01{color: #666666 !important;}

.color02{color: #0275d8;}

.color03{color: #2fc6cf;}

.menu-link{color: #666666 !important;} .menu-link:hover{color: #dd4848 !important;}

.top-social-box{margin: 0; padding: 0px 10px; background: rgba(0, 0, 0, .45);}

.top-nav{}

.top-nav ul{list-style-type: none; margin: 0; padding: 0; overflow: hidden;}

.top-nav ul li{float: left;}

.top-nav ul li a{display: inline-block; color: #fff; font-size: 12px; margin: 2px 10px;}

.top-nav ul li a:hover{text-decoration: none; color: #fff;}



.point{cursor: pointer; font-size: 14px;}

.box-border{border: 2px solid #e6437b;}

.btn-details{color: #ffffff; background-color: #212529; border-radius: 0; height: 28px; font-size: 16px; padding: 2px 20px;}

.btn-details:hover{color: #e6e2e7;}

.cab-border{border: 1px solid #f4f5f6 !important;}

.pkg-box{

    background: #fff; border-radius: 1rem; position: relative; -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.04); -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.04); box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.04);}

.pkg-box:hover{

    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1); box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);}

.pkg-box img{width: 100% !important; height: auto;}

.pkg-title a{color: #0a71ca;}

.pkg-title a:hover{text-decoration: none;}

.pkg-title{color: #3693e3; cursor: pointer; font-size: 18px;}

.pkg-title:hover{text-decoration: none;}

.pkg-details p{color: #313131; font-size: 12px !important; margin: 0; padding: 0;}

.pkg-details p i{color: #313131; font-size: 12px !important; margin: 0 4px 0 0; padding: 0;}

.pkg-price p{color: #666666; font-size: 12px !important; margin: 2px 0 0 0; padding: 0;}

.pkg-price p i{color: #888888; font-size: 13px !important; margin: 0 4px 0 0; padding: 0;}

.pkg-cost{color: #212121 !important; font-weight: 500; letter-spacing: 1px;}

.pkg-include p i{color: #888888; font-size: 10px !important; margin: 0 10px 0 0; padding: 0;}

.booki{padding:2px 20px; margin:1rem 0; display: inline-block; background:#dd4848; color:#ffffff !important; border-radius: 1rem; margin: 0 1rem; cursor: pointer;}

.query-btn{}

/* .query-btn button{font-weight: 600; color: #dd4848; background-color: blue; border: none; margin: 8px; padding: 4px 10px;} */

/* .query-btn button:hover{text-decoration: none; transition: all 0.3s ease-in-out;} */


hr.pkg-hr-details{margin: 4px 0 12px 0; position: relative;}

hr.pkg-hr-details::after{position: absolute; left: 0%; top: -8px; color: #666666; text-transform: uppercase; letter-spacing: 2px; padding: 0 10px; font-size: 10px; text-align: center; content: "Details"; background: #ffffff;}

hr.pkg-hr{margin: 16px 0; position: relative;}

hr.pkg-hr::after{position: absolute; left: 32%; top: -8px; color: #666666; text-transform: uppercase; letter-spacing: 2px; padding: 0 10px; font-size: 10px; content: "Price List"; background: #ffffff;}

hr.pkg-hr-include{margin: 14px 0 6px 0; position: relative;}

hr.pkg-hr-include::after{position: absolute; left: 31%; top: -8px; color: #666666; text-transform: uppercase; letter-spacing: 2px; padding: 0 10px; font-size: 10px; text-align: center; content: "Inclusions"; background: #ffffff;}

.query-btn{}

/* .query-btn button{font-weight: 600; color: #dd4848; text-decoration: underline; border: none; background: transparent; text-align: left; margin: 5px 0; padding: 0; cursor: pointer;} */

/* .query-btn button:hover{text-decoration: none; transition: all 0.3s ease-in-out;} */

.special-box{padding: 0; background: url(../images/main-bg.jpg) fixed;}

/* #### FORM #### */

.top-form-box{margin: 0; padding: 6px 10px; background-color: rgba(255, 255, 255, .98); border-radius: 4px;}

.new-form-box{position: relative; margin: 6px; padding: 6px 0 4px 0;}

.new-form-box input{position: relative; font-size: 14px; width: 100%; border-radius: 2px; border: 1px solid #e7e7e7; padding: 6px 14px 6px 32px; outline: none; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important;transition: all .3s ease-out !important;}

.new-form-box input:focus{border: 1px solid #d0d0d0; outline: none;}

.new-form-box select{position: relative; font-size: 14px; width: 100%; border-radius: 2px; border: 1px solid #e7e7e7; padding: 6px 14px 6px 32px; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.custom-select{position: relative; display: block; max-width: 400px; min-width: 180px; margin: 0 auto; border: 1px solid #e7e7e7; background-color: #fff; z-index: 10;}

.custom-select select{position: relative; border: none; outline: none; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; margin: 0; display: block; width: 100%; padding: 0px 14px 0px 20px; font-size: 14px; color: #666666;}

.custom-select:after{position: absolute; right: 0; top: 0; width: 30px; height: 100%; content: '\25BC'; text-align: center; color: #666666; font-size: 14px; padding: 8px 0; border-left: 1px solid #e7e7e7; z-index: -1;}

.new-form-box textarea{font-size: 14px; border: 1px solid #e7e7e7; padding: 6px 14px 6px 32px; width: 100%; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important; outline: none;}

.new-form-box textarea:focus{border: 1px solid #d0d0d0; outline: none;}

.new-form-box i{position: absolute; top: 16px; left: 10px; color: #666666; z-index: 11;}

.big-btn{width: 100%; color: #ffffff; background: #666666; padding: 4px 20px; border: none; border-radius: 2px; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.big-btn:hover{background: #454545;}

/* #### end of FORM #### */

.counter{padding: 20px 0; text-align: center;}

.count-title{font-size: 28px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center;}

.count-text{color: #666666; font-size: 14px; font-weight: normal; margin-top: 4px; margin-bottom: 0; text-align: center;}

.fa-2x{margin: 0 auto; float: none; display: table; color: #302f37;}

/* #### section #### */

.sec-small{font-size: 12px; font-weight: 200; color: #555555; margin: 5px 0 5px 0;}

.sec-btn01{border-radius: 2px; margin-top: 20px; padding: 2px 16px; font-size: 14px; color: #fff; background: #aaaaaa; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.sec-btn01:hover{color: #fff; background: #666666; text-decoration: none;}

.sec-btn02{border-radius: 4px; margin-top: 20px; padding: 2px 16px; font-size: 14px; color: #666666; border: 1px solid #aaaaaa; background: none; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.sec-btn02:hover{letter-spacing: 1px; color: #fff; background: #666666; text-decoration: none;}

/* #### Newsletter #### */

.newsletter{background: url(../images/newsletter-bg.jpg) fixed;}

.newsletter-box h3{margin-top: 10px; font-size: 34px; letter-spacing: 2px !important; text-transform: uppercase;}

.newsletter-box p{margin: 4px; font-size: 14px; letter-spacing: 1px; color: #f0f0f0; }

.newsletter-box form input{margin: 4px; padding: 4px 10px; border: 1px solid #d0dae3; color: #fff; border-radius: 2px; background: 000; outline: none; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.newsletter-box form input:focus{border: 1px solid #daeeff; outline: none;}

.newsletter-btn{color: #25a0a7; background: #ebebeb; padding: 2px 20px; border-radius: 2px; border: none; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.newsletter-btn :hover{color: #666; background: #ffffff;}

/* #### Advertisement #### */

.adv-bg{background: url('../images/footer-pattern.jpg') fixed;}

.adv-offer{text-align: center; padding: 20px 0 20px 0;}

.adv-offer i{color: #666666; font-size: 12px; margin: 0; padding: 0;}

.adv-line-01{margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #666666; letter-spacing: 1px;}

.adv-line-02{position: relative; margin: 0; padding: 2px 8px; font-size: 20px; color: #333333; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

.adv-line-03{margin: 0; font-size: 12px; color: #666666;}

.adv-line-04{margin: 0; font-size: 20px; color: #484848; letter-spacing: 1px; border-radius: 2px;}

.adv-btn{margin: 4px 0 0 0; padding: 2px 20px; background: #666666; color: #ffffff; border-radius: 2px; font-size: 14px;}

.adv-btn:hover{color: #ffffff; background: #26b0b9; text-decoration: none;}

/* #### footer #### */

.footer-tags p{font-size: 16px; margin: 0; padding: 4px 8px 4px 0;}

.footer-tags a{margin: 0; padding: 0px 8px 0 0; color: #666666; font-size: 12px;}

.footer-tags a:hover{text-decoration: none; color: #3e3e3e;}

/* .footer{background: #ffffff;} */

.footer-title{text-transform: uppercase; letter-spacing: 1px; margin-top: 20px; margin-left: 4px; color: #4b4b4b; position: relative;}

.footer-title::after{position: absolute; left: 0; top: 28px; height: 2px; width: 40px; content: ""; background: #b1b1b1; transition: all 0.3s ease-in-out;}

.footer-nav-box{padding: 0; margin: 14px 0 0 0;}

.footer-nav-box li{font-size: 14px; margin: 0; padding: 4px 0 0 2px; list-style-type: none;}

.footer-nav-box li a{font-size: 14px; color: #666666;}

.footer-nav-box li a:hover{color: #444444; text-decoration: none;}

/* #### footer down #### */

.footer-down{background: #555555; padding: 20px;}

.footer-link{color: #fff; padding: 4px 10px; font-size: 14px;}

.footer-link:hover{color: #26b0b9; text-decoration: none;}

.footer-right-line{font-size: 14px; color: #fff;}

/* #### Tours #### */

.breadcrumb-list{list-style: none; padding: 0; margin: 0;}

.breadcrumb-list li{font-size: 12px; display: inline-block;}

.breadcrumb-list li::after{content: "/"; color: #666;}

.breadcrumb-list li a{color: #707070;}

.breadcrumb-list li a:hover{color: #2c2c2c; text-decoration: none;}

.tourpackage-filter-button::after{content:"-"; color: #666;}

.tourpackage-filter-button:focus::after{content:"+"; color: #000;}

.tourpackage-filter-button:hover{text-decoration: none;}

/* tours header */

.tours-header{background: url(../images/carousel-new01.jpg); padding: 20px;}

.tours-title{color: #767676;}

.query-btn1{margin: 8px 0 8px 0; text-align: center;}

.query-btn1 button{color: #dd4848; letter-spacing: 1px; font-weight: 600; border: none; background: none; outline: none; cursor: zoom-in;}

.query-btn1 button:hover{text-decoration: none; transition: all 0.3s ease-in-out;}

.query-btn1 button::before{position: absolute; right: 80%; bottom: 18px; height: 2px; width: 20px; content: ""; background: #ea7272; transition: all 0.3s ease-in-out;}

.query-btn1 button:hover::before{position: absolute; right: 80%; bottom: 18px; height: 2px; width: 40px; content: ""; background: #ea7272; transition: all 0.3s ease-in-out;}

.query-btn1 button::after{position: absolute; left: 80%; bottom: 18px; height: 2px; width: 20px; content: ""; background: #ea7272; transition: all 0.3s ease-in-out;}

.query-btn1 button:hover::after{position: absolute; left: 80%; bottom: 18px; height: 2px; width: 40px; content: ""; background: #ea7272; transition: all 0.3s ease-in-out;}

/*######## FILTER #######*/

.tour-search{margin: 20px 0;}

.tour-search input{font-size: 14px; width: 100%; border-radius: 2px; border: 1px solid #e7e7e7; padding: 6px 14px; outline: none; position: relative;}

.tour-search i{position: absolute; color: #808080; right: 30px; top: 30px; font-size: 14px;}

.adv-line-main{position: relative; margin: 0; padding: 2px 8px; font-size: 18px; color: #666666; text-transform: uppercase; letter-spacing: 1px;}

.adv-line-main::after{position: absolute; left: 4px; bottom: -2px; height: 2px; width: 80px; content: ""; background: #a29f9f;}

.filter a:hover{text-decoration: none;}

.filter-link{margin: 6px 0 6px 0;}

.filter-link a{color: #666666; position: relative; padding-left: 28px; margin: 0; font-size: 14px;}

.filter-link a::after{position: absolute; top: 0; left: 0; content: ""; height: 20px; width: 20px; background-color: #e5e5e5; border-radius: 50%;}

.filter-link a:hover{color: #363636;}

.filter-link a:hover::after{position: absolute; top: 0; left: 0; content: ""; height: 20px; width: 20px; background-color: #666666; border-radius: 50%;}

.filter-link-active{margin: 6px 0 6px 0;}

.filter-link-active a{color: #666666; position: relative; padding-left: 28px; font-size: 14px;}

.filter-link-active a::after{position: absolute; top: 0; left: 0; content: ""; height: 20px; width: 20px; background-color: #666666; border-radius: 50%;}

.filter-link-active-01{position: absolute; left: 8px; top: 4px; width: 5px; height: 11px; border: solid #ffffff; border-width: 0 2.5px 2.5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 9999;}

/* ## SIDE FORM ## */

.new-form-box01{position: relative; margin: 4px; padding: 4px 0 4px 0;}

.new-form-box01 input{font-size: 14px; width: 100%; background-color: transparent; border-radius: 2px; border-left: 1px solid rgba(175, 175, 175, 0.5); border-right: 1px solid rgba(175, 175, 175, 0.5); border-top: 1px solid rgba(175, 175, 175, 0.5); border-bottom: 1px solid rgba(175, 175, 175, 0.5); padding: 6px 14px 6px 32px; outline: none; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.new-form-box01 input:focus{border-left: 1px solid #666666; outline: none;}

.new-form-box01 textarea{font-size: 14px; border: 1px solid #e7e7e7; padding: 6px 14px 6px 32px; width: 100%; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important; outline: none;}

.new-form-box01 textarea:focus{border: 1px solid #d0d0d0; outline: none;}

.new-form-box01 i{position: absolute; top: 14px; left: 10px; color: #666666; z-index: 11;}

/* ITINEARARY */

.iti-btn{margin-top: 10px !important; padding: 2px 10px; color: #fff; font-size: 14px; background-color: #9b9b9b; border-radius: 2px; border: none; cursor: pointer; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important;}

.iti-btn:hover{outline: none; color: #fff; background-color: #777; text-decoration: none;}

.iti{}

.iti-title{position: relative; background-color: #ffffff !important;}

.iti-title::after{position: absolute; top: 14px; left: 180px; height: 1px; width: 40px; content: ""; background: #d0d0d0;}

.iti-box{margin-top: 10px !important; background-color: #f7f7f7; border-radius: 2px; padding: 10px;}

.iti-day{position: relative; color: #4a4a4a; font-size: 16px;}

.iti-day::after{position: absolute; left: 0; top: 26px; height: 1px; width: 100%; content: ""; background: #e6e6e6;}

.iti-day i{color: #606060; font-size: 14px; margin: 0 5px 0 2px;}

.iti-day-title{color: #363636; font-size: 16px; letter-spacing: .5px; margin: 8px 0 0 0;}

.iti-day-title i{margin: 0 7px 0 4px; color: #adadad;}

.iti-text{margin: 4px 0 0 0; color: #555555; font-size: 14px; line-height: 1.6; letter-spacing: .3px;}

/*-- TOUR PACKAGES PAGES --*/

.tour-iti{margin: 0; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px 4px 4px 4px;}

.tour-day-top1{color: #fff; border-bottom: 1px solid #808080; background-color: #808080; padding: 0px 10px; border-radius: 4px 4px 0 0; font-size: 16px;}

.tour-day-top{font-size: 13px; color: #fff; border-top: 1px solid #a0a0a0; border-bottom: 2px solid #a0a0a0; background-color: #a0a0a0; padding: 0px 10px; margin: 0; border-radius: 4px 4px 0 0;}

.tour-day-top2{color: #fff; border-bottom: 1px solid #dd4848; background-color: #dd4848; padding: 0px 10px; border-radius: 4px 4px 0 0;}

.tour-day-top3{color: #fff; border-bottom: 1px solid #2796d1; background-color: #2796d1; padding: 0px 10px; border-radius: 4px 4px 0 0;}

.tour-day{background: #ffffff; color: #666666; border-radius: 0 4px 4px 4px; padding: 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.15); font-size: 14px; line-height: 1.6;}

.filters-bg{background-color:#e6e2e7; border: 1px solid #cecece; border-radius: 4px;}

.pkg-filter-drop-btn{color: #212121; text-align: left !important; background-color: transparent; z-index: 99999; padding-top: 6px 2px;}

.pkg-filter-drop-btn a:active{color: #e6437b;}





.call1{border-radius: 8px; background-color: #2ebe2e; color: #FFFFFF; font-size: 1em; margin: 2px 5px; padding: 2px 6px;}

.call1:hover{text-decoration: none; color: #000;}

.call2{border-radius: 8px; background-color: #a5a50c; color: #FFFFFF; font-size: 1em; margin: 2px 5px; padding: 2px 6px;}

.call2:hover{text-decoration: none; color: #000;}

.call3{border-radius: 8px; background-color: #1ebea5; color: #FFFFFF; font-size: 1em; margin: 2px 5px; padding: 2px 6px;}

.call3:hover{text-decoration: none; color: #000;}

.tour-box{border: 1px solid rgba(0,0,0,.125); border-radius: 8px; box-shadow: 0 10px 20px rgba(211,211,211,.6), 0 3px 3px rgba(211,211,211,.6);}



.contact-box{position: fixed; top: 40%; z-index: 9999; background: #f7f7f7; border: 1px solid #b7b7b7; border-left: 0; border-radius: 0 8px 8px 0; padding: 2px;}

.w{display: block; margin: 4px; font-size: .8em;}



.box01 .title{background: #3693e3; color: #fff; padding: 4px 10px;}

* {

	box-sizing: border-box;

  }

  .new-row {

	display: -ms-flexbox; /* IE10 */

	display: flex;

	-ms-flex-wrap: wrap; /* IE10 */

	flex-wrap: wrap;

	padding: 0 4px;

  }

  .column {

	-ms-flex: 25%; /* IE10 */

	flex: 25%;

	max-width: 25%;

	padding: 0 4px;

  }

  

  .column img {

	margin-top: 8px;

	vertical-align: middle;

	width: 100%;

  }

  

  /* Responsive layout - makes a two column-layout instead of four columns */

  @media screen and (max-width: 800px) {

	.column {

	  -ms-flex: 50%;

	  flex: 50%;

	  max-width: 50%;

	}

  }

  

  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

  @media screen and (max-width: 600px) {

	.column {

	  -ms-flex: 100%;

	  flex: 100%;

	  max-width: 100%;

	}

  }