/* 
  Theme Name: Flattern
  Theme URL: https://bootstrapmade.com/flattern-multipurpose-bootstrap-template/
  Author: BootstrapMade.com
  Author URL: https://bootstrapmade.com
*/

/* === prettify === */

@import url('../js/google-code-prettify/prettify.css');
/* === fontawesome === */

@import url('font-awesome.css');
/* === custom icon === */

@import url('linearicons.css');
/* === custom icon === */

@import url('icofont.min.css');
/* === custom icon === */

@import url('custom-fonts.css');
/* ==== overwrite bootstrap standard ==== */

@import url('overwrite.css');
@import url('animate.css');
/* Table of content */

/*===================================
1. General
2. layout
3. Responsive media
4. Header
5. Section: Featured
6. Sliders
7. Intro
8. Section: Content
9. Section: Bottom
10. Inner - Section: page headline
11. Forms
12. Portfolio
13. Elements
14. Blog & article
15. Aside, sidebar
16. Footer
17. Divider, Line & Misc
18. Position & alignment
19. More icon from custom font icon
20. Spacer, margin
21. Media queries
==================================== */

/* ===================================
1. General
==================================== */
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Desyrel";
  src: url("../fonts/DESYREL0.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DESYREL0.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DESYREL0.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DESYREL0.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DESYREL0.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DESYREL0.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DESYREL0.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Corbert-Regular";
  src: url("../fonts/Corbert-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Corbert-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Corbert-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Corbert-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Corbert-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Corbert-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Corbert-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "MergeOne-Regular";
  src: url("../fonts/MergeOne-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/MergeOne-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/MergeOne-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/MergeOne-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/MergeOne-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/MergeOne-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/MergeOne-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
body {
  font-family: 'MergeOne-Regular', Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6em;
  color: #3C3C3B;
	margin:0;
	padding:0;
}
a:active {
  outline: 0;
}
a p.font {color: #3C3C3B!important;}
.clear {
  clear: both;
}
.maxWidth {max-width: 1170px;}
/*# position*/
#featured {z-index:80}
#company, #partner,#TMC,#contact,#localDeals,#detail,#newsletter,#news {
/*	padding-top: 649px !important;
	margin-top: -649px;*/
	position: relative;
}
#company,#news,#blog,#blockSingle {z-index:70;	position: relative;}
#partner,#oldNews {z-index:60;	position: relative;}
#TMC,#localDeals {z-index:50;	position: relative;}
#logo {
  z-index: 40; 
	position:relative;
	max-width: 100%;
}
#header #logo .logo {
    position: absolute;
		bottom:0;
}
#header #logo img {
    padding: 0;
    margin: 0;
    width: 180px;
		height: auto;
}
#newsletter {z-index:35}
#contact {z-index:20}
#gallery {z-index: 100;}
.btn-login {font-size:18px;}
/* ===================================
2. layout
==================================== */
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 600px;
  background: url("../img/slides/nivo/bg-5.jpg") top center;
  background-size: cover;
  position: relative;
}
#hero:before {
  content: "";
  background: rgba(60, 60, 59, 0.1);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero .container {
  padding-top: 350px;	
}
/*End Hero*/
.container {
/*  padding: 0 20px 0 20px;*/
  position: relative;
}
header .container {max-width: 100%;background: rgba(60, 60, 59, 0.9);}
@media (min-width: 1024px) {
header .container{max-width: 100%; padding:0 20px}
}
#wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
	box-shadow: 1px 0px 6px 1px rgba(0,0,0,0.3);
	z-index: 500;
	background-color:#FFF;
	min-height: 730px;
}

#wrapper.boxed {
  width: 1230px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}

.row, .row-fluid {
  margin-bottom: 30px;
}
header .row {margin-bottom:10px}
.row .row, .row-fluid .row-fluid {
  margin-bottom: 30px;
}

.row.nomargin, .row-fluid.nomargin {
  margin-bottom: 0;
}

/* ===================================
3. Responsive media
==================================== */

.video-container, .map-container, .embed-container {
  position: relative;
  margin: 0 0 15px 0;
  padding-bottom: 51%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: none;
}

.embed-container iframe, .embed-container object, .embed-container embed, .video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
  border: none;
}

img.img-polaroid {
  margin: 0 0 20px 0;
}

.img-box,.img-box-half {
  max-width: 100%;
	height: auto;
}
@media (min-width: 768px) {
.img-box-half {
  max-width: 50%;
	height: auto;}
}
/* ===================================
4. Header
==================================== */

/* --- hidden top area --- */

.hidden-top {
  height: 0;
  color: #fff;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.hidden-top-inner ul {
  list-style: none;
  margin-left: 0;
}

.hidden-top-inner ul li {
  display: inline;
  margin: 0 20px;
}

.hidden-top.toggle-link-open {
  padding: 10px 0;
	position: fixed;
	z-index: 900;
	width: 100%;
}

.hidden-top a {
  color: #ffffff;
}
.emergencyContact li {white-space: nowrap}

#header-hidden-link {
  position: fixed;
  right: 80px;
  top: calc(1.5rem + 1.5vw);
	z-index:1000;
}
@media (min-width: 960px) {
	#header-hidden-link {right:0}
	.portfolio-modal .modal-content h2 { font-size: 3em;}
}
#header-hidden-link a.toggle-link, #header-hidden-link a.top-link {
  outline: 0;
  font-size: 0;
  line-height: 1;
  padding: 5px 10px;
  display: block;
  text-align: center;
  color: #fefefe;
  text-decoration: none;
}

#header-hidden-link a.toggle-link:active, #header-hidden-link a.toggle-link:focus, #header-hidden-link a.toggle-link:hover {
  outline: 0;
}

#header-hidden-link a.toggle-link i, #header-hidden-link a.top-link i {
  font-size: 16px;
  line-height: 1;
}

#header-hidden-link a.toggle-link:hover, #header-hidden-link a.top-link:hover {
  text-decoration: none;
  color: #ffffff;
}

#header-hidden-link a.toggle-link>i:before {
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
}

#header-hidden-link a.toggle-link.open {
  text-decoration: none;
}

#header-hidden-link a.toggle-link.open>i:before {
  content: "\f068";
}

.toggle-link-open {
  height: auto !important;
  min-height: 40px;
  max-height: 40000px;
}

.toggle-link-close {
  height: 0;
  overflow: hidden;
}

/* --- modal signup & signin form --- */

/* modal styled */

.modal.styled .modal-header h4 {
  color: #fff;
}

/* --- header -- */

header {
  transition: all 0.5s;
	z-index: 997;
	height: 134px;
	padding: 0 0 4px;
	z-index: 103;
}

header .logo {
  float: left;
	margin-bottom: 6px;
}

header .logo img {
  width: 200px;
  height: auto;
  vertical-align: bottom;
}

select.selectmenu {
  display: none;
}
.rotatePlus::before {transform: rotate(45deg);}
/* ===================================
5. Section: Featured
==================================== */
/*section:first-of-type {padding-top:102px}*/

#featured {
  background-color: #fcfcfc;
  position: relative;
  margin: 0;
}

/* ===================================
6. Sliders
==================================== */

/* --- slit slider --- */

/* --- flexslider --- */
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu>ul {
  display: flex;
}

.nav-menu>ul>li {
  position: relative;
  white-space: nowrap;
  padding: 24px 10px;
  transition: 0.3s;
}

.nav-menu a,.nav-menu a:not([href]):not([tabindex]) {
  display: block;
  position: relative;
  color: #fff;
  transition: 0.3s;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
.nav-menu a:hover,.nav-menu a:hover, a:not([href]):not([tabindex]):focus {color: #fff;}
.nav-menu>ul>li:hover, .nav-menu .active {
  background: #e9570c;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 150px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 5px 18px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #191919;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active>a, .nav-menu .drop-down ul li:hover>a {
  color: #e82d2d;
}

.nav-menu .drop-down>a::after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down>a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down>a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover>ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down>a::after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */

@media (max-width: 1080px) {
header {
  transition: all 0.5s;
  z-index: 997;
  position: fixed;
  padding: 0 0 4px;
  z-index: 103;
  width: 100%;
	height:132px;
}

header+#content, #TEC, #topimg,.m-top160 {margin-top: 132px;}
}
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: calc(1.5rem + 1.5vw);
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #191919;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {
  color: #e82d2d;
  text-decoration: none;
}

.mobile-nav .drop-down>a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down>a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down>a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(60, 60, 59, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
/*end nav*/

#featured .flexslider {
  padding: 0;
  margin: 30px 0 30px;
  background-color: #fff;
  position: relative;
  zoom: 1;
}

#featured .flexslider .slide-caption {
  background-color: #333;
}

