@import url('https://fonts.googleapis.com/css?family=Spartan:100,200,300,400,500,600,700,800,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: bold; font-family: 'Raleway';}

ul{padding: 0px; margin: 0px; list-style-type: none;}

li{padding: 0px; margin: 0px; font-size: 14px;}

a{font-size: 16px; font-family: 'Spartan';}

a:hover{text-decoration: none;}

p{font-size: 14px; padding: 0px; margin: 0px; font-family: 'Spartan';}

body{padding: 0px; margin: 0px; box-sizing: content-box;}

span{padding: 0px; margin: 0px; font-family: 'Spartan';}

input:focus{outline: none; box-shadow: none;}

button:focus{outline: none; box-shadow: none;}

textarea:focus{outline: none; box-shadow: none;}

a.hk-hide { pointer-events: none;}

/*css*/

header{background: #fff;}

.logo-header{position: relative;}

/*.logo-header:after{content: "";  position: absolute; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,.2);    box-shadow: 0 15px 10px rgba(0,0,0,.2);    left: 5px;    right: 50%;    bottom: 0px;    background: #534488;    height: 100%; -webkit-transform-origin: 0 0;    -moz-transform-origin: 0 0;    -ms-transform-origin: 0 0;    transform-origin: 0 0;    width: 100%;    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); opacity: 0.1;}*/

.logo-header a {z-index: 9999;}

.search-input input{border-radius: 50px;    height: 40px;    font-size: 14px;    font-family: 'Spartan';    background: #292731;    color: #fff;}

.input-realtive input{position: relative;}

button.submit-btn {position: absolute;  right: 14px;    width: 20%;   background: #de3910 url(images/search.png)no-repeat;  background-position: 50% 5px;    height: 40px;    border-radius: 50px;}

.search-input span { font-size: 16px;}

.info-address a{font-size: 14px;}

.fennec-mobile-nav {  display: none;}

.fennec-mobile-nav.mean-container .mean-nav ul li a.active {  color: #02298a;}

.fennec-mobile-nav .others-option {  position: absolute;  text-align: center;  right: 48px;  top: 14px;  width: 21%;}

.fennec-mobile-nav .others-option .option-item {  color: #141414;  display: inline-block;  margin-right: 10px;  position: relative;  line-height: initial;}

.fennec-mobile-nav .others-option .option-item:last-child {  margin-right: 0;}

.fennec-mobile-nav .others-option .option-item .search-btn {  cursor: pointer;}

.fennec-mobile-nav .others-option .option-item .search-btn::before {  font-size: 17px;}

.fennec-mobile-nav .others-option .option-item .close-btn {  cursor: pointer;  display: none;  font-size: 17px;}

.fennec-mobile-nav .others-option .option-item .close-btn.active {  display: block;}

.fennec-mobile-nav .others-option .option-item a {  color: #141414;}

.fennec-mobile-nav .others-option .option-item a i::before {  font-size: 17px;}

.fennec-mobile-nav .others-option .option-item a span {  display: inline-block;  width: 15px;  height: 15px;  border-radius: 50%;  text-align: center;  color: #ffffff;  line-height: 15px;  font-weight: 600;  font-size: 10px;  position: relative;  top: -12px;  left: -12px;}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}

.fennec-mobile-nav .search-overlay.search-popup {  width: 265px;  right: -95px;  margin-top: 23px;}

.fennec-mobile-nav .search-overlay.search-popup .search-form .search-input {  width: 95%;}

.navbar-area.is-sticky {  position: fixed;  top: 0;  left: 0;  width: 100%; z-index: 999;  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);  background-color: #ffffff;  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;}

.navbar-area.is-sticky .fennec-nav {  background-color: #ffffff;}

.navbar-brand {  padding-top: 0;  padding-bottom: 0;}

.fennec-nav {  background-color: #f8f8f8;  padding-top: 0;  padding-bottom: 0;}

.fennec-nav .navbar {  padding: 0;}

.fennec-nav .navbar ul {  padding-left: 0;  list-style-type: none;  margin-bottom: 0;}

.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a {      font-size: 13px;    font-weight: 600;    color: #fff;    text-transform: uppercase;    padding: 14px 12px;    position: relative;    z-index: 1;    margin: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}

.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 11px;}

.fennec-nav .navbar .navbar-nav .nav-item a::before { content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;    opacity: 0;    visibility: hidden;    -webkit-transition: 0.5s;    transition: 0.5s;    background: #333;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover, .fennec-nav .navbar .navbar-nav .nav-item a:focus, .fennec-nav .navbar .navbar-nav .nav-item a.active {  color: #ffffff;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);  background: #ffffff;  position: absolute;  border: none;  top: 80px;  left: 0;  width: 250px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px; padding-right: 5px;  padding-bottom: 15px; height: 500px !important;    overflow-y: scroll;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #141414;  margin-top: 6px;  font-size: 13px;  font-weight: 600;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {  position: absolute;  content: '';  height: 100%;  width: 3px;  left: -5px;     -webkit-transition: 0.5s;  transition: 0.5s;  opacity: 0;  visibility: hidden;  top: 0;  -webkit-transform: scale(0);          transform: scale(0); background-image: linear-gradient(to right, #de3910 , #de3910);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #de3910;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}

.fennec-nav .others-option {  margin-left: auto;}

.fennec-nav .others-option .option-item {  color: #141414;  display: inline-block;  margin-right: 15px;  position: relative;  line-height: initial;}

.fennec-nav .others-option .option-item:last-child {  margin-right: 0;}

.fennec-nav .others-option .option-item .search-btn {  cursor: pointer;}

.fennec-nav .others-option .option-item .search-btn::before {  font-size: 20px;}

.fennec-nav .others-option .option-item .close-btn {  cursor: pointer;  display: none;  font-size: 20px;}

.fennec-nav .others-option .option-item .close-btn.active {  display: block;}

.fennec-nav .others-option .option-item a {  color: #141414;}

.fennec-nav .others-option .option-item a i::before {  font-size: 20px;}

.fennec-nav .others-option .option-item a span {  display: inline-block;  width: 15px;  height: 15px;  background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);  border-radius: 50%;  text-align: center;  color: #ffffff;  line-height: 15px;  font-weight: 600;  font-size: 10px;  position: relative;  top: -12px;  left: -12px;}

.search-overlay {  display: none;}

.search-overlay.search-popup {  position: absolute;  top: 100%;  width: 300px;  right: 0;  background: #ffffff;  z-index: 2;  padding: 20px;  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);  margin-top: 20px;}

.search-overlay.search-popup .search-form {  position: relative;}

.search-overlay.search-popup .search-form .search-input {  display: block;  width: 100%;  height: 40px;  line-height: initial;  border: 1px solid #eeeeee;  padding-left: 10px;  color: #141414;  outline: 0;}

.search-overlay.search-popup .search-form .search-button {  position: absolute;  right: 0;  top: 0;  height: 40px;  background: transparent;  border: none;  width: 40px;  outline: 0;  color: #777777;  -webkit-transition: 0.5s;  transition: 0.5s;}

.search-overlay.search-popup .search-form .search-button:hover, .search-overlay.search-popup .search-form .search-button:focus {  color: #141414;}

.navbar-style-two {  background-color: #f8f8f8;}

.navbar-style-two .fennec-nav {  background-color: #f8f8f8;  padding-top: 15px;  padding-bottom: 15px;  padding-left: 80px;  padding-right: 80px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav {  margin-left: auto;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item {  padding-top: 15px;  padding-bottom: 15px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a {  padding: 0;  margin: 0 12px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a i {  color: #666666;  -webkit-transition: 0.5s;  transition: 0.5s;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a::before {  display: none;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active {  color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active i {  color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:first-child a {  margin-left: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:last-child a {  margin-right: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {  padding: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  margin-top: 6px;  margin-left: 0;  margin-right: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {  background: linear-gradient(to right, #de3910, #de3910, #de3910, #de3910, #de3910);}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}

.navbar-style-two .fennec-nav .others-option {  margin-left: 22px;}

.navbar-style-two.is-sticky .fennec-nav {  padding-top: 10px;  padding-bottom: 10px;}

.butto-seller a{color: #af6ab4;}

.navigation-row{position: relative;}

header::before{    content: "";    position: absolute;    background: #de3910;    height: 7%;    -webkit-transform-origin: 0 0;    -moz-transform-origin: 0 0;    -ms-transform-origin: 0 0;    transform-origin: 0 0;    width: 75%;    clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%);    top: 92px;    bottom: 0;    right: 0;}

.butto-seller a {color: #000;    background: #fff;    font-size: 13px;}

div#carouselExampleIndicators::after {background-image: url(images/white_divider_top.png);    position: absolute;    content: '';    width: 100%;    height: 214px;    bottom: -45px;    z-index: 99999999;}

.box-shadow {box-shadow: 10px 10px 15px #f1f1f1; background: url(images/bg-img.png);}
.box-shadow p{line-height: 28px;     margin-top: 20px;}

.about-text p{line-height: 30px;}

.about-text h1 {    line-height: 40px;    font-size: 29px;}

.tag-line{background-color: #de3910;  position: relative;}

.tag-line::before{content: "";    position: absolute;    height: 100%;    -webkit-transform-origin: 0 0;    -moz-transform-origin: 0 0;    -ms-transform-origin: 0 0;    transform-origin: 0 0;   width: 100%;    background: #353535;    top: 0px;    bottom: 0;    right: 715px;    clip-path: polygon(0 0, 90% 0, 95% 100%, 0% 100%);}

.call-information span{font-size: 20px; line-height: 35px;}

.call-information a{font-size: 14px;}

.call-information i{font-size: 20px;}

.text-calling span {  font-size: 28px;}

.call-to-action{background: url(images/grey_sparkle_01.jpg);    position: relative;    overflow: hidden;    height: 485px;}

.text-calling{position: relative;}

.text-calling::after{    width: 200px;  height: 200px; background-image: linear-gradient(to right, #4668db , #af6ab4);   border-radius: 50%; content: "";   position: absolute;    opacity: 0.3;  bottom: -110px !important;    right: 0;}

.text-calling a{background-image: linear-gradient(to right, #4668db , #af6ab4); line-height: 70px;     padding: 12px;}

/*.shape-corner{position: relative; }

.shape-corner::after {

}

.shape-overlay{        background: #1dabb2;    display: block;    position: absolute;    top: 0;    width: 100%;    height: 100%;   opacity: 0.5;}

*/

.mission .mission_bg_image {    transform: rotate(15deg);    position: absolute;    height: 370px;    width: 100%;   max-width: 100%;    right: -205px;    top: 0;    border-radius: 200px 0 0 200px;    overflow: hidden;}

.mission .mission_bg_image .mission-overlay {        background-image: linear-gradient(to right, #4668db , #af6ab4);    display: block;    position: absolute;    top: 0;    width: 100%;    height: 100%;    opacity: 0.5;}

.mission_bg_image img {    opacity: 0.5;    border-radius: 65px;}

.middle {    position: relative;    top: 110px;}

.box{    overflow: hidden;  position: relative; border: 2px solid #fff;  min-height: 350px;     display: flex;   justify-content: center;    align-items: center;}

.box:before{    content: '';    height: 100%;    width: 100%;    background-image:        radial-gradient(circle at 25% 25%, rgba(255,255,255,0.2) 10%, transparent 15%),        radial-gradient(circle at 75% 75%, rgba(255,255,255,0.4) 10%, transparent 15%);    background-size: 40px 40px;    transform: translateX(-50%) scale(2);    opacity: 0;    position: absolute;    left: 50%;    top: 0;    z-index: 1;    transition: all 0.3s ease 0s;}

.box:hover:before{    transform: translateX(-50%) scale(1);    opacity: 1;}

.box:after{    content: '';    height: 100%;    width: 100%;    background: radial-gradient(transparent,rgba(0,0,0,0.7));    transform: scale(2);    opacity: 0;    position: absolute;    left: 0;    top: 0;    transition: all 0.3s ease 0.1s;}

.box:hover:after{    transform: scale(1);    opacity: 1;}

.box img{    width: 100%;    height: auto;    transition: all 0.3s ease 0s;}

.box .box-content{color: #fff;   background-color: rgba(222, 57, 16, 0.55);    text-align: center;    width: 80%;    padding: 40px 20px;    border-left: 4px solid #fff;    border-right: 4px solid #fff;    transform: translateX(-50%) translateY(-50%) scale(0.2) rotate(-90deg);    opacity: 0;    position: absolute;    left: 50%;    top: 50%;    z-index: 2;    transition: all 0.3s ease 0s;}

.box:hover .box-content{    transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);    opacity: 1;}

.box .title{    font-size: 18px;    text-transform: uppercase;    text-shadow: 0 0 2px #fff;    margin-bottom: 20px;}

.box .post{    color: #000;    font-size:14px;    font-weight: 500;    letter-spacing: 1px;    text-transform: uppercase;    margin-bottom: 10px;    display: block;}

.box .icon{list-style: none;    text-align: center;    padding: 0;    margin: 0;    margin-top: 8px;}

.box .icon li{    margin:0 4px;    display: inline-block;}

.box .icon li a{    color: #fff;    background-color: #de3910;    font-size: 17px;    text-align: center;    line-height: 30px;    width: 30px;    height: 30px;    border-radius:10px;    display: block;    transition:all 0.3s ease 0s;}

.box .icon li a:hover{    color: #de3910;    background-color: #fff;    box-shadow: 0 0 5px #6F1E51 ;}

@media only screen and (max-width:990px){

.box{ margin-bottom: 30px; }

}

@media only screen and (max-width:479px){

.box .title{ font-size: 20px; }

}

.our-product{background: url(images/services_bg.jpg); background-attachment: fixed; background-size: cover;}

.lappy-text p {line-height: 20px; font-size: 14px; opacity: 0.7;}

.lappy-text h5 {  font-size: 30px;}

.mission-section{background: url(images/polygen.png)no-repeat; background-attachment: fixed; background-size: cover;}

.miss-box span{position: relative;}

.miss-box span::after{width: 70px;    height: 1px;    background-color: #fff;    content: "";    position: absolute;    opacity: 0.6;    bottom: -5px !important;    left: 0;}

.miss-box p {font-size: 13px; line-height: 26px;}

footer {background: url(images/footer-bg.png); /* background-attachment: fixed; */ background-size: cover;}

.logo-footer img {width: 15%;  margin-top: 15px;}

.logo-footer p{padding-left: 150px; padding-right: 150px; line-height: 28px;}

.widget p{font-size: 13px; line-height: 23px;}

.widget span{font-size: 20px; position: relative;}

.widget span::after{width: 50px;    height: 2px;  background-color: #de3910;    content: "";    position: absolute;    opacity: 0.6;    bottom: -5px !important;    left: 0;}

.widget input{height: 40px; font-family: 'Spartan'; font-size: 14px;}

input.submit-btn-footer{background-color: #de3910; font-family: 'Spartan';}

.widget li {line-height: 32px; border-bottom: 1px solid #6f6e6e;}

.widget a {font-size: 13px; font-weight: 500; transition: 0.5s;}

.widget a:hover{padding-left: 5px; color: #de3910 !important;}

.widget .media i {font-size: 23px;}

p.center-item-text {    font-size: 13px;    text-align: center;    width: 100%; padding-bottom: 50px;}

/*.slider-golve {   position: absolute;    left: 0;    right: 0;    text-align: center;}*/

/*.slider-golve img{width: 30%;}*/

.rotateme {    -webkit-animation-name: rotateme;    animation-name: rotateme;    -webkit-animation-duration: 50s;    animation-duration: 50s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;}

@keyframes rotateme {

  from {    -webkit-transform: rotate(0deg);     transform: rotate(0deg);  }

  to {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }

}

@-webkit-keyframes rotateme {

  from {    -webkit-transform: rotate(0deg);  }

  to {    -webkit-transform: rotate(360deg);  }

}

@keyframes planeMove {

 0% {    -webkit-transform: translate3d(0, 0px, 0px);     transform: translate3d(0, 0px, 0px);  }

  100% {    -webkit-transform: translate3d(1500%, -100%, 0px);    transform: translate3d(1500%, -100%, 0px);   opacity: 1;  }

}

@-webkit-keyframes planeMove {

  0% {    -webkit-transform: translate3d(0, 0px, 0px);  }

  100% {    -webkit-transform: translate3d(1500%, -20%, 0px);  }

}

.slider-golve img { width: 70%;}

.slider-golve {   position: relative; text-align: center; z-index: -999;}

.road-pin {    margin-top: -500px;}

.slider-golve-bike {    left: 15.9%;    transform: rotate(-72deg) rotateY(180deg);}

.slider-golve-bike {    left: 18.6%;    bottom: 809px;    border-radius: 50%;    text-align: center;    transform: rotate(-67deg) rotateY(180deg);    position: relative;}

.slide-golve-car {    right: 12.4%;    transform: rotate(12deg);}

.slide-golve-car {    left: 47%;    bottom: 812px;    border-radius: 50%;    text-align: center;    transform: rotate(8deg);    position: relative;}

.slide-golve-car img { width: 60%;}

.slider-golve-bike img {  width: 75%;}

.shadow-under {box-shadow: 0px 12px 10px #ccc; background: #fff;}

.shadow-under span { font-weight: 700; font-size: 22px;}

.shadow-with-text span{position: relative;}

.shadow-with-text span::after{position: absolute; content: ''; width: 70px; height: 3px; background-color: #e9e9e9; left: 0px; bottom: -10px; border-radius: 50px;}

.shadow-with-text span::before{position: absolute; content: ''; width:30px; height: 3px; background-color: #de3910; left: 0px; bottom: -10px; z-index: 999; border-radius: 50px;}

.shadow-under input{border: 1px solid #ededed !important; font-size: 14px;} 

.shadow-under textarea{border: 1px solid #ededed !important;}

input.submit-btn {    width: 100%;  background-color: #de3910; color: #fff;    font-size: 20px !important;    padding-left: 0;}

.sticky-head.fixed {position: fixed; top: 0; box-shadow: 5px 0px 5px #ccc; background-color: #fff; z-index: 99; width: 100%;}

#toTop{position:fixed; bottom:5px; right:5px; cursor:pointer; transition: 0.5s; z-index: 99999;}

.info-address a {    color: #000;}

.feature-single .icon {   width: 110px;    height: 110px;    margin: 0 auto 20px;    background-color: rgba(255, 77, 28, 0.1);    border-radius: 50%;}

.feature-single i {   display: inline-block;    width: 90px;    height: 90px;    line-height: 90px;    font-size: 50px;    border-radius: 50%;    margin: 10px 0 0;    background-color: rgba(255, 77, 28, 0.1);    color: #ff4d1c;}

.feature-single p {    font-size: 14px;    color: #777;    line-height: 26px;}

/*breadcrumb-bg*/

.breadcrumb-bg {background-image: url(images/breadcrumb_bg.jpg);	min-height:400px;	background-position: center;	background-size: cover;	position: relative;	display: flex;	align-items: center;	z-index: 1;	text-align: center;}

.breadcrumb-bg::before {	content: "";	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 100%;	background-image: url(../img/bg/breadcrumb_overlay_dots.png);	background-size: cover;	background-position: center;	opacity: .03;}

.breadcrumb-bg::after {	content: "";	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 100%;	background: #071d39;	opacity: .31;	z-index: -1;}

.breadcrumb {	display: inline-block;	-ms-flex-wrap: unset;	flex-wrap: unset;	padding: 13px 43px;argin-bottom: 12px;	list-style: none;    background-color: #de3910; border-radius: 0;	position: relative;}

.breadcrumb li {	display: inline-block;	font-size: 16px;	text-transform: uppercase;	font-weight: 600;	color: #ffffff;}

.breadcrumb li a {	color: #fff;}

.breadcrumb-item + .breadcrumb-item::before {	display: inline-block;	padding-right: 12px;	padding-left: 12px;	color: #fd5252;	content: "|";}

.breadcrumb .dots,.breadcrumb .dots2 {	height: 10px;	width: 10px;	background: #fff;	border-radius: 50%;	position: absolute;	top: 50%;	transform: translateY(-50%);	left: 10px;}

.breadcrumb .dots2 {	right: 10px;	left: auto;}

.breadcrumb::before {	content: "";	position: absolute;	left: -25px;	top: 0;	width: 0;	height: 0;	border-style: solid;	border-width: 0 0 50px 25px;	border-color: transparent transparent #de3910 transparent;}

.breadcrumb::after {	content: "";	position: absolute;	right: -25px;	top: 0;	width: 0;	height: 0;	border-style: solid;	border-width: 50px 25px 0 0;	border-color: #de3910 transparent transparent transparent;}

.breadcrumb-content h2 {	font-size: 70px;	font-weight: 900;	color: #fff;	margin-bottom: 0;	position: relative;	display: inline-block;}

.breadcrumb-content h2::before, .breadcrumb-content h2::after {	content: "";	position: absolute;	left: 0;	top: 15px;	height: 2px;	width: 100%;	border-radius: 50%;	background-color: rgb(255, 70, 18, 0.288);}

.breadcrumb-content h2::after {	top: auto;	bottom: 15px;}

.breadcrumb-item.active {  color: #fff !important; font-family: 'Spartan';}

.support-bg {background-position: center;	background-size: cover;}

.support-form input {	width: 100%;	border: 1px solid #d4d4d4;	font-family: 'Spartan';	font-size: 14px;	padding: 13px 20px;	margin-bottom: 20px;	transition: .3s linear;}

.support-form textarea {	width: 100%;	font-family: 'Spartan';	border: 1px solid #d4d4d4;	font-size: 14px;	padding: 13px 20px;	transition: .3s linear;	height: 190px;	margin-bottom: 30px;}

.support-form input::placeholder,.support-form textarea::placeholder {	font-size: 14px;	color: #949494;}

.support-form input:focus,.support-form textarea:focus {	border-color: #e32222;}

.single-contact-box {	text-align: center;	padding: 0 30px;}

.contact-content h5 {	font-size: 16px;	text-transform: uppercase;	margin-bottom: 10px;}

.contact-content span {	display: block;	font-size: 15px;	line-height: 24px;}

.contact-icon img {	transition: .5s linear;	transform: rotateY(0);}

.single-contact-box:hover .contact-icon img {	transform: rotateY(360deg);}

#contact-page-map {	width: 100%;	height: 540px;}

.red-btn {    background: #de3910;    font-family: 'Spartan';}

.s-section-title.text-center h2 {    font-weight: 800;    padding-bottom: 15px;  }

.s-section-title p {    font-size: 16px;    line-height: 28px;    color: #656565;    margin-bottom: 0;}

.s-section-title.text-center h2::before {    content: "";    position: absolute;    left: 0;    right: 0;    width: 80px;    height: 1px;    background: #ff4612;    bottom: 111px;    margin: 0 auto;}

.s-section-title.text-center h2::after {    content: "";    position: absolute;    left: 0;   right: 0;    width: 40px;    height: 3px;    background: #ff4612;    bottom: 110px;    margin: 0 auto;}

.primary-bg{background-color: #f1f1f1;}

.sitemap-link {    background: #f9f9f9;}

.color-site {    background: #de3910;}

.sitema-links-item h2 {    font-size: 25px;}

.sitema-links-item h3{ font-size: 25px;}

.sitema-links-item h4{ font-size: 25px;}

.black-color {    background: #000;}

.skin-color {background: #222222;}

.sitema-links-item span{font-size: 25px;}

.purple-color{color: #8CA6DB;}

.sitemap-link a { font-size: 14px !important;}

section.plain-text { padding: 25px 0px;}

.plain-para p {    line-height: 26px;}

.head-section.other-heading {    margin-bottom: 70px;    float: left;}

.service-list-column {float: left;  margin-bottom: 30px;}

.image_hover {position: relative;  display: block; overflow: hidden;  background: #fff;  border: 1px solid #ccc;}

.service-list-column img {width: 100%;  float: left;    height: auto;}

.zoom_img_effect {position: relative;    transition: all .3s ease-out;}

.image_hover:after { position: absolute;  content: '';  opacity: 0;    background-color: rgba(0,0,0,.2);    top: 0;    bottom: 0;    left: 0;    right: 0;    transition: all .3s ease-out;}

.service-list-column .service-heading { width: 100%;    float: left;    border-left: 4px solid #de3910;   /* padding: 15px 10px 15px 0px; */    box-shadow: 0px 4px 10px #ccc;    text-align: center;    padding-bottom: 15px;    padding-top: 15px; background-color: #fff;}

.read-more-link {    font-size: 15px;    color: #de3910;    font-weight: 700;    text-decoration: none;    display: inline-block;}

.service-list-column .service-heading p {  font-size: 19px;    margin-bottom: 8px;    font-weight: 700;    text-transform: uppercase; color: #000;}

section.our-products {padding: 50px 0;  background: #f1f1f1;}

.image_hover:focus:after, .image_hover:hover:after {    opacity: 1;}

.image_hover:hover .zoom_img_effect {-webkit-transform: scale(1.05) translateZ(0);    transform: scale(1.05) translateZ(0);}

.products-list h4{font-size: 20px; padding-bottom: 15px; position: relative;}

.products-list h4:after{position: absolute;    right: 0px;    left: 0px;    width: 50px;    height: 2px;    background-color: #0c5395;    content: '';    top: 28px;}

.products-list ul li {    line-height: 30px;}

.products-list ul li a{color: #333;}

.grey-bg {    background: #f1f1f1;}

.query-form p{padding-bottom: 10px;  line-height: 46px;  font-weight: 600;  font-size: 25px;  color: #fff;}

.query-form img {position: relative;    bottom: 25px; width: 100%;}

.query-form-field input {border: none; border-bottom: 1px solid #ccc;    width: 100%;    margin-bottom: 22px;     background: transparent; color: #fff;}

.query-form-field textarea{    width: 100%;    resize: none;    border: none;    border-bottom: 1px solid #ccc;    margin-bottom: 20px;    height: 100px;    background: transparent;    color: #fff;    padding-top: 0px;}   

.query-form-field-btn input {     border: none;    cursor: pointer;    border: 1px solid #de3910;    padding: 10px 30px 10px 30px;    text-transform: uppercase;    background: #ffff;   width: 100%;}

.form-contact-color {background: #de3910;    padding: 15px;     margin-bottom: 35px;}

.form-contact-color ::placeholder {color: #ccc; opacity: 1; /* Firefox */}

.form-contact-color :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ccc;}

.form-contact-color ::-ms-input-placeholder { /* Microsoft Edge */ color: #ccc;}

.products-details {padding: 50px 0;}

.final-products img{width: 100%;     margin-bottom: 20px;}

.final-products p {line-height: 25px;}

.products-details{padding: 50px 0px;}

.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}

.cover-product-this p {line-height: 24px; margin-bottom: 16px;}

.only-product h2 {font-size: 32px;}

.zoom-effect img {width: 100%;}

.cover-product-this p {  line-height: 28px;}

.products-fill { border-right: 1px solid #ccc;}

.zoom-effect img {   border: 1px solid #ccc;}

ul.coloring li a {  background: #de3910;  padding: 15px;  color: #fff;  font-size: 18px;}

.full-width-type { background-color: #333;
    margin-top: 20px;
    margin-top: 41px;
    h: 100%;
    margin-left: 0;
    padding-bottom: 13px;
    margin-bottom: 17px;
    padding-top: 10px;}

.full-width-type a {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}

.inner-states { text-align: left; padding-bottom: 12px;}

.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}

.inner-states i {  padding-right: 8px;}

.inner-states a {    color: #fff;     width: 100%;  text-align: center;}

.inner-left-side-product h3{padding-bottom: 20px;}

.inner-left-side-product p{line-height: 25px;}

ul.coloring {   text-align: center;}

/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #999;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-shutter-out-horizontal:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;      background-color:#de3910;  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {  color: white;}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);}

.full-text p {   line-height: 30px;    padding: 5px;}

.products-fill { border-right: 1px solid #ccc;}

.box-listing{ border-bottom-left-radius: 10px;	border-bottom-right-radius: 10px; border-bottom: 20px solid #333;}

.box-listing h4{color: #fff;     background-image: linear-gradient(to right, #B993D6, #8CA6DB);	padding: 10px 20px;font-size: 20px;	font-weight: 700;	border-top-left-radius: 10px;	border-top-right-radius: 10px;}

.box-listing ul{	position: relative;	background-color: #fff;}

.box-listing ul li:hover{	opacity: 0.2;}

.box-listing ul li{list-style: none;    padding: 10px;    width: 100%;    background-color: #fff;    box-shadow: 0px 5px 25px rgba(0,0,0,0.1);    transition: transform 0.5s; margin-bottom: 10px;}

.box-listing ul li:hover{	transform: scale(1.1);	z-index: 100;	background-color: #8CA6DB; 	box-shadow: 0 5px 25px rgba(0,0,0,0.2);	color: #fff;	opacity: 1;}

.box-listing ul li span{width: 20px;	height: 20px;	text-align: center;	line-height: 20px;	background-color: #B993D6;color: #fff; 	display: inline-block;	border-radius: 50%;	margin-right: 10px;	font-size: 12px;	font-weight: 600;	transform: translateY(0px); }

.box-listing ul li:hover span{background-image: linear-gradient(to right, #B993D6, #8CA6DB); color: #fff;}

.box-listing a { color: #333;}

.box-listing a:hover{color: #fff;}

.mobile-menu {    display: none;}

.cover-product-this h2 { font-size: 24px; padding: 4px 0px; font-weight: 600;}

.cover-product-this h3 { font-size: 24px; padding: 4px 0px; font-weight: 600; padding-bottom: 28px;}

.cover-product-this h4 { font-size: 24px; padding: 4px 0px; font-weight: 600;     padding-bottom: 15px;}

.cover-product-this h5 { font-size: 24px; padding: 4px 0px; font-weight: 600;}

.cover-product-this ul li { list-style: disc; margin-left: 19px; line-height: 28px; font-size: 15px; color: #000;}

.text-list h2 {    font-size: 25px;}

.about-text h2 {    font-size: 27px;    padding-bottom: 15px;}

table {  border-collapse: collapse;  width: 100%; margin-bottom: 30px;}

td, th {  border: 1px solid #ddd;  padding: 8px;}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #4CAF50;  color: white;}



#services-items{display: none;}
#services-items .service-item,#services-items .service-single-col{	margin-bottom: 30px;}
#services-items .service-item-img{	position: relative;}
#services-items .service-item:hover .service-item-img:before{	content: "";	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	width: 100%;	height: 100%;	-webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out;	background-color: #191a1d;	opacity: 0.5;}
#services-items .service-item-icon{    position: absolute;    z-index: 9;    left: 0px;    right: 0px;    bottom: 0px;    text-align: center;    margin: 0px auto;    width: 60px;	height: 60px;	background-color: #1f7bdd;	color: #fff;	display: inline-block;	font-size: 40px;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}
#services-items .service-item:hover .service-item-icon{	background-color: #2e8aee;	transform: rotate(360deg) scaleX(-1);	-webkit-transform: rotate(360deg) scaleX(-1);	-moz-transform: rotate(360deg) scaleX(-1);}
#services-items .card span{	margin-bottom: 15px;	font-size: 28px;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s; font-weight: 500;}
#services-items .service-single-img{	margin-bottom: 20px;}
#services-items .service-single-bottom{	padding: 40px;	border: 1px solid #ccc;}
#services-items .service-single-bottom form{	padding: 4px;}
#services-items .project-single-list .card{	margin-top: 10px;	padding-bottom: 15px;}
#services-items .project-single-list p{	margin-bottom: 0px;	font-weight: 500;}
#services-items .project-single-list p span{font-weight: 100;}
.card:hover {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
.card {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07); border: 0px; margin: 0px;  padding: 30px; border-radius: 0;    transition: all 0.4s;    -webkit-transition: all 0.4s;    -moz-transition: all 0.4s;    -o-transition: all 0.4s;    display: inline-block;    width: 100%;}
.card-icon {margin-bottom: 20px;}
.bg-blue-light {background-color: rgba(31, 123, 221, 0.07);}
.service-item p {line-height: 28px;}
.service-item .card {    min-height: 395px;}
.service-item ul li{    font-size: 15px;    line-height: 28px;    background: url(images/check-list.png)no-repeat;    padding-left: 25px;    background-position: 0 85%;}
.breadcrumb-content h1 {    font-size: 70px;    font-weight: 900;    color: #fff;    margin-bottom: 0;    position: relative;    display: inline-block;}
.about-text ul li {    list-style: disc;    margin-left: 21px;    font-size: 15px;    padding: 0px;    margin: 0px;    font-family: 'Spartan';    line-height: 30px;}
.why-box h4 {font-size: 30px;}
.why-box h5 {font-size: 30px;}
.why-box h6 {font-size: 30px; padding-bottom: 30px;}
.why-box ul{list-style: disc;}
.why-box li{line-height: 28px; font-size: 15px;}
.butto-seller{display: none;}