/*
| --------------------------------------------------------
| Theme Name : Yankee Themes
| Version : 1.0
| Theme Date : 07/08/2018
| Modified Date : 23/11/2018
| Platforms : HTML5, CSS3, Bootstrap4, JS, Jquery, Sass
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation, html5, sass, support
| File : yit-theme.css
| --------------------------------------------------------
*/
/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Import All CSS
| Trypography CSS
| Font Variation CSS
| Icon Box CSS
| Button CSS
| Button Variation CSS
| Background Color CSS
| Text Color CSS
| Form Control CSS
| Social Icon CSS
| Other Accessible CSS
*/
/* NOTE: This file contains the styling for the Theme Template (Color, Effect, Style). You can edit/add anything in this file! */
/* Import CSS BOF
========================================================== */
.btn {
  background: #ff504c;
  color: #ffffff;
  padding: 12px 22px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .btn:hover, .btn:focus, .btn:active, .btn.active {
    background: #db3b37;
    color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.form-control {
  background-color: transparent;
  color: #333333;
  padding: 10px 15px;
  height: 47px;
  font-size: 14px;
  font-weight: 500;
  border-width: 1px;
  border-style: solid;
  border-color: #ced4da;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .form-control:focus {
    border-color: #ff504c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent; }

/* Body CSS BOF
========================================================== */
body {
  font-family: "Muli", sans-serif;
  font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1600 - 320)));
  line-height: 1.7;
  color: #333333;
  background: #ffffff;
  font-weight: 400; }

/* Alternate Fonts Variations */
.font-poppins {
  font-family: "Poppins", sans-serif; }

.font-muli {
  font-family: "Muli", sans-serif; }

