/*=============================================================
Author:        Mehmet Karabulut
Author URI:    http://mehmetkarabulut.com
Version:       1.0.0
===============================================================

    COLOR SCHEME:

    Main Color : #d9534f
    Main Color Hover/Focus : #d8ba8e

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

/* ===========================================
// 01. GLOBAL
=============================================*/

/* ===== 01.1 RESETS ===== */

:root {
  --swiper-navigation-color: #fff;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Oswald', sans-serif;
  line-height: 1.9em;
  color: #656565;
  min-height: 75rem;
}

body.dark {
  background: #232628;
}

body.boxed {
  background: url(../images/boxed-bg.jpg) repeat;
  background-attachment: fixed;
}

body.boxed .wrapper {
  background: #fff;
  max-width: 1250px;
  overflow: hidden;
  position: relative;
  padding: 0;
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
  margin-left: auto;
  margin-right: auto;
}

body.dark.boxed .wrapper {
  background: #232628;
}

body.has-vertical-header {
  overflow-x: hidden;
}

body.has-vertical-header .wrapper {
  margin-left: 100px;
}

body.has-vertical-header-open .wrapper {
  margin-left: 280px;
}

body.has-vertical-header .wrapper {
  -webkit-transition: .4s;
  transition: .4s;
}

::-moz-selection {
  background: #f5f5f5;
}

::selection {
  background: #f5f5f5;
}

*::-moz-selection {
  background: #f5f5f5;
}

figure {
  margin: 0;
}

ul, li {
  margin: 0;
  padding: 0;
}

main {
  padding: 100px 0;
}

/* ===== 01.2 TYPOGRAPHY ===== */

h1, h2, h3, h4, h5, h6, button {
  font-weight: 600;
  color: #656565;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 15px;
  line-height: 28px;
}

a {
  color: #b5bec4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover, a:focus, a:active {
  color: #afafaf;
  text-decoration: none;
  outline: none;
  background: none;
}

/* ===========================================
// 02. GENERAL
=============================================*/

