/*-------------------------------------------------------------------------------------------- WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) ---------------------------------------------------------------------------------------------- /* 1. CSS Reset --------------------------------------------------------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; list-style-position: inside; } ul ul, ol ol, ul ol, ol ul { margin: 0; } dd { margin: 0 0 0 40px; } nav ul, nav ol, #mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure, form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea {margin: 0; vertical-align: baseline;} button, input { line-height: normal; } table button, table input {} button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } th {} /*Clearfix ---------------------------*/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix {} /* 2. Basic : General - Typography - Links - Tables - List - Images - Blockquote ... --------------------------------------------------------------------------------------------*/ /*Ganeral ----------------------------------------------------------------------------------------*/ body { background: #f5f5f5; font: 13px Arial,sans-serif;color: #666666; line-height:22px;position: relative; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;;margin:0;padding:0} /*Fullwidth or Boxed-Mode ----------------------------------------------------------------------------------------*/ .full-width-mode{width:100%;margin:0 auto; position: relative;} .boxed-mode{max-width: 1038px;background: #fff;margin:0 auto;-webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.2); position: relative;} .boxed-mode .main-outer-wrapper.has-slider{margin-top:0px;} .boxed-mode .ls-bottom-nav-wrapper{bottom:10px;} .boxed-mode .main-outer-wrapper{box-shadow: none !important;} .full-width-mode .slider-boxed{max-width: 1038px; margin: 0 auto; overflow: hidden; } .page-wrapper-left-sidebar .content-wrapper{ float: right;} .page-wrapper-left-sidebar .left-sidebar-wrapper{ float: left;} /*Typography ----------------------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6 {font-weight: 400;padding: 0;color: #333;margin-top:0px;letter-spacing: -0.1px;font-family: 'Roboto',Arial,sans-serif;} h1 {font-size: 24px;line-height: 28px;} h2 {font-size: 20px;line-height: 27px;margin: 0 0 20px 0;} h3 {font-size: 16px;line-height: 22px;} h4 {font-size: 14px;line-height: 20px;} h5 {font-size: 12px;line-height: 18px;} h6 {font-size: 10px;line-height: 16px;} .subheader { color: #777; font-weight: 300; margin-bottom: 24px; } p {line-height: inherit; margin: 0 0 18px; } p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; } /*Form ----------------------------------------------------------------------------------------*/ fieldset{ padding:20px; border:1px solid #e0e0e0;} input[type=text], input[type=email],input[type=password],textarea{ color:#a9a9a9; padding:8px 10px; border:1px solid #f0f0f0; background:#f4f4f4;font-size: 12px;} textarea{ width:90%; font-size:13px; background:#f4f4f4; overflow:auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;color:#a9a9a9;margin-top:3px;line-height: 24px;min-height: 100px;} input, textarea,input[type="submit"]:focus{outline:0 none;} input[type="radio"],input[type="checkbox"]{margin-right:10px; margin-left:10px;} button::-moz-focus-inner { border: 0; padding: 0;} input[type="reset"],input[type="submit"],input[type="button"], button{background: #bca474; border:none;margin:0; outline-width:0; padding:8px 22px 10px; height:34px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);text-align:center} input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover, input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus, button:hover,button:focus{cursor:pointer;} /*Links ----------------------------------------------------------------------------------------*/ a { color: #bca474;text-decoration: none;line-height: inherit;} a:hover {color:#202020; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;} a:focus {outline: medium none;} p a, p a:visited { line-height: inherit; } /*List ----------------------------------------------------------------------------------------*/ ul, ol { margin-bottom: 18px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } li { list-style-position: outside; } ul.large li { line-height: 21px; } /*Table ----------------------------------------------------------------------------------------*/ table { } table thead, table tfoot { } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; line-height: 18px;} table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; } table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.even, table tbody tr.alt { } table tbody tr:nth-child(even) { } table tbody tr td {padding: 9px 10px; border: none; } /*Blockquote ----------------------------------------------------------------------------------------*/ blockquote, blockquote p { line-height: 20px; color: #777; } blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } /*Images ----------------------------------------------------------------------------------------*/ object, embed { max-width: 100%; height: auto;} img { -ms-interpolation-mode: bicubic;border: 0;vertical-align:middle;height: auto;} #main img{max-width:100%;} #map_canvas img, .map_canvas img {max-width: none!important;} /*Wordpress Style ----------------------------------------------------------------------------------------*/ .alignleft, img.alignleft { float:left; margin: 5px 20px 20px 0px; } .alignright, img.alignright { float:right; margin: 5px 0px 20px 20px; } .aligncenter, img.aligncenter { display:block; margin: 5px auto; } .alignnone, img.alignnone { margin: 5px 20px 20px 0; } .wp-caption { text-align: center; padding:0;} .wp-caption img { border: 0 none; padding: 0; margin: 0; max-width: 98.5%; width: auto;display: block;} .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0;padding-top:5px;} .wp-smiley { margin: 0 !important; max-height: 1em; } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .sticky{} .bypostauthor{} /*Custom Css ----------------------------------------------------------------------------------------*/ .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-bold { font-weight:bold;} .hide { display: none; } .clear,br.clear{clear: both;height:0;} #googlemap img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } .t0{margin-top:0px !important;}.t10{margin-top:10px !important;}.t15{margin-top:15px !important;}.t20{margin-top:20px !important;} .t30{margin-top:30px !important;}.t35{margin-top:35px !important;}.t40{margin-top:40px !important;} .b0{margin-bottom:0px !important;}.b10{margin-bottom:10px !important;}.b20{margin-bottom:20px !important;} .b30{margin-bottom:30px !important;}.b35{margin-bottom:35px !important;}.b40{margin-bottom:40px !important;} /* DDsmoothmenu ----------------------------------------------------------------------------------------*/ .slideMenu{} .slideMenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;} /*Top level list items*/ .slideMenu ul li{position: relative;display: inline;float: left;} /*Top level menu link items style*/ .slideMenu ul li a{display: block;padding: 8px 10px;text-decoration: none;z-index: 0;position: relative;} * html .slideMenu ul li a{ display: inline-block;} .slideMenu ul li a:link, .slideMenu ul li a:visited{} .slideMenu ul li a.selected{ background: black; } .slideMenu ul li a:hover{/*background of menu items during onmouseover (hover state)*/} /*1st sub level menu*/ .slideMenu ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden;z-index: 100;} /*Sub level menu list items (undo style from Top level List Items)*/ .slideMenu ul li ul li{display: list-item;float: none;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .slideMenu ul li ul li ul{top: 0;} /* Sub level menu links style */ .slideMenu ul li ul li a{min-width: 130px; /*width of sub menus*/padding:8px 13px 8px;display: block;z-index: 100;} /* Holly Hack for IE \*/ * html .slideMenu{height: 1%;} /*Holly Hack for IE7 and below*/ /* 3. Site Structure --------------------------------------------------------------------------------------------*/ /* Header Wrapper ----------------------------------------------------------------------------------------*/ /*#header .container,.titlebar-outer-wrapper .container{max-width: 1068px;} #header .row,.titlebar-outer-wrapper .row{width:1068px;}*/ /* Top Bar */ .top-bar-outer-wrapper{background: #202020;color:#a4a4a4;font-family: 'Roboto',Arial,sans-serif;text-transform: uppercase;font-size: 11px} .top-bar-outer-wrapper a,.top-bar-contact span span{color:#fff;} .top-bar-outer-wrapper img{display: inline-block;} /* Top Bar Navigation */ .top-nav.slideMenu ul li a{padding:4px 15px;} .top-nav ul li a:hover{background: #404040;} .top-nav ul li ul{background: #202020;z-index: 100;} .top-nav .iclflag{margin-right:4px;margin-bottom:1px;width: 18px;height:12px;} /* Top Bar Right */ .top-bar-right{padding-top:4px;margin-right:15px;} .top-bar-contact{margin-bottom: 0px;} .top-bar-contact li{display: inline-block;margin-left:10px;} .top-bar-contact li span{color:#fff;} .top-bar-right a:hover{color:#bca474;} .top-bar-address{padding-right:14px;background:url('../hotec/assets/images/icon-map.png') no-repeat right center;} .top-bar-phone{padding-right:12px;background:url('../hotec/assets/images/icon-phone.png') no-repeat right center;} .top-bar-mail{padding-right:17px;background:url('../hotec/assets/images/icon-mail.png') no-repeat right center;} /* Header */ .header-outer-wrapper{background: #ffffff; box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);position: relative;z-index: 100;} .header-outer-wrapper h1{margin-bottom:0px;} .logo-wrapper{padding-top:30px;} .header-right,.header-right .btn{font-family: 'Roboto',Arial,sans-serif;text-transform: uppercase;} .header-right .btn{background-image:url('../hotec/assets/images/icon-date.png');background-position: 16px 10px;background-repeat: no-repeat;} .header-right .btn{float:right;margin-top:32px;padding:7px 20px 7px 35px;margin-left:30px; margin-right: 15px;} .header-right #primary-nav-id{float:right;} .res-btn-w .btn:hover{background-color:#bbbbbb !important;} /* Primary Navigation */ .primary-nav.slideMenu ul li a{padding:40px 18px;font-size: 15px;} .primary-nav ul li a{color:#202020;z-index: 0;} .primary-nav ul li a:hover{color: #bca474;} .primary-nav ul li:last-child a{padding-right:0px;} .primary-nav ul li.current-menu-item a{color: #bca474;} .primary-nav ul li ul{background: rgba(0, 0, 0, 0.8);} .primary-nav.slideMenu ul li ul li{padding:0px 10px;} .primary-nav.slideMenu ul li ul li a{min-width: 150px;padding:9px 10px 9px;display: block;font-size: 12px;color:#a1a1a1;border-bottom:1px solid #575757;} .primary-nav.slideMenu ul li ul li:last-child a{border-bottom:none;} .primary-nav.slideMenu ul li ul li a:hover{color:#fff;} /* Mobile Version */ #primary-nav-mobile-a{display: none;} #primary-nav-mobile-id{display: none;} #primary-nav-mobile-a{padding:8px 0 8px 0;background: #202020;position: relative;font-size: 14px;color:#fff;text-transform: none !important;font-family: 'Roboto',Arial,sans-serif;} #primary-nav-mobile-a span{width:9px;height: 5px;display: block;background: url('../hotec/assets/images/primary-mobilemenu-arrowdown.png') no-repeat;position: absolute;top:18px;left:16px;} #primary-nav-mobile-id{margin:0px;background: #333333;padding-bottom:8px;display: none;} #primary-nav-mobile-id li{margin-bottom:0px;border-top:1px solid #222222;} #primary-nav-mobile-id li a{border-top:1px solid #444444;color:#cccccc;padding:6px 19px 6px;font-size: 14px;text-shadow: none !important; display: block;} #primary-nav-mobile-id li ul li a{padding-left:40px;color:#999999 !important;} #primary-nav-mobile-id li a:hover,#primary-nav-mobile-id li a:active{color:#fff !important;background: #444444;} .primary-nav-mobile-id li a:hover,.primary-nav-mobile-id li.current-menu-item a{background: #16a1e7;} .primary-nav-opened span{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);} /* Main. ----------------------------------------------------------------------------------------*/ /* */ .main-outer-wrapper{max-width: 1038px;background: #fff;margin:0 auto;-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding-top:30px;position: relative;z-index:35;} .main-outer-wrapper.has-slider{margin-top:-100px;} .main-outer-wrapper.has-titlebar{margin-top:-65px;} .page-wrapper{} /* Page builder item stylesheet */ /* Page builder title */ .builder-item-wrapper .builder-item-title{margin-bottom:0px;color:#828282;font-size: 14px;text-transform: uppercase;float:left;} .builder-item-wrapper .view-all{float:right;font-style: italic;font-size: 12px;line-height: 15px; margin-top: 5px;} .builder-title-wrapper{padding-bottom:9px;margin-bottom:18px;background: url('../hotec/assets/images/doted-divider.png') repeat-x bottom left;} .builder-title-wrapper.has_filter{margin:0px;padding: 0px;background: none;} /* Editor Builder Item */ .builder-editor .hotel-thumb{float:left;margin-right:30px;overflow: hidden;border:1px solid #f2f2f2;margin-top:3px;padding:5px;--webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04)} /* Upcoming Events Item */ .upcoming-events{margin-bottom:0px; margin-left:0px !important;} .upcoming-events li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #dddddd; list-style: none !important;} .upcoming-events li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;} .upcoming-events .small-event-data{width:46px;height:55px;float:left;display: block;margin-right: 12px;margin-bottom:10px;background: url('../hotec/assets/images/small-date-bg.png') no-repeat left center;position: relative;} .upcoming-events .small-event-data strong{display: block;font-weight: bold;padding:15px 0 0 12px;font-size: 21px;} .upcoming-events .small-event-data a{background: url('../hotec/assets/images/small-date-bg-light.png') no-repeat left center;display: block;width:46px;height: 34px;position: absolute;left: 2px;top:0px;} .upcoming-events .small-event-data span{display: block;font-size: 10.5px;text-transform: uppercase;text-align: center;margin-top:8px;} .upcoming-events span{display: block;} .upcoming-events .event-title{font-size: 13.5px;} .upcoming-events span{color:#a5a5a5;font-size: 11.5px;} /* Post Type Filter : Room, Gallery ; */ .cpt-item{position: relative;} .cpt-item.columns{} .cpt-title{padding-top:14px;margin-bottom:3px;text-transform: uppercase;font-size: 16px;} .cpt-desc{font-size:12px;font-style: italic;color:#858585;} .thumb-wrapper{position: relative;} .thumb-control-wrapper{position: absolute;width:100%;height: 100%;margin:10px;left:0;top:0;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity: 0;} .thumb-control , .text-content ul.thumb-control{margin-bottom:0px;position: absolute;top:50%;margin-top:-20px;left:50%;margin-left:-41px;} .builder-gallery .thumb-control{margin-left:-20px;} .thumb-control-wrapper ul li{display: inline-block;float:left;} .thumb-control-wrapper ul li:first-child{margin-right:2px;} .go-detail{width: 40px;height: 40px;text-indent: -9999px;background: url('../hotec/assets/images/thumb-detail.png') no-repeat center #BCA474;display: inline-block;} .go-gallery{width: 40px;height: 40px;text-indent: -9999px;background: url('../hotec/assets/images/thumb-gallery.png') no-repeat center #BCA474;display: inline-block;} .go-detail:hover,.go-gallery:hover{background-color: #202020;} .builder-title-wrapper.has_filter .cpt-filters{position: absolute;right:15px;top:-69px;} .builder-gallery .thumb-control, .text-content .builder-gallery ul.thumb-control { margin-left: -20px; } .cpt-filters{margin-bottom:0px;} .cpt-filters li{display: inline-block;float:left;} .cpt-filters li a{font-size: 13px;font-family: 'Roboto',Arial,sans-serif;text-transform: uppercase;background: url('../hotec/assets/images/doted-divider.png') no-repeat left center;padding-left:13px;padding-right:13px;} .cpt-filters li:first-child a{background: none;} .cpt-filters li:last-child a{padding-right:0px;} .cpt-filters li a{color:#202020;} .cpt-filters li a:hover{color:#BCA474;} .cpt-filters li a.selected{color:#BCA474;} /*Isotope Transitions-------------------------------*/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* Contact & Reservation Form */ .form-row{margin-bottom:15px;} .form-row label{margin-bottom:2px;} .form-row .input_text{margin-top:3px;width:93%;} .form-row textarea{width: 97%;max-height: 300px;height: 200px;} .select-box{background:#f4f4f4;color:#a9a9a9;position: relative;margin-top:3px;padding:0.7em 10px;width:93%;} .select-box span{display: block;line-height: 18px;background:url('../hotec/assets/images/select-box.png') no-repeat right center} .select-box select{position: absolute;opacity: 0;left:3px;top:0;cursor: pointer;width:100%;height:100%;} .select-box select option{padding:10px 10px 10px 10px;background: #f8f8f9;border-top:1px solid #E0E0E0;} .form-row .arrival_date{background: url('../hotec/assets/images/icon_arrival.png') no-repeat right center #f4f4f4;} .form-row .departure_date{background:url('../hotec/assets/images/icon_departure.png') no-repeat right center #f4f4f4;} /* Submit event */ .error{border:1px solid red !important;} .valid{} .notice_ok{color:green !important;} .notice_error{color: red !important;} .loading{margin-left:10px;} .notice_bar{margin-top:15px;} /* Date Picker */ .calendar{margin-top:5px;} .ui-datepicker { width: 100%; height: auto; margin: 0px auto 0; } .ui-datepicker a { text-decoration: none; } .ui-datepicker table { width: 100%; } .ui-datepicker-header { background: #202020; color: #ffffff; font-weight: bold; line-height: 30px; padding:15px 0px; font-family: 'Roboto',Arial,sans-serif; text-transform: uppercase; } .ui-datepicker-title { text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url('../hotec/assets/images/arrow.png'); background-repeat: no-repeat; line-height: 600%; overflow: hidden; } .ui-datepicker-prev { float: left; background-position: center -30px; margin-left:5px; } .ui-datepicker-next { float: right; background-position: center 0px; margin-right:5px; } .ui-datepicker thead { background-color: #f7f7f7; border-bottom: 1px solid #bbb; display: none; } .ui-datepicker th { text-transform: uppercase; font-size: 6pt; padding: 5px 0; color: #666666; text-shadow: 1px 0px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=0); } .ui-datepicker tbody td { padding: 0; border-right: 1px solid #eeeeee; } .ui-datepicker tbody td:first-child{ border-left: 1px solid #eeeeee; } .ui-datepicker tbody tr { border-bottom: 1px solid #eeeeee; } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: normal; text-align: center; display: block; line-height: 35px; color: #666666; } .ui-datepicker-calendar .ui-state-default { background: #ffffff; } .ui-datepicker-calendar .ui-state-hover { background: #BCA474; color:#fff; margin:-1px; } .ui-datepicker-calendar .ui-state-active { background: #BCA474; color: #ffffff; position: relative; margin:-1px; } .ui-datepicker-unselectable .ui-state-default { background: #ffffff; color: #cccccc; } /* Divider */ .divider{height: 4px;background: url('../hotec/assets/images/doted-divider.png') repeat-x top left;} /* Woocommerce */ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{margin:6px 0px 0px 8px;font-style: italic;} .woocommerce-ordering{margin-top:-9px;} .woocommerce-ordering {} .woocommerce-ordering .select-box{padding:0.5em 15px;margin:0px;width:158px;--webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} /* Portfolio */ .project-right-detail h3{font-size: 15px;padding-bottom:4px;margin-bottom:7px;font-weight:500} .project-detail-list li{border-bottom:1px dotted #CCCCCC;padding:5px 0px;} .project-detail-list strong{width: 80px;display: inline-block;} .project-detail-list li:last-child{border-bottom:none;} /* video */ .video-shadow { background-image: url("../hotec/assets/images/video-shadow.png");background-position: center bottom; background-repeat: no-repeat;background-size: 100% 50px; display: block; height: 40px;} /* Page Title */ .page-title-wrapper{padding-bottom:12px;margin-top:-4px;margin-bottom:30px;background: url('../hotec/assets/images/doted-divider.png') repeat-x bottom left;} .page-title-wrapper .page-title{margin-bottom:0px;text-transform: uppercase;letter-spacing: -0.5px;} .page-title-alt .btn{padding:6px 13px;margin-top:-13px;} .titlebar-outer-wrapper{height:207px;overflow: hidden;position: relative;border-bottom:1px solid #ffffff;} .titlebar-outer-wrapper.titlebar-map{height:500px;} .titlebar-title{float:left;padding:25px;background:rgba(0, 0, 0, 0.6);} .titlebar-title h1{margin:0px 0px 5px 0px;font-size:29px;color:#fff;text-transform: uppercase;font-weight: bold;letter-spacing: -0.7px;} .titlebar-title .titlebar-decs{color:#d2d2d2;font-size: 13px;font-style: italic;} /* 404 Page */ .class-404{text-align: center;font-size: 150px;line-height: 160px;font-weight: bold;} /* Top Page Slider */ .boxed-mode .top-page-flexslider .flex-control-nav{bottom:10px;} .top-page-flexslider .flex-control-nav{position: absolute;left:50%;bottom:108px;} .top-page-flexslider .flex-caption-wrapper{width: 100%;height: 100%;position: absolute;top:0;} .top-page-flexslider .top-flex-caption{max-width: 978px;margin:0 auto;position: relative;width: 100%;height:100%;} .top-page-flexslider .flex-caption-text{padding:20px;background:rgba(0, 0, 0, 0.5);position:absolute;left:0px;top:40px;} .top-page-flexslider .flex-caption-text h1{margin:0px 0px 5px 0px;font-size:29px;color:#fff;text-transform: uppercase;font-weight: 900;letter-spacing: -1.2px;} .top-page-flexslider .flex-caption-text p{color:#d2d2d2;font-size: 13px;font-style: italic;margin-bottom:0px;} /* Single : Blog, Custom Post Type ... */ .cpt-thumb-wrapper{margin-bottom:30px;position: relative;overflow: hidden;} /* Single Room */ .services-included{float:left;width: 100%;margin-right:30px;margin-bottom:30px;} .services-included h3{margin-bottom:7px;} .text-content .services-included ul{margin:0px;} .text-content .services-included ul li{list-style:none;margin:0px;} .services-included ul li{float:left;width: 25%;border-bottom:1px dotted #DDDDDD;padding:8px 0px;} .services-included .room-service{padding-left:23px;background:url('../hotec/assets/images/room-services.png') no-repeat left center;} .services-included .room-wifi{padding-left:23px;background:url('../hotec/assets/images/room-wifi.png') no-repeat left center;} .services-included .room-pets{padding-left:23px;background:url('../hotec/assets/images/room-pets.png') no-repeat left center;} .services-included .room-television{padding-left:23px;background:url('../hotec/assets/images/room-television.png') no-repeat left center;} .services-included .room-parking{padding-left:23px;background:url('../hotec/assets/images/room-parking.png') no-repeat left center;} .services-included .room-safe{padding-left:23px;background:url('../hotec/assets/images/room-safe.png') no-repeat left center;} .services-included li span{margin-left:20px;} /* Thumb Slider */ .flex-control-nav li a{background: url('../hotec/assets/images/slider-nav.png') no-repeat;} .flex-control-nav li a.flex-active{background-position: 0 -19px;} /* Default Text Content */ .text-content ul.slides,.text-content .flex-control-nav{margin:0px;} .text-content ul.slides li{list-style: none;} .text-content ul,.text-content ol{margin:5px 0 25px 35px;} .text-content ul li,.text-content ol li{margin-bottom:10px;list-style: outside;} .text-content ol li{list-style-type: decimal;} /* Single Elements*/ .author-box-title,.comments-header-title,.comments-header-title{background: url("../hotec/assets/images/doted-divider.png") repeat-x scroll left bottom transparent;font-size: 20px;padding-bottom:10px;margin-bottom:20px;} .page-author-wrapper{margin-bottom:25px;margin-bottom:40px;} .author-desc{overflow: hidden;} .author-name{margin-bottom:8px;font-size: 14px;} .comment-header .avatar{float:left;margin-right:25px;margin-top:2px;-webkit-border-radius: 120px;-moz-border-radius: 120px;border-radius: 120px;} .author-text b{padding:2px 4px;color:#fff;margin-right:4px;} .author-social li{display: inline-block;} .author-social li a{font-size: 16px;color:#999999;} .author-social li a:hover{color:#333333;} .share-articles{margin-bottom:20px;} .share-articles ul{margin-bottom:0px;} .share-articles ul li{display: inline;margin-right: 15px;font-size: 18px;} .share-articles ul li a:hover{color:#333333;} .share-articles h5{margin-right: 10px;} #comments{padding-bottom:10px;} .comments-list{margin:0px;} .comments-list li{list-style-type:none;margin-bottom:0px;} .comment-item{padding:20px 20px;background: #f6f6f6;margin-bottom:20px;} .comment-item .comment-avatar{float:left;margin-right:18px;width:60px;height:60px;-webkit-border-radius: 120px;-moz-border-radius: 120px;border-radius: 120px;} .comment-header{padding-bottom:20px;border-bottom:1px solid #e5e5e5;overflow: hidden;} .comment-content{border-top: 1px solid #fff;padding-top:13px;} .comment-header-right{overflow: hidden;} a.comment-reply-link{float:right;} .comment-date{font-style: italic;color:#A2A2A2;margin-bottom:6px;margin-top:3px;} .comment-author{font-size: 15px;color:#333333;} ul.children{margin-left:30px;} /* Comment Form */ .form-line{margin-bottom:20px;} label span{color:red;} .form-line input{width:320px;border:none;padding:10px;background: #ececec;color:#555555} .form-line textarea{width:70%;background: #ececec;padding:10px;min-height: 200px;border:none;color:#555555} #submit{} #submit:hover{background: #333333;} /* Loop & Single Events */ .event-single-date{float:left;margin-top:-8px;} .event-single-date .small-event-data{width:46px;height:55px;float:left;display: block;margin-right: 12px;margin-bottom:10px;background: url('../hotec/assets/images/small-date-bg.png') no-repeat left center;position: relative;} .event-single-date .small-event-data strong{display: block;font-weight: bold;padding:15px 0 0 12px;font-size: 21px;} .event-single-date .small-event-data a{background: url('../hotec/assets/images/small-date-bg-light.png') no-repeat left center;display: block;width:46px;height: 34px;position: absolute;left: 2px;top:0px;} .event-single-date .small-event-data span{display: block;font-size: 10.5px;text-transform: uppercase;text-align: center;margin-top:8px;} .event-post-item .blog-title{margin-bottom:1px;} .event-post-item .blog-meta span{color:#A5A5A5;font-size: 11px; text-transform: uppercase;} .single-event-meta{margin-bottom: 22px} .single-event-meta > span{padding-right:15px;margin-right:15px;border-right:1px solid #cccccc;} .single-event-meta span:last-child{border-right: none;} .single-event-title{margin-top: 8px; padding-left: 70px;} .single-event-meta span{color:#a5a5a5;} .single-event-meta span i{color:#666666;} /* Featured Slider */ .slider-outer-wrapper{background: #eeeeee;border-bottom:1px solid #ffffff;} .slider-outer-wrapper{position: relative;} .shadow-box{height:5px;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);position: absolute;bottom:0px;display: block;width: 100%;z-index: 20;} .slider-outer-wrapper .statichtml { line-height: 0px; } /* Banner Section */ .banner-item{position: relative;} .banner-details{position: absolute;top:0;left:0;width:100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6)} .banner-title{text-transform: uppercase;font-size: 13px;color:#fff;font-weight: 400;padding:14px 14px 0px 14px;margin-bottom:0px;} a.banner-more{padding:2px 0px 10px 14px;display: inline-block;font-size: 12px;} a.banner-more:hover{color:#fff;} .banners .banner-image{} /* Subscribe Section */ .subscribe_section{padding:40px 30px;background:#f5f5f5;margin:0px auto 0px;text-align:center;} .subscribe_section input{border:none;} .subscribe_section .subs_email_input{padding:9px 9px;margin-right:15px;min-width: 200px;font-size: 12px;color:#555555;vertical-align: middle;background: #ffffff;} .subscribe_section .btn{margin-top:1px;} .subscribe_section label{font-size: 18px;margin-right:13px;font-family: 'Roboto',Arial,sans-serif;color:#777777;font-weight: 300;font-style: italic;vertical-align: middle;} /* Loop Posts */ .blog-post-item{border-bottom: 1px dotted #DDDDDD;padding-bottom:30px;} .blog-more{text-transform: uppercase;font-family: 'Roboto',Arial,sans-serif;} .blog-thumb-wrapper{margin-bottom:18px;} .blog-meta{margin-bottom:17px;} .blog-meta > span{margin-right:8px;font-size: 11px; margin-right: 8px; text-transform: uppercase;} .blog-meta span i{color:#666666; margin-right: 5px;} .blog-title{margin-bottom: 9px;} .blog-title a{color:#333333;} .blog-title a:hover{color:#BCA474;} /* Sidebar. ----------------------------------------------------------------------------------------*/ .right-sidebar-wrapper.columns{padding-left:30px;} .left-sidebar-wrapper.columns{padding-right:30px;} .sidebar .widgettitle{font-size: 15px;padding-bottom:4px;margin-bottom:7px;font-weight:500} .sidebar .widget-container{margin-bottom:30px;} .sidebar select, .sidebar input, .sidebar textarea, .sidebar img{ max-width: 100%;} /* Twitter Update Widget */ ul.twitter_list{margin-bottom:0px;} /* Widget Nav Menu */ .widget_nav_menu ul, .product-categories , .widget_pages ul, .widget_meta ul {margin-bottom:0px;} .widget_nav_menu ul ul, .product-categories ul, .widget_pages ul ul, .widget_meta ul ul {margin-left:30px;} .widget_nav_menu ul ul ul .product-categories ul ul, .widget_pages ul ul ul, .widget_meta ul ul ul{margin-left:30px;} .sidebar .widget_nav_menu ul ul ul li a, .product-categories ul ul li a, .widget_pages ul ul ul li a, .widget_meta ul ul li a {border-bottom:1px dotted #DDDDDD;} .widget_nav_menu ul li, .product-categories li, .widget_pages ul li, .widget_meta ul li {margin:0px;} .widget_nav_menu ul li a, .product-categories li a, .widget_pages ul li a, .widget_meta ul li a {display: block;padding:7px 0px 7px 15px;background:url('../hotec/assets/images/li-arrow.png') no-repeat left center;border-bottom:1px dotted #DDDDDD;} .widget_nav_menu ul li a, .product-categories li a, .widget_pages ul li a, .widget_meta ul li a{color:#666666;} .widget_nav_menu ul li a:hover, .product-categories li a:hover .widget_pages ul li a:hover, .widget_meta ul li a:hover{color:#BCA474;} .widget_nav_menu ul li.current-menu-item a, .product-categories li.current-menu-item a, .widget_pages ul li.current-menu-item a, .widget_meta ul li.current-menu-item a{color:#BCA474;} /* Widget archive */ .widget_categories ul li, .widget_archive ul li {display: block;padding:7px 0px 7px 15px;background:url('../hotec/assets/images/li-arrow.png') no-repeat 0px 14px ;border-bottom:1px dotted #DDDDDD;} /*WIdget Recent comments*/ .widget-post-wrapper .widget-post-thumb{ float: left; margin-right: 13px; } .widget_strecentcomments ul li.event { background: none repeat scroll 0 0 #F8F8F8; } .widget_strecentcomments ul li{list-style:none;display: block;padding:13px;} .widget_strecentcomments ul li .widget-post-content{ margin-left: 63px; } .widget_strecentcomments ul li .widget-post-meta{ font-size: 11px; } /* ST Recent Posts */ .widget_strecentposts ul{margin-bottom:0px;} .widget_strecentposts ul li{list-style:none;display: block;padding:13px;} .widget_strecentposts ul li a{font-size: 13px;color:#666666;} .widget_strecentposts ul li a:hover{color:#BCA474} .widget_strecentposts ul li.event{background:#f8f8f8;} .widget_strecentposts ul li img{float:left;margin-right:13px;overflow: hidden;width: 50px;height: 50px;} .widget_strecentposts .recent-date{display: block;text-transform: uppercase;color:#BCA474;font-size: 11px;} /* Widget Text : Contact */ .contact-text{border-top:1px dotted #dddddd;padding-top:6px;} .contact-text ul{margin-bottom:0px;} .contact-text ul li{margin-bottom:6px;} .contact-text ul li h5{width:100px;float:left;margin-right: 0px;overflow: hidden;margin-top:2px;font-weight: 500;margin-bottom:0px;color:#666666;} .contact-text ul li span{float:left} /* Woocommerce Widget */ p.buttons{margin-bottom:0px;} .widget_shopping_cart_content{padding:20px;background: #f5f5f5;} .woocommerce .sidebar a.button,.woocommerce-page .sidebar a.button{font-size: 11px; padding: 3px 12px;} .related.products h2{background: url("../hotec/assets/images/doted-divider.png") repeat-x scroll left bottom transparent;padding-bottom:6px;font-weight: 500;font-size: 15px;} /* recent comments , recent entries by WP*/ .widget_recent_comments li, .widget_recent_entries li{ border-bottom: 1px dotted #DDDDDD; display: block; padding: 7px 0 7px 0px; } /* Tag */ .widget_tag_cloud .tagcloud a{ font-size: 12px !important; margin-right: 10px;} /* RSS */ .widget_rss li{ margin: 13px 0px ; } .sidebar select, .footer-sidebar select{ background: #F4F4F4 ; padding: 5px; border: none;} /* Footer. ----------------------------------------------------------------------------------------*/ /*#footer{color:#575757;}*/ footer a{color:#848484;} #footer a:hover{color:#ffffff;} /*#footer .container{max-width: 1068px;} #footer .row{width:1068px;}*/ #footer{background: #202020;} .footer-outer-wrapper .widget-container { list-style: none outside none; padding-top: 50px;} .widget-container .footer-widgettitle, .footer-sidebar .widgettitle{color:#fff;font-size:15px;text-transform: uppercase;padding-bottom:0px;margin-bottom:18px;} #footer .widget_nav_menu ul{} #footer .widget_nav_menu ul li{} #footer .widget_nav_menu ul li a{display: block;font-size: 11px;text-transform: uppercase;padding:4px 7px 4px 11px;background: url('../hotec/assets/images/footer-list-arrow.png') no-repeat left center;} .footer-contact{font-size: 11px;text-transform: uppercase;background: url('../hotec/assets/images/footer-map-world.png') no-repeat bottom center;} .footer-contact ul li{padding:4px 7px 4px 22px;} .footer-contact .f-map{background: url('../hotec/assets/images/icon-map.png') no-repeat left 10px;} .footer-contact .f-phone{background: url('../hotec/assets/images/icon-phone.png') no-repeat left 9px;} .footer-contact .f-phone span{color:#888888;} .footer-contact .f-mail{background: url('../hotec/assets/images/icon-mail.png') no-repeat left 11px;} .footer-copyright{border-top:1px solid #2a2a2a;padding-top:30px;} .footer-copyright .copy-left{font-size: 11px;text-transform: uppercase;} .footer-social{margin-bottom:0px;} .footer-social li{display: inline-block;vertical-align: top;margin:0px 0px 0px 5px;} .footer-social li.stay_connected{line-height: 30px;text-transform: uppercase;font-size: 11px;} .footer-social li a{width:30px;height:30px;position: relative;text-indent: -9999px;--webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url('../hotec/assets/images/social-icons.png') no-repeat #181818;display: inline-block;} .footer-social li.social-twitter a{background-position: 0 0;} .footer-social li.social-facebook a{background-position: -60px 0;} .footer-social li.social-google-plus a{background-position: -180px 0;} .footer-social li.social-youtube a{background-position:-330px -30px} .footer-social li.social-pinterest a{background-position:-60px -30px} .footer-social li.social-skype a{background-position:-150px -30px} .footer-social li a:hover{background-color:#bca474;} .footer-social li a:active{outline: none} .footer-sidebar select, .footer-sidebar input, .footer-sidebar textarea, .footer-sidebar img{ max-width: 100%;} .footer-sidebar .searchform .s{ width : 40%;} .footer-sidebar .widget_nav_menu ul li a, .footer-sidebar .widget_pages ul li a, .footer-sidebar .widget_meta ul li a, .footer-sidebar .widget_archive li, .footer-sidebar .widget_categories li { border-bottom-color: #404040; background-image: url("../hotec/assets/images/footer-list-arrow.png"); } .footer-sidebar .widget_recent_comments li, .footer-sidebar .widget_recent_entries li ,.footer-sidebar .widget_stupcommingevents li{ border-bottom-color: #404040; } .footer-sidebar .widget_strecentcomments ul li.event , .footer-sidebar .widget_strecentposts ul li.event { background: #404040;} /* Calendar */ .widget_calendar .footer_widgettitle, .widget_calendar .widgettitle{display: none;} .widget_calendar caption{ font-size: 15px; font-weight: 500; margin-bottom: 7px; padding-bottom: 4px; text-align: left; } .widget_calendar #calendar_wrap table#wp-calendar,.widget_calendar #calendar_wrap{width:100%;font-size: 11px;} table#wp-calendar{background: none;} .footer-wrapper table#wp-calendar,.footer-wrapper table#wp-calendar tbody > tr > td,.footer-sidebar table#wp-calendar thead > tr > th {border: 1px solid #202020;} table#wp-calendar, table#wp-calendar tbody > tr > td, table#wp-calendar thead > tr > th {padding:5px 5px 6px;text-align:center;} .sidebar table#wp-calendar,.sidebar table#wp-calendar tbody > tr > td,.sidebar table#wp-calendar thead > tr > th{padding:7px 5px 8px;text-align:center;} table#wp-calendar thead > tr > th{color:#fff;font-weight: normal;font-size: 12px;} table#wp-calendar tbody > tr > td{background:#505050;color:#999999;} table#wp-calendar tbody > tr > td a{color:#fff;} table#wp-calendar td#today{color:#fff;} table#wp-calendar td#today a{color:#fff;} .footer-wrapper table#wp-calendar td#today a:hover{color:#999999;} .footer-wrapper table#wp-calendar td.pad{background: #202020;} /* Shortcodes --------------------------------------------------------------------------------------------*/ /* Button ----------------------------------------------------------------------------------------*/ .btn, input[type="submit"], input[type="reset"], button{text-transform: uppercase;font-size: 13px;font-family: 'Roboto',Arial,sans-serif;padding:8px 22px;display: inline-block;--webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.1); text-align:center;vertical-align: middle;cursor: pointer; -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; color:#fff;background-color: #BCA474;} .btn i{font-size: 14px;margin-right:3px;} .btn:hover{color:#fff;background-color: #b8b8b8; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; } .btn.small{padding:3px 12px;font-size: 11px;} .btn.large{padding:13px 33px;font-size: 14px;} .btn_brown{background-color: #BCA474;} .btn_green{background-color: #80b500;} .btn_red{background-color: #C62020;} .btn_pink{background-color: #C71C77;} .btn_orange{background-color: #FA5B0F;} .btn_yellow{background-color: #FFB400;} .btn_cyan{background-color: #37B6BD;} .btn_purple{background-color: #6957AF;} .btn_gray{background-color: #808080;} .btn_celadon{background-color: #74AEA1;} /* Alert ----------------------------------------------------------------------------------------*/ .alert {position: relative;padding: 10px 35px 10px 14px;margin: 20px 0;background-color: #faf2cb;color: #c09853;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .alert .close {position: absolute;top: 45%;right: 0;margin-top: -20px;} .alert-success {background-color: #c3e4b8;color: #468847;} .alert-danger,.alert-error {background-color: #e7c1c0;color: #b94a48;} .alert-info {background-color: #b9dbee;color: #3a87ad;} .alert-block {padding-top: 14px;padding-bottom: 14px;} .alert-block > p,.alert-block > ul {margin-bottom: 0;} .close {float: right;font-size: 14px;font-weight: bold;line-height: 20px;color: #000000;opacity: .2;} .close:hover {color: #000000;text-decoration: none;cursor: pointer;opacity: .4;filter: alpha(opacity=40);} button.close {padding: 10px;cursor: pointer;background: transparent;border: 0;} /* Tabs */ .st-tabs .tab-title{overflow: hidden;} .st-tabs .tab-title li{display: inline-block;cursor: pointer;background: #F8F8F8;padding:9px 24px;float:left;border-color: #E0E0E0 -moz-use-text-color #E0E0E0 #E0E0E0; border-image: none; margin-bottom:0px; border-style: solid none solid solid; border-width: 1px medium 0px 1px;} .st-tabs .tab-title li:last-child{border-right:1px solid #e0e0e0;} .st-tabs .tab-title li.current{color:#BCA474;background: #fff;} .tab-content-wrapper .tab-content{display: none;} .tab-content-wrapper .tab-content.active{display: block;} .tab-content{padding:18px 18px 1px 18px;border:1px solid #e0e0e0;} .st-tabs .tab-title{margin-bottom:0px; margin-left: 0px;} /* Accordion */ ul.st-accordion{ margin-left: 0px;} ul.st-accordion li{margin-bottom:20px; list-style: none;} .acc-title{cursor: pointer;font-size: 15px;padding:10px 13px;background: #cccccc;color:white;margin-bottom:0px;position: relative;} .acc-title .icon-chevron-down{position: absolute;right:13px;top:10px;font-size: 12px;top:14px;} .acc-title.acc-title-active .icon-chevron-down{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;} .acc-content{display: none;padding:20px 20px 0px 20px;color:#999999;} /* Toggle */ ul.st-toggle{ margin-left: 0px;} ul.st-toggle li{margin-bottom:20px; list-style: none;} .toggle-content{display: none;} .toggle-title{cursor: pointer;font-size: 15px;padding:10px 13px;background: #cccccc;color:white;margin-bottom:0px;position: relative;} .toggle-content{display: none;padding:20px 20px 0px 20px;color:#999999;} .st-toggle .icon-plus,.st-toggle .icon-minus{position: absolute;font-size: 12px;top:14px;right:13px;opacity: 0;} .st-toggle .icon-plus{opacity: 1;} .st-toggle .toggle_current .icon-plus{opacity: 0;} .st-toggle .toggle_current .icon-minus{opacity: 1;} /* Twitter Widget */ .twitter-update ul li{padding:0px 0px 13px 30px;background: url('../hotec/assets/images/twitter-list.png') no-repeat left 8px;font-size: 13px;} .twitter-update ul li:last-child{padding-bottom:0px;} /* Blockquote */ .st-blockquote{font-style: italic;} /* Pagination - Not a shortcode */ .pagination { clear: both;} .st-pagination{} .st-pagination li{display: inline-block;} .st-pagination li a, .st-pagination li span{padding:6px 11px;background: #cccccc;color:white; margin: 0px 5px; } .st-pagination li a:hover, .st-pagination li span:hover{color:white;} /* Flickr */ .flickr_badge_image {float: left; margin: 0 5px 9px;} .flickr_badge_image img { border: 1px solid #F5F5F5;padding: 3px; } .footer-sidebar .flickr_badge_image img {border-color: #404040;} .flickr_badge_image img { height: 53px; width: 53px; } /* add 125x 125 */ .ads125 ul{margin-bottom:0px;} .ads125 ul li{float:left;margin:0px 28px 20px 10px;} .ads125 ul li:nth-child(2n){margin-right:0px;margin-left:0px;} .testimonials-wrap{ position: relative;} .testimonials-wrap .carou-item { float: left;} .caroufredsel_wrapper{ width: 100% !important; } .testimonials-wrap .prev, .testimonials-wrap .next{ position: absolute; font-size: 14px !important;} .testimonials-wrap .prev { top: 0px; right: 25px; } .testimonials-wrap .next { top: 0px; right: 5px; } .testimonials-wrap .t-autor{ margin-top: 5px;} .testimonials-wrap .t-avt{ float: left; margin-right: 5px;} .testimonials-wrap .t-avt img{ max-height: 30px ; max-width: 30px;} .testimonials-wrap .t-a-m{ float: left; line-height: 14px;} .testimonials-wrap .t-a-m .t-a-name{ font-weight: bold;} .testimonials-wrap .t-a-m .t-a-positon{ font-style: italic;} .testimonials-wrap .test-c-w{ position: relative;} .testimonials-wrap .test-c{ background: #f5f5f5; padding: 10px 10px;} .testimonials-wrap .arr { width: 0;height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f5f5f5; margin: 0 0 0 15px; } .builder-editor.service-wrapper img{margin-right: 15px } .st-clients .item{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} .st-clients .start{ border-left: 1px solid #ccc; } /*Event clendar ----------------------------------------------------------------------------------------*/ .evcalendar{margin:0 auto;padding:0;width:100%} .evcalendar div.box{position:relative;top:0;left:0;width:100%;height:78px} .evcalendar div.header{line-height:40px;vertical-align:middle;position:absolute;top:0;width:100%;height:40px;text-align:center;margin-bottom:10px;padding-bottom:33px;background: url("../hotec/assets/images/doted-divider.png") repeat-x scroll left bottom transparent;} .evcalendar .box-header{ margin-bottom: 20px;} .evcalendar .box-header .title { text-transform: uppercase;} .evcalendar div.header a.prev, .evcalendar div.header a.next{position:absolute;top:0; display:block;cursor:pointer;text-decoration:none;padding:0 10px; } .evcalendar div.header span.title{font-size:24px} .evcalendar div.header a.prev{left:0} .evcalendar div.header a.next{right:0} .evcalendar ul.label{float:left;margin:0;padding:0;width:100%} .evcalendar ul.label li{margin:0;padding:0;float:left;list-style-type:none;width:14%; height:40px;line-height:40px;vertical-align:middle;text-align:center;color:#000;font-size:15px;background-color:transparent} .evcalendar ul.dates{float:left;margin:0;padding:0;width:100%} .evcalendar ul.dates li{margin:0;padding:0;vertical-align:middle;float:left;list-style-type:none;width:14%; min-width: 95px; height:125px;color:#000;margin-right:2px;margin-bottom:5px} .evcalendar ul.dates li.end{margin-right:0} .evcalendar ul.dates li .in-d{border:1px solid #ccc;margin:0;padding:0;height:100%;display:block} .evcalendar ul.dates li.no-day .in-d{border-color:#fff} .evcalendar .day-num{font-size:16px;font-weight:bold;color:#666;margin:5px} .st-events-calendar .event{margin:2px 5px} .st-events-calendar{position:relative;z-index:5} .st-events-calendar .loading{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:9;margin:0;background:none repeat scroll 0 0 rgba(255,255,255,0.2)} .st-events-calendar .loading-icon{height:60%;width:100%;display:block;background:url(../hotec/assets/images/loader.gif) center center no-repeat} /*Floating header ----------------------------------------------------------------------------------------*/ .rev_slider_wrapper .tp-bullets{ z-index: 90;} .page-outer-wrapper{ min-height: 500px;} .boxed-mode .header-outer-wrapper.fixed{ max-width: 1038px; position: fixed; top: 0px; z-index: 99; } .full-width-mode .header-outer-wrapper.fixed{ position: fixed; top: 0px; width: 100%; z-index: 99; } .header-outer-wrapper .header-wrapper { position: relative; } .header-outer-wrapper .header-right{ position: absolute; top: 0px;right: 0px;} .header-outer-wrapper .header-wrapper , .header-outer-wrapper .header-left{ height: 100px; display: block; } .header-outer-wrapper .header-wrapper .logo-wrapper, .header-outer-wrapper .header-wrapper h1{ margin: 0px; padding:0px; height: 100%; display: block;} .header-outer-wrapper .header-wrapper .logo-wrapper img{ max-height: 100%; display: block;} .primary-nav.slideMenu >ul >li >a { padding: 0px 18px; font-size: 15px; margin: 0px; line-height: 100px;} /* FROM ver 1.1 */ /* Back top top btn */ #sttotop { width:35px; height: 35px; display: none; text-align:center; padding:5px; position:fixed; bottom:10px; right:10px;cursor:pointer;border-radius: 2px; } .bg_color{ background: #333333;} #sttotop i{ color: #fff; font-size: 24px; line-height: 33px;} .twitter-update .tweet-item{ margin-bottom: 10px;} /* * Title: Light-Blue skin File * Author: http://aroundtanzania.com/ */ /* * Title: Around Tanzania| Responsive HTML5 City Template - SCSS Variables for style customization * Author: http://aroundtanzania.com/ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1. Global 2. Skin colors 3. Skin logos 4. Important colors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1. Global */ /* 2. Skin colors */ /* 3. Skin logos */ /* 4. Important colors */ /* * Title: Around Tanzania| Responsive HTML5 City Template - Main CSS file * Author: http://aroundtanzania.com/ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1. Base Styles 1.1. Basic Styles 1.2. Layout 2. Global Styles 2.1. Form Elements 2.1.1. Select box 2.1.2. File input box 2.1.3. Checkbox and Radio 2.1.4. Form 2.2. Buttons 2.2.1. Buttons 2.2.2. Alert message 2.2.3. Info box 2.2.4. Term Description 2.2.5. Dropcap 2.2.6. Blockquote 2.2.7. Pagination 2.2.8. Hover effect 2.2.9. Social icons 2.2.10. Five Stars 2.2.11. Price section 2.2.12. Time section 2.2.13. Badge 2.3. Around TanzaniaElements 2.4. Skin Color 2.5. Positioning 2.6. Unordered lists 2.7. Ordered lists 2.8. Toggle & Accordion 2.8.1. Style1 2.8.2. Style2 2.8.3. Accordion with image 2.9. Tabs 2.9.1. Style 1 2.9.2. Transparent Tab 2.9.3. Full Width Tab 2.10. Promo box 2.11. Photo Gallery 2.12. Image Style 2.13. Image Box Styles 2.14. Icon Box 2.15. Listing Styles 2.16. Pricing Tables 2.17. Post 2.18. Testimonial 2.19. Our Team Section 2.20. Gallery popup 2.21. Style changer 2.22. Animated effect 2.23. Parallax 2.24. Page Loader 2.25. folded corner block 3. Header 3.1. Main Header 3.1.1. Mobile navigation 3.1.2. Header Styles 3.1.3. Navigation 3.1.4. Language flags 3.1.5. Main Menu 3.1.6. Mega Menu 3.1.7. Mini Menu 3.1.8. Mobile Menu 3.1.9. Sticky Header 3.2.0. Sign up & Login box 3.2. Slideshow 3.3. Page Title 3.4. Word Map Section 4. Search Form 4.1. Default Style 4.2. Style1 4.3. Style2 4.4. Map Search 5. Search Results 5.1. Hotel 5.1.1. Sort by 5.1.2. Filters 5.1.3. Detailed 5.1.4. Hotel main content, Flight main content 5.1.5. Booking page 5.1.6. Thankyou page 5.2. Flight 5.3. Car 5.4. Cruise 5.5. Tour 6. Dashboard 6.1. Default 6.1.1. User profile 6.1.2. Booking history 6.2. Style1 6.3. Style2 7. jQuery UI Elements 7.1. UI Slider 7.2. DatePicker 8. footer2 9. Page Content 9.1. Home page content 9.1.1. Popular Destinations Section 9.1.2. Honeymoon section 9.1.3. Offers Section 9.1.4. Mobile Section 9.2. Pages 9.2.1. Service page 9.2.2. Photo gallery page 9.2.3. Blog page 9.2.4. Faq page 9.2.5. Contact us page 9.2.6. Sitemap page 9.3. Special Pages 9.3.1. 404 page 9.3.2. Coming soon page 9.3.3. Loading page 9.3.4. Login page 9.4. Extra Pages 10. Wordpress default css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Around Tanzania| Responsive HTML5 City Template - SCSS Mixin * Author: http://aroundtanzania.com/ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) BORDER RADIUS 2) OPACITY 3) BACKGROUND GRADIENT 4) BOX SHADOW 5) TEXT SHADOW 6) TRANSITION 7) ANIMATION 8) TRANSFORM 9) DESATURATE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) BORDER RADIUS */ /* 2) OPACITY */ /* 3) BACKGROUND GRADIENT */ /* 4) BOX SHADOW */ /* 5) TEXT SHADOW */ /* 6) TRANSITION */ /* 7) ANIMATION */ /* 8) TRANSFORM */ /* 9) DESATURATE */ /* 1. Base Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1.1. Basic Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Around Tanzania| Responsive HTML5 City Template - Basic Style * Author: http://aroundtanzania.com/ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) Reset 2) Heading 3) Lists 4) Contents 5) Table 6) HTML5 & CSS3 Styles for older browsers 7) Tools 8) Colors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) Reset */ a { text-decoration: none; color: inherit; } a:hover, a:focus { color: #01b7f2; text-decoration: none; } a:focus { outline: none; } p { font-size: 1.0833em; line-height: 1.6666; margin-bottom: 15px; } dt { font-weight: normal; } span.active, a.active, h2.active, h3.active, h4.active, h5.active, h6.active { color: #01b7f2; } .info-primary, .info-success { color: #fff; padding: 2px 5px; line-height: 1em; } .info-success { background: #98ce44; } .info-primary { background: #2d3e52; } /* 2) Heading */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: normal; color: #2d3e52; } h1 { font-size: 2em; line-height: 1.25em; /*24px, 30px*/ } h2 { font-size: 1.6667em; line-height: 1.25em; /*20px, 35px*/ } h3 { font-size: 1.5em; line-height: 1.2222em; /*18px, 22px*/ } h4 { font-size: 1.3333em; line-height: 1.25em; /*16px, 20px*/ } h5 { font-size: 1.1666em; line-height: 1.1428em; /*14px, 16px*/ } h6 { font-size: 1em; } h1.fourty-space { font-size: 1.3333em; line-height: 1.25em; letter-spacing: .04em; } h2.fourty-space { font-size: 1.1666em; line-height: 1.1428em; letter-spacing: .04em; } h3.fourty-space { font-size: 1.0833em; line-height: 1.1428em; letter-spacing: .04em; } h4.fourty-space { font-size: 1em; line-height: 1.1em; letter-spacing: .04em; } h5.fourty-space { font-size: 0.9166; line-height: 1.1em; letter-spacing: .04em; } h6.fourty-space { font-size: 0.8333em; line-height: 1.1em; letter-spacing: .04em; } /* 3) Lists */ ol, ul { list-style: none; margin: 0; } /* 4) Contents */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } hr { margin-top: 20px; margin-bottom: 20px; border-color: #f5f5f5; } /* 5) Table */ table { border-collapse: collapse; border-spacing: 0; } /* 6) HTML5 & CSS3 Styles for older browsers */ article, aside, details, figcaption, figure, footer2, header, hgroup, menu, nav, section { display: block; } /* 7) Tools */ .clearer { clear: both !important; padding: 0 !important; margin: 0 !important; } .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .no-display { display: none; } .no-float { float: none !important; } .no-margin { margin: 0 !important; } .no-bmargin { margin-bottom: 0 !important; } .no-padding { padding: 0 !important; } .no-lpadding { padding-left: 0 !important; } .no-rpadding { padding-right: 0 !important; } .no-border { border: none !important; } .full-width { width: 100% !important; } img.full-width { height: auto; } .uppercase { text-transform: uppercase; } .fourty-space { letter-spacing: .04em !important; } .underline { text-decoration: underline !important; } .inline-block { display: inline-block !important; } .visible-sms { display: none; } .overflow-hidden { overflow: hidden; } .no-letter-spacing { letter-spacing: normal !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-center { text-align: center !important; } /* 8) Colors */ .blue-color { color: #01b7f2 !important; } .light-blue-color { color: #7692b4; } .yellow-color { color: #fdb714 !important; } .red-color { color: #e01a33 !important; } .green-color { color: #7db921 !important; } .white-color { color: #fff !important; } .dark-blue-color { color: #2d3e52 !important; } .skin-color { color: #01b7f2; } .default-color { color: inherit !important; } .gray-color { color: #9e9e9e !important; } .hotel-color { color: #01b7f2; } .select-color { color: #fdb714; } .blue-bg { background-color: #01b7f2 !important; } .yellow-bg { background-color: #fdb714 !important; } .red-bg { background-color: #e01a33 !important; } .green-bg { background-color: #98ce44 !important; } .white-bg { background-color: #fff !important; } .dark-blue-bg { background-color: #2d3e52 !important; } .skin-bg { background-color: #01b7f2 !important; } .gray-bg { background-color: #f5f5f5 !important; } /* * Title: Around Tanzania| Icon Font Style File * Author: http://aroundtanzania.com/ */ /* * Title: Around Tanzania| Responsive HTML5 City Template - SCSS Mixin * Author: http://aroundtanzania.com/ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) BORDER RADIUS 2) OPACITY 3) BACKGROUND GRADIENT 4) BOX SHADOW 5) TEXT SHADOW 6) TRANSITION 7) ANIMATION 8) TRANSFORM 9) DESATURATE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) BORDER RADIUS */ /* 2) OPACITY */ /* 3) BACKGROUND GRADIENT */ /* 4) BOX SHADOW */ /* 5) TEXT SHADOW */ /* 6) TRANSITION */ /* 7) ANIMATION */ /* 8) TRANSFORM */ /* 9) DESATURATE */ /* Icons */ @font-face { font-family: 'soap-icons'; src: url("../fonts/soap-icons.eot?26664784"); src: url("../fonts/soap-icons.eot?26664784#iefix") format("embedded-opentype"), url("../fonts/soap-icons.woff?26664784") format("woff"), url("../fonts/soap-icons.ttf?26664784") format("truetype"), url("../fonts/soap-icons.svg?26664784#soap-icons") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'soap-icons'; src: url('../font/soap-icons.svg?26664784#soap-icons') format('svg'); } } */ [class^="soap-icon"], [class*=" soap-icon"] { vertical-align: baseline; } [class^="soap-icon"]:before, [class*=" soap-icon"]:before { font-family: "soap-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; /* you can be more comfortable with increased icons size */ /*font-size: 120%;*/ } [class^="soap-icon"].circle, [class*=" soap-icon"].circle, .glyphicon.circle { border: 1px solid; width: 1.8em; height: 1.8em; line-height: 1.7333em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; display: inline-block; text-align: center; } [class^="soap-icon"].takeoff-effect:before, [class*=" soap-icon"].takeoff-effect:before, .glyphicon.takeoff-effect:before { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); } [class^="soap-icon"].takeoff-effect1:before, [class*=" soap-icon"].takeoff-effect1:before, .glyphicon.takeoff-effect1:before { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); } [class^="soap-icon"].landing-effect:before, [class*=" soap-icon"].landing-effect:before, .glyphicon.landing-effect:before { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); } [class^="soap-icon"].flip-effect:before, [class*=" soap-icon"].flip-effect:before, .glyphicon.flip-effect:before { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; } .soap-icon-fireplace:before { content: '\e800'; } .soap-icon-television:before { content: '\e801'; } .soap-icon-fridge:before { content: '\e802'; } .soap-icon-aircon:before { content: '\e803'; } .soap-icon-fmstereo:before { content: '\e804'; } .soap-icon-beach:before { content: '\e805'; } .soap-icon-juice:before { content: '\e806'; } .soap-icon-food:before { content: '\e807'; } .soap-icon-fueltank:before { content: '\e808'; } .soap-icon-breakfast:before { content: '\e809'; } .soap-icon-coffee:before { content: '\e80a'; } .soap-icon-party:before { content: '\e80b'; } .soap-icon-savings:before { content: '\e80c'; } .soap-icon-address:before { content: '\e80d'; } .soap-icon-horn:before { content: '\e80e'; } .soap-icon-conference:before { content: '\e80f'; } .soap-icon-support:before { content: '\e810'; } .soap-icon-tree:before { content: '\e811'; } .soap-icon-friends:before { content: '\e812'; } .soap-icon-winebar:before { content: '\e813'; } .soap-icon-plans:before { content: '\e814'; } .soap-icon-guideline:before { content: '\e815'; } .soap-icon-wifi:before { content: '\e816'; } .soap-icon-binoculars:before { content: '\e817'; } .soap-icon-key:before { content: '\e818'; } .soap-icon-fork:before { content: '\e819'; } .soap-icon-locations:before { content: '\e81a'; } .soap-icon-couples:before { content: '\e81b'; } .soap-icon-card:before { content: '\e81c'; } .soap-icon-fitnessfacility:before { content: '\e81d'; } .soap-icon-flexible:before { content: '\e81e'; } .soap-icon-phone:before { content: '\e81f'; } .soap-icon-cruise:before { content: '\e820'; } .soap-icon-joystick:before { content: '\e821'; } .soap-icon-lost-found:before { content: '\e822'; } .soap-icon-securevault:before { content: '\e823'; } .soap-icon-cruise-1:before { content: '\e824'; } .soap-icon-cruise-3:before { content: '\e825'; } .soap-icon-anchor:before { content: '\e826'; } .soap-icon-cruise-2:before { content: '\e827'; } .soap-icon-car-2:before { content: '\e828'; } .soap-icon-pickanddrop:before { content: '\e829'; } .soap-icon-car:before { content: '\e82a'; } .soap-icon-car-1:before { content: '\e82b'; } .soap-icon-hotel-2:before { content: '\e82c'; } .soap-icon-hotel-1:before { content: '\e82d'; } .soap-icon-plane:before { content: '\e82e'; } .soap-icon-plane-bottom:before { content: '\e82f'; } .soap-icon-plane-left:before { content: '\e830'; } .soap-icon-plane-right:before { content: '\e831'; } .soap-icon-carryon:before { content: '\e832'; } .soap-icon-businessbag:before { content: '\e833'; } .soap-icon-baggage:before { content: '\e834'; } .soap-icon-bag:before { content: '\e835'; } .soap-icon-suitcase:before { content: '\e836'; } .soap-icon-hotel-3:before { content: '\e837'; } .soap-icon-trunk-2:before { content: '\e838'; } .soap-icon-hotel:before { content: '\e839'; } .soap-icon-trunk-1:before { content: '\e83a'; } .soap-icon-trunk-3:before { content: '\e83b'; } .soap-icon-delayed-baggage:before { content: '\e83c'; } .soap-icon-damaged-baggage:before { content: '\e83d'; } .soap-icon-baggage-3:before { content: '\e83e'; } .soap-icon-baggage-2:before { content: '\e83f'; } .soap-icon-baggage-1:before { content: '\e840'; } .soap-icon-magazine-1:before { content: '\e841'; } .soap-icon-baggage-status:before { content: '\e842'; } .soap-icon-magazine:before { content: '\e843'; } .soap-icon-slider-1:before { content: '\e844'; } .soap-icon-slider:before { content: '\e845'; } .soap-icon-camera-2:before { content: '\e846'; } .soap-icon-photogallery:before { content: '\e847'; } .soap-icon-camera-3:before { content: '\e848'; } .soap-icon-baggage-4:before { content: '\e849'; } .soap-icon-baggage-5:before { content: '\e84a'; } .soap-icon-shopping:before { content: '\e84b'; } .soap-icon-shopping-1:before { content: '\e84c'; } .soap-icon-shopping-2:before { content: '\e84d'; } .soap-icon-shopping-3:before { content: '\e84e'; } .soap-icon-camera-1:before { content: '\e84f'; } .soap-icon-settings-1:before { content: '\e850'; } .soap-icon-bad:before { content: '\e851'; } .soap-icon-recommend:before { content: '\e852'; } .soap-icon-entertainment:before { content: '\e853'; } .soap-icon-balloon:before { content: '\e854'; } .soap-icon-globe:before { content: '\e855'; } .soap-icon-places:before { content: '\e856'; } .soap-icon-clock-1:before { content: '\e857'; } .soap-icon-clock:before { content: '\e858'; } .soap-icon-settings:before { content: '\e859'; } .soap-icon-automatic:before { content: '\e85a'; } .soap-icon-parking:before { content: '\e85b'; } .soap-icon-status:before { content: '\e85c'; } .soap-icon-departure:before { content: '\e85d'; } .soap-icon-letter:before { content: '\e85e'; } .soap-icon-message:before { content: '\e85f'; } .soap-icon-search-plus:before { content: '\e860'; } .soap-icon-search-minus:before { content: '\e861'; } .soap-icon-search:before { content: '\e862'; } .soap-icon-restricted:before { content: '\e863'; } .soap-icon-calendar:before { content: '\e864'; } .soap-icon-stories:before { content: '\e865'; } .soap-icon-liability:before { content: '\e866'; } .soap-icon-insurance:before { content: '\e867'; } .soap-icon-doc-minus:before { content: '\e868'; } .soap-icon-availability:before { content: '\e869'; } .soap-icon-calendar-1:before { content: '\e86a'; } .soap-icon-calendar-check:before { content: '\e86b'; } .soap-icon-list:before { content: '\e86c'; } .soap-icon-doc-plus:before { content: '\e86d'; } .soap-icon-left:before { content: '\e86e'; } .soap-icon-right:before { content: '\e86f'; } .soap-icon-top:before { content: '\e870'; } .soap-icon-grid:before { content: '\e871'; } .soap-icon-block:before { content: '\e872'; } .soap-icon-star-1:before { content: '\e873'; } .soap-icon-letter-1:before { content: '\e874'; } .soap-icon-wishlist:before { content: '\e875'; } .soap-icon-heart:before { content: '\e876'; } .soap-icon-star:before { content: '\e877'; } .soap-icon-roundtriangle-right:before { content: '\e878'; } .soap-icon-roundtriangle-top:before { content: '\e879'; } .soap-icon-roundtriangle-bottom:before { content: '\e87a'; } .soap-icon-chevron-left:before { content: '\e87b'; } .soap-icon-roundtriangle-left:before { content: '\e87c'; } .soap-icon-bottom:before { content: '\e87d'; } .soap-icon-arrow-top:before { content: '\e87e'; } .soap-icon-arrow-bottom:before { content: '\e87f'; } .soap-icon-arrow-right:before { content: '\e880'; } .soap-icon-arrow-left:before { content: '\e881'; } .soap-icon-longarrow-up:before { content: '\e882'; } .soap-icon-longarrow-bottom:before { content: '\e883'; } .soap-icon-triangle-left:before { content: '\e884'; } .soap-icon-triangle-right:before { content: '\e885'; } .soap-icon-triangle-top:before { content: '\e886'; } .soap-icon-chevron-right:before { content: '\e887'; } .soap-icon-chevron-top:before { content: '\e888'; } .soap-icon-chevron-down:before { content: '\e889'; } .soap-icon-longarrow-left:before { content: '\e88a'; } .soap-icon-longarrow-right:before { content: '\e88b'; } .soap-icon-triangle-bottom:before { content: '\e88c'; } .soap-icon-plus:before { content: '\e88d'; } .soap-icon-minus:before { content: '\e88e'; } .soap-icon-ski:before { content: '\e88f'; } .soap-icon-close:before { content: '\e890'; } .soap-icon-handicapaccessiable:before { content: '\e891'; } .soap-icon-check-1:before { content: '\e892'; } .soap-icon-passed:before { content: '\e893'; } .soap-icon-features:before { content: '\e894'; } .soap-icon-passenger:before { content: '\e895'; } .soap-icon-adventure:before { content: '\e896'; } .soap-icon-man-2:before { content: '\e897'; } .soap-icon-dog:before { content: '\e898'; } .soap-icon-man-1:before { content: '\e899'; } .soap-icon-swimming:before { content: '\e89a'; } .soap-icon-man-3:before { content: '\e89b'; } .soap-icon-comfort:before { content: '\e89c'; } .soap-icon-smoking:before { content: '\e89e'; } .soap-icon-playplace:before { content: '\e89f'; } .soap-icon-facebook:before { content: '\e8a0'; } .soap-icon-googleplus:before { content: '\e8a1'; } .soap-icon-pinterest:before { content: '\e8a2'; } .soap-icon-vimeo:before { content: '\e8a3'; } .soap-icon-doorman:before { content: '\e8a4'; } .soap-icon-googleplay:before { content: '\e8a5'; } .soap-icon-elevator:before { content: '\e8a6'; } .soap-icon-apple:before { content: '\e8a7'; } .soap-icon-twitter:before { content: '\e8a8'; } .soap-icon-tub:before { content: '\e8a9'; } .soap-icon-myspace:before { content: '\e8aa'; } .soap-icon-youtube:before { content: '\e8ab'; } .soap-icon-tumblr:before { content: '\e8ac'; } .soap-icon-flickr:before { content: '\e8ad'; } .soap-icon-soundcloud:before { content: '\e8ae'; } .soap-icon-stumbleupon:before { content: '\e8af'; } .soap-icon-linkedin:before { content: '\e8b0'; } .soap-icon-dribble:before { content: '\e8b1'; } .soap-icon-deviantart:before { content: '\e8b2'; } .soap-icon-behance:before { content: '\e8b3'; } .soap-icon-envato:before { content: '\e8b4'; } .soap-icon-instagram:before { content: '\e8b5'; } .soap-icon-skype:before { content: '\e8b6'; } .soap-icon-user:before { content: '\e8b7'; } .soap-icon-pets:before { content: '\e8b8'; } .soap-icon-family:before { content: '\e8b9'; } .soap-icon-check:before { content: '\e8ba'; } .soap-icon-notice:before { content: '\e8bb'; } .soap-icon-error:before { content: '\e8bc'; } .soap-icon-generalmessage:before { content: '\e8bd'; } .soap-icon-automatic-transmission:before { content: '\e8be'; } .soap-icon-flight-hotel:before { content: '\e8bf'; } .soap-icon-comment:before { content: '\e8c0'; } /* font */ @font-face { font-family: 'NexaBlack'; src: url("../fonts/NexaBlack.eot?") format("eot"), url("../fonts/NexaBlack.otf") format("opentype"), url("../fonts/NexaBlack.woff") format("woff"), url("../fonts/NexaBlack.ttf") format("truetype"), url("../fonts/NexaBlack.svg#NexaBlack") format("svg"); } /* 1.2. Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #page-wrapper { position: relative; overflow: visible; background-color: #fff; } .boxed #page-wrapper { max-width: 1200px; margin: 0 auto; } .gray-area { background: #f5f5f5; } .global-map-area { background: url(../images/global-map.jpg) no-repeat; } .global-map-area .description p { color: #7c9abd; } .global-map-area .description h1, .global-map-area .description h2, .global-map-area .description h3, .global-map-area .description h4, .global-map-area .description h5, .global-map-area .description h6 { color: #fff; } section#content { min-height: 400px; padding-top: 40px; text-align: left; background: #f5f5f5; } section#content:after { display: table; content: ""; clear: both; } .sm-section { padding-top: 30px; padding-bottom: 20px; } .md-section { padding-top: 40px; padding-bottom: 30px; } .section { padding-top: 80px; padding-bottom: 70px; } .small-box { margin-bottom: 20px; } .box { margin-bottom: 30px; } .block { margin-bottom: 40px; } .large-block { margin-bottom: 70px; } article { margin-bottom: 20px; position: relative; } #main { margin-bottom: 40px; } .body-blank { display: table; height: 100%; left: 0; margin: 0; overflow-x: hidden; position: absolute; top: 0; width: 100%; } .wrapper-blank { display: table-cell; float: none; vertical-align: middle; width: 100%; } /* 2. Global Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .table-wrapper { display: table; } .table-wrapper .table-row { display: table-row; float: none !important; } .table-wrapper .table-cell { display: table-cell; vertical-align: top; float: none !important; } .table-wrapper .table-cell.content-middle { vertical-align: middle; } .image-container img { max-width: 100%; } .imagebg-container { background-repeat: no-repeat; background-position: center center; } .banner { position: relative; z-index: 1; padding: 90px 0; } .banner .big-caption, .banner .med-caption { color: #fff; text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25); } .banner .big-caption { font-size: 4.1667em; } .banner .med-caption { font-size: 2.5em; } /* box title */ .box-title { margin-bottom: 0; line-height: 1em; } .box-title small { font-size: 10px; color: #838383; text-transform: uppercase; display: block; margin-top: 4px; /*letter-spacing: normal;*/ } .box-title small [class^="soap-icon"] { color: #fdb714; font-size: 1.3333em; } h2.box-title small { font-size: 11px; } h1.box-title small { font-size: 12px; } .s-title { color: #01b7f2; } .s-title a:hover { color: #40cbf8; } .m-title { margin: 0; } .f-title { letter-spacing: 0.04em; margin-bottom: 10px; } .border-bottom { border-bottom: 1px solid #f5f5f5; } /*#slideshow, */ .flex-viewport .slides li { /*img { */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; /* }*/ } /* 2.1. Form Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ input.input-text, input.wpcf7-text, select, textarea, span.custom-select, input[type="password"] { background: #f5f5f5; border: none; line-height: normal; } input.input-text, input.wpcf7-text, textarea, span.custom-select, input[type="password"] { padding-left: 15px; padding-right: 15px; height: 34px; } input.input-text.input-large, input.wpcf7-text.input-large, textarea.input-large, span.custom-select.input-large, input[type="password"].input-large { height: 43px; font-size: 1.1667em; } input.input-text.input-medium, input.wpcf7-text.input-medium, textarea.input-medium, span.custom-select.input-medium, input[type="password"].input-medium { height: 34px; } input.input-text.input-small, input.wpcf7-text.input-small, textarea.input-small, span.custom-select.input-small, input[type="password"].input-small { height: 28px; } input.input-text.input-mini, input.wpcf7-text.input-mini, textarea.input-mini, span.custom-select.input-mini, input[type="password"].input-mini { height: 19px; } input.input-text.white, input.wpcf7-text.white, textarea.white, span.custom-select.white, input[type="password"].white { background: #fff; } textarea { height: auto; padding-top: 10px; padding-bottom: 10px; } /* 2.1.1. Select box */ select { height: 34px; padding: 8px 0 8px 8px; } select option { padding: 2px 10px; } .selector { position: relative; min-width: 60px; line-height: 0; } .selector select { position: absolute; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 100%; -webkit-appearance: menulist-button; line-height: 30px; } .selector span.custom-select { display: inline-block; line-height: 32px; padding: 0 10px; position: relative; width: 100%; overflow: hidden; white-space: nowrap; } .selector span.custom-select:before { position: absolute; right: 0; top: 0; content: ''; background: #fdb714; width: 24px; height: 100%; } .selector span.custom-select:after { position: absolute; right: 9px; top: 15px; border-top: 5px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent; content: ""; } .selector.style1 span.custom-select:before { background: transparent; } .selector.style1 span.custom-select:after { border-top-color: #fdb714; } /* 2.1.2. File input box */ .fileinput { position: relative; display: inline-block; min-width: 100px; } .fileinput input[type=file] { position: relative; z-index: 2; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 100%; } .fileinput .custom-fileinput { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; line-height: normal; } .fileinput:after { display: block; content: "BROWSE"; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; background: #fdb714; color: #fff; font-size: 1em; padding-left: 15px; padding-right: 15px; letter-spacing: 0.04em; font-weight: bold; vertical-align: middle; } /* 2.1.3. Checkbox and Radio */ .checkbox, .radio { position: relative; margin-top: 0; line-height: 20px; } .checkbox:before, .radio:before { display: block; content: ""; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 1px solid #d1d1d1; z-index: 0; font-family: "soap-icons"; line-height: 12px; text-align: center; } .checkbox.checked:before, .radio.checked:before { border-color: #01b7f2; color: #fff; background: #01b7f2; content: "\e8ba"; } /* checkbox */ .checkbox label, .checkbox.label { font-size: 1.0833em; line-height: 20px; color: #9e9e9e; } .checkbox input[type="checkbox"] { position: relative; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* radio */ .radio label, .radio.label { font-size: 0.9167em; line-height: 20px; } .radio input[type="radio"] { position: relative; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .radio:before { background: #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; font-size: 1.3333em; line-height: 13px; } .radio.radio-square:before { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .radio.checked:before { content: "\e892"; } .checkbox-inline, .radio-inline { margin-left: 10px; } /* 2.1.4. Form */ form label { text-transform: uppercase; display: block; margin-bottom: 5px; font-weight: normal; font-size: 0.9167em; } form .checkbox label, form label.checkbox { font-size: 1.0833em; text-transform: none; } form .radio label, form label.radio { font-size: 0.9167em; } form .form-group { margin-bottom: 15px; } .sidebar form .form-group { margin-bottom: 10px; } .sidebar form label { font-size: 0.8333em; margin-bottom: 3px; } .panel-content form label { font-size: 0.8333em; margin-bottom: 3px; } /* Fourty space */ .box-title, .post-title, .post-meta, .author-section .name, .mile, .title, .s-title, .price, button, a.button, dl, label, span.info, .price-wrapper, ul.tabs a, .icon-box.style1, .icon-box.style2, .icon-box.style3 .description, .icon-box.style5, .search-results-title, .breadcrumbs { letter-spacing: 0.04em; } /* 2.2. Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 2.2.1. Buttons */ button, input[type="submit"], a.button { border: none; color: #fff; cursor: pointer; padding: 0 15px; white-space: nowrap; } button.btn-large, input[type="submit"].btn-large, a.button.btn-large { padding: 0 32px; height: 43px; font-size: 1.1667em; line-height: 43px; } button.btn-medium, input[type="submit"].btn-medium, a.button.btn-medium { padding: 0 32px; height: 34px; line-height: 34px; font-size: 1em; } button.btn-small, input[type="submit"].btn-small, a.button.btn-small { height: 28px; padding: 0 24px; line-height: 28px; font-size: 0.9167em; } button.btn-mini, input[type="submit"].btn-mini, a.button.btn-mini { height: 19px; padding: 0 20px; font-size: 0.8333em; line-height: 19px; } button.full-width, input[type="submit"].full-width, a.button.full-width { padding-left: 0; padding-right: 0; } button, input[type="submit"] { font-size: 0.9167em; font-weight: bold; background: #98ce44; height: 34px; line-height: 34px; } button:hover, input[type="submit"]:hover { background: #7fb231; } a.button { display: inline-block; background: #d9d9d9; font-size: 0.8333em; line-height: 1.8333em; white-space: nowrap; text-align: center; } a.button:hover { background: #98ce44; } a.button.btn-mini { padding-left: 10px; padding-right: 10px; } a.button.btn-large, a.button.btn-medium, a.button.btn-small, a.button.full-width { font-weight: bold; } button, input[type="submit"], a.button { /* Extra buttons */ } button.white, input[type="submit"].white, a.button.white { background: #fff; color: inherit; } button.white:hover, input[type="submit"].white:hover, a.button.white:hover { background: #f7f7f7; } button.silver, input[type="submit"].silver, a.button.silver { background: #d9d9d9; } button.silver:hover, input[type="submit"].silver:hover, a.button.silver:hover { background: #e7e7e7; } button.sky-blue1, input[type="submit"].sky-blue1, a.button.sky-blue1 { background: #01b7f2; } button.sky-blue1:hover, input[type="submit"].sky-blue1:hover, a.button.sky-blue1:hover { background: #07a5d8; } button.yellow, input[type="submit"].yellow, a.button.yellow { background: #fdb714; } button.yellow:hover, input[type="submit"].yellow:hover, a.button.yellow:hover { background: #e9b02b; } button.dark-blue1, input[type="submit"].dark-blue1, a.button.dark-blue1 { background: #2d3e52; } button.dark-blue1:hover, input[type="submit"].dark-blue1:hover, a.button.dark-blue1:hover { background: #2d3e52; } button.green, input[type="submit"].green, a.button.green { background: #98ce44; } button.green:hover, input[type="submit"].green:hover, a.button.green:hover { background: #7fb231; } button.red, input[type="submit"].red, a.button.red { background: #e44049; } button.red:hover, input[type="submit"].red:hover, a.button.red:hover { background: #f92534; } button.light-brown, input[type="submit"].light-brown, a.button.light-brown { background: #e6c687; } button.light-brown:hover, input[type="submit"].light-brown:hover, a.button.light-brown:hover { background: #e6c182; } button.orange, input[type="submit"].orange, a.button.orange { background: #ff6000; } button.orange:hover, input[type="submit"].orange:hover, a.button.orange:hover { background: #ef5500; } button.dull-blue, input[type="submit"].dull-blue, a.button.dull-blue { background: #12a0c3; } button.dull-blue:hover, input[type="submit"].dull-blue:hover, a.button.dull-blue:hover { background: #1295c0; } button.light-orange, input[type="submit"].light-orange, a.button.light-orange { background: #f5a77d; } button.light-orange:hover, input[type="submit"].light-orange:hover, a.button.light-orange:hover { background: #f2a278; } button.light-purple, input[type="submit"].light-purple, a.button.light-purple { background: #db8df6; } button.light-purple:hover, input[type="submit"].light-purple:hover, a.button.light-purple:hover { background: #d985f1; } button.sea-blue, input[type="submit"].sea-blue, a.button.sea-blue { background: #0ab596; } button.sea-blue:hover, input[type="submit"].sea-blue:hover, a.button.sea-blue:hover { background: #09b091; } button.sky-blue2, input[type="submit"].sky-blue2, a.button.sky-blue2 { background: #6dace6; } button.sky-blue2:hover, input[type="submit"].sky-blue2:hover, a.button.sky-blue2:hover { background: #6da9e2; } button.dark-blue2, input[type="submit"].dark-blue2, a.button.dark-blue2 { background: #194eb0; } button.dark-blue2:hover, input[type="submit"].dark-blue2:hover, a.button.dark-blue2:hover { background: #1949a8; } button.dark-orange, input[type="submit"].dark-orange, a.button.dark-orange { background: #ff3e3e; } button.dark-orange:hover, input[type="submit"].dark-orange:hover, a.button.dark-orange:hover { background: #ff3939; } button.purple, input[type="submit"].purple, a.button.purple { background: #9f60b5; } button.purple:hover, input[type="submit"].purple:hover, a.button.purple:hover { background: #9f59b1; } button.light-yellow, input[type="submit"].light-yellow, a.button.light-yellow { background: #ffd200; } button.light-yellow:hover, input[type="submit"].light-yellow:hover, a.button.light-yellow:hover { background: #ffed00; } button.btn-extra, input[type="submit"].btn-extra, a.button.btn-extra { font-size: 1em; height: 70px; padding: 0; text-transform: uppercase; background: transparent; color: #fff; line-height: 1.5em; border: 1px solid #01b7f2; position: relative; overflow: hidden; letter-spacing: 0; display: inline-table; table-layout: fixed; margin-right: 10px; margin-bottom: 10px; } button.btn-extra .icon-wrap, input[type="submit"].btn-extra .icon-wrap, a.button.btn-extra .icon-wrap { position: relative; } button.btn-extra .icon-wrap i, input[type="submit"].btn-extra .icon-wrap i, a.button.btn-extra .icon-wrap i { width: 55px; vertical-align: middle; background: #01b7f2; color: #2d3e52; font-size: 36px; display: table-cell; height: 70px; text-align: right; padding-right: 8px; } button.btn-extra .icon-wrap i:after, input[type="submit"].btn-extra .icon-wrap i:after, a.button.btn-extra .icon-wrap i:after { display: block; content: ""; position: absolute; left: 55px; border-bottom: 70px solid #01b7f2; border-right: 16px solid transparent; top: 0; bottom: 0; } button.btn-extra > span, input[type="submit"].btn-extra > span, a.button.btn-extra > span { display: table-cell; vertical-align: middle; padding: 0 20px 0 35px; text-align: left; } button.btn-extra > span em, input[type="submit"].btn-extra > span em, a.button.btn-extra > span em { color: #01b7f2; font-size: 1.6667em; font-weight: bold; font-style: normal; } button.btn-extra:hover, input[type="submit"].btn-extra:hover, a.button.btn-extra:hover { color: inherit; background: #fff; border-color: #fff !important; } button.btn-extra:hover .icon-wrap i, input[type="submit"].btn-extra:hover .icon-wrap i, a.button.btn-extra:hover .icon-wrap i { color: #fff; } button.btn-extra.blue, input[type="submit"].btn-extra.blue, a.button.btn-extra.blue { border-color: #01b7f2; } button.btn-extra.blue .icon-wrap i, input[type="submit"].btn-extra.blue .icon-wrap i, a.button.btn-extra.blue .icon-wrap i { background: #01b7f2; } button.btn-extra.blue .icon-wrap i:after, input[type="submit"].btn-extra.blue .icon-wrap i:after, a.button.btn-extra.blue .icon-wrap i:after { border-bottom-color: #01b7f2; } button.btn-extra.blue > span em, input[type="submit"].btn-extra.blue > span em, a.button.btn-extra.blue > span em { color: #01b7f2; } button.btn-extra.yellow, input[type="submit"].btn-extra.yellow, a.button.btn-extra.yellow { border-color: #fdb714; } button.btn-extra.yellow .icon-wrap i, input[type="submit"].btn-extra.yellow .icon-wrap i, a.button.btn-extra.yellow .icon-wrap i { background: #fdb714; } button.btn-extra.yellow .icon-wrap i:after, input[type="submit"].btn-extra.yellow .icon-wrap i:after, a.button.btn-extra.yellow .icon-wrap i:after { border-bottom-color: #fdb714; } button.btn-extra.yellow > span em, input[type="submit"].btn-extra.yellow > span em, a.button.btn-extra.yellow > span em { color: #fdb714; } button.btn-extra.green, input[type="submit"].btn-extra.green, a.button.btn-extra.green { border-color: #98ce44; } button.btn-extra.green .icon-wrap i, input[type="submit"].btn-extra.green .icon-wrap i, a.button.btn-extra.green .icon-wrap i { background: #98ce44; } button.btn-extra.green .icon-wrap i:after, input[type="submit"].btn-extra.green .icon-wrap i:after, a.button.btn-extra.green .icon-wrap i:after { border-bottom-color: #98ce44; } button.btn-extra.green > span em, input[type="submit"].btn-extra.green > span em, a.button.btn-extra.green > span em { color: #98ce44; } button.btn-extra.dark-blue, input[type="submit"].btn-extra.dark-blue, a.button.btn-extra.dark-blue { border-color: #2d3e52; } button.btn-extra.dark-blue .icon-wrap i, input[type="submit"].btn-extra.dark-blue .icon-wrap i, a.button.btn-extra.dark-blue .icon-wrap i { background: #2d3e52; } button.btn-extra.dark-blue .icon-wrap i:after, input[type="submit"].btn-extra.dark-blue .icon-wrap i:after, a.button.btn-extra.dark-blue .icon-wrap i:after { border-bottom-color: #2d3e52; } button.btn-extra.dark-blue > span em, input[type="submit"].btn-extra.dark-blue > span em, a.button.btn-extra.dark-blue > span em { color: #2d3e52; } button.btn-extra.dark-yellow, input[type="submit"].btn-extra.dark-yellow, a.button.btn-extra.dark-yellow { border-color: #efa300; } button.btn-extra.dark-yellow .icon-wrap i, input[type="submit"].btn-extra.dark-yellow .icon-wrap i, a.button.btn-extra.dark-yellow .icon-wrap i { background: #efa300; } button.btn-extra.dark-yellow .icon-wrap i:after, input[type="submit"].btn-extra.dark-yellow .icon-wrap i:after, a.button.btn-extra.dark-yellow .icon-wrap i:after { border-bottom-color: #efa300; } button.btn-extra.dark-yellow > span em, input[type="submit"].btn-extra.dark-yellow > span em, a.button.btn-extra.dark-yellow > span em { color: #efa300; } button.btn-extra.red, input[type="submit"].btn-extra.red, a.button.btn-extra.red { border-color: #e01a33; } button.btn-extra.red .icon-wrap i, input[type="submit"].btn-extra.red .icon-wrap i, a.button.btn-extra.red .icon-wrap i { background: #e01a33; } button.btn-extra.red .icon-wrap i:after, input[type="submit"].btn-extra.red .icon-wrap i:after, a.button.btn-extra.red .icon-wrap i:after { border-bottom-color: #e01a33; } button.btn-extra.red > span em, input[type="submit"].btn-extra.red > span em, a.button.btn-extra.red > span em { color: #e01a33; } button.btn-extra.light-blue, input[type="submit"].btn-extra.light-blue, a.button.btn-extra.light-blue { border-color: #7c9abd; } button.btn-extra.light-blue .icon-wrap i, input[type="submit"].btn-extra.light-blue .icon-wrap i, a.button.btn-extra.light-blue .icon-wrap i { background: #7c9abd; } button.btn-extra.light-blue .icon-wrap i:after, input[type="submit"].btn-extra.light-blue .icon-wrap i:after, a.button.btn-extra.light-blue .icon-wrap i:after { border-bottom-color: #7c9abd; } button.btn-extra.light-blue > span em, input[type="submit"].btn-extra.light-blue > span em, a.button.btn-extra.light-blue > span em { color: #7c9abd; } .icon-check { position: relative; padding-right: 30px !important; padding-left: 0 !important; overflow: hidden; /*&:hover:after { @include animation(toTopFromBottom, 0.35s, forwards); }*/ } .icon-check:after { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: url(../images/icon/icon-check.png) no-repeat center center #7db921; } .icon-check:hover:after { background-color: #98ce44; } .with-icon { position: relative; padding: 0 !important; display: inline-block; } .with-icon .icon { position: absolute; right: 0; top: 50%; margin: -17px 0 0 !important; width: 30px; font-size: 18px; color: #a4a4a4; background: none; padding: 0 !important; height: auto; } .with-icon .input-text { padding-right: 40px !important; } .with-icon.input-large .icon { width: 43px; height: 43px; margin-top: -21px !important; font-size: 22px; } .with-icon.input-large .input-text { padding-right: 48px !important; } /* 2.2.2. Alert message */ .alert { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; padding: 15px 15px 15px 70px; color: #fff; font-size: 1.0833em; position: relative; } .alert:before { content: "\f003"; font-family: "soap-icons"; display: block; font-size: 18px; width: 30px; height: 30px; line-height: 30px; margin: 0 auto; border: 1px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; position: absolute; top: 10px; left: 20px; } .alert.alert-general { background: #d9d9d9; } .alert.alert-general:before { content: "\e8bd"; } .alert.alert-notice { background: #f5cf77; } .alert.alert-notice:before { content: "\e8bb"; } .alert.alert-error { background: #f6bcc3; } .alert.alert-error:before { content: "\e8bc"; } .alert.alert-success { background: #bae675; } .alert.alert-success:before { content: "\e8ba"; } .alert.alert-help { background: #91e3fd; } .alert.alert-help:before { content: "\e876"; } .alert.alert-info { background: #bfc9f9; } .alert.alert-info:before { content: "\e818"; } #travelo-success, #travelo-failure { text-align: center; } #travelo-success { background-color: #f5ffe5; border: 2px solid #7db921; } #travelo-success .travelo-modal-icon { color: #7db921; } .travelo-modal-icon { font-size: 18px; } #travelo-success .travelo-modal-title, #travelo-failure .travelo-modal-title { color: #2d3e52; margin: 20px 0 24px; } #travelo-failure { background-color: #fff0f2; border: 2px solid #e01a33; } #travelo-failure .travelo-modal-icon { color: #e01a33; } .date-error { color: #f00; text-align: center; } .close { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-weight: normal; color: #fff; font-size: 12px; cursor: pointer; text-shadow: none; float: none; position: absolute; top: 8px; right: 8px; } .close:before { content: "\f00d"; font-family: FontAwesome; } .error-field { border: 1px solid #f00; } /* 2.2.3. Info box */ .info-box { padding: 20px 25px; border: 1px solid #01b7f2; position: relative; } .info-box .close { color: #01b7f2; } .info-box p { font-size: 1.1667em; } .info-box > *:last-child { margin-bottom: 0; } /* 2.2.4. Term Description */ dl.term-description { text-transform: uppercase; font-size: 0.9167em; } dl.term-description dt, dl.term-description dd { line-height: 1.3333em; float: left; padding-top: 0.5em; padding-bottom: 0.5em; } dl.term-description dt { border-right: 1px solid #f5f5f5; color: #01b7f2; font-weight: 400; padding-right: 5px; clear: both; width: 40%; } dl.term-description dd { padding-left: 20px; width: 60%; text-transform: none; } dl.term-description:after { content: ""; display: table; clear: both; } /* 2.2.5. Dropcap */ .dropcap:first-letter { float: left; color: #01b7f2; font-size: 4.153em; line-height: 0.8667em; padding: 0; margin-right: 6px; font-weight: bold; text-transform: uppercase; display: block; } .dropcap.colored:first-letter { color: #fff; background: #01b7f2; padding: 4px 4px; margin-top: 3px; margin-right: 10px; } /* 2.2.6. Blockquote */ q, blockquote { quotes: '\201C' '\201D' '\2018' '\2019'; } blockquote { font-size: 1.3333em; line-height: 1.6em; padding: 20px 20px 20px 40px; border-left: none; position: relative; text-indent: -19px; } blockquote p { font-size: 1em; } blockquote:before, blockquote:after { font-family: Georgia,serif; font-size: 2.5em; vertical-align: middle; line-height: 0; } blockquote:before { content: open-quote; margin-right: 4px; } blockquote:after { content: close-quote; margin-left: 3px; } blockquote.style1, blockquote.style2 { background: #fff; font-style: italic; } blockquote.style1 p, blockquote.style2 p { display: inline; } blockquote.style1 { border-left: 3px solid #fdb714; position: relative; } blockquote.style1 > span.triangle:before { text-indent: 0; content: "\f0da"; font-family: FontAwesome; color: #fdb714; position: absolute; left: -1px; top: 50%; margin-top: -11px; font-style: normal; } blockquote.style1:before, blockquote.style1:after { color: #f5f5f5; } blockquote.style1.border-color-blue { border-color: #01b7f2; } blockquote.style1.border-color-blue > span.triangle:before { color: #01b7f2; } blockquote.style1.border-color-yellow { border-color: #fdb714; } blockquote.style1.border-color-yellow > span.triangle:before { color: #fdb714; } blockquote.style1.quote-color-blue:before, blockquote.style1.quote-color-blue:after { color: #01b7f2; } blockquote.style1.quote-color-yellow:before, blockquote.style1.quote-color-yellow:after { color: #fdb714; } blockquote.style2 { color: #01b7f2; } blockquote.style2:before, blockquote.style2:after { color: #fdb714; } /* 2.2.7. Pagination */ ul.page-numbers { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } ul.page-numbers:before, ul.page-numbers:after { content: " "; display: table; clear: both; } ul.page-numbers > li { float: left; height: 32px; margin-right: 6px; text-align: center; font-size: 0.9167em; } ul.page-numbers > li.disabled > span { color: #fff; background: #d9d9d9; } ul.page-numbers > li.disabled > span:hover { background: #d9d9d9; } ul.page-numbers > li > a, ul.page-numbers > li > span { line-height: 32px; padding: 0 10px; color: #fff; border-radius: 0 !important; background: #d9d9d9; border: none; text-transform: uppercase; font-weight: bold; position: relative; float: left; margin-left: -1px; text-decoration: none; } ul.page-numbers > li > a.current, ul.page-numbers > li > span.current { background: #fdb714 !important; } ul.page-numbers > li > a:hover, ul.page-numbers > li > a:focus, ul.page-numbers > li > span:hover, ul.page-numbers > li > span:focus { color: #fff; background: #fdb714; } ul.page-numbers > li.first, ul.page-numbers > li.prev { margin-right: 10px; } ul.page-numbers > li.next, ul.page-numbers > li.last { margin-left: 4px; } ul.page-numbers > li.first > a, ul.page-numbers > li.prev > a, ul.page-numbers > li.next > a, ul.page-numbers > li.last > a { background: #98ce44; padding: 0 15px; } ul.page-numbers > li.first > a:hover, ul.page-numbers > li.prev > a:hover, ul.page-numbers > li.next > a:hover, ul.page-numbers > li.last > a:hover { background: #fdb714; } ul.page-numbers > li.first.disabled > a, ul.page-numbers > li.first.disabled > span, ul.page-numbers > li.prev.disabled > a, ul.page-numbers > li.prev.disabled > span, ul.page-numbers > li.next.disabled > a, ul.page-numbers > li.next.disabled > span, ul.page-numbers > li.last.disabled > a, ul.page-numbers > li.last.disabled > span { color: #fff; background: #d9d9d9; } .page-links { clear: both; font-size: 12px; font-weight: 900; line-height: 2; margin: 24px 0; text-transform: uppercase; } .page-links > .page-links-title { height: auto; margin: 0; padding-right: 7px; width: auto; } .page-links a, .page-links > span { background: #d9d9d9; border: 1px solid #d9d9d9; display: inline-block; height: 22px; margin: 0 1px 2px 0; text-align: center; width: 22px; } .page-links a { background: #fdb714; border: 1px solid #fdb714; color: #fff; text-decoration: none; } /* 2.2.8. Hover effect */ .hover-effect { display: block; position: relative; background: none; overflow: hidden; /*z-index: 0;*/ /*color skin*/ /* style1 : checked icon */ } .hover-effect:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transform: rotateY(180deg) scale(0.5, 0.5); -moz-transform: rotateY(180deg) scale(0.5, 0.5); -ms-transform: rotateY(180deg) scale(0.5, 0.5); -o-transform: rotateY(180deg) scale(0.5, 0.5); transform: rotateY(180deg) scale(0.5, 0.5); background: url(../images/icon/hover-effect.png) no-repeat center; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background-color: rgba(1, 183, 242, 0.6); } .hover-effect img { display: block; position: relative; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-backface-visibility: hidden; } .hover-effect:hover:after { visibility: visible; -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .hover-effect:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .hover-effect.yellow:after { background-color: rgba(255, 255, 40, 0.6); } .hover-effect.style1:after { color: #fff; background: none; content: "\e8ba"; font-family: "soap-icons"; font-size: 1.6667em; text-align: center; line-height: 50px; border: 2px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .hover-effect.style1:hover { background: #01b7f2; } .hover-effect.style1:hover img { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .selected-effect { display: block; position: relative; background: none; overflow: hidden; background: #01b7f2; } .selected-effect img { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .selected-effect:after { position: absolute; color: #fff; background: none; content: "\e8ba"; font-family: "soap-icons"; font-size: 1.6667em; text-align: center; line-height: 50px; border: 2px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .animated .hover-effect { z-index: 0; } /* 2.2.9. Social icons */ .social-icons li { float: left; text-align: center; } .social-icons li a { width: 32px; margin-right: 4px; height: 32px; display: inline-block; background: #d9d9d9; color: #fff; line-height: 32px; font-size: 1.3333em; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .social-icons li a:hover { background: #01b7f2; } .social-icons li a .fa { line-height: 32px; } .social-icons li:last-child { margin-right: 0; } .social-icons.icon-circle a { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; overflow: hidden; } .social-icons.style1 a:hover { background: #01b7f2; } .social-icons.style2 a { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .social-icons.full-width { display: block; } .social-icons.full-width li { display: table-cell; float: none; width: 1%; margin: 0; text-align: center; } .social-icons li { overflow: hidden; } .social-icons li:hover i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; display: block; } /* 2.2.10. Five Stars */ .five-stars-container { display: inline-block; position: relative; font-family: 'Glyphicons Halflings'; font-size: 14px; text-align: left; cursor: default; white-space: nowrap; line-height: 1.2em; color: #dbdbdb; } .five-stars-container .five-stars, .five-stars-container.editable-rating .ui-slider-range { display: block; overflow: hidden; position: relative; background: none; padding-left: 1px; } .five-stars-container .five-stars:before, .five-stars-container.editable-rating .ui-slider-range:before { content: "\e006\e006\e006\e006\e006"; color: #fdb714; } .five-stars-container:not(.no-back-star):before { display: block; position: absolute; top: 0; left: 1px; content: "\e006\e006\e006\e006\e006"; z-index: 0; } .five-stars-container.no-back-star { vertical-align: bottom; } /* 2.2.11. Price section */ .price { color: #7db921; font-size: 1.6667em; text-transform: uppercase; float: right; text-align: right; line-height: 1; display: block; } .price small { display: block; color: #838383; font-size: 0.5em; } .price .sold-out, .price .exceed-guest { font-size: 0.7em; color: #000; } .price span { color: #01b7f2; } .price-wrapper { font-weight: normal; text-transform: uppercase; font-size: 0.8333em; color: inherit; line-height: 1.3333em; margin: 0; } .price-wrapper .price-per-unit { color: #7db921; font-size: 1.4em; padding-right: 5px; } /* 2.2.12. Time section */ .time { text-transform: uppercase; font-size: 0.8333em; line-height: 19px; } .time [class^="soap-icon"] { float: left; font-size: 18px; color: #fdb714; margin-right: 5px; } .post-title { margin-bottom: 0; } .post-meta { font-size: 0.8333em; text-transform: uppercase; } .sep { padding: 0 5px; } /* 2.2.13. Badge */ .badge-container { position: relative; display: block; } .badge-container .badge-content { width: 42px; height: 42px; position: absolute; top: -10px; left: -10px; background: #e01a33; color: #fff; font-size: 0.8333em; text-align: center; line-height: 1.0833em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-transform: uppercase; padding: 10px 0 0; margin: 0; font-weight: bold; z-index: 1; } .badge-container .badge-content.right-side { right: -10px; left: auto; } .badge-container img { margin: 0 !important; } /* 2.3. Around TanzaniaElements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .suggestions.image-carousel.style2 .slides > li { margin-right: 24px; } .suggestions.image-carousel.style2 .slides > li img { width: 100%; height: auto; } .suggestions .caption { margin-top: 10px; text-align: center; margin-bottom: 0; } .travelo-box { background: #fff; padding: 20px; margin-bottom: 30px; } .travelo-box > *:last-child { margin-bottom: 0; } .travelo-box .title { margin-bottom: 5px; } .travelo-box .box-title { margin-bottom: 15px; } .travelo-box.box-full { padding: 30px; } .travelo-box.search-stories-box button { height: 34px; /*margin: 0 !important;*/ padding: 0 10px; font-size: 1em; } .travelo-box.twitter-box .twitter-holder > ul li { border-bottom: 1px solid #f5f5f5; padding: 15px 0 15px 40px; position: relative; } .travelo-box.twitter-box .twitter-holder > ul li:last-child { border: none; } .travelo-box.twitter-box .twitter-holder > ul li:before { content: "\f099"; font-family: FontAwesome; display: block; width: 32px; height: 32px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #fdb714; color: #fdb714; line-height: 32px; text-align: center; position: absolute; left: 0; font-size: 16px; } .travelo-box.twitter-box .twitter-holder > ul li .tweet-text a { color: #01b7f2; } .travelo-box.twitter-box .twitter-holder > ul li .tweet-text a:hover { text-decoration: underline; } .travelo-box.contact-box .contact-details { margin: 0; } .travelo-box.contact-box .contact-details .contact-phone { color: #01b7f2; } .travelo-box.contact-box .contact-details .contact-phone > i { color: #fdb714; } .travelo-box.contact-box .contact-details .contact-email { color: inherit; } .travelo-box .list-with-circle-icon li, .travelo-box.contact-us-box .contact-address li { border-bottom: 1px solid #f5f5f5; padding: 10px 0 10px 40px; position: relative; } .travelo-box .list-with-circle-icon li > i, .travelo-box.contact-us-box .contact-address li > i { position: absolute; font-size: 1.5em; color: #fdb714; left: 0; top: 12px; } .travelo-box .list-with-circle-icon li:last-child, .travelo-box.contact-us-box .contact-address li:last-child { border-bottom-width: 0; padding-bottom: 0; } .travelo-box .list-with-circle-icon li .title, .travelo-box.contact-us-box .contact-address li .title { color: #2d3e52; } .travelo-box .list-with-circle-icon li:after, .travelo-box.contact-us-box .contact-address li:after { display: table; clear: both; content: ""; } .travelo-box .list-with-circle-icon li > *:last-child, .travelo-box.contact-us-box .contact-address li > *:last-child { margin-bottom: 0; } .travelo-box.contact-us-box .title { color: #2d3e52; } .travelo-box.contact-us-box .contact-address { margin-bottom: 25px; } .travelo-box.contact-us-box .contact-address li { padding-left: 50px; } .travelo-box.contact-us-box .contact-address li p { font-size: 0.8333em; text-transform: uppercase; margin-bottom: 0; } .travelo-box.contact-us-box .contact-address li:last-child { border-bottom-width: 1px; padding-bottom: 10px; } .travelo-box.contact-us-box .social-icons a { overflow: hidden; } .travelo-box.contact-us-box .social-icons a:hover i:before { -webkit-animation: toBottomFromTop 0.4s forwards; -moz-animation: toBottomFromTop 0.4s forwards; animation: toBottomFromTop 0.4s forwards; } .travelo-box.newsletter-box { padding: 20px 30px; } .travelo-box.newsletter-box button { margin-right: 0 !important; margin-bottom: 0 !important; } .travelo-box.newsletter-box .row > div { margin-bottom: 0 !important; } .travelo-box.re-search-box label { font-size: 0.8333em; text-transform: uppercase; margin: 5px 0 0 0; } .travelo-box.re-search-box button { text-transform: uppercase; } .travelo-box.about-travelo-box .title { color: #01b7f2; } .travelo-box.guarantee-box { text-align: center; } .travelo-box.guarantee-box .guarantee-image { display: block; margin: 0 auto 15px; } .insurance-benefits ul { font-size: 0.9167em; } .insurance-benefits ul li { line-height: 3.6667em; border-bottom: 1px solid #f5f5f5; text-transform: uppercase; } .insurance-benefits ul li:before { color: #d9d9d9; } .insurance-benefits ul li.active:before, .insurance-benefits ul.hover li:hover:before { color: #fdb714; } .contact-details { font-style: normal; } .contact-details .contact-phone { color: #2d3e52; font-size: 1.6667em; } .contact-details .contact-phone i { color: #01b7f2; } .contact-details .contact-email { color: #01b7f2; font-size: 1.1667em; padding: 0 24px; line-height: 2em; } /* 2.4. Skin Color ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .title { color: #2d3e52; } /* 2.5. Positioning ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .middle-block { position: relative; display: block; overflow: hidden; } .middle-block .middle-item { position: absolute; } .middle-block img.middle-item { max-width: none; min-width: 100%; } .column-2 > *, .column-3 > *, .column-4 > *, .column-5 > *, .column-5-no-margin > *, .constant-column-2 > *, .constant-column-3 > *, .constant-column-4 > *, .constant-column-5 > * { float: left; } .column-2:after, .column-3:after, .column-4:after, .column-5:after, .column-5-no-margin:after, .constant-column-2:after, .constant-column-3:after, .constant-column-4:after, .constant-column-5:after { clear: both; content: ""; display: table; } .column-5-no-margin > *:nth-child(5n+1) { clear: both; } .column-5-no-margin > * { width: 20%; } .column-2 > *, .constant-column-2 > * { width: 48.5%; margin-right: 3%; margin-bottom: 3%; } .column-2 > *:nth-child(2n), .constant-column-2 > *:nth-child(2n) { margin-right: 0; } .column-2 > *:nth-child(2n+1), .constant-column-2 > *:nth-child(2n+1) { clear: both; } .column-3 > *, .constant-column-3 > * { width: 31.3333%; margin-right: 3%; margin-bottom: 3%; } .column-3 > *:nth-child(3n), .constant-column-3 > *:nth-child(3n) { margin-right: 0; } .column-3 > *:nth-child(3n+1), .constant-column-3 > *:nth-child(3n+1) { clear: both; } .column-4 > *, .constant-column-4 > * { width: 22.75%; margin-right: 3%; margin-bottom: 3%; } .column-4 > *:nth-child(4n), .constant-column-4 > *:nth-child(4n) { margin-right: 0; } .column-4 > *:nth-child(4n+1), .constant-column-4 > *:nth-child(4n+1) { clear: both; } .column-5 > *, .constant-column-5 > * { width: 17.6%; margin-right: 3%; margin-bottom: 3%; } .column-5 > *:nth-child(5n), .constant-column-5 > *:nth-child(5n) { margin-right: 0; } .column-5 > *:nth-child(5n+1), .constant-column-5 > *:nth-child(5n+1) { clear: both; } /* 2.6. Unordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle, ul.decimal, ul.upper-roman, ul.lower-latin, ul.upper-latin { line-height: 2em; font-size: 1em; } ul.arrow li.active, ul.arrow li.active:before, ul.arrow.hover li:hover, ul.arrow.hover li:hover:before, ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover:before, ul.circle li.active, ul.circle li.active:before, ul.circle.hover li:hover, ul.circle.hover li:hover:before, ul.check li.active, ul.check li.active:before, ul.check.hover li:hover, ul.check.hover li:hover:before, ul.chevron li.active, ul.chevron li.active:before, ul.chevron.hover li:hover, ul.chevron.hover li:hover:before, ul.arrow-square li.active, ul.arrow-square li.active:before, ul.arrow-square.hover li:hover, ul.arrow-square.hover li:hover:before, ul.check-square li.active, ul.check-square li.active:before, ul.check-square.hover li:hover, ul.check-square.hover li:hover:before, ul.check-circle li.active, ul.check-circle li.active:before, ul.check-circle.hover li:hover, ul.check-circle.hover li:hover:before, ul.decimal li.active, ul.decimal li.active:before, ul.decimal.hover li:hover, ul.decimal.hover li:hover:before, ul.upper-roman li.active, ul.upper-roman li.active:before, ul.upper-roman.hover li:hover, ul.upper-roman.hover li:hover:before, ul.lower-latin li.active, ul.lower-latin li.active:before, ul.lower-latin.hover li:hover, ul.lower-latin.hover li:hover:before, ul.upper-latin li.active, ul.upper-latin li.active:before, ul.upper-latin.hover li:hover, ul.upper-latin.hover li:hover:before { color: #01b7f2; } ul.arrow.hover li, ul.triangle.hover li, ul.circle.hover li, ul.check.hover li, ul.chevron.hover li, ul.arrow-square.hover li, ul.check-square.hover li, ul.check-circle.hover li, ul.decimal.hover li, ul.upper-roman.hover li, ul.lower-latin.hover li, ul.upper-latin.hover li { cursor: default; } ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle { list-style: none; padding: 0; } ul.arrow li:before, ul.triangle li:before, ul.circle li:before, ul.check li:before, ul.chevron li:before, ul.arrow-square li:before, ul.check-square li:before, ul.check-circle li:before { font-family: "FontAwesome"; } ul.arrow li:before { content: "\f178"; margin-right: 10px; color: #01b7f2; } ul.triangle li:before, .widget_nav_menu ul li:before { content: "\f04b"; margin-right: 10px; color: #d9d9d9; display: block; float: left; font-size: 7px; font-family: "FontAwesome"; } ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover .box-title, ul.triangle.hover li:hover:before, .widget_nav_menu ul li.active, .widget_nav_menu ul li.active:before, .widget_nav_menu ul.hover li:hover, .widget_nav_menu ul.hover li:hover .box-title, .widget_nav_menu ul.hover li:hover:before { color: #01b7f2; } ul.circle li:before { content: "\f111"; margin-right: 10px; color: #01b7f2; display: block; float: left; font-size: 5px; } ul.circle.bullet-yellow li:before { color: #fdb714; } ul.circle.bullet-green li:before { color: #98ce44; } ul.circle.bullet-blue li:before { color: #01b7f2; } ul.check li:before { content: "\e8ba"; margin-right: 10px; color: #98ce44; font-family: "soap-icons"; font-size: 1.3333em; line-height: 1em; } ul.chevron li { padding-left: 30px !important; position: relative; } ul.chevron li:before { position: absolute; left: 0; top: 50%; margin-top: -10px; line-height: 20px; content: "\f054"; color: #01b7f2; display: block; width: 20px; height: 20px; text-align: center; font-size: 10px; border: 1px solid #01b7f2; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } ul.arrow-square li:before { content: "\f178"; margin-right: 10px; color: #fff; background: #01b7f2; padding: 0 2px 0 3px; } ul.decimal { counter-reset: item; } ul.decimal li:before { content: counters(item,".") "-"; counter-increment: item; margin-right: 5px; } ul.upper-roman { padding-left: 1.5em; list-style: upper-roman outside none; } ul.lower-latin { padding-left: 1.25em; list-style: lower-latin outside none; } ul.upper-latin { padding-left: 1.5em; list-style: upper-latin outside none; } /* colored */ ul.upper-roman.bullet-colored li, ul.lower-latin.bullet-colored li, ul.upper-latin.bullet-colored li { color: #01b7f2; } ul.upper-roman.bullet-colored li > *, ul.lower-latin.bullet-colored li > *, ul.upper-latin.bullet-colored li > * { color: #838383; } ul.check-square li:before { font-family: 'soap-icons'; content: "\e8ba"; background: #d9d9d9; color: #fff; padding: 1px 4px 0; margin-right: 10px; font-size: 12px; } ul.check-square li.active { background: #01b7f2; color: #fff; } ul.check-square li.active > a { color: #fff; } ul.check-square li.active:before { background: #fff; color: #fdb714; } ul.check-circle li:before { content: "\e8ba"; display: inline-block; color: #fff; margin-right: 10px; font-family: "soap-icons"; background: #fdb714; vertical-align: baseline; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 18px; height: 18px; text-align: center; line-height: 18px; } /* 2.7. Ordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 2.8. Toggle & Accordion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .toggle-container { background: #fff; /* 2.8.1. Style1 */ /* 2.8.2. Style2 */ /* 2.8.3. Accordion with image */ } .toggle-container .panel { margin-bottom: 0; box-shadow: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; border-bottom: 2px solid #f5f5f5; position: relative; /*.panel-content { font-size: 1.0833em; }*/ } .toggle-container .panel:last-child { border: none; } .toggle-container .panel .panel-title { padding: 0; color: #2d3e52; font-size: 1.1667em; position: relative; } .toggle-container .panel .panel-title a { white-space: normal; display: block; padding: 15px; } .toggle-container .panel .panel-title .price { font-size: 20px; } .toggle-container .panel h1.panel-title { font-size: 2em; } .toggle-container .panel h2.panel-title { font-size: 1.6667em; } .toggle-container .panel h3.panel-title { font-size: 1.5em; } .toggle-container .panel h4.panel-title { font-size: 1.3333em; } .toggle-container .panel h5.panel-title { font-size: 1.1667em; } .toggle-container .panel h6.panel-title { font-size: 1em; } .toggle-container.style1 .panel .panel-title > a { line-height: 24px; } .toggle-container.style1 .panel .panel-title > a:before { display: block; content: "\f068"; font-family: FontAwesome; margin-right: 16px; line-height: 24px; font-size: 10px; float: left; width: 24px; height: 24px; text-align: center; color: #9e9e9e; background: #f5f5f5; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .toggle-container.style1 .panel .panel-title > a.collapsed:before { content: "\f067"; color: #fff; background: #01b7f2; } .toggle-container.style1 .panel .panel-content { padding: 10px 15px 15px 55px; } .toggle-container.style1 .panel.arrow-right .panel-title { position: relative; } .toggle-container.style1 .panel.arrow-right .panel-title > a { padding-right: 36px; } .toggle-container.style1 .panel.arrow-right .panel-title > a:before { float: none; position: absolute; right: 0; height: 16px; line-height: 17px; width: 16px; font-size: 9px; border: none; margin-top: -8px; top: 50%; } .toggle-container.style1 .panel.arrow-right .panel-content { padding: 10px 15px; } .toggle-container.style2 .panel .panel-title { padding: 0; } .toggle-container.style2 .panel .panel-title > a { display: block; line-height: normal; padding: 15px 20px; color: #01b7f2; } .toggle-container.style2 .panel .panel-title > a.collapsed { color: inherit; position: relative; } .toggle-container.style2 .panel .panel-title > a.collapsed:hover { color: #01b7f2; } .toggle-container.style2 .panel .panel-title > a:after { content: "\f068"; font-family: FontAwesome; font-size: 10px; width: 30px; height: 30px; display: block; position: absolute; right: 15px; bottom: 0; color: #9e9e9e; background: #f5f5f5; text-align: center; line-height: 30px; } .toggle-container.style2 .panel .panel-title > a.collapsed:after { content: "\f067"; color: #fff; background: #01b7f2; } .toggle-container.style2 .panel .panel-content { padding: 0 15px 30px 20px; } .toggle-container.with-image > .image-container { background: #01b7f2; } .toggle-container.with-image > .image-container > img { width: 100%; height: auto; } .toggle-container.with-image .panel > img { display: none; } .toggle-container.with-image .panel-title > a { color: #01b7f2; } .toggle-container.with-image .panel-title > a.collapsed { color: inherit; } .toggle-container.with-image .panel-title > a.collapsed:hover { color: #01b7f2; } /* 2.9. Tabs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .tab-wrapper { background: #fff; } .tab-wrapper .tab-container .tab-content .tab-pane { padding-left: 0; padding-right: 0; } .tab-pane [class^="col-"], .tab-pane [class*=" col-"] { padding-left: 10px; padding-right: 10px; } .tab-pane .row { margin-top: 0; margin-left: -10px; margin-right: -10px; } .tab-container { /* 2.9.1. Style 1 */ /* 2.9.2. Transparent Tab */ /* 2.9.3. Full Width Tab */ } .tab-container ul.tabs { margin: 0; padding: 0; } .tab-container ul.tabs li { float: left; padding-right: 4px; } .tab-container ul.tabs li:last-child { padding-right: 0; } .tab-container ul.tabs li a { color: #fff; display: block; padding: 0 20px; background: #d9d9d9; font-size: 1em; font-weight: bold; height: 40px; line-height: 40px; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a { color: #01b7f2; background: #fff; } .tab-container ul.tabs.full-width { display: block; /*margin-bottom: -4px;*/ } .tab-container ul.tabs.full-width li { float: none; display: table-cell; vertical-align: middle; width: 1%; } .tab-container ul.tabs.full-width li a { padding: 0; text-align: center; } .tab-container ul.tabs:after { display: table; content: ""; clear: both; } .tab-container .tab-content { background: #fff; } .tab-container .tab-content .tab-pane { padding: 20px; line-height: 1.7em; } .tab-container .tab-content .tab-pane .row { margin-bottom: 15px; /*border-top: 1px solid #f5f5f5; padding: 20px 0; &:first-child { border: none; padding-top: 0; } &:last-child { padding-bottom: 0; }*/ } .tab-container .tab-content .tab-pane > img { margin: 0 15px 0 0; } .tab-container .tab-content .tab-pane:after { content: ""; display: table; clear: both; } .tab-container.style1 ul.tabs { display: block; background: #fff; padding: 10px 0 10px 10px; border-bottom: 1px solid #f5f5f5; } .tab-container.style1 ul.tabs li { padding-right: 10px; } .tab-container.style1 ul.tabs li a { height: 30px; line-height: 30px; background: #f5f5f5; padding: 0 18px; color: #9e9e9e; font-weight: normal; font-size: 0.9167em; font-weight: bold; } .tab-container.style1 ul.tabs li.active > a, .tab-container.style1 ul.tabs li:hover > a { color: #fff; background: #01b7f2; position: relative; } .tab-container.style1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after { position: absolute; bottom: -5px; left: 50%; margin-left: -10px; border-top: 5px solid #01b7f2; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; } .tab-container.style1 ul.tabs li:hover > a:after { display: none; } .tab-container.style1 ul.tabs li.active:hover > a:after { display: block; } .tab-container.style1 ul.tabs.full-width li a { padding: 0; } .tab-container.trans-style { position: relative; z-index: 1; margin-top: -40px; } .tab-container.trans-style ul.tabs { padding: 0 10px; } .tab-container.trans-style ul.tabs li a { filter: alpha(opacity=55.0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55.0)"; -moz-opacity: 0.55; -khtml-opacity: 0.55; opacity: 0.55; background: #fff; color: #000; overflow: hidden; } .tab-container.trans-style ul.tabs li a i { font-size: 16px; vertical-align: middle; margin-right: 10px; } .tab-container.trans-style ul.tabs li a i[class^="soap-icon"] { font-size: 20px; } .tab-container.trans-style ul.tabs li a:hover { filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #01b7f2; } .tab-container.trans-style ul.tabs li a:hover i { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .tab-container.trans-style ul.tabs li.active a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #01b7f2; } .tab-container.trans-style ul.tabs li a:hover i, .tab-container.trans-style ul.tabs li.active a i { color: #fdb714; } .tab-container.full-width-style ul.tabs { width: 14%; float: left; } .tab-container.full-width-style ul.tabs:after { display: none; clear: none; } .tab-container.full-width-style ul.tabs li { float: none; margin: 0; padding-right: 0; } .tab-container.full-width-style ul.tabs li a { height: 100px; display: block; border-bottom: 3px solid #f5f5f5; border-right: 3px solid #f5f5f5; background: #fff; color: inherit; font-size: 1.1667em; text-transform: none; font-weight: normal; text-align: center; padding-top: 20px; line-height: 2em; } .tab-container.full-width-style ul.tabs li a > i { color: #d9d9d9; display: block; font-size: 18px; margin: 0 auto; width: 1.6em; height: 1.6em; line-height: 1.5em; overflow: hidden; } .tab-container.full-width-style ul.tabs li a:hover i:before { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .tab-container.full-width-style ul.tabs li.active a, .tab-container.full-width-style ul.tabs li a:hover { color: #2d3e52; } .tab-container.full-width-style ul.tabs li a:hover i, .tab-container.full-width-style ul.tabs li.active a i { color: #fdb714; border-color: #fdb714; } .tab-container.full-width-style ul.tabs li:last-child.active a { border-bottom: none; } .tab-container.full-width-style ul.tabs li.active a { border-right-color: transparent; } .tab-container.full-width-style.arrow-left ul.tabs li { margin-bottom: 4px; } .tab-container.full-width-style.arrow-left ul.tabs li a { border: none; margin-right: 4px; } .tab-container.full-width-style.arrow-left ul.tabs li.active a { margin-right: 0; border-left: 2px solid #fdb714; position: relative; } .tab-container.full-width-style.arrow-left ul.tabs li.active a:after { display: block; content: ""; position: absolute; left: 0; top: 50%; margin-top: -5px; border-left: 3px solid #fdb714; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tab-container.full-width-style.arrow-left .tab-content .tab-pane { padding: 30px; } .tab-container.full-width-style .tab-content { float: left; width: 86%; } .tab-container.full-width-style .tab-content .tab-content-title { color: #01b7f2; } .tab-container.full-width-style:after { display: table; content: ""; clear: both; } /* 2.10. Promo box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .promo-box .table-wrapper { width: 100%; margin: 0; } .promo-box .table-cell { vertical-align: middle; } .promo-box .m-title { font-size: 2em; color: #fff; line-height: 1.5em; margin: 0; } .promo-box .m-title em { font-size: 1.28em; font-weight: bold; font-style: normal; } .promo-box .m-title em i { font-weight: normal; } .promo-box .action-section { padding: 20px 0 0; text-align: right; } .promo-box .action-section form .row > div { margin-bottom: 10px; } .promo-box .action-section button { text-transform: uppercase; } .promo-box .image-container { padding: 0; float: none; position: relative; text-align: center; } .promo-box .image-container img { position: absolute; visibility: hidden; height: auto; left: 0; } .promo-box .table-wrapper { height: 100%; } .promo-box .table-cell { vertical-align: middle; } .promo-box .content-section { padding: 40px 10px; z-index: 1; position: relative; } /* 2.11. Photo Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .flexslider .slides > li { display: none; } .flexslider .slides img { height: auto; } .photo-gallery.style2 .flex-direction-nav, .photo-gallery.style3 .flex-direction-nav, .photo-gallery.style4 .flex-direction-nav, .image-carousel.style2 .flex-direction-nav { position: absolute; right: 0; top: -40px; width: 72px; height: 22px; } .photo-gallery.style2 .flex-direction-nav li a, .photo-gallery.style3 .flex-direction-nav li a, .photo-gallery.style4 .flex-direction-nav li a, .image-carousel.style2 .flex-direction-nav li a { background: rgba(1, 183, 242, 0.7); width: 30px; height: 22px; color: #fff; text-indent: -9999px; text-align: left; position: static; float: left; margin: 0; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; -moz-transition: none 1s ease-in-out; -o-transition: none 1s ease-in-out; -webkit-transition: none 1s ease-in-out; -ms-transition: none 1s ease-in-out; transition: none 1s ease-in-out; } .photo-gallery.style2 .flex-direction-nav li a:hover, .photo-gallery.style3 .flex-direction-nav li a:hover, .photo-gallery.style4 .flex-direction-nav li a:hover, .image-carousel.style2 .flex-direction-nav li a:hover { background: #01b7f2; } .photo-gallery.style2 .flex-direction-nav li a:before, .photo-gallery.style3 .flex-direction-nav li a:before, .photo-gallery.style4 .flex-direction-nav li a:before, .image-carousel.style2 .flex-direction-nav li a:before { position: absolute; display: block; font-family: FontAwesome; text-indent: 0; font-size: 12px; line-height: 22px; } .photo-gallery.style2 .flex-direction-nav li a.flex-prev, .photo-gallery.style3 .flex-direction-nav li a.flex-prev, .photo-gallery.style4 .flex-direction-nav li a.flex-prev, .image-carousel.style2 .flex-direction-nav li a.flex-prev { margin-right: 10px; } .photo-gallery.style2 .flex-direction-nav li a.flex-prev:before, .photo-gallery.style3 .flex-direction-nav li a.flex-prev:before, .photo-gallery.style4 .flex-direction-nav li a.flex-prev:before, .image-carousel.style2 .flex-direction-nav li a.flex-prev:before { content: "\f177"; left: 8px; } .photo-gallery.style2 .flex-direction-nav li a.flex-next:before, .photo-gallery.style3 .flex-direction-nav li a.flex-next:before, .photo-gallery.style4 .flex-direction-nav li a.flex-next:before, .image-carousel.style2 .flex-direction-nav li a.flex-next:before { content: "\f178"; right: 9px; } .photo-gallery.style2 .flex-direction-nav li a.flex-disabled, .photo-gallery.style3 .flex-direction-nav li a.flex-disabled, .photo-gallery.style4 .flex-direction-nav li a.flex-disabled, .image-carousel.style2 .flex-direction-nav li a.flex-disabled { background: #d9d9d9; } .travelo-box > .image-carousel.style2 .flex-direction-nav { top: -60px; } .photo-gallery { background: #fff; box-shadow: none; border: none; margin: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; /* img { width: 100%; height: auto; } */ } .photo-gallery .slides > li { display: none; overflow: hidden; position: relative; } .photo-gallery .flex-control-nav { width: auto; position: absolute; right: 30px; bottom: 30px; } .photo-gallery .flex-control-nav > li { float: left; margin-left: 5px; margin-right: 0; } .photo-gallery .flex-control-nav > li a { background: none; display: block; width: 14px; height: 14px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #fff; text-indent: -9999px; cursor: pointer; background: rgba(255, 255, 255, 0); box-shadow: none; } .photo-gallery .flex-control-nav > li a.flex-active { background: #fdb714; border-color: #fdb714; } .photo-gallery.style1 .flex-control-nav { display: none; } .photo-gallery.style3 .flex-control-nav { display: none; } .photo-gallery.style3 .flex-direction-nav { right: 10px; bottom: 10px; top: auto; } .photo-gallery.style4 .flex-control-nav { right: 25px; bottom: 25px; top: auto; } .photo-gallery.style4 .flex-direction-nav { display: none; } .photo-gallery.no-navigation .flex-direction-nav { display: none; } #photos-tab .photo-gallery.style1 { position: relative; } .image-carousel { position: relative; box-shadow: none; border: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; background: none; } .image-carousel .slides > li { display: none; } .image-carousel img { max-width: 100%; } .image-carousel.style1 { padding: 10px 45px; background: #fff; } .image-carousel.style1 .slides > li { margin-right: 10px; height: 70px; cursor: pointer; overflow: hidden; } .image-carousel.style1 .slides > li:last-child { margin-right: 0; } .image-carousel.style1 .slides > li img { height: 100%; width: auto; max-width: none; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .image-carousel.style1 .slides > li.flex-active-slide img, .image-carousel.style1 .slides > li:hover img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .image-carousel.style1 .flex-control-nav { display: none; } .image-carousel.style1 .flex-direction-nav { position: static; width: 0; height: 0; } .image-carousel.style1 .flex-direction-nav li a { background: rgba(1, 183, 242, 0.7); float: none; width: 25px; height: auto; position: absolute; top: 10px; bottom: 10px; margin: 0; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; text-indent: -9999px; text-align: left; color: #fff; -moz-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; -webkit-transition: background 0.2s ease-in; -ms-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .image-carousel.style1 .flex-direction-nav li a:hover { background: #01b7f2; } .image-carousel.style1 .flex-direction-nav li a:before { display: block; position: absolute; left: 9px; top: 50%; margin-top: -6px; text-indent: 0; font-family: FontAwesome; font-size: 12px; line-height: 1; text-shadow: none; } .image-carousel.style1 .flex-direction-nav li a.flex-prev { left: 10px; } .image-carousel.style1 .flex-direction-nav li a.flex-prev:before { content: "\f053"; } .image-carousel.style1 .flex-direction-nav li a.flex-next { right: 10px; } .image-carousel.style1 .flex-direction-nav li a.flex-next:before { content: "\f054"; } .image-carousel.style1 .flex-direction-nav li a.flex-disabled { background: #f5f5f5; color: #9e9e9e; } .image-carousel.style2 .slides > li { margin-right: 30px; } .image-carousel.style2 .slides > li:last-child { margin-right: 0; } .image-carousel.style2 .slides > li .hover-effect { z-index: 0; } .image-carousel.style2 .slides > li .hover-effect img { position: relative; } .image-carousel.style2 .slides > li .hover-effect .caption { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; bottom: 0; left: 0; height: 33px; line-height: 33px; overflow: hidden; padding: 0; text-align: center; right: 0; z-index: 3; margin: 0; background: #2d3e52; color: #fff; font-size: 1.1667em; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -moz-transition: -moz-transform 0.35s; -o-transition: -o-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } .image-carousel.style2 .slides > li .hover-effect:hover .caption { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .image-carousel.style2 .slides > li .hover-effect:hover:after { /*margin-top: -20px;*/ } .image-carousel.style2 .flex-control-nav { display: none; } .image-carousel.style2.row-2 li figure:first-child { margin-bottom: 30px; } .image-carousel.style3 { margin-bottom: 30px; } .image-carousel.style3 .slides { margin-bottom: 0; } .image-carousel.style3 .slides > li { margin-right: 30px; } .image-carousel.style3 .slides > li:last-child { margin-right: 0; } .image-carousel.style3 .slides > li .box { margin-bottom: 0; } .image-carousel.style3 .flex-control-nav { display: none; } .image-carousel.style3 .flex-direction-nav { position: static; width: 0; height: 0; } .image-carousel.style3 .flex-direction-nav li a { width: 40px; height: 40px; border: 2px solid; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; position: absolute; top: 50%; margin-top: -20px; background: none; color: #d9d9d9; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; text-shadow: none; text-align: left !important; text-indent: -9999px; } .image-carousel.style3 .flex-direction-nav li a:before { position: absolute; display: block; top: 0; left: 0; right: 0; text-align: center; line-height: 36px; font-family: "soap-icons"; text-indent: 0; font-size: 24px; } .image-carousel.style3 .flex-direction-nav li a.flex-prev { left: -80px; } .image-carousel.style3 .flex-direction-nav li a.flex-prev:before { content: "\e87b"; } .image-carousel.style3 .flex-direction-nav li a.flex-next { right: -80px; } .image-carousel.style3 .flex-direction-nav li a.flex-next:before { content: "\e887"; } .image-carousel.style3 .flex-direction-nav li a:hover { color: #fff; } .image-carousel.style3 .flex-direction-nav li a.flex-disabled { color: #838383; } /* 2.12. Image Style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .image-block.style1 { margin-right: 25px; } .image-block.style1 li { margin: 0 10px 10px 0; width: 80px; height: 80px; } .image-block.style1 li a { overflow: hidden; display: block; } .image-block.style1 li a img { max-width: none; height: 100%; } .image-block.style2 { position: relative; min-height: 200px; } .image-block.style2 li { position: absolute; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; padding: 5px; background: #fff; border: 1px solid #bfbfbf; } .image-block.style2 li a { display: block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; overflow: hidden; -webkit-transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .image-block.style2 li a img { height: 100%; max-width: none; } /* 2.13. Image Box Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .image-box .box, .image-box.box { text-align: left; background: #fff; margin-bottom: 30px; } .image-box .box figure img, .image-box.box figure img { width: 100%; height: auto; } .image-box .box > .details, .image-box.box > .details { padding: 12px 15px; } .image-box .box > .details > *:last-child, .image-box.box > .details > *:last-child { margin-bottom: 0; } .image-box .box .box-title, .image-box.box .box-title { margin-bottom: 10px; color: #2d3e52; } .image-box.style1 .box-title, .image-box.style10 .box-title { margin-bottom: 0; } .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper { display: block; position: absolute; left: 0; top: 0; background: #fdb714; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; width: 100%; height: 100%; } .image-box.style2 figure { float: left; width: 250px; } .image-box.style2 .details { padding: 20px 20px 10px 270px; } .image-box.style2 .details p { margin-bottom: 20px; } .image-box.style2 .box:after, .image-box.style2.box:after { content: ""; display: table; clear: both; } .image-box.style3 .details { padding: 15px; } .image-box.style3 .details .box-title { margin-bottom: 0; } .image-box.style3 .details .offers-content { font-size: 0.8333em; text-transform: uppercase; margin-bottom: 0; } .image-box.style3 .details .description { border-top: 1px solid #f5f5f5; padding-top: 10px; } .image-box.style4 .details .box-title { float: left; margin: 0; } .image-box.style4 .details .goto-detail { float: right; color: #98ce44; font-weight: bold; font-size: 16px; } .image-box.style4 .details:after { content: ""; display: table; clear: both; } .image-box.style5 .box, .image-box.style5.box, .image-box.style11 .box, .image-box.style11.box { position: relative; } .image-box.style5 figure, .image-box.style11 figure { position: relative; overflow: hidden; cursor: pointer; z-index: 0; } .image-box.style5 figure figcaption, .image-box.style11 figure figcaption { position: absolute; z-index: 3; left: 0; top: 10px; padding: 5px 20px 5px 20px; min-width: 130px; background: #2d3e52; -moz-transition: -moz-transform 0.35s; -o-transition: -o-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .image-box.style5 figure figcaption .caption-title, .image-box.style11 figure figcaption .caption-title { margin: 0; color: #fff; line-height: 1.1em; } .image-box.style5 figure figcaption span, .image-box.style11 figure figcaption span { color: #fdb714; text-transform: uppercase; font-size: 0.8333em; letter-spacing: 0.04em; } .image-box.style5 figure:hover figcaption, .image-box.style11 figure:hover figcaption { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .image-box.style5 figure:hover a:before, .image-box.style11 figure:hover a:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .image-box.style5 figure img, .image-box.style11 figure img { -webkit-backface-visibility: hidden; } .image-box.style5 figure a, .image-box.style11 figure a { display: block; } .image-box.style5 figure a:before, .image-box.style11 figure a:before { position: absolute; z-index: 2; display: block; content: ""; top: 0; left: 0; width: 100%; right: 0; bottom: 0; height: 100%; background: rgba(1, 183, 242, 0.3); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .image-box.style5 .details, .image-box.style11 .details { padding: 0; } .image-box.style5 .details .detail, .image-box.style11 .details .detail { margin: 0; border-top: 1px solid #f5f5f5; padding: 10px 20px; } .image-box.style5 .details .detail:first-child, .image-box.style11 .details .detail:first-child { border: none; } .image-box.style5 .details .detail .box-title, .image-box.style11 .details .detail .box-title { line-height: 40px; margin: 0; } .image-box.style5 .details .detail:after, .image-box.style11 .details .detail:after { display: table; content: ""; clear: both; } .image-box.style6 figure, .image-box.style14 figure { padding: 0; } .image-box.style6 .details, .image-box.style14 .details { margin-bottom: 0 !important; padding: 20px 30px; line-height: 1.7em; } .image-box.style6 .box:after, .image-box.style6.box:after, .image-box.style14 .box:after, .image-box.style14.box:after { display: table; content: ""; clear: both; } .image-box.style6 .row { margin: 0; } .image-box.style6 div[class^="col-"], .image-box.style6 div[class*=" col-"] { padding: 0; } .image-box.style7 .box, .image-box.style7.box { background: #fff; margin-bottom: 30px; } .image-box.style7 .box figure, .image-box.style7.box figure { height: 72px; } .image-box.style7 .box .details, .image-box.style7.box .details { padding: 20px 20px 25px; font-size: 1.0833em; } .image-box.style7 .box .details p, .image-box.style7.box .details p { margin: 0; } .image-box.style8 .box { background: none; } .image-box.style8 figure { width: 25%; float: left; position: relative; overflow: hidden; } .image-box.style8 figure img { height: 100%; width: auto; max-width: none; } .image-box.style8 .details { width: 75%; float: left; padding: 20px; background: #fff; } .image-box.style8 .box:after, .image-box.style8.box:after { display: table; content: ""; clear: both; } .image-box.style9 figure a { position: relative; /*height: 160px; overflow: hidden;*/ display: block; width: 100%; } .image-box.style9 figure img { width: 100%; height: auto; } .image-box.style9 .box-title { margin: 0; } .image-box.style9 .button { margin-top: 20px; } .image-box.style9 .details { background: #fff; padding: 15px; text-align: center; } .image-box.style9 .description { margin-top: 20px; } .image-box.style10 .details a.button { margin-top: 5px; float: right; } .image-box.style11 .box > .details { padding: 15px; } .image-box.style12 .box, .image-box.style12.box { display: table; } .image-box.style12 figure, .image-box.style12 .details, .image-box.style12 .action { display: table-cell; vertical-align: top; } .image-box.style12 figure { margin-right: 30px; max-width: 30%; } .image-box.style12 figure a { position: relative; display: inline-block; } .image-box.style12 figure img { width: auto; max-width: 150px; } .image-box.style12 .details { border-right: 1px solid #f5f5f5; padding: 12px 20px 10px 25px; width: 100%; } .image-box.style12 .details > *:last-child { margin-bottom: 0; } .image-box.style12 .action { padding: 15px; } .image-box.style12 .action .price { text-align: center; float: none; margin: 0 0 10px 0; } .image-box.style12 .action button, .image-box.style12 .action a.button { padding: 0 10px; } .image-box.style12 .image-wrapper { position: relative; overflow: hidden; display: block; } .image-box.style13 figure { float: left; margin-right: 15px; } .image-box.style13 .details { padding: 0 15px; } .image-box.style13 .action { float: right; } .image-box.style13 .action .button { padding: 0 10px; } .image-box.style13 .price { float: none; } .image-box.style13 .box, .image-box.style13.box { margin-bottom: 0; } .image-box.style13 .box:after, .image-box.style13.box:after { display: table; content: ""; clear: both; } .image-box.style14 figure { float: left; width: 63px; } .image-box.style14 .details { margin-left: 63px; padding: 4px 15px 0; } .image-box.style14 .price { float: none; text-align: left; display: inline; font-size: 1.4em; } .image-box.style14 .box-title { margin-bottom: 0; } .image-box.style14 .box-title small { line-height: 1em; } .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper { cursor: pointer; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .image-box.style7 figure, .image-box.style8 figure, .image-box.style12 figure { overflow: hidden; z-index: 0; } .image-box.style7 figure img, .image-box.style8 figure img, .image-box.style12 figure img { -moz-transition: -moz-transform 0.35s; -o-transition: -o-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); /*-webkit-backface-visibility: hidden;*/ } .image-box.style7 figure:hover img, .image-box.style8 figure:hover img, .image-box.style12 figure:hover img { -webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -ms-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07); } .image-box.style7 figure:hover .opacity-wrapper, .image-box.style8 figure:hover .opacity-wrapper, .image-box.style12 figure:hover .opacity-wrapper { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .sidebar .image-box.style14 .box { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; } .sidebar .image-box.style14 .box:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .image-box.style14 .box figure a { display: block; width: 64px; height: 64px; background: #f5f5f5; } .widget_travtabswidget #new-comments .image-box.style14 figure a { width: 52px; height: 52px; } /* 2.14. Icon Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Icon Box */ .icon-box { text-transform: uppercase; } .icon-box > i { text-align: center; } .icon-box.style1 { height: 42px; background: #fff; line-height: 42px; font-size: 0.9167em; } .icon-box.style1 > i { display: block; width: 42px; float: left; background: #fdb714; line-height: 42px; color: #fff; font-size: 2em; margin-right: 15px; } .icon-box.style2 { line-height: 1.75em; color: #01b7f2; font-size: 0.9167em; display: inline-block; } .icon-box.style2 > i { font-size: 1.5em; margin-right: 10px; color: #01b7f2; } .icon-box.style3 { background: #fff; text-align: center; margin-bottom: 10px; } .icon-box.style3 .numbers { font-size: 5em; color: #2d3e52; padding: 20px 0; font-weight: 300; } .icon-box.style3 .numbers i { margin-right: 10px; } .icon-box.style3 .description { border-top: 1px solid #f5f5f5; font-weight: bold; padding: 6px 0; } .icon-box.style4, .icon-box.style8, .icon-box.style9 { text-align: center; text-transform: none; } .icon-box.style4 > i, .icon-box.style8 > i, .icon-box.style9 > i { font-size: 5em; color: #98ce44; } .icon-box.style4 .box-title, .icon-box.style8 .box-title, .icon-box.style9 .box-title { margin-top: 10px; margin-bottom: 10px; } .icon-box.style5 { height: 70px; background: #fff; line-height: 70px; text-transform: none; } .icon-box.style5 > i { display: block; width: 70px; float: left; background: #01b7f2; line-height: 70px; color: #fff; font-size: 3em; margin-right: 15px; } .icon-box.style5 .description { line-height: 1.6em; padding: 14px 15px 0 0; } .icon-box.style5 .description small { text-transform: uppercase; } .icon-box.style6, .icon-box.style7 { line-height: 50px; text-transform: none; } .icon-box.style6 > i, .icon-box.style7 > i { display: block; width: 50px; float: left; background: #fdb714; line-height: 50px; color: #fff; font-size: 2.5em; } .icon-box.style6 .box-title, .icon-box.style7 .box-title { margin-bottom: 5px; } .icon-box.style6 .description, .icon-box.style7 .description { line-height: 1.6em; padding-left: 70px; } .icon-box.style6:after, .icon-box.style7:after { display: table; content: ""; clear: both; } .icon-box.style6 .box-title { letter-spacing: normal; margin-bottom: 10px; } .icon-box.style7 { padding: 30px; background: #fff; } .icon-box.style7 > i { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 60px; height: 60px; line-height: 60px; background: #01b7f2; } .icon-box.style7 > i.glyphicon { font-size: 1.6667em; } .icon-box.style7 .description { padding-left: 80px; } .icon-box.style7 .description .box-title { margin-bottom: 20px; line-height: 1.3333em; } .icon-box.style7 .description ul { margin-bottom: 20px; } .icon-box.style7 .description .view { text-decoration: underline; color: #98ce44; font-size: 1.0833em; } .icon-box.style8 i, .icon-box.style9 i { font-size: 2.6666em; background: #fdb714; color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; display: block; margin-left: auto; margin-right: auto; } .icon-box.style9 { display: inline-block; } .icon-box.style9 .box-title { line-height: 1.2em; } .icon-box.style9 > i { background: #01b7f2; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 2em; height: 2em; line-height: 2em; margin-bottom: 15px; } .icon-box.style10 { border: 1px solid #fdb714; margin-top: 20px; padding: 45px 20px 20px; position: relative; color: #7c9abd; text-align: center; } .icon-box.style10 .box-title { color: #fff; margin-bottom: 15px; } .icon-box.style10 > i { position: absolute; width: 72px; height: 72px; top: -36px; left: 50%; margin-left: -36px; font-size: 3em; color: #fff; background: #fdb714; line-height: 72px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .icon-box.style10 .description { text-transform: none; } .icon-box.style11 { display: table; } .icon-box.style11 > .icon-wrapper { display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; width: auto; } .icon-box.style11 > .icon-wrapper > i { width: 1.5em; height: 1.5em; line-height: 1.5em; display: block; margin-left: auto; margin-right: auto; border-color: #01b7f2; background: #01b7f2; color: #fff; font-size: 1.5em; } .icon-box.style11 > .details { display: table-cell; vertical-align: middle; padding-left: 10px; margin: 0; text-transform: none; } .icon-box.style11 > .details .m-title { margin: 0; } .icon-box.style12 { display: table; } .icon-box.style12 > .icon-wrapper { display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; width: auto; } .icon-box.style12 > .icon-wrapper > i { border-color: #01b7f2; background: #01b7f2; color: #fff; font-size: 1.5em; } .icon-box.style12 > .details { display: table-cell; vertical-align: middle; padding-left: 10px; margin: 0; text-transform: none; } .icon-box.style12 > .details .m-title { margin: 0; } .icon-box.style13 > .icon-wrapper { width: 1.4em; text-align: left; } .icon-box.style13 > .icon-wrapper > i { color: #fdb714; background: initial; } .icon-box.style13 > .details { padding-left: 0; text-transform: uppercase; font-size: 0.8333em; } /* 2.15. Listing Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .listing-style1.hotel .box-title:after, .listing-style1.cruise .box-title:after { display: table; content: ""; clear: both; max-width: 60%; } .listing-style1.hotel .feedback, .listing-style1.cruise .feedback { margin: 5px 0; border-top: 1px solid #f5f5f5; padding-top: 5px; border-bottom: 1px solid #f5f5f5; } .listing-style1.hotel .feedback .review, .listing-style1.cruise .feedback .review { display: block; float: right; text-transform: uppercase; font-size: 0.8333em; color: #9e9e9e; } .listing-style1.hotel .five-stars-container, .listing-style1.cruise .five-stars-container { color: #dbdbdb; } .listing-style1.hotel .action .button:last-child, .listing-style1.cruise .action .button:last-child { float: right; } .listing-style1.hotel .action .button, .listing-style1.cruise .action .button { width: 45%; padding: 0; text-align: center; } .listing-style1.hotel .action .button + .button, .listing-style1.cruise .action .button + .button { width: 50%; } .listing-style1.flight .details, .listing-style1.car .details { padding: 15px 0 0 !important; text-transform: uppercase; } .listing-style1.flight .details .box-title, .listing-style1.car .details .box-title { text-transform: none; } .listing-style1.flight .details .box-title:after, .listing-style1.car .details .box-title:after { display: table; content: ""; clear: both; } .listing-style1.flight .action .button, .listing-style1.car .action .button { text-align: center; } .listing-style1.flight figure img { max-width: 100px; } .listing-style1.flight .details .time { margin: 10px 0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; letter-spacing: 0.04em; } .listing-style1.flight .details .time:after { display: table; content: ""; clear: both; } .listing-style1.flight .details .time > div { width: 50%; float: left; padding: 7px 0; } .listing-style1.flight .details .time > div > .icon { font-size: 16px; float: left; } .listing-style1.flight .details .time > div > .icon + div { padding-left: 24px; } .listing-style1.flight .details .time > div:first-child { border-right: 1px solid #f5f5f5; } .listing-style1.flight .details .time > div + div { padding-left: 20px; } .listing-style1.flight .details .duration { font-size: 0.8333em; text-align: center; letter-spacing: 0.04em; } .listing-style1.car figure img { max-width: 80%; } .listing-style1.car .details .mile { font-size: 0.8333em; text-align: center; } .listing-style1.car .details .amenities { text-align: center; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin: 10px 0; padding: 10px 0 6px; } .listing-style1.cruise .time { padding-top: 5px; } .listing-style1.cruise .time [class^="soap-icon"] { float: left; font-size: 20px; } .listing-style1.cruise .time > div { margin-bottom: 10px !important; } .listing-style1.cruise .time > div:first-child { border-right: 1px solid #f5f5f5; } .listing-style1.cruise .time > div > div { padding-left: 20px; } .listing-style1.cruise .action a.button { float: none !important; } .listing-style1.cruise .description { text-align: center; font-size: 0.8333em; text-transform: uppercase; } .listing-style1.tour .description { margin: 5px 0; border-top: 1px solid #f5f5f5; padding-top: 5px; border-bottom: 1px solid #f5f5f5; } .listing-style1.flight .box, .listing-style1.flight.box, .listing-style1.car .box, .listing-style1.car.box, .listing-style2.flight .box, .listing-style2.flight.box, .listing-style2.car .box, .listing-style2.car.box { padding: 15px; } .listing-style1.flight figure, .listing-style1.car figure, .listing-style2.flight figure, .listing-style2.car figure { background: #f5f5f5; display: table; /*height: 140px;*/ width: 100%; table-layout: fixed; } .listing-style1.flight figure > a, .listing-style1.flight figure > span, .listing-style1.car figure > a, .listing-style1.car figure > span, .listing-style2.flight figure > a, .listing-style2.flight figure > span, .listing-style2.car figure > a, .listing-style2.car figure > span { display: table-cell; vertical-align: middle; text-align: center; } .listing-style1.flight figure img, .listing-style1.car figure img, .listing-style2.flight figure img, .listing-style2.car figure img { width: auto; } .listing-style1.flight .icon, .listing-style3.flight .icon { font-size: 16px; } .listing-style1.flight .take-off > .icon, .listing-style3.flight .take-off > .icon { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); display: inline-block; } .listing-style1.flight .landing > .icon, .listing-style3.flight .landing > .icon { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); display: inline-block; } .listing-style1.car .amenities ul, .listing-style3.car .amenities ul { display: inline-block; color: #9e9e9e; } .listing-style1.car .amenities ul li, .listing-style3.car .amenities ul li { float: left; text-align: center; padding: 0 5px; cursor: default; font-size: 0.8333em; } .listing-style1.car .amenities ul li .glyphicon, .listing-style1.car .amenities ul li [class^="soap-icon"], .listing-style3.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li [class^="soap-icon"] { display: block; font-size: 16px; color: #d9d9d9; overflow: hidden; } .listing-style1.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li .glyphicon { line-height: 25px; } .listing-style1.car .amenities ul li .glyphicon:before, .listing-style3.car .amenities ul li .glyphicon:before { font-size: 12px; } .listing-style1.car .amenities ul li:hover, .listing-style1.car .amenities ul li:hover .glyphicon, .listing-style1.car .amenities ul li:hover [class^="soap-icon"], .listing-style3.car .amenities ul li:hover, .listing-style3.car .amenities ul li:hover .glyphicon, .listing-style3.car .amenities ul li:hover [class^="soap-icon"] { color: #01b7f2; } .listing-style1.car .amenities ul li:hover [class^="soap-icon"]:before, .listing-style3.car .amenities ul li:hover [class^="soap-icon"]:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .listing-style1.car .amenities ul:after, .listing-style3.car .amenities ul:after { display: table; content: ""; clear: both; } .listing-style2 .box .box-title { margin-bottom: 0; } .listing-style2 a.button { margin-top: 6px; } .listing-style2.flight .details { padding: 12px 2px 0; } .listing-style2.flight img { width: auto; max-width: 100px; } .listing-style3 .box, .listing-style3.box { background: #fff; margin-bottom: 30px; } .listing-style3 .box > *, .listing-style3.box > * { padding: 0; } .listing-style3 .box:after, .listing-style3.box:after { display: table; clear: both; content: ""; } .listing-style3 .review { display: block; text-transform: uppercase; font-size: 0.8333em; color: #9e9e9e; } .listing-style3 .five-stars-container, .listing-style3 .review { line-height: 1em; } .listing-style3 .five-stars-container { color: #dbdbdb; } .listing-style3 [class^="soap-icon"].circle { color: #d9d9d9; cursor: default; font-size: 16px; overflow: hidden; } .listing-style3 [class^="soap-icon"].circle:hover { color: #01b7f2; } .listing-style3 [class^="soap-icon"].circle:hover:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .listing-style3 .amenities img { vertical-align: baseline; } .listing-style3 .amenities img:hover { -webkit-animation: pulse 0.5s forwards; -moz-animation: pulse 0.5s forwards; animation: pulse 0.5s forwards; } .listing-style3 .price { float: none; text-align: center; } .listing-style3.hotel figure img { width: 100%; height: auto; } .listing-style3.hotel .box-title { margin: 0; float: left; max-width: 60%; } .listing-style3.hotel .box-title i { font-size: 15px; } .listing-style3.hotel .amenities { float: right; } .listing-style3.hotel .details { padding: 15px 0 15px 20px; display: table; } .listing-style3.hotel .details [class^="soap-icon"].circle { margin-right: 5px; margin-top: 5px; } .listing-style3.hotel .details > * { display: table-row; } .listing-style3.hotel .details > * > * { display: table-cell; padding: 10px 15px 0; text-align: center; vertical-align: middle; } .listing-style3.hotel .details > * > *:first-child { border-right: 1px solid #f5f5f5; padding-left: 0; padding-right: 15px; text-align: left; } .listing-style3.hotel .details > * > *:last-child { width: 120px; } .listing-style3.hotel .details > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; padding-bottom: 10px; } .listing-style3.hotel .details .button { margin-top: 8px; } .listing-style3.flight .box, .listing-style3.flight.box { padding: 15px; display: table; width: 100%; table-layout: fixed; } .listing-style3.flight figure { display: table-cell; background: #f5f5f5; vertical-align: middle; float: none; } .listing-style3.flight figure span { text-align: center; display: block; } .listing-style3.flight figure span img { max-width: 60px; height: auto; } .listing-style3.flight .box-title { float: left; } .listing-style3.flight .stop:hover { background: #fdb714; } .listing-style3.flight .amenities { margin-bottom: 10px; float: right; } .listing-style3.flight .details { display: table-cell; padding-left: 15px; float: none; } .listing-style3.flight .details .details-wrapper { display: table; width: 100%; } .listing-style3.flight .details .details-wrapper > * { display: table-row; } .listing-style3.flight .details .details-wrapper > * > * { display: table-cell; padding: 15px 15px 0 15px; } .listing-style3.flight .details .details-wrapper > * > *:first-child { border-right: 1px solid #f5f5f5; padding-left: 0; } .listing-style3.flight .details .details-wrapper > * > *:last-child { text-align: center; padding-right: 0; } .listing-style3.flight .details .details-wrapper > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; } .listing-style3.flight .details .details-wrapper .box-title { margin: 0 10px 15px 0; } .listing-style3.flight .details .details-wrapper [class^="soap-icon"].circle { margin-right: 5px; } .listing-style3.flight .details .details-wrapper [class^="col-"], .listing-style3.flight .details .details-wrapper [class*=" col-"] { padding: 0; } .listing-style3.flight .details .details-wrapper .time > div { border-right: 1px solid #f5f5f5; padding-left: 15px; } .listing-style3.flight .details .details-wrapper .time > div:last-child { border-right: none; } .listing-style3.flight .details .details-wrapper .time > div:first-child { padding-left: 0; } .listing-style3.flight .details .details-wrapper .time > div > div { padding-left: 25px; } .listing-style3.flight .details .details-wrapper .time .icon { float: left; padding: 0; font-size: 16px; } .listing-style3.flight .details .details-wrapper .time { letter-spacing: 0.04em; } .listing-style3.flight .details .details-wrapper .action { vertical-align: top; } .listing-style3.car .box, .listing-style3.car.box { display: table; padding-top: 15px; padding-bottom: 15px; width: 100%; table-layout: fixed; } .listing-style3.car figure { display: table-cell; vertical-align: middle; float: none; text-align: center; border-right: 1px solid #f5f5f5; } .listing-style3.car figure img { max-width: 80%; height: auto; } .listing-style3.car .details { display: table-cell; float: none; } .listing-style3.car .details .box-title { float: left; } .listing-style3.car .details .logo { margin: 3px 0 0 8px; float: left; border-left: 1px solid #e1e1e1; padding-left: 8px; } .listing-style3.car .details .logo img { max-height: 20px; width: auto; } .listing-style3.car .details .amenities { margin-top: 20px; } .listing-style3.car .details .character { text-align: right; text-transform: uppercase; font-size: 0.8333em; border-right: 1px solid #f5f5f5; } .listing-style3.car .details .character dd { margin-bottom: 5px; } .listing-style3.car .details .character dl { margin-bottom: 0; } .listing-style3.car .details .action { text-align: center; text-transform: uppercase; } .listing-style3.car .details .action .button { margin-top: 30px; } .listing-style3.cruise figure img { width: 100%; height: auto; } .listing-style3.cruise .details { padding: 15px 20px; text-transform: uppercase; } .listing-style3.cruise .details img { max-width: 100%; height: auto; } .listing-style3.cruise .details .box-title { text-transform: none; margin-bottom: 10px; } .listing-style3.cruise .details .character { font-size: 0.8333em; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; display: table; width: 100%; table-layout: fixed; } .listing-style3.cruise .details .character > div { display: table-cell; float: none; vertical-align: middle; margin: 0; padding-top: 12px; padding-bottom: 12px; border-left: 1px solid #f5f5f5; } .listing-style3.cruise .details .character > div:first-child { border: none; padding-left: 0; } .listing-style3.cruise .details .character > div:last-child { padding-right: 0; } .listing-style3.cruise .details .character [class^="soap-icon"] { font-size: 18px; float: left; } .listing-style3.cruise .details .character .cruise-logo { padding: 0; text-align: left; } .listing-style3.cruise .details .character .cruise-logo img { max-width: 90%; width: auto; height: auto; } .listing-style3.cruise .details .character .date > div, .listing-style3.cruise .details .character .departure > div { padding-left: 20px; line-height: 1.1667em; } .listing-style3.cruise .details .review { line-height: 1.6667em; } .listing-style3.cruise .details .review .five-stars-container { float: left; margin-right: 10px; } .listing-style3.cruise .details .review span { display: block; float: left; } .listing-style3.tour-packages figure img { width: 100%; height: auto; } .listing-style3.tour-packages .box-title { margin: 0; float: left; max-width: 60%; } .listing-style3.tour-packages .box-title i { font-size: 15px; } .listing-style3.tour-packages .details { padding: 15px 0 15px 20px; display: table; } .listing-style3.tour-packages .details [class^="soap-icon"].circle { margin-right: 5px; margin-top: 5px; } .listing-style3.tour-packages .details > * { display: table-row; } .listing-style3.tour-packages .details > * > * { display: table-cell; padding: 10px 15px 0; text-align: center; vertical-align: middle; } .listing-style3.tour-packages .details > * > *:first-child { border-right: 1px solid #f5f5f5; padding-left: 0; padding-right: 15px; text-align: left; } .listing-style3.tour-packages .details > * > *:last-child { width: 120px; } .listing-style3.tour-packages .details > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; padding-bottom: 10px; } .listing-style3.tour-packages .details .button { margin-top: 8px; } .listing-style4 > .row { margin-bottom: 15px; } .tab-container .tab-pane > .listing-style3 .details { padding-right: 0; } .tab-container .tab-pane > .listing-style3 .details p { margin-bottom: 0; } /* 2.16. Pricing Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .pricing-table { padding: 20px; background: #fff; /* colored */ } .pricing-table .header { border-bottom: 1px solid #f5f5f5; } .pricing-table .header > i { float: left; font-size: 16px; margin: 3px 8px 0 0; } .pricing-table .header .box-title { float: left; line-height: 1.3333em; margin-bottom: 20px; } .pricing-table .header .box-title small { text-transform: uppercase; display: block; font-size: 0.6em; } .pricing-table .description { margin: 15px 0; } .pricing-table .features { margin-bottom: 15px; text-transform: uppercase; } .pricing-table .features li { margin-top: 1px; background: #f5f5f5; font-size: 0.9167em; padding-left: 20px; line-height: 40px; } .pricing-table.green, .pricing-table.blue, .pricing-table.yellow, .pricing-table.red { color: #fff; } .pricing-table.green .box-title, .pricing-table.green .box-title small, .pricing-table.green .price, .pricing-table.green .price small, .pricing-table.blue .box-title, .pricing-table.blue .box-title small, .pricing-table.blue .price, .pricing-table.blue .price small, .pricing-table.yellow .box-title, .pricing-table.yellow .box-title small, .pricing-table.yellow .price, .pricing-table.yellow .price small, .pricing-table.red .box-title, .pricing-table.red .box-title small, .pricing-table.red .price, .pricing-table.red .price small { color: #fff; } .pricing-table.green .box-title small, .pricing-table.green .price small, .pricing-table.green .description, .pricing-table.blue .box-title small, .pricing-table.blue .price small, .pricing-table.blue .description, .pricing-table.yellow .box-title small, .pricing-table.yellow .price small, .pricing-table.yellow .description, .pricing-table.red .box-title small, .pricing-table.red .price small, .pricing-table.red .description { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .pricing-table.green { background: #98ce44; } .pricing-table.green .header { border-bottom-color: #91c63d; } .pricing-table.green .features li { background: #91c63d; } .pricing-table.green .features li:before { background: #98ce44; } .pricing-table.yellow { background: #fdb714; } .pricing-table.yellow .header { border-bottom-color: #f5b010; } .pricing-table.yellow .features li { background: #f5b010; } .pricing-table.yellow .features li:before { background: #fdb714; } .pricing-table.blue { background: #01b7f2; } .pricing-table.blue .header { border-bottom-color: #04afe7; } .pricing-table.blue .features li { background: #04afe7; } .pricing-table.blue .features li:before { background: #01b7f2; } .pricing-table.red { background: #e01a33; } .pricing-table.red .header { border-bottom-color: #d51a32; } .pricing-table.red .features li { background: #d51a32; } .pricing-table.red .features li:before { background: #e01a33; } /* 2.17. Post ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .border-box { border: 15px solid #f5f5f5; } .post { position: relative; } .post figure img { width: 100%; height: auto; } .post .entry-date { background: #2d3e52; padding: 7px 15px; color: #fff; text-align: center; text-transform: uppercase; position: absolute; left: 0; top: 10px; } .post .entry-date .date { margin: 0; font-size: 1.6667em; display: block; font-weight: normal; } .post .entry-date .month { margin: 0; font-size: 0.8333em; font-weight: normal; } .fluid-width-video-wrapper { padding: 0; position: relative; width: 100%; } .without-featured-item .entry-title, .without-featured-item .excerpt-container, .without-featured-item .post-content { padding-left: 50px; } .blog-infinite .post, .single .post { margin-bottom: 50px; } .blog-infinite .post .video-container, .single .post .video-container { position: relative; width: 100%; } .blog-infinite .post .video-container video, .single .post .video-container video { max-width: 100%; height: auto; } .blog-infinite .post .video-container iframe, .blog-infinite .post .video-container embed, .blog-infinite .post .video-container object, .single .post .video-container iframe, .single .post .video-container embed, .single .post .video-container object { max-width: 100%; } .blog-infinite .post .entry-title, .single .post .entry-title { margin-bottom: 25px; } .blog-infinite .post .entry-title a, .single .post .entry-title a { text-decoration: none; } .blog-infinite .post .excerpt-container, .single .post .excerpt-container { margin-bottom: 20px; } .blog-infinite .post .excerpt-container p, .single .post .excerpt-container p { line-height: 1.8333em; } .blog-infinite .post .details, .single .post .details { background: #fff; padding: 20px 20px 10px; } .blog-infinite .post-content, .single .post-content { margin-bottom: 30px; } .blog-infinite .post-content > p, .single .post-content > p { line-height: 1.6666em; } .blog-infinite .post-content .border-box, .single .post-content .border-box { margin: 30px 0; } .blog-infinite .post-content .border-box blockquote, .single .post-content .border-box blockquote { margin-bottom: 0; } .blog-infinite .post-meta, .single .post-meta { background: #f5f5f5; padding: 10px 10px 0; font-size: 1em; } .blog-infinite .post-meta .entry-author, .single .post-meta .entry-author { float: left; line-height: 28px; font-size: 0.83333em; margin-bottom: 10px; } .blog-infinite .post-meta .entry-author .icon, .single .post-meta .entry-author .icon { float: left; width: 28px; height: 28px; background: #fff; display: inline-block; font-size: 1.6666em; line-height: 28px; text-align: center; color: #d9d9d9; margin-right: 10px; } .blog-infinite .post-meta .entry-author a, .single .post-meta .entry-author a { color: #01b7f2; } .blog-infinite .post-meta .entry-action, .single .post-meta .entry-action { float: right; } .blog-infinite .post-meta .entry-action > *, .single .post-meta .entry-action > * { min-height: 28px; line-height: 28px; display: inline-block; padding: 0 10px; margin-left: 8px; margin-bottom: 10px; background: #fff; color: #9e9e9e; letter-spacing: 0.04em; font-size: 0.8333em; font-weight: normal; } .blog-infinite .post-meta .entry-action > * i, .single .post-meta .entry-action > * i { float: left; font-size: 2.6667em; margin-right: 10px; color: #d9d9d9; } .blog-infinite .post-meta .entry-action a.button:hover, .single .post-meta .entry-action a.button:hover { background: #01b7f2; color: #fff; } .blog-infinite .post-meta .entry-action a.button:hover i, .single .post-meta .entry-action a.button:hover i { color: #fff; } .blog-infinite .post-meta:after, .single .post-meta:after { display: table; content: ""; clear: both; } .blog-infinite .flexslider { margin: 0; } .single-post .details { margin-bottom: 30px; } .single-post .single-navigation a.button { font-weight: normal; } .single-post .single-navigation a.button span { vertical-align: middle; } .single-post .single-navigation i { font-size: 1.25em; font-weight: normal; line-height: 0; vertical-align: middle; } .single-post .single-navigation .prev i { margin-right: 20px; } .single-post .single-navigation .next i { margin-left: 20px; } .about-author .about-author-container { background: #fff; padding: 0 20px; } .about-author .about-author-content { display: table; border-bottom: 1px solid #f5f5f5; } .about-author div.avatar { display: table-cell; padding: 20px 20px 20px 0; border-right: 1px solid #f5f5f5; } .about-author .description { display: table-cell; padding: 20px; vertical-align: top; width: 100% p; width-line-height: 1.8333em; } .about-author .about-author-meta { padding: 15px 0; } .about-author .social-icons { float: right; } .about-author .wrote-posts-count { line-height: 28px; font-size: 1.1667em; } .about-author .wrote-posts-count i { font-size: 1.8333em; color: #01b7f2; float: left; margin-right: 10px; } .about-author .wrote-posts-count span { vertical-align: middle; } .single div.avatar img, .travel-story-container div.avatar img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 96px; height: 96px; } .single .suggestions .caption { margin-bottom: 0; } .single .suggestions a.hover-effect:after { color: #fff; background: none; content: "\e8ba"; font-family: "soap-icons"; font-size: 1.6667em; text-align: center; line-height: 50px; border: 2px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .single .suggestions li { cursor: pointer; } .single .suggestions li:hover a.hover-effect:after { visibility: visible; -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .single .suggestions li:hover a.hover-effect { background: #01b7f2; } .single .suggestions li:hover img { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .single .suggestions li:hover .caption { color: #01b7f2; } /* comment */ .comment-list .the-comment { padding-top: 20px; margin-top: 20px; border-top: 1px solid #f5f5f5; } .comment-list .the-comment .comment-text { padding-right: 50px; } .comment-list .the-comment .comment-text *:last-child { margin-bottom: 0; } .comment-list > li.comment:first-child > .the-comment { padding-top: 0; margin-top: 0; border-top: none; } .comment-list div.avatar { margin-right: 30px; float: left; } .comment-list div.avatar img { width: 72px; height: 72px; } .comment-list ul.children { padding-left: 50px; } .form-allowed-tags code { white-space: normal; } /* 2.18. Testimonial ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .author-section a { display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; overflow: hidden; margin-left: 1px; } .author-section img { -webkit-backface-visibility: visible; } .testimonial .slides > li { display: none; } .testimonial.style1 .slides > li, .testimonial.style2 .slides > li { padding-bottom: 80px; position: relative; } .testimonial.style1 .description, .testimonial.style2 .description { font-size: 1.3333em; color: #01b7f2; font-style: italic; } .testimonial.style1 .author-section, .testimonial.style2 .author-section { /*margin: 25px 0 10px;*/ position: absolute; bottom: 0; left: 0; right: 0; width: auto; } .testimonial.style1 .author-section a, .testimonial.style2 .author-section a { float: left; width: 74px; height: 74px; margin-right: 10px; } .testimonial.style1 .author-section .name, .testimonial.style2 .author-section .name { padding-top: 22px; } .testimonial.style1 .author-section .name small, .testimonial.style2 .author-section .name small { display: block; text-transform: uppercase; font-size: 0.7143em; } .testimonial.style1 { background: #fff; padding: 25px; } .testimonial.style1 .testimonial-control-nav { float: right; } .testimonial.style1 .testimonial-control-nav > li { float: left; margin-left: 5px; } .testimonial.style1 .testimonial-control-nav > li a { display: block; width: 14px; height: 14px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #dbdbdb; text-indent: -9999px; cursor: pointer; } .testimonial.style1 .testimonial-control-nav > li a.testimonial-active { background: #fdb714; border-color: #fdb714; } .testimonial.style1:after { display: table; content: ""; clear: both; } .testimonial.style2 { position: relative; } .testimonial.style2 .description { background: #fff; padding: 25px; } .testimonial.style2 .author-section { padding-left: 25px; } .testimonial.style2 .testimonial-direction-nav { right: 0; top: -40px; width: 72px; height: 22px; position: absolute; } .testimonial.style2 .testimonial-direction-nav li { float: left; } .testimonial.style2 .testimonial-direction-nav li a { display: block; width: 30px; height: 22px; background: #01b7f2; color: #fff; text-indent: -9999px; } .testimonial.style2 .testimonial-direction-nav li a:before { position: absolute; display: block; top: 2px; font-family: 'soap-icons'; text-indent: 0; font-size: 20px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-prev { margin-right: 10px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-prev:before { content: '\e88a'; left: 8px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-next:before { content: '\e88b'; right: 9px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-disabled { background: #d9d9d9; } .testimonial.style3 { position: relative; border: 2px solid #fff; margin-top: 80px; padding: 60px 40px 20px; text-align: center; } .testimonial.style3 .author-section { position: absolute; top: -50px; left: 50%; margin-left: -50px; } .testimonial.style3 .author-section a { width: 100px; height: 100px; border: 3px solid #fff; background: #fff; } .testimonial.style3 .author-section a img { width: 100%; height: 100%; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .testimonial.style3 .description { color: #fff; font-size: 2.5em; font-weight: 300; } .testimonial.style3 .description em { font-weight: 400; } .testimonial.style3 .description:before, .testimonial.style3 .description:after { color: #01b7f2; } .testimonial.style3 .name { color: #01b7f2; } .testimonial.style3 .name:before { content: "-"; } .testimonial.style3 ul.slides:after { display: table; content: ""; clear: both; } .testimonial.style3 ul.slides li { position: static !important; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev, .testimonial.style3 .testimonial-direction-nav .testimonial-next { position: absolute; display: block; top: 0; bottom: 0; width: 40px; text-indent: -9999px; background: #fff; color: #01b7f2; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev:before, .testimonial.style3 .testimonial-direction-nav .testimonial-next:before { text-indent: 0; position: absolute; display: block; left: 15px; font-size: 30px; top: 50%; margin-top: -10px; font-family: 'soap-icons'; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev { left: 0; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev:before { content: '\e87c'; } .testimonial.style3 .testimonial-direction-nav .testimonial-next { right: 0; } .testimonial.style3 .testimonial-direction-nav .testimonial-next:before { content: '\e878'; } .testimonial.style3 .testimonial-direction-nav .testimonial-disabled { background: #2d3e52; color: #fff; } /* 2.19. Our Team Section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .team { text-align: center; } .team figure { position: relative; overflow: hidden; } .team figure:hover figcaption { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: 0; } .team figure figcaption { position: absolute; bottom: -32px; line-height: 0; text-align: center; left: 0; right: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .team figure figcaption > .social-icons > li a { background: #fff; color: inherit; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; } .team figure figcaption > .social-icons > li a:hover { color: #01b7f2; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .team .details { text-align: center; } .team .description { border-top: 1px solid #f5f5f5; margin-top: 10px; padding-top: 8px; } .team .social-icons { display: inline-block; } /* contact form */ div.wpcf7 input, div.wpcf7 textarea { width: 100%; } /* 2.20. Gallery popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .opacity-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 10000; display: none; -webkit-backface-visibility: hidden; outline: none; } .opacity-overlay .container { height: 100%; position: relative; z-index: 10001; } .opacity-overlay .spinner { color: #fff; font-size: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; } .popup-wrapper { text-align: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 0 5px; } .popup-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .popup-wrapper .popup-content { float: none; padding: 0; margin: 0 auto; text-align: left; z-index: 10003; position: relative; display: inline-block; vertical-align: middle; } /* 2.21. Style changer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .style-changer { text-align: left; width: 270px; } .style-changer .style-changer-header { width: 330px; padding-left: 30px; height: 55px; line-height: 55px; color: #fff; background: #01b7f2; -webkit-border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; -ms-border-radius: 0 0 15px 0; border-radius: 0 0 15px 0; position: relative; } .style-changer .style-changer-header .style-main-title { float: left; margin: 0; line-height: 55px; color: #fff; } .style-changer .style-changer-header .style-toggle { position: absolute; right: 15px; top: 12px; font-size: 20px; width: 30px; height: 30px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #fff; line-height: 30px; text-align: center; } .style-changer .style-changer-header .style-toggle > .fa { color: #01b7f2; } .style-changer .style-chagner-main { width: 270px; background: #fff; padding: 15px 30px 30px; } .style-changer .style-chagner-main label { margin-top: 15px; font-weight: 400; font-size: 0.8333em; text-transform: uppercase; } .style-changer .style-chagner-main .design-skins { margin-bottom: 15px; } .style-changer .style-chagner-main .design-skins li { padding: 4px; border: 1px solid; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 35px; height: 35px; } .style-changer .style-chagner-main .design-skins li i { display: none; } .style-changer .style-chagner-main .design-skins li a { display: block; color: #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 20px; line-height: 1.1em; width: 100%; height: 100%; } .style-changer .style-chagner-main .design-skins li.active i { display: inline-block; } .style-changer .style-chagner-main .design-skins li.light-blue { border-color: #01b7f2; } .style-changer .style-chagner-main .design-skins li.light-blue a { background: #01b7f2; } .style-changer .style-chagner-main .design-skins li.purple { border-color: #9f60b5; } .style-changer .style-chagner-main .design-skins li.purple a { background: #9f60b5; } .style-changer .style-chagner-main .design-skins li.orange { border-color: #ff6000; } .style-changer .style-chagner-main .design-skins li.orange a { background: #ff6000; } .style-changer .style-chagner-main .design-skins li.light-orange { border-color: #f5a77d; } .style-changer .style-chagner-main .design-skins li.light-orange a { background: #f5a77d; } .style-changer .style-chagner-main .design-skins li.sea-blue { border-color: #0ab596; } .style-changer .style-chagner-main .design-skins li.sea-blue a { background: #0ab596; } .style-changer .style-chagner-main .design-skins li.sky-blue { border-color: #6dace6; } .style-changer .style-chagner-main .design-skins li.sky-blue a { background: #6dace6; } .style-changer .style-chagner-main .design-skins li.dark-orange { border-color: #ff3e3e; } .style-changer .style-chagner-main .design-skins li.dark-orange a { background: #ff3e3e; } .style-changer .style-chagner-main .design-skins li.dark-blue { border-color: #194eb0; } .style-changer .style-chagner-main .design-skins li.dark-blue a { background: #194eb0; } .style-changer .style-chagner-main .design-skins li.light-yellow { border-color: #ffd200; } .style-changer .style-chagner-main .design-skins li.light-yellow a { background: #ffd200; } .style-changer .style-chagner-main .design-skins li.red { border-color: #e44049; } .style-changer .style-chagner-main .design-skins li.red a { background: #e44049; } .style-changer .style-chagner-main .layout-style a { width: 100px; height: 33px; line-height: 33px; border: 1px solid #2d3e52; background: #2d3e52; color: #7c9abd; border: 1px solid #7c9abd; padding: 0; } .style-changer .style-chagner-main .layout-style a.active { background: #01b7f2; color: #fff; border: 1px solid #01b7f2; } .style-changer .style-chagner-main .layout-style a:first-child { margin-right: 6px; } .style-changer .style-chagner-main .bg-img li a { width: 29px; height: 29px; display: block; background: url(http://www.soaptheme.net/wordpress/travelo/wp-content/uploads/bgimages/pattern.jpg) no-repeat top left; border: 2px solid #fff; } .style-changer.dark .style-chagner-main { background: #2d3e52; } .style-changer.dark .style-chagner-main label { color: #7c9abd; } .style-changer#style-changer { position: fixed; left: -275px; top: 100px; z-index: 1000; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } /* 2.22. Animated effect ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .animated { visibility: hidden; } .no-cssanimations .animated, body.is-mobile .animated { visibility: visible; } /* 2.23. Parallax ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .parallax { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; background-size: auto auto; overflow: hidden; } /* 2.24. Page Loader ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .pace { user-select: none; background: #f5f5f5; height: 100%; left: 0; opacity: 1; position: fixed; top: 0; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; visibility: visible; width: 100%; z-index: 999999; -webkit-backface-visibility: hidden; } .pace-inactive { display: none; } .pace .loading-page { -webkit-backface-visibility: hidden !important; -webkit-transform: none !important; } /*.pace-running > div { visibility: hidden; &.pace { visibility: visible; } }*/ /* 2.25. Folded Corner Block ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .fc-block { position: relative; padding: 30px 0 30px 30px; margin-bottom: 40px; margin-right: 60px; } .fc-block:before, .fc-block:after { display: block; content: ""; position: absolute; } /* 3. Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 3.1. Main Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #header { position: relative; z-index: 99; /* Logo */ /* 3.1.1. Mobile navigation */ /* 3.1.2. Header Styles */ } #header .topnav { height: 30px; background: #01b7f2; width: 100%; } #header .topnav ul.quick-menu > li { float: left; margin-left: 20px; } #header .topnav ul.quick-menu > li:first-child { margin-left: 0; } #header .topnav ul.quick-menu > li > a { color: #fff; line-height: 30px; display: block; font-size: 0.8333em; text-transform: uppercase; } #header .ribbon { position: relative; } #header .ribbon > a { position: relative; padding: 0 10px 0 0; text-transform: uppercase; } #header .ribbon > a:after { display: inline-block; position: absolute; right: 0; /*top: 0; */ content: "\f0d7"; font-family: FontAwesome; color: #fff; } #header .ribbon:hover > ul.menu { top: 28px; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .ribbon > ul.menu { position: absolute; left: -15px; top: -9999px; z-index: 99; visibility: hidden; } #header .ribbon > ul.menu.left { left: auto; right: -10px; } #header .ribbon.currency > ul.menu li a { text-transform: uppercase; font-size: 0.8333em; } #header .main-header { height: auto; position: relative; width: 100%; } #header .logo { padding: 0; text-align: left; margin: 22px 0 0; height: auto; } #header .logo a { display: block; } #header .mobile-menu-toggle { background: url(../images/icon/mobile-menu.png) no-repeat center center #01b7f2; padding: 0; margin: 0; height: 66px; width: 66px; padding: 22px; position: absolute; right: 0; top: 0; bottom: 0; text-indent: -9999px; display: none; } #header .mobile-menu-toggle .icon-bar { background: white; } #header.style1 { background: #01b7f2; padding-top: 30px; /* Main menu */ } #header.style1 * { color: #fff; } #header.style1 .logo { margin: 0; float: none; position: absolute; left: 50%; margin-left: -77px; top: 32px; } #header.style1 .logo img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header.style1 .social-icons { float: right; min-height: 55px; } #header.style1 .social-icons li a { background: none; border: 1px solid transparent; overflow: hidden; } #header.style1 .social-icons li a:hover { border: 1px solid #40cbf8; } #header.style1 .social-icons li a:hover i { display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } #header.style1 .contact-details { float: left; margin-bottom: 30px; } #header.style1 .contact-details .contact-phone { font-size: 1.1667em; font-weight: bold; } #header.style1 .contact-details .contact-phone i { border-color: #40cbf8; } #header.style1 #main-menu { border-top: 1px solid #40cbf8; } #header.style1 #main-menu ul.menu { margin: 0 auto; float: none; } #header.style1 #main-menu ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 15px; } #header.style1 #main-menu ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; font-weight: bold; } #header.style1 #main-menu ul.menu > li.current-menu-item > a, #header.style1 #main-menu ul.menu > li.current-menu-ancestor > a, #header.style1 #main-menu ul.menu > li:hover > a { color: #fff; background: #40cbf8; } #header.style1 #main-menu ul.menu > li:hover > ul, #header.style1 #main-menu ul.menu > li:hover > .megamenu-wrapper { top: 47px; } #header.style2 { /* Main menu */ } #header.style2 .topnav { height: auto; background: #2d3e52; } #header.style2 .topnav ul.quick-menu > li > a { color: #7c9abd; height: 50px; line-height: 50px; } #header.style2 .topnav ul.quick-menu > li > a:hover { color: #fff; } #header.style2 .topnav ul.quick-menu > li.ribbon:hover > ul.menu { top: 47px; } #header.style2 .topnav ul.quick-menu > li.ribbon > a:after { color: #7c9abd; } #header.style2 .logo { margin-top: 28px; } #header.style2 .logo a { background-size: auto 22px; } #header.style2 .logo a img { width: auto; height: 22px; } #header.style2 .header-search { padding-top: 22px; text-align: left; height: 78px; } #header.style2 .header-search [class^="col-"] { padding: 0; } #header.style2 .header-search .where { border: 1px solid #dbdbdb; border-right: none; } #header.style2 .header-search .check-in { border: 1px solid #dbdbdb; border-right: none; } #header.style2 .header-search .check-out { border: 1px solid #dbdbdb; border-right: none; } #header.style2 .header-search .guest span.custom-select { border: 1px solid #dbdbdb; } #header.style2 #main-menu ul.menu { margin: 0 auto; float: none; } #header.style2 #main-menu ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 10px; } #header.style2 #main-menu ul.menu > li > a { padding-left: 15px; padding-right: 15px; height: 50px; line-height: 50px; color: #7c9abd; } #header.style2 #main-menu ul.menu > li.current-menu-item > a, #header.style2 #main-menu ul.menu > li.current-menu-ancestor > a, #header.style2 #main-menu ul.menu > li > a:hover { color: #fff; background: #263546; } #header.style2 #main-menu ul.menu > li:hover > ul, #header.style2 #main-menu ul.menu > li:hover > .megamenu-wrapper { top: 47px; } #header.style3 { /* Main menu */ } #header.style3 .inspire-btn { margin-top: 34px; } #header.style3 .logo { margin-top: 34px; } #header.style3 .logo a { background-size: auto 26px; } #header.style3 #main-menu .menu { margin-right: 40px; } #header.style3 #main-menu .menu > li > a { font-size: 1.1667em; color: #d9d9d9; height: 96px; line-height: 96px; } #header.style3 #main-menu .menu > li:hover > a, #header.style3 #main-menu .menu > li.current-menu-ancestor > a, #header.style3 #main-menu .menu > li.current-menu-item > a { color: #01b7f2; } #header.style4 { padding-top: 30px; /* Main menu */ } #header.style4 .logo { margin: 0; margin-bottom: 16px; } #header.style4 .quick-search { display: inline-block; } #header.style4 .quick-search .input-text { width: 250px; } #header.style4 button { padding: 0 15px; } #header.style4 .topnav { float: right; background: none; width: auto; height: auto; } #header.style4 .topnav ul.quick-menu > li > a { line-height: 50px; height: 50px; color: inherit; } #header.style4 .topnav ul.quick-menu .ribbon:hover > ul.menu { top: 48px; } #header.style4 .topnav ul.quick-menu .ribbon > a:after { color: inherit; } #header.style4 .main-navigation { border-top: 1px solid #f5f5f5; } #header.style4 #main-menu > ul.menu { margin: 0 auto; float: none; } #header.style4 #main-menu > ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 2px; } #header.style4 #main-menu > ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; } #header.style4 #main-menu > ul.menu > li.current-menu-item > a, #header.style4 #main-menu > ul.menu > li.current-menu-ancestor > a, #header.style4 #main-menu > ul.menu > li:hover > a { font-weight: bold; color: inherit; background: #f5f5f5; } #header.style4 #main-menu > ul.menu > li:hover > ul, #header.style4 #main-menu > ul.menu > li:hover > .megamenu-wrapper { top: 48px; } #header.style5 #main-menu > ul > li > a { line-height: 48px; height: 48px; } #header.style5 #main-menu > ul > li:hover > ul, #header.style5 #main-menu > ul > li:hover > .megamenu-wrapper { top: 46px; } #header.style5 .logo { margin-top: 14px; min-height: initial; } #header.style5 .logo img { height: 20px; } #header.style5 .logo a { background-size: auto 20px; } #header.style6 { padding-top: 20px; /* Main menu */ } #header.style6 .logo { margin: 0; } #header.style6 .logo img { height: 24px; } #header.style6 .logo a { background-size: auto 24px; } #header.style6 button { padding: 0 15px; } #header.style6 .topnav { float: left; background: none; width: auto; height: auto; margin: 0 0 22px 20px; } #header.style6 .topnav ul.quick-menu > li > a { line-height: 30px; height: 30px; color: inherit; } #header.style6 .topnav ul.quick-menu .ribbon:hover > ul.menu { top: 28px; } #header.style6 .topnav ul.quick-menu .ribbon > a:after { color: inherit; } #header.style6 .main-navigation { background: #fdb714; } #header.style6 #main-menu > ul.menu { margin: 0 auto; float: none; } #header.style6 #main-menu > ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 2px; } #header.style6 #main-menu > ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; font-weight: bold; color: #d07f00; } #header.style6 #main-menu > ul.menu > li.current-menu-item > a, #header.style6 #main-menu > ul.menu > li.current-menu-ancestor > a, #header.style6 #main-menu > ul.menu > li:hover > a { color: #fff; background: #efa300; } #header.style6 #main-menu > ul.menu > li:hover > ul, #header.style6 #main-menu > ul.menu > li:hover > .megamenu-wrapper { top: 48px; } #header.style6 .social-icons { margin-top: 10px; } #header.style6 .social-icons li > a { background: none; color: #d07f00; } #header.style6 .social-icons li > a:hover { color: #fff; } #header.style6 .social-icons li > a:hover i { display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } #header.style7 { /* Main menu */ } #header.style7 .logo { margin: 32px 0 0; } #header.style7 .logo img { height: 28px; } #header.style7 .logo a { background-size: auto 28px; } #header.style7 .topnav { float: left; background: none; width: auto; height: auto; margin: 0; } #header.style7 .topnav ul.quick-menu > li > a { line-height: 36px; height: 36px; color: inherit; } #header.style7 .topnav ul.quick-menu .ribbon:hover > ul.menu { top: 34px; } #header.style7 .topnav ul.quick-menu .ribbon > a:after { color: inherit; } #header.style7 .contact-details { text-transform: uppercase; margin: 0; line-height: 36px; } #header.style7 .contact-details i { color: #01b7f2; vertical-align: middle; } #header.style7 .contact-details .contact-phone { color: inherit; font-size: 0.8333em; } #header.style7 .contact-details .contact-phone i { font-size: 14px; } #header.style7 .contact-details .contact-email { color: inherit; font-size: 0.8333em; padding: 0 0 0 10px; } #header.style7 .contact-details .contact-email i { font-size: 20px; } #header.style7 .main-navigation { background: #2d3e52; } #header.style7 #main-menu > ul.menu { float: right; } #header.style7 #main-menu > ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 2px; } #header.style7 #main-menu > ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 96px; line-height: 96px; font-weight: bold; color: #7c9abd; } #header.style7 #main-menu > ul.menu > li.current-menu-item > a, #header.style7 #main-menu > ul.menu > li.current-menu-ancestor > a, #header.style7 #main-menu > ul.menu > li:hover > a { color: #fff; } #header.style7 #main-menu > ul.menu > li:hover > ul, #header.style7 #main-menu > ul.menu > li:hover > .megamenu-wrapper { top: 94px; } #header.style7 .social-icons { margin-top: 32px; } #header.style7 .social-icons li > a { background: none; color: #7c9abd; overflow: hidden; } #header.style7 .social-icons li > a:hover { background: #01b7f2; color: #fff; } #header.style7 .social-icons li > a:hover i { display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } #header .logo img, #footer2 .logo img, .chaser .logo img { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } body.admin-bar .chaser { top: 28px; } .logo-modal { background-position: center top; background-repeat: no-repeat; margin: 0 auto; width: 100%; text-indent: -9999px; outline: 0; overflow: hidden; display: block; margin-bottom: 20px; } .logo-modal img { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* 3.1.3. Navigation */ .menu > li { position: relative; } /* 3.1.4. Language flags */ .lang-flag { padding-left: 20px !important; } .lang-flag.en-us { background: url(../images/icon/flags/en-us.png) no-repeat left center; } /* 3.1.5. Main Menu */ #main-menu ul.menu li:not(.megamenu-menu) ul, .chaser .menu li:not(.megamenu-menu) ul, .topnav .container > ul ul, .megamenu-wrapper { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } #main-menu ul.menu, .chaser ul.menu { margin: 0; float: right; /* 1st level */ /* 2nd level */ /* 3rd level */ /* 3.1.6. Mega Menu */ } #main-menu ul.menu li, .chaser ul.menu li { -webkit-backface-visibility: hidden; -webkit-transform: none !important; } #main-menu ul.menu > li, .chaser ul.menu > li { float: left; padding-left: 20px; padding-right: 20px; } #main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child { padding-left: 0; } #main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child { padding-right: 0; } #main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul { top: 66px; visibility: visible; height: auto !important; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000; } #main-menu ul.menu > li > a, .chaser ul.menu > li > a { font-weight: normal; display: block; padding: 0; height: 68px; line-height: 68px; text-transform: uppercase; letter-spacing: 0.04em; } #main-menu ul.menu > li.current-menu-item > a, #main-menu ul.menu > li.current-menu-ancestor > a, .chaser ul.menu > li.current-menu-item > a, .chaser ul.menu > li.current-menu-ancestor > a { color: #01b7f2; font-weight: bold; } #main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a { color: #01b7f2; } #main-menu ul.menu > li > ul.left, .chaser ul.menu > li > ul.left { left: auto; right: -10px; } #main-menu ul.menu > li ul, .chaser ul.menu > li ul { visibility: hidden; position: absolute; left: 0px; top: -9999px; z-index: -1; width: 180px; padding: 0; background: #01b7f2; } #main-menu ul.menu > li ul li, .chaser ul.menu > li ul li { text-align: left; position: relative; } #main-menu ul.menu > li ul li:first-child, .chaser ul.menu > li ul li:first-child { border-top: none; } #main-menu ul.menu > li ul li:hover > ul, .chaser ul.menu > li ul li:hover > ul { top: 0; display: block; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000; } #main-menu ul.menu > li ul li > a, .chaser ul.menu > li ul li > a { white-space: nowrap; color: #fff; padding: 12px 20px 12px 18px; display: block; font-size: 0.9167em; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; border-top: 1px solid #04afe7; } #main-menu ul.menu > li ul li:hover > a, #main-menu ul.menu > li ul li.current-menu-item > a, #main-menu ul.menu > li ul li.current-menu-ancestor > a, .chaser ul.menu > li ul li:hover > a, .chaser ul.menu > li ul li.current-menu-item > a, .chaser ul.menu > li ul li.current-menu-ancestor > a { background: #04afe7; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #main-menu ul.menu > li.menu-color-blue ul, .chaser ul.menu > li.menu-color-blue ul { background: #01b7f2; } #main-menu ul.menu > li.menu-color-blue ul li, .chaser ul.menu > li.menu-color-blue ul li { border-top: 1px solid #04afe7; } #main-menu ul.menu > li.menu-color-blue ul li:hover > a, #main-menu ul.menu > li.menu-color-blue ul li.current-menu-item > a, #main-menu ul.menu > li.menu-color-blue ul li.current-menu-ancestor > a, .chaser ul.menu > li.menu-color-blue ul li:hover > a, .chaser ul.menu > li.menu-color-blue ul li.current-menu-item > a, .chaser ul.menu > li.menu-color-blue ul li.current-menu-ancestor > a { background: #04afe7; } #main-menu ul.menu > li.menu-color-yellow ul, .chaser ul.menu > li.menu-color-yellow ul { background: #fdb714; } #main-menu ul.menu > li.menu-color-yellow ul li, .chaser ul.menu > li.menu-color-yellow ul li { border-top: 1px solid #f5b010; } #main-menu ul.menu > li.menu-color-yellow ul li:hover > a, #main-menu ul.menu > li.menu-color-yellow ul li.current-menu-ancestor > a, #main-menu ul.menu > li.menu-color-yellow ul li.current-menu-item > a, .chaser ul.menu > li.menu-color-yellow ul li:hover > a, .chaser ul.menu > li.menu-color-yellow ul li.current-menu-ancestor > a, .chaser ul.menu > li.menu-color-yellow ul li.current-menu-item > a { background: #f5b010; } #main-menu ul.menu > li.menu-color-green ul, .chaser ul.menu > li.menu-color-green ul { background: #98ce44; } #main-menu ul.menu > li.menu-color-green ul li, .chaser ul.menu > li.menu-color-green ul li { border-top: 1px solid #91c63d; } #main-menu ul.menu > li.menu-color-green ul li:hover > a, #main-menu ul.menu > li.menu-color-green ul li.current-menu-ancestor > a, #main-menu ul.menu > li.menu-color-green ul li.current-menu-item > a, .chaser ul.menu > li.menu-color-green ul li:hover > a, .chaser ul.menu > li.menu-color-green ul li.current-menu-ancestor > a, .chaser ul.menu > li.menu-color-green ul li.current-menu-item > a { background: #91c63d; } #main-menu ul.menu > li li > ul, .chaser ul.menu > li li > ul { left: 180px; } #main-menu ul.menu > li li > ul.left, .chaser ul.menu > li li > ul.left { left: -180px; } #main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 66px; z-index: 1002; visibility: visible; } #main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul { visibility: visible; } #main-menu ul.menu > .megamenu-menu .megamenu-wrapper, .chaser ul.menu > .megamenu-menu .megamenu-wrapper { position: absolute; z-index: -1; left: 0; top: -9999px; visibility: hidden; overflow: hidden; display: none; padding: 0; } #main-menu ul.menu > .megamenu-menu .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu .megamenu-wrapper ul { position: static; width: 100%; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #main-menu ul.menu > .megamenu-menu .megamenu-holder, .chaser ul.menu > .megamenu-menu .megamenu-holder { width: auto; margin-left: -15px; margin-right: -15px; } #main-menu ul.menu > .megamenu-menu ul.megamenu, .chaser ul.menu > .megamenu-menu ul.megamenu { display: table; table-layout: fixed; width: 100%; background: #01b7f2; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-item > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-ancestor > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-item > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-ancestor > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children:hover > a { background: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children > ul, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children > ul { background: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li { display: table-cell; float: none; padding-bottom: 25px; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 > .sub-menu > li { width: 100%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 > .sub-menu > li { width: 50%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 > .sub-menu > li { width: 33.3333%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 > .sub-menu > li { width: 25%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 > .sub-menu > li { width: 20%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 > .sub-menu > li { width: 16.6666%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a { padding-left: 40px; font-size: 1em; font-weight: bold; text-transform: uppercase; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > a:hover, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a:hover { background: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu:after, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu:after { display: table; content: ""; clear: both; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children { float: left; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > a { display: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li { display: block; float: none; padding-left: 15px; padding-right: 15px; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a { white-space: normal; padding-right: 0; font-size: 0.9167em; border: none; border-bottom: 1px solid #04afe7; position: relative; padding-left: 40px; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a:before, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a:before { font-family: FontAwesome; content: "\f111"; display: block; font-size: 5px; position: absolute; left: 25px; font-weight: normal; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li:hover > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-ancestor > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-item > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-ancestor > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-item > a { font-weight: bold; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children), .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) { display: block; float: none; padding-left: 15px; padding-right: 15px; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a { white-space: normal; padding-right: 0; font-size: 0.9167em; border: none; border-bottom: 1px solid #04afe7; position: relative; padding-left: 40px; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a:before, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a:before { font-family: FontAwesome; content: "\f111"; display: block; font-size: 5px; position: absolute; left: 25px; font-weight: normal; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children):hover > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-ancestor > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-item > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children):hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-ancestor > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-item > a { font-weight: bold; } #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu { background: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a { border-bottom-color: #04afe7; } #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #04afe7; } #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu { background: #fdb714; } #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a { border-bottom-color: #f5b010; } #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #f5b010; } #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu { background: #98ce44; } #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a { border-bottom-color: #91c63d; } #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #91c63d; } #main-menu ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper { border: 2px solid #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu { background: #fff; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a { color: #2d3e52 !important; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a { color: #838383; border-bottom: 1px solid #f5f5f5; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #f5f5f5; color: #2d3e52; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper { border-color: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper { border-color: #fdb714; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #fdb714; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper { border-color: #98ce44; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #98ce44; } /* 3.1.7. Mini Menu */ ul.menu.mini { min-width: 180px; border: 2px solid #01b7f2; background: #fff; } ul.menu.mini li { padding: 0 20px; float: none; margin: 0; } ul.menu.mini li a { border-bottom: 1px solid #f5f5f5; display: block; padding: 10px 0; color: inherit; line-height: normal; font-size: 0.9167em; text-align: left; } ul.menu.mini li:hover, ul.menu.mini li.active, ul.menu.mini li.current-menu-ancestor, ul.menu.mini li.current-menu-item { background: #f5f5f5; } ul.menu.mini li:hover a, ul.menu.mini li.active a, ul.menu.mini li.current-menu-ancestor a, ul.menu.mini li.current-menu-item a { color: #01b7f2; font-weight: bold; } .menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini { border: none; padding: 10px 0; } .menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a { filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; font-size: 0.8333em; } .menu-color-skin ul.menu.mini li:last-child a, .menu-color-blue ul.menu.mini li:last-child a, .menu-color-yellow ul.menu.mini li:last-child a, .menu-color-green ul.menu.mini li:last-child a { border: none; } .menu-color-skin ul.menu.mini li:hover a, .menu-color-blue ul.menu.mini li:hover a, .menu-color-yellow ul.menu.mini li:hover a, .menu-color-green ul.menu.mini li:hover a, .menu-color-skin ul.menu.mini li.current-menu-ancestor a, .menu-color-blue ul.menu.mini li.current-menu-ancestor a, .menu-color-yellow ul.menu.mini li.current-menu-ancestor a, .menu-color-green ul.menu.mini li.current-menu-ancestor a, .menu-color-skin ul.menu.mini li.current-menu-item a, .menu-color-blue ul.menu.mini li.current-menu-item a, .menu-color-yellow ul.menu.mini li.current-menu-item a, .menu-color-green ul.menu.mini li.current-menu-item a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini { background: #01b7f2; } .menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a { border-color: #04afe7; } .menu-color-skin ul.menu.mini li.active, .menu-color-blue ul.menu.mini li.active, .menu-color-yellow ul.menu.mini li.active, .menu-color-green ul.menu.mini li.active, .menu-color-skin ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li:hover, .menu-color-green ul.menu.mini li:hover, .menu-color-skin ul.menu.mini li.current-menu-ancestor, .menu-color-blue ul.menu.mini li.current-menu-ancestor, .menu-color-yellow ul.menu.mini li.current-menu-ancestor, .menu-color-green ul.menu.mini li.current-menu-ancestor, .menu-color-skin ul.menu.mini li.current-menu-item, .menu-color-blue ul.menu.mini li.current-menu-item, .menu-color-yellow ul.menu.mini li.current-menu-item, .menu-color-green ul.menu.mini li.current-menu-item { background: #04afe7; } .menu-color-blue ul.menu.mini { background: #01b7f2; } .menu-color-blue ul.menu.mini li a { border-color: #04afe7; } .menu-color-blue ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li.current-menu-ancestor, .menu-color-blue ul.menu.mini li.current-menu-item { background: #04afe7; } .menu-color-yellow ul.menu.mini { background: #fdb714; } .menu-color-yellow ul.menu.mini li a { border-color: #f5b010; } .menu-color-yellow ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li.current-menu-ancestor, .menu-color-yellow ul.menu.mini li.current-menu-item { background: #f5b010; } .menu-color-green ul.menu.mini { background: #98ce44; } .menu-color-green ul.menu.mini li a { border-color: #91c63d; } .menu-color-green ul.menu.mini li:hover, .menu-color-green ul.menu.mini li.current-menu-ancestor, .menu-color-green ul.menu.mini li.current-menu-item { background: #91c63d; } /* 3.1.8. Mobile Menu */ #header .mobile-menu { background: #01b7f2; text-align: left; } #header .mobile-menu a { color: #fff; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; display: block; padding: 15px 0; background: none !important; } #header .mobile-menu li.current-menu-item > a, #header .mobile-menu li.current-menu-ancestor > a, #header .mobile-menu li:hover > a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li { float: none; padding-left: 15px; padding-right: 15px; } #header .mobile-menu > ul.menu > li > a { font-size: 1.1667em; border-top: 1px solid #04afe7; } #header .mobile-menu > ul.menu > li > a { text-transform: uppercase; font-weight: bold; } #header .mobile-menu > ul.menu > li.menu-item-has-children { position: relative; } #header .mobile-menu > ul.menu > li.menu-item-has-children.open { background: #04afe7; } #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle { position: absolute; right: 1px; top: 7px; height: 34px; line-height: 34px; padding: 0 15px; background: none; display: inline-block; font-family: FontAwesome; font-size: 1.3333em; font-weight: normal; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after { content: "\f056"; } #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle.collapsed:after { content: "\f055"; } #header .mobile-menu > ul.menu > li.menu-item-has-children > a { border-top: 1px solid #04afe7; } #header .mobile-menu > ul.menu > li.menu-item-has-children.open > a { color: #fff; /*border-top-color: $skin-bg-color;*/ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li.menu-item-has-children.open > .dropdown-toggle { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > a, #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > .dropdown-toggle { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li.menu-item-has-children > ul { border-top: 1px solid #01b7f2; } #header .mobile-menu > ul.menu > li:first-child > a { border-top: none; } #header .mobile-menu > ul.menu > li:last-child > a { border-bottom: 1px solid #04afe7; } #header .mobile-menu > ul.menu > li > ul { /*background: $skin-mobile-menu-color;*/ } #header .mobile-menu > ul.menu > li > ul li > a { padding-left: 15px; font-size: 1.0833em; position: relative; } #header .mobile-menu > ul.menu > li > ul li > a:before { font-family: FontAwesome; content: "\f111"; display: block; font-size: 4px; position: absolute; left: 0px; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a { padding-left: 0; color: #fff; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-size: 1.1667em; font-weight: bold; text-transform: uppercase; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a:before { content: ""; display: none; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > ul { border-bottom: 1px solid #01b7f2; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children:last-child > ul { border-bottom: none !important; } #header .mobile-menu > ul.menu > li li li.menu-item-has-children > a { display: none; /* padding-left: 10px; &:before { display: none; } */ } #header .mobile-menu .mobile-topnav { margin: 0 auto; padding: 0 5px; } #header .mobile-menu .mobile-topnav > li { float: left; position: relative; color: #40cbf8; } #header .mobile-menu .mobile-topnav > li > a { font-size: 0.8333em; padding: 0 10px; margin: 22px 10px; line-height: 1em; width: auto; } #header .mobile-menu .mobile-topnav > li:after { content: "|"; position: absolute; right: -1px; top: 50%; margin-top: -10px; } #header .mobile-menu .mobile-topnav > li:last-child:after { display: none; } #header .mobile-menu .mobile-topnav > li:first-child a { margin-left: 0; } #header .mobile-menu .mobile-topnav .menu.mini { left: 0; top: 40px; visibility: visible; display: none; min-width: 100px; } #header .mobile-menu .mobile-topnav .menu.mini li > a { padding: 10px 0; } #header .mobile-menu .mobile-topnav .menu.mini.left { left: 0; right: auto; } #header .mobile-menu.menu-color-blue .mobile-topnav li:after, #header .mobile-menu.menu-color-yellow .mobile-topnav li:after, #header .mobile-menu.menu-color-green .mobile-topnav li:after { color: #fff; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #header .mobile-menu.menu-color-blue { background: #01b7f2; } #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > a { border-top-color: #04afe7; } #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open { background: #04afe7; } #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > ul { border-top-color: #01b7f2; } #header .mobile-menu.menu-color-blue ul.menu > li:last-child > a { border-bottom-color: #04afe7; } #header .mobile-menu.menu-color-blue ul.menu > li > ul li.menu-item-has-children > ul { border-bottom-color: #01b7f2; } #header .mobile-menu.menu-color-yellow { background: #fdb714; } #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > a { border-top-color: #f5b010; } #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open { background: #f5b010; } #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > ul { border-top-color: #fdb714; } #header .mobile-menu.menu-color-yellow ul.menu > li:last-child > a { border-bottom-color: #f5b010; } #header .mobile-menu.menu-color-yellow ul.menu > li > ul li.menu-item-has-children > ul { border-bottom-color: #fdb714; } #header .mobile-menu.menu-color-green { background: #98ce44; } #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > a { border-top-color: #91c63d; } #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open { background: #91c63d; } #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > ul { border-top-color: #98ce44; } #header .mobile-menu.menu-color-green ul.menu > li:last-child > a { border-bottom-color: #91c63d; } #header .mobile-menu.menu-color-green ul.menu > li > ul li.menu-item-has-children > ul { border-bottom-color: #98ce44; } /* 3.1.9. Sticky Header */ .chaser { /*background: rgba(red($skin-bg-color), green($skin-bg-color), blue($skin-bg-color), 0.8); left: 0; padding: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999;*/ background: rgba(255, 255, 255, 0.95); position: fixed; right: 0; top: 0; width: 100%; z-index: 999; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); -webkit-backface-visibility: hidden; } .chaser ul.menu > li > a { line-height: 48px; height: 48px; } .chaser ul.menu > li:hover > ul, .chaser ul.menu > li:hover > .megamenu-wrapper { top: 46px !important; } .chaser .logo { margin-top: 14px; min-height: initial; padding: 0; height: auto; margin-bottom: 0; } .chaser .logo img { height: 20px; } .chaser .logo a { background-size: auto 20px; } .no-rgba .chaser { background: #fff; filter: alpha(opacity=95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; } .no-backgroundsize .chaser .logo a { background-size: auto 20px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/skin1-logo.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/skin1-logo.png', sizingMethod='scale')"; } /* 3.2.0. Sign up & Login box */ .travelo-modal-box { border: 2px solid #01b7f2; width: 300px; margin: 0 auto; display: none; } .travelo-modal-box .login-social .button { width: 100%; height: 36px; line-height: 36px; margin-bottom: 10px; font-size: 1.3333em; font-weight: 400; text-align: left; padding-left: 20px; letter-spacing: 0.04em; } .travelo-modal-box .login-social .button i { font-size: 1.5em; margin-right: 36px; width: 20px; float: left; display: block; } .travelo-modal-box .login-facebook { background: #155c92; } .travelo-modal-box .login-googleplus { background: #d13535; } .travelo-modal-box .seperator { line-height: 0; border-top: 1px solid #f5f5f5; position: relative; margin-top: 10px; margin-bottom: 10px; } .travelo-modal-box .seperator label { display: block; font-size: 0.9167em; position: absolute; left: 50%; top: 50%; line-height: 1; background: #fff; padding: 0 10px; margin: -1px 0 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 400; } .travelo-modal-box p { margin-bottom: 0; } .travelo-modal-box .description { font-size: 1em; color: #9e9e9e; } .travelo-modal-box .form-group { margin-bottom: 10px; text-align: left; } .travelo-modal-box .checkbox label { font-size: 1em; } .travelo-modal-box .goto-login, .travelo-modal-box .goto-signup, .travelo-modal-box .signup-email { color: #01b7f2; font-size: 1.0833em; } .travelo-modal-box .checkbox-inline { margin-left: 0; } .travelo-modal-box .forgot-password { color: #01b7f2; } .forgot-password { text-decoration: underline; } /* 3.2. Slideshow ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #slideshow { position: relative; width: 100%; padding: 0; min-height: 100px; z-index: 1; } /* background slideshow */ .slideshow-bg { position: relative; min-height: 800px; } .slideshow-bg .flexslider { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; box-shadow: none; } .slideshow-bg .flexslider .slides, .slideshow-bg .flexslider .slides > li { height: 100%; } .slideshow-bg .flexslider .slidebg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slideshow-bg > .container { height: 100%; position: relative; z-index: 2; } .slideshow-bg .table-wrapper { height: 100%; } .slideshow-bg .table-cell { vertical-align: middle; text-align: center; } .slideshow-bg .heading .title, .slideshow-bg .heading .sub-title { font-weight: 900; text-transform: uppercase; } .slideshow-bg .heading .title { font-size: 4.1667em; color: #fff; letter-spacing: 0; text-shadow: 0 0 8px rgba(0, 0, 0, 0.25); margin-bottom: 0; } .slideshow-bg .heading .sub-title { font-size: 2em; color: #000; letter-spacing: 0.1em; text-shadow: 0 0 6px rgba(255, 233, 169, 0.25); } .slideshow-bg .search-box-wrapper { background: none; margin-top: 0; } .slideshow-bg .search-box-wrapper .search-tab-content { padding: 0; } .slideshow-bg .search-box-wrapper.style1 .search-tab-content h4.title, .slideshow-bg .search-box-wrapper.style2 .search-tab-content h4.title { color: #fff; } .slideshow-bg .search-box-wrapper.style5 .search-box { background: none; } .slideshow-bg .search-box { background: rgba(0, 0, 0, 0.75); padding: 20px 20px 5px; display: block; margin-bottom: 30px; text-align: left; } .slideshow-bg .search-box .row { margin-left: -6px; margin-right: -6px; } .slideshow-bg .search-box [class^="col-"], .slideshow-bg .search-box [class*=" col-"] { padding-left: 6px; padding-right: 6px; } .slideshow-bg .search-box .datepicker-wrap:after { background: none; color: #fdb714; } .slideshow-bg .search-box .selector span.custom-select:before { width: 0; height: 0; border-bottom: 4px solid #fdb714; border-left: 3px solid transparent; border-right: 3px solid transparent; background: none !important; right: 7px; top: 50%; margin-top: -3px; } .slideshow-bg .search-box .selector span.custom-select:after { border-top-color: #fdb714; right: 7px; top: 50%; margin-top: 3px; border-top-width: 4px; } .slideshow-bg .button { padding-left: 20px; padding-right: 20px; } .slideshow-bg .button.red { background-color: #e01a33; } .slideshow-bg .button.red:hover { background-color: #e44049; } .slideshow-bg .tour-guide .details { padding: 20px 25px 25px; } .slideshow-bg .toggle-container .price { font-size: 20px; } /* 3.3. Page Title ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .page-title-container { min-height: 56px; background: #2d3e52; } .page-title-container .page-title .entry-title { line-height: 56px; color: #fff; margin: 0; } .page-title-container .breadcrumbs { height: 100%; } .page-title-container .breadcrumbs li { float: left; line-height: 56px; display: inline; margin-left: 5px; font-size: 0.8333em; font-weight: bold; text-transform: uppercase; } .page-title-container .breadcrumbs li a { padding-right: 5px; color: #fff; } .page-title-container .breadcrumbs li a:hover { color: #01b7f2; } .page-title-container .breadcrumbs li:after { content: "/"; color: #5a7ca3; } .page-title-container .breadcrumbs li:last-child:after { content: ""; } .page-title-container .breadcrumbs li.active { color: #fdb714; } .page-title-container.style1 { background: #dbdbdb; height: 66px; line-height: 66px; text-align: right; } .page-title-container.style1 .page-title .entry-title { color: inherit; font-style: italic; line-height: 66px; } .page-title-container.style1 button { padding-left: 10px; padding-right: 10px; } .page-title-container.style1 .container { position: relative; } .page-title-container.style1 .container:before { content: ""; display: block; width: 0; height: 0; position: absolute; z-index: 1; left: 0; top: 0; border-top: 5px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; } .page-title-container.style2 { background: url(../images/inner-start/style2/bg.png) no-repeat center top #dbdbdb; height: 86px; line-height: 86px; text-align: right; } .page-title-container.style2 .page-title { float: left; } .page-title-container.style2 .page-title .entry-title { color: #fff; line-height: 86px; font-weight: bold; } .page-title-container.style2 .breadcrumbs { float: right; background: #e5f8fa; margin-top: 28px; padding: 0 15px; } .page-title-container.style2 .breadcrumbs li.active { color: #01b7f2; } .page-title-container.style2 .breadcrumbs li { line-height: 30px; } .page-title-container.style2 .breadcrumbs li a { color: inherit; font-weight: normal; } .page-title-container.style2 .page-title, .page-title-container.style2 .breadcrumbs { position: relative; } .page-title-container.style2 .page-title:after { position: absolute; content: ""; width: 59px; height: 39px; top: 10px; right: -100px; background: url(../images/inner-start/style2/bird.png) no-repeat; } .page-title-container.style2 .breadcrumbs:before { position: absolute; content: ""; width: 131px; height: 71px; bottom: -28px; left: -135px; background: url(../images/inner-start/style2/palm.png) no-repeat; } .page-title-container.style3 { background: #2d3e52; height: auto; padding: 25px 0 10px; } .page-title-container.style3 form label { font-size: 0.8333em; color: #7c9abd; } .page-title-container.style4 { background: #fdb714; height: 60px; line-height: 60px; text-align: right; overflow: hidden; } .page-title-container.style4 .page-title .entry-title { color: inherit; font-style: italic; line-height: 60px; } .page-title-container.style4 .page-title { float: left; background: #fdb714; padding-right: 20px; position: relative; } .page-title-container.style4 .page-title:after { display: block; content: ""; position: absolute; right: -20px; top: 0; width: 0; height: 0; border-left: 20px solid #fdb714; border-top: 30px solid transparent; border-bottom: 30px solid transparent; } .page-title-container.style4 .page-title i { float: left; font-size: 24px; line-height: 60px; margin-right: 20px; color: #df9207; } .page-title-container.style4 .page-title .entry-title { white-space: nowrap; color: #fff; font-style: normal; font-weight: normal; float: left; } .page-title-container.style4 .container { background: #efa300; position: relative; } .page-title-container.style4 .container:before { position: absolute; content: ""; display: block; right: -100%; top: 0; height: 60px; width: 100%; background: #efa300; } .page-title-container.style4 .breadcrumbs { float: right; } .page-title-container.style4 .breadcrumbs li { line-height: 60px; } .page-title-container.style4 .breadcrumbs li a { color: #ffce5c; } .page-title-container.style4 .breadcrumbs li:before { font-family: "soap-icons"; content: '\e86f'; font-weight: bold; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #ffce5c; border: 1px solid; line-height: 12px; text-align: center; height: 14px; width: 14px; margin-right: 8px; } .page-title-container.style4 .breadcrumbs li:after { content: ""; } .page-title-container.style4 .breadcrumbs li.active, .page-title-container.style4 .breadcrumbs li.active:before, .page-title-container.style4 .breadcrumbs li:hover:before, .page-title-container.style4 .breadcrumbs li:hover a { color: #fff; } .page-title-container.style5 { background: #94e2fb; height: 86px; line-height: 86px; } .page-title-container.style5 .page-title { float: left; margin-right: 25px; } .page-title-container.style5 .page-title .entry-title { color: #fff; line-height: 86px; font-size: 2.5em; } .page-title-container.style5 .breadcrumbs { float: left; } .page-title-container.style5 .breadcrumbs li { line-height: 86px; } .page-title-container.style5 .breadcrumbs li a { color: #01b7f2; } .page-title-container.style5 .breadcrumbs li:before { font-family: "soap-icons"; content: '\e86f'; font-weight: bold; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #01b7f2; border: 1px solid; line-height: 12px; text-align: center; height: 14px; width: 14px; margin-right: 8px; } .page-title-container.style5 .breadcrumbs li:after { content: ""; } .page-title-container.style5 .breadcrumbs li.active, .page-title-container.style5 .breadcrumbs li.active:before, .page-title-container.style5 .breadcrumbs li:hover:before, .page-title-container.style5 .breadcrumbs li:hover a { color: #fff; } .page-title-container.style5 .breadcrumbs:before { float: left; content: "|"; font-size: 2.5em; font-weight: 300; color: #c6f1ff; margin-right: 25px; } .page-title-container.style5 .social-icons { float: right; margin-top: 27px; } .page-title-container.style5 .social-icons li { line-height: normal; } .page-title-container.style5 .social-icons a { background: none; overflow: hidden; } .page-title-container.style5 .social-icons a:hover { border: 1px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: none; } .page-title-container.style5 .social-icons a:hover i { color: #fff; display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } .page-title-container.style5 .social-icons a i { color: #01b7f2; } .page-title-container.style6 { background: #dbdbdb; height: 86px; line-height: 86px; } .page-title-container.style6 .page-title { float: left; margin-right: 25px; font-style: italic; } .page-title-container.style6 .page-title .entry-title { color: #838383; line-height: 86px; font-size: 2.5em; } .page-title-container.style6 .breadcrumbs { float: left; } .page-title-container.style6 .breadcrumbs li { line-height: 86px; } .page-title-container.style6 .breadcrumbs li a { color: #f5f5f5; } .page-title-container.style6 .breadcrumbs li:before { font-family: "soap-icons"; content: '\e86f'; font-weight: bold; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #f5f5f5; border: 1px solid; line-height: 12px; text-align: center; height: 14px; width: 14px; margin-right: 8px; } .page-title-container.style6 .breadcrumbs li:after { content: ""; } .page-title-container.style6 .breadcrumbs li.active, .page-title-container.style6 .breadcrumbs li.active:before, .page-title-container.style6 .breadcrumbs li:hover:before, .page-title-container.style6 .breadcrumbs li:hover a { color: inherit; } .page-title-container.style6 .breadcrumbs:before { float: left; content: "|"; font-size: 2.5em; font-weight: 300; color: #f5f5f5; margin-right: 25px; } .page-title-container.style6 .search-box { padding: 25px 0 0; float: right; margin: 0; line-height: normal; } .page-title-container.style6 .search-box .input-text { background: #f5f5f5; font-size: 0.8333em; letter-spacing: 0.04em; text-transform: uppercase; } /* 3.4. Word Map Section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .world-map-section { height: 750px; } .marker-holder { position: absolute; width: 10px; height: 10px; left: 0; } .marker-holder .image-box { position: absolute; width: 405px; padding: 5px; margin: 0; background: #fff; bottom: 0; left: 0; font-family: "Lato", Arial, Helvetica, sans-serif; } .marker-holder .image-box figure { width: 135px; height: 135px; float: left; } .marker-holder .image-box figure img { height: 100%; } .marker-holder .image-box .details { margin-left: 150px; padding-top: 5px; } .marker-holder .image-box .details .title img { padding-top: 5px; margin-right: 3px; } .marker-holder .image-box .details i { font-size: 2.1667em; color: #d9d9d9; } .marker-holder .image-box .details .price { font-size: 1.3333em; } .marker-holder .image-box .details .price small { font-size: 0.625em; line-height: 1.3333em; } .marker-holder .image-box .details .table-wrapper { width: 100%; table-layout: fixed; } .marker-holder .image-box .details .table-cell { padding: 10px 20px 10px 10px; border-top: 1px solid #f5f5f5; } .marker-holder .image-box .details .table-cell:first-child { border-right: 1px solid #f5f5f5; } .marker-holder .image-box:after { content: ""; position: absolute; left: 180px; bottom: -25px; display: block; width: 0; height: 0; border-width: 25px 25px 0; border-style: solid; border-color: #fff transparent; } /* 4. Search Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 4.1. Default Style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper { background: #fff; margin-top: -40px; } .search-box { margin-top: 0; position: relative; z-index: 98; } .age-of-children { margin-top: 10px; } .age-of-children h5 { margin-bottom: 5px; } ul.search-tabs { margin: 0; padding: 0; } ul.search-tabs li { float: left; padding-right: 4px; } ul.search-tabs li a { color: #333; display: block; padding: 0 30px; background: #fff; font-size: 1em; font-weight: bold; height: 40px; line-height: 40px; text-decoration: none; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; letter-spacing: 0.04em; text-transform: uppercase; } ul.search-tabs li a:hover { filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } ul.search-tabs li.active a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #01b7f2; } .visible-mobile .search-tabs li { float: none; } .visible-mobile .search-tabs li a { color: #01b7f2; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; padding: 0 80px; text-align: center; } .visible-mobile .search-tabs li a:hover { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .search-tab-content { padding: 30px 0; } .search-tab-content .tab-pane { display: none; } .search-tab-content .tab-pane.active { display: block; } .search-tab-content h4.title { margin: 10px 0; height: 20px; } .search-tab-content .fixheight { padding-top: 40px; } /* search box for mobile */ .search-box #mobile-search-tabs > li { display: none; } .search-box .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; } .search-box .bx-wrapper .bx-prev, .search-box .bx-wrapper .bx-next { background: #01b7f2; font-family: FontAwesome; } .search-box .bx-wrapper .bx-controls-direction a { width: 30px; height: 22px; margin-top: -11px; } .search-box .bx-wrapper .bx-controls-direction a.disabled { display: block; background: #d9d9d9; } .search-box .bx-wrapper .bx-prev:before, .search-box .bx-wrapper .bx-next:before { display: block; position: absolute; text-indent: 0; line-height: 20px; text-align: center; width: 30px; color: #fff; } .search-box .bx-wrapper .bx-prev:before:hover, .search-box .bx-wrapper .bx-next:before:hover { color: white; } .search-box .bx-wrapper .bx-prev:before { content: "\f177"; } .search-box .bx-wrapper .bx-next:before { content: "\f178"; } /* 4.2. Style4 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper.style5 { background: none; } .search-box-wrapper.style5 .search-box { margin: 0; } .search-box-wrapper.style5 .search-box > ul.search-tabs { margin-top: 80px; float: left; width: 31%; } .search-box-wrapper.style5 .search-box > ul.search-tabs li { float: none; margin-right: 0; padding-right: 0; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a { filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; height: 57px; line-height: 57px; border-bottom: 1px solid #0d9dec; border-right: 1px solid #0d9dec; position: relative; padding-left: 50px; overflow: hidden; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a:hover { filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a:hover i { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a > i { position: absolute; left: 15px; font-size: 24px; } .search-box-wrapper.style5 .search-box > ul.search-tabs li.active > a { border-right-color: #fff; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .search-box-wrapper.style5 .search-box > ul.search-tabs li.active > a > i { color: #fdb714; } .search-box-wrapper.style5 .search-box > ul.search-tabs li.active > a:after { content: "\e88b"; font-family: "soap-icons"; position: absolute; right: 15px; color: #01b7f2; font-size: 20px; } .search-box-wrapper.style5 .search-box > ul.search-tabs li:last-child > a { border-bottom: none; } .search-box-wrapper.style5 .search-tab-content { background: #fff; float: left; width: 69%; padding: 0; } .search-box-wrapper.style5 .search-tab-content .title-container { background: #fdb714; padding: 15px 40px 0 25px; height: 80px; position: relative; } .search-box-wrapper.style5 .search-tab-content .title-container > i { font-size: 48px; position: absolute; right: 25px; top: 50%; margin-top: -24px; } .search-box-wrapper.style5 .search-tab-content .title-container * { color: #fff; } .search-box-wrapper.style5 .search-tab-content .title-container .search-title { margin: 0; font-weight: bold; } .search-box-wrapper.style5 .search-tab-content .search-content { padding: 18px 25px 25px; } .search-box-wrapper.style5 .search-tab-content .search-content .choose-travel label.radio { color: #2d3e52; font-size: inherit; } .search-box-wrapper.style5 .search-tab-content .search-content .choose-travel > div { margin-bottom: 0; } .search-box-wrapper.style5 .search-tab-content .search-content label { font-size: 0.8333em; } /* 4.3. Style3 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper.style3, .search-box-wrapper.style4 { background: none; margin-top: 0; } .search-box-wrapper.style3 .search-box, .search-box-wrapper.style4 .search-box { margin: 0 auto; background: rgba(0, 0, 0, 0.5); padding: 5px; } .search-box-wrapper.style3 .search-box > ul.search-tabs, .search-box-wrapper.style4 .search-box > ul.search-tabs { display: table; width: 100%; } .search-box-wrapper.style3 .search-box > ul.search-tabs li, .search-box-wrapper.style4 .search-box > ul.search-tabs li { /* padding-right: 5px; display: table-cell; float: none; */ float: left; padding-right: 5px; } .search-box-wrapper.style3 .search-box > ul.search-tabs li:last-child, .search-box-wrapper.style4 .search-box > ul.search-tabs li:last-child { padding-right: 0; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a { padding: 0 30px; /*margin-bottom: 5px; padding: 0;*/ height: 35px; line-height: 35px; background: #01b7f2; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #fff; text-align: center; overflow: hidden; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a i, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a i { font-size: 1.6666em; vertical-align: middle; margin-right: 10px; line-height: 0; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a span, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a span { vertical-align: middle; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a:hover i:before, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a:hover i:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .search-box-wrapper.style3 .search-box > ul.search-tabs li.advanced-search > a, .search-box-wrapper.style4 .search-box > ul.search-tabs li.advanced-search > a { background: #fdb714; } .search-box-wrapper.style3 .search-box > ul.search-tabs li.active > a, .search-box-wrapper.style4 .search-box > ul.search-tabs li.active > a { margin-bottom: 0; height: 40px; background: #fff; color: #01b7f2; } .search-box-wrapper.style3 .search-tab-content, .search-box-wrapper.style4 .search-tab-content { background: #fff; padding: 20px; } .search-box-wrapper.style3 .search-tab-content .tab-pane [class^="col-"], .search-box-wrapper.style3 .search-tab-content .tab-pane [class*=" col-"], .search-box-wrapper.style4 .search-tab-content .tab-pane [class^="col-"], .search-box-wrapper.style4 .search-tab-content .tab-pane [class*=" col-"] { padding-left: 5px; padding-right: 5px; } .search-box-wrapper.style3 .search-tab-content .tab-pane .row, .search-box-wrapper.style4 .search-tab-content .tab-pane .row { margin-left: -5px; margin-right: -5px; } .search-box-wrapper.style3 .search-tab-content input.input-text, .search-box-wrapper.style3 .search-tab-content select, .search-box-wrapper.style3 .search-tab-content textarea, .search-box-wrapper.style3 .search-tab-content span.custom-select, .search-box-wrapper.style4 .search-tab-content input.input-text, .search-box-wrapper.style4 .search-tab-content select, .search-box-wrapper.style4 .search-tab-content textarea, .search-box-wrapper.style4 .search-tab-content span.custom-select { background: #fff; border: 1px solid #d1d1d1; } .search-box-wrapper.style3 .search-tab-content .selector span.custom-select:before, .search-box-wrapper.style4 .search-tab-content .selector span.custom-select:before { background: #d1d1d1; } .search-box-wrapper.style3 .search-tab-content .datepicker-wrap:after, .search-box-wrapper.style4 .search-tab-content .datepicker-wrap:after { background: transparent; color: #d1d1d1; } .search-box-wrapper.style3 .search-tab-content button, .search-box-wrapper.style4 .search-tab-content button { font-size: 1.1667em; font-weight: bold; } /* 4.4. Map Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper .main-search-box { padding: 20px 0 10px; } .search-box-wrapper .main-search-box .row { margin: 0; } .search-box-wrapper .main-search-box .row > div { padding: 0; } .search-box-wrapper .main-search-box .title { line-height: 43px; margin: 0; } .search-box-wrapper .main-search-box button { font-size: 1em; } /* 5. Search Results ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 5.1. Hotel ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 5.1.1. Sort by */ .sort-by-section { background: #fff; padding: 0 20px; } .sort-by-section li { float: left; padding: 15px 5px; /*&:first-child { padding-left: 0; } &:last-child { padding-right: 0; }*/ } .sort-by-section .sort-by-title { margin: 15px 20px 0 0; line-height: 34px; float: left; } .sort-by-section .sort-bar { float: left; } .sort-by-section .sort-bar .sort-by-container { position: relative; display: block; } .sort-by-section .sort-bar .sort-by-container > span { background: #f5f5f5; height: 34px; padding: 0 45px 0 15px; line-height: 34px; display: block; color: #9e9e9e; } .sort-by-section .sort-bar .sort-by-container > span:after { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; background: #d9d9d9; content: ""; } .sort-by-section .sort-bar .sort-by-container:before, .sort-by-section .sort-bar .sort-by-container:after { content: ""; position: absolute; z-index: 1; display: block; top: 50%; right: 12px; border-left: 3px solid transparent; border-right: 3px solid transparent; } .sort-by-section .sort-bar .sort-by-container:before { margin-top: -6px; border-bottom: 5px solid #fff; } .sort-by-section .sort-bar .sort-by-container:after { margin-top: 2px; border-top: 5px solid #fff; } .sort-by-section .sort-bar li.active .sort-by-container > span:after { background: #fdb714; } .sort-by-section .swap-tiles { float: right; font-size: 33px; } .sort-by-section .swap-tiles li > a > i { display: block; width: 34px; line-height: 34px; height: 34px; background: #f5f5f5; color: #d9d9d9; text-align: center; } .sort-by-section .swap-tiles li:hover > a > i, .sort-by-section .swap-tiles li.active > a > i { background: #01b7f2; color: #fff; } .sort-by-section .swap-tiles li.swap-list > a > i { font-size: 30px; } /* 5.1.2. Filters */ .filters-container.toggle-container { background: none; } .filters-container.toggle-container .panel.style1 { border: none; margin-bottom: 4px; background: #fff; } .filters-container.toggle-container .panel.style1 .panel-title { padding-left: 5px; } .filters-container.toggle-container .panel.style1 .panel-content { padding: 10px 20px 20px; } .search-results-title { background: #fff; padding: 0 20px; margin: 0; border-bottom: 4px solid #f5f5f5; line-height: 3em; } .search-results-title > i { color: #fdb714; font-size: 20px; margin-right: 10px; } .filters-container .reviews { margin: 0; letter-spacing: 0.04em; } .filters-container ul.filters-option { margin-bottom: 10px; } .filters-container ul.filters-option li { margin-bottom: 1px; background: #f5f5f5; padding: 0 15px; } .filters-container ul.filters-option li a { color: inherit; display: block; padding: 8px 0; text-transform: uppercase; font-size: 11px; } .filters-container ul.filters-option li small { float: right; } .filters-container ul.filters-option li:before { float: left; width: 15px; height: 16px; display: block; line-height: 14px; text-align: center; margin-top: 12px; } .filters-container ul.filters-option li:after { display: table; clear: both; content: ""; } .filters-container ul.filters-option li.active { background: #01b7f2; } .filters-container ul.filters-option li.active a { color: #fff; } /* 5.1.3. Detailed */ .detailed-logo { background: #fff; padding: 15px; } .detailed-logo figure { background: #f5f5f5; text-align: center; padding: 20px 0; } .detailed-logo figure img { max-width: 100%; height: auto; width: auto; } .detailed-logo .box-title, .detailed-logo .price, .detailed-logo .feedback { border-bottom: 1px solid #f5f5f5; } .detailed-logo .box-title { margin-top: 15px; padding-bottom: 10px; letter-spacing: normal; } .detailed-logo .box-title > small { line-height: 1.5em; letter-spacing: 0.04em; font-size: 10px; } .detailed-logo .box-title > small > i { font-size: 1.5em; display: block; float: left; margin-right: 3px; } .detailed-logo .price { float: none; display: block; line-height: 1.75em; } .detailed-logo .feedback { padding: 8px 0 2px; color: #9E9E9E; text-transform: uppercase; font-size: 0.8333em; margin-bottom: 10px; } /* 5.1.4. Hotel main content, Flight main content */ #hotel-main-content .tab-content .tab-pane, #flight-main-content .tab-content .tab-pane, #cruise-main-content .tab-content .tab-pane { padding: 0; } #hotel-main-content #calendar-tab, #flight-main-content #calendar-tab, #cruise-main-content #calendar-tab { background: #2d3e52; padding: 20px 30px; } #hotel-main-content #calendar-tab label, #hotel-main-content #calendar-tab p, #flight-main-content #calendar-tab label, #flight-main-content #calendar-tab p, #cruise-main-content #calendar-tab label, #cruise-main-content #calendar-tab p { color: #7c9abd; } #hotel-main-content #calendar-tab .description, #flight-main-content #calendar-tab .description, #cruise-main-content #calendar-tab .description { padding-top: 30px; } #hotel-main-content #calendar-tab .row, #flight-main-content #calendar-tab .row, #cruise-main-content #calendar-tab .row { border: none; } #hotel-main-content .calendar table, #flight-main-content .calendar table, #cruise-main-content .calendar table { width: 100%; table-layout: fixed; margin-top: 20px; } #hotel-main-content .calendar table thead td, #flight-main-content .calendar table thead td, #cruise-main-content .calendar table thead td { text-align: center; color: #fdb714; text-transform: uppercase; font-size: 0.8333em; text-indent: -5px; line-height: 3em; } #hotel-main-content .calendar table tbody td, #flight-main-content .calendar table tbody td, #cruise-main-content .calendar table tbody td { padding: 0 5px 5px 0; text-align: right; position: relative; } #hotel-main-content .calendar table tbody td > a, #hotel-main-content .calendar table tbody td > span, #flight-main-content .calendar table tbody td > a, #flight-main-content .calendar table tbody td > span, #cruise-main-content .calendar table tbody td > a, #cruise-main-content .calendar table tbody td > span { border: 1px solid #da6161; display: block; color: #da6161; padding: 5px; line-height: 1em; height: 4.6666em; font-size: 1.1667em; position: relative; } #hotel-main-content .calendar table tbody td > a:before, #hotel-main-content .calendar table tbody td > span:before, #flight-main-content .calendar table tbody td > a:before, #flight-main-content .calendar table tbody td > span:before, #cruise-main-content .calendar table tbody td > a:before, #cruise-main-content .calendar table tbody td > span:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #da6161; font-size: 10px; text-align: center; z-index: 1; line-height: 1; padding: 2.2em 5px 5px; color: #fff; display: none; cursor: default; } #hotel-main-content .calendar table tbody td > a:hover:before, #hotel-main-content .calendar table tbody td > span:hover:before, #flight-main-content .calendar table tbody td > a:hover:before, #flight-main-content .calendar table tbody td > span:hover:before, #cruise-main-content .calendar table tbody td > a:hover:before, #cruise-main-content .calendar table tbody td > span:hover:before { display: block; } #hotel-main-content .calendar table tbody td.available > a, #hotel-main-content .calendar table tbody td.available > span, #flight-main-content .calendar table tbody td.available > a, #flight-main-content .calendar table tbody td.available > span, #cruise-main-content .calendar table tbody td.available > a, #cruise-main-content .calendar table tbody td.available > span { border-color: #98ce44; color: #98ce44; } #hotel-main-content .calendar table tbody td.available > a:before, #hotel-main-content .calendar table tbody td.available > span:before, #flight-main-content .calendar table tbody td.available > a:before, #flight-main-content .calendar table tbody td.available > span:before, #cruise-main-content .calendar table tbody td.available > a:before, #cruise-main-content .calendar table tbody td.available > span:before { background: #98ce44; cursor: pointer; } #hotel-main-content .calendar table tbody td.date-passed > a, #hotel-main-content .calendar table tbody td.date-passed > span, #flight-main-content .calendar table tbody td.date-passed > a, #flight-main-content .calendar table tbody td.date-passed > span, #cruise-main-content .calendar table tbody td.date-passed > a, #cruise-main-content .calendar table tbody td.date-passed > span { border-color: #01b7f2; color: #01b7f2; } #hotel-main-content .calendar table tbody td.date-passed > a:before, #hotel-main-content .calendar table tbody td.date-passed > span:before, #flight-main-content .calendar table tbody td.date-passed > a:before, #flight-main-content .calendar table tbody td.date-passed > span:before, #cruise-main-content .calendar table tbody td.date-passed > a:before, #cruise-main-content .calendar table tbody td.date-passed > span:before { background: #01b7f2; } #hotel-main-content .calendar table tbody td .price-text, #flight-main-content .calendar table tbody td .price-text, #cruise-main-content .calendar table tbody td .price-text { position: absolute; bottom: 5px; right: 5px; color: #fff; font-size: 0.8571em; } #hotel-main-content .calendar-legend, #flight-main-content .calendar-legend, #cruise-main-content .calendar-legend { margin-top: 15px; } #hotel-main-content .calendar-legend label, #flight-main-content .calendar-legend label, #cruise-main-content .calendar-legend label { text-transform: uppercase; font-weight: normal; letter-spacing: 0.04em; line-height: 15px; color: #fff !important; margin-right: 15px; font-size: 0.9167em; } #hotel-main-content .calendar-legend label:before, #flight-main-content .calendar-legend label:before, #cruise-main-content .calendar-legend label:before { content: ""; display: block; float: left; width: 15px; height: 15px; border: 1px solid; margin-right: 4px; } #hotel-main-content .calendar-legend label.available:before, #flight-main-content .calendar-legend label.available:before, #cruise-main-content .calendar-legend label.available:before { border-color: #98ce44; } #hotel-main-content .calendar-legend label.unavailable:before, #flight-main-content .calendar-legend label.unavailable:before, #cruise-main-content .calendar-legend label.unavailable:before { border-color: #da6161; } #hotel-main-content .calendar-legend label.past:before, #flight-main-content .calendar-legend label.past:before, #cruise-main-content .calendar-legend label.past:before { border-color: #01b7f2; } #hotel-description .intro, #hotel-reviews .intro, #hotel-write-review .intro, #car-details .intro, #flight-details .intro, #cruise-description .intro, #cruise-reviews .intro, #cruise-write-review .intro, #travel-guide .intro, #tour-details .intro { background: #f5f5f5; } #hotel-description .intro.table-wrapper, #hotel-reviews .intro.table-wrapper, #hotel-write-review .intro.table-wrapper, #car-details .intro.table-wrapper, #flight-details .intro.table-wrapper, #cruise-description .intro.table-wrapper, #cruise-reviews .intro.table-wrapper, #cruise-write-review .intro.table-wrapper, #travel-guide .intro.table-wrapper, #tour-details .intro.table-wrapper { padding: 0; border-spacing: 15px; border-collapse: separate; table-layout: fixed; } #hotel-description .intro.table-wrapper > *, #hotel-reviews .intro.table-wrapper > *, #hotel-write-review .intro.table-wrapper > *, #car-details .intro.table-wrapper > *, #flight-details .intro.table-wrapper > *, #cruise-description .intro.table-wrapper > *, #cruise-reviews .intro.table-wrapper > *, #cruise-write-review .intro.table-wrapper > *, #travel-guide .intro.table-wrapper > *, #tour-details .intro.table-wrapper > * { border-collapse: collapse; } #hotel-description .intro.table-wrapper .table-cell, #hotel-reviews .intro.table-wrapper .table-cell, #hotel-write-review .intro.table-wrapper .table-cell, #car-details .intro.table-wrapper .table-cell, #flight-details .intro.table-wrapper .table-cell, #cruise-description .intro.table-wrapper .table-cell, #cruise-reviews .intro.table-wrapper .table-cell, #cruise-write-review .intro.table-wrapper .table-cell, #travel-guide .intro.table-wrapper .table-cell, #tour-details .intro.table-wrapper .table-cell { background: #fff; } #hotel-description .intro.table-wrapper .table-cell:first-child, #hotel-reviews .intro.table-wrapper .table-cell:first-child, #hotel-write-review .intro.table-wrapper .table-cell:first-child, #car-details .intro.table-wrapper .table-cell:first-child, #flight-details .intro.table-wrapper .table-cell:first-child, #cruise-description .intro.table-wrapper .table-cell:first-child, #cruise-reviews .intro.table-wrapper .table-cell:first-child, #cruise-write-review .intro.table-wrapper .table-cell:first-child, #travel-guide .intro.table-wrapper .table-cell:first-child, #tour-details .intro.table-wrapper .table-cell:first-child { margin-bottom: 15px; } #hotel-features, #cruise-features { margin-top: 30px; } #hotel-description .features, #cruise-description .features, #travel-guide .features, #tour-details .features { text-transform: uppercase; padding: 25px 20px; font-size: 0.8333em; } #hotel-description .features li, #cruise-description .features li, #travel-guide .features li, #tour-details .features li { line-height: 2em; } #hotel-description .features label, #cruise-description .features label, #travel-guide .features label, #tour-details .features label { margin: 0; width: 110px; border-right: 1px solid #f5f5f5; margin-right: 20px; color: #01b7f2; white-space: nowrap; height: 100%; } #hotel-description .long-description, #cruise-description .long-description, #travel-guide .long-description, #tour-details .long-description { margin-top: 25px; padding: 0 15px; } #hotel-description .policies-box label, #cruise-description .policies-box label, #travel-guide .policies-box label, #tour-details .policies-box label { color: #01b7f2; } #hotel-availability .update-search, #cruise-availability .update-search, #tour-details .update-search { border: 15px solid #f5f5f5; background: #fff; padding: 20px 20px 0; margin-bottom: 20px; } #hotel-availability .update-search [class^="col-"], #hotel-availability .update-search [class*=" col-"], #cruise-availability .update-search [class^="col-"], #cruise-availability .update-search [class*=" col-"], #tour-details .update-search [class^="col-"], #tour-details .update-search [class*=" col-"] { padding-left: 5px; padding-right: 5px; /*&:first-child { padding-left: 0; } &:last-child { padding-right: 0; }*/ } #hotel-availability .update-search .row, #cruise-availability .update-search .row, #tour-details .update-search .row { margin-left: -5px; margin-right: -5px; } #hotel-availability .update-search > div, #cruise-availability .update-search > div, #tour-details .update-search > div { margin-bottom: 20px; } #hotel-availability .room-list > article, #cruise-availability .room-list > article, #tour-details .room-list > article { margin: 20px 0 0; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } #hotel-availability .room-list > article:last-child, #cruise-availability .room-list > article:last-child, #tour-details .room-list > article:last-child { border-bottom: none; } #hotel-availability .room-list .load-more button, #cruise-availability .room-list .load-more button, #tour-details .room-list .load-more button { font-size: 1.3333em; } #hotel-availability .room-list .box .price-section, #hotel-availability .room-list .box .action-section, #cruise-availability .room-list .box .price-section, #cruise-availability .room-list .box .action-section, #tour-details .room-list .box .price-section, #tour-details .room-list .box .action-section { padding-right: 0; } #hotel-availability .room-list .box .price-section, #cruise-availability .room-list .box .price-section, #tour-details .room-list .box .price-section { border-bottom: none; } #hotel-availability .room-list .box .action-section, #cruise-availability .room-list .box .action-section, #tour-details .room-list .box .action-section { vertical-align: bottom; } #hotel-availability .room-list .box .action-section a.button, #cruise-availability .room-list .box .action-section a.button, #tour-details .room-list .box .action-section a.button { padding: 0 20px; } #hotel-availability .room-list .box .action-section h4, #cruise-availability .room-list .box .action-section h4, #tour-details .room-list .box .action-section h4 { color: #fcb714; } #hotel-availability article img.custom_amenity, #cruise-availability article img.custom_amenity, #tour-details article img.custom_amenity { margin-top: 5px; margin-right: 5px; opacity: 0.7; vertical-align: baseline; } #hotel-availability article img.custom_amenity:hover, #cruise-availability article img.custom_amenity:hover, #tour-details article img.custom_amenity:hover { opacity: 1; } #hotel-amenities .amenities li, #inflight-features .amenities li, #cruise-amenities .amenities li { padding: 0; } #hotel-amenities .amenities.style1 li, #inflight-features .amenities.style1 li, #cruise-amenities .amenities.style1 li { margin-bottom: 1px; } #hotel-amenities .amenities.style1 li .icon-box, #inflight-features .amenities.style1 li .icon-box, #cruise-amenities .amenities.style1 li .icon-box { background: #f5f5f5; } #hotel-amenities .amenities.style2 li, #inflight-features .amenities.style2 li, #cruise-amenities .amenities.style2 li { margin-bottom: 20px; } #hotel-amenities .custom_amenity, #inflight-features .custom_amenity, #cruise-amenities .custom_amenity { background: #fdb714; width: 42px; margin-right: 15px; display: inline-block; float: left; } #hotel-amenities .custom_amenity img, #inflight-features .custom_amenity img, #cruise-amenities .custom_amenity img { margin: 0 auto; display: block; } #hotel-reviews .rating, #cruise-reviews .rating { padding: 20px 30px; background: #fff; text-align: center; } #hotel-reviews .rating .score, #cruise-reviews .rating .score { display: block; font-size: 5em; color: #2d3e52; font-weight: 300; line-height: 1.25em; } #hotel-reviews .rating .five-stars-container, #cruise-reviews .rating .five-stars-container { font-size: 2.5em; margin-bottom: 20px; } #hotel-reviews .detailed-rating, #cruise-reviews .detailed-rating { background: #fff; padding: 30px 0; } #hotel-reviews .detailed-rating li, #cruise-reviews .detailed-rating li { padding: 0 25px; } #hotel-reviews .guest-reviews, #cruise-reviews .guest-reviews { margin-top: 25px; margin-bottom: 30px; } #hotel-reviews .guest-reviews .comment-container, #cruise-reviews .guest-reviews .comment-container { padding-left: 20px; } #hotel-faqs .topics, #flight-fare-rules .topics { margin-bottom: 30px; } #hotel-faqs .topics li, #flight-fare-rules .topics li { padding: 0; margin-bottom: 1px; border-right: 1px solid #fff; background: #f5f5f5; padding-left: 15px; line-height: 3.3333em; text-transform: uppercase; font-size: 0.9167em; } #hotel-faqs .topics li a, #flight-fare-rules .topics li a { color: inherit; } #hotel-faqs .topics li.active, #flight-fare-rules .topics li.active { background: #01b7f2; } .image-box.style2.activities .details { padding-top: 10px; } .image-box.style2.activities.innerstyle { margin-top: 20px; } .image-box.style2.activities.innerstyle .details { padding-right: 0; } .image-box.style2.activities .review-score { float: right; text-transform: uppercase; } .image-box.style2.activities .review-score .reviews { font-size: 0.8333em; } .image-box.style2.activities .five-stars-container { float: left; margin-right: 10px; } .image-box.style2.activities .details-header { border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; } .image-box.style2.activities > * { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .image-box.style2.activities > *:last-child { border-bottom: none; padding-bottom: 0; } .image-box.style2.activities.no-bottom-border > * { padding-bottom: 0; border-bottom: none; margin-bottom: 30px; } #hotel-write-review .photo, #cruise-write-review .photo { padding: 0; } #hotel-write-review .photo .feedback, #cruise-write-review .photo .feedback { margin-top: 40px; } #hotel-write-review .photo .details, #cruise-write-review .photo .details { padding-right: 15px; } #hotel-write-review .photo .details .review, #cruise-write-review .photo .details .review { letter-spacing: 0.04em; } #hotel-write-review .overall-rating, #cruise-write-review .overall-rating { background: #fff; } #hotel-write-review .detailed-rating, #cruise-write-review .detailed-rating { margin-left: -20px; margin-right: -20px; } #hotel-write-review .detailed-rating li, #cruise-write-review .detailed-rating li { padding: 0 20px; } #hotel-write-review .detailed-rating li > .each-rating, #cruise-write-review .detailed-rating li > .each-rating { border-top: 1px solid #F5F5F5; border-bottom: none; } #hotel-write-review .main-rating, #cruise-write-review .main-rating { margin-bottom: 20px; } #hotel-write-review .review-form, #cruise-write-review .review-form { padding: 0 10px 10px; } #hotel-write-review .review-form h4, #cruise-write-review .review-form h4 { margin-bottom: 5px; } #hotel-write-review .review-form .form-group, #cruise-write-review .review-form .form-group { margin-bottom: 20px; } #hotel-write-review .sort-trip li, #cruise-write-review .sort-trip li { float: left; margin-right: 20px; text-align: center; } #hotel-write-review .sort-trip li > span, #cruise-write-review .sort-trip li > span { font-weight: 500; font-size: 1.1667em; margin-top: 10px; line-height: 2.5em; } #hotel-write-review .sort-trip li i, #cruise-write-review .sort-trip li i { display: block; width: 70px; height: 70px; line-height: 70px; font-size: 2.3333em; color: #dbdbdb; } #hotel-write-review .sort-trip li.active i, #cruise-write-review .sort-trip li.active i { background: #01b7f2; color: #fff; border-color: #01b7f2; } #hotel-write-review .sort-trip li.active > span, #cruise-write-review .sort-trip li.active > span { color: #01b7f2; } #hotel-write-review .sort-trip li:hover i, #cruise-write-review .sort-trip li:hover i { -webkit-animation: sonarEffect 1s ease-out; -moz-animation: sonarEffect 1s ease-out; animation: sonarEffect 1s ease-out; } #hotel-write-review .error-field, #cruise-write-review .error-field { border: 1px solid #f00; } .overall-rating { padding: 25px 30px; } .overall-rating .star-rating { margin-bottom: 20px; } .overall-rating .star-rating .five-stars-container { font-size: 3em; line-height: 1em; float: left; } .overall-rating .star-rating .status { display: none; text-transform: uppercase; display: block; float: left; line-height: 22px; height: 22px; background: #01b7f2; color: #fff; font-weight: bold; margin-top: 8px; position: relative; margin-left: 25px; padding: 0 15px 0 10px; } .overall-rating .star-rating .status:before { display: block; content: ""; border-right: 15px solid #01b7f2; border-top: 11px solid transparent; border-bottom: 11px solid transparent; position: absolute; top: 0; left: -15px; } .detailed-rating { text-transform: uppercase; } .detailed-rating li { display: block; } .detailed-rating li > .each-rating { border-bottom: 1px solid #f5f5f5; display: block; padding: 8px 0 5px; } .detailed-rating li label { color: #01b7f2; } .detailed-rating li .five-stars-container { float: right; color: #dbdbdb; } #rating-filter .panel-content > * { vertical-align: middle; } #rating-filter .panel-content span { line-height: 2.4em; float: right; } .guest-review { border-top: 1px solid #f5f5f5; width: 100%; } .guest-review:last-child { border-bottom: 1px solid #f5f5f5; } .guest-review .author-section { text-align: center; border-right: 1px solid #f5f5f5; padding-top: 25px; padding-bottom: 25px; } .guest-review .author-section > a { width: 74px; height: 74px; } .guest-review .author-section img { width: 100%; height: 100%; } .guest-review .author-section .name { color: #2d3e52; font-size: 1.0833em; margin-bottom: 0; } .guest-review .author-section .date { text-transform: uppercase; font-size: 0.8333em; } .guest-review .comment-container { padding-top: 25px; padding-bottom: 25px; } .guest-review .comment-container .comment-title { color: #01b7f2; float: left; font-style: italic; } .guest-review .comment-container .review-score { float: right; } .guest-review .comment-container .review-score .score { font-size: 2em; margin-left: 10px; } .guest-review .comment-container .comment-content p { line-height: 2em; } /* 5.1.5. Booking page */ .booking-section { padding: 0px 10px; width: 110%} .booking-form label { font-size: 0.9167em; } .booking-form .checkbox label { font-size: 1.0833em; } .booking-form .form-group { margin-bottom: 0; } .booking-form .form-group > * { margin-bottom: 20px; } .booking-form .checkbox label { text-transform: none; } .booking-details figure > a:first-child { width: 75px; height: 75px; float: left; } .booking-details figure img { width: auto; height: 100%; } .booking-details figure .travel-title { margin-left: 90px; } .booking-details figure .travel-title .box-title { margin-bottom: 5px; } .booking-details figure .travel-title .box-title:after { display: none; } .booking-details .details { padding-left: 0; padding-right: 0; padding-top: 7px; } .booking-details .timing { font-size: 0.8333em; text-transform: uppercase; text-align: right; line-height: 1.3333em; border-bottom: 1px solid #f5f5f5; padding: 10px 0 5px; margin: 0; } .booking-details .timing .duration { font-weight: bold; color: #fdb714; } .booking-details .timing .duration > div { margin-top: 5px; } .booking-details .timing .check-out { text-align: left; } .booking-details .timing label, .booking-details .timing span { display: block; line-height: 1.42; letter-spacing: 0.04em; } .booking-details .timing label { color: #01b7f2; font-size: 1em; margin-bottom: 0; font-weight: normal; } .booking-details .timing i { font-size: 2em; } .booking-details .guest { border-bottom: 1px solid #f5f5f5; padding: 10px 0; } .booking-details .other-details { font-size: 0.8333em; margin-bottom: 0; text-align: right; text-transform: uppercase; } .booking-details .other-details dt, .booking-details .other-details dd { padding: 1.3em 0; border-top: 1px solid #f5f5f5; } .booking-details .other-details dt { float: left; text-align: left; margin: 0; color: #01b7f2; clear: both; } .booking-details .other-details .total-price { font-size: 1.5em; color: #2d3e52; text-transform: none; } .booking-details .other-details .total-price-value { color: #98ce44; font-size: 1.4em; } .booking-details .price-details { display: none; } .booking-details .price-details dt { float: left; margin: 0; color: #01b7f2; clear: both; } .booking-details .price-details dd table { float: right; } .booking-details dl, .booking-details dt, .booking-details dd { font-weight: normal; } .show-price-detail { float: right; margin-bottom: 20px; } /* 5.1.6. Thankyou page */ .booking-information { padding: 20px 30px 30px; } .booking-information > .booking-confirmation > .icon { color: #fdb714; font-size: 1.5em; float: left; margin-right: 12px; margin-top: 4px; } .booking-information > .booking-confirmation > .message { float: left; } .booking-information > .booking-confirmation .print-button { float: right; } .booking-information > .booking-confirmation .print-button button { text-transform: uppercase; } .booking-information > .booking-confirmation p { margin-bottom: 0; } .booking-information .view-link { font-size: 1.1667em; } .main-message { color: #01b7f2; margin-bottom: 0; letter-spacing: 0.04em; } .edit-booking ul.triangle li { line-height: 2.6667em; font-size: 1.0833em; } #change-date-form .booking-details { margin-bottom: 10px; } /* 5.2. Flight ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .flight-routes.image-box .box { margin-bottom: 10px; } .flight-routes .box { padding: 10px; } .flight-routes .box figure { height: 40px; width: 40px; background: #f5f5f5; display: table; } .flight-routes .box figure > a { display: table-cell; vertical-align: middle; text-align: center; } .flight-routes .box figure img { /*width: 70%;*/ max-width: 100%; } .flight-routes .box .details { padding: 5px 0 0; margin-left: 55px; } .flight-routes .box .button { margin: 12px 5px 0 0; } .flight-routes .box .box-title { margin-bottom: 0; } .flight-list { margin-bottom: 0; } .flight-booking-details .details { padding: 0; margin-top: 10px; border-top: 1px solid #f5f5f5; } .flight-detail-page .detailed-logo .duration { font-size: 0.8333em; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid #f5f5f5; padding: 6px 0; margin-bottom: 10px; } .flight-detail-page .detailed-logo .duration dl, .flight-detail-page .detailed-logo .duration dt, .flight-detail-page .detailed-logo .duration dd { display: inline-block; margin: 0; } .flight-detail-page .detailed-logo .duration dl { vertical-align: middle; } .flight-detail-page .detailed-logo .duration i { color: #fdb714; font-size: 20px; margin-right: 10px; line-height: 0; vertical-align: middle; } #flight-details .term-description, #car-details .term-description { margin: 0; font-size: 0.8333em; } #flight-details .term-description dt, #flight-details .term-description dd, #car-details .term-description dt, #car-details .term-description dd { line-height: 1.1667em; } #flight-details .travelo-box, #car-details .travelo-box { padding: 25px 25px 20px 25px; margin: 0; } #flight-details .detailed-features { background: #fff; } #flight-details .box-title { margin: 0; } #flight-details .flights { width: 100%; padding-bottom: 30px; border-collapse: separate; border-spacing: 0; } #flight-details .flights .timing { padding: 0; border: none; display: table; margin: 0 auto; } #flight-details .flights .timing > div { display: table-cell; vertical-align: middle; text-align: center; padding: 0 7px; } #flight-details .flights .table-cell { border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; padding: 20px 5px; text-align: center; vertical-align: middle; } #flight-details .flights .table-cell:last-child { border-right: none; } #flight-details .flights .logo label { display: block; font-weight: normal; font-size: 0.8333em; text-transform: uppercase; line-height: 1em; } #flight-details .flights .logo img { max-width: 84px; height: auto; } #flight-details .flights .timing-detail { position: relative; } #flight-details .flights .first-flight .logo { position: relative; } #flight-details .flights .first-flight .logo:after { content: "\e883"; font-family: "soap-icons"; font-size: 24px; position: absolute; display: inline-block; width: 10px; text-align: center; height: 30px; line-height: 30px; right: -5px; bottom: -15px; z-index: 9; color: #e01a33; } #flight-details .flights .layover { position: absolute; display: inline-block; text-transform: uppercase; font-weight: normal; background: #f5f5f5; width: 100px; height: 20px; line-height: 20px; font-size: 0.75em; left: 50%; margin: 0 0 0 -50px; bottom: -10px; z-index: 9; letter-spacing: 0.04em; } #flight-baggage form .checkbox label { font-size: 0.8333em; text-transform: uppercase; } #flight-baggage .baggage .icon-box { cursor: default; } #flight-baggage .baggage .icon-box .box-title { color: #838383; } #flight-baggage .baggage .icon-box:hover .box-title { color: #2d3e52; } #flight-baggage .baggage .icon-box:hover i { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } /* 5.3. Car ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .explore-more { padding: 10px 0 0 4px; } .explore-more .intro { text-transform: none; margin-bottom: 19px; margin-left: 12px; } .explore-more .intro i { float: left; margin-right: 10px; color: #01b7f2; font-size: 16px; } .explore-more .intro .box-title small { margin-bottom: 3px; } .explore-more .box { margin: 0; padding-right: 4px; width: 50%; float: left; margin-bottom: 4px; } .explore-more .box figure figcaption { text-transform: uppercase; padding-right: 20px; } .car-list { margin-top: 30px; margin-bottom: 10px; } .car-detail-page .featured-image img { width: 100%; height: auto; } .car-detail-page .detailed-logo .mile { border-bottom: 1px solid #f5f5f5; padding: 8px 0; margin-bottom: 10px; font-size: 0.8333em; text-transform: uppercase; } #car-details .detailed-features { background: #fff; } #car-details .detailed-features > [class^="col-"] { padding: 0 0 10px 0; } #car-details .detailed-features > [class^="col-"]:first-child { border-right: 1px solid #f5f5f5; } #car-details .detailed-features .box-title { padding: 25px 0 25px 25px; border-bottom: 1px solid #f5f5f5; } #car-details .detailed-features .icon-box { margin: 15px 0 30px 20px; } #car-details .car-features .icon-box { color: inherit; margin-bottom: 10px; } #car-details .car-features .icon-box > i { color: #01b7f2; } #car-details .protect-passengers .icon-box { margin-bottom: 15px; } #car-details .protect-passengers label { font-size: 0.8333em; font-weight: normal; text-transform: uppercase; } #car-details .car-damage .logo img { max-height: 25px; width: auto; } #car-details .car-damage .radio { margin: 0; line-height: 20px; font-size: 0.8333em; text-transform: uppercase; margin-bottom: 10px; } .booking-details .car-detail { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .booking-details .car-detail .icon-box { padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #f5f5f5; } /* 5.4. Cruise ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .top-cruise-destinations .details { padding: 15px 20px !important; } .top-cruise-destinations .details li { font-size: 0.8333em; text-transform: uppercase; } .top-cruise-destinations .details .row > div { border-right: 1px solid #f5f5f5; } .top-cruise-destinations .details .row > div:last-child { border-right: none; } .cruise-line-deals { padding-top: 0; } .cruise-line-deals .row { margin-bottom: -1px; overflow: hidden; } .cruise-line-deals .row > div { border-bottom: 1px solid #f5f5f5; } .cruise-line-deals .box-title small { color: #01b7f2; } .cruise-line-deals .box { margin-bottom: 10px; margin-top: 20px; } .cruise-line-deals .box figure { background: #f5f5f5; text-align: center; height: 70px; display: table; width: 100%; table-layout: fixed; } .cruise-line-deals .box figure .image-wrapper { display: table-cell; vertical-align: middle; } .cruise-line-deals .box figure img { max-width: 66.6666%; width: auto; height: auto; } .cruise-line-deals .box .details { padding-left: 0; padding-right: 0; } .cruise-line-deals .box .price { font-size: 1.3333em; } .cruise-line-deals .box .price small { font-size: 0.625em; } .cruise-booking-form .radio { margin-top: 6px; text-transform: none; } .cruise-booking-form .radio:first-child { margin-left: 0; } #cruise-description .intro li { line-height: 2.5em; } .cruise-itinerary .travelo-box { margin: 0; } .cruise-itinerary table { width: 100%; } .cruise-itinerary th { color: #01b7f2; font-weight: normal; padding-bottom: 10px; } .cruise-itinerary td { font-size: 0.8333em; text-transform: uppercase; line-height: 3.8333em; border-top: 1px solid #f5f5f5; vertical-align: middle; } #hotel-availability .room-list .box figure, #cruise-availability .room-list .box figure, #cruise-food-dinning .food-dinning-list .box figure { margin-bottom: 5px; } #hotel-availability .room-list .details, #cruise-availability .room-list .details, #cruise-food-dinning .food-dinning-list .details { padding-top: 0; padding-bottom: 0; } #hotel-availability .room-list .box-title .title, #cruise-availability .room-list .box-title .title, #cruise-food-dinning .food-dinning-list .box-title .title { margin-bottom: 3px; } #hotel-availability .room-list .box-title dl, #cruise-availability .room-list .box-title dl, #cruise-food-dinning .food-dinning-list .box-title dl { margin: 0; } #hotel-availability .room-list .box-title dl:after, #cruise-availability .room-list .box-title dl:after, #cruise-food-dinning .food-dinning-list .box-title dl:after { content: ""; display: table; clear: both; } #hotel-availability .room-list .box-title dt, #hotel-availability .room-list .box-title dd, #cruise-availability .room-list .box-title dt, #cruise-availability .room-list .box-title dd, #cruise-food-dinning .food-dinning-list .box-title dt, #cruise-food-dinning .food-dinning-list .box-title dd { float: left; font-size: 0.8333em; text-transform: uppercase; } #hotel-availability .room-list .box-title dt, #cruise-availability .room-list .box-title dt, #cruise-food-dinning .food-dinning-list .box-title dt { color: #01b7f2; margin-right: 5px; clear: both; } #cruise-food-dinning .food-dinning-list hr { margin-top: 15px; margin-bottom: 15px; } #cruise-food-dinning .food-dinning-list .details { text-transform: none; padding: 0; } #cruise-food-dinning .food-dinning-list figure { margin: 0 20px 10px 0; } #cruise-food-dinning .food-dinning-list .box-title { margin: 0 0 5px 0; } #cruise-food-dinning .food-dinning-list .box-title dl:after { display: none; clear: none; } #cruise-food-dinning .food-dinning-list .box-title dt { clear: none; } #cruise-food-dinning .food-dinning-list .box-title dd { float: none; } #cruise-food-dinning .food-dinning-list .review-score { float: right; margin-top: 6px; } #cruise-food-dinning .food-dinning-list .review-score .five-stars-container { vertical-align: middle; margin-right: 5px; } #cruise-food-dinning .food-dinning-list .review-score .review { vertical-align: middle; color: #9e9e9e; text-transform: uppercase; font-size: 0.8333em; } #cruise-food-dinning .food-dinning-list .box { border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; padding-bottom: 10px; } #cruise-food-dinning .food-dinning-list .box:last-child { border-bottom: none; } #cruise-reviews .guest-review .comment-title { font-style: normal; color: #2d3e52; } /* 5.5. Tour ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .tour-detail-page dl.term-description { font-size: 0.8333em; line-height: 1.6em; } .tour-detail-page .image-box { position: relative; } .tour-booking-form { padding: 25px 10px 5px; } .tour-booking-form .detail-section-top { padding-bottom: 10px; } .tour-booking-form .detail-section-top .st-details .box-title { margin-bottom: 5px; } .tour-booking-form .detail-section-top .st-details i { font-size: 15px; } .tour-booking-form .detail-section-top .st-details .st-description { margin-bottom: 5px; } .tour-booking-form .detail-section-bottom { border-top: 1px solid #f5f5f5; padding-top: 20px; } .tour-booking-form .detail-section-bottom > .row > div { margin-bottom: 20px; } .tour-booking-form .detail-section-bottom .total-price { color: #2d3e52; font-size: 18px; margin-top: -5px; display: inline-block; } #schedule-list dl.term-description dd { text-transform: uppercase; } .tour-packages.listing-style2 .box { position: relative; } .tour-packages.listing-style2 .box figure { position: relative; overflow: hidden; } .tour-packages.listing-style2 .box figcaption { background: rgba(45, 62, 82, 0.9); position: absolute; left: 10px; right: 10px; bottom: 10px; padding: 20px; -webkit-transform: translateY(140%); -moz-transform: translateY(140%); -ms-transform: translateY(140%); -o-transform: translateY(140%); transform: translateY(140%); -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; } .tour-packages.listing-style2 .box .caption-title { margin-bottom: 0; color: #fff; } .tour-packages.listing-style2 .box .price { color: #fdb714; } .tour-packages.listing-style2 .box .caption-title, .tour-packages.listing-style2 .box .price { line-height: 1em; } .tour-packages.listing-style2 .box:hover figcaption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .tour-packages.listing-style1 .box .box-title { line-height: 1.3333em; } .tour-packages.listing-style1 .box hr { margin: 15px 0; } .tour-packages.listing-style1 .box .time { text-align: center; margin-bottom: 15px; display: inline-block; } .tour-packages.listing-style1 .box .time i { font-size: 17px; } .tour-packages.listing-style1 .box .time span { color: #01b7f2; letter-spacing: 0.04em; } .tour-packages.listing-style1 .box .details { padding: 15px 18px 18px; background: #fff; } .tour-packages.listing-style1 .box .features { margin-top: -5px 0 0; list-style: none; } .tour-packages.listing-style1 .box .features li { line-height: 1.2em; position: relative; padding: 0.8em 0 0.8em 18px; } .tour-packages.listing-style1 .box .features li:before { color: #fdb714; font-size: 12px; position: absolute; left: 2px; top: 0.9em; } .tour-packages.listing-style1 .box .features li:last-child { padding-bottom: 0.4em; } .booking-details .tour-detail { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .booking-details .tour-detail .icon-box { padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #f5f5f5; } .booking-details .tour-detail .icon-box .soap-icon-calendar { font-size: 25px; } .booking-details .tour-detail .icon-box .soap-icon-clock { font-size: 20px; } .booking-details .tour-detail .icon-box .soap-icon-departure { font-size: 24px; } /* 6. Dashboard ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 6.1. Default ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .dashboard #header .logo a, .dashboard #footer2 .logo a, .error404 #header .logo a, .error404 #footer2 .logo a, .coming-soon-page #header .logo a, .coming-soon-page #footer2 .logo a, .loading-page #header .logo a, .loading-page #footer2 .logo a, .soap-login-page #header .logo a, .soap-login-page #footer2 .logo a { background: none; } .dashboard #header .logo img, .dashboard #footer2 .logo img, .error404 #header .logo img, .error404 #footer2 .logo img, .coming-soon-page #header .logo img, .coming-soon-page #footer2 .logo img, .loading-page #header .logo img, .loading-page #footer2 .logo img, .soap-login-page #header .logo img, .soap-login-page #footer2 .logo img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .dashboard #header .logo img { height: 22px; } #dashboard .fact { color: #fff; margin-bottom: 20px; } #dashboard .fact .numbers { padding: 25px 15px; } #dashboard .fact .numbers dl { float: right; text-align: right; margin: 0; } #dashboard .fact .numbers dt { font-size: 2em; font-weight: 400; line-height: 1em; } #dashboard .fact .numbers dd { font-size: 1.3333em; } #dashboard .fact .numbers .icon { font-size: 4em; } #dashboard .fact .description { font-size: 0.8333em; text-transform: uppercase; padding: 0 20px; font-weight: bold; line-height: 3em; } #dashboard .fact .description > .icon { float: right; font-size: 2em; } #dashboard .fact.blue { background: #01b7f2; } #dashboard .fact.blue .description { background: #04afe7; } #dashboard .fact.yellow { background: #fdb714; } #dashboard .fact.yellow .description { background: #f5b010; } #dashboard .fact.red { background: #e01a33; } #dashboard .fact.red .description { background: #d51a32; } #dashboard .fact.green { background: #98ce44; } #dashboard .fact.green .description { background: #91c63d; } #dashboard .notifications .icon-box { background: #f5f5f5; font-size: 1em; padding-right: 15px; margin-bottom: 10px; height: auto; } #dashboard .notifications .icon-box:after { display: table; content: ""; clear: both; } #dashboard .notifications .box-title { line-height: 1em; text-transform: none; color: #2d3e52; padding: 14px 5px 15px 57px; } #dashboard .notifications .price { color: #01b7f2; float: none; text-align: left; display: inline; font-size: inherit; } #dashboard .notifications .time { line-height: inherit; } #dashboard .notifications .load-more { font-size: 2.5em; text-align: center; color: #d9d9d9; } #dashboard .recent-activity { background: #f5f5f5; padding: 15px; } #dashboard .recent-activity ul { background: #fff; margin-bottom: 15px; } #dashboard .recent-activity ul li > a { padding: 15px; border-bottom: 1px solid #f5f5f5; display: block; } #dashboard .recent-activity ul li > a:hover { background: #f5f5f5; } #dashboard .recent-activity ul .icon { float: left; margin-right: 15px; font-size: 1.3333em; } /* 6.1.1. User profile */ #profile .personal-details .details { padding-top: 0; padding-left: 300px; padding-right: 0; } #profile .personal-details figure { margin-bottom: 20px; } #profile .personal-details .term-description { margin-bottom: 0; } #profile .edit-profile { display: none; } #profile .term-description dt, #profile .term-description dd { float: none; display: inline-block; float: none; vertical-align: top; } #profile .term-description dt { clear: none; width: 40%; } #profile .term-description dd { padding-left: 30px; width: 50%; } #profile .image-close-box { position: relative; display: inline-block; } #profile .image-close-box .close-banner { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #000; opacity: 0.3; } #profile .image-close-box .close { right: 9px; top: 8px; } #photo_preview img { max-width: 100%; } .error { color: #f00; } .dashboard .benefits > li { font-size: 1.0833em; line-height: 2.6667em; } /* 6.1.2. Booking history */ #booking .filter-section { padding: 10px 15px 5px 5px; margin-bottom: 30px; } #booking .filter-section label.radio { margin-top: 4px; } #booking .filter-section label.radio:before { border: none; line-height: 14px; } #booking .filter-section button { margin-left: 8px; font-weight: 400; margin-bottom: 5px; } #booking .filter-section .action { width: auto; padding: 0 !important; } #booking .filter-section .action h5 { width: auto; line-height: 28px; } #booking .booking-info { border-top: 1px solid #f5f5f5; padding: 10px; } #booking .booking-info:last-child { border-bottom: 1px solid #f5f5f5; } #booking .booking-info div.date { width: 72px; height: 72px; background: #f5f5f5; text-align: center; float: left; margin-right: 20px; } #booking .booking-info div.date > * { margin: 0; display: block; } #booking .booking-info div.date > .month { background: #e44049; height: 20px; line-height: 20px; font-size: 0.8333em; color: #fff; } #booking .booking-info div.date > .date { font-size: 2em; line-height: 1em; color: #e44049; font-weight: bold; margin-top: 6px; } #booking .booking-info div.date > .day { font-size: 0.8333em; font-weight: normal; line-height: 1.25em; } #booking .booking-info .box-title, #booking .booking-info .status { margin-top: 20px; } #booking .booking-info .icon { font-size: 1.0833em; float: left; margin-right: 10px; } #booking .booking-info .box-title { float: left; } #booking .booking-info .box-title small { padding-left: 43px; } #booking .booking-info .status { float: right; margin-left: 15px; background: #e44049; width: 120px; } #booking .booking-info .info { float: right; padding-left: 15px; border-left: 1px solid #f5f5f5; text-transform: uppercase; padding-top: 2px; margin-bottom: 0; width: 100px; } #booking .booking-info .info * { font-size: 0.8333em; font-weight: normal; } #booking .booking-info .info dt { color: #e44049; } #booking .booking-info.cancelled div.date > .month { background: #d9d9d9; } #booking .booking-info.cancelled div.date > .date, #booking .booking-info.cancelled div.date > .day { color: #d9d9d9; } #booking .booking-info.cancelled .icon, #booking .booking-info.cancelled .icon:before { border-color: #d9d9d9; color: #d9d9d9; } #booking .booking-info.cancelled .status { background: #d9d9d9; } #booking .booking-info.cancelled .info dt { color: inherit; } #booking .booking-info.completed div.date > .month { background: #bae675; } #booking .booking-info.completed div.date > .date, #booking .booking-info.completed div.date > .day { color: #bae675; } #booking .booking-info.completed .icon, #booking .booking-info.completed .icon:before { border-color: #bae675; color: #bae675; } #booking .booking-info.completed .status { background: #bae675; } #booking .booking-info.completed .info dt { color: inherit; } #wishlist .image-box .box { background: #f5f5f5; } #wishlist .image-box .box .details { padding-right: 15px; } #settings form button { width: 200px; } /* 6.2. Style1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .dashboard #header, .error404 #header, .soap-login-page #header { padding-top: 45px; } .dashboard #header .logo, .error404 #header .logo, .soap-login-page #header .logo { margin: 0; } .dashboard #header .quick-menu .ribbon > a, .error404 #header .quick-menu .ribbon > a, .soap-login-page #header .quick-menu .ribbon > a { color: #fff; font-size: 0.8333em; font-weight: bold; letter-spacing: 0.04em; line-height: 30px; display: block; } .dashboard #content, .error404 #content, .soap-login-page #content { background: none; } .dashboard #footer2 .footer2-wrapper .copyright, .error404 #footer2 .footer2-wrapper .copyright, .soap-login-page #footer2 .footer2-wrapper .copyright { margin: 0; } .dashboard #footer2 .footer2-wrapper .main-menu.tab-container.full-width-style .tab-content, .error404 #footer2 .footer2-wrapper .main-menu.tab-container.full-width-style .tab-content, .soap-login-page #footer2 .footer2-wrapper .main-menu.tab-container.full-width-style .tab-content { background: none; text-align: center; } .dashboard #footer2 .footer2-wrapper #main-menu ul.menu > li > a, .error404 #footer2 .footer2-wrapper #main-menu ul.menu > li > a, .soap-login-page #footer2 .footer2-wrapper #main-menu ul.menu > li > a { font-weight: normal; } .dashboard #footer2 .footer2-wrapper #main-menu ul.menu > li:hover > a, .dashboard #footer2 .footer2-wrapper #main-menu ul.menu > li.active > a, .error404 #footer2 .footer2-wrapper #main-menu ul.menu > li:hover > a, .error404 #footer2 .footer2-wrapper #main-menu ul.menu > li.active > a, .soap-login-page #footer2 .footer2-wrapper #main-menu ul.menu > li:hover > a, .soap-login-page #footer2 .footer2-wrapper #main-menu ul.menu > li.active > a { font-weight: bold; } .dashboard #footer2 .footer2-wrapper #main-menu ul.menu > li.active > a:before, .error404 #footer2 .footer2-wrapper #main-menu ul.menu > li.active > a:before, .soap-login-page .dashboard #footer2 .footer2-wrapper #main-menu ul.menu > li:first-child.active > a:before, .error404 #footer2 .footer2-wrapper #main-menu ul.menu > li:first-child.active > a:before, .soap-login-page #footer2 .footer2-wrapper #main-menu ul.menu > li:first-child.active > a:before { margin-left: -13px; } .dashboard.style1 #page-wrapper, .error404.style1 #page-wrapper, .soap-login-page.style1 #page-wrapper { background-color: #1a232f; background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%); } .dashboard.style1 #content ul.tabs li a, .error404.style1 #content ul.tabs li a, .soap-login-page.style1 #content ul.tabs li a { background: rgba(13, 18, 24, 0.6); color: #708bac; } .dashboard.style1 #content ul.tabs li a i, .error404.style1 #content ul.tabs li a i, .soap-login-page.style1 #content ul.tabs li a i { border-color: #708bac; color: #708bac; } .dashboard.style1 #content ul.tabs li.active a, .error404.style1 #content ul.tabs li.active a, .soap-login-page.style1 #content ul.tabs li.active a { background: #fff; color: #2d3e52; } .dashboard.style1 #content ul.tabs li.active a i, .error404.style1 #content ul.tabs li.active a i, .soap-login-page.style1 #content ul.tabs li.active a i { border-color: #fdb714; color: #fdb714; } .dashboard.style1 #footer2 .copyright, .error404.style1 #footer2 .copyright, .soap-login-page.style1 #footer2 .copyright { color: #384c63; } .dashboard.style1 #footer2 #main-menu ul.menu > li > a, .error404.style1 #footer2 #main-menu ul.menu > li > a, .soap-login-page.style1 #footer2 #main-menu ul.menu > li > a { color: #7c9abd; } .dashboard.style1 #footer2 #main-menu ul.menu > li:hover > a, .dashboard.style1 #footer2 #main-menu ul.menu > li.active > a, .error404.style1 #footer2 #main-menu ul.menu > li:hover > a, .error404.style1 #footer2 #main-menu ul.menu > li.active > a, .soap-login-page.style1 #footer2 #main-menu ul.menu > li:hover > a, .soap-login-page.style1 #footer2 #main-menu ul.menu > li.active > a { color: #01b7f2; } /* 6.3. Style2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .dashboard.style2, .error404.style2 { background-color: #f45533; background-image: -moz-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: -webkit-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: -o-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: -ms-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: radial-gradient(center center, circle cover, #f45533, #bd0000 100%); } .dashboard.style2 #content ul.tabs li a, .error404.style2 #content ul.tabs li a { background: rgba(189, 0, 0, 0.7); color: #fdb714; } .dashboard.style2 #content ul.tabs li a i, .error404.style2 #content ul.tabs li a i { border-color: #fdb714; color: #fdb714; } .dashboard.style2 #content ul.tabs li.active a, .error404.style2 #content ul.tabs li.active a { background: #fff; color: #2d3e52; } .dashboard.style2 #content ul.tabs li.active a i, .error404.style2 #content ul.tabs li.active a i { border-color: #fdb714; color: #fdb714; } .dashboard.style2 #footer2 .copyright, .error404.style2 #footer2 .copyright { color: #fdb714; } .dashboard.style2 #footer2 #main-menu ul.menu > li > a, .error404.style2 #footer2 #main-menu ul.menu > li > a { color: #fdb714; } .dashboard.style2 #footer2 #main-menu ul.menu > li:hover > a, .dashboard.style2 #footer2 #main-menu ul.menu > li.active > a, .error404.style2 #footer2 #main-menu ul.menu > li:hover > a, .error404.style2 #footer2 #main-menu ul.menu > li.active > a { color: #fff; } /* 7. jQuery UI Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 7.1. UI Slider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .ui-slider { position: relative; text-align: left; } .ui-slider.ui-slider-horizontal { height: 10px; } .ui-slider.ui-slider-horizontal .ui-slider-range { height: 100%; } .ui-slider.ui-slider-horizontal .ui-slider-handle { margin-left: -10px; top: -5px; } .ui-slider.ui-widget-content { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #f5f5f5; } .ui-slider .ui-slider-range { display: block; position: absolute; z-index: 1; border: none; background: #01b7f2; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .ui-slider.slider-color-yellow .ui-slider-range { background: #fdb714; } .ui-slider.slider-color-blue .ui-slider-range { background: #01b7f2; } .ui-slider.slider-color-green .ui-slider-range { background: #98ce44; } .ui-slider .ui-slider-handle { cursor: default; position: absolute; z-index: 2; width: 20px; height: 20px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #2d3e52; border: 2px solid #fff; } .filters-container #rating { font-size: 24px; } .filters-container #rating, .editable-rating { display: inline-block; } .filters-container #rating.ui-widget-content, .editable-rating.ui-widget-content { background: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .filters-container #rating.ui-slider-horizontal, .editable-rating.ui-slider-horizontal { height: auto; } .filters-container #rating.ui-slider-horizontal .ui-slider-handle, .editable-rating.ui-slider-horizontal .ui-slider-handle { margin: 0; width: 0; height: 0; padding: 0; top: 0; visibility: hidden; } /* 7.2. DatePicker ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .datepicker-wrap { position: relative; } .datepicker-wrap .ui-datepicker-trigger { width: 30px; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer; background-color: transparent; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .datepicker-wrap:after { display: block; font-family: "soap-icons"; content: "\e86a"; font-size: 25px; color: #fff; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; height: 100%; text-align: center; line-height: 34px; background: #fdb714; } .datepicker-wrap.yellow:after { background: #fdb714; } .datepicker-wrap.green:after { background: #98ce44; } .datepicker-wrap.blue:after { background-color: #01b7f2; } .datepicker-wrap.dark-blue:after { background-color: #2d3e52; } .datepicker-wrap.transparent:after { background-color: transparent; color: #fdb714; } .ui-datepicker { width: 20em; padding: 0; display: none; background: #fff; border: 1px solid #fdb714; z-index: 101 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #fdb714; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 11px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled { visibility: hidden; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content: ""; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .ui-datepicker .ui-datepicker-prev { left: 24px; } .ui-datepicker .ui-datepicker-prev:before { border-right: 8px solid #fff; } .ui-datepicker .ui-datepicker-next { right: 24px; } .ui-datepicker .ui-datepicker-next:before { border-left: 8px solid #fff; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-title { margin: 5px; text-align: center; color: #fff; font-size: 1.1667em; font-weight: bold; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 12px; border-collapse: collapse; } .ui-datepicker th { width: 30px; height: 30px; line-height: 30px; background: #f5f5f5; } .ui-datepicker th span { display: block; text-align: center; font-size: 1.1667em; font-weight: normal; color: #fdb714; } .ui-datepicker span.ui-datepicker-month { font-weight: bold; } .ui-datepicker .ui-datepicker-calendar td { vertical-align: middle; text-align: center; } .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { color: inherit; display: block; height: 30px; line-height: 30px; } .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { color: #dbdbdb; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar td a:hover { background: #fdb714; color: #fff; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a { position: relative; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:before { content: ""; border-right: 5px solid #fdb714; border-top: 5px solid transparent; position: absolute; bottom: 4px; right: 4px; } .ui-datepicker.yellow { border: 1px solid #fdb714; } .ui-datepicker.yellow .ui-datepicker-header { background: #fdb714; } .ui-datepicker.yellow th span { color: #fdb714; } .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.yellow .ui-datepicker-calendar td a:hover { background: #fdb714; } .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #fdb714; } .ui-datepicker.green { border: 1px solid #98ce44; } .ui-datepicker.green .ui-datepicker-header { background: #98ce44; } .ui-datepicker.green th span { color: #98ce44; } .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.green .ui-datepicker-calendar td a:hover { background: #98ce44; } .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #98ce44; } .ui-datepicker.blue { border: 1px solid #01b7f2; } .ui-datepicker.blue .ui-datepicker-header { background: #01b7f2; } .ui-datepicker.blue th span { color: #01b7f2; } .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.blue .ui-datepicker-calendar td a:hover { background: #01b7f2; } .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #01b7f2; } .ui-datepicker.dark-blue { border: 1px solid #2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-header { background: #2d3e52; } .ui-datepicker.dark-blue th span { color: #2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover { background: #2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #2d3e52; } /* 9. Page Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 9.1. Home page content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 9.1.1. Popular Destinations Section */ .destinations { text-align: left; } /* 9.1.2. Honeymoon section */ .honeymoon { padding: 0.01px; text-align: left; } .honeymoon .content-section { padding: 50px 0; } .honeymoon .content-section .places { margin-top: 40px; } .honeymoon .content-section .places figure a { height: 175px; } .honeymoon .content-section .places img { height: 100%; width: auto; min-width: 100%; } .honeymoon .container { position: relative; } /* 9.1.3. Offers Section */ .offers p { margin-bottom: 50px; } /* 9.1.4. Mobile Section */ .travelo-process { display: inline-block; position: relative; padding: 0 !important; float: none !important; } .travelo-process img { max-width: 100%; margin-bottom: 2px; } .travelo-process .process { display: inline-block; position: absolute; /*table-layout: fixed;*/ width: 100%; margin-top: -32.4px; margin-left: -32.4px; margin-right: -32.4px; } .travelo-process .process .icon-wrapper { vertical-align: top; } .travelo-process .process .icon-wrapper i { display: block; font-size: 36px; } .travelo-process .process .details { min-width: 250px; width: 100%; } .travelo-process .process.first { top: 14.6446%; right: 85.3554%; margin-left: 0; text-align: right; } .travelo-process .process.first .details { padding-right: 8%; padding-left: 0; } .travelo-process .process.second { top: 14.6446%; left: 85.3554%; margin-right: 0; text-align: left; } .travelo-process .process.second .details { padding-left: 8%; padding-right: 0; } .travelo-process .process.third { top: 85.3554%; left: 85.3554%; margin-right: 0; text-align: left; } .travelo-process .process.third .details { padding-left: 8%; padding-right: 0; } .travelo-process .process.forth { top: 85.3554%; right: 85.3554%; margin-left: 0; text-align: right; } .travelo-process .process.forth .details { padding-right: 8%; padding-left: 0; } /* 9.2. Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .investor-list img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#greyscale"); filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; max-width: 100%; -moz-transition: opacity 0.25s ease-in; -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -ms-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .investor-list .travelo-box, .investor-list li > div { height: 100px; display: table; width: 100%; table-layout: fixed; padding: 0 10px; } .investor-list .travelo-box > a, .investor-list .travelo-box figure, .investor-list li > div > a, .investor-list li > div figure { display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; width: 100%; } .investor-list .travelo-box a:hover > img, .investor-list li > div a:hover > img { -webkit-filter: none; filter: none; -o-filter: none; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; /*@include animation(toBottomFromTop, 0.3s, forwards);*/ } /* 9.2.1. Service page */ .service-page .service-list .icon-box { cursor: pointer; } .service-page .service-list .icon-box:hover i { overflow: hidden; /*color: $skin-active-color; background: none;*/ } .service-page .service-list .icon-box:hover i:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .service-page .services { margin-top: -1px; margin-right: -5px; } .service-page .services article { cursor: pointer; border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; margin: 0; padding: 15px; } .service-page .services article > i { background: #01b7f2; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; overflow: hidden; } .service-page .services article:hover > i { box-shadow: 0 0 0 4px #01b7f2; background: #fff; color: #01b7f2; } .service-page .services article:hover > i:before { -webkit-animation: toTopFromBottom 0.4s forwards; -moz-animation: toTopFromBottom 0.4s forwards; animation: toTopFromBottom 0.4s forwards; } /* 9.2.2. Photo gallery page */ .gallery-filter a.button { min-width: 60px; padding: 0 10px; text-transform: uppercase; margin-right: 8px; font-size: 0.9167em; margin-bottom: 10px; } .items-container { margin-bottom: 0; } .items-container .box:hover .hover-effect:after { visibility: visible; -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .items-container .box:hover .hover-effect img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .items-container .box:hover .details { background: #01b7f2; } .items-container .box:hover .details .box-title { color: #fff; } .items-container .box:hover .details .box-title small { color: #fff; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* 9.2.3. Blog page */ .filters-container ul.categories-filter li { padding: 0; background: none; border-bottom: 1px solid #f5f5f5; } .filters-container ul.categories-filter li.active { background: none; } .filters-container ul.categories-filter li.active:before { background: #01b7f2; color: #fff; } .filters-container ul.categories-filter li.active a { color: #2d3e52; } .filters-container ul.categories-filter li.active a small { color: #01b7f2; } /* 9.2.4. Faq page */ .faqs .search-questions { margin-bottom: 4px; } .faqs .faq-topics .filters-option { margin-bottom: 0; } .faqs .question-list .panel { border-bottom-width: 4px; } .faqs .question-list .panel .panel-title { padding-left: 30px; } .faqs .question-list .panel .panel-title > a:before { float: right; } .faqs .question-list .panel .panel-content { padding-left: 30px; } .faqs .faq-comment-container { padding: 0; border-top: 4px solid #f5f5f5; } .faqs .faq-comment-container .question { float: left; height: 28px; line-height: 28px; margin-right: 20px; margin-bottom: 0; } .faqs .faq-comment-container .faq-comment-header { border-bottom: 1px solid #f5f5f5; padding: 10px 30px; } .faqs .faq-comment-container .faq-comment-header .button { padding: 0 20px; margin-right: 10px; } .faqs .faq-comment-container .faq-comment-header .button.active { background: #fdb714; } .faqs .faq-comment-container .fag-comment-content { padding: 25px 30px; } .faqs.style1 .filters-container { padding-bottom: 0; } .faqs.style1 .filters-option li { margin-bottom: 0; border-bottom: 1px solid #f5f5f5; background: none; padding: 0; } .faqs.style1 .filters-option li.active { background: none; } .faqs.style1 .filters-option li.active a { color: #01b7f2; } .faqs.style1 .filters-option li:last-child { border: none; } .faqs.style1 .question-list { padding: 10px 30px; } .faqs.style1 .question-list .panel { border-bottom-width: 1px; } .faqs.style1 .question-list .panel .panel-title { padding-left: 0; padding-right: 0; } .faqs.style1 .question-list .panel .panel-title a:before { width: 16px; height: 16px; line-height: 16px; font-size: 8px; margin-right: 0; } .faqs.style1 .question-list .panel .panel-content { padding-left: 0; padding-right: 20px; } /* 9.2.5. Contact us page */ .travelo-google-map { height: 255px; } .travelo-google-map.full-box { height: 400px; } .contact-form label { font-size: 0.8333em; margin-bottom: 3px; } /* 9.2.6. Sitemap page */ .sitemap .column { border: 1px solid #01b7f2; border-left: none; position: relative; margin-bottom: 40px; margin-right: 10px; margin-top: 10px; } .sitemap .column .title { font-weight: bold; text-transform: uppercase; display: inline-block; padding-right: 10px; position: absolute; top: -8px; left: 0; background: #f5f5f5; } .sitemap .column.sitemap-columns-2 > ul { width: 48%; float: left; border-right: 1px solid #01b7f2; } .sitemap .column.sitemap-columns-2 > ul:last-child { border: none; } .sitemap .column ul { font-size: 1em; } .sitemap .column li { line-height: 3em; } .sitemap .column > ul { margin: 20px 0 10px; } .sitemap .column > ul > li { padding-left: 15px; } .sitemap .column > ul.circle > li { padding-left: 0; } .sitemap .column li.parent > a, .sitemap .column li.parent > span { font-weight: bold; font-size: 0.9167em; text-transform: uppercase; } /* 9.3. Special Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 9.3.1. 404 page */ .error404 .footer2-wrapper { text-align: center; } .error404 footer2 #main-menu { margin: 0 auto; } .error404 #header { padding-top: 150px; } .error404 #main { margin: 0; text-align: center; text-align: center; } .error404 .error-message { font-size: 4.1667em; font-weight: 300; line-height: 1.25em; text-align: center; color: #fdb714; } .error404 .error-message-404 { font-family: "Roboto"; font-weight: 100; font-size: 25em; text-align: center; color: #01b7f2; line-height: 1.0833em; } .error404.style2 #main { text-align: center; } .error404.style2 #content { padding: 0; } .error404.style2 .error-message { font-size: 2.5em; color: #fff; text-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); font-weight: 400; } .error404.style2 .error-message-404 img { width: 80%; margin: 40px auto; } .error404.style2 .go-back { display: inline-block; font-size: 2.0833em; font-weight: 900; color: #f45533; background: #fff; height: 70px; line-height: 70px; -webkit-border-radius: 35px 35px 35px 35px; -moz-border-radius: 35px 35px 35px 35px; -ms-border-radius: 35px 35px 35px 35px; border-radius: 35px 35px 35px 35px; padding-right: 30px; box-shadow: 0 10px 8px rgba(0, 0, 0, 0.3); letter-spacing: -0.02em; overflow: hidden; } .error404.style2 .go-back i { background: #f45533; color: #fff; margin-right: 20px; } .error404.style2 .go-back:hover i { -webkit-animation: fadeInRight 0.4s ease-in; -moz-animation: fadeInRight 0.4s ease-in; animation: fadeInRight 0.4s ease-in; } .error404.style3 { height: 100%; background: url(../images/pages/404/404-page-3.jpg) no-repeat center bottom #114790; } .error404.style3 #page-wrapper, .error404.style3 .wrapper, .error404.style3 #content, .error404.style3 #content .container { height: 100%; } .error404.style3 #content { padding: 0; } .error404.style3 #main { position: relative; z-index: 2; } .error404.style3 #page-wrapper { background: url(../images/pages/404/404-page-3-bottom.png) no-repeat center bottom; } .error404.style3 .wrapper { background: url(../images/pages/404/404-page-3-leaf.png) no-repeat right top; background-size: 33% auto; } .error404.style3 .container { position: relative; background: url(../images/pages/404/404-page-3-island.png) no-repeat left bottom; background-size: 22% auto; } .error404.style3 #main { padding-top: 120px; text-align: center; } .error404.style3 .logo { display: inline-block; } .error404.style3 .error-message { font-weight: 300; font-size: 4em; color: #fff; } .error404.style3 .error-message-404 { margin: 30px 0; font-family: inherit; color: #fff; font-weight: 300; font-size: 2.5em; } .error404.style3 .error-message-404 strong { font-weight: 400; } .error404.style3 .input-text { background: none; border: 1px solid #fff; color: #fff; font-size: 1.3333em; } .error404.style3 .with-icon .icon i { color: #fff; } .error404.style3 .go-back { background: none; border: 1px solid #fff; color: #fff; font-size: 1.0833em; line-height: 3.3333em; font-weight: bold; padding: 0 20px; margin-bottom: 30px; overflow: hidden; } .error404.style3 .go-back i { margin-right: 10px; } .error404.style3 .go-back:hover i { -webkit-animation: fadeInRight 0.4s ease-in; -moz-animation: fadeInRight 0.4s ease-in; animation: fadeInRight 0.4s ease-in; } .error404.style3 .girl { position: absolute; right: 0; bottom: 0; width: 40%; } /* 9.3.2. Coming soon page */ .coming-soon-page #main { text-align: center; margin: 0; } .coming-soon-page section#content { background: none; padding: 0; } .coming-soon-page .clock { display: table; width: 100%; table-layout: fixed; } .coming-soon-page .clock li { display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; width: 22%; } .coming-soon-page .clock li span { display: block; border: 2px solid #01b7f2; font-family: "Roboto"; font-weight: 300; font-size: 6.6667em; color: #fff; line-height: 2.3333em; background: linear-gradient(to bottom, #3c4a59 50%, #242f3c 50%); } .coming-soon-page .clock li.sep { font-size: 5.5em; color: #01b7f2; font-weight: 300; padding: 0 0 38px 0; width: 4%; } .coming-soon-page .clock li label { letter-spacing: 0.4em; color: #7692b4; font-size: 1em; height: 20px; margin: 10px 0 0; line-height: 20px; } .coming-soon-page .social-icons li a { background: none; font-size: 2em; color: #384c63; width: 40px; } .coming-soon-page .social-icons li a:hover { color: #fdb714; } .coming-soon-page .logo { display: inline-block; } .coming-soon-page .logo img { height: 24px; width: auto; } .coming-soon-page .email-notify input.input-text { background: #1c2733; border: 1px solid #01b7f2; color: #7692b4; } .coming-soon-page .email-notify .icon { background: #01b7f2; color: #fff; } .coming-soon-page .copyright { color: #384c63; } .coming-soon-page.style1 #page-wrapper { background-color: #1a232f; background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%); } .coming-soon-page.style2 #page-wrapper { background-color: #70860e; background-image: -moz-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: -webkit-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: -o-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: -ms-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: radial-gradient(center center, circle cover, #94a621, #576f00 100%); } .coming-soon-page.style2 .clock, .coming-soon-page.style2 .social-icons a:hover { text-shadow: 1px 10px 6px rgba(0, 0, 0, 0.2); } .coming-soon-page.style2 .clock li span { border: none; background: none; font-family: 'NexaBlack'; font-size: 12em; line-height: 1em; } .coming-soon-page.style2 .clock li.sep { color: #fff; font-size: 8.3333em; font-weight: bold; } .coming-soon-page.style2 .clock li label { font-weight: bold; font-size: 1.6667em; letter-spacing: normal; color: #fff; } .coming-soon-page.style2 .email-notify { height: 64px; } .coming-soon-page.style2 .email-notify .input-text { height: 64px; border: 3px solid #fff; background: #768b11; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); font-size: 16px; color: #fff; -webkit-border-radius: 32px 32px 32px 32px; -moz-border-radius: 32px 32px 32px 32px; -ms-border-radius: 32px 32px 32px 32px; border-radius: 32px 32px 32px 32px; padding-left: 40%; } .coming-soon-page.style2 .email-notify .notified-text { position: absolute; left: 0; top: 0; display: block; width: 35%; height: 64px; line-height: 64px; color: #fff; font-size: 2em; font-weight: 900; text-transform: uppercase; letter-spacing: -0.02em; white-space: nowrap; } .coming-soon-page.style2 .email-notify .notified-text small { padding-left: 15px; font-weight: normal; font-size: 0.6667em; vertical-align: top; font-weight: normal; } .coming-soon-page.style2 .email-notify .icon { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #fdb714; right: 10px; } .coming-soon-page.style2 .email-notify .icon:hover { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } .coming-soon-page.style2 .social-icons li a { color: #627906; } .coming-soon-page.style2 .social-icons li a:hover { color: #fdb714; } .coming-soon-page.style2 .copyright { color: #627906; } .coming-soon-page.style3 { height: 100%; } .coming-soon-page.style3 #page-wrapper, .coming-soon-page.style3 #content, .coming-soon-page.style3 #content .container, .coming-soon-page.style3 #main { height: 100%; } .coming-soon-page.style3 .container { position: relative; text-align: center; } .coming-soon-page.style3 .container:before { position: absolute; top: 0; left: -100px; background: url(../images/pages/coming-soon/cloud.png) no-repeat; width: 504px; height: 495px; } .coming-soon-page.style3 #main { position: relative; z-index: 2; padding-top: 100px; } .coming-soon-page.style3 #page-wrapper { background: url(../images/pages/coming-soon/bg.jpg) no-repeat center bottom; } .coming-soon-page.style3 #content { background: url(../images/pages/coming-soon/leaf.png) no-repeat right top; } .coming-soon-page.style3 .couple { position: absolute; bottom: 1px; right: -12%; width: 60%; height: auto; } .coming-soon-page.style3 .header-title { font-size: 4em; font-weight: 300; line-height: 1.3333em; } .coming-soon-page.style3 .clock { width: auto; margin: 0 auto; display: inline-block; } .coming-soon-page.style3 .clock li span { width: 100px; height: 100px; margin: 0 auto; line-height: 100px; border: none; background: #fdb714; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; font-size: 5em; font-weight: 300; } .coming-soon-page.style3 .clock li.sep { color: #fff; } .coming-soon-page.style3 .clock li label { color: #fff; } .coming-soon-page.style3 .email-notify { width: 454px; } .coming-soon-page.style3 .email-notify .input-text { background: #3c8dc3; border: 1px solid #fff; color: #fff; } .coming-soon-page.style3 .email-notify .icon { background: none; color: #fff; } .coming-soon-page.style3 .social-icons li a { color: #398ac1; } .coming-soon-page.style3 .social-icons li a:hover { color: #fff; } .coming-soon-page.style3 .copyright { color: #398ac1; } /* 9.3.3. Loading page */ .loading-page { position: absolute; display: table; position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; } .loading-page .logo img { height: auto; width: auto; } .loading-page .loading-page-wrapper { display: table-cell; vertical-align: middle; } .loading-page .loading-progress-bar { margin-left: auto; margin-right: auto; float: none; } .loading-page.style1 { background-color: #1a232f; background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%); } .loading-page.style1 .loading-text { font-size: 1.3333em; font-weight: bold; color: #7c9abd; letter-spacing: 0.4em; text-transform: uppercase; } .loading-page.style1 .loading-progress-bar { height: 18px; background: #0e1319; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -ms-border-radius: 9px 9px 9px 9px; border-radius: 9px 9px 9px 9px; filter: alpha(opacity=95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; box-shadow: 0 1px 0 #3b4857; padding: 3px; } .loading-page.style1 .loading-progress { height: 12px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -ms-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; background: #01b7f2; } .loading-page.style2 { background-color: #0097cb; background-image: -moz-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: -webkit-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: -o-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: -ms-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); } .loading-page.style2 .loading-progress-bar { box-shadow: 0 15px 6px rgba(3, 121, 165, 0.6); } .loading-page.style2 .loading-progress-bar { height: 64px; border: none; background: #fff; -webkit-border-radius: 32px 32px 32px 32px; -moz-border-radius: 32px 32px 32px 32px; -ms-border-radius: 32px 32px 32px 32px; border-radius: 32px 32px 32px 32px; padding: 7px; } .loading-page.style2 .loading-progress { height: 50px; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -ms-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; background: #fdb714; } .loading-page.style2 .loading-percent { position: absolute; right: 20px; top: 7px; height: 50px; line-height: 50px; color: #01b7f2; font-weight: 900; font-size: 2em; letter-spacing: -0.02em; } .loading-page.style2 .loading-text { font-size: 2.5em; font-weight: bold; color: #fff; letter-spacing: normal; text-transform: none; text-shadow: 0 10px 6px rgba(3, 121, 165, 0.6); } .loading-page.style2 .notice-message { font-family: "NexaBlack"; font-size: 12.5em; line-height: 0.6666em; color: #fff; text-transform: uppercase; letter-spacing: -0.1em; text-shadow: 0 16px 6px rgba(3, 121, 165, 0.6); } .loading-page.style3 { background: url(../images/pages/loading/bg.jpg) no-repeat center bottom; } .loading-page.style3 .container { position: relative; height: 100%; } .loading-page.style3 .loading-page-wrapper { height: 100%; } .loading-page.style3 .loading-page-content { position: relative; z-index: 2; height: 60%; } .loading-page.style3 .loading-text { font-size: 2em; font-weight: 300; color: #fff; } .loading-page.style3 .loading-progress-bar { height: 40px; border: 1px solid #fff; padding: 4px; background: #2d7aaf; } .loading-page.style3 .loading-progress { height: 30px; background: #fff; } .loading-page.style3 .loading-percent { position: absolute; right: 10px; top: 5px; line-height: 30px; color: #fff; font-size: 1.6667em; letter-spacing: -0.02em; } .loading-page.style3 .bottom-image { width: 30%; position: absolute; bottom: 1px; left: 50%; margin-left: -15%; } /* 9.3.4. Login page */ .soap-login-page #main { text-align: center; } .soap-login-page #footer2 { text-align: center; } .soap-login-page .login-form .checkbox { text-align: left; } .soap-login-page.style1 { -webkit-transform: translate3d(0, 0, 0); } .soap-login-page.style1 #page-wrapper { -webkit-backface-visibility: hidden; } .soap-login-page.style1 .logo img { height: 24px; width: auto; } .soap-login-page.style1 .login-form .input-text { background: #1d2835; border: 1px solid #01b7f2; color: #708bac; } .soap-login-page.style1 .login-form .checkbox { color: #708bac; cursor: pointer; } .soap-login-page.style1 .login-form .checkbox:before { border-color: #01b7f2; } .soap-login-page.style1 .login-form .checkbox.checked:before { background: #1c2633; color: #708bac; } .soap-login-page.style2 { background-color: #8f3fa1; background-image: -moz-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: -webkit-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: -o-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: -ms-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: radial-gradient(center center, circle cover, #b459c8, #762d87 100%); } .soap-login-page.style2 .welcome-text { font-size: 2.3333em; font-weight: bold; line-height: 1em; color: #fff; text-shadow: 0 10px 6px #9543a7; } .soap-login-page.style2 .login-form .input-text, .soap-login-page.style2 .login-form button { height: 70px; box-shadow: 0 10px 6px rgba(149, 67, 167, 0.6); -webkit-border-radius: 35px 35px 35px 35px; -moz-border-radius: 35px 35px 35px 35px; -ms-border-radius: 35px 35px 35px 35px; border-radius: 35px 35px 35px 35px; } .soap-login-page.style2 .login-form .input-text { background: #9543a7; border: 3px solid #fff; font-size: 1.3333em; color: #fff; padding-left: 195px; padding-right: 25px; } .soap-login-page.style2 .login-form button { font-size: 2em; font-weight: 900; letter-spacing: -0.02em; position: relative; padding-right: 50px; overflow: hidden; } .soap-login-page.style2 .login-form button i { position: absolute; right: 7px; top: 7px; height: 56px; width: 56px; line-height: 56px; background: #fff; color: #fdb714; } .soap-login-page.style2 .login-form button:hover i:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .soap-login-page.style2 .login-form .form-group { margin-bottom: 30px; } .soap-login-page.style2 .login-form .input-login, .soap-login-page.style2 .login-form .input-password { position: relative; } .soap-login-page.style2 .login-form .input-login label, .soap-login-page.style2 .login-form .input-password label { position: absolute; left: 30px; top: 0; height: 70px; line-height: 70px; font-size: 2em; font-weight: 900; color: #fff; letter-spacing: -0.02em; } .soap-login-page.style2 .login-form .input-login label:after, .soap-login-page.style2 .login-form .input-password label:after { content: "|"; font-size: 0.6667em; vertical-align: top; margin-left: 15px; } .soap-login-page.style2 .copyright { color: #822e95; } .soap-login-page.style3 .logo { margin-top: 15px; } .soap-login-page.style3 #page-wrapper { background: url(../images/pages/login/bg.jpg) no-repeat center bottom #2680b3; padding-bottom: 10%; position: relative; } .soap-login-page.style3 .welcome-text { font-size: 4em; font-weight: 300; line-height: 1em; color: #fff; } .soap-login-page.style3 .login-form .input-text { background: #369cbe; border: 1px solid #fff; color: #fff; } .soap-login-page.style3 .login-form .checkbox { color: #fff; cursor: pointer; } .soap-login-page.style3 .login-form .checkbox:before { border-color: #fff; background: #369cbe; } .soap-login-page.style3 .login-form .checkbox.checked:before { color: #fff; } .soap-login-page.style3 #content { padding-top: 0; position: relative; z-index: 2; } .soap-login-page.style3 #footer2 { position: relative; z-index: 2; } .soap-login-page.style3 #footer2 .footer2-wrapper { padding-bottom: 0; } .soap-login-page.style3 #main { margin-bottom: 0px; } .soap-login-page.style3 #main-menu li { color: #3faac9; -webkit-backface-visibility: hidden; } .soap-login-page.style3 #main-menu li.active a, .soap-login-page.style3 #main-menu li:hover a { color: #fff; } .soap-login-page.style3 .copyright { color: #fff; -webkit-transform: translateZ(0); } .soap-login-page.style3 .places { position: absolute; right: 0; bottom: 1px; width: 360px; } .soap-login-page.style3 .plane { float: right; } /* 9.4. Extra Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .more-popular-destinations { overflow: hidden; } .more-popular-destinations .row { margin-right: -16px; } .more-popular-destinations ul { border-right: 1px solid #fff; } .more-popular-destinations ul li { margin-bottom: 15px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { ::i-block-chrome, .more-popular-destinations .row { margin-right: -19px; } } .image-box .has-discount { position: relative; overflow: visible; } .image-box .has-discount:before { content: ""; } .image-box .has-discount:before, .image-box .discount { display: block; position: absolute; left: -4px; top: -4px; width: 100px; height: 102px; color: #fff; background: url(../images/icon/discount.png) no-repeat; } .image-box .discount { z-index: 1; line-height: 80px; text-transform: uppercase; font-weight: bold; font-size: 0.9167em; letter-spacing: 0.04em; text-indent: -3px; } .image-box .discount .discount-text { display: inline-block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); writing-mode: lr-tb; } .sidebar .widget-queries ul { margin-bottom: 15px; } .sidebar .widget-queries li { border-bottom: 1px solid #f5f5f5; padding: 10px 5px; line-height: 24px; font-size: 0.9167em; text-transform: uppercase; } .sidebar .widget-queries li a { display: block; } .sidebar .widget-queries li a:hover { color: #2d3e52; } .sidebar .widget-queries li a:hover i { color: #01b7f2; } .sidebar .widget-queries li i { color: #d9d9d9; font-size: 2em; display: block; float: left; margin-right: 10px; width: 20px; text-align: center; } .sidebar .post-list .details { padding-top: 3px; } .sidebar .post-list .box-title { margin-bottom: 4px; } .sidebar .post-list div.avatar img { width: 64px; height: 64px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .travel-story-container { background: #fff; padding: 0 10px 10px; } .travel-story-container .travel-story-content { display: table; } .travel-story-container .travel-story-content > * { display: table-cell; vertical-align: top; } .travel-story-container .travel-story-content div.avatar { border-right: 1px solid #f5f5f5; padding: 20px 20px 10px 10px; text-align: center; } .travel-story-container .travel-story-content div.avatar img { margin-bottom: 15px; width: 90px; height: 90px; } .travel-story-container .travel-story-content .description { padding: 20px; } .travel-story-container .travel-story-meta { background: #f5f5f5; padding: 10px 10px 0; font-size: 1em; } .travel-story-container .travel-story-meta .story-meta { float: right; text-transform: uppercase; } .travel-story-container .travel-story-meta .story-meta > * { height: 28px; line-height: 28px; display: inline-block; padding: 0 10px; margin-left: 8px; margin-bottom: 10px; background: #fff; color: #9e9e9e; letter-spacing: 0.04em; font-size: 0.8333em; font-weight: normal; } .travel-story-container .travel-story-meta .story-meta > * i { float: left; font-size: 2.5em; margin-right: 8px; color: #d9d9d9; } .travel-story-container .travel-story-meta .story-meta > *.date i { font-size: 1.6667em; } .travel-story-container .travel-story-meta .story-meta a.button:hover { background: #fdb714; color: #fff; } .travel-story-container .travel-story-meta .story-meta a.button:hover i { color: #fff; } .travel-story-container .travel-story-meta .travel-miles { line-height: 28px; font-size: 1.1667em; float: left; display: block; margin-left: 5px; } .travel-story-container .travel-story-meta .travel-miles i { font-size: 1.8333em; color: #01b7f2; margin-right: 8px; float: left; } .travel-story-container .travel-story-meta:after { display: table; content: ""; clear: both; } .travel-story-container .my-trip li { float: left; width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; } .travel-story-container .my-trip li img { max-width: 100%; } .travel-story-container .my-trip li .hover-effect:after { background-size: 30px 30px; } .travel-story-container .my-trip ul:after { display: table; content: ""; clear: both; } #travel-guide .tab-pane { padding: 0; } #travel-guide .main-content { padding: 20px; } #travel-guide #travel-guide-sports .intro { padding: 15px; } #travel-guide .sport-list { background: #fff; text-transform: uppercase; letter-spacing: 0.04em; } #travel-guide .sport-list li { line-height: 2.5em; } #travel-guide .sport-list [class^="col-"], #travel-guide .sport-list [class*=" col-"] { padding: 10px 20px; border-right: 1px solid #f5f5f5; } #travel-guide .details { padding-bottom: 10px; } #travel-guide .details > *:last-child { margin-bottom: 0; } #travel-guide .icon-box { text-align: center; text-transform: none; padding: 0 15px; } #travel-guide .icon-box i { margin-bottom: 10px; font-size: 1.3333em; } .suggested-places ul.check-square li:before { float: left; line-height: 1.3em; } .suggested-places ul.check-square li > a { margin-left: 25px; display: block; } .suggested-places ul.check-square li:hover, .suggested-places ul.check-square li.active { background: none; } .suggested-places ul.check-square li:hover:before, .suggested-places ul.check-square li.active:before { background: #fdb714; color: #fff; } .suggested-places ul.check-square li:hover .box-title, .suggested-places ul.check-square li.active .box-title { color: #01b7f2; } .travel-ideas .idea-title .index { margin-right: 10px; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #fff; background: #fdb714; width: 1.8em; height: 1.8em; line-height: 1.75em; text-align: center; font-size: 0.8em; font-weight: bold; } .travel-ideas .suggested-places .row { margin: 0 -3px 0 -25px; } .travel-ideas .suggested-places [class^="col-"] { padding-left: 25px; padding-right: 0; border-right: 1px solid #f5f5f5; } .travel-ideas .suggested-places ul.check-square li > a { text-transform: uppercase; } /* revolution slider fix */ .tp-simpleresponsive .slotholder, .tp-simpleresponsive .slotholder img { /*-webkit-backface-visibility: visible !important;-webkit-transform:none !important;*/ } /* 10. Wordpress default css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .widget_categories ul.children { margin-left: 20px; } .widget_categories ul li { padding-top: 16px; text-align: right; } .widget_categories ul li a { display: block; text-transform: uppercase; font-size: 11px; float: left; } .widget_categories ul li:before { float: left; width: 15px; height: 16px; display: block; line-height: 14px; text-align: center; font-family: 'soap-icons'; content: "\e8ba"; background: #d9d9d9; color: #fff; padding: 1px 4px 0; margin-right: 10px; font-size: 12px; } .widget_categories ul:before, .widget_categories ul li:after { clear: both; content: ' '; display: table; } #comment-submit { width: 100%; padding: 0; padding: 0 32px; height: 43px; font-size: 1.1667em; line-height: 43px; } #new-comments .image-box.style14 figure { width: 52px; } #new-comments .image-box.style14 .details { padding: 0; } #new-comments .image-box.style14 .details p { margin-bottom: 0px; } .wpcf7-response-output { display: none !important; } .style-toggle.close:before { display: none; } /* mailchimp */ .mc4wp-form input[type="email"], .mc4wp-form input[type="text"] { height: 34px !important; } /* woocommerce */ .woocommerce a.remove { color: #fff !important; background: #d9d9d9; width: 30px; height: 30px; line-height: 30px; } .woocommerce a.remove:hover { background: #01b7f2; } .woocommerce .button { border-radius: 0 !important; color: #fff !important; background: #98ce44 !important; text-transform: uppercase !important; font-size: 11px !important; } .woocommerce .button:hover { background: #7fb231 !important; color: #fff !important; } .woocommerce input.button { padding: 0 32px !important; } .woocommerce button[name="update_cart"] { width: 160px; text-transform: uppercase; font-size: 11px; } .woocommerce .cart-wrapper { background: #fff; padding: 15px; } .woocommerce table.shop_table { border-radius: 0; border: 1px solid #fff; border-bottom: 1px solid #f5f5f5; background: #f5f5f5; text-align: center; } .woocommerce table.shop_table thead { background: #01b7f2; color: #fff; font-size: 11px; font-weight: normal; } .woocommerce table.shop_table td, .woocommerce table.shop_table th { border: 1px solid #fff !important; font-size: 12px; } .woocommerce table.shop_table tfoot th { padding: 12px 40px; } .woocommerce table.shop_table .product-name, .woocommerce table.shop_table .product-order { padding: 12px 40px; text-align: left; } .woocommerce .cart-collaterals .cart_totals { float: left; margin-left: 20px; } .woocommerce .cart-collaterals .cart_totals h2 .amount { color: #7db921; font-weight: normal; } .woocommerce #customer_details, .woocommerce #order_review { background: #fff; padding: 20px 30px; margin-bottom: 30px; } .woocommerce form .form-row { margin-bottom: 20px !important; padding: 0 !important; } .woocommerce .select2-drop-active { border-color: #7F9DB9 !important; background: #f5f5f5 !important; color: #838383 !important; border-radius: 0 !important; } .woocommerce .select2-choice { border-color: transparent !important; color: #838383 !important; border-radius: 0 !important; background: #f5f5f5 !important; } .woocommerce .select2-container .select2-choice { height: 34px; line-height: 30px; padding: 0 15px; } .woocommerce .select2-container .select2-choice .select2-arrow { background: #fdb714; border-radius: 0; width: 24px; } .woocommerce .select2-container .select2-choice .select2-arrow b:after { border-top-color: #fff; left: 60%; } .woocommerce .select2-dropdown-open .select2-choice { border-color: #7F9DB9 !important; } .woocommerce .select2-dropdown-open .select2-choice .select2-arrow b:after { border-top-color: transparent; border-bottom-color: #fff; } .woocommerce .order_details { font-size: 16px; } .woocommerce .thankyou-wrapper .soap-icon-recommend { color: #fdb714; font-size: 2.5em; float: left; margin-right: 12px; margin-top: 4px; } .woocommerce-cart table.cart td.product-thumbnail img { width: 74px; } .woocommerce-cart table.cart td.product-name h5 { float: left; font-size: 14px; } .woocommerce-cart table.cart td.product-name h5 small { font-size: 11px; display: block; padding-top: 10px; color: #01b7f2; } .woocommerce-cart table.cart td.product-order dl { margin: 5px 0; } .woocommerce-cart table.cart td.product-order dl > * { font-size: 10px; text-transform: uppercase; display: inline-block; font-weight: normal; line-height: 2em; } .woocommerce-cart table.cart td.product-order dl dt { width: 40%; float: left; min-width: 50px; color: #01b7f2; } .woocommerce-cart table.cart td.product-order dl dd { width: 50%; float: left; } .woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-quantity, .woocommerce-cart table.cart td.product-subtotal { font-size: 20px; color: #2d3e52; text-align: center; } .woocommerce-cart table.cart td.actions { background: #fff; padding: 15px 0 20px; } .woocommerce-cart table.cart td.actions #coupon_code { width: 200px !important; margin: 0; border: none; padding-left: 20px; font-size: 12px; } .woocommerce-cart .wc-proceed-to-checkout { float: right; padding: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { border-radius: 0; height: 34px; background: #f0427b !important; line-height: 34px; padding: 0 30px 0 0 !important; width: 220px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #d4255e !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover:after { background: #f0427b; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after { font-family: "soap-icons"; content: '\e88b'; font-size: 20px; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: #d4255e; } .woocommerce-cart .cart-total-detail { display: none; } .woocommerce-cart .cart-collaterals .cart_totals table { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 0; font-weight: normal; font-size: 12px; } .woocommerce-checkout #payment { border-radius: 0; background: #fff; } .woocommerce-checkout #payment ul.payment_methods { margin-bottom: 20px; } .woocommerce-checkout #payment ul.payment_methods label { display: inline; } .wp-caption { max-width: 100%; margin-bottom: 24px; color: #767676; } .wp-caption img { max-width: 100%; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .sticky .entry-date { display: none; } .sticky .without-featured-item .entry-title, .sticky .without-featured-item .excerpt-container, .sticky .without-featured-item .post-content { padding-left: 0; } .sticky .details { border: 1px solid #000; } .gallery-item .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery { margin-bottom: 20px; } .gallery-item { float: left; overflow: hidden; position: relative; max-width: 150px; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .entry-content ul li ul, .comment-text ul li ul { margin: 0 0 24px 20px; list-style: disc; } .entry-content ol, .comment-text ol { margin: 0 0 24px 20px; list-style: decimal; } .entry-content table, .entry-content td, .entry-content th, .comment-text table, .comment-text td, .comment-text th { border: 1px solid rgba(0, 0, 0, 0.1); } .entry-content table, .comment-text table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; font-size: 14px; line-height: 1.2857142857; } .entry-content th, .comment-text th { font-weight: 700; padding: 8px; text-transform: uppercase; border-width: 0 1px 1px 0; } .entry-content td, .comment-text td { padding: 8px; border-width: 0 1px 1px 0; } .entry-content dt, .comment-text dt { font-weight: bold; } .entry-content dd, .comment-text dd { margin-bottom: 2px; } .entry-content blockquote, .comment-text blockquote { color: #01b7f2; font-style: italic; } .entry-content blockquote:before, .entry-content blockquote:after, .comment-text blockquote:before, .comment-text blockquote:after { color: #fdb714; } .entry-content blockquote p, .comment-text blockquote p { display: inline; } .entry-content img, .comment-text img { max-width: 100%; height: auto; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video, .comment-text embed, .comment-text iframe, .comment-text object, .comment-text video { max-width: 100%; } .entry-content ol[class*="-control-nav"], .comment-text ol[class*="-control-nav"] { list-style: none; margin: 0; } #wp-calendar { width: 100%; font-size: 13px; line-height: 2; color: #686868; } .widget_archive a, .widget_pages a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a, .widget_rss a, .widget_tag_cloud a { text-decoration: underline; line-height: 2; font-size: 13px; color: #428bca; } .widget img { max-width: 100%; height: auto; } /*revslider*/ .fullwidthbanner-container { max-height: 700px !important; overflow: hidden; padding: 0; position: relative; width: 100% !important; font-size: 12px; } .tp-caption { color: #fff; text-align: center; } .caption-big-title { font-size: 30px; line-height: 1.1667em; margin: 0; } .caption-big-title strong, .tp-caption .caption-big-title i { font-size: 30px; } .caption-medium-title { font-size: 25px; line-height: 1.1667em; margin: 0; } .caption-medium-title strong, .tp-caption .caption-medium-title i { font-size: 25px; } .caption-small-title { font-size: 20px; line-height: 1.1667em; margin: 0; } .caption-medium-title strong, .tp-caption .caption-medium-title i { font-size: 20px; } .tp-caption .button-group { text-align: left; margin: 0; } .tp-caption a { color: #fff; } .tp-caption a.link { display: inline-block; color: #fff; padding: 0 1.2em; line-height: 2.2em; font-weight: bold; font-size: 1.3333em; } .tp-caption a.link-home-slider-blue { background: #2d3e52; } .tp-caption a.link-home-slider-blue:hover { background: #223040; } .tp-caption a.link-home-slider-trans { background: transparent; border: 1px solid #fff; border-radius: 1px; font-size: 1.16667em; font-weight: normal; /*width: 120px;*/ text-align: center; } .tp-caption a.link-home-slider-trans:hover { background: #fff; color: #78d9f8; } .tp-leftarrow.default, .tp-rightarrow.default { background: none !important; overflow: visible; opacity: .8; -webkit-transform: none; } .tp-leftarrow.default:hover, .tp-rightarrow.default:hover { opacity: 1; } .tp-leftarrow.default:before { position: absolute; top: 10px; right: 0; content: "\f053"; display: block; color: white; font-size: 3em; font-family: FontAwesome; } .tp-rightarrow.default:before { position: absolute; top: 10px; left: 0; content: "\f054"; display: block; color: white; font-size: 3em; font-family: FontAwesome; } .tp-caption.largewhitebg_button1 a { color: #fff; } .tp-caption.largewhitebg_button1:hover a { color: #78d9f8; } .tp-caption.largewhitebg_button1_blue a, .tp-caption.largewhitebg_button1_yellow a, .tp-caption.largewhitebg_button1_green a { display: block; padding: 0 25px; } .tp-caption.largewhitebg_button1_blue a:hover { background-color: #fff; color: #01b7f2; } .tp-caption.largewhitebg_button1_yellow a:hover { background-color: #fff; color: #fdb714; } .tp-caption.largewhitebg_button1_green a:hover { background-color: #fff; color: #98ce44; } .center-block-wrapper { height: 100%; display: table; } .center-block-wrapper .center-block { vertical-align: middle; display: table-cell; } /*! * Bootstrap v3.1.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}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{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{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-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !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:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-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}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;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}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.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;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}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,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.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,.h4,h5,.h5,h6,.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:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.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:#428bca}a.bg-primary:hover{background-color:#3071a9}.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}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.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 p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}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;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;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}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.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:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{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:49.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:49.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:0}.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:49.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:0}.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:49.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-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{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:49.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:49.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:0}.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:49.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:0}.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:49.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-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{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:49.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:49.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:0}.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:49.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:0}.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:49.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-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{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:49.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:49.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:0}.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:49.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:0}.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:49.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{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{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>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.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}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width: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;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{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="radio"]:focus,input[type="checkbox"]: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,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-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, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.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{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.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}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom: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 .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{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:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{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:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{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:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@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.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:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.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"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{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;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.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:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:none}.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-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-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>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,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-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.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-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right: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.33;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}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].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}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control: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:normal;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="radio"],.input-group-addon input[type="checkbox"]{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:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-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:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-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:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{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{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.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:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.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:hover,.nav-tabs.nav-justified>.active>a:focus{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:hover,.nav-tabs.nav-justified>.active>a:focus{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:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.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{text-align:center;margin-bottom:5px}.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:hover,.nav-tabs-justified>.active>a:focus{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:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-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{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;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-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{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-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{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;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:none}.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;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{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-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left !important}.navbar-right{float:right !important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@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 .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{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-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{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:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{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:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{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:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@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:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.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{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.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;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.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-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-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-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.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:hover,.pager li>a:focus{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:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;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}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right: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:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.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:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.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}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,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:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-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,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.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,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.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,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.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,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.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-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.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:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{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:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{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:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{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:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{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,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>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{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.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}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.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 td:first-child,.panel>.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 td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th: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 th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.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 td:last-child,.panel>.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 td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th: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 th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.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 td:first-child,.panel>.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 td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.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 td:last-child,.panel>.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 td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.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{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.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-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.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-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-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-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-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.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,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,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:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.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{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right: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;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;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{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;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,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.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;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:none;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.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%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,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-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right: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;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !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}th.visible-sm,td.visible-sm{display:table-cell !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}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !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}th.visible-print,td.visible-print{display:table-cell !important}}@media print{.hidden-print{display:none !important}}