#featured .flexslider .slide-caption {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
  zoom: 1;
}

#featured .flexslider .slide-caption {
  width: 30%;
  padding: 2%;
  position: absolute;
  left: 10px;
  bottom: -30px;
  background: rgba(0, 0, 0, .5);
  z-index: 99;
}

#featured .flexslider .slide-caption p {
  font-size: 14px !important;
  line-height: 22px;
  font-weight: 300;
  color: #f0f0f0 !important;
  margin-bottom: 15px;
}

#featured .flexslider .slide-caption h3 {
  font-weight: 700;
  color: #f4f4f4;
  font-size: 22px;
}

#featured .flexslider .slide-caption span a {
  padding: 7px 15px;
  float: left;
}

#featured .flexslider .slide-caption span a:hover {
  opacity: .9;
}

/* The Nivo Slider styles */

#nivo-slider, #backgroundImg {
  position: relative;
}

#featured #nivo-slider .row, #featured #nivo-slider .row-fluid {
  margin-bottom: 0;
}

.nivo-slider {
  background-color: #fbfbfb;
}

.slides {
  margin: 0;
  overflow: hidden;
}
.slides li {
  list-style-type: none;
}

#gallery .slides img:first-of-type {
  object-fit: cover;
	height: 500px;	
}
#gallery .slides span.video img:first-of-type {  object-fit: cover;
	height: auto;	
}
#gallery span.img-div>span,#gallery span.video>span {
	text-align: center;
  display: block;
  width: 100%;
}

.nivoSlider, .nivo-slider,.top-img {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
}
.top-img {border-bottom: 1px solid rgba(60,60,59,0.3);}
.nivo-slider img,.top-img img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: none;
}
.nivo-main-image,.top-img-img {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* The slices and boxes in the Slider */

.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

.nivo-box img {
  display: block;
}

/* Caption styles */

/*.nivo-caption {
  position: absolute;
  left: 80px;
  bottom: 0;
  background-color: #282828;
  color: #fff;
	width: 30%;
  z-index: 8;
  padding: 20px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}*/

.nivo-caption h2 {
  color: #fff;
  font-size: 26px;
  line-height: 1em;
}
#featured i {font-size:14px; color:#FFF;display:block;margin:0;line-height:14px;}

.nivo-caption p {
  margin-bottom: 10px;
	display:block;
	overflow:hidden;
	white-space: nowrap;
text-overflow:ellipsis;
}
.nivo-caption {font-family: 'Corbert-Regular'}
@media (max-width: 991px) {
.nivo-caption h2 {font-size: 18px;}
}
.nivo-caption a {
  display: inline !important;
}

.nivo-html-caption {
  display: none;
}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
  position: absolute;
  bottom: 0px;
  z-index: 9;
  cursor: pointer;
}

.nivo-prevNav {
  right: 0px;
}

.nivo-nextNav {
  right: 0px;
}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
  text-align: center;
  padding: 20px 0;
}

.nivo-controlNav a.active {
  background-position: 0 -22px;
}

.nivo-directionNav a {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  margin: 0;
  display: inline-block !important;
  text-align: center !important;
  color: #fff;
  width: 18px;
  height: 18px;
  padding: 0 3px;
  font-size: 14px;
  line-height: 18px;
  text-shadow: none;
  cursor: pointer;
  background-color: #444;
  right: 15px;
}

.nivo-directionNav a {
  opacity: 1;
}

a.nivo-nextNav {
  right: 0px;
}

a.nivo-nextNav:before {
  content: "\f105";
  color: #fff;
}

a.nivo-prevNav {
  right: 25px;
}

a.nivo-prevNav:before {
  content: "\f104";
  color: #fff;
}

.nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}

.nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}

.nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}

.nivo-controlNav a {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/nivo-bullets.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin: 0 2px;
}

.nivo-control.active {
  background-position: 0 0;
}

/* ===================================
7. Section: call action
==================================== */

section.callaction {
  background-color: #f9f9f9;
  padding: 50px 0 0 0;
}

/* ===================================
8. Section: Content
==================================== */

#content {
  position: relative;
/*  background-color: #fff;*/
  padding: 50px 0 0 0;
}

#content img {
  max-width: 100%;
  height: auto;
}

/* --- Call to action --- */

.cta-text {
  float: left;
  margin-top: 10px;
}

.big-cta .cta {
  margin-top: 10px;
}

/* ===================================
9. Section: Bottom
==================================== */

#bottom {
  background-color: #fcfcfc;
  padding: 50px 0 0;
}

/* twitter */

#twitter-wrapper {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

#twitter em {
  font-style: normal;
  font-size: 13px;
}

#twitter em.twitterTime a {
  font-weight: 600;
}

#twitter ul {
  padding: 0;
  list-style: none;
}

#twitter ul li {
  font-size: 20px;
  line-height: 1.6em;
  font-weight: 300;
  margin-bottom: 20px;
  position: relative;
  word-break: break-word;
}

/* ===================================
10. Inner - Section: page headline
==================================== */

#inner-headline {
  background-color: #252525;
  position: relative;
  margin: 0;
  padding: 0;
  color: #fefefe;
}

#inner-headline .inner-heading h2 {
  color: #fff;
  margin: 20px 0 0 0;
}

/* --- breadcrumbs --- */

#inner-headline ul.breadcrumb {
  margin: 30px 0 0;
  float: right;
}

#inner-headline ul.breadcrumb li {
  margin-bottom: 0;
  padding-bottom: 0;
}

#inner-headline ul.breadcrumb li {
  font-size: 13px;
  color: #ddd;
}

#inner-headline ul.breadcrumb li i {
  color: #dedede;
}

#inner-headline ul.breadcrumb li a {
  color: #fff;
}

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

/* ============================
11. Forms
============================= */

/* --- contact form  ---- */

.contactForm input[type="text"], .contactForm input[type="email"] {
  width: 100%;
  min-height: 40px;
  padding-left: 20px;
  font-size: 13px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.contactForm textarea {
  width: 100%;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 13px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.validation {
  color: red;
  display:none;
  margin: 0 0 20px;
  font-weight:400;
  font-size:13px;
}

#sendmessage {
  color: green;
  border:1px solid green;
  display:none;
  text-align:center;
  padding:15px;
  font-weight:600;
  margin-bottom:15px;
}

#errormessage {
  color: red;
  display:none;
  border:1px solid red;
  text-align:center;
  padding:15px;
  font-weight:600;
  margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

/* Google Map */
#google-map {
  height: 400px;
  margin-bottom: 40px;
}

/* --- comment form ---- */

form#commentform input[type="text"] {
  width: 100%;
  min-height: 40px;
  padding-left: 20px;
  font-size: 13px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

form#commentform textarea {
  width: 100%;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 13px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

/* --- search form --- */

.search {
  float: right;
  margin: 35px 0 0;
  padding-bottom: 0;
}

#inner-headline form.input-append {
  margin: 0;
  padding: 0;
}

/* ===============================
12. Portfolio
================================ */

.work-nav #filters {
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-nav #filters li {
  margin: 0 10px 30px 0;
  padding: 0;
  float: left;
}

.work-nav #filters li a {
  color: #7F8289;
  font-size: 16px;
  display: block;
}

.work-nav #filters li a:hover {}

.work-nav #filters li a.selected {
  color: #DE5E60;
}

#thumbs {
  margin: 0;
  padding: 0;
}

#thumbs li {
  list-style-type: none;
}

.item-thumbs {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  cursor: pointer;
}

.item-thumbs a+img {
  width: 100%;
}

.item-thumbs .hover-wrap {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  -moz-transition: all 450ms ease-out 0s;
  -o-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
  -moz-transform: rotateY(180deg) scale(0.5, 0.5);
  -ms-transform: rotateY(180deg) scale(0.5, 0.5);
  -o-transform: rotateY(180deg) scale(0.5, 0.5);
  transform: rotateY(180deg) scale(0.5, 0.5);
}

