@charset "UTF-8";

/*

	[Master Stylesheet]

	Theme Name: Travele

	Theme URI: https://themeforest.net/user/keonthemes

	Description: Travele is an expressive, virtuous, user friendly and powerful HTML 5 Template suitable for any travel or tour agency, hotel, flight websites. Easy to use & customize, code & design quality, responsive theme, creative sliders, flexibility, many of premade pages, multiple portfolio options, responsive blog options and quick support – these are the outstanding features and quality to make you stand out from the crowd. This template boasts clean features, modern and unique design which make your website more beautiful. This template was built in Bootstrap 4, HTML5 and CSS3.

	Author: Keon Themes

	Author URI: https://themeforest.net/user/keonthemes

	Version: 1.0.0

	Primary use: travel

*/

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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1. Normalize

2. Typography

3. Table

4. Forms

5. Buttons

6. Pagination

7. Clearing

8. Main Header

9. Home front section

	* Home page two

	* Home slider section

	* Home travel search section

	* Home destination section

	* Home package section 

	* Home callback section 

	* Home activity section  

	* Home Travel choice section

	* Home gallery section 

	* Home clinet section  

	* Home subscribe form section    

	* Home blog section

	* Home testimonial section  

	* Home contact section  

10. main Footer

11. pages

	* About Pages

	* Destination Pages

	* Package Tour Pages

	* Package Offer Pages

	* Package Detail Pages

	* Service Pages

	* Gallery Pages

	* Search Pages

	* 404 Pages

	* Comming Soon Pages

	* Blog Archive Pages

	* Blog Single Pages

	* Contact Pages

	* FAQ Pages

	* Shop Pages

		*Product Right

		*Product Detail

		*Product Cart 

		*Product Checkout

	* Tour Cart Page

	* Booking Page

	* Comfirmation Page

12. compatibility

    * Widget Siderbar



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

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

>>> Normalize

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


@font-face {

	font-family: 'main';

	src: url('fonts/main.ttf');

	src: local('?'), url('fonts/main.ttf') format('truetype');
 
}



html {

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

}



body {

  margin: 0;


}



main {

  display: block;

}



figure {

  margin: 0;

}



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}



pre {

  font-family: main;

  font-size: 1em;

}



a {

  background-color: transparent;

}



abbr[title] {

  border-bottom: none;

  text-decoration: underline;

  text-decoration: underline dotted;

}



code,

kbd,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



img {

  border-style: none;

}



button,

input,

optgroup,

select,

textarea {

  font-family: inherit;

  font-size: 100%;

  line-height: 1.15;

  margin: 0;

}



button,

input {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

[type=button],

[type=reset],

[type=submit] {

  -webkit-appearance: button;

}



button::-moz-focus-inner,

[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



button:-moz-focusring,

[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring {

  outline: 1px dotted ButtonText;

}



fieldset {

  padding: 0.35em 0.75em 0.625em;

}



legend {

  box-sizing: border-box;

  color: inherit;

  display: table;

  max-width: 100%;

  padding: 0;

  white-space: normal;

}



progress {

  vertical-align: baseline;

}



textarea {

  overflow: auto;

}



[type=checkbox],

[type=radio] {

  box-sizing: border-box;

  padding: 0;

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

  height: auto;

}



[type=search] {

  -webkit-appearance: textfield;

  outline-offset: -2px;

}



[type=search]::-webkit-search-decoration {

  -webkit-appearance: none;

}



::-webkit-file-upload-button {

  -webkit-appearance: button;

  font: inherit;

}



details {

  display: block;

}



summary {

  display: list-item;

}



template {

  display: none;

}



[hidden] {

  display: none;

}



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

>>> Typography

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

body {

  font-size: 17px;

  color: #383838;

  background-color: #ffffff;

  font-family: "main";

  font-weight: normal;

  font-style: normal;

  line-height: 1.6;

  -webkit-font-smoothing: antialiased;

  word-wrap: break-word;
    direction: rtl;

}

@media screen and (max-width: 575px) {

.baskettpp{

}

  body {

    font-size: 14px;

  }

}



p {

  line-height: 1.7;

  margin: 0 0 15px;

  word-wrap: break-word;
    text-align: right;
    font-size: 17px;
}



dfn, cite, em, i {

  font-style: italic;

}



blockquote, pre {

  background-color: #fafafa;

  border-width: 0 0 0 3px;

  border-color: #d9d9d9;

  border-style: solid;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

  color: #1a1a1a;

  font-family: "Open Sans", sans-serif;

  font-style: italic;

  margin: 0 0 15px 0;

  padding: 25px 22px;

  font-size: 18px;

}

blockquote p, pre p {

  margin-bottom: 0;

}



blockquote {

  background-color: transparent;

  border-left: none;

  color: #101F46;

  margin: 40px 0;

  text-align: center;

  position: relative;

  padding: 30px;

}

blockquote:before {

  background-color: #fff;

  color: #333333;

  content: "\f10d";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-size: 20px;

  float: left;

  margin-right: 20px;

  line-height: 1;

  font-style: normal;

  position: absolute;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  top: -10px;

  padding: 0 10px;

  z-index: 9;

}

blockquote:after {

  border-bottom: 2px solid #ddd;

  border-top: 2px solid #ddd;

  content: "";

  bottom: 0;

  content: "";

  display: block;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  position: absolute;

  top: 0;

  width: 200px;

}

blockquote p {

  font-size: 28px;

  line-height: 1.4;

}

blockquote cite {

  color: #8d8d8d;

  display: block;

  font-style: normal;

  font-size: 13px;

}



abbr, acronym {

  border-bottom: 1px dotted #4d4d4d;

  cursor: help;

}



mark, ins {

  text-decoration: none;

  padding-left: 5px;

  padding-right: 5px;

}



big {

  font-size: 125%;

}



b, strong {

  font-weight: 700;

}



iframe {

  display: block;

 

}



img {

  height: auto;

  max-width: 100%;

  vertical-align: top;

}



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

# Heading

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

h1, h2, h3, h4, h5, h6 {

  color: #101F46;

  font-family: "main";

}



h1, h2, h3, h4, h5, h6 {

  margin: 0 0 15px;

  line-height: 1.2;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  color: inherit;

}



h1 {

  font-size: 65px;

  font-weight: 900;

}



h2 {

  font-size: 40px;

  font-weight: 500;

}



h3 {

  font-size: 20px;

  font-weight: 700;

}



h4 {

  font-size: 18px;

  font-weight: 700;

}



h5 {

  font-size: 15px;

}



h6 {

  font-size: 12px;

}



@media screen and (max-width: 767px) {

  h1 {

    font-size: 32px;

  }



  h2 {

    font-size: 24px;

  }



  h3 {

    font-size: 18px;

  }



  h4 {

    font-size: 14px;

  }



  h5 {

    font-size: 14px;

  }



  h6 {

    font-size: 12px;

  }

}

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

# Lists

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

ul,

ol {

  margin: 0 0 1.5em 0.875em;
    font-family: auto;

}



ul {

  list-style: disc;

}



ol {

  list-style: decimal;

}



li > ul,

li > ol {

  margin-bottom: 0;

  margin-left: 1.5em;

}



dt {

  font-weight: bold;

}



dd {

  margin: 0 1.5em 1.5em;

}



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

# Links

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

a {

  color: #0085BA;

  text-decoration: none;

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  -ms-transition: color 0.3s;

  -o-transition: color 0.3s;

  transition: color 0.3s;

}

a:hover, a:focus, a:active {

  color: #2C75BA;

  text-decoration: none;

  outline: 0;

}

a:visited {

  text-decoration: none;

  outline: 0;

}



/* Text meant only for screen readers. */

.screen-reader-text {

  border: 0;

  clip: rect(1px, 1px, 1px, 1px);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}

.screen-reader-text:focus {

  background-color: #e6e6e6;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  clip-path: none;

  color: #1a1a1a;

  display: block;

  font-size: 14px;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



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

# Others

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

.container {

  max-width: 1170px;

  padding-left: 15px;

  padding-right: 15px;

}



.overlay {

  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.section-heading {

  margin-bottom: 30px;
text-align: right;

}

.section-heading h2 {

  font-size: 48px;

  font-weight: 900;

  line-height: 1.1;

  text-transform: uppercase;

}

.section-heading h5 {

  color: #F56960;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 22px;

  text-transform: uppercase;

  display: inline-block;

}

.section-heading p:last-child {

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .section-heading h2 {

    font-size: 30px;

  }

}

@media screen and (max-width: 575px) {

  .section-heading {

    margin-bottom: 30px;

  }

  .section-heading h2 {

    font-size: 24px;

  }

}



.section-heading .dash-style {

  padding-right: 88px;

  position: relative;

}

.section-heading .dash-style:before {

  background-color: #F56960;

  content: "";

  height: 2px;

  width: 70px;

  margin-right: 10px;

  position: absolute;

  right: 0;

  top: 50%;

}



.title-icon-divider {

  color: #0791BE;

  line-height: 1;

  position: relative;

  margin-top: 25px;

}

.title-icon-divider:before, .title-icon-divider:after {

  content: "....";

  display: inline-block;

  font-size: 37px;

  line-height: 0;

  letter-spacing: 3px;

}

.title-icon-divider [class*=fa-] {

  font-size: 20px;

  margin-left: 10px;

  margin-right: 10px;

}

.title-icon-divider ~ p {

  margin-top: 30px;

}



.title-icon-divider {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.text-center .title-icon-divider {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}



.section-heading-white {

  color: #ffffff;

}

.section-heading-white .dash-style {

  color: #ffffff;

}

.section-heading-white .dash-style:before {

  background-color: #ffffff;

}



.section-heading-white2 .dash-style:before {

  background-color: #000;

}



.section-heading-white h2,

.section-heading-white p {

  color: #ffffff;

}

.section-heading-white .title-icon-divider {

  color: #ffffff;

}



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

>>> table

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

table {

  color: #737373;

  margin: 0 0 1.5em;

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  width: 100%;

  font-size: 15px;

}

table thead tr {

 

}

table thead tr th {

  color: #383838;

}

table.table {

  color: #737373;

}



th {

  border-width: 0 1px 1px 0;

  font-weight: 700;

}



td {

  border-width: 0 1px 1px 0;

  border-bottom: 1px solid #e6e6e6;

}



th, td {

  padding: 8px;

}



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

>>> form

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

form {

  position: relative;

}



input[type=text],

input[type=email],

input[type=url],

input[type=password],

input[type=search],

input[type=number],

input[type=tel],

input[type=range],

input[type=date],

input[type=month],

input[type=week],

input[type=time],

input[type=datetime],

input[type=datetime-local],

input[type=color] {

  height: 48px;

}



input[type=text],

input[type=email],

input[type=url],

input[type=password],

input[type=search],

input[type=number],

input[type=tel],

input[type=range],

input[type=date],

input[type=month],

input[type=week],

input[type=time],

input[type=datetime],

input[type=datetime-local],

input[type=color],

textarea {

  background-color: #ffffff;

  border: 1px solid #d9d9d9;

  font-size: 14px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  padding: 0 10px;

}

input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=number]:focus,

input[type=tel]:focus,

input[type=range]:focus,

input[type=date]:focus,

input[type=month]:focus,

input[type=week]:focus,

input[type=time]:focus,

input[type=datetime]:focus,

input[type=datetime-local]:focus,

input[type=color]:focus,

textarea:focus {

  border-color: #F56960;

  outline: 0;

}

input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active,

input[type=email]:-webkit-autofill,

input[type=email]:-webkit-autofill:hover,

input[type=email]:-webkit-autofill:focus,

input[type=email]:-webkit-autofill:active,

input[type=url]:-webkit-autofill,

input[type=url]:-webkit-autofill:hover,

input[type=url]:-webkit-autofill:focus,

input[type=url]:-webkit-autofill:active,

input[type=password]:-webkit-autofill,

input[type=password]:-webkit-autofill:hover,

input[type=password]:-webkit-autofill:focus,

input[type=password]:-webkit-autofill:active,

input[type=search]:-webkit-autofill,

input[type=search]:-webkit-autofill:hover,

input[type=search]:-webkit-autofill:focus,

input[type=search]:-webkit-autofill:active,

input[type=number]:-webkit-autofill,

input[type=number]:-webkit-autofill:hover,

input[type=number]:-webkit-autofill:focus,

input[type=number]:-webkit-autofill:active,

input[type=tel]:-webkit-autofill,

input[type=tel]:-webkit-autofill:hover,

input[type=tel]:-webkit-autofill:focus,

input[type=tel]:-webkit-autofill:active,

input[type=range]:-webkit-autofill,

input[type=range]:-webkit-autofill:hover,

input[type=range]:-webkit-autofill:focus,

input[type=range]:-webkit-autofill:active,

input[type=date]:-webkit-autofill,

input[type=date]:-webkit-autofill:hover,

input[type=date]:-webkit-autofill:focus,

input[type=date]:-webkit-autofill:active,

input[type=month]:-webkit-autofill,

input[type=month]:-webkit-autofill:hover,

input[type=month]:-webkit-autofill:focus,

input[type=month]:-webkit-autofill:active,

input[type=week]:-webkit-autofill,

input[type=week]:-webkit-autofill:hover,

input[type=week]:-webkit-autofill:focus,

input[type=week]:-webkit-autofill:active,

input[type=time]:-webkit-autofill,

input[type=time]:-webkit-autofill:hover,

input[type=time]:-webkit-autofill:focus,

input[type=time]:-webkit-autofill:active,

input[type=datetime]:-webkit-autofill,

input[type=datetime]:-webkit-autofill:hover,

input[type=datetime]:-webkit-autofill:focus,

input[type=datetime]:-webkit-autofill:active,

input[type=datetime-local]:-webkit-autofill,

input[type=datetime-local]:-webkit-autofill:hover,

input[type=datetime-local]:-webkit-autofill:focus,

input[type=datetime-local]:-webkit-autofill:active,

input[type=color]:-webkit-autofill,

input[type=color]:-webkit-autofill:hover,

input[type=color]:-webkit-autofill:focus,

input[type=color]:-webkit-autofill:active,

textarea:-webkit-autofill,

textarea:-webkit-autofill:hover,

textarea:-webkit-autofill:focus,

textarea:-webkit-autofill:active {

  -webkit-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  -moz-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  -ms-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  -o-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  background-color: rgba(0, 0, 0, 0) !important;

}



textarea {

  padding: 20px 10px;

  width: 100%;

}



select {

  border: 1px solid #d9d9d9;

  color: #383838;

  height: 48px;

  padding: 0 30px 0 10px;

}

select option {

  padding: 8px;

}

select:focus {

  outline: none;

}



form label {

  font-weight: normal;

}



.search-form {

  position: relative;

}

.search-form input {

  width: 100%;

  padding: 0 55px 0 10px;

}

.search-form button {

  background-color: #F56960;

  color: #ffffff;

  font-size: 15px;

  border: none;

  position: absolute;

  right: 4px;

  top: 3px;

  padding: 13px;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.search-form button:hover {

  background-color: #2C75BA;

}



.form-group {

  margin-bottom: 15px;

}

.form-group select {

  height: 48px;

}

.form-group select,

.form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) {

  width: 100%;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

}

.form-group label {

  display: block;

  color: #383838;

  font-size: 15px;

  margin-bottom: 10px;

}

.form-group label.checkbox-list {

  position: relative;

  padding-left: 30px;

}

.form-group label .custom-checkbox {

  display: inline-block;

  width: 18px;

  height: 18px;

  border: 1px solid #e6e6e6;

  position: absolute;

  left: 0;

  top: 2px;

}

.form-group label .custom-checkbox:before {

  background-color: #F56960;

  content: "\f00c";

  font-family: "Font Awesome 5 Free";

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  opacity: 0;

  font-weight: 900;

  font-size: 10px;

  color: #fff;

  text-align: center;

}

.form-group label input[type=checkbox] {

  opacity: 0;

  position: absolute;

  z-index: -9;

}

.form-group label input:checked ~ .custom-checkbox {

  border-color: #F56960;

}

.form-group label input:checked ~ .custom-checkbox:before {

  opacity: 1;

}



.custom-radio-field {

  position: relative;

  padding-left: 30px;

}

.custom-radio-field .radio-field {

  display: inline-block;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  overflow: hidden;

  width: 20px;

  height: 20px;

  border: 1px solid #e6e6e6;

  position: absolute;

  left: 0;

  top: 2px;

}

.custom-radio-field .radio-field:before {

  background-color: #999;

  border-radius: 100%;

  content: "\f00c";

  color: #ffffff;

  font-family: "Font Awesome 5 Free";

  font-size: 8px;

  font-weight: 900;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  text-align: center;

  line-height: 19px;

  opacity: 0;

  -webkit-transition: all 0.3s linear 0.1s;

  -moz-transition: all 0.3s linear 0.1s;

  -ms-transition: all 0.3s linear 0.1s;

  -o-transition: all 0.3s linear 0.1s;

  transition: all 0.3s linear 0.1s;

}

.custom-radio-field input[type=radio] {

  opacity: 0;

  position: absolute;

  z-index: -9;

}

.custom-radio-field input:checked ~ .radio-field:before {

  opacity: 1;

}



.trip-date-input {

  position: relative;

}

.trip-date-input i {

  position: absolute;

  bottom: 15px;

  right: 10px;

}



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

>>> button

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

.outline-primary,

.outline-round, .button-primary,

.button-round,

.button-secondary {

  font-size: 15px;

  line-height: 1.3;

  padding: 15px 30px;

  font-weight: 600;

}

@media screen and (max-width: 575px) {

  .outline-primary,

.outline-round, .button-primary,

.button-round,

.button-secondary {

    font-size: 14px;

    padding: 10px 20px;

  }

}



input[type=button],

input[type=reset],

input[type=submit] {

  border: none;

  background-color: #F56960;

  color: #ffffff;

  cursor: pointer;

  padding: 10px 10px;

  font-weight: 600;

  -webkit-transition: background-color 0.3s;

  -moz-transition: background-color 0.3s;

  -ms-transition: background-color 0.3s;

  -o-transition: background-color 0.3s;

  transition: background-color 0.3s;

}

input[type=button]:hover, input[type=button]:active, input[type=button]:focus,

input[type=reset]:hover,

input[type=reset]:active,

input[type=reset]:focus,

input[type=submit]:hover,

input[type=submit]:active,

input[type=submit]:focus {

  background-color: #2C75BA;

}



.button-primary,

.button-round {

  background-color: #F56960;

}



.button-secondary {

  background-color: #0791BE;

}



.button-primary,

.button-round,

.button-secondary {

  border: none;

  color: #ffffff;

  display: inline-block;

  position: relative;

  -webkit-transition: background-color 0.3s;

  -moz-transition: background-color 0.3s;

  -ms-transition: background-color 0.3s;

  -o-transition: background-color 0.3s;

  transition: background-color 0.3s;

}

.button-primary:hover, .button-primary:focus, .button-primary:active,

.button-round:hover,

.button-round:focus,

.button-round:active,

.button-secondary:hover,

.button-secondary:focus,

.button-secondary:active {

  background-color: #2C75BA;

  color: #ffffff;

}



.outline-primary,

.outline-round {

  background-color: transparent;

  border: 2px solid #292929;

  padding: 13px 30px;

  color: #292929;

  display: inline-block;

  position: relative;

  -webkit-transition: background-color 0.3s, border-color 0.3s;

  -moz-transition: background-color 0.3s, border-color 0.3s;

  -ms-transition: background-color 0.3s, border-color 0.3s;

  -o-transition: background-color 0.3s, border-color 0.3s;

  transition: background-color 0.3s, border-color 0.3s;

}

.outline-primary:hover, .outline-primary:focus, .outline-primary:active,

.outline-round:hover,

.outline-round:focus,

.outline-round:active {

  background-color: #2C75BA;

  border-color: #2C75BA;

  color: #ffffff;

}



.button-round,

.outline-round {

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

}



.button-text {

  color: #0791BE;

  font-weight: 600;

  position: relative;

  line-height: 1.3;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.button-text:hover, .button-text:focus, .button-text:active {

  color: #F56960;

}



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

>>> Default 

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

.white-bg {

  background-color: #ffffff;

}



.bg-light-grey {

  background-color: #f8f8f8;

}



.primary-bg {

  background-color: #F56960;

}



.secondary-bg {

  background-color: #0791BE;

}



.pl-20 {

  padding-left: 20px;

}



.pr-40 {

  padding-right: 40px;

}



.site-loader {

  background-color: #ffffff;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 9999;

  text-align: center;

}

.site-loader .preloader-content {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 70px;

}



.social-links ul {

  margin: 0;

  padding: 0;

  font-size: 0;

}

.social-links li {

  display: inline-block;

  list-style: none;

  margin: 0 10px;

}

.social-links a {

  font-size: 16px;

  color: #404040;

  -webkit-transition: color 0.4s;

  -moz-transition: color 0.4s;

  -ms-transition: color 0.4s;

  -o-transition: color 0.4s;

  transition: color 0.4s;

}

.social-links a:hover, .social-links a:focus, .social-links a:active {

  color: #2C75BA;

}



.social-icon-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.social-icon-wrap .social-icon {

  padding: 5px;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.social-icon-wrap .social-icon a {

  background-color: #F56960;

  color: #ffffff;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.social-icon-wrap .social-icon a:hover {

  -webkit-filter: saturate(1.5) brightness(1.2);

  -moz-filter: saturate(1.5) brightness(1.2);

  -ms-filter: saturate(1.5) brightness(1.2);

  -o-filter: saturate(1.5) brightness(1.2);

  filter: saturate(1.5) brightness(1.2);

}

.social-icon-wrap .social-icon [class*=fa-] {

  width: 40px;

  text-align: center;

}

.social-icon-wrap .social-icon span {

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(transparent));

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.12), transparent);

  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.12), transparent);

  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), transparent);

  padding: 10px 15px;

}

