@charset "utf-8";
/* ----------------------------------

   author: rix_designs
   http://themes95.com

  Style.css | Version:1.0
  Table of contents:
    01. Google Fonts
    02. PreLoader
    03. Reset
    04. Typography Settings
    05. Section Headings
    06. Hero Image Text
    07. Icon Settings
    08. Freelancer Skills
    09. Pricing Table
    10. Background Colors
    11. Navigation
    12. Footer
    13. Buttons
    14. Scroll to top icon
    15. Owl Slider
    16. Counter Settings
    17. Portfolios
    18. Team Members
    19. Blog
    20. Margin and Paddings
    21. Testimonials
    22. Packages Hover Style
    23. Tabs
    24. Custom Settings
    
---------------------------------- */

/* -------------------------------
  01 - Google Fonts
------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Gloria+Hallelujah);

/* font names */
.oswald-font { font-family: 'Oswald', sans-serif !important; }
.ubuntu-font { font-family: 'Ubuntu', sans-serif !important;}
.open-font   { font-family: 'Open Sans', sans-serif !important; }
.mont-font { font-family: 'Montserrat', sans-serif !important;}
.gloria-font { font-family: 'Gloria Hallelujah', cursive !important;}

/* -------------------------------
   02 - Pre Loader
------------------------------- */
.preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #282f3d; z-index: 9999; }
.preloader img {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 50px; height: 50px; margin: auto; }