.item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1, 1);
  -moz-transform: rotateY(0deg) scale(1, 1);
  -ms-transform: rotateY(0deg) scale(1, 1);
  -o-transform: rotateY(0deg) scale(1, 1);
  transform: rotateY(0deg) scale(1, 1);
}

.item-thumbs .hover-wrap .overlay-img {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.80;
  filter: alpha(opacity=80);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  color: #fff;
  font-size: 32px;
  line-height: 1em;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* --- Portolio filter --- */

ul.portfolio-categ {
  margin: 10px 0 30px 0;
  padding: 0;
  float: left;
  list-style: none;
}

ul.portfolio-categ li {
  margin: 0;
  padding: 0 20px 0 0;
  float: left;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}

ul.portfolio-categ li a {
  display: block;
  padding: 35x 0 35x 0;
  color: #3C3C3B;
}

ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.portfolio-categ li a:focus, ul.portfolio-categ li a:active {
  text-decoration: none;
  outline: 0;
}

/* --- portfolio detail --- */

.top-wrapper {
  margin-bottom: 20px;
}

/* ===============================
13. Elements
================================ */

/* --- blockquote --- */

blockquote {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Serif', serif;
  font-style: italic;
  padding-left: 0;
  color: #a2a2a2;
  line-height: 1.6em;
  border: none;
}

blockquote cite {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 10px;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #555;
}

/* --- pullquotes --- */

.pullquote-left {
  display: block;
  color: #a2a2a2;
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  line-height: 1.6em;
  padding-left: 20px;
}

.pullquote-right {
  display: block;
  color: #a2a2a2;
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  line-height: 1.6em;
  padding-right: 20px;
}

/* --- list style --- */

ul.general {
  list-style: none;
  margin-left: 0;
}

ul.link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.link-list li {
  margin: 0;
  padding: 2px 0 2px 0;
  list-style: none;
}

/*footer ul.link-list li a {
  color: #919191;
	font-weight:500;
}*/

/* --- Heading style --- */

h4.heading {
  font-weight: 300;
}

h4.heading strong {
  font-weight: 700;
}
h4.uppercase {
	text-transform: uppercase;
	font-size: 18px;
	margin: 0;
	padding-top:15px
}

.heading {
  margin-bottom: 30px;
}

.heading {
  position: relative;
}

.widgetheading {
  width: 100%;
  padding: 0;
}

#bottom .widgetheading {
  position: relative;
  border-bottom: #e6e6e6 1px solid;
  padding-bottom: 9px;
}

aside .widgetheading {
  position: relative;
  border-bottom: #e9e9e9 1px solid;
  padding-bottom: 9px;
}

footer .widgetheading {
  position: relative;
}

footer .widget .social-network {
  position: relative;
}

#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {
  position: absolute;
  width: 60px;
  height: 1px;
  bottom: -1px;
  right: 0;
}
.text {margin-top:16px}
/* --- testimonial --- */

.testimonial {
  background-color: #fff;
  padding: 20px;
  border: 1px solid #e6e6e6;
}

.testimonial .author img {
  float: left;
  margin: 0 10px 0;
}

.testimonial p.text {
  color: #b2b2b2;
  font-family: 'Noto Serif', sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 1.6em;
  margin-bottom: 30px;
}