/* Hyper Link CSS BOF
========================================================== */
a {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  color: #6f6f6f; }
  a:hover, a:focus, a:active, a.active {
    color: #000; }

/* Heading CSS BOF
========================================================== */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  font-family: "Muli", sans-serif;
  font-weight: 600; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2.25rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.875rem; }

h5 {
  font-size: 1.425rem; }

h6 {
  font-size: 1.2rem; }

/* Muli Font Heading Variation */
.heading-muli h1, .heading-muli h2, .heading-muli h3, .heading-muli h4, .heading-muli h5, .heading-muli h6,
h1.heading-muli, h2.heading-muli, h3.heading-muli, h4.heading-muli, h5.heading-muli, h6.heading-muli {
  font-family: "Muli", sans-serif; }

/* Typography CSS BOF
========================================================== */
.font-weight-thin {
  font-weight: 100 !important; }

.font-weight-extra-light {
  font-weight: 200 !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-regular {
  font-weight: 400 !important; }

.font-weight-medium {
  font-weight: 500 !important; }

.font-weight-semibold {
  font-weight: 600 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-xtrabold {
  font-weight: 800 !important; }

.font-weight-black {
  font-weight: 900 !important; }

.font-italic {
  font-style: italic; }

.line-height-normal {
  line-height: normal; }

/* Font Size Variation CSS BOF
========================================================== */
.font-xxlarge {
  font-size: 6.125rem; }

.font-xlarge {
  font-size: 5.125rem; }

.font-large {
  font-size: 3.125rem; }

.font-medium {
  font-size: 2.813rem; }

.font-small {
  font-size: 2.125rem; }

.font-xsmall {
  font-size: 1.75rem; }

.font-xxsmall {
  font-size: 1.2rem; }

.font-xxxsmall {
  font-size: 0.9rem; }

.font-extrasmall {
  font-size: 0.83rem; }

.font-inherit {
  font-size: inherit; }

/* Image / Icon Variation CSS BOF
========================================================== */
.img-circle {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.img-round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.img-rounded {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.img-shadow {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.img-shadow-dark {
  -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1); }

/* Icon Size CSS BOF */
.icon-large {
  font-size: 50px; }

.icon-medium {
  font-size: 40px; }

.icon-small {
  font-size: 30px; }

.icon-xsmall {
  font-size: 25px; }

/* Icon Variation CSS BOF */
.icon-circle {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  line-height: 80px; }

.icon-round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 80px;
  height: 80px;
  line-height: 80px; }

.icon-rounded {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 80px;
  height: 80px;
  line-height: 80px; }

.icon-border {
  border-style: solid;
  border-width: 1px;
  width: 80px;
  height: 80px;
  line-height: 80px; }

.icon-shadow {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); }

.icon-shadow-dark {
  -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1); }

.icon-mini {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 30px; }

/* Responsive CSS BOF */
@media (max-width: 767px) {
  .icon-circle {
    margin: 15px auto; } }

/* Button Variation CSS BOF
========================================================== */
/* Default Button */
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

/* Border Button */
.btn-border {
  border: solid 1px #ff504c;
  color: #ff504c;
  background: none; }

/* Radius Button */
.btn-radius {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/* Rounded Button */
.btn-rounded {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/* Circle Button */
.btn-circle {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

/* Button Size CSS BOF */
.btn-large {
  padding: 22px 32px; }

.btn-medium {
  padding: 16px 25px; }

.btn-small {
  padding: 13px 22px; }

.btn-xsmall {
  padding: 10px 15px; }

.btn-xxsmall {
  padding: 7px 10px; }

.btn-xxxsmall {
  padding: 5px 8px;
  font-size: .85rem; }

/* Shadow Button */
.btn-shadow {
  -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3); }
  .btn-shadow:hover, .btn-shadow:focus, .btn-shadow:active, .btn-shadow.active {
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3); }

/* Button Color Variation CSS BOF
========================================================== */
.btn-white {
  background: #ffffff;
  color: #000; }
  .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
    background: #000;
    color: #ffffff; }

.btn-black {
  background: #000;
  color: #ffffff; }
  .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active {
    background: #ffffff;
    color: #000; }

.btn-yellow {
  background: #FFEB3B;
  color: #000; }
  .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active {
    background: #dcc815;
    color: #000; }

.btn-orange {
  background: #ff504c;
  color: #ffffff; }
  .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {
    background: #db3b37; }

/* Button Border Variation CSS BOF
========================================================== */
.btn-white-border {
  background: transparent;
  border: solid 1px #ffffff;
  color: #ffffff; }
  .btn-white-border:hover, .btn-white-border:focus, .btn-white-border:active, .btn-white-border.active {
    background: #ffffff;
    color: #000; }

.btn-black-border {
  background: transparent;
  border: solid 1px #000;
  color: #000; }
  .btn-black-border:hover, .btn-black-border:focus, .btn-black-border:active, .btn-black-border.active {
    background: #000;
    color: #ffffff; }

.btn-orange-border {
  background: transparent;
  border: solid 1px #ff504c;
  color: #ff504c; }
  .btn-orange-border:hover, .btn-orange-border:focus, .btn-orange-border:active, .btn-orange-border.active {
    background: #ff504c;
    color: #ffffff;
    border: solid 1px #db3b37; }

.btn-yellow-border {
  background: transparent;
  border: solid 1px #FFEB3B;
  color: #000; }
  .btn-yellow-border:hover, .btn-yellow-border:focus, .btn-yellow-border:active, .btn-yellow-border.active {
    background: #FFEB3B;
    color: #000; }

/* Background Color CSS BOF
========================================================== */
.primary-color-bg {
  background-color: #333333;
  color: #ffffff; }

.white-color-bg {
  background-color: #ffffff;
  color: #333333; }

.black-color-bg {
  background-color: #000;
  color: #ffffff; }

.purple-color-bg {
  background-color: #6383df;
  color: #ffffff; }

.yellow-color-bg {
  background-color: #FFEB3B;
  color: #000; }

.orange-color-bg {
  background-color: #ff504c;
  color: #ffffff; }

.grey-color-bg {
  background-color: #f0f0f0; }

.light-grey-color-bg {
  background-color: #f6f8fa; }

.bg-dark-transparent {
  background-color: rgba(0, 0, 0, 0.8); }

.bg-extra-dark-transparent {
  background-color: rgba(0, 0, 0, 0.9); }

.bg-dark-light-transparent {
  background-color: rgba(0, 0, 0, 0.5); }

/* Text Color CSS BOF
========================================================== */
.primary-color-text {
  color: #333333; }

.white-color-text {
  color: #ffffff; }

.black-color-text {
  color: #000; }

.purple-color-text {
  color: #6383df; }

.yellow-color-text {
  color: #FFEB3B; }

.orange-color-text {
  color: #ff504c; }

.grey-color-text {
  color: #f0f0f0; }

/* Border Color CSS BOF
========================================================== */
.primary-color-border {
  border-color: #333333; }

.white-color-border {
  border-color: #ffffff; }

.black-color-border {
  border-color: #000; }

.purple-color-border {
  border-color: #6383df; }

.yellow-color-border {
  border-color: #FFEB3B; }

.orange-color-border {
  border-color: #ff504c; }

/* Hyperlink Color Variation CSS BOF
========================================================== */
.link-white {
  color: #ffffff; }
  .link-white:hover, .link-white:focus, .link-white:active, .link-white.active {
    color: #ffffff; }

.link-black {
  color: #000; }
  .link-black:hover, .link-black:focus, .link-black:active, .link-black.active {
    color: #000; }

.link-yellow {
  color: #FFEB3B; }
  .link-yellow:hover, .link-yellow:focus, .link-yellow:active, .link-yellow.active {
    color: #dcc815;
    color: #000; }

.link-orange {
  color: #ff504c; }
  .link-orange:hover, .link-orange:focus, .link-orange:active, .link-orange.active {
    color: #db3b37; }

/* Form Control CSS BOF
========================================================== */
.form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

/* Form Control Variation CSS BOF */
.input-radius .form-control, .input-radius.form-control {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.input-rect-round .form-control, .input-rect-round.form-control {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.input-rect-rounded .form-control, .input-rect-rounded.form-control {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.input-shadow .form-control, .input-shadow.form-control {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.input-light .form-control {
  border-color: rgba(255, 255, 255, 0.2) !important; }

.input-light .form-control:focus {
  border-color: #ff504c !important; }

/* Input Light Placeholder CSS BOF */
.common-form.input-light .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }
.common-form.input-light .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }
.common-form.input-light .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }
.common-form.input-light .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }

.common-form.input-light .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }

.common-form.input-light .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }

.common-form.input-light .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }

.common-form.input-light .form-control::-o-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: .5; }

/* Input Dark Placeholder CSS BOF */
.common-form.input-dark .form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }
.common-form.input-dark .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }
.common-form.input-dark .form-control::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }
.common-form.input-dark .form-control::placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }

.common-form.input-dark .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }

.common-form.input-dark .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }

.common-form.input-dark .form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }

.common-form.input-dark .form-control::-o-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: .5; }

/* Form Border Variation CSS BOF
========================================================== */
.input-white-border .form-control {
  border-color: #ffffff; }
  .input-white-border .form-control:focus {
    border-color: #000; }

.input-black-border .form-control {
  border-color: #000; }
  .input-black-border .form-control:focus {
    border-color: #ffffff; }

.input-orange-border .form-control {
  border-color: #ff504c; }
  .input-orange-border .form-control:focus {
    border-color: #db3b37; }

/* Social Icon Variation CSS BOF
========================================================== */
.social-circle a {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.social-round a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.social-rounded a {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.social-shadow a {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

/* Social Icon Variation CSS BOF
========================================================== */
.tab-circle .nav-link {
  font-size: 35px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  -webkit-border-radius: 100px !important;
  -moz-border-radius: 100px !important;
  border-radius: 100px !important; }

.tab-round .nav-link {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important; }

.tab-rounded .nav-link {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important; }

.tab-shadow .nav-link {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important; }

/* Social Icon Variation CSS BOF
========================================================== */
.yit-pagination.style-1 .page-link {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.pagination-radius .page-link {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.pagination-rounded .page-link, .pagination-rounded .page-item:first-child .page-link, .pagination-rounded .page-item:last-child .page-link {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; }

.pagination-shadow .page-link {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

.pagination-circle .page-link, .pagination-circle .page-item:first-child .page-link, .pagination-circle .page-item:last-child .page-link {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  text-align: center; }

/* OWL Navigation Variation CSS BOF
========================================================== */
.owl-theme.owl-nav-circle .owl-nav [class*="owl-"] {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }
  .owl-theme.owl-nav-circle .owl-nav [class*="owl-"]:hover, .owl-theme.owl-nav-circle .owl-nav [class*="owl-"]:focus, .owl-theme.owl-nav-circle .owl-nav [class*="owl-"]:active {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

.owl-theme.owl-nav-round .owl-nav [class*="owl-"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.owl-theme.owl-nav-rounded .owl-nav [class*="owl-"] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"] {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }
  .owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:hover, .owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:focus, .owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:active {
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3); }

/* General Accessible CSS BOF
========================================================== */
.yit-breadcrumb ul li.active {
  color: #ff504c; }

.yit-tab.style-1 .nav-tabs .nav-link.active, .yit-tab.style-1 .nav-tabs .nav-link:hover, .yit-tab.style-1 .nav-tabs .nav-link:focus {
  background-color: #ff504c;
  border-color: #ff504c;
  color: #ffffff; }