/*--------------------------------

LineIcons Free Web Font
Author: lineicons.com

-------------------------------- */
@font-face {
  font-family: 'LineIcons';
  src: url('../../themes/fnail01q/assets/fonts/LineIcons.eot');
  src: url('../../themes/fnail01q/assets/fonts/LineIcons.eot') format('embedded-opentype'), url('../../themes/fnail01q/assets/fonts/LineIcons.woff2') format('woff2'), url('../../themes/fnail01q/assets/fonts/LineIcons.woff') format('woff'), url('../../themes/fnail01q/assets/fonts/LineIcons.ttf') format('truetype'), url('../../themes/fnail01q/assets/fonts/LineIcons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
	base class definition
-------------------------*/
.lni {
  display: inline-block;
  font: normal normal normal 1em/1 'LineIcons';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------
  change icon size
-------------------------*/
/* relative units */
.lni-sm {
  font-size: 0.8em;
}
.lni-lg {
  font-size: 1.2em;
}
/* absolute units */
.lni-16 {
  font-size: 16px;
}
.lni-32 {
  font-size: 32px;
}
/*----------------------------------
  add a square/circle background
-----------------------------------*/
.lni-bg-square,
.lni-bg-circle {
  padding: 0.35em;
  background-color: #eee;
}
.lni-bg-circle {
  border-radius: 50%;
}
/*------------------------------------
  use icons as list item markers
-------------------------------------*/
.lni-ul {
  padding-left: 0;
  list-style-type: none;
}
.lni-ul > li {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}
.lni-ul > li > .lni {
  margin-right: 0.4em;
  line-height: inherit;
}
/*------------------------
  spinning icons
-------------------------*/
.lni-is-spinning {
  -webkit-animation: lni-spin 2s infinite linear;
  -moz-animation: lni-spin 2s infinite linear;
  animation: lni-spin 2s infinite linear;
}
@-webkit-keyframes lni-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes lni-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes lni-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*------------------------
  rotated/flipped icons
-------------------------*/
.lni-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.lni-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.lni-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.lni-flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.lni-flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*------------------------
	icons
-------------------------*/

.lni-500px::before {
  content: "\ea02";
}

.lni-add-files::before {
  content: "\ea03";
}

.lni-alarm-clock::before {
  content: "\ea04";
}

.lni-alarm::before {
  content: "\ea05";
}

.lni-airbnb::before {
  content: "\ea06";
}

.lni-adobe::before {
  content: "\ea07";
}

.lni-amazon-pay::before {
  content: "\ea08";
}

.lni-amazon::before {
  content: "\ea09";
}

.lni-amex::before {
  content: "\ea0a";
}

.lni-anchor::before {
  content: "\ea0b";
}

.lni-amazon-original::before {
  content: "\ea0c";
}

.lni-android-original::before {
  content: "\ea0d";
}

.lni-android::before {
  content: "\ea0e";
}

.lni-angellist::before {
  content: "\ea0f";
}

.lni-angle-double-down::before {
  content: "\ea10";
}

.lni-angle-double-left::before {
  content: "\ea11";
}

.lni-angle-double-right::before {
  content: "\ea12";
}

.lni-angle-double-up::before {
  content: "\ea13";
}

.lni-angular::before {
  content: "\ea14";
}

.lni-apartment::before {
  content: "\ea15";
}

.lni-app-store::before {
  content: "\ea16";
}

.lni-apple-pay::before {
  content: "\ea17";
}

.lni-apple::before {
  content: "\ea18";
}

.lni-archive::before {
  content: "\ea19";
}

.lni-arrow-down-circle::before {
  content: "\ea1a";
}

.lni-arrow-left-circle::before {
  content: "\ea1b";
}

.lni-arrow-left::before {
  content: "\ea1c";
}

.lni-arrow-right-circle::before {
  content: "\ea1d";
}

.lni-arrow-right::before {
  content: "\ea1e";
}

.lni-arrow-top-left::before {
  content: "\ea1f";
}

.lni-arrow-top-right::before {
  content: "\ea20";
}

.lni-arrow-up-circle::before {
  content: "\ea21";
}

.lni-arrow-up::before {
  content: "\ea22";
}

.lni-arrows-horizontal::before {
  content: "\ea23";
}

.lni-arrows-vertical::before {
  content: "\ea24";
}

.lni-atlassian::before {
  content: "\ea25";
}

.lni-aws::before {
  content: "\ea26";
}

.lni-arrow-down::before {
  content: "\ea27";
}

.lni-ambulance::before {
  content: "\ea28";
}

.lni-agenda::before {
  content: "\ea29";
}

.lni-backward::before {
  content: "\ea2a";
}

.lni-baloon::before {
  content: "\ea2b";
}

.lni-ban::before {
  content: "\ea2c";
}

.lni-bar-chart::before {
  content: "\ea2d";
}

.lni-behance-original::before {
  content: "\ea2e";
}

.lni-bitbucket::before {
  content: "\ea2f";
}

.lni-bitcoin::before {
  content: "\ea30";
}

.lni-blackboard::before {
  content: "\ea31";
}

.lni-blogger::before {
  content: "\ea32";
}

.lni-bluetooth::before {
  content: "\ea33";
}

.lni-bold::before {
  content: "\ea34";
}

.lni-bolt-alt::before {
  content: "\ea35";
}

.lni-bolt::before {
  content: "\ea36";
}

.lni-book::before {
  content: "\ea37";
}

.lni-bookmark-alt::before {
  content: "\ea38";
}

.lni-bookmark::before {
  content: "\ea39";
}

.lni-bootstrap::before {
  content: "\ea3a";
}

.lni-bricks::before {
  content: "\ea3b";
}

.lni-bridge::before {
  content: "\ea3c";
}

.lni-briefcase::before {
  content: "\ea3d";
}

.lni-brush-alt::before {
  content: "\ea3e";
}

.lni-brush::before {
  content: "\ea3f";
}

.lni-bubble::before {
  content: "\ea40";
}

.lni-bug::before {
  content: "\ea41";
}

.lni-bulb::before {
  content: "\ea42";
}

.lni-bullhorn::before {
  content: "\ea43";
}

.lni-burger::before {
  content: "\ea44";
}

.lni-bus::before {
  content: "\ea45";
}

.lni-cake::before {
  content: "\ea46";
}

.lni-calculator::before {
  content: "\ea47";
}

.lni-calendar::before {
  content: "\ea48";
}

.lni-camera::before {
  content: "\ea49";
}

.lni-candy-cane::before {
  content: "\ea4a";
}

.lni-candy::before {
  content: "\ea4b";
}

.lni-capsule::before {
  content: "\ea4c";
}

.lni-car-alt::before {
  content: "\ea4d";
}

.lni-car::before {
  content: "\ea4e";
}

.lni-caravan::before {
  content: "\ea4f";
}

.lni-cart-full::before {
  content: "\ea50";
}

.lni-cart::before {
  content: "\ea51";
}

.lni-certificate::before {
  content: "\ea52";
}

.lni-checkbox::before {
  content: "\ea53";
}

.lni-checkmark-circle::before {
  content: "\ea54";
}

.lni-checkmark::before {
  content: "\ea55";
}

.lni-chef-hat::before {
  content: "\ea56";
}

.lni-chevron-down-circle::before {
  content: "\ea57";
}

.lni-chevron-down::before {
  content: "\ea58";
}

.lni-chevron-left-circle::before {
  content: "\ea59";
}

.lni-chevron-left::before {
  content: "\ea5a";
}

.lni-chevron-right-circle::before {
  content: "\ea5b";
}

.lni-chevron-right::before {
  content: "\ea5c";
}

.lni-chevron-up-circle::before {
  content: "\ea5d";
}

.lni-chevron-up::before {
  content: "\ea5e";
}

.lni-chrome::before {
  content: "\ea5f";
}

.lni-circle-minus::before {
  content: "\ea60";
}

.lni-circle-plus::before {
  content: "\ea61";
}

.lni-clipboard::before {
  content: "\ea62";
}

.lni-close::before {
  content: "\ea63";
}

.lni-cloud-check::before {
  content: "\ea64";
}

.lni-cloud-download::before {
  content: "\ea65";
}

.lni-cloud-network::before {
  content: "\ea66";
}

.lni-cloud-sync::before {
  content: "\ea67";
}

.lni-cloud-upload::before {
  content: "\ea68";
}

.lni-cloud::before {
  content: "\ea69";
}

.lni-cloudy-sun::before {
  content: "\ea6a";
}

.lni-code-alt::before {
  content: "\ea6b";
}

.lni-code::before {
  content: "\ea6c";
}

.lni-codepen::before {
  content: "\ea6d";
}

.lni-coffee-cup::before {
  content: "\ea6e";
}

.lni-cog::before {
  content: "\ea6f";
}

.lni-cogs::before {
  content: "\ea70";
}

.lni-coin::before {
  content: "\ea71";
}

.lni-comments-alt::before {
  content: "\ea72";
}

.lni-comments-reply::before {
  content: "\ea73";
}

.lni-comments::before {
  content: "\ea74";
}

.lni-compass::before {
  content: "\ea75";
}

.lni-construction-hammer::before {
  content: "\ea76";
}

.lni-construction::before {
  content: "\ea77";
}

.lni-consulting::before {
  content: "\ea78";
}

.lni-control-panel::before {
  content: "\ea79";
}

.lni-cpanel::before {
  content: "\ea7a";
}

.lni-creative-commons::before {
  content: "\ea7b";
}

.lni-credit-cards::before {
  content: "\ea7c";
}

.lni-crop::before {
  content: "\ea7d";
}

.lni-cross-circle::before {
  content: "\ea7e";
}

.lni-crown::before {
  content: "\ea7f";
}

.lni-css3::before {
  content: "\ea80";
}

.lni-cup::before {
  content: "\ea81";
}

.lni-customer::before {
  content: "\ea82";
}

.lni-cut::before {
  content: "\ea83";
}

.lni-dashboard::before {
  content: "\ea84";
}

.lni-database::before {
  content: "\ea85";
}

.lni-delivery::before {
  content: "\ea86";
}

.lni-dev::before {
  content: "\ea87";
}

.lni-diamond-alt::before {
  content: "\ea88";
}

.lni-diamond::before {
  content: "\ea89";
}

.lni-diners-club::before {
  content: "\ea8a";
}

.lni-dinner::before {
  content: "\ea8b";
}

.lni-direction-alt::before {
  content: "\ea8c";
}

.lni-direction-ltr::before {
  content: "\ea8d";
}

.lni-direction-rtl::before {
  content: "\ea8e";
}

.lni-direction::before {
  content: "\ea8f";
}

.lni-discord::before {
  content: "\ea90";
}

.lni-discover::before {
  content: "\ea91";
}

.lni-display-alt::before {
  content: "\ea92";
}

.lni-display::before {
  content: "\ea93";
}

.lni-docker::before {
  content: "\ea94";
}

.lni-dollar::before {
  content: "\ea95";
}

.lni-domain::before {
  content: "\ea96";
}

.lni-download::before {
  content: "\ea97";
}

.lni-dribbble::before {
  content: "\ea98";
}

.lni-drop::before {
  content: "\ea99";
}

.lni-dropbox-original::before {
  content: "\ea9a";
}

.lni-dropbox::before {
  content: "\ea9b";
}

.lni-drupal-original::before {
  content: "\ea9c";
}

.lni-drupal::before {
  content: "\ea9d";
}

.lni-dumbbell::before {
  content: "\ea9e";
}

.lni-edge::before {
  content: "\ea9f";
}

.lni-emoji-cool::before {
  content: "\eaa0";
}

.lni-emoji-friendly::before {
  content: "\eaa1";
}

.lni-emoji-happy::before {
  content: "\eaa2";
}

.lni-emoji-sad::before {
  content: "\eaa3";
}

.lni-emoji-smile::before {
  content: "\eaa4";
}

.lni-emoji-speechless::before {
  content: "\eaa5";
}

.lni-emoji-suspect::before {
  content: "\eaa6";
}

.lni-emoji-tounge::before {
  content: "\eaa7";
}

.lni-empty-file::before {
  content: "\eaa8";
}

.lni-enter::before {
  content: "\eaa9";
}

.lni-envato::before {
  content: "\eaaa";
}

.lni-envelope::before {
  content: "\eaab";
}

.lni-eraser::before {
  content: "\eaac";
}

.lni-euro::before {
  content: "\eaad";
}

.lni-exit-down::before {
  content: "\eaae";
}

.lni-exit-up::before {
  content: "\eaaf";
}

.lni-exit::before {
  content: "\eab0";
}

.lni-eye::before {
  content: "\eab1";
}

.lni-facebook-filled::before {
  content: "\eab2";
}

.lni-facebook-messenger::before {
  content: "\eab3";
}

.lni-facebook-original::before {
  content: "\eab4";
}

.lni-facebook-oval::before {
  content: "\eab5";
}

.lni-facebook::before {
  content: "\eab6";
}

.lni-figma::before {
  content: "\eab7";
}

.lni-files::before {
  content: "\eab8";
}

.lni-firefox-original::before {
  content: "\eab9";
}

.lni-firefox::before {
  content: "\eaba";
}

.lni-fireworks::before {
  content: "\eabb";
}

.lni-first-aid::before {
  content: "\eabc";
}

.lni-flag-alt::before {
  content: "\eabd";
}

.lni-flag::before {
  content: "\eabe";
}

.lni-flags::before {
  content: "\eabf";
}

.lni-flickr::before {
  content: "\eac0";
}

.lni-basketball::before {
  content: "\eac1";
}

.lni-behance::before {
  content: "\eac2";
}

.lni-forward::before {
  content: "\eac3";
}

.lni-frame-expand::before {
  content: "\eac4";
}

.lni-flower::before {
  content: "\eac5";
}

.lni-full-screen::before {
  content: "\eac6";
}

.lni-funnel::before {
  content: "\eac7";
}

.lni-gallery::before {
  content: "\eac8";
}

.lni-game::before {
  content: "\eac9";
}

.lni-gift::before {
  content: "\eaca";
}

.lni-git::before {
  content: "\eacb";
}

.lni-github-original::before {
  content: "\eacc";
}

.lni-github::before {
  content: "\eacd";
}

.lni-goodreads::before {
  content: "\eace";
}

.lni-google-drive::before {
  content: "\eacf";
}

.lni-google-pay::before {
  content: "\ead0";
}

.lni-fresh-juice::before {
  content: "\ead1";
}

.lni-folder::before {
  content: "\ead2";
}

.lni-bi-cycle::before {
  content: "\ead3";
}

.lni-graph::before {
  content: "\ead4";
}

.lni-grid-alt::before {
  content: "\ead5";
}

.lni-grid::before {
  content: "\ead6";
}

.lni-google-wallet::before {
  content: "\ead7";
}

.lni-grow::before {
  content: "\ead8";
}

.lni-hammer::before {
  content: "\ead9";
}

.lni-hand::before {
  content: "\eada";
}

.lni-handshake::before {
  content: "\eadb";
}

.lni-harddrive::before {
  content: "\eadc";
}

.lni-headphone-alt::before {
  content: "\eadd";
}

.lni-headphone::before {
  content: "\eade";
}

.lni-heart-filled::before {
  content: "\eadf";
}

.lni-heart-monitor::before {
  content: "\eae0";
}

.lni-heart::before {
  content: "\eae1";
}

.lni-helicopter::before {
  content: "\eae2";
}

.lni-helmet::before {
  content: "\eae3";
}

.lni-help::before {
  content: "\eae4";
}

.lni-highlight-alt::before {
  content: "\eae5";
}

.lni-highlight::before {
  content: "\eae6";
}

.lni-home::before {
  content: "\eae7";
}

.lni-hospital::before {
  content: "\eae8";
}

.lni-hourglass::before {
  content: "\eae9";
}

.lni-html5::before {
  content: "\eaea";
}

.lni-image::before {
  content: "\eaeb";
}

.lni-inbox::before {
  content: "\eaec";
}

.lni-indent-decrease::before {
  content: "\eaed";
}

.lni-indent-increase::before {
  content: "\eaee";
}

.lni-infinite::before {
  content: "\eaef";
}

.lni-information::before {
  content: "\eaf0";
}

.lni-instagram-filled::before {
  content: "\eaf1";
}

.lni-instagram-original::before {
  content: "\eaf2";
}

.lni-instagram::before {
  content: "\eaf3";
}

.lni-invention::before {
  content: "\eaf4";
}

.lni-graduation::before {
  content: "\eaf5";
}

.lni-invest-monitor::before {
  content: "\eaf6";
}

.lni-island::before {
  content: "\eaf7";
}

.lni-italic::before {
  content: "\eaf8";
}

.lni-java::before {
  content: "\eaf9";
}

.lni-javascript::before {
  content: "\eafa";
}

.lni-jcb::before {
  content: "\eafb";
}

.lni-joomla-original::before {
  content: "\eafc";
}

.lni-joomla::before {
  content: "\eafd";
}

.lni-jsfiddle::before {
  content: "\eafe";
}

.lni-juice::before {
  content: "\eaff";
}

.lni-key::before {
  content: "\eb00";
}

.lni-keyboard::before {
  content: "\eb01";
}

.lni-keyword-research::before {
  content: "\eb02";
}

.lni-hacker-news::before {
  content: "\eb03";
}

.lni-google::before {
  content: "\eb04";
}

.lni-laravel::before {
  content: "\eb05";
}

.lni-layers::before {
  content: "\eb06";
}

.lni-layout::before {
  content: "\eb07";
}

.lni-leaf::before {
  content: "\eb08";
}

.lni-library::before {
  content: "\eb09";
}

.lni-licencse::before {
  content: "\eb0a";
}

.lni-life-ring::before {
  content: "\eb0b";
}

.lni-line-dashed::before {
  content: "\eb0c";
}

.lni-line-dotted::before {
  content: "\eb0d";
}

.lni-line-double::before {
  content: "\eb0e";
}

.lni-line-spacing::before {
  content: "\eb0f";
}

.lni-line::before {
  content: "\eb10";
}

.lni-lineicons-alt::before {
  content: "\eb11";
}

.lni-lineicons::before {
  content: "\eb12";
}

.lni-link::before {
  content: "\eb13";
}

.lni-linkedin-original::before {
  content: "\eb14";
}

.lni-linkedin::before {
  content: "\eb15";
}

.lni-list::before {
  content: "\eb16";
}

.lni-lock-alt::before {
  content: "\eb17";
}

.lni-lock::before {
  content: "\eb18";
}

.lni-magnet::before {
  content: "\eb19";
}

.lni-magnifier::before {
  content: "\eb1a";
}

.lni-mailchimp::before {
  content: "\eb1b";
}

.lni-map-marker::before {
  content: "\eb1c";
}

.lni-map::before {
  content: "\eb1d";
}

.lni-mashroom::before {
  content: "\eb1e";
}

.lni-mastercard::before {
  content: "\eb1f";
}

.lni-medall-alt::before {
  content: "\eb20";
}

.lni-medall::before {
  content: "\eb21";
}

.lni-medium::before {
  content: "\eb22";
}

.lni-laptop::before {
  content: "\eb23";
}

.lni-investment::before {
  content: "\eb24";
}

.lni-laptop-phone::before {
  content: "\eb25";
}

.lni-megento::before {
  content: "\eb26";
}

.lni-mic::before {
  content: "\eb27";
}

.lni-microphone::before {
  content: "\eb28";
}

.lni-menu::before {
  content: "\eb29";
}

.lni-microscope::before {
  content: "\eb2a";
}

.lni-money-location::before {
  content: "\eb2b";
}

.lni-minus::before {
  content: "\eb2c";
}

.lni-mobile::before {
  content: "\eb2d";
}

.lni-more-alt::before {
  content: "\eb2e";
}

.lni-mouse::before {
  content: "\eb2f";
}

.lni-move::before {
  content: "\eb30";
}

.lni-music::before {
  content: "\eb31";
}

.lni-network::before {
  content: "\eb32";
}

.lni-night::before {
  content: "\eb33";
}

.lni-nodejs-alt::before {
  content: "\eb34";
}

.lni-nodejs::before {
  content: "\eb35";
}

.lni-notepad::before {
  content: "\eb36";
}

.lni-npm::before {
  content: "\eb37";
}

.lni-offer::before {
  content: "\eb38";
}

.lni-opera::before {
  content: "\eb39";
}

.lni-package::before {
  content: "\eb3a";
}

.lni-page-break::before {
  content: "\eb3b";
}

.lni-pagination::before {
  content: "\eb3c";
}

.lni-paint-bucket::before {
  content: "\eb3d";
}

.lni-paint-roller::before {
  content: "\eb3e";
}

.lni-pallet::before {
  content: "\eb3f";
}

.lni-paperclip::before {
  content: "\eb40";
}

.lni-more::before {
  content: "\eb41";
}

.lni-pause::before {
  content: "\eb42";
}

.lni-paypal-original::before {
  content: "\eb43";
}

.lni-microsoft::before {
  content: "\eb44";
}

.lni-money-protection::before {
  content: "\eb45";
}

.lni-pencil::before {
  content: "\eb46";
}

.lni-paypal::before {
  content: "\eb47";
}

.lni-pencil-alt::before {
  content: "\eb48";
}

.lni-patreon::before {
  content: "\eb49";
}

.lni-phone-set::before {
  content: "\eb4a";
}

.lni-phone::before {
  content: "\eb4b";
}

.lni-pin::before {
  content: "\eb4c";
}

.lni-pinterest::before {
  content: "\eb4d";
}

.lni-pie-chart::before {
  content: "\eb4e";
}

.lni-pilcrow::before {
  content: "\eb4f";
}

.lni-plane::before {
  content: "\eb50";
}

.lni-play::before {
  content: "\eb51";
}

.lni-plug::before {
  content: "\eb52";
}

.lni-plus::before {
  content: "\eb53";
}

.lni-pointer-down::before {
  content: "\eb54";
}

.lni-pointer-left::before {
  content: "\eb55";
}

.lni-pointer-right::before {
  content: "\eb56";
}

.lni-pointer-up::before {
  content: "\eb57";
}

.lni-play-store::before {
  content: "\eb58";
}

.lni-pizza::before {
  content: "\eb59";
}

.lni-postcard::before {
  content: "\eb5a";
}

.lni-pound::before {
  content: "\eb5b";
}

.lni-power-switch::before {
  content: "\eb5c";
}

.lni-printer::before {
  content: "\eb5d";
}

.lni-producthunt::before {
  content: "\eb5e";
}

.lni-protection::before {
  content: "\eb5f";
}

.lni-pulse::before {
  content: "\eb60";
}

.lni-pyramids::before {
  content: "\eb61";
}

.lni-python::before {
  content: "\eb62";
}

.lni-pointer::before {
  content: "\eb63";
}

.lni-popup::before {
  content: "\eb64";
}

.lni-quotation::before {
  content: "\eb65";
}

.lni-radio-button::before {
  content: "\eb66";
}

.lni-rain::before {
  content: "\eb67";
}

.lni-quora::before {
  content: "\eb68";
}

.lni-react::before {
  content: "\eb69";
}

.lni-question-circle::before {
  content: "\eb6a";
}

.lni-php::before {
  content: "\eb6b";
}

.lni-reddit::before {
  content: "\eb6c";
}

.lni-reload::before {
  content: "\eb6d";
}

.lni-restaurant::before {
  content: "\eb6e";
}

.lni-road::before {
  content: "\eb6f";
}

.lni-rocket::before {
  content: "\eb70";
}

.lni-rss-feed::before {
  content: "\eb71";
}

.lni-ruler-alt::before {
  content: "\eb72";
}

.lni-ruler-pencil::before {
  content: "\eb73";
}

.lni-ruler::before {
  content: "\eb74";
}

.lni-rupee::before {
  content: "\eb75";
}

.lni-save::before {
  content: "\eb76";
}

.lni-school-bench-alt::before {
  content: "\eb77";
}

.lni-school-bench::before {
  content: "\eb78";
}

.lni-scooter::before {
  content: "\eb79";
}

.lni-scroll-down::before {
  content: "\eb7a";
}

.lni-search-alt::before {
  content: "\eb7b";
}

.lni-search::before {
  content: "\eb7c";
}

.lni-select::before {
  content: "\eb7d";
}

.lni-seo::before {
  content: "\eb7e";
}

.lni-service::before {
  content: "\eb7f";
}

.lni-share-alt::before {
  content: "\eb80";
}

.lni-share::before {
  content: "\eb81";
}

.lni-shield::before {
  content: "\eb82";
}

.lni-shift-left::before {
  content: "\eb83";
}

.lni-shift-right::before {
  content: "\eb84";
}

.lni-ship::before {
  content: "\eb85";
}

.lni-shopify::before {
  content: "\eb86";
}

.lni-shopping-basket::before {
  content: "\eb87";
}

.lni-shortcode::before {
  content: "\eb88";
}

.lni-shovel::before {
  content: "\eb89";
}

.lni-shuffle::before {
  content: "\eb8a";
}

.lni-signal::before {
  content: "\eb8b";
}

.lni-sketch::before {
  content: "\eb8c";
}

.lni-skipping-rope::before {
  content: "\eb8d";
}

.lni-skype::before {
  content: "\eb8e";
}

.lni-slack::before {
  content: "\eb8f";
}

.lni-slice::before {
  content: "\eb90";
}

.lni-slideshare::before {
  content: "\eb91";
}

.lni-slim::before {
  content: "\eb92";
}

.lni-reply::before {
  content: "\eb93";
}

.lni-sort-alpha-asc::before {
  content: "\eb94";
}

.lni-remove-file::before {
  content: "\eb95";
}

.lni-sort-amount-dsc::before {
  content: "\eb96";
}

.lni-sort-amount-asc::before {
  content: "\eb97";
}

.lni-soundcloud::before {
  content: "\eb98";
}

.lni-souncloud-original::before {
  content: "\eb99";
}

.lni-spiner-solid::before {
  content: "\eb9a";
}

.lni-revenue::before {
  content: "\eb9b";
}

.lni-spinner::before {
  content: "\eb9c";
}

.lni-spellcheck::before {
  content: "\eb9d";
}

.lni-spotify::before {
  content: "\eb9e";
}

.lni-spray::before {
  content: "\eb9f";
}

.lni-sprout::before {
  content: "\eba0";
}

.lni-snapchat::before {
  content: "\eba1";
}

.lni-stamp::before {
  content: "\eba2";
}

.lni-star-empty::before {
  content: "\eba3";
}

.lni-star-filled::before {
  content: "\eba4";
}

.lni-star-half::before {
  content: "\eba5";
}

.lni-star::before {
  content: "\eba6";
}

.lni-stats-down::before {
  content: "\eba7";
}

.lni-spinner-arrow::before {
  content: "\eba8";
}

.lni-steam::before {
  content: "\eba9";
}

.lni-stackoverflow::before {
  content: "\ebaa";
}

.lni-stop::before {
  content: "\ebab";
}

.lni-strikethrough::before {
  content: "\ebac";
}

.lni-sthethoscope::before {
  content: "\ebad";
}

.lni-stumbleupon::before {
  content: "\ebae";
}

.lni-sun::before {
  content: "\ebaf";
}

.lni-support::before {
  content: "\ebb0";
}

.lni-surf-board::before {
  content: "\ebb1";
}

.lni-swift::before {
  content: "\ebb2";
}

.lni-syringe::before {
  content: "\ebb3";
}

.lni-tab::before {
  content: "\ebb4";
}

.lni-tag::before {
  content: "\ebb5";
}

.lni-target-customer::before {
  content: "\ebb6";
}

.lni-target-revenue::before {
  content: "\ebb7";
}

.lni-target::before {
  content: "\ebb8";
}

.lni-taxi::before {
  content: "\ebb9";
}

.lni-stats-up::before {
  content: "\ebba";
}

.lni-telegram-original::before {
  content: "\ebbb";
}

.lni-telegram::before {
  content: "\ebbc";
}

.lni-text-align-center::before {
  content: "\ebbd";
}

.lni-text-align-justify::before {
  content: "\ebbe";
}

.lni-text-align-left::before {
  content: "\ebbf";
}

.lni-text-format-remove::before {
  content: "\ebc0";
}

.lni-text-align-right::before {
  content: "\ebc1";
}

.lni-text-format::before {
  content: "\ebc2";
}

.lni-thought::before {
  content: "\ebc3";
}

.lni-thumbs-down::before {
  content: "\ebc4";
}

.lni-thumbs-up::before {
  content: "\ebc5";
}

.lni-thunder-alt::before {
  content: "\ebc6";
}

.lni-thunder::before {
  content: "\ebc7";
}

.lni-ticket-alt::before {
  content: "\ebc8";
}

.lni-ticket::before {
  content: "\ebc9";
}

.lni-timer::before {
  content: "\ebca";
}

.lni-train-alt::before {
  content: "\ebcb";
}

.lni-train::before {
  content: "\ebcc";
}

.lni-trash::before {
  content: "\ebcd";
}

.lni-travel::before {
  content: "\ebce";
}

.lni-tree::before {
  content: "\ebcf";
}

.lni-trees::before {
  content: "\ebd0";
}

.lni-trello::before {
  content: "\ebd1";
}

.lni-trowel::before {
  content: "\ebd2";
}

.lni-tshirt::before {
  content: "\ebd3";
}

.lni-tumblr::before {
  content: "\ebd4";
}

.lni-twitch::before {
  content: "\ebd5";
}

.lni-twitter-filled::before {
  content: "\ebd6";
}

.lni-twitter-original::before {
  content: "\ebd7";
}

.lni-twitter::before {
  content: "\ebd8";
}

.lni-ubuntu::before {
  content: "\ebd9";
}

.lni-underline::before {
  content: "\ebda";
}

.lni-unlink::before {
  content: "\ebdb";
}

.lni-unlock::before {
  content: "\ebdc";
}

.lni-upload::before {
  content: "\ebdd";
}

.lni-user::before {
  content: "\ebde";
}

.lni-users::before {
  content: "\ebdf";
}

.lni-ux::before {
  content: "\ebe0";
}

.lni-vector::before {
  content: "\ebe1";
}

.lni-video::before {
  content: "\ebe2";
}

.lni-vimeo::before {
  content: "\ebe3";
}

.lni-visa::before {
  content: "\ebe4";
}

.lni-vk::before {
  content: "\ebe5";
}

.lni-volume-high::before {
  content: "\ebe6";
}

.lni-volume-low::before {
  content: "\ebe7";
}

.lni-volume-medium::before {
  content: "\ebe8";
}

.lni-volume-mute::before {
  content: "\ebe9";
}

.lni-volume::before {
  content: "\ebea";
}

.lni-wallet::before {
  content: "\ebeb";
}

.lni-warning::before {
  content: "\ebec";
}

.lni-website-alt::before {
  content: "\ebed";
}

.lni-website::before {
  content: "\ebee";
}

.lni-wechat::before {
  content: "\ebef";
}

.lni-weight::before {
  content: "\ebf0";
}

.lni-whatsapp::before {
  content: "\ebf1";
}

.lni-wheelbarrow::before {
  content: "\ebf2";
}

.lni-wheelchair::before {
  content: "\ebf3";
}

.lni-windows::before {
  content: "\ebf4";
}

.lni-wordpress-filled::before {
  content: "\ebf5";
}

.lni-wordpress::before {
  content: "\ebf6";
}

.lni-world-alt::before {
  content: "\ebf7";
}

.lni-world::before {
  content: "\ebf8";
}

.lni-write::before {
  content: "\ebf9";
}

.lni-yahoo::before {
  content: "\ebfa";
}

.lni-ycombinator::before {
  content: "\ebfb";
}

.lni-yen::before {
  content: "\ebfc";
}

.lni-youtube::before {
  content: "\ebfd";
}

.lni-zip::before {
  content: "\ebfe";
}

.lni-zoom-in::before {
  content: "\ebff";
}

.lni-zoom-out::before {
  content: "\ec00";
}

.lni-teabag::before {
  content: "\ec01";
}

.lni-stripe::before {
  content: "\ec02";
}

.lni-spotify-original::before {
  content: "\ec03";
}


/* @Author: Themezinho @URL: http://www.themezinho.net This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. // Table of contents // 01. CUSTOM FONTS 02. BODY 03. HTML TAGS 04. FORM ELEMENTS 05. LINKS 06. CUSTOM CLASSES 07. SPACINGS 08. CUSTOM CONTAINER 09. ODOMETER 10. SWIPER BULLETS 11. HAMBURGER 12. ACCORDION 13. SEARCH BOX 14. SIDE WIDGET 15. CUSTOM BUTTON 16. WHITE SPACES 17. PAGE TRANSITION 18. NAVBAR 19. SLIDER 20. PAGE HEADER 21. CONTENT SECTION 22. SECTION TITLE 23. ICON CONTENT 24. SIDE IMAGE 25. COUNTER BOX 26. CONTACT FORM 27. GOOGLE MAPS 28. ISOTOPE FILTER 29. PROJECTS 30. PROJECT TEXT 31. PROJECT SLIDER 32. SECTOR BOX 33. CALCULATOR 34. STEP BOX 35. INFO BOX DARK 36. CTA YELLOW BOX 37.SERVICE LIST BOX 38.CUSTOM LIST 39.CERTIFICATE 40.OUR HISTORY 41.CORE VALUES BOX 42.DIRECTOR TEAM 43.SALES TEAM 44.TAB CONTENT 45.VIDEO BOX 46.TESTIMONIALS SLIDER 47.LOGO ITEMS 48.RECENT NEWS 49.NEWS BOX 50.SIDEBAR 51.PAGINATION 52.FOOTER 53. RESPONSIVE MEDIUM FIXES 54. RESPONSIVE TABLET FIXES 55. RESPONSIVE MOBILE FIXES */
/* CUSTOM FONTS */

/* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
/*
@font-face {
    font-family: 'Mont';
    src: url("/themes/fnail01q/assets/fonts/Mont-Regular.eot");
    src: local("☺"),
    url("/themes/fnail01q/assets/fonts/Mont-Regular.woff") format("woff"),
    url("/themes/fnail01q/assets/fonts/Mont-Regular.ttf") format("truetype"),
    url("/themes/fnail01q/assets/fonts/Mont-Regular.svg") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url("/themes/fnail01q/assets/fonts/Mont-Bold.eot");
    src: local("☺"), 
	url("/themes/fnail01q/assets/fonts/Mont-Bold.woff") format("woff"), 
	url("/themes/fnail01q/assets/fonts/Mont-Bold.ttf") format("truetype"), 
	url("/themes/fnail01q/assets/fonts/Mont-Bold.svg") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url("/themes/fnail01q/assets/fonts/Mont-Heavy.eot");
    src: local("☺"), 
	url("/themes/fnail01q/assets/fonts/Mont-Heavy.woff") format("woff"), 
	url("/themes/fnail01q/assets/fonts/Mont-Heavy.ttf") format("truetype"), 
	url("/themes/fnail01q/assets/fonts/Mont-Heavy.svg") format("svg");
    font-weight: 800;
    font-style: normal;
}
*/

/* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
/*@font-face {
    font-family: 'Montserrat';
    src: url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-Regular.eot");
    src: local("☺"),
        url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
        url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-SemiBold.eot");
    src: local("☺"),
        url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"),
        url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-ExtraBold.eot");
    src: local("☺"),
        url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"),
        url("/themes/fnail01q/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}*/

* {
    outline: none !important;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat'; /* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
    font-size: 17px;
    color: #0b0b0b;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* HTML TAGS */
img {
    max-width: 100%;
}

figure {
    margin-bottom: 20px;
}

/* FORM ELEMENTS */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
    width: 100%;
    max-width: 100%;
    height: 50px;
    border: 2px solid #e8e8e8;
    padding: 0 30px;
}

input[type="submit"],
input[type="button"],
button[type="button"],
button[type="submit"] {
    height: 50px;
    border: none;
    background: #feed01;
    color: #0b0b0b;
    font-weight: 800;
    font-size: 13px;
    padding: 14px 30px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    line-height: 20px;
}

textarea {
    width: 420px;
    max-width: 100%;
    height: 128px;
    border: 2px solid #e8e8e8;
    padding: 30px;
}

/* LINKS */
a {
    color: #0b0b0b;
}

a:hover {
    text-decoration: underline;
    color: #0b0b0b;
}

/* CUSTOM CLASSES */
.overflow {
    overflow: hidden;
}

/* SPACINGS */
.no-spacing {
    margin: 0 !important;
    padding: 0 !important;
}

.no-bottom-spacing {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ODOMETER */
.odometer-formatting-mark {
    display: none;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
    padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
    text-indent: -5px;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    text-align: center;
    left: 0 !important;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    padding: 0 !important;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
    text-indent: 0;
    text-align: center;
}

/* SWIPER BULLETS */
.swiper-pagination {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: 0 !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #feed01;
}

/* HAMBURGER */
.hamburger {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    top: 42px;
    cursor: pointer;
    display: inline-block;
    padding-top: 3px;
}

.hamburger span {
    display: block;
    background: #fff;
}

.hamburger #hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}

.hamburger #hamburger span {
    width: 100%;
    height: 2px;
    position: relative;
    top: 0;
    left: 0;
    margin: 6px 0;
    transition: width ease 0.25s;
}

.hamburger #hamburger span:nth-child(1) {
    transition-delay: 0.5s;
    width: 100%;
}

.hamburger #hamburger span:nth-child(2) {
    transition-delay: 0.625s;
    width: 70%;
}

.hamburger #hamburger span:nth-child(3) {
    transition-delay: 0.75s;
    width: 100%;
    left: 0;
}

