/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px \9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.form-group-sm .form-control{height:30px;line-height:30px}select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:5px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.form-group-lg .form-control{height:46px;line-height:46px}select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:10px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px)and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px)and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px)and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px)and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px)and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px)and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px)and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px)and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px)and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px)and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px)and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 23, 2013 */



@font-face {
    font-family: 'source_sans_proextralight';
    src: url('sourcesanspro-extralight-webfont.eot');
    src: url('sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-extralight-webfont.woff') format('woff'),
         url('sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proXLtIt';
    src: url('sourcesanspro-extralightitalic-webfont.eot');
    src: url('sourcesanspro-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-extralightitalic-webfont.woff') format('woff'),
         url('sourcesanspro-extralightitalic-webfont.ttf') format('truetype'),
         url('sourcesanspro-extralightitalic-webfont.svg#source_sans_proXLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proitalic';
    src: url('sourcesanspro-italic-webfont.eot');
    src: url('sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-italic-webfont.woff') format('woff'),
         url('sourcesanspro-italic-webfont.ttf') format('truetype'),
         url('sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prolight';
    src: url('sourcesanspro-light-webfont.eot');
    src: url('sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-light-webfont.woff') format('woff'),
         url('sourcesanspro-light-webfont.ttf') format('truetype'),
         url('sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('sourcesanspro-lightitalic-webfont.eot');
    src: url('sourcesanspro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-lightitalic-webfont.woff') format('woff'),
         url('sourcesanspro-lightitalic-webfont.ttf') format('truetype'),
         url('sourcesanspro-lightitalic-webfont.svg#source_sans_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proregular';
    src: url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('sourcesanspro-semibold-webfont.eot');
    src: url('sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-semibold-webfont.woff') format('woff'),
         url('sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('sourcesanspro-semibolditalic-webfont.eot');
    src: url('sourcesanspro-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-semibolditalic-webfont.woff') format('woff'),
         url('sourcesanspro-semibolditalic-webfont.ttf') format('truetype'),
         url('sourcesanspro-semibolditalic-webfont.svg#source_sans_proSBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_problack';
    src: url('sourcesanspro-black-webfont.eot');
    src: url('sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-black-webfont.woff') format('woff'),
         url('sourcesanspro-black-webfont.ttf') format('truetype'),
         url('sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_problack_italic';
    src: url('sourcesanspro-blackitalic-webfont.eot');
    src: url('sourcesanspro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-blackitalic-webfont.woff') format('woff'),
         url('sourcesanspro-blackitalic-webfont.ttf') format('truetype'),
         url('sourcesanspro-blackitalic-webfont.svg#source_sans_problack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_probold';
    src: url('sourcesanspro-bold-webfont.eot');
    src: url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-bold-webfont.woff') format('woff'),
         url('sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('sourcesanspro-bolditalic-webfont.eot');
    src: url('sourcesanspro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-bolditalic-webfont.woff') format('woff'),
         url('sourcesanspro-bolditalic-webfont.ttf') format('truetype'),
         url('sourcesanspro-bolditalic-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'thaisans_neuebold';
    src: url('thaisansneue-bold-webfont.eot');
    src: url('thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaisansneue-bold-webfont.woff') format('woff'),
         url('thaisansneue-bold-webfont.ttf') format('truetype'),
         url('thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'thaisans_neueblack';
    src: url('thaisansneue-black-webfont.eot');
    src: url('thaisansneue-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaisansneue-black-webfont.woff') format('woff'),
         url('thaisansneue-black-webfont.ttf') format('truetype'),
         url('thaisansneue-black-webfont.svg#thaisans_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'thaisans_neuelight';
    src: url('thaisansneue-light-webfont.eot');
    src: url('thaisansneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaisansneue-light-webfont.woff') format('woff'),
         url('thaisansneue-light-webfont.ttf') format('truetype'),
         url('thaisansneue-light-webfont.svg#thaisans_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'thaisans_neueregular';
    src: url('thaisansneue-regular-webfont.eot');
    src: url('thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaisansneue-regular-webfont.woff') format('woff'),
         url('thaisansneue-regular-webfont.ttf') format('truetype'),
         url('thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*--------- start Kanit font ---------*/
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic; }
.kanit-100 {
  font-family: "Kanit";
  font-weight: 100;
  font-style: normal; }

.kanit-100i {
  font-family: "Kanit";
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic; }
.kanit-200 {
  font-family: "Kanit";
  font-weight: 200;
  font-style: normal; }

.kanit-200i {
  font-family: "Kanit";
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic; }
.kanit-300 {
  font-family: "Kanit";
  font-weight: 300;
  font-style: normal; }

.kanit-300i {
  font-family: "Kanit";
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }
.kanit-400 {
  font-family: "Kanit";
  font-weight: 400;
  font-style: normal; }

.kanit-400i {
  font-family: "Kanit";
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }
.kanit-500 {
  font-family: "Kanit";
  font-weight: 500;
  font-style: normal; }

.kanit-500i {
  font-family: "Kanit";
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic; }
.kanit-600 {
  font-family: "Kanit";
  font-weight: 600;
  font-style: normal; }

.kanit-600i {
  font-family: "Kanit";
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }
.kanit-700 {
  font-family: "Kanit";
  font-weight: 700;
  font-style: normal; }

.kanit-700i {
  font-family: "Kanit";
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic; }
.kanit-800 {
  font-family: "Kanit";
  font-weight: 800;
  font-style: normal; }

.kanit-800i {
  font-family: "Kanit";
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/Kanit-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic; }
.kanit-900 {
  font-family: "Kanit";
  font-weight: 900;
  font-style: normal; }

.kanit-900i {
  font-family: "Kanit";
  font-weight: 900;
  font-style: italic; }

/*--------- end Kanit font ---------*/
/*!
 *
 *  Project:  GLYPHICONS HALFLINGS
 *  Author:   Jan Kovarik - www.glyphicons.com
 *  Twitter:  @glyphicons
 *
 */
@font-face {
  font-family: 'Glyphicons Regular';
  src: url('../fonts/glyphicons-regular.eot');
  src: url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-regular.woff') format('woff'), url('../fonts/glyphicons-regular.ttf') format('truetype'), url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyphicons {
  display: inline-block;
  position: relative;
  padding-left: 48px;
  color: #1d1d1b;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.glyphicons:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  margin: 0 5px 0 0;
  font: 24px/1em 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  color: #1d1d1b;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.glyphicons.white:before {
  color: #fff;
}
.glyphicons.glass:before {
  content: "\E001";
}
.glyphicons.leaf:before {
  content: "\E002";
}
.glyphicons.dog:before {
  content: "\1F415";
}
.glyphicons.user:before {
  content: "\E004";
}
.glyphicons.girl:before {
  content: "\1F467";
}
.glyphicons.car:before {
  content: "\E006";
}
.glyphicons.user_add:before {
  content: "\E007";
}
.glyphicons.user_remove:before {
  content: "\E008";
}
.glyphicons.film:before {
  content: "\E009";
}
.glyphicons.magic:before {
  content: "\E010";
}
.glyphicons.envelope:before {
  content: "\2709";
}
.glyphicons.camera:before {
  content: "\1F4F7";
}
.glyphicons.heart:before {
  content: "\E013";
}
.glyphicons.beach_umbrella:before {
  content: "\E014";
}
.glyphicons.train:before {
  content: "\1F686";
}
.glyphicons.print:before {
  content: "\E016";
}
.glyphicons.bin:before {
  content: "\E017";
}
.glyphicons.music:before {
  content: "\E018";
}
.glyphicons.note:before {
  content: "\E019";
}
.glyphicons.heart_empty:before {
  content: "\E020";
}
.glyphicons.home:before {
  content: "\E021";
}
.glyphicons.snowflake:before {
  content: "\2744";
}
.glyphicons.fire:before {
  content: "\1F525";
}
.glyphicons.magnet:before {
  content: "\E024";
}
.glyphicons.parents:before {
  content: "\E025";
}
.glyphicons.binoculars:before {
  content: "\E026";
}
.glyphicons.road:before {
  content: "\E027";
}
.glyphicons.search:before {
  content: "\E028";
}
.glyphicons.cars:before {
  content: "\E029";
}
.glyphicons.notes_2:before {
  content: "\E030";
}
.glyphicons.pencil:before {
  content: "\270F";
}
.glyphicons.bus:before {
  content: "\1F68C";
}
.glyphicons.wifi_alt:before {
  content: "\E033";
}
.glyphicons.luggage:before {
  content: "\E034";
}
.glyphicons.old_man:before {
  content: "\E035";
}
.glyphicons.woman:before {
  content: "\1F469";
}
.glyphicons.file:before {
  content: "\E037";
}
.glyphicons.coins:before {
  content: "\E038";
}
.glyphicons.airplane:before {
  content: "\2708";
}
.glyphicons.notes:before {
  content: "\E040";
}
.glyphicons.stats:before {
  content: "\E041";
}
.glyphicons.charts:before {
  content: "\E042";
}
.glyphicons.pie_chart:before {
  content: "\E043";
}
.glyphicons.group:before {
  content: "\E044";
}
.glyphicons.keys:before {
  content: "\E045";
}
.glyphicons.calendar:before {
  content: "\1F4C5";
}
.glyphicons.router:before {
  content: "\E047";
}
.glyphicons.camera_small:before {
  content: "\E048";
}
.glyphicons.dislikes:before {
  content: "\E049";
}
.glyphicons.star:before {
  content: "\E050";
}
.glyphicons.link:before {
  content: "\E051";
}
.glyphicons.eye_open:before {
  content: "\E052";
}
.glyphicons.eye_close:before {
  content: "\E053";
}
.glyphicons.alarm:before {
  content: "\E054";
}
.glyphicons.clock:before {
  content: "\E055";
}
.glyphicons.stopwatch:before {
  content: "\E056";
}
.glyphicons.projector:before {
  content: "\E057";
}
.glyphicons.history:before {
  content: "\E058";
}
.glyphicons.truck:before {
  content: "\E059";
}
.glyphicons.cargo:before {
  content: "\E060";
}
.glyphicons.compass:before {
  content: "\E061";
}
.glyphicons.keynote:before {
  content: "\E062";
}
.glyphicons.paperclip:before {
  content: "\1F4CE";
}
.glyphicons.power:before {
  content: "\E064";
}
.glyphicons.lightbulb:before {
  content: "\E065";
}
.glyphicons.tag:before {
  content: "\E066";
}
.glyphicons.tags:before {
  content: "\E067";
}
.glyphicons.cleaning:before {
  content: "\E068";
}
.glyphicons.ruller:before {
  content: "\E069";
}
.glyphicons.gift:before {
  content: "\E070";
}
.glyphicons.umbrella:before {
  content: "\2602";
}
.glyphicons.book:before {
  content: "\E072";
}
.glyphicons.bookmark:before {
  content: "\1F516";
}
.glyphicons.wifi:before {
  content: "\E074";
}
.glyphicons.cup:before {
  content: "\E075";
}
.glyphicons.stroller:before {
  content: "\E076";
}
.glyphicons.headphones:before {
  content: "\E077";
}
.glyphicons.headset:before {
  content: "\E078";
}
.glyphicons.warning_sign:before {
  content: "\E079";
}
.glyphicons.signal:before {
  content: "\E080";
}
.glyphicons.retweet:before {
  content: "\E081";
}
.glyphicons.refresh:before {
  content: "\E082";
}
.glyphicons.roundabout:before {
  content: "\E083";
}
.glyphicons.random:before {
  content: "\E084";
}
.glyphicons.heat:before {
  content: "\E085";
}
.glyphicons.repeat:before {
  content: "\E086";
}
.glyphicons.display:before {
  content: "\E087";
}
.glyphicons.log_book:before {
  content: "\E088";
}
.glyphicons.address_book:before {
  content: "\E089";
}
.glyphicons.building:before {
  content: "\E090";
}
.glyphicons.eyedropper:before {
  content: "\E091";
}
.glyphicons.adjust:before {
  content: "\E092";
}
.glyphicons.tint:before {
  content: "\E093";
}
.glyphicons.crop:before {
  content: "\E094";
}
.glyphicons.vector_path_square:before {
  content: "\E095";
}
.glyphicons.vector_path_circle:before {
  content: "\E096";
}
.glyphicons.vector_path_polygon:before {
  content: "\E097";
}
.glyphicons.vector_path_line:before {
  content: "\E098";
}
.glyphicons.vector_path_curve:before {
  content: "\E099";
}
.glyphicons.vector_path_all:before {
  content: "\E100";
}
.glyphicons.font:before {
  content: "\E101";
}
.glyphicons.italic:before {
  content: "\E102";
}
.glyphicons.bold:before {
  content: "\E103";
}
.glyphicons.text_underline:before {
  content: "\E104";
}
.glyphicons.text_strike:before {
  content: "\E105";
}
.glyphicons.text_height:before {
  content: "\E106";
}
.glyphicons.text_width:before {
  content: "\E107";
}
.glyphicons.text_resize:before {
  content: "\E108";
}
.glyphicons.left_indent:before {
  content: "\E109";
}
.glyphicons.right_indent:before {
  content: "\E110";
}
.glyphicons.align_left:before {
  content: "\E111";
}
.glyphicons.align_center:before {
  content: "\E112";
}
.glyphicons.align_right:before {
  content: "\E113";
}
.glyphicons.justify:before {
  content: "\E114";
}
.glyphicons.list:before {
  content: "\E115";
}
.glyphicons.text_smaller:before {
  content: "\E116";
}
.glyphicons.text_bigger:before {
  content: "\E117";
}
.glyphicons.embed:before {
  content: "\E118";
}
.glyphicons.embed_close:before {
  content: "\E119";
}
.glyphicons.table:before {
  content: "\E120";
}
.glyphicons.message_full:before {
  content: "\E121";
}
.glyphicons.message_empty:before {
  content: "\E122";
}
.glyphicons.message_in:before {
  content: "\E123";
}
.glyphicons.message_out:before {
  content: "\E124";
}
.glyphicons.message_plus:before {
  content: "\E125";
}
.glyphicons.message_minus:before {
  content: "\E126";
}
.glyphicons.message_ban:before {
  content: "\E127";
}
.glyphicons.message_flag:before {
  content: "\E128";
}
.glyphicons.message_lock:before {
  content: "\E129";
}
.glyphicons.message_new:before {
  content: "\E130";
}
.glyphicons.inbox:before {
  content: "\E131";
}
.glyphicons.inbox_plus:before {
  content: "\E132";
}
.glyphicons.inbox_minus:before {
  content: "\E133";
}
.glyphicons.inbox_lock:before {
  content: "\E134";
}
.glyphicons.inbox_in:before {
  content: "\E135";
}
.glyphicons.inbox_out:before {
  content: "\E136";
}
.glyphicons.cogwheel:before {
  content: "\E137";
}
.glyphicons.cogwheels:before {
  content: "\E138";
}
.glyphicons.picture:before {
  content: "\E139";
}
.glyphicons.adjust_alt:before {
  content: "\E140";
}
.glyphicons.database_lock:before {
  content: "\E141";
}
.glyphicons.database_plus:before {
  content: "\E142";
}
.glyphicons.database_minus:before {
  content: "\E143";
}
.glyphicons.database_ban:before {
  content: "\E144";
}
.glyphicons.folder_open:before {
  content: "\E145";
}
.glyphicons.folder_plus:before {
  content: "\E146";
}
.glyphicons.folder_minus:before {
  content: "\E147";
}
.glyphicons.folder_lock:before {
  content: "\E148";
}
.glyphicons.folder_flag:before {
  content: "\E149";
}
.glyphicons.folder_new:before {
  content: "\E150";
}
.glyphicons.edit:before {
  content: "\E151";
}
.glyphicons.new_window:before {
  content: "\E152";
}
.glyphicons.check:before {
  content: "\E153";
}
.glyphicons.unchecked:before {
  content: "\E154";
}
.glyphicons.more_windows:before {
  content: "\E155";
}
.glyphicons.show_big_thumbnails:before {
  content: "\E156";
}
.glyphicons.show_thumbnails:before {
  content: "\E157";
}
.glyphicons.show_thumbnails_with_lines:before {
  content: "\E158";
}
.glyphicons.show_lines:before {
  content: "\E159";
}
.glyphicons.playlist:before {
  content: "\E160";
}
.glyphicons.imac:before {
  content: "\E161";
}
.glyphicons.macbook:before {
  content: "\E162";
}
.glyphicons.ipad:before {
  content: "\E163";
}
.glyphicons.iphone:before {
  content: "\E164";
}
.glyphicons.iphone_transfer:before {
  content: "\E165";
}
.glyphicons.iphone_exchange:before {
  content: "\E166";
}
.glyphicons.ipod:before {
  content: "\E167";
}
.glyphicons.ipod_shuffle:before {
  content: "\E168";
}
.glyphicons.ear_plugs:before {
  content: "\E169";
}
.glyphicons.record:before {
  content: "\E170";
}
.glyphicons.step_backward:before {
  content: "\E171";
}
.glyphicons.fast_backward:before {
  content: "\E172";
}
.glyphicons.rewind:before {
  content: "\E173";
}
.glyphicons.play:before {
  content: "\E174";
}
.glyphicons.pause:before {
  content: "\E175";
}
.glyphicons.stop:before {
  content: "\E176";
}
.glyphicons.forward:before {
  content: "\E177";
}
.glyphicons.fast_forward:before {
  content: "\E178";
}
.glyphicons.step_forward:before {
  content: "\E179";
}
.glyphicons.eject:before {
  content: "\E180";
}
.glyphicons.facetime_video:before {
  content: "\E181";
}
.glyphicons.download_alt:before {
  content: "\E182";
}
.glyphicons.mute:before {
  content: "\E183";
}
.glyphicons.volume_down:before {
  content: "\E184";
}
.glyphicons.volume_up:before {
  content: "\E185";
}
.glyphicons.screenshot:before {
  content: "\E186";
}
.glyphicons.move:before {
  content: "\E187";
}
.glyphicons.more:before {
  content: "\E188";
}
.glyphicons.brightness_reduce:before {
  content: "\E189";
}
.glyphicons.brightness_increase:before {
  content: "\E190";
}
.glyphicons.circle_plus:before {
  content: "\E191";
}
.glyphicons.circle_minus:before {
  content: "\E192";
}
.glyphicons.circle_remove:before {
  content: "\E193";
}
.glyphicons.circle_ok:before {
  content: "\E194";
}
.glyphicons.circle_question_mark:before {
  content: "\E195";
}
.glyphicons.circle_info:before {
  content: "\E196";
}
.glyphicons.circle_exclamation_mark:before {
  content: "\E197";
}
.glyphicons.remove:before {
  content: "\E198";
}
.glyphicons.ok:before {
  content: "\E199";
}
.glyphicons.ban:before {
  content: "\E200";
}
.glyphicons.download:before {
  content: "\E201";
}
.glyphicons.upload:before {
  content: "\E202";
}
.glyphicons.shopping_cart:before {
  content: "\E203";
}
.glyphicons.lock:before {
  content: "\1F512";
}
.glyphicons.unlock:before {
  content: "\E205";
}
.glyphicons.electricity:before {
  content: "\E206";
}
.glyphicons.ok_2:before {
  content: "\E207";
}
.glyphicons.remove_2:before {
  content: "\E208";
}
.glyphicons.cart_out:before {
  content: "\E209";
}
.glyphicons.cart_in:before {
  content: "\E210";
}
.glyphicons.left_arrow:before {
  content: "\E211";
}
.glyphicons.right_arrow:before {
  content: "\E212";
}
.glyphicons.down_arrow:before {
  content: "\E213";
}
.glyphicons.up_arrow:before {
  content: "\E214";
}
.glyphicons.resize_small:before {
  content: "\E215";
}
.glyphicons.resize_full:before {
  content: "\E216";
}
.glyphicons.circle_arrow_left:before {
  content: "\E217";
}
.glyphicons.circle_arrow_right:before {
  content: "\E218";
}
.glyphicons.circle_arrow_top:before {
  content: "\E219";
}
.glyphicons.circle_arrow_down:before {
  content: "\E220";
}
.glyphicons.play_button:before {
  content: "\E221";
}
.glyphicons.unshare:before {
  content: "\E222";
}
.glyphicons.share:before {
  content: "\E223";
}
.glyphicons.chevron-right:before {
  content: "\E224";
}
.glyphicons.chevron-left:before {
  content: "\E225";
}
.glyphicons.bluetooth:before {
  content: "\E226";
}
.glyphicons.euro:before {
  content: "\20AC";
}
.glyphicons.usd:before {
  content: "\E228";
}
.glyphicons.gbp:before {
  content: "\E229";
}
.glyphicons.retweet_2:before {
  content: "\E230";
}
.glyphicons.moon:before {
  content: "\E231";
}
.glyphicons.sun:before {
  content: "\2609";
}
.glyphicons.cloud:before {
  content: "\2601";
}
.glyphicons.direction:before {
  content: "\E234";
}
.glyphicons.brush:before {
  content: "\E235";
}
.glyphicons.pen:before {
  content: "\E236";
}
.glyphicons.zoom_in:before {
  content: "\E237";
}
.glyphicons.zoom_out:before {
  content: "\E238";
}
.glyphicons.pin:before {
  content: "\E239";
}
.glyphicons.albums:before {
  content: "\E240";
}
.glyphicons.rotation_lock:before {
  content: "\E241";
}
.glyphicons.flash:before {
  content: "\E242";
}
.glyphicons.google_maps:before {
  content: "\E243";
}
.glyphicons.anchor:before {
  content: "\2693";
}
.glyphicons.conversation:before {
  content: "\E245";
}
.glyphicons.chat:before {
  content: "\E246";
}
.glyphicons.male:before {
  content: "\E247";
}
.glyphicons.female:before {
  content: "\E248";
}
.glyphicons.asterisk:before {
  content: "\002A";
}
.glyphicons.divide:before {
  content: "\00F7";
}
.glyphicons.snorkel_diving:before {
  content: "\E251";
}
.glyphicons.scuba_diving:before {
  content: "\E252";
}
.glyphicons.oxygen_bottle:before {
  content: "\E253";
}
.glyphicons.fins:before {
  content: "\E254";
}
.glyphicons.fishes:before {
  content: "\E255";
}
.glyphicons.boat:before {
  content: "\E256";
}
.glyphicons.delete:before {
  content: "\E257";
}
.glyphicons.sheriffs_star:before {
  content: "\E258";
}
.glyphicons.qrcode:before {
  content: "\E259";
}
.glyphicons.barcode:before {
  content: "\E260";
}
.glyphicons.pool:before {
  content: "\E261";
}
.glyphicons.buoy:before {
  content: "\E262";
}
.glyphicons.spade:before {
  content: "\E263";
}
.glyphicons.bank:before {
  content: "\1F3E6";
}
.glyphicons.vcard:before {
  content: "\E265";
}
.glyphicons.electrical_plug:before {
  content: "\E266";
}
.glyphicons.flag:before {
  content: "\E267";
}
.glyphicons.credit_card:before {
  content: "\E268";
}
.glyphicons.keyboard-wireless:before {
  content: "\E269";
}
.glyphicons.keyboard-wired:before {
  content: "\E270";
}
.glyphicons.shield:before {
  content: "\E271";
}
.glyphicons.ring:before {
  content: "\02DA";
}
.glyphicons.cake:before {
  content: "\E273";
}
.glyphicons.drink:before {
  content: "\E274";
}
.glyphicons.beer:before {
  content: "\E275";
}
.glyphicons.fast_food:before {
  content: "\E276";
}
.glyphicons.cutlery:before {
  content: "\E277";
}
.glyphicons.pizza:before {
  content: "\E278";
}
.glyphicons.birthday_cake:before {
  content: "\E279";
}
.glyphicons.tablet:before {
  content: "\E280";
}
.glyphicons.settings:before {
  content: "\E281";
}
.glyphicons.bullets:before {
  content: "\E282";
}
.glyphicons.cardio:before {
  content: "\E283";
}
.glyphicons.t-shirt:before {
  content: "\E284";
}
.glyphicons.pants:before {
  content: "\E285";
}
.glyphicons.sweater:before {
  content: "\E286";
}
.glyphicons.fabric:before {
  content: "\E287";
}
.glyphicons.leather:before {
  content: "\E288";
}
.glyphicons.scissors:before {
  content: "\E289";
}
.glyphicons.bomb:before {
  content: "\1F4A3";
}
.glyphicons.skull:before {
  content: "\1F480";
}
.glyphicons.celebration:before {
  content: "\E292";
}
.glyphicons.tea_kettle:before {
  content: "\E293";
}
.glyphicons.french_press:before {
  content: "\E294";
}
.glyphicons.coffe_cup:before {
  content: "\E295";
}
.glyphicons.pot:before {
  content: "\E296";
}
.glyphicons.grater:before {
  content: "\E297";
}
.glyphicons.kettle:before {
  content: "\E298";
}
.glyphicons.hospital:before {
  content: "\1F3E5";
}
.glyphicons.hospital_h:before {
  content: "\E300";
}
.glyphicons.microphone:before {
  content: "\1F3A4";
}
.glyphicons.webcam:before {
  content: "\E302";
}
.glyphicons.temple_christianity_church:before {
  content: "\E303";
}
.glyphicons.temple_islam:before {
  content: "\E304";
}
.glyphicons.temple_hindu:before {
  content: "\E305";
}
.glyphicons.temple_buddhist:before {
  content: "\E306";
}
.glyphicons.bicycle:before {
  content: "\1F6B2";
}
.glyphicons.life_preserver:before {
  content: "\E308";
}
.glyphicons.share_alt:before {
  content: "\E309";
}
.glyphicons.comments:before {
  content: "\E310";
}
.glyphicons.flower:before {
  content: "\2698";
}
.glyphicons.baseball:before {
  content: "\26BE";
}
.glyphicons.rugby:before {
  content: "\E313";
}
.glyphicons.ax:before {
  content: "\E314";
}
.glyphicons.table_tennis:before {
  content: "\E315";
}
.glyphicons.bowling:before {
  content: "\1F3B3";
}
.glyphicons.tree_conifer:before {
  content: "\E317";
}
.glyphicons.tree_deciduous:before {
  content: "\E318";
}
.glyphicons.more_items:before {
  content: "\E319";
}
.glyphicons.sort:before {
  content: "\E320";
}
.glyphicons.filter:before {
  content: "\E321";
}
.glyphicons.gamepad:before {
  content: "\E322";
}
.glyphicons.playing_dices:before {
  content: "\E323";
}
.glyphicons.calculator:before {
  content: "\E324";
}
.glyphicons.tie:before {
  content: "\E325";
}
.glyphicons.wallet:before {
  content: "\E326";
}
.glyphicons.piano:before {
  content: "\E327";
}
.glyphicons.sampler:before {
  content: "\E328";
}
.glyphicons.podium:before {
  content: "\E329";
}
.glyphicons.soccer_ball:before {
  content: "\E330";
}
.glyphicons.blog:before {
  content: "\E331";
}
.glyphicons.dashboard:before {
  content: "\E332";
}
.glyphicons.certificate:before {
  content: "\E333";
}
.glyphicons.bell:before {
  content: "\1F514";
}
.glyphicons.candle:before {
  content: "\E335";
}
.glyphicons.pushpin:before {
  content: "\1F4CC";
}
.glyphicons.iphone_shake:before {
  content: "\E337";
}
.glyphicons.pin_flag:before {
  content: "\E338";
}
.glyphicons.turtle:before {
  content: "\1F422";
}
.glyphicons.rabbit:before {
  content: "\1F407";
}
.glyphicons.globe:before {
  content: "\E341";
}
.glyphicons.briefcase:before {
  content: "\1F4BC";
}
.glyphicons.hdd:before {
  content: "\E343";
}
.glyphicons.thumbs_up:before {
  content: "\E344";
}
.glyphicons.thumbs_down:before {
  content: "\E345";
}
.glyphicons.hand_right:before {
  content: "\E346";
}
.glyphicons.hand_left:before {
  content: "\E347";
}
.glyphicons.hand_up:before {
  content: "\E348";
}
.glyphicons.hand_down:before {
  content: "\E349";
}
.glyphicons.fullscreen:before {
  content: "\E350";
}
.glyphicons.shopping_bag:before {
  content: "\E351";
}
.glyphicons.book_open:before {
  content: "\E352";
}
.glyphicons.nameplate:before {
  content: "\E353";
}
.glyphicons.nameplate_alt:before {
  content: "\E354";
}
.glyphicons.vases:before {
  content: "\E355";
}
.glyphicons.bullhorn:before {
  content: "\E356";
}
.glyphicons.dumbbell:before {
  content: "\E357";
}
.glyphicons.suitcase:before {
  content: "\E358";
}
.glyphicons.file_import:before {
  content: "\E359";
}
.glyphicons.file_export:before {
  content: "\E360";
}
.glyphicons.bug:before {
  content: "\1F41B";
}
.glyphicons.crown:before {
  content: "\1F451";
}
.glyphicons.smoking:before {
  content: "\E363";
}
.glyphicons.cloud-upload:before {
  content: "\E364";
}
.glyphicons.cloud-download:before {
  content: "\E365";
}
.glyphicons.restart:before {
  content: "\E366";
}
.glyphicons.security_camera:before {
  content: "\E367";
}
.glyphicons.expand:before {
  content: "\E368";
}
.glyphicons.collapse:before {
  content: "\E369";
}
.glyphicons.collapse_top:before {
  content: "\E370";
}
.glyphicons.globe_af:before {
  content: "\E371";
}
.glyphicons.global:before {
  content: "\E372";
}
.glyphicons.spray:before {
  content: "\E373";
}
.glyphicons.nails:before {
  content: "\E374";
}
.glyphicons.claw_hammer:before {
  content: "\E375";
}
.glyphicons.classic_hammer:before {
  content: "\E376";
}
.glyphicons.hand_saw:before {
  content: "\E377";
}
.glyphicons.riflescope:before {
  content: "\E378";
}
.glyphicons.electrical_socket_eu:before {
  content: "\E379";
}
.glyphicons.electrical_socket_us:before {
  content: "\E380";
}
.glyphicons.message_forward:before {
  content: "\E381";
}
.glyphicons.coat_hanger:before {
  content: "\E382";
}
.glyphicons.dress:before {
  content: "\1F457";
}
.glyphicons.bathrobe:before {
  content: "\E384";
}
.glyphicons.shirt:before {
  content: "\E385";
}
.glyphicons.underwear:before {
  content: "\E386";
}
.glyphicons.log_in:before {
  content: "\E387";
}
.glyphicons.log_out:before {
  content: "\E388";
}
.glyphicons.exit:before {
  content: "\E389";
}
.glyphicons.new_window_alt:before {
  content: "\E390";
}
.glyphicons.video_sd:before {
  content: "\E391";
}
.glyphicons.video_hd:before {
  content: "\E392";
}
.glyphicons.subtitles:before {
  content: "\E393";
}
.glyphicons.sound_stereo:before {
  content: "\E394";
}
.glyphicons.sound_dolby:before {
  content: "\E395";
}
.glyphicons.sound_5_1:before {
  content: "\E396";
}
.glyphicons.sound_6_1:before {
  content: "\E397";
}
.glyphicons.sound_7_1:before {
  content: "\E398";
}
.glyphicons.copyright_mark:before {
  content: "\E399";
}
.glyphicons.registration_mark:before {
  content: "\E400";
}
.glyphicons.radar:before {
  content: "\E401";
}
.glyphicons.skateboard:before {
  content: "\E402";
}
.glyphicons.golf_course:before {
  content: "\E403";
}
.glyphicons.sorting:before {
  content: "\E404";
}
.glyphicons.sort-by-alphabet:before {
  content: "\E405";
}
.glyphicons.sort-by-alphabet-alt:before {
  content: "\E406";
}
.glyphicons.sort-by-order:before {
  content: "\E407";
}
.glyphicons.sort-by-order-alt:before {
  content: "\E408";
}
.glyphicons.sort-by-attributes:before {
  content: "\E409";
}
.glyphicons.sort-by-attributes-alt:before {
  content: "\E410";
}
.glyphicons.compressed:before {
  content: "\E411";
}
.glyphicons.package:before {
  content: "\1F4E6";
}
.glyphicons.cloud_plus:before {
  content: "\E413";
}
.glyphicons.cloud_minus:before {
  content: "\E414";
}
.glyphicons.disk_save:before {
  content: "\E415";
}
.glyphicons.disk_open:before {
  content: "\E416";
}
.glyphicons.disk_saved:before {
  content: "\E417";
}
.glyphicons.disk_remove:before {
  content: "\E418";
}
.glyphicons.disk_import:before {
  content: "\E419";
}
.glyphicons.disk_export:before {
  content: "\E420";
}
.glyphicons.tower:before {
  content: "\E421";
}
.glyphicons.send:before {
  content: "\E422";
}
.glyphicons.git_branch:before {
  content: "\E423";
}
.glyphicons.git_create:before {
  content: "\E424";
}
.glyphicons.git_private:before {
  content: "\E425";
}
.glyphicons.git_delete:before {
  content: "\E426";
}
.glyphicons.git_merge:before {
  content: "\E427";
}
.glyphicons.git_pull_request:before {
  content: "\E428";
}
.glyphicons.git_compare:before {
  content: "\E429";
}
.glyphicons.git_commit:before {
  content: "\E430";
}
.glyphicons.construction_cone:before {
  content: "\E431";
}
.glyphicons.shoe_steps:before {
  content: "\E432";
}
.glyphicons.plus:before {
  content: "\002B";
}
.glyphicons.minus:before {
  content: "\2212";
}
.glyphicons.redo:before {
  content: "\E435";
}
.glyphicons.undo:before {
  content: "\E436";
}
.glyphicons.golf:before {
  content: "\E437";
}
.glyphicons.hockey:before {
  content: "\E438";
}
.glyphicons.pipe:before {
  content: "\E439";
}
.glyphicons.wrench:before {
  content: "\1F527";
}
.glyphicons.folder_closed:before {
  content: "\E441";
}
.glyphicons.phone_alt:before {
  content: "\E442";
}
.glyphicons.earphone:before {
  content: "\E443";
}
.glyphicons.floppy_disk:before {
  content: "\E444";
}
.glyphicons.floppy_saved:before {
  content: "\E445";
}
.glyphicons.floppy_remove:before {
  content: "\E446";
}
.glyphicons.floppy_save:before {
  content: "\E447";
}
.glyphicons.floppy_open:before {
  content: "\E448";
}
.glyphicons.translate:before {
  content: "\E449";
}
.glyphicons.fax:before {
  content: "\E450";
}
.glyphicons.factory:before {
  content: "\1F3ED";
}
.glyphicons.shop_window:before {
  content: "\E452";
}
.glyphicons.shop:before {
  content: "\E453";
}
.glyphicons.kiosk:before {
  content: "\E454";
}
.glyphicons.kiosk_wheels:before {
  content: "\E455";
}
.glyphicons.kiosk_light:before {
  content: "\E456";
}
.glyphicons.kiosk_food:before {
  content: "\E457";
}
.glyphicons.transfer:before {
  content: "\E458";
}
.glyphicons.money:before {
  content: "\E459";
}
.glyphicons.header:before {
  content: "\E460";
}
.glyphicons.blacksmith:before {
  content: "\E461";
}
.glyphicons.saw_blade:before {
  content: "\E462";
}
.glyphicons.basketball:before {
  content: "\E463";
}
.glyphicons.server:before {
  content: "\E464";
}
.glyphicons.server_plus:before {
  content: "\E465";
}
.glyphicons.server_minus:before {
  content: "\E466";
}
.glyphicons.server_ban:before {
  content: "\E467";
}
.glyphicons.server_flag:before {
  content: "\E468";
}
.glyphicons.server_lock:before {
  content: "\E469";
}
.glyphicons.server_new:before {
  content: "\E470";
}
.glyphicons-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 8px 0 0;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../images/glyphicons.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  *margin-right: .3em;
}
.glyphicons-icon _:-o-prefocus,
.glyphicons-icon {
  background-image: url(../images/glyphicons.png);
}
.no-inlinesvg .glyphicons-icon {
  background-image: url(../images/glyphicons.png);
}
.glyphicons-icon.white {
  background-image: url(../images/glyphicons-white.svg);
}
.glyphicons-icon.white _:-o-prefocus,
.glyphicons-icon.white {
  background-image: url(../images/glyphicons-white.png);
}
.no-inlinesvg .glyphicons-icon.white {
  background-image: url(../images/glyphicons-white.png);
}
.glyphicons-icon.glass {
  background-position: 4px 11px;
}
.glyphicons-icon.leaf {
  background-position: -44px 11px;
}
.glyphicons-icon.dog {
  background-position: -92px 11px;
}
.glyphicons-icon.user {
  background-position: -140px 11px;
}
.glyphicons-icon.girl {
  background-position: -188px 11px;
}
.glyphicons-icon.car {
  background-position: -236px 11px;
}
.glyphicons-icon.user_add {
  background-position: -284px 11px;
}
.glyphicons-icon.user_remove {
  background-position: -332px 11px;
}
.glyphicons-icon.film {
  background-position: -380px 11px;
}
.glyphicons-icon.magic {
  background-position: -428px 11px;
}
.glyphicons-icon.envelope {
  background-position: 4px -37px;
}
.glyphicons-icon.camera {
  background-position: -44px -37px;
}
.glyphicons-icon.heart {
  background-position: -92px -37px;
}
.glyphicons-icon.beach_umbrella {
  background-position: -140px -37px;
}
.glyphicons-icon.train {
  background-position: -188px -37px;
}
.glyphicons-icon.print {
  background-position: -236px -37px;
}
.glyphicons-icon.bin {
  background-position: -284px -37px;
}
.glyphicons-icon.music {
  background-position: -332px -37px;
}
.glyphicons-icon.note {
  background-position: -380px -37px;
}
.glyphicons-icon.heart_empty {
  background-position: -428px -37px;
}
.glyphicons-icon.home {
  background-position: 4px -85px;
}
.glyphicons-icon.snowflake {
  background-position: -44px -85px;
}
.glyphicons-icon.fire {
  background-position: -92px -85px;
}
.glyphicons-icon.magnet {
  background-position: -140px -85px;
}
.glyphicons-icon.parents {
  background-position: -188px -85px;
}
.glyphicons-icon.binoculars {
  background-position: -236px -85px;
}
.glyphicons-icon.road {
  background-position: -284px -85px;
}
.glyphicons-icon.search {
  background-position: -332px -85px;
}
.glyphicons-icon.cars {
  background-position: -380px -85px;
}
.glyphicons-icon.notes_2 {
  background-position: -428px -85px;
}
.glyphicons-icon.pencil {
  background-position: 4px -133px;
}
.glyphicons-icon.bus {
  background-position: -44px -133px;
}
.glyphicons-icon.wifi_alt {
  background-position: -92px -133px;
}
.glyphicons-icon.luggage {
  background-position: -140px -133px;
}
.glyphicons-icon.old_man {
  background-position: -188px -133px;
}
.glyphicons-icon.woman {
  background-position: -236px -133px;
}
.glyphicons-icon.file {
  background-position: -284px -133px;
}
.glyphicons-icon.coins {
  background-position: -332px -133px;
}
.glyphicons-icon.airplane {
  background-position: -380px -133px;
}
.glyphicons-icon.notes {
  background-position: -428px -133px;
}
.glyphicons-icon.stats {
  background-position: 4px -181px;
}
.glyphicons-icon.charts {
  background-position: -44px -181px;
}
.glyphicons-icon.pie_chart {
  background-position: -92px -181px;
}
.glyphicons-icon.group {
  background-position: -140px -181px;
}
.glyphicons-icon.keys {
  background-position: -188px -181px;
}
.glyphicons-icon.calendar {
  background-position: -236px -181px;
}
.glyphicons-icon.router {
  background-position: -284px -181px;
}
.glyphicons-icon.camera_small {
  background-position: -332px -181px;
}
.glyphicons-icon.dislikes {
  background-position: -380px -181px;
}
.glyphicons-icon.star {
  background-position: -428px -181px;
}
.glyphicons-icon.link {
  background-position: 4px -229px;
}
.glyphicons-icon.eye_open {
  background-position: -44px -229px;
}
.glyphicons-icon.eye_close {
  background-position: -92px -229px;
}
.glyphicons-icon.alarm {
  background-position: -140px -229px;
}
.glyphicons-icon.clock {
  background-position: -188px -229px;
}
.glyphicons-icon.stopwatch {
  background-position: -236px -229px;
}
.glyphicons-icon.projector {
  background-position: -284px -229px;
}
.glyphicons-icon.history {
  background-position: -332px -229px;
}
.glyphicons-icon.truck {
  background-position: -380px -229px;
}
.glyphicons-icon.cargo {
  background-position: -428px -229px;
}
.glyphicons-icon.compass {
  background-position: 4px -277px;
}
.glyphicons-icon.keynote {
  background-position: -44px -277px;
}
.glyphicons-icon.paperclip {
  background-position: -92px -277px;
}
.glyphicons-icon.power {
  background-position: -140px -277px;
}
.glyphicons-icon.lightbulb {
  background-position: -188px -277px;
}
.glyphicons-icon.tag {
  background-position: -236px -277px;
}
.glyphicons-icon.tags {
  background-position: -284px -277px;
}
.glyphicons-icon.cleaning {
  background-position: -332px -277px;
}
.glyphicons-icon.ruller {
  background-position: -380px -277px;
}
.glyphicons-icon.gift {
  background-position: -428px -277px;
}
.glyphicons-icon.umbrella {
  background-position: 4px -325px;
}
.glyphicons-icon.book {
  background-position: -44px -325px;
}
.glyphicons-icon.bookmark {
  background-position: -92px -325px;
}
.glyphicons-icon.wifi {
  background-position: -140px -325px;
}
.glyphicons-icon.cup {
  background-position: -188px -325px;
}
.glyphicons-icon.stroller {
  background-position: -236px -325px;
}
.glyphicons-icon.headphones {
  background-position: -284px -325px;
}
.glyphicons-icon.headset {
  background-position: -332px -325px;
}
.glyphicons-icon.warning_sign {
  background-position: -380px -325px;
}
.glyphicons-icon.signal {
  background-position: -428px -325px;
}
.glyphicons-icon.retweet {
  background-position: 4px -373px;
}
.glyphicons-icon.refresh {
  background-position: -44px -373px;
}
.glyphicons-icon.roundabout {
  background-position: -92px -373px;
}
.glyphicons-icon.random {
  background-position: -140px -373px;
}
.glyphicons-icon.heat {
  background-position: -188px -373px;
}
.glyphicons-icon.repeat {
  background-position: -236px -373px;
}
.glyphicons-icon.display {
  background-position: -284px -373px;
}
.glyphicons-icon.log_book {
  background-position: -332px -373px;
}
.glyphicons-icon.address_book {
  background-position: -380px -373px;
}
.glyphicons-icon.building {
  background-position: -428px -373px;
}
.glyphicons-icon.eyedropper {
  background-position: 4px -421px;
}
.glyphicons-icon.adjust {
  background-position: -44px -421px;
}
.glyphicons-icon.tint {
  background-position: -92px -421px;
}
.glyphicons-icon.crop {
  background-position: -140px -421px;
}
.glyphicons-icon.vector_path_square {
  background-position: -188px -421px;
}
.glyphicons-icon.vector_path_circle {
  background-position: -236px -421px;
}
.glyphicons-icon.vector_path_polygon {
  background-position: -284px -421px;
}
.glyphicons-icon.vector_path_line {
  background-position: -332px -421px;
}
.glyphicons-icon.vector_path_curve {
  background-position: -380px -421px;
}
.glyphicons-icon.vector_path_all {
  background-position: -428px -421px;
}
.glyphicons-icon.font {
  background-position: 4px -469px;
}
.glyphicons-icon.italic {
  background-position: -44px -469px;
}
.glyphicons-icon.bold {
  background-position: -92px -469px;
}
.glyphicons-icon.text_underline {
  background-position: -140px -469px;
}
.glyphicons-icon.text_strike {
  background-position: -188px -469px;
}
.glyphicons-icon.text_height {
  background-position: -236px -469px;
}
.glyphicons-icon.text_width {
  background-position: -284px -469px;
}
.glyphicons-icon.text_resize {
  background-position: -332px -469px;
}
.glyphicons-icon.left_indent {
  background-position: -380px -469px;
}
.glyphicons-icon.right_indent {
  background-position: -428px -469px;
}
.glyphicons-icon.align_left {
  background-position: 4px -517px;
}
.glyphicons-icon.align_center {
  background-position: -44px -517px;
}
.glyphicons-icon.align_right {
  background-position: -92px -517px;
}
.glyphicons-icon.justify {
  background-position: -140px -517px;
}
.glyphicons-icon.list {
  background-position: -188px -517px;
}
.glyphicons-icon.text_smaller {
  background-position: -236px -517px;
}
.glyphicons-icon.text_bigger {
  background-position: -284px -517px;
}
.glyphicons-icon.embed {
  background-position: -332px -517px;
}
.glyphicons-icon.embed_close {
  background-position: -380px -517px;
}
.glyphicons-icon.table {
  background-position: -428px -517px;
}
.glyphicons-icon.message_full {
  background-position: 4px -565px;
}
.glyphicons-icon.message_empty {
  background-position: -44px -565px;
}
.glyphicons-icon.message_in {
  background-position: -92px -565px;
}
.glyphicons-icon.message_out {
  background-position: -140px -565px;
}
.glyphicons-icon.message_plus {
  background-position: -188px -565px;
}
.glyphicons-icon.message_minus {
  background-position: -236px -565px;
}
.glyphicons-icon.message_ban {
  background-position: -284px -565px;
}
.glyphicons-icon.message_flag {
  background-position: -332px -565px;
}
.glyphicons-icon.message_lock {
  background-position: -380px -565px;
}
.glyphicons-icon.message_new {
  background-position: -428px -565px;
}
.glyphicons-icon.inbox {
  background-position: 4px -613px;
}
.glyphicons-icon.inbox_plus {
  background-position: -44px -613px;
}
.glyphicons-icon.inbox_minus {
  background-position: -92px -613px;
}
.glyphicons-icon.inbox_lock {
  background-position: -140px -613px;
}
.glyphicons-icon.inbox_in {
  background-position: -188px -613px;
}
.glyphicons-icon.inbox_out {
  background-position: -236px -613px;
}
.glyphicons-icon.cogwheel {
  background-position: -284px -613px;
}
.glyphicons-icon.cogwheels {
  background-position: -332px -613px;
}
.glyphicons-icon.picture {
  background-position: -380px -613px;
}
.glyphicons-icon.adjust_alt {
  background-position: -428px -613px;
}
.glyphicons-icon.database_lock {
  background-position: 4px -661px;
}
.glyphicons-icon.database_plus {
  background-position: -44px -661px;
}
.glyphicons-icon.database_minus {
  background-position: -92px -661px;
}
.glyphicons-icon.database_ban {
  background-position: -140px -661px;
}
.glyphicons-icon.folder_open {
  background-position: -188px -661px;
}
.glyphicons-icon.folder_plus {
  background-position: -236px -661px;
}
.glyphicons-icon.folder_minus {
  background-position: -284px -661px;
}
.glyphicons-icon.folder_lock {
  background-position: -332px -661px;
}
.glyphicons-icon.folder_flag {
  background-position: -380px -661px;
}
.glyphicons-icon.folder_new {
  background-position: -428px -661px;
}
.glyphicons-icon.edit {
  background-position: 4px -709px;
}
.glyphicons-icon.new_window {
  background-position: -44px -709px;
}
.glyphicons-icon.check {
  background-position: -92px -709px;
}
.glyphicons-icon.unchecked {
  background-position: -140px -709px;
}
.glyphicons-icon.more_windows {
  background-position: -188px -709px;
}
.glyphicons-icon.show_big_thumbnails {
  background-position: -236px -709px;
}
.glyphicons-icon.show_thumbnails {
  background-position: -284px -709px;
}
.glyphicons-icon.show_thumbnails_with_lines {
  background-position: -332px -709px;
}
.glyphicons-icon.show_lines {
  background-position: -380px -709px;
}
.glyphicons-icon.playlist {
  background-position: -428px -709px;
}
.glyphicons-icon.imac {
  background-position: 4px -757px;
}
.glyphicons-icon.macbook {
  background-position: -44px -757px;
}
.glyphicons-icon.ipad {
  background-position: -92px -757px;
}
.glyphicons-icon.iphone {
  background-position: -140px -757px;
}
.glyphicons-icon.iphone_transfer {
  background-position: -188px -757px;
}
.glyphicons-icon.iphone_exchange {
  background-position: -236px -757px;
}
.glyphicons-icon.ipod {
  background-position: -284px -757px;
}
.glyphicons-icon.ipod_shuffle {
  background-position: -332px -757px;
}
.glyphicons-icon.ear_plugs {
  background-position: -380px -757px;
}
.glyphicons-icon.record {
  background-position: -428px -757px;
}
.glyphicons-icon.step_backward {
  background-position: 4px -805px;
}
.glyphicons-icon.fast_backward {
  background-position: -44px -805px;
}
.glyphicons-icon.rewind {
  background-position: -92px -805px;
}
.glyphicons-icon.play {
  background-position: -140px -805px;
}
.glyphicons-icon.pause {
  background-position: -188px -805px;
}
.glyphicons-icon.stop {
  background-position: -236px -805px;
}
.glyphicons-icon.forward {
  background-position: -284px -805px;
}
.glyphicons-icon.fast_forward {
  background-position: -332px -805px;
}
.glyphicons-icon.step_forward {
  background-position: -380px -805px;
}
.glyphicons-icon.eject {
  background-position: -428px -805px;
}
.glyphicons-icon.facetime_video {
  background-position: 4px -853px;
}
.glyphicons-icon.download_alt {
  background-position: -44px -853px;
}
.glyphicons-icon.mute {
  background-position: -92px -853px;
}
.glyphicons-icon.volume_down {
  background-position: -140px -853px;
}
.glyphicons-icon.volume_up {
  background-position: -188px -853px;
}
.glyphicons-icon.screenshot {
  background-position: -236px -853px;
}
.glyphicons-icon.move {
  background-position: -284px -853px;
}
.glyphicons-icon.more {
  background-position: -332px -853px;
}
.glyphicons-icon.brightness_reduce {
  background-position: -380px -853px;
}
.glyphicons-icon.brightness_increase {
  background-position: -428px -853px;
}
.glyphicons-icon.circle_plus {
  background-position: 4px -901px;
}
.glyphicons-icon.circle_minus {
  background-position: -44px -901px;
}
.glyphicons-icon.circle_remove {
  background-position: -92px -901px;
}
.glyphicons-icon.circle_ok {
  background-position: -140px -901px;
}
.glyphicons-icon.circle_question_mark {
  background-position: -188px -901px;
}
.glyphicons-icon.circle_info {
  background-position: -236px -901px;
}
.glyphicons-icon.circle_exclamation_mark {
  background-position: -284px -901px;
}
.glyphicons-icon.remove {
  background-position: -332px -901px;
}
.glyphicons-icon.ok {
  background-position: -380px -901px;
}
.glyphicons-icon.ban {
  background-position: -428px -901px;
}
.glyphicons-icon.download {
  background-position: 4px -949px;
}
.glyphicons-icon.upload {
  background-position: -44px -949px;
}
.glyphicons-icon.shopping_cart {
  background-position: -92px -949px;
}
.glyphicons-icon.lock {
  background-position: -140px -949px;
}
.glyphicons-icon.unlock {
  background-position: -188px -949px;
}
.glyphicons-icon.electricity {
  background-position: -236px -949px;
}
.glyphicons-icon.ok_2 {
  background-position: -284px -949px;
}
.glyphicons-icon.remove_2 {
  background-position: -332px -949px;
}
.glyphicons-icon.cart_out {
  background-position: -380px -949px;
}
.glyphicons-icon.cart_in {
  background-position: -428px -949px;
}
.glyphicons-icon.left_arrow {
  background-position: 4px -997px;
}
.glyphicons-icon.right_arrow {
  background-position: -44px -997px;
}
.glyphicons-icon.down_arrow {
  background-position: -92px -997px;
}
.glyphicons-icon.up_arrow {
  background-position: -140px -997px;
}
.glyphicons-icon.resize_small {
  background-position: -188px -997px;
}
.glyphicons-icon.resize_full {
  background-position: -236px -997px;
}
.glyphicons-icon.circle_arrow_left {
  background-position: -284px -997px;
}
.glyphicons-icon.circle_arrow_right {
  background-position: -332px -997px;
}
.glyphicons-icon.circle_arrow_top {
  background-position: -380px -997px;
}
.glyphicons-icon.circle_arrow_down {
  background-position: -428px -997px;
}
.glyphicons-icon.play_button {
  background-position: 4px -1045px;
}
.glyphicons-icon.unshare {
  background-position: -44px -1045px;
}
.glyphicons-icon.share {
  background-position: -92px -1045px;
}
.glyphicons-icon.chevron-right {
  background-position: -140px -1045px;
}
.glyphicons-icon.chevron-left {
  background-position: -188px -1045px;
}
.glyphicons-icon.bluetooth {
  background-position: -236px -1045px;
}
.glyphicons-icon.euro {
  background-position: -284px -1045px;
}
.glyphicons-icon.usd {
  background-position: -332px -1045px;
}
.glyphicons-icon.gbp {
  background-position: -380px -1045px;
}
.glyphicons-icon.retweet_2 {
  background-position: -428px -1045px;
}
.glyphicons-icon.moon {
  background-position: 4px -1093px;
}
.glyphicons-icon.sun {
  background-position: -44px -1093px;
}
.glyphicons-icon.cloud {
  background-position: -92px -1093px;
}
.glyphicons-icon.direction {
  background-position: -140px -1093px;
}
.glyphicons-icon.brush {
  background-position: -188px -1093px;
}
.glyphicons-icon.pen {
  background-position: -236px -1093px;
}
.glyphicons-icon.zoom_in {
  background-position: -284px -1093px;
}
.glyphicons-icon.zoom_out {
  background-position: -332px -1093px;
}
.glyphicons-icon.pin {
  background-position: -380px -1093px;
}
.glyphicons-icon.albums {
  background-position: -428px -1093px;
}
.glyphicons-icon.rotation_lock {
  background-position: 4px -1141px;
}
.glyphicons-icon.flash {
  background-position: -44px -1141px;
}
.glyphicons-icon.google_maps {
  background-position: -92px -1141px;
}
.glyphicons-icon.anchor {
  background-position: -140px -1141px;
}
.glyphicons-icon.conversation {
  background-position: -188px -1141px;
}
.glyphicons-icon.chat {
  background-position: -236px -1141px;
}
.glyphicons-icon.male {
  background-position: -284px -1141px;
}
.glyphicons-icon.female {
  background-position: -332px -1141px;
}
.glyphicons-icon.asterisk {
  background-position: -380px -1141px;
}
.glyphicons-icon.divide {
  background-position: -428px -1141px;
}
.glyphicons-icon.snorkel_diving {
  background-position: 4px -1189px;
}
.glyphicons-icon.scuba_diving {
  background-position: -44px -1189px;
}
.glyphicons-icon.oxygen_bottle {
  background-position: -92px -1189px;
}
.glyphicons-icon.fins {
  background-position: -140px -1189px;
}
.glyphicons-icon.fishes {
  background-position: -188px -1189px;
}
.glyphicons-icon.boat {
  background-position: -236px -1189px;
}
.glyphicons-icon.delete {
  background-position: -284px -1189px;
}
.glyphicons-icon.sheriffs_star {
  background-position: -332px -1189px;
}
.glyphicons-icon.qrcode {
  background-position: -380px -1189px;
}
.glyphicons-icon.barcode {
  background-position: -428px -1189px;
}
.glyphicons-icon.pool {
  background-position: 4px -1237px;
}
.glyphicons-icon.buoy {
  background-position: -44px -1237px;
}
.glyphicons-icon.spade {
  background-position: -92px -1237px;
}
.glyphicons-icon.bank {
  background-position: -140px -1237px;
}
.glyphicons-icon.vcard {
  background-position: -188px -1237px;
}
.glyphicons-icon.electrical_plug {
  background-position: -236px -1237px;
}
.glyphicons-icon.flag {
  background-position: -284px -1237px;
}
.glyphicons-icon.credit_card {
  background-position: -332px -1237px;
}
.glyphicons-icon.keyboard-wireless {
  background-position: -380px -1237px;
}
.glyphicons-icon.keyboard-wired {
  background-position: -428px -1237px;
}
.glyphicons-icon.shield {
  background-position: 4px -1285px;
}
.glyphicons-icon.ring {
  background-position: -44px -1285px;
}
.glyphicons-icon.cake {
  background-position: -92px -1285px;
}
.glyphicons-icon.drink {
  background-position: -140px -1285px;
}
.glyphicons-icon.beer {
  background-position: -188px -1285px;
}
.glyphicons-icon.fast_food {
  background-position: -236px -1285px;
}
.glyphicons-icon.cutlery {
  background-position: -284px -1285px;
}
.glyphicons-icon.pizza {
  background-position: -332px -1285px;
}
.glyphicons-icon.birthday_cake {
  background-position: -380px -1285px;
}
.glyphicons-icon.tablet {
  background-position: -428px -1285px;
}
.glyphicons-icon.settings {
  background-position: 4px -1333px;
}
.glyphicons-icon.bullets {
  background-position: -44px -1333px;
}
.glyphicons-icon.cardio {
  background-position: -92px -1333px;
}
.glyphicons-icon.t-shirt {
  background-position: -140px -1333px;
}
.glyphicons-icon.pants {
  background-position: -188px -1333px;
}
.glyphicons-icon.sweater {
  background-position: -236px -1333px;
}
.glyphicons-icon.fabric {
  background-position: -284px -1333px;
}
.glyphicons-icon.leather {
  background-position: -332px -1333px;
}
.glyphicons-icon.scissors {
  background-position: -380px -1333px;
}
.glyphicons-icon.bomb {
  background-position: -428px -1333px;
}
.glyphicons-icon.skull {
  background-position: 4px -1381px;
}
.glyphicons-icon.celebration {
  background-position: -44px -1381px;
}
.glyphicons-icon.tea_kettle {
  background-position: -92px -1381px;
}
.glyphicons-icon.french_press {
  background-position: -140px -1381px;
}
.glyphicons-icon.coffe_cup {
  background-position: -188px -1381px;
}
.glyphicons-icon.pot {
  background-position: -236px -1381px;
}
.glyphicons-icon.grater {
  background-position: -284px -1381px;
}
.glyphicons-icon.kettle {
  background-position: -332px -1381px;
}
.glyphicons-icon.hospital {
  background-position: -380px -1381px;
}
.glyphicons-icon.hospital_h {
  background-position: -428px -1381px;
}
.glyphicons-icon.microphone {
  background-position: 4px -1429px;
}
.glyphicons-icon.webcam {
  background-position: -44px -1429px;
}
.glyphicons-icon.temple_christianity_church {
  background-position: -92px -1429px;
}
.glyphicons-icon.temple_islam {
  background-position: -140px -1429px;
}
.glyphicons-icon.temple_hindu {
  background-position: -188px -1429px;
}
.glyphicons-icon.temple_buddhist {
  background-position: -236px -1429px;
}
.glyphicons-icon.bicycle {
  background-position: -284px -1429px;
}
.glyphicons-icon.life_preserver {
  background-position: -332px -1429px;
}
.glyphicons-icon.share_alt {
  background-position: -380px -1429px;
}
.glyphicons-icon.comments {
  background-position: -428px -1429px;
}
.glyphicons-icon.flower {
  background-position: 4px -1477px;
}
.glyphicons-icon.baseball {
  background-position: -44px -1477px;
}
.glyphicons-icon.rugby {
  background-position: -92px -1477px;
}
.glyphicons-icon.ax {
  background-position: -140px -1477px;
}
.glyphicons-icon.table_tennis {
  background-position: -188px -1477px;
}
.glyphicons-icon.bowling {
  background-position: -236px -1477px;
}
.glyphicons-icon.tree_conifer {
  background-position: -284px -1477px;
}
.glyphicons-icon.tree_deciduous {
  background-position: -332px -1477px;
}
.glyphicons-icon.more_items {
  background-position: -380px -1477px;
}
.glyphicons-icon.sort {
  background-position: -428px -1477px;
}
.glyphicons-icon.filter {
  background-position: 4px -1525px;
}
.glyphicons-icon.gamepad {
  background-position: -44px -1525px;
}
.glyphicons-icon.playing_dices {
  background-position: -92px -1525px;
}
.glyphicons-icon.calculator {
  background-position: -140px -1525px;
}
.glyphicons-icon.tie {
  background-position: -188px -1525px;
}
.glyphicons-icon.wallet {
  background-position: -236px -1525px;
}
.glyphicons-icon.piano {
  background-position: -284px -1525px;
}
.glyphicons-icon.sampler {
  background-position: -332px -1525px;
}
.glyphicons-icon.podium {
  background-position: -380px -1525px;
}
.glyphicons-icon.soccer_ball {
  background-position: -428px -1525px;
}
.glyphicons-icon.blog {
  background-position: 4px -1573px;
}
.glyphicons-icon.dashboard {
  background-position: -44px -1573px;
}
.glyphicons-icon.certificate {
  background-position: -92px -1573px;
}
.glyphicons-icon.bell {
  background-position: -140px -1573px;
}
.glyphicons-icon.candle {
  background-position: -188px -1573px;
}
.glyphicons-icon.pushpin {
  background-position: -236px -1573px;
}
.glyphicons-icon.iphone_shake {
  background-position: -284px -1573px;
}
.glyphicons-icon.pin_flag {
  background-position: -332px -1573px;
}
.glyphicons-icon.turtle {
  background-position: -380px -1573px;
}
.glyphicons-icon.rabbit {
  background-position: -428px -1573px;
}
.glyphicons-icon.globe {
  background-position: 4px -1621px;
}
.glyphicons-icon.briefcase {
  background-position: -44px -1621px;
}
.glyphicons-icon.hdd {
  background-position: -92px -1621px;
}
.glyphicons-icon.thumbs_up {
  background-position: -140px -1621px;
}
.glyphicons-icon.thumbs_down {
  background-position: -188px -1621px;
}
.glyphicons-icon.hand_right {
  background-position: -236px -1621px;
}
.glyphicons-icon.hand_left {
  background-position: -284px -1621px;
}
.glyphicons-icon.hand_up {
  background-position: -332px -1621px;
}
.glyphicons-icon.hand_down {
  background-position: -380px -1621px;
}
.glyphicons-icon.fullscreen {
  background-position: -428px -1621px;
}
.glyphicons-icon.shopping_bag {
  background-position: 4px -1669px;
}
.glyphicons-icon.book_open {
  background-position: -44px -1669px;
}
.glyphicons-icon.nameplate {
  background-position: -92px -1669px;
}
.glyphicons-icon.nameplate_alt {
  background-position: -140px -1669px;
}
.glyphicons-icon.vases {
  background-position: -188px -1669px;
}
.glyphicons-icon.bullhorn {
  background-position: -236px -1669px;
}
.glyphicons-icon.dumbbell {
  background-position: -284px -1669px;
}
.glyphicons-icon.suitcase {
  background-position: -332px -1669px;
}
.glyphicons-icon.file_import {
  background-position: -380px -1669px;
}
.glyphicons-icon.file_export {
  background-position: -428px -1669px;
}
.glyphicons-icon.bug {
  background-position: 4px -1717px;
}
.glyphicons-icon.crown {
  background-position: -44px -1717px;
}
.glyphicons-icon.smoking {
  background-position: -92px -1717px;
}
.glyphicons-icon.cloud-upload {
  background-position: -140px -1717px;
}
.glyphicons-icon.cloud-download {
  background-position: -188px -1717px;
}
.glyphicons-icon.restart {
  background-position: -236px -1717px;
}
.glyphicons-icon.security_camera {
  background-position: -284px -1717px;
}
.glyphicons-icon.expand {
  background-position: -332px -1717px;
}
.glyphicons-icon.collapse {
  background-position: -380px -1717px;
}
.glyphicons-icon.collapse_top {
  background-position: -428px -1717px;
}
.glyphicons-icon.globe_af {
  background-position: 4px -1765px;
}
.glyphicons-icon.global {
  background-position: -44px -1765px;
}
.glyphicons-icon.spray {
  background-position: -92px -1765px;
}
.glyphicons-icon.nails {
  background-position: -140px -1765px;
}
.glyphicons-icon.claw_hammer {
  background-position: -188px -1765px;
}
.glyphicons-icon.classic_hammer {
  background-position: -236px -1765px;
}
.glyphicons-icon.hand_saw {
  background-position: -284px -1765px;
}
.glyphicons-icon.riflescope {
  background-position: -332px -1765px;
}
.glyphicons-icon.electrical_socket_eu {
  background-position: -380px -1765px;
}
.glyphicons-icon.electrical_socket_us {
  background-position: -428px -1765px;
}
.glyphicons-icon.message_forward {
  background-position: 4px -1813px;
}
.glyphicons-icon.coat_hanger {
  background-position: -44px -1813px;
}
.glyphicons-icon.dress {
  background-position: -92px -1813px;
}
.glyphicons-icon.bathrobe {
  background-position: -140px -1813px;
}
.glyphicons-icon.shirt {
  background-position: -188px -1813px;
}
.glyphicons-icon.underwear {
  background-position: -236px -1813px;
}
.glyphicons-icon.log_in {
  background-position: -284px -1813px;
}
.glyphicons-icon.log_out {
  background-position: -332px -1813px;
}
.glyphicons-icon.exit {
  background-position: -380px -1813px;
}
.glyphicons-icon.new_window_alt {
  background-position: -428px -1813px;
}
.glyphicons-icon.video_sd {
  background-position: 4px -1861px;
}
.glyphicons-icon.video_hd {
  background-position: -44px -1861px;
}
.glyphicons-icon.subtitles {
  background-position: -92px -1861px;
}
.glyphicons-icon.sound_stereo {
  background-position: -140px -1861px;
}
.glyphicons-icon.sound_dolby {
  background-position: -188px -1861px;
}
.glyphicons-icon.sound_5_1 {
  background-position: -236px -1861px;
}
.glyphicons-icon.sound_6_1 {
  background-position: -284px -1861px;
}
.glyphicons-icon.sound_7_1 {
  background-position: -332px -1861px;
}
.glyphicons-icon.copyright_mark {
  background-position: -380px -1861px;
}
.glyphicons-icon.registration_mark {
  background-position: -428px -1861px;
}
.glyphicons-icon.radar {
  background-position: 4px -1909px;
}
.glyphicons-icon.skateboard {
  background-position: -44px -1909px;
}
.glyphicons-icon.golf_course {
  background-position: -92px -1909px;
}
.glyphicons-icon.sorting {
  background-position: -140px -1909px;
}
.glyphicons-icon.sort-by-alphabet {
  background-position: -188px -1909px;
}
.glyphicons-icon.sort-by-alphabet-alt {
  background-position: -236px -1909px;
}
.glyphicons-icon.sort-by-order {
  background-position: -284px -1909px;
}
.glyphicons-icon.sort-by-order-alt {
  background-position: -332px -1909px;
}
.glyphicons-icon.sort-by-attributes {
  background-position: -380px -1909px;
}
.glyphicons-icon.sort-by-attributes-alt {
  background-position: -428px -1909px;
}
.glyphicons-icon.compressed {
  background-position: 4px -1957px;
}
.glyphicons-icon.package {
  background-position: -44px -1957px;
}
.glyphicons-icon.cloud_plus {
  background-position: -92px -1957px;
}
.glyphicons-icon.cloud_minus {
  background-position: -140px -1957px;
}
.glyphicons-icon.disk_save {
  background-position: -188px -1957px;
}
.glyphicons-icon.disk_open {
  background-position: -236px -1957px;
}
.glyphicons-icon.disk_saved {
  background-position: -284px -1957px;
}
.glyphicons-icon.disk_remove {
  background-position: -332px -1957px;
}
.glyphicons-icon.disk_import {
  background-position: -380px -1957px;
}
.glyphicons-icon.disk_export {
  background-position: -428px -1957px;
}
.glyphicons-icon.tower {
  background-position: 4px -2005px;
}
.glyphicons-icon.send {
  background-position: -44px -2005px;
}
.glyphicons-icon.git_branch {
  background-position: -92px -2005px;
}
.glyphicons-icon.git_create {
  background-position: -140px -2005px;
}
.glyphicons-icon.git_private {
  background-position: -188px -2005px;
}
.glyphicons-icon.git_delete {
  background-position: -236px -2005px;
}
.glyphicons-icon.git_merge {
  background-position: -284px -2005px;
}
.glyphicons-icon.git_pull_request {
  background-position: -332px -2005px;
}
.glyphicons-icon.git_compare {
  background-position: -380px -2005px;
}
.glyphicons-icon.git_commit {
  background-position: -428px -2005px;
}
.glyphicons-icon.construction_cone {
  background-position: 4px -2053px;
}
.glyphicons-icon.shoe_steps {
  background-position: -44px -2053px;
}
.glyphicons-icon.plus {
  background-position: -92px -2053px;
}
.glyphicons-icon.minus {
  background-position: -140px -2053px;
}
.glyphicons-icon.redo {
  background-position: -188px -2053px;
}
.glyphicons-icon.undo {
  background-position: -236px -2053px;
}
.glyphicons-icon.golf {
  background-position: -284px -2053px;
}
.glyphicons-icon.hockey {
  background-position: -332px -2053px;
}
.glyphicons-icon.pipe {
  background-position: -380px -2053px;
}
.glyphicons-icon.wrench {
  background-position: -428px -2053px;
}
.glyphicons-icon.folder_closed {
  background-position: 4px -2101px;
}
.glyphicons-icon.phone_alt {
  background-position: -44px -2101px;
}
.glyphicons-icon.earphone {
  background-position: -92px -2101px;
}
.glyphicons-icon.floppy_disk {
  background-position: -140px -2101px;
}
.glyphicons-icon.floppy_saved {
  background-position: -188px -2101px;
}
.glyphicons-icon.floppy_remove {
  background-position: -236px -2101px;
}
.glyphicons-icon.floppy_save {
  background-position: -284px -2101px;
}
.glyphicons-icon.floppy_open {
  background-position: -332px -2101px;
}
.glyphicons-icon.translate {
  background-position: -380px -2101px;
}
.glyphicons-icon.fax {
  background-position: -428px -2101px;
}
.glyphicons-icon.factory {
  background-position: 4px -2149px;
}
.glyphicons-icon.shop_window {
  background-position: -44px -2149px;
}
.glyphicons-icon.shop {
  background-position: -92px -2149px;
}
.glyphicons-icon.kiosk {
  background-position: -140px -2149px;
}
.glyphicons-icon.kiosk_wheels {
  background-position: -188px -2149px;
}
.glyphicons-icon.kiosk_light {
  background-position: -236px -2149px;
}
.glyphicons-icon.kiosk_food {
  background-position: -284px -2149px;
}
.glyphicons-icon.transfer {
  background-position: -332px -2149px;
}
.glyphicons-icon.money {
  background-position: -380px -2149px;
}
.glyphicons-icon.header {
  background-position: -428px -2149px;
}
.glyphicons-icon.blacksmith {
  background-position: 4px -2197px;
}
.glyphicons-icon.saw_blade {
  background-position: -44px -2197px;
}
.glyphicons-icon.basketball {
  background-position: -92px -2197px;
}
.glyphicons-icon.server {
  background-position: -140px -2197px;
}
.glyphicons-icon.server_plus {
  background-position: -188px -2197px;
}
.glyphicons-icon.server_minus {
  background-position: -236px -2197px;
}
.glyphicons-icon.server_ban {
  background-position: -284px -2197px;
}
.glyphicons-icon.server_flag {
  background-position: -332px -2197px;
}
.glyphicons-icon.server_lock {
  background-position: -380px -2197px;
}
.glyphicons-icon.server_new {
  background-position: -428px -2197px;
}

/* RESETS */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
sectionquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0;
    text-decoration: none;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: section;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

sectionquote,
q {
    quotes: none;
}

sectionquote:before,
sectionquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:focus,
textarea:focus,
select:focus {
    outline: 0;
}

body {
    margin: 0;
    line-height: 1.5;
    font-size: 14px;
    color: #434343;
    overflow-x: hidden;
}


/* Desktop */

h1 {
    font-size: 26px;
    line-height: 1.3em;
    font-family: 'source_sans_prosemibold';
    text-shadow: 0 1px 0 #FFF;
}

h2 {
    font-size: 25px;
    /*20*/
    line-height: 1.3em;
}

h3 {
    font-size: 17px;
}

body {
    font-size: 14px;
    background: rgb(250, 250, 250);
    font-family: "source_sans_proregular";
    line-height: 1.4em;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

a {
    text-decoration: none;
    color: rgb(50, 50, 50);
}

b {
    font-family: "source_sans_prosemibold";
}

a:hover {
    text-decoration: none;
    color: #2536a1;
}

.header {}

.mini-nav {
    text-align: right;
    font-size: 12px;
    border-bottom: 1px solid #DDD;
    background: rgba(255, 255, 255, 0.8);
}

.mini-nav-list {
    margin: 0;
    padding: 8px 0 2px;
    float: right;
}

.nav-margin {
    margin-top: 40px;
}

.mini-nav-list li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #DDD;
}

.mini-nav-list li:last-child {
    padding: 0;
    border-right: 0;
}

.mini-nav-list li:nth-last-child(2) {
    border-right: 0;
}

.social-list {
    /*height:24px;*/
}

.social-list a {
    /*display:inline-block;*/
    margin-right: 3px;
}

.social-list a:last-child {
    margin-right: 0px;
}


/* new added */

.collapse-sidebar-icon {
    visibility: hidden;
}

.nav {
    height: 70px;
    background: #FFF;
    /*rgba(255,255,255,0.95);*/
    border-bottom: 1px solid #DDD;
    /*opacity:0.95;*/
}

.container.ct-memu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

@media all and (min-width: 1px) and (max-width: 768px) {
    .nav,
    .container.ct-memu:before,
    .container.ct-memu:after {
        display: table;
        content: " ";
    }
    .nav:after,
    .container.ct-memu:after {
        clear: both;
    }
    .container.ct-memu {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
    .menu-logo-area {
        order: 1;
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    .mini-nav-control {
        order: 2;
        width: 50%;
    }
    .main-nav-mobile {
        order: 3;
        width: 50%;
    }
    .mini-nav-list li>a {
        font-size: 1.4em;
    }
    .ct-memu .main-nav-mobile.show-md select {
        width: 100%;
        height: 30px;
        padding-left: 5px;
        font-size: 1.2em;
    }
    .glyphicons.small:before {
        font-size: 2.1em !important;
    }
}

@media all and (min-width: 769px) and (max-width: 992px) {
    .container.ct-memu {
        width: 90% !important;
    }
    .menu-logo-area {
        width: 50%;
    }
    .main-nav-mobile {
        width: 50%;
        text-align: right;
    }
}

@media all and (min-width: 1px) and (max-width: 992px) {
    .logo.hide-phone {
        display: none !important;
    }
}

@media all and (min-width: 993px) and (max-width: 5000px) {
    .container.ct-memu {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .menu-logo-area {
        display: none !important;
    }
    .logo.hide-phone {
        display: block !important;
        width: 20%;
    }
    .main-nav {
        width: 80%;
    }
    .main-nav ul {
        float: right;
        margin-bottom: 0px;
    }
}

@media all and (min-width: 1px) and (max-width: 1100px) {
    .main-nav ul li a {
        font-size: 12px;
    }
}

@media all and (min-width: 1101px) and (max-width: 1200px) {
    .main-nav ul li a {
        font-size: 11px;
    }
}

@media all and (min-width: 1201px) and (max-width: 5000px) {
    .main-nav ul li a {
        font-size: 12px;
    }
}

.logo a {
    display: block;
    float: left;
    width: 192px;
    height: 37px;
    background: url(../img/logo.png);
}

.select-lang-icon img {
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.select-lang-icon span {
    position: relative;
    top: -3px;
}

.main-nav {
    float: right;
}

.main-nav ul li {
    position: relative;
    float: left;
    font-size: 14px;
    height: 70px;
}

.main-nav ul li a {
    font-family: "thaisans_neueregular";
    display: block;
    padding: 27px 5px 25px;
    /*27px 10px 25px*/
    /*27px 5px 25px*/
}

.main-nav ul li.active a {
    color: #2536a1;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

.main-nav ul li:hover:after,
.main-nav ul li.active:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    display: block;
    position: relative;
    content: '';
    bottom: 4px;
    margin: 0 auto;
    height: 0;
    border-bottom: 3px solid #2536a1;
}

.slider {
    margin-top: 0px;
}

.slider.main {
    margin-top: 40px;
}

.slides {
    height: 487px;
}

.service-tabs {
    /* background: url(../img/shadow-bottom.png) bottom center no-repeat;
    background-size: 100% 18px;
    padding-bottom:18px;*/
    margin-bottom: 40px;
}

.service-tabs .tabs,
.service-tabs .nav-tabs {
    background: #ededed;
    border: 1px solid #a9a9a9;
    height: auto;
}

.service-tabs ul li {
    float: left;
}

.service-tabs ul li a {
    font-size: 16px;
    border-right: 1px solid #a9a9a9;
    display: block;
    padding: 10px 15px 8px;
    color: #464646;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
    /* IE6-9 */
}

.service-tabs ul li a i:before {
    color: #464646;
}

.service-tabs ul li a:hover,
.service-tabs ul li.active a {
    color: #FFF;
    background: #20409a;
}

.service-tabs ul li a:hover i:before,
.service-tabs ul li.active a i:before {
    color: #FFF;
}

.content {}

.service-tabs .content,
.service-tabs .tab-content {
    border: 1px solid #a9a9a9;
    border-top: 0px;
    background: #ffffff;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d7d7d7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #d7d7d7 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
    /* IE6-8 */
    font-size: 16px;
    color: #404040;
}

.service-tabs .content h2 {
    color: #20409a;
    margin: 10px 0;
}

#tab1,
#tab2,
#tab3 {
    padding: 20px;
}


/*
#tab1 {
    background: #26448e; 

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2NDQ4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDYyYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #26448e 0%, #3d62c6 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26448e), color-stop(100%,#3d62c6)); 
background: -webkit-linear-gradient(top,  #26448e 0%,#3d62c6 100%); 
background: -o-linear-gradient(top,  #26448e 0%,#3d62c6 100%); 
background: -ms-linear-gradient(top,  #26448e 0%,#3d62c6 100%);
background: linear-gradient(to bottom,  #26448e 0%,#3d62c6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26448e', endColorstr='#3d62c6',GradientType=0 ); 
}

#tab1 h2,#tab1 label {
    color:#FFF;
}
*/


/*Custom Color Tab*/

.service-tabs ul li.tab1 a:hover,
.service-tabs ul li.tab1.active a {
    color: #fff;
    /*background:#f05929;*/
    background: #20409a;
}

.service-tabs ul li.tab2 a:hover,
.service-tabs ul li.tab2.active a {
    color: #fff;
    /*background:#0198ef;*/
    background: rgb(193, 41, 54) !important
}

.service-tabs ul li.tab3 a:hover,
.service-tabs ul li.tab3.active a {
    color: #fff;
    background: #06a69c;
}

.service-tabs ul li span {
    display: block;
    font-size: 11px;
}

.select-country {
    background: #efebe7;
    margin-bottom: 40px;
}

.select-country .container {
    padding: 0 15px;
}

.select-country {}

.select-country h1 {
    font-family: "thaisans_neuebold";
    text-align: center;
    letter-spacing: 1px;
    margin-top: 40px;
}

.country-pills {
    text-align: center;
}

.country-pills li {
    display: inline;
}

.country-pills a {
    display: inline-block;
    background: #fbfbfb;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0 10px 20px 0;
}

.country-pills a:hover {
    color: #FFF;
    background: #c7b299;
}

.country-pills li.active a {
    color: #FFF;
    background: #c7b299;
}

.country-pills a img {
    position: relative;
    top: 3px;
    left: 2px;
    margin-right: 5px;
}

.life-style-block {
    display: block;
    font-family: "source_sans_prosemibold";
    background: #FFF;
    border-radius: 400px;
    width: 184px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    padding: 30px 0;
    color: #7b7b7b;
    border: 7px solid #dbdbdb;
    margin-bottom: 40px;
}

.life-style-block .life-style-icon i {
    display: inline-block;
    padding-top: 10px;
    width: 100%;
    height: 80px;
    padding: 0;
    text-align: center;
}

.life-style-desc {
    padding-top: 10px;
}

.life-style-block:hover {
    background: #c7b299;
    border-color: #636363;
    color: #434343;
}

.life-style-block:hover .life-style-icon i:before {
    color: #434343;
}

.promotion-list {
    border-radius: 8px;
    box-shadow: 0 0 3px #9b9b9b;
    margin-bottom: 40px;
    overflow: hidden;
}

.promotion-list li a {
    display: block;
    height: 75px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border-bottom: 1px solid #dadada;
    overflow: hidden;
}

.promotion-list li:last-child a {
    border-bottom: 0;
}

.promotion-list li a:hover {
    background: #f5f5f5;
    color: #333333;
}

.promotion-list .img {
    float: left;
    text-align: center;
    margin-top: 9px;
    margin-left: 20px;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    border: 3px solid #FFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    /*background: url('http://dummyimage.com/55x55/e6e6e6/666.png') center center;*/
    overflow: hidden;
}

.promotion-list .img img {
    max-height: 55px;
}

.promotion-list .destination {
    margin-left: 12px;
    line-height: 24px;
    float: left;
    font-family: "source_sans_prosemibold";
    font-size: 18px;
    padding: 13px 0 12px;
    color: #20409a;
    text-shadow: 0 1px 0 #FFF;
}

.promotion-list .destination span {
    font-size: 14px;
    color: rgb(150, 150, 150);
    font-family: "source_sans_proregular";
}

.promotion-list .price {
    float: right;
    margin: 14px 20px 12px 0;
    font-size: 14px;
    line-height: 24px;
}

.promotion-list .price span {
    font-size: 16px;
    font-family: "source_sans_prosemibold";
}


/* Product Block */

.product-block {
    position: relative;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    margin-bottom: 30px;
    border-radius: 5px;
    color: #464646;
    line-height: 1.5em;
}

.promotion-type {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 92px;
    height: 92px;
    background: url(../img/promotion-ribbon.png);
}

.promotion-type.reverse {
    left: -6px;
    background: url(../img/promotion-ribbon-reverse.png);
}

.promotion-type.early-bird {
    background-position: -92px 0;
}

.product-type {
    position: absolute;
    top: 160px;
    left: -15px;
    width: 200px;
    height: 44px;
    background: url(../img/package-type-ribbon.png);
}

.tour-package .product-type {
    background-position: 0 0;
}

.travel-package .product-type {
    background-position: 0 -44px;
}

.ticket-hotel .product-type {
    background-position: 0 -88px;
}

.ticket-package .product-type {
    background-position: 0 -132px;
}

.other-package .product-type {
    background-position: 0 -176px;
}

.product-img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 185px;
    /*background: url('http://dummyimage.com/600x400/e6e6e6/666&text=freesize') center center;*/
    background-size: cover;
    border-bottom: 5px solid #333;
}

.tour-package .product-img {
    border-color: #f05929;
}

.travel-package .product-img {
    border-color: #0198ef;
}

.ticket-hotel-package .product-img {
    border-color: #92278f;
}

.ticket-package .product-img {
    border-color: #be1e2e;
}

.other-package .product-img {
    border-color: #06a69c;
}

.product-details {
    position: relative;
    overflow: hidden;
    height: 100px;
    padding: 20px 15px;
}

.product-details h3 {
    color: #20409a;
    /*#3595d1;*/
    font-family: "thaisans_neuebold";
    margin-bottom: 3px;
    font-size: 15px;
}

.product-details h4 {
    /*color: #3595d1;*/
    margin-bottom: 3px;
    font-size: 14px;
}

.product-details .hide-overflow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.article-details .hide-article-overflow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(100%, rgba(250, 250, 250, 1)));
    background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
    background: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
    background: -ms-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
    background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa', GradientType=0);
}

.product-life-style {
    padding: 15px 15px 0;
    color: #555555;
}

.product-buy-before {
    padding: 5px 15px 0;
    color: #555555;
}

.life-style-tags {
    margin-top: 5px;
}

.life-style-tags li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.life-style-tags li a {
    display: block !important;
    padding: 1px 7px 0px !important;
    background: #acacac !important;
    color: #FFF !important;
    font-size: 12px !important;
    border-radius: 2px !important;
}

.life-style-tags li a:hover {
    background: #00a99d;
}

.product-price {
    float: left;
    padding: 15px;
}

.product-price span {
    font-size: 16px;
    font-family: "source_sans_prosemibold";
    color: #bd1e2c;
}

.view-product {
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 15px;
    font-family: "source_sans_prosemibold";
}

.view-product a {
    display: block;
    padding: 5px 5px 3px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #333;
}

.view-product a:hover {
    background: #f26522;
    color: #FFF;
}

.header-text {
    text-align: center;
    margin-bottom: 40px;
}

.header-text.ribbon {
    display: inline-block;
    position: relative;
    background: #20409a;
    text-shadow: 2px 2px 0 #414040;
    color: #FFF;
    padding: 10px;
    min-width: 350px;
    border-top: 8px solid #636363;
    border-bottom: 8px solid #636363;
    margin: 0 auto;
    margin-bottom: 40px;
}

.header-text.ribbon:before,
.header-text.ribbon:after {
    display: block;
    position: absolute;
    content: '';
    width: 96px;
    height: 92px;
    background: url(../img/ribbon.png) no-repeat;
}

.header-text.ribbon:before {
    top: 3px;
    left: -58px;
}

.header-text.ribbon:after {
    top: 3px;
    right: -58px;
    background-position: -96px 0px;
}

.header-text.ribbon h1 {
    font-family: "thaisans_neuebold";
    letter-spacing: 1px;
    text-shadow: 2px 2px 0 #414040;
}

.article-container {}

.article-container h3 {
    margin-bottom: 20px;
}

.article {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c3b7b7;
}

.article:last-child {
    border-bottom: 0;
}

.article-img {
    float: left;
    width: 68px;
    height: 68px;
    border: 1px solid #999999;
    box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.32);
    /*background: url('http://dummyimage.com/68x68/eee/666') center center;*/
}

.article-details {
    position: relative;
    margin-left: 80px;
    height: 112px;
    overflow: hidden;
}

.small .article-details {
    height: 78px;
}

.article-details h4 {
    font-size: 18px;
    margin-bottom: 3px;
    color: #20409a;
}

.time-stamp {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 3px;
    color: #999;
}

.banner-container img {
    width: 100%;
    margin-bottom: 10px;
}

.footer {
    padding-top: 50px;
    background: #e1e1e1;
}

.footer-container {
    color: #FFF;
    padding-top: 40px;
    background: rgb(32, 64, 154);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwNDA5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTI5NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(32, 64, 154, 1) 0%, rgba(21, 41, 100, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(32, 64, 154, 1)), color-stop(100%, rgba(21, 41, 100, 1)));
    background: -webkit-linear-gradient(top, rgba(32, 64, 154, 1) 0%, rgba(21, 41, 100, 1) 100%);
    background: -o-linear-gradient(top, rgba(32, 64, 154, 1) 0%, rgba(21, 41, 100, 1) 100%);
    background: -ms-linear-gradient(top, rgba(32, 64, 154, 1) 0%, rgba(21, 41, 100, 1) 100%);
    background: linear-gradient(to bottom, rgba(32, 64, 154, 1) 0%, rgba(21, 41, 100, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#20409a', endColorstr='#152964', GradientType=0);
}

.footer a {
    color: white;
}

.social-list li {
    /*float: left;*/
    margin-right: 7px;
    width: 100%;
    margin-bottom: 8px;
}

.social-list li i {
    vertical-align: middle;
    margin-right: 10px;
}

.social-list li a {
    font-weight: bold;
    color: white;
}

.social-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url(../img/social-icon.png);
}

.social-icon.facebook {
    background-position: 0 0;
}

.social-icon.twitter {
    background-position: -24px 0;
}

.social-icon.youtube {
    background-position: -48px 0;
}

.social-icon.skype {
    background-position: -72px 0;
}

.social-icon.instagram {
    background-position: -96px 0;
}

.social-icon.line {
    background-position: -120px 0;
}


/* LOGIN PAGE */

.panel {
    width: 680px;
    margin: 75px auto 200px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.panel.profile {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
}

.panel.register {
    width: 520px;
}

.panel.small {
    width: 680px;
    margin: 20px auto;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.panel p {
    padding: 15px 15px 0;
}

.checkout-panel,
.login-panel,
.register-panel {
    float: left;
}

.checkout-panel h3,
.login-panel h3,
.register-panel h3 {
    background: rgba(0, 0, 0, 0.05);
    padding: 12px 15px;
}

.checkout-panel {
    width: 100%;
}

.login-panel {
    width: 100%;
}

.form-input {
    padding: 15px 15px 0;
}

.form-input label {
    color: rgb(100, 100, 100);
    font-size: 16px;
    font-family: "source_sans_prolight";
    display: block;
    margin-bottom: 5px;
}

.form-input input[type="text"],
.form-input input[type="password"] {
    width: 100%;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.package-label input[type="checkbox"] {
    margin-right: 5px;
}

.package-label span {
    margin-left: 20px;
}

.package-label.w50 {
    width: 50%;
    float: left;
}

.checkbox-label {
    display: inline-block;
    width: 500px;
}

.form-checkbox {
    font-family: "source_sans_prosemibold";
    padding: 20px 15px 0;
    color: rgb(100, 100, 100);
}

.panel button {
    float: right;
    margin: 20px 15px 20px;
    display: block;
    padding: 5px 30px 3px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #333;
}

.form-control {
    /* margin-top: 10px; */
    padding-bottom: 20px;
}

.form-control:after {
    display: block;
    content: '';
    clear: both;
}

.contact-form button {
    float: right;
    display: block;
    padding: 5px 30px 3px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #333;
}

.contact-form button:hover {
    color: #FFF;
    background: #06a69c;
}

a.register-btn,
a.flogin-btn {
    float: right;
    margin: 0px 15px 20px;
    display: block;
    padding: 5px 15px 3px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #333;
}

.panel button:hover {
    color: #FFF;
    background: #06a69c;
}

.panel .register-form button:hover {
    color: #FFF;
    background: #f76017;
}

a.register-btn,
a.flogin-btn {
    float: left;
}

a.flogin-btn {
    margin-left: 0;
}

.register-btn:hover {
    background: #fd5a15;
    color: #FFF;
}

.flogin-btn:hover {
    background: #485ea9;
    color: #FFF;
}

.package-label {
    padding: 20px 15px 0;
}

.package-topic {
    width: 120px;
    float: left;
    font-family: "source_sans_prosemibold";
}

.package-details {
    margin-left: 120px;
    padding-top: 0 !important;
}

.package-details textarea {
    position: relative;
    top: -5px;
    width: 90%;
    resize: vertical;
    height: 120px;
    border-radius: 5px;
    outline: none;
    border: none;
    border: 1px solid rgb(200, 200, 200);
    padding: 5px;
}

.package-details input[type="text"],
.package-details input[type="password"] {
    position: relative;
    top: -5px;
    width: 90%;
    border-radius: 5px;
    outline: none;
    border: none;
    border: 1px solid rgb(200, 200, 200);
    padding: 5px;
}

.panel hr {
    margin-bottom: 0;
}

.panel h4 {
    padding: 15px 15px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "source_sans_probold";
    opacity: 0.75;
}

.m40 {
    margin-top: 40px;
}

.price-details table {
    margin-bottom: 0;
}

.price-details table tr td {
    padding: 8px 15px;
}


/* Check Out */

.progress {
    height: 80px;
    position: relative;
    margin-top: 80px;
    margin-bottom: 30px;
}

.progress-bar {
    height: 5px;
    background: #acacac;
    width: 510px;
    margin: 0 auto;
}

.bar {
    height: 5px;
    width: 0;
    background: #0198ef;
}

.bar.step2 {
    width: 50%;
}

.bar.step3 {
    width: 66%;
}

.bar.step4 {
    width: 100%;
}

.step {
    position: absolute;
    width: 80px;
    text-align: center;
    top: 23px;
}

.step.one {
    left: 275px;
}

.step.two {
    left: 42%;
    margin-left: -40px;
}

.step.three {
    left: 60%;
    margin-left: -40px;
}

.step.four {
    right: 275px;
}

.step b {
    color: #0198ef;
}

.bullet {
    position: absolute;
    top: -30px;
    left: 30px;
    width: 20px;
    height: 20px;
    border: 5px solid #acacac;
    background: #FFF;
    border-radius: 10px;
}

.active .bullet {
    border: 5px solid #0198ef;
}


/* Forms */

.text-input label {
    float: left;
    width: 80px;
    padding: 11px 0 9px;
}

.text-input label.large {
    width: 130px;
}

.text-input input {
    position: relative;
    margin-top: 4px;
    width: 100%;
    height: 31px;
    border: 1px solid #c1c1c1;
    color: #707070;
    outline: none;
}

.text-input {
    height: 39px;
}

.text-input select {
    margin-top: 4px;
    width: 100%;
    height: 31px;
    border: 1px solid #c1c1c1;
    color: #707070;
    outline: none;
}

.text-input span {
    display: block;
    overflow: hidden;
}

.radio-input label {
    display: inline-block;
    padding: 11px 0 9px;
}

button {
    background: #FFF;
    border: 0;
    font-size: 14px;
    padding: 8px 25px 6px;
}

button.submit {
    background: #00746b;
    color: #FFF;
}

button.cancel {
    background: #9e0039;
    color: #FFF;
}

button:focus {
    outline: none;
}

.control-button {
    margin-top: 15px;
    margin-bottom: 0;
    float: right;
}

.control-button .button {
    float: left;
}


/* Overrides Gylpyicons */

.glyphicons.small {
    padding-left: 25px;
}

.glyphicons.x-small {
    padding-left: 20px;
}

.glyphicons.small:before {
    top: -11px;
    font: 18px/1em 'Glyphicons Regular';
}

.glyphicons.x-small:before {
    top: -9px;
    font: 14px/1em 'Glyphicons Regular';
}

.glyphicons.xlarge:before {
    width: 100%;
    text-align: center;
    font: 80px/80px 'Glyphicons Regular';
    color: #7b7b7b;
}


/* hidden classes */

.show-md {
    display: none;
}

.nav {
    /* EDIT HERE */
    /*width: 100%;*/
}

#wrapper {
    width: 100%;
    overflow-x: hidden;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
}

#wrapper.active {
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    -o-transform: translateX(80%);
    -webkit-transform: translateX(80%);
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
}

.page-overlay {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    position: fixed;
    z-index: 9998;
    opacity: 0;
    visibility: none;
    pointer-events: none;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.page-overlay.active {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s;
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.mini-nav-control {
    display: none;
}


/* Product Page */

.page-header {
    margin-top: 20px;
}

.page-header h2 {
    font-family: "thaisans_neuebold";
    margin-bottom: 5px;
    color: #20409a;
    line-height: 1.5em;
}

.page-header a,
.page-header i:before {
    color: #f26522;
}

.page-header a:hover {
    text-decoration: underline;
}

.product-header-img {
    margin-bottom: 40px;
}

.product-header-img img {
    width: 100%;
}

.content-container {
    line-height: 1.8em;
    margin-top: -6px;
    padding: 0 0 0 15px;
}

.content-container img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.product-teaser-container h2 {
    font-family: "thaisans_neuebold";
    line-height: 1.5em;
    font-size: 18px;
    color: #20409a;
    margin-bottom: 20px;
}

.product-teaser-container {
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding: 0 0 40px;
    padding-right: 15px;
    font-size: 15px;
}

.product-teaser-container.article {
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: 0px solid #c2c2c2;
}

.product-teaser-container p {
    font-size: 14px;
    padding-bottom: 20px;
}

.category-list li {
    list-style: none inside;
    padding-left: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.category-list li:last-child {
    border-bottom: 0px solid rgba(0, 0, 0, 0.08);
}

.category-list a {
    display: block;
    margin-bottom: 0;
    padding: 6px 0;
}

.product-details-container,
.advert-list {
    padding: 0 20px 0 0;
}

.product-details-container {
    border-right: 1px solid #c2c2c2;
    padding: 40px 20px 0 0;
}

.product-details-container h2 {
    color: #bd1e2c;
    padding-bottom: 20px;
    text-align: center;
    font-size: 22px;
    font-family: "source_sans_prosemibold";
}

.product-details-container h3 {
    font-family: "thaisans_neuebold";
    color: #20409a;
    padding-bottom: 5px;
}

.product-details-container p {
    padding-bottom: 20px;
    font-size: 13px;
}

.trip-info-box-relate {
    background: rgb(234, 231, 253);
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
}

.trip-info-box {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.trip-info-box h4 {
    color: #4760aa;
    font-family: "source_sans_prosemibold";
}

.trip-info-box-social {
    border-radius: 5px;
    display: flex;
    margin-top: 10px;
}

.trip-info {
    margin-bottom: 40px;
}

.product-price-container {
    margin-top: 20px;
    text-align: center;
    line-height: 30px;
}

.product-price-container a {
    display: block;
    height: 60px;
    width: 220px;
    margin: 0 auto;
}

.product-price-container span {
    font-family: "source_sans_prosemibold";
    font-size: 20px;
    color: #f26522;
}

.product-price-container img {
    margin: 0;
}

.table-responsive {}

.sku-container {
    border-top: 1px solid #c2c2c2;
    padding-top: 40px;
}

.sku-table {
    width: 100%;
    text-align: center;
    background: #FFF;
    border: 1px solid #c2c2c2;
    margin-bottom: 40px;
}

.sku-table thead tr th {
    text-align: center;
    background: rgba(0, 0, 0, 0.05);
}

.sku-table a {
    color: #20409a;
    font-family: "source_sans_prosemibold";
}

a.bookingBtn {
    border-radius: 5px;
    padding: 3px 7px;
    background: #3595d1;
}

a.bookingBtn:hover {
    background: #2185c3;
}

.sku-table a.bookingBtn,
.sku-table a.bookingBtn i:before {
    color: #FFF;
    font-size: 11px;
}

a.bookingBtn .glyphicons.x-small {
    padding-left: 16px;
}

a.bookingBtn i:before {
    margin-top: 3px;
}

.label {
    color: #FFF;
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 12px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.label.promotion {
    background: #fcbf47;
}

.label.early-bird {
    background: #e3868e;
}

.advert-list {
    padding: 20px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-right: 20px;
}

.advert-list h3 {
    color: #20409a;
}

.advert-list p {
    line-height: 1.8em;
    margin-top: 10px;
}

.package-teaser {
    background: #FFF;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.package-teaser h2 {
    margin-bottom: 5px;
}

.package-teaser * {
    line-height: 1.5em
}

.search-filters {
    margin: 20px 0 40px 0;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 225, 225, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(225, 225, 225, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 225, 225, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 225, 225, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 225, 225, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(225, 225, 225, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
}

.filter-container {
    padding: 7px 5px;
}

.search-filters h3 {
    display: inline-block;
    font-family: 'source_sans_prosemibold';
    position: relative;
    top: 1px;
    font-size: 15px;
    text-shadow: 0 1px 0 #FFF;
    margin: 0 10px 0 10px;
}

.search-filters span {
    position: relative;
    border-radius: 5px;
    margin-right: 10px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #20409a;
    background: #20409a;
    /*
    background: rgb(12,141,225);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjOGRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcyYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(12,141,225,1) 0%, rgba(0,114,188,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,141,225,1)), color-stop(100%,rgba(0,114,188,1)));
    background: -webkit-linear-gradient(top,  rgba(12,141,225,1) 0%,rgba(0,114,188,1) 100%);
    background: -o-linear-gradient(top,  rgba(12,141,225,1) 0%,rgba(0,114,188,1) 100%);
    background: -ms-linear-gradient(top,  rgba(12,141,225,1) 0%,rgba(0,114,188,1) 100%);
    background: linear-gradient(to bottom,  rgba(12,141,225,1) 0%,rgba(0,114,188,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c8de1', endColorstr='#0072bc',GradientType=0 );
    */
}

.search-filters select {
    position: relative;
    color: #FFF;
    width: 160px;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: none;
    background: transparent;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
}

.search-filters select::-ms-expand {
    display: none;
}

.search-filters select:focus {
    outline: none;
}

.search-filters select option {
    color: #000;
}

.search-filters span:after {
    display: block;
    text-align: center;
    color: #FFF;
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 10px;
    pointer-events: none;
    height: 28px;
    width: 28px;
    content: '▼';
}

.search-filters input {
    position: relative;
    background: #FFF;
    border-radius: 5px;
    border: 0;
    border: 1px solid #40849d;
    height: 30px;
    padding: 0 5px;
    width: 218px;
}

.searchBtn {
    position: relative;
    color: #FFF;
    width: 85px;
    height: 30px;
    padding: 0px;
    border-radius: 5px;
    margin-left: 10px;
    background: rgb(12, 141, 225);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjOGRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcyYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(12, 141, 225, 1) 0%, rgba(0, 114, 188, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(12, 141, 225, 1)), color-stop(100%, rgba(0, 114, 188, 1)));
    background: -webkit-linear-gradient(top, rgba(12, 141, 225, 1) 0%, rgba(0, 114, 188, 1) 100%);
    background: -o-linear-gradient(top, rgba(12, 141, 225, 1) 0%, rgba(0, 114, 188, 1) 100%);
    background: -ms-linear-gradient(top, rgba(12, 141, 225, 1) 0%, rgba(0, 114, 188, 1) 100%);
    background: linear-gradient(to bottom, rgba(12, 141, 225, 1) 0%, rgba(0, 114, 188, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0c8de1', endColorstr='#0072bc', GradientType=0);
}

.searchBtn i:before {
    margin-top: 0px;
    margin-left: 0px;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8)
}

span.filter-control {
    background: transparent;
    border: none;
    margin-right: 0;
}

span.filter-control:after {
    background: transparent;
    border: none;
    content: '';
}

.contact-form {
    margin: 0 4px;
}

.contact-form label {
    display: block;
}

.contact-form input[type="text"],
.contact-form textarea,
.contact-form select {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.contact-form textarea {
    height: 254px;
}

.job {
    border: 1px solid #0198ef;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.job h2 {
    padding: 5px 10px;
    color: #FFF;
    background: #0198ef;
    cursor: pointer;
    margin-bottom: 0;
}

.job-desc {
    background: #FFF;
    display: none;
    padding: 0px 10px 20px;
}

.job-desc h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}

.job-desc p {
    padding: 5px 0;
}

.job-desc ul li {
    margin-bottom: 5px;
    list-style: disc;
    margin-left: 30px;
}

@-moz-document url-prefix() {
    .searchBtn,
    .search-filters input {
        top: 0px;
    }
    .search-filters select optgroup {
        color: grey;
        font-style: normal;
        font-weight: normal;
        margin-left: 10px;
    }
}


/* JS and debugged classes */

.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.sticky-nav {
    height: 70px;
}


/* Responsive Classes */

@media screen and (max-width: 1200px) {
    .slides {
        height: 402px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    /*
.product-container .product:last-child, .product-container .product:nth-last-child(2) {
    display:none;
}*/
    .search-filters select {
        width: 130px;
    }
    .search-filters input {
        width: 140px;
    }
    .step.one {
        left: 100px;
    }
    .step.two {
        left: 38%;
        margin-left: -40px;
    }
    .step.three {
        left: 61%;
        margin-left: -40px;
    }
    .step.four {
        right: 100px;
    }
}

@media screen and (max-width: 992px) {
    .hide-md {
        display: none;
    }
    .show-md {
        display: block;
    }
    .main-nav-mobile {
        float: right;
    }
    .content-container {
        border-right: 0;
    }
    .slides {
        height: 308px;
    }
    .search-filters h3 {
        display: block;
        float: none;
        margin: 10px;
    }
    .search-filters span {
        margin-left: 10px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .search-filters select {
        width: 340px;
    }
    .search-filters span {
        width: 342px;
    }
    .search-filters input {
        width: 339px;
    }
    .search-filters button {
        float: right;
        margin-top: 10px;
        margin-right: 3px;
    }
    .search-filters:after {
        position: relative;
        display: block;
        content: '';
        clear: both;
    }
    .step.one {
        left: -15px;
    }
    .step.two {
        left: 33%;
        margin-left: -40px;
    }
    .step.three {
        left: 66%;
        margin-left: -40px;
    }
    .step.four {
        right: -15px;
    }
}

@media screen and (max-width: 384px) {
    .hide-phone {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .mini-nav {
        width: 40%;
        position: fixed;
        visibility: hidden;
        /*-moz-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
        -o-transform: translateX(-120%);
        -webkit-transform: translateX(-120%);
        -moz-transition: -moz-transform 0.3s;
        -ms-transition: -ms-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;*/
    }
    .mini-nav.active {
        width: 90%;
        visibility: visible;
        /* z-index: 9999; */
        top: 0;
        margin: 0;
        background: #FFF;
        -moz-transition: width 0.2s ease-in-out;
        -ms-transition: width 0.2s ease-in-out;
        -o-transition: width 0.2s ease-in-out;
        -webkit-transition: width 0.2s ease-in-out;
        /*-moz-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        -webkit-transform: translateX(-20%);*/
    }
    .header.active {
        /*-moz-transform: translateX(80%);
        -ms-transform: translateX(80%);
        -o-transform: translateX(80%);
        -webkit-transform: translateX(80%);
        -moz-transition: -moz-transform 0.3s;
        -ms-transition: -ms-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;*/
    }
    .header {
        /*-moz-transition: -moz-transform 0.3s;
        -ms-transition: -ms-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        -webkit-transform: translateX(0%);*/
    }
    .mini-nav-control {
        display: block;
    }
    .mini-nav-control a {
        display: block;
        padding: 15px;
    }
    .mini-nav.phone .container {
        padding: 0;
    }
    .mini-nav.phone .container .row {
        margin: 0;
    }
    .mini-nav.phone .container .row .col-lg-12 {
        padding: 0;
    }
    .mini-nav-list {
        position: relative;
        float: left;
        width: 100%;
    }
    .mini-nav-list li {
        clear: both;
        display: block;
        border: 0;
        /* height: 40px; */
        line-height: 40px;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mini-nav-list li>a {
        /*display:block;*/
    }
    .social-list a {
        position: relative;
        top: 5px;
        /*float:left;*/
        margin-left: 10px;
    }
    .control-button {
        float: none;
    }
    .control-button .button {
        float: left;
        width: 50%;
        margin: 0;
    }
    .control-button .button button {
        width: 100%;
    }
    .slides {
        height: auto;
    }
    .nav {
        /*position:fixed;*/
        /* z-index: 999; */
        height: 50px;
    }
    .logo a {
        width: 120px;
        height: 25px;
        background: url(../img/logo.png) no-repeat;
        background-size: 100%;
        margin-top: 13px;
    }
    /* new added */
    .collapse-sidebar-icon {
        text-align: right !important;
        margin-top: -9px !important;
        padding-bottom: 5px !important;
        visibility: hidden;
    }
    .sticky-nav {
        height: 103px;
    }
    .flex-control-nav,
    .flex-direction-nav {
        display: none;
    }
    .life-style-block {
        width: 130px;
        font-size: 13px;
        padding: 19px 0;
        margin-bottom: 20px;
    }
    .glyphicons.xlarge:before {
        font: 60px/60px 'Glyphicons Regular';
    }
    .life-style-block .life-style-icon i {
        height: 50px;
    }
    .header-text.ribbon {
        position: relative;
        background: transparent;
        text-shadow: 2px 2px 0 #FFF;
        color: #434343;
        padding: 10px;
        width: 100%;
        min-width: 0;
        border: 0;
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .header-text.ribbon h1 {
        text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
        color: #0198ef;
    }
    .header-text.ribbon:before,
    .header-text.ribbon:after {
        display: none;
    }
    .product-teaser-container {
        border-bottom: 0;
        padding: 0 15px 40px;
    }
    .product-details-container {
        padding: 0 15px
    }
    .content-container {
        padding-left: 0;
    }
    .advert-list {
        padding: 20px;
    }
    /* Product Block */
    .promotion-type {
        position: absolute;
        top: -6px;
        right: -6px;
        width: 92px;
        height: 92px;
        background: url(../img/promotion-ribbon.png);
    }
    .product-type {
        top: 116px;
    }
    .product-img {
        height: 140px;
    }
    .product-life-style {
        /*display:none;*/
    }
    .product-details {
        position: relative;
        overflow: hidden;
        height: 78px;
        padding: 20px 15px 10px;
    }
    .product-price {
        padding: 10px 15px;
    }
    .filter-container {
        padding: 10px;
        padding-bottom: 10px;
    }
    .search-filters h3 {
        margin-left: 0;
    }
    .search-filters span {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .search-filters select {
        width: 100% !important;
    }
    .search-filters input {
        margin-left: 10px;
        width: 100%;
        margin-left: 0;
    }
    .search-filters button {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .search-filters:after {
        position: relative;
        display: block;
        content: '';
        clear: both;
    }
    .advert-list {
        margin-left: 15px;
    }
    .progress {
        display: none;
    }
}

@media screen and (max-width: 680px) {
    .panel,
    .panel.small,
    .panel.register {
        width: 100%;
    }
    .package-details {
        margin-left: 140px;
    }
}

@media screen and (max-width: 480px) {
    .control-button .button {
        float: left;
        width: 100%;
        margin: 0;
        margin-top: 15px;
    }
}


/* Overrides Facebook */

#fb-root {
    display: none;
}

.banner-container .fb_iframe_widget,
.banner-container .fb_iframe_widget span,
.banner-container .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
}


/* HELPER CLASSES */

a.view-all {
    font-size: 18px;
    padding: 10px 16px;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.1);
    color: #666;
    display: inline-block;
}

a.view-all:hover {
    color: #FFF;
    background: #f26522;
    box-shadow: 3px 4px 20px 0px rgba(119, 100, 100, 0.95);
}

a.view-all.green:hover {
    color: #FFF;
    background: #06a69c;
}

a.view-all .glyphicons {
    padding-left: 16px;
}

a.view-all i:before {
    top: -9px;
    padding: 0;
    margin: 0;
    color: #666;
    font-size: 16px;
}

a.view-all:hover i:before {
    color: #FFF;
}

.separator {
    height: 0px;
    border-top: 1px solid #898989;
    border-bottom: 1px solid #FFF;
    text-align: center;
    margin: 30px 0;
}

.separator span {
    position: relative;
    top: -11px;
    font-size: 18px;
    padding: 10px;
    background: #efebe7;
    text-shadow: 0 1px 0 #FFF;
}

.mini-nav-list:after,
.service-tabs .tabs:after,
.country-pills:after,
.life-style-block:after,
.product-block:after,
.life-style-tags:after,
.social-list:after,
.panel:after,
.package-details-container:after,
.m40:after {
    display: block;
    content: '';
    clear: both;
}

.clear {
    clear: both;
}

.rFloat {
    float: right;
}

.lFloat {
    float: left;
}

.hide {
    display: none;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.thankyou {
    line-height: 1.5em;
    padding-top: 40px;
    padding-bottom: 40px;
}


/* Colour Classes */

.text-red {
    color: #bd1e2c;
}

.text-blue {
    color: #20409a;
}

.text-orange {
    color: #f26522
}

table {
    background: #FFF;
    font-size: 14px;
}


/* FLOATING PANEL */

.float-panel.highlight {
    margin-bottom: 120px;
    background: #ddd;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #eee));
    background-image: -o-linear-gradient(bottom, #ddd 0%, #eee 100%);
    background-image: -moz-linear-gradient(bottom, #ddd 0%, #eee 100%);
    background-image: -webkit-linear-gradient(bottom, #ddd 0%, #eee 100%);
    background-image: -ms-linear-gradient(bottom, #ddd 0%, #eee 100%);
    background-image: linear-gradient(to bottom, #ddd 0%, #eee 100%);
    box-shadow: none;
    color: black !important;
}

.float-panel.highlight a,
.float-panel.highlight i,
.float-panel.highlight span {
    color: black !important;
    text-shadow: none;
}

.float-panel.highlight:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #eee;
}

.float-panel {
    position: fixed;
    bottom: 22px;
    left: 15px;
    background: #007FC4;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0198EF), color-stop(1, #007FC4));
    background-image: -o-linear-gradient(bottom, #0198EF 0%, #007FC4 100%);
    background-image: -moz-linear-gradient(bottom, #0198EF 0%, #007FC4 100%);
    background-image: -webkit-linear-gradient(bottom, #0198EF 0%, #007FC4 100%);
    background-image: -ms-linear-gradient(bottom, #0198EF 0%, #007FC4 100%);
    background-image: linear-gradient(to bottom, #0198EF 0%, #007FC4 100%);
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    color: #FFF;
    padding: 10px 10px;
    line-height: 1.5em;
    /*padding-left: 80px;*/
    font-size: 16px;
}

.float-panel:after {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgb(0, 127, 196);
}

.float-panel span {
    display: block;
    font-size: 25px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    font-family: "source_sans_prosemibold";
}

.float-panel a {
    color: #FFF;
}

.float-panel i {
    color: #FFF;
    position: absolute;
    left: 20px;
    top: 12px;
}


/*
.float-panel i:before {
    position: absolute;
    font-size: 20px;
    background: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    color: #444;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);

}
*/

@media screen and (max-width: 1024px) {
    .float-panel {
        /*right:20px;*/
    }
}

@media screen and (max-width: 768px) {
    .float-panel {
        bottom: 0;
        left: 0;
        padding-left: 0;
        border-radius: 0;
        width: 100%;
        text-align: center;
        box-shadow: none;
        font-size: 14px;
    }
    .float-panel span {
        display: inline-block;
    }
    .float-panel a {
        font-size: 18px;
    }
    .float-panel i:before {
        display: none;
    }
}

.icon-partner {
    max-height: 40px;
    float: right;
    z-index: 99;
    margin-top: -50px;
    margin-right: 10px;
}

.icon-partner img {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    max-height: 40px;
    width: auto !important;
}


/*new added */

.fixed-scroll {
    position: fixed;
}

body.navbar-more-show {
    overflow: hidden;
}

.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar {
    font-family: "thaisans_neueregular";
    height: calc(100%);
    max-height: 300px;
    -webkit-transform: translate(0px, calc(-100% + 69px));
    transform: translate(0px, calc(-100% + 69px));
    background-color: rgb(255, 255, 255) !important;
}

.blue {
    color: #20409a;
}

.red {
    color: #bd1e2c;
}


/*========================= desktop navbar =============================*/

.navbar-desktop {
    height: calc(100%);
    height: 112px !important;
    -webkit-transform: translate(0px, calc(-100% + 69px));
    transform: translate(0px, calc(-100% + 69px));
}

.navbar-desktop .container:not(.navbar-more) {
    padding: 0px;
}

.navbar-desktop .first-list {
    font-size: 12px;
}

.navbar-desktop .first-list ul.nav,
.navbar-desktop .first-list ul.nav,
.navbar-desktop .first-list ul.nav li {
    height: 40px;
}

.navbar-desktop .first-list ul.nav {
    border: none;
}

.navbar-desktop .first-list ul.nav li>a {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-desktop .first-list ul.nav li>a:hover {
    color: #2536a1;
}

.navbar-desktop .first-list ul.nav li.external-site>a {
    padding-left: 4px;
    padding-right: 4px;
}

.navbar-desktop .navbar-more-overlay {
    background-color: rgba(102, 102, 102, 0.55);
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    /* z-index: 1029; */
}

.navbar-desktop .navbar-more-show>.navbar-more-overlay {
    display: block;
}

.navbar-desktop .navbar-more-show>.navbar {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.navbar-desktop .navbar-nav.desktop-bar>li>a>span.menu-icon {
    display: block;
    font-size: 1.8em;
}

.navbar-desktop .navbar-nav.desktop-bar {
    font-size: 13px;
    width: 78%;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0px 0px;
}

.navbar-desktop .navbar-nav.desktop-bar>li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    height: 70px;
    width: auto;
    background: rgb(255, 255, 255) !important;
}

.navbar-desktop .navbar-nav.desktop-bar>li:hover {
    border-bottom: 4px solid #2536a1;
}

.navbar-desktop .navbar-nav.desktop-bar>li.menu-active {
    border-bottom: 4px solid #2536a1;
}

.navbar-desktop .navbar-nav.desktop-bar>li>a {
    color: rgb(64, 64, 64);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
}

.navbar-desktop .navbar-nav.desktop-bar>li>a>span.menu-icon {
    display: block;
    font-size: 1.8em;
    margin-left: 10px;
    margin-right: 10px;
}

.navbar-desktop .navbar-more {
    background-color: rgb(255, 255, 255);
    height: calc(100% - 69px);
    overflow: auto;
}

.navbar-desktop .navbar-more .navbar-form {
    border-width: 0px;
}

.navbar-desktop .navbar-more .navbar-nav>li>a {
    color: rgb(64, 64, 64);
}


/*========================= END desktop navbar =============================*/


/*========================= mobile navbar =============================*/

.navbar-mobile {
    height: calc(100%);
    max-height: 300px;
    -webkit-transform: translate(0px, calc(-100% + 69px));
    transform: translate(0px, calc(-100% + 69px));
    /* z-index: 9900; */
}

.navbar-mobile .container:not(.navbar-more) {
    padding: 0px;
}

.navbar-mobile .navbar-more-overlay {
    background-color: rgba(102, 102, 102, 0.55);
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    /* z-index: 1029; */
}

.navbar-mobile .navbar-more-show>.navbar-more-overlay {
    display: block;
}

.navbar-mobile .navbar-more-show>.navbar {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.navbar-mobile .navbar-nav.mobile-bar>li>a>span.menu-icon {
    display: block;
    font-size: 1.8em;
}

.navbar-mobile .navbar-nav.mobile-bar>li>a>span.menu-icon>img {
    width: 25px;
    height: 25px;
}

.navbar-mobile .navbar-nav.mobile-bar {
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    /* -webkit-flex-flow: row wrap;
    flex-flow: row wrap; */
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0px 0px;
    float: left !important;
    position: relative;
}

.navbar-mobile .navbar-nav.mobile-bar>li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
}

.navbar-mobile .navbar-nav.mobile-bar>li>a {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-mobile .navbar-more {
    background-color: rgb(255, 255, 255);
    height: calc(100% - 69px);
    overflow: auto;
}

.navbar-mobile .navbar-more .navbar-form {
    border-width: 0px;
}

.navbar-mobile .navbar-more .navbar-nav>li>a {
    color: rgb(64, 64, 64);
}

.navbar-mobile .navbar-more>.navbar-nav>li>a>span.menu-icon {
    margin-left: 10px;
    margin-right: 10px;
}

.navbar-mobile .mobile-area {
    background: rgb(255, 255, 255) !important;
    overflow: scroll;
    overflow-y: hidden;
    width: 100%;
}

.navbar-mobile .navbar-nav.mobile-bar {
    margin-left: -5px;
}

.navbar-mobile .navbar-nav.mobile-bar>li {
    height: 65px;
    width: auto;
    background: rgb(255, 255, 255) !important;
}

.navbar-mobile .navbar-nav.mobile-bar>li:hover {
    background: #f0f0f0 !important;
}

.navbar-mobile .navbar-nav.mobile-bar>li.menu-active {
    /* border-bottom: 4px solid #2536a1; */
    background: #d8d8d8 !important;
}

.navbar-mobile .navbar-header {
    width: 100%;
    margin-left: 0px;
}

.navbar-mobile .navbar-toggle-btn.home.menu-active {
    color: #2536a1;
    background: #d8d8d8
}

.navbar-mobile ::-webkit-scrollbar {
    height: 5px;
}

.navbar-mobile ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.navbar-mobile ::-webkit-scrollbar-thumb {
    background: #888;
}

.navbar-mobile ::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*========================= END mobile navbar =============================*/

@media (min-width: 768px) {
    .navbar {
        height: 120px;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    .navbar-right {
        margin-right: 0px;
    }
}

@media (max-width: 1200px) and (min-width: 980px) {
    .navbar-desktop .navbar-nav.desktop-bar {
        font-size: 11.5px;
    }
}


/*========================= collapsed sidebar ==============================*/

.navbar-mobile .navbar-toggle-btn {
    padding: 5px 5px;
    border: none;
    cursor: pointer;
    display: block !important;
    border-radius: 5px;
}

.navbar-mobile .navbar-toggle-btn:hover {
    background: #d0d0d0;
    color: #323232;
}

.navbar-mobile .navbar-toggle-btn.clicked {
    background: #d0d0d0;
    color: #2536a1;
}

#slide-navbar-collapse ul.navbar-nav {
    border: none;
}

#slide-navbar-collapse ul.navbar-nav li {
    border-bottom: 1px solid #d0d0d0;
}

#slide-navbar-collapse ul.navbar-nav li.sidebar-menu-active {
    border-left: 4px solid #2536a1 !important;
    background: #dedede !important;
}

#slide-navbar-collapse {
    visibility: hidden;
    position: fixed;
    z-index: 1030;
    width: 240px;
    height: 100%;
    background-color: #ffffff;
    overflow: auto;
    font-size: 16px;
    transition: 0.1s linear;
    opacity: 0.5;
    margin-left: -250px;
    padding: 0;
    box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.75);
}

#slide-navbar-collapse.sidebar-active {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
}

#slide-navbar-collapse ul.navbar-nav {
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

#slide-navbar-collapse ul.navbar-nav li {
    display: flex;
    width: 100%;
}

#slide-navbar-collapse ul.navbar-nav li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}

#slide-navbar-collapse ul.navbar-nav li>a>i {
    padding-right: 20px;
}

.menu-overlay {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    /* z-index: 9910; */
}


/*====================================================================*/


/*========================= floating btn =============================*/

.floating-btn {
    background-color: #20409a;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 25px;
    right: 25px;
    font-size: 2.6667em;
    display: inline-block;
    cursor: pointer;
    z-index: 3;
    /* transition: 0.2s linear; */
}

.floating-btn#master_btn:hover {}

a.floating-btn:hover {
    color: #ffffff;
}

.floating-btn .glyphicon {
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    transition: 0.3s ease-out;
}

.floating-btn .spin {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.bubbleback {
    background-color: #2536a1;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 25px;
    right: 25px;
    font-size: 2.6667em;
    display: inline-block;
    cursor: pointer;
    /* z-index: 9600; */
}

.bubbleback.active {
    -webkit-transform: scale(1.5);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
}

.floating-btn span {
    vertical-align: middle;
}

.floating-btn.child {
    width: 56px;
    height: 56px;
    right: 25px;
    /* display: none; */
    opacity: 0;
    font-size: 2em;
}

.floating-btn.child-scroll {
    width: 56px;
    height: 56px;
    right: 25px;
    display: none;
    opacity: 0.5;
    font-size: 2em;
}

@media (hover: hover) {
    .floating-btn.child-scroll:focus,
    .floating-btn.child-scroll:hover {
        opacity: 1;
        color: #ffffff;
    }
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9000;
    opacity: 0;
    display: none;
}

.floating-btn.child .tooltiptext {
    visibility: hidden;
    font-family: "thaisans_neueregular";
    font-size: 17px;
    width: 13rem;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    border: 1px solid #5d5d5d;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    /* z-index: 9001; */
    right: 122%;
    top: 2%;
    margin-left: -60px;
    opacity: 1;
    /* transition: opacity 0.3s; */
}

.floating-btn.child .tooltiptext.tel {
    top: 20%;
}

.floating-btn.child .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #5d5d5d;
}


/* .floating-btn.child .tooltiptext {
    visibility: visible;
    opacity: 1;
} */

.floating-btn.child-scroll .tooltiptext {
    visibility: hidden;
    font-family: "thaisans_neueregular";
    font-size: 17px;
    width: 10rem;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    border: 1px solid #5d5d5d;
    border-radius: 6px;
    padding: 7px 0;
    position: absolute;
    /* z-index: 9001; */
    right: 122%;
    top: 2%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.floating-btn.child-scroll .tooltiptext {
    top: 20%;
}

.floating-btn.child-scroll .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #5d5d5d;
}

@media (hover: hover) {
    .floating-btn.child-scroll:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
}


/*========================= END floating btn =============================*/


/*========================= highlight popup =============================*/

#highlight_popup {
    margin: 0 auto;
}

#highlight_popup p {
    margin: 0;
}

#highlight_popup img {
    display: block;
}

#highlight_popup .modal-header {
    border-bottom: 4px solid white;
}

.link_dad a:hover {
    color: #B3B3B3;
}

#highlight_popup .modal-footer {
    padding: 0px !important;
    border-top: none !important;
}

#highlight_popup .modal-footer .link_dad .btn {
    font-family: "source_sans_proregular";
    font-size: 1.4em;
    font-weight: 700;
    color: #555;
}

#highlight_popup .modal-footer .link_dad:hover,
#highlight_popup .modal-footer .link_dad:hover .btn,
#highlight_popup .modal-footer .link_dad .btn:hover {
    background: #EDEDED;
    color: #444;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#highlight_popup .modal-footer .link_dad:hover {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


/*========================= END highlight popup =============================*/

.navbar-mobile .dropdown-menu {
    padding: 20px;
    padding-left: 20px;
    padding-right: 20px;
    /* top: 25%; */
    visibility: hidden;
    margin-top: 58px;
    height: auto;
    right: 40px;
    opacity: 0.5;
    transition: 0.1s linear;
    display: initial;
}

.navbar-mobile div.dropdown.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

.navbar-mobile .dropdown-menu:after {
    position: absolute;
    right: 21px;
    margin-left: -20px;
    top: -9px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

.navbar-mobile .dropdown-menu:before {
    position: absolute;
    right: 20.5px;
    margin-left: -20px;
    top: -11px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10.5px solid transparent;
    border-right: 10.5px solid transparent;
    border-bottom: 10.5px solid #d9d9d9;
}

.navbar-mobile .dropdown-menu>p {
    width: 175px;
    text-align: center;
    font-size: 16px;
}

.navbar-mobile .dropdown-menu .btn {
    /* margin-top: 10px; */
}

.navbar-mobile .dropdown-menu .btn.btn-account {
    margin-top: 10px;
}

.navbar-mobile .dropdown-menu .btn.btn-logout {
    margin-top: 10px;
}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 40px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -10px 0 0; position: absolute; top: 50%; z-index: 10; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* bootstrap-touch-carousel v0.8.0, (c) 2014 (ixisio) Andreas Klein */
.touch-carousel{position:relative;overflow:hidden;width:100%;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.touch-carousel .carousel-control{display:none!important}.touch-carousel .carousel-indicators{bottom:10px}.touch-carousel .carousel-indicators li{width:16px;height:16px;margin:1px 5px}.touch-carousel .carousel-indicators li.active{margin:0 5px;width:18px;height:18px}.touch-carousel .carousel-inner{overflow:hidden;-webkit-transform:translate3d(0%,0,0) scale3d(1,1,1);-moz-transform:translate3d(0%,0,0) scale3d(1,1,1);-ms-transform:translate3d(0%,0,0) scale3d(1,1,1);transform:translate3d(0%,0,0) scale3d(1,1,1);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.touch-carousel .carousel-inner>.item{position:relative;float:left;display:block;-webkit-transition:none;-moz-transition:none;transition:none;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.touch-carousel .carousel-inner>.item *{-webkit-transition:none;-moz-transition:none;transition:none}.touch-carousel .carousel-inner.animate{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}@media screen and (max-width:767px){.carousel-caption{display:none}}
a:active {
    outline: none;
}

#wrapper {
    overflow: hidden;
}

.separator span {
    font-size: 16px;
}

.modal {
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 9998 !important;
    opacity: .8 !important;
}


/*Flexslide*/

.flex-viewport {
    max-height: 500px;
}

span.ui-helper-hidden-accessible {
    display: none!important;
}

ul.ui-autocomplete {
    width: 217px;
    background: #fff;
    float: left;
    border: 1px solid #40849D;
    border-top: 0px;
    border-radius: 0 0 5px 5px;
}

ul.ui-autocomplete li {
    color: #000;
    width: 100%;
}

ul.ui-autocomplete li a {
    float: left;
    width: 100%;
    padding: 3px 10px;
}

ul.ui-autocomplete li a.ui-state-focus {
    background: #1e90ff;
    color: #fff;
}

#search_tag.show_list {
    border-bottom: 1px solid #FFFFFF;
    border-radius: 5px 5px 0 0;
}

.separator span.ajax-load {
    background: url(../img/ajax-loader.gif) center center no-repeat #FAFAFA;
    width: 72px;
    height: 40px;
    display: block;
    margin: -10px auto 0;
    padding: 10px;
    text-indent: -9999px;
}


/*Car Rental*/

@media only screen and (min-width:280px) {
    #rentalcar_iframe {
        height: 520px;
    }
}

@media only screen and (min-width:420px) {
    #rentalcar_iframe {
        height: 525px;
    }
}

@media only screen and (min-width:420px) {
    #rentalcar_iframe {
        height: 525px;
    }
}

@media only screen and (min-width:600px) {
    #rentalcar_iframe {
        height: 465px;
    }
}

@media only screen and (min-width:769px) {
    #rentalcar_iframe {
        height: 510px;
    }
}

@media only screen and (min-width:960px) {
    #rentalcar_iframe {
        height: 520px;
    }
}

@media only screen and (min-width:1200px) {
    #rentalcar_iframe {
        height: 660px;
    }
}


/*Product List*/

@media only screen and (min-width:280px) {
    .product-details {
        height: 120px;
        line-height: 1.7em;
        font-size: 13px;
    }
}

@media only screen and (min-width:769px) {
    .product-details {
        height: 150px;
        line-height: 1.7em;
        font-size: 13px;
    }
}

@media only screen and (min-width:960px) {
    .product-details {
        height: 160px;
        line-height: 1.7em;
        font-size: 13px;
    }
}

.article {
    line-height: 1.7em;
    font-size: 13px;
}


/*Article List*/

.article-details {
    max-height: 130px;
    height: auto;
}


/*Relate Article*/

.small .article-details h4 {
    font-size: 15px;
}


/*Input*/

.text-input input {
    padding: 4px;
}

.text-input label {
    width: 100px;
}

.text-input {
    margin-top: 5px;
}

.progress {
    box-shadow: none;
    border: none;
    background-color: transparent;
    overflow: inherit;
}

.progress .progress-bar {
    float: none;
}

.parsley-error-list li {
    color: red;
    padding-left: 21px;
}

.login_page .panel {
    border: none;
}


/*Fix Form Padding*/

.form-input input[type="text"],
.form-input input[type="password"] {
    padding: 4px;
}


/*.promotion-list .destination {width: 370px;}*/

.promotion-list .destination span {
    float: left;
    height: 25px;
    overflow-y: hidden;
}

.promotion-list .price {
    min-width: 100px;
}

.panel .button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #333333;
    display: block;
    float: right;
    margin: 20px 15px;
    padding: 5px 30px 3px;
}

.contact-form .form-control {}

.addon-price {
    float: right;
}


/*Career Fix*/

.job {
    background: #FFF;
}

.extra-product-price-container {
    border-right: 1px solid #c2c2c2;
}

@media (max-width:977px) {
    .extra-product-price-container {
        border-right: 0;
    }
    .product-teaser-container {
        /*padding:0;*/
        border-right: 0;
    }
    .product-details-container {
        border-right: 0
    }
    .search-filters {
        padding: 10px;
    }
    .search-filters h3 {
        margin-left: 0;
    }
    .search-filters span {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .search-filters select {
        width: 100% !important;
    }
    .search-filters .searchBtn {
        margin: 0;
    }
    .sku-table {
        width: 1140px;
    }
    .table-responsive {
        width: 100%;
        /*margin-bottom: 15px;*/
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
}


/*Fix for Agent*/

.select2-results .select2-highlighted {
    background: #eee !important;
    color: black !important;
}

.select2-results .select2-highlighted .product-result {
    background: transparent !important;
}

.search-filters span {
    margin-right: 9px;
}

span.filter-control {
    margin-right: 0px;
}

#wrapper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
}

.click_able {
    cursor: pointer;
}

.modal p {
    margin: 10px 0;
}

.modal ul {
    list-style: disc;
    margin-left: 40px;
}

.modal ol {
    list-style: decimal;
    margin-left: 40px;
}


/*Fix Product View*/

.content-container ul,
.product-details-container ul {
    list-style: disc;
    margin-left: 40px;
}

.content-container ol,
.product-details-container ol {
    list-style: decimal;
    margin-left: 40px;
}

.product-details-container .table>tbody>tr>td {
    border-top: 0px;
    vertical-align: middle;
}

.article td {
    vertical-align: top;
}

.country-pills a img {
    width: 24px;
    height: 24px;
    vertical-align: sub;
    margin-right: 10px;
}

.product-details-container strong,
.article strong {
    font-weight: bold;
}

.article i {
    font-style: italic;
}

.product-details-container {
    font-size: 15px;
    line-height: 2em;
}

.product-details-container h3 {
    font-size: 14px;
}

.product-details-container hr {
    border-top: 1px solid #c2c2c2;
}

.sku-table td {
    vertical-align: middle !important;
}


/*Hack Product Item*/

.product-item-description {
    position: relative;
}

.product-type {
    top: -21px;
}

.product-img {
    height: auto;
    background: none;
}

.product-img img {
    border: 0;
    vertical-align: middle;
    width: 100%;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.product-details-container img
/* .content-container img, */

{
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
}

.product-img .new {
    display: none;
}

.tour-package .product-img .new,
.travel-package .product-img .new {
    width: 70px;
    margin-bottom: -70px;
    padding-top: 15px;
    padding-left: 15px;
    display: block;
}

h1 {
    font-family: 'thaisans_neuebold';
    margin-bottom: 3px;
}

.product-details-container h1,
.product-details-container h2,
.product-details-container h3,
.product-details-container hr {
    font-family: 'thaisans_neuebold';
    clear: both;
}

.article h1 {
    font-family: "thaisans_neuebold";
    line-height: 1.5em;
    font-size: 22px;
    color: #20409a;
    margin-bottom: 20px;
}

.product-details-container .product {
    margin-top: -20px
}

@media (max-width: 1120px) {
    .main-nav ul li a {
        font-size: 11px;
    }
}


/*
@media (max-width: 1120px) {
    .main-nav ul li a
    {
        font-size:12px;
    }
}
@media (max-width: 992px) {
    .product-img
    {
        height:220px;
    }
}
@media (max-width: 624px) {
    .product-img
    {
        height:401px;
    }
    .product-type
    {
        top:379px;
    }
}
@media (max-width: 550px) {
    .product-img
    {
        height:291px;
    }
    .product-type
    {
        top:269px;
    }
}
@media (max-width: 350px) {
    .product-img
    {
        height:195px;
    }
    .product-type
    {
        top:173px;
    }
}
*/

.product-price {
    width: 100%
}


/*hack sku table*/

.sku-container {
    border-top: 0;
}

.product-teaser-container {
    padding-bottom: 0;
}

.promotion-list .destination {
    font-size: 19px;
    padding: 27px 0 23px;
}

.product-details-container .panel {
    width: 100%;
    margin: 0;
}

.product-details-container .panel-title {
    padding: 0;
}

.flex-control-nav {
    bottom: -35px;
}

.product-life-style .life-style-tags {
    margin-left: 0;
    list-style: none;
}

.country-pills a {
    background: #f1f1f1;
}

.package-teaser.mini {
    padding: 10px 10px 0 10px;
}

.country-pills-mini {
    text-align: center;
}

.country-pills-mini li {
    display: inline;
}

.country-pills-mini a {
    display: inline-block;
    background: #f1f1f1;
    border-radius: 3px;
    padding: 3px 2px;
    margin: 0 5px 5px 0;
}

.country-pills-mini a:hover {
    color: #FFF;
    background: #c7b299;
}

.country-pills-mini li.active a {
    color: #FFF;
    background: #c7b299;
}

.select-country h3 {
    font-family: "thaisans_neuebold";
    text-align: center;
    letter-spacing: 1px;
    margin-top: 40px;
    font-size: 26px;
    line-height: 1.3em;
    text-shadow: 0 1px 0 #FFF;
}

.header-text.ribbon h2,
.header-text.ribbon h1 {
    font-family: "thaisans_neuebold";
    letter-spacing: 1px;
    /* text-shadow: 2px 2px 0 #414040; */
    font-size: 26px;
    line-height: 1.3em;
}

.article li {
    font-size: 14px;
}

.article ol,
ul {
    margin-bottom: 10px;
}

.product-details .hide-overflow,
.article-details .hide-article-overflow {
    /*background:none !important;*/
}

.product-list-below a {
    color: #2536a1;
}

.product-list-below strong {
    font-weight: bold;
}

.product-list-below p {
    margin: 10px 0;
}

.product-list-below h2 {
    padding-left: 0;
}

.article-details {
    max-height: none;
}

hr {
    border-top: 1px solid #c2c2c2;
}

.modal-header {
    background: #2536a1;
    color: white;
}

.modal-header .close {
    color: white;
    opacity: 1;
    font-size: 30px;
}

.table_ticket_price table {
    width: 100%;
}

.table_ticket_price img {
    max-width: 100%;
    height: auto;
}

.table_ticket_price tr:last-child {
    background: #f5f5f5;
}

.table_ticket_price td {
    padding: 2px;
    border: 1px solid white;
    /*color:#bd1e2c;*/
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
}

.table_ticket_price td a {
    color: #bd1e2c;
}

.table_ticket_price td,
.table_ticket_price td span {
    font-size: 13px;
}

.header-text.ribbon.red {
    background: #be1e2e;
}

@media screen and (max-width: 768px) {
    .header-text.ribbon.red {
        background: transparent;
    }
    .logo {
        margin-left: 30px;
    }
}

.header-text.ribbon.red:before,
.header-text.ribbon.red:after {
    background-image: url(../img/ribbon_red.png);
    background-repeat: no-repeat;
}


/*Hack Addthis*/

.addthis_native_toolbox {
    line-height: 1.2em;
}


/*
.product-details-container .trip-info-box .addthis_button_facebook_like
{
        margin-top:-2px;
}
.product-details-container .trip-info-box .addthis_button_facebook_share
{
        margin-top:-10px;
}
*/


/*Banner footer homepage*/

.banner_img {
    max-width: 240px;
    position: relative;
}

.banner-caption {
    position: absolute;
    bottom: 8px;
    padding: 10px;
    /*background: url(../img/white-opacity.png);*/
    background: white;
    opacity: .9;
}

.service-tabs .panel {
    margin-top: 0;
}

.service-tabs .panel h4 {
    padding: 0;
}


/*Custom Color Tab*/

.service-tabs .panel-heading a:hover {
    color: black;
}

.service-tabs .tab1 .panel-heading {
    background: #f05929;
    color: white;
}

.service-tabs .tab2 .panel-heading {
    background: #0198ef;
    color: white;
}

.service-tabs .tab3 .panel-heading {
    background: #06a69c;
    color: white;
}

.service-tabs li a {
    border-radius: 0;
    border: 0;
    margin: 0;
}

.service-tabs .panel.col-xs-12,
.service-tabs .panel.col-xs-4 {
    padding-left: 0;
    padding-right: 0;
}

.service-tabs ul li.tab1 a:hover,
.service-tabs ul li.tab1.active a {
    border: 0;
}

.service-tabs ul li.tab2 a:hover,
.service-tabs ul li.tab2.active a {
    border: 0;
}


/*Protect Img*/

img {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: none;
    -webkit-user-drag: none;
    user-drag: none;
}

h3.product-period {
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    text-align: center;
    box-shadow: inset 0px 0px 20px #ddd;
    font-size: 15px;
}

.product-details .hide-overflow {
    left: 0;
}


/*Carousel*/

.carousel-control {
    width: 5%;
}

.carousel-control.left,
.carousel-control.right {
    background: transparent;
}

.carousel-inner {
    overflow: visible;
}

.carousel-inner img {
    display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    margin-top: -25px;
}

.carousel {
    overflow: hidden;
}

.modal-body img {
    width: 100%;
    height: auto;
}

.addthis_button_google_plusone {
    width: 62px !important;
}

.product-block .product-details:hover {
    overflow-y: auto;
}

.float-panel-line {
    position: fixed;
    bottom: 8px;
    /* 15 */
    right: 15px;
}

.float-panel-line img {
    display: block;
}

.float-panel-line:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    /* border-top: 12px solid #00c300; */
}

.home-ticket-promotion {
    line-height: 18px;
    font-size: 12px;
}

.home-ticket-promotion h3 {
    font-family: 'thaisans_neuebold';
    font-size: 18px;
}

.home-ticket-promotion h2 {
    font-family: 'thaisans_neuebold';
    font-size: 26px;
    font-weight: bold;
}

.home-ticket-promotion h2.price {
    margin-bottom: 10px;
}

.main-nav {
    margin-bottom: 0;
}

.main-nav ul.dropdown-menu>li {
    float: none !important;
    height: auto !important;
}

.main-nav ul.dropdown-menu>li:hover {
    text-decoration: none;
    border-bottom: 0;
}

.main-nav ul.dropdown-menu .divider {
    height: 1px !important;
}

.main-nav ul.dropdown-menu>li>a {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-size: 14px;
    line-height: 1.42857143 !important;
    color: #333 !important;
    white-space: nowrap !important;
    text-decoration: none;
}

.main-nav ul.dropdown-menu>li>a:hover {
    border-bottom: 0;
}

.main-nav ul.dropdown-menu li:hover:after {
    border-bottom: 0;
    height: auto;
    margin: auto;
}

.dropdown-toggle {
    text-decoration: none !important;
}

.stickyTop {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.sticky {
    top: 40px!important;
}

@media screen and (max-width: 768px) {
    .sticky {
        top: 0!important;
    }
}

.navTop {
    height: 40px;
    background: #FFF;
    /*rgba(255,255,255,0.95);*/
}

.mini-nav {
    border-bottom: none!important;
}

.header-banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 25px;
    margin-top: 20px;
    width: 100%;
    height: 446px;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}


/*--------- start 24/03/2017 ---------*/


/*@media all and (min-width: 1px) and (max-width: 768px) {
	.carousel .item .product {
		width: 100% !important;
	}
}
@media all and (min-width: 421px) and (max-width: 768px) {
	.carousel .item .product {
		width: 50% !important;
	}
}*/


/*--------- end 24/03/2017 ---------*/
html {
    /*font-size: 62.5%;*/
    /* 1em=10px */
    /* if not specific it default 1em=16px */
}


/*--- start same flex landing page ---*/

section.gng-header,
section.gng-header .flex-container,
section.gng-header .flex-container .flex-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/*--- end same flex landing page ---*/

section.gng-header {
    -webkit-justify-content: center;
    justify-content: center;
}

section.gng-header .flex-container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

section.gng-header .flex-container .flex-item {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

section.gng-header .flex-container .flex-item:nth-child(2) {
    margin-top: 10px;
}

section.gng-header .flex-container .flex-item:nth-child(3) {
    margin-top: 30px;
}

section.gng-header .flex-container .flex-item h1,
section.gng-header .flex-container .flex-item h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

section.gng-header .flex-container .flex-item h1,
section.gng-header .flex-container .flex-item h4,
.first-section,
.promotion-section,
.recommend-section,
.last-section {
    font-family: Kanit;
}

.btn:focus {
    outline: 0px !important;
    outline-offset: 0px !important;
}

.form-control:focus,
select.form-control:focus {
    border-color: none !important;
    outline: 0px !important;
    outline-offset: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.anime-delay {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


/*--------- start landing page ---------*/

.text-gng {
    color: #20409a;
}

.text-grey {
    color: #555656;
}

.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.no-padd-left {
    padding-left: 0px !important;
}

.no-padd-right {
    padding-right: 0px !important;
}

.gng-header {
    background: url(/assets/img/gng/header-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 0px;
    color: inherit;
}

.btn.btn-gng {
    background: #20409a;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #FFFFFF;
    border: none;
    font-size: 2em;
    padding: 10px 35px;
    height: 80px;
    line-height: 60px;
    text-align: center;
    font-weight: 300;
    font-family: Kanit;
    transition: background 0.3s ease-in;
}

.btn.btn-gng:hover {
    background: #2e56c7;
}

.btn.promo-detail,
.btn.all-promotion,
.btn.other-trip {
    background: #FFFFFF;
    color: #20409a;
    border: 1px solid #20409a;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn.promo-detail {
    font-size: 1.1em;
    padding: 7px 25px;
}

.btn.all-promotion {
    font-size: 1.2em;
    padding: 7px 40px;
}

.btn.promo-detail:hover,
.btn.all-promotion:hover,
.btn.other-trip:hover {
    background: #20409a;
    color: #FFFFFF;
}

.gng-header .container {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
}

.gng-header h1.gng,
.gng-header h4.gng {
    font-family: Kanit;
    color: #FFFFFF;
}

.gng-header h1.gng {
    font-size: 4em;
}

.gng-header h4.gng {
    font-family: Kanit;
    font-size: 1.6em;
    font-weight: 300;
}

.gng-header h1.gng,
.first-section h1,
.promotion-section h1 {
    font-family: Kanit;
    text-transform: uppercase;
}

.first-section h1,
.promotion-section h1 {
    font-size: 3em;
}

.promotion-section h1 {
    /* margin-top: 25px; */
    margin-bottom: 25px;
}

.gng-header a {
    font-family: "thaisans_neuebold";
    letter-spacing: 1px;
}


/*--------- start same section property ---------*/

section.first-section,
section.all-package {
    padding-top: 55px;
    box-shadow: inset 0px 0px 150px 100px #FFFFFF;
    -webkit-box-shadow: inset 0px 0px 150px 100px #FFFFFF;
    -moz-box-shadow: inset 0px 0px 150px 100px #FFFFFF;
    -o-box-shadow: inset 0px 0px 150px 100px #FFFFFF;
}


/*--------- start same section property ---------*/

section.first-section h1,
.promotion-section h1,
.last-section h1 {
    font-family: Kanit;
    font-size: 3em;
    text-shadow: none;
    font-weight: 500;
}

section.first-section h1,
.promotion-section h1 {
    /* margin-bottom: 55px; */
}

section.first-section .row-first-section .three-image-box {
    /* margin-bottom: 30px; */
}

h4.ccl-detail {
    font-family: Kanit;
    margin-top: -20px;
    font-size: 1.4em;
    line-height: 1.6em;
    color: #555555;
    font-weight: 300;
}

section.promotion-section {
    background: #FFFFFF;
}

h4.content-first-section {
    font-family: Kanit;
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 300;
}

p.content-first-section {
    font-family: Kanit;
    margin-top: 20px;
    text-align: justify;
}


/*--------- start same display flex section ---------*/

section.last-section,
section.all-package {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}


/*--------- end same display flex section ---------*/


/*--------- start promotion slider ---------*/

ul.promotion-slider {
    list-style: none outside none;
    margin: 0;
}

.promotion-slider li {
    overflow: hidden;
}

.promotion-slider li {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    box-shadow: 0px 0px 15px rgba(187, 187, 187, 0.65);
}

.promotion-slider li img,
.promotion-slider li p {
    display: inline-block;
}

.promotion-slider li p {
    font-family: Kanit;
}

.promotion-slider li .top-title {
    margin-bottom: 15px;
}

.promotion-slider li p.group-detail,
section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
    overflow: hidden;
    color: #20409a;
    padding-right: 10px;
}

.promotion-slider li p.group-detail:hover,
section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail:hover {
    overflow-y: auto;
    padding-right: 0px;
    cursor: default;
}

.promotion-slider li p.group-detail::-webkit-scrollbar,
section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail::-webkit-scrollbar {
    width: 10px;
}

.promotion-slider li p.group-detail::-webkit-scrollbar-thumb,
section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail::-webkit-scrollbar-thumb {
    background-color: rgba(32, 64, 154, 0.75);
    outline: none;
}

.box-fade-grey {
    margin-bottom: -22px;
}

.cart-fade-grey {
    font-family: Kanit;
    background: rgba(0, 0, 0, .5);
    height: 22px;
    color: #FFFFFF;
    padding: 1px 0px 0px 20px;
    font-size: 0.9em;
}

.promotion-slider li .group-airline {
    text-align: center;
}

.promotion-slider li img.air {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: auto;
}

.product-img.gng .new {
    width: 70px;
    margin-bottom: -85px;
    padding-top: 100px;
    padding-left: 15px;
    display: block;
}

.promotion-slider img.promo {
    width: 100%;
}

.box-promo-dt-grp {
    padding-top: 10px;
}

.box-promo-dt-grp .price-block p.start-price {
    color: #a6b1c4;
    font-size: 1em;
}

.box-promo-dt-grp .price-block p span.price {
    color: #39b54a;
    font-size: 1.2em;
}

.box-promo-dt-grp .price-block p span.unit {
    font-size: 1em;
}

.box-promo-dt-grp .price-block .normal-price {
    color: #bbb;
    font-size: 12px;
    font-style: italic;
}


/*
.promotion-slider-box .lSAction>a {
    background-image: none !important;
}

.promotion-slider-mask {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.promotion-slider-mask div.ele div.fade-white {
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.7;
    font-size: 4em;
    color: rgb(255, 255, 255);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    z-index: 99;
}

.promotion-slider-mask div.ele span {
    border: 1px solid rgb(255, 255, 255);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 10px 12px;
    margin: 0 auto;
}

.promotion-slider-mask .fade-blank {
    width: 100%;
    height: 10px;
    opacity: 0.5;
    display: block;
} */

.box-btn-pm-dt {
    padding-top: 10px;
}


/* .row-all-pm-button {
    margin-top: 8rem;
    margin-bottom: 20px;
} */

.row-all-pm-button {
    margin-top: 2rem;
    margin-bottom: 0rem;
}


/*--------- end promotion slider ---------*/


/*--------- start recommend sedtion ---------*/

section.recommend-section {
    /* background: url(../../img/gng/Recooment-BG.png) no-repeat center center;*/
    background: url(/assets/img/gng/Recooment-BG.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

ul.recommend-slider {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}

.recommend-slider li {
    text-align: center;
}

.recommend-section .recommend-slider li img {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 20px rgba(187, 187, 187, 0.9);
    -moz-box-shadow: 1px 1px 20px rgba(187, 187, 187, 0.9);
    box-shadow: 1px 1px 20px rgba(187, 187, 187, 0.9);
}

.recommend-section h1.text-white {
    font-family: Kanit;
    color: #FFFFFF;
    text-shadow: none;
    padding-top: 30px;
    padding-bottom: 5px;
}

.recommend-section p.text-rcm {
    color: #FFFFFF;
    text-shadow: none;
    padding: 20px 40px;
    font-size: 1.2em;
    font-weight: 300;
    text-align: justify;
}

.recommend-section .review-box {
    float: none;
}

.recommend-section h1.review,
.review-box p {
    font-family: Kanit;
    text-align: center;
}

.recommend-section h1.review {
    text-shadow: none;
    padding-top: 0px;
    padding-bottom: 5px;
}

.review-box p {
    font-weight: 300;
}

p.review-desc {
    margin-top: 10px;
}

.recommend-section .flex-recommend-box .lSAction {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.recommend-section .lSAction>a {
    top: 3% !important;
    width: 4% !important;
    background-image: none !important;
    /*background: rgba(255, 255, 255, 0.52);*/
}

.recommend-section .lSSlideOuter .lSPager.lSpg>li:hover a,
.recommend-section .lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: #FFFFFF;
}

.recommend-section .lSSlideOuter .lSPager.lSpg>li a {
    background-color: transparent;
    border: 1px solid #FFFFFF;
}


/*--------- end recommend sedtion ---------*/

section.last-section {
    margin-top: 30px;
}

.row-trip {
    margin-bottom: 60px;
}

.last-section h1 {
    margin-bottom: 30px;
}

.block-btn-trip-country {
    float: none;
}

.btn.travel.active {
    background: #20409a;
    color: #FFFFFF;
}

.btn.travel {
    border: 1px solid #20409a;
    font-size: 1.5em;
    /* padding: 10px 35px; */
    height: 60px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    transition: background 0.5s ease;
    background: #FFFFFF;
    color: #20409a;
}

.btn.travel.trip {
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn.travel.country {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.btn.travel.active:hover {
    background: #20409a;
    color: #FFFFFF;
}

.btn.travel.trip.active:hover {
    border: 1px solid #20409a;
}

.btn.travel.country.active:hover {
    border: 1px solid #20409a;
}

.btn.travel:hover {
    background: #c12936;
    border-top: 1px solid #c12936;
    border-left: 0px;
    border-right: 1px solid #c12936;
    border-bottom: 1px solid #c12936;
    color: #FFFFFF;
}


/*--------- start clear ---------*/

section.last-section .flex-gallery:before,
section.last-section .flex-gallery:after,
section.last-section .flex-gallery .your-trip-content:before,
section.last-section .flex-gallery .your-trip-content:after,
section.last-section .flex-gallery .your-country-content:before,
section.last-section .flex-gallery .your-country-content:after,
section.last-section .flex-gallery .small-content:before,
section.last-section .flex-gallery .small-content:after,
section.all-package .flex-topic:before,
section.all-package .flex-topic:after,
section.all-package .flex-country:before,
section.all-package .flex-country:after {
    display: table;
    content: " ";
}

section.last-section .flex-gallery:after,
section.last-section .flex-gallery .your-trip-content:after,
section.last-section .flex-gallery .your-country-content:after,
section.last-section .flex-gallery .small-content:after,
section.all-package .flex-topic:after,
section.all-package .flex-country:after {
    clear: both;
}


/*--------- end clear ---------*/

section.last-section .flex-gallery .your-trip-content,
section.last-section .flex-gallery .your-country-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

section.last-section .flex-gallery .your-trip-content .flex-item,
section.last-section .flex-gallery .your-country-content .flex-item {
    display: -webkit-flex;
    display: flex;
}

section.last-section .flex-gallery .your-trip-content .flex-item.odd,
section.last-section .flex-gallery .your-country-content .flex-item.odd {
    margin-right: 20px;
}

section.last-section .flex-other-trip {
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
}


/*--------- start same large figure ---------*/

figure.large {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: center;
    /* margin-bottom: 10%; */
}

figure.large img,
figure.small img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-filter: brightness(85%);
    filter: brightness(85%);
}

figure.large img.img-lmn {
    width: 100%;
    filter: alpha(opacity=30);
}

figure.large .text-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -mox-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

figure.large h2.text,
figure.large h4.text {
    font-family: Kanit;
    color: #FFFFFF;
}

figure.large h2.text {
    font-size: 3em;
    font-weight: 400;
    margin-top: 0px;
}

figure.large h4.text {
    font-size: 1.5em;
    font-weight: 300;
    margin-top: 40px;
}

section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h2,
section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h4,
section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h2,
section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h4 {
    font-family: Kanit;
    color: #ffffff;
    margin-bottom: 0px;
    z-index: 990;
}

section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h2,
section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h2 {
    margin-top: -35px;
    height: 40px;
    font-weight: 400;
}

section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h4,
section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h4 {
    margin-top: 10px;
    height: 25px;
    font-size: 1.5em;
    font-weight: 300;
}

@media all and (min-width: 1px) and (max-width: 420px) {
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group {
        margin-top: -100px;
        height: 100px;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h2,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h2 {
        font-size: 2em;
    }
}

@media all and (min-width: 421px) and (max-width: 1000px) {
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group {
        margin-top: -160px;
        height: 160px;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h2,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h2 {
        font-size: 2.2em;
    }
}

@media all and (min-width: 1px) and (max-width: 768px) {
    section.first-section p.content-first-section {
        display: none;
    }
}

@media all and (min-width: 1001px) and (max-width: 1100px) {
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group {
        margin-top: -130px;
        height: 130px;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h2,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h2 {
        font-size: 2.4em;
    }
}

@media all and (min-width: 1101px) {
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group {
        /* margin-top: -180px;
        height: 180px; */
        position: absolute;
        margin-top: 1.5rem;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h2,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h2 {
        font-size: 3em;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h4,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h4 {
        margin-top: 20px;
    }
}

figure.large button.btn.view-more {
    background: #FFFFFF;
    color: #20409a;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: 400;
    height: 50px;
    font-family: Kanit;
    visibility: hidden;
    position: relative;
}

figure.large:hover {
    /* :hover */
    background: rgb(15, 15, 15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background 0.5s ease-in;
    transition: background 0.5s ease-in;
}


/*--------- start same img hover ---------*/

figure.large:hover img {
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


/*--------- end same img hover ---------*/

figure.large:hover img.img-lmn {
    /* :hover */
    opacity: 0.4;
}

figure.large:hover button.btn.view-more {
    /* :hover */
    visibility: visible;
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.75);
}


/*--------- end same large figure ---------*/


/*--------- start small picture ---------*/

section.last-section .small-content .flex-item figure.small .text-group h2,
section.last-section .small-content .flex-item figure.small .text-group h4 {
    /*position: absolute;*/
    color: #ffffff;
    margin-bottom: 0px;
    z-index: 98;
}

section.last-section .small-content .flex-item figure.small .text-group h2 {
    margin-top: -0.5rem;
    /* height: 30px; */
    font-size: 3em;
}

section.last-section .small-content .flex-item figure.small .text-group .text-edit-h2 {
    margin-top: -0.5rem;
    /* height: 30px; */
    font-size: 2.5em;
}

section.last-section .small-content .flex-item figure.small .text-group h4 {
    margin-top: 5px;
    height: 15px;
}

@media all and (min-width: 1px) and (max-width: 420px) {
    section.last-section .small-content .flex-item figure.small .text-group {
        margin-top: -40px;
        height: 40px;
    }
}

@media all and (min-width: 421px) and (max-width: 1000px) {
    section.last-section .small-content .flex-item figure.small .text-group {
        margin-top: -70px;
        height: 70px;
    }
}

@media all and (min-width: 1001px) and (max-width: 1100px) {
    section.last-section .small-content .flex-item figure.small .text-group {
        margin-top: -40px;
        height: 40px;
    }
}

@media all and (min-width: 1101px) {
    section.last-section .small-content .flex-item figure.small .text-group {
        margin-top: -70px;
        height: 70px;
    }
}

@media all and (min-width: 1px) and (max-width: 360px) {
    section.last-section .small-content .flex-item figure.small .text-group h4 {
        font-size: 1em;
    }
}

@media all and (min-width: 361px) and (max-width: 375px) {
    section.last-section .small-content .flex-item figure.small .text-group h4 {
        font-size: 1.1em;
    }
}

@media all and (min-width: 376px) {
    section.last-section .small-content .flex-item figure.small .text-group h4 {
        font-size: 1.5em;
    }
    section.last-section .small-content .flex-item figure.small .text-group .text-edit-h2 {
        /* margin-top: -2rem; */
    }
    section.last-section .small-content .flex-item figure.small .text-group .text-edit-h4 {
        margin-top: 0.5rem;
    }
}


/*--------- end small picture ---------*/

section.last-section .flex-gallery .small-content {
    width: 100%;
    padding: 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.last-section .flex-gallery .small-content .flex-item {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5px;
}

section.last-section .flex-gallery .small-content .flex-item.odd {
    margin-right: 20px;
}


/*--------- start small figure ---------*/

figure.small {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    /*background: -webkit-linear-gradient(transparent 0%, #000000 80%);
    background: -o-linear-gradient(transparent 0%, #000000 80%);
    background: -moz-linear-gradient(transparent 0%, #000000 80%);
    background: linear-gradient(transparent 0%, #000000 80%);*/
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    margin-top: -2rem;
}

figure.small img.img-lmn {
    width: 100%;
    /*opacity: 0.5;*/
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

section.last-section .small-content .flex-item figure.small .text-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -mox-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 54%;
    transform: translate(0, -50%);
}


/*figure.small h2.text, figure.small h4.text {  , figure.small button.btn.view-more 
    position: absolute;
}*/

figure.small h2.text,
figure.small h4.text {
    font-family: Kanit;
    color: #FFFFFF;
}

figure.small h2.text {
    font-size: 2em;
    font-weight: 400;
    margin-top: -10px;
}

figure.small h4.text {
    font-size: 1.2em;
    font-weight: 300;
    margin-top: 10px;
}

figure.small button.btn.view-more {
    width: 100%;
    background: #FFFFFF;
    color: #20409a;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 1em;
    font-weight: 400;
    height: 30px;
    line-height: 15px;
    font-family: Kanit;
    position: relative;
    visibility: hidden;
    transition: all 0.5s ease;
    margin-top: -1.8rem;
    z-index: 99;
}

figure.small:hover {
    /* :hover */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    /*box-shadow: 0px 1px 20px 0px #868585;
    -webkit-box-shadow: 0px 1px 20px 0px #868585;
    -moz-box-shadow: 0px 1px 20px 0px #868585;
    -o-box-shadow: 0px 1px 20px 0px #868585;*/
    background: rgb(15, 15, 15);
    transition: background 0.5s ease-out;
}

figure.small:hover img.img-lmn {
    /* :hover */
    opacity: 0.4;
}

figure.small:hover button.btn.view-more {
    /* :hover */
    visibility: visible;
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.75);
}


/*--------- end small figure ---------*/

.btn.other-trip {
    font-size: 1.2em;
    padding: 7px 70px;
}


/*--------- start responsive landing page ---------*/

@media all and (min-width: 1px) and (max-width: 1000px) {
    /* mobile + tablet */
    section.last-section .flex-gallery .small-content {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 1rem;
        padding-top: 3rem;
    }
    section.last-section .flex-gallery .small-content .flex-item {
        flex: 0 0 45%;
        -webkit-justify-content: center;
        justify-content: center;
    }
    figure.large {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: center;
        margin-bottom: 1rem;
    }
}

@media all and (min-width: 1001px) {
    /* desktop */
    .promotion-slider-mask div.ele {
        width: 20%;
    }
    section.last-section .flex-gallery .small-content {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    section.last-section .flex-gallery .small-content {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 3.5rem;
        /* padding-top: 3rem; */
    }
    section.last-section .flex-gallery .small-content .flex-item {
        flex: 0 0 23%;
        margin-top: 15px;
        margin-bottom: 30px;
        margin-right: 20px;
    }
    section.last-section .flex-gallery .small-content .flex-item:last-child {
        margin-right: 0px;
    }
    section.last-section .flex-other-trip {
        margin-top: 0rem;
    }
    figure.large {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: center;
        /* margin-bottom: 4rem; */
    }
}

@media all and (min-width: 1px) and (max-width: 420px) {
    /* mobile */
    section.gng-header {
        height: 400px;
    }
    .gng-header .container {
        padding-top: 18px;
    }
    .first-section {
        height: 830px;
    }
    .first-section h1,
    .promotion-section h1,
    .last-section h1 {
        font-size: 2.5em;
    }
    section.first-section .row-first-section .flex-item img {
        width: 100px;
        height: auto;
    }
    section.first-section .row-first-section .three-image-box .flex-item img.ccl {
        width: 130px;
    }
    section.first-section .row-first-section .three-image-box .flex-item h4.ccl-detail {
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .promotion-section {
        /* margin-top: 60px; */
        /* margin-top: 20px; */
        height: 750px;
        /* padding-top: 40px; */
        padding-top: 30px;
    }
    .promotion-slider-box,
    ul.promotion-slider {
        height: 470px !important;
    }
    .promotion-slider.one {
        margin: 0 auto;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 450px;
    }
    .promotion-slider.one li {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 65px;
    }
    .promotion-slider-mask.one {
        visibility: hidden;
    }
    .promotion-slider-mask {
        margin-top: -460px !important;
    }
    .promotion-slider-mask div.ele div.fade-white {
        width: 60px;
    }
    .promotion-slider-mask div.ele div.fade-white span {
        font-size: 0.3em;
    }
    .box-promo-dt-grp .price-block {
        padding: 0px !important;
    }
    .recommend-section .recommend-slider li img {
        width: 90%;
    }
    .recommend-section .review-box {
        margin-top: -128px;
        padding: 0px;
    }
    .recommend-section .review-box h1.review {
        font-size: 1em;
        padding-bottom: 0px;
    }
    .recommend-section .review-box p {
        font-size: 0.7em;
        margin-top: 0px;
        padding: 0px 7%;
        line-height: 1em;
    }
    .recommend-section .review-box p.review-tag {
        margin-top: 5px;
    }
    .promotion-slider-box .lSAction>a {
        /* top: 5% !important;
        width: 17% !important;
        height: 96.5% !important; */
    }
    .row-all-pm-button {
        margin-top: 40px;
    }
    .recommend-section .lSAction>a {
        height: 29.5% !important;
    }
    ul.recommend-slider,
    .recommend-slider li {
        height: 160px !important;
    }
    .recommend-section p.text-rcm {
        font-size: 1em;
        padding: 20px 10px;
    }
    .recommend-section .flex-recommend-box {
        height: 210px;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 20px !important;
    }
    .btn.travel {
        font-size: 1.2em;
    }
    section.last-section .flex-gallery {
        width: 100%;
        margin-top: -2rem;
    }
}

@media all and (min-width: 421px) and (max-width: 768px) {
    /* mobile, tablet */
    section.first-section .row-first-section .three-image-box .flex-item img.ccl {
        width: 140px;
    }
}

@media all and (min-width: 1px) and (max-width: 1000px) {
    /* mobile, tablet */
    section.gng-header .flex-container .flex-item .btn.btn-gng {
        height: 60px;
        line-height: 40px;
        font-size: 1.7em;
    }
    section.first-section .row-first-section .flex-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media all and (min-width: 769px) {
    .row-second-of-first-section {
        margin-top: 50px;
    }
    section.first-section .row-first-section .three-image-box .flex-item img.ccl {
        width: auto;
        height: auto;
    }
    section.first-section .row-first-section .three-image-box .flex-item h4.ccl-detail {
        font-size: 1.75em;
    }
    section.first-section .row-first-section .three-image-box .flex-item h4.ccl-detail .mb {
        display: inline;
    }
}

@media all and (min-width: 421px) and (max-width: 768px) {
    /* tablet */
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 60px;
    }
    ul.recommend-slider,
    .recommend-slider li {
        height: 295px !important;
    }
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 470px !important; */
        height: 100% !important;
    }
    .promotion-slider.one,
    .promotion-slider.two {
        margin: 0 auto;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 380px;
    }
    .promotion-slider.one li,
    .promotion-slider.two li {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    .promotion-slider .btn.promo-detail {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    .promotion-slider .box-btn-pm-dt {
        padding-left: 0px;
        padding-right: 0px;
    }
    .promotion-slider-mask {
        margin-top: -460px !important;
    }
    .promotion-slider-mask.one,
    .promotion-slider-mask.two {
        visibility: hidden;
    }
    .promotion-slider-mask div.ele:first-child,
    .promotion-slider-mask div.ele:last-child {
        width: 10%;
    }
    .promotion-slider-mask div.ele div.fade-white span {
        font-size: 0.5em;
    }
    .promotion-slider-box .lSAction>a {
        /* top: 5.5% !important;
        width: 17% !important;
        height: 81% !important; */
    }
    .recommend-section p.text-rcm {
        padding: 20px 15px;
        font-size: 1.1em;
    }
    .recommend-section .recommend-slider li img {
        width: 95%;
    }
    .recommend-section .flex-recommend-box {
        height: 370px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -145px;
        padding: 0px;
    }
    .recommend-section .review-box h1.review {
        font-size: 1em;
        padding-bottom: 0px;
        margin-bottom: 5px;
    }
    .recommend-section .review-box p {
        font-size: 0.85em;
        margin-top: 0px;
        padding: 0px 7%;
        line-height: 1.2em;
    }
    .recommend-section .review-box p.review-tag {
        margin-top: 2px;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 30px !important;
    }
}

@media all and (min-width: 421px) and (max-width: 1000px) {
    /* tablet */
    .gng-header {
        height: 400px;
    }
    .gng-header .container {
        padding-top: 48px;
    }
    .first-section {
        /* height: 900px; */
        height: auto;
        /* padding-bottom: 3rem; */
    }
    .promotion-section h1 {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    img.ccl {
        width: 150px;
    }
    section.last-section .flex-gallery {
        width: 100%;
        margin-top: -1rem;
    }
}

@media all and (min-width: 421px) {
    /* tablet */
    section.first-section .row-first-section .flex-item h4 {
        font-size: 1.7em !important;
    }
    section.first-section .row-first-section .flex-item img {
        width: auto;
        height: auto;
    }
}

@media all and (min-width: 769px) and (max-width: 1000px) {
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 470px !important; */
        height: 100% !important;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 380px;
    }
    .promotion-slider .btn.promo-detail {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    .promotion-slider .box-btn-pm-dt {
        padding-left: 0px;
        padding-right: 0px;
    }
    .promotion-slider-mask {
        margin-top: -452px !important;
        margin-right: -1px;
    }
    .promotion-slider-mask div.ele:first-child,
    .promotion-slider-mask div.ele:last-child {
        width: 33.5%;
    }
    .promotion-slider-mask div.ele div.fade-white span {
        font-size: 1em;
    }
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 60px;
    }
    .recommend-section .review-box {
        margin-top: 180px;
        padding: 0px;
        width: 45%;
    }
    /*.promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
    }
    .promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
        height: 100% !important;
    }*/
    .recommend-section .lSAction>a {
        height: 72% !important;
    }
    ul.recommend-slider,
    .recommend-slider li {
        height: 425px !important;
    }
    .recommend-section p.text-rcm {
        padding-left: 50px;
        padding-right: 50px;
    }
    .recommend-section .flex-recommend-box {
        height: 370px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -210px;
        padding: 0px;
    }
    .recommend-section .review-box h1.review {
        font-size: 1.5em;
        padding-bottom: 0px;
    }
    .recommend-section .review-box p {
        font-size: 1em;
        margin-top: 10px;
        padding: 0px 7%;
        line-height: 1.2em;
    }
    .recommend-section .review-box p.review-tag {
        margin-top: 5px;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 30px !important;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item.lg,
    section.last-section .flex-gallery .your-country-content .flex-item.lg {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
        -webkit-justify-content: center;
        justify-content: center;
    }
    figure.large button.btn.view-more {
        width: 550px;
        margin-top: -3rem;
        z-index: 99;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item:nth-child(odd),
    section.last-section .flex-gallery .your-country-content .small-content .flex-item:nth-child(odd) {
        -webkit-justify-content: flex-end;
        /* justify-content: flex-end; */
        justify-content: center;
        margin-bottom: 3rem;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item:nth-child(even),
    section.last-section .flex-gallery .your-country-content .small-content .flex-item:nth-child(even) {
        -webkit-justify-content: flex-start;
        /* justify-content: flex-end; */
        justify-content: center;
    }
}

@media all and (min-width: 769px) and (max-width: 1001px) {
    .promotion-slider.one,
    .promotion-slider.two,
    .promotion-slider.three {
        margin: 0 auto;
    }
    .promotion-slider.one li,
    .promotion-slider.two li,
    .promotion-slider.three li {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    .promotion-slider-mask.two,
    .promotion-slider-mask.two,
    .promotion-slider-mask.three {
        visibility: hidden;
    }
    section.all-package .flex-promotion {
        width: 100% !important;
    }
    section.all-package .flex-promotion ul.promotion-ul li.flex-item {
        width: 48% !important;
    }
}

@media all and (min-width: 1002px) {
    .promotion-slider.one,
    .promotion-slider.two,
    .promotion-slider.three,
    .promotion-slider.four,
    .promotion-slider.five {
        margin: 0 auto;
    }
    .promotion-slider.one li,
    .promotion-slider.two li,
    .promotion-slider.three li,
    .promotion-slider.four li,
    .promotion-slider.five li {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    .promotion-slider-mask.one,
    .promotion-slider-mask.two,
    .promotion-slider-mask.three,
    .promotion-slider-mask.four {
        visibility: hidden;
    }
}

@media all and (min-width: 1001px) and (max-width: 1100px) {
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 400px !important; */
        height: 100% !important;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 380px;
    }
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 65px;
        font-size: 0.85em;
    }
    .promotion-slider .btn.promo-detail {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    .promotion-slider .box-btn-pm-dt {
        padding-left: 0px;
        padding-right: 0px;
    }
    .promotion-slider-mask {
        margin-top: -390px !important;
    }
    /*.promotion-slider-mask div.ele:first-child
    , .promotion-slider-mask div.ele:last-child {
            width: 20%;
    }*/
    .promotion-slider-mask div.ele div.fade-white span {
        font-size: 1em;
    }
    .box-promo-dt-grp .price-block {
        padding: 0px !important;
    }
    /*.promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
        height: 100% !important;
    } */
    ul.recommend-slider,
    .recommend-slider li {
        height: 430px !important;
    }
    .recommend-section p.text-rcm {
        padding-left: 50px;
        padding-right: 50px;
    }
    .recommend-section .flex-recommend-box {
        height: 510px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -260px;
        padding: 0px;
    }
    .recommend-section .review-box h1.review {
        font-size: 1.6em;
        padding-bottom: 0px;
    }
    .recommend-section .review-box p {
        font-size: 1em;
        margin-top: 10px;
        padding: 0px 7%;
        line-height: 1.2em;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 40px !important;
    }
    .review-box {
        margin-top: -270px;
        padding: 0px;
    }
    .recommend-section .lSAction>a {
        height: 74% !important;
    }
    .block-btn-trip-country {
        width: 60%;
    }
    .box-promo-dt-grp .price-block p span {
        display: block;
    }
    .box-fade-grey {
        width: 75%;
    }
    section.last-section .flex-gallery {
        width: 820px;
        margin-top: -2rem;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item,
    section.last-section .flex-gallery .your-country-content .flex-item,
    figure.large {
        max-width: 400px;
        height: 100%;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item,
    section.last-section .flex-gallery .your-country-content .flex-item {
        margin-bottom: -3%;
    }
    button.btn.view-more {
        width: 400px;
        margin-top: -2.5rem;
        z-index: 99;
    }
    section.last-section .flex-other-trip {
        margin-top: 3rem;
    }
}

@media all and (min-width: 1101px) and (max-width: 1200px) {
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 380px !important; */
        height: 100% !important;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 360px;
    }
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 70px;
        font-size: 0.9em;
    }
    .promotion-slider-mask {
        margin-top: -370px !important;
    }
    .box-fade-grey {
        width: 75%;
    }
    .box-promo-dt-grp .price-block p,
    .box-promo-dt-grp .price-block div {
        display: block;
    }
    .box-promo-dt-grp .price-block p span {
        display: inline;
    }
    .box-promo-dt-grp .price-block {
        padding: 0px !important;
        width: 65%;
    }
    .box-promo-dt-grp .price-block p span {
        display: block;
    }
    .box-promo-dt-grp .box-btn-pm-dt {
        width: 35%;
    }
    .box-btn-pm-dt {
        padding-left: 0px;
        padding-right: 0px;
    }
    .btn.promo-detail {
        font-size: 0.8em;
        padding: 5px 7px;
    }
    /*.promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
        height: 100% !important;
    } */
    ul.recommend-slider,
    .recommend-slider li {
        height: 475px !important;
    }
    .recommend-section p.text-rcm {
        padding-left: 60px;
        padding-right: 60px;
    }
    .recommend-section .flex-recommend-box {
        height: 570px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -290px;
        padding: 0px 1%;
    }
    .recommend-section .review-box h1.review {
        font-size: 1.8em;
    }
    .recommend-section .review-box p {
        padding: 0px 7%;
    }
    .review-box p.review-tag {
        margin-top: 10px;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 45px !important;
    }
    .recommend-section .lSAction>a {
        height: 87% !important;
    }
    .block-btn-trip-country {
        width: 55%;
    }
    section.last-section .flex-gallery {
        width: 1000px;
        margin-top: -2rem;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item,
    section.last-section .flex-gallery .your-country-content .flex-item,
    figure.large {
        max-width: 490px;
        height: 100%
    }
    section.last-section .flex-gallery .your-trip-content .flex-item,
    section.last-section .flex-gallery .your-country-content .flex-item {
        margin-bottom: -1%;
    }
    section.last-section .flex-other-trip {
        margin-top: 3rem;
    }
    button.btn.view-more {
        width: 490px;
    }
    .btn.view-more {
        margin-top: -3rem;
        z-index: 99;
    }
    section.last-section .flex-gallery .small-content {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 3rem;
    }
}

@media all and (min-width: 1201px) and (max-width: 1300px) {
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 380px !important; */
        height: 100% !important;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 360px;
    }
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 75px;
        font-size: 0.9em;
    }
    .promotion-slider-mask {
        margin-top: -360px !important;
    }
    .box-promo-dt-grp .price-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .box-promo-dt-grp .box-btn-pm-dt {
        padding-left: 0px;
    }
    .box-fade-grey {
        width: 68%;
    }
    .btn.promo-detail {
        font-size: 0.8em;
        padding: 6px 8px;
    }
    /*.promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
        height: 100% !important;
    } */
    ul.recommend-slider,
    .recommend-slider li {
        height: 505px !important;
    }
    .recommend-section p.text-rcm {
        padding-left: 60px;
        padding-right: 60px;
    }
    .recommend-section .flex-recommend-box {
        height: 590px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -300px;
        padding: 0px 1%;
    }
    .recommend-section .review-box h1.review {
        font-size: 1.8em;
    }
    .recommend-section .review-box p {
        padding: 0px 7%;
    }
    .review-box p.review-tag {
        margin-top: 10px;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 45px !important;
    }
    .recommend-section .lSAction>a {
        height: 88% !important;
    }
    .block-btn-trip-country {
        width: 50%;
    }
}

@media all and (min-width: 1301px) and (max-width: 1400px) {
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 390px !important; */
        height: 100% !important;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 365px;
    }
    .promotion-slider-mask {
        margin-top: -380px !important;
    }
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 70px;
    }
    .box-fade-grey {
        width: 65%;
    }
    .box-promo-dt-grp .price-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .box-btn-pm-dt {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /*.promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
        height: 100% !important;
    } */
    .recommend-section {
        height: 840px;
    }
    ul.recommend-slider,
    .recommend-slider li {
        height: 540px !important;
    }
    .recommend-section p.text-rcm {
        padding-left: 60px;
        padding-right: 60px;
    }
    .recommend-section .flex-recommend-box {
        height: 624px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -320px;
        padding: 0px 2%;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 45px !important;
    }
    .recommend-section .lSAction>a {
        height: 95% !important;
        width: 8% !important;
    }
    .block-btn-trip-country {
        width: 45%;
    }
}

@media all and (min-width: 1401px) and (max-width: 1500px) {
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 400px !important; */
        height: 100% !important;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 380px;
    }
    .promotion-slider-mask {
        margin-top: -370px !important;
    }
    .box-promo-dt-grp .price-block {
        padding-left: 0px !important;
    }
    .box-btn-pm-dt {
        padding-left: 0px;
        padding-right: 0px;
    }
    .btn.promo-detail {
        font-size: 1em;
        padding: 7px 15px;
    }
    /*.promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
        height: 100% !important;
    } */
    .recommend-section {
        height: 890px;
    }
    ul.recommend-slider,
    .recommend-slider li {
        height: 560px !important;
    }
    .recommend-section p.text-rcm {
        padding-left: 60px;
        padding-right: 60px;
    }
    .recommend-section .flex-recommend-box {
        height: 700px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -350px;
        padding: 0px 2%;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 45px !important;
    }
    .recommend-section .lSAction>a {
        height: 101% !important;
    }
    .block-btn-trip-country {
        width: 45%;
    }
}

@media all and (min-width: 1001px) and (max-width: 1280px) {
    .gng-header {
        height: 358px;
    }
    .gng-header .container {
        padding-top: 48px;
    }
    .first-section {
        /* height: 785px; */
        height: auto;
        padding-bottom: 3rem;
    }
    .promotion-section {
        height: 600px;
    }
    img.ccl {
        width: 160px;
    }
    h4.ccl-detail {
        font-size: 1.2em;
        line-height: 1.4em;
    }
    .row-second-of-first-section {
        margin-top: 40px;
    }
    .btn.btn-gng {
        padding: 2px 35px;
        height: 69px;
        font-size: 1.5em;
    }
    .box-promo-dt-grp .price-block p.start-price {
        font-size: 0.9em;
    }
    .box-promo-dt-grp .price-block p span.price {
        color: #39b54a;
        font-size: 1em;
    }
    .box-promo-dt-grp .price-block p span.unit {
        font-size: 0.8em;
    }
    .box-promo-dt-grp .price-block .normal-price {
        font-size: 12px;
    }
    .btn.promo-detail {
        font-size: 0.95em;
        padding: 3px 14px;
    }
}

@media all and (min-width: 1201px) {
    section.last-section .flex-gallery {
        width: 1120px;
        /* padding-top: 1.5rem; */
        margin-top: -1.5rem;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item,
    section.last-section .flex-gallery .your-country-content .flex-item {
        max-width: 550px;
        height: auto;
        /* new added 
        margin-top: -3rem;
        z-index: 99;*/
    }
    figure.large button.btn.view-more {
        width: 550px;
        margin-top: -3rem;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item .lg,
    section.last-section .flex-gallery .your-country-content .flex-item .lg {
        width: 550px;
        /* new added */
        margin-top: -3rem;
        z-index: 99;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item .lg,
    section.last-section .flex-gallery .your-country-content .flex-item .lg {
        margin-bottom: 3.5rem;
    }
}

@media all and (min-width: 1281px) and (max-width: 1400px) {
    .btn.promo-detail {
        font-size: 0.9em;
        padding: 5px 12px;
    }
    p span.unit {
        font-size: 0.85em;
    }
    .promotion-section {
        height: 630px;
    }
}

@media all and (min-width: 1281px) and (max-width: 1600px) {
    .gng-header {
        height: 487px;
    }
    .gng-header .container {
        padding-top: 48px;
    }
    .first-section {
        /* height: 810px; */
        height: auto;
        padding-bottom: 3rem;
    }
    img.ccl {
        width: 190px;
    }
}

@media all and (min-width: 1401px) and (max-width: 1500px) {
    .promotion-section {
        height: 640px;
    }
}

@media all and (min-width: 1401px) {
    .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: 75px;
    }
}

@media all and (min-width: 1501px) and (max-width: 1600px) {
    .promotion-section {
        height: 640px;
    }
    .recommend-section .recommend-slider li img {
        width: auto;
    }
}

@media all and (min-width: 1501px) {
    .promotion-slider-box,
    ul.promotion-slider {
        /* height: 420px !important; */
        height: 100% !important;
    }
    .promotion-slider li,
    .promotion-slider-mask,
    .promotion-slider-mask div {
        height: 400px;
    }
    .promotion-slider-mask {
        margin-top: -400px !important;
    }
    .box-promo-dt-grp .price-block {
        width: 50%;
        padding-left: 0px !important;
    }
    .box-btn-pm-dt {
        width: 50%;
        padding-left: 0px !important;
    }
    /*.promotion-section .lSAction>a {
        top: 9% !important;
        width: 18% !important;
        height: 100% !important;
    } */
    .recommend-section {
        height: 840px;
    }
    ul.recommend-slider,
    .recommend-slider li {
        height: 525px !important;
    }
    .recommend-section p.text-rcm {
        padding-left: 60px;
        padding-right: 60px;
    }
    .recommend-section .flex-recommend-box {
        height: 600px;
    }
    .recommend-section .flex-recommend-box .review-box {
        margin-top: -370px;
        padding: 0px 4%;
    }
    .recommend-section .lSPager.lSpg {
        margin-top: 65px !important;
    }
    .recommend-section .lSAction>a {
        height: 101% !important;
    }
    .block-btn-trip-country {
        width: 45%;
    }
}

@media all and (min-width: 1601px) {
    .gng-header {
        height: 600px;
    }
    .gng-header .container {
        padding-top: 48px;
    }
    .first-section {
        /* height: 820px; */
        height: auto;
        padding-bottom: 3rem;
    }
    .promotion-section {
        height: 650px;
    }
    img.ccl {
        width: 190px;
    }
    .recommend-section {
        height: 570px;
    }
    .recommend-section .recommend-slider li img {
        width: auto;
    }
}


/*--------- end responsive landing page ---------*/

section.sec-build-step-one,
section.sec-build-step-two,
section.sec-build-step-three,
section.sec-build-contact-info,
section.sec-build-step-login,
section.sec-build-step-four,
section.sec-thank-you,
section.package-trip-detail {
    font-family: Kanit;
}

section.sec-build-step-one,
section.sec-build-step-two,
section.sec-build-step-three,
section.sec-build-contact-info,
section.sec-build-step-login,
section.sec-build-step-four {
    padding-top: 80px;
    padding-bottom: 18px;
    -webkit-box-shadow: inset 0px 0px 300px 200px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 300px 200px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 300px 200px rgba(255, 255, 255, 1);
}

section.sec-thank-you {
    padding-top: 90px;
    padding-bottom: 100px;
    -webkit-box-shadow: inset 0px 0px 250px 150px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 250px 150px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 250px 150px rgba(255, 255, 255, 1);
}


/*--------- start build step-1 ---------*/


/*--------- start same property ---------*/

.sec-build-step-one .build-step-one .left-layout,
.sec-build-step-two .build-step-two .left-layout,
.sec-build-step-three .build-step-three .left-layout,
.sec-build-contact-info .build-contact-info .left-layout,
.sec-build-step-one .build-step-one .left-layout .step-block-group,
.sec-build-step-two .build-step-two .left-layout .step-block-group,
.sec-build-step-three .build-step-three .left-layout .step-block-group,
.sec-build-contact-info .build-contact-info .left-layout .step-block-group {
    padding: 0px !important;
}

.sec-build-step-one .build-step-one .left-layout .flex-btn-box,
.sec-build-step-two .build-step-two .left-layout .flex-btn-box,
.sec-build-step-three .build-step-three .left-layout .flex-btn-box,
.sec-build-contact-info .build-contact-info .left-layout .flex-btn-box,
.not-found-modal .modal-dialog .modal-body .box-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/*--------- end same property ---------*/

.bstp-one {
    padding: 30px 0px 0px 0px;
}

.bstp-one h1 {
    font-family: Kanit;
    font-size: 3.2em;
    font-weight: 500;
    text-shadow: none;
}

.step-one {
    margin: 30px 0px;
}

.step-one .input-group {
    margin-top: -30px;
    margin-left: -5px;
}

.step-one .input-group-addon {
    background: none;
    border: none;
    padding: 0px;
}

input[type="text"].form-control.pg-name {
    margin-top: 5px;
    padding: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    letter-spacing: 0.5px;
    font-family: Kanit;
    font-size: 1.5em;
    background: none;
}

.border-pgn {
    border: 1px solid #DDD;
    border-top: 0px;
    height: 10px;
}

.step-block-group {
    border: none;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 7px 15px 1px #b3b3b3;
    -webkit-box-shadow: 0px 7px 15px 1px #b3b3b3;
    -moz-box-shadow: 0px 7px 15px 1px #b3b3b3;
    -o-box-shadow: 0px 7px 15px 1px #b3b3b3;
    background: #FFFFFF;
}

.step-block {
    width: 100%;
    background: url(/assets/img/gng/nav-step-bg.png) no-repeat center center;
    /* background: url(../../img/gng/nav-step-bg.png) no-repeat center center;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 60px 40px;
}

.badge.stp {
    width: 100%;
    padding: 10px 5px;
    background: transparent;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: Kanit;
    font-weight: 400;
    font-size: 1.2em;
}

.badge.stp.delemeter {
    border: none;
}

.badge.stp.active {
    color: #20409a;
    background: #FFFFFF;
}

.bbg {
    width: 24%;
}

.step-line {
    background: url(/assets/img/gng/line-step.png) repeat-x center center;
    width: 1%;
}

.box-form {
    padding-left: 40px;
    padding-right: 40px;
}

h2.traveling {
    font-family: Kanit;
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 1.7em;
}

.row-input-step {
    padding: 40px 0px;
    border-bottom: 1px solid #dedede;
}

.row-input-step:last-child {
    border-bottom: none;
}

form.build-step-one .form-group {
    margin-top: 1px;
}

form.build-step-one .form-control,
section.all-package .flex-country .country-element .form-control {
    padding-top: 0px;
    padding-bottom: 0px;
}

form.build-step-one .form-group label {
    padding-top: 15px;
    font-family: Kanit;
    font-size: 1.4em;
    font-weight: 400;
}

form.build-step-one select.form-control,
section.all-package .flex-country .country-element .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: center right;
    background-repeat: no-repeat;
}

.pshow {
    display: block;
}

.pshowinline {
    display: inline-block;
}

.phide {
    display: none;
}

form.build-step-one .people img,
form.build-step-one .period img,
.period-modal .people img {
    width: auto;
}

.period-modal .people img.active {
    box-shadow: 2px 1px 3px #d3cdcd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.period-modal .people img.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70) !important;
    filter: brightness(70%);
    -webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    -ms-filter: brightness(70%);
    background: rgba(204, 204, 204, 0.55);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-opacity: 0.2 !important;
    -khtml-opacity: 0.2 !important;
    opacity: 0.2 !important;
}

form.build-step-one .people .first:hover,
form.build-step-one .people .second:hover,
form.build-step-one .people .third:hover,
form.build-step-one .people .forth:hover,
form.build-step-one .period .first:hover,
form.build-step-one .period .second:hover,
form.build-step-one .period .third:hover,
.period-modal .people .first:hover,
.period-modal .people .second:hover,
.period-modal .people .third:hover,
.period-modal .people .forth:hover {
    cursor: pointer;
}

.btn.bst-next,
.btn.bst-back {
    margin-top: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #006cd4;
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 10px 100px;
    height: 50px;
    text-align: center;
    font-weight: 300;
    font-family: Kanit;
}

.btn.bst-back {
    background: #FFFFFF;
    color: #006cd4;
    transition: all 0.5s ease;
}

.btn.bst-next {
    background: #006cd4;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

.btn.bst-next.disabled {
    background: #edeeee;
    border: 1px solid #edeeee;
    color: #FFFFFF;
    transition: all 0.5s ease-in;
}

.btn.bst-back:hover,
.btn.bst-next:hover {
    background: #254cbb;
    color: #EEEEEE;
}

.right-block {
    font-family: Kanit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 7px 15px 1px #b3b3b3;
    -webkit-box-shadow: 0px 7px 15px 1px #b3b3b3;
    -moz-box-shadow: 0px 7px 15px 1px #b3b3b3;
    -o-box-shadow: 0px 7px 15px 1px #b3b3b3;
    width: 100%;
    background: #FFFFFF;
    padding: 30px 40px;
}

.right-block .row-travel {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEDED;
}

.right-block h1.tour-list-title {
    font-family: Kanit;
    font-weight: 400;
}

.right-block h4.plan-topic {
    font-weight: 700;
    font-size: 1.2em;
    color: #363636;
}

.right-block .row-activity {
    padding-top: 10px;
    padding-bottom: 50px;
    border-bottom: 1px solid #EDEDED;
}

.right-block .ytv-ele {
    margin-top: 10px;
    color: #959595;
}

.right-block .row-price {
    padding-top: 20px;
    padding-bottom: 30px;
}

.right-block .trip-price {
    margin-top: 20px;
    color: #39b54a;
    font-size: 1.5em;
    font-weight: 400;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-right: 0px;
}


/*--------- end build step-1 ---------*/


/*--------- build step-2 ---------*/

.btn.contact-popup {
    margin-top: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #006cd4;
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 10px 40px;
    height: 50px;
    text-align: center;
    font-weight: 300;
    font-family: Kanit;
    background: #FFFFFF;
    color: #43b33c;
    transition: all 0.5s ease;
    border: 3px solid #43b33c;
}


/*--------- end build step-2 ---------*/


/*--------- start responsive step-1-2-3-4-other ---------*/

@media all and (min-width: 1px) and (max-width: 420px) {
    /* mobile */
    .sec-build-step-one .bstp-one h1,
    .sec-build-step-two .bstp-one h1,
    .sec-build-step-three .bstp-one h1,
    .sec-build-contact-info .bstp-one h1 {
        font-size: 2.2em;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block {
        padding: 40px 10%;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .bbg:not(:first-child),
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(1),
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(5),
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(7),
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(1),
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(3),
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(7),
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(1),
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(3),
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(7) {
        width: 14.33%;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .step-line,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .step-line,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .step-line,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .step-line {
        width: 2.33%;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form {
        padding-bottom: 25px;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form h2.traveling,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form h2.traveling,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form h2.traveling,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form h2.traveling {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .row-input-step {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: none;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .row-input-step .form-group div {
        padding-left: 0px !important;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.people label,
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.period label,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group.people label,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group.period label,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group.people label,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group.period label,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .row-input-step .form-group.people label,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .row-input-step .form-group.period label {
        margin-bottom: 10px;
    }
    .sec-build-step-two .build-step-two .left-layout figure.small-act:hover button.btn.detail,
    figure.small-act:hover button.btn,
    .sec-build-step-two .build-step-two .left-layout figure.small-act:hover a.btn.detail,
    figure.small-act:hover a.btn {
        width: 40%;
    }
}

@media all and (min-width: 1px) and (max-width: 768px) {
    /* mobile, tablet */
    section.sec-build-step-one .bstp-one,
    section.sec-build-step-one .build-step-one .border-pgn,
    section.sec-build-step-one .build-step-one .left-layout,
    section.sec-build-step-one .build-step-one .right-layout,
    section.sec-build-step-two .bstp-one,
    section.sec-build-step-two .build-step-two .border-pgn,
    section.sec-build-step-three .bstp-one,
    section.sec-build-step-three .build-step-three .border-pgn,
    section.sec-build-step-three .build-step-three .left-layout,
    section.sec-build-step-three .build-step-three .right-layout,
    section.sec-build-contact-info .bstp-one,
    section.sec-build-contact-info .build-contact-info .border-pgn,
    section.sec-build-contact-info .build-contact-info .left-layout,
    section.sec-build-contact-info .build-contact-info .right-layout {
        width: 94%;
        margin-left: 3%;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .bbg:first-child,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(3),
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(5),
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(5) {
        width: 45%;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .bbg:not(:first-child) label span,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(1) label span,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(5) label span,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(7) label span,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(1) label span,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(3) label span,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(7) label span,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(1) label span,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(3) label span,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(7) label span {
        display: none;
    }
    .sec-build-step-two .build-step-two .box-form .pic-odd,
    .sec-build-step-two .build-step-two .box-form .pic-even {
        width: 100%;
    }
    .sec-build-step-two .build-step-two .box-form .pic-odd {
        padding-right: 0px;
    }
    .sec-build-step-two .build-step-two .box-form .pic-even {
        padding-left: 0px;
    }
    .sec-build-step-one .build-step-one .left-layout .flex-btn-box {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sec-build-step-two .build-step-two .left-layout .flex-btn-box,
    .sec-build-step-three .build-step-three .left-layout .flex-btn-box,
    .sec-build-contact-info .build-contact-info .left-layout .flex-btn-box {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-align-items: center;
        align-items: center;
    }
    .sec-build-step-one .build-step-one .left-layout .flex-btn-box .btn.bst-next,
    .sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-back,
    .sec-build-step-three .build-step-three .left-layout .flex-btn-box .btn.bst-back,
    .sec-build-contact-info .build-contact-info .left-layout .flex-btn-box .btn.bst-back {
        margin-bottom: 40px;
    }
    .sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-back,
    .sec-build-step-three .build-step-three .left-layout .flex-btn-box .btn.bst-back,
    .sec-build-contact-info .build-contact-info .left-layout .flex-btn-box .btn.bst-back {
        margin-top: 20px;
    }
    .sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-back,
    .sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-next,
    .sec-build-step-three .build-step-three .left-layout .flex-btn-box .btn.bst-back,
    .sec-build-step-three .build-step-three .left-layout .flex-btn-box .btn.bst-next,
    .sec-build-contact-info .build-contact-info .left-layout .flex-btn-box .btn.bst-back,
    .sec-build-contact-info .build-contact-info .left-layout .flex-btn-box .btn.bst-next {
        width: 260px;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group label,
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group div.slb,
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.people div.dpp,
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.period div.dpr,
    .sec-build-step-two .build-step-two .left-layout .stp-two-memo .form-group label,
    .sec-build-step-two .build-step-two .left-layout .stp-two-memo .form-group div,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .form-group label,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .form-group div,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .form-group label,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .form-group div {
        width: 100%;
    }
    .sec-build-step-two .build-step-two .left-layout .stp-two-memo .form-group div,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .form-group div,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .form-group div {
        padding-left: 0px;
    }
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .form-group div,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .form-group div {
        margin-top: 20px;
    }
    .sec-build-step-three .build-step-three .box-form .login,
    .sec-build-contact-info .build-contact-info .box-form .login,
    .build-contact-info .box-form .topic,
    .build-step-login .box-form .login,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .input-margin,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .input-margin {
        margin-bottom: 20px !important;
    }
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .input-margin:not(:first-child),
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .input-margin:not(:first-child) {
        margin-top: 20px;
    }
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form hr,
    .sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form hr {
        display: none;
    }
}

@media all and (min-width: 421px) and (max-width: 768px) {
    /* mobile, tablet */
    .sec-build-step-one .bstp-one h1,
    .sec-build-step-two .bstp-one h1,
    .sec-build-step-three .bstp-one h1 {
        font-size: 2.5em;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block {
        padding: 40px 15%;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .bbg:not(:first-child),
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(1),
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(5),
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(7),
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(1),
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(3),
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .bbg:nth-child(7) {
        width: 40px;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .step-line,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .step-line,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .step-block .step-line {
        width: 2.33%;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form {
        padding-bottom: 40px;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form h2.traveling,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form h2.traveling,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form h2.traveling {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: none;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group div {
        padding-left: 0px !important;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.people label,
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.period label,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group.people label,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group.period label,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group.people label,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group.period label {
        margin-bottom: 20px;
    }
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.people div,
    .sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step .form-group.period div,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group.people div,
    .sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step .form-group.period div,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group div,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group.people div,
    .sec-build-step-three .build-step-three .left-layout .step-block-group .box-form .row-input-step .form-group.period div {
        margin-bottom: 10px;
    }
}

@media all and (min-width: 769px) {
    .sec-build-step-one .build-step-one .left-layout .flex-btn-box {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .sec-build-step-two .build-step-two .left-layout .flex-btn-box,
    .sec-build-step-three .build-step-three .left-layout .flex-btn-box,
    .sec-build-contact-info .build-contact-info .left-layout .flex-btn-box {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
}


/*--------- end responsive step-1-2-3-4-other ---------*/


/*--------- start build step-2 ---------*/


/*--------- start same font ---------*/

figure.small-act h2.text,
figure.small-act h4.text,
figure.small-act button.btn,
figure.small-act a.btn,
form.build-step-two .form-group label,
.period-modal .modal-header h4,
.period-modal .modal-footer p,
.period-modal .modal-body label,
.period-modal .modal-body .period-head.best-price p,
.period-modal .modal-body .period-content,
.period-modal .modal-body .period-content div {
    font-family: Kanit;
}


/*--------- end same font ---------*/

section.sec-build-step-two form.build-step-two .cover-left-right {
    padding: 0px;
}

.build-step-two .box-form .pic-odd,
.box-form .pic-even {
    margin-top: 12px;
}

.build-step-two .box-form .pic-odd img,
.box-form .pic-even img {
    width: 100% !important;
}

.build-step-two .box-form .pic-odd {
    padding-left: 0px;
    padding-right: 6px;
}

.build-step-two .box-form .pic-even {
    padding-left: 6px;
    padding-right: 0px;
}


/*--------- start small-act figure ---------*/

figure.small-act {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 0px;
    background: -webkit-linear-gradient(transparent 0%, #000000 80%);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 0%, #000000 80%);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 0%, #000000 80%);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 0%, #000000 80%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.small-act.selected {
    border: 2px solid #006cd4;
}

figure.small-act.selected .badge {
    opacity: 1;
}

figure.small-act img.img-lmnac {
    width: 100%;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.small-act img.img-lmnac {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

figure.small-act.selected img.img-lmnac {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

figure.small-act .badge {
    top: 5px;
    position: absolute;
    padding: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pic-odd figure.small-act .new,
.pic-even figure.small-act .new {
    position: absolute !important;
    width: 55px;
    top: 12px;
}

.pic-odd figure.small-act .new {
    left: 12px;
}

.pic-even figure.small-act .new {
    left: 16px;
}

.pic-odd figure.small-act .new img {
    height: auto;
}

.pic-odd figure.small-act .badge {
    right: 11px;
}

.pic-even figure.small-act .badge {
    right: 7px;
}

figure.small-act .badge .glyphicon {
    font-weight: 300;
}

figure.small-act .badge,
figure.small-act h4.text,
figure.small-act button.btn,
figure.small-act a.btn {
    opacity: 0;
}

figure.small-act h4.text {
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

figure.small-act h2.text,
figure.small-act h4.text {
    position: absolute;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    color: #FFFFFF;
}

figure.small-act h2.text {
    font-size: 1.4em;
    font-weight: 300;
    margin-top: -100px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

figure.small-act h4.text {
    font-size: 1em;
    font-weight: 300;
    margin-top: -100px;
}

figure.small-act div.btn-click-detail {
    width: 100%;
    text-align: center;
    margin-top: -95px;
}

figure.small-act button.btn,
figure.small-act a.btn {
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: 300;
    height: 30px;
    line-height: 16px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: background 1.5s ease;
    transition: background 1.5s ease;
}

figure.small-act button.btn.detail,
figure.small-act a.btn.detail {
    background: transparent;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.small-act button.btn.click,
figure.small-act a.btn.click {
    margin-left: 1%;
    background: #FFFFFF;
    color: #20409a;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.small-act button.btn:hover,
figure.small-act a.btn:hover {
    background: #006cd4;
    color: #FFFFFF;
    border: 1px solid #006cd4;
}

figure.small-act:hover {
    /* :hover */
    background: rgba(0, 0, 0, 1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 20px 0px #868585;
    -webkit-box-shadow: 0px 1px 20px 0px #868585;
    -moz-box-shadow: 0px 1px 20px 0px #868585;
    -o-box-shadow: 0px 1px 20px 0px #868585;
}

figure.small-act:hover h2.text,
figure.small-act:hover h4.text,
figure.small-act:hover button,
figure.small-act:hover a {
    /* :hover */
    opacity: 1;
}

figure.small-act:hover h2.text {
    margin-top: -150px;
}

figure.small-act:hover button.btn.detail,
figure.small-act:hover button.btn.click,
figure.small-act:hover a.btn.detail,
figure.small-act:hover a.btn.click {
    display: inline-block;
}

figure.small-act:hover img.img-lmnac {
    /* :hover */
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}


/*--------- end small-act figure ---------*/

form.build-step-two .form-group label {
    padding-top: 15px;
    font-size: 1.4em;
    font-weight: 400;
}

section.sec-build-step-two form.build-step-two textarea.form-memo,
p.remark-red.thin {
    font-weight: 300;
}

section.sec-build-step-two form.build-step-two textarea.form-memo {
    padding: 12px 12px 20px 12px;
    color: #9d9d9d;
    height: auto;
    margin-top: 10px;
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

section.sec-build-step-two form.build-step-two textarea.form-memo:focus,
section.sec-build-step-two form.build-step-two textarea.form-memo:active {
    outline: 0px !important;
    outline-offset: 0px !important;
    border: 1px solid #DDDDDD;
}

.stp-two-memo {
    margin-bottom: 50px;
}


/*--------- start same right sidebar ---------*/

.build-step-two .more-detail,
.build-step-three .more-detail,
.build-contact-info .more-detail,
.build-step-login .more-detail {
    padding-top: 20px;
    padding-left: 0px;
    font-family: Kanit;
    font-weight: 400;
    font-size: 1.2em;
    color: #9d9d9d;
}

.build-step-two .more-detail .tel,
.build-step-three .more-detail .tel,
.build-contact-info .more-detail .tel,
.build-step-login .more-detail .tel {
    margin-top: 15px;
    font-size: 1.8em;
}


/*--------- end same right sidebar ---------*/

.period-modal .modal-dialog,
.not-found-modal .modal-dialog {
    font-family: Kanit;
}

.period-modal .modal-dialog {
    width: 75%;
}

.not-found-modal .modal-dialog .modal-body .box-info {
    -webkit-justify-content: center;
    justify-content: center;
}

.period-modal .modal-header,
.not-found-modal .modal-header {
    background: #FFFFFF;
    border-bottom: 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding-top: 30px;
    padding-bottom: 15px;
}

.period-modal .modal-header .close {
    color: #000000;
    position: absolute;
    right: 10px;
    top: 5px;
}

.period-modal .modal-header .close span {
    color: #555;
}

.period-modal .modal-header,
.period-modal .modal-body,
.period-modal .modal-footer {
    padding-left: 30px;
    padding-right: 30px;
}

.period-modal .modal-body {
    padding-top: 15px;
}

.period-modal .modal-footer {
    border-top: none;
}

.period-modal .modal-footer p {
    margin-top: 30px;
    color: #a6b1c4;
}

.period-modal .modal-header h4 {
    color: #006cd4;
    font-size: 1.7em;
}

.period-modal .modal-footer .btn {
    margin-top: 0px;
}

.period-modal .modal-footer .bst-back {
    float: left;
}

.period-modal .flex-people {
    padding-left: 0px;
    padding-bottom: 30px;
}

.period-modal .modal-body p.remark-red {
    text-align: center;
    margin-bottom: 20px;
}

.period-modal .modal-body .period-content-block {
    width: 100%;
    padding: 0px;
}

.period-modal .modal-body .period-content-block .flex-loading {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.period-modal .modal-body .period-content-block img.loading {
    width: auto;
}

.period-modal .modal-body label {
    padding-top: 14px;
    font-size: 1.2em;
    font-weight: 400;
}

.period-modal .modal-body .period-head {
    background: #DEDEDE;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px;
}

.period-modal .modal-body .period-head.best-price {
    background: none;
    -webkit-justify-content: center;
    justify-content: center;
}

.period-modal .modal-body .period-head:before,
.period-modal .modal-body .period-head:after {
    display: table;
    content: " ";
}

.period-modal .modal-body .period-head:after {
    clear: both;
}

.period-modal .modal-body .period-head.best-price p {
    color: #006cd4;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0px;
}

.period-modal .modal-body .period-head div {
    padding: 10px 0px;
}

.period-modal .modal-body .period-head .block-one {
    padding-left: 20px;
}

.period-modal .modal-body .period-content,
.period-modal .modal-body .period-content div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.period-modal .modal-body .period-content {
    width: 100%;
    height: 70px;
    border: 1px solid #eee;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.period-modal .modal-body .period-content div {
    float: left;
    color: #000000;
    height: 100%;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    align-content: center;
}

.period-modal .modal-body .period-head .block-one
/*, .period-modal .modal-body .period-head .block-two*/

,
.period-modal .modal-body .period-head .block-four,
.period-modal .modal-body .period-head .block-five,
.period-modal .modal-body .period-head .block-six,
.period-modal .modal-body .period-content .block-one
/*, .period-modal .modal-body .period-content .block-two*/

,
.period-modal .modal-body .period-content .block-four,
.period-modal .modal-body .period-content .block-five,
.period-modal .modal-body .period-content .block-six {
    flex: 0 0 10%;
}

.period-modal .modal-body .period-head .block-three,
.period-modal .modal-body .period-content .block-three {
    flex: 0 0 37%;
    /* 27% */
}

.period-modal .modal-body .period-head .block-price,
.period-modal .modal-body .period-content .block-price {
    flex: 0 0 18%;
}

.period-modal .modal-body .period-head .block-seven,
.period-modal .modal-body .period-content .block-seven {
    flex: 0 0 5%;
}

.period-modal .modal-body .period-content .block-four span,
.period-modal .modal-body .period-content .block-five span,
.period-modal .modal-body .period-content .block-price span {
    width: 100%;
}

.period-modal .modal-body .period-content .block-one,
.period-modal .modal-body .period-content .block-seven {
    padding-top: 5px;
}

.period-modal .modal-body .period-content .block-one {
    padding-left: 10px;
}

.period-modal .modal-body .period-content:last-child {
    margin-bottom: 0px;
}

.period-modal .modal-body .period-content.selected {
    -webkit-box-shadow: 0px 0px 30px -5px rgba(9, 45, 70, 0.85);
    -moz-box-shadow: 0px 0px 30px -5px rgba(9, 45, 70, 0.85);
    box-shadow: 0px 0px 30px -5px rgba(9, 45, 70, 0.85);
}

.period-modal .modal-body .period-content:hover:not(.selected) {
    -webkit-box-shadow: 0px 0px 30px -5px rgba(9, 45, 70, 0.6);
    -moz-box-shadow: 0px 0px 30px -5px rgba(9, 45, 70, 0.6);
    box-shadow: 0px 0px 30px -5px rgba(9, 45, 70, 0.6);
}

.period-modal .modal-body .period-content.selected.disabled .block-one .badge.seat,
.period-modal .modal-body .period-content.disabled .block-one .badge.seat {
    color: red;
}

.period-modal .modal-body .period-content.selected.disabled .block-seven .badge.pop,
.period-modal .modal-body .period-content.disabled .block-seven .badge.pop {
    display: none;
}

.period-modal .modal-body .period-content.selected.disabled,
.period-modal .modal-body .period-content.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #EFEFEF;
}

.period-modal .modal-body .period-content.selected .block-three {
    color: #bd1e2c;
}

.period-modal .modal-body .period-content.selected.disabled .block-three span {
    color: #000000;
}

.period-modal .modal-body .period-content .block-price .price-promo,
.period-modal .modal-body .period-content .block-price label.price-label {
    font-size: 0.9em;
}

.period-modal .modal-body .period-content .block-three span,
.period-modal .modal-body .period-content .block-price .price-promo,
.period-modal .modal-body .period-content .block-price .price-label {
    width: 100%;
}

.period-modal .modal-body .period-content .block-price .price-promo {
    color: #CCCCCC;
}

.period-modal .modal-body .period-content .block-price label.price-label {
    width: 90px;
    padding: 2px 9px;
    color: #FFFFFF;
    text-align: center;
    background: #f6c13d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.period-modal .modal-body .period-content .block-price .label-price {
    height: 22px;
}

.period-modal .modal-body .badge.seat,
.period-modal .modal-body .badge.pop {
    background-color: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #000000;
    margin-top: -7px;
    width: 40px;
    height: 40px;
}

.period-modal .modal-body .block-one .badge.seat {
    background: url(/assets/img/gng/badge-pop-seat.png) no-repeat center center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.period-modal .modal-body .block-seven .badge.pop {
    background: url(/assets/img/gng/badge-pop-default.png) no-repeat center center;
    right: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.period-modal .modal-body .period-content:hover .block-seven .badge.pop:not(.selected) {
    /*background: url(/assets/img/gng/badge-pop-hover.png) no-repeat center center;*/
}

.period-modal .modal-body .block-seven .badge.pop.selected {
    background: url(/assets/img/gng/badge-pop-selected.png) no-repeat center center;
}

.period-modal .modal-body .period-content img {
    width: auto;
    height: auto;
    margin-top: -10px;
}

.period-modal .modal-body .period-content .two-pop-desc,
.period-modal .modal-body .period-content.selected.disabled .two-pop-desc {
    color: #20409a;
}

.not-found-modal .modal-body .not-found-title,
.not-found-modal .modal-body .not-found-detail {
    text-align: center;
    color: #000;
}

.not-found-modal .modal-body .not-found-title {
    font-weight: 300;
    font-size: 2.5em;
}

.not-found-modal .modal-body .not-found-detail {
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 30px;
    font-size: 1.9em;
}

.not-found-modal .modal-dialog .modal-body .box-info .left-info,
.not-found-modal .modal-dialog .modal-body .box-info .right-info {
    font-weight: 200;
    padding-top: 5px;
    padding-bottom: 0px;
    height: 35px;
}

.not-found-modal .modal-body .btn-box {
    margin-top: 40px;
    margin-bottom: 50px;
}


/*--------- start responsive step-2 ---------*/

@media only screen and (max-width: 435px) {
    section.all-package .flex-country .label {
        float: none !important;
    }
}


/*--- start ios modal scrolling ---*/

@media (max-width: 768px) {
    .modal-content.gng {
        height: 1200px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}


/*--- end ios modal scrolling ---*/

@media all and (min-width: 1px) and (max-width: 1000px) {
    section.sec-build-step-two form.build-step-two .cover-left-right {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    section.sec-build-step-two form.build-step-two .cover-left-right .left-layout {
        order: 2;
        margin-top: 10px;
    }
    section.sec-build-step-two form.build-step-two .cover-left-right .right-layout {
        order: 1;
        padding: 0px;
    }
    section.sec-build-step-two form.build-step-two .cover-left-right .right-layout .more-detail {
        display: none;
    }
    .period-modal .modal-dialog {
        width: 97%;
    }
    .period-modal .modal-body .period-content,
    .period-modal .modal-body .period-content div,
    .period-modal .modal-body .period-content div span {
        font-size: 0.9em;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .left-info,
    .not-found-modal .modal-dialog .modal-body .box-info .right-info {
        font-size: 1.5em;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .left-info {
        padding-right: 10px;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .right-info {
        padding-left: 10px;
    }
    section.sec-build-step-two form.build-step-two textarea.form-memo,
    .remark-red.thin {
        font-size: 1.4em;
        line-height: 1.8em;
    }
}

@media all and (min-width: 1px) and (max-width: 768px) {
    .period-modal .modal-body .period-head {
        font-size: 0.9em !important;
        text-align: left !important;
        padding-left: 10px !important;
        background: rgba(222, 222, 222, 0.5) !important;
        color: #84878e !important;
    }
    .period-modal .modal-body .period-head.best-price {
        background: #FFFFFF !important;
    }
    .period-modal .modal-body .period-head div {
        padding: 5px 0px !important;
    }
    .period-modal .modal-body .period-head .block-one,
    .period-modal .modal-body .period-head .block-three,
    .period-modal .modal-body .period-content .block-three {
        padding-right: 10px !important;
    }
    .period-modal .modal-body .period-head .block-one {
        flex: 0 0 16% !important;
    }
    .period-modal .modal-body .period-head .block-three,
    .period-modal .modal-body .period-content .block-three {
        flex: 0 0 20% !important;
    }
    .period-modal .modal-body .period-head .block-six {
        flex: 0 0 15% !important;
    }
    .period-modal .modal-body .period-head .block-seven,
    .period-modal .modal-body .period-content .block-six {
        flex: 0 0 14.25% !important;
    }
    .period-modal .modal-body .period-head .block-seven,
    .period-modal .modal-body .period-content .block-seven {
        flex: 0 0 10% !important;
        justify-content: flex-end !important;
    }
    .not-found-modal .modal-dialog .modal-body .box-info {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .left-info,
    .not-found-modal .modal-dialog .modal-body .box-info .right-info {
        width: 100%;
        text-align: center;
    }
    .not-found-modal .modal-dialog .modal-body .btn-box .btn.bst-back {
        margin-top: 25px;
    }
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act a.btn,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act .btn.click {
        font-size: 1.5em !important;
    }
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act .btn.click {
        margin-left: 5px;
    }
}

@media all and (min-width: 769px) {
    .period-modal .modal-body .period-content:hover {
        cursor: pointer !important;
    }
    .not-found-modal .modal-dialog .modal-body .box-info {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .left-info {
        border-right: 2px solid #000;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .left-info {
        width: 48%;
        text-align: right;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .right-info {
        width: 50%;
        text-align: left;
    }
}

@media all and (min-width: 769px) and (max-width: 1000px) {
    figure.small-act button.btn.detail,
    figure.small-act button.btn.click,
    figure.small-act a.btn.detail {
        width: 42%;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.85em;
    }
    .not-found-modal .modal-dialog {
        width: 90%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media all and (min-width: 1001px) {
    section.sec-build-step-two form.build-step-two .cover-left-right {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .left-info,
    .not-found-modal .modal-dialog .modal-body .box-info .right-info {
        font-size: 1.7em;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .left-info {
        padding-right: 20px;
    }
    .not-found-modal .modal-dialog .modal-body .box-info .right-info {
        padding-left: 20px;
    }
    section.sec-build-step-two form.build-step-two textarea.form-memo,
    p.remark-red.thin {
        font-size: 1.1em;
        line-height: 1.5em;
    }
}

@media all and (min-width: 1001px) and (max-width: 1200px) {
    .period-modal .modal-dialog {
        width: 95%;
    }
    figure.small-act button.btn.detail,
    figure.small-act button.btn.click,
    figure.small-act a.btn.detail {
        width: 40%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .not-found-modal .modal-dialog {
        width: 85%;
    }
}

@media all and (min-width: 1201px) and (max-width: 1400px) {
    .period-modal .modal-dialog {
        width: 85%;
    }
    .not-found-modal .modal-dialog {
        width: 80%;
    }
}

@media all and (min-width: 1201px) {
    figure.small-act button.btn.detail,
    figure.small-act button.btn.click,
    figure.small-act a.btn.detail {
        width: 35%;
    }
}

@media all and (min-width: 1401px) and (max-width: 1500px) {
    .period-modal .modal-dialog {
        width: 85%;
    }
    .not-found-modal .modal-dialog {
        width: 75%;
    }
}

@media all and (min-width: 1501px) {
    .period-modal .modal-dialog {
        width: 85%;
    }
    .not-found-modal .modal-dialog {
        width: 70%;
    }
}


/*--------- end responsive step-2 ---------*/


/*--------- end build step-2 ---------*/


/*--------- start build step-3 ---------*/


/*--------- start dup with step login ---------*/

.build-step-three .box-form .login,
.build-contact-info .box-form .topic,
.build-step-login .box-form .login {
    margin-top: 50px;
    margin-bottom: 40px;
}

.build-step-three .box-form .login h2,
.build-step-login .box-form .login h2 {
    font-size: 1.7em;
}

.build-step-three .box-form .login a,
.build-step-login .box-form .login a {
    color: #20409a;
    font-size: 1em;
    text-decoration: underline;
}

form.build-step-three .input-margin.first,
.build-contact-info .input-margin.first,
form.build-step-login .input-margin.first {
    margin-top: 0px;
    margin-bottom: 40px;
}

form.build-step-three .input-margin,
.build-contact-info .input-margin,
form.build-step-login .input-margin {
    margin-top: 40px;
    margin-bottom: 40px;
}

form.build-step-three .input-margin.last,
.build-contact-info .input-margin.last,
form.build-step-login .input-margin.last {
    margin-bottom: 40px;
}

form.build-step-three .form-group label,
form.build-step-three .form-control,
.build-contact-info .form-group label,
.build-contact-info .form-control,
form.build-step-login .form-group label,
form.build-step-login .form-control {
    font-family: Kanit;
    font-weight: 400;
}

form.build-step-three .form-group label,
.build-contact-info .form-group label,
.build-contact-info .form-group .input-value,
form.build-step-login .form-group label {
    font-size: 1.4em;
}

form.build-step-three .form-group label,
form.build-step-login .form-group label {
    padding-top: 7px;
}

.build-contact-info .form-group label {
    padding-top: 7px;
    /* 0 */
}

form.build-step-three .form-control,
form.build-step-three .desc,
form.build-step-login .form-control,
form.build-step-login .desc {
    color: #9d9d9d;
}

form.build-step-three .form-control,
.build-contact-info .form-control,
form.build-step-login .form-control {
    margin-top: 0px;
    padding: 3px 2px 4px 10px;
    font-size: 1.2em;
}

form.build-step-three .desc,
form.build-contact-info .desc,
form.build-step-login .desc {
    margin-top: 10px;
}

form.build-step-three hr,
.build-contact-info hr,
form.build-step-login hr {
    color: #edeeee;
    border-top: 1px solid #edeeee;
    margin-top: 0px;
    margin-bottom: 0px;
}


/*--------- end dup with step login ---------*/


/*--------- end build step-3 ---------*/


/*--------- start build step-login ---------*/

.build-step-login .box-form {
    padding-bottom: 200px;
}


/*--------- end build step-login ---------*/


/*--------- start build contact info ---------*/

.sec-build-contact-info .build-contact-info .left-layout .box-form .login {
    margin-top: 50px;
    margin-bottom: 40px;
}


/*--------- end build contact info ---------*/


/*--------- start build step-4 ---------*/

.build-step-four .box-form h2 {
    font-size: 1.7em;
    margin-top: 50px;
    margin-bottom: 40px;
}

.build-step-four .box-form .flex-summary-content:before,
.build-step-four .box-form .flex-summary-content:after,
.build-step-four .box-form .flex-summary-price:before,
.build-step-four .box-form .flex-summary-price:after {
    display: table;
    content: " ";
}

.build-step-four .box-form .flex-summary-content:after,
.build-step-four .box-form .flex-summary-price:after {
    clear: both;
}

.build-step-four .box-form .flex-summary-content {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
}

.build-step-four .box-form .flex-summary-price {
    margin-bottom: 20px;
}

.build-step-four .box-form .flex-summary-content,
.build-step-four .box-form .flex-summary-price {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.build-step-four .box-form .flex-summary-content .flex-left,
.build-step-four .box-form .flex-summary-content .flex-activity {
    width: 50%;
}

.build-step-four .box-form .flex-summary-content .flex-left {
    padding-right: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.build-step-four .box-form .flex-summary-content .flex-trip,
.build-step-four .box-form .flex-summary-content .flex-contact {
    width: 100%;
}

.build-step-four .box-form .flex-summary-content .flex-contact {
    margin-top: 23px;
}

.build-step-four .box-form .flex-summary-content .flex-contact .flex-content:last-child {
    margin-bottom: 0px;
}

.build-step-four .box-form .flex-summary-content .flex-topic,
.build-step-four .box-form .flex-summary-price .flex-topic {
    font-size: 1.3em;
    font-weight: 600;
    color: #000;
}

.build-step-four .box-form .flex-summary-content .flex-content {
    margin: 12px 0px;
    font-size: 1.1em;
    color: #9d9d9d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.build-step-four .box-form .flex-summary-content .flex-content .flex-label {
    width: 35%;
}

.build-step-four .box-form .flex-summary-content .flex-content .flex-value {
    width: 65%;
}

.build-step-four .box-form .flex-summary-content .flex-content-right {
    margin: 12px 0px;
    font-size: 1.1em;
    color: #9d9d9d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.build-step-four .box-form .flex-summary-content .flex-full {
    width: 100%;
}

.build-step-four .box-form .flex-summary-content .flex-content-right .flex-full.topic,
.flex-cover.li-trip-condition h3 {
    color: #006cd4;
}

.build-step-four .box-form .flex-summary-content .flex-content-right .flex-full ul,
.flex-cover.li-trip-condition ul {
    margin-top: 10px;
    padding-left: 20px;
    list-style: inside;
    line-height: 1.7em;
}

.build-step-four .box-form .flex-summary-content .flex-content-right .flex-full ul li,
.flex-cover.li-trip-condition ul li {
    display: list-item;
    list-style-position: outside;
    margin-left: 1em;
    font-size: 1em;
    font-weight: 300;
}

.build-step-four .box-form .flex-summary-price .flex-price .flex-topic {
    margin-bottom: 25px;
}

.build-step-four .box-form .flex-summary-price .flex-price .flex-content {
    font-size: 2.6em;
}

.build-step-four .box-form .flex-summary-price .flex-price .flex-content .symbols {
    margin-right: 20px;
}

.build-step-four .box-form .flex-summary-price .flex-price,
.build-step-four .box-form .flex-summary-price .flex-social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.build-step-four .box-form .flex-summary-price .flex-price,
.build-step-four .box-form .flex-summary-price .flex-social {
    width: 50%;
}

.build-step-four .box-form .flex-summary-price .flex-price {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.build-step-four .box-form .flex-summary-price .flex-price {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.build-step-four .box-form .flex-summary-price .flex-social .flex-topic {
    color: #006cd4;
    margin-bottom: 20px;
    text-align: right;
}

.build-step-four .box-form .flex-summary-price .flex-social .flex-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.build-step-four .box-form .flex-summary-price .flex-social .flex-content a.btn-social {
    margin-left: 10px;
    line-height: 0em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.build-step-four .box-form .flex-summary-price .flex-social .flex-content a.btn-social:hover {
    cursor: pointer;
}


/*--------- end build step-4 ---------*/


/*--------- start thank you page ---------*/

section.sec-thank-you .flex-container {
    width: 70%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

section.sec-thank-you .flex-container .flex-item {
    margin-left: auto;
    margin-right: auto;
}

section.sec-thank-you .flex-container .flex-item:first-child {
    margin-bottom: 50px;
}

section.sec-thank-you .flex-container .flex-item:first-child h1,
section.sec-thank-you .flex-container .flex-item.message h3 {
    font-family: Kanit;
    color: #006cd4;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 500;
}

section.sec-thank-you .flex-container .flex-item img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.3);
}

section.sec-thank-you .flex-container .flex-item:first-child h1 {
    font-size: 3em;
    letter-spacing: 0.09em;
    margin-bottom: 0px;
}

section.sec-thank-you .flex-container .flex-item.message {
    margin-top: 40px;
}

section.sec-thank-you .flex-container .flex-item.message h3 {
    font-size: 1.8em;
}

section.sec-thank-you .flex-container .flex-item:last-child {
    margin-top: 30px;
}

section.sec-thank-you .flex-container .flex-item:last-child a {
    margin-top: 0px;
    padding: 10px 50px;
}


/*--------- end thank you page ---------*/


/*--------- start step responsive ---------*/

@media all and (min-width: 769px) and (max-width: 1000px) {
    .badge.stp {
        font-size: 0.8em;
    }
}


/*--------- end step responsive ---------*/


/*--------- start all package ---------*/

section.all-package {
    margin: 70px auto;
    margin-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

section.all-package .flex-topic,
section.all-package .flex-country {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

section.all-package .flex-topic {
    margin-bottom: 14px;
}

section.all-package .flex-country {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-bottom: 30px;
}

section.all-package .flex-country .label {
    width: 100px;
    text-align: right;
    font-family: Kanit;
    font-size: 1.4em;
    font-weight: 400;
    color: #434343;
    padding: 7px 20px 0px 0px;
    text-shadow: none;
}

section.all-package .flex-country .country-element {
    width: 265px;
    display: -webkit-flex;
    display: flex;
}

section.all-package .flex-country .country-element .form-control {
    margin-top: 0px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
}


/*--------- start same flex-ul ---------*/

section.all-package .flex-promotion,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail {
    width: 90%;
}

section.all-package .flex-promotion ul.flex-ul,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul {
    list-style: none;
    display: -webkit-flex;
    display: flex;
    font-family: Kanit;
    padding-bottom: 20px;
    /* ถ้ามี 4 รูป จะเว้นวรรคให้ */
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    transition: all 0.3s ease-in;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image i {
    font-size: 5em;
    color: #CCCCCC;
}


/*--------- end same flex-ul ---------*/

section.all-package .flex-promotion ul.flex-ul li.flex-item {
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 15px rgba(187, 187, 187, 0.65);
    -moz-box-shadow: 0px 0px 15px rgba(187, 187, 187, 0.65);
    box-shadow: 0px 0px 15px rgba(187, 187, 187, 0.65);
}

section.all-package .flex-promotion ul.flex-ul li.flex-item:hover {
    -webkit-box-shadow: 0px 0px 17px rgba(100, 100, 100, 0.9);
    -moz-box-shadow: 0px 0px 17px rgba(100, 100, 100, 0.9);
    box-shadow: 0px 0px 17px rgba(100, 100, 100, 0.9);
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-top {
    padding: 10px;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-top .group-detail {
    color: #20409a;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-top img.air {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: auto;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0px;
    z-index: 4;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-card .card-fade {
    background: rgba(0, 0, 0, .5);
    color: #FFFFFF;
    height: 25px;
    padding: 2px 10px;
    font-size: 0.9em;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-new {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 70px;
    margin-bottom: -65px;
    padding-top: 10px;
    padding-left: 15px;
    z-index: 4;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-new img {
    width: 55px;
    height: 55px;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-image {
    overflow: hidden;
    margin-top: -25px;
    z-index: 3;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-image img.promo {
    width: 100%;
    transition: all 0.2s ease-in;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item img.promo:hover {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last .price-block p.start-price {
    color: #a6b1c4;
    font-size: 1em;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last .price-block p span.price {
    color: #39b54a;
    font-size: 1.2em;
}

section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last .price-block .normal-price {
    color: #bbb;
    font-size: 12px;
    font-style: italic;
}

@media all and (min-width: 1px) and (max-width: 420px) {
    /* mobile */
    /* show one card */
    section.all-package .flex-promotion ul.flex-ul {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item {
        width: 90%;
    }
}

@media all and (min-width: 421px) {
    /* tablet, desktop */
    /* show three card */
    section.all-package .flex-promotion ul.flex-ul {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
}

@media all and (min-width: 421px) and (max-width: 768px) {
    /* mobile - tablet */
    /* show two card */
    section.all-package .flex-promotion ul.flex-ul {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item {
        width: 48.5%;
    }
    .flex-last .btn.promo-detail {
        font-size: 0.85em;
        padding: 5px 7px;
    }
}

@media all and (min-width: 769px) {
    /* tablet++ */
    /* show three card */
    section.all-package .flex-promotion ul.flex-ul {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item {
        width: 32%;
        margin-right: 2%;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item.mod-three {
        margin-right: 0px;
    }
    .flex-last .btn.promo-detail {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    /* new flex card */
    section.all-package .flex-promotion ul.promotion-ul {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    section.all-package .flex-promotion ul.promotion-ul li.flex-item {
        width: 31%;
        /* margin-right: 2%; */
    }
    section.all-package .flex-promotion ul.promotion-ul li.flex-item.mod-three {
        margin-right: 0px;
    }
    /* new flex card */
    section.promotion-section .promotion-sliders ul.promotion-ul {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    section.promotion-section .promotion-sliders ul.promotion-ul li.flex-item {
        width: 40%;
        margin-right: 2%;
    }
}

@media all and (min-width: 1200px) and (max-width: 1400px) {
    section.all-package .flex-promotion {
        width: 90%;
    }
}

@media all and (min-width: 1400px) and (max-width: 1600px) {
    section.all-package .flex-promotion {
        width: 80%;
    }
}

@media all and (min-width: 1600px) {
    section.all-package .flex-promotion {
        width: 75%;
    }
}


/*--------- end all package ---------*/


/*--------- start package trip detail ---------*/

section.package-trip-detail {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 18px;
    padding-right: 15px;
    padding-left: 15px;
    background-image: url(/assets/img/gng/ptd-sc-bg.png);
    background-color: #f7f7f7;
    background-size: auto !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    -webkit-box-shadow: inset 0px 50px 200px 70px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 50px 200px 70px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 50px 200px 70px rgba(255, 255, 255, 1);
}

section.package-trip-detail .flex-container {
    margin: 0px auto;
}


/*--- start same flex ---*/

section.package-trip-detail .flex-container .flex-top,
section.package-trip-detail .flex-container .flex-top .flex-left,
section.package-trip-detail .flex-container .flex-top .flex-left .flex-cover,
section.package-trip-detail .flex-container .flex-nav,
section.package-trip-detail .flex-container .flex-nav .flex-left,
section.package-trip-detail .flex-container .flex-nav .flex-left .flex-cover,
section.package-trip-detail .flex-container .flex-content,
section.package-trip-detail .flex-container .flex-content .flex-left,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-right,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-right .thumbnail-area,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box,
section.sec-build-step-two form.build-step-two .cover-left-right,
section.package-trip-detail .flex-container .flex-content .flex-right,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom .fb-social,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom .other-social,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box .prefix,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box h3.price,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box .suffix,
section.package-trip-detail .flex-container .flex-content .flex-right .btn-box,
section.package-trip-detail .flex-container .flex-content .flex-right .detail-box,
section.package-trip-detail .flex-container .flex-content .flex-right .detail-box .line-detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/*--- end same flex ---*/

section.package-trip-detail .flex-container .flex-top,
section.package-trip-detail .flex-container .flex-nav,
section.package-trip-detail .flex-container .flex-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
}

section.package-trip-detail .flex-container .flex-top:before,
section.package-trip-detail .flex-container .flex-top:after,
section.package-trip-detail .flex-container .flex-nav:before,
section.package-trip-detail .flex-container .flex-nav:after,
section.package-trip-detail .flex-container .flex-content:before,
section.package-trip-detail .flex-container .flex-content:after,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box:before,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box:after {
    display: table;
    content: " ";
}

section.package-trip-detail .flex-container .flex-top:after,
section.package-trip-detail .flex-container .flex-nav:after,
section.package-trip-detail .flex-container .flex-content:after,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box:after {
    clear: both;
}

section.package-trip-detail .flex-container .flex-top {
    margin-bottom: 20px;
}

section.package-trip-detail .flex-container .flex-nav {
    margin-bottom: 20px;
}

section.package-trip-detail .flex-container .flex-top .flex-left,
section.package-trip-detail .flex-container .flex-nav .flex-left,
section.package-trip-detail .flex-container .flex-content .flex-left {
    margin-right: 0px;
    flex: 3;
    /*-webkit-flex-direction: row;  (default)
    flex-direction: row;*/
}


/*section.package-trip-detail .flex-container .flex-top .flex-left
, section.package-trip-detail .flex-container .flex-content .flex-left {
        -webkit-justify-content: center;
        justify-content: center;
}*/

section.package-trip-detail .flex-container .flex-top .flex-left .flex-cover,
section.package-trip-detail .flex-container .flex-nav .flex-left .flex-cover,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

section.package-trip-detail .flex-container .flex-top .flex-right,
section.package-trip-detail .flex-container .flex-nav .flex-right,
section.package-trip-detail .flex-container .flex-content .flex-right {
    flex: 1;
}

section.package-trip-detail .flex-container .flex-top .flex-left .flex-cover .col-left,
section.package-trip-detail .flex-container .flex-nav .flex-left .flex-cover .col-left,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-left {
    flex: 0 0 10%;
}

section.package-trip-detail .flex-container .flex-top .flex-left .flex-cover .col-right,
section.package-trip-detail .flex-container .flex-nav .flex-left .flex-cover .col-right,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-right {
    width: 100%;
}

section.package-trip-detail .flex-container .flex-top .flex-left .flex-cover .col-right h1 {
    font-family: Kanit;
    font-size: 2em;
    font-weight: 500;
}

section.package-trip-detail .flex-container .flex-top .flex-right img {
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 7px 25px 1px #c2c3cc;
    -webkit-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -moz-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -o-box-shadow: 0px 7px 25px 1px #c2c3cc;
}

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

section.package-trip-detail .highlight ul {
    list-style: disc;
    /* margin-left: 40px; */
    margin: 0 20px;
}

.flex-nav .flex-left .col-right ul li {
    float: left;
}

.flex-nav .flex-left .col-right ul li div {
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    border-bottom: 2px solid #DDDDDD;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.flex-nav .flex-left .col-right ul li.active div {
    border-bottom: 2px solid #20409a;
}

section.package-trip-detail .flex-container .flex-content .big-image-area {
    width: 100%;
    /*height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

section.package-trip-detail .flex-container .flex-content .big-image-area img {
    box-shadow: 0px 7px 25px 1px #c2c3cc;
    -webkit-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -moz-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -o-box-shadow: 0px 7px 25px 1px #c2c3cc;
}

section.package-trip-detail .flex-container .flex-content .thumbnail-area {
    width: 100%;
    margin-top: -75px;
    margin-bottom: 30px;
    padding-left: 10px;
    background: transparent;
}

section.package-trip-detail .flex-container .flex-content .thumbnail-area .image-thumb {
    width: 100px;
    height: 73px;
    margin-right: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

section.package-trip-detail .flex-container .flex-content .thumbnail-area .image-thumb img {
    width: 100%;
    margin-bottom: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* IE 8 */
    filter: alpha(opacity=80);
    /* IE 5-7 */
    -moz-opacity: 0.8;
    /* Netscape */
    -khtml-opacity: 0.8;
    /* Safari 1.x */
    opacity: 0.8;
    border: 2px solid transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

section.package-trip-detail .flex-container .flex-content .thumbnail-area .image-thumb img.active,
section.package-trip-detail .flex-container .flex-content .thumbnail-area .image-thumb img:hover {
    opacity: 1;
    border: 2px solid #FFFFFF;
}

section.package-trip-detail .flex-container .flex-content .thumbnail-area .image-thumb img:hover {
    cursor: pointer;
}

section.package-trip-detail .flex-container .flex-content .flex-left,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-right,
section.package-trip-detail .flex-container .flex-content .flex-right .detail-box {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flex-cover.li-trip-condition .col-right {
    background: #FFFFFF;
    box-shadow: 0px 7px 25px 1px #c2c3cc;
    -webkit-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -moz-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -o-box-shadow: 0px 7px 25px 1px #c2c3cc;
    padding: 20px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-right .flex-trip-desc {
    /*padding: 15px;
    background: #0ccc47;
    color: #FFFFFF;*/
    font-size: 1.2em;
    font-weight: 500;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-right hr.separate {
    margin: 20px 0px;
    border-top: 1px solid #DEDEDE;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic {
    margin-bottom: 20px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .col-right h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.6em;
    font-weight: 400;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline {
    margin-left: 25px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li {
    list-style-type: none;
    position: relative;
    width: 2px;
    margin: 0 auto;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li:not(:last-child) {
    background: #DDDDDD;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li.in-view:not(:last-child) {
    background: #20409a;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 30px;
    border-radius: 30px;
    background: inherit;
    top: 0;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .date,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
    padding-top: 7px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .date {
    position: relative;
    bottom: 0;
    width: 80px;
    height: 30px;
    left: -37px;
    z-index: 2;
    text-align: center;
    color: #FFFFFF;
    font-family: Kanit;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
    position: relative;
    bottom: 0;
    left: 55px;
    margin-top: -29px;
    /*background: rgba(255, 255, 255, 0.58);*/
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content::before {
    border-color: transparent;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li::after {
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    background: #20409a;
    /*--- mark ---*/
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li.in-view::after {
    background: #20409a;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
    /*visibility: hidden;*/
    /*--- mark ---*/
    /*opacity: 0;*/
    /*--- mark ---*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .flex-food-hotel,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content {
    /* padding-left: 7px;*/
    padding-right: 7px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .exp-coll {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 {
    padding-left: 7px;
    padding-right: 7px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .t-title {
    width: 94%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .exp-coll {
    margin-top: -5px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .exp-coll:hover {
    background: rgba(148, 148, 148, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content {
    border-top: 1px solid #DEDEDE;
    padding-top: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .exp-coll img {
    display: none;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 span.exp-coll img.active {
    display: block;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
    transform: translate3d(10px, 0, 0);
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li.in-view .content {
    transform: none;
    /*visibility: visible;*/
    /*--- mark ---*/
    /*opacity: 1;*/
    /*--- mark ---*/
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
    /* -webkit-justify-content: space-between;
     justify-content: space-between;*/
    -webkit-align-items: center;
    align-items: center;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel {
    padding-top: 15px;
    padding-bottom: 20px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food {
    flex: 0 0 45%;
    /*flex: 0 0 50%;*/
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
    /*flex: 0 0 50%;*/
    flex: 0 0 40%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food div,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel div {
    /* flex: 0 0 20%;*/
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food h4,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel h4 {
    /* flex: 0 0 30%;
      padding-left: 10px;*/
    flex: 0 0 29%;
    padding-left: 10px;
    /* padding-right: 10px;
     text-align: right;*/
    text-align: left;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food span.info {
    flex: 0 0 50%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel span.info {
    /*flex: 0 0 60%;*/
    flex: 0 0 80%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food span span.sub,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel span span.sub,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail .detail {
    color: #5f606e;
    font-weight: 300;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item {
    flex: 0 0 30%;
    margin-right: 20px;
    margin-bottom: 20px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img {
    -webkit-box-shadow: 0px 5px 40px -8px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: 0px 5px 40px -8px rgba(0, 0, 0, 0.67);
    box-shadow: 0px 5px 40px -8px rgba(0, 0, 0, 0.67);
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #DDDDDD;
    padding-top: 30px;
    padding-bottom: 30px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box {
    -webkit-flex-direction: column;
    flex-direction: column;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box a,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.depart,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.start-price,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.last {
    font-size: 1em;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box a,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.depart {
    margin-bottom: 5px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.last .current-price {
    font-size: 1.5em;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.depart {
    color: #5f606e;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.start-price {
    color: #9fabbf;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.last .current-price {
    color: #39b54a;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.last .suffix {
    color: #5f606e;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail {
    margin-top: 15px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic.second {
    padding-left: 0px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic.second {
    color: #00aeef;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .separate-li {
    margin-top: 15px;
    padding: 0px 0px 15px 0px;
    border-top: 1px solid #DEDEDE;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib,
section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .ptd-ele {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box {
    margin: 20px 0px 40px 0px;
    -webkit-align-items: stretch;
    /* equal height column */
    align-items: stretch;
    /* equal height column */
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box.tif {
    -webkit-align-items: flex-start;
    /* equal height column */
    align-items: flex-start;
    /* equal height column */
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box.btn-box {
    margin-top: 0px
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib {
    margin-bottom: 15px;
    padding: 15px;
    -webkit-box-shadow: 0px 5px 40px -8px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: 0px 5px 40px -8px rgba(0, 0, 0, 0.67);
    box-shadow: 0px 5px 40px -8px rgba(0, 0, 0, 0.67);
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    flex: 0 0 48%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib.tag {
    flex: 0 0 100%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib:nth-child(odd) {
    margin-right: 15px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele:not(:last-child) {
    margin-bottom: 10px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .text {
    text-align: left;
    height: 20px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele div:nth-child(1) {
    flex: 0 0 35%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele div:nth-child(2) {
    flex: 0 0 65%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .ptd-ele .badge.location {
    padding: 5px 10px;
    margin-bottom: 5px;
    font-weight: 400;
    background: #6b6b7d;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .ptd-ele .badge.location:not(:first-child) {
    margin-left: 5px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box a {
    width: 90%;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box a.pic-area {
    background-position: center center;
    background-size: cover;
    height: 95px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .btn.other-trip {
    margin: 0 auto;
}

hr.bottom-separate {
    margin: 0px 0px 30px 0px;
    border-top: 1px solid #DEDEDE;
}


/*--------- start right sidebar ---------*/

section.package-trip-detail .flex-container .flex-content .flex-right,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom {
    -webkit-flex-direction: column;
    flex-direction: column;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom .fb-social,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom .other-social {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom .fb-social .fb-share-button,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom .other-social div:not(:first-child) {
    margin-left: 4px;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom .other-social {
    margin-top: 5px;
}

section.package-trip-detail .flex-container .flex-content .flex-right {
    background: transparent;
    /*border: 1px solid red;*/
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}


/*section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
    position: fixed;
}*/

section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top,
section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom {
    width: 100%;
    padding: 5px 20px;
    background: #FFFFFF;
    box-shadow: 0px 7px 25px 1px #c2c3cc;
    -webkit-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -moz-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -o-box-shadow: 0px 7px 25px 1px #c2c3cc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top {
    margin-bottom: 5px;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .bottom h3 {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 1.6em;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-box .prefix,
section.package-trip-detail .flex-container .flex-content .flex-right .price-box h3.price {
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 3px;
    /* 5 */
    -webkit-justify-content: center;
    justify-content: center;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-box .suffix {
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-justify-content: center;
    justify-content: center;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-box .prefix {
    color: #9fabbf;
    font-size: 1.1em;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-box h3.price {
    color: #39b54a;
    font-size: 3em;
}

section.package-trip-detail .flex-container .flex-content .flex-right .price-box .suffix {
    color: #5f606e;
    font-size: 1.2em;
}

section.package-trip-detail .flex-container .flex-content .flex-right .btn-box,
section.package-trip-detail .flex-container .flex-content .flex-right .detail-box {
    -webkit-justify-content: center;
    justify-content: center;
}

section.package-trip-detail .flex-container .flex-content .flex-right .btn-box .btn {
    font-size: 1.4em;
    height: 45px;
    line-height: 25px;
}

section.package-trip-detail .flex-container .flex-content .flex-right .detail-box {
    margin-top: 15px;
    /* 20 */
}

section.package-trip-detail .flex-container .flex-content .flex-right .detail-box .topic {
    margin-bottom: 10px;
    font-size: 1.6em;
}

section.package-trip-detail .flex-container .flex-content .flex-right .detail-box .line-detail {
    margin-bottom: 5px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

section.package-trip-detail .flex-container .flex-content .flex-right .detail-box .line-detail .left,
section.package-trip-detail .flex-container .flex-content .flex-right .detail-box .line-detail .right {
    flex: 0 0 50%;
    text-align: left;
}

section.package-trip-detail .flex-container .flex-content .flex-right .detail-box .line-detail .right {
    color: #9fabbf;
    font-weight: 300;
}


/*--------- end right sidebar ---------*/


/*--------- start package trip detail responsive ---------*/

@media all and (min-width: 1px) and (max-width: 420px) {
    section.package-trip-detail .flex-container {
        width: 96%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 365px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 20%;
    }
}

@media all and (min-width: 1px) and (max-width: 768px) {
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box.tif {
        display: none;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .exp-coll {
        width: 60px;
        height: 60px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
        width: 100%;
        height: auto;
    }
}

@media all and (min-width: 421px) and (max-width: 768px) {
    section.package-trip-detail .flex-container {
        width: 94%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 465px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 20%;
    }
}

@media all and (min-width: 769px) {
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .exp-coll {
        width: 30px;
        height: 30px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 .exp-coll img {
        width: auto !important;
        height: auto !important;
    }
}

@media all and (min-width: 769px) and (max-width: 1000px) {
    section.package-trip-detail .flex-container {
        width: 90%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 500px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 2.5%;
    }
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 95%;
    }
    section.package-trip-detail .flex-container .flex-content .thumbnail-area .image-thumb {
        width: 90px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .flex-food-hotel {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
        width: 100%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food h4,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel h4 {
        flex: 0 0 20%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
        width: 250px !important;
        height: auto;
    }
}

@media all and (min-width: 1001px) {
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
        width: 100%;
        height: auto;
    }
}

@media all and (min-width: 1001px) and (max-width: 1100px) {
    section.package-trip-detail .flex-container {
        width: 100%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 602px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 1%;
    }
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 700px;
    }
}

@media all and (min-width: 1px) and (max-width: 1280px) {
    section.package-trip-detail .flex-container .flex-content .flex-right .btn-box .btn {
        padding-top: 9px;
    }
}

@media all and (min-width: 1101px) and (max-width: 1200px) {
    section.package-trip-detail .flex-container {
        width: 90%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 595px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 5%;
    }
}

@media all and (min-width: 1201px) and (max-width: 1300px) {
    section.package-trip-detail .flex-container {
        width: 85%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 682px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 8%;
    }
}

@media all and (min-width: 1101px) and (max-width: 1150px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 700px;
    }
}

@media all and (min-width: 1151px) and (max-width: 1200px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 710px;
    }
}

@media all and (min-width: 1201px) and (max-width: 1250px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 720px;
    }
}

@media all and (min-width: 1251px) and (max-width: 1300px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 740px;
    }
}

@media all and (min-width: 1301px) and (max-width: 1320px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 785px;
    }
}

@media all and (min-width: 1321px) and (max-width: 1350px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 800px;
    }
}

@media all and (min-width: 1351px) and (max-width: 1400px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 830px;
    }
}

@media all and (min-width: 1401px) and (max-width: 1450px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 755px;
    }
}

@media all and (min-width: 1451px) and (max-width: 1500px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 785px;
    }
}

@media all and (min-width: 1501px) and (max-width: 1550px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 755px;
    }
}

@media all and (min-width: 1551px) {
    section.package-trip-detail .flex-container .flex-content .big-image-area img,
    .flex-cover.li-trip-condition {
        width: 785px;
    }
}

@media all and (min-width: 1301px) and (max-width: 1400px) {
    section.package-trip-detail .flex-container {
        width: 85%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 742px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 9%;
    }
}

@media all and (min-width: 1401px) and (max-width: 1500px) {
    section.package-trip-detail .flex-container {
        width: 75%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 650px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 14%;
    }
}

@media all and (min-width: 1501px) {
    section.package-trip-detail .flex-container {
        width: 70%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        width: 650px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 15%;
    }
}


/*--------- end package trip detail responsive ---------*/


/*--------- end package trip detail ---------*/

.twitter-share-button {
    position: relative;
    height: 20px;
    padding: 1px 8px 1px 6px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    background-color: #1b95e0;
    border-radius: 3px;
    box-sizing: border-box;
}

.remark-red {
    color: #c12936;
}


/*------- KK Edit -------*/

.period-modal .modal-footer .flex-btn-box.pc {
    display: table;
    width: 90%;
    margin: 0 auto;
}

.period-modal .modal-footer .flex-btn-box.pc2 {
    display: table;
    margin: 0 auto;
}

.period-modal .modal-footer .flex-btn-box.mb {
    display: none;
}

section.sec-build-step-four .build-step-four .flex-btn-box.pc {
    display: table;
    width: 90%;
    margin: 0 auto;
}

section.sec-build-step-four .build-step-four .flex-btn-box.mb {
    display: none;
}

section.sec-thank-you .flex-container .flex-item .btn.bst-trip {
    display: none;
}

@media only screen and (max-width: 768px) {
    /*Landing Page Mobile*/
    section.first-section {
        height: auto;
    }
    section.first-section h1,
    section.last-section h1,
    section.promotion-section h1 {
        font-family: "Kanit";
        font-size: 32px;
        font-weight: 500;
        line-height: 58px;
        color: #20409a;
    }
    section.first-section .row-first-section .flex-item h4 {
        margin-top: 0px;
        font-family: "Kanit";
        font-size: 24px;
        font-weight: 300;
        line-height: 36px;
        color: #555;
    }
    section.first-section .row-second-of-first-section h4.content-first-section {
        padding: 16px 50px 34px 50px;
        font-family: "Kanit";
        font-size: 24px;
        font-weight: 300;
        line-height: 36px;
        color: #20409a;
    }
    section.first-section .row-second-of-first-section p.content-first-section {
        padding: 0 28px 70px 28px;
        font-family: "Kanit";
        font-size: 26px;
        font-weight: 300;
        text-align: center;
        line-height: 30px;
        color: #555;
    }
    section.promotion-section .row-all-pm-button {
        margin: 4rem 0 0 0;
    }
    section.promotion-section .row-all-pm-button .btn.all-promotion,
    section.last-section .flex-other-trip .btn.other-trip {
        padding: 0px 20px;
        width: 10rem;
        /* padding-top: 15px;
        padding-bottom: 15px; */
        font-family: "Kanit";
        font-size: 16px;
        font-weight: 400;
        line-height: 40px;
        color: #20409a;
        background-color: #ffffff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    section.last-section .block-btn-trip-country .btn.travel {
        font-family: "Kanit";
        font-size: 4.2vw;
        font-weight: 400;
        line-height: 38px;
        color: #20409a;
    }
    section.last-section .block-btn-trip-country .btn.travel.active {
        color: #fff;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item,
    section.last-section .flex-gallery .your-country-content .flex-item,
    section.last-section .flex-gallery .your-trip-content .flex-item.odd,
    section.last-section .flex-gallery .your-country-content .flex-item.odd {
        display: table;
        width: 100%;
        padding: 0 0 4% 0;
        margin: 0 auto;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group {
        /* margin: -34% 0 0 0; */
        height: auto;
        font-family: "Kanit";
        color: #fff;
        position: absolute;
        margin-top: 4%;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h2,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h2 {
        height: auto;
        font-size: 50px;
        font-weight: 500;
        line-height: 54px;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .text-group h4,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large .text-group h4 {
        height: auto;
        font-size: 30px;
        font-weight: 400;
        line-height: 34px;
    }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large button.btn.view-more,
    section.last-section .flex-gallery .your-country-content .flex-item figure.large button.btn.view-more {
        display: none;
    }
    section.last-section .flex-gallery .your-trip-content .small-content,
    section.last-section .flex-gallery .your-country-content .small-content {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item.odd,
    section.last-section .flex-gallery .your-country-content .small-content .flex-item.even {
        display: inline-flex;
        width: 50%;
        text-align: left;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item.even,
    section.last-section .flex-gallery .your-country-content .small-content .flex-item.odd {
        display: inline-flex;
        width: 50%;
        text-align: right;
        position: relative;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item .small,
    section.last-section .flex-gallery .your-country-content .small-content .flex-item .small {
        display: inline-flex;
        width: 94%;
        margin: 0 auto;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item figure.small .text-group,
    section.last-section .flex-gallery .your-country-content .small-content .flex-item figure.small .text-group {
        /* margin: -36% 0 0 0; */
        height: 120px;
        font-family: "Kanit";
        color: #fff;
        margin: 0;
        width: 100%;
        position: absolute;
        top: 57%;
        transform: translate(0, -50%);
        margin-top: 2rem;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item figure.small .text-group h2,
    section.last-section .flex-gallery .your-country-content .small-content .flex-item figure.small .text-group h2 {
        height: auto;
        font-size: 2.5em;
        font-weight: 500;
        line-height: 39px;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item figure.small .text-group h4,
    section.last-section .flex-gallery .your-country-content .small-content .flex-item figure.small .text-group h4 {
        height: auto;
        font-size: 1.5em;
        font-weight: 400;
        line-height: 29px;
    }
    section.last-section .flex-gallery .your-country-content .small-content .flex-item figure.small .text-group .text-edit-h2 {
        height: auto;
        font-size: 1.4em;
        font-weight: 400;
        line-height: 29px;
        margin-top: -0.5rem;
    }
    section.last-section .flex-gallery .your-country-content .small-content .flex-item figure.small .text-group .text-edit-h4 {
        height: auto;
        font-size: 1.2em;
        font-weight: 400;
        line-height: 29px;
    }
    section.last-section .flex-gallery .your-trip-content .small-content .flex-item figure.small button.btn.view-more,
    section.last-section .flex-gallery .your-country-content .small-content .flex-item figure.small button.btn.view-more {
        display: none;
    }
    /*Group Go All Package Mobilel*/
    section.recommend-section h1 {
        font-size: 54px;
        font-weight: 500;
        line-height: 58px;
    }
    section.recommend-section h1.text-white {
        padding-top: 40px;
        padding-bottom: 28px;
    }
    section.recommend-section p.text-rcm {
        padding: 15px 24px 60px 24px;
        font-family: "Kanit";
        font-size: 32px;
        font-weight: 300;
        text-align: center;
        line-height: 36px;
    }
    section.all-package h1 {
        font-family: "Kanit";
        font-size: 42px;
        font-weight: 500;
        line-height: 58px;
    }
    section.all-package .flex-country .label {
        padding: 2px 20px 0px 0px;
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 28px;
        color: #363636;
    }
    section.all-package .form-control {
        font-family: "Kanit";
        font-size: 22px;
        font-weight: 400;
        line-height: 26px;
        color: #959595;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item {
        width: 100%;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-top {
        padding: 24px 24px;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-top .group-detail {
        font-family: "Kanit";
        font-size: 32px;
        font-weight: 400;
        line-height: 36px;
        color: #20409a;
    }
    section.all-package .promotion-slider li p.group-detail,
    section.all-package .flex-promotion .flex-ul .flex-item .flex-top .group-detail {
        height: auto;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-card .card-fade {
        height: 60px;
        padding: 14px 24px;
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 35px;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-image {
        margin-top: -60px;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last {
        padding: 24px;
        font-family: "Kanit";
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last .price-block p.start-price {
        font-size: 28px;
        font-weight: 400;
        line-height: 32px;
        color: #9fabbf;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last .price-block p span {
        font-size: 32px;
        font-weight: 400;
        line-height: 36px;
        color: #5f606e;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last .price-block p span.price {
        font-size: 44px;
        line-height: 48px;
        color: #39b54a;
    }
    section.all-package .flex-promotion ul.flex-ul li.flex-item .flex-last .btn.promo-detail {
        padding: 30px 50px;
        font-size: 32px;
        font-weight: 400;
        line-height: 36px;
        color: #20409a;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    /*Package Trip Detail*/
    section.package-trip-detail .flex-container .flex-top .flex-left .flex-cover .col-right h1 {
        font-family: "Kanit";
        font-size: 42px;
        font-weight: 500;
        line-height: 46px;
        color: #20409a;
    }
    section.package-trip-detail .flex-container .flex-nav .flex-left .col-right ul li div {
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 300;
        line-height: 32px;
        color: #9fabbf;
    }
    section.package-trip-detail .flex-container .flex-nav .flex-left .col-right ul li.active div {
        font-weight: 400;
        color: #20409a;
    }
    section.package-trip-detail .flex-container .flex-content .big-image-area img {
        max-width: 100%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left {
        flex: auto;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover {
        margin: 0 0 0 0;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-right .flex-trip-desc {
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 32px;
        color: #20409a;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib {
        display: table;
        width: 100%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib:nth-child(odd) {
        display: table;
        width: 100%;
        padding: 40px 15px 40px 15px;
        flex: none;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele {
        font-family: "Kanit";
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .text-gng {
        color: #20409a;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .text-grey {
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .text {
        height: 34px;
        font-family: "Kanit";
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover h3 {
        padding: 50px 0 0 0;
        margin: 20px 0 0 0;
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #20409a;
        border-top: #f7f7f7 solid 2px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover h3:first-of-type {
        margin: 0;
        border: none;
    }
    .flex-cover.li-trip-condition ul {
        margin: 50px 0 0 0;
    }
    .flex-cover.li-trip-condition ul li {
        padding: 0 0 20px 0;
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 32px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .badge.location,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .badge.location:not(:first-child) {
        padding: 10px 20px;
        margin: 10px 20px 10px 0px;
        font-family: "Kanit";
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box {
        font-family: "Kanit";
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box a h4 {
        font-size: 24px !important;
        font-weight: 400;
        line-height: 28px;
        color: #20409a;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.depart {
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.start-price {
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #9fabbf;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.last .current-price {
        font-size: 32px;
        font-weight: 400;
        line-height: 36px;
        color: #39b54a;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box .tib .ptd-ele .box span.last .suffix {
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .ptd-info-box.btn-box .btn.other-trip {
        padding: 18px 80px;
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #20409a;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover .col-left {
        flex: none;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover.topic .col-right h2 {
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #20409a;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline {
        margin-left: 52px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li::after {
        width: 130px;
        height: 48px;
        -webkit-border-radius: 54px;
        -moz-border-radius: 54px;
        border-radius: 54px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .date {
        left: -58px;
        width: 120px;
        font-family: "Kanit";
        font-size: 32px;
        font-weight: 400;
        text-align: center;
        line-height: 36px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content {
        font-family: "Kanit";
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4.text-gng .t-title {
        padding: 0 58px 0 10px;
        font-size: 26px;
        font-weight: 500;
        line-height: 30px;
        color: #20409a;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail {
        margin-top: 30px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail .detail {
        padding: 6px 0 30px 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul {
        display: table;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item {
        flex: auto;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic {
        font-size: 26px;
        font-weight: 500;
        line-height: 30px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel {
        display: table;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
        font-family: "Kanit";
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food {
        padding: 0 0 10px 0;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food h4,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel h4 {
        display: inline-table;
        font-size: 28px;
        font-weight: 500;
        line-height: 32px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food span.info,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel span.info {
        font-size: 26px;
        font-weight: 500;
        line-height: 30px;
        color: #9fabbf;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel span.info {
        flex: initial;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-food span span.sub,
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .flex-food-hotel .flex-hotel span span.sub {
        font-size: 26px;
        font-weight: 500;
        line-height: 30px;
        color: #9fabbf;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content h4 span.exp-coll img {
        width: 42px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-left .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img {
        height: auto;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right {
        position: relative;
        display: table;
        left: 0;
        width: 100%;
        padding: 30px 0 80px 0;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner {
        right: 0;
        z-index: 10;
        width: 100%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top {
        display: inline-table;
        font-family: "Kanit";
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .btn-box {
        display: inline-table;
        width: 50%;
        padding: 24px 3% 0 0;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .btn-box .btn {
        height: 80px;
        padding: 20px 0 0 0;
        font-size: 34px;
        font-weight: 400;
        line-height: 38px;
        color: #fff;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .price-box {
        display: inline-table;
        float: left;
        width: 50%;
        padding: 18px 0 0 3%;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .price-box .prefix {
        display: table;
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        color: #9fabbf;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .price-box h3.price {
        display: table;
        padding: 0;
        margin: 0;
        font-size: 54px;
        font-weight: 400;
        line-height: 54px;
        color: #39b54a;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .price-box .suffix {
        display: table;
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .detail-box {
        width: 96%;
        padding: 30px 0 10px 0;
        margin: 40px auto 0 auto;
        clear: left;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .detail-box .topic {
        padding: 36px 0 0 0;
        font-size: 36px;
        font-weight: 400;
        line-height: 36px;
        color: #20409a;
        border-top: #ededed solid 1px;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .detail-box .line-detail {
        margin: 0 0 20px 0;
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .detail-box .line-detail .left {
        color: #5f606e;
    }
    section.package-trip-detail .flex-container .flex-content .flex-right .price-scroll .inner .top .detail-box .line-detail .right {
        color: #9fabbf;
    }
    /*
	Group & Go Package Build Step 1 Mobile
	Group & Go Package Build Step 2 Mobile
	Group & Go Package Build Step 3 Mobile
	Group & Go Package Build Step 4 Mobile
	*/
    section.sec-build-step-one,
    section.sec-build-step-two,
    section.sec-build-step-four {
        padding: 44px 0 0 0;
    }
    section.sec-build-step-one .bstp-one h1,
    section.sec-build-step-two .bstp-one h1,
    section.sec-build-step-four .bstp-one h1 {
        font-family: "Kanit";
        font-size: 54px;
        font-weight: 500;
        line-height: 58px;
        color: #20409a;
    }
    section.sec-build-step-one .build-step-one .left-layout,
    section.sec-build-step-two .build-step-two .left-layout {
        margin-top: 40px;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .bbg:not(:first-child),
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(1),
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(5),
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg:nth-child(7),
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(1),
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(3),
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg:nth-child(7),
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg:nth-child(1),
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg:nth-child(3),
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg:nth-child(5) {
        width: 60px;
        height: 60px;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .step-line,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .step-line,
    section.sec-build-step-four .build-step-four .step-block-group .step-block .step-line,
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .step-line {
        width: 4%;
    }
    section.sec-build-step-one .step-one,
    section.sec-build-step-two .step-one,
    section.sec-build-step-four .step-one,
    section.sec-build-contact-info .step-one {
        margin: 92px 0px 30px 0px;
    }
    section.sec-build-step-one .step-one .input-group,
    section.sec-build-step-two .step-one .input-group,
    section.sec-build-contact-info .step-one .input-group {
        margin: -38px 0 0 0;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .step-line .badge.stp.delemeter,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .step-line .badge.stp.delemeter,
    section.sec-build-step-four .build-step-four .step-block-group .step-block .step-line .badge.stp.delemeter,
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .step-line .badge.stp.delemeter {
        padding: 41px 0 0 0;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .bbg .badge.stp,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg .badge.stp,
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg .badge.stp,
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg .badge.stp {
        padding: 12px 0 0 0;
        height: 60px;
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 32px;
        border-radius: 30px;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .step-block .bbg .badge.stp.active,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block .bbg .badge.stp.active,
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg .badge.stp.active,
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block .bbg .badge.stp.active {
        color: #006cd4;
        background: #fff;
    }
    section.sec-build-step-one .build-step-one input[type="text"].form-control.pg-name,
    section.sec-build-step-two .build-step-two input[type="text"].form-control.pg-name,
    section.sec-build-step-four .build-step-four input[type="text"].form-control.pg-name,
    section.sec-build-contact-info .build-contact-info input[type="text"].form-control.pg-name {
        height: 80px;
        padding: 0px;
        margin: 0px;
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #959595;
    }
    section.sec-build-step-one .build-step-one .glyphicon,
    section.sec-build-step-two .build-step-two .glyphicon,
    section.sec-build-step-four .build-step-four .glyphicon,
    section.sec-build-contact-info .build-contact-info .glyphicon {
        font-size: 34px;
    }
    section.sec-build-step-one .build-step-one .box-form .form-control,
    section.sec-build-step-two .build-step-two .box-form .form-control,
    section.sec-build-contact-info .build-contact-info .box-form .form-control {
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #959595;
    }
    section.sec-build-step-one .build-step-one .box-form .form-control {
        height: 74px;
    }
    section.sec-build-step-one .build-step-one .people img,
    section.sec-build-step-one .build-step-one .period img,
    section.sec-build-step-two .build-step-two .period img,
    section.sec-build-step-four .build-step-four .period img,
    section.sec-build-contact-info .build-contact-info .period img {
        width: 100%;
    }
    section.sec-build-step-one .build-step-one .border-pgn,
    section.sec-build-step-two .build-step-two .border-pgn,
    section.sec-build-step-four .build-step-four .border-pgn,
    section.sec-build-contact-info .build-contact-info .border-pgn {
        height: 35px;
        border: 1px solid #DDD;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .step-block,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .step-block,
    section.sec-build-step-four .build-step-four .step-block-group .step-block,
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .step-block {
        padding: 50px 15%;
    }
    section.sec-build-step-one .build-step-one .left-layout .flex-btn-box .btn.bst-next,
    section.sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-back,
    section.sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.contact-popup,
    section.sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-next,
    section.sec-build-step-four .build-step-four .left-layout .flex-btn-box .btn.bst-back,
    section.sec-build-step-four .build-step-four .left-layout .flex-btn-box .btn.bst-next,
    section.sec-build-contact-info .build-contact-info .left-layout .flex-btn-box .btn.bst-back,
    section.sec-build-contact-info .build-contact-info .left-layout .flex-btn-box .btn.bst-next,
    section.sec-build-step-four .build-step-four .btn.bst-back,
    section.sec-build-step-four .build-step-four .btn.bst-next {
        width: 72%;
        height: 78px;
        padding: 18px 0 0 0;
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    section.sec-build-contact-info .build-contact-info .left-layout .btn.bst-back,
    section.sec-build-step-four .build-step-four .btn.bst-back {
        margin: 40px 0 40px 14%;
    }
    section.sec-build-contact-info .build-contact-info .left-layout .btn.bst-next,
    section.sec-build-step-four .build-step-four .btn.bst-next {
        margin: 48px 0 0 14%;
    }
    section.sec-build-contact-info .build-contact-info .left-layout .btn.bst-next.pull-right,
    section.sec-build-step-four .build-step-four .btn.bst-next.pull-right {
        float: none !important;
    }
    section.sec-build-contact-info .build-contact-info .left-layout .col-lg-6.col-md-6.col-sm-6.col-xs-6.no-padding,
    section.sec-build-step-four .build-step-four .col-lg-6.col-md-6.col-sm-6.col-xs-6.no-padding {
        width: 100%;
    }
    section.sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-back,
    section.sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.contact-popup,
    section.sec-build-step-four .build-step-four .left-layout .flex-btn-box .btn.bst-back,
    section.sec-build-contact-info .build-contact-info .left-layout .flex-btn-box .btn.bst-back {
        color: #006cd4;
        background: #fff;
    }
    section.sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-next,
    section.sec-build-step-one .build-step-one .left-layout .flex-btn-box .btn.bst-next {
        color: #fff;
        background: #006cd4;
        opacity: 1;
    }
    section.sec-build-step-two .build-step-two .left-layout .flex-btn-box .btn.bst-next.disabled {
        color: #fff;
        background: #eee;
        border: 1px solid #eee;
        transition: all 0.5s ease-in;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .box-form h2.traveling,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .box-form h2.traveling,
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form h2.traveling {
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #006cd4;
    }
    section.sec-build-step-one .step-one form.build-step-one .form-group label,
    section.sec-build-step-two .step-one form.build-step-two .form-group label,
    section.sec-build-contact-info .step-one form.build-step-two .form-group label {
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 32px;
        color: #363636;
    }
    section.sec-build-step-one .right-block,
    section.sec-build-step-two .right-block,
    section.sec-build-contact-info .right-block {
        font-family: "Kanit";
    }
    section.sec-build-step-one .right-block h1.tour-list-title,
    section.sec-build-step-two .right-block h1.tour-list-title,
    section.sec-build-contact-info .right-block h1.tour-list-title {
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #006cd4;
    }
    section.sec-build-step-one .right-block h4.plan-topic,
    section.sec-build-step-two .right-block h4.plan-topic,
    section.sec-build-contact-info .right-block h4.plan-topic {
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
        color: #363636;
    }
    section.sec-build-step-one .right-block .ytv-ele,
    section.sec-build-step-two .right-block .ytv-ele,
    section.sec-build-contact-info .right-block .ytv-ele {
        margin: 20px 0 0 0;
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #959595;
    }
    section.sec-build-step-one .right-block .row-price,
    section.sec-build-step-two .right-block .row-price,
    section.sec-build-contact-info .right-block .row-price {
        text-align: center;
    }
    section.sec-build-step-one .right-block .trip-price,
    section.sec-build-step-two .right-block .trip-price,
    section.sec-build-contact-info .right-block .trip-price {
        display: table;
        padding: 0;
        font-family: "Kanit";
        font-size: 54px;
        font-weight: 400;
        line-height: 58px;
        color: #39b54a;
    }
    section.sec-build-step-one .build-step-one .left-layout .step-block-group .box-form .row-input-step,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group .box-form .row-input-step,
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .row-input-step {
        padding: 0 0 20px 0;
    }
    section.sec-build-step-two .build-step-two .more-detail,
    section.sec-build-contact-info .build-contact-info .more-detail {
        font-family: "Kanit";
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #959595;
    }
    /*Group & Go Package Build Step 1 Mobile*/
    /*Group & Go Package Build Step 2 Mobile*/
    .period-modal .modal-header {
        padding: 25px 30px 30px 30px;
    }
    .period-modal .modal-header h4 {
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #006cd4;
    }
    .period-modal .modal-header .close span {
        font-size: 102px;
        font-weight: 400;
        line-height: 102px;
    }
    .period-modal .modal-body .flex-people label.col-xs-12 {
        padding: 0 0 24px 0;
        display: table;
        width: 100%;
        font-family: "Kanit";
        font-size: 26px;
        font-weight: 400;
        line-height: 30px;
        color: #363636;
    }
    .period-modal .modal-body .flex-people div.col-xs-12.first,
    .period-modal .modal-body .flex-people div.col-xs-12.second,
    .period-modal .modal-body .flex-people div.col-xs-12.third,
    .period-modal .modal-body .flex-people div.col-xs-12.forth {
        width: 25%;
    }
    .period-modal .modal-body .flex-people img {
        width: 100%;
    }
    .period-modal .modal-body .period-head {
        font-family: "Kanit";
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #9fabbf;
        text-align: center;
    }
    .period-modal .modal-footer .flex-btn-box {
        display: table;
        width: 100%;
    }
    .period-modal .modal-footer .flex-btn-box.pc {
        display: none;
    }
    .period-modal .modal-footer .flex-btn-box.pc2 {
        display: none;
    }
    .period-modal .modal-footer .flex-btn-box.mb {
        display: table;
    }
    .period-modal .modal-footer .bst-back,
    .period-modal .modal-footer .btn {
        display: table;
        width: 72%;
        height: 72px;
        padding: 0 0 0 0;
        margin: 0 0 40px 14%;
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
    }
    .period-modal .modal-footer .btn.bst-back {
        color: #006cd4;
        background: none;
    }
    .period-modal .modal-footer .btn.contact-popup {
        display: table;
        width: 90%;
        height: 72px;
        padding: 0 0 0 0;
        margin: 0 0 40px 6%;
        font-family: "Kanit";
        font-size: 26px;
        font-weight: 400;
        line-height: 40px;
        color: #43b33c;
        background: none;
    }
    .period-modal .modal-footer .btn.bst-next {
        color: #fff;
        background: #016cd4;
    }
    .period-modal .modal-footer .btn.bst-next.disabled {
        color: #fff;
        background: #eee;
        border: 1px solid #eee;
        transition: all 0.5s ease-in;
    }
    .period-modal .modal-footer p {
        margin: 0px;
        font-family: "Kanit";
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        color: #9fabbf;
    }
    .period-modal .modal-body .period-head .block-one {
        flex: 0 0 12%;
        padding: 10px 8px 10px 8px;
    }
    .period-modal .modal-body .period-head .block-two {
        flex: 0 0 12%;
    }
    .period-modal .modal-body .period-head .block-three {
        flex: 0 0 23%;
    }
    .period-modal .modal-body .period-head .block-four {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-head .block-five {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-head .block-six {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-head .block-price {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-content .block-one {
        flex: 0 0 17%;
    }
    .period-modal .modal-body .period-content .block-two {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-content .block-four {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-content .block-five {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-content .block-six {
        flex: 0 0 10%;
    }
    .period-modal .modal-body .period-content .block-three {
        flex: 0 0 23%;
    }
    .period-modal .modal-body .period-content .block-price {
        flex: 0 0 12%;
    }
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act button.btn,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act a.btn,
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act h2.text {
        margin: -20% 0 0 0;
        font-family: "Kanit";
        font-size: 30px;
        font-weight: 400;
        line-height: 34px;
        color: #fff;
    }
    /*section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act div { margin: -30% 0 0 0; }*/
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act a.btn {
        width: 40%;
        height: 55px;
    }
    section.sec-build-step-two .build-step-two .left-layout .step-block-group figure.small-act .btn.click {
        width: 40%;
        height: 55px;
        padding: 6px 20px;
        color: #fff;
        background: #006cd4;
    }
    /*Group & Go Package Build Step 3 Mobile*/
    section.sec-build-contact-info .build-contact-info .left-layout .box-form .login h2 {
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #006cd4;
    }
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .form-group label {
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 32px;
        color: #363636;
    }
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form .form-group div {
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #959595;
    }
    section.sec-build-contact-info .build-contact-info .left-layout .step-block-group .box-form {
        padding-bottom: 50px;
    }
    /*Group & Go Package Build Step 4 Mobile*/
    section.sec-build-step-four .build-step-four .box-form h2 {
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        color: #006cd4;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content {
        display: table;
        padding: 0;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-left,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-activity {
        width: 100%;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-left {
        padding: 0;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-topic,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-topic {
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
        color: #363636;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-full,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-content .flex-label,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-content .flex-value,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-content-right .flex-full h3,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-content-right .flex-full ul li {
        font-family: "Kanit";
        font-size: 28px;
        font-weight: 400;
        line-height: 32px;
        color: #959595;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-content-right .flex-full ul li {
        padding: 10px 0 10px 0;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-content {
        margin: 16px 0 20px 0;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-trip,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-contact {
        padding: 0 0 50px 0;
        margin: 0;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price {
        display: table;
        width: 100%;
        margin: 0 auto;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-price,
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-social {
        display: table;
        width: 100%;
        font-family: "Kanit";
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-price .flex-topic {
        font-size: 28px;
        font-weight: 600;
        color: #363636;
        line-height: 32px;
        text-align: left;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-price .flex-content {
        font-size: 54px;
        font-weight: 400;
        color: #363636;
        line-height: 58px;
        text-align: center;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-social {
        padding: 30px 0 30px 0;
        margin: 35px 0 0 0;
        text-align: center;
        border-top: #ddd solid 1px;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-social img {
        width: 80px;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-topic {
        display: inline-table;
        width: 50%;
        text-align: left;
        vertical-align: top;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-social .flex-content {
        display: inline-table;
        width: 50%;
        text-align: right;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-price .flex-social .flex-topic {
        padding: 26px 0 0 0;
        margin: 0;
    }
    section.sec-build-step-four .build-step-four .box-form .flex-summary-content .flex-content-right .flex-full ul {
        padding: 0 0 50px 0;
    }
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg:nth-child(1) label span,
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg:nth-child(3) label span,
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg:nth-child(5) label span {
        display: none;
    }
    section.sec-build-step-four .build-step-four .step-block-group .step-block .bbg:nth-child(7) {
        width: 45%;
    }
    section.sec-build-step-four .build-step-four .flex-btn-box {
        width: 100%;
    }
    section.sec-build-step-four .build-step-four .flex-btn-box.pc {
        display: none;
    }
    section.sec-build-step-four .build-step-four .flex-btn-box.mb {
        display: table;
    }
    /*Group & Go Thank You Mobile*/
    section.sec-thank-you {
        padding: 120px 0 120px 0;
    }
    section.sec-thank-you .flex-container .flex-item {
        text-align: center;
    }
    section.sec-thank-you .flex-container .flex-item:first-child h1 {
        font-family: "Kanit";
        font-size: 54px;
        font-weight: 500;
        line-height: 58px;
        color: #006cd4;
    }
    section.sec-thank-you .flex-container .flex-item.message h3 {
        font-family: "Kanit";
        font-size: 32px;
        font-weight: 400;
        line-height: 36px;
        color: #006cd4;
    }
    section.sec-thank-you .flex-container .flex-item:last-child {
        display: table;
        width: 100%;
        text-align: center;
    }
    section.sec-thank-you .flex-container .flex-item:last-child a {
        width: 84%;
        height: 78px;
        padding: 18px 0 0 0;
        font-family: "Kanit";
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
    }
    section.sec-thank-you .flex-container .flex-item .btn.bst-next {
        color: #fff;
        background: #006cd4;
    }
    section.sec-thank-you .flex-container .flex-item .btn.bst-trip {
        display: inline-table;
        margin: 20px 0 40px 0;
        color: #006cd4;
        background: #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: #006cd4 solid 1px;
    }
    /* Footer */
    /* .footer-container {
        font-family: "Kanit" !important;
    }
    .footer-container h3 {
        font-size: 21px;
        font-weight: 500;
        line-height: 30px;
    }
    .footer-container li {
        padding: 0 0 10px 0;
    }
    .footer-container li a {
        font-size: 24px !important;
        font-weight: 400;
        line-height: 28px;
    } */
}


/* ==================== NEW EDIT Promotion Slider =============================== */


/* Light Slider confix */

.promotion-sliders {
    height: auto !important;
}

.lSAction>a {
    text-align: center !important;
    width: 50px !important;
    height: 50px !important;
    top: 45% !important;
    background-image: none !important;
    margin-top: 0px !important;
    opacity: 1 !important;
}

.promotion-slider-box .lSAction>.lSNext {
    right: 10px !important;
}

.promotion-slider-box .lSAction>.lSPrev {
    left: 10px !important;
}

.promotion-slider-box .lSAction>.lSPrev>button#round-button>span,
.promotion-slider-box .lSAction>.lSNext>button#round-button2>span {
    left: -0.6rem !important;
    top: -0.2rem !important;
}

.promotion-slider-box ul.promotion-sliders {
    padding-top: 1rem !important;
}

.promotion-sliders li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 268.5px;
    text-align: center;
    margin-right: 10px !important;
    border: 1.5px solid #d6d6d6;
    /* transition: .35s ease-in-out; */
}

.promotion-sliders li:hover {
    /* border: 2px solid #336ff0d8; */
}

.promotion-sliders .card {
    /* display: inline-block; */
    max-height: 360px;
    height: 100%;
    /* width: 345px; */
    margin-left: 1rem;
    margin-right: 1rem;
    margin: auto;
}

.promotion-sliders .card .card-title {
    height: 4rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
    text-align: center;
}

.promotion-sliders .card .card-title-text {
    height: 3.5rem;
    overflow: scroll;
    text-align: left;
    overflow-x: hidden;
}

.promotion-sliders .card .card-title-text::-webkit-scrollbar {
    width: .7em;
}

.promotion-sliders .card .card-title-text::-webkit-scrollbar-track {
    background-color: rgba(150, 150, 150, 0.178);
}

.promotion-sliders .card .card-title-text::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid rgb(76, 89, 102);
}

.promotion-sliders .card .cart-fade-grey {
    text-align: left;
}

.promotion-sliders .card .card-img .img-field {
    overflow: hidden;
    /* max-width: 345px; */
    height: auto;
    width: 100%;
}

.promotion-sliders .card .card-img .img-responsive {
    /* max-width: 345px; */
    width: 100%;
    height: auto;
}

.promotion-sliders .card .card-img .img-responsive:hover {
    opacity: 1;
}

.promotion-sliders .card .card-btn {
    margin-top: 1rem;
    text-align: right;
}

.promotion-sliders .card .box-promo-dt-grps {
    width: 100%;
    padding-top: 1rem !important;
    /* padding-left: 0rem !important;
    padding-right: 0rem !important; */
}

.promotion-sliders .card .box-promo-dt-grps .price-block p.start-price {
    color: #a6b1c4;
    font-size: 0.8em;
}

.promotion-sliders .card .box-promo-dt-grps .price-block p span.price {
    color: #39b54a;
    font-size: 1.2em;
}

.promotion-sliders .card .box-promo-dt-grps .price-block p span.unit {
    font-size: 0.8em;
}

.promotion-sliders .card .box-promo-dt-grps .price-block .normal-price {
    color: #bbb;
    font-size: 10px;
    font-style: italic;
}

.promotion-sliders .card .price-block {
    height: 2.5rem !important;
}

.promotion-sliders .card .price-detail {
    text-align: right;
}

.promotion-sliders .card a.promo-detail {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

#round-button {
    display: block;
    margin: auto;
    line-height: 50px;
    border: 2px solid #000000;
    border-radius: 50%;
    color: #000000;
    text-align: center;
    text-decoration: none;
    background: #ffffff;
    box-shadow: 0 0 3px rgb(95, 95, 95);
    font-size: 20px;
    font-weight: bold;
    z-index: 99;
}

#round-button:hover {
    background: #cfcfcf;
}

#round-button2 {
    display: block;
    margin: auto;
    line-height: 50px;
    border: 2px solid #000000;
    border-radius: 50%;
    color: #000000;
    text-align: center;
    text-decoration: none;
    background: #ffffff;
    box-shadow: 0 0 3px rgb(95, 95, 95);
    font-size: 20px;
    font-weight: bold;
    z-index: 99;
}

#round-button2:hover {
    background: #cfcfcf;
}


/* ================== NEW EDIT Promotion ALL ===================== */

.flex-promotion {
    margin: auto;
}

section.all-package {
    text-align: center;
}

section.all-package .thumbnail {
    border: none;
    padding: 0;
}

section.all-package .card-btn {
    text-align: right;
}

section.all-package .flex-country .select-ele {
    display: inline-block;
}

section.all-package .flex-country .label {
    text-align: center;
    float: left;
    display: contents;
    margin-right: 5px;
}

section.all-package .flex-country .country-element {
    display: inline-block;
    margin-left: 10px;
}

.promotion-ul {
    margin: auto;
    text-align: left;
    /* max-width: 90rem; */
    width: 100%;
}

.promotion-ul li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    text-align: left;
    width: 100%;
    text-align: center;
    margin-right: 10px !important;
    display: inline-block;
    background: white;
    border: 1.5px solid #d6d6d6;
    /* transition: .35s ease-in-out; */
}

.promotion-ul li:hover {
    /* border: 2px solid #336ff0d8; */
}

.promotion-ul .card {
    display: inline-block;
    height: 100%;
    /* max-width: 340px; */
    width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
    margin: auto;
}

.promotion-ul .card .card-title {
    margin-top: 1rem;
    height: 4rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
    text-align: center;
}

.promotion-ul .card .card-title-text {
    height: 3.5rem;
    overflow: scroll;
    text-align: left;
    overflow-x: hidden;
}

.promotion-ul .card .card-title-text::-webkit-scrollbar {
    width: .7em;
}

.promotion-ul .card .card-title-text::-webkit-scrollbar-track {
    background-color: rgba(150, 150, 150, 0.178);
}

.promotion-ul .card .card-title-text::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid rgb(76, 89, 102);
}

.promotion-ul .card .cart-fade-grey {
    text-align: left;
}

.promotion-ul .card .product-img .new {
    padding-top: 30px;
}

.promotion-ul .card .card-img .img-field {
    overflow: hidden;
    /* max-width: 340px; */
    width: 100%;
    height: auto;
    width: 100%;
}

.promotion-ul .card .product-img img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.promotion-ul .card .card-img .img-responsive {
    /* max-width: 340px; */
    width: 100%;
    height: auto;
}

.promotion-ul .card .card-img .img-responsive:hover {
    opacity: 1;
}

.promotion-ul .card .card-btn {
    margin-top: 1rem;
}

.promotion-ul .card .box-promo-dt-grps {
    width: 100%;
    padding-top: 1rem !important;
    padding-left: 0rem !important;
}

.promotion-ul .card .box-promo-dt-grps .price-block p.start-price {
    color: #a6b1c4;
    font-size: 1em;
}

.promotion-ul .card .box-promo-dt-grps .price-block p span.price {
    color: #39b54a;
    font-size: 1.5em;
}

.promotion-ul .card .box-promo-dt-grps .price-block p span.unit {
    font-size: 1em;
}

.promotion-ul .card .box-promo-dt-grps .price-block .normal-price {
    color: #bbb;
    font-size: 12px;
    font-style: italic;
}

.promotion-ul .card .price-block {
    height: 2.5rem !important;
}

.promotion-ul .card .price-detail {
    text-align: right;
}

.promotion-ul .card a.promo-detail {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    z-index: 98;
}

@media all and (min-width: 421px) and (max-width: 768px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 85%;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .date {
        font-size: 1.2em !important;
        left: -58px;
        width: 120px;
        font-family: "Kanit";
        font-weight: 400;
        text-align: center;
        line-height: 36px;
        height: 40px !important;
    }
}

@media all and (min-width: 769px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 .exp-coll {
        width: 30px;
        height: 30px;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 .exp-coll img {
        width: auto !important;
        height: auto !important;
    }
}

@media all and (min-width: 769px) and (max-width: 1000px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 89%;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .flex-food-hotel {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food,
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
        width: 100%;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food h4,
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel h4 {
        flex: 0 0 20%;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img,
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
        width: 250px !important;
        height: auto;
    }
}

@media all and (min-width: 1001px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img,
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
        width: 250px !important;
        height: auto;
    }
}

@media all and (min-width: 1001px) and (max-width: 1100px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 90%;
    }
}

@media all and (min-width: 1px) and (max-width: 1280px) {}

@media all and (min-width: 1101px) and (max-width: 1200px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 90%;
    }
}

@media all and (min-width: 1201px) and (max-width: 1300px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 80%;
    }
}

@media all and (min-width: 1301px) and (max-width: 1400px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 80%;
    }
}

@media all and (min-width: 1401px) and (max-width: 1500px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 80%;
    }
}

@media all and (min-width: 1501px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        width: 80%;
    }
}

@media only screen and (max-width: 768px) {
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline {
        margin-left: 52px;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
        font-family: "Kanit";
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul {
        display: table;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item {
        flex: auto;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img {
        width: 250px !important;
        height: auto;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .flex-food-hotel {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food,
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
        width: 100%;
    }
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food h4,
    section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel h4 {
        flex: 0 0 20%;
    }
}


/*======================== New edit Package Detail============================ */

section.package-trip-detail .form-control {
    padding: 6px 12px !important;
}

section.package-trip-detail .container .package-detail-title {
    margin-bottom: 2rem;
}

section.package-trip-detail img.air {
    margin: auto;
}

section.package-trip-detail .container .detail-content .row .flex-trip-desc {
    font-size: 1.2em;
    font-weight: 500;
}

section.package-trip-detail .container .panel {
    width: 100% !important;
    margin: auto !important;
    border-radius: 0% !important;
    box-shadow: none !important;
}

section.package-trip-detail .container .panel .trip-info {
    text-align: center;
    margin-bottom: 0rem !important;
}

section.package-trip-detail .container .panel .panel-body .price-scroll .price-box {
    text-align: center;
    margin-top: 1rem;
}

section.package-trip-detail .container .panel .panel-body .price-scroll .price-box .suffix {
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-justify-content: center;
    justify-content: center;
}

section.package-trip-detail .container .panel .panel-body .price-scroll .price-box .prefix {
    color: #9fabbf;
    font-size: 1.1em;
    margin-bottom: 1rem;
}

section.package-trip-detail .container .panel .panel-body .price-scroll .price-box h3.price {
    color: #39b54a;
    font-size: 3em;
    margin-bottom: 1rem;
}

section.package-trip-detail .container .panel .panel-body .price-scroll .price-box .suffix {
    color: #5f606e;
    font-size: 1.2em;
}

section.package-trip-detail .container .detail-content .share-panel {
    margin-top: 1rem !important;
}

section.package-trip-detail .container .panel .panel-body .btn-info {
    width: 124px;
}

section.package-trip-detail .container .panel .panel-body .btn-box {
    display: inline-block;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

section.package-trip-detail .container .panel .panel-body .btn-gng {
    margin: auto !important;
    height: 45px;
    line-height: 0px;
    background: #006cd4;
    color: #FFFFFF;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: none;
    transition: all 0.5s ease;
}

section.package-trip-detail .container .panel .panel-body .btn-gng:hover {
    background: #254cbb;
    color: #EEEEEE;
}

section.package-trip-detail .container .panel .panel-body .text-gng {
    color: #20409a;
}

section.package-trip-detail .container .panel .panel-body .fb_iframe_widget {
    display: inline-flex;
}

section.package-trip-detail .container .panel .panel-body .addthis_button_google_plusone,
section.package-trip-detail .container .panel .panel-body .google_plusone_iframe_widget {
    display: contents !important;
}

section.package-trip-detail .container .highlight {
    margin-bottom: 2rem;
}

section.package-trip-detail .container .highlight ul {
    font-size: 1em;
}

section.package-trip-detail .container .highlight .text-red {
    font-size: 1.5em;
    margin-bottom: 1rem;
}

section.package-trip-detail .container .highlight h2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5em;
}

section.package-trip-detail .container .highlight ul li {
    margin-bottom: 10px;
    font-size: 1.1em;
}

.detail-box li {
    border: none;
}

.detail-box li span.right {
    float: right;
}


/*=========================== JSSOR =============================*/


/*jssor slider loading skin spin css*/

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*jssor slider arrow skin 106 css*/

.jssora106 {
    display: block;
    position: absolute;
    cursor: pointer;
}

.jssora106 .c {
    fill: #fff;
    opacity: .3;
}

.jssora106 .a {
    fill: none;
    stroke: #000;
    stroke-width: 350;
    stroke-miterlimit: 10;
}

.jssora106:hover .c {
    opacity: .5;
}

.jssora106:hover .a {
    opacity: .8;
}

.jssora106.jssora106dn .c {
    opacity: .2;
}

.jssora106.jssora106dn .a {
    opacity: 1;
}

.jssora106.jssora106ds {
    opacity: .3;
    pointer-events: none;
}


/*jssor slider thumbnail skin 101 css*/

.jssort101 .p {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: #000;
}

.jssort101 .p .cv {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    box-sizing: border-box;
    z-index: 1;
}

.jssort101 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
    visibility: hidden;
}

.jssort101 .p:hover .cv,
.jssort101 .p.pdn .cv {
    border: none;
    border-color: transparent;
}

.jssort101 .p:hover {
    padding: 2px;
}

.jssort101 .p:hover .cv {
    background-color: rgba(0, 0, 0, 6);
    opacity: .35;
}

.jssort101 .p:hover.pdn {
    padding: 0;
}

.jssort101 .p:hover.pdn .cv {
    border: 2px solid #fff;
    background: none;
    opacity: .35;
}

.jssort101 .pav .cv {
    border-color: #fff;
    opacity: .35;
}

.jssort101 .pav .a,
.jssort101 .p:hover .a {
    visibility: visible;
}

.jssort101 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: .6;
}

.jssort101 .pav .t,
.jssort101 .p:hover .t {
    opacity: 1;
}


/*=========================== end JSSOR =============================*/

section.package-trip-detail .container .detail-content .form-stock {
    margin-top: 1rem;
}

.bst-next {
    margin-top: 25px;
    padding: 0px;
    height: 45px;
}


/*--------- start same flex-ul ---------*/

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail {
    width: 100%;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul {
    list-style: none;
    display: -webkit-flex;
    display: flex;
    font-family: Kanit;
    padding-bottom: 20px;
    /* ถ้ามี 4 รูป จะเว้นวรรคให้ */
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    transition: all 0.3s ease-in;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image i {
    font-size: 5em;
    color: #CCCCCC;
}


/*--------- end same flex-ul ---------*/

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline {
    margin-left: 25px;
    /*display: inline-block;*/
    width: 100%;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li {
    list-style-type: none;
    position: relative;
    /* width: 2px; */
    margin: 0 auto;
    width: 100%;
    background-color: #f7f7f7 !important;
    border-left: 2px solid #dedede;
    margin-top: 10px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li:not(:last-child) {
    background: #DDDDDD;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li.in-view:not(:last-child) {
    background: #20409a;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .date,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
    padding-top: 7px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .date {
    position: relative;
    bottom: 0;
    width: 80px;
    height: 30px;
    left: -37px;
    z-index: 2;
    text-align: center;
    color: #FFFFFF;
    font-family: Kanit;
    background-color: #20409a;
    border-radius: 82px 82px 82px 82px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
    position: relative;
    bottom: 0;
    left: 55px;
    margin-top: -29px;
    /*background: rgba(255, 255, 255, 0.58);*/
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content::before {
    border-color: transparent;
}


/* section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li::after {
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    background: #20409a;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li.in-view::after {
    background: #20409a;
} */

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
    /*visibility: hidden;*/
    /*--- mark ---*/
    /*opacity: 0;*/
    /*--- mark ---*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .flex-food-hotel,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content {
    /* padding-left: 7px;*/
    padding-right: 7px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 .exp-coll {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 {
    padding-left: 7px;
    padding-right: 7px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 .t-title {
    width: 94%;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 .exp-coll {
    /*margin-top: -5px;*/
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 .exp-coll:hover {
    background: rgba(148, 148, 148, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content {
    border-top: 1px solid #DEDEDE;
    padding-top: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 .exp-coll img {
    display: none;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content h4 span.exp-coll img.active {
    display: block;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content {
    transform: translate3d(10px, 0, 0);
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li.in-view .content {
    transform: none;
    /*visibility: visible;*/
    /*--- mark ---*/
    /*opacity: 1;*/
    /*--- mark ---*/
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
    /* -webkit-justify-content: space-between;
    justify-content: space-between;*/
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel {
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DEDEDE;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food {
    flex: 0 0 45%;
    /*flex: 0 0 50%;*/
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel {
    /*flex: 0 0 50%;*/
    flex: 0 0 40%;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food div,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel div {
    /* flex: 0 0 20%;*/
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food h4,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel h4 {
    /* flex: 0 0 30%;
    padding-left: 10px;*/
    flex: 0 0 29%;
    padding-left: 10px;
    /* padding-right: 10px;
    text-align: right;*/
    text-align: left;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food span.info {
    flex: 0 0 50%;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel span.info {
    /*flex: 0 0 60%;*/
    flex: 0 0 80%;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-food span span.sub,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .flex-food-hotel .flex-hotel span span.sub,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail .detail {
    color: #5f606e;
    font-weight: 300;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item {
    flex: 0 0 30%;
    margin-right: 20px;
    margin-bottom: 20px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img {}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #DDDDDD;
    padding-top: 30px;
    padding-bottom: 30px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail {
    -webkit-flex-direction: column;
    flex-direction: column;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail {
    margin-top: 15px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic,
section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic.second {
    padding-left: 0px;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic.second {
    color: #00aeef;
}

section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic,
section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic.second {
    padding-left: 0px;
}

section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic,
section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail .journey {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #5f606e;
}

section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail h4.topic.second {
    color: #00aeef;
}

section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .flex-food-hotel .flex-food span span.sub,
section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .flex-food-hotel .flex-hotel span span.sub,
section.package-trip-detail .container .detail-content .row .flex-cover.mobile-timeline ul.list-group li .content .timeline-content .flex-content-detail .flex-ul .flex-item .flex-detail .detail {
    color: #5f606e;
    font-weight: 300;
}

section.package-trip-detail .container .detail-content .row .flex-cover ul.timeline li .content .separate-li {
    margin-top: 15px;
    padding: 0px 0px 15px 0px;
    border-top: 1px solid #DEDEDE;
}

.topic h2 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}


/* Desktop Timeline */

section.package-trip-detail .container .detail-content .row .desktop-timeline {
    font-weight: 500;
    font-size: 1.1em;
}


/* Mobile Timeline */

section.package-trip-detail .container .detail-content .row .mobile-timeline ul.list-group li .date {
    position: relative;
    bottom: 0;
    width: 100%;
    font-size: 1.2em;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    color: #20409a;
    font-family: Kanit;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 1rem;
    /* background-color: #20409a; */
    /* border-radius: 82px 82px 82px 82px; */
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li span.t-title {
    color: #20409a;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .flex-food-hotel .flex-food {
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .flex-food-hotel .flex-food img {
    margin-right: 1rem;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .flex-food-hotel .flex-hotel {
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .flex-food-hotel .flex-hotel img {
    margin-right: 1rem;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .timeline-content {
    margin-top: 1rem;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .date {
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .timeline-content .flex-content-detail .flex-ul .flex-item {
    width: 250px;
    margin-bottom: 1rem;
    display: inline-block;
    margin-right: 10px;
}

section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image img,
section.package-trip-detail .container .detail-content .mobile-timeline ul.list-group li .timeline-content .flex-content-detail .flex-ul .flex-item .flex-image .no-image {
    width: 250px !important;
    height: auto;
}

section.package-trip-detail .container .row .panel .panel-body .flex-cover.li-trip-condition ul {
    margin: 10px 0 0 0;
}

section.package-trip-detail .container .row .panel .panel-body .flex-cover.li-trip-condition ul li {
    padding: 0 0 20px 0;
    font-family: "Kanit";
    font-size: 1.1em;
    font-weight: 400;
    line-height: 32px;
    color: #5f606e;
}

section.package-trip-detail .container .condition {
    margin-top: 1rem;
}

section.package-trip-detail .container .condition .ptd-ele {
    margin-bottom: 1rem;
}

section.package-trip-detail .container .condition .ptd-info-box,
section.package-trip-detail .container .condition .ptd-info-box .tib,
section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele,
section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

section.package-trip-detail .container .condition .ptd-info-box .tib,
section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box {
    -webkit-flex-direction: column;
    flex-direction: column;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box a,
section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.depart,
section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.start-price,
section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.last {
    font-size: 1.1em;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box a,
section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.depart {
    margin-bottom: 5px;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.last .current-price {
    font-size: 1.5em;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.depart {
    color: #5f606e;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.start-price {
    color: #9fabbf;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box span.last .current-price {
    color: #39b54a;
}

section.package-trip-detail .ptd-info-box .tib .ptd-ele .box span.last .suffix {
    color: #5f606e;
}

section.package-trip-detail .container .condition .ptd-info-box,
section.package-trip-detail .container .condition .ptd-info-box .tib,
section.package-trip-detail .container .condition .ptd-info-box .ptd-ele {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.package-trip-detail .container .condition .ptd-info-box {
    margin: 20px 0px 40px 0px;
    -webkit-align-items: stretch;
    /* equal height column */
    align-items: stretch;
    /* equal height column */
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

section.package-trip-detail .container .condition .ptd-info-box.tif {
    -webkit-align-items: flex-start;
    /* equal height column */
    align-items: flex-start;
    /* equal height column */
}

section.package-trip-detail .container .condition .ptd-info-box.btn-box {
    margin-top: 0px
}

section.package-trip-detail .container .panel .panel-body a.btn-gng {
    padding: 22px 35px !important;
}

section.package-trip-detail .container .condition .relate-product {
    margin-top: 1rem;
}

section.package-trip-detail .container .condition .relate-article {
    margin-top: 1rem;
}

section.package-trip-detail .container .condition .ptd-info-box .tib {
    margin-bottom: 15px;
    padding: 15px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* flex: 0 0 48%; */
    border: 1px solid #D3cdcd;
    /*-webkit-box-shadow: 10px 9px 19px -8px rgba(148,148,148,1);
    -moz-box-shadow: 10px 9px 19px -8px rgba(148,148,148,1);
    box-shadow: 10px 9px 19px -8px rgba(148,148,148,1);*/
}

section.package-trip-detail .container .condition .ptd-info-box .tib.tag {
    flex: 0 0 100%;
}

section.package-trip-detail .container .condition .ptd-info-box .tib:nth-child(odd) {
    margin-right: 0px;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele:not(:last-child) {
    margin-bottom: 10px;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .text {
    text-align: left;
    height: 20px;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele div:nth-child(1) {
    flex: 0 0 35%;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele div:nth-child(2) {
    flex: 0 0 65%;
}

section.package-trip-detail .container .condition .location-panel {
    margin-top: 1rem !important;
}

section.package-trip-detail .container .condition .ptd-info-boxs .ptd-ele .badge.location {
    padding: 5px 10px;
    margin-bottom: 5px;
    font-weight: 400;
    background: #6b6b7d;
}

section.package-trip-detail .container .condition .ptd-info-boxs .ptd-ele .badge.location:not(:first-child) {
    margin-left: 5px;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box a {
    width: 90%;
}

section.package-trip-detail .container .condition .ptd-info-box .tib .ptd-ele .box a.pic-area {
    background-position: center center;
    background-size: cover;
    height: 95px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section.package-trip-detail .container .condition .ptd-info-box .btn.other-trip {
    margin: 0 auto;
}

hr.bottom-separate {
    margin: 0px 0px 30px 0px;
    border-top: 1px solid #DEDEDE;
}


/*======================== End Package Detail ==========================*/
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../../img/gng/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*! jQuery UI - v1.12.1 - 2016-11-09
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-lightness&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=666666&iconColorError=ffd27a&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=18&bgTextureError=diagonals_thick&bgColorError=b81900&iconColorHighlight=228ef1&fcHighlight=363636&borderColorHighlight=fed22f&bgImgOpacityHighlight=75&bgTextureHighlight=highlight_soft&bgColorHighlight=ffe45c&iconColorActive=ef8c08&fcActive=eb8f00&borderColorActive=fbd850&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=ef8c08&fcHover=c77405&borderColorHover=fbcb09&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=fdf5ce&iconColorDefault=ef8c08&fcDefault=1c94c4&borderColorDefault=cccccc&bgImgOpacityDefault=100&bgTextureDefault=glass&bgColorDefault=f6f6f6&iconColorContent=222222&fcContent=333333&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_soft&bgColorContent=eeeeee&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=e78f08&bgImgOpacityHeader=35&bgTextureHeader=gloss_wave&bgColorHeader=f6a828&cornerRadius=4px&fsDefault=1.1em&fwDefault=bold&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #ccc}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#c77405;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-icon-background,.ui-state-active .ui-icon-background{border:#fbd850;background-color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-checked{border:1px solid #fed22f;background:#ffe45c}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{-webkit-box-shadow:-5px -5px 5px #000;box-shadow:-5px -5px 5px #000}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

.div_img_title_box{
    padding-left: 0px;
    padding-right: 0px;
    
}
.div_detail_box{
    padding-top: 7px;
    padding-right:37px;
    padding-bottom: 20px;

}
.center-cropped {
    object-fit: cover; /* Do not scale the image */
    object-position: center; /* Center the image within the element */
    height: 100px;
    width: 100px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .div_img_title_box img{
        height:150px !important;
        padding:0px !important;
        border-top-right-radius:.375rem;
        border-bottom-left-radius:0 !important;  
    }
    .div_a_button a {
        font-size: 15px !important;
    }
/*    .div_img_title_box{
        padding:0px;
    }*/

}
.div_img_title_box img{
    width:100%;
    height: 150px;
    margin-top: 0px;
    margin-bottom: 0px !important;
    vertical-align: bottom !important;
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem; 
/*    border-radius: .375rem;*/
}
a.bookingBtn {
    border-radius: 5px;
    padding: 6px 20px 6px 20px;
    background: #3595d1;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
}
.div_a_button{
    text-align:right;
}
.div_a_button a{
    background:#20409a !important;
}
.div_container_detail_program{
    margin-bottom:11px;
    position: relative;
    background-color: #fff;
    color: #111236;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    border-radius: .375rem;
    margin-left:0px;
    margin-right:0px;
}
.div_container_detail_program p{
    min-height: 35px;
    margin-top:5px;
    font-size:13px;
}
.div_container_detail_program h2{
    margin-bottom:5px;
    text-align: left !important;
/*    font-size:23px;*/
}
.icon_text::before{
    color:white !important;
    margin-top:0px !important;
}
.div_container_detail_program p{
    padding:0px;
}
.div_small_box span{
    border:1px solid #20409a;
    padding: .1875rem .4375rem;
    border-radius: .3125rem;
    color:#20409a;
    font-weight:bold;
  }