.social-icon-wrap .social-facebook a {

  background-color: #3b5998;

}

.social-icon-wrap .social-pinterest a {

  background-color: #bd081c;

}

.social-icon-wrap .social-whatsapp a {

  background-color: #25d366;

}

.social-icon-wrap .social-linkedin a {

  background-color: #0077b5;

}

.social-icon-wrap .social-twitter a {

  background-color: #1da1f2;

}

.social-icon-wrap .social-google a {

  background-color: #dd4b39;

}



.to-top-icon {

  background-color: rgba(245, 105, 96, 0.7);

  color: #ffffff;

  font-size: 20px;

  display: none;

  line-height: 45px;

  text-align: center;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  width: 45px;

  height: 45px;

  position: fixed;

  right: 15px;

  bottom: 15px;

  z-index: 99;

  -webkit-transition: background-color 0.3s, color 0.3s;

  -moz-transition: background-color 0.3s, color 0.3s;

  -ms-transition: background-color 0.3s, color 0.3s;

  -o-transition: background-color 0.3s, color 0.3s;

  transition: background-color 0.3s, color 0.3s;

}

.to-top-icon:hover {

  background-color: #2C75BA;

  color: #ffffff;

}

@media screen and (max-width: 575px) {

  .to-top-icon {

    width: 25px;

    height: 25px;

    line-height: 25px;

    font-size: 13px;

    right: 10px;

    bottom: 10px;

  }

}



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

>>> Pagination

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

.post-navigation-wrap {

  margin-top: 30px;

}



.pagination {

  margin: 0;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}

.pagination li {

  margin: 0 5px;

}

.pagination li a {

  color: #444444;

  display: block;

  border: 1px solid #e6e6e6;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 100%;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pagination li a:hover {

  background-color: #F56960;

  border-color: #F56960;

  color: #ffffff;

}

.pagination li.active a {

  background-color: #F56960;

  border-color: #F56960;

  color: #ffffff;

}



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

>>> Clearing

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

.clearfix:before, .clearfix:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after {

  content: "";

  display: block;

  clear: both;

}



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

>>> Main Header 

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

.site-header {

  position: relative;

}

.site-header .black-logo {

  display: none;

}



.header-primary {

  left: 0;

  right: 0;

  position: absolute;

  width: 100%;

  top: 0;

  z-index: 99;

}



/*--- top header css start ---*/

.top-header {

  border-bottom: 1px solid rgba(255, 255, 255, 0.25);

}



.header-contact-info {

  color: #fafafa;

  padding: 11px 0;

}

