f/* Compiled Less CSS File */
/* Generated from "style.css" */

@import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Jura|Prompt');

@import url('https://fonts.googleapis.com/css?family=Lato:300,400');
body {
  transition: all 400ms ease-in-out;
  outline: none;
  /*.font-didact();*/

  font-size: 16px;
  color: #666 !important;
  line-height: 28px;
}
/* File for.less does not exists! */
.default-color {
  color: #333333 !important;
}
.site-color {
  color: #c18714 !important;
}
.site-color1 {
  color: #252c34 !important;
}
.t-white {
  color: #FFFFFF !important;
}
.red {
  color: #b80808 !important;
}
.bg-site {
  background: #c18714;
}
.bg-site1 {
  background: #252c34;
}
.bg-dark-gray {
  background: #333333;
}
.bg-gray {
  background: #f3f3f3;
}
.bg-white {
  background: #fff;
}
.decoration-none {
  text-decoration: none;
}
.font-roboto {
  font-family: Roboto;
}
.font-raleway {
  font-family: Raleway;
}
.font-lato {
  font-family: Lato;
}
.font-jura {
  font-family: Jura;
}
.font-prompt {
  font-family: Prompt !important;
}
.font-didact {
  font-family: Didact Gothic;
}
.font-head {
  font-family: Jura;
  font-size: 30px !important;
  font-weight: bold;
}
.t-bold {
  font-weight: bold;
}
.btn-site {
  border: 2px solid #c18714;
  border-radius: 100px;
  color: #c18714 !important;
  background: #fff;
}
.btn-site:hover {
  color: #FFFFFF !important;
  background: #c18714;
}
.btn-site-rev {
  border: 2px solid #c18714;
  border-radius: 100px;
  color: #FFFFFF !important;
  background: #c18714;
}
.btn-site-rev:hover {
  color: #c18714 !important;
  background: none;
}
.inline-block {
  display: inline-block;
}
.border {
  border: 1px solid #c6c6c6;
}
.bordert {
  border-top: 1px solid #c6c6c6;
}
.borderb {
  border-bottom: 1px solid #c6c6c6;
}
.borderr {
  border-right: 1px solid #c6c6c6;
}
.borderl {
  border-left: 1px solid #c6c6c6;
}
.border-site {
  border: 2px solid #c18714;
}
.border-4x-colored {
  border: 4x;
  border-style: solid;
  border-color: #901c1f #e3a039 #e3a039 #901c1f;
}
.border-b-0 {
  border-bottom: 0px solid #ffffff;
}
.font-12 {
  font-size: 12px !important;
}
.font-13 {
  font-size: 13px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-17 {
  font-size: 17px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-19 {
  font-size: 19px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-21 {
  font-size: 21px !important;
}
.font-22 {
  font-size: 22px !important;
}
.font-23 {
  font-size: 23px !important;
}
.font-24 {
  font-size: 24px !important;
}
.opacity1 {
  opacity: .1;
}
.opacity2 {
  opacity: .2;
}
.opacity3 {
  opacity: .3;
}
.opacity4 {
  opacity: .4;
}
.opacity5 {
  opacity: .5;
}
.opacity6 {
  opacity: .6;
}
.opacity7 {
  opacity: 07;
}
.opacity8 {
  opacity: .8;
}
.opacity9 {
  opacity: .9;
}
body a {
  transition: all 400ms ease-in-out;
  outline: none;
}
.m-half {
  padding: 7px !important;
}
.my-half {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.mx-half {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.mt-half {
  margin-top: 7px !important;
}
.mb-half {
  margin-bottom: 7px !important;
}
.ml-half {
  margin-left: 7px !important;
}
.mr-half {
  margin-right: 7px !important;
}
.p-half {
  padding: 7px !important;
}
.py-half {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.px-half {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.pt-half {
  padding-top: 7px !important;
}
.pb-half {
  padding-bottom: 7px !important;
}
.pl-half {
  padding-left: 7px !important;
}
.pr-half {
  padding-right: 7px !important;
}
.m-site {
  padding: 10px !important;
}
.my-site {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mx-site {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mt-site {
  margin-top: 10px !important;
}
.mb-site {
  margin-bottom: 10px !important;
}
.ml-site {
  margin-left: 10px !important;
}
.mr-site {
  margin-right: 10px !important;
}
.p-site {
  padding: 10px !important;
}
.py-site {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.px-site {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.pt-site {
  padding-top: 10px !important;
}
.pb-site {
  padding-bottom: 10px !important;
}
.pl-site {
  padding-left: 10px !important;
}
.pr-site {
  padding-right: 10px !important;
}
.pt-sec,
.py-sec {
  padding-top: 80px;
}
.pb-sec,
.py-sec {
  padding-bottom: 80px;
}
.a-color,
.g-a-color a {
  color: #c18714;
}
.a-color:hover,
.g-a-color a:hover {
  text-decoration: none;
  color: #c18714;
}
.over-pos-rel {
  position: relative;
}
.v-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.m-a-auto {
  margin: auto;
}
.under-head {
  background: url(../img/menu-border.png) no-repeat center center;
  background-size: contain;
  height: 20px;
  width: 100%;
  text-align: center;
}
.sider-h3 {
  color: #b80808 !important;
}
.font-variant {
  font-variant: small-caps;
}
.h-100 {
  height: 100%;
}
.ls-25 {
  letter-spacing: 0.025em !important;
}
.ls-50 {
  letter-spacing: 0.050em !important;
}
.radius-0 {
  border-radius: 0px !important;
}
.box-shadow {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.list-inline li {
  display: inline;
}
.mob_page_sidebar {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  width: 100% !important;
}
.page-sidebar a {
  color: #333333;
  text-decoration: none;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  display: block;
  font-size: 16px !important;
  font-family: Lato;
}
.page-sidebar .active {
  color: #c18714 !important;
}
.page-sidebar ul {
  list-style-type: none;
}
.sidebar-con ul {
  position: relative;
}
.sidebar-con ul li {
  list-style-type: none;
}
.sidebar-con ul li:before {
  content: "";
  font-family: "FontAwesome";
  left: 25px;
  line-height: 28px;
  position: absolute;
  color: #c18714 !important;
}
.sidebar-con ul li ul {
  position: relative;
}
.sidebar-con ul li ul li:before {
  content: "";
  font-family: "FontAwesome";
  left: 25px;
  line-height: 28px;
  position: absolute;
  color: #c18714 !important;
  font-size: 14px;
}
.sidebar-con .font-sec {
  font-family: Lato;
  color: #c18714 !important;
  font-weight: bold;
  font-size: 18px !important;
  text-transform: uppercase;
}
.logo {
  margin: 20px 0px;
}
/*............wrapper........................*/
.social i {
  font-size: 18px;
}
/*............about us.........................*/
.head-ls {
  letter-spacing: 7px;
}
.service .ser-box:hover {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  transition: all 400ms ease-in-out;
  outline: none;
}
.service .ser-box h4 {
  color: #c18714 !important;
  font-size: 20px !important;
  letter-spacing: 7px;
}
.service .a-colorser {
  color: #333333 !important;
  text-decoration: none;
}
.service .a-colorser:hover {
  color: inherit !important;
}
footer {
  background: #212121;
  position: relative;
  z-index: 1000;
}
footer .footer-links a {
  color: #FFFFFF !important;
  text-decoration: none;
  padding-left: 10px !important;
  padding-right: 10px !important;
  display:inline-block;
}
footer .footer-links a:hover {
  text-decoration: none;
  color: #c18714 !important;
}
footer ul li {
  list-style-type: none;
  display: inline;
}
#Services h5 {
  font-size: 18px !important;
}
.mob_fix-sidebar {
  left: 0;
}
@media only screen and (max-width: 480px) {
  .logo {
    margin: 10px 0px !important;
  }
  .pt-sec,
  .py-sec {
    padding-top: 60px;
  }
  .pb-sec,
  .py-sec {
    padding-bottom: 60px;
  }
  footer ul {
    padding: 0px;
  }
  footer ul li {
    list-style-type: none;
    display: block;
  }
  .cycle-overlay {
    font-size: 16px;
    top: 10%;
  }
  .cycle-overlay h4 {
    font: 300 12px "Lato" !important;
    letter-spacing: 4px;
  }
}
@media only screen and (max-width: 1080px), only screen and (max-device-width: 720px) {
  .cycle-overlay {
    font-size: 25px;
    top: 35%;
  }
  .cycle-overlay h4 {
    font: 300 16px "Lato" !important;
    letter-spacing: 4px;
  }
}