.testimonial .author p.name {
  font-weight: bold;
}
.cwt-border {border-left: 4px solid #e86851;}
.europcar-border {border-left: 4px solid #037b00;}
.cwt-border h3>strong,.europcar-border h3>strong {display: inline-block;}
.orangeStrong {color: #EE5F3C;font-weight: 600;}
.orange {background-color:#EE5F3C}
.lightorange {background: rgba(238, 95, 60,0.1);padding:10px;}
.dark-orange {background-color:#EC3B24}
.dark-aqua {background-color:#007872}
.aqua {background-color:#429F9E}
.light-aqua {background-color:#A5C5C3}
.dark {background-color:#3C3C3B}
.grey {background-color:#6D6E70}
.text-white *,.white-text {color:#FFF;}

/* --- Clients style --- */

ul.clients {
  list-style: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul.clients li {
  position: relative;
  float: left;
  width: 155px;
  margin: 0;
  }


ul.clients li img {
  margin: 0;
  opacity: 0.8;
}

ul.clients li img:hover {
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

/* --- Map --- */

.map {
  position: relative;
  margin-top: -50px;
  margin-bottom: 40px;
}

.map iframe {
  width: 100%;
  height: 450px;
  border: none;
}

.map-grid iframe {
  width: 100%;
  height: 350px;
  border: none;
  margin: 0 0 -5px 0;
  padding: 0;
}

/* --- our team --- */

ul.team-detail {
  margin: -10px 0 0 0;
  padding: 0;
  list-style: none;
}

ul.team-detail li {
  border-bottom: 1px dotted #e9e9e9;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  list-style: none;
}

ul.team-detail li label {
  font-size: 13px;
}

ul.team-detail li h4, ul.team-detail li label {
  margin-bottom: 0;
}

ul.team-detail li ul.social-network {
  border: none;
  margin: 0;
  padding: 0;
}

ul.team-detail li ul.social-network li {
  border: none;
  margin: 0;
}

ul.team-detail li ul.social-network li i {
  margin: 0;
}

/* --- Pricing box --- */

.pricing-title {
  background-color: #fff;
  text-align: center;
  padding: 10px 0 10px 0;
}

.pricing-title h3 {
  font-weight: 600;
  margin-bottom: 0;
}

.pricing-offer {
  background-color: #fcfcfc;
  text-align: center;
  padding: 40px 0 40px 0;
  font-size: 18px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.pricing-box.special .pricing-offer {
  color: #fff;
}

.pricing-offer strong {
  font-size: 78px;
  line-height: 89px;
}

.pricing-offer sup {
  font-size: 28px;
}

.pricing-content {
  background-color: #fff;
  text-align: center;
  font-size: 14px;
}

.pricing-content strong {
  color: #3C3C3B;
}

.pricing-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-content ul li {
  border-bottom: 1px solid #e9e9e9;
  list-style: none;
  padding: 15px 0 15px 0;
  margin: 0 0 0 0;
}

.pricing-action {
  margin: 0;
  background-color: #fcfcfc;
  text-align: center;
  padding: 20px 0 30px 0;
}

.pricing-wrapp {
  margin: 0 auto;
  width: 100%;
  background-color: #fd0000;
}

/* --- pricing box alt 1 --- */

.pricing-box-alt {
  border: 1px solid #e6e6e6;
  background-color: #fcfcfc;
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pricing-box-alt .pricing-heading {
  background-color: #fcfcfc;
  text-align: center;
  padding: 40px 0 0px 0;
  display: block;
}

.pricing-box-alt.special .pricing-heading {
  background-color: #fcfcfc;
  text-align: center;
  padding: 40px 0 1px 0;
  border-bottom: none;
  display: block;
  color: #fff;
}

.pricing-box-alt.special .pricing-heading h3 {
  color: #fff;
}

.pricing-box-alt .pricing-heading h3 strong {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1px;
}

.pricing-box-alt .pricing-heading h3 {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -1px;
}

.pricing-box-alt .pricing-terms {
  text-align: center;
  background-color: #333;
  display: block;
  overflow: hidden;
  padding: 30px 0 20px;
}

.pricing-box-alt .pricing-terms h6 {
  font-style: italic;
  margin-top: 10px;
  color: #fff;
  font-family: 'Noto Serif', serif;
}

.pricing-box-alt .icon .price-circled {
  margin: 10px 10px 10px 0;
  display: inline-block !important;
  text-align: center !important;
  color: #fff;
  width: 68px;
  height: 68px;
  padding: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 68px;
  text-shadow: none;
  cursor: pointer;
  background-color: #888;
  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
}

.pricing-box-alt .pricing-action {
  margin: 0;
  text-align: center;
  padding: 30px 0 30px 0;
}

/* --- Custom carousel --- */

.custom-carousel-nav {
  outline: 0;
  color: #ffffff;
  text-align: center;
}

a.custom-carousel-nav {
  outline: 0;
}

a.custom-carousel-nav:hover {
  outline: 0;
  text-decoration: none;
}

.icon-control {
  margin: 0 0 0 140px;
}

/* ===============================
14. Blog & article
================================ */

article {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

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

article .post-heading h3 a {
  font-weight: 700;
  color: #3C3C3B;
}

article .post-heading h3 a:hover {
  text-decoration: none;
}

/* --- post meta --- */

.post-meta {
  background-color: #fcfcfc;
  border: 1px solid #e6e6e6;
  border-top: none;
  text-align: center;
}

.post-meta .format {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0 10px;
}

.post-meta i {
  margin: 0;
}

.post-meta .date {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0 10px;
}

.post-meta .date span {
  text-align: center;
  color: #999;
  font-size: 12px;
  font-weight: 600;
}

.post-meta .comments {
  padding: 10px 0 10px;
}

.post-meta .comments a {
  color: #999;
  font-size: 12px;
  font-weight: 700;
}

.post-meta .comments a:hover {
  text-decoration: none;
}

/* --- post format --- */

.post-image {
  margin-bottom: 20px;
}

.post-quote {
  margin-bottom: 20px;
}

.post-video {
  margin-bottom: 20px;
}

.post-audio {
  margin-bottom: 20px;
}

.post-link {
  margin-bottom: 20px;
}

.post-slider {
  margin-bottom: 20px;
}

.post-quote blockquote {
  font-size: 16px;
  color: #999;
  font-family: 'Noto Serif', serif;
  font-style: italic;
  line-height: 1.6em;
}

.post-image img:hover {
  -webkit-box-shadow: 0 0 2px #979797;
  -moz-box-shadow: 0 0 2px #979797;
  box-shadow: 0 0 2px #979797;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

ul.meta-post {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.meta-post li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  list-style: none;
  border-right: 1px dotted #e9e9e9;
  padding-right: 10px;
}

ul.meta-post li i {
  float: left;
  font-size: 12px;
  margin: 2px 5px 0 0;
}

ul.meta-post li a {
  color: #999;
  float: left;
  font-size: 12px;
  font-weight: 600;
}

/* --- single post --- */

.bottom-article {
  float: left;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0 10px 0;
  margin-top: 20px;
}

/* --- author info --- */

.about-author {
  border: 1px solid #d5d5d5;
  padding: 20px;
  float: left;
  margin-bottom: 5px;
}

.about-author h5 {
  margin-bottom: 10px;
}

/* --- Comment --- */

.comment-area {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.media-content {
  overflow: hidden;
  margin-left: 12px;
  border-bottom: 1px dotted #d5d5d5;
  padding-bottom: 20px;
}

.media-content h6 {
  font-size: 14px;
  font-weight: 700;
}

.media-content span {
  color: #a9a9a9;
  font-size: 14px;
  font-weight: 300;
}

.comment-area .thumbnail>img {
  display: block;
  width: 60px;
  height: 60px;
}

.filter-list {
  margin-top: 20px;
}

/* --- pagination --- */

#pagination a, #pagination span {
  display: block;
  float: left;
  margin: 0 7px 0 0;
  padding: 7px 10px 6px 10px;
  font-size: 12px;
  line-height: 12px;
  color: #888;
  font-weight: 600;
}

#pagination a:hover {
  color: #fff;
  text-decoration: none;
}

#pagination span.current {
  background-color: #333;
  color: #fff;
  font-weight: bold;
}

/* ===============================
15. Aside, sidebar
================================ */

aside {
  position: relative;
  margin-bottom: 40px;
}

.sidebar-nav {
  float: left;
  width: 100%;
}

.right-sidebar {
  border-left: 1px solid #e9e9e9;
  padding: 0 0 0 30px;
  -webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
}

.left-sidebar {
  border-right: 1px solid #e9e9e9;
  padding: 0 30px 0 0;
  -webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
}

.left-sidebar .widget h3, .left-sidebar .widget .widget-content {
  padding-right: 20px;
}

aside .widget {
  margin-bottom: 40px;
}

ul.cat, ul.recent, ul.folio-detail, ul.contact-info {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li {
  margin: 0 0 15px 0;
  list-style: none;
}

ul.cat li a, ul.folio-detail li a {
  color: #3C3C3B;
}

ul.folio-detail li label {
  display: inline;
  cursor: default;
  color: #3C3C3B;
  font-weight: bold;
}

.widget ul.recent li {
  margin-bottom: 20px;
}

ul.recent li h6 {
  margin: 0 0 10px 0;
}

ul.recent li h6 a {
  color: #3C3C3B;
  font-size: 16px;
  font-weight: 600;
}

.widget ul.tags {
  list-style: none;
  margin: 0;
}

.widget ul.tags li {
  margin: 0 5px 15px 0;
  display: inline-block;
}

.widget ul.tags li a {
  background-color: #e6e6e6;
  color: #333;
  padding: 5px 10px;
}

.widget ul.tags li a:hover {
  text-decoration: none;
  color: #fff;
}

/* ===== Widgets ===== */

/* --- flickr --- */

.widget .flickr_badge {
  width: 100%;
}

.widget .flickr_badge img {
  margin: 0 9px 20px 0;
}

footer .widget .flickr_badge {
  width: 100%;
}

footer .widget .flickr_badge img {
  margin: 0 9px 20px 0;
}

.flickr_badge img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 9px 20px 0;
}

/* --- latest tweet widget --- */

.twitter ul {
  margin-left: 0;
  list-style: none;
}

.twitter img {
  float: left;
  margin-right: 15px;
}

.twitter span.tweet_time {
  display: block;
  padding-bottom: 5px;
}

.twitter li {
  border-bottom: 1px dashed #efefef;
  padding-bottom: 20px;
  margin-bottom: 20px;
  list-style: none;
}

.twitter li:last-child {
  border: none;
}

/* --- Recent post widget --- */

.recent-post {
  margin: 20px 0 0 0;
  padding: 0;
  line-height: 18px;
}

.recent-post h5 a:hover {
  text-decoration: none;
}

.recent-post .text h5 a {
  color: #3C3C3B;
}

ul.time-post {
  float: left;
  width: 120px;
  padding: 0;
  list-style: none;
  margin: 0 20px 0 0;
  text-align: center;
  color: #0e0f0f;
}

ul.time-post li {
  float: none;
  background-color: #f8f8f8;
  list-style: none;
  margin: 0 0 2px 0;
  padding: 0;
}

ul.time-post li a img:hover {
  opacity: 0.8;
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  /* For IE 8 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

ul.time-post li.time {
  float: none;
  padding: 5px 0 5px 0;
  text-shadow: none;
}

.recent-post ul.time-post li.time {
  color: #121214;
}

.post-meta {
  margin-bottom: 20px;
}

.post-meta span {
  padding: 0 10px 0 10px;
  margin-bottom: 10px;
}

.post-meta span a {
  color: #919191;
}

.post-meta strong {
  font-weight: 200px;
  color: #c7c7c7;
}

.item .text {
  margin-left: 140px;
  margin-bottom: 20px;
}

/* ===============================
16. Footer
================================ */

footer {
  background-color: #3C3C3B;
  padding: 50px 0 0 0;
  color: #bbb;
}
footer .row {margin:0}
footer a {
  color: #FFF;
	font-weight:500;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #eee;
}

footer address {
  line-height: 1.6em;
}

footer h5 a:hover, footer a:hover {
  text-decoration: none;
}

ul.social-network {
  list-style: none;
  margin: 0;
}

ul.social-network li {
  display: inline;
}

#sub-footer {
  background-color: #6D6E70;
  text-shadow: none;
  color: #5d5d5d;
  padding: 10px 0;
  margin: 20px 0 0 0;
}
#sub-footer>.col-12 {
	 justify-content: center;
} 
#sub-footer p {
  margin: 0;
  padding: 0;
}

#sub-footer span {
  color: #c7c7c7;
}

.copyright {
  text-align: left;
  font-size: 12px;
  color: #ddd;
}

#sub-footer ul.social-network {
  float: right;
}

/* ===============================
 Live preview purpose
================================ */

/* --- buttons --- */

.bs-docs-example {
  margin: 0 0 10px 0;
}

.demobtn a.btn {
  margin: 0 10px 10px 0;
}

section.demogrid .span1, section.demogrid .span2, section.demogrid .span3, section.demogrid .span4, section.demogrid .span5, section.demogrid .span6, section.demogrid .span7, section.demogrid .span8, section.demogrid .span9, section.demogrid .span10, section.demogrid .span11 {
  background-color: #f6f6f6;
  text-align: center;
  padding: 20px 0 20px;
}

section.demogrid .show-grid .row, section.demogrid .show-grid .row-fluid {
  margin-bottom: 0;
}

section.demogrid .show-grid .nest {
  background-color: #ddd;
  text-align: center;
  padding: 20px 0 20px;
}

section.demogrid .span12.nest {
  background-color: #f6f6f6;
  text-align: center;
  padding: 20px 0 0;
}

.demoinline p {
  display: inline;
  margin-right: 20px;
}

/* --- demo animations --- */

.demo a.btn {
  margin: 0 10px 10px 0;
}

/* ===============================
17. Divider, Line & Misc
================================ */

.solidline {
  border-top: 1px solid #e6e6e6;
  margin: 0 0 30px;
}

.dottedline {
  border-top: 1px dotted #e6e6e6;
  margin: 0 0 30px;
}

.dashedline {
  border-top: 1px dotted #e6e6e6;
  margin: 0 0 30px;
}

.blankline {
  height: 1px;
  margin: 0 0 30px;
}
.blue {font-weight: bold;color: #000;}
/* scroll to top */

.scrollup {
  position: fixed;
  width: 32px;
  height: 32px;
  bottom: 0px;
  right: 20px;
	z-index: 1000;
}

a.scrollup {
  outline: 0;
}

a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
  opacity: 1;
  text-decoration: none;
}

a.scrollup i:hover {
  text-decoration: none;
}

/* =============================
18. Position & alignment
============================= */

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.aligncenter {
  text-align: center;
}

.aligncenter span {
  margin-left: 0;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
}

.floatnone {
  float: none;
}

.aligncenter {
  text-align: center;
}

/* --- Image allignment style --- */

img.pull-left, .align-left {
  float: left;
  margin: 0 15px 15px 0;
}

.widget img.pull-left {
  float: left;
  margin: 0 15px 15px 0;
}

img.pull-right, .align-right {
  float: right;
  margin: 0 0 15px 15px;
}

article img.pull-left, article .align-left {
  float: left;
  margin: 5px 15px 15px 0;
}

article img.pull-right, article .align-right {
  float: right;
  margin: 5px 0 15px 15px;
}

/* =============================
19. Custom icon from custom font icon
============================= */

/* ==================================================
   Icons Example
================================================== */

.icons-example ul {
  margin: 0 0 0 -20px;
  padding: 0;
  text-align: center;
}

.icons-example ul li {
  display: inline-block;
  margin: 0 0 10px 20px;
  list-style: none;
  cursor: pointer;
}

.icons-example ul li a {
  display: inline;
  -webkit-transition: all 400ms ease-out 0s;
  -moz-transition: all 400ms ease-out 0s;
  -o-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}

.icons-example ul li a span {
  display: inline-block;
  margin: 0;
  color: #111;
  font-size: 32px;
  line-height: 70px;
}

/* =============================
20. Spacer, margin
============================= */

.clear-marginbot {
  margin-bottom: 0;
}

.marginbot10 {
  margin-bottom: 10px;
}

.marginbot20 {
  margin-bottom: 20px;
}

.marginbot30 {
  margin-bottom: 30px;
}

.marginbot40 {
  margin-bottom: 40px;
}

.clear-margintop {
  margin-top: 0;
}

.margintop10 {
  margin-top: 10px;
}

.margintop20 {
  margin-top: 20px;
}

.margintop30 {
  margin-top: 30px;
}

.margintop40 {
  margin-top: 40px;
}

/* =============================
21. Media queries
============================= */

body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

@media (min-width: 979px) and (max-width: 1200px) {
  #wrapper.boxed {
    width: 1000px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  #wrapper.boxed {
    width: 784px;
    margin: 0 auto;
  }
  .navbar .nav {
    border: none;
  }
  .navbar .nav li a {
    border: none;
  }
  a.detail {
    background: none;
    width: 100%;
  }
  .nivo-caption {
    width: 50%;
  }
  /* slitslider */
  .sl-slider h2 {
    font-size: 72px;
  }
  ul.clients li {
    width: 104px;
    margin: 0 20px 0 0;
  }
  ul.clients li .client-hover {
    width: 104px;
  }
  footer .widget form input#appendedInputButton {
    display: block;
    width: 91%;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
  }
  footer .widget form .input-append .btn {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
  }
  ul.related-folio li {
    width: 156px;
    margin: 0 20px 0 0;
  }
}
@media (max-width: 1080px) {
	#hero {top: calc(128px + 0.5vw)}
	}
@media (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
  #wrapper.boxed {
    width: 90%;
    margin: 0 auto;
  }
	.nivo-caption {
		width:80%;
  }
	.nivo-caption p {display:none}	
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0;
    margin-left: 0;
  }
  .navbar .nav {
    margin-top: 40px;
    border-bottom: 1px solid #2d2d2d;
  }
  div nav ul {
    display: none;
  }
  nav ul li>ul {
    display: none;
  }
  select.selectmenu {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: #111;
    margin-right: 20px;
    line-height: 30px;
    font-size: 13px;
  }
  select.selectmenu .bold {
    font-weight: bold;
  }
  .box {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
  }
  #featured .flexslider .slide-caption {
    width: 90%;
    padding: 2%;
    position: absolute;
    left: 0;
    bottom: -40px;
  }
  /* slitslider */
  .sl-slider h2 {
    font-size: 60px;
  }
  /* nivo slider */
  #inner-headline .breadcrumb {
    float: left;
    clear: both;
    width: 100%;
  }
  #inner-headline .search {
    float: left;
    margin-top: 20px;
  }
  .breadcrumb>li {
    font-size: 13px;
  }
  ul.portfolio li article a i.icon-48 {
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
  }
  .left-sidebar {
    border-right: none;
    padding: 0 0 0 0;
    border-bottom: 1px dotted #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 40px;
  }
  .right-sidebar {
    margin-top: 30px;
    border-left: none;
    padding: 0 0 0 0;
  }
  footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 {
    margin-bottom: 20px;
  }
  #sub-footer ul.social-network {
    float: left;
  }
  [class*="span"] {
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
	.nivo-caption {
    left: 0;
		top: 0;
    padding: 10px;
/*		background: none; */
		width:100%;
  }
	.nivo-caption h2 {margin-bottom:0;margin-bottom:10px}
	#featured h2+i {display:none;}
	.nivo-caption h3 {margin-bottom:10px}
	.nivo-caption .btn.btn-theme.right {position:absolute;bottom:10px;right:10px}
	header+#content, #TEC, #topimg, .m-top160 {margin-top: 160px;}

 /* header .logo {
    margin: 0 auto;
    text-align: center;
    float: none;
  }

  header .logo h1 {
    font-size: 14px;
    margin: 0;
  }*/

  .bottom-article a.pull-right {
    float: left;
    margin-top: 20px;
  }
  .navbar .nav {
    margin-top: 40px;
    border-bottom: 1px solid #2d2d2d;
  }
  .search {
    float: left;
  }
  .flexslider .slide-caption {
    display: none;
  }
  /* nivo slider
  .nivo-caption {
    background: none;
  }
  .nivo-caption p {
    display: none;
  } */
  .da-slide .da-img .video-container {
    margin-top: 50%;
  }
  .da-slide h2 {
    color: #fff;
    position: relative;
    font-size: 20px;
    width: auto;
  }
  .cta-text {
    margin: 0 auto;
    text-align: center;
  }
  .cta.floatright {
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  .jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal {
    margin-top: -30px;
  }
  #twitter-wrapper {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  ul.portfolio li article a i.icon-48 {
    width: 20px;
    height: 20px;
    font-size: 14px;
  }
}


/* ============== options panel for live preview ======================= */

#t_options {
  position: fixed;
  top: 30px;
  left: -230px;
  width: 230px;
  background-color: #111;
  color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  z-index: 5000;
  font-size: 11px;
  font-family: 'MergeOne-Regular', arial, sans-serif;
}

#t_options hr {
  margin: 20px 0;
  border: 0;
  border-top: none;
  border-bottom: 1px dotted #999;
}

#t_options h6 {
  color: #fff;
  font-size: 14px;
}

#t_options input {
  width: 60px;
}