.mt0 {
  margin-top: 0px
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt35 {
  margin-top: 35px
}

.mt40 {
  margin-top: 40px
}

.mt45 {
  margin-top: 45px
}

.mt50 {
  margin-top: 50px
}

.mt55 {
  margin-top: 55px
}

.mt60 {
  margin-top: 60px
}

.mt65 {
  margin-top: 65px
}

.mt70 {
  margin-top: 70px
}

.mt75 {
  margin-top: 75px
}

.mt80 {
  margin-top: 80px
}

.mt85 {
  margin-top: 85px
}

.mt90 {
  margin-top: 90px
}

.mt95 {
  margin-top: 95px
}

.mt100 {
  margin-top: 100px
}

.mt-5 {
  margin-top: -5px
}

.mt-10 {
  margin-top: -10px
}

.mt-15 {
  margin-top: -15px
}

.mt-20 {
  margin-top: -20px
}

.mt-25 {
  margin-top: -25px
}

.mt-30 {
  margin-top: -30px
}

.mt-35 {
  margin-top: -35px
}

.mt-40 {
  margin-top: -40px
}

.mt-45 {
  margin-top: -45px
}

.mt-50 {
  margin-top: -50px
}

.mb0 {
  margin-bottom: 0px
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 30px
}

.mb35 {
  margin-bottom: 35px
}

.mb40 {
  margin-bottom: 40px
}

.mb45 {
  margin-bottom: 45px
}

.mb50 {
  margin-bottom: 50px
}

.mb55 {
  margin-bottom: 55px
}

.mb60 {
  margin-bottom: 60px
}

.mb65 {
  margin-bottom: 65px
}

.mb70 {
  margin-bottom: 70px
}

.mb75 {
  margin-bottom: 75px
}

.mb80 {
  margin-bottom: 80px
}

.mb85 {
  margin-bottom: 85px
}

.mb90 {
  margin-bottom: 90px
}

.mb95 {
  margin-bottom: 95px
}

.mb100 {
  margin-bottom: 100px
}

.mb-5 {
  margin-bottom: -5px
}

.mb-10 {
  margin-bottom: -10px
}

.mb-15 {
  margin-bottom: -15px
}

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

.mb-25 {
  margin-bottom: -25px
}

.mb-30 {
  margin-bottom: -30px
}

.mb-35 {
  margin-bottom: -35px
}

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

.mb-45 {
  margin-bottom: -45px
}

.mb-50 {
  margin-bottom: -50px
}

.pt0 {
  padding-top: 0px
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt25 {
  padding-top: 25px
}

.pt30 {
  padding-top: 30px
}

.pt35 {
  padding-top: 35px
}

.pt40 {
  padding-top: 40px
}

.pt45 {
  padding-top: 45px
}

.pt50 {
  padding-top: 50px
}

.pt55 {
  padding-top: 55px
}

.pt60 {
  padding-top: 60px
}

.pt65 {
  padding-top: 65px
}

.pt70 {
  padding-top: 70px
}

.pt75 {
  padding-top: 75px
}

.pt80 {
  padding-top: 80px
}

.mt85 {
  padding-top: 85px
}

.pt90 {
  padding-top: 90px
}

.pt95 {
  padding-top: 95px
}

.pt100 {
  padding-top: 100px
}

.pb0 {
  padding-bottom: 0px
}

.pb5 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb25 {
  padding-bottom: 25px
}

.pb30 {
  padding-bottom: 30px
}

.mb35 {
  padding-bottom: 35px
}

.pb40 {
  padding-bottom: 40px
}

.pb45 {
  padding-bottom: 45px
}

.pb50 {
  padding-bottom: 50px
}

.pb55 {
  padding-bottom: 55px
}

.pb60 {
  padding-bottom: 60px
}

.pb65 {
  padding-bottom: 65px
}

.pb70 {
  padding-bottom: 70px
}

.pb75 {
  padding-bottom: 75px
}

.pb80 {
  padding-bottom: 80px
}

.pb85 {
  padding-bottom: 85px
}

.pb90 {
  padding-bottom: 90px
}

.pb95 {
  padding-bottom: 95px
}

.pb100 {
  padding-bottom: 100px
}

.nop {
  padding: 0 !important;
}

.nopr {
  padding-right: 0 !important;
}

.nopl {
  padding-left: 0 !important;
}

.nom {
  margin: 0 !important
}

.nomr {
  margin-right: 0 !important;
}

.noml {
  margin-left: 0 !important;
}

.uppercase {
  text-transform: uppercase;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.box-shadow-001 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .01);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .01);
}

.box-shadow-002 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .02);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .02);
}

.box-shadow-003 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .03);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .03);
}

.box-shadow-004 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .04);
}

.box-shadow-005 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
}

.box-shadow-006 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .06);
}

.box-shadow-007 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
}

.box-shadow-008 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .08);
}

.box-shadow-009 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .09);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .09);
}

.box-shadow-01 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
}

.box-shadow-011 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .11);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .11);
}

.box-shadow-012 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .12);
}

.box-shadow-013 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .13);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .13);
}

.box-shadow-014 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .14);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .14);
}

.box-shadow-015 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .15);
}

.box-shadow-016 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .16);
}

.box-shadow-017 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .17);
}

.box-shadow-018 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .18);
}

.box-shadow-019 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .19);
}

.box-shadow-20 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .2);
}

.box-shadow-021 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .21);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .21);
}

.box-shadow-022 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .22);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .22);
}

.box-shadow-023 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .23);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .23);
}

.box-shadow-024 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .24);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .24);
}

.box-shadow-025 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25);
}

.box-shadow-026 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .26);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .26);
}

.box-shadow-027 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .27);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .27);
}

.box-shadow-028 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .28);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .28);
}

.box-shadow-029 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .29);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .29);
}

.box-shadow-30 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .3);
}

.box-shadow-031 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .31);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .31);
}

.box-shadow-032 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .32);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .32);
}

.box-shadow-033 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .33);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .33);
}

.box-shadow-034 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .34);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .34);
}

.box-shadow-035 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .35);
}

.box-shadow-036 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .36);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .36);
}

.box-shadow-037 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .37);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .37);
}

.box-shadow-038 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .38);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .38);
}

.box-shadow-039 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .39);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .39);
}

.box-shadow-04 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .4);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .4);
}

.box-shadow-041 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .41);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .41);
}

.box-shadow-042 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
}

.box-shadow-043 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
}

.box-shadow-044 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .44);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .44);
}

.box-shadow-045 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .45);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .45);
}

