/*
| --------------------------------------------------------
| Theme Name : Umiya Corporation
| Version : 1.1
| Theme Date : 25/12/2023
| 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, yakneelife
| 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
*/
/* NOTE: This file contains the styling for the Theme Template. You can edit/add anything in this file! */
/* Import CSS BOF
========================================================== */
.btn {
  background: #01AFEF;
  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: #019CD5;
  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: #e91e63;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

/* Body CSS BOF
========================================================== */
body {
  font-family: "Roboto", sans-serif;
  font-size: calc(14px + (15 - 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; }

/* 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: "Montserrat", 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.625rem; }
h6 { font-size: 1.18rem; }

/* Poppins Font Heading Variation */
.heading-poppins h1, .heading-poppins h2, .heading-poppins h3, .heading-poppins h4, .heading-poppins h5, .heading-poppins h6,
h1.heading-poppins, h2.heading-poppins, h3.heading-poppins, h4.heading-poppins, h5.heading-poppins, h6.heading-poppins {
  font-family: "Poppins", sans-serif;
}
.heading-poppins h1, .heading-poppins h2, .heading-poppins h3 {
  font-weight: 700; }
.heading-poppins h4, .heading-poppins h5, .heading-poppins h6 {
  font-weight: 500; }

/* 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-xxrounded {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.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-circle-small {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.icon-flat {
  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;
}

/* 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; }
.btn:hover i, .btn:focus i, .btn:active i, .btn.active i { padding-left: 15px; }

/* 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-blue {
  background: #2cc6ff;
  color: #ffffff;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
  background: #009cd6;
}
.btn-red {
  background: #2cc6ff;
  color: #ffffff;
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { background: #009cd6; }

/* Button Border Variation CSS BOF
========================================================== */
.btn-white-border {
  background: transparent;
  border: solid 1px #ffffff;
  color: #ffffff;
  border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
}
.btn-white-border:hover, .btn-white-border:focus, .btn-white-border:active, .btn-white-border.active {
  background: #ffffff;
  color: #000;
}
.btn-blue-border {
  background: transparent;
  border: solid 1px #2cc6ff;
  color: #2cc6ff;
}
.btn-blue-border:hover, .btn-blue-border:focus, .btn-blue-border:active, .btn-blue-border.active {
  background: #009cd6;
  color: #ffffff;
}

/* Background Color CSS BOF
========================================================== */
.primary-color-bg {
  background-color: #333333;
  color: #ffffff;
}
.blue-color-bg {
  background-color: #2cc6ff;
  color: #ffffff;
}
.white-color-bg {
  background-color: #ffffff;
  color: #333333;
}
.black-color-bg {
  background-color: #000;
  color: #ffffff;
}
.pink-color-bg {
  background-color: #01AFEF;
  color: #ffffff;
}
.grey-color-bg {
  background-color: #9E9E9E;
  color: #ffffff;
}
.light-grey-color-bg {
  background-color: #f8f8f8;
}
.dark-grey-black-color-bg {
  background-color: #161616;
  color: #ffffff;
}
.light-grey-black-color-bg {
  background-color: #252525;
  color: #ffffff;
}
.light-medium-grey-color-bg {
  background-color: #ededed;
}
.light-extra-grey-color-bg {
  background-color: #e0e0e0;
}
.black-extra-grey-color-bg {
  background-color: #2d3135;
  color: #ffffff;
}
.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);
}
.space-grey-color-bg {
  background-color: #222328;
  color: #ffffff;
}
.space-grey-light-color-bg {
  background-color: #f3f7f9;
}

/* Text Color CSS BOF
========================================================== */
.primary-color-text { color: #333333; }
.blue-color-text { color: #2cc6ff; }
.white-color-text { color: #ffffff; }
.black-color-text { color: #000; }
.pink-color-text { color: #01AFEF; }
.grey-color-text { color: #9E9E9E; }
.dark-grey-black-color-text { color: #161616; }
.light-grey-black-color-text { color: #252525; }
.light-medium-grey-color-text { color: #ededed; }
.light-extra-grey-color-text { color: #e0e0e0; }

/* Border Color CSS BOF
========================================================== */
.primary-color-border { border-color: #333333; }
.blue-color-border { border-color: #2cc6ff; }
.white-color-border { border-color: #ffffff; }
.black-color-border { border-color: #000; }
.pink-color-border { border-color: #2cc6ff; }
.red-color-border { border-color: #2cc6ff; }
.grey-color-border { border-color: #9E9E9E; }

/* 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-pink { color: #2cc6ff; }
.link-pink:hover, .link-pink:focus, .link-pink:active, .link-pink.active { color: #019CD5; }

.link-red { color: #2cc6ff; }
.link-red:hover, .link-red:focus, .link-red:active, .link-red.active { color: #019CD5; }

.link-grey { color: #9E9E9E; }
.link-grey:hover, .link-grey:focus, .link-grey:active, .link-grey.active { color: #616161; }

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

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

/* 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-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);
}