#t_options .col {
  width: 50px;
  margin: 0 10px 0;
}

.colorpicker {
  z-index: 5001;
}

.options_inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.options_box {
  margin: 0 14px;
  padding: 10px 0 20px;
  overflow: hidden;
}

.options_box .solidline {
  margin-bottom: 10px;
}

.options_box h6 {
  text-align: center;
  font-weight: bold;
}

.options_box .full {
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}

.options_box .halfcol {
  width: 90px;
  float: left;
  margin: 0 5px;
}

.options_box .fourcol {
  width: 30px;
  float: left;
  margin: 0 5px;
}

.options_box .fourcol.color a {
  width: 30px;
  height: 30px;
  display: block;
  margin-bottom: 5px;
}

.options_box .halfcol .wideboxed h6 {
  font-size: 11px;
  font-weight: 600;
}

.options_toggle_holder {
  position: absolute;
  right: -40px;
}

.options_toggle {
  margin: 6px 0 0 4px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 1px solid #111;
  border-left: none;
  display: block;
  background-color: #111;
}

.options_toggle span .icon {
  margin: 10px 0 0 7px;
  display: block;
}

.options_toggle:hover, .options_toggle:focus, .options_toggle:active {
  outline: 0;
  text-decoration: none;
}

.options_heading {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #888;
}