.hamburger #cross {
    position: absolute;
    height: 34px;
    width: 34px;
    transform: rotate(45deg);
    left: -2px;
    top: 2px;
}

.hamburger #cross span:nth-child(1) {
    height: 0%;
    width: 2px;
    position: absolute;
    top: 0;
    right: 16px;
    transition-delay: 0s;
    transition: height ease 0.25s;
}

.hamburger #cross span:nth-child(2) {
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 16px;
    transition-delay: 0.25s;
    transition: width ease 0.25s;
}

.hamburger.open #hamburger span {
    width: 0%;
}

.hamburger.open #hamburger span:nth-child(1) {
    transition-delay: 0s;
}

.hamburger.open #hamburger span:nth-child(2) {
    transition-delay: 0.125s;
}

.hamburger.open #hamburger span:nth-child(3) {
    transition-delay: 0.25s;
}

.hamburger.open #cross span:nth-child(1) {
    height: 100%;
    transition-delay: 0.625s;
}

.hamburger.open #cross span:nth-child(2) {
    width: 100%;
    transition-delay: 0.375s;
}

/* ACCORDION */
.accordion {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0;
    padding-right: 50px;
}

.accordion .card {
    background: none;
    border-radius: 0;
    border: none;
}

.accordion .card .card-header {
    background: none;
    padding: 0;
    border: none;
}

.accordion .card .card-header a {
    width: 100%;
    float: left;
    font-weight: 600;
    padding: 30px 0;
    color: #0b0b0b;
    font-weight: 600;
    border-bottom: 4px solid #eaebee;
    font-size: 19px;
}

.accordion .card .card-header a i {
    float: right;
}

.accordion .card .card-header a:hover {
    border-color: #feed01;
    text-decoration: none;
}

.accordion .card .card-body {
    width: 100%;
    line-height: 26px;
    padding: 20px 0;
}

.accordion .card [aria-expanded="true"] {
    border-color: #feed01 !important;
}

/* SEARCH BOX */
.search-box {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    background: #0b0b0b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0;
    visibility: hidden;
    color: #fff;
}