.box-shadow-046 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .46);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .46);
}

.box-shadow-047 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .47);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .47);
}

.box-shadow-048 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .48);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .48);
}

.box-shadow-049 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .49);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .49);
}

.box-shadow-05 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .5);
}

.color-overlay, .color-overlay-hover, .gradient-overlay, .gradient-overlay-hover, .dotted-overlay {
  position: relative;
}

.color-overlay *, .color-overlay-hover *, .gradient-overlay *, .gradient-overlay-hover *, .dotted-overlay-hover * {
  z-index: 99;
}

.color-overlay:after, .color-overlay-hover:after, .color-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: #333333;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.color-overlay:after, .color-overlay-hover:hover:after, .color-slider .slotholder:after {
  opacity: .3;
}

.gradient-overlay:after, .gradient-overlay-hover:after, .gradient-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: linear-gradient(45deg, rgb(240, 100, 150), rgb(140, 200, 208));
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.gradient-slider .slotholder:after {
  z-index: 99;
}

.gradient-overlay:after, .gradient-overlay-hover:hover:after, .gradient-slider .slotholder:after {
  opacity: .3;
}

.dotted-overlay:after, .dotted-overlay-hover:after, .dotted-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: url("../images/icons/gridtile.png");
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.dotted-overlay:after, .dotted-overlay-hover:hover:after, .dotted-slider .slotholder:after {
  opacity: .3;
}

.op1:after, .op1 .slotholder:after {
  opacity: .1;
}

.op2:after, .op2 .slotholder:after {
  opacity: .2;
}

.op3:after, .op3 .slotholder:after {
  opacity: .3;
}

.op4:after, .op4 .slotholder:after {
  opacity: .4;
}

.op5:after, .op5 .slotholder:after {
  opacity: .5;
}

.op5:after, .op5 .slotholder:after {
  opacity: .5;
}

.op6:after, .op6 .slotholder:after {
  opacity: .6;
}

.op7:after, .op7 .slotholder:after {
  opacity: .7;
}

.op8:after, .op8 .slotholder:after {
  opacity: .8;
}

.op9:after, .op9 .slotholder:after {
  opacity: .9;
}

.link-icon, .image-icon, .instagram-icon {
  position: relative;
}

.link-icon:before, .image-icon:before, .instagram-icon:before {
  font-family: Flaticon;
  position: absolute;
  top: calc(50% - 18px);
  right: calc(50% - 18px);
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 36px;
  color: #a4a4a4;
  z-index: 99;
  font-size: 18px;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
  pointer-events: none;
}

.link-icon.sm:before, .image-icon.sm:before, .instgram.sm:before {
  top: calc(50% - 13px);
  right: calc(50% - 13px);
  width: 26px;
  height: 26px;
  border-radius: 2px;
  line-height: 26px;
  font-size: 12px;
}

.link-icon:before {
  content: "\f102";
}

.image-icon:before {
  content: "\f100";
}

.instagram-icon:before {
  font-family: FontAwesome;
  content: "\f16d"
}

.link-icon:hover:before, .image-icon:hover:before, .instagram-icon:hover:before {
  opacity: .8;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #8e0222;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5;
  z-index: 1;
}

.overlay.o10 {
  opacity: .1;
}

.overlay.o20 {
  opacity: .2;
}

.overlay.o30 {
  opacity: .3;
}

.overlay.o40 {
  opacity: .4;
}

.overlay.o50 {
  opacity: .5;
}

.overlay.o60 {
  opacity: .6;
}

.overlay.o70 {
  opacity: .7;
}

.overlay.o80 {
  opacity: .8;
}

.overlay.o90 {
  opacity: .9;
}


/* BOOTSTRAP SELECT */

.bootstrap-select {
  display: block !important;
}

.form-control.bootstrap-select button, .form-control.bootstrap-select button.dropdown-toggle {
  background: #f7f8f9;
  border: 1px solid #efefef;
  height: 45px;
  border-radius: 0;
  padding: 10px 10px;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
}

.form-control.bootstrap-select button .bs-caret {
  margin-right: -20px;
}