/* -------------------------------
   03 - Reset
------------------------------- */
/*section {border-bottom: 1px solid red; padding: 0px !important;}*/
section {padding: 130px 0px;}
body{ font-size:13px; -webkit-font-smoothing: antialiased; letter-spacing: 0.04em; line-height:24px; color:#6d6c6c; font-family: 'Open Sans', sans-serif; }
img { height:auto; -webkit-backface-visibility: hidden; max-width:100%; }
input, select{ border: 1px solid #e8e8e8; padding: 9px 16px; width: 100%; resize: none; letter-spacing: 1px; font-size: 11px; max-width: 100%; margin-bottom: 20px; }
textarea{ border: 1px solid #e2e2e2; letter-spacing: 1.2px; font-size: 11px; height: 160px; resize: none; padding: 9px 16px; width: 100%; max-width: 100%; margin-bottom: 20px;}
select::-ms-expand{ display:none; }
iframe { border: 1px solid #e8e8e8;}
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
.sound iframe {width:100%}
a{ color: #000; }
a:hover{ color: #575757; }
ul, ol, dl {list-style-position: outside;}
ul { padding: 0px; list-style: none outside none; margin: 0px;}
input:focus, textarea:focus{ background-color: #f9f9f9; border: 1px solid #cfcfcf; }
input:focus, textarea:focus{ border: 1px solid #e8e8e8; }
input[type="button"], input[type="text"], textarea { -webkit-appearance: none; border-radius: 0; }
* { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
::selection { background:#e0e0e0; color: #000; }
::-moz-selection { background:#e0e0e0; color: #000; }
::-webkit-input-placeholder { text-overflow: ellipsis; color: #727171; }
:-moz-placeholder { opacity:1; color: #727171 !important; text-overflow: ellipsis; }
::-moz-placeholder { opacity:1; color: #727171 !important; text-overflow: ellipsis; } 
:-ms-input-placeholder { opacity:1; color: #727171 !important; text-overflow: ellipsis; }
::-webkit-scrollbar-thumb { -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.4); -moz-box-shadow:inset 0 0 5px rgba(0,0,0,.4); box-shadow:inset 0 0 5px rgba(0,0,0,.4); background:rgba(210,210,210,.7); }
::-webkit-scrollbar { width:9px;}
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 5px rgba(0,0,0,.2); box-shadow:inset 0 0 5px rgba(0,0,0,.2); }
::-webkit-scrollbar-thumb:window-inactive { background:rgba(210,210,210,.3) }
.animated { -moz-transition-duration: 0s !important; }
/* only ie7, ie9, ie10, ie11 */
@media screen\0 { input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 18px; } }
/* Remove inner shadow from inputs on mobile iOS */

/* -------------------------------
   04 - Typography Settings
------------------------------- */
/* headings */
h1 { padding: 0px; color: #000; margin: 0px; font-weight: 700; font-size: 40px; line-height: 71px}
h2 { padding: 0px; color: #000; margin: 0px; font-weight: 400; font-size: 23px; line-height: 29px; letter-spacing:inherit; }
h3 { padding: 0px; color: #000; margin: 0px; font-weight: 700; font-size: 16px; line-height: 29px; letter-spacing:inherit; }
h4 { padding: 0px; color: #000; margin: 0px; font-weight: 300; font-size: 13px; line-height: 27px; letter-spacing: 1.8px; text-transform: none; }
h5 { padding: 0px; color: #000; margin: 0px; font-weight: 600; font-size: 12px; letter-spacing: 1.8px;}
h6 { padding: 0px; color: #000; margin: 0px; font-weight: 400; font-size: 12px; line-height: 19px; letter-spacing: 1.8px;}
h1 span{ font-weight:300 !important; letter-spacing: 1px; }

/* Letter spacings */
.letter-space1  { letter-spacing: 1px !important;}
.letter-space2  { letter-spacing: 2px !important;}
.letter-space3  { letter-spacing: 3px !important;}
.letter-space4  { letter-spacing: 4px !important;}
.letter-space5  { letter-spacing: 5px !important;}
.letter-space6  { letter-spacing: 6px !important;}
.letter-space7  { letter-spacing: 7px !important;}
.letter-space8  { letter-spacing: 8px !important;}
.letter-space9  { letter-spacing: 9px !important;}
.letter-space12 { letter-spacing: 11.5px !important;}

/* titles */
.title1{ font-family: 'Ubuntu', sans-serif; line-height:52px !important; font-size:50px !important; letter-spacing: 1.3px;}
.title2{ font-family: 'Ubuntu', sans-serif; line-height:42px !important; font-size:40px !important; letter-spacing: 1.2px;}
.title3{ font-family: 'Ubuntu', sans-serif; line-height:33px !important; font-size:30px !important; letter-spacing: 1.1px;}
.title4{ font-family: 'Ubuntu', sans-serif; line-height:22px !important; font-size:20px !important; letter-spacing: 1px;}
.title5{ font-family: 'Ubuntu', sans-serif; line-height:17px !important; font-size:16px !important; letter-spacing: 1px;}
.title6{ font-family: 'Ubuntu', sans-serif; line-height:19px !important; font-size:19px !important; letter-spacing: 2.2px;}
.title7{ font-family: 'Open Sans', sans-serif !important; line-height:25px !important; font-size:25px !important; letter-spacing: 3px; font-weight: 600;}
.title8{ font-family: 'Montserrat', sans-serif !important; line-height:69px !important; font-size:67px !important; letter-spacing: 2px;}
.title9{ font-family: 'Montserrat', sans-serif !important; line-height:59px !important; font-size:57px !important; letter-spacing: 2px;}
.title10{ font-family: 'Montserrat', sans-serif !important; line-height:59px !important; font-size:57px !important; letter-spacing: 2px; color: #fff !important;}
.title11{ line-height:49px !important; font-size:47px !important; letter-spacing: 2px; }
.title12{ line-height:85px !important; font-size:85px !important; letter-spacing: 2px; color: #fff !important;}
.title13{ font-family: 'Montserrat', sans-serif !important; line-height:47px !important; font-size:47px !important; letter-spacing: 2px !important;}
.title14{ line-height:43px !important; font-size:41px !important; letter-spacing: 2px; }
.title15{ font-family: 'Montserrat', sans-serif !important; line-height:17px !important; font-size:16px !important; letter-spacing: 1px;}
.title16{ font-family: 'Montserrat', sans-serif !important; line-height:57px !important; font-size:55px !important; letter-spacing: 1.3px;}

/* font sizes */
.font-size1{font-size: 15px !important;}
.font-size2{font-size: 16px !important;}
.font-size3{font-size: 17px !important;}
.font-size4{font-size: 18px !important;}
.font-size5{font-size: 19px !important;}
.font-size6{font-size: 20px !important;}

/* text colors */
.text-orange {color: #f2b632 !important}
.text-brn{color: #3b3a36 !important;}
.text-r-blue{color: #2073ac !important;}
.text-1-blue{color: #282f3d !important;}
.text-2-blue{color: #179bd7 !important;}
.text-3-blue{color: #2283d4 !important;}
.text-lt-gray {color: #e8e8e8 !important;}
.text-gray { color: #868686 !important;}
.text-drk-gray{ color: #616161 !important;}
.text-md-gray{color: #9f9e9e !important;}
.text-md-gray1{color: #919091 !important;}
.text-md-gray2{color: #677077 !important}
.text-md-gray3{color: #b5b5b5 !important}
.text-blue{ color: #252839 !important;}
.text-blue-1{color: #2d3e50 !important;}
.text-blue-2 { color: #16174f !important;}
.text-black{ color: #000 !important;}
.text-white{ color: #fff !important;}
.text-pink {color: #d10054 !important;}
.text-pink-1 {color: #e62739 !important;}
.text-aqua {color:#00b0b3 !important;}
.text-light-grn {color: #af8374 !important}
.text-brown {color: #a1907e !important}
.text-ht-aqua{color: #b3c2bf !important}
.text-grn{color: #29bb9c !important;}
.text-grn2{color: #5bbc2e !important;}
.text-sky-1{color: #92cddf !important;}
.text-sky-2{color: #1c95b9 !important;}
.text-sky-3{color: #30c0da !important;}
.text-red{ color: #c43235 !important;}
.text-drk-p{color: #d6c185 !important;}

/* font weights */
.font-w3 { font-weight: 300 !important; }
.font-w6 { font-weight: 600 !important; }
.font-w7 { font-weight: 700 !important; }
.font-w8 { font-weight: 800 !important; }
.font-w9 { font-weight: 900 !important; }

/* text transforms */
.text-upper {text-transform: uppercase !important;}
.text-cap {text-transform: capitalize !important;}
.text-low {text-transform: lowercase !important;}

/* custom text settings */
.md-text{ line-height:25px !important; font-size:13px !important; }
.name{ color: #fff !important; margin: 29px 0 19px; font-size: 14px; line-height: 21px; text-transform: uppercase;}
.name1{ color: #454545 !important; margin: 29px 0 19px; font-size: 14px; line-height: 21px; text-transform: uppercase;}
.name2{ color: #fff !important; margin: 29px 0 19px; font-size: 14px; line-height: 21px; text-transform: uppercase;}
.text-medium{ font-size:14px !important; line-height:24px !important;}
.text-large-15 { font-size: 15px !important; letter-spacing:2px; line-height: 22px !important; }
.text-large { font-size: 15px !important; text-transform: uppercase; line-height: 24px !important; letter-spacing: 2px !important;}
.title-small{ font-size:20px !important; line-height:30px !important;}

/* -------------------------------
   05 - Section Headings
------------------------------- */
.section-heading { font-family: 'Ubuntu', sans-serif; color: #111; font-size: 35px; line-height: 35px; text-transform: none; padding-bottom: 89px !important; letter-spacing: 1.3px; }
.section-heading span {color: #616161;}
.section-heading-spa { font-family: 'Montserrat', sans-serif; color: #1c95b9; font-size: 31px; line-height: 32px; text-transform: uppercase; letter-spacing: 1.7px; text-align: center; }
.section-heading-ice { font-family: 'Ubuntu', sans-serif; text-align: center !important; color: #e62739; font-size: 35px; line-height: 35px; text-transform: capitalize; padding: 0px !important; letter-spacing: 1.3px; }
.auto-section-heading { font-family: 'Oswald', sans-serif !important; color: #c43235; font-size: 35px; line-height: 35px; text-transform: uppercase; padding-bottom: 59px !important; letter-spacing: 1.5px; text-align: center;}
.edu-section-heading { font-family: 'Montserrat', sans-serif !important; color: #5bbc2e; font-size: 30px; line-height: 30px; text-transform: uppercase; padding:0px ; letter-spacing: 1.6px; text-align: center; }
.edu-section-heading-wc { font-family: 'Montserrat', sans-serif !important; color: #5bbc2e; font-size: 43px; line-height: 43px; text-transform: uppercase; padding:0px ; letter-spacing: 1.5px;}
.hg-text {font-family: 'Ubuntu', sans-serif; color: #00b0b7 !important; font-weight: 800; text-transform: none !important;}
.blog-heading-style { letter-spacing: 1px; color: #000; font-size: 12px;}
.section-heading-interior { font-family: 'Montserrat', sans-serif !important; color: #000; font-size: 35px; line-height: 35px; text-transform: uppercase; letter-spacing: 1.3px; text-align: center !important;}



/* ----------------------------------------------------------------
   06 - Hero Image Text
-----------------------------------------------------------------*/
.hero-text-padding { padding:0px 22px; }
.text-hero { position: relative; right:0px; left:0px; z-index:1; }
.text-hero h1 { font-size:32px; font-weight:600; margin-bottom:9px; font-family: 'Oswald', sans-serif; line-height: 45px; letter-spacing:3px;}
.text-hero .text-hero-sm { color:#535353; font-weight: 400; line-height: 25px; font-size: 14px !important;}
.hero-text-layout span {font-size: 35px; line-height: 50px; letter-spacing: 1px; width: 80%; display: inline-block }
.hero-text-layout p { padding: 4px 17px}
.hero-text-layout { z-index: 1; position: absolute;  width: 100%; height: 100%; right: 0; left: 0; }
.hero-img-text { width: 100%; height: 100%; display: table; }
.hero-mid-text { display: table-cell; vertical-align: middle; }
.hero-15{font-size: 15px !important; text-transform: uppercase; color: #fff; margin-right:0px !important; margin-left: 0px!important; font-weight: 700 !important; }

/* -------------------------------
   07 - Icon Settings
------------------------------- */
i { margin: 0px 3px; color: #9a9a9a; }
/* icon sizes */
.icon-bg { font-size: 49px !important;}
.icon-md { font-size: 37px !important;}
.icon-sm { font-size: 33px !important;}
.icon-xs { font-size: 27px !important;}
.icon-med { font-size:40px !important; margin-bottom: 15px !important; }

/* review icons */
.review-icons i {color: #f2b632 !important}
.review-icons-travel i {color: #29bb9c !important}

/* icons contact section */
.icon-contact ul li span i { color: #313131; font-size: 21px; line-height: 19px; margin-right: 9px !important;}
.icon-contact ul li strong { color: #454545; font-weight: 700; font-size: 17px; line-height: 17px; margin-bottom: 2px !important; text-transform: uppercase;}

/* icon colors */
.icon-color ul li i {color: #b3c2bf !important; font-weight: 600;}
.icons-freelancer i {color: #2073ac !important;}
.icons-travel i { color: #29bb9c !important;}

/* icons h3 line height */
.icons-travel h3 {line-height:18px; font-family: 'Montserrat', sans-serif !important; color: #87898a; margin-top: 7% !important; letter-spacing: 2px;}

/* ----------------------------------------------------------------
   08 - Freelancer Skills
-----------------------------------------------------------------*/
.skill-name{font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; margin: 5px 0 15px}
.skill-name strong { color: #000; font-weight: 500}
.skills .progress { background-color: #dedede; height: 11px; overflow: hidden; margin-bottom: 12px; border-radius: 11px; }
.skills .progress-bar { float: left; width: 0; height: 100%; font-size: 13px; line-height: 20px; color: #fff; text-align: center; background-color: #f2b632; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }
.skills .skill-name{font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 400; margin: 5px 0 24px}
.skills .skill-name strong { color: #000; font-weight: 500}

/* -------------------------------
   09 - Pricing Table
------------------------------- */
.pricing-price { padding: 34px 0px; }
.price-heading {padding: 10px 0}
.price-categ {padding: 34px; min-height: 250px;}
.price-categ ul li {margin-top: 26px; font-size: 14px; line-height: 15px; }
.price-categ ul li i {color: #f2b632 !important;}
.price-table {border: 1px solid rgba(0,0,0,.1);}
.price-btn {padding: 0px 34px 34px 34px}

/* -------------------------------
   10 - Background Colors
------------------------------- */
.white-bg{ background: #fff !important;}
.bg-drk-pink {background: #e62739 !important;}
.bg-dark-blue { background: #1e2126 !important;}
.bg-bk{background: #000 !important;}
.blue-bg{background: #22264b !important;}
.blue-bg-2{background: #3e66be !important;}
.dark-gray-bg{background: #6e6e6e !important;}
.lt-gray-bg{background: #f5f5f5 !important;}
.md-gray-bg{background: #e8e8e8 !important;}
.md-gray-bg-2{ background: #d4d4d4 !important; }
.slider-bg{ background: rgba(125, 125, 125, 0.56) !important }
.black-bg{background: #000 !important;}
.light-gold-bg{background: #dfb8a4 !important;}
.bg-pink {background: #d10054 !important;}
.bg-skyblue-1 {background: #1c95b9 !important;}
.lt-pink-bg {background: #fff9fb !important;}
.bg-sky {background: #ecf9fd !important;}
.pink-bg{background: #fef7ff !important;}
.bg-light-green{background: #f4f7f6 !important}
.bg-light-brn {background: #e9ece5 !important;}
.bg-grn-2{background: #6ed3cf !important;}
.bg-sky-1{background: #92cddf !important;}
.bg-light-sky{background: #f3fafc !important;}
.bg-gray-1{background: #a0aec1 !important;}
.bg-orange {background: #f2b632 !important;}
.bg-red {background: #c43235 !important;}
.bg-red-1{background: #de0514 !important;}
.bg-green-2{background: #05a348 !important}
.bg-green-3{background: #5bbc2e !important}
.bg-yellow{background: #f8cc1b !important;}
.bg-yellow2{background: #f7a725 !important;}
.aqua-bg{background: #00b0b3 !important}

/* -------------------------------
   11 - Navigations
------------------------------- */
/* rotate menu - interior */
.menu-rotate-settings { z-index: 100; top: 0; position: absolute; width: 100%; padding: 0.8em 0.75em; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  }
.menu-rt-nav { text-transform: uppercase; font-weight: 600 !important; position: fixed; top: 0; left: 100%; width: 100vh; padding: 1.8em 2.25em; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.menu-rt { border-bottom: 1px solid transparent; display: inline-block; margin: 0 1.5em 0 0; color: #838383; }
.menu-rt:hover,
.menu-rt:focus {color: #000; border-bottom: 1px solid #000;}

/* dotted menu - ice cream */
.dots {right: 13px; top: 30%;  height: 100px; z-index: 999; position: fixed; display: inline-block; }
.dots ul {margin: 0; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dots li {position: relative; display: block; margin: 10px 10px 10px 9px; width: 14px; height: 14px; cursor: pointer; }
.dots li a {top: 50%; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: rgba(255, 255, 255, 0.52); border: 1px solid #d10054; text-indent: -999em; cursor: pointer; position: absolute; }
.dots-nav li a { -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease; transition: box-shadow 0.3s ease, background-color 0.3s ease; }
.dots-nav li a:hover {background-color: #fe93be; }
.dots-nav li a:focus {background-color: #d10054; }

/* -------------------------------
   12 - Footer
------------------------------- */
footer {  background: #fff; clear:both; }
.footer-icons i { font-size: 22px;}
.footer-icons a i {color: #888888; }
.footer-icons a { margin: 0px 11px;}
.footer-icons .fa { font-size: 16px; height: 34px !important; width: 34px; vertical-align: middle; color: #fff; background: none;  display: table-cell; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; line-height: 1; }
.footer-icons .fa-facebook { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-facebook:hover { background-color: #395694; border-radius: 0px; }
.footer-icons .fa-twitter { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-twitter:hover { background-color: #00a8e8; border-radius: 0px; }
.footer-icons .fa-linkedin { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-linkedin:hover { background-color: #0077b0;  border-radius: 0px; }
.footer-icons .fa-flickr { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-flickr:hover { background-color: #ff0080;  border-radius: 0px; }
.footer-icons .fa-google-plus { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-google-plus:hover { background-color: #da4937; border-radius: 0px; }
.footer-icons .fa-youtube { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-youtube:hover { background-color: #cc181e; border-radius: 0px; }
.footer-icons .fa-behance { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-behance:hover { background-color: #0074ff; border-radius: 0px; }
.footer-icons .fa-dribbble { background-color: #b1b1b1; border-radius: 50%; }
.footer-icons .fa-dribbble:hover { background-color: #ee6d9f; border-radius: 0px; }
.btm-footer { position: relative; top:1px}
.social-text{ padding: 0 15px; font-size: 15px; margin-top: 10px; }
.social-text:hover { color: #fff !important;}

/* -------------------------------
   13 - Buttons
------------------------------- */
.center-btn{ margin: 24px auto 0px auto !important;}
.center-btn2{ margin: 0px auto !important;}
.button.sm-btn { font-size: 11px; letter-spacing:1.1px; padding: 3px 16px;}
.button.button-md { letter-spacing:1.8px; font-size: 14px; padding: 6px 21px; }
.button.button-ld { letter-spacing:1.5px; font-size: 13px; padding: 5px 18px; }
.button { letter-spacing: 1.8px; border:1px solid transparent; display: inline-block; }

.black-button{ border: 1px solid #000; color: #fff; background-color: #000; display: inline-block; width: auto; padding: 7px 20px 8px; text-transform: uppercase; font-weight: 600; }
.black-button:hover {border: 1px solid #000; background-color: transparent; color: #000;}

.gray-button{ border-radius: 2em ! important;border: 1px solid #ccc; color: #6f6f6f; background-color: #ccc; display: inline-block; width: auto; padding: 7px 25px 7px 25px; text-transform: uppercase;}
.gray-button:hover {border-radius: 2em ! important; border: 1px solid #ccc; background-color: transparent; color: #6f6f6f;}

.white-button{ font-weight: 600; border: 2px solid #e8e8e8; color: #000; display: inline-block; padding: 7px 20px 8px; background-color: #e8e8e8; width: auto; text-transform: uppercase;}
.white-button:hover {border: 2px solid #e8e8e8; color: #e8e8e8; background-color: transparent}

.white-button-round{ border-radius: 2em ! important; font-weight: 600; border: 1px solid #e8e8e8; color: #000; display: inline-block; padding: 7px 20px 8px; background-color: #e8e8e8; width: auto; text-transform: uppercase;}
.white-button-round:hover {border-radius: 2em ! important; border: 1px solid #e8e8e8; color: #e8e8e8; background-color: transparent}

.pink-button{ border: 1px solid #d10054; color: #fff; background-color: #d10054; display: inline-block; width: auto; padding: 7px 20px 8px; text-transform: uppercase;}
.pink-button:hover { border: 1px solid #d10054; background-color: transparent; color: #d10054;}

.pink-round-button{ border: 1px solid #cd0052;  border-radius: 2em ! important; color: #fff; background-color: #d10054; display: inline-block; width: auto; padding: 7px 25px; text-transform: uppercase;}
.pink-round-button:hover { border: 1px solid #cd0052; background-color: transparent; color: #d10054;}

.brn-button{ border: 1px solid #3b3a36; color: #fff; background-color: #3b3a36; display: inline-block; width: auto; padding: 6px 22px; text-transform: uppercase; font-weight: 600;}
.brn-button:hover {border: 1px solid #3b3a36; background-color: transparent; color: #3b3a36;}

.grn-button{ border: 1px solid #29bb9c; color: #fff; background-color: #29bb9c; display: inline-block; width: auto; padding: 6px 22px; text-transform: uppercase; font-weight: 600;}
.grn-button:hover {border: 1px solid #29bb9c; background-color: transparent; color: #29bb9c;}

.sky-button{ border: 1px solid #1c95b9;  border-radius: 2em ! important; color: #fff; background-color: #1c95b9; font-weight: 600;  display: inline-block; width: auto; padding: 7px 25px; text-transform: uppercase;}
.sky-button:hover { border: 1px solid #92cddf; background-color: transparent; color: #1c95b9;}

.sky-button2{ border: 1px solid #1c95b9;  border-radius: 2em ! important; color: #fff; background-color: #1c95b9; font-weight: 600;  display: inline-block; width: auto; padding: 7px 25px; text-transform: uppercase;}
.sky-button2:hover { border: 1px solid #1c95b9; background-color: transparent; color: #1c95b9;}

.blu-button{ border: 1px solid #2073ac;  border-radius: 2em ! important; color: #fff; background-color: #2073ac; font-weight: 600; display: inline-block; width: auto; padding: 7px 25px; text-transform: uppercase;}
.blu-button:hover { border: 1px solid #2073ac; background-color: transparent; color: #2073ac;}

.dark-gray-btn { border: 1px solid #616161;  border-radius: 2em ! important; color: #fff; background-color: #616161; display: inline-block; width: auto; padding: 7px 25px; text-transform: uppercase;}
.dark-gray-btn:hover { border: 1px solid #616161; background-color: transparent; color: #616161;}

.edu-button{ border: 1px solid #f16474; color: #fff; background-color: #f16474; display: inline-block; width: auto; padding: 7px 20px 8px; text-transform: uppercase;}
.edu-button:hover {border: 1px solid #f16474; background-color: transparent; color: #f16474;}

.edu-button1{ font-weight:600; border: 1px solid #30c0da; color: #fff; background-color: #30c0da; display: inline-block; width: auto; padding: 7px 20px 8px; text-transform: uppercase;}
.edu-button1:hover {border: 1px solid #30c0da; background-color: transparent; color: #30c0da;}

.red-button{ border: 1px solid #c43235; color: #fff; background-color: #c43235; display: inline-block; width: auto; padding: 7px 20px 8px; text-transform: uppercase; font-weight: 600 !important;}
.red-button:hover {border: 1px solid #c43235; background-color: transparent; color: #c43235;}

/* custom button */
.custom-btn {padding: 7px 21px ; font-family: 'Open Sans', sans-serif !important; font-weight: 600 ; background: transparent ; text-transform: uppercase; outline: none !important ; cursor: pointer ; color: #29bb9c; -webkit-transition: all 0.3s ease ; transition: all 0.3s ease ; position: relative ; display: inline-block ; }
.portfolio-btn {border: 1px solid #29bb9c ; z-index: 1 ; }
.portfolio-btn:after {position: absolute ; content: "" ; width: 100% ; height: 0 ; bottom: 0 ; left: 0 ; z-index: -1 ; background: #29bb9c ; -webkit-transition: all 0.2s ease-out ; transition: all 0.2s ease-out ; }
.portfolio-btn:hover {color: #fff ; }
.portfolio-btn:hover:after {top: 2 ; height: 100% ; }
.portfolio-btn:active {top: 2px ;}

/* -------------------------------
   14 - Scroll to top icon
------------------------------- */
.scrollTop { display: none; font-weight: bold; height: auto; padding: 0; position: fixed; right: 30px; text-align: center; text-decoration: none; top: 91%; width: auto; background-color: rgba(127, 129, 124, 0.4); z-index: 555; border-radius:50%; }
.scrollTop i { font-size: 13px; margin: 0 6px; color: #fff; }
.scrollTop:hover { background-color: #000; }
.scrollTop:hover i { position: relative; }

/* -------------------------------
   15 - Owl Slider
------------------------------- */
.owl-buttons { position: static; }
.owl-carousel { overflow: hidden; }
.owl-next {right: -70px;}
.owl-prev {left: -70px;}
.owl-prev .fa{ right: 4%}
.owl-next .fa { left: 4%;}
.owl-next { opacity: 1; }
.panigation-slider .owl-prev, .panigation-slider .owl-next { display: none; }
.owl-controls .owl-buttons div{ display: none;}
.owl-prev, .owl-next { font-size: 14px; display: block; width: 104px; height: 104px; color: #1c1c1c; margin-top:-34px; line-height: 104px; z-index: 6; position: absolute; opacity: 0; top: 50%; text-align: center; }
.owl-prev .fa, .owl-next .fa { font-size: 22px; color: #000; top: -15%; position: relative;}
.owl-prev:before, .owl-next:before { background-color:#fff; content: ""; left: 0; width: 66%; height: 66%; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; position: absolute; border-radius:1.9px; }
.owl-next:before { right: 0; left: auto; }
.owl-carousel:hover .owl-prev { opacity: 1; left:  -35px; }
.owl-carousel:hover .owl-next { opacity: 1; right: -35px; }
.owl-pagination { display: block; bottom: 29px; position: absolute; z-index: 100 !important; width: 100%; text-align: center; left: 0; }
.owl-page { display: inline-block; padding: 7px 6px; }
.owl-carousel * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.owl-page span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); border-radius: 1px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); width: 6px; height: 6px; transition: all 0.26s cubic-bezier(0, 0, 0.58, 1) 0s; display: block;}
.owl-page:hover span { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); }
.owl-page.active span { border: 1px solid rgba(255, 255, 255, 0.7); background: none repeat scroll 0 0 transparent; transform: scale(1.33333); }
.owl-bg-img { background-size: cover; background-repeat: no-repeat; display: block; overflow: hidden; position: relative; width: 100%; background-position: center center; }
.light-pagination .owl-page.active span { background: transparent; border: 1px solid rgba(255, 255, 255, 1); }
.owl-next::before { box-shadow: none; }
.owl-no-pagination .owl-pagination { display: none; }
/*automotive services*/
.auto-services article .post-details { margin: 0px !important; padding: 25px 0px; width: 100% }

/* -------------------------------
   16 - Counter Settings
------------------------------- */
.count-settings span.numbers-count { color: #000; font-size: 39px; line-height:60px; display:block; letter-spacing: 1.9px; }
.count-settings-2 span.numbers-count { color: #000; font-size: 39px; line-height:60px; display:block; letter-spacing: 1.9px;  font-weight: 600;}
.count-name{ font-size:13px; text-transform: uppercase; letter-spacing: 1.9px; }
.count-name-2{ font-size:14px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; }
/* education counter settings */
.count-settings-edu span.numbers-count { color: #fff; font-size: 39px; line-height:60px; display:block; letter-spacing: 1.9px; font-weight: 500;}

/* -------------------------------
   17 - Portfolios
------------------------------- */
/* Masonry Portfolio Settings */
.grid li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid-1 li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid-2 li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid img { width:100%}
.grid-1 img { width:100%}
.grid-2 img { width:100%}
.img-portfolio a { display: block; z-index: 2; position: relative;}
.portfolio-gallery ul { padding: 0px; list-style: none; margin-left: 1px; }
.portfolio-gallery figure { position: relative; margin: 0px; }
.portfolio-gallery figure img { width: 100%; cursor: pointer; opacity: 1; display: block; }
.portfolio-gallery { clear: both; float: left; width: 100%; }
.grid { margin: 0px auto; }
.gallery-settings .grid li { width: 25%; float: left; }
.gallery-settings .grid-1 li { width: 33.333%; float: left; padding: 0px 0px 14px 14px;}
.gallery-settings .grid-2 li { width: 25%; float: left; padding: 0px 0px 14px 14px;}
.iitemm {position: absolute; left: 704px; top: 0px; width: 49%; margin-right: 1%; margin-bottom: 1%;}
.grid-wrap .tab-content { margin-top: 24px; }
.nav-tabs > li > a{  margin: 5px 32px 5px 32px !important;}
.grid li { float: left; box-sizing: border-box; width: 25%; display: inline-table; margin: 0px;}
.grid figure { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.img-portfolio { overflow: hidden; opacity: 1; transition: all 0.3s ease 0s;  }
figure:hover img { -ms-transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02);  transform: scale(1.02,1.02); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; cursor:url("../images/icon-zoom-white.png"), pointer; opacity:0.90; }

/* -------------------------------
   18 - Team Members
------------------------------- */
.team-text { padding-top:22px 0px; text-align: center;}
.our-team:hover img { -ms-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03); background: #000; opacity:.3;}
.team-text h3 {text-transform: uppercase; color: #000; letter-spacing: 2px; font-weight: 600; }
.team-text span {text-transform: uppercase; color: #9e9e9e; letter-spacing: 2px; }

/* beauty spa - experts */
.spa-team li {margin-bottom: 2em; }
.spa-team figure {position: relative; }
.spa-team img {display: block; width: 100%; cursor: default !important; }
.spa-team .member-detail {font-family: 'Montserrat', sans-serif !important; color: #1c95b9; cursor: default !important; height: 80px; text-align: center; font-weight: bold; padding-top: 20px; font-size: 16px; text-transform: uppercase;}
.spa-team .member-detail span {display: block; font-weight: normal; color: #b5b4b4; font-size: 14px; text-transform: uppercase; margin-top: .2em; }

/* travel agency - our agents */
figure.agents-team figcaption::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
figure.agents-team p {position: absolute; right: 0; bottom: 0; }
figure.agents-team a {margin: 0 5px; color: #fff; font-size: 20px; text-align: center;}
figure.agents-team p a i {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); }
figure.agents-team:hover img {opacity: 0.3; cursor: pointer;}
figure.agents-team:hover figcaption::before {opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg); }
figure.agents-team:hover p i {opacity: 1; color: #000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.agents-team:hover p a:nth-child(3) i {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
figure.agents-team:hover p a:nth-child(2) i {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
figure.agents-team:hover p a:first-child i {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
figure.agents-team:hover p i:hover {color: #29bb9c; cursor: pointer;}
.agents-p{text-align: center !important; text-transform: uppercase; color: #868686; letter-spacing: 2px; font-weight: 600; margin-bottom: 0px !important;}

/* agency team-hov */
.team-hov {padding: 20px 0px 0px 0px; list-style: none; text-align: center; }
.team-hov li {display: inline-block; margin: 0; padding: 20px; text-align: left; position: relative; }
.team-hov figure {margin: 0; position: relative !important; }
.team-hov figure img {max-width: 100% !important; display: block !important; position: relative !important; cursor: default;}
.team-hov figcaption {position: absolute; top: 0; left: 0; padding: 20px; background: #29bb9c; color: #fff; text-align: center; text-transform: uppercase; }
.team-hov figcaption h4 { font-size: 16px; font-family: 'Montserrat', sans-serif;  color: #fff; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; text-align: center;}
.team-hov-settings figure img {z-index: 10; -webkit-transition: -webkit-transform 0.4s !important; -moz-transition: -moz-transform 0.4s !important; transition: transform 0.4s !important; }
.no-touch .team-hov-settings figure:hover img,
.team-hov-settings figure.cs-hover img {-webkit-transform: translateY(-90px) !important; -moz-transform: translateY(-90px) !important; -ms-transform: translateY(-90px) !important; transform: translateY(-90px) !important; }
.team-hov-settings figcaption { height: 90px; width: 100%; top: auto; bottom: 0; }

/* -------------------------------
   19 - Blog
------------------------------- */
.blog-heading {text-transform: uppercase; font-size: 21px; color: #000; letter-spacing: 1.6px; margin: 39px 0 8px 0; display: block; font-weight: 700;}
.blog-heading:hover {color: #000 !important;}

/*spa blog section*/
.blog-heading-spa {text-transform: uppercase; font-size: 21px; color: #1c95b9; letter-spacing: 1.6px; margin: 39px 0 8px 0; display: block; font-weight: 700;}
.blog-heading-spa:hover {color: #92cddf !important;}

/*ice cream blog section*/
.blog-heading-ice {text-transform: uppercase; font-size: 21px; color: #e04150; letter-spacing: 1.6px; margin: 39px 0 8px 0; display: block; font-weight: 700;}
.blog-heading-ice:hover {color: #7e7e7e !important;}

/*design-agency blog section*/
.blog-heading-des {text-transform: uppercase; font-size: 21px; color: #2d3e50; letter-spacing: 1.6px; margin: 39px 0 8px 0; display: block; font-weight: 700;}
.blog-heading-des:hover {color: #444e58 !important;}

/*education blog section*/
.blog-heading-ed {text-transform: uppercase; font-size: 21px; color: #30c0da; letter-spacing: 1.6px; margin: 39px 0 8px 0; display: block; font-weight: 700;}
.blog-heading-ed:hover {color: #7e7e7e !important;}

.blog-img { width:auto; background-color:#4d4d4d; overflow:hidden; }
.blog-img img { max-width: 101%}
.blog-text p{ margin-bottom:20px; padding-top:13px;}
.blog-text img {  -moz-transition: all .4s ease; transition: all .4s ease; -webkit-transition: all .4s ease; }
.blog-text:hover img { -ms-transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); transform: scale(1.04,1.04) rotate(-1deg); transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease;}
.post-details {color: #5d5d5d;}
.post-details span { font-weight: 600; letter-spacing: 1px; padding-right:6px; font-size: 12px;}
.post-details span a { color:#5d5d5d !important; }
.post-details span a:hover { color:#000 !important; }

/* comment, heart like, share */
.iblogs { font-size: 11px; margin-right: 26px; text-transform: uppercase; }
.iblogs i  { margin-right: 6px; font-size: 13px; font-weight: 400; }
.blog-cm a {font-size: 12px;}
.blog-pst {color: #111;  font-size: 15px; line-height: 21px; letter-spacing: 1px; text-transform: none;}

/* categories */
.categ li:first-child { padding: 0px 0px 6px 0px; }
.categ li { padding: 6px 0px 6px 0px;}
.categ li a { color: #656464; }
.categ li a:hover { color:#000; }

/* avtar image*/
.avtar-pic { float: left; margin: 12px 33px 0px 0px; max-width: 100px; }
.avtar-pic img { border-radius: 50%; }

/* tags */
.tags a { text-transform: uppercase; padding: 0px 11px; margin: 0px 6px 11px 0px; line-height: 26px; font-size: 10px; display: inline-block; border:1px solid #e8e8e8; color: #6a6868; font-weight: 500; }
.tags a:hover { color: #fff; border:1px solid #e8e8e8; background-color: #000; }

/* widgets */
.widgets input { margin-bottom: 0px; padding: 11px 30px 11px 20px; }
.heading-widget { font-size: 17px; margin-bottom: 6%; font-weight:700; }
.widgets .search-mg { top: 16px; right: 40px; }
.widgets { margin-bottom:26px; }

/* search */
.search-mg { border: none; color: #8c8b8b; right: 0; z-index: 998; cursor: pointer; top: 23px; position: absolute;}
.search-mg:hover { color: #000;}

/* blog text */
.blg-comment { padding-top:6%; }
.post-text p {  line-height:27px; font-size:13px; margin-bottom: 46px; }
.blg-deatil{ color: #292929;  text-transform: uppercase; padding-top: 31px; font-size: 13px; }
.blg-deatil strong { letter-spacing: 1px; font-weight: 600; }
.blg-deatil a { color: #939191; }
.blg-deatil a:hover { color: #000; }
.blg-comments > .blg-comments { margin-left: 44px; }
.blg-comments {  font-size:14px; margin:30px 0px; line-height:29px;}

/* blog details page */
.blog-details-margin{margin-top: 2% !important; margin-bottom: 4% !important; }
.blog-detaisl-social {text-align: center; margin-top: 0px;}
.blog-detaisl-social i {font-size: 24px; padding-right: 20px !important;}
.blog-detaisl-social i:hover {color: #000 !important;}
.blog-detaisl-social i:last-child {padding-right: 0px;}

/* blog page pangiation */
.pagination { text-align: center; margin-top: 50px; width: 100%;}
.pagination i { color: #a4a4a4; font-size: 20px; }
.pagination i:hover { color: #000; }
.pagination a { font-size: 16px; margin: 0px 16px 0px 16px; color: #a0a0a0; }
.pagination a:hover { color: #000;  border-bottom: 1px solid #000;}
.pagination a.active  {  font-weight: 600; color: #0b0b0b;   border-bottom: 1px solid #000;}

/* -------------------------------
   20 - Margin and Paddings
------------------------------- */
/* margins */
.margin-top-1{ margin-top:1% !important;}
.margin-top-2{ margin-top:2% !important;}
.margin-top-3{ margin-top:3% !important;}
.margin-top-5{ margin-top:5% !important;}
.margin-top-6{ margin-top:6% !important;}
.margin-top-7{ margin-top:7% !important;}
.margin-top-8{ margin-top:8% !important;}
.margin-top-12{ margin-top:12% !important;}
.zero-rlb-margin{ margin-right:0px !important; margin-left: 0px!important; margin-bottom: 0px !important; }
.no-margin-bottom{ margin-bottom: 0px !important; }
.margin-btm-top-1{ margin-bottom:1% !important; margin-top:1% !important; }
.margin-btm-tp-2{ margin-bottom:2% !important; margin-top:2% !important; }
.margin-btm-tp-3{ margin-bottom:3% !important; margin-top:3% !important; }
.margin-btm-top-5{ margin-bottom:0px !important; margin-top:5% !important; }
.margin-btm-top-10{ margin-bottom:10% !important; margin-top:10% !important;}
.margin-btm-tp-head{ margin-bottom:5% !important; margin-top:1.5% !important; }
.margin-btm-tp-head-2{ margin-bottom:6% !important; margin-top:1.5% !important; }
.zero-rl-margin { margin-right:0px !important; margin-left: 0px!important;}
.margin-btm{margin-bottom: 3%;}
.zero-margin-right{margin-right: 0px !important;}
.zero-margin {margin:0px !important;}
.margin-right-5{ margin-right: 5px; }
.zero-margin-top{ margin-top:0 !important}
.margin-top-60 {margin-top: -60px;}
.zero-margin-top {margin-top: 0px !important;}
.margin-two{ margin-top:2% !important; margin-bottom:2% !important}
.margin-tp-btm-11{ margin-top:11% !important; margin-bottom:11% !important}
.margin-eight {margin-top:8% !important; margin-bottom:8% !important}
.margin_50{margin-top: -40px !important;}
.margin_70{margin-top: -70px !important;}
.margin_510{margin-top: -20px !important;}
.zero-margin-btm{margin-bottom: 0px !important;}
/* paddings */
.padding-lr-15 { padding: 0px 15px;}
.padding-top-btm-15{padding-top: 15px !important; padding-bottom: 15px !important;}
.padding-top-btm-55{padding-top: 55px !important; padding-bottom: 55px !important;}
.padding-top-btm-5{padding-top: 5px !important; padding-bottom: 5px !important;}
.zero-padding-top {padding-top: 0px !important;}
.zero-padding{padding:0px !important;}
.zero-padding-right { padding-right:0px !important;}
.padding-services { padding: 50px 35px 70px;}
.padding-services-2 { padding: 0px 35px 0px;}
.zero-padding-btm{padding-bottom: 0px !important;}
.zero-lr-padding{ padding-left: 0px !important; padding-right: 0px !important;}
.padding-btm-10{padding-bottom: 20px !important;}
.padding-btm-head{padding-bottom: 65px !important;}
.padding-top-1{padding-top: 1%;}

/* -------------------------------
   21 - Testimonials
------------------------------- */
.testimonial p { font-size:13px; color: #676767; line-height:21px;  margin:19px 0 19px; letter-spacing: 1px;}
.testimonial img { margin-top: 10px; border-radius: 50%; max-width: 120px; box-shadow: 0 0 0 6px #13415f,0 0 0 4px #e8e8e8;}
.review-section p{ font-size:13px; line-height:22px; color: #828282}
.review-section .name{ margin:20px 0px 10px; font-size:13px; display:block; width:100%; font-weight:700; text-transform: uppercase; letter-spacing: 1.8px;}
.review-section img { border-radius: 50%; max-width: 120px; box-shadow: 0px #fff,0 0 0 5px #e8e8e8;}

/* -------------------------------
   22 - Packages hover style
------------------------------- */
/* travel agency */
figure.packages-hov img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); max-width: none;}
figure.packages-hov figcaption {text-align: left; }
figure.packages-hov figcaption {position: absolute; bottom: 0; left: 0; padding: 3em; width: 100%; height: 50%; margin-bottom: 12px !important; }
figure.packages-hov p {font-size:13px; font-weight: 400; color: #000 !important; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); }
figure.packages-hov p span {color: #0c6869 !important; font-size: 19px !important; text-transform: uppercase;}
figure.packages-hov:hover img{opacity: .1; }
figure.packages-hov:hover img,
figure.packages-hov:hover p {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.packages-hov:hover p {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }

/* -------------------------------
   23 - Tabs
------------------------------- */
/* travel - style 1 */
.nav-tabs > li > a { margin-top: 0px;}
.travel-tabs .nav-tabs { height:auto; margin-bottom: 24px }
.travel-tabs .nav-tabs { border-bottom:1px solid #ddd; }
.travel-tabs .nav-tabs li:first-child { margin-left: 0px !important; margin-right: 0px !important; border-left: 1px solid #e8e8e8; }
.travel-tabs .nav-tabs li.active a { background-color: #fff; position: relative; top: 1px; }
.travel-tabs .nav-tabs li { border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.travel-tabs .nav-tabs li a {  line-height: 43px; margin: 0px !important; background-color: #f3f3f3; border: none; color: #575757;  padding: 0px 19px; }
.travel-tabs .nav-tabs li i { font-size: 16px; position: relative; top: 3px; }
.travel-tabs .nav-tabs li.active a { border-bottom: none;}
.input-num { padding: 0; margin: 0; overflow: hidden; background-color: #fff; margin: 0px 0px 40px;   border: 1px solid #ccc; width: 100%; background: #fff url("../images/downarrow.png") no-repeat 97% 50%; }
.input-num select { padding: 8px 15px; width: 100%; border: 1px solid #e8e8e8; border-radius: 0px; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: uppercase; letter-spacing:1px; cursor: pointer; font-size:11px; margin-bottom:0; color:#727171 }
.input-num select:focus { outline: none; border: 1px solid #e8e8e8; border-radius: 0px; box-shadow: none }
.input-num select option:after {position: absolute; top: 3px; right: 0; margin: auto; content: '\f107 '; font: normal normal normal 15px/1 FontAwesome; }

/* automotive - style 2 */
.design-tab li {margin: 0px;}
.design-tab li:last-child { margin: 0px;}
.design-tab li { display: inline-block;  background: transparent !important; float: none; margin: 0px 24px;}
.design-tab li:last-child { margin: 0px 0px 0px 24px;}
.design-tab li:first-child { margin: 0px 24px 0px 0px;}
.design-tab li:first-child a {padding-left: 0px;}
.design-tab li a { border-bottom: 1px solid #fff !important; color: #727171; padding: 6px 0px; font-size: 14px;}
.design-tab li a:hover {background: transparent}
.design-tab li.active a {border-bottom: 1px solid #d50000 !important } 

/* -------------------------------
   24 - Custom Settings
------------------------------- */
/* ice-cream - skewed hero image */
.skew{min-height: 120px; position: relative;  }
.skew-bottom{padding-bottom: 170px; }
.skew-add{bottom: -85px; left: 0; overflow: hidden; padding-left: 0 !important; padding-right: 0 !important; position: absolute; -ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg); width: 100%; height: 170px; z-index: 1; }
.white .separator path {fill: #ffffff; }
.separator.separator-top {bottom: auto; top: -99px;  }
.separator { left: 0; width: 100%; height: 100px; bottom: -99px; z-index: 900;  position: absolute;}

/* spa hightlight section */
.spa-hgl {letter-spacing: 1px; font-size: 14px; font-weight: 600; text-transform: uppercase; display: block; margin: 5px 0px 25px;}
.spa-hgl-text{ display: block; margin-bottom: 25px; }

/* travel agency highlight section */
.enjoy{font-family: "Oswald",sans-serif; color: #fff; text-align: center; line-height: 49px; padding-top: 29px; text-transform: uppercase;font-size: 70px;}
.enjoy2{font-family: "Oswald",sans-serif; color: #fff; text-align: center; text-transform: uppercase;font-size: 34px;}
.travel-hgl .row img {width: 100%;}
.travel-hgl .center-img { left: 0; margin: 0 0 0 -110px; position: absolute;}
.travel-hgl {right: 0; background-color: rgba(205, 49, 114, 0.65); top: 0; height: 100%; padding:100px;}

/* background image */
.background-image { background-position: center top; background-size: cover; }
.background-image-2 { background-size: cover !important;  position: relative; background-repeat: no-repeat !important; background-position: center center; overflow: hidden;}

/* map iframe */
.map-section iframe { height:300px; width:100%; border:none !important;}

/* borders */
.border-top { border-top: 1px solid #e8e8e8; }
.border-top-pink { border-top: 1px solid #ffa1c7; }
.border-btm { border-bottom: 1px solid #e8e8e8; }
.no-border { border:none !important}
.no-border-top{border-top: none !important;}

/* parallex settings */
.fix-background{  background-position: center center; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; overflow: hidden; }
.parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important }

/* underlines */
.underline-1 { background-color:#c0c0c0; width: 40px; margin:0px auto; height: 3px; }
.underline-2 { background-color:#c0c0c0; margin-right:90px; width:7px; float:left; height:80px;}
.underline-3 { background-color:#c0c0c0; width: 30px; height: 4px; margin:5% auto;}

/* display */
.overflow-hidden{ overflow: hidden !important;}
.display-block { display: block !important;}
.display-inline-block { display: inline-block !important}
.display-none { display: none !important}

/* width */
.width50 { width:50% !important;}
.width60 { width:60% !important;}
.width70 { width:70% !important;}
.width80 { width:80% !important;}

/* positions */
.position-relative { z-index: 5; position: relative !important;  }
.position-absolute { position: absolute !important; }

/* alert message */
#alert { border: none; clear: both; background-color: #003d63; text-align: center; margin: 0px 13px 23px;  padding-top: 17px; padding-bottom: 18px; color: #fff; }

/* center column */
.center-col{ float:none !important; margin-right:auto !important; margin-left:auto !important;}

/* opacity */
.opacity-two  { opacity: 0.2; top:0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; }
.opacity-three{ opacity: 0.3; top:0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; }
.opacity-four { opacity: 0.4; top:0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; }
.opacity-five { opacity: 0.5; top:0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; }
.opacity-six  { opacity: 0.6; top:0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; }
.opacity-seven{ opacity: 0.7; top:0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; }
.opacity-eight{ opacity: 0.8; top:0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; }

/* scroll-btn */
.scroll-btn{ bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 10}
.scrol img {width: 3.4%;}

/* image styles round */
.img-round {border-radius: 50%}
.travel-img img {max-width: 90%}

/*  only ie9, ie10, ie11 */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  nav * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
}