.search-box .inner {
    width: 50vw;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.search-box .inner form {
    width: 100%;
    display: block;
}

.search-box .inner form input[type="search"] {
    width: 100%;
    height: 70px;
    border: none;
    border-bottom: 4px solid #232222;
    background: none;
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
}

.search-box .inner form input[type="submit"] {
    height: 70px;
    background: #feed01;
    border: none;
    font-weight: 600;
    padding: 0 60px;
}

.search-box.active {
    opacity: 1;
    visibility: visible;
}

/* SIDE WIDGET */
.side-widget {
    width: 400px;
    height: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    position: fixed;
    left: -100%;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    background: #232222;
    background-image: url("../../themes/fnail01q/assets/images/header-pattern.png");
    background-position: center;
    background-size: cover;
    z-index: 5;
    box-shadow: 0 0 60px #000;
    padding: 20px 30px;
    color: #fff;
}

.side-widget .inner {
    display: inline-block;
    overflow-y: auto;
}

.side-widget .logo {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.side-widget .logo img {
    height: 40px;
}

.side-widget .show-mobile {
    display: none;
}

.side-widget .hide-mobile {
    display: block;
    overflow-x: hidden;
}

.side-widget .gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px;
    margin-right: -3px;
}

.side-widget .gallery img {
    width: 50%;
    padding: 0 3px;
}

.side-widget p {
    width: 100%;
    display: block;
}

.side-widget .widget-title {
    width: 100%;
    display: block;
    font-weight: 600;
    color: #feed01;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.side-widget .address {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.side-widget .social-media {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.side-widget .social-media li {
    display: inline-block;
    margin-right: 20px;
    padding: 0;
    list-style: none;
}

.side-widget .social-media li a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.side-widget .languages {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.side-widget .languages ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.side-widget .languages ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    list-style: none;
}

.side-widget .languages ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.side-widget .site-menu {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.side-widget .site-menu ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.side-widget .site-menu ul li {
    display: block;
    margin: 3px 0;
    padding: 0;
    list-style: none;
}

.side-widget .site-menu ul li ul {
    display: none;
    padding-left: 10px;
    margin-bottom: 10px;
}

.side-widget .site-menu ul li i {
    display: inline-block;
    margin-left: 7px;
}

.side-widget .site-menu ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.side-widget small {
    font-size: 11px;
    width: 100%;
    display: block;
    margin-top: 20px;
}

.side-widget.active {
    left: 0;
    top: 120px;
}

/* CUSTOM BUTTON */
.custom-button {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.custom-button i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.custom-button:hover {
    text-decoration: none;
}

.custom-button:hover i {
    margin-left: 20px;
}

.custom-button.top-spacing {
    margin-top: 30px;
}

/* WHITE SPACES */
.white-space-top {
    position: relative;
}

.white-space-top:before {
    content: "";
    width: 100vw;
    height: 148px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.white-space-bottom {
    position: relative;
}

.white-space-bottom:after {
    content: "";
    width: 100%;
    height: 148px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* PAGE TRANSITION */
.first-transition {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    right: 0;
    top: 0;
    background: #feed01;
    animation: first-transition 1s;
    animation-fill-mode: forwards;
}

@keyframes first-transition {
    from {
        right: 0;
    }

    to {
        right: -100%;
    }
}

.page-transition {
    width: 0;
    height: 100%;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    background: #feed01;
    transition: all ease 1s;
}

.page-transition.active {
    width: 100%;
}

/* NAVBAR */
.navbar {
    height: 120px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 2021;
    transition: top ease 1s;
}

.navbar.sticky {
    background: #0b0b0b;
}

.navbar.nav-down {
    top: 0;
}

.navbar.nav-up {
    top: -100%;
}

.navbar .logo {
    margin-left: 0;
}

.navbar .logo a {
    display: block;
    margin: 0;
}

.navbar .logo a img {
    height: 70px;
}

.navbar .languages {
    display: inline-block;
    margin: 0 20px;
}

.navbar .languages ul {
    display: block;
    margin: 0;
    padding: 0;
}

.navbar .languages ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    list-style: none;
}

.navbar .languages ul li a {
    display: inline-block;
    color: #fff;
    position: relative;
}

.navbar .languages ul li a:hover {
    text-decoration: none;
}

.navbar .languages ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background 0.25s ease;
}

.navbar .languages ul li a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .languages ul li a:hover:before {
    width: 100%;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .languages ul li a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}

.navbar .site-menu {
    display: inline-block;
    margin: 0 20px;
}

.navbar .site-menu ul {
    display: block;
    margin: 0;
    padding: 0;
}

.navbar .site-menu ul li {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    list-style: none;
    position: relative;
}

.navbar .site-menu ul li ul {
    display: none;
    position: absolute;
    left: -30px;
    top: calc(100% + 20px);
    background: #feed01;
    padding: 30px;
}

.navbar .site-menu ul li ul:before {
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: -20px;
}

.navbar .site-menu ul li ul li {
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    white-space: nowrap;
}

.navbar .site-menu ul li ul li:last-child {
    margin-bottom: 0;
}

.navbar .site-menu ul li ul li a {
    color: #0b0b0b;
    display: block;
    padding: 0;
}

.navbar .site-menu ul li:hover ul {
    display: block;
}

.navbar .site-menu ul li a {
    display: inline-block;
    color: #fff;
    position: relative;
}

.navbar .site-menu ul li a:hover {
    text-decoration: none;
}

.navbar .site-menu ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background 0.25s ease;
}

.navbar .site-menu ul li a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .site-menu ul li a:hover:before {
    width: 100%;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .site-menu ul li a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}

.navbar .search {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.navbar .hamburger {
    display: inline-block;
    color: #fff;
}

.navbar .navbar-button {
    height: 58px;
    line-height: 58px;
    padding: 0 20px;
    color: #0b0b0b;
    background: #feed01;
    font-size: 13px;
    font-weight: 600;
    position: fixed;
    right: 15px;
}

.navbar .navbar-button i {
    font-size: 20px;
    display: inline-block;
    transform: translateY(3px);
    margin-right: 5px;
}

.navbar .navbar-button:hover {
    text-decoration: none;
}

/* SLIDER */
.slider {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    background-color: #0b0b0b;
    background-image: url("../../themes/fnail01q/assets/images/header-pattern.png");
    background-size: cover;
    position: relative;
}

.slider .container {
    position: relative;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.slider .slider-content {
    width: calc(50% - 120px);
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-right: 40px;
    z-index: 2;
}

.slider .inner {
    width: 100%;
    display: block;
    color: #fff;
    padding: 20px 0px;
}

.slider .inner h2 {
    font-size: 60px;
    font-weight: 800;
    word-wrap: break-word;
}

.slider .inner h2 b {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.slider .inner p {
    margin-bottom: 70px;
}

.slider .inner a {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .inner a i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .inner a:hover {
    text-decoration: none;
    box-shadow: 0 20px 20px #000;
}

.slider .inner a:hover i {
    margin-left: 20px;
}

.slider .controls {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 30px;
}

.slider .controls .swiper-pagination {
    width: auto;
    display: inline-block;
    position: static;
    font-size: 26px;
    color: #9a9a9a;
}

.slider .controls .swiper-pagination .swiper-pagination-current {
    font-size: 54px;
    color: #feed01;
}

.slider .controls .button-prev {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: auto;
}

.slider .controls .button-prev:hover {
    background: #feed01;
}

.slider .controls .button-next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: 2px;
    margin-right: 0;
}

.slider .controls .button-next:hover {
    background: #feed01;
}

.slider .slider-content .swiper-slide {
    display: flex;
    align-items: center;
}

/*
 	slider1: slider main
 */
.slider .slider-main {
    width: calc(50vw + 80px);
    height: calc(100vh - 150px);
    overflow: hidden;
    margin: 0;
    position: absolute;
    left: calc(50% - 80px);
    top: 150px;
}

.slider .slider-main .slide-image {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: center !important;
    background-size: cover !important;
}

.slider .slider-main .header-box {
    width: 160px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #feed01;
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 1;
}

.slider .slider-main .header-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.slider .slider-main .header-box b {
    font-size: 90px;
    height: 90px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    transform: translateY(8px);
}

.slider .slider-main .header-box small {
    display: inline-block;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;
    transform: translateY(-8px);
}


.slider .header-box {
    width: 160px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #feed01;
    position: inherit;
}

.slider .header-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.slider .header-box b {
    font-size: 90px;
    height: 90px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    transform: translateY(8px);
}

.slider .header-box small {
    display: inline-block;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;
    transform: translateY(-8px);
}

/* slider2: slider content */
.slider .slider-content2 {
    width: calc(50% - 120px);
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-right: 40px;
}

.slider .slider-content2 .inner {
    width: 100%;
    display: block;
    color: #fff;
    padding-bottom: 100px;
}

.slider .slider-content2 .inner h2 {
    font-size: 60px;
    font-weight: 800;
    word-wrap: break-word;
}

.slider .slider-content2 .inner h2 b {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.slider .slider-content2 .inner p {
    margin-bottom: 70px;
}

.slider .slider-content2 .inner a {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .slider-content2 .inner a i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .slider-content2 .inner a:hover {
    text-decoration: none;
    box-shadow: 0 20px 20px #000;
}

.slider .slider-content2 .inner a:hover i {
    margin-left: 20px;
}

/* slider2: slider main */
.slider .slider-main2 {
    width: calc(50vw + 80px);
    height: calc(100vh - 80px);
    overflow: hidden;
    margin: 0;
    position: absolute;
    left: calc(50% - 80px);
    z-index: 1;
}

.slider .slider-main2 .slide-image {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: center !important;
    background-size: cover !important;
}

.slider .slider-main2 .header-box {
    width: 160px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #feed01;
    position: absolute;
    left: 30px;
    bottom: 60px;
    z-index: 1;
}

.slider .slider-main2 .header-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.slider .slider-main2 .header-box b {
    font-size: 90px;
    height: 90px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    transform: translateY(8px);
}

.slider .slider-main2 .header-box small {
    display: inline-block;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;
    transform: translateY(-8px);
}

/* PAGE HEADER */
.page-header {
    width: 100%;
    height: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #0b0b0b;
    background-image: url("../../themes/fnail01q/assets/images/header-pattern.png");
    background-size: cover;
    position: relative;
}

.page-header .container {
    position: relative;
    color: #fff;
    padding-top: 98px;
}

.page-header .container h6 {
    width: 100%;
    display: block;
    opacity: 0.7;
    margin-bottom: 50px;
}

.page-header .container h1 {
    width: 100%;
    display: block;
    font-size: 7vw;
    font-weight: 800;
    line-height: 1;
}

.page-header .container ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.page-header .container ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #feed01;
}

.page-header .container ul li:last-child:after {
    display: none;
}

.page-header .container ul li:after {
    content: "/";
    display: inline-block;
    margin-left: 15px;
    color: #fff;
}

.page-header .container ul li a {
    color: #fff;
}

/* CONTENT SECTION */
.content-section {
    width: 100%;
    display: block;
    padding: 80px 0;
    position: relative;
}

.section-note {
    width: 100%;
    display: block;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
}

/* SECTION TITLE */
.section-title {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.section-title h6 {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 18px;
}

.section-title h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    mix-blend-mode: difference;
}

.section-title h2 {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 47px;
}

.section-title p {
    width: 100%;
    display: block;
    margin-bottom: 0;
    margin-top: 20px;
}

/* ICON CONTENT */
.icon-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    padding: 45px 30px;
    /* box-shadow: 7px 7px 0 #f9f9f9;
	 */
    position: relative;
}

.icon-content:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #feed01;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    z-index: -1;
    box-shadow: 0 30px 30px #eee;
}

.icon-content:hover {
    border-color: #feed01;
}

.icon-content:hover:after {
    content: "";
    width: 30%;
    height: 70px;
    background: url("../../themes/fnail01q/assets/images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
}

.icon-content:hover:before {
    transform: scale(1.05);
    opacity: 1;
}

.icon-content figure {
    width: 100%;
    display: block;
    margin-bottom: 50px;
}

.icon-content figure img {
    height: 70px;
}

.icon-content h3 {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.icon-content small {
    width: 100%;
    display: block;
    margin-bottom: 70px;
    font-size: 16px;
}

.icon-content a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background: #0b0b0b;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.icon-content a:hover {
    text-decoration: none;
}

/* SIDE IMAGE */
.side-image {
    width: 100%;
    display: block;
    margin: 0;
}

.side-image img {
    width: 100%;
}

/* SIDE CONTENT */
.side-content {
    width: 100%;
    display: block;
    margin: 0;
    padding-left: 50px;
}

.side-content figure {
    width: 100%;
    display: block;
    margin: 0;
}

.side-content figure img {
    height: 80px;
}

.side-content h6 {
    width: 100%;
    display: block;
    margin-top: 30px;
    font-weight: 600;
    margin-bottom: 2px;
}

.side-content h5 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 22px;
}

.side-content b {
    font-weight: 600;
}

.side-content u {
    text-decoration: none;
    position: relative;
}

.side-content u:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
}

.side-content p {
    margin-bottom: 25px;
}

.side-content small {
    width: 100%;
    display: block;
    font-size: 13px;
    opacity: 0.6;
}

/* COUNTER BOX */
.col-lg-3:nth-child(even) .counter-box {
    margin-top: 50%;
}

.counter-box {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.counter-box:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.counter-box:hover h6:before {
    width: 0;
}

.counter-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.counter-box .odometer {
    display: inline-block;
    font-size: 70px;
}

.counter-box .value {
    font-size: 24px;
}

.counter-box h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.counter-box h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.counter-box p {
    font-size: 13px;
    padding-right: 5%;
}

/* CONTACT BOX */
.contact-box {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.contact-box:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.contact-box:hover h6:before {
    width: 0;
}

.contact-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.contact-box figure {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.contact-box figure img {
    height: 80px;
}

.contact-box h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.contact-box h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.contact-box p {
    font-size: 20px;
    padding-right: 5%;
}

/* GOOGLE MAPS */
.google-maps {
    width: 100%;
    height: 520px;
    display: block;
    border: none;
}

.contact-form {
    width: 100%;
    display: block;
    padding: 50px;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -70%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.contact-form input[type="text"] {
    width: 100%;
}

.contact-form textarea {
    width: 100%;
}

.contact-form .form-group:last-child {
    margin-bottom: 0;
}

/* ISOTOPE FILTER */
.isotope-filter {
    width: 100%;
    display: block;
    margin-bottom: 40px;
    padding: 0;
}

.isotope-filter li {
    display: inline-block;
    margin-right: 30px;
    padding: 0;
    list-style: none;
    cursor: pointer;
    position: relative;
    font-weight: 600;
}

.isotope-filter li:last-child {
    margin-right: 0;
}

.isotope-filter li.current:before {
    width: 100%;
}

.isotope-filter li:hover:before {
    width: 100%;
}

.isotope-filter li:before {
    content: "";
    width: 0;
    height: 4px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* PROJECTS */
.projects {
    width: calc(100% + 60px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    padding: 0;
}

.projects li {
    width: 50%;
    display: inline-block;
    margin-bottom: 50px;
    padding: 0 30px;
    list-style: none;
}

.projects li .project-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding-bottom: 50px;
    position: relative;
}

.projects li .project-box:hover img {
    filter: grayscale(0);
}

.projects li .project-box:hover figcaption {
    background: #feed01;
    color: #0b0b0b;
}

.projects li .project-box img {
    width: 100%;
    display: block;
    filter: grayscale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.projects li .project-box figcaption {
    width: 70%;
    position: absolute;
    left: 30px;
    bottom: 15px;
    padding: 30px;
    background: #0b0b0b;
    color: #fff;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.projects li .project-box figcaption:after {
    content: "";
    width: 20%;
    height: 55px;
    background: url("../../themes/fnail01q/assets/images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
}

.projects li .project-box figcaption h5 {
    display: block;
    font-size: 30px;
    font-weight: 800;
    margin: 0;
}

.projects li .project-box figcaption p {
    width: 100%;
    display: block;
    margin: 0;
    display: none;
}

/* PROJECT TEXT */
.project-specifications {
    width: calc(100% - 40px);
    display: block;
    background: #fff;
    box-shadow: 0 0 30px #eee;
    padding: 50px;
    margin-left: 40px;
}

.project-specifications table {
    width: 100%;
    font-size: 15px;
}

.project-specifications table tr td:first-child {
    font-weight: 600;
    width: 120px;
    padding: 10px 0;
}

/* PROJECT SLIDER */
.project-slider {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.project-slider .swiper-slide {
    max-width: 50vw;
    text-align: center;
}

.project-slider .swiper-slide.swiper-slide-active .project-box figcaption {
    opacity: 1;
}

.project-slider .swiper-slide .project-box {
    width: 100%;
    /*display: flex;
	 flex-wrap: wrap;*/
    margin: 0;
    padding-bottom: 50px;
    position: relative;
}

.project-slider .swiper-slide .project-box:hover img {
    filter: grayscale(0);
}

.project-slider .swiper-slide .project-box img {
    width: 100%;
    display: block;
    filter: grayscale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.project-slider .swiper-slide .project-box figcaption {
    width: 70%;
    position: absolute;
    left: 30px;
    bottom: 15px;
    padding: 30px;
    background: #feed01;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
}

.project-slider .swiper-slide .project-box figcaption:after {
    content: "";
    width: 20%;
    height: 55px;
    background: url("../../themes/fnail01q/assets/images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
}

.project-slider .swiper-slide .project-box figcaption h5 {
    display: block;
    font-size: 30px;
    font-weight: 800;
}

.project-slider .swiper-slide .project-box figcaption p {
    width: 100%;
    display: block;
    margin: 0;
}

.project-slider .swiper-pagination {
    width: 100%;
    float: left;
    position: static;
    margin-top: 20px;
}

/* SECTOR BOX */
.sector-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
    box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
    position: relative;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sector-box:hover {
    box-shadow: none;
    z-index: 1;
    text-decoration: none;
    background: #feed01;
}

.sector-box:hover i {
    opacity: 1;
}

.sector-box span {
    font-weight: 600;
}

.sector-box i {
    margin-left: auto;
    opacity: 0.4;
    transform: translateY(3px);
}

/* CALCULATOR */
.calculator {
    background-color: #0b0b0b;
    background-image: url("../../themes/fnail01q/assets/images/header-pattern.png");
    background-position: center;
    background-size: cover;
    margin-top: 80px;
}

.calculator .section-title {
    color: #fff;
}

.calculator .bg-image {
    width: 40%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
}

.calculator .form {
    width: 100%;
    display: block;
    padding: 50px;
    background: #fff;
    color: #0b0b0b;
    position: relative;
}

.calculator .form .form-group {
    position: static;
    margin-bottom: 35px;
}

.calculator .form .form-group:last-child {
    margin-bottom: 0;
}

.calculator .form select {
    width: 300px;
    max-width: 100%;
    height: 58px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
}

.calculator .form .custom-checkbox {
    height: 58px;
    line-height: 58px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 0 30px;
    margin-right: 5px;
}

.calculator .form input[type="checkbox"] {
    display: none;
}

.calculator .form input[type="checkbox"]:checked + .custom-checkbox {
    border-color: #feed01;
    background: #feed01;
    color: #0b0b0b;
}

.calculator .form .info-box {
    width: 65%;
    float: left;
    margin-top: 50px;
}

.calculator .form .info-box i {
    color: #4cd964;
    font-size: 20px;
    transform: translateY(2px);
}

.calculator .form .price-box {
    float: right;
    background: #feed01;
    padding: 30px 50px;
    margin-right: -50px;
    margin-bottom: -50px;
}

.calculator .form .price-box small {
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.calculator .form .price-box span {
    font-size: 50px;
    font-weight: 800;
    line-height: 1;
}

/* STEP BOX */
.step-box {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.step-box:hover .image img {
    filter: grayscale(0);
}

.step-box:hover:after {
    content: "";
    width: 40%;
    height: 65px;
    background: url("../../themes/fnail01q/assets/images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: 0;
}

.step-box:hover .content {
    bottom: 0;
}

.step-box:hover .content h6:before {
    width: 0;
}

.step-box * {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.step-box .image {
    width: 100%;
    display: block;
    padding-right: 30px;
}

.step-box .image img {
    width: 100%;
    filter: grayscale(1);
}

.step-box .content {
    width: 80%;
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 1;
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.step-box .content .icon {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.step-box .content .icon img {
    height: 70px;
}

.step-box .content span {
    position: absolute;
    right: 30px;
    top: 30px;
    font-weight: 800;
    opacity: 0.3;
    font-size: 19px;
}

.step-box .content h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 20px;
}

.step-box .content h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.step-box .content p {
    width: 100%;
    display: block;
    margin: 0;
    opacity: 0.7;
}

/* INFO BOX DARK */
.info-box-dark {
    width: 100%;
    display: block;
    background: #0b0b0b;
    color: #fff;
    padding: 50px;
    position: relative;
}

.info-box-dark:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 15px 0;
    border-color: transparent #0b0b0b transparent transparent;
    position: absolute;
    right: 10%;
    bottom: -15px;
}

.info-box-dark h6 {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 20px;
}

.info-box-dark p {
    width: 100%;
    display: block;
    opacity: 0.8;
}

.info-box-dark p:last-child {
    margin-bottom: 0;
}

/* CTA BOX YELLOW */
.cta-box-yellow {
    width: calc(100% - 50px);
    display: block;
    background: #feed01;
    color: #0b0b0b;
    padding: 50px;
    position: relative;
    margin-bottom: 148px;
}

.cta-box-yellow h4 {
    width: 100%;
    display: block;
    font-weight: 800;
    margin-bottom: 20px;
    font-size: 44px;
}

.cta-box-yellow p {
    width: 100%;
    margin-bottom: 25px;
}

.cta-box-yellow .button {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #0b0b0b;
    color: #feed01;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cta-box-yellow .button:hover {
    text-decoration: none;
}

/* SERVICE LIST BOX */
.services-list-box {
    width: 100%;
    display: block;
    background: #fff;
    padding: 50px;
    transform: translateY(100px);
    margin-bottom: 100px;
}

.services-list-box h4 {
    font-size: 50px;
    font-weight: 800;
}

.services-list-box p {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.services-list-box ul {
    width: 100%;
    display: block;
    padding-left: 20px;
    margin-bottom: 30px;
}

.services-list-box ul li {
    margin: 10px 0;
}

.services-list-box .button {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #0b0b0b;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.services-list-box .button:hover {
    text-decoration: none;
    background: #feed01;
    color: #0b0b0b;
}

/* CUSTOM LIST */
.custom-list {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.custom-list li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.custom-list li:hover:before {
    background: #feed01;
    width: 100%;
}

.custom-list li:before {
    content: "";
    width: 30%;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.custom-list li i {
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
}

/* CERTIFICATE */
.certificate {
    width: 100%;
    display: block;
    margin: 0;
}

.certificate img {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.certificate figcaption {
    font-size: 14px;
}

/* OUR HISTORY */
.our-history {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.our-history .swiper-pagination {
    position: absolute;
    height: 1px;
    left: 0;
    top: 50px;
    background: #eee;
}

.our-history .swiper-pagination-progressbar-fill {
    background: #feed01;
}

.our-history .swiper-slide:hover b:after {
    background: #feed01;
}

.our-history .swiper-slide {
    z-index: 1;
}

.our-history figure {
    width: 100%;
    padding: 0 15px;
}

.our-history p {
    width: 100%;
    display: block;
    padding: 0 15px;
    font-size: 14px;
}

.our-history b {
    width: 100%;
    height: 50px;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.our-history b:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #eee;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 6px);
    bottom: -6px;
}

.our-history .controls {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
}

.our-history .controls .button-prev {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 0 2px;
}

.our-history .controls .button-prev:hover {
    background: #feed01;
}

.our-history .controls .button-next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 0 2px;
    margin-right: 0;
}

.our-history .controls .button-next:hover {
    background: #feed01;
}

/* CORE VALUES BOX */
.core-values-box {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 15px 0;
}

.core-values-box:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.core-values-box:hover h6:before {
    width: 0;
}

.core-values-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.core-values-box figure {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.core-values-box figure img {
    height: 80px;
}

.core-values-box h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.core-values-box h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.core-values-box p {
    font-size: 20px;
    padding-right: 5%;
}

/* DIRECTOR TEAM */
.director-team {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #e8e8e8;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 15px 0;
}

.director-team:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.director-team:hover h6:before {
    width: 0;
}

.director-team:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.director-team figure {
    width: 45%;
    display: block;
    margin: 0;
}

.director-team .content {
    width: 55%;
    display: inline-block;
    padding: 0 30px;
}

.director-team h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.director-team h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.director-team small {
    width: 100%;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.director-team b {
    width: 100%;
    display: block;
    font-weight: 600;
}

/* SALES TEAM */
.sales-team {
    width: 100%;
    display: block;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: relative;
}

.sales-team:hover {
    background: #feed01;
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
    z-index: 1;
}

.sales-team:hover:after {
    content: "";
    width: 80px;
    height: 70px;
    background: url("../../themes/fnail01q/assets/images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    left: -30px;
    top: 30px;
}

.sales-team:hover .infos:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.sales-team:hover figure img {
    mix-blend-mode: multiply;
}

.sales-team figure {
    width: 100%;
    display: block;
    margin: 0;
}

.sales-team figure img {
    width: 100%;
    filter: grayscale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sales-team .infos {
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.sales-team h6 {
    width: 100%;
    display: block;
}

.sales-team small {
    width: 100%;
    display: block;
    opacity: 0.5;
}

.sales-team b {
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
}

.sales-team ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sales-team ul li {
    display: inline-block;
    margin: 0 6px;
    padding: 0;
    list-style: none;
}

.sales-team ul li a {
    color: #0b0b0b;
    font-size: 13px;
}

/* TAB CONTENT */
.tab-left {
    width: 100%;
    display: block;
    background: #0b0b0b;
    color: #fff;
    padding: 50px;
}

.tab-left h2 {
    width: 100%;
    display: block;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 30px;
}

.tab-left ul {
    width: 100%;
    display: block;
    margin-bottom: 50px;
    padding: 0;
}

.tab-left ul li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

.tab-left ul li.active a:before {
    width: 100%;
}

.tab-left ul li a {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    display: inline-block;
    position: relative;
}

.tab-left ul li a:hover {
    text-decoration: none;
    color: #feed01;
}

.tab-left ul li a:before {
    content: "";
    width: 0;
    height: 5px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.tab-left p {
    width: 100%;
    display: block;
    margin: 0;
}

.tab-right {
    width: 100%;
    display: block;
}

.tab-right .tab-item {
    display: none;
}

.tab-right .tab-item img {
    width: 100%;
}

.tab-right .tab-item:first-child {
    display: block;
}

/* VIDEO BOX */
.video-box {
    width: 100%;
    display: block;
    margin: 0;
    background: #0b0b0b;
    position: relative;
}

.video-box .play-btn {
    width: 70px;
    height: 70px;
    line-height: 66px;
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 100px;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    text-indent: 2px;
}

.video-box .play-btn:hover {
    background: #feed01;
    border-color: #feed01;
    color: #0b0b0b;
}

.video-box video {
    width: 100%;
    display: block;
    margin: 0;
    opacity: 0.5;
    filter: grayscale(1);
}

/* TESTIOMONIALS SLIDER */
.testimonials-slider {
    width: calc(100% - 250px);
    float: right;
    margin-top: -200px;
    margin-right: 50px;
    position: relative;
    overflow: hidden;
}

.testimonials-slider .controls {
    display: inline-block;
    position: static;
    margin-top: 30px;
}

.testimonials-slider .controls .swiper-pagination {
    width: auto;
    display: inline-block;
    position: static;
    font-size: 26px;
    color: #9a9a9a;
}

.testimonials-slider .controls .swiper-pagination .swiper-pagination-current {
    font-size: 54px;
    color: #0b0b0b;
}

.testimonials-slider .controls .button-prev {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #feed01;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: auto;
}

.testimonials-slider .controls .button-prev:hover {
    background: #0b0b0b;
    color: #fff;
}

.testimonials-slider .controls .button-next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #feed01;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: 2px;
    margin-right: 0;
}

.testimonials-slider .controls .button-next:hover {
    background: #0b0b0b;
    color: #fff;
}

.testimonials-slider .testimonial {
    width: 100%;
    float: left;
    padding: 30px;
    background: #fff;
    position: relative;
}

.testimonials-slider .testimonial:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    bottom: -20px;
    right: 30px;
}

.testimonials-slider .testimonial p {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    color: #565656;
}

.testimonials-slider .testimonial i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    float: left;
    background: #feed01;
    color: #0b0b0b;
    text-align: center;
    font-size: 30px;
    margin-right: 20px;
    margin-top: -8px;
}

.testimonials-slider .testimonial h6 {
    font-weight: 600;
    margin-bottom: 0;
}

/* LOGO ITEMS */
.logo-item {
    width: 100%;
    display: block;
    margin: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 0 30px;
}

.logo-item img {
    width: 100%;
}

/* RECENT NEWS */
.recent-news {
    width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.recent-news:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.recent-news:hover:after {
    content: "";
    width: 70%;
    height: 70px;
    background: url("../../themes/fnail01q/assets/images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: -1;
    opacity: 0.2;
}

.recent-news:hover figure img {
    filter: none;
}

.recent-news:hover .content h3 a {
    background-size: 100% 100%;
}

.recent-news figure {
    width: 100%;
    max-height: 220px;
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: #feed01;
}

.recent-news figure img {
    width: 100%;
    max-width: inherit;
    min-height: 220px;
    filter: grayscale(1);
}

.recent-news .content {
    width: 100%;
    height: 100%;
    display: block;
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-top: none;
}

.recent-news .content small {
    display: inline-block;
    padding: 4px 8px;
    background: #feed01;
    margin-bottom: 20px;
    color: #0b0b0b;
}

.recent-news .content h3 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 1.4;
}

.recent-news .content h3 a {
    display: inline;
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 0.5s;
}

.recent-news .content h3 a:hover {
    text-decoration: none;
}

.recent-news .content .author {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 13px;
}

.recent-news .content .author img {
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.recent-news .content .author b {
    font-weight: 600;
}

/* NEWS BOX */
.news-box {
    width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-bottom: 100px;
}

.news-box:last-child {
    margin-bottom: 0;
}

.news-box:after {
    content: "";
    width: 70%;
    height: 70px;
    background: url("../../themes/fnail01q/assets/images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: -1;
    opacity: 0.2;
}

.news-box:hover .content h3 a {
    background-size: 100% 100%;
}

.news-box figure {
    width: 100%;
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: #feed01;
}

.news-box figure img {
    width: 100%;
    max-width: inherit;
}

.news-box .content {
    width: 100%;
    height: 100%;
    display: block;
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-top: none;
}

.news-box .content small {
    display: inline-block;
    padding: 4px 8px;
    background: #feed01;
    margin-bottom: 20px;
    color: #0b0b0b;
}

.news-box .content h3 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 1.4;
}

.news-box .content h3 a {
    display: inline;
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 0.5s;
}

.news-box .content h3 a:hover {
    text-decoration: none;
}

.news-box .content .author {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 13px;
}

.news-box .content .author img {
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.news-box .content .author b {
    font-weight: 600;
}

.news-box .content h6 {
    font-size: 24px;
    line-height: 1.7;
    margin: 30px 0;
}

.news-box .content strong {
    font-weight: 600;
}

.news-box .content figure {
    margin: 30px 0;
}

.news-box .content blockquote {
    width: 100%;
    display: block;
    padding: 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 19px;
}

.news-box .content ul {
    padding-left: 20px;
}

.news-box .content ul li {
    margin: 4px 0;
}

/* SIDEBAR */
.sidebar {
    width: 100%;
    display: block;
    padding-left: 30px;
}

.sidebar .widget {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 50px;
    margin-bottom: 50px;
}

.sidebar .widget:last-child {
    margin-bottom: 0;
}

.sidebar .widget .widget-title {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 18px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.sidebar .widget .widget-title:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    mix-blend-mode: difference;
}

.sidebar .widget form {
    width: 100%;
    display: block;
}

.sidebar .widget form input[type="submit"] {
    margin-top: 10px;
    background: #0b0b0b;
    color: #fff;
}

.sidebar .widget .categories {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.sidebar .widget .categories li {
    width: 100%;
    display: block;
    margin: 4px 0;
    padding: 0;
    list-style: none;
}

.sidebar .widget .categories li a {
    color: #0b0b0b;
    font-size: 19px;
}

/* PAGINATION */
.pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.pagination .page-item {
    display: inline-block;
}

.pagination .page-item .page-link {
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 600;
    color: #0b0b0b;
    outline: none !important;
}

.pagination .page-item .page-link:focus {
    outline: none !important;
}

/* FOOTER BAR */
.footer-bar {
    width: 100%;
    display: block;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    background-color: #232222;
    background-image: url("../../themes/fnail01q/assets/images/header-pattern.png");
    background-position: center;
    background-size: cover;
}

.footer-bar .logo {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.footer-bar .logo img {
    height: 50px;
}

.footer-bar h2 {
    font-size: 60px;
    font-weight: 800;
    padding-right: 20%;
    margin-bottom: 50px;
}

.footer-bar h2 b {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.footer-bar .button {
    display: inline-block;
    float: left;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.footer-bar .button i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.footer-bar .button:hover {
    text-decoration: none;
}

.footer-bar .button:hover i {
    margin-left: 20px;
}

.footer-bar .sales-representive {
    display: inline-block;
    line-height: 68px;
}

.footer-bar .sales-representive figure {
    float: left;
    margin-right: 10px;
}

.footer-bar .sales-representive figure img {
    height: 60px;
    border-radius: 50%;
}

.footer-bar .sales-representive b {
    display: inline-block;
    font-weight: 600;
    position: relative;
}

.footer-bar .sales-representive b:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 20px;
}

/* FOOTER */
.footer-main {
    width: 100%;
    display: block;
    background-color: #0b0b0b;
    position: relative;
    padding-top: 80px;
    color: #fff;
}

.footer-main .scroll-top {
    width: 100px;
    background: #feed01;
    position: absolute;
    right: 30px;
    top: -30px;
    z-index: 1;
    color: #0b0b0b;
    text-align: center;
    padding: 15px 0;
}

.footer-main .scroll-top small {
    width: 100%;
    display: block;
}

.footer-main .widget-title {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
    opacity: 0.7;
    letter-spacing: 2px;
}

.footer-main address {
    width: 100%;
    display: block;
    margin: 0;
}

.footer-main address p {
    width: 100%;
    display: block;
}

.footer-main address a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 3px solid #feed01;
}

.footer-main address a:hover {
    text-decoration: none;
    border-color: #fff;
}

.footer-main form {
    width: 100%;
    display: block;
}

.footer-main form input[type="email"] {
    width: 100%;
    height: 68px;
    border: none;
    background: #232222;
    padding: 30px;
    color: #fff;
    margin-bottom: 15px;
}

.footer-main form input[type="submit"] {
    height: 60px;
    background: #feed01;
    border: none;
    padding: 0 40px;
    font-size: 13px;
    font-weight: 600;
}

.footer-main .footer-bottom {
    width: 100%;
    display: block;
    margin-top: 50px;
    border-top: 1px dotted rgba(255, 255, 255, 0.2);
    padding: 40px 0;
}

.footer-main .footer-bottom span {
    opacity: 0.7;
    font-size: 13px;
}

.footer-main .footer-bottom ul {
    float: right;
    margin: 0;
    padding: 0;
}

.footer-main .footer-bottom ul li {
    display: inline-block;
    padding: 5px;
    list-style: none;
}

.footer-main .footer-bottom ul li a {
    opacity: 0.7;
    font-size: 13px;
    color: #fff;
}

.footer-main .footer-bottom ul li a:hover {
    opacity: 1;
    text-decoration-color: #feed01;
}

/* SALES SPECIALIST FORM */
#sales-specialist-form {
    width: 500px;
    max-width: 100%;
    display: none;
    padding: 40px;
}

#sales-specialist-form .form-group span {
    display: inline-block;
    margin-left: 12px;
    background: #fff;
    padding: 0 6px;
    transform: translateY(14px);
    color: #8b8b8b;
    font-size: 15px;
}

#sales-specialist-form .form-group:last-child {
    margin: 0;
}

.fancybox-close-small {
    transform: scale(1.5);
    top: 10px;
    right: 10px;
}

/* YES NO SWITCHER*/
.yes-no {
    width: 100%;
    display: block;
    position: relative;
    background: #0b0b0b;
    border: 4px solid #0b0b0b;
}

.yes-no .switch {
    width: 100%;
    height: 50px;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.yes-no .switch span {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: #feed01;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.yes-no label {
    cursor: pointer;
    line-height: 50px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-weight: 600;
}

.yes-no label[for=yes] {
    position: absolute;
    z-index: 1;
    left: 0px;
    width: 50%;
    height: 100%;
    margin: 0;
    color: #fff;
}

.yes-no label[for=no] {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0px;
    z-index: 1;
    color: #fff;
    margin: 0;
}

.yes-no input[type=radio] {
    display: none;
}

.yes-no #no:checked ~ .switch {
    background: #feed01;
}

.yes-no #no:checked ~ .switch span {
    background: #0b0b0b;
}

.yes-no #no:checked ~ .switch span:after {
    background: none;
}

.yes-no #yes:checked ~ .switch label[for=yes] {
    color: #0b0b0b;
    font-weight: 600;
}

.yes-no #no:checked ~ .switch label[for=no] {
    color: #0b0b0b;
}

/* RANGE SLIDER */
.range-slider {
    width: 100%;
    display: block;
}

.range-slider__range {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 0;
    background: #f2f2f2;
    outline: none;
    padding: 0;
    margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #feed01;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #feed01;
    cursor: pointer;
    -moz-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range:active::-moz-range-thumb {
    background: #feed01;
}

.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #feed01;
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #0b0b0b;
    line-height: 20px;
    text-align: center;
    background: #feed01;
    padding: 5px 10px;
}

::-moz-range-track {
    background: #feed01;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

/*# sourceMappingURL=style.css.map */
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.page-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

.freeze-header .navbar.nav-down {
    background: #0000004d;
    margin: 0 !important;
    position: absolute;
}

.mfp-arrow:before,
.mfp-arrow:after {
    margin-top: 15px !important;
}

button.btn.btn-search.search_booking {
    height: 100%;
}

/***

====================================================================
            Page Title
====================================================================

***/

.page-title {
    position: relative;
    padding: 100px 0px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 0px;
}

.page-title:before {
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(34, 34, 34, 0.65);
}

.page-title .inner-container {
    position: relative;
}

.page-title h1 {
    position: relative;
    float: left;
    font-size: 30px;
    color: #ffffff;
    line-height: 50px;
    font-weight: 500;
}

.page-title .bread-crumb {
    position: relative;
    float: right;
}

.page-title .bread-crumb span {
    position: relative;
    float: left;
    font-size: 36px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 400;
    cursor: default;
    padding-right: 25px;
    margin-right: 25px;
    font-family: 'Tangerine', cursive;
}

.page-title .bread-crumb span:before {
    position: absolute;
    right: -1px;
    top: 10px;
    height: 30px;
    width: 2px;
    background-color: #feed01;
    content: "";
}

.page-title .bread-crumb span:last-child {
    padding-right: 0;
    margin-right: 0;
}

.page-title .bread-crumb span:last-child:before {
    display: none;
}

.page-title .bread-crumb span a {
    color: #feed01;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title .bread-crumb span a:hover {
    color: #ffffff;
}

/***

====================================================================
    About Us
====================================================================

***/

.about-us {
    position: relative;
    padding: 120px 0 120px;
}

.about-us .left-image {
    position: absolute;
    left: 0;
    bottom: 30px;
    height: auto;
    width: auto;
}

.about-us .content-column {
    position: relative;
    margin-bottom: 40px;
}

.about-us .content-column .inner-column {
    position: relative;
    padding-top: 50px;
}

.about-us .title {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: #feed01;
    font-weight: 700;
    font-family: 'Montserrat'; /* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
    margin-bottom: 15px;
}

.about-us h2 {
    position: relative;
    font-size: 36px;
    color: #222222;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.about-us p {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    font-weight: 500;
    margin-bottom: 30px;
}

.about-us .image-column .inner-column {
    margin-left: -30px;
    margin-right: -110px;
}

.about-us .feature-list {
    position: relative;
    padding-left: 20px;
}

.about-us .feature-list span {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    color: #666666;
}

.about-us .feature-list span:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 26px;
    color: #feed01;
    content: "\f06c";
    font-family: "FontAwesome";
}

.about-us .feature-list span a {
    font-weight: 500;
    color: #666666;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.about-us .feature-list span a:hover {
    color: #feed01;
}

.about-us .content-column .inner-column .theme-btn {
    margin-top: 20px;
}

/***

====================================================================
                Services Section
====================================================================

***/

.services-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 120px 0;
}

.services-carousel {
    position: relative;
    padding: 25px 25px 60px;
    background-color: #ffffff;
}

.service-block {
    position: relative;
    padding: 20px 15px;
}

.service-block .inner-box {
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

}

.service-block .inner-box:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.service-block .image-box {
    position: relative;
}

.service-block .image {
    position: relative;
    overflow: hidden;
}

.service-block .image a {
    display: block;
}

.service-block .image img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block .inner-box:hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.service-block .lower-content {
    position: relative;
    padding: 35px 20px 30px;
    padding-left: 100px;
    border-bottom: 2px solid #dddddd;
}

.service-block .lower-content:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 0;
    content: "";
    background-color: #88af0c;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block .inner-box:hover .lower-content:before {
    width: 100%;
    left: 0;
}

.service-block .icon-box {
    position: absolute;
    left: 0;
    top: 35px;
    width: 100px;
    text-align: center;
    font-size: 48px;
    line-height: 1em;
    color: #88af0c;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block .inner-box:hover .icon-box {
    color: #222222;
}

.service-block .lower-content h3 {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    margin-bottom: 10px;
}

.service-block .lower-content h3 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block .lower-content h3 a:hover {
    color: #88af0c;
}

.service-block .lower-content p {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.services-carousel .owl-nav {
    display: none;
}

.services-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.services-carousel .owl-dots .owl-dot {
    position: relative;
    width: 50px;
    margin: 0 5px;
    padding: 10px 0 0;
    display: inline-block;
    border-bottom: 3px solid #88af0c;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.services-carousel .owl-dots .owl-dot.active {
    border-bottom: 10px solid #222222;
    bottom: -3px;
    width: 30px;
}

.services-carousel .owl-dots .owl-dot:hover {
    border-bottom: 10px solid #222222;
}

/***

====================================================================
                Services Section Two
====================================================================

***/

.services-section-two {
    position: relative;
    padding: 115px 0 0;
}

.services-section-two .content-column .inner-column {
    position: relative;
    padding-top: 70px;
}

.services-list {
    position: relative;
}

.services-list li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 60px;
}

.services-list li .icon {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    font-size: 48px;
    line-height: 1em;
    color: #cccccc;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-list li:hover .icon {
    color: #88af0c;
}

.services-list li h3 {
    display: block;
    font-size: 20px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 10px;
}

.services-list li h3 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-list li h3 a:hover {
    color: #88af0c;
}

.services-list li p {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: 400;
}

.services-section-two .image-column .inner-column {
    margin-top: -30px;
}

.services-section-two .image-column .image-one {
    position: relative;
}

.services-section-two .image-column .image-two {
    position: absolute;
    right: -340px;
    bottom: -20px;
    z-index: 9;
}

/***

====================================================================
            Service Detail
====================================================================

***/

.service-detail-section {
    position: relative;
    padding: 120px 0 80px;
}

.service-detail {
    position: relative;
}

.service-detail .image-box {
    position: relative;
    margin-bottom: 45px;
}

.service-detail .lower-content {
    position: relative;
}

.service-detail h2 {
    position: relative;
    font-size: 30px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 35px;
}

.service-detail h3 {
    position: relative;
    font-size: 24px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 30px;
}

.service-detail p {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 30px;
}

.service-detail .procedure-section {
    padding-top: 70px;
    padding-bottom: 0;
}

.service-detail .procedure-section:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*background-image: url(/themes/fnail01q/assets/images/icons/price-bg.png);*/
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
}

.service-detail .two-column {
    position: relative;
}

.service-detail .two-column .info-column {
    position: relative;
}

.service-detail .image-column .image {
    position: relative;
}

.service-detail .image-column .image img {
    display: block;
    width: 100%;
}

/*Services Category*/

.service-sidebar .categories {
    margin-bottom: 50px;
}

.service-cat-list {
    position: relative;
    border: 1px dashed #d9d9d9;
}

.service-cat-list li {
    position: relative;
}

.service-cat-list li a {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #666666;
    padding: 15px 15px 15px 25px;
    display: block;
    background-color: #f7f7f7;
    border: 1px dashed #d9d9d9;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.service-cat-list li:first-child a {
    border-bottom: 0;
}

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

.service-cat-list li a:before {
    position: absolute;
    content: '\f105';
    left: 25px;
    font-size: 18px;
    color: #333333;
    font-family: 'FontAwesome';
    line-height: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.service-cat-list li a:hover:before,
.service-cat-list li.active a::before {
    color: #7fa700;
    visibility: visible;
    opacity: 1;
}

.service-cat-list li.active a,
.service-cat-list li a:hover {
    color: #7fa700;
    padding-left: 45px;
    border-color: #7fa700;
}

/* Department Sidebar */

.service-sidebar {
    position: relative;
}

.service-sidebar .download-links {
    position: relative;
    margin-bottom: 40px;
}

.service-sidebar h3 {
    position: relative;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    margin-bottom: 25px;
}

.service-sidebar .link-box {
    position: relative;
    display: block;
    padding: 19px 20px;
    padding-left: 75px;
    margin-bottom: 20px;
    border: 1px dashed #d9d9d9;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-sidebar .link-box:hover {
    border-color: #7fa700;
}

.service-sidebar .link-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 75px;
    width: 75px;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    color: #7fa700;
}

.service-sidebar .link-box h5 {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    font-weight: 600;
}

.service-sidebar .link-box a {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-sidebar .link-box a:hover {
    color: #7fa700;
}

/***

====================================================================
                Contact Page Section
====================================================================

/*===================================================================================*/
/*  BOOKING
/*===================================================================================*/
button.mfp-close {
    position: absolute;
    padding: 0px;
}

.item-booking {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.group-select select option {
    color: #515151;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select optgroup {
    font-weight: 700;
    color: #E94E75;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select .fa-calendar {
    position: absolute;
    margin-top: 0px;
    right: 10px;
    top: 42px;
    font-size: 18px;
}

.box_register .btn_submit_login {
    margin-top: 40px;
}

.popup_main_area .border_right {
    border-right: 1px solid #dedede;
}

.box_register .btn_login_social {
    text-align: center;
    align-items: center;
}

.group-select {
    float: left;
    margin-right: 0;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.group-select label {
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
    min-height: 26px;
}

.btn-search {
    width: 100%;
    text-transform: uppercase;
    outline: none;
}

.staff-avatar {
    padding: 0;
}

.staff_service_v1 {
    display: inline-block;
}

.staff_service_v1 {
    margin-top: 15px;
    overflow: hidden;
}

.staff_service_v1 h4 {
    margin-top: 0;
    font-weight: 700;
}

.time_work_staff_v1 ul {
    margin-top: 20px;
    padding-left: 0;
}

.time_work_staff_v1 ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.time_work_staff_v1 ul li a {
    color: #000;
    padding: 10px;
    background: #ebebeb;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    display: inline-block;
}

.content-shop-booking,
#box_person,
.time_work_staff_v1 {
    padding-bottom: 30px;
}

.white-popup {
    position: relative;
    padding: 0;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
    background: #fff;
}

.popup_main_area {
    padding: 15px;
    float: left;
    width: 100%;
    color: #333;
}

.box_account_v1 .modal_form_header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #655353;
    background: #000000;
    color: #fff;
}

.modal_form_header h4 {
    margin: 0;
    color: #fff;
}

#send_booking .input-box {
    margin-bottom: 5px;
}

/***

====================================================================
                    Gift Section
====================================================================

***/

.gift-section {
    position: relative;
    padding: 115px 0 80px;
}

.gift-block {
    position: relative;
    margin-bottom: 40px;
}

.gift-block .inner-box {
    position: relative;
}

.gift-block .image-box {
    position: relative;
    text-align: center;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 0 20px 0 20px;
    -moz-border-radius: 0 20px 0 20px;
    -ms-border-radius: 0 20px 0 20px;
    -o-border-radius: 0 20px 0 20px;
    border-radius: 0 20px 0 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gift-block .inner-box:hover .image-box {
    border-color: #88af0c;
    text-align: center;
}

.gift-block .image-box img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.gift-block .info-box {
    position: relative;
    text-align: center;
    padding: 35px 15px 0;
}

.gift-block .info-box .price {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 30px;
}

.gift-block .info-box .price del {
    color: #999999;
    font-weight: 400;
    margin-right: 8px;
}

.gift-block .info-box h4 {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    margin-bottom: 35px;
}

.gift-block .info-box h4 a {
    color: #222222;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gift-block .info-box h4 a:hover {
    color: #88af0c;
}

.gift-block .info-box .link-box {
    position: relative;
}

.gift-block .info-box .link-box a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    font-weight: 500;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gift-block .info-box .link-box a:hover {
    color: #88af0c;
}

.gift-block .info-box .link-box a i {
    margin-left: 5px;
}

/*===================================================================================*/
/*  CART
/*===================================================================================*/
.mycarttable tbody tr td .list-row-col .form-control {
    height: 50px;
}

.table-mobile-collapse {
    display: table;
    border: 1px solid gray;
    border-spacing: 0;
    border-collapse: collapse;
}

.thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    display: none;
}

.tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.table-row {
    border: inherit;
    vertical-align: inherit;
}

.table-head {

    padding: 15px;
    border: inherit;
    vertical-align: inherit;
}

.table-data {
    padding: 15px;
    padding-top: 0;
    vertical-align: inherit;
}

.table-responsive {
}

.cart-wrraper {
    font-family: "Poppins", sans-serif;
    background-color: #ffffff;
    color: #333;
}

.cart-product-image-cell {
    display: flex;
    padding-top: 15px;
    padding-bottom: 0;
}

.table-cart {
    background-color: #fff;
    border: none;
    margin-bottom: 0;
}

.table-cart .thead .table-head {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.table-cart .tbody .table-data {
    display: block;
    vertical-align: top;
}

.table-cart .tbody .table-row:last-child .table-data {
    border-bottom: none;
}

.table-cart p {
    margin-bottom: 0;
}

.quantity-label {
    display: inline-block;
}

.table-cart .form-control {
    margin-top: 10px;
}

.cart-product-image-cell {
    vertical-align: top;
}

.table-cart .tbody .table-data.quantity-cell,
.table-cart .tbody .table-data.price-cell,
.table-cart .tbody .table-data.total-change-cell {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 15px;
}

.table-cart .tbody .table-data.price-cell {
    min-width: 273px;
}

.total-change-cell {
    padding-left: 15px;
}

.total-change-cell > p.total_change:before {
    display: inline-block;
    position: relative;
    content: "Total:";
    font-weight: normal;
    margin-right: 15px;
    color: #000;
}

.cart-product-image {
    width: 72px;
    height: 72px;
    margin-right: 15px;
}

.cart-product-image > img {
    width: 100%;
    height: auto;
}

.cart-product-name {
    margin-top: 0;
    font-weight: bold;
}

.form-control.form-control-sm {
    width: 80px;
    display: inline-block;
}

.total_change {
    color: #ff0000;
    font-weight: bold;
    text-align: right;

}

.total-amount {
    text-align: right;
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}

.total-amount-label {
    text-align: right;
    display: none;
}

.total-amount:before {
    display: inline-block;
    position: relative;
    content: "Amount:";
    font-weight: normal;
    margin-right: 15px;
    color: #000;
    padding-top: 15px;
}

.total-amount-cell {
    padding: 0;
}

.table-row {
    border-bottom: 2px solid #ffffff;
}

.cart-product-image,
.cart-product-description {
    display: inline-block;
    vertical-align: top;

}


/* FORM CART */
.cart img {
    margin: 0 auto 25px auto;
    text-align: center;
    display: block
}

.cart .form_cart {
    margin-bottom: 30px
}

.cart .form_cart a {
    display: table;
    margin: 10px auto 25px auto;
    padding: 15px 65px;
    font-size: 15px;
    cursor: pointer
}

.cart .form_cart p {
    font-size: 14px;
}

.cart .order {
    margin-top: 15px;
    background: #fff;
    border-radius: 3px;
    color: #222;
    padding-bottom: 10px;
    border: 1px solid #E2E2E2;
}

.cart .order .inner {
    padding: 15px 20px 0px 20px
}

.cart .order .inner ul li {
    clear: both;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: table;
    width: 100%
}

.cart .order .inner ul li .frame_img {
    height: 60px;
    overflow: hidden;
    float: left;
    margin-right: 15px
}

.cart .order .inner ul li .frame_img img {
    width: 60px;
    background: #fff
}

.cart .order .inner ul li .name_product {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 63%;
    overflow: hidden;
    float: left;
}

.cart .order .inner ul li .name_product p {
    font-size: 15px
}

.cart .order .inner ul li .name_product span {
    color: #858585;
    font-size: 13px;
    margin-right: 5px
}

.cart .order .inner ul li .name_product small {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block
}

.cart .order .subtotal {
    padding: 0px 20px 15px 20px
}

.cart .order .subtotal ul li {
    padding: 3px 0px
}

.cart ul {
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
}

.cart .order .total ul {
    padding: 15px 20px;
}

.cart .order .total ul li span {
    color: #000;
    font-size: 24px;
}

.cart .note {
    margin: 15px 0px
}

.cart .note p {
    font-size: 14px;
    margin: 0;
}

h2.timr {
    margin: 0;
    margin-bottom: 20px;
}

.box_cart {
    margin: 30px auto;
}

ul.list_form li {
    margin: 5px 0;
}

h4.sanb {
    font-size: 18px;
    font-style: italic;
}

.inner .price,
.subtotal span,
.total span {
    font-weight: bold;
}

.fl-flex-label label {
    font-weight: normal;
}

.white-popup {
    clear: both;
    overflow: hidden;
}

.cards-item {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}

.cards-item .cards-item-image {
    transition: transform 0.25s ease;
    margin-bottom: 20px;
}

.cards-item:hover .cards-item-image {
    transform: scale(1.05);
}

.book_appoin_btn {
    margin-top: 20px;
}

.contact-page-section {
    position: relative;
}

.contact-page-section .form-section {
    padding: 120px 0 130px;
}

.contact-form-two .title {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1em;
    color: #88af0c;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Tangerine', cursive;
}

.contact-form-two h3 {
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    margin-bottom: 30px;
}

.contact-form-two .text {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 40px;
}

.contact-page-section .form-section {
    position: relative;
    padding-top: 120px;
}

.contact-form-two {
    position: relative;
    z-index: 1;
}

.contact-form-two .form-group,
.form-control-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.contact-form-two .form-group:last-child {
    /*margin-bottom: 0;*/
}

.btn_login_social .btn_facebook_v1 {
    background: #3B5998;
}

.btn_login_social .btn_gplus_v1 {
    background: #dd4b39;
}

.group-select .form-control,
.form-group input[type="password"].form-control,
.form-group input[type="text"].form-control,
.form-group input[type="email"].form-control,
.form-group input[type="tel"].form-control,
.form-group input[type="url"].form-control,
.form-group textarea.form-control,
.form-group select.form-control,
.contact-form-two .form-group input[type="text"],
.contact-form-two .form-group input[type="email"],
.contact-form-two .form-group input[type="tel"],
.contact-form-two .form-group input[type="url"],
.contact-form-two .form-group textarea,
.contact-form-two .form-group select {
    position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 28px;
    color: #555555;
    font-weight: 500;
    height: 50px;
    padding: 10px 25px;
    letter-spacing: .5px;
    background-color: transparent;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form-two ::-webkit-input-placeholder {
    color: #999999;
}

.contact-form-two ::-moz-input-placeholder {
    color: #999999;
}

.contact-form-two ::-ms-input-placeholder {
    color: #999999;
}

.contact-form-two .form-group input:focus,
.contact-form-two .form-group select:focus,
.contact-form-two .form-group textarea:focus {
    border-color: #7fa700;
}

.contact-form-two .form-group textarea {
    height: 200px;
    margin-bottom: 20px;
    resize: none;
}

.contact-form-two .form-group label.error {
    color: #ff0000;
    line-height: 20px;
    padding-top: 5px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-transform: capitalize;
}

.contact-page-section .map-canvas {
    height: 500px;
}

.contact-page-section .contact-column .inner-column {
    padding-top: 45px;
}

.contact-page-section .contact-column .title {
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    margin-bottom: 35px;
}

.contact-page-section .contact-column .text {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: 600;
    margin-bottom: 40px;
}

.contact-page-section .contact-info {
    position: relative;
}

.contact-page-section .contact-info li {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    font-weight: 600;
    padding-left: 70px;
    margin-bottom: 30px;
    min-height: 50px;
}

.contact-page-section .contact-info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #88af0c;
    color: #88af0c;
    font-size: 20px;
    border-radius: 50%;
}

.contact-page-section .contact-info li strong {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #222222;
    font-weight: 600;
}

.contact-page-section .contact-info li p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: 500;
}

.contact-page-section .contact-info li p a {
    color: #666666;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-page-section .contact-info li a:hover {
    color: #88af0c;
}

.contact-page-section .contact-info .social-links {
    position: relative;
}

.contact-page-section .social-links h5 {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    font-weight: 600;
}

.social-icon-one {
    position: relative;
    display: inline-block;
}

.contact-page-section .map-section {
    padding-bottom: 150px;
}

.service-i-name-div {
    color: #feed01;
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.25);
    width: 80%;
}

span.fci-content a {
    color: #ffffff;
}

.footer-main .widget-title {
    border-bottom: 3px solid #feed01;
}

.sp-text-inner {
    padding-left: 40px;
}

.btn-style-four {
    position: relative;
    font-size: 14px;
    color: #ffffff;
    padding: 15px 30px;
    line-height: 20px;
    font-weight: 600;
    background-color: #feed01;
}

.btn-style-four:hover {
    background: #222222;
    color: #ffffff;
}

.xs-none{display: none}
.xs-text-center{text-align: center;}
.pricing-table .inner-box {padding:10px 0}
.pricing-table .theme-btn {padding: 5px 0;}
.pricing-table .theme-btn i {right: -22px;height: 32px;width: 22px;line-height: 32px;}

@media only screen and (max-width: 1200px){
	.main-header .nav-outer{
		width: 100%;
	}
	.main-header .nav-outer .outer-box{margin-left: 0}

	.main-header .logo-box{
		width: 100%;
		text-align: center;
		padding: 10px 0 0;
	}

	.appointment-section .form-column .inner-column{
		margin-top: 50px;
	}

	.main-header .search-box-outer .dropdown-menu{
		top: 58px;
	}

	.appointment-section .form-column .inner-column,
	.about-us .content-column .inner-column,
	.main-header .nav-outer .outer-box{
		padding: 0;
	}

	.main-menu .navigation > li > a{
		padding: 15px 0px;
	}

	.main-menu .navigation > li{
		margin-right: 30px;
		margin-left: 0;
	}

	.appointment-section .content-column .inner-column,
	.main-footer .links-widget{
		padding-left: 0;
		padding-top: 0;
	}

	.header-style-two .search-box{
		max-width: 500px;
	}

	.fluid-section-one .content-column .inner-column{
		padding-left:25px;
	}

	.fluid-section-one .content-column .choose-info li{
		width: 100%;
	}

	.products-tabs .products-thumb{
		right: 40px;
	}

	.products-tabs .text{
		line-height: 24px;
	}

	.header-style-three .header-lower .main-box{
		padding-left: 0;
		background: none;
	}

	.header-style-three .header-lower{
		background-color: rgba(255,255,255,.90);
	}
}
@media only screen and (min-width: 768px){
	.pricing-table .theme-btn i {
    right: -40px;
    height: 40px;
    width: 40px;
    line-height: 40px;}
	.pricing-table .theme-btn {padding: 9px 25px;}
	.pricing-table .theme-btn {padding: 9px 25px;}
	.pricing-table .inner-box {padding: 45px 40px 48px;}
	.xs-text-center{text-align: unset;}
	.xs-none{display: block;}
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	.sp-horizontal .sp-arrows{
	    margin-top: 0px;
	}
}
@media only screen and (max-width: 1023px){

	.main-header .sticky-header{
		display: none !important;
	}

	.main-slider h2{
		font-size: 38px;
	}

	.sec-title p br,
	.procedure-block .inner-box:before,
	.procedure-block .inner-box:after,
	.header-style-two .search-box,
	.header-style-two .nav-outer .link-box,
	.header-style-three .nav-outer .outer-box,
	.about-us .left-image{
		display: none;
	}

	.about-us .image-column .inner-column{
		margin: 0;
		text-align: center;
	}

	.call-to-action .title-column .inner-column{
		padding-left: 0;
		text-align: center;
		margin-bottom: 40px;
	}

	.call-to-action .btn-column .inner-column{
		text-align: center;
	}

	.call-to-action .title-column figure{
		position: relative;
		left: 0;
		top: 0;
		text-align: center;
		margin-bottom: 20px;
	}

	.services-section-two .image-column .inner-column,
	.pricing-table .inner-box{
		text-align: center;
	}

	.contact-section .map-column .map-outer{
		padding-left: 0;
		padding-top: 40px;
	}

	.contact-section .map-column .info-box{
		position: relative;
		margin-bottom: 20px;
	}
	.contact-section .map-column .info-box {
	    max-width: unset;
	}

	.fluid-section-one .image-column,
	.fluid-section-one .content-column{
		position:relative;
		width:100%;
		display:block;
	}
	
	.fluid-section-one .content-column .inner-box{
		max-width:100%;
		padding-left:15px;
	}
	
	.fluid-section-one .image-column{
		background-image:none !important;
	}
	
	.fluid-section-one .image-column .image-box{
		display:block;
	}

	.procedure-block .text,
	.procedure-block h3,
	.procedure-block .icon-box{
		margin-bottom: 20px;
	}

	.products-tabs .image-column .inner-column{
		padding: 40px 15px;
	}

	.products-tabs .content-column .inner-column{
		padding: 20px 20px 0;
		text-align: center;
	}

	.products-tabs .products-thumb{
		position: relative;
		top: 20px;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		margin:0 auto;
	}

	.products-tabs .products-thumb .tab-btn{
		display: inline-block;
		float: none;
		margin-bottom: 20px;
	}
	.products-tabs .rating{
		position: relative;
		top: 0;
		left: 0;
	}

	.apppointment-page .info-box .address{
		margin-bottom: 25px;
	}

	.gallery-section-two .mixitup-gallery .filter-tabs{
		border-bottom: 0;
	}
	
	.services-section-two{
		padding-top:50px;	
	}
}
@media only screen and (max-width: 767px){

	.main-header{
		position: relative;
	}

	.header-style-two .header-upper .logo{
		padding: 10px 0;
	}

	.main-header .nav-outer{
		margin-top: -65px;
	}

	.main-header .header-lower .search-box-outer{
		position: absolute;
	    left: 0;
	    margin-left: 0;
	    z-index: 99;
	    padding: 15px 0;
	}

	.main-header .header-lower .dropdown-menu{
		top: 44px;
		left: 0;
		right: auto;
	}

	.header-style-two .header-top .top-left,
	.main-header .header-top .top-right{
		display: none;
	}

	.main-header .header-top .top-left {
		width: 100%;
		text-align:center;
	}
	
	.main-header .header-top .top-left{
		text-align: center;
		padding-bottom:12px;
	}

	.main-header .header-top .top-left ul li {
		display: inline-block;
		margin-right: 15px;
		float: none;
		padding-bottom:0px;
		text-align: center;
	}

	.main-header .logo-box{
		width: auto;
		padding: 10px 0;
	}

	.main-header .header-upper .upper-column{
		margin-left:0px;
		width:100%;	
	}
	
	.main-header .header-upper .upper-column.info-box {
		display: block;
		width:100%;
		text-align:center;
		padding:10px 0px;
		max-width:none;
	}

	.main-header .info-box .icon-box{
		position:relative;
		display:block;
		top:0px;
		text-align:center;
		margin:0;
	}

	.main-header .main-menu{
		padding-top:0px;
		width:100%;
		margin:0px;
		padding-left:0px;
	}
	
	.main-menu .collapse {
		overflow:auto;
		float:none;
		width:100%;
		padding:10px 0px 0px;
		border:none;
		margin:0px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding:0px 0px 0px;
		border:none;
		margin:0px 0px 15px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;	
	}
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		text-align:right;
		width:100%;
		padding:13px 0px 13px;
		right:0px;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle{
		display:inline-block;
		z-index:7;
		top: 0;
		border:1px solid #88af0c;
		float:none;
		margin:0px 0px 0px 0px;
		border-radius:0px;
		background:#88af0c;
	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;
	}
	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px !important;
		width:100% !important;
		background:#88af0c;
		border:1px solid #ffffff;
		border-top:none;
	}
	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px !important;
		float:none !important;
		padding: 0 !important;
		width:100%;
	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
		border:none !important;
	}
	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{
		color:#ffffff !important;
		right:15px;
		font-size:16px;
		display:none !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		padding:0px;
		outline:none;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:#88af0c;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
		box-shadow:none !important;
		-webkit-transform:scaleY(1);
		-moz-transform:scaleY(1);
		-ms-transform:scaleY(1);
		-o-transform:scaleY(1);
		transform:scaleY(1);
	}
		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;
		opacity:1 !important;
		top:0px !important;
		left:0px !important;
		visibility:visible !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding:12px 15px !important;
		line-height:22px;
		color:#ffffff !important;
		background:#88af0c;
		text-align:left;
		min-height:0px;
		font-size:14px !important;
		text-transform:capitalize;
	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		background:#88af0c;
	}
	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,
	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
		background:#88af0c;
		color:#ffffff !important;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
		display:block;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	
	.main-slider{
		margin-top:0px !important;	
	}

	.sec-title{
		margin-bottom: 40px;
	}

	.sec-title h2{
		font-size: 28px;
		line-height: 1.3em;
	}

	.main-slider .text{
		font-size: 14px;
		line-height: 20px;
	}

	.main-slider .text br{
		display: none;
	}

	.page-title{
		padding: 20px 0;
		margin-top: 0;
	}

	.page-title h1{
		font-size: 28px;
		line-height: 1.2em;
		margin-bottom: 20px;
	}

	.page-info .bread-crumb li{
		font-size: 16px;
		margin-right: 5px;
		padding-right: 20px;
	}

	.page-info .bread-crumb li:after{
		font-size: 16px;
	}

	.main-footer .gallery-widget .image{
		width: 25%;
	}

	.mixitup-gallery .filters li{
		padding: 9px 18px;
		line-height: 20px;
	}

	.section,
	.gallery-detail-section,
	.testimonial-section,
	.services-section-two{
		padding: 70px 0 70px;
	}

	.contact-page-section .form-section,
	.service-detail-section,
	.gallery-section-two,
	.policy-section .banner-box,
	.apppointment-page,
	.subscribe-section,
	.products-section,
	.appointment-section,
	.our-packeges,
	.contact-section,
	.faq-section,
	.gallery-section,
	.services-section,
	.about-us{
		padding: 30px 0;
	}

	.policy-section .content-box,
	.procedure-section,
	.gift-section,
	.news-section,
	.pricing-section,
	.team-section{
		padding: 30px 0 30px;
	}

	.login-section,
	.pricing-section-two,
	.main-footer .widgets-section{
		padding: 70px 0  40px;
	}

	.checkout-page,
	.sidebar-page-container{
		padding: 70px 0 20px;
	}

	.contact-page-section .map-section,
	.testimonial-section .auto-container{
		padding-bottom: 70px;
	}

	.gallery-section-two .styled-pagination{
		margin-top: 30px;
	}

	.fluid-section-one .content-column .inner-column{
		padding: 70px 15px 25px;
	}

	.policy-section .commitment,
	.policy-section .content-box .devider{
		margin-bottom: 30px;
	}

	.sidebar-side .default-sidebar{
		padding: 0;
		border:0;
	}

	.about-us h2{
		font-size: 24px;
		line-height: 1.2em;
	}

	.packeges-tabs .tab .image-column .inner-column,
	.services-carousel{
		padding: 0;
	}


	.services-carousel .owl-dots{
		display: none;
	}

	.services-section-two .image-column .inner-column,
	.team-block .image-box,
	.team-block .inner-box{
		margin: 0;
	}

	.team-block .image-box .social-links{
		right: 15px;
		bottom: 15px;
		background-color: #ffffff;
	}

	.main-footer .links-widget{
		padding-left: 0;
	}

	.main-footer .footer-logo{
		margin-bottom: 20px;
	}
	.packeges-tabs .price-column ul li:last-child{
		margin-bottom: 10px;
	}

	.main-header .nav-outer .outer-box,
	.header-style-two .header-upper .upper-right{
		display: none;
	}

	.header-style-two .header-lower{
		background-color: #ffffff;
	}

	.header-style-two .header-top .top-left{
		display: block;
	}

	.blockquote .content-column .text:before,
	.blockquote .content-column .text:after,
	.appointment-section .content-column .text:before,
	.testimonial-section .left-image,
	.testimonial-section .right-image,
	.services-section-two .image-column .image-two{
		display: none;
	}

	.gift-block .info-box h4,
	.gift-block .info-box .price{
		margin-bottom: 15px;
	}

	.appointment-section .content-column .text{
		padding-left: 0;
	}

	.appointment-form{
		padding: 40px 15px;
	}

	.subscribe-section .title-column h2{
		font-size: 40px;
	}

	.policy-section .content-box{
		text-align: center;
	}

	.pricing-block .content-box{
		padding:0 15px;
		margin-bottom: 20px;
	}

	.blockquote .content-column .inner-column,
	.pricing-block .inner-box{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	.pricing-block .image-box,
	.pricing-block .price-box{
		position: relative;
		left: 0;
		right: 0;
		display: inline-block;
		margin: 0 auto 20px;
	}

	.pricing-block .image-box{
		margin-top: 20px;
	}

	.blockquote .content-column .text{
		padding: 0;
	}

	.blockquote .image-column .image{
		text-align: center;
		margin-bottom: 20px;
	}
	
	.procedure-block .text{
		min-height:0px;	
	}
	
	.procedure-block{
		padding:30px 15px;
		margin-bottom:30px;
		border:2px solid #eeeeee;	
	}

}
@media only screen and (max-width: 599px){
    .news-block .image-box .tag {
    	top: 0px;
	}
	.main-header .info-box .icon-box span{
		font-size: 42px;
	}

	.subscribe-section{
		text-align: center;
	}

	.packeges-tabs .tab-buttons li:before,
	.arrow-down{
		display: none;
	}

	.services-list li{
		padding-left: 0;
		text-align: center;
	}

	.services-list li .icon{
		position: relative;
		margin:0 auto 20px;
	}

	.packeges-tabs .tab-buttons li,
	.page-title .bread-crumb,
	.page-title h1{
		width: 100%;
		text-align: center;
	}

	.page-title .bread-crumb{
		padding: 0;
	}

	.page-title .bread-crumb li{
		float: none;
		display: inline-block;
	}
	.service-block .icon-box{
		position: relative;
		margin-bottom: 20px;
		top: 0;
		left: 0;
		width: 100%;
	}

	.blog-detail .post-share-options{
		text-align: center;
	}

	.blog-detail .post-share-options > div{
		width: 100%;
	}	

	.testimonial-block .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.service-block .lower-content{
		padding-left: 15px;
		text-align: center;
	}


	.main-header .info-box .icon-box{
		margin-bottom: 0;
	}

	.testimonial-block .thumb{
		position: relative;
		margin: 0 auto 20px;
	}

	.testimonial-block .text{
		padding: 0;
	}

	.comments-area .comment-box .author-thumb{
		position: relative;
	}

	.comments-area .comment{
		padding-left: 0;
	}

	.comments-area .comment-info .comment-time{
		margin-left: 0;
		display: block;
	}

	.comments-area .comment-info{
		margin-bottom: 10px;
	}


	.mixitup-gallery .filters li {
	    display: block;
	    width: 100%;
	    padding: 5px 10px;
	    line-height: 15px;
	    font-size: 14px;
	    margin-bottom: 5px;
	}

	.mixitup-gallery .filters{
		margin-bottom: 30px;
	}

	.range-slider-one{
		max-width: 100%;
	}

	.feature-section .owl-nav,
	.news-section .owl-nav{
		display: none;
	}

	.services-carousel .owl-dots{
		display: none;
	}

	.services-carousel{
		padding-bottom: 0;
	}

	.fun-fact-two .count-box .inner-box{
		min-height: auto;
	}

	.service-detail .video-column .image,
	.service-detail .video-column .image .link{
		padding: 0;
	}

	.feature-tabs .tabs-content h2{
		margin-bottom: 20px;
		font-size: 24px;
	}

	.sec-title h2{
		font-size: 24px;
	}

	.sidebar-page-container .comments-area .comment{
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}

	.sidebar-page-container .comments-area .comment-box .author-thumb{
		left: 0;
		top: 0;
		position: relative;
		margin: 0 auto 20px;
	}

	.sponsor-section .sponsor-outer{
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		margin: 0;
	}

	.contact-section .heading p{
		padding-left: 0;
	}

	.contact-section .heading p:before{
		display: none;
	}

	.main-footer .footer-bottom{
		text-align: center;
	}

	.main-footer .footer-bottom .link-box,
	.main-footer .footer-bottom p{
		float: none;
	}

	.feature-block .image-box,
	.feature-block .image-box img,
	.main-footer .footer-bottom .link-box{
		width: 100%;
	}

	.feature-block .image-box{
		position: relative;
		left: 0;
		top: 0;
		height: auto;
		margin-bottom: 20px;
	}

	.features-carousel .owl-nav{
		left: 0;
		width: 100%;
		text-align: center;
	}

	.feature-block .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.subscribe-section .title-column {
		text-align: center;
	}

	.product-info-tabs .prod-tabs .reviews-container .review-box.reply{
		margin-left: 0;
	}

	.comments-area .comment-box .rating{
		position: relative;
		margin-top: 10px;
	}

	.author-box .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.author-box .image-box{
		position: relative;
		margin:0 auto 20px;
	}
	
	.main-slider h2{
		font-size: 32px;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 479px) {

	.gallery-detail .project-description{
		padding-bottom: 0;
	}

	.comment-form .group-title{
		margin-bottom: 20px;
	}

	.comment-form .rating{
		width: 100%;
		padding-left: 0;
	}

	.main-slider .title{
		font-size: 30px;
	}

	.contact-page-section .contact-column .title,
	.contact-form-two h3,
	.checkout-page .sec-title h3,
	.gallery-detail h3{
		font-size: 24px;
		margin-bottom: 10px;
	}
	
	.main-slider h2{
		font-size: 20px;
		line-height: 1.2em;
	}

	.main-slider .text{
		font-size: 13px;
	}

	.contact-form button{
		display: block;
		width: 100%;
	}

	.vehicle-detail .form-group{
		margin-bottom: 40px;
	}
	
	.range-slider-one .input{
		margin-top: 20px;
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	.services-page-section .styled-pagination{
		margin-top: 40px;
	}

	.comment-form button,
	.vehicle-year-slider,
	.range-slider-one .input input{
		width: 100%;
	}

	.about-us .content-column .primary-text{
		font-size: 14px;
		line-height: 25px;
	}

	.footer-form button{
		width: 100%;
		padding: 10px 30px;
	}

	.project-tab .tab-btns .tab-btn{
		width: 100%;
		margin: 0;
	}

	.project-detail .price-list{
		overflow: auto;
	}

	.project-info .info strong{
		display: block;
	}

	.project-info .info .icon{
		height: 70px;
		line-height: 70px;
	}

	.post-share-options .social-links li a{
		font-size: 14px;
	}

	.post-share-options .next-prev{
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}

	.error-section h2{
		font-size: 30px;
	}

	.shop-upper-box .items-label{
		width: 100%;
		text-align: center;
	}

	.shop-upper-box .sort-by{
		width: 100%;
	}

	.product-details .basic-details{
		margin-bottom: 30px;
	}

	.product-info-tabs .prod-tabs .tabs-container .tab{
		padding: 20px 15px;
	}

	.product-info-tabs .prod-tabs .reviews-container .rev-thumb{
		position: relative;
		left: 0;
	}

	.product-info-tabs .prod-tabs .reviews-container,
	.product-info-tabs .prod-tabs .reviews-container .rev-content{
		padding-left: 0;
		border: 0;
	}

	.login-form{
		padding: 35px 15px 30px;
	}

	.shipping-form button,
	.cart-section .apply-coupon .form-group input[type="text"],
	.cart-section .cart-options > div,
	.cart-section .cart-options .cart-btn, 
	.cart-section .coupon-btn{
		display: block;
		width: 100%;
	}

	.cart-section .apply-coupon .form-group{
		margin: 0 0 10px;
		width: 100%;
	}

	.login-form .pull-left,
	.login-form .pull-right{
		width: 100%;
	}

	.login-form button{
		margin-top: 0;
		display: block;
		width: 100%;
	}

	.procedure-block .inner-box{
		padding: 50px 0 30px;
	}

	.gallery-detail .info-column .info-list li{
		margin-bottom: 15px;
	}

	.gallery-detail .owl-dots{
		bottom: 10px;
	}

	.gallery-detail .info-column .info-list li span{
		display: block; 
		width: 100%;
		float: none;
	}

	.login-form .psw{
		position: relative;
	}

	.load-more-option .next a, .load-more-option .prev a{
		padding:10px 18px; 
	}
}

/* CUSTOM CONTAINER */
@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
	.cart-product-description{max-width: 130px;}
	.table-row{border-bottom: none;}
	.total_change{text-align: left;}
	.thead {display: table-header-group;}
	.quantity-label{display: block;}
	.cart-product-image-cell{padding-bottom: 15px;}
	.total-change-cell>p.total_change:before{display: none;}
	.total-amount-label{display: block;}
	.total-amount-cell{padding:15px;}
	.quantity-label{color: rgba(0,0,0,0)}
	.table-row{
		display: table-row;
		border:inherit;
		vertical-align: inherit;
	}
	.table-head{
		display: table-cell;
		padding: 15px;
		border:inherit;
		vertical-align: inherit;
	}
	.table-data{
		display: table-cell;
		padding-top: 15px;
		border:inherit;
		vertical-align: inherit;
	}
	.table-cart .tbody .table-data,.table-cart .tbody .table-data.quantity-cell,
	.table-cart .tbody .table-data.price-cell,.table-cart .tbody .table-data.total-change-cell{
		border-bottom:1px solid #d8d8d8;
		vertical-align: top;
		display: table-cell;
	}
	.table-cart .tbody .table-data.total-change-cell{vertical-align: bottom;}
	.quantity-cell,.price-cell{display: table-cell;}
	.total-amount{text-align: left;padding-top: 0;}
	.total-amount:before{display: none;}
}
@media (min-width: 1170px) {
	.container {
		max-width: 1100px;
	}
}
@media (min-width: 1280px) {
	.container {
		max-width: 1260px;
	}
	.slider .container {
		padding-top: 100px;
	}
}
/* RESPONSIVE MEDIUM */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
	.navbar .navbar-button {
		padding: 0 15px;
		margin-left: 20px;
	}
	.navbar .navbar-button i {
		margin: 0;
	}
	.slider .slider-content .inner h2 {
		font-size: 50px;
	}
	.slider .slider-content2 .inner h2 {
		font-size: 50px;
	}
	.counter-box .odometer {
		font-size: 55px;
	}
	.project-slider .swiper-slide {
		max-width: 70vw;
	}
	.calculator .form .info-box {
		width: 60%;
	}
	.logo-item {
		padding: 0 15px;
	}
	.footer-bar h2 {
		padding: 0;
	}
}
/* RESPONSIVE TABLET */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
	.side-widget {
		box-shadow: none;
	}
	.side-widget .show-mobile {
		display: block;
	}
	.side-widget .hide-mobile {
		display: none;
	}
	.contact-box {
		margin: 15px 0;
	}
	.contact-box p {
		font-size: 18px;
	}
	.contact-form {
		margin-bottom: -10%;
	}
	.counter-box .value {
		margin-right: 20px;
	}
	.step-box {
		margin: 15px 0;
	}
	.step-box .image {
		padding-right: 0;
	}
	.step-box .content {
		bottom: 30px;
		right: 30px;
	}
	.accordion {
		padding-right: 0;
	}
	.cta-box-yellow {
		width: 100%;
	}
	.custom-list {
		margin-top: 30px;
	}
	.certificate {
		margin: 15px 0;
	}
	.projects li {
		width: 100%;
	}
	.project-specifications {
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
	}
	.sidebar {
		padding-left: 0;
		margin-top: 50px;
	}
	.navbar .site-menu {
		display: none;
	}
	.navbar .navbar-button span {
		display: none;
	}
	.slider {
		height: auto;
	}
	.slider .slider-main, .slider .slider-main2 {
		width: 100%;
		position: static;
	}
	.slider .slider-content {
		width: 100%;
		margin-right: 0;
	}
	.slider .slider-content2 {
		width: 100%;
		margin-right: 0;
	}
	.slider .slider-content .controls .swiper-pagination .swiper-pagination-current {
		color: #fff;
	}
	.icon-content {
		margin: 15px 0;
	}
	.side-content {
		padding-left: 0;
		margin-top: 30px;
	}
	.col-lg-3:nth-child(even) .counter-box {
		margin-top: 0;
	}
	.counter-box {
		margin: 15px 0;
	}
	.project-slider .swiper-slide {
		max-width: inherit;
	}
	.calculator .form .info-box {
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.calculator .form .price-box {
		width: calc(100% + 100px);
	}
	.row.no-gutters .col {
		width: 33%;
		flex-basis: 33%;
		flex-grow: inherit;
		margin: 0 auto;
	}
	.sales-team {
		margin: 15px 0;
	}
	.logo-item {
		margin: 15px 0;
	}
	.col-lg-5 .recent-news {
		margin-bottom: 30px;
	}
	.footer-bar .sales-representive {
		margin-left: 0;
		margin-top: 30px;
	}
	.footer-main address {
		margin-bottom: 50px;
	}
	.open_hour_home .no-gutters {
		display: grid;
	}
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.side-widget {
		width: 100%;
	}
	.search-box .inner {
		width: 90vw;
	}
	.navbar .navbar-button span {
		display: none;
	}
	.navbar .languages {
		display: none;
	}
	.navbar .navbar-button {
		margin-left: 0;
	}
	.slider .slider-content {
		margin-bottom: 30px;
	}
	.slider .slider-content .controls {
		padding: 0;
		width: 100%;
		display: none;
	}
	.slider .slider-content .inner {
		padding-bottom: 30px;
	}
	.slider .slider-content .inner h2 {
		font-size: 40px;
	}
	.slider .slider-content .inner p {
		margin-bottom: 30px;
	}



	.slider .slider-content2 {
		margin-bottom: 30px;
	}
	.slider .slider-content2 .controls {
		padding: 0;
		width: 100%;
		display: none;
	}
	.slider .slider-content2 .inner {
		padding-bottom: 30px;
	}
	.slider .slider-content2 .inner h2 {
		font-size: 40px;
	}
	.slider .slider-content2 .inner p {
		margin-bottom: 30px;
	}
	.icon-content {
		width: 100%;
		margin: 15px 0;
	}
	.icon-content small {
		margin-bottom: 30px;
	}
	.project-slider .swiper-slide .project-box figcaption {
		width: 100%;
		position: static;
	}
	.project-slider .swiper-slide .project-box figcaption h5 {
		font-size: 22px;
	}
	.project-slider .swiper-slide .project-box figcaption:after {
		bottom: 0;
	}
	.calculator .bg-image {
		display: none;
	}
	.row.no-gutters .col {
		width: 80%;
		flex-basis: 80%;
		margin: 15px 10%;
	}
	.testimonials-slider {
		width: 100%;
		margin: 0;
	}
	.testimonials-slider .controls {
		display: none;
	}
	.recent-news {
		margin: 15px 0 !important;
	}
	.contact-form {
		padding: 30px;
	}
	.news-box .content h3 {
		font-size: 26px;
	}
	.sidebar .widget {
		padding: 30px;
	}
	.isotope-filter li {
		font-size: 15px;
		margin-right: 20px;
	}
	.projects li .project-box figcaption {
		width: calc(100% - 60px);
		left: 30px;
		padding: 20px;
	}
	.projects li .project-box figcaption h5 {
		font-size: 25px;
	}
	.project-specifications {
		padding: 30px;
	}
	.info-box-dark {
		padding: 30px;
	}
	.cta-box-yellow {
		padding: 30px;
	}
	.cta-box-yellow h4 {
		font-size: 34px;
	}
	.calculator .form {
		padding: 30px;
	}
	.footer-bar h2 {
		font-size: 40px;
	}
	.footer-bar .sales-representive {
		line-height: inherit;
	}
	.footer-bar .sales-representive b {
		color: #feed01;
	}
	.footer-bar .sales-representive b:before {
		display: none;
	}
	.footer-bar .sales-representive figure {
		width: 100%;
	}
	.footer-main .scroll-top {
		right: auto;
		left: 15px;
	}
	.footer-main .footer-bottom ul {
		float: left;
	}
	.footer-main .footer-bottom ul li {
		margin-left: 0;
		margin-right: 10px;
	}
	.open_hour_home .no-gutters {
		display: grid;
	}
}
/*.mobile_logo*/
@media (max-width: 444px){
	.mobile_logo {
		max-width: 60%;
		margin: 22px 0px;
	}
}

/* CUSTOM slider-main */
@media (min-width: 120px) and (max-width: 320px) {
	.slider .slider-main, .slider .slider-main2 {
		height: calc(40vh);
	}
}
@media (min-width: 321px) and (max-width: 479px) {
	.slider .slider-main, .slider .slider-main2 {
		height: calc(50vh);
	}
}
@media (min-width: 479px) and (max-width: 560px) {
	.slider .slider-main, .slider .slider-main2 {
		height: calc(60vh);
	}
}
@media (min-width: 561px) and (max-width: 767px) {
	.slider .slider-main, .slider .slider-main2 {
		height: calc(70vh);
	}
}

/* global */
img {
    max-width: 100%;
}

.relative {
    position: relative;
}

.pointer {
    cursor: pointer;
}

.relative.w100 {
    min-width: 100%;
}

.form-tooltip-error ul, .form-tooltip-error ul li {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

.maxlength-error {
    color: #f00;
}

.relative .fa-calendar {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

/* Waiting Dialog */
.modal-dialog .modal-content {
    background-color: #fff;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;

    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

/* Menu Button Mobile */
.mean-container .mean-bar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mean-container a.meanmenu-reveal {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: -25px 5px 0 0;
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 3px;
}

.mean-container a.meanmenu-reveal > span,
.mean-container a.meanmenu-reveal > span:before,
.mean-container a.meanmenu-reveal > span:after {
    position: relative;
    width: 40px;
    margin: auto;
    height: 4px;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    border-radius: 1px;
}

.mean-container a.meanmenu-reveal > span:before, .mean-container a.meanmenu-reveal > span:after {
    position: absolute;
    z-index: 2;
}

.mean-container a.meanmenu-reveal > span:before {
    top: -9px;
}

.mean-container a.meanmenu-reveal > span:after {
    bottom: -9px;
}

.mean-container a.meanmenu-reveal.meanclose > span:before {
    top: 0;
    transform: rotate(45deg);
}

.mean-container a.meanmenu-reveal.meanclose > span:after {
    top: -8px;
    transform: rotate(-45deg);
}

/* Menu Mobile Scroll */
.mobile-menu-scroll {
    overflow: scroll hidden;
}

.mobile-menu-scroll ul {
    display: flex;
}

.mobile-menu-scroll ul, .mobile-menu-scroll ul li {
    margin: auto;
    padding: 0;
    list-style: none;
}

.mobile-menu-scroll ul li a {
    display: block;
    padding: 15px;
    line-height: 1;
    color: #171717;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
}

.mobile-menu-scroll ul li a:hover, .mobile-menu-scroll ul li a:focus {
    color: #171717;
}

.mobile-menu-scroll ul li.active a {
    color: #f5f5f5;
    background-color: #171717;
}

/* Social */
ul.social, ul.social li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: auto;
}

ul.social li {
    padding: 5px;
}

/* Slider Pro */
.section-slider {
    border: none;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}

.sp-slide-content {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.sp-buttons {
    margin-top: -60px;
    padding-bottom: 29px;
}

.sp-button {
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 2px #000;
}

.slider-width-height .fixed {
    height: 0; /* Auto height */
}

/*freeze footer*/
.freeze-footer {
    position: fixed;
    right: 15px;
    bottom: 60px;
    padding: 0;
    display: inline-block;
    z-index: 1021;
}

.freeze-footer ul {
    margin: 0;
    padding: 0;
}

.freeze-footer ul li {
    list-style-type: none;
}

.freeze-footer .icon {
    display: inline-flex;
}

.freeze-footer a {
    width: 100%;
    margin-bottom: 15px;
}

@media ( max-width: 767px ) {
    .freeze-footer {
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
    }

    .freeze-footer ul {
        display: flex;
    }

    .freeze-footer ul li {
        width: 50%;
        padding: 0 15px;
        margin-left: auto;
        display: block;
    }
}

/*freeze header*/
.freeze-header {
    position: fixed;
    z-index: 1021;
    left: 0;
    top: 0;
    width: 100%;
}

.freeze-header.with-bg {
    -webkit-box-shadow: 0px 1px 1px #eee;
    -moz-box-shadow: 0px 1px 1px #eee;
    box-shadow: 0px 1px 1px #eee;

    width: 100%;
}

/* Open hour - Contact info */
.foh-wrap,
.fci-wrap {
    display: inline-table;
    text-align: left;
}

.foh-row,
p.foh-row,
span.foh-row,
div.foh-row,
.fci-row,
p.fci-row,
span.fci-row,
div.fci-row {
    line-height: 1.5;
    display: table-row;
}

.foh-row .foh-date,
p.foh-row .foh-date,
span.foh-row .foh-date,
div.foh-row .foh-date,
.foh-row .foh-time,
p.foh-row .foh-time,
span.foh-row .foh-time,
div.foh-row .foh-time,
.fci-row .fci-title,
p.fci-row .fci-title,
span.fci-row .fci-title,
div.fci-row .fci-title,
.fci-row .fci-content,
p.fci-row .fci-content,
span.fci-row .fci-content,
div.fci-row .fci-content {
    display: table-cell;
    padding: 0;
    padding-bottom: 10px;
    text-transform: initial;
}

.foh-row .foh-date,
p.foh-row .foh-date,
span.foh-row .foh-date,
div.foh-row .foh-date,
.fci-row .fci-title,
p.fci-row .fci-title,
span.fci-row .fci-title,
div.fci-row .fci-title {
    padding-right: 15px;
    font-weight: bold;
}

/* Youtube iframe */
.youtube-player {
    position: relative;
    padding-bottom: 56.25%; /* Use 75% for 4:3 videos */
    width: 100%;
    max-width: 100%;
    height: 0;
    background: #000;
    margin: 15px auto;
    overflow: hidden;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;
}

/*Service*/
.service-line {
    padding-bottom: 15px;
}

.service-image-wrap {
    text-align: center;
}

.service-image {
    margin: auto;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    max-width: 240px;
}

.service-image.circle {
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid;
}

.service-image.square {
    border: 3px solid;
}

.service-image-bg {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.service-image-bg img {
    display: none !important;
}

.service-name {
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.service-desc {
    font-weight: normal;
    margin: -15px 0 15px;
}

.detail-container {
    display: flex;
    margin-bottom: 15px;
}

.detail-thumb {
    margin: 3px 7px 7px 0;
    max-width: 110px;
}

.detail-no-thumb {
    display: none;
}

.detail-text {
    flex: 1;
}

.detail-price-item {
    display: flex;
    width: 100%;
    padding: 0 0 15px;
}

.detail-desc-item {
    margin: -15px 0 15px;
}

.detail-container .detail-price-item {
    padding-bottom: 0;
}

.detail-container .detail-desc-item {
    margin: 15px 0 0;
}

.detail-price-dots {
    height: 15px;
    flex: 1;
    border-bottom: 1px dotted;
}

.detail-price-number {
    padding-left: 5px;
    font-weight: bold;
}

.detail-price-name {
    padding-right: 5px;
    font-size: 15px;
    font-weight: bold;
}

.detail-price-number span {
    padding: 3px;
}

.detail-price-number .old {
    text-decoration: line-through;
    font-size: 90%;
}

.service-name, .service-desc, .detail-price-item, .detail-desc-item, .detail-price-dots,
.detail-price-number, .detail-price-name, .detail-price-number span, .detail-price-number .old {
    min-height: 1px;
}

.service-list-sub {
    padding-left: 15px;
}

.service-btn-group {
    padding-top: 15px;
    padding-bottom: 15px;
}

.service-btn-group .btn {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .right.service-image-wrap {
        text-align: right;
    }

    .left.service-image-wrap {
        text-align: left;
    }

    .service-image.circle {
        max-width: 320px;
    }

    .service-image.square {
        max-width: 100%;
    }
}

/* Gallery */
.m-category-tab {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0 0 15px;
}

.m-gallery-content {
    position: relative;
}

.m-category-tab li, .m-category-tab li.active, .m-category-tab li:hover {
    display: inline-block;
    padding: 5px 15px;
    cursor: pointer;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #000;
}

.m-gallery-content, .m-gallery-listing, .m-gallery-paging {
    text-align: center;
}

@media ( max-width: 475px ) {
    .m-category-tab li {
        width: 100%;
    }
}

.m-gallery-box-wrap {
    padding: 0 10px;
    margin: 0 0 15px 0;
    overflow: initial;
}

.m-gallery-box {
    position: relative;
    margin: 0 -10px 10px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.m-image-bg, .m-gallery-box .m-image-bg {
    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;
    padding-bottom: 75%;

    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.m-image-bg img, .m-gallery-box .m-image-bg img {
    display: none !important;
}

.m-image-title, .m-gallery-box .m-image-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    background: rgba(3, 3, 3, 0.3);
    filter: alpha(opacity=30);
    max-height: 60px;
    padding: 5px;
    margin: 0;
    overflow: hidden;
}

.m-gallery-box:hover, .m-gallery-box:focus {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* Coupon */
.m-coupon-box {
    position: relative;
    z-index: 0;

    margin: 0;
    margin-bottom: 30px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.m-giftcards {
    margin-bottom: 30px;
}

.m-giftcards .m-coupon-box {
    margin-bottom: 15px;
}

.m-coupon-info {
    text-align: center;
}

.m-coupon-box:hover, .m-coupon-box:focus {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.m-coupon-price {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 5px;
}

/*Old Booking*/
.item-booking {
    width: auto;
}

.addButton, .removeButton {
    display: inline-block;
}

.email-booking .multi select {
    height: 256px;
}

.email-booking .group-select optgroup {
    font-weight: bold;
}

.email-booking .group-select optgroup, .email-booking .group-select option {
    height: auto;
    white-space: normal;
}

.sms-booking #btn_search_booking .btn-search {
    width: 100%;
    height: 54px;
    line-height: 1;
}

.sms-booking .item-booking.is-more {
    position: relative;
    z-index: 0;
}

.sms-booking .item-booking .remove-services {
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 1;
    cursor: pointer;
}

.sms-booking .item-booking.is-more .booking-service label {
    padding-left: 30px;
}

#booking_info {
    padding-top: 30px;
}

#booking_info .note-time {
    color: #f00;
    font-style: italic;
}

.box_account_v1 {
    padding: 15px;
}

.smsBookingConfirm .btn {
    margin-bottom: 15px;
}

.time_work_staff_v1 ul {
    padding: 0;
}

.time_work_staff_v1 ul li {
    list-style-type: none;
}

.time_work_staff_v1 ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.time_work_staff_v1 ul li > a {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid;
}

.time_work_staff_v1 ul li > span {
    text-decoration: line-through;
}

/*.btn.focus, .btn:focus, .btn:hover {
    color: inherit;
}*/

@media ( max-width: 575px ) {
    .email-booking .multi select {
        max-height: 54px;
    }
}

/* Booking */
.form-input-group {
    position: relative;
}

.form-input-group .form-text {
    padding-right: 45px;
}

.form-input-group .form-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

.form-booking .group-select, .form-booking-confirm .group-select,
.form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    margin-bottom: 15px;
}

.form-booking .btn-search, .form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    display: block;
    width: 100%;
    border-color: #ced4da;;
}

.form-booking .btn-search, .form-booking .btn-search:hover, .form-booking .btn-search:focus,
.form-booking-confirm .btn-confirm, .form-booking-confirm .btn-confirm:hover, .form-booking-confirm .btn-confirm:focus {
    background-color: #ef2b53;
    color: #fff;
}

.form-booking-confirm .btn-cancel, .form-booking-confirm .btn-cancel:hover, .form-booking-confirm .btn-cancel:focus {
    background-color: #d7d7d7;
    border-color: #ced4da;;
    color: #333;
}

.form-booking .form-control, .form-booking .btn-search,
.form-booking-confirm .form-control, .form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    border-radius: 0;
    min-height: 54px;
}

.form-booking .form-control[multiple] {
    min-height: 155px;
}

.form-booking .form-control[multiple] optgroup, .form-booking .form-control[multiple] option {
    height: auto;
}

.form-booking .form-control[multiple] option {
    padding: 7px 0;
}

.form-booking .booking-service-staff.is-more {
    position: relative;
}

.form-booking .booking-service-staff .remove-services {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 0;
    min-width: 175px;
    min-height: 24px;
    line-height: 24px;
    cursor: pointer;
}

.form-booking .booking-service-staff.is-more .booking-service label {
    padding-left: 20px;
}

.add-services {
    display: inline-block;
}

.box-booking-info {
    padding-top: 30px;
}

.booking-info-title {
    position: relative;
    text-align: center;
}

.booking-info-title:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -5px;
    height: 3px;
    width: 100px;
    margin-left: -50px;
    background-color: #ced4da;
}

.box-service-staff {
    display: flex;
    flex-wrap: wrap;
}

.service-staff {
    background-color: #f8f9fa;
    margin: 15px 15px 15px 0;
    padding: 15px 15px 15px 0;
    border-left: 3px solid #efefef;
    display: inline-flex;
    min-width: calc(24.999% - 30px);
}

.service-staff .service-staff-avatar {
    float: left;
    max-width: 100px;
    margin: 5px 0 15px 15px;
}

.service-staff .service-staff-avatar.no-photo {
    display: none;
}

.service-staff .service-staff-info {
    margin-left: 15px;
}

.service-staff .service-staff-info p {
    line-height: 1.5;
}

.date-info, .time-info {
    margin-bottom: 15px;
}

.time-info .time-note {
    color: #f00;
    font-size: 13px;
}

.time-info .time-items, .time-info .time-items li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.time-info .time-items li {
    padding: 5px;
    display: inline-block;
}

.time-items li > a, .time-items li > span {
    color: #333;
    font-size: 14px;
    line-height: 1;
}

.time-items li > a {
    display: inline-block;
    padding: 10px;
    margin: 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
}

.time-items li > span {
    text-decoration: line-through;
}

.box-booking-confirm {
    background: #fff;
    padding: 15px;
    text-align: left;
}

@media ( max-width: 767px ) {
    .booking-confirm-title {
        font-size: 35px;
    }

    .booking-confirm-note {
        font-size: 17px;
    }
}

@media ( max-width: 575px ) {
    .booking-confirm-title {
        font-size: 20px;
    }

    .booking-confirm-note {
        font-size: 15px;
    }

    .service-staff {
        min-width: calc(50% - 30px);
    }
}
/*
* Magnific Popup CSS Extend
* */
.mfp-bg {
  opacity: 0.3;
}
.mfp-container {
  display: flex;
  vertical-align: middle;
}
.mfp-content {
  margin: auto;
  text-align: center;
}
.mfp-content .box_account_v1, .mfp-content .box-booking-confirm {
  text-align: left;
}
.white-popup {
  position: relative;
  margin: 30px auto;
  padding: 7px;
  max-width: calc(100vw - 60px);
}
.white-popup-youtube, .white-popup-slider, .white-popup-image {
  display: inline-block;
  padding: 0;
  background-color: transparent;
  text-align: center;
}
.white-popup.border-style {
  background-color: rgba(224, 224, 224, 0.61);
  padding: 5px;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .white-popup {
    max-width: 768px;
  }
}

/* Close button inside */
.mfp-close-btn-in .mfp-close, .mfp-arrow {
  opacity: 1;
}

.mfp-close-btn-in .mfp-close{
  margin: auto;
  padding: 0;

  box-shadow: 0 0 7px 0 #333;
  background-color: #fff;
  color: #333;

  width: 30px;
  height: 30px;
  line-height: 30px;
  right: -15px;
  top: -15px;

  border-radius: 100%;
  text-align: center;
}

.mfp-close:hover, .mfp-close:focus{
  background-color: #fff;
}

.mfp-image-holder img.mfp-img {
  padding-top: 30px;
}

.mfp-image-holder .mfp-close {
  top: 15px;
}

/* Close button outside */
.mfp-wrap > .mfp-close {
  background-color: #fff;
  border-bottom-left-radius: 3px;
  color: #333;
  font-size: 47px;
  opacity: 0.9;
}
.mfp-wrap > .mfp-close:hover, .mfp-wrap > .mfp-close:focus {
  opacity: 1;
}
@media (max-width: 575px) {
  .mfp-wrap > .mfp-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 37px;
  }
}

/* Popup Inside Window */
.white-popup-vertical-fit {
  margin-bottom: 45px;
  max-height: calc(100vh - 75px);
}

.white-popup-vertical-fit img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100vh - 105px);
}

/*
* Popup Image, Popup youtube
*/
.popup-image, .popup-youtube {
  margin: auto;
  padding: 7px;
  display: inline-block;
  background-color: #fff;
}

.popup-youtube .youtube-player {
  margin: auto;
  padding: 0;
  height: auto;
  overflow: auto;
}

/*
* Popup Owl Carousel
*/
.popup-slider {
  margin: auto;
  padding: 0;
  display: inline-block;
  background-color: rgba(11, 11, 11, 0.1);
  border-radius: 3px;
}
.popup-carousel {
  margin: auto;
  padding: 0;
}
.popup-carousel .item-carousel {
  list-style: none;
  margin: auto;
  padding: 0 1px;
  text-align: center;
}
.popup-carousel .item-image {
  margin: auto;
  padding: 7px;
  display: inline-block;
  background-color: #fff;
}
.popup-carousel .item-carousel img {
  width: auto;
  margin: auto;
}
.popup-carousel .owl-nav {
  margin: auto;
  padding: 0;
  display: block;
  text-align: center;
}
.popup-carousel .owl-nav .owl-prev, .popup-carousel .owl-nav .owl-next,
.popup-carousel .owl-nav button.owl-prev, .popup-carousel .owl-nav button.owl-next {
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  margin: auto auto 15px;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 27px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  transform: initial;
}
.popup-carousel .owl-nav .owl-prev, .popup-carousel .owl-nav button.owl-prev {
  margin-right: 7px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.popup-carousel .owl-nav .owl-next, .popup-carousel .owl-nav button.owl-next {
  margin-left: 7px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.popup-carousel .owl-prev:before, .popup-carousel .owl-next:before,
.popup-carousel button.owl-prev:before, .popup-carousel button.owl-next:before {
  display: none;
}
/*Back To Top*/
.back-to-top {
    display: none;
}

/* Paging */
.pagination > li > a.hover-main-color,
.pagination > li > span.hover-main-color {
    color: #000;
    margin-left: 1px;
}

.pagination > li.active > a.hover-main-color,
.pagination > li.active > span.hover-main-color,
.pagination > li > a:hover.hover-main-color,
.pagination > li > span:hover.hover-main-color {
    background-color: #feed01;
    color: #fff;
    border: 1px solid #ccc;
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Header */
@media (max-width: 991px) {
    .main-header {
        position: relative;
    }
}

/* Menu Main */
.main-header .logo-box .logo img {
    max-height: 110px;
}

.main-menu .navigation > li > a {
    padding: 15px 0;
}

.main-menu .navigation li.active > a, .main-menu .navigation li a.active {
    color: #88af0c;
}

.main-menu .navigation li.dropdown > a {
    padding-right: 30px;
}

.main-menu .navigation > li > ul > li > a {
    position: relative;
    display: block;
    padding: 10px 20px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
    text-align: left;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation > li.dropdown > a:after {
    font-family: "FontAwesome";
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    font-weight: 900;
}

.main-menu .navigation > li.dropdown > a:after, .main-menu .navigation > li > ul > li.dropdown > a:after {
    top: 50%;
    margin-top: -10px;
}

@media (min-width: 1200px) {
    .main-header .main-box {
        display: flex;
        align-items: center;
    }

    .main-header .menu-box {
        flex: 1;
    }
}

/* Menu Mobile */
.menu_mobile_v1 {
    min-height: 120px;
}

.menu_mobile_v1, .mean-container .mean-nav {
    background-color: #111111;
}

.mean-container a.meanmenu-reveal {
    border-color: #171717;
}

.mean-container a.meanmenu-reveal > span, .mean-container a.meanmenu-reveal > span:before,
.mean-container a.meanmenu-reveal > span:after {
    background-color: #171717;
}

.mean-container .mean-nav {
    margin-top: 100px;
}

.mean-container .mean-nav ul li a, .mobile-menu-scroll ul li a {
    color: #171717;
}

.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li.active a {
    background: #feed01;
}

.mobile_logo_container {
    text-align: center;
}

.mobile_logo img {
    max-height: 90px;
}

.mobile-menu-scroll ul li a:hover, .mobile-menu-scroll ul li a:focus {
    color: #feed01;
}

.mobile-menu-scroll ul li.active a {
    color: #f5f5f5;
    background-color: #feed01;
}

/* Footer */
.sponsor-section .sponsor-inner, .sponsor-section .sponsor-outer {
    position: relative;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    color: #666666;
    background: #ffffff;
    border: 1px solid #dddddd;
}

.main-footer, .main-footer p {
    color: #fff;
}

@media (min-width: 576px) {
    .contact-section {
        padding-top: 190px;
    }

    .map-address br {
        display: none;
    }

    .sponsor-section .sponsor-outer {
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: auto;
        margin: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/* Social */
ul.social, ul.social li {
    list-style: none;
    padding: 0;
    margin: auto;
}

ul.social li {
    display: inline-block;
    padding: 5px;
}

/* Freeze Header */
.freeze-header.with-bg {
    background-color: #fff;
}

.freeze-header .mean-container .mean-nav {
    overflow-y: auto;
    max-height: calc(100vh - 110px);
}

/* Freeze Footer & Scroll Top */
.freeze-footer .btn {
    padding: 10px;
    line-height: 1;
    font-size: 30px;
    min-width: 60px;
    border-radius: 3px;
    background-color: #feed01;
}

.freeze-footer .btn, .freeze-footer .btn .fa {
    color: #fff;
}

.back-to-top {
    position: fixed;
    z-index: 1021;
    bottom: 20px;
    right: 15px;
    height: 45px;
    min-width: 60px;
    line-height: 45px;
    font-size: 20px;
    text-align: center;
    border-radius: 3px;
    background-color: #feed01;
    color: #ffffff;
    cursor: pointer;
}

@media (max-width: 767px) {
    .footer-main {
        padding-bottom: 60px;
    }

    .back-to-top {
        bottom: 75px;
    }

    .freeze-footer {
        background-color: #feed01;
    }

    .freeze-footer a {
        margin-bottom: 0;
    }

    .freeze-footer .btn {
        padding: 20px;
        font-size: 20px;
    }

    .footer-bottom {
        padding-bottom: 60px;
    }
}

/* Popup */
.white-popup {
    overflow: initial;
}

/* Home Slider */
.sp-text {
    color: #feed01;
}

/* Home Service */
.section-service {
    background-image: url(../../themes/fnail01q/assets/images/background-1.jpg);
    background-size: 100%;
}

.services-carousel .owl-dots .owl-dot.active {
    bottom: 0;
}

.services-carousel .owl-nav {
    text-align: center;
}

.services-carousel .owl-prev, .services-carousel .owl-next {
    display: inline-block;
    padding: 0 15px;
    margin: 0 7px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    background: #ffffff;
    border: 1px solid #dddddd;
}

.service-item:not(.service-block) {
    border-bottom: 2px solid #dddddd;
    margin-bottom: 30px;
}

.service-item:not(.service-block) .image-box {
    overflow: hidden;
}

.service-item:not(.service-block) .image img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-item:not(.service-block):hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.service-item:not(.service-block) .service-i-name {
    color: #222222;
    font-size: 18px;
    margin: 5px 0;
}

.service-item:not(.service-block) .service-i-description {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .services-carousel .owl-nav {
        display: block;
    }
}

/* Home Countdown */
.section-countdown {
    background-image: url(../../themes/fnail01q/assets/images/background-2.jpg);
    background-size: cover;
}

/* Home Slogan */
.section-slogan {
    background-image: url(../../themes/fnail01q/assets/images/background-4.jpg);
    background-size: cover;
}

/* Home Coupons */
.section-coupon {
    padding: 100px 0 110px;
}

/* Home Gallery */
.gallery-block .content-box .fa {
    color: #fff;
}

/* Home Testimonial */
.section-testimonial {
    position: relative;
    z-index: 1;
    padding: 30px 0;
    background-image: url(../../themes/fnail01q/assets/images/bg-nail.png);
    background-size: cover;
    background-position: right center;
}

.section-testimonial:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}

.single-testimonial-item {
    padding: 60px 45px;
    background-color: #fff;
    text-align: center;
}

.single-testimonial-item .testimonial-content {
    padding: 15px;
}

.single-testimonial-item .testimonial-img {
    width: 240px;
    min-width: 240px;
    margin: auto
}

.testimonial-carousel .owl-nav, .testimonial-carousel .owl-prev, .testimonial-carousel .owl-next {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
}

.testimonial-carousel .owl-nav {
    display: none;
    text-align: center;
    margin-top: 15px;
}

.testimonial-carousel .owl-prev, .testimonial-carousel .owl-next {
    display: inline-block;
    padding: 0 15px;
    margin: 0 7px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    background: #ffffff;
    border: 1px solid #dddddd;
}

.testimonial-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.testimonial-carousel .owl-dots .owl-dot {
    position: relative;
    width: 50px;
    margin: 0 5px;
    padding: 10px 0 0;
    display: inline-block;
    border-bottom: 3px solid #88af0c;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.testimonial-carousel .owl-dots .owl-dot.active {
    bottom: 0;
    border-bottom: 10px solid #222222;
    width: 30px;
}

.testimonial-carousel .owl-dots .owl-dot:hover {
    border-bottom: 10px solid #222222;
}

@media (min-width: 576px) {
    .single-testimonial-item {
        display: flex;
        align-items: center;
    }

    .section-testimonial {
        padding-bottom: 115px;
    }
}

@media (min-width: 768px) {
    .section-testimonial {
        background-attachment: fixed;
    }
}

@media (max-width: 767px) {
    .testimonial-carousel .owl-dots {
        display: none;
    }

    .testimonial-carousel .owl-nav {
        display: block;
    }

    .single-testimonial-item {
        padding: 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .single-testimonial-item {
        padding-right: 15px;
    }
}

/* Breadcrumb */
.page-title {
    background-image: url(../library/global/nail-images/bg-banner.jpg);
}

.page-title:before {
    background-color: transparent;
}

.page-title h2 {
    position: relative;
    float: left;
    font-size: 30px;
    color: #feed01;
    line-height: 50px;
    font-weight: 500;
}

/* Content */
.section-padding {
    padding-top: 110px;
    padding-bottom: 45px;
}

.page-content {
    position: relative;
}

.page-content .title {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: #feed01;
    font-weight: 700;
    font-family: 'Tangerine', cursive;
    margin-bottom: 15px;
}

.page-content h2 {
    position: relative;
    font-size: 36px;
    color: #222222;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.page-content .left-image {
    position: absolute;
    z-index: -1;
    left: 0;
    height: auto;
    width: auto;
}

.page-content .left-image, .about-us .left-image {
    bottom: 0;
}

@media (min-width: 576px) {
    .section-padding {
        padding-bottom: 145px;
    }
}

/* Gallery, Coupon, Gift-Cards */
.m-category-tab li {
    background-color: #fff;
    color: #000;
}

.m-category-tab li.active, .m-category-tab li:hover {
    background-color: #000;
    color: #fff;
}

.m-gallery-box {
    background-color: #fff;
}

.m-image-title, .m-gallery-box .m-image-title {
    text-align: center;
    color: #feed01;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.25);
}

.m-coupon-price {
    background-color: rgba(207, 0, 15, 0.9);
    color: #fff;
}

.btn.btn-small {
    padding: 6px 12px;
}

/* Service */
.service-name {
    font-size: 30px;
}

.service-image.circle, .service-image.square {
    border-color: #feed01
}

.service-name {
    color: #feed01;
}

.detail-price-dots {
    border-color: #e7e7e7;
}

.detail-desc-item, .service-desc {
    font-style: italic;
}

/* Form */
.group-select, .group-select label {
    float: none;
}

.group-select .form-control {
    background-color: #fff;
    font-size: 15px;
}

.group-select label {
    color: #000;
}

.group-select .radio {
    padding-top: 0;
}

.btn.theme-btn {
    border-radius: 0;
}

/* Booking */
.add-services, .booking-info-title, .box-booking-info, .box-booking-confirm {
    color: #000;
}

input:not([type=radio]):not([type=checkbox]), textarea, .form-control {
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.form-booking .btn-search, .form-booking .btn-search:hover, .form-booking .btn-search:focus,
.form-booking-confirm .btn-confirm, .form-booking-confirm .btn-confirm:hover, .form-booking-confirm .btn-confirm:focus {
    background-color: #feed01;
    color: #fff;
}

/* Cart, Payment */
.mybutton .btn-next {
    color: #fff;
}

/* Date time picker */
.bootstrap-datetimepicker-widget {
    font-size: 15px;
}

/* Contact */
@media (min-width: 1200px) {
    .contact-page-section .form-section {
        padding-top: 50px;
    }
}

/* News, Table of content */
#toc_container {
    border-color: #a2a9b1;
    background-color: #f8f9fa;
}

.section-news .n-meta {
    border-color: #feed01;
}

.section-news .n-meta .date-d, .section-news .n-meta .date-m {
    color: #feed01;
}

.section-news .n-thumb a:after {
    background: rgba(0, 0, 0, 0.6);
}

.section-news .n-item:hover .n-thumb a:after {
    color: #fff;
}

.n-author, .n-author a {
    color: #aaa;
}

.box_news_details .news_content, .box_news_details .news_content p, .box_news_details .news_content span {
    color: #fff;
}

.box_news_details > h3 {
    color: #333;
}

.box_news_details blockquote {
    background-color: #f6f6f6;
    border-left-color: #464646;
    color: #666;
}

.news_comment_v1 h3.leave_comment_v1,
.box_comment_new_v1 h3.leave_comment_v1,
.search_area_bar h3.leave_comment_v1,
.recent_area_bar h3.leave_comment_v1,
.category_news_v1 h3.leave_comment_v1,
.tag_news_v1 h3.leave_comment_v1 {
    border-bottom-color: #ddd;
}

.news_comment_v1 h3.leave_comment_v1::before,
.box_comment_new_v1 h3.leave_comment_v1::before,
.search_area_bar h3.leave_comment_v1::before,
.recent_area_bar h3.leave_comment_v1::before,
.category_news_v1 h3.leave_comment_v1::before,
.tag_news_v1 h3.leave_comment_v1::before {
    background: #feed01 none repeat scroll 0 0;
}

.news_top_comment .msg_avatar_v1 a {
    color: #252525;
}

.news_details_title_v1 .first_title_v1 span {
    color: #666;
}

.box_comment_new_v1 .leave_form input, .box_comment_new_v1 .text_leave textarea {
    background: transparent none repeat scroll 0 0;
    border-color: #c1c1c1;
    color: #666;
}

.box_comment_new_v1 .text_leave button.submit {
    background-color: #feed01;
    border-color: #feed01;
    color: #fff;
}

.search_area_bar input[type="text"] {
    background-color: #fff;
    border-color: #d3d3d3;
    color: #666;
}

.search_area_bar button.submit {
    background-color: #feed01;
    border-color: #feed01;
    color: #fff;
}

.category_news_v1 ul li a {
    color: #333;
    border-bottom: 1px solid #f1f1f1;
}

.category_news_v1 ul li:hover a {
    color: #feed01
}

.tag_news_v1 ul li a {
    background-color: #e6e6e6;
    color: #252525;
}

.tag_news_v1 ul li:hover a {
    background-color: #feed01;
    color: #fff;
}

.section-news .nearby {
    border-color: #DEDEDE;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .news_sidebar_left {
        border-left-color: #eee;
    }
}

/* By Consent */
.consent-form2 {
    border-top-color: #333;
}

.btn_consent, .btn_consent:hover, .btn_consent:focus {
    border-color: #feed01;
    background: #feed01;
    color: #fff;
}

/* By Newsletter */
.footer-newsletter .group-select label {
    color: #fff;
}

/*Slider*/
.slider {
    background-image: url("../../themes/fnail01q/assets/images/bg-header.png");
}

.slider .slider-main {
    display: flex;
    z-index: 1;
}

.slider-main .slider-swiper, .slider-main .section-slider-wrap {
    flex: 1;
    position: relative;
    z-index: 2;
}

.slider-main .fixed {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

/* Booking */
.policy-booking-phone {
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
}

/* Open hours */
.open-hours .open-date {
    font-weight: bold;
}

.open-hours .open-time {
    font-weight: normal;
}

.open-hours .open-date + .open-time {
    padding-left: 15px;
}

/* Breadcrumb */
.page-title {
    padding: 45px 0 15px;
}

.page-title h2 {
    margin: auto;
}

.page-title .bread-crumb {
    margin: 15px auto auto;
}

.page-title .bread-crumb span {
    font-family: inherit;
    font-size: 17px;
    line-height: 20px;
    margin-right: 15px;
    padding-right: 15px;
}

.page-title .bread-crumb span:before {
    top: 0;
    height: 20px;
}

.page-content .title {
    font-family: inherit;
}

@media (min-width: 576px) {
    .page-title {
        padding-top: 60px;
    }
}

@media (min-width: 768px) {
    .page-title {
        padding-top: 90px;
    }
}

@media (min-width: 992px) {
    .page-title {
        padding-top: 150px;
    }
}

@media (max-width: 575px) {
    .page-title {
        text-align: center;
    }

    .page-title h2, .page-title .bread-crumb, .page-title .bread-crumb span {
        float: none;
    }
}

/* Testimonials */
.testimonials-slider .controls {
    display: inline-block;
}

.testimonials-slider .controls .button-prev, .testimonials-slider .controls .button-next {
    margin: auto 15px;
}


.break-row {
    float: left;
}

/* Service 3 */
.faq-collapse .card {
    margin: 15px auto;
}

.faq-collapse .card-header {
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #f1f3f5;
    border-radius: 5px;
    cursor: pointer;
}

.card-header h5 {
    margin: auto;
    padding: 0;
    display: flex;
    justify-content: space-between;

    font-size: 21px;
    font-weight: 700;
}

.card-header h5 .icon {
    font-size: 21px;
}

.card-header > h5 .icon-normal,
.card-header > h5[aria-expanded="true"] .icon-expanded {
    display: inherit;
}

.card-header > h5 .icon-expanded,
.card-header > h5[aria-expanded="true"] .icon-normal {
    display: none;
}

.card-body {
    padding-top: 15px;
}

.swiper-control {
    margin: 15px auto;
    text-align: center;
}

.swiper-control > * {
    margin: auto 3px;
    padding: 0 10px;
    display: inline-block;
    line-height: 1;
    background-color: #fafbfc;
    border: 1px solid #f1f3f5;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
}

/*BEG: css for Gallery-Html*/
section.section-board-gallery .m-gallery-box-wrap .col-xs-6.col-sm-4,
section.section-board-gallery .m-gallery-box-wrap .col-xs-6.col-sm-4 .m-magnific-popup,
section.section-board-gallery .m-gallery-box-wrap .col-xs-6.col-sm-4 .m-magnific-popup .m-gallery-box,
section.section-board-gallery .m-gallery-box-wrap .col-xs-6.col-sm-4 .m-magnific-popup .m-gallery-box .m-image-bg {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    padding-bottom: 0;
}

body.site-gallery .m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4,
body.site-gallery .m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 .m-magnific-popup,
body.site-gallery .m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 .m-magnific-popup .m-gallery-box,
body.site-gallery .m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 .m-magnific-popup .m-gallery-box .m-image-bg,

body.site-gallery .m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 .gallery-item,
body.site-gallery .m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 .gallery-item .m-gallery-box,
body.site-gallery .m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 .gallery-item .m-gallery-box .m-image-bg
{
    aspect-ratio: 1 / 1; /* defining the aspect ratio of the image */
    object-fit: cover; /* making sure the image isn't distorted */
}

.youtube-wrapper iframe {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    aspect-ratio: 1 / 1; /* defining the aspect ratio of the image */
    object-fit: cover; /* making sure the image isn't distorted */
}

.youtube-wrapper {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.youtube-wrapper .youtube-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.ytp-cued-thumbnail-overlay-image {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/*END: css for Gallery-Html*/
/*BEG: btn-view-more*/
a.btn_view_more, span.btn_view_more {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/*END: btn-view-more*/

/* BEG: board-gallery-slide */
.section-board-gallery #gallery-slider .swiper-slide {
    height: 100%;
}
/* END: board-gallery-slide */

/* BEG: banner-slider-video */
.sp-slide .video-item, .sp-slide .youtube-item {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    z-index: 9999;
}

/* END: banner-slider-video */
/* btn slider */
button.mfp-arrow.mfp-arrow-left.mfp-prevent-close,
button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    background: none;
    position: absolute;
}

/* social icons */
.socials ul.list-line.social li {
    width: 55px;
}

/*booking*/
.group-select .fa-calendar {
    position: absolute;
    margin-top: 0;
    top: calc(50% - 10px);
    right: 10px;
    font-size: 18px;
}

/* menu mobile2 */
.mean-container a.meanmenu-reveal {
    border-color: #fff;
}
.mean-container a.meanmenu-reveal>span, .mean-container a.meanmenu-reveal>span:before, .mean-container a.meanmenu-reveal>span:after {
    background-color: #fff;
}
.mean-container .mean-nav {
    margin-top: 120px;
    background: #fff;
}

/* menu */
.navbar .site-menu ul li.active a.active:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}
.navbar .site-menu ul li.active a.active:before {
    width: 100%;
    background: #feed01;
    transition: width 0.25s ease;
}