.form-control.bootstrap-select button:hover, .form-control.bootstrap-select button:active, .form-control.bootstrap-select button:focus {
  outline: none !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

.form-control.bootstrap-select .popover-title {
  background: #f7f8f9;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  color: #afafaf;
  text-transform: uppercase;
  padding: 8px 10px;
  border-bottom: 1px solid #efefef;
}

.form-control.bootstrap-select .dropdown-menu {
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  border-radius: 2px;
  padding-bottom: 0;
  margin-top: 15px;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item, .form-control.bootstrap-select .btn-info:not(:disabled):not(.disabled):active {
  color: #afafaf;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item:active, .form-control.bootstrap-select .dropdown-menu a.dropdown-item.active {
  background: #efefef;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item span.dropdown-item-inner {
  outline: none;
}

.form-control.bootstrap-select .dropdown-menu .dropdown-header {
  text-transform: uppercase;
  font-weight: 700;
  color: #a4a4a4;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item span.dropdown-item-inner.opt {
  padding-left: 0;
}

.form-control.bootstrap-select.btn-group.show-tick .dropdown-menu a.selected span.dropdown-item-inner span.check-mark {
  right: 0;
}

.form-control.bootstrap-select button.close {
  margin-top: -10px;
  background: transparent !important;
  border: none;
}


textarea {
  max-width: 100%;
  min-height: 150px;
}

::-webkit-input-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

:-moz-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

::-moz-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

.back-to-top {
  visibility: hidden;
  height: 50px;
  width: 50px;
  background: #d9534f;
  border-radius: 4px;
  right: 60px;
  bottom: 20px;
  position: fixed;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  z-index: 999;
}

.back-to-top i {
  color: #fff;
  line-height: 50px;
  font-size: 22px;
}

.back-to-top:hover, .back-to-top:focus {
  background: #db706d;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1);
}

.back-to-top:hover {
  cursor: pointer;
}

.back-to-top.active {
  visibility: visible;
  bottom: 60px;
  opacity: 1;
}

.load-more {
  width: 250px;
  margin: 0 auto;
  margin-top: 80px;
  background: #f7f8f9;
  ;
  border: 1px solid #f2f2f2;
  ;
  border-radius: 50px;
  padding: 8px 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
}

.load-more:hover {
  background: #f2f2f2;
}


.btn.btn-rounded {
  border-radius: 50px;
}

.social-media a {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 2px;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
}

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

.social-media a i {
  font-size: 15px;
}

.social-media a:hover {
  color: #fff;
}

.social-media .facebook {
  color: #3b5998;
}

.social-media .facebook:hover {
  background: #3b5998;
  border-color: #3b5998;
}

.social-media .twitter {
  color: #4099FF;
}

.social-media .twitter:hover {
  background: #4099FF;
  border-color: #4099ff;
}

.social-media .googleplus {
  color: #d34836;
}

.social-media .googleplus:hover {
  background: #d34836;
  border-color: #d34836;
}

.social-media .pinterest {
  color: #cb2027;
}

.social-media .pinterest:hover {
  background: #cb2027;
  border-color: #cb2027;
}

.social-media .linkedin {
  color: #007bb6;
}

.social-media .linkedin:hover {
  background: #007bb6;
  border-color: #007bb6;
}

.social-media .youtube {
  color: #bb0000;
}

.social-media .youtube:hover {
  background: #bb0000;
  border-color: #bb0000;
}

.social-media .instagram {
  color: #125688;
}

.social-media .instagram:hover {
  background: #125688;
  border-color: #125688;
}

.social-media .tripadvisor {
  color: #00a680;
}

.social-media .tripadvisor:hover {
  background: #00a680;
  border-color: #00a680;
}

/* ===== 11.8 LOADING ===== */

.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
}

.loader.dark {
  background: #444;
}

.loader .loader-logo {
  top: -60px;
  position: relative;
}

.loader .loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.loader1 .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #d9534f;
  border-radius: 100%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: loader1;
  animation-name: loader1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes loader1 {
  0% {
    width: 0px;
    height: 0px;
  }
  to {
    width: 50px;
    height: 50px;
  }
}

@keyframes loader1 {
  0% {
    width: 0px;
    height: 0px;
  }
  to {
    width: 50px;
    height: 50px;
  }
}

.loader2 .loader-inner span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d9534f;
  opacity: 0;
  -webkit-animation: loader2 3.4s infinite ease-in-out;
  animation: loader2 3.4s infinite ease-in-out;
}