/* colors */

.options_box a.t_default {
  background-color: #ef5523;
}

.options_box a.t_kissme {
  background-color: #6D0C1F;
}

.options_box a.t_lime {
  background-color: #C6DF45;
}

.options_box a.t_rose {
  background-color: #9E001D;
}

.options_box a.t_amethyst {
  background-color: #9b59b6;
}

.options_box a.t_asphalt {
  background-color: #34495e;
}

.options_box a.t_pomegranate {
  background-color: #c0392b;
}

.options_box a.t_pumpkin {
  background-color: #d35400;
}

.options_box a.t_lightorange {
  background-color: #f39c12;
}

.options_box a.t_red {
  background-color: #cb1103;
}

.options_box a.t_green {
  background-color: #9AC43C;
}

.options_box a.t_sand {
  background-color: #BFB372;
}

.options_box a.t_purple {
  background-color: #c81dbe;
}

.options_box a.t_yellow {
  background-color: #FFD053;
}

.options_box a.t_blue {
  background-color: #5C9CC7;
}

.options_box a.t_pink {
  background-color: #FF439E;
}

.bgr .bg {
  width: 28px;
  height: 28px;
  border: 1px solid #e6e6e6;
}

.bgr .bg.bg1 {
  background: url(../img/bodybg/bg1.png) repeat left top;
}

.bgr .bg.bg2 {
  background: url(../img/bodybg/bg2.png) repeat left top;
}

.bgr .bg.bg3 {
  background: url(../img/bodybg/bg3.jpg) repeat left top;
}

.bgr .bg.bg4 {
  background: url(../img/bodybg/bg4.png) repeat left top;
}

.bgr .bg.bg5 {
  background: url(../img/bodybg/bg5.png) repeat left top;
}

.bgr .bg.bg6 {
  background: url(../img/bodybg/bg6.png) repeat left top;
}

.bgr .bg.bg7 {
  background: url(../img/bodybg/bg7.png) repeat left top;
}

.bgr .bg.bg8 {
  background: url(../img/bodybg/bg8.jpg) repeat left top;
}

.bgr .bg.bg9 {
  background: url(../img/bodybg/bg9.png) repeat left top;
}

.bgr .bg.bg10 {
  background: url(../img/bodybg/bg10.png) repeat left top;
}

#accent_color {
  color: #fff;
  background-color: #ef5523;
  border: none;
  text-transform: uppercase;
  margin-left: 2px;
  text-align: center;
  outline: 0;
}

#bodybg_color {
  color: #fff;
  background-color: #ccc;
  border: none;
  text-transform: uppercase;
  margin-left: 2px;
  text-align: center;
  outline: 0;
}

/* Theme Styler :: End */
/*partner logos*/
a.client-logo {
				display:block;
				height:65px;
				overflow:hidden;
				background-position:top left;
				text-indent:-999px;
				float:left;
				margin-right:27px;
			}
a.client-logo:hover { background-position:bottom left; }
a.atta { width:113px; background-image:url(../img/clients/atta.gif); }
a.carlson { width:80px; background-image:url(../img/clients/carlson.gif); }
a.europcar { width:114px; background-image:url(../img/clients/europcar.gif); }
a.travelLife { width:145px; background-image:url(../img/clients/travelLife.gif); }
a.greenpop { width:67px; background-image:url(../img/clients/greenpop.gif); }
a.iata { width:98px; background-image:url(../img/clients/iata.gif); }
a.travelagents { width:64px; background-image:url(../img/clients/travelagents.gif); }
a.uftaa { width:89px; background-image:url(../img/clients/uftaa.gif); }
a.zambia { width:93px; background-image:url(../img/clients/zambia.gif); }
/*Portefolio*/
#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px;
}
#portfolio #portfolio0.portfolio-item {
    margin: 0 auto 15px;
}
#portfolio .portfolio-item .portfolio-link {
  position: relative;
  display: block;
  max-width: 400px;
  margin: 0 auto;
  cursor: pointer;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background: rgba(247, 147, 30, 0.9);
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  font-size: 20px;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 20px;
  margin-top: -12px;
  text-align: center;
  color: white;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  padding: 25px;
  text-align: center;
  background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
  margin: 0;
  text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
  font-size: 16px;
  font-style: italic;
  margin: 0;
  font-family: 'Open Sans';
}

#portfolio * {
  z-index: 2;
}

.portfolio-modal {
  padding-right: 0px !important;
}

.portfolio-modal .modal-dialog {
  margin: 1rem;
  max-width: 96vw;
	margin: 150px auto 0;
}

.portfolio-modal .modal-content {
  padding: 100px 0;
  text-align: left;
	background-color: #E9570C;
	color: #FFF;
	font-size: 18px;
}
.portfolio-modal .modal-content a {color:#FFF;}
.portfolio-modal .modal-content h2 {
  font-size: 1.5em;
  margin-bottom: 15px;
	color:#FFF;
}

.portfolio-modal .modal-content p {
	text-align: justify;
}

.portfolio-modal .modal-content p.item-intro {
  font-size: 18px;
  font-style: italic;
  margin: 20px 0 30px;
}

.portfolio-modal .modal-content ul.list-inline {
  margin-top: 0;
  margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}

.portfolio-modal .modal-content button {
  cursor: pointer;
}

.portfolio-modal .close-modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-color: transparent;
}

.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
  /* Safari and Chrome */
  z-index: 1051;
  width: 2px;
  height: 75px;
  margin-left: 35px;
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #FFF;
}

.portfolio-modal .close-modal .lr .rl {
  /* Safari and Chrome */
  z-index: 1052;
  width: 2px;
  height: 75px;
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #FFF;
}
/*Form*/
:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: 0.75rem;
}
#pax_dummy {display:none}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
		background-color:#fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-label-group {
  position: relative;
  margin-bottom: .5rem;
}
.form-label-group>input,
.form-label-group>textarea,
.form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group input:not(:placeholder-shown)~label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}
.form-label-group input[type="radio"].col-sm-1 {
	margin-bottom:auto;
}

