:root {
    --first_color: #dc6016;
    --second_color: #9a9b9c;
    --hover_color:#6d6e73;
    --bg_color: #ffffff;
    --bg_color2: #f1f1f1;
    --text_color:#2F383D;
}
html, body { overflow-x:hidden;min-height:100%; }
body            {background:#fff;color: var(--text_color);font-family: 'Poppins', sans-serif;font-weight:400;line-height: 30px;font-size: 16px;padding-right: 0 !important;}
b,strong,th {font-weight: 500 !important;}
a               {color: #282828;}
a:hover         {color: #767777;}
a, a:hover      { text-decoration:none;-webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
::selection     { background: #000;color:#fff; }
::-moz-selection { background: #000;color:#fff; }
.cursor { cursor: pointer; }
textarea { resize: none; }
img {max-width:100%;height: auto!important;background-position:  center;background-repeat:  no-repeat;background-size:  cover;}

h1, h2, h3, h4, h5  {color: var(--first_color); }
h1 { font-size:1.8em;margin-bottom:25px; }
h2 {font-size: 1.3em;margin-bottom:20px;}
h3 { font-size:1.2em;margin-bottom:20px; }
h4 { font-size:1.1em;margin-bottom:15px; }
h5 { font-size:1.0em;margin-bottom:15px; }

.required { color:#CC0000; }
section { float:left;position:relative;width:100%; }
.container {width: auto;max-width: 1400px;position: relative;}

.btn-primary {position:relative;z-index:2;background-color:transparent !important;border:0 !important;color: #fff;border: 0px;overflow: hidden;border-radius: 0 !important;}
.btn-primary:hover, .btn-primary:focus { color: var(--bg_color); }
.btn-primary:after {content: '';position: absolute;bottom: 0;left: 0;right:0;top:0;background-color: var(--first_color);transition: all .3s;z-index: -2;}
.btn-primary:before {content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background-color: var(--third_color);transition: all .3s;z-index: -1;}
.btn-primary:hover:before { width: 100%; }

.grid-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-image: linear-gradient(to right, #e2e8f0 1px, transparent 1px),
    linear-gradient(to bottom, #e2e8f0 1px, transparent 1px);
  background-size: 30px 20px;
  -webkit-mask-image: radial-gradient(
    ellipse 70% 60% at 50% 0%,
    #000 60%,
    transparent 100%
  );
  mask-image: radial-gradient(
    ellipse 70% 60% at 50% 0%,
    #000 60%,
    transparent 100%
  );
}

@media screen and (max-width:1100px) {
    body { font-size:15px;line-height:26px; }
}
@media screen and (min-width: 992px) {
    .btn {padding: .75rem 2.5rem;}
    .btn i{ padding:0 5px;font-size: 1.0rem; }
}
@media screen and (max-width: 992px) {
    .btn { font-size: 14px; }
}
@media screen and (max-width: 768px) {
    body { font-size:14px;line-height:23px; }
    .row:not(.no-gutters) { margin-right: -5px; margin-left: -5px; }
    .row:not(.no-gutters) > [class^="col-"], .row:not(.no-gutters) > [class^=" col-"] { padding-right: 5px; padding-left: 5px; }
}
@media screen and (max-width: 576px) {
    body { font-size:13px;line-height:20px; }
    .btn { font-size: 12px; }
    .form-control { font-size:.8rem; }

    h1 { font-size:1.5em;margin-bottom:15px; }
    h2 { font-size:1.4em;margin-bottom:10px; }
    h3 { font-size:1.2em;margin-bottom:10px; }
    h4 { font-size:1.1em;margin-bottom:10px; }
    h5 { font-size:1.0em;margin-bottom:10px; }
}


/* TEXT */
.text-content * { -webkit-transition: all 0.15s ease-in;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
.text-content { padding: 10rem 60px; }
.text-content h1 { font-size:2rem; }
.text-content .txt p { margin-bottom:25px; }
.text-content span { color:var(--first_color); }

@media screen and (max-width:1100px) {
    .text-content { padding: 5rem 60px; }
    .text-content .home-image {width: 80%;margin-top: 70px;}
    .text-content .home-image:before {bottom: 30px;left: 30px;z-index:-1;}
    .text-content .home-image:after {bottom: 40px;top: -20px;left: 40px;right: -20px;z-index:-1;}
}
@media screen and (max-width:992px) {
    .text-content { padding: 5rem 30px; }
    .text-content .page-image { text-align:center;margin-bottom:40px; }
    .text-content .txt p { margin-bottom:15px; }
}
@media screen and (max-width:576px) {
    .text-content { padding: 40px 0px; }
}
/* END TEXT CONTENT */