.loader2 .loader-inner span:nth-of-type(1) {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}

.loader2 .loader-inner span:nth-of-type(2) {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.loader2 .loader-inner span:nth-of-type(3) {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}

.loader2 .loader-inner span:nth-of-type(4) {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.loader2 .loader-inner span:nth-of-type(5) {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.loader2 img {
  max-width: 100px;
}

@-webkit-keyframes loader2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
  }
}

@keyframes loader2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
  }
}

.loader3 .spin {
  position: relative;
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}

.loader3 p {
  margin-bottom: 3em;
}

.loader3 .spin span {
  position: absolute;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #d9534f #efefef #efefef;
  -webkit-animation: loader3 2s infinite linear;
  animation: loader3 2s infinite linear;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
}

.dark.loader3 .spin span {
  border-color: #d9534f #333 #333;
}

.loader3 .spin img {
  margin-top: 60px;
  max-width: 90px;
}

@-webkit-keyframes loader3 {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes loader3 {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
    transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
  }
}

@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
    transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
  }
}


/* ===== 11.12 404 ===== */

.error-404-page .error-num {
  font-size: 200px;
  font-weight: 600;
  position: relative;
  padding: 150px 0;
  color: #e3e3e3;
  display: inline-block;
}

.error-404-page .error-num span {
  position: absolute;
  width: 110px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 8px 0px;
  background: #fff;
  font-size: 24px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
}

.error-404-page .search-form {
  position: relative;
}

.error-404-page .search-form .form-control {
  display: inline-block;
  padding: 22px 15px;
  border-radius: 2px;
}

.error-404-page .search-form button {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60px;
  height: 45px;
  border-radius: 0 2px 2px 0;
  border: none;
  text-align: center;
}

.error404-fullscreen-page {
  padding: 0;
  margin: 0;
  height: 100%;
  background: url("../images/404.jpg");
  background-size: cover;
  background-position: center center;
  padding: 0;
}

.error404-fullscreen-page .inner {
  position: relative;
  text-align: center;
}

.error404-fullscreen-page .error-number {
  font-size: 200px;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  opacity: .5;
}

.error404-fullscreen-page .inner .title {
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  opacity: .5;
}

.error404-fullscreen-page .or {
  margin: 0 10px;
  color: #fff;
  font-size: 12px;
}







/***********************************************************************************/
.top-bar.navbar {
  -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
}

.top-bar .nav-item .nav-link {
  font-size: 16px;
  font-weight: 300;
  margin: 0 5px;
  border: 1px dashed transparent;
}

.top-bar .nav-item.active .nav-link, .top-bar .nav-item .nav-link:hover {
  color: #ff5100;
  border-color: #ff5100;
}

.navbar-brand img{ height: 60px;}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgb(217, 83, 79);
}

.btn-icon-default{
  display: inline-block;
  height: 54px;
  min-width: 220px;
  padding: 0;
  border: none;
  position: relative;
  overflow: hidden;
}

.btn-icon-default .btn-icon {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 60px;
  height: 101%;
  -webkit-clip-path: polygon(0 0,100% 0,80% 100%,0 100%);
  clip-path: polygon(0 0,100% 0,80% 100%,0 100%);
}


.btn-icon-default.btn-icon-blue .btn-icon {
  background-color: #4b3ea1;
}

.btn-icon-default.btn-icon-blue {
  background-color: #3a2a8d;
}

.btn-icon-default.btn-icon-blue:hover {
  background-color: #4b3ea1;
}

.btn-icon-default.btn-icon-orange .btn-icon {
  background-color: #ff5100;
}

.btn-icon-default.btn-icon-orange {
  background-color: #db420f;
}

.btn-icon-default.btn-icon-orange:hover {
  background-color: #ff5100;
}

.btn-icon-default.btn-icon-red .btn-icon {
  background-color: #dc6c69;
}

.btn-icon-default.btn-icon-red {
  background-color: #d9534f;
}

.btn-icon-default.btn-icon-red:hover {
  background-color: #dc6c69;
}

.btn-icon-default.btn-icon-green .btn-icon {
  background-color: #48b04b;
}

.btn-icon-default.btn-icon-green {
  background-color: #348f36;
}

.btn-icon-default.btn-icon-green:hover {
  background-color: #48b04b;
}