.form-label-group>label {
  position: absolute;
  top: 0;
  left: 15px;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder,
.form-label-group>textarea::-webkit-input-placeholder,
.form-label-group input:-ms-input-placeholder,
.form-label-group>textarea::-ms-input-placeholder,
.form-label-group input::-moz-placeholder,
.form-label-group>textarea::-moz-placeholder,
.form-label-group input::placeholder,
.form-label-group>textarea::placeholder {
  color: transparent;
}

.img-100,.img-div>img {width: 100%;height: auto;}
.shaddow {
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	padding-left: 0;
	padding-right: 0;
}
.shaddow>div,aside>div.shaddow {
	padding: 20px 15px;
	}
 
@media (min-width: 992px){
.shaddow>div,aside>div.shaddow {
	padding: 30px;
	}
}
/*Travel Technology*/
.top-img img.onlineBookingTool {
    position: absolute;
    left: 10%;
		top: 10%;
		width: 30%;
    z-index: 100;
}
.markeOrange {text-transform: initial;color:#EE5F3C;display:inline-block;}
.V-orange {width:80px;height:80px;max-width:100%;vertical-align: bottom;}
/*.VoBack {
	padding: 20px;
	background: rgba(165,196,194 ,.2);
}
.VoBack>.row, .VoBack>.row>.col-lg-8, .VoBack>.row>.col-lg-4 {padding:0}*/
.VoBack>.row {margin:0}
.VoBack p {font-size:16px}
@media (min-width: 992px){.mt-minus60 {margin-top:-60px}}
@media (min-width: 1460px){.mt-minus160 {margin-top:-160px}}

@media (min-width: 848px){
	.V-orange {width:150px;height:150px;max-width:100%}
}

#travelTec .aqua h2,#travelTec .dark-aqua h3,#travelTec .orange h2,#travelTec .dark-orange h3 {font-family: 'Desyrel', Arial, sans-serif;margin-bottom: 0;color:#FFF}
#travelTec ul {margin-left:20px; display: inline-block;font-size:20px;}
#travelTec ul li {list-style-type: none;text-indent: -22px;line-height:1.2em}
#travelTec ul li::before {content: "\0020\0020";
display: inline-block;
position: relative;
vertical-align: middle;
width: 20px;
height: 20px;
background: url('../img/V2020-white.svg')no-repeat;}
#travelTec ul.specialLi li {list-style-type: none;text-indent: 0px;line-height: 1.6em;margin-bottom: 10px;}
#travelTec ul.specialLi li::before {
  content: "⋙";
  display: inline-block;
  position: relative;
  vertical-align: middle;
	width: 0;
	height: 30px;
	background: none;
	text-indent: -30px;
	color:#EC3B24;
}
#travelTec ul.special2Li li {list-style: disc;line-height: 1.6em;margin-bottom: 10px;}
#travelTec ul.special2Li li::before {background: none;}
/*localDeals*/
.background {
  background: rgba(0,0,0,0.04);
  padding: 20px;
}
#localDeals article h2 {font-size:24px;margin:15px 0 0;min-height:3.5em;}
#localDeals article h3 {font-size:18px;color:#6D6E70;min-height:2.5em;}
#localDeals a {color:inherit}
#localDeals a:hover {color:#EE5F3C}
#localDeals a.u-preis {color:#E9570C;font-size:34px;text-align:right;display:block;}
#localDeals a.u-preis:hover {color:#EC3B24;}
#localDeals p.description {min-height:5em;}
#localDeals a.btn {color:#FFF}
#localDeals .inner-nav ul {
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
		list-style-type: none;
		z-index: 100;
		position: relative;
}
#localDeals .inner-nav li {
	position: relative;
	background: #6D6E70;
	padding: 0 !important;
	float: left;
	display: block;
	height: 50px;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	line-height: 50px;
	color:#FFF;
}
#localDeals .inner-nav li>span,#localDeals .inner-nav li>a,#localDeals .inner-nav a:hover {color:#FFF;display: block;padding: 0 20px;font-size:16px}

#localDeals .inner-nav li>span {
	background-color:#E9570C; 
	-webkit-transition: all 0.1s ease-in 0.1s;
	-moz-transition: all 0.1s ease-in 0.1s;
	-o-transition: all 0.1s ease-in 0.1s;
	-ms-transition: all 0.1s ease-in 0.1s;
	transition: all 0.1s ease-in 0.1s;
}
#localDeals .inner-nav a:hover {background-color:#3C3C3B;color:#FFF}

#localDeals .inner-nav li>span::after {
	content: "";
	position: absolute;
	top: 0;
	right:-25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 25px;
	border-color: transparent transparent transparent #E9570C;
	border-left-color: rgb(233, 87, 12);
}
.video img+img {
  position: absolute;
	top: 50%; 
	top:calc(50% - 30px);
	left: 50%;
	left:calc(50% - 20px);
	z-index: 1;
	width: 40px !important;
}
span.img-div {
	display: block;
	position: relative;
}
.imgDescPos {
	bottom: 0;
	position: absolute;
	left: 4px;
	color: #ccc;
	font-size: 12px;
}
.text-small {
	font-size: 14px;
	display: block;
	line-height: 1em;
}
#localDeals form.col-10 {
	z-index:80;
	margin-top: -25px;
	position: relative;
}
form .row, form .row .row, form.shaddow>div {
    margin: 0!important;
    padding-top: 4px;
}
.odd>div:nth-child(2n) {
    background: rgba(109,110,112,.1);
}
.h2back {background: rgba(109,110,112,0.2);padding:20px 20px 0}
.greyback {padding:6px 15px;display:block;background:rgba(109,110,112,0.2)}
@media (max-width: 575px) {
	.socalDeals .inner-nav ul {
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
		list-style-type: none;
		z-index: 100;
		position: relative;
		overflow-x: scroll;overflow-y: hidden
	}
#localDeals .inner-nav li>a	{white-space: nowrap;}
#localDeals .inner-nav li>span::after {display:none}	
#detail {padding-top: 20px;}
}

/*Newsletter area*/
.arrowRight {
    float: right;
    content: "";
    position: absolute;
    top: -36px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 25px;
    border-color: transparent transparent transparent #E9570C;
        border-left-color: rgb(233, 87, 12);
    border-left-color: rgb(233, 87, 12);
    border-left-color: rgb(233, 87, 12);
} 

.arrowLeft {
    float: left;
    content: "";
    position: absolute;
    top: -36px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 25px 0;
    border-color: transparent  #E9570C transparent transparent;
        border-left-color: rgb(233, 87, 12);
    border-left-color: rgb(233, 87, 12);
    border-left-color: rgb(233, 87, 12);
} 
.col-624 {
	  -ms-flex: 0 0 624px;
    flex: 0 0 624px;
    max-width: 624px;
		position: relative;
}
#news .col-lg-4>div {
	background:rgba(60,60,59,1);
	padding:20px;
	width:100%;
}
#news .col-lg-4>div * {color:#FFF}
.newslist ul {list-style: none;} 
@media (min-width: 950px) {
.col-md-624 {
    max-width: calc(90% - 624px);
		margin:0 5%;
  }
}
/*header Navi Logo Links*/
.links {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

/*Newsletter subscription*/
.form-control.col-md-5 {
    margin-bottom: 4px;
}
.newsletter .form-control {
    display: inline-block;
}
#oldNews {
	position: relative;
  background-color: #E9570C;
  padding: 12px;
	clear: both;
}
#oldNews h5>a {position:relative;color:#FFF;}
#oldNews h5>a>span::after {
	content: "";
	position: absolute;
	top: 0;
	right:-15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #FFF;
	border-left-color: rgb(255, 255, 255);
}
.arrowLeft>span {position:absolute;left:35px;top:-10px}
.arrowRight>span {position:absolute;right:35px;top:-10px}
#box-email select {height:50px;}
.art-2 {display:none}
/*VIDEO*/
.wrapper{
    display:table;
    width:auto;
    position:relative;
}
.video {position:relative;width: 100% !IMPORTANT; height: auto !IMPORTANT;z-index:90}
.playpause {
    background-image:url(../img/play.png);
    background-repeat:no-repeat;
    width:130px;
    height:130px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
		z-index:100;
}
/*Bank Account*/
.account>div {
	padding: 0 3%;
	border-left: 4px solid #E9570C;
	margin-bottom: 20px;
}
.account input[type="radio"] {width:20px;display:inline;vertical-align: middle;}
.account label {display:inline;font-size:14px!important;color:initial}
.account strong {font-size:16px}



/*Rondel*/
.rondel {flex-wrap: nowrap;overflow: hidden;position:relative;}
.rondel article {width:300px;min-width:300px;margin:0 10px 20px}
.rondel article:first-of-type {margin-left:0}
.rondel h2,.rondel h3 {margin-bottom:0;line-height: 1.2;min-height: 3em;}
.rondel h2 {font-size:30px;}
.rondel h3,.rondel h5 {font-size:20px;}
.rondel h5 {margin-bottom:0}
.scrollarrow {width:100vw}
.rightarrow,.leftarrow {position:absolute;top:0;z-index:120;border:10px solid rgba(255,255,255,1);cursor:pointer}
.rightarrow {right:0}
.leftarrow  {left:0}
.scrollarrow [class^="icon-"].active,.rondel [class*=" icon-"].active{margin-right: 0 !important;}
.rondel article>a:first-of-type {height: 200px;display: block;}
@media (min-width: 1024px) {
	.rondel {margin-left:-10px}
}