.header-contact-info ul {

  font-size: 0px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.header-contact-info ul li {

  display: inline-block;

  font-size: 13px;

  padding: 0 15px;

}

.header-contact-info ul li:last-child {

  padding-right: 0;

}

.header-contact-info ul li:first-child {

  padding-left: 0;

}

.header-contact-info ul li [class*=fa-] {

  margin-right: 5px;

}

.header-contact-info ul li a {

  color: #fcfcfc;

  display: block;

  -webkit-transition: color 0.4s linear;

  -moz-transition: color 0.4s linear;

  -ms-transition: color 0.4s linear;

  -o-transition: color 0.4s linear;

  transition: color 0.4s linear;

}

.header-contact-info ul li a:hover, .header-contact-info ul li a:focus, .header-contact-info ul li a:active {

  color: #2C75BA;

}



.header-social {

  display: -webkit-inline-box;

  display: -moz-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-align-content: center;

  -moz-align-content: center;

  -ms-align-content: center;

  align-content: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.header-social li {

  margin: 0 8px;

}

.header-social a {

  color: #fafafa;

}

.header-social a:hover, .header-social a:focus {

  color: #2C75BA;

}

@media screen and (max-width: 991px) {

  .header-social {

    padding: 10px 0;

  }

}



.header-search-icon {

  display: -webkit-inline-box;

  display: -moz-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-align-content: center;

  -moz-align-content: center;

  -ms-align-content: center;

  align-content: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-left: 1px solid rgba(255, 255, 255, 0.25);

  border-right: 1px solid rgba(255, 255, 255, 0.25);

  margin-left: 10px;

}

.header-search-icon .search-icon {

  background-color: transparent;

  border: none;

  border-radius: 0;

  color: #ffffff;

  height: 100%;

  padding: 0 15px;

  width: 100%;

}

.header-search-icon .search-icon:hover, .header-search-icon .search-icon:focus {

  outline: none;

  color: #2C75BA;

}



/*--- top header css end ---*/

/*--- header Logo css start ---*/

.site-identity .site-title {

  margin: 0;

  line-height: 1.1;

  font-size: 28px;

}

.site-identity .site-description {

  font-size: 13px;

  margin-bottom: 0;

}

.site-identity img {

  max-width: 110px;

  -webkit-transition: opacity 0.4s linear;

  -moz-transition: opacity 0.4s linear;

  -ms-transition: opacity 0.4s linear;

  -o-transition: opacity 0.4s linear;

  transition: opacity 0.4s linear;

}

.site-identity a {

  display: block;

}

.site-identity a:hover img, .site-identity a:focus img, .site-identity a:active img {

  opacity: 1;

}

@media screen and (max-width: 575px) {

  .site-identity img {

    max-width: 115px;

  }

}



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

>>> Main Header Menu

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

@media screen and (max-width: 991px) {

  .bottom-header {

    border-bottom: 1px solid rgba(255, 255, 255, 0.25);

    padding: 1px 0;

  }

}



.navigation-container {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

@media screen and (max-width: 991px) {

  .navigation-container {

    padding-right: 35px;

  }

}



.main-navigation .navigation > ul > li {

  display: inline-block;

  padding: 0 20px;

}

.main-navigation ul {

  font-size: 0;

  list-style: none;

  margin: 0;

  padding: 0;

}

.main-navigation ul > li.menu-item-has-children > a:after {

  content: "\f0d7";

}

.main-navigation ul > li:last-child {

  border-bottom: none;

}

.main-navigation ul > li:last-child:before {

  display: none;

}

.main-navigation ul > li > a {

  color: #ffffff;

  display: inline-block;

  font-size: 19px;

  padding: 30px 0;
 

  line-height: 1.3;

  position: relative;

  text-transform: uppercase;

}

.main-navigation ul > li:hover > ul, .main-navigation ul > li:focus > ul, .main-navigation ul > li:active > ul {

  display: block;

}

.main-navigation ul > li:hover > a, .main-navigation ul > li:focus > a, .main-navigation ul > li:active > a {

  color: #F56960;

}

.main-navigation ul > li:hover > a:after, .main-navigation ul > li:focus > a:after, .main-navigation ul > li:active > a:after {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}

.main-navigation ul ul {

  background: #ffffff;

  border-top: 4px solid #F56960;

  right: 0;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 100%;

  width: 250px;

  z-index: 99;

  display: none;

  text-align: left;

  -webkit-animation: slide-up 0.3s ease-out;

  -moz-animation: slide-up 0.3s ease-out;

  -ms-animation: slide-up 0.3s ease-out;

  -o-animation: slide-up 0.3s ease-out;

  animation: slide-up 0.3s ease-out;

}

.main-navigation ul ul li {

  border-bottom: 1px solid #DDD;

  position: relative;

  display: block;

}

.main-navigation ul ul li a {

  color: #333;

  display: block;

  padding: 10px 20px;

  text-transform: capitalize;

     font-size: 17px;
    text-align: right;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus, .main-navigation ul ul li a:active {

  padding-left: 30px;

  color: #F56960;

}

.main-navigation ul ul li > ul {

  right: 100%;

  top: 0;

}

.main-navigation ul ul li.menu-item-has-children > a:after {

  content: "\f0da";

}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li:focus > ul, .main-navigation ul ul li:active > ul {

  display: block;

  top: -3px;

}

.main-navigation ul ul li:hover a:after, .main-navigation ul ul li:focus a:after, .main-navigation ul ul li:active a:after {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}

.main-navigation ul li {

  position: relative;

}

.main-navigation ul li:last-child ul, .main-navigation ul li:nth-last-child(2) ul {
 

}

.main-navigation ul li:last-child ul ul, .main-navigation ul li:nth-last-child(2) ul ul {

  right: 100%;

}

.main-navigation ul li.menu-item-has-children > a {

  position: relative;

}

.main-navigation ul li.menu-item-has-children > a:after {

  display: inline-block;

  float: right;

  font-size: 14px;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-weight: 900;

  margin-left: 4PX;

  -webkit-transition: transform 0.4s;

  -moz-transition: transform 0.4s;

  -ms-transition: transform 0.4s;

  -o-transition: transform 0.4s;

  transition: transform 0.4s;

}

.main-navigation ul li.menu-item-has-children li:hover > a, .main-navigation ul li.menu-item-has-children li:focus > a {

  background-color: #2C75BA;

  color: #ffffff;

}

.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-parent > a {

  color: #F56960;

}



@-webkit-keyframes slide-up {

  from {

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

  }

  to {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

}

@-moz-keyframes slide-up {

  from {

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

  }

  to {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

}

@-o-keyframes slide-up {

  from {

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

  }

  to {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slide-up {

  from {

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

  }

  to {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

}

.header-btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  white-space: nowrap;

}

.header-btn a {

  padding: 10px 24px;

}

@media screen and (max-width: 575px) {

  .header-btn {

    -webkit-justify-content: flex-end;

    -moz-justify-content: flex-end;

    -ms-justify-content: flex-end;

    justify-content: flex-end;

    -ms-flex-pack: flex-end;

  }

  .header-btn a {

    padding: 8px 20px;

    font-size: 14px;

  }

}



/*---  header search css ---*/

.header-search-form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-search-form {

  background-color: rgba(0, 0, 0, 0.4);

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  -webkit-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  -moz-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  -ms-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  -o-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  z-index: 999;

}

.header-search-form .header-search {

  position: relative;

}

.header-search-form input[type=text] {

  background-color: #ffffff;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  color: #292929;

  border: none;

  width: 100%;

  height: 42px;

  padding: 0 20px;

  text-align: center;

}

.header-search-form .search-close {

  color: #ffffff;

  position: absolute;

  top: 20px;

  right: 20px;

  font-size: 18px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.header-search-form .search-close:hover, .header-search-form .search-close:focus, .header-search-form .search-close:active {

  color: #2C75BA;

}

.header-search-form.search-in {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



/*---  fixed header css ---*/

.bottom-header {

  -webkit-transition: background-color 0.5s linear;

  -moz-transition: background-color 0.5s linear;

  -ms-transition: background-color 0.5s linear;

  -o-transition: background-color 0.5s linear;

  transition: background-color 0.5s linear;

}



@media screen and (min-width: 992px) {

  .fixed-header .bottom-header {

    background-color: #ffffff;

    -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    position: fixed;

    top: 0;

    width: 100%;

    left: 0;

    z-index: 999;

  }

  .fixed-header .bottom-header .white-logo {

    display: none;

  }

  .fixed-header .bottom-header .black-logo {

    display: block;

  }

}

@media screen and (max-width: 991px) {

  .fixed-header .bottom-header {

    background-color: transparent;

    position: relative;

  }

}

.fixed-header .main-navigation .navigation > ul > li > a {

  color: #101F46;

  padding: 22px 0;

}

.fixed-header .main-navigation .navigation > ul > li > a:before {

  background-color: #234499;

}

.fixed-header .header-icons .icon-item a {

  color: #101F46;

}

.fixed-header .header-icons .icon-item a:hover {

  color: #2C75BA;

}

@media screen and (max-width: 991px) {

  .fixed-header .mobile-menu-container {

    background-color: #ffffff;

    -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    position: fixed;

    top: 0;

    width: 100%;

    left: 0;

    z-index: 999;

  }

  .fixed-header .mobile-menu-container .slicknav_nav {

    min-height: calc(100vh - 78px);

    height: 100%;

    overflow-y: scroll;

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

  }

  .fixed-header .mobile-menu-container .slicknav_menu .slicknav_menutxt {

    color: #212121;

  }

  .fixed-header .mobile-menu-container .slicknav_btn .slicknav_icon span {

    background-color: #212121;

  }

  .fixed-header .mobile-menu-container .slicknav_btn .slicknav_icon span:first-child:before, .fixed-header .mobile-menu-container .slicknav_btn .slicknav_icon span:first-child:after {

    background-color: #212121;

  }

}



/*---  mobile slick Nav css ---*/

/* Slicknav - a Mobile Menu */

.mobile-menu-container .slicknav_menu {

  background-color: transparent;

  padding: 0;
direction: ltr;

}

@media screen and (min-width: 992px) {

  .mobile-menu-container .slicknav_menu {

    display: none;

  }

}

.mobile-menu-container .slicknav_menu .slicknav_btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-flex-direction: row-reverse;

  -moz-flex-direction: row-reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

  margin: 10px 0;

  float: none;

}

.mobile-menu-container .slicknav_menu .slicknav_icon {

  margin-left: 0;

  margin-right: 10px;

}

.mobile-menu-container .slicknav_menu .slicknav_menutxt {

  color: #FFF;

  text-shadow: none;

  font-weight: normal;

  font-size: 16px;

  font-weight: 700;

}

.mobile-menu-container .slicknav_menu .slicknav_nav li {

  border-top: 1px solid #e6e6e6;

}

.mobile-menu-container .slicknav_menu .slicknav_nav li .slicknav_arrow {

  color: #7a7a7a;

  font-size: 13px;

}

.mobile-menu-container .slicknav_menu .slicknav_row {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 0;

  margin: 0;

}

.mobile-menu-container .slicknav_menu .slicknav_row > a {

  width: -moz-calc(100% - 45px);

  width: -webkit-calc(100% - 45px);

  width: calc(100% - 45px);

}

.mobile-menu-container .slicknav_menu .slicknav_row .slicknav_item {

  border-left: 1px solid #e6e6e6;

  width: 45px;

  padding: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}

.mobile-menu-container .slicknav_menu .slicknav_row .slicknav_item .slicknav_arrow {

  position: static;

  padding: 0;

  margin: 0;

}

.mobile-menu-container .slicknav_menu .slicknav_row:hover, .mobile-menu-container .slicknav_menu .slicknav_row:focus, .mobile-menu-container .slicknav_menu .slicknav_row:active {

  background-color: transparent;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

}

@media screen and (max-width: 991px) {

  .mobile-menu-container {

    border-bottom: 1px solid rgba(255, 255, 255, 0.25);

  }

}



.slicknav_menu .slicknav_btn {

  background-color: transparent;

  padding: 0;

}

.slicknav_menu .slicknav_icon-bar {

  background-color: #242424;

}

.slicknav_menu .slicknav_nav ul {

  margin: 0;

  padding: 0;

}

.slicknav_menu .slicknav_nav li {

  position: relative;

  list-style: none;

}

.slicknav_menu .slicknav_nav li a {

  display: inline-block;

  font-size: 15px;

  color: #333333;

  font-weight: 600;

  padding: 10px 15px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.slicknav_menu .slicknav_nav li a:hover, .slicknav_menu .slicknav_nav li a:focus, .slicknav_menu .slicknav_nav li a:active {

  background-color: transparent;

  color: #2C75BA;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

}

.slicknav_menu .slicknav_nav {

  background-color: #ffffff;

  -webkit-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1);

}

.slicknav_menu .slicknav_arrow {

  position: absolute;

  right: 5px;

  height: 100%;

  top: 0;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  padding: 0 10px;

}



.slicknav_btn {

  position: relative;

  display: block;

  vertical-align: middle;

  float: right;

  padding: 0;

  line-height: 1.125em;

  cursor: pointer;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.slicknav_btn .slicknav_icon {

  width: 22px;

  height: 16px;

  display: block;

  position: relative;

  margin-top: 1px;

}

.slicknav_btn .slicknav_icon:before {

  display: none;

}

.slicknav_btn .slicknav_icon span {

  background-color: #FFF;

  box-shadow: none;

  display: none;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 2px;

  margin: 0;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.slicknav_btn .slicknav_icon span:first-child {

  display: block;

}

.slicknav_btn .slicknav_icon span:first-child:before, .slicknav_btn .slicknav_icon span:first-child:after {

  background-color: #FFF;

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-transition-property: top, transform;

  -moz-transition-property: top, transform;

  -ms-transition-property: top, transform;

  -o-transition-property: top, transform;

  transition-property: top, transform;

  -webkit-transition-delay: 0.5s, 0s;

  -moz-transition-delay: 0.5s, 0s;

  -ms-transition-delay: 0.5s, 0s;

  -o-transition-delay: 0.5s, 0s;

  transition-delay: 0.5s, 0s;

  -webkit-transition-duration: 0.5s, 0.5s;

  -moz-transition-duration: 0.5s, 0.5s;

  -ms-transition-duration: 0.5s, 0.5s;

  -o-transition-duration: 0.5s, 0.5s;

  transition-duration: 0.5s, 0.5s;

}

.slicknav_btn .slicknav_icon span:first-child:before {

  top: -6px;

}

.slicknav_btn .slicknav_icon span:first-child:after {

  top: 6px;

}

.slicknav_btn.slicknav_open span:first-child {

  background-color: transparent !important;

}

.slicknav_btn.slicknav_open span:first-child:before, .slicknav_btn.slicknav_open span:first-child:after {

  -webkit-transition-delay: 0s, 0.5s;

  -moz-transition-delay: 0s, 0.5s;

  -ms-transition-delay: 0s, 0.5s;

  -o-transition-delay: 0s, 0.5s;

  transition-delay: 0s, 0.5s;

}

.slicknav_btn.slicknav_open span:first-child:before {

  top: 0;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.slicknav_btn.slicknav_open span:first-child:after {

  top: 0;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



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

>>> Home Main section  

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

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

>>> Home slider section  

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

.slick-slider {

  position: relative;

}

.slick-slider .slick-prev {

  left: 15px;

}

.slick-slider .slick-prev:before {

  content: "\f053";

}

.slick-slider .slick-next {

  right: 15px;

}

.slick-slider .slick-next:before {

  content: "\f054";

}

.slick-slider .slick-prev,

.slick-slider .slick-next {

  z-index: 1;

  width: auto;

  height: auto;

}

.slick-slider .slick-prev:before,

.slick-slider .slick-next:before {

  background-color: rgba(0, 0, 0, 0.8);

  color: #ffffff;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  display: block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  height: 40px;

  width: 40px;

  text-align: center;

  line-height: 40px;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.slick-slider .slick-prev:hover:before, .slick-slider .slick-prev:focus:before, .slick-slider .slick-prev:active:before,

.slick-slider .slick-next:hover:before,

.slick-slider .slick-next:focus:before,

.slick-slider .slick-next:active:before {

  background-color: #2C75BA;

  color: #ffffff;

}



.slick-dots {

  list-style: none;

  margin: 0;

  padding: 0;

}

.slick-dots li {

  width: auto;

  height: auto;

  margin: 0 6px;

}

.slick-dots li button {

  background-color: #c6c6c6;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  width: 10px;

  height: 10px;

}

.slick-dots li button:before {

  display: none;

}

.slick-dots li button:hover {

  background-color: #0791BE;

}

.slick-dots li.slick-active button {

  background-color: #0791BE;

}



.home-slider .slick-dots {

  bottom: 100px;

}

.home-slider .slick-arrow {

  -webkit-transition: linear 0.6s;

  -moz-transition: linear 0.6s;

  -ms-transition: linear 0.6s;

  -o-transition: linear 0.6s;

  transition: linear 0.6s;

  opacity: 0;

}

.home-slider .slick-arrow:before {

  font-size: 15px;

  width: 45px;

  height: 45px;

  line-height: 45px;

}

.home-slider .slick-prev {

  left: -100px;

}

.home-slider .slick-next {

  right: -100px;

}

.home-slider:hover .slick-arrow {

  opacity: 1;

}

.home-slider:hover .slick-prev {

  left: 15px;

}

.home-slider:hover .slick-next {

  right: 15px;

}

@media screen and (max-width: 575px) {

  .home-slider .slick-arrow:before {

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 11px;

  }

}



.home-slider {

  position: relative;

  overflow: hidden;

}

.home-slider .home-banner-items .banner-content-wrap {

  padding-bottom: 230px;

}

.home-slider .banner-content {

  margin-left: auto;

  margin-right: auto;

  max-width: 75%;

}



.banner-inner-wrap {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -ms-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  position: absolute;

  bottom: 0;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.home-banner-items {

  position: relative;

}

.home-banner-items .banner-content-wrap {

  padding-bottom: 140px;

  padding-top: 230px;

}

.home-banner-items .banner-content {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  z-index: 1;

}

.home-banner-items .banner-content .banner-title {

  font-size: 70px;

  color: #ffffff;

  line-height: 1.1;

  font-weight: 400;

  margin-bottom: 30px;

}

.home-banner-items .banner-content p {

  color: #ffffff;

  margin-bottom: 45px;

}

.home-banner-items .banner-content .slider-button {

  margin-left: -10px;

  margin-right: -10px;

}

.home-banner-items .banner-content .slider-button a {

  margin: 10px;

}

.home-banner-items .overlay {

  background-color: rgba(21, 21, 21, 0.21);

}

@media screen and (max-width: 991px) {

  .home-banner-items .banner-content .banner-title {

    font-size: 50px;

  }

}

@media screen and (max-width: 767px) {

  .home-banner-items .banner-content .banner-title {

    font-size: 45px;

  }

}

@media screen and (max-width: 575px) {

  .home-banner-items .banner-content-wrap {

    padding-top: 190px;

  }

  .home-banner-items .banner-content {

    max-width: 90%;

  }

  .home-banner-items .banner-content .banner-title {

    font-size: 32px;

  }

}



.home-banner-section {

  padding-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .home-banner-section {

    padding-bottom: 60px;

  }

  .home-banner-section .banner-content-wrap {

    padding-bottom: 60px;

  }

  .home-banner-section .banner-content-wrap .slider-button {

    margin-left: -5px;

    margin-right: -5px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .home-banner-section .banner-content-wrap .slider-button a {

    padding: 10px 15px;

    text-align: center;

    margin: 5px;

    -webkit-flex-grow: 1;

    -moz-flex-grow: 1;

    -ms-flex-grow: 1;

    flex-grow: 1;

  }

}



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

>>> Home travel search section  

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

.shape-search-section {

  padding-bottom: 100px;

  position: relative;

}

.shape-search-section .slider-shape {

  background-image: url(assets/images/slider-pattern.png);

  background-size: cover;

  background-repeat: no-repeat;

  content: "";

  height: 144px;

  width: 100%;

  margin-top: -70px;

}

@media screen and (min-width: 576px) {

  .shape-search-section .trip-search-inner {

    margin-top: -210px;

  }

}

@media only screen and (min-width: 915px) {

  .shape-search-section .trip-search-inner {

    margin-top: -160px;

  }

}

@media only screen and (max-width: 580px) {

  .shape-search-section {

    padding-bottom: 60px;

  }

  .shape-search-section .trip-search-inner {

    margin-top: -230px;

  }

}



.trip-search-section .trip-search-inner {

  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.08);

  padding: 36px 40px 42px;

  position: relative;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.trip-search-section .input-group {

  width: 20%;

  padding: 8px;

}

.trip-search-section .input-group i {

  position: absolute;

  bottom: 25px;

  right: 25px;

}

.trip-search-section .input-group.width-col-1 {

  width: 100%;

}

.trip-search-section label {

  display: inline-block;

  margin-bottom: 10px;

  font-size: 15px;

  font-weight: normal;

}

.trip-search-section label span {

  margin-right: 8px;

  font-size: 14px;

}

.trip-search-section input:focus {

  outline: none;

}

.trip-search-section input::placeholder {

  /* Firefox, Chrome, Opera */

  color: #999999;

}

.trip-search-section input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #999999;

}

.trip-search-section input::-ms-input-placeholder {

  /* Microsoft Edge */

  color: #999999;

}

.trip-search-section select,

.trip-search-section input {

  background-color: #F8F8F8;

  color: #383838;

  border: none;

  height: 50px;

  padding: 0 15px;

  width: 100%;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

  line-height: 1.6;

}

.trip-search-section input[type=submit] {

  background-color: #F56960;

  color: #ffffff;

  line-height: 1.3;

  font-weight: 600;

  margin-bottom: auto;

}

.trip-search-section input[type=submit]:hover, .trip-search-section input[type=submit]:focus {

  background-color: #2C75BA;

  color: #ffffff;

}

@media screen and (min-width: 576px) {

  .trip-search-section .input-group {

    width: 50%;

  }

  .trip-search-section .width-col-3 {

    width: 33.33%;

  }

}

@media only screen and (min-width: 915px) {

  .trip-search-section .input-group {

    width: 20%;

  }

}

@media only screen and (max-width: 580px) {

  .trip-search-section .input-group {

    width: 100%;

  }

  .trip-search-section .trip-search-inner {

    padding: 20px;

  }

}



.home-banner-section .trip-search-section .trip-search-inner {

  color: #ffffff;

  padding: 30px;

}

.home-banner-section .trip-search-section .trip-search-inner input[type=submit] {

  margin-top: 10px;

}



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

>>> Home travel destination section  

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

.destination-section {

  padding-bottom: 50px;

}

@media screen and (min-width: 992px) {

  .destination-section {

    margin-bottom: 0;

  }

}

@media screen and (max-width: 575px) {

  .destination-section {

    padding-bottom: 60px;

  }

}



.destination-three-column .row .row {

  margin: 0;

}

.destination-three-column .row .row [class*=col-] {

  padding: 7px;

}

.destination-three-column > .row {

  margin: 0 -7px;

}

.destination-three-column > .row > [class*=col-] {

  padding: 0;

}



.destination-four-column .row {

  margin: 0 -7px;

}

.destination-four-column .row [class*=col-] {

  padding: 7px;

}



.overlay-desti-item .desti-content {

  position: absolute;

  bottom: 10px;

  left: 10px;

}

.overlay-desti-item .desti-content h3 {

  color: #ffffff;

  margin-bottom: 4px;

}

.overlay-desti-item .desti-content h3 a:hover {

  color: #F56960;

}



.desti-item {

  background-color: #ffffff;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);

  padding: 8px;

  position: relative;

}

.desti-item .desti-image {

  position: relative;

}

.desti-item .desti-image:before {

  background-colorXXX: #101F46;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0.45;

}

.desti-item .desti-image .rating-start {

  position: absolute;

  top: 10px;

  right: 14px;

}

.desti-item .meta-cat a {

  display: inline-block;

  font-family: "main";

  font-weight: 700;

  line-height: 1.2;

  text-transform: uppercase;

  -webkit-transition: background-color 0.3s;

  -moz-transition: background-color 0.3s;

  -ms-transition: background-color 0.3s;

  -o-transition: background-color 0.3s;

  transition: background-color 0.3s;

}

.desti-item .meta-cat a:hover, .desti-item .meta-cat a:focus {

  color: #2C75BA;

}

.desti-item .bg-meta-cat {

  position: absolute;

  top: 30px;

  left: 30px;

}

.desti-item .bg-meta-cat a {

  background-color: rgba(7, 145, 190, 0.85);

  color: #ffffff;

  padding: 7px 24px;

}

.desti-item .bg-meta-cat a:hover, .desti-item .bg-meta-cat a:focus {

  background-color: rgba(245, 105, 96, 0.85);

  color: #ffffff;

}

.desti-item .rating-start span:before {

  color: #ffffff;

}

@media screen and (max-width: 991px) {

  .desti-item .desti-image img {

    width: 100%;

  }

}



.desti-content {

  padding: 20px;

}

.desti-content h3 {

  margin-bottom: 4px;

}

.desti-content h3 a:hover {

  color: #F56960;

}



.btn-wrap a {

  margin-top: 30px;

}

@media screen and (max-width: 575px) {

  .btn-wrap a {

    margin-top: 20px;

  }

}



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

>>> Home travel packages section  

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

.rating-start {

  display: block;

  position: relative;

  font-size: 15px;

}

.rating-start:before {

  color: #ccd6df;

  content: "\f005\f005\f005\f005\f005";

  display: block;

  font-family: "Font Awesome 5 free";

  font-weight: 900;

}

.rating-start span {

  display: block;

  left: 0;

  overflow: hidden;

  position: absolute;

  top: 0;

}

.rating-start span:before {

  color: #F56960;

  content: "\f005\f005\f005\f005\f005";

  display: inline-block;

  font-family: "Font Awesome 5 free";

  font-weight: 900;

}



.package-section {

  padding-bottom: 100px;

}

@media screen and (max-width: 991px) {

  .package-section {

    padding-bottom: 70px;

  }

}

@media screen and (max-width: 575px) {

  .package-section {

    padding-bottom: 60px;

  }

}



.package-inner .row {

  margin: 0 -12px;

}

.package-inner .row [class*=col-] {

  padding-left: 12px;

  padding-right: 12px;

}



.package-wrap {

  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);

  margin-bottom: 24px;

  position: relative;

}

.package-wrap .package-content {

  padding: 0 30px 0;

}

.package-wrap .package-content .btn-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  border-top: 1px solid rgba(175, 175, 175, 0.1);

  text-align: center;

  margin-left: -30px;

  margin-right: -30px;

  margin-top: 27px;

}

.package-wrap .package-content .btn-wrap a {

  color: #383838;

  display: block;

  margin-top: 0;

  padding: 16px 0;

  width: 100%;

}

.package-wrap .package-content .btn-wrap a.width-6 {

  width: 50%;

}

.package-wrap .package-content .btn-wrap a + a {

  border-left: 1px solid rgba(175, 175, 175, 0.1);

}

.package-wrap .package-content .btn-wrap a [class*=fa-] {

  color: #F56960;

  font-size: 13px;

  margin-left: 8px;

}

.package-wrap .package-content .btn-wrap a:hover, .package-wrap .package-content .btn-wrap a:focus, .package-wrap .package-content .btn-wrap a:active {

  color: #0791BE;

}

.package-wrap .package-content .btn-wrap a:hover [class*=fa-], .package-wrap .package-content .btn-wrap a:focus [class*=fa-], .package-wrap .package-content .btn-wrap a:active [class*=fa-] {

  color: #0791BE;

}

.package-wrap .package-content .btn-wrap a:hover [class*=fa-]:before, .package-wrap .package-content .btn-wrap a:focus [class*=fa-]:before, .package-wrap .package-content .btn-wrap a:active [class*=fa-]:before {

  font-weight: 900;

}

.package-wrap .review-area {

  margin-bottom: 15px;

}

.package-wrap .review-area .review-text {

  font-size: 13px;

  color: #787878;

  line-height: 1.1;

}

.package-wrap .rating-start {

  display: inline-block;

  margin-left: 5px;

}

.package-wrap .package-price {

  background-color: #F56960;

  position: absolute;

  top: 20px;

  right: 0;

}

.package-wrap .package-price h6 {

  color: #ffffff;

  font-size: 13px;

  font-family: "Open Sans", sans-serif;

  line-height: 1.1;

  margin-bottom: 0;

  padding: 8px 16px;

}

.package-wrap .package-price h6 span {

  font-family: "main";

  font-size: 22px;

  font-weight: 700;

  line-height: 1.2;

}

@media screen and (max-width: 991px) {

  .package-wrap {

    margin-bottom: 30px;

  }

  .package-wrap .feature-image img {

    width: 100%;

  }

}

@media screen and (max-width: 575px) {

  .package-wrap .package-content {

    padding: 0 20px 0;

  }

  .package-wrap .package-content .btn-wrap {

    margin-left: -20px;

    margin-right: -20px;

  }

}



.package-meta {

  background-color: #0791BE;

  margin-bottom: 25px;

  margin-left: 10px;

  margin-right: 10px;

  margin-top: -7px;

  padding: 15px 0;

  position: relative;

}

.package-meta ul {

  font-size: 0;

  margin: 0;

  padding: 0;

}

.package-meta ul li {

  color: #ffffff;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

  padding: 0 12px;

  position: relative;

}

.package-meta ul li [class*=fa-] {

  margin-right: 4px;

}

.package-meta ul li:before {

  color: #BBBBBB;

  content: "|";

  line-height: 0.8;

  position: absolute;

  right: -3px;

  top: 0;

}

.package-meta ul li:first-child {

  padding-left: 0;

}

.package-meta ul li:last-child {

  padding-right: 0;

}

.package-meta ul li:last-child:before {

  display: none;

}

@media screen and (max-width: 575px) {

  .package-meta {

    margin-left: 10px;

    margin-right: 10px;

    margin-bottom: 20px;

  }

}



.package-section.bg-light-grey {

  padding-top: 100px;

  margin-top: 50px;

}

@media screen and (max-width: 991px) {

  .package-section.bg-light-grey {

    padding-top: 70px;

    margin-top: 0;

  }

}

@media screen and (max-width: 575px) {

  .package-section.bg-light-grey {

    padding-top: 60px;

  }

}



.package-inner-list .row {

  margin: 0 -15px;

}

.package-inner-list .row [class*=col-] {

  padding-left: 15px;

  padding-right: 15px;

}

.package-inner-list .package-wrap {

  background-color: #ffffff;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 40px;

}

.package-inner-list .package-wrap .feature-image,

.package-inner-list .package-wrap .package-content {

  width: 50%;

}

.package-inner-list .package-wrap .package-price {

  right: auto;

  left: 0;

}

.package-inner-list .package-wrap .package-meta {

  margin: 0;

}

.package-inner-list .package-wrap .package-meta ul li [class*=fa-] {

  font-size: 10px;

  margin-right: 2px;

}

.package-inner-list .package-wrap .package-content {

  padding-top: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}

.package-inner-list .package-wrap .package-content .btn-wrap {

  margin-top: auto;

}

@media screen and (max-width: 575px) {

  .package-inner-list .package-wrap .feature-image,

.package-inner-list .package-wrap .package-content {

    width: 100%;

  }

}



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

>>> Home travel callback section  

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

.callback-section {

  position: relative;

  margin-bottom: 140px;

}

.callback-section:before {

  background-color: #0791BE;

  content: "";

  width: 70%;

  height: 100%;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

}

.callback-section .callback-img {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  min-height: 540px;

}

@media screen and (max-width: 991px) {

  .callback-section:before {

    width: 100%;

  }

  .callback-section .callback-img {

    min-height: 300px;

    background-position: top center;

    margin-left: calc(-50vw + 50%);

    margin-right: calc(-50vw + 50%);

  }

}

@media screen and (max-width: 575px) {

  .callback-section {

    margin-bottom: 120px;

  }

}



.callback-inner {

  padding: 100px 0px 0px 65px;

}

@media screen and (max-width: 991px) {

  .callback-inner {

    padding: 80px 0px 0 0px;

  }

}

@media screen and (max-width: 575px) {

  .callback-inner {

    padding: 30px 0px 0 0px;

  }

}



.callback-counter-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 50px;

}

.callback-section .callback-counter-wrap .counter-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 25px 25px 18px 25px;

  width: 50%;

}

.callback-counter-wrap .counter-icon {

  width: 52px;

}

.callback-counter-wrap .counter-content {

  width: -moz-calc(100% - 52px);

  width: -webkit-calc(100% - 52px);

  width: calc(100% - 52px);

  text-align: center;

}

.callback-counter-wrap .counter-no {

  color: #ffffff;

  display: block;

  font-size: 32px;

  line-height: 1.1;

  font-weight: 900;

}

.callback-counter-wrap .counter-text {

  color: #ffffff;

  display: block;

}

@media screen and (min-width: 768px) {

  .callback-counter-wrap .counter-item {

    border-right: 1px solid rgba(255, 255, 255, 0.4);

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

  }

  .callback-counter-wrap .counter-item:nth-child(2n+2) {

    border-right: none;

  }

  .callback-counter-wrap .counter-item:last-child, .callback-counter-wrap .counter-item:nth-last-child(2) {

    border-bottom: none;

  }

}

@media screen and (max-width: 767px) {

  .callback-counter-wrap .counter-item {

    width: 100%;

  }

  .callback-counter-wrap .counter-icon {

    width: 40px;

  }

  .callback-counter-wrap .counter-item {

    border: 1px solid rgba(255, 255, 255, 0.4);

    margin-bottom: 10px;

  }

  .callback-counter-wrap .counter-content {

    width: -moz-calc(100% - 40px);

    width: -webkit-calc(100% - 40px);

    width: calc(100% - 40px);

    padding-left: 20px;

    text-align: right;

  }

}

@media screen and (max-width: 575px) {

  .callback-counter-wrap {

    margin-bottom: 30px;

  }

}



.callback-img {

  position: relative;

}



.support-area {

  background-color: #ffffff;

  box-shadow: 0px 15px 55px -15px rgba(0, 0, 0, 0.1);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: -50px;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 35px;

}

.support-area .support-icon {

  width: 52px;

  margin-right: 26px;

}

.support-area h3 {

  color: #F56960;

  font-family: "Open Sans", sans-serif;

  font-size: 30px;

  font-weight: 900;

  line-height: 1.1;

  margin-bottom: 0;

}

.support-area h4 {

  color: #383838;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.3;

}

@media screen and (min-width: 992px) {

  .support-area {

    display: -webkit-inline-box;

    display: -moz-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

  }

}

@media screen and (max-width: 575px) {

  .support-area {

    padding: 20px;

  }

  .support-area h3 {

    font-size: 20px;

  }

  .support-area h4 {

    font-size: 15px;

  }

}



.video-button {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.video-button a {

  display: block;

  position: relative;

  cursor: pointer;

}

.video-button a i {

  background-color: #ffffff;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  color: #0791BE;

  display: block;

  font-size: 24px;

  line-height: 104px;

  width: 104px;

  height: 104px;

  text-align: center;

}

.video-button a:after {

  background-color: #ffffff;

  position: absolute;

  display: block;

  content: "";

  height: 70px;

  width: 70px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  z-index: -1;

  top: 16px;

  left: 16px;

  -webkit-animation: videoPulse 1.6s ease-out infinite;

  animation: videoPulse 1.6s ease-out infinite;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

@media screen and (max-width: 575px) {

  .video-button a i {

    font-size: 18px;

    height: 80px;

    width: 80px;

    line-height: 80px;

  }

  .video-button a:after {

    height: 50px;

    width: 50px;

  }

}



.bg-color-callback {

  background-color: #0791BE;

  padding-top: 50px;

  padding-bottom: 50px;

}

.bg-color-callback .callback-content h2 {

  color: #ffffff;

  font-size: 30px;

  font-weight: 700;

  line-height: 1.1;

}

.bg-color-callback .callback-content p {

  color: #ffffff;

}

.bg-color-callback .callback-content p:last-child {

  margin-bottom: 0;

}

@media screen and (min-width: 768px) {

  .bg-color-callback .callback-content {

    padding-right: 50px;

  }

}

.bg-color-callback .button-wrap {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .bg-color-callback .button-wrap {

    text-align: right;

  }

}

@media screen and (max-width: 767px) {

  .bg-color-callback {

    text-align: center;

  }

  .bg-color-callback .callback-content {

    margin-bottom: 30px;

  }

  .bg-color-callback .callback-content h2 {

    font-size: 20px;

  }

}



.bg-img-callback {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  position: relative;

  padding: 70px 0;

}

.bg-img-callback:before {

  content: "";

  background-color: #151515;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0.75;

}

.bg-img-callback .callback-content {

  color: #ffffff;

}

.bg-img-callback .callback-content h2 {

  color: #ffffff;

}

.bg-img-callback .button-wrap {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .bg-img-callback .button-wrap {

    text-align: right;

  }

}

@media screen and (max-width: 767px) {

  .bg-img-callback {

    text-align: center;

  }

}



@-webkit-keyframes videoPulse {

  0%, 35% {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }

  50% {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0.8;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  }

  100% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transform: scale(2);

    transform: scale(2);

  }

}

@keyframes videoPulse {

  0%, 35% {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }

  50% {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0.8;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  }

  100% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transform: scale(2);

    transform: scale(2);

  }

}

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

>>> Home travel activity section  

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

.activity-section {

  padding-bottom: 100px;

}

@media screen and (max-width: 991px) {

  .activity-section {

    padding-bottom: 82px;

  }

}

@media screen and (max-width: 575px) {

  .activity-section {

    padding-bottom: 42px;

  }

}



.activity-inner {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.activity-inner.row {

  margin-left: -9px;

  margin-right: -9px;

}

.activity-inner [class*=col-] {

  padding-left: 9px;

  padding-right: 9px;

}

.activity-inner .activity-item {

  border: 1px solid #D9D9D9;

  text-align: center;

  padding: 15px;

}

.activity-inner .activity-item .activity-icon {

  margin-bottom: 15px;

}

.activity-inner .activity-item h4 {

  margin-bottom: 8px;

  font-weight: 700;

  line-height: 1.2;

}

.activity-inner .activity-item p {

  margin-bottom: 0;

}

@media screen and (max-width: 991px) {

  .activity-inner .activity-item {

    margin-bottom: 18px;

  }

}



.activity-bg-image {

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  background-attachment: fixed;

  padding-top: 100px;

  margin-bottom: 100px;

  position: relative;

}

.activity-bg-image:before {

  content: "";

  background-color: #151515;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0.75;

}

.activity-bg-image .activity-inner.row {

  margin-left: 0;

  margin-right: 0;

}

.activity-bg-image .activity-inner [class*=col-] {

  padding-left: 0;

  padding-right: 0;

}

.activity-bg-image .activity-item {

  border-width: 0 1px 0 0;

  border-color: rgba(255, 255, 255, 0.28);

  margin-bottom: 0;

}

.activity-bg-image .activity-content {

  color: #ffffff;

}

.activity-bg-image .activity-content h4 {

  color: #ffffff;

}

.activity-bg-image [class*=col-]:last-child .activity-item {

  border-right: none;

}

@media (max-width: 991px) and (min-width: 768px) {

  .activity-bg-image .activity-item {

    border-width: 0 1px 1px 0;

  }

  .activity-bg-image [class*=col-]:nth-child(3) ~ [class*=col-] .activity-item {

    border-bottom: none;

  }

  .activity-bg-image [class*=col-]:nth-child(3) .activity-item {

    border-right: none;

  }

}

@media screen and (max-width: 991px) {

  .activity-bg-image {

    padding-top: 82px;

    margin-bottom: 82px;

  }

}

@media screen and (max-width: 767px) {

  .activity-bg-image .activity-item {

    border-width: 0 1px 1px 0;

  }

  .activity-bg-image [class*=col-]:nth-child(4) ~ [class*=col-] .activity-item {

    border-bottom: none;

  }

  .activity-bg-image [class*=col-]:nth-child(2n+2) .activity-item {

    border-right: none;

  }

}

@media screen and (max-width: 575px) {

  .activity-bg-image {

    padding-top: 50px;

    margin-bottom: 50px;

  }

}



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

>>> Home travel special section  

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

.special-section {

  padding-bottom: 100px;

}

@media screen and (max-width: 991px) {

  .special-section {

    padding-bottom: 62px;

  }

}

@media screen and (max-width: 575px) {

  .special-section {

    padding-bottom: 12px;

  }

}



.special-inner {

  margin-top: -30px;

  margin-bottom: -30px;

}



.special-item {

  padding-bottom: 30px;

  padding-top: 30px;

}

.special-item .special-content {

  background-color: #ffffff;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);

  margin-top: -47px;

  padding: 10px;

  position: relative;

  margin-left: 15px;

  margin-right: 15px;

}

.special-item .badge-dis {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}

.special-item .badge-dis {

  background-color: #F56960;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

  color: #ffffff;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  width: 80px;

  height: 80px;

  position: absolute;

  text-align: center;

  top: 0;

  right: 5px;

}

.special-item .badge-dis span {

  font-weight: 600;

  color: #F8F8F8;

}

.special-item .badge-dis strong {

  color: #ffffff;

  display: block;

  font-family: "main";

  font-size: 23px;

  font-weight: 700;

  line-height: 1.2;

}

@media screen and (max-width: 991px) {

  .special-item .special-img img {

    //width: 100%;
    height: 500px !important;

  }

}



.special-content .meta-cat {

  margin-bottom: 10px;

}

.special-content .meta-cat a {

  color: #0791BE;

  font-family: "main";

  font-weight: 700;

  line-height: 1.2;

}

.special-content .meta-cat a:hover, .special-content .meta-cat a:focus {

  color: #F56960;

}

.special-content .package-price {

  color: #F56960;

  font-size: 17px;

  font-family: "main";

  font-weight: 700;

  line-height: 1.3;

}



.special-overlay-inner {

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);

  padding: 10px;

  margin-bottom: 30px;

}



.special-overlay-item {

  overflow: hidden;

  position: relative;

}

.special-overlay-item:before {

  background-color: rgba(21, 21, 21, 0.68);

  content: "";

  height: 100%;

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

}

.special-overlay-item .special-content {

  position: absolute;

  bottom: 0;

  width: 100%;

  left: 0;

  padding: 25px;

}

.special-overlay-item .special-content h3,

.special-overlay-item .special-content .meta-cat a {

  color: #ffffff;

}

.special-overlay-item .special-img .badge-dis {

  background-color: #0791BE;

  color: #ffffff;

  font-weight: 700;

  padding: 2px 45px;

  position: absolute;

  top: 25px;

  right: -30px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



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

>>> Home travel best travel section  

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

.best-section {

  padding-bottom: 70px;

}

.best-section .section-heading {

  margin-bottom: 37px;

}

.best-section .gallery-img {

  margin-bottom: 30px;

}

@media screen and (max-width: 991px) {

  .best-section .gallery-img img {

    width: 100%;

  }

}

@media screen and (max-width: 575px) {

  .best-section {

    padding-bottom: 30px;

  }

}



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

>>> Home travel client section  

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

.client-section {

  position: relative;

  z-index: 9;

}



.client-wrap {

  padding: 38px 0;

}

.client-wrap .client-item {

  padding: 10px 35px;

  text-align: center;

}

@media screen and (max-width: 575px) {

  .client-wrap .client-item {

    padding: 10px 20px;

    text-align: center;

  }

}



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

>>> Home travel subscribe section  

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

.subscribe-section {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

  padding: 75px 0 75px;

  position: relative;

}

.home .subscribe-section {

  padding: 91px 0 75px;

  margin-top: 0px;

}

.subscribe-section:before {

  background-color: #101F46;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0.55;

}

.subscribe-section .section-heading {

  margin-bottom: 0;

}

.subscribe-section .section-heading .title-icon-divider {

  margin-bottom: 30px;

}

.subscribe-section .section-heading h4 {

  font-weight: 600;

  color: #ffffff;

  margin-bottom: 35px;

  line-height: 1.2;

}



.newsletter-form {

  margin-bottom: 30px;

  position: relative;

}

.newsletter-form input[type=email] {

  background-color: transparent;

  border: 1px solid rgba(255, 255, 255, 0.61);

  color: #ffffff;

  width: 100%;

  height: 60px;

  padding: 0 190px 0 20px;

  font-weight: 500;

}

.newsletter-form input[type=submit] {

  border: 0;

  line-height: 1.3;

  outline: none;

  z-index: 1;

  padding: 15px 30px;

  position: absolute;

  top: 5px;

  right: 5px;

}

.newsletter-form input::placeholder {

  /* Firefox, Chrome, Opera */

  color: #94AAB3;

}

.newsletter-form input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #94AAB3;

}

.newsletter-form input::-ms-input-placeholder {

  /* Microsoft Edge */

  color: #94AAB3;

}

@media screen and (max-width: 575px) {

  .newsletter-form input[type=email] {

    padding: 0 20px;

    margin-bottom: 15px;

  }

  .newsletter-form input[type=submit] {

    width: 100%;

    position: static;

  }

}



.home .subscribe-bg-image {

  padding: 100px 0 75px;

  margin-top: 0;

  margin-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .home .subscribe-bg-image {

    padding: 80px 0 40px;

    margin-bottom: 60px;

  }

}



.progress-circle {

  width: 128px;

  height: 128px;

  line-height: 128px;

  text-align: center;

  background: none;

  margin: 0 auto;

  box-shadow: none;

  position: relative;

}

.progress-circle:after {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  border: 7px solid #ffffff;

  position: absolute;

  top: 0;

  left: 0;

}

.progress-circle > span {

  width: 50%;

  height: 100%;

  overflow: hidden;

  position: absolute;

  top: 0;

  z-index: 1;

}

.progress-circle .circle-bar {

  width: 100%;

  height: 100%;

  background: none;

  border-width: 8px;

  border-style: solid;

  position: absolute;

  top: 0;

  border-color: #0791BE;

}

.progress-circle .circle-left {

  left: 0;

}

.progress-circle .circle-left .circle-bar {

  left: 100%;

  border-top-right-radius: 64px;

  border-bottom-right-radius: 64px;

  border-left: 0;

  -webkit-transform-origin: center left;

  -moz-transform-origin: center left;

  -ms-transform-origin: center left;

  transform-origin: center left;

}

.progress-circle .circle-right {

  right: 0;

}

.progress-circle .circle-right .circle-bar {

  left: -100%;

  border-top-left-radius: 64px;

  border-bottom-left-radius: 64px;

  border-right: 0;

  -webkit-transform-origin: center right;

  -moz-transform-origin: center right;

  -ms-transform-origin: center right;

  transform-origin: center right;

}

.progress-circle .progress-value {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  border-radius: 50%;

  font-size: 28px;

  color: #ffffff;

  height: 100%;

  font-weight: 700;

}

.progress-circle .progress-value span {

  font-size: 12px;

  text-transform: uppercase;

}



/* This for loop creates the 	necessary css animation names 

Due to the split circle of progress-left and progress right, we must use the animations on each side. 

*/

.progress-circle[data-percentage="10"] .circle-right .circle-bar {

  animation: loading-1 2s linear forwards;

}

.progress-circle[data-percentage="10"] .circle-left .circle-bar {

  animation: 0;

}



.progress-circle[data-percentage="20"] .circle-right .circle-bar {

  animation: loading-2 2s linear forwards;

}

.progress-circle[data-percentage="20"] .circle-left .circle-bar {

  animation: 0;

}



.progress-circle[data-percentage="30"] .circle-right .circle-bar {

  animation: loading-3 2s linear forwards;

}

.progress-circle[data-percentage="30"] .circle-left .circle-bar {

  animation: 0;

}



.progress-circle[data-percentage="40"] .circle-right .circle-bar {

  animation: loading-4 2s linear forwards;

}

.progress-circle[data-percentage="40"] .circle-left .circle-bar {

  animation: 0;

}



.progress-circle[data-percentage="50"] .circle-right .circle-bar {

  animation: loading-5 2s linear forwards;

}

.progress-circle[data-percentage="50"] .circle-left .circle-bar {

  animation: 0;

}



.progress-circle[data-percentage="60"] .circle-right .circle-bar {

  animation: loading-5 2s linear forwards;

}

.progress-circle[data-percentage="60"] .circle-left .circle-bar {

  animation: loading-1 2s linear forwards 2s;

}



.progress-circle[data-percentage="70"] .circle-right .circle-bar {

  animation: loading-5 2s linear forwards;

}

.progress-circle[data-percentage="70"] .circle-left .circle-bar {

  animation: loading-2 2s linear forwards 2s;

}



.progress-circle[data-percentage="80"] .circle-right .circle-bar {

  animation: loading-5 2s linear forwards;

}

.progress-circle[data-percentage="80"] .circle-left .circle-bar {

  animation: loading-3 2s linear forwards 2s;

}



.progress-circle[data-percentage="90"] .circle-right .circle-bar {

  animation: loading-5 2s linear forwards;

}

.progress-circle[data-percentage="90"] .circle-left .circle-bar {

  animation: loading-4 2s linear forwards 2s;

}



.progress-circle[data-percentage="100"] .circle-right .circle-bar {

  animation: loading-5 2s linear forwards;

}

.progress-circle[data-percentage="100"] .circle-left .circle-bar {

  animation: loading-5 2s linear forwards 2s;

}



@keyframes loading-1 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(36);

    transform: rotate(36deg);

  }

}

@keyframes loading-2 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(72);

    transform: rotate(72deg);

  }

}

@keyframes loading-3 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(108);

    transform: rotate(108deg);

  }

}

@keyframes loading-4 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(144);

    transform: rotate(144deg);

  }

}

@keyframes loading-5 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(180);

    transform: rotate(180deg);

  }

}

.progress-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.progress-wrap .progress-inner {

  width: 50%;

  text-align: center;

}

@media screen and (max-width: 575px) {

  .progress-wrap .progress-inner {

    width: 100%;

  }

}



.progress-inner {

  padding: 25px;

}

.progress-inner h4 {

  color: #ffffff;

  margin-bottom: 0;

  margin-top: 15px;

}

@media screen and (min-width: 768px) {

  .progress-inner {

    border-right: 1px solid rgba(255, 255, 255, 0.4);

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

  }

  .progress-inner:nth-child(2n+2) {

    border-right: none;

  }

  .progress-inner:last-child, .progress-inner:nth-last-child(2) {

    border-bottom: none;

  }

}



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

>>> Home travel blog section  

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

.blog-section {

  padding: 100px 0;

}

.blog-section .post {

  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);

}