.btn-icon-default.btn-icon-info .btn-icon {
  background-color: #1194f6;
}

.btn-icon-default.btn-icon-info {
  background-color: #0083e7;
}

.btn-icon-default.btn-icon-info:hover {
  background-color: #1194f6;
}


.btn-icon-default .btn-icon i {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 45%;
  font-size: 24px;
  transform: translate(-50%,-50%);
}

.btn-icon-default .btn-text {
  padding-left: 60px;
  font-size: 18px;
  padding-top: 5px;
  padding-right: 5px;
  color: #fff;
}

.btn-icon-default .btn-text .text-row {
  display: block;
  text-align: center;
  line-height: 20px;
}

.btn-icon-default .btn-text .text-row small {
  font-size: 11px;
}

footer {
  background-color: #f9f9f9;
  background-image: url(../images/footer-bg.png);
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 10px;
}


.swiper-container {
  width: 100%;
  height: 450px;
  border-radius: 4px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper2 {
  height: 450px;
  width: 100%;
}

.mySwiper {
  height: 15%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.nav-tabs {
  border-bottom: none;
}

.nav-tabs .nav-link {
  margin-right: 2px;
  background: #efefef;
  color: #a4a4a4;
  font-weight: 500;
  padding: 6px 15px;
  border-radius: 4px 4px 0 0;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
  background: #d9534f;
  border-color: #d9534f;
  color: #fff;
}

.tab-content {
  border: 1px solid #efefef;
  padding: 15px;
}

.tab-content ul {
  margin-left: 30px;
}

.room-services-list ul li {
  padding: 5px 0;
  text-transform: uppercase;
}

.room-services-list ul li i {
  margin-right: 10px;
  color: #82B73A;
}

.room-services-list ul li.no i {
  color: #f1572f;
}



/* ===========================================
// 08. WIDGETS
=============================================*/

/* ===== 08.1 GENERAL ===== */

.sidebar .widget {
  margin-bottom: 50px;
  border: 1px solid #656565;
  padding: 15px;
  position: relative;
}

.sidebar .widget.noborder {
  padding: 0px;
  border: none;
}

.sidebar .widget .widget-title {
  padding-top: 10px;
  padding-bottom: 30px;
  text-align: center;
  font-size: 28px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  color: #f1572f;
  text-transform: uppercase;
}

.sidebar .widget .widget-title:after {
  content: '';
  width: 40px;
  background: #f1572f;
  height: 1px;
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  margin-top: 10px;
}

.sidebar .widget .vertical-booking-form {
  border-radius: 0;
}

/* ===== 08.3 CATEGORIES ===== */

.sidebar .widget .categories li {
  border-bottom: 1px dashed #656565;
  list-style: none;
  padding: 7px 0;
}

.sidebar .widget .categories li a {
  display: list-item;
  font-size: 15px;
  color: #656565;
}

.sidebar .widget .categories li a:hover {
  color: #f1572f;
}

.sidebar .widget .categories li .posts-num {
  float: right;
  font-size: 14px;
}

.section-title {
  padding-bottom: 5px;
  position: relative;
}

.section-title h3 {
  color: #f1572f;
}

.section-title:after {
  position: absolute;
  display: block;
  content: '';
  width: 30px;
  height: 1px;
  background: #f1572f;
  margin-top: 5px;
}

.section-title.aligncenter:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.contracts{}
.contracts > a{ font-size: 12px;}
.contracts > a:hover{color: #f1572f;}
.contracts > a::after{  content: "|"; color: #b5bec4; margin: 0 5px; }
.contracts > a:last-child::after{  content: ""; }


.mobile-phone-whatsapp {
  position: fixed;
  bottom: 0;
  left: 15px;
  right: 15px;
  background: #f9f9f9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 99;
}

.mobile-phone-whatsapp a {
  display: block;
  color: #0c242e;
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 0;
  line-height: 25px;
}
.mobile-phone-whatsapp a:hover {
  font-size: 1.2rem;
}

.mobile-phone-whatsapp a i {
  font-size: 16px;
  margin-right: 5px;
}

.mobile-phone-whatsapp a.border-right {
  border-right: 1px solid #ddd;
}

.mobile-phone-whatsapp.shadow.top {
  -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.1) !important;;
  -moz-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.1) !important;;
  box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.1) !important;
}