body > .container{ padding-top: 0; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}.container{/* padding-right: 15px !important; padding-left: 15px !important;*/ padding:0; margin-right: auto !important; margin-left: auto !important;}#menu ul{ background-color: #fff !important;}#menu ul li{ margin: 5px 3px !important; height: 32px !important}#menu ul li a{ padding: 5px 15px !important}#header {width: 100% !important; position: relative; padding: 22px 20px 0 20px !important; /*margin-bottom: 60px !important;*/}#banner {margin: 0px; clear: both}#banner .slick-dotted.slick-slider{ margin-bottom: 0 !important;}#banner .slick-arrow{ width: 30px; height: 30px; background-color: #000; color: #fff; opacity: .3; z-index: 1;}#banner .slick-arrow:hover{ opacity: .66}#banner .slick-prev{ left: 1%;}#banner .slick-next{ right: 1%;}#banner .slick-dots{ display: inline-block; width: auto; position: absolute; top: 5px; left: 5px;}#banner .slick-dots button::before{ color: #fff; font-size: 9px; opacity: .77}#banner .slick-dots .slick-active button::before{ color: #009eff; opacity: 1}#banner .slick-dots :hover button::before{ color: #ff7304; opacity: 1}#header #banner + nav.blue-ribbon{ background-color: #56bad6; width: initial; min-height: 78px; position: absolute; bottom: -113px; right: 0; left: 0; margin: 35px; box-shadow: 0 3px 6px #00000042; padding: 0 15px}#header nav.nav-xs{ height:auto !important;}#header #banner + nav.blue-ribbon::before,#header #banner + nav.blue-ribbon::after{ content: ' '; background-color: #1d758d; width: 48px; height: 48px; display: inline-block; position: absolute; top: -14px; z-index: -1;}#header #banner + nav.blue-ribbon::before{ transform: skewY(-30deg); left: 0}#header #banner + nav.blue-ribbon::after{ transform: skewY(30deg); right: 0}#header #banner + nav.blue-ribbon img.img-sm{ margin-top: 8px}nav.nav-grid{ height: 50px;}nav.nav-grid #menu{ white-space: nowrap; padding: 5px 28px;}#container-recom #recom{ background-image: none !important; padding: 0 25px !important}#container-recom #recom > h1{ text-indent: 110px;}#container-recom #recom .recom-stage{ border-image: url('/th/images/bg-recom-box.png') round; border-image-slice: 0 fill; width: 100%; min-height: 500px; padding: 70px 100px;}#container-recom #recom .recom-stage::before, #container-recom #recom .recom-stage::after{ content: " "; display: block; position: absolute; z-index: -1;}#container-recom #recom .recom-stage::before{ background-image: url('/th/images/recom-decor-l.png'); width: 154px; height: 232px; left: -32px; top: -43px;}#container-recom #recom .recom-stage::after{ background-image: url('/th/images/recom-decor-r.png'); width: 254px; height: 59px; right: 10px; top: 7px;}#container-recom #recom .recom-stage .box{ padding: 5px; background-color: #fff; height: 335px !important; overflow-y: hidden;width: 170px;display:block;float:left;}#review{ width: auto !important; margin-left: 0 !important; min-height: 320px !important; margin-top: 20px !important;}#review .tape{ height: 60px !important;}#review a:hover{ text-decoration: none;}div.ban-full{ width: 100%; position: absolute; bottom: 100px; z-index: 5; text-align: center; font-size: 70px; color: #000; text-shadow: 0px 3px 6px #fff; vertical-align: middle; top: 50%; margin-top: -36px; line-height: 72px;}.fb-box-wrapper { padding: 15px; border: 1px solid #eee; background-color: #fff; overflow: hidden;}.box-content-1{ min-height: 800px; background-color: #eee; border-radius: 8px; box-shadow: 3px 3px 15px 1px #332222;}.bg-tour-top{margin-top: 60px;}/*.bg-tour-top::before{ content: ' '; background-image: url('/th/images/bg_tour_top_cropped.png'); background-position: center top; background-repeat: no-repeat; width: calc(100% - 30px); height: 120px; position: absolute; top: -60px; display: block;}*/.program-tour-leftbar-title{ max-width: 178px !important; text-align: center; margin: 20px auto 10px;}.form-inline-padr label:not(:last-child){margin-right: 10px}.packages-stage > li{margin-bottom: 20px;}.packages-stage .item .box-radius{ width: auto !important; height: inherit !important;}/* .packages-stage .item .bggrey b{ line-height: 14px; display: block; height: 14px; overflow: hidden; text-overflow: ellipsis;} */.packages-stage .item #airline{ height: 30px !important; /*max-height:43px;*/ text-align:center; margin-bottom:6px;}.packages-stage .item #airline > img{ max-height:28px; width: auto !important;}.packages-stage .item #price{ height: 30px !important; padding-right:8px;}.packages-stage .item .box-radius #poster{ width: 100% !important; height: calc(width * 1.0) !important;}.packages-stage .item .row.button-row > *[class^='col-']{ padding-left: 5px; padding-right: 5px; margin-bottom: 5px;}.packages-stage .item .button, .packages-stage .item .button-red, .packages-stage .item .button-green, .packages-stage .item .button-blue{ display:block; width: 100%; padding:2px 6px; text-align: center;}#wf-stage{ background-image: url('/th/images/wood_planks_bg.jpg'); background-repeat: repeat; background-position: left top; border-radius: 8px; display: block; width: 100%; min-height: 250px; padding: 10px 20px; box-shadow: 0 12px 60px rgba(0,0,0,.53); margin-top: 35px;}#wf-stage::before, #wf-stage::after{ content: ' '; display: block; position: absolute; background-position: center; background-repeat: no-repeat;}#wf-stage::before{ top: 30px; right: -25px; background-image: url('/th/images/wf_sun_decor.png'); width: 142px; height: 140px;}#wf-stage::after{ bottom: -10px; right: 4px; background-image: url('/th/images/wf_drinks_decor.png'); width: 65px; height: 72px;}#forex-stage{ border-image: url('/th/images/bg-recom-box.png') round; border-image-slice: 0 fill; width: 100%; min-height: 200px; padding: 40px;}#forex-stage::after{ content: ' '; display: block; width: 108px; height: 68px; position: absolute; top: 26px; right: 42px; background-image: url('/th/images/money_decor.png'); background-position: center; background-repeat: no-repeat;}/*trip page*/.trip-heading{ position: absolute; z-index: 1;}.cities-nav{ text-align: center; display: block; list-style: none; padding-inline-start: 0px;}.cities-nav > li{ display: inline-block; font-size: 20px; color: #05b2df; text-decoration: none; padding: 0 4px 10px 4px; font-family: thaisans_neueultra_bold; font-weight: 400; position: relative;}.cities-nav > li:not(:last-child)::after{/* content: "|"; color: #431909; right: -5px;*/ display: inline-block; position: absolute;}/* trip detail page */.trip-detail{ padding: 30px 15px;}/* trip book */form.book-form label:not(.ordinary-font){ font-family: thaisans_neueultra_bold;}form.book-form label.brown{ font-size: 24px; margin-bottom: 8px;}/* tickety */.tickety-stage .row.fix-row-margin{ margin-left: 0 !important; margin-right: 0 !important; padding-left: 15px; padding-right: 15px;}.tickety-stage .box-grey-1, .tickety-stage .box-grey-2{ background-color: #ddd; color: black; border-radius: 12px; padding: 20px; box-shadow: 3px 3px 15px 1px #332222; min-height: 20px; width: 100%;}.tickety-stage .box-grey-2{padding: 30px}footer{ clear: both; margin: auto; position: relative; width: 100%; height: auto; min-height: 40px; color: #ffffff; background-color: #54332a; font-size: 1.2em; font-family: thaisans_neuebold; line-height: 24px;}footer a, footer a:hover,footer a:visited{ color: #fff;}footer>.container>.row{display: flex;}footer .footer-pt1, footer .footer-pt2, footer .footer-pt3{ align-items: stretch;}footer .footer-pt1, footer .footer-pt2{ border-right: 2px solid #fff; min-height: 300px;}footer .the-button{ background: #fa060a; background: -moz-linear-gradient(top, #ff7b7a 0%, #fa060a 10%, #c50300 80%, #620101 100%); background: -webkit-linear-gradient(top, #ff7b7a 0%,#fa060a 10%,#c50300 80%,#620101 100%); background: linear-gradient(to bottom,#ff7b7a 0%, #fa060a 10%,#c50300 80%,#620101 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa060a', endColorstr='#620101',GradientType=0 ); font-size: 28px; text-align: center; color: #fff; text-shadow: 0 -2px 0 rgba(0,0,0,.33); text-decoration: none !important; padding: 10px 6px; width: 100%; display: block; border-radius: 6px; margin: 10px 0;}footer .about img.logo{ margin-top: -27px;}footer .about h2{text-transform: uppercase; font-size: 28px; margin-top: 0px;}footer .about p.b{font-weight:bold;font-size:25px}footer .about address{font-size:22px}footer .contact1 img.sm-logo{ width: 50px; height: 50px;}footer .contact1 img.sm-logo:not(:last-child){ margin-right: 5px; margin-bottom: 5px;}footer .contact1 h2{font-size: 36px;}footer .contact1 h2>small{ color: #fff; font-size: 32px;}footer .contact1 p a, footer .text-md, footer .text-md-{ font-size: 1.4em !important; font-weight: bolder !important; text-decoration: none !important;}footer .text-lg, footer .text-lg-{ font-size: 38px !important; font-weight: bolder !important; text-decoration: none !important;}footer .text-sm, footer .text-sm-{ font-size: 19px !important;}footer .hl, footer .contact1 h2{ color: #fffa12 !important;}footer .contact1 p a > small{ font-size: 19px;}footer .line-text{ color: #12f305; font-weight: bolder;}footer .contact1 .tel-text{ color: #fbf415; font-weight: bolder;}footer .contact2 { padding-left: 40px; }footer .contact2 h4{ font-size:28px; font-weight: bolder; text-decoration: underline;}footer .contact2 p.b{font-size:28px; font-weight: bold;}footer .contact2 ul{list-style: none;padding-left: 17px}footer .contact2 ul li{position: relative; font-size: 26px}footer .contact2 ul li:before{ position: absolute; top: 0; margin: 0 -16px; vertical-align: middle; display: inline-block; width: 4px; height: 4px; color: #fff; content: "•";}footer .contact2 p strong{font-size:1.1em; font-weight: bold;}footer .contact2 p{font-size:19px}#calendar{width: 100% !important; /*margin-bottom: 20px !important*/}#calendar ul.dates li, #calendar ul.label li.title{width: 14% !important}#calendar ul.label li.title{color: #444}#table-book tr.active td{background-color: #f1f1f1}#table-book tr:not(.active) td{background-color: #fff}#vdo{ float: none !important; margin-right: 0 !important;}.btn.btn-font-a{ font-family: thaisans_neueultra_bold;}.btn.btn-info{ background-color:#3ba6c3;}.btn.btn-warning{ color: #fff; background-color: #df7401; border-color: #ca6900;}.btn.btn-fb{ color: #fff; background-color: #47649e;}.btn.btn-line{ color: #fff; background-color: #4d9c21;}.btn.btn-yellow{ color: #222; background-color: #fff200;}.btn.btn-style-1{ font-size: 1.5em !important;/* line-height: 48px !important;*/ border-radius: 8px; box-shadow: 2px 2px 6px rgba(0,0,0,.42); white-space: normal;}.btn.btn-style-2{ font-size: 1.2em !important; line-height: 44px !important; border-radius: 8px; box-shadow: 2px 2px 6px rgba(0,0,0,.42);}.btn.btn-style-3{ font-size: 1.7em !important;/* line-height: 50px !important;*/ border-radius: 8px; box-shadow: 2px 2px 6px rgba(0,0,0,.42); white-space: normal;}.btn.btn-style-4{ font-size: 1.2em !important; line-height: 22px !important; border-radius: 5px; box-shadow: 2px 2px 6px rgba(0,0,0,.42);}.btn.btn-style-5{ font-size: 1.2em !important; line-height: 30px !important; border-radius: 6px; box-shadow: 2px 2px 6px rgba(0,0,0,.42);}.btn.btn-style-grad{ font-size: 1.2em !important; line-height: 22px !important; border-radius: 5px; box-shadow: 2px 2px 6px rgba(0,0,0,.42);background: #fa060a;background: -moz-linear-gradient(top, #ff7b7a 0%, #fa060a 10%, #c50300 80%, #620101 100%); background: -webkit-linear-gradient(top, #ff7b7a 0%,#fa060a 10%,#c50300 80%,#620101 100%);background: linear-gradient(to bottom,#ff7b7a 0%,  #fa060a 10%,#c50300 80%,#620101 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa060a', endColorstr='#620101',GradientType=0 );}.buttons-row .btn{ margin-bottom: 10px}.white-border-text{ text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white,-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white, -2px -2px white, 2px 2px white, 2px -2px white, -2px 2px white;}.white-border-text2{text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white,-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white;}.pp{padding: 80px !important;}.mt{margin-top: 40px !important;}.mb{margin-bottom: 40px !important;}.mtl{margin-top: 20px !important;}.mtll{margin-top: 10px !important;}.mbl{margin-bottom: 20px !important;}.mbll{margin-bottom: 10px !important;}.pt{padding-top: 40px !important;}.pb{padding-bottom: 40px !important;}.ptl{padding-top: 20px !important;}.ptll{padding-top: 10px !important;}.pbl{padding-bottom: 20px !important;}.pbll{padding-bottom: 10px !important;}.ml{margin-left: 40px !important;}.mr{margin-right: 40px !important;}.mll{margin-left: 20px !important;}.mlll{margin-left: 10px !important;}.mrl{margin-right: 20px !important;}.mrll{margin-right: 10px !important;}.pl{padding-left: 40px !important;}.pr{padding-right: 40px !important;}.pll{padding-left: 20px !important;}.plll{padding-left: 10px !important;}.prl{padding-right: 20px !important;}.prll{padding-right: 10px !important;}.mv-2, .mt-2{margin-top: 2px !important}.mv-3, .mt-3{margin-top: 3px !important}.mv-5, .mt-5{margin-top: 5px !important}.mv-10, .mt-10{margin-top: 10px !important}.mv-15, .mt-15{margin-top: 15px !important}.mv-20, .mt-20{margin-top: 20px !important}.mv-25, .mt-25{margin-top: 25px !important}.mv-30, .mt-30{margin-top: 30px !important}.mv-35, .mt-35{margin-top: 35px !important}.mv-40, .mt-40{margin-top: 40px !important}.mv-45, .mt-45{margin-top: 45px !important}.mv-50, .mt-50{margin-top: 50px !important}.mv-55, .mt-55{margin-top: 55px !important}.mv-60, .mt-60{margin-top: 60px !important}.mv-65, .mt-65{margin-top: 65px !important}.mv-70, .mt-70{margin-top: 70px !important}.mv-75, .mt-75{margin-top: 75px !important}.mv-80, .mt-80{margin-top: 80px !important}.mv-85, .mt-85{margin-top: 85px !important}.mv-90, .mt-90{margin-top: 90px !important}.mv-95, .mt-95{margin-top: 95px !important}.mv-100, .mt-100{margin-top: 100px !important}.mv-5, .mb-5{margin-bottom: 5px !important}.mv-10, .mb-10{margin-bottom: 10px !important}.mv-15, .mb-15{margin-bottom: 15px !important}.mv-20, .mb-20{margin-bottom: 20px !important}.mv-25, .mb-25{margin-bottom: 25px !important}.mv-30, .mb-30{margin-bottom: 30px !important}.mv-35, .mb-35{margin-bottom: 35px !important}.mv-40, .mb-40{margin-bottom: 40px !important}.mv-45, .mb-45{margin-bottom: 45px !important}.mv-50, .mb-50{margin-bottom: 50px !important}.mv-55, .mb-55{margin-bottom: 55px !important}.mv-60, .mb-60{margin-bottom: 60px !important}.mv-65, .mb-65{margin-bottom: 65px !important}.mv-70, .mb-70{margin-bottom: 70px !important}.mv-75, .mb-75{margin-bottom: 75px !important}.mv-80, .mb-80{margin-bottom: 80px !important}.mv-85, .mb-85{margin-bottom: 85px !important}.mv-90, .mb-90{margin-bottom: 90px !important}.mv-95, .mb-95{margin-bottom: 95px !important}.mv-100, .mb-100{margin-bottom: 100px !important}.mh-2, .ml-2{margin-left: 2px !important}.mh-5, .ml-5{margin-left: 5px !important}.mh-10, .ml-10{margin-left: 10px !important}.mh-15, .ml-15{margin-left: 15px !important}.mh-20, .ml-20{margin-left: 20px !important}.mh-25, .ml-25{margin-left: 25px !important}.mh-30, .ml-30{margin-left: 30px !important}.mh-35, .ml-35{margin-left: 35px !important}.mh-40, .ml-40{margin-left: 40px !important}.mh-45, .ml-45{margin-left: 45px !important}.mh-50, .ml-50{margin-left: 50px !important}.mh-55, .ml-55{margin-left: 55px !important}.mh-60, .ml-60{margin-left: 60px !important}.mh-65, .ml-65{margin-left: 65px !important}.mh-70, .ml-70{margin-left: 70px !important}.mh-75, .ml-75{margin-left: 75px !important}.mh-80, .ml-80{margin-left: 80px !important}.mh-85, .ml-85{margin-left: 85px !important}.mh-90, .ml-90{margin-left: 90px !important}.mh-95, .ml-95{margin-left: 95px !important}.mh-100, .ml-100{margin-left: 100px !important}.mh-5, .mr-5{margin-right: 5px !important}.mh-10, .mr-10{margin-right: 10px !important}.mh-15, .mr-15{margin-right: 15px !important}.mh-20, .mr-20{margin-right: 20px !important}.mh-25, .mr-25{margin-right: 25px !important}.mh-30, .mr-30{margin-right: 30px !important}.mh-35, .mr-35{margin-right: 35px !important}.mh-40, .mr-40{margin-right: 40px !important}.mh-45, .mr-45{margin-right: 45px !important}.mh-50, .mr-50{margin-right: 50px !important}.mh-55, .mr-55{margin-right: 55px !important}.mh-60, .mr-60{margin-right: 60px !important}.mh-65, .mr-65{margin-right: 65px !important}.mh-70, .mr-70{margin-right: 70px !important}.mh-75, .mr-75{margin-right: 75px !important}.mh-80, .mr-80{margin-right: 80px !important}.mh-85, .mr-85{margin-right: 85px !important}.mh-90, .mr-90{margin-right: 90px !important}.mh-95, .mr-95{margin-right: 95px !important}.mh-100, .mr-100{margin-right: 100px !important}.mnh-10{min-height: 10px !important}.mnh-20{min-height: 20px !important}.mnh-30{min-height: 30px !important}.mnh-40{min-height: 40px !important}.mnh-50{min-height: 50px !important}.mnh-60{min-height: 60px !important}.mnh-70{min-height: 70px !important}.mnh-80{min-height: 80px !important}.mnh-90{min-height: 90px !important}.mnh-100{min-height: 100px !important}.mnh-110{min-height: 110px !important}.mnh-120{min-height: 120px !important}.mnh-130{min-height: 130px !important}.mnh-140{min-height: 140px !important}.mnh-150{min-height: 150px !important}.mnh-160{min-height: 160px !important}.mnh-170{min-height: 170px !important}.mnh-180{min-height: 180px !important}.mnh-190{min-height: 190px !important}.mnh-200{min-height: 200px !important}.mxh-10{max-height: 10px !important}.mxh-20{max-height: 20px !important}.mxh-30{max-height: 30px !important}.mxh-40{max-height: 40px !important}.mxh-50{max-height: 50px !important}.mxh-60{max-height: 60px !important}.mxh-70{max-height: 70px !important}.mxh-80{max-height: 80px !important}.mxh-90{max-height: 90px !important}.mxh-100{max-height: 100px !important}.mxh-110{max-height: 110px !important}.mxh-120{max-height: 120px !important}.mxh-130{max-height: 130px !important}.mxh-140{max-height: 140px !important}.mxh-150{max-height: 150px !important}.mxh-160{max-height: 160px !important}.mxh-170{max-height: 170px !important}.mxh-180{max-height: 180px !important}.mxh-190{max-height: 190px !important}.mxh-200{max-height: 200px !important}.row.row-mb-col > *[class^="col-lg-"]:not(:last-child),.row.row-mb-col > *[class^="col-md-"]:not(:last-child),.row.row-mb-col > *[class^="col-sm-"]:not(:last-child),.row.row-mb-col > *[class^="col-xs-"]:not(:last-child){ margin-bottom: 10px}.background-crop{ background-image: inherit; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; display: block !important; height: 100% !important; width: 100% !important;}.form-inline .form-control {width:100%;padding:2px 5px;line-height:0.9em;font-size:0.9em;}.input-border-hl{ border: 2px solid red;}/* prettify various sizes images */#container-mct #pf-0001{margin-top: 50px;}#container-mct #pf-0003{background-color: #000; padding: 29px}@media (max-width: 1199px) { body{/* background-position-x: -166px !important*/ } footer .the-button{ font-size: 21px; } footer .text-lg-{ font-size: 30px !important; } footer .text-md-{ font-size: 25px !important; } footer .text-sm-{ font-size: 17px !important; }}@media (min-width: 992px) and (max-width: 1199px) { #container-mct #pf-0001{margin-top: 43px;} #container-mct #pf-0003{padding: 65px 5px;}}@media (min-width: 767px) and (max-width: 991px) { #header{ /*margin-bottom: 100px !important*/ } #banner{ margin-bottom: 50px !important } #header #banner + nav.blue-ribbon{ min-height: 64px; bottom: -99px; } #header #banner + nav.blue-ribbon img.img-sm{ margin-top: 14px }}@media (min-width: 768px) and (max-width: 1199px) { nav.nav-grid{ height: 80px; }}@media (max-width: 767px) { #header{ /*margin-bottom: 85px !important*/ } #banner{ margin: 15px 15px 60px !important  } #header #banner + nav.blue-ribbon{ margin-left: 5px; margin-right: 5px; min-height: 160px; bottom: -194px; } #header #banner + nav.blue-ribbon img.img-sm{ margin-top: 5px; margin-bottom: 5px; } #container-recom #recom > h1 *{ font-size: 28px; text-align:center; } #container-recom #recom .recom-stage .box{ height: 335px !important; } #container-mct .row .pl { margin-left:-30px; } #container-mct .row .pr { margin-right:-30px; } .bg-tour-top{margin-top: 0} .bg-tour-top::before{/* background-image: none !important;*/ top: -120px; } nav.nav-xs{ background-color: transparent; border: 0; } nav.nav-xs .navbar-toggle, nav.nav-xs .navbar-collapse.collapsing, nav.nav-xs .navbar-collapse.collapse.in{ background-color: #f8f8f8; border-color: #e7e7e7; font-size:1.2em; } .program-tour-leftbar-title{ max-width: 100% !important; margin-bottom: 20px; } footer .footer-pt1, footer .footer-pt2, footer .footer-pt3{ border-right: 1px solid transparent; text-align: center !important } footer>.container>.row{display: block !important;} .trip-heading{ position: relative !important; } #calendar ul.dates li .price{font-size: 12px}}@media (max-width: 740px) { #banner{ margin: 15px 15px 100px !important  } }@media (max-width: 480px) { #container-recom #recom .recom-stage::before{ background-image: none !important } #container-recom #recom > h1 { text-indent: 0 !important; text-align:center; } #banner{ margin: 15px 15px 60px !important  } #header #banner + nav.blue-ribbon{ min-height: 120px; bottom: -154px; }}@media (max-width: 450px) { #container-recom #recom .recom-stage{ padding: 70px 30px !important; }}@media (max-width: 380px) { #header #banner + nav.blue-ribbon{ min-height: 100px; bottom: -134px; }}.form-group .control-label { font-size:1.7rem;} @media (min-width: 1360px) {.container{width:1270px;}} .ph-5p {padding-left:5%;padding-right:5%;} .mh-3p {margin-left:3%;margin-right:3%;} .mh-2p {margin-left:2%;margin-right:2%;} .mh-1p {margin-left:1%;margin-right:1%;} .ph-3p {padding-left:3%;padding-right:3%;} .ph-2p {padding-left:2%;padding-right:2%;} .ph-1p {padding-left:1%;padding-right:1%;}  .mv-2 {margin-left:3%;margin-right:3%;}
div.emboss{margin: 8px 0;padding: 5px;border: 3px solid #D0D0D3;border-radius: 10px;-webkit-box-shadow: inset 1px 6px 12px #F7F7F9, inset -1px -10px 5px #D7D7D8, 1px 2px 1px #8990A4;-moz-box-shadow: inset 1px 6px 12px #F7F7F9, inset -1px -10px 5px #D7D7D8, 1px 2px 1px #8990A4;box-shadow: inset 1px 6px 12px #F7F7F9, inset -1px -10px 5px #D7D7D8, 1px 2px 1px #8990A4;background-color:#E0E0E3;display:flex;align-items:center;color:black;line-height:0.8em;text-align:left;min-height:45px;} a.emboss:hover{text-decoration:none;}div.emboss img{margin:2px 5px 2px 0;border-radius:4px;}

.col-left{padding-left:0;padding-right:2px}
.col-right{padding-left:2px;padding-right:0}
@media screen and (min-width: 601px) {div.emboss {font-size: 1.3em}}
@media screen and (max-width: 600px) {div.emboss {font-size: 1em;}.col-padl{padding-left:0.8em;padding-right:0.2em;}}