.blog-section .entry-content {

  padding: 25px 20px;

}

.blog-section .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.blog-section .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.blog-section .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.blog-section .entry-meta span:last-child:before {

  display: none;

}

.blog-section .entry-meta a {

  color: #787878;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.blog-section .entry-meta a:hover, .blog-section .entry-meta a:focus {

  color: #2C75BA;

}

@media screen and (max-width: 991px) {

  .blog-section {

    padding: 100px 0 70px;

  }

  .blog-section .post {

    margin-bottom: 30px;

  }

  .blog-section .feature-image img {

    width: 100%;

  }

}

@media screen and (max-width: 575px) {

  .blog-section {

    padding: 60px 0;

  }

}



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

>>> Home travel testimonial section  

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

.testimonial-section {

  padding-bottom: 94px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: bottom center;

  position: relative;

}

.testimonial-section:before {

  content: "";

  background-color: #ffffff;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0.7;

}

.testimonial-section .slick-dots {

  position: static;

  margin-top: 23px;

}



.testimonial-item .testimonial-img {

  border: 2px solid #F56960;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  width: 125px;

  height: 125px;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 44px;

}

.testimonial-item .testimonial-img img {

  width: 100%;

}

.testimonial-item .testimonial-content p {

  color: #151515;

  font-style: italic;

  line-height: 1.5;

  font-size: 1.3em;

}

.testimonial-item .testimonial-content cite {

  color: #0791BE;

  font-family: "main";

  font-size: 24px;

  font-weight: 700;

  line-height: 1.3;

  margin-bottom: 24px;

}

.testimonial-item .testimonial-content cite .company {

  color: #787878;

  display: block;

  font-size: 15px;

  line-height: 1.6;

  font-weight: 400;

}



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



>>> Home travel contact section  

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

.contact-section {

  background-color: #0791BE;

  padding-bottom: 7px;

  padding-top: 80px;

}

.contact-section .contact-img {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  margin-top: -136px;

  min-height: 385px;

}

.contact-section .contact-details-wrap {

  padding-left: 20px;

}

.contact-section .contact-details {

  border-left: 1px solid rgba(255, 255, 255, 0.25);

}

.contact-section .contact-details .contact-icon {

  width: 50px;

  height: 50px;

  margin-bottom: 30px;

}

.contact-section .contact-details ul {

  padding: 0;

  margin: 0;

}

.contact-section .contact-details ul li {

  color: #ffffff;

  list-style: none;

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 8px;

}

.contact-section .contact-details ul li:last-child {

  margin-bottom: 0;

}

.contact-section .contact-details ul li a {

  color: #ffffff;

}

.contact-section .contact-details ul li a:hover, .contact-section .contact-details ul li a:focus {

  color: #ffffff;

}

.contact-section .contact-details-wrap [class*=col-]:last-child .contact-details {

  border-right: none;

}

.contact-section .contact-btn-wrap {

  border-top: 1px solid rgba(255, 255, 255, 0.25);

  margin-top: 30px;

  padding-top: 30px;

}

.contact-section .contact-btn-wrap h3 {

  color: #ffffff;

}

@media screen and (min-width: 576px) {

  .contact-section .contact-btn-wrap {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    justify-content: space-between;

    -ms-flex-pack: space-between;

  }

  .contact-section h3 {

    margin-bottom: 0;

  }

}

@media screen and (max-width: 991px) {

  .contact-section .contact-img {

    margin-bottom: 30px;

  }

  .contact-section .contact-details-wrap {

    padding-left: 0;

  }

}

@media screen and (max-width: 575px) {

  .contact-section {

    padding-bottom: 60px;

  }

  .contact-section .contact-details {

    text-align: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25);

    border-right: none;

    padding: 20px 0;

  }

  .contact-section .contact-details .contact-icon {

    margin-left: auto;

    margin-right: auto;

  }

  .contact-section .contact-details-wrap [class*=col-]:last-child .contact-details {

    border-bottom: none;

  }

  .contact-section .contact-btn-wrap {

    text-align: center;

  }

}



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

>>> Home travel team section  

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

.team-item {

  border: 1px solid rgba(7, 145, 190, 0.13);

  margin-bottom: 30px;

}

.team-item .heading-wrap {

  background-color: #ffffff;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);

  padding: 20px;

  margin-bottom: 25px;

  margin-top: -50px;

  position: relative;

}

.team-item .heading-wrap h3 {

  margin-bottom: 8px;

}

.team-item .heading-wrap h5 {

  color: #0791BE;

  font-weight: 700;

  margin-bottom: 0;

}

.team-item .team-content {

  padding: 0 25px 25px;

  text-align: center;

}

.team-item .social-links li {

  margin: 0 5px;

}