/*Newsarea*/
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bannerwidth {
    max-width: 100%;
    margin: 0 0 0 auto;
}
@media (min-width: 992px) {
	.bannerwidth {max-width:300px}
}
.single-post h1,.single-post>h2 {font-size:30px;line-height:1.2em}
.search-widget form.example input[type="text"] {
    padding: 10px;
    font-size: 14px;
    border: 0;
    float: left;
    width: 80%;
    background: #eee;
		height:46px;
}
.search-widget form.example button {
    float: left;
    width: 20%;
    padding: 12px;
    background: #eee;
    color: #E9570C;
    font-size: 17px;
    border: 0;
    cursor: pointer;
}
.search-widget form.example::after {
    content: "";
    clear: both;
    display: table;
}
.single-widget {
    border: 1px solid #eee;
    padding: 40px 30px;
		margin-bottom: 30px;
    background-color: #E9570C;
}
.single-post-img-fluid {
    float: right;
    margin: 10px 0 10px 10px;
    width: 100%;
    max-width: 300px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.single-post-img-fluid {
    float: right;
    margin: 10px 0 10px 10px;
    width: 100%;
    max-width: 300px!important;
}
.single-widget.recent-posts-widget,.single-widget.category-widget {
    background-color: #EEE;
}
.recent-posts-widget .single-recent-post .recent-details h4,.category-widget ul li h6 {
	line-height: 1.5em !important;
	font-size: 16px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	margin-bottom:0;
}
.recent-details {min-width: 100%;}
.recent-details a {color:#3C3C3B}
.recent-details a:hover,.category-widget ul li h6:hover {color:#E9570C}
.category-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.category-widget ul li {
    border-bottom: 1px solid #aaa;
    padding: 10px 20px;
		font-size:16px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.paging {
    text-align: center;
    margin: 50px 0 150px;
}
.paging span.active {
    background-color: #E9570C;
    border: 1px solid #E9570C;
    color: #FFF;
    padding: 2px 4px;
}
.paging a {
    cursor: pointer;
    color: #3C3C3B;
    padding: 2px 4px;
    border: 1px solid #ddd;
    background-color: #ddd;
    margin: 0 2px;
}
.paging span {
    background-color: #FFF;
    border: 1px solid #FFF;
    color:  #E9570C;
    padding: 2px 4px;
}
.paging>* {
    display: inline-block;
    margin-bottom: 10px;
}

.rm {
    color: #E9570C;
    text-decoration: underline;
}

/* Ticker Area */

#ticker_area {
	position: absolute;
  background-color: rgba(30,30,30,0.7);
  color: #fff;
	width: 100%;
  z-index: 8;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	top:280px;
}
#news-ticker {
  padding: 10px 20px;
	background-color: rgba(30,30,30,0.7);
}
#carrentals {margin: 10px 0;}
#carrentals a {display:block;}
@media (min-width: 768px) {
	#ticker_area {
	max-width:350px;
	position: absolute;
  right: 0;
  top: 25%;
  color: #fff;
  z-index: 8;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
	}
#news-ticker {
  padding: 10px 20px;}
}
#ticker_area>* {margin-left:0}
#ticker_area h3 {margin-bottom: 0;font-size:22px;color:#fff }
#newsticker p {font-size: 14px;}
#ticker_area img {width:100%; margin:6px;}
#newsticker {width:310px;height:150px;float:left;margin-bottom:10px;overflow: hidden;position: relative;}
#newsticker+i {margin-left:55px;white-space: nowrap;}
#newsticker+i>a{font-family:"MergeOne-Regular"}
#newsticker>div {position:absolute}
#newsticker span {font-size:10px;display:inline;}

/*Blog*/
#blog,#blogSingle {font-family:"Quicksand", sans-serif}
#blog p {font-size:15px}
#blog .text-muted {color:rgba(64,64,64,1)!important}
.col-mb-40 {margin-bottom: 40px;}
.imgpos::before  {
	content: "";
	display: block;
	padding-top: 100%;
}
.imgpos1::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.imgpos,.imgpos1 {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-clip: border-box;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 99;
	cursor: pointer;
}
.imgpos:hover,.imgpos1:hover {
	background-position: 80% 80%;
	transition-timing-function: ease-in-out;
	transition-duration: 1s;
}
.imgpos1:hover {
	background-position: 80% 80%;
	transition-timing-function: ease-in-out;
	transition-duration: 1s;
}
.imgpos>a,.imgpos1>a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 5;
}


/*blogSingle*/
.topic {
    font-size: 36px;
    color: #e9570c;
    text-align: left;
    border-left-width: 8px !important;
    padding-right: 50px !important;
    padding-left: 50px !important;
    border-left-color: #e9570c !important;
    border-left-style: solid !important;
}
#blogSingle .entry-featured {
    max-height: 500px;
    overflow: hidden;
		width:100%;
}
#blogSingle .entry-featured>img {width:100%}
#blogSingle h1 {margin:20px 0 5px !important;}
.entry-meta span {
    padding: 0 20px 0 0;
    font-size: 13px;
    border: none;
    margin: 0;
    color: #858585;
    width: auto !important;
    display: inline !important;
}
#blogSingle .block-image {
    margin-bottom: 1em;
}
.blocks-gallery-grid, .wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - 32px)/4); 
}
.block-gallery .blocks-gallery-item {
    margin: 0 4px 8px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.block-gallery .blocks-gallery-item figure {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
		margin: 0;
		height: 100%;
}
.block-gallery.is-cropped .blocks-gallery-item img {
    height: 100%!important;
    flex: 1;
    object-fit: cover;
}
.block-gallery.is-cropped .blocks-gallery-item img {
    width: 100%;
}
h6.lightorange {font-size:16px;width:100%}
.social i {font-size:calc(2rem + 1.5vw)}
.socials i {font-size:calc(1.5rem + 0.5vw)}
.socials a {
  margin: 4px 6px;
}
.socials a:first-of-type {margin:4px 10px}
.socials a>span {color:#3C3C3B}
.socials span {display: inline-block;}
#socials {text-align:right;background: rgba(60, 60, 59, 0.9);}
#socials * {color:#FFF;}
#socials a *:hover {color:#e9570c}
#socials1 {
	display:none;
	-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.5);
}
aside {z-index: 99}
.uppercase {text-transform: uppercase}
.shaddow>div.share {padding: 0 15px;}
.share ul {list-style-type: none;text-align: right;}
.share li {display: inline-block;font-size:20px;margin-bottom: 10px;}
.share .facebookBack {background-color: #336699}
.share .twitterBack {background-color: #3399ff}
.share a,.share a:hover {color:#FFF;font-size:32px;}
.share .facebookBack:hover,.share .twitterBack:hover {background-color: #E9570C}

@media (max-width: 429px) {
/*.mobile-nav-toggle,#header-hidden-link {
  top: calc(3.5rem + 1.5vw + 4px);}*/
#newsticker {width: 210px;}
#socials {display:none;}
#socials1 {text-align:center;background-color:#FFF;display:block}
}
@media (max-width: 360px) {}
#company li::marker {
  font-weight: bold;
}
#company li {margin-bottom:1em}
#company .toc li>span {display:block}
.tocnumber,.tocnumber1, .toctext {
  display: table-cell;
  text-decoration: inherit;
}
.tocnumber,.tocnumber1 {
  padding-left: 0;
  padding-right: 0.5em;
	font-weight:bold;
}
.tocnumber1 {
  padding-left: 1.6em;
}
#VZgroup img.col-3 {height:auto;padding: 2%;}
#VZabout, #VZdirectors, #VZgroup, #VZourPlace {
	top: 40px;
	position: relative;}
@media (min-width: 800px){
	.column2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		font-weight: 500;
		column-gap: 3em;
	}
	.column2 li {break-inside: avoid-column;}
}

/*TMC Page*/
.TMCPage .text h6 {
  background-color: #E9570C;
  color: #FFF;
  display: table;
  height: 6rem;
  display: table-cell;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
	text-align:center;
}
.center {
	align-items: center;
	justify-content: center;
	display: flex;
}

/*Awards*/

#awards img, .travelLife {
  max-width: 100%;
  height: auto;
}
#awards p {  
	display: table;
  display: table-cell;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
	text-align:center;
	font-weight:bold;
}
#review {background: rgba(60, 60, 59,.1)}
#review img {
  border: 7px solid #fff;
}
.wrap {
	margin: 0 auto;
	text-align: left;
	max-width: 1170px;
	width: 90%;
}
#VZsustainability a {color:inherit;font-size: initial;}
#VZsustainability a:hover {color:#E9570C;}