/* WPBridge Theme - Main Stylesheet */

@font-face {
  font-family: "Din_bold";
  src: url("../fonts/dincondensed-bold-webfont.woff2") format("woff2"),
    url("../fonts/dincondensed-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

html, body, p, ul, h1, h2, h3, h4, h5, h6, img { margin: 0; padding: 0; }

img { border: 0; max-width: 100%; width: auto; height: auto; }

html, body { height: 100%; }

body { font: 300 16px/1.7em 'Open Sans', sans-serif; color: #212529; background: #fff; }

p, ul, li { text-align: justify; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

div { margin: 0 auto; }

.wrap { width: 100%; max-width: 1320px; }

.wrap-1 { width: 95%; }

.clr { clear: both; }

.clr15 { clear: both; height: 15px; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
  margin: 0px 15px;
}

.col-md-1  { width: calc(8.3333% - 30px); }
.col-md-2  { width: calc(16.6666% - 30px); }
.col-md-3  { width: calc(25% - 30px); }
.col-md-4  { width: calc(33.3333% - 30px); }
.col-md-5  { width: calc(41.6666% - 30px); }
.col-md-6  { width: calc(50% - 30px); }
.col-md-7  { width: calc(58.3333% - 30px); }
.col-md-8  { width: calc(66.6666% - 30px); }
.col-md-9  { width: calc(75% - 30px); }
.col-md-10 { width: calc(83.3333% - 30px); }
.col-md-11 { width: calc(91.6666% - 30px); }
.col-md-12 { width: calc(100% - 30px); }

.span1  { width: 8.333%;  float: left; }
.span2  { width: 16.66%;  float: left; }
.span3  { width: 25%;     float: left; }
.span4  { width: 33.333%; float: left; }
.span5  { width: 45%;     float: left; }
.span6  { width: 50%;     float: left; }
.span7  { width: 55%;     float: left; }
.span8  { width: 66.66%;  float: left; }
.span9  { width: 75%;     float: left; }
.span12 { width: 100%; }
.span20 { width: 20%;     float: left; }

.algn-cnt { text-align: center; }

h1 {
  font: 700 34px/40px 'Open Sans', sans-serif;
  text-align: center;
  color: #212529;
  position: relative;
  margin-bottom: 40px;
  margin-top: 30px;
  padding: 0px 30px;
  background: #fff;
  z-index: 1;
}

h1:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 25px;
  width: 100%;
  height: 1px;
  background: #efefef;
  z-index: -1;
}

h1 span { background-color: #fff; padding: 0px 20px; }

h1 strong { font-weight: 700; }

h2 {
  font: 400 40px/1.2em 'Open Sans', serif;
  color: #212529;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0px;
}

h2 strong, h3 strong { font-weight: 700; }

h3 {
  font: 400 26px/30px 'Open Sans', serif;
  color: #212529;
  margin-bottom: 15px;
  position: relative;
}

h4 { font: 400 20px/1.2em 'Open Sans', sans-serif; }

h5 { font: 300 20px/24px 'Open Sans', sans-serif; text-align: left; margin-bottom: 10px; }

h6 { font: 300 18px/22px 'Open Sans', sans-serif; text-align: left; color: #575757; }

.head-top {
  padding: 8px 0px 7px;
  color: #fff;
  background: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.head-top p { font-family: 'Din_bold', sans-serif !important; font-size: 16px; }

.head-top p { margin: 0; }

.head-top a { color: #fff; }

.head-top:after { clear: both; content: ''; display: block; }

.header {
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  background: #333;
  padding: 5px 0px;
}

.header p a { color: #fff; padding: 0px 1px; border-bottom: 2px solid transparent; font-weight: 300; }

.header p a:hover { color: #fff; border-bottom: 2px solid #fff; }

.header:after { clear: both; content: ''; display: block; }

.logo a { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #000; font-size: 26px; }

.logo img { padding: 10px 0px; max-width: 330px; display: block; }

#navbar { transition: .5s all ease; margin-top: -1px; }

.sticky1 {
  position: fixed;
  top: 0px;
  width: 100%;
  background: #24242a;
  transition: .5s all ease;
  margin-top: 1px;
}

.sticky1 + .clr15 { padding-top: 145px; }

.sticky1 .wrap { background: transparent; box-shadow: none; }

.footer_1 {
  padding: 6rem 0px 5rem;
  background: #24242a;
  z-index: -1;
  line-height: 20px;
}

.footer_1:after { clear: both; content: ''; display: block; }

.footer_1 a { color: #b2b2b2; }

.footer_1 a:hover { color: #fff; }

.footer_1 h3 {
  font-size: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  border-left: 3px solid #1086df;
  padding-left: 1rem !important;
}

.footer_1 p {
  font-size: 14px;
  margin-bottom: 6px;
  color: #b2b2b2;
  font-weight: 400;
  line-height: 1.5em;
  padding-right: 50px;
  text-align: left;
}

.footer_1 .textwidget,
.footer_1 .custom-html-widget,
.footer_1 .widget_text p {
  font-size: 14px;
  color: #b2b2b2;
  font-weight: 400;
  line-height: 1.5em;
  padding-right: 50px;
  text-align: left;
  margin-bottom: 6px;
}

.footer_1 .widget { margin-bottom: 6px; }

.footer_1 .social-icons { margin-top: 10px; }

.footer_1 .social-icons a i,
.footer_1 p a i.fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  font-size: 16px !important;
  padding: 0 !important;
  line-height: 34px !important;
  background: #636666 !important;
  border-radius: 50% !important;
  color: #fff !important;
  text-align: center !important;
}

.footer_1 li { padding-bottom: 4px; }

.footer_1 li a { font-weight: 400; font-size: 14px; }

.footer_1 li a:before { content: "\f0da"; font-family: FontAwesome; margin-right: 8px; }

.footer_1 li a:hover:before { color: #1086df; }

.footer_1 ul { list-style: none; padding: 0; margin: 0; }

.fa-cc-visa::before   { content: "\f1f0"; font-family: FontAwesome; font-size: 3em; color: #fff; margin-right: 8px; }
.fa-cc-mastercard::before { content: "\f1f1"; font-family: FontAwesome; font-size: 3em; color: #fff; margin-right: 8px; }
.fa-cc-american::before   { content: "\f1f3"; font-family: FontAwesome; font-size: 3em; color: #fff; margin-right: 8px; }

textarea {
  width: 100%;
  height: 193px;
  border: 0px;
  border-bottom: 1px solid #d5d5d5;
  background: #fff url('../images/textarea-pattern-light.png') repeat !important;
  padding-top: 5px;
  text-indent: 5px;
  line-height: 2.68;
  font: 14px/20px Arial, sans-serif;
  color: #575757;
  margin-bottom: 20px;
  overflow: auto;
}

input, input[type="file"] {
  line-height: normal;
  width: 100%;
  height: 42px;
  border: 0px;
  border-bottom: 1px solid #d5d5d5;
  background: #fff;
  margin-bottom: 10px;
  font: 14px/20px Arial, sans-serif;
  color: #575757;
}

select {
  height: 46px;
  padding-left: 5px;
  line-height: normal;
  width: 100%;
  border: 0px;
  border-bottom: 1px solid #d5d5d5;
  background: #fff;
  font: 14px/20px Arial, sans-serif;
  color: #575757;
}

input[type="checkbox"], input[type="radio"] { width: auto; height: auto; }

.text-center { text-align: center; }