.team-item .social-links a {

  background-color: #F56960;

  width: 30px;

  height: 30px;

  line-height: 30px;

  color: #ffffff;

  display: block;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.team-item .social-links a:hover {

  background-color: #2C75BA;

}



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

>>> Home travel choice section  

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

.choice-section {

  padding-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .choice-section {

    padding-bottom: 60px;

  }

}



.choice-slider .choice-slider-item {

  background-repeat: no-repeat;

  background-position: center center;

  position: relative;

}

.choice-slider .choice-slider-item:before {

  background-color: rgba(21, 21, 21, 0.56);

  content: "";

  height: 100%;

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 1;

}

.choice-slider .choice-slider-content {

  padding-bottom: 140px;

  padding-top: 140px;

  color: #ffffff;

  position: relative;

  z-index: 9;

}

.choice-slider .choice-slider-content h3 {

  color: #ffffff;

  font-size: 30px;

  font-weight: 900;

  line-height: 1.1;

}

.choice-slider .choice-slider-content p {

  margin-bottom: 30px;

}

@media screen and (max-width: 575px) {

  .choice-slider .choice-slider-content {

    padding-bottom: 80px;

    padding-top: 80px;

  }

}

.choice-slider .slick-arrow {

  -webkit-transition: linear 0.6s;

  -moz-transition: linear 0.6s;

  -ms-transition: linear 0.6s;

  -o-transition: linear 0.6s;

  transition: linear 0.6s;

  opacity: 0;

}

.choice-slider:hover .slick-arrow {

  opacity: 1;

}



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

>>> Main Footer  

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

.site-footer {

  background-color: #383838;

  padding-top: 80px;

}

.site-footer .top-footer {

  padding-bottom: 55px;

}

.site-footer .award-img {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 15px;

}

.site-footer .award-img a {

  width: 50%;

}

.site-footer .award-img a:first-child {

  margin-right: 10px;

}

.site-footer .buttom-footer {

  background-color: #404040;

  padding: 30px 0;

}

.site-footer .copy-right {

  color: #ffffff;
    font-size: 16px;

}

.site-footer .copy-right a {

  color: #ffffff;

}

.site-footer .copy-right a:hover {

  color: #2C75BA;

}

.site-footer .footer-menu ul {

  margin: 0;

  padding: 0;

  font-size: 0;

}

.site-footer .footer-menu ul li {

  list-style: none;

  display: inline-block;

  position: relative;

  padding: 0 10px;

}

.site-footer .footer-menu ul li:before {

  content: "|";

  position: absolute;

  top: 0;

  right: -2px;

  font-size: 14px;

  color: #B6B6B6;

}

.site-footer .footer-menu ul li:last-child:before {

  display: none;

}

.site-footer .footer-menu ul li a {

  color: #ffffff;

  font-size: 15px;

}

.site-footer .footer-menu ul li a:hover, .site-footer .footer-menu ul li a:focus {

  color: #2C75BA;

}

@media screen and (max-width: 575px) {

  .site-footer {

    padding-top: 50px;

  }

  .site-footer .top-footer {

    padding-bottom: 25px;

  }

}

@media screen and (max-width: 767px) {

  .site-footer .footer-menu {

    text-align: center;

    margin-bottom: 15px;

  }

  .site-footer .footer-logo {

    margin-bottom: 15px;

  }

  .site-footer .copy-right {

    text-align: center !important;

  }

}



.footer-primary .widget {

  color: #e0e0e0;

}

.footer-primary .widget .widget-title {

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.2;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 18px;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  text-transform: uppercase;

}

.footer-primary .widget .widget-title:before {

  background-color: #0791BE;

  content: "";

  height: 18px;

  width: 3px;

  margin-left: 10px;

}

.footer-primary .widget ul li a {

  color: #ffffff;

}

.footer-primary .widget ul li a:hover, .footer-primary .widget ul li a:focus, .footer-primary .widget ul li a:active {

  color: #2C75BA;

}

@media screen and (max-width: 991px) {

  .footer-primary .widget {

    margin-bottom: 30px;

  }

}



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

>>> Inner Banner  

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

.inner-banner-wrap {

  padding-bottom: 0px;

}

@media screen and (max-width: 575px) {

  .inner-banner-wrap {

    padding-bottom: 0;

  }

}



.inner-shape {

  background-image: url(assets/images/slider-pattern.png);

  background-size: cover;

  background-repeat: no-repeat;

  content: "";

  height: 150px;

  width: 100%;

  margin-top: -100px;

  position: relative;

}

@media screen and (max-width: 991px) {

  .inner-shape {

    height: 105px;

  }

}



.inner-banner-gray {

  background-color: #FAFAFA;

}

.inner-banner-gray .inner-shape {

  background-image: url(assets/images/banner-pattern.png);

}



.inner-baner-container {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  padding: 190px 0 150px;

  text-align: center;

  position: relative;

}

.inner-baner-container:before {

    background-color: rgb(1 28 52 / 95%);
 

  content: "";

  display: block;

  opacity: 0.65;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  position: absolute;

}

.inner-baner-container .inner-banner-content {

  position: relative;

  color: #ffffff;

}

.inner-baner-container .inner-title {

  color: #ffffff;

  line-height: .1;

}

.inner-baner-container .breadcrumb {

  background-color: transparent;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  margin: 0;

  padding: 0;

}

.inner-baner-container .breadcrumb li {

  color: #ffffff;

  font-size: 14px;

}

.inner-baner-container .breadcrumb li:before {

  color: inherit;

}

.inner-baner-container .breadcrumb li a {

  color: #ffffff;

}

.inner-baner-container .breadcrumb li a:hover {

  color: #2C75BA;

}

.inner-baner-container .breadcrumb li.active {

  color: #b3b3b3;

}

.inner-baner-container .breadcrumb-content {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 20px;

}

@media screen and (max-width: 575px) {

  .inner-baner-container .inner-title {

    font-size: 30px;
line-height: 1.2;

  }

  .inner-baner-container .inner-banner-content p {

    font-size: 15px;

  }

}



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

>>> About Pages

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

.about-service-container {

  margin-bottom: 20px;

}



@media screen and (min-width: 992px) {

  .about-service-wrap .section-heading h2 {

    margin-bottom: 0;

  }

}



.about-service {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 30px;

}

.about-service .about-service-icon {

  background-color: #0791BE;

  color: #ffffff;

  width: 80px;

  height: 80px;

  line-height: 80px;

  padding: 10px;

  text-align: center;

}

.about-service .about-service-content {

  width: -moz-calc(100% - 100px);

  width: -webkit-calc(100% - 100px);

  width: calc(100% - 100px);

  padding-left: 20px;

}

.about-service .about-service-content h4 {

  margin-bottom: 8px;

}

.about-service .about-service-content p:last-child {

  margin-bottom: 0;

}



.about-video-wrap {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  min-height: 520px;

  position: relative;

  margin-bottom: 100px;

}



.about-page-section .client-section {

  margin-bottom: 90px;

}

.about-page-section .client-wrap {

  background-color: #ffffff;

  padding: 0;

}



.fullwidth-callback {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 90px 0;

  position: relative;

}

.fullwidth-callback:before {

  background-color: #151515;

  opacity: 0.6;

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

}

.fullwidth-callback .callback-counter-wrap {

  position: relative;

  margin: -10px;

}

.fullwidth-callback .callback-counter-wrap .counter-item {

  width: 25%;

  border: none;

  padding: 10px;

}

.fullwidth-callback .callback-counter-wrap .counter-item-inner {

  background-color: rgba(245, 105, 96, 0.8);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 25px;

}

.fullwidth-callback .callback-counter-wrap .counter-icon {

  padding-right: 15px;

  width: 70px;

}

.fullwidth-callback .callback-counter-wrap .counter-content {

  border-left: 1px solid rgba(255, 255, 255, 0.4);

  padding-left: 15px;

  width: -moz-calc(100% - 70px);

  width: -webkit-calc(100% - 70px);

  width: calc(100% - 70px);

}

@media screen and (max-width: 575px) {

  .fullwidth-callback .callback-counter-wrap .counter-item {

    width: 50%;

  }

}

@media screen and (max-width: 479px) {

  .fullwidth-callback .callback-counter-wrap .counter-item {

    width: 100%;

  }

}



.home-about-section .about-img-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.home-about-section .about-img-left .about-img {

  margin-top: -90px;

}

.home-about-section .about-img-right .about-img {

  border: 10px solid #ffffff;

}

.home-about-section .about-content {

  border: 10px solid #ffffff;

  margin: 40px 0 0 30px;

  padding: 55px 30px 55px 30px;

  position: relative;

  z-index: 1;

}

.home-about-section .about-content.secondary-bg h3 {

  font-size: 30px;

  font-weight: 700;

  line-height: 1.1;

  color: #ffffff;

  margin-bottom: 20px;

}

.home-about-section .about-service-icon {

  background-color: #F56960;

}

@media screen and (min-width: 576px) {

  .home-about-section .about-img-left {

    width: 42%;

  }

  .home-about-section .about-img-right {

    width: 58%;

    margin-left: -40px;

  }

}

@media screen and (max-width: 767px) {

  .home-about-section .about-img-wrap {

    margin-bottom: 40px;

  }

}

@media screen and (max-width: 767px) {

  .home-about-section .about-img-wrap img {

    width: 100%;

  }

}

@media screen and (max-width: 575px) {

  .home-about-section .about-content {

    margin: 0 30px;

  }

  .home-about-section .about-img-wrap {

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .home-about-section .about-img-right .about-img {

    border-left: none;

    border-right: none;

  }

}



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

>>> Package Offer Pages

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

.package-offer-wrap .special-section {

  padding-bottom: 155px;

}

@media screen and (max-width: 575px) {

  .package-offer-wrap .special-section {

    padding-bottom: 130px;

  }

}



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

>>> Package detail Pages

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

.single-tour-section {

  padding-bottom: 80px;

}

.single-tour-section .start-wrap {

  display: inline-block;

}

.single-tour-section .rating-start:before {

  font-weight: 400;

}

.single-tour-section .rating-start span:before {

  color: #ffffff;

}



.single-tour-inner {

  /* the parent */

  /* item */

}

.single-tour-inner h2 {

  margin-bottom: 35px;

}

.single-tour-inner .package-meta {

  margin-top: 0;

  margin-left: 0;

  margin-right: 0;

}

.single-tour-inner .package-meta ul li:before {

  font-size: 20px;

  color: #DDDDDD;

  top: -2px;

}

@media screen and (min-width: 576px) {

  .single-tour-inner .package-meta ul li {

    font-size: 15px;

    padding: 0 30px;

  }

}

.single-tour-inner .tab-container {

  margin-bottom: 50px;

}

.single-tour-inner .slick-slider {

  overflow: hidden;

}

.single-tour-inner .slick-slider .slick-dots {

  position: static;

}

.single-tour-inner .slick-slider .slick-dots li button {

  height: 7px;

  width: 7px;

  padding: 0;

}

.single-tour-inner .slick-list {

  margin: 0 -9px;

}

.single-tour-inner .single-tour-item {

  padding: 0 9px;

}



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

procduct details css

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

.nav-tabs {

  margin: 0;

}

.nav-tabs .nav-link {

  color: #272727;

  border-radius: 0;

  line-height: 1.1;

  font-weight: 700;

  text-transform: uppercase;

  padding: 20px 25px;

}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active {

  color: #F56960;

}



.tab-container {

  margin-top: 50px;

}

@media screen and (max-width: 575px) {

  .tab-container .nav {

    display: block;

  }

  .tab-container .nav.nav-tabs a {

    border-width: 1px 1px 0 1px;

    border-style: solid;

    border-color: #dee2e6;

    padding: 15px 20px;

  }

  .tab-container .nav.nav-tabs a:hover, .tab-container .nav.nav-tabs a:focus, .tab-container .nav.nav-tabs a.active {

    background-color: #2C75BA;

    color: #ffffff;

  }

}



.tab-content {

  padding: 30px;

  border-width: 0 1px 1px 1px;

  border-style: solid;

  border-color: #d4d4d4;

}

.tab-content ul {

  margin: 30px 0 0;

  padding: 0;

}

.tab-content ul li {

  list-style: none;

  margin-bottom: 10px;

}

@media screen and (max-width: 575px) {

  .tab-content {

    padding: 20px;

  }

}



.itinerary-content {

  margin-bottom: 30px;

}

.itinerary-content span {

  color: #1a1a1a;

  font-size: 18px;

  font-weight: 300;

  margin-left: 8px;

}



.itinerary-timeline-wrap .day-count {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-flex-direction: column;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}

.itinerary-timeline-wrap .day-count {

  background-color: #F56960;

  color: #ffffff;

  border-radius: 100%;

  height: 40px;

  line-height: 1;

  width: 40px;

  font-size: 13px;

  margin-bottom: 20px;

}

.itinerary-timeline-wrap .day-count span {

  display: block;

  font-family: "main";

  font-size: 18px;

  font-weight: 700;

  line-height: 1;

}

.itinerary-timeline-wrap ul {

  margin: 0;

  padding: 0;

}

.itinerary-timeline-wrap ul li {

  list-style: none;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 20px;

}

.itinerary-timeline-wrap ul li:last-child {

  margin-bottom: 0;

}

.itinerary-timeline-wrap .timeline-content {

  background-color: #f9f9f9;

  padding: 25px;

  position: relative;

}

.itinerary-timeline-wrap .timeline-content p:last-child {

  margin-bottom: 0;

}

@media screen and (min-width: 576px) {

  .itinerary-timeline-wrap .day-count {

    background-color: #F56960;

    color: #ffffff;

    border-radius: 100%;

    height: 60px;

    margin-bottom: 0;

    line-height: 1;

    width: 60px;

    font-size: 13px;

    position: absolute;

    top: 50%;

    left: -24px;

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

  }

  .itinerary-timeline-wrap .day-count span {

    font-size: 23px;

  }

  .itinerary-timeline-wrap .timeline-content {

    margin-left: 24px;

    padding: 25px 25px 25px 50px;

  }

}



.summary-review {

  background-color: #f9f9f9;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 20px;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}

.summary-review .review-score span {

  background-color: #fff;

  font-family: "main";

  border-radius: 50%;

  width: 90px;

  display: block;

  height: 90px;

  margin: auto;

  font-weight: 700;

  font-size: 40px;

  line-height: 88px;

  text-align: center;

}

.summary-review .review-score-content {

  margin-left: 20px;

}

.summary-review .review-score-content p:last-child {

  margin-bottom: 0;

}

.summary-review .review-score-content span {

  color: #999;

  font-size: 18px;

  font-weight: 300;

}

@media screen and (max-width: 575px) {

  .summary-review {

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

    text-align: center;

  }

  .summary-review .review-score {

    margin-bottom: 20px;

  }

}



.single-tour-inner .rating-start {

  display: inline-block;

  font-size: 13px;

}

.single-tour-inner .rating-start span:before {

  color: #656565;

}



.single-tour-gallery h3 {

  margin-bottom: 25px;

  text-transform: uppercase;

}



.sidebar .package-price {

  background-color: #F56960;

  padding: 20px;

  text-align: center;

  margin-bottom: 50px;

}

.sidebar .package-price .price {

  color: #ffffff;

  font-family: "Open Sans", sans-serif;

}

.sidebar .package-price .price span {

  font-size: 30px;

  font-weight: 900;

  line-height: 1.1;

}

.sidebar .package-price .rating-start:before {

  color: #ffffff;

}

.sidebar .map-area {

  margin-bottom: 50px;

}

.sidebar .information-content {

  background-color: #f8f8f8;

  padding: 50px 30px;

  margin-bottom: 50px;

}

.sidebar .information-content .button-primary {

  margin-top: 20px;

}

.sidebar .information-content h5,

.sidebar .travel-package-content h5 {

  color: #F56960;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 22px;

  display: inline-block;

  text-transform: uppercase;

  padding-left: 60px;

  position: relative;

}

.sidebar .information-content h5:before,

.sidebar .travel-package-content h5:before {

  background-color: #F56960;

  content: "";

  height: 2px;

  width: 50px;

  margin-right: 10px;

  position: absolute;

  left: 0;

  top: 50%;

}

.sidebar .information-content h3,

.sidebar .travel-package-content h3 {

  text-transform: uppercase;

}

.sidebar .travel-package-content {

  padding: 50px 30px;

  position: relative;

  z-index: 1;

}

.sidebar .travel-package-content:before {

  background-color: #101F46;

  opacity: 0.85;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.sidebar .travel-package-content h3,

.sidebar .travel-package-content h5,

.sidebar .travel-package-content p {

  color: #ffffff;

}

.sidebar .travel-package-content h5:before {

  background-color: #ffffff;

}

.sidebar .travel-package-content ul {

  text-align: left;

  padding: 0;

  margin: 0;

}

.sidebar .travel-package-content ul li {

  list-style: none;

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.6);

}

.sidebar .travel-package-content ul li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.sidebar .travel-package-content ul li i {

  margin-right: 8px;

}

.sidebar .travel-package-content ul li a {

  color: #ffffff;

  line-height: 1.3;

  font-family: "main";

  font-size: 18px;

  font-weight: 700;

}



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

>>> Blog Pages

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

.blog-archive {

  padding-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .blog-archive {

    padding-bottom: 50px;

  }

}



@media screen and (min-width: 992px) {

  .right-sidebar {

    padding-right: 40px;

  }

}



@media screen and (min-width: 992px) {

  .left-sidebar {

    padding-left: 40px;

  }

}



.grid-item .post {

  margin-bottom: 40px;

}

.grid-item .entry-meta {

  margin-bottom: 15px;

}

.grid-item .entry-content {

  padding-top: 20px;

}

.grid-item .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.grid-item .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.grid-item .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.grid-item .entry-meta span:last-child:before {

  display: none;

}

.grid-item .entry-meta a {

  color: #787878;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.grid-item .entry-meta a:hover, .grid-item .entry-meta a:focus {

  color: #2C75BA;

}



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

>>> Blog Pages

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

.inner-banner-wrap .entry-meta {

  border-top: 1px solid #787878;

  border-bottom: 1px solid #787878;

  margin-left: auto;

  margin-right: auto;

  display: table;

  padding-top: 10px;

  padding-bottom: 10px;

  margin-top: 30px;

}

.inner-banner-wrap .entry-meta span {

  padding: 0 10px;

  position: relative;

}

.inner-banner-wrap .entry-meta span:before {

  color: #787878;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.inner-banner-wrap .entry-meta span:last-child:before {

  display: none;

}

.inner-banner-wrap .entry-meta .posted-on a:before {

  content: "\f073";

}

.inner-banner-wrap .entry-meta .byline a:before {

  content: "\f007";

}

.inner-banner-wrap .entry-meta .comments-link a:before {

  content: "\f086";

}

.inner-banner-wrap .entry-meta a {

  color: #ffffff;

  display: inline-block;

  font-size: 15px;

  line-height: 1.1;

}

.inner-banner-wrap .entry-meta a:before {

  font-family: "Font Awesome 5 Free";

  margin-right: 10px;

  font-weight: 900;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.inner-banner-wrap .entry-meta a:hover, .inner-banner-wrap .entry-meta a:focus {

  color: #2C75BA;

}



.single-post-section {

  margin-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .single-post-section {

    margin-bottom: 50px;

  }

}

.single-post-section .feature-image {

  margin-bottom: 30px;

}

.single-post-section .meta-wrap {

  margin-bottom: 30px;

}

.single-post-section .meta-wrap .tag-links:before {

  content: "\f02c";

  color: #1a1a1a;

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  margin-right: 5px;

  font-weight: 900;

}

.single-post-section .meta-wrap .tag-links a {

  color: #151515;

  font-weight: 600;

  margin: 0 3px;

}

.single-post-section .meta-wrap .tag-links a:hover {

  color: #2C75BA;

}

.single-post-section .author-wrap {

  background-color: #f9f9f9;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 20px;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 50px;

}

.single-post-section .author-wrap:before, .single-post-section .author-wrap:after {

  content: "";

  display: block;

  clear: both;

}

.single-post-section .author-wrap .author-thumb {

  width: 100px;

}

.single-post-section .author-wrap .author-thumb img {

  border-radius: 100%;

}

.single-post-section .author-wrap .author-content {

  width: -moz-calc(100% - 120px);

  width: -webkit-calc(100% - 120px);

  width: calc(100% - 120px);

  margin-left: 20px;

}

.single-post-section .author-wrap .author-content .author-name {

  margin-bottom: 5px;

}

.single-post-section .author-wrap .author-content p {

  font-size: 17px;

}

.single-post-section .author-wrap .author-content .button-text {

  color: #F56960;

}

.single-post-section .author-wrap .author-content .button-text:hover {

  color: #2C75BA;

}

@media screen and (max-width: 575px) {

  .single-post-section .author-wrap {

    text-align: center;

  }

  .single-post-section .author-wrap .author-thumb {

    margin-bottom: 20px;

    margin-left: auto;

    margin-right: auto;

  }

  .single-post-section .author-wrap .author-content {

    width: 100%;

  }

}



.post-navigation {

  margin: 50px -10px 0;

}

.post-navigation:before, .post-navigation:after {

  content: "";

  display: block;

  clear: both;

}

.post-navigation [class*=nav-] .nav-label,

.post-navigation [class*=nav-] .nav-title {

  display: block;

  -webkit-transition: color 0.4s;

  -moz-transition: color 0.4s;

  -ms-transition: color 0.4s;

  -o-transition: color 0.4s;

  transition: color 0.4s;

}

.post-navigation .nav-label {

  color: #5f5f5f;

  font-size: 13px;

}

.post-navigation .nav-prev,

.post-navigation .nav-next {

  width: 50%;

  padding: 0 10px;

}

.post-navigation .nav-prev a,

.post-navigation .nav-next a {

  color: #101F46;

  display: block;

  position: relative;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.post-navigation .nav-prev a:before,

.post-navigation .nav-next a:before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-size: 14px;

  display: block;

  vertical-align: middle;

  position: absolute;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

.post-navigation .nav-prev a:hover, .post-navigation .nav-prev a:focus, .post-navigation .nav-prev a:active,

.post-navigation .nav-next a:hover,

.post-navigation .nav-next a:focus,

.post-navigation .nav-next a:active {

  color: #2C75BA;

}

.post-navigation .nav-prev a:hover .nav-label, .post-navigation .nav-prev a:focus .nav-label, .post-navigation .nav-prev a:active .nav-label,

.post-navigation .nav-next a:hover .nav-label,

.post-navigation .nav-next a:focus .nav-label,

.post-navigation .nav-next a:active .nav-label {

  color: #2C75BA;

}

.post-navigation .nav-prev {

  float: left;

}

@media screen and (max-width: 767px) {

  .post-navigation .nav-prev {

    width: 100%;

  }

}

.post-navigation .nav-prev a {

  padding-left: 30px;

}

.post-navigation .nav-prev a:before {

  left: 12px;

  content: "\f053";

}

.post-navigation .nav-next {

  float: right;

  text-align: right;

}

@media screen and (max-width: 767px) {

  .post-navigation .nav-next {

    float: left;

    width: 100%;

  }

}

.post-navigation .nav-next a {

  padding-right: 30px;

}

.post-navigation .nav-next a:before {

  content: "\f054";

  right: 12px;

}

@media screen and (max-width: 767px) {

  .post-navigation .nav-prev ~ .nav-next {

    border-top: 1px solid #ececec;

    margin-top: 15px;

    padding-top: 15px;

  }

}



.comment-area {

  margin-top: 60px;

}

.comment-area .comment-title {

  margin-bottom: 25px;

}

.comment-area ol {

  margin: 0;

  padding: 0;

}

.comment-area ol ol {

  margin-left: 30px;

}

.comment-area ol li {

  list-style: none;

  margin-bottom: 30px;

}

.comment-area ol li:before, .comment-area ol li:after {

  content: "";

  display: block;

  clear: both;

}

.comment-area .comment-thumb {

  width: 45px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  overflow: hidden;

  float: left;

}

.comment-area .comment-content {

  border: 1px solid #e6e6e6;

  width: -moz-calc(100% - 65px);

  width: -webkit-calc(100% - 65px);

  width: calc(100% - 65px);

  float: right;

  padding: 20px;

}

.comment-area .comment-content .comment-header {

  margin-bottom: 10px;

}

.comment-area .comment-content p {

  margin-bottom: 15px;

}

.comment-area .comment-content h5 {

  display: inline-block;

  margin-bottom: 0;

}

.comment-area .comment-content .post-on {

  font-size: 13px;

  margin-left: 10px;

}

.comment-area .comment-content .reply {

  background-color: #F56960;

  font-size: 14px;

  color: #ffffff;

  padding: 5px 12px 6px;

  display: inline-block;

  line-height: 1.2;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.comment-area .comment-content .reply i {

  margin-right: 4px;

  font-size: 12px;

}

.comment-area .comment-content .reply:hover {

  background-color: #2C75BA;

}

@media screen and (max-width: 575px) {

  .comment-area .comment-thumb {

    width: 25px;

  }

  .comment-area .comment-content {

    width: -moz-calc(100% - 35px);

    width: -webkit-calc(100% - 35px);

    width: calc(100% - 35px);

  }

}



.comment-form-wrap {

  padding-top: 30px;

}

.comment-form-wrap .rate-wrap {

  padding: 0 15px;

  margin-bottom: 15px;

}

.comment-form-wrap label {

  display: block;

}

.comment-form-wrap input {

  border: none;

}

.comment-form-wrap input:not([type=submit]) {

  background-color: #F8F8F8;

  width: 100%;

}

.comment-form-wrap input[type=submit] {

  margin-top: 20px;

}

.comment-form-wrap textarea {

  background-color: #F8F8F8;

  border: none;

}



.single-page-section {

  padding-bottom: 70px;

}



.single-feature-img img {

  margin-bottom: 30px;

}



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

>>> Servece Pages

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

.service-page-section {

  padding-bottom: 60px;

}

@media screen and (min-width: 768px) {

  .service-page-section .row {

    margin-left: -20px;

    margin-right: -20px;

  }

  .service-page-section .row [class*=col-] {

    padding-left: 20px;

    padding-right: 20px;

  }

  .service-page-section .row [class*=col-]:nth-child(2n) {

    padding-top: 20px;

  }

}

@media screen and (min-width: 992px) {

  .service-page-section .row {

    margin-left: -40px;

    margin-right: -40px;

  }

  .service-page-section .row [class*=col-] {

    padding-left: 40px;

    padding-right: 40px;

  }

  .service-page-section .row [class*=col-]:nth-child(2n) {

    padding-top: 40px;

  }

}



.service-content-wrap {

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);

  padding: 40px;

}

.service-content-wrap .service-img {

  margin-top: 30px;

}

@media screen and (min-width: 768px) {

  .service-content-wrap {

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 992px) {

  .service-content-wrap {

    margin-bottom: 40px;

  }

}

@media screen and (max-width: 575px) {

  .service-content-wrap {

    margin-bottom: 30px;

    padding: 25px;

  }

}



.service-header {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  margin-bottom: 20px;

}

.service-header .service-count {

  color: rgba(7, 145, 190, 0.4);

  font-family: "main";

  font-size: 65px;

  font-weight: 900;

  line-height: 0.9;

  margin-right: 20px;

}

.service-header h3 {

  margin-bottom: 0;

}

@media screen and (min-width: 992px) {

  .service-header h3 {

    font-size: 30px;

    font-weight: 700;

    line-height: 1.1em;

  }

}



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

>>> Contact Pages

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

.contact-form-inner {

  padding-bottom: 80px;

}



.contact-page-section iframe {

  display: block;

}



.contact-detail-wrap .details-list {

  margin: 45px 0;

}

.contact-detail-wrap .details-list ul {

  margin: 0;

  padding: 0;

}

.contact-detail-wrap .details-list ul li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  list-style: none;

  margin-bottom: 20px;

  position: relative;

}

.contact-detail-wrap .details-list ul li:last-child {

  margin-bottom: 0;

}

.contact-detail-wrap .details-list .icon {

  background-color: #0791BE;

  color: #ffffff;

  display: block;

  font-size: 25px;

  line-height: 60px;

  height: 60px;

  text-align: center;

  width: 60px;

}

.contact-detail-wrap .details-list .details-content {

  width: -moz-calc(100% - 60px);

  width: -webkit-calc(100% - 60px);

  width: calc(100% - 60px);

  padding-right: 20px;

}

.contact-detail-wrap .details-list .details-content h4 {

  margin-bottom: 8px;

}

.contact-detail-wrap .contct-social ul {

  margin: 0 -5px;

}

.contact-detail-wrap .contct-social li {

  margin: 0 5px;

}

.contact-detail-wrap .contct-social a {

  color: #F56960;

  border: 1px solid #F56960;

  display: block;

  font-size: 20px;

  line-height: 40px;

  text-align: center;

  height: 40px;

  width: 40px;

}

@media screen and (min-width: 768px) {

  .contact-detail-wrap {

    padding-left: 30px;

  }

}



.contact-from-wrap .contact-from input:not([type=submit]):not([type=checkbox]):not([type=radio]) {

  width: 100%;

}

.contact-from-wrap .contact-from input[type=submit] {

  padding: 15px 30px;

}

@media screen and (max-width: 767px) {

  .contact-from-wrap {

    margin-bottom: 40px;

  }

}



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

>>> gallery Pages

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

.gallery-section {

  margin-bottom: 80px;

}

@media screen and (max-width: 575px) {

  .gallery-section {

    margin-bottom: 50px;

  }

}



.gallery-inner-wrap {

  margin: -6px;

}

.gallery-inner-wrap:before, .gallery-inner-wrap:after {

  content: "";

  display: block;

  clear: both;

}

.gallery-inner-wrap .single-gallery {

  width: 33.33%;

  float: left;

  padding: 6px;

}

.gallery-inner-wrap .single-gallery.width-3 {

  width: 66.66%;

}

.gallery-inner-wrap .gallery-img {

  position: relative;

}

.gallery-inner-wrap .gallery-img:before {

  background-color: rgba(0, 0, 0, 0.4);

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.gallery-inner-wrap .gallery-img img {

  width: 100%;

}

.gallery-inner-wrap .gallery-img .gallery-title {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 100%;

  text-align: center;

  z-index: 1;

}

.gallery-inner-wrap .gallery-img .gallery-title h3 {

  color: #ffffff;

  opacity: 0;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.gallery-inner-wrap .gallery-img:hover:before {

  opacity: 1;

}

.gallery-inner-wrap .gallery-img:hover .gallery-title h3 {

  opacity: 1;

  -webkit-transform: translate(0, 0);

  -moz-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

}

@media screen and (max-width: 767px) {

  .gallery-inner-wrap {

    margin: -5px;

  }

  .gallery-inner-wrap .single-gallery {

    width: 50%;

    padding: 5px;

  }

}

@media screen and (max-width: 479px) {

  .gallery-inner-wrap .single-gallery {

    width: 100%;

  }

}



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

>>> Comming Soon Pages

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

.comming-soon-section {

  background-size: cover;

  background-position: center center;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

}

.comming-soon-section .overlay {

  background-color: #151515;

  opacity: 0.5;

  z-index: 1;

}

.comming-soon-section .comming-soon-wrap {

  color: #ffffff;

  position: relative;

  z-index: 2;

}

.comming-soon-section .site-identity {

  text-align: center;

}

.comming-soon-section .site-identity img {

  max-width: 100%;

}

.comming-soon-section .comming-soon-content {

  margin-top: 80px;

  margin-bottom: 50px;

  text-align: center;

}

.comming-soon-section .comming-soon-content h2 {

  font-size: 65px;

  color: #ffffff;

  font-weight: 900;

  text-transform: uppercase;

  line-height: 1.1;

  margin-bottom: 30px;

}

.comming-soon-section .comming-soon-content h2:after {

  background-color: #ffffff;

  content: "";

  width: 90px;

  height: 4px;

  display: block;

  margin-left: auto;

  margin-right: auto;

  margin-top: 18px;

}

.comming-soon-section .comming-soon-content h4 {

  font-size: 18px;

  color: #ffffff;

  font-weight: 700;

  line-height: 1.2;

  text-transform: uppercase;

}

.comming-soon-section .time-counter-wrap {

  margin-bottom: 70px;

}

.comming-soon-section .time-counter {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  text-align: center;

}

.comming-soon-section .time-counter .counter-time {

  background-color: #F56960;

  width: 160px;

  margin: 12px;

  padding: 5px 10px 20px;

}

.comming-soon-section .time-counter .counter-time span {

  display: block;

}

.comming-soon-section .time-counter .counter-time [class*=counter-] {

  font-size: 80px;

  font-family: "main";

  font-weight: 900;

  line-height: 1.1;

}

.comming-soon-section .social-icons {

  text-align: center;

}

.comming-soon-section .social-icons ul {

  margin: 0;

  padding: 0;

}

.comming-soon-section .social-icons li {

  list-style: none;

  display: inline-block;

  margin: 0 10px;

}

.comming-soon-section .social-icons a {

  border: 1px solid #ffffff;

  font-size: 15px;

  color: #ffffff;

  display: block;

  width: 35px;

  height: 35px;

  line-height: 34px;

}

.comming-soon-section .social-icons a:hover {

  border-color: #2C75BA;

  color: #2C75BA;

}

.comming-soon-section .com-contact-info {

  color: #ffffff;

}

.comming-soon-section .com-contact-info ul {

  font-size: 0px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.comming-soon-section .com-contact-info ul li {

  display: inline-block;

  font-size: 15px;

  padding: 0 10px;

}

.comming-soon-section .com-contact-info ul li:last-child {

  padding-right: 0;

}

.comming-soon-section .com-contact-info ul li:first-child {

  padding-left: 0;

}

.comming-soon-section .com-contact-info ul li [class*=fa-] {

  margin-right: 5px;

}

.comming-soon-section .com-contact-info ul li a {

  color: #fcfcfc;

  display: block;

  -webkit-transition: color 0.4s linear;

  -moz-transition: color 0.4s linear;

  -ms-transition: color 0.4s linear;

  -o-transition: color 0.4s linear;

  transition: color 0.4s linear;

}

.comming-soon-section .com-contact-info ul li a:hover, .comming-soon-section .com-contact-info ul li a:focus, .comming-soon-section .com-contact-info ul li a:active {

  color: #2C75BA;

}

@media screen and (min-width: 1200px) {

  .comming-soon-section {

    height: 100vh;

  }

}

@media screen and (max-width: 1199px) {

  .comming-soon-section {

    padding: 30px 0;

  }

}

@media screen and (max-width: 991px) {

  .comming-soon-section .comming-soon-footer {

    text-align: center;

  }

  .comming-soon-section .com-contact-info {

    margin-bottom: 20px;

  }

  .comming-soon-section .time-counter .counter-time [class*=counter-] {

    font-size: 42px;

  }

}

@media screen and (max-width: 575px) {

  .comming-soon-section .comming-soon-content h2 {

    font-size: 30px;

  }

}



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

>>> 404 Pages

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

.no-content-section {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding-top: 150px;

  padding-bottom: 150px;

  position: relative;

}

.no-content-section .overlay {

  background-color: #101F46;

  opacity: 0.6;

  z-index: 1;

}

@media screen and (max-width: 575px) {

  .no-content-section {

    padding-bottom: 80px;

  }

}



.no-content-wrap {

  position: relative;

  text-align: center;

  z-index: 2;

}

.no-content-wrap span {

  color: rgba(255, 255, 255, 0.32);

  font-size: 300px;

  font-family: "main";

  font-weight: 900;

  line-height: 1;

}

.no-content-wrap h1 {

  color: #ffffff;

  margin-bottom: 0;

  position: absolute;

  -webkit-transform: translate(0, -80%);

  -moz-transform: translate(0, -80%);

  -ms-transform: translate(0, -80%);

  -o-transform: translate(0, -80%);

  transform: translate(0, -80%);

  top: 50%;

  left: 0;

  right: 0;

}

.no-content-wrap h4 {

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

  margin-top: 40px;

}

.no-content-wrap .search-form-wrap {

  max-width: 640px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 46px;

}

.no-content-wrap .search-form-wrap .search-form input {

  padding: 0 55px 0 20px;

}

.no-content-wrap .search-form-wrap .search-form button {

  padding: 10px 20px;

  top: 0;

  right: 0;

  height: 100%;

}

@media screen and (max-width: 767px) {

  .no-content-wrap span {

    font-size: 224px;

  }

}

@media screen and (max-width: 575px) {

  .no-content-wrap span {

    font-size: 145px;

  }

  .no-content-wrap h1 {

    -webkit-transform: translate(0, -145%);

    -moz-transform: translate(0, -145%);

    -ms-transform: translate(0, -145%);

    -o-transform: translate(0, -145%);

    transform: translate(0, -145%);

  }

  .no-content-wrap h4 {

    font-size: 16px;

  }

}



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

>>> Search Pages

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

.search-section {

  margin-bottom: 70px;

}

.search-section .post {

  border: 1px solid #e6e6e6;

}

.search-section .post .entry-content {

  padding: 20px;

}

.search-section .search-outer-wrap {

  margin-bottom: 80px;

}

.search-section .button-container .button-text {

  color: #F56960;

  text-transform: uppercase;

}

.search-section .button-container .button-text:hover {

  color: #2C75BA;

}



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

>>> FAQ Pages

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

.faq-page-container {

  padding-bottom: 80px;

}

@media screen and (max-width: 991px) {

  .faq-page-container .pl-20 {

    padding-left: 0;

  }

}



.accordion .card {

  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  margin-bottom: 20px;

  border: none;

}

.accordion .card:last-child {

  margin-bottom: 0;

}

.accordion .card .card-header {

  background-color: transparent;

  border: none;

  padding: 0;

  margin: 0;

}

.accordion .card button {

  color: #0085ba;

  font-family: "Open Sans", sans-serif;

  font-size: 17px;

  display: block;

  width: 100%;

  text-decoration: none;

  padding: 22px;

  font-weight: 700;

  position: relative;

  text-align: left;

  text-transform: uppercase;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

}

.accordion .card button:before {

  content: "\f106";

  display: block;

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  float: right;

  position: absolute;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  right: 15px;

}

.accordion .card button.collapsed:before {

  content: "\f107";

}

.accordion .card .card-body {

  font-size: 15px;

  padding: 0 20px 20px;

}



.qsn-form-container {

  background-color: #0791BE;

  padding: 40px 30px 20px;

  color: #ffffff;

  text-align: center;

  /* Firefox */

}

.qsn-form-container h3 {

  color: #ffffff;

  text-transform: uppercase;

}

.qsn-form-container p {

  margin-bottom: 20px;

}

.qsn-form-container form {

  padding-top: 10px;

  text-align: left;

}

.qsn-form-container input:not([type=submit]) {

  min-height: 59px;

  width: 100%;

}

.qsn-form-container input::-webkit-outer-spin-button,

.qsn-form-container input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.qsn-form-container input[type=number] {

  -moz-appearance: textfield;

  appearance: textfield;

}

@media screen and (min-width: 992px) {

  .qsn-form-container {

    margin-left: 40px;

  }

}

@media screen and (max-width: 991px) {

  .qsn-form-container {

    margin-top: 40px;

  }

}



.faq-testimonial .faq-image img {

  width: 100%;

}

.faq-testimonial .testimonial-content {

  background-color: #F56960;

  color: #ffffff;

  margin-right: 25px;

  margin-top: -100px;

  padding: 30px;

  position: relative;

}

.faq-testimonial .testimonial-content i {

  font-size: 40px;

  margin-bottom: 12px;

  line-height: 1;

}

.faq-testimonial .testimonial-content p:last-child {

  margin-bottom: 0;

}

@media screen and (max-width: 991px) {

  .faq-testimonial {

    margin-bottom: 40px;

  }

}



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

>>> Tour Guide Pages

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

.guide-page-section {

  padding-bottom: 60px;

}



.guide-content-wrap {

  margin-bottom: 40px;

}

.guide-content-wrap .guide-image img {

  width: 100%;

}

.guide-content-wrap .guide-content {

  background-color: #ffffff;

  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);

  padding: 30px;

  margin-left: 20px;

  margin-right: 20px;

  margin-top: -80px;

  position: relative;

}

.guide-content-wrap .guide-content h5 {

  color: #0791BE;

  font-weight: 700;

}

.guide-content-wrap .guide-social li {

  margin: 0 5px;

}

.guide-content-wrap .guide-social a {

  background-color: #F56960;

  color: #ffffff;

  display: block;

  font-size: 15px;

  line-height: 34px;

  height: 34px;

  width: 34px;

}

@media screen and (max-width: 575px) {

  .guide-content-wrap .guide-content {

    margin-left: 15px;

    margin-right: 15px;

  }

  .guide-content-wrap .guide-social a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

  }

}



.secondary-overlay {

  position: relative;

}

.secondary-overlay:before {

  background-color: #101F46;

  opacity: 0.65;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

}



.override-callback {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  padding: 195px 0 80px;

  margin-top: -100px;

}

.override-callback .section-heading {

  color: #ffffff;

  margin-bottom: 0;

}

.override-callback .section-heading h2,

.override-callback .section-heading h5 {

  color: #ffffff;

}

.override-callback .section-heading h5:before {

  background-color: #ffffff;

}



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

>>> Testimonial Pages

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

.testimonial-page-section .testimonial-item {

  background-color: #F8F8F8;

  padding: 80px 40px 32px 40px;

  position: relative;

  margin-bottom: 100px;

  z-index: 1;

}

.testimonial-page-section .testimonial-item:before {

  background-image: url(assets/images/icon18.png);

  background-repeat: no-repeat;

  background-position: 40px 14px;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0.25;

  z-index: -1;

}

.testimonial-page-section .testimonial-item .testimonial-content p {

  font-size: 15px;

  font-style: normal;

  margin-bottom: 25px;

}

.testimonial-page-section .testimonial-item .testimonial-img {

  height: 100px;

  width: 100px;

  position: absolute;

  left: 0;

  right: 0;

  top: -50px;

}

.testimonial-page-section .start-wrap {

  display: inline-block;

  margin-bottom: 20px;

}



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

>>> Career Pages

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

.vacancy-container {

  padding-bottom: 60px;

}

.vacancy-container .vacancy-form {

  background-color: #0791BE;

  padding: 30px;

  color: #ffffff;

  text-align: center;

}

.vacancy-container .vacancy-form h3 {

  color: #ffffff;

}

.vacancy-container .vacancy-form form {

  text-align: left;

  margin-top: 30px;

}

.vacancy-container .vacancy-form form p {

  margin-bottom: 20px;

}

.vacancy-container .vacancy-form input {

  width: 100%;

}

.vacancy-container .vacancy-form input:not[type=submit] {

  height: 59px;

}

@media screen and (min-width: 992px) {

  .vacancy-container .vacancy-form {

    margin-left: 30px;

  }

}



.vacancy-content {

  margin-bottom: 30px;

  padding: 40px;

  border: 1px solid #D9D9D9;

}

.vacancy-content h5 {

  color: #0791BE;

  font-weight: 700;

}

.vacancy-content .button-primary {

  margin-top: 10px;

}



.vacancy-content-wrap [class*=col-]:first-child .vacancy-content, .vacancy-content-wrap [class*=col-]:nth-child(4n+4) .vacancy-content, .vacancy-content-wrap [class*=col-]:nth-child(4n+5) .vacancy-content {

  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.25);

  border: none;

}



.carrer-page-section {

  padding-bottom: 40px;

}

@media screen and (min-width: 992px) {

  .carrer-page-section .section-disc {

    margin-left: 50px;

  }

}

.carrer-page-section .about-service {

  border: 1px solid #D1D1D1;

  padding: 18px 25px 22px 25px;

}



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

>>> Career Pages

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

.career-detail-section .career-detail-inner {

  padding-bottom: 50px;

}

.career-detail-section .nav-tabs .nav-link {

  font-size: 18px;

  font-weight: 700;

  line-height: 1.3;

  text-transform: capitalize;

}

.career-detail-section .job-description {

  background-color: #F56960;

}

.career-detail-section .job-description ul {

  margin: 0;

  padding: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  text-align: center;

  padding: 24px 0;

}

.career-detail-section .job-description li {

  color: #ffffff;

  font-family: "main";

  list-style: none;

  display: inline-block;

  padding: 0 8px;

  width: 25%;

  font-weight: 700;

  border-right: 1px solid #F8F8F8;

}

.career-detail-section .job-description li h4 {

  color: #ffffff;

  margin-bottom: 0;

}

.career-detail-section .job-description li:last-child {

  border-right: none;

}

@media screen and (max-width: 575px) {

  .career-detail-section .job-description li {

    width: 100%;

    border-right: none;

    border-bottom: 1px solid #F8F8F8;

    padding: 10px 0;

  }

  .career-detail-section .job-description li:last-child {

    border-bottom: none;

  }

}

@media screen and (max-width: 575px) {

  .career-detail-section .nav {

    display: block;

  }

  .career-detail-section .nav.nav-tabs a {

    border-width: 1px 1px 0 1px;

    border-style: solid;

    border-color: #dee2e6;

    padding: 15px 20px;

    font-size: 15px;

  }

  .career-detail-section .nav.nav-tabs a:hover, .career-detail-section .nav.nav-tabs a:focus, .career-detail-section .nav.nav-tabs a.active {

    background-color: #2C75BA;

    color: #ffffff;

  }

}



.tab-container .experience-content h5 {

  font-weight: 900;

  text-transform: uppercase;

}



.sidebar .widget-bg {

  background-color: #fff;

  border-bottom: 3px solid #0791BE;

  margin-bottom: 50px;
text-align: right;
  padding: 30px;

}

.sidebar .widget-bg .bg-title {

  background-color: #0791BE;

  color: #ffffff;

  padding: 20px;

  text-align: center;

  margin-bottom: 25px;

}

.sidebar .sidebar-list ul {

  padding: 0;

  margin: 0;

}

.sidebar .sidebar-list li {

  list-style: none;
font-size: 18px;
  margin-bottom: 8px;

}

.sidebar .sidebar-list li i {

  color: #0791BE;

  margin-right: 10px;

  font-size: 14px;

}

.sidebar .faq-widget .accordion .card button {

  font-size: 15px;

  font-weight: 600;

  padding: 18px;

  text-transform: capitalize;

}

.sidebar .widget-icon {

  background-color: #0791BE;

  border-radius: 100%;

  color: #ffffff;

  height: 100px;

  width: 100px;

  text-align: center;

  line-height: 100px;

  font-size: 48px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 20px;

}

.sidebar .or-style {

  color: #0791BE;

  display: table;

  font-size: 18px;

  font-weight: 700;

  position: relative;

  margin-left: auto;

  margin-right: auto;

  padding-left: 70px;

  padding-right: 70px;

}

.sidebar .or-style:before, .sidebar .or-style:after {

  background-color: #d1d1d1;

  content: "";

  width: 60px;

  height: 1px;

  position: absolute;

  top: 50%;

  display: inline-block;

}

.sidebar .or-style:before {

  left: 0;

}

.sidebar .or-style:after {

  right: 0;

}

.sidebar .upload-widget .button-primary {

  margin-top: 20px;

}



.secondary-callback {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  padding: 80px 0;

}

.secondary-callback .section-heading {

  color: #ffffff;

  margin-bottom: 0;

}

.secondary-callback .section-heading h2,

.secondary-callback .section-heading h5 {

  color: #ffffff;

}

.secondary-callback .section-heading h5:before {

  background-color: #ffffff;

}

.secondary-callback .section-heading .button-primary {

  margin-top: 15px;

}

.secondary-callback .section-heading .heading-inner {

  background-color: rgba(7, 145, 190, 0.7);

  padding: 50px;

}



.career-detail-section .secondary-overlay:before {

  opacity: 0.55;

}



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

>>> Shop Pages

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

.product-outer-wrap {

  padding-bottom: 70px;

}

.product-outer-wrap .product-notices-wrapper {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: space-between;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 40px;

}

.product-outer-wrap .product-notices-wrapper select, .product-outer-wrap .product-notices-wrapper form {

  width: 100%;

}

@media screen and (min-width: 576px) {

  .product-outer-wrap .product-notices-wrapper p {

    margin-bottom: 0;

  }

  .product-outer-wrap .product-notices-wrapper select, .product-outer-wrap .product-notices-wrapper form {

    width: auto;

  }

}



.product-inner-wrap {

  background-color: #FAFAFA;

  padding-bottom: 100px;

  margin-bottom: 100px;

}

@media screen and (max-width: 991px) {

  .product-inner-wrap {

    margin-bottom: 70px;

    padding-bottom: 70px;

  }

}



.product-toolbar {

  margin-bottom: 60px;

}

.product-toolbar .form-group {

  position: relative;

}

.product-toolbar .form-group i {

  position: absolute;

  width: 42px;

  height: 42px;

  line-height: 50px;

  text-align: center;

  right: 0;

  top: 0;

  border-left: 1px solid #e6e6e6;

}

.product-toolbar .form-group input[type=text] {

  padding-right: 55px;

}



.product-item {

  -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  margin-bottom: 30px;

  padding: 10px 10px 0;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.product-item .product-image {

  position: relative;

  overflow: hidden;

}

.product-item .product-image a {

  display: block;

  overflow: hidden;

}

.product-item .product-image a img {

  -webkit-transition: linear 0.4s;

  -moz-transition: linear 0.4s;

  -ms-transition: linear 0.4s;

  -o-transition: linear 0.4s;

  transition: linear 0.4s;

}

.product-item .product-image a:hover img {

  transform: scale(1.2) rotate(5deg);

}

.product-item .product-content {

  padding: 25px;

}

.product-item .product-content h3 {

  margin-bottom: 10px;

}

.product-item .product-content .product-cat a {

  color: #4a4a4a;

  font-size: 13px;

  margin-bottom: 10px;

  display: inline-block;

}

.product-item .product-content .product-cat a:hover {

  color: #2C75BA;

}

.product-item .product-content .product-price {

  font-size: 23px;

  font-weight: 700;

  font-family: "main";

  padding: 0 20px;

  color: #0791BE;

}

.product-item .product-content .product-price del {

  color: #787878;

  opacity: 0.5;

}

.product-item .onsale {

  background: #0791BE;

  color: #ffffff;

  font-size: 15px;

  font-weight: 700;

  right: 10px;

  padding: 5px 20px;

  display: block;

  position: absolute;

  top: 10px;

  z-index: 3;

}

.product-item .rate-wrap {

  padding: 20px 20px 0;

  border-top: 1px solid #e6e6e6;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: space-between;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.product-item .button-primary {

  font-size: 15px;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 5px;

  padding: 10px 18px;

}

.product-item:hover {

  -webkit-transform: translate(0, -5px);

  -moz-transform: translate(0, -5px);

  -ms-transform: translate(0, -5px);

  -o-transform: translate(0, -5px);

  transform: translate(0, -5px);

}



.procduct-rate {

  display: inline-block;

  position: relative;

  font-size: 13px;

  letter-spacing: 3px;

  overflow: hidden;

}

@media screen and (max-width: 991px) {

  .procduct-rate {

    font-size: 12px;

  }

}

.procduct-rate:before {

  color: #ddd;

  content: "\f005\f005\f005\f005\f005";

  display: block;

  font-family: "Font Awesome 5 free";

}

.procduct-rate span {

  float: left;

  left: 0;

  overflow: hidden;

  padding-top: 1.5em;

  position: absolute;

  top: 0;

  z-index: 1;

}

.procduct-rate span:before {

  color: #FEBF00;

  content: "\f005\f005\f005\f005\f005";

  display: block;

  font-family: "Font Awesome 5 free";

  font-weight: 900;

  position: absolute;

  top: 0;

  left: 0;

}



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

procduct details css

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

.single-product-item .image-search-icon {

  position: absolute;

  top: 15px;

  right: 15px;

}

.single-product-item .image-search-icon a {

  background-color: #ffffff;

  border-radius: 100%;

  color: #383838;

  display: block;

  font-size: 17px;

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  -webkit-transition: background-color 0.3s, color 0.3s;

  -moz-transition: background-color 0.3s, color 0.3s;

  -ms-transition: background-color 0.3s, color 0.3s;

  -o-transition: background-color 0.3s, color 0.3s;

  transition: background-color 0.3s, color 0.3s;

}

.single-product-item .image-search-icon a:hover {

  background-color: #2C75BA;

  color: #ffffff;

}



.product-thumb-nav .single-product-item {

  padding: 10px 5px 0 5px;

}

.product-thumb-nav.slick-slider .slick-prev:before,

.product-thumb-nav.slick-slider .slick-next:before {

  height: 25px;

  width: 25px;

  font-size: 12px;

  line-height: 25px;

}

.product-thumb-nav.slick-slider .slick-prev {

  left: 5px;

}

.product-thumb-nav.slick-slider .slick-next {

  right: 5px;

}



.product-summary .product-price {

  color: #0791BE;

  font-size: 30px;

  font-weight: 900;

  margin-bottom: 25px;

}

.product-summary .product-price del {

  opacity: 0.5;

  display: inline-block;

}

.product-summary .product-desc {

  border-top: 1px solid #D9D9D9;

  margin-top: 30px;

  padding-top: 25px;

}

.product-summary .cart-item input {

  width: 55px;

  height: 45px;

  font-size: 16px;

  font-weight: 600;

  padding-right: 0;

  text-align: center;

  color: #4a4a4a;

}

.product-summary .cart-item button {

  border: none;

  margin-left: 10px;

  padding: 13px 20px;

}

.product-summary .product-meta {

  border-top: 1px solid #D9D9D9;

  margin-top: 0px;

  padding-top: 10px;

}

.product-summary .product-meta [class*=-detail] {

  margin-bottom: 5px;

}

.product-summary .product-meta strong {

  color: #151515;

  font-family: "main";

  font-size: 14px;

  font-weight: 700;

  text-transform: capitalize;

  margin-right: 5px;

}

.product-summary .product-meta a {

  font-family: "main";

  font-size: 14px;

  color: #383838;

}

.product-summary .product-meta a:hover {

  color: #2C75BA;

}

@media screen and (min-width: 992px) {

  .product-summary {

    margin-left: 20px;

  }

}

@media screen and (max-width: 575px) {

  .product-summary {

    margin-top: 40px;

  }

}



.product-outer-wrap .tab-container {

  margin-top: 0;

}

.product-outer-wrap .tab-container table {

  background-color: #f7f7f7;

  border: 1px solid #e6e6e6;

}

.product-outer-wrap .tab-container table th {

  color: #333;

  border-bottom: 1px solid #e6e6e6;

  border-right: 1px solid #e6e6e6;

}

.product-outer-wrap .tab-container table tr:last-child td {

  border-bottom: none;

}

.product-outer-wrap .tab-container table tr:last-child th {

  border-bottom: none;

}

.product-outer-wrap .rate-wrap {

  padding: 0;

}

.product-outer-wrap .comment-area {

  margin-top: 0;

}

@media screen and (max-width: 575px) {

  .product-outer-wrap .tab-content {

    padding: 30px 15px;

  }

}



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

Related product css

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

.related-product {

  margin-top: 80px;

}

@media screen and (max-width: 991px) {

  .related-product {

    margin-top: 60px;

  }

}



.related-title h3 {

  font-size: 30px;

  font-weight: 900;

  line-height: 1.1;

  margin-bottom: 30px;

}



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

product cart css

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

.cart-section {

  margin-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .cart-section {

    margin-bottom: 50px;

  }

}



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

product checkout css

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

.checkout-section {

  margin-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .checkout-section {

    margin-bottom: 50px;

  }

}



.checkout-field-wrap {

  border: 1px solid #e6e6e6;

  padding: 30px;

}

.checkout-field-wrap .coupon-field {

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 20px;

  margin-bottom: 35px;

}

.checkout-field-wrap .coupon-field label {

  display: block;

}

.checkout-field-wrap .coupon-field label a {

  color: inherit;

}

.checkout-field-wrap .coupon-field .form-group {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: -10px;

  margin-right: -10px;

}

.checkout-field-wrap .coupon-field .form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) {

  width: auto;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.checkout-field-wrap .coupon-field .form-group input[type=submit] {

  line-height: 48px;

  height: 48px;

  padding: 0 30px;

}

.checkout-field-wrap .coupon-field .form-group input {

  margin: 0 10px;

}

@media screen and (max-width: 575px) {

  .checkout-field-wrap {

    padding: 20px;

  }

  .checkout-field-wrap .coupon-field .form-group input[type=submit] {

    margin-top: 15px;

  }

}



.widget-table-summary table tr:last-child td {

  border-bottom: none;

}

.widget-table-summary table td {

  color: #383838;

}



.widget-paymet-bank .form-group label {

  margin-bottom: 0;

}

.widget-paymet-bank .form-group .desc {

  padding: 20px;

  font-size: 13px;

  background-color: #efefef;

  margin-top: 15px;

}

.widget-paymet-bank .custom-radio-field img {

  width: 150px;

  margin-top: -5px;

}

.widget-paymet-bank .button-primary {

  width: 100%;

  border: none;

  display: block;

  margin-top: 25px;

  text-align: center;

}



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

>>> Cart Pages

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

.cart-list-inner .table {

  margin-bottom: 60px;

  border-width: 0 1px 0 1px;

  border-style: solid;

  border-color: #dee2e6;

}

.cart-list-inner .table thead tr th {

  background-color: #f5f5f5;

  border: none;

  font-family: "main";

  font-weight: 700;

  font-size: 15px;

}

.cart-list-inner .table tr .cartImage {

  display: block;

  overflow: hidden;

  width: 70px;

  margin-right: 10px;

}

.cart-list-inner .table tr td {

  color: #383838;

  vertical-align: middle;

  border-bottom: 1px solid #dee2e6;

  border-top: none;

  position: relative;

  padding: 20px;

  font-size: 16px;

}

.cart-list-inner .table tr td .close {

  float: left;

  position: relative;

  top: 15px;

  margin-right: 15px;

}

.cart-list-inner .table tr td.count-input div {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.cart-list-inner .table tr td.count-input a {

  color: #383838;

  font-size: 10px;

  display: inline-block;

  border: 1px solid #e4e4e4;

  line-height: 41px;

  height: 41px;

  width: 40px;

  text-align: center;

}

.cart-list-inner .table tr td input {

  width: 40px;

  font-size: 16px;

  height: 41px;

  text-align: center;

  color: #101F46;

  border-width: 1px 0 1px 0;

  border-color: #e4e4e4;

  border-style: solid;

  padding: 0;

}

@media screen and (max-width: 575px) {

  .cart-list-inner .table {

    display: block;

  }

  .cart-list-inner .table thead, .cart-list-inner .table tbody, .cart-list-inner .table th, .cart-list-inner .table td, .cart-list-inner .table tr {

    display: block;

  }

  .cart-list-inner .table thead tr {

    position: absolute;

    top: -9999px;

    left: -9999px;

  }

  .cart-list-inner .table tr {

    border: 1px solid #e6e6e6;

  }

  .cart-list-inner .table td {

    border: none;

    border-bottom: 1px solid #e6e6e6;

    position: relative;

  }

  .cart-list-inner .table td:before {

    display: block;

    white-space: nowrap;

    content: attr(data-column);

    color: #101F46;

    font-weight: 600;

    margin-bottom: 10px;

  }

}

.cart-list-inner .updateArea .input-group {

  display: inline-block;

  margin-bottom: 0;

  width: auto;

}

.cart-list-inner .updateArea .input-group .form-control {

  width: auto;

  display: inline-block;

  margin-right: 15px;

}

@media screen and (max-width: 767px) {

  .cart-list-inner .updateArea .input-group .form-control {

    text-align: center;

  }

}

.cart-list-inner .updateArea a {

  padding: 12px 20px;

  font-weight: 400;

}

.cart-list-inner .updateArea a.update-btn {

  float: right;

}

@media screen and (max-width: 575px) {

  .cart-list-inner .updateArea .input-group {

    width: 100%;

  }

  .cart-list-inner .updateArea .input-group .form-control {

    margin-right: 0;

    margin-bottom: 10px;

    width: 100%;

  }

  .cart-list-inner .updateArea a {

    display: block;

    text-align: center;

    margin-bottom: 10px;

  }

  .cart-list-inner .updateArea a.update-btn {

    float: none;

  }

}

.cart-list-inner .totalAmountArea,

.cart-list-inner .updateArea,

.cart-list-inner .checkBtnArea {

  display: block;

  padding: 20px 30px;

  border-left: 1px solid #dee2e6;

  border-right: 1px solid #dee2e6;

  border-bottom: 1px solid #dee2e6;

}

.cart-list-inner .totalAmountArea:before, .cart-list-inner .totalAmountArea:after,

.cart-list-inner .updateArea:before,

.cart-list-inner .updateArea:after,

.cart-list-inner .checkBtnArea:before,

.cart-list-inner .checkBtnArea:after {

  content: "";

  display: block;

  clear: both;

}

.cart-list-inner .updateArea {

  border-top: 1px solid #dee2e6;

}

@media screen and (max-width: 767px) {

  .cart-list-inner .updateArea {

    text-align: center;

  }

}

@media screen and (max-width: 767px) {

  .cart-list-inner .updateArea a.update-btn {

    float: none;

    margin-top: 15px;

  }

}

@media screen and (max-width: 575px) {

  .cart-list-inner .updateArea a.update-btn {

    margin-top: 0;

  }

}

.cart-list-inner .totalAmountArea ul {

  margin: 0;

  padding: 0;

  float: right;

  text-align: right;

}

.cart-list-inner .totalAmountArea ul li {

  margin-bottom: 10px;

}

.cart-list-inner .totalAmountArea ul li strong {

  font-weight: 600;

}

.cart-list-inner .totalAmountArea ul li span {

  width: 108px;

  display: inline-block;

}

.cart-list-inner .totalAmountArea ul li .grandTotal {

  font-weight: 700;

}



.step-section {

  margin-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .step-section {

    margin-bottom: 50px;

  }

}



.step-link-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  text-align: center;

  margin-bottom: 100px;

}

.step-link-wrap .step-item {

  font-size: 18px;

  font-weight: 700;

  font-family: "main";

  width: 33.33%;

  position: relative;

}

.step-link-wrap .step-item a {

  background-color: #ffffff;

  display: block;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  border: 6px solid #f1f1f1;

  width: 40px;

  height: 40px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 30px;

}

.step-link-wrap .step-item:before, .step-link-wrap .step-item:after {

  background-color: #f1f1f1;

  content: "";

  height: 6px;

  width: 50%;

  position: absolute;

  bottom: 16px;

  z-index: -1;

}

.step-link-wrap .step-item:before {

  left: 0;

}

.step-link-wrap .step-item:after {

  right: 0;

}

.step-link-wrap .step-item:first-child:before {

  display: none;

}

.step-link-wrap .step-item:last-child:after {

  display: none;

}

.step-link-wrap .step-item.active a {

  background-color: #F56960;

}

@media screen and (max-width: 575px) {

  .step-link-wrap {

    margin-bottom: 50px;

    font-size: 13px;

  }

  .step-link-wrap .step-item:before, .step-link-wrap .step-item:after {

    height: 4px;

    bottom: 10px;

  }

  .step-link-wrap .step-item a {

    border-width: 4px;

    margin-top: 15px;

    height: 25px;

    width: 25px;

  }

}



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

>>> Booking Pages

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

.booking-form-wrap {

  background-color: #f8f8f8;

  padding: 30px;

}

.booking-form-wrap .booking-form h4 {

  margin-top: 5px;

}

.booking-form-wrap .form-group label .custom-checkbox {

  border-color: #B5B5B5;

}

.booking-form-wrap .submit-btn {

  margin-top: 10px;

  margin-bottom: 0;

}



.booking-content {

  margin-bottom: 60px;

}

.booking-content .form-title {

  margin-bottom: 30px;

}

.booking-content .form-title h3 {

  text-transform: uppercase;

  display: inline-block;

}

.booking-content .form-title span {

  background-color: #F56960;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  color: #ffffff;

  display: inline-block;

  font-size: 20px;

  height: 50px;

  line-height: 50px;

  margin-right: 20px;

  text-align: center;

  width: 50px;

}

.booking-content .info-content {

  border-top: 1px solid #e6e6e6;

  margin-top: 30px;

  padding-top: 30px;

}

@media screen and (max-width: 575px) {

  .booking-content {

    margin-bottom: 30px;

  }

  .booking-content .form-title {

    margin-bottom: 15px;

  }

  .booking-content .form-title span {

    height: 30px;

    line-height: 30px;

    margin-right: 16px;

    width: 30px;

  }

}



.form-policy .form-group {

  margin-bottom: 30px;

}



.widget-support-wrap {

  background-color: #f9f9f9;

  padding: 30px;

  text-align: center;

}

.widget-support-wrap .icon {

  font-size: 52px;

  margin-bottom: 15px;

  line-height: 1;

}

.widget-support-wrap .support-content h5 {

  color: #383838;

  font-weight: 400;

}

.widget-support-wrap .support-content .phone {

  font-family: "main";

  font-size: 30px;

  display: block;

  margin-bottom: 10px;

  color: #101F46;

  line-height: 1;

  font-weight: 700;

}



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

>>> confirmation Pages

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

.success-notify {

  background-color: #0791BE;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  padding: 30px;

  color: #ffffff;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  margin-bottom: 60px;

}

.success-notify .success-icon i {

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  border: 3px solid #ffffff;

  line-height: 80px;

  height: 80px;

  width: 80px;

  text-align: center;

  font-size: 28px;

}

.success-notify .success-content {

  margin-left: 20px;

}

.success-notify .success-content h3 {

  margin-bottom: 5px;

  color: #ffffff;

}

.success-notify .success-content p {

  margin-bottom: 0;

}



.confirmation-details h3 {

  margin-bottom: 25px;

}

.confirmation-details table {

  margin-bottom: 60px;

}

.confirmation-details table tr:nth-of-type(odd) {

  background-color: #F1F1F1;

}

.confirmation-details table tr td {

  color: #383838;

  width: 50%;

  border: none;

}

.confirmation-details .details.payment-details {

  margin-bottom: 60px;

}

.confirmation-details .details .details-desc {

  background-color: #F1F1F1;

  padding: 15px;

}

.confirmation-details .details .details-desc a {

  color: inherit;

}

.confirmation-details .details .details-desc p {

  margin-bottom: 0;

}



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

>>> Compatibility  

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

.overlay-hover .thumb-img img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.overlay-hover > a {

  overflow: hidden;

}

.overlay-hover > a:hover .thumb-img img {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



.ui-datepicker {

  background-color: #ffffff;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  width: 280px;

}

.ui-datepicker.ui-widget {

  font-family: inherit;

}

.ui-datepicker .ui-datepicker-header {

  background-color: transparent;

  border: none;

  border-bottom: 1px solid #e6e6e6;

  padding: 10px 0 15px;

  position: relative;

}

.ui-datepicker .ui-datepicker-title {

  font-size: 15px;

  line-height: 1.2;

}

.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

  border: 1px solid transparent;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  line-height: 30px;

  height: 30px;

  width: 30px;

  text-align: center;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

.ui-datepicker .ui-datepicker-prev span,

.ui-datepicker .ui-datepicker-next span {

  background-image: none;

  font-size: 0px;

  margin: 0;

  height: auto;

  position: static;

  text-indent: inherit;

  width: auto;

}

.ui-datepicker .ui-datepicker-prev span:before,

.ui-datepicker .ui-datepicker-next span:before {

  font-size: 13px;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,

.ui-datepicker .ui-datepicker-next.ui-state-hover {

  background-color: #2C75BA;

  color: #ffffff;

}

.ui-datepicker .ui-datepicker-prev span:before {

  content: "\f053";

}

.ui-datepicker .ui-datepicker-next span:before {

  content: "\f054";

}

.ui-datepicker table thead tr {

  background-color: #ffffff;

  border-bottom: 1px solid #e6e6e6;

}

.ui-datepicker table thead tr th {

  color: #101F46;

  font-weight: normal;

  font-size: 12px;

}

.ui-datepicker .ui-datepicker-calendar tr td {

  padding: 4px;

}

.ui-datepicker .ui-datepicker-calendar tr td a {

  background-color: transparent;

  border: 1px solid transparent;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  font-size: 12px;

  display: block;

  line-height: 30px;

  height: 30px;

  padding: 0;

  width: 30px;

  text-align: center;

  -webkit-transition: background-color 0.4s, color 0.4s;

  -moz-transition: background-color 0.4s, color 0.4s;

  -ms-transition: background-color 0.4s, color 0.4s;

  -o-transition: background-color 0.4s, color 0.4s;

  transition: background-color 0.4s, color 0.4s;

}

.ui-datepicker .ui-datepicker-calendar tr td a:hover, .ui-datepicker .ui-datepicker-calendar tr td a:focus, .ui-datepicker .ui-datepicker-calendar tr td a:active {

  background-color: #2C75BA;

  color: #ffffff;

}

.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-highlight {

  background-color: #F56960;

  color: #ffffff;

}

.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active {

  background-color: #2C75BA;

  color: #ffffff;

}



#slider-range.ui-widget-content {

  background-color: #e6e6e6;

  border: none;

  height: 6px;

  margin-top: 20px;

}

#slider-range .ui-widget-header {

  background-color: #F56960;

}

#slider-range .ui-corner-all, #slider-range.ui-widget-content {

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

}

#slider-range.ui-slider-horizontal .ui-slider-handle {

  margin-left: -1px;

  top: -6px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}



.ui-widget-content {

  color: inherit;

}



.lb-data .lb-closeContainer {

  position: absolute;

  top: 5px;

  right: 15px;

}



.modal-video {

  background-color: rgba(0, 0, 0, 0.9);

  overflow: hidden;

}



.modal-video-movie-wrap {

  position: static;

}



.modal-video-body {

  padding: 0 15px;

}



.modal-video-movie-wrap {

  border: 5px solid #ffffff;

}



.modal-video-close-btn {

  color: #ffffff;

  font-size: 22px;

  top: 15px;

  right: 18px;

  overflow: inherit;

  width: auto;

  height: auto;

}

.modal-video-close-btn:before {

  display: none;

}

.modal-video-close-btn:after {

  background-color: transparent;

  margin: 0;

  top: 0;

  border-radius: 0px;

  content: "\f00d";

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

}

.modal-video-close-btn .close {

  font-size: 34px;

  color: #ffffff;

  opacity: 1;

  position: relative;

}

.modal-video-close-btn:hover, .modal-video-close-btn:focus, .modal-video-close-btn:active {

  outline: 0;

}

.modal-video-close-btn:hover:after, .modal-video-close-btn:focus:after, .modal-video-close-btn:active:after {

  color: #2C75BA;

}



.breadcrumb-content {

  margin-bottom: 15px;

}

.breadcrumb-content .breadcrumb {

  background-color: transparent;

  margin: 0;

  padding: 0;

}

.breadcrumb-content .breadcrumb li {

  list-style: none;

}

.breadcrumb-content .breadcrumb li.active a {

  color: #383838;

}

.breadcrumb-content .breadcrumb li a {

  color: #767676;

  font-size: 15px;

  font-weight: 600;

}

.breadcrumb-content .breadcrumb li a:hover {

  color: #2C75BA;

}



.popup-wraper {

  background-color: rgba(7, 145, 190, 0.5);

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 9999;

}

.popup-wraper .popup-inner {

  background-color: #ffffff;

  max-width: 700px;

}

.popup-wraper .popup-inner {

  position: relative;

  z-index: 1;

}

.popup-wraper .popup-inner:before {

  background-color: #F3F3F3;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  content: "";

  width: 230px;

  height: 230px;

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  z-index: -1;

}

.popup-wraper .popup-image {

  width: 32%;

}

.popup-wraper .popup-content {

  padding: 40px 30px 40px 40px;

  width: 65%;

}

.popup-wraper .popup-content h2 {

  position: relative;

  padding-bottom: 13px;

  margin-bottom: 40px;

}

.popup-wraper .popup-content h2:before {

  background-color: #F56960;

  content: "";

  height: 2px;

  width: 70px;

  margin-right: 10px;

  position: absolute;

  left: 0;

  bottom: 0;

}

.popup-wraper .popup-content p {

  font-weight: 600;

  margin-bottom: 10px;

}

.popup-wraper .popup-content form {

  border: 1px solid #e6e6e6;

  padding: 5px 145px 5px 5px;

}

.popup-wraper .popup-content form input[type=email] {

  background-color: transparent;

  border: none;

  width: 100%;

}

.popup-wraper .popup-content form button {

  position: absolute;

  right: 5px;

  top: 5px;

}

.popup-wraper .popup-close-btn {

  position: absolute;

  top: 20px;

  right: 20px;

}

.popup-wraper .popup-close-btn a {

  display: block;

  height: 30px;

  width: 30px;

  position: relative;

}

.popup-wraper .popup-close-btn a:before, .popup-wraper .popup-close-btn a:after {

  background-color: #383838;

  content: "";

  width: 1px;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: auto;

}

.popup-wraper .popup-close-btn a:before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.popup-wraper .popup-close-btn a:after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

@media screen and (min-width: 576px) {

  .popup-wraper .popup-inner {

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

  }

  .popup-wraper .popup-inner {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    justify-content: space-between;

    -ms-flex-pack: space-between;

  }

}

@media screen and (max-width: 575px) {

  .popup-wraper {

    padding: 10px;

  }

}

@media screen and (max-width: 575px) {

  .popup-wraper {

    position: absolute;

  }

  .popup-wraper .popup-inner:before {

    bottom: 0;

    left: 50%;

    top: auto;

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

  .popup-wraper .popup-image,

.popup-wraper .popup-content {

    width: 100%;

  }

  .popup-wraper .popup-content {

    padding: 30px 20px;

  }

  .popup-wraper .popup-content h2 {

    margin-bottom: 25px;

  }

  .popup-wraper .popup-content form input[type=email] {

    height: 39px;

  }

  .popup-wraper .popup-image {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    -ms-flex-pack: center;

  }

  .popup-wraper .popup-image img {

    width: 50%;

  }

}



.widget {

  margin-bottom: 30px;

}

.widget a {

  display: block;

}

.widget .widget-title {

  margin-bottom: 30px;

}

.widget ul {

  margin: 0;
text-align: right;
  padding: 0;


}

.widget ul li {

  list-style: none;

}

.widget ul li a {

  color: #383838;

}

.widget ul li a:hover {

  color: #2C75BA;

}

.widget.author_widget {

  text-align: center;

}

.widget.author_widget .profile .avatar {

  margin-bottom: 30px;

}

.widget.author_widget .profile .avatar a {

  display: block;

  position: relative;

  overflow: hidden;

}

.widget.author_widget .profile .avatar a:before {

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: none;

  content: "";

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);

  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.widget.author_widget .profile .avatar a:hover:before, .widget.author_widget .profile .avatar a:focus:before, .widget.author_widget .profile .avatar a:active:before {

  -webkit-animation: shine 1s;

  animation: shine 1s;

  display: block;

}

.widget.author_widget .name-title {

  margin-bottom: 20px;

}

.widget.author_widget .text-content p:last-child {

  margin-bottom: 0;

}

.widget.author_widget .socialgroup {

  margin-top: 25px;

}

.widget.author_widget .socialgroup ul {

  margin: 0;

}

.widget.author_widget .socialgroup ul li {

  list-style: none;

  border-bottom: none;

  display: inline-block;

  margin: 0 3px;

  padding: 0;

}

.widget.author_widget .socialgroup ul li a {

  display: block;

  text-align: center;

  padding: 3px 8px;

  border: 1px solid #A7A7A7;

}

.widget.author_widget .socialgroup ul li a:hover, .widget.author_widget .socialgroup ul li a:focus, .widget.author_widget .socialgroup ul li a:active {

  color: #2C75BA;

}

.widget.author_widget .profile .avatar {

  width: 150px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  background: #fff;

}

.widget.author_widget .profile .avatar img {

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

.widget.author_widget .widget-content.text-center .profile .avatar {

  margin-left: auto;

  margin-right: auto;

}

.widget.author_widget .widget-content.text-right .profile .avatar {

  margin-left: auto;

}

.widget.widget-post-thumb li {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e6e6e6;

}

.widget.widget-post-thumb li:before, .widget.widget-post-thumb li:after {

  content: "";

  display: block;

  clear: both;

}

.widget.widget-post-thumb li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.widget.widget-post-thumb li a {

  color: inherit;

}

.widget.widget-post-thumb .post-thumb {

  width: 80px;

  float: left;

  position: relative;

}

.widget.widget-post-thumb .post-content {

  float: right;

  width: -moz-calc(100% - 100px);

  width: -webkit-calc(100% - 100px);

  width: calc(100% - 100px);

}

.widget.widget-post-thumb .post-content h5 {

  margin-bottom: 5px;

}

.widget.widget-post-thumb .post-content .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.widget.widget-post-thumb .post-content .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.widget.widget-post-thumb .post-content .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.widget.widget-post-thumb .post-content .entry-meta span:last-child:before {

  display: none;

}

.widget.widget-post-thumb .post-content .entry-meta a {

  color: #787878;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.widget.widget-post-thumb .post-content .entry-meta a:hover, .widget.widget-post-thumb .post-content .entry-meta a:focus {

  color: #2C75BA;

}

.widget.widget_tag_cloud .tagcloud {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.widget.widget_tag_cloud .tagcloud a {

  background-color: #F6F6F6;

  color: #383838;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 5px 15px;

  margin: 5px;

  text-align: center;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.widget.widget_tag_cloud .tagcloud a:hover {

  background-color: #2C75BA;

  color: #ffffff;

}

.widget.widget_recent_post li {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid rgba(135, 135, 135, 0.3);

}

.widget.widget_recent_post li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.widget.widget_recent_post li a {

  color: inherit;

}

.widget.widget_recent_post li h5 {

  font-family: "main";

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 10px;

}

.widget.widget_recent_post li .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.widget.widget_recent_post li .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.widget.widget_recent_post li .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.widget.widget_recent_post li .entry-meta span:last-child:before {

  display: none;

}

.widget.widget_recent_post li .entry-meta a {

  color: #CCC;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.widget.widget_recent_post li .entry-meta a:hover, .widget.widget_recent_post li .entry-meta a:focus {

  color: #2C75BA;

}

.widget .gallery,

.widget .insta-gallery {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.widget .gallery .gallery-item,

.widget .insta-gallery .gallery-item {

  padding: 5px;

}

.widget .gallery .gallery-item a,

.widget .insta-gallery .gallery-item a {

  display: block;

  position: relative;

}

.widget .gallery .gallery-item a:before,

.widget .insta-gallery .gallery-item a:before {

  background-color: rgba(0, 0, 0, 0.3);

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  opacity: 0;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.widget .gallery .gallery-item a:hover:before, .widget .gallery .gallery-item a:focus:before, .widget .gallery .gallery-item a:active:before,

.widget .insta-gallery .gallery-item a:hover:before,

.widget .insta-gallery .gallery-item a:focus:before,

.widget .insta-gallery .gallery-item a:active:before {

  opacity: 1;

}

.widget .gallery.gallery-colum-3 .gallery-item,

.widget .insta-gallery.gallery-colum-3 .gallery-item {

  width: 33.33%;

}

.widget.widget_social {

  margin-top: 20px;

}

.widget.widget_social .social-icon {

  width: 50%;

}

.widget.widget_category ul li {

  border-bottom: 1px solid #f2f2f2;

  margin-bottom: 10px;

  padding-bottom: 10px;

  color: #888888;

  text-align: right;

}

.widget.widget_category ul li:last-child {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.widget.widget_category ul li a {

  float: left;

}

.widget.search_widget {

  position: relative;

}

.widget.search_widget input {

  width: 100%;

  padding: 0 55px 0 10px;

}

.widget.search_widget button {

  background-color: #F56960;

  color: #ffffff;

  font-size: 14px;

  border: none;

  position: absolute;

  right: 4px;

  top: 3px;

  padding: 13px;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.widget.search_widget button:hover {

  background-color: #2C75BA;

}

.widget.widget_social ul {

  margin: -2px;

}

.widget.widget_social ul li {

  display: inline-block;

  margin: 2px;

}

.widget.widget_social ul li a {

  border: 1px solid #e6e6e6;

  display: block;

  line-height: 40px;

  height: 40px;

  text-align: center;

  width: 40px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.widget.widget_social ul li a:hover {

  background-color: #2C75BA;

  border-color: #2C75BA;

  color: #ffffff;

}

.widget.price_handel_widget .price-amout {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: space-between;

  margin-top: 25px;

}

.widget.price_handel_widget .price-amout input {

  display: inline-block;

  width: 70px;

  border: none;

  font-size: 18px;

  padding: 0;

  text-align: right;

}

.widget.price_handel_widget .price-label {

  border: 1px solid #e6e6e6;

  padding: 0 10px;

}

.widget.price_handel_widget button {

  border: none;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  padding: 8px 20px;

  font-weight: normal;

}

.widget.widget_text ul {

  margin-top: 20px;

}

.widget.widget_text ul li {

  margin-bottom: 10px;

}

.widget.widget_text ul li:last-child {

  margin-bottom: 0;

}

.widget.widget_text ul li i {

 

  margin-right: 5px;

}

.widget.widget_newslatter .newslatter-form {

  margin-top: 24px;

}

.widget.widget_newslatter .newslatter-form input {

  width: 100%;

  margin-bottom: 15px;

}

.widget.widget_newslatter .newslatter-form [type=submit] {

  padding: 17px 30px;

  margin-bottom: 0;

}

.widget.widget-product-thumb li {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e6e6e6;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.widget.widget-product-thumb li:before, .widget.widget-product-thumb li:after {

  content: "";

  display: block;

  clear: both;

}

.widget.widget-product-thumb li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.widget.widget-product-thumb li a {

  color: inherit;

}

.widget.widget-product-thumb .product-thumb {

  width: 80px;

  float: left;

  position: relative;

}

.widget.widget-product-thumb .product-content {

  float: right;

  padding-left: 20px;

  width: -moz-calc(100% - 80px);

  width: -webkit-calc(100% - 80px);

  width: calc(100% - 80px);

}

.widget.widget-product-thumb .product-content h5 {

  margin-bottom: 5px;

}

.widget.widget-product-thumb .product-content .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.widget.widget-product-thumb .product-content .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.widget.widget-product-thumb .product-content .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.widget.widget-product-thumb .product-content .entry-meta span:last-child:before {

  display: none;

}

.widget.widget-product-thumb .product-content .entry-meta a {

  color: #787878;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.widget.widget-product-thumb .product-content .entry-meta a:hover, .widget.widget-product-thumb .product-content .entry-meta a:focus {

  color: #2C75BA;

}

.widget.widget_category_product_thumb ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.widget.widget_category_product_thumb li {

  padding: 5px;

}

.widget.widget_category_product_thumb li .product-thumb {

  margin-bottom: 10px;

}

.widget.widget_category_product_thumb li .product-thumb a {

  display: block;

  position: relative;

}

.widget.widget_category_product_thumb li .product-thumb a:before {

  background-color: rgba(0, 0, 0, 0.3);

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  opacity: 0;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.widget.widget_category_product_thumb li .product-thumb a:hover:before, .widget.widget_category_product_thumb li .product-thumb a:focus:before, .widget.widget_category_product_thumb li .product-thumb a:active:before {

  opacity: 1;

}

.widget.widget_category_product_thumb li .product-content h5 {

  margin-bottom: 0;

  display: inline-block;

}

.widget.widget_category_product_thumb li .product-content .count {

  color: #F56960;

  font-family: "main";

  font-weight: 600;

  font-size: 14px;

}

.widget.widget_category_product_thumb.colum-3 li {

  width: 33.33%;

}



.sidebar .widget {

  margin-bottom: 50px;

}

.sidebar .widget .widget-title {

  border: 1px solid #0791BE;

  color: #0791BE;

  display: table;

  font-size: 15px;

  text-align: center;

  text-transform: uppercase;

  font-weight: 700;

  line-height: 1.2em;

  margin-left: auto;

  margin-right: auto;

  padding: 5px 20px;

}

.sidebar .widget:last-child {

  margin-bottom: 0;

}

@media screen and (max-width: 991px) {

  .sidebar {

    margin-top: 50px;

  }

}



.cart .cart-btn {

    position: relative;

    background: #f9f8fe;

    border-radius: 50%;

    margin-right: 0px;

    margin-left: 0px;

    padding: 12px 13px;

    -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 11%);

    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 11%);

}





.cart .cart-btn .badge {

    position: absolute;

    top: -5px;

    right: -5px;

    border-radius: 50%;

    color: #ffffff;

    padding: 3px 5px;

    line-height: 13px;

    background: #fd5056;

}

.badge {

    display: inline-block;

    padding: 0.35em 0.65em;

    font-size: .75em;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 0.25rem;

}








.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}


.rating-star {
    direction: rtl;
    font-size: 25px;
     width: 150px;
    display: inline-block;
}
.rating-star input {
    opacity: 0;
    position: relative;
    left: -24px;
    top: 3px;
    z-index: 2;
    cursor: pointer;
	    height: 20px;
}
.rating-star span.star:before {
    color: #777777;
}

.rating-star span.star2:before {
    color: red !important;
}

.rating-star span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
    padding: 0px 7px 0px 7px;
}
.rating-star span {
    margin-left: -30px;
}
.rating-star span.star:before {
    color: #ffd100;
    content:"\f006";
}
.rating-star input:hover + span.star:before, .rating-star input:hover + span.star ~ span.star:before, .rating-star input:checked + span.star:before, .rating-star input:checked + span.star ~ span.star:before {
    color: #ffd100;
    content:"\f005";
}








:root {
  --star-size: 25px;
  --star-color:#b4b4b4;
 
  --star-background: #fc0;
 
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

 


/*# sourceMappingURL=style.css.map */





@media (min-width: 576px) {

  .modal-dialog {

    max-width: 770px;

    margin: 1.75rem auto;

  }
}











@media screen and (max-width: 575px) {

  .photo {
 column-count: 1;  
column-gap: 30px;

  }

}


@media screen and (min-width: 600px) {

  .photo {
 column-count: 3;  
column-gap: 30px;

  }

}