@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
  font-family: "Work Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #828282;
  background: #fff;
}
/* --------------------------- */
/* --------------------------- */
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FE0909;
	z-index:9999;
}
.top .container {
    padding:0 15px;
}

.phone-mail {
    margin:0 20px 0 0;
    padding:0;
    z-index:9999;
    list-style:none;
    position:relative;
    float: left;
}
.phone-mail li {
    display:inline;
    list-style:none;
    padding-bottom:15px;
    margin-right: 5px;
}
.phone-mail i {
    font-size:11px;
    margin-top:3px;
    margin-right: 3px;
    color:#FFFFFF;
}
.phone-mail li span {
    color:#FFFFFF;
    font-size:11px;
    font-family: "Work Sans", Arial, sans-serif;
}

@media (min-width:300px) and (max-width:767.9px){
.mob-order-2 {
    order: 2 !important;
}
}

.loginbar {
	margin:0;
	padding:0;
	z-index:9999;
	list-style:none;
	position:relative;
    float: right;
	color:#FFFFFF;
}
.blog-section {
    background: #f7f8f8;
    padding: 5% 0%;
}
.blog-section h2 {

    padding-bottom: 4%;
}
.blog-box-section-1{
      padding-top: 2%;
}

.blogpage-section-1{
         padding-top: 2%; 
}
.no-margin{
    margin-bottom:0px !important;
}


@media (max-width: 480px) {
    .loginbar {
        float: left;
    }
}

.loginbar li {
	display:inline;
	list-style:none;
}

.loginbar li a,
.loginbar li a:hover {
	color:#FFFFFF;
	/*font-size:11px;*/
    font-family: "Work Sans", Arial, sans-serif;
}

.loginbar li.devider { 
	top:-1px;
	padding:0;
	font-size:8px;
	position:relative;
	margin:0 6px 0 2px;
	font-family:Tahoma;
	border-right:solid 1px #bbb;
}

.loginbar i {
	color:#999;
	font-size:18px;
	margin-top:3px;
	cursor:pointer;
}

/*Lenguages*/
.loginbar li ul { 
	top:18px;
	margin:0;
	left:-6px;
	display:none; 
	padding-top:4px;
	position:absolute; 
	border-radius:3px;
	padding-bottom:4px;
	background:#f0f0f0;
}

.loginbar li:hover ul { 
	display:block; 
}

.loginbar li ul li { 
	padding-bottom:0;
	display:list-item;
	position:relative;
	margin-bottom:1px;
}

.loginbar li ul li a { 
	color:#555;
	display:block;
	min-width:85px; 
	font-size:10px;
	padding:2px 12px;
	background:#f0f0f0;
	text-decoration:none;
}

.loginbar li ul li a:hover, 
.loginbar li ul li.active a {
	opacity:1 !important;
	color:#555 !important;
	font-size:10px !important;
	text-shadow:none !important;
	background:#fafafa !important;
}

.loginbar li ul li.active i {
	top:2px;
	right:-5px;
	font-size:14px;
	cursor:default;
	position:absolute;
	text-shadow:0 1px 0 #e9e9e9;
}

.loginbar i.icon-globe {
	color:#bbb;
	font-size:13px;
	margin:3px 3px 0 0;
}

.loginbar li i.icon-sort-up {
	top:21px; 
	left:-1px;
	color:#eee;
	display:none;
	font-size:14px;
	cursor:default;
	position:absolute;
}

.loginbar li:hover i.icon-sort-up {
	display:block;
}

.loginbar li:hover i.icon-ok {
	top:-2px;
	color:#aaa;
}
/* --------------------------- */
#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #page {
  overflow: hidden;
  position: absolute;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
  color: #F95959;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #F95959;
  outline: none;
  text-decoration: none;
}

p {
  margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "Work Sans", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
}

::-webkit-selection {
  color: #fff;
  background: #F95959;
}

::-moz-selection {
  color: #fff;
  background: #F95959;
}

::selection {
  color: #fff;
  background: #F95959;
}

.fh5co-nav .top-menu {
  padding: 28px 0;
}
.fh5co-nav #fh5co-logo {
  font-size: 24px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 700;
  font-family: "Work Sans", Arial, sans-serif;
}
.fh5co-nav #fh5co-logo a span {
  color: #F95959;
}
.fh5co-nav a {
  padding: 5px 10px;
  color: #000;
}
@media screen and (max-width: 768px) {
  /*.fh5co-nav .menu-1 {*/
  /*  display: none;*/
  /*}*/
}
@media screen and (max-width: 500px) {
  .fh5co-nav img {
    width:250px;
  }
}
.fh5co-nav ul {
  padding: 0;
  margin: 5px 0 0 0;
}
.fh5co-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}
.fh5co-nav ul li a {
  font-size: 15px;
  padding: 30px 15px;
  color: rgba(0, 0, 0, 0.7);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active {
  color: black;
}
.fh5co-nav ul li.has-dropdown {
  position: relative;
}
.fh5co-nav ul li.has-dropdown .dropdown {
  width: 250px;
  -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  background: #000;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.fh5co-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #000;
  border-width: 8px;
  margin-left: -8px;
}
.fh5co-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 15px;
}
.fh5co-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
.fh5co-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #999999;
  line-height: 1.2;
  text-transform: none;
  font-size: 13px;
  letter-spacing: 0;
}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {
  color: #fff;
}
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a {
  color: #000;
}
.fh5co-nav ul li.btn-cta a {
  padding: 30px 0px !important;
  color: #fff;
}
.fh5co-nav ul li.btn-cta a span {
  background: #f95959;
  padding: 4px 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}
.fh5co-nav ul li.btn-cta a:hover span {
  -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}
.fh5co-nav ul li.active > a {
  color: #000 !important;
  position: relative;
}
.fh5co-nav ul li.active > a:after {
  position: absolute;
  bottom: 25px;
  left: 15px;
  content: '';
  width: 20px;
  height: 2px;
  background: #F95959;
  margin: 0 auto;
}

#fh5co-counter,
.fh5co-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.fh5co-video {
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .fh5co-video {
    height: 450px;
  }
}
.fh5co-video a {
  z-index: 1001;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  display: table;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-video a i {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
}
.fh5co-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-video:hover .overlay {
  background: rgba(0, 0, 0, 0.7);
}
.fh5co-video:hover a {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

#fh5co-hero {
  min-height: 700px;
  background: #fff url(../images/loader.gif) no-repeat center center;
}
#fh5co-hero .btn {
  font-size: 24px;
}
#fh5co-hero .btn.btn-primary {
  padding: 14px 30px !important;
}
#fh5co-hero .flexslider {
  border: none;
  z-index: 1;
  margin-bottom: 0;
}
#fh5co-hero .flexslider .slides {
  position: relative;
  overflow: hidden;
}
#fh5co-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 700px;
  position: relative;
}
#fh5co-hero .flexslider .slides li:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
#fh5co-hero .flexslider .flex-control-nav {
  bottom: 40px;
  z-index: 1000;
}
#fh5co-hero .flexslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
#fh5co-hero .flexslider .flex-control-nav li a.flex-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
}
#fh5co-hero .flexslider .flex-direction-nav {
  display: none;
}
#fh5co-hero .flexslider .slider-text {
  display: table;
  opacity: 0;
  min-height: 700px;
  z-index: 9;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
  display: table-cell;
  vertical-align: middle;
  min-height: 700px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1, #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 1.3;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
    font-size: 30px;
  }
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .heading-section {
  font-size: 50px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn {
  padding: 15px 30px;
  color: #fff;
  border: none !important;
  font-size: 18px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn:hover {
  background: #F95959 !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .form-inline .form-group .form-control {
  width: 100%;
  background: #fff;
  border: none;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead {
  font-size: 20px;
  color: #fff;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart {
  color: #d9534f;
}

.fh5co-bg-section {
  background: rgba(0, 0, 0, 0.05);
}

#fh5co-about,
#fh5co-practice,
#fh5co-testimonial,
#fh5co-started,
#fh5co-project,
#fh5co-blog,
#fh5co-contact,
#fh5co-footer {
  padding: 1em 0;
  clear: both;
}
@media screen and (max-width: 768px) {
  #fh5co-about,
  #fh5co-practice,
  #fh5co-testimonial,
  #fh5co-started,
  #fh5co-project,
  #fh5co-blog,
  #fh5co-contact,
  #fh5co-footer {
    padding: 3em 0;
  }
}

#fh5co-counter {
  padding: 4em 0;
  clear: both;
}

.fh5co-counters {
  padding: 3em 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
.fh5co-counters .icon {
  width: 80px;
  height: 80px;
  display: table;
  margin: 0 auto;
  margin-bottom: 30px;
}
.fh5co-counters .icon i {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  font-size: 28px;
  color: #F95959;
  background: #fff;
  -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  -ms-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  -o-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-counters .counter-wrap {
  border: 1px solid red !important;
}
.fh5co-counters .fh5co-counter {
  font-size: 40px;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Work Sans", Arial, sans-serif;
  width: 100%;
  font-weight: 400;
  margin-bottom: .3em;
}
.fh5co-counters .fh5co-counter-label {
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 5px;
  margin-bottom: 2em;
  display: block;
}

#fh5co-content,
#fh5co-consult {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  width: 100%;
  float: left;
}
#fh5co-content .video, #fh5co-content .choose,
#fh5co-consult .video,
#fh5co-consult .choose {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #fh5co-content .video, #fh5co-content .choose,
  #fh5co-consult .video,
  #fh5co-consult .choose {
    width: 100% !important;
  }
}
#fh5co-content .video,
#fh5co-consult .video {
  display: table;
  width: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
#fh5co-content .choose,
#fh5co-consult .choose {
  width: 50%;
  padding: 40px;
}

.services {
  position: relative;
  padding: 30px;
  margin-bottom: 60px;
  background: #fff;
  border: 1px solid rgbs(#000, 0.2);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.services h3 a {
  color: #000;
}
.services .icon {
  width: 90px;
  height: 90px;
  background: #F95959;
  display: table;
  text-align: center;
  margin: -75px auto 0 auto;
  margin-bottom: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 992px) {
  .services .icon {
    margin: 0 auto 30px auto;
  }
}
.services .icon i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 40px;
  line-height: 40px;
  color: #fff;
}
.services:hover, .services:focus {
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
}
.services:hover .icon, .services:focus .icon {
  background: #007CB9;
  -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  -ms-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  -o-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.13);
}
.services:hover h3 a, .services:focus h3 a {
  color: #F95959;
}

.fh5co-social-icons {
  margin: 0;
  padding: 0;
}
.fh5co-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #F95959;
  padding-left: 10px;
  padding-right: 10px;
}
.fh5co-social-icons li a i {
  font-size: 20px;
}

.fh5co-contact-info ul {
  padding: 0;
  margin: 0;
}
.fh5co-contact-info ul li {
  padding: 0 0 0 40px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
}
.fh5co-contact-info ul li:before {
  color: #F95959;
  position: absolute;
  left: 0;
  top: .05em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fh5co-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}
.fh5co-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}
.fh5co-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}
.fh5co-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

.fh5co-project {
  margin-bottom: 30px;
}
.fh5co-project > a {
  display: block;
  color: #000;
  position: relative;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-project > a img {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-project > a:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  -webkit-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-project > a h3, .fh5co-project > a span {
  z-index: 12;
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 50px;
  color: #fff;
  margin: 0;
  padding: 0;
  opacity: 1;
  font-size: 30px;
  font-weight: 300;
  visibility: visible;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.fh5co-project > a span {
  font-size: 14px;
  bottom: 20px;
}
.fh5co-project > a:hover {
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
}
.fh5co-project > a:hover:after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  .fh5co-project > a:hover:after {
    opacity: 0;
    visibility: hidden;
  }
}
.fh5co-project > a:hover h3, .fh5co-project > a:hover span {
  opacity: 1;
  bottom: 55px;
}
.fh5co-project > a:hover span {
  bottom: 15px;
}
.fh5co-project > a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .fh5co-project > a:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.features {
  margin-bottom: 3em;
  width: 100%;
  float: left;
}

.fh5co-heading {
  margin-bottom: 5em;
}
.fh5co-heading.fh5co-heading-sm {
  margin-bottom: 2em;
}
.fh5co-heading h2 {
  font-size: 32px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #000;
}
.fh5co-heading p {
  font-size: 18px;
  line-height: 1.5;
  color: #828282;
}
.fh5co-heading span {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}

#fh5co-testimonial .testimony-slide {
  text-align: center;
}
#fh5co-testimonial .testimony-slide span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: block;
}
#fh5co-testimonial .testimony-slide figure {
  margin-bottom: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#fh5co-testimonial .testimony-slide figure img {
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonial .testimony-slide blockquote {
  border: none;
  margin: 30px auto;
  width: 70%;
  position: relative;
  padding: 0;
}
@media screen and (max-width: 992px) {
  #fh5co-testimonial .testimony-slide blockquote {
    width: 100%;
  }
}
#fh5co-testimonial .arrow-thumb {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
}
#fh5co-testimonial .arrow-thumb a {
  font-size: 32px;
  color: #dadada;
}
#fh5co-testimonial .arrow-thumb a:hover, #fh5co-testimonial .arrow-thumb a:focus, #fh5co-testimonial .arrow-thumb a:active {
  text-decoration: none;
}

.fh5co-staff {
  text-align: center;
  margin-bottom: 30px;
}
.fh5co-staff img {
  width: 200px;
  margin-bottom: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-staff h3 {
  font-size: 24px;
  margin-bottom: 5px;
}
.fh5co-staff p {
  margin-bottom: 30px;
}
.fh5co-staff .role {
  color: gray;
  margin-bottom: 30px;
  font-weight: normal;
  display: block;
}

#fh5co-started {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
#fh5co-started .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
#fh5co-started .fh5co-heading h2 {
  color: #fff;
  margin-bottom: 20px !important;
}
#fh5co-started .fh5co-heading p {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-started .form-control {
  background: rgba(255, 255, 255, 0.2);
  border: none !important;
  color: #fff;
  font-size: 16px !important;
  width: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-started .form-control::-webkit-input-placeholder {
  color: #fff;
}
#fh5co-started .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
#fh5co-started .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
#fh5co-started .form-control:-ms-input-placeholder {
  color: #fff;
}
#fh5co-started .form-control:focus {
  background: rgba(255, 255, 255, 0.3);
}
#fh5co-started .btn {
  height: 54px;
  border: none !important;
  background: #F95959;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 50px;
  padding-right: 50px;
}
#fh5co-started .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#fh5co-started .form-inline .form-group .form-control {
  width: 100%;
}

.fh5co-blog {
  margin-bottom: 60px;
}
.fh5co-blog > a {
  display: block;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-blog > a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-blog {
    width: 100%;
  }
}
.fh5co-blog .blog-text {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  padding: 30px;
  float: left;
  background: #fff;
  border: 1px solid rgbs(#000, 0.2);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.fh5co-blog .blog-text span {
  display: inline-block;
  margin-bottom: 20px;
}
.fh5co-blog .blog-text span.comment {
  float: right;
}
.fh5co-blog .blog-text span.comment a {
  color: rgba(0, 0, 0, 0.3);
}
.fh5co-blog .blog-text span.comment a i {
  color: #F95959;
  padding-left: 7px;
}
.fh5co-blog .blog-text h3 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.fh5co-blog .blog-text h3 a {
  color: black;
}
.fh5co-blog .blog-text:hover {
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
}

#fh5co-footer {
  background: #efefef;
}
#fh5co-footer .fh5co-footer-links {
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #fh5co-footer .fh5co-footer-links {
    margin-bottom: 30px;
  }
}
#fh5co-footer .fh5co-footer-links li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-footer .fh5co-footer-links li a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
#fh5co-footer .fh5co-footer-links li a:hover {
  text-decoration: underline;
}
#fh5co-footer .fh5co-widget {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #fh5co-footer .fh5co-widget {
    text-align: left;
  }
}
#fh5co-footer .fh5co-widget h3 {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#fh5co-footer .copyright .block {
  display: block;
}

#map {
  width: 100%;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}

#fh5co-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 75px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1000px) {
  #fh5co-offcanvas {
    display: block;
  }
}
.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#fh5co-offcanvas a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#fh5co-offcanvas ul {
  padding: 0;
  margin: 0;
}
#fh5co-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a i {
  display: block;
  position: relative;
}
/*#fh5co-offcanvas ul li.offcanvas-has-dropdown i{*/
/*    float:right;*/
/*}*/
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  left: 150px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
   Better Font Rendering =========== 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
  top: 25px !important;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #444;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
  color: #fff;
  background: #000;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #000;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  background: #fff;
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  background: #fff;
}

.fh5co-nav-toggle {
  position: absolute;
  right: 0px;
  top: 65px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
@media screen and (max-width: 1000px) {
  .fh5co-nav-toggle {
    display: block;
  }
 /*.fh5co-nav ul{*/
 /*    display:none;*/
 /*}*/
 .top-menu .container{
     width:100%;
 }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Work Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #F95959;
  color: #fff;
  border: 2px solid #F95959;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #fa7272 !important;
  border-color: #fa7272 !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #F95959;
  border: 2px solid #F95959;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #F95959;
  color: #fff;
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #F95959;
}

.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}

.js .animate-box {
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */
.blog_bg .fh5co-heading{text-align: justify;}
.fh5co-blog .blog-text h3 {
    font-size: 19px !important;
}
#fh5co-footer {
    padding-top: 50px;
}
#fh5co-content .choose, #fh5co-consult .choose {
    width: 50%;
    padding: 40px 40px;
    padding-bottom: 0;
}
.choose .fh5co-heading {
    margin-bottom: 1em;
}
.box-busine-1{
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  padding: 30px;
  float: left;
  border-radius:5px;
  /*background: #fff;*/
  /*border: 1px solid rgbs(#000, 0.2);*/
  /*-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);*/
  /*-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);*/
  /*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);*/
  /*-webkit-transition: 0.3s;*/
  /*-o-transition: 0.3s;*/
  /*transition: 0.3s;*/
}

.box-busin-bg .col:nth-child(1) .box-busine-1{
    background:#fef4e6;
}
.box-busin-bg .col:nth-child(2) .box-busine-1{
    background:#e9f7ff;
}
.box-busin-bg .col:nth-child(3) .box-busine-1{
    background:#e8f7f4;
}
.box-busin-bg .col:nth-child(4) .box-busine-1{
    background:#fde8ef;
}

.box-busine-1 h3 {
    font-weight: 600!important;
    font-size: 22px!important;
    line-height: 32px;
    margin-bottom:8px;
    color: #14133b;
}
.box-busine-1 p{
        margin: 0;
    font-size: 15px;
    line-height: 29px;
        color: #5b6674;
        margin-bottom:16px;
}
.box-busine-1 img{
    width:25%;
    margin-bottom:20px;
    transition: 0.3s;
    
}
.box-busine-1:hover img{
   transform: translate(0, -10px);
}
.button.btn-txt.btn-txt-arrow {
    position: relative;
    background: transparent!important;
    border: 0;
    padding-left: 0;
}
.button.btn-txt-arrow:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 30px;
    background-color: currentColor;
    transition: .5s;
    opacity: 1;
}
.button.btn-txt {
    font-size: 13px!important;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.4;
    min-height: auto;
    color:#14133b;
}
.button.btn-txt-arrow .button-text {
    position: relative;
    z-index: 1;
    transition: .5s;
    padding-right: 10px!important;
}
.button.btn-txt-arrow:after,.button.btn-txt-arrow:before {
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 30px;
    background-color: currentColor;
    transition: .5s;
    opacity: 1
}

.button.btn-txt-arrow:after {
    left: -40px;
    right: unset;
    opacity: 0
}

.button.btn-txt-arrow:hover .button-text {
    padding-left: 50px!important
}

.button.btn-txt-arrow:hover:after {
    left: 0;
    opacity: 1
}

.button.btn-txt-arrow:hover:before {
    right: -60px;
    opacity: 0
}
@media (max-width:767px){
    .box-busine-1 img{
    width:10%;
    margin-bottom:20px;
}
}
.box-busine-1 i{
    font-size:50px;
    color:#253959;
}
.space-100{
    width:100%;
    height:100px;
}
.space-20{
    width:100%;
    height:20px;
}
.space-50{
    width:100%;
    height:50px;
}
.space-30{
    width:100%;
    height:30px;
}
.sect-2-page{
    padding:100px 0;
    width:100%;
}
.fh5co-bg-section-white {
    background: #fff;
}
.fh5co-bg-section-white ul {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}
.why-choose-head{
    width:70%;
    margin:0 auto;
    margin-bottom:20px;
}
/*.row-sec-1 p{*/
/*    width:70%;*/
/*    margin:0 auto;*/
/*}*/
.row-sec-2 ul {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    margin-top:50px;
}
.row-sec-2 ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 6px;
    display:flex;
}
/*.row-sec-2 ul li:before {*/
/*    content: "\f058";*/
/*    font-family: FontAwesome;*/
/*    display: inline-block;*/
/*    color: #f95959;*/
/*    margin: 0 10px 0 -20px;*/
/*    font-size:30px;*/
/*}*/
.row-sec-2 ul li i{
    background:#f29111;
    width: 25px;
    height: 25px;
    border-radius:50px;
    color:#fff;
    font-size:15px;
    padding:5px;
    margin-right:20px;
}
.row-sec-2 ul li h4 {
        font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    color: #14133b;
    margin-bottom:0;
    
}
.row-sec-2 ul li p{
    padding-bottom: 5px;
    max-width: 350px;
        line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #5b6674;
    font-size: 16px;
}
.box-busine-2{
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  padding: 30px;
  float: left;
  background: #fff;
  border: 1px solid rgbs(#000, 0.2);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.row-sec-3{
   display:flex;
   align-items:center;
}
.row-sec-4 {
    display:flex;
    padding:10px;
}
.row-sec-4 .col-lg-2{
   width:20%;
   padding:10px;
}
.box-busine-3{
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  padding: 30px;
  float: left;
 border: 1px solid rgba(255,255,255,0.2);
 border-radius:5px;
 z-index:1;


}
.box-busine-3:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.9) translateY(20px);
    -ms-transform: scale(0.9) translateY(20px);
    transform: scale(0.9) translateY(20px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background:#f29111;
    z-index:0;
}
.row-sec-4 .col:nth-child(2) .box-busine-3:before {
    background:#20ad96;
}
.row-sec-4 .col:nth-child(3) .box-busine-3:before {
    background:#29b2fe;
}
.row-sec-4 .col:nth-child(4) .box-busine-3:before {
    background:#8948a0;
}
.row-sec-4 .col:nth-child(5) .box-busine-3:before {
    background:#fc60b2;
}
.box-busine-3:hover:before {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
    -ms-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index:0;
}
.box-busine-3 svg{
    width:50px;
    height:50px;
    position:relative;
    z-index:1;
}
.box-busine-3:hover svg path{
    fill: #fff!important;
}
.box-busine-3 h3 {
        font-size: 22px!important;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
    letter-spacing: 0;
    color:#fff;
    margin-bottom:10px;
    margin-top:10px;
    position:relative;
    z-index:1;
}
.box-busine-3 p{
    font-weight: 400;
    font-style: normal;
    font-size: 15px!important;
    line-height: 29px;
    text-transform: none;
    letter-spacing: 0;
    color: rgba(255,255,255,0.8);
    position:relative;
    z-index:1;
}
.box-busine-3 i{
    font-size:50px;
    color:#fff;
}
.row-sec-5 ul li{
    list-style:none;
    display:flex;
    background: #fff;
 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 padding: 30px;
    margin-bottom: 30px;
    width:90%;
    transition:0.5s;
}
.row-sec-5 ul li:nth-child(1):hover{
  background:#fef3e4;
}
.row-sec-5 ul li:nth-child(2n){
    margin-left:10%;
    
}
.row-sec-5 ul li:nth-child(2n):hover{
    background:#e7f7ff;
}
.row-sec-5 ul li:nth-child(3):hover{
    background:#e5e5e9;
}
.row-sec-5 ul li i{
    font-size:30px;
    color:#253959;
    background:#efdddd;
    width:50px;
    height:50px;
    display: flex;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    margin-right: 20px;
}
.row-sec-5 ul li p{
    margin-bottom:0;
}
.row-sec-5 ul li .icon-wrap {
    margin-bottom: 15px;
    margin-top: 5px;
    position: relative;
    width: 57px;
    height:57px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f29111;
    padding:10px 10px 0px 10px;
    margin-right:20px;
}
.row-sec-5 ul li:nth-child(2) .icon-wrap{
    background: #29b2fe;
}
.row-sec-5 ul li:nth-child(3) .icon-wrap{
    background: #333366;
}
.row-sec-5 ul li .icon-wrap svg path{
    stroke: #fff!important;
}
.row-sec-5 ul li .icon-wrap > svg{
    width:35px;
    height:35px;
}
.parallax-container   {
        width: 1240px !important;
        max-width:100%;
} 
.parallax-container-2   {
        width: 1500px !important;
        max-width:100%;
} 
.banner-bg-sect{
    background:url(../images/bg-titlebar.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #252b33 !important;
    padding-top:147px;
    padding-bottom:173px;
}
/*.banner-bg-sect:before{*/
/*        content: "";*/
/*    position: absolute;*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*}*/
.banner-bg-sect h1{
    line-height: 54px;
    letter-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 48px;
    margin-bottom:7px;
}
.banner-bg-sect a{
    color:#fff !important;
}
.banner-bg-sect .qodef-breadcrumbs a, .banner-bg-sect .qodef-breadcrumbs span {
   line-height: 20px;
    letter-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 15px;
}
.banner-bg-sect .qodef-breadcrumbs a:hover{
    color:#f73e3e !important;
}
.banner-bg-sect .qodef-breadcrumbs .qodef-breadcrumbs-separator {
    position: relative;
    display: inline-block;
    margin: 0 3px 0 3px;
    font-size:17px;
}
.banner-bg-sect .qodef-breadcrumbs .qodef-breadcrumbs-separator:after {
    /*content: '';*/
    /*display: inline-block;*/
    /*width: 2px;*/
    /*height: 9px;*/
    /*background-color: #fff;*/
  
}

.row-sec-6{
    margin-top:50px;
}
.logo-slider-position{
    position:relative;
    top:-100px;
}
.logo-slider-bg{
    background:#fff;
   box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
   border-radius:5px;
   padding:28px 43px 28px 0;
}
.slick-prev, .slick-next {
  position: absolute;
  top: 135%;
  font-size: 1.8rem;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
        width: 150px;
    opacity: 0.4;
    transition:0.3s;
}
.slick-slide img:hover{
    opacity:1;
}
.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slide {
    transition: filter .4s;
    margin: 0px 40px;
}

.fas {
    color: #96bd0b;
}
.slick-prev {
    left: 0;
}
.slick-prev, .slick-next {
    position: absolute;
    top: 35%;
    font-size: 1.8rem;
}
.small-head-inner{
    opacity: .5;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-style: normal;
    font-size: 13px!important;
    line-height: 1.4em;
    font-weight: 500;
    color: #14133b;
}
.small-head-inner-2{
    opacity: .5;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-style: normal;
    font-size: 13px!important;
    line-height: 1.4em;
    font-weight: 500;
    color: #fff;
}
.small-head-inner-3{
   font-style: normal;
    font-size: 13px!important;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #f29111;
        background: rgba(242, 145, 17, 0.1);
        display:inline-block;
        padding:5px 15px;
        border-radius:20px;
}
.main-head-inner{
    position: relative;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
    margin-left:15px;
}
.main-head-inner-brand{
    position: relative;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
    margin-left:0;
}
.main-head-inner-sub{
    position: relative;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    font-size: 25px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
    margin-left:15px;
}
.main-head-inner-2{
    position: relative;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #fff;
}
.main-head-inner-3{
    position: relative;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
    width:50%;
    margin:0 auto;
    
}
.descri-inner-page p{
        line-height: 30px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
   width: 50%;
    margin:0 auto;
    margin-bottom: 8px;
}
.descri-inner-page2 p{
          line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 16px;
}
.descri-inner-page3 p{
          line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #5b6674;
    font-size: 16px;
    width:55%;
    margin:20px auto;
}
.fh5co-bg-section-what{
    background:#14133b;
}
.fh5co-bg-section-why{
    background:#f4f9fc;
}
.fh5co-bg-section-why-2{
    background:#f4f9fc;
}
.fh5co-bg-section-serv {
    padding-top: 50px !important;
    padding-bottom: 100px !important;
    background-image: url(../images/bg-shapes1.png) !important;
    background-color:#fff;
}
.button-products-inner{
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px;
    vertical-align: middle;
    background: #f29111;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 30px!important;
    min-height: 50px;
    letter-spacing: 1px;
    -webkit-transition: all 300ms linear 0;
    -moz-transition: all 300ms linear 0;
    -o-transition: all 300ms linear 0;
    -ms-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    padding: 10px 30px;
    border:0;
    border-radius:5px;
}
.button-products-inner:hover{
    background:#14133b;
    color:#fff;
}
.button-products-inner-2{
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px;
    vertical-align: middle;
    background: #fff;
    color: #14133b;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 30px!important;
    min-height: 50px;
    letter-spacing: 1px;
    -webkit-transition: all 300ms linear 0;
    -moz-transition: all 300ms linear 0;
    -o-transition: all 300ms linear 0;
    -ms-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    padding: 10px 30px;
    border:0;
    border-radius:5px;
}
.button-products-inner-2:hover{
    background:#f29111;
    color:#fff;
}
.row-sec-5 h4 {
    font-size: 22px!important;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom:0;
}
.row-sec-5 p{
    color: #6a7c92;
    margin: 10px auto;
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 15px!important;
    line-height: 29px;
    text-transform: none;
    letter-spacing: 0;
}
.our-services-bg{
    display:flex;
    align-items:center;
}
.content-sec-bg .icon-box-style5 {
    position: relative;
    overflow: hidden;
    padding: 50px 40px 30px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
    margin-bottom:30px;
     border-bottom:5px solid #fff;
}
.content-sec-bg .icon-box-style5:hover{
    border-bottom:5px solid #f29111;
}
.content-sec-bg .icon-box-style5 svg path{
    stroke: #f29111 !important;
}
.content-sec-bg .icon-box-style5 svg{
    width: 55px;
    height: 55px;
}
.content-sec-bg .icon-box-style5 h3 {
    font-size: 22px!important;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
    letter-spacing: 0;
    margin: 10px auto;
    color: #14133b;
}
.content-sec-bg .icon-box-style5 p {
       color: #6a7c92;
    margin: 10px auto;
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 15px!important;
    line-height: 29px;
    text-transform: none;
    letter-spacing: 0;
    font-family: "Work Sans", Arial, sans-serif;
}
.content-sec-bg .icon-box-style5 .icon-wrap:after {
    content: '';
    position: absolute;
    left: 95px;
    top: 30px;
    width: 25%;
    height: 25%;
    border-radius: 50%;
    opacity: .1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background:#f29111;
}
/*.box-busine-4 {*/
/*    padding: 50px;*/
/*    background-color: #fff;*/
/*    border: 1px solid rgba(0,0,0,0.08);*/
/*    -webkit-border-radius: 5px;*/
/*    -moz-border-radius: 5px;*/
/*    border-radius: 5px;*/
/*    -webkit-transition: all .5s cubic-bezier(0.25,0.8,0.25,1);*/
/*    transition: all .5s cubic-bezier(0.25,0.8,0.25,1);*/
/*}*/
.box-busine-4 h3{
        font-weight: 600!important;
    font-size: 22px!important;
    line-height: 32px;
    color: #14133b;
}
.box-busine-4 p{
    margin: 0;
    font-size: 15px;
    line-height: 29px;
    margin-bottom:13px;
}
.box-busine-4 i{
    color:#14133b;
    font-size:50px;
    margin-bottom:15px;
}
.box-busine-4 img{
   width:18%;
   margin-bottom:15px;
}
.logo-slider-bg-2{
    border-top: 1px solid rgba(0,0,0,0.08);
    margin:70px 15px 0 15px;
padding-top:30px;
}
.content-sec-bg{
    background:#fff;
}
.bottom-bg-sect{
    background:url(../images/bg-section7.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #252b33 !important;
    padding-top:150px;
    padding-bottom:130px;
    margin:0 auto;
    width:100%;
    display:flex;
}
.bottom-bg-sect h1{
    line-height: 42px;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    font-size: 36px;
}
.image-box-style2 .caption {
    position: relative;
    overflow: hidden;
    padding: 50px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .5s cubic-bezier(0.25,0.8,0.25,1);
    transition: all .5s cubic-bezier(0.25,0.8,0.25,1)
}

.image-box-style2 .caption:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19,1,0.22,1);
    transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    z-index: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0),#14133b 70%)
}

.image-box-style2 .thumb-service {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.image-box-style2 .thumb-service:before {
    content: "";
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    visibility: visible;
    opacity: 1;
    height: 100%;
    opacity: .8;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.image-box-style2 .thumb-service .thumb {
    background:url(../images/service5.jpg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: content-box;
    height: 300px;
    background-position: center;
    filter: grayscale(90%);
    
}

.image-box-style2 .title-wrap {
    position: relative;
    clear: both
}

.image-box-style2 .title-wrap h6 {
    margin-bottom: 0
}

.image-box-style2 .title-wrap .button {
    -webkit-transition: all 0 linear 0!important;
    -moz-transition: all 0 linear 0!important;
    -o-transition: all 0 linear 0!important;
    -ms-transition: all 0 linear 0!important;
    transition: all 0 linear 0!important;
    margin-top: 15px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.image-box-style2 .title-wrap .content {
    margin-top: 15px
}

.image-box-style2 .title-wrap .icon-wrap {
    margin-bottom: 15px
}

.image-box-style2:hover .caption {
    background: transparent!important
}

.image-box-style2:hover .caption:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.image-box-style2:hover .caption .title-wrap {
    color: #fff
}

.image-box-style2:hover .caption .title-wrap h6 {
    color: #fff
}

.image-box-style2:hover .caption .title-wrap .button {
    color: #fff
}

.image-box-style2:hover .caption .title-wrap .icon-wrap {
    color: #fff!important
}

.image-box-style2:hover .caption .title-wrap .icon-wrap svg,.image-box-style2:hover .caption .title-wrap .icon-wrap svg path,.image-box-style2:hover .caption .title-wrap .icon-wrap svg rect,.image-box-style2:hover .caption .title-wrap .icon-wrap svg ellipse,.image-box-style2:hover .caption .title-wrap .icon-wrap svg circle,.image-box-style2:hover .caption .title-wrap .icon-wrap svg polygon,.image-box-style2:hover .caption .title-wrap .icon-wrap svg polyline,.image-box-style2:hover .caption .title-wrap .icon-wrap svg line {
    stroke: #fff!important
}

.image-box-style2:hover .caption .thumb-service {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.image-box-style2:hover .caption .thumb-service img {
    filter: grayscale(90%)
}

.bg-dark .image-box-style2 .caption {
    border-color: rgba(255,255,255,0.2)
}
.banner-bg-sect-2{
    /*background-image: url(../images/slider1.jpg);*/
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding:200px 0 230px 0;
}
.banner-bg-sect-2:after{
    content=""
    position:absolute;
    background:rgba(0,0,0,0.5);
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
}

.banner-bg-sect-2 h1{
    line-height: 54px;
    letter-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 48px;
    margin-bottom:7px;
}
.banner-bg-sect-2 a{
    color:#fff !important;
}
.banner-bg-sect-2 .qodef-breadcrumbs a, .banner-bg-sect-2 .qodef-breadcrumbs span {
   line-height: 20px;
    letter-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 15px;
}
.banner-bg-sect-2 .qodef-breadcrumbs a:hover{
    color:#f73e3e !important;
}
.banner-bg-sect-2 .qodef-breadcrumbs .qodef-breadcrumbs-separator {
    position: relative;
    display: inline-block;
    margin: 0 3px 0 3px;
    font-size:17px;
}
.img-size-computer img{
    width:100%;
}
.brands-headings {
    font-size: 25px!important;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: "Work Sans", Arial, sans-serif;
}
.products-title-inner {
    font-size: 20px!important;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
    letter-spacing: 0;
    color: #828282;
    font-family: "Work Sans", Arial, sans-serif;
    margin-top:20px;
}
.products-section-inner .logo-slider-bg-2 {
        margin: 0px 15px 0 15px;
}
.brands-image-computer img{
   
        margin-right: 0px;
    margin-left: 0;
    height: 80px;
}

.tabs-container{
   position: relative;
   background: #f4f9fc;
   width: 300px;
   /*height: 100vh;*/
   float: left;
   z-index: 20;

}
/* tabs names */
.tabs-container label{
   position: relative;
   padding: 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   display: block;
   font-size: 16px;
   color: #14133b;
   cursor: pointer;
   user-select: none;
   text-align:left;
}

/* Hover effect on tabs names */
.tabs-container label:hover{
  background: rgba(0, 0, 0, 0.2);

}
/* Content area for tabs */
.tab-content{
   position: relative;
   width: calc(100% - 300px);
   /*min-height: 100vh;*/
   padding: 0 35px;
   float: left;
   box-sizing: border-box;
   z-index: 19;
   display: none;
   text-align:left;
}

.tab-content:after{
   content: "";
   clear: both;

}
 /* Hide input radio from users */
input[name="tab"]{
  display: none;
}
 /* Show tab when input checked */
input[name="tab"]:checked + .tab-content{
    display: block;
  animation: slide 0.5s forwards;

}
.brand-section-img{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px 0;
    margin-bottom:20px;
}
.brand-section-img img{
    width:150px;
}
.lease-border{
   border-top:1px solid #ccc;
   padding:10px 0;
}

.row-it-acces ul {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    margin-top:50px;
}
.row-it-acces ul li , .row-it-acces ul li ul li{
    list-style-type: none;
    display: block;
    margin-bottom: 6px;
    display:flex;
    padding-bottom:10px;
}

.row-it-acces ul li i {
    background:#f29111;
    width: 20px;
    height: 20px;
    border-radius:50px;
    color:#fff;
    font-size:10px;
    padding:5px;
    margin-right:20px;
}
.row-it-acces ul li ul li i {
    background:#29b2fe;
    width: 20px;
    height: 20px;
    border-radius:50px;
    color:#fff;
    font-size:10px;
    padding:5px;
    margin-right:20px;
}
.row-it-acces ul li h4 ,.row-it-acces ul li ul li h4 {
        font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    color: #14133b;
    margin-bottom:0;
    
}
.row-it-acces ul li p{
    padding-bottom: 5px;
    max-width: 350px;
        line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #5b6674;
    font-size: 16px;
}
.row-it-acces ul li img{
    width:150px;
}
.product-inner-descr p{
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    text-align:justify;
}
.prducts-sect-2-box{
    padding: 50px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius:30px;
}
.prducts-sect-2-box h5 {
    font-weight: 700!important;
    font-size: 22px!important;
    line-height: 32px;
    color: #14133b;
    margin-top:20px;
}
.prducts-sect-2-box p {
    margin-top: 0;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 13px;
}
.prducts-sect-2-box a {
   color: #14133b;
}
.prducts-sect-2-box a:hover {
   color: #F95959;
}
.prducts-sect-2-box img {
    width: 22%;
    margin-bottom: 15px;
}
.product-sec-space{
    margin-top:30px;
}
.main-head-inner-4 {
    position: relative;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 45px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
   margin-bottom:30px;
}
.descri-inner-page4 p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
    width: 80%;
    margin: 20px auto;
}
.descri-inner-blog4 p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
    margin: 20px auto;
    text-align:justify;
}
.main-head-inner-5 {
    position: relative;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 35px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
   width: 80%;
    margin: 0 auto 30px auto;
}
.main-head-blog-5 {
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 35px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
    margin: 0 auto 30px auto;
}
.micro-img{
    width:100%;
}
.descri-inner-page5 p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
    text-align:justify;
}
.prducts-sect-3-box {
    display: flex;
    height: 100%;
    position: relative;
    max-width: 320px;
    margin: 0 auto;
    padding: 2rem;
    flex-direction: column;
    border: 1px solid #C5D6E0;
    border-radius: 2rem;
    height:100%;
}
.col-height-cont {
  display: grid;
  grid-auto-flow: column;
  gap: 2.5%;
}
.col-height-cont .col {
  display: flex;
    height: 100%;
    position: relative;
    /*max-width: 320px;*/
    margin: 0 auto;
    padding: 25px;
    flex-direction: column;
    border: 1px solid #C5D6E0;
    border-radius: 2rem;
    height:100%;
    width:100%;
}
.col-height-cont .col img{
        width: 40%;
    margin: 0 auto 20px auto;
}
.col-height-cont .col h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.col-height-cont .col p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
}
.col-height-cont-3 {
   /*margin: 0 auto;*/
  /*display: grid;*/
 /*grid-auto-flow: column;*/
  /*gap: 2.5%;*/
  /*max-width: 1200px;*/
  margin: 0 auto;
  display: grid;
  gap: 3.5rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.col-height-cont-3 .col {
  display: flex;
    position: relative;
    /*max-width: 350px;*/
    /*width: 260px;*/
    margin: 0 auto;
    padding: 25px;
    flex-direction: column;
    border: 1px solid #C5D6E0;
    border-radius: 2rem;
    height:100%;
    width:100%;
}
.col-height-cont-3 .col img{
        width: 40%;
    margin: 0 auto 20px auto;
}
.col-height-cont-3 .col h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.col-height-cont-3 .col p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
}
.col-height-cont-4 {
  display: grid;
  grid-auto-flow: column;
  gap: 2.5%;
}
.col-height-cont-4 .col {
  display: flex;
    height: 100%;
    position: relative;
    max-width: 350px;
    width: 300px;
    margin: 0 auto;
    padding: 25px;
    flex-direction: column;
    border: 1px solid #C5D6E0;
    border-radius: 2rem;
    height:100%;
}
.col-height-cont-4 .col img{
        /*width: 40%;*/
    margin: 0 auto 20px auto;
}
.col-height-cont-4 .col h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.col-height-cont-4 .col p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
}
.col-height-cont-5 {
  display: grid;
  grid-auto-flow: column;
  gap: 2.5%;
}
.col-height-cont-5 .col {
  display: flex;
    height: 100%;
    position: relative;
    max-width: 350px;
    width: 330px;
    margin: 0 auto;
    padding: 25px;
    flex-direction: column;
    border: 1px solid #C5D6E0;
    border-radius: 2rem;
    height:100%;
}
.col-height-cont-5 .col:last-child {
   border: 0px solid #C5D6E0;
}
.col-height-cont-5 .col img{
        /*width: 40%;*/
    margin: 0 auto 20px auto;
}
.col-height-cont-5 .col h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.col-height-cont-5 .col p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
}
.col-height-cont-6 {
  /*display: grid;*/
  /*grid-auto-flow: column;*/
  /*gap: 2.5%;*/
      margin: 0 auto;
    display: grid;
    gap: 3.5rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.col-height-cont-6 .col {
  display: flex;
    height: 100%;
    position: relative;
    /*max-width: 350px;*/
    /*width: 330px;*/
    margin: 0 auto;
    padding: 25px;
    flex-direction: column;
    border: 1px solid #C5D6E0;
    border-radius: 2rem;
    width:100%;
}
.col-height-cont-6 .col img{
        /*width: 40%;*/
    margin: 0 auto 20px auto;
}
.col-height-cont-6 .col h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.col-height-cont-6 .col p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
}
.accor-faq-sec .accordion{
    border:1px solid #e6e9eb;
    margin-left:100px;
  margin-right:100px;
  border-radius:30px;

    box-shadow: 0 10px 25px -4px rgba(149, 157, 165, 0.2);
}

.accordion-item {
  margin-bottom: 0px;
  
}
.accordion-item label{
    margin-bottom:0;
}
.accordion-header {
  cursor: pointer;
  display: block;
  line-height: 40px;
  font-size: 18px;
  position: relative;
  /*background-color: #ffffff;*/
      color: #14133b;
  padding: 25px 55px 25px 20px;
 border-bottom:1px solid #e6e9eb;
 font-weight:700;
 
}
.accor-faq-sec .accordion .accordion-item:last-child .accordion-header{
    border-bottom:0px solid #dddedf;
}
.accordion-header > span {
  position: absolute;
  border: 1px solid #ff0000;
  border-radius: 50%;
  padding: 12px;
  right: 20px;
  top: 50%;
  height: 25px;
  width: 25px;
  transform: translateY(-50%);
  cursor: pointer;
  background:#fff;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.accordion-header > span::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 14px;
  width: 1px;
  background-color: #ff0000;
  transform: translate(-50%, -50%);
  transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}

.accordion-header > span::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 14px;
  width: 1px;
  background-color: #ff0000;
  transform: translate(-50%, -50%) rotate(90deg);
}

.accordion-open .accordion-header > span::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.accordion-body {
  padding: 20px;
  /*background-color: #fff;*/
  line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
    text-align: justify;
  display: none;
}

.acc-btn {
  margin: 30px 0;
  text-align: center;
}

.acc-btn > a {
  text-decoration: none;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  color: #373737;
  box-shadow: 5px 5px 0px 0 #000000;
  padding: 0 20px;
  margin: 0 10px 10px 10px;
  font-size: 18px;
}
.box-bg-protection{
    background:#0d1d2a;
    padding: 100px 40px 100px 100px;
    border-radius:30px;
    display: flex;
    align-items: center;
}
.c-btn-get-prtct{
  border: none;
  background-color: #ff0000;
  padding: 15px 60px 15px 30px;
  border-radius: 50px;
  color: #fff;
  background-image:url(../images/arrow-white-get.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  display:inline;
  font-weight:600;
  transition: transform 500ms;

}
.c-btn-get-prtct:hover{
   transform: scale(1.5);
color:#fff;
}
.c-btn-get-prtct-2{

  border:2px solid  #ff0000;
  padding: 15px 60px 15px 30px;
  border-radius: 50px;
  color: #ff0000;
  background-image:url(../images/arrow-blue-get.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  display:inline;
  font-weight:600;
  transition:ease 0.3s;
}
.c-btn-get-prtct-2:hover{
    color:#fff;
    background:#ff0000;
}
.c-btn-get-prtct-3{

  padding: 15px 60px 15px 30px;
  border-radius: 50px;
  color: #000;
  background-image:url(../images/arrow-blue-get.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  display:inline;
  font-weight:600;
  text-decoration:underline;
      float: right;
      position:absolute;
      bottom:0px;
      right:0;
}
.c-btn-get-prtct-4{
 border:2px solid  #ff0000ff0000;
  background-color: #ff0000;
    padding: 15px 60px 15px 30px;
  border-radius: 50px;
  color: #fff;
  background-image:url(../images/arrow-white-get.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  display:inline;
  font-weight:600;
  margin-right:20px;
  box-shadow: 0px 8px 32px -16px rgba(0,112,246,0.32), 0px 16px 32px -16px rgba(7,29,43,0.32);
   transition: transform 500ms;
   background-position 800ms 
}
.c-btn-get-prtct-4:hover{
    color:#fff;
transform: scale(1.5)
    background-position: -60px
}
.c-btn-get-prtct-5{

  border:2px solid  #ff0000;
  padding: 15px 60px 15px 30px;
  border-radius: 50px;
  color: #ff0000;
  background-image:url(../images/arrow-blue-get.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  display:inline;
  font-weight:600;
  float:right;
}
.c-btn-get-prtct-6{

  border:1px solid  #345970;
  padding: 15px 30px 15px 60px;
  border-radius: 50px;
  color: #fff;
  background-image:url(../images/footer-image01.jpg);
  background-repeat: no-repeat;
  background-position: left 20px center;
 display: inline-block;
    font-weight: 600;
    margin-top: 40px;
}
.main-head-inner-6 {
    position: relative;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 35px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #fff;
}
.descri-inner-page6 p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 16px;
    text-align: justify;
    margin-bottom:50px;
}
.descri-inner-page6 p a{
    color:#fff;
    text-decoration:underline;
}
.main-head-inner-7 {
    position: relative;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 35px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
}
.main-head-inner-8 {
    position: relative;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #fff;
    margin-top: 70px;
}
.col-height-cont-2 {
    display: grid;
    grid-auto-flow: column;
    gap: 0%;
}
.blog-box-get{
    padding:30px ;
    height:100%;
    position:relative;
    border:1px solid #fff;
    border-radius:30px;
    transition: ease 0.3s;
}
.blog-box-get:hover{
     border:1px solid #ccc;
}
.blog-box-get:hover h3, .blog-box-get:hover .c-btn-get-prtct-3{
    color:#F95959;
    text-decoration:none;
}
.blog-box-get img{
    border-radius:20px;
}
.blog-box-get h3{
           font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 1.3;
}
.blog-box-get p {
    line-height: 25px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 14px;
    margin-bottom:50px;
}
.footer-sec-data{
    background: #0d1d2a;
    padding:0px 0 50px 0;
    display:inline-block;
    width:100%;
}
.footer-link-2 h4 {
    position: relative;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #fff;
}
.footer-link-2 ul{
margin: 0;
    padding: 0;
}
.footer-link-2 ul li{
    font-weight: 400;
    font-style: normal;
    color: #C5D6E0;
    font-size: 14px;
    list-style:none;
    padding-bottom:10px;
}
.footer-link-2 ul li a{
    font-weight: 400;
    font-style: normal;
    color: #C5D6E0;
    font-size: 14px;
}
.footer-link-3 ul{
margin: 0;
    padding: 0;
}
.footer-link-3 ul li{
    font-weight: 400;
    font-style: normal;
    color: #C5D6E0;
    font-size: 14px;
    display: inline-flex;
    padding-right: 15px;
}

.footer-link-3 ul li a{
    font-weight: 400;
    font-style: normal;
    color: #C5D6E0;
    font-size: 14px;
}
.footer-link-3 p{
    font-weight: 400;
    font-style: normal;
    color: #C5D6E0;
    font-size: 14px;
}
.footer-link-3{
    border-top:1px solid #345970;
    margin-top:50px;
    padding-top:50px;
}
.fh5co-social-icons-2 {
      margin: 160px 0 0 0;
  padding: 0;
}
.fh5co-social-icons-2 li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-social-icons-2 li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #c9d5df;
  padding-left: 10px;
  padding-right: 10px;
}
.fh5co-social-icons-2 li a i {
  font-size: 20px;
}
.footer-logo-2{
    width:80%;
}
.footer-link-2 p {
    font-weight: 400;
    font-style: normal;
    color: #C5D6E0;
    font-size: 14px;
}
.footer-link-2 p a {
    font-weight: 400;
    font-style: normal;
    color: #C5D6E0;
    font-size: 14px;
}
.footer-link-2 p a i {
   margin-right:10px;
}
#social-sidebar {
                right: 0;
                position: fixed;
                top: 30%;
                z-index: 9999999;
            }

            #social-sidebar li {
                list-style: none;
                padding: 0 0 10px 0;
            }

            #social-sidebar a {
                color: #fff;
                text-decoration: none;
                display: block;
                height: 50px;
                width: 50px;
                font-size: 24px;
                line-height: 50px;
                position: relative;
                text-align: center;
                cursor: pointer;
                border-radius: 10px;
            }
.row-align-items{
    display:flex;
    align-items:center;
}
.software-box-sec{
    padding:0 40px;
}
.software-box-sec img{
    border-radius:30px;
    margin-bottom:30px;
}
.software-box-sec h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.software-box-sec p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
}
/*.box-border-icons-2-sec{*/
/*    display:flex;*/
/*    flex-direction:row;*/
/*    justify-content:left;*/
/*    margin:0 auto;*/
/*}*/
/*.box-border-icons-2 {*/
/*    display:flex;*/
/*    flex-direction:column;*/
/*    height: 100%;*/
/*    margin: 0 auto;*/
/*    padding: 25px;*/
/*    border: 1px solid #C5D6E0;*/
/*    border-radius: 2rem;*/
/*    height: 100%;*/
/*}*/

.box-border-icons-2-sec {
				display: flex;
				flex-direction: row;
				justify-content: left;
				max-width: 100%;
				margin: auto;
			}
			.box-border-icons-2{
				display: flex;
				flex-direction: column;
				flex: 1 1 300px;
				/*
				If you need to keep good feeling
				about images growings, you'd
				better do:
				flex: 0 1 300px;
				 */
				margin: 1em 1em;
				border: 1px solid #C5D6E0;
				border-radius:30px;
				max-width:350px;
			}
.white-bg-color{
    background:#fff;
}
.main-head-inner-net {
    position: relative;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 35px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
}

.blog-img-h-sec img{
    height:247px;
}
.blog-row-sec-1{
    display:flex;
    align-items:center;
    margin-bottom:20px;
}
.blog-row-sec-1:nth-child(2n) .image-blog-order {
    order:1;
}
.blog-row-sec-1 h2 {
    position: relative;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 25px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #14133b;
    width: 100%;
    margin: 0 auto 10px auto;
}
.space-mob-desk-sec{
    height:100px;
    width:100%;
}
.space-mob-desk-sec-01{
    height:50px;
    width:100%;
}
.mobile-menu-02{
    display:none;
}
@media only screen and (min-width:300px) and (max-width:1000px){

    .menu-hide-desk-01{
    display:none;
}
.fh5co-nav-toggle{
    display:none;
}
.mobile-menu-02{
    display:inline-block;
}


/*---------------------
HAMBURGER MENU
----------------------*/
.hamburger-menu {
  /*position: fixed;*/
  top: 0;
  right: 0;
  /*padding-top: 20px;*/
  padding-left: 15px;
  width: 100%;
  height: 43px;
  cursor: pointer;
  z-index: 999999999999;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}

.bar {
  position: relative;
  transform: translateY(10px);
  background: black;
  transition: all 0ms 300ms;
}

.bar.animate {
  background: rgba(255, 255, 255, 0);
}

.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: black;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: black;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*---------------------
Mobiles Menu 
----------------------*/
/*---------------------
Mobiles Menu - Design 
----------------------*/
.mobile-menu ul {
  margin: 0;
  padding: 0;
  /*display:inherit;*/
  padding-left: 15px;
}

.mobile-menu li {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
      display: block !important;
      color:#fff !important;
      font-size:14px;
       text-transform: capitalize;
}
.mobile-menu li  a{
    color:#fff !important;
}
.mobile-menu li:first-child {
  margin-top: 70px;
}

.mobile-menu li:hover {
  background: #000;
}

.mobile-menu li a {
  text-decoration: none;
  color: black;
  font-size:14px;
   text-transform: capitalize;
}
.mobile-menu li ul li a{
        text-transform: capitalize;
    font-size: 14px;
}
.mobile-menu li ul{
    padding-left:0 ;
}

/*---------------------
Mobiles Menu - Slide IN 
----------------------*/
.mobile-menu {
  top: 0;
  max-width: 300px;
  left: -100%;
  width: 100%;
  background: #000;
  color: black;
  height: 100%;
  position: fixed;
  z-index: 99999;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 205px);
  -moz-transform: translate3d(0, 0, 205px);
  transform: translate3d(0, 0, 205px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.mobile-menu.active {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

/*---------------------
Mobiles Menu - Dropdown Submenu
----------------------*/
.has-children{
    padding-left:20px;
}
.has-children:hover {
  cursor: hand;
  display:inline;
}

.children {
  display: none;
}

.mobile-menu .children li:first-child {
  margin-top: 0px;
}

.mobile-menu-02 .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #fff;
  top: 5px;
  right: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
}

.mobile-menu-02 .icon-arrow:after {
  content: "▼";
}

.mobile-menu-02 .icon-arrow.open {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
}




















}
@media only screen and (max-width:1300px){
    .blog-row-sec-2{
        padding:0 20px;
    }
}
@media only screen and (max-width: 600px) {
    .banner-bg-sect-2 {
            padding: 100px 0 100px 0;
    }
  .col-height-cont-2 {
    display: inline-block;
    padding: 0 15px;
} 
.mob-web-colum  .blog-box-get{
    width:100%;
}
.content-sec-bg .micro-img {
    margin-top:0;
}
.space-mob-desk-sec{
    height:50px;
    width:100%;
}
.space-mob-desk-sec-01{
    height:30px;
    width:100%;
}
}

@media screen and (max-width:1199px){
    .row-sec-4 {
    display:inline;
    padding:10px;
}
.row-sec-4 .col-md-3{
   width:33.3333%;
   padding:10px;
}
.mapouter {
   width: 40% !important;
}
.gmap_canvas {
    width:100% !important;
}
}
@media screen and (max-width:768px){
    .mapouter {
   width: 100% !important;
}
.gmap_canvas {
    width:100% !important;
}
.gmap_iframe {
    width: 100% !important;
}
}
@media screen and (min-width:768px) and (max-width:991px){

.row-sec-4 .col-md-3{
   width:50%;
   padding:10px;
}
}
@media screen and (max-width:767px){
    .micro-img {
        margin-top:70px;
    }
    .row-align-items{
        display:block;
    }
.box-bg-protection {
    display:block;
    padding: 100px 40px 100px 40px;
}
.row-sec-4 .col-sm-6{
   width:100%;
   padding:10px;
}
.row-sec-3{
   display:inline;
}
.prducts-sect-2-box{
   margin-bottom:30px;
}
.product-sec-space{
    margin-top:0px;
}
.descri-inner-page3 p {
    width:80%;
}
.main-head-inner-3 {
    
    width: 80%;

}
.produc-tab-img-mob{
    margin-bottom:30px;
}
.soft-prd-mob-img{
    margin-bottom:50px;
}
}
 .social-side-img-mob {
                    display: none;
                }
 @media (max-width: 540px) {
                .social-side-img-1 {
                    display: none;
                }

                .social-side-img-mob {
                    display: inline-block;
                }

                .ftr-section {
                    padding: 80px 15px 50px 0;
                }

                #social-sidebar {
                    left: 10px;
                    position: fixed;
                    bottom: 0%;
                    z-index: 9999999;
                    top: auto;
                    width: 100%;
                    padding: 0;
                    margin: 0;
                }

                #social-sidebar li {
                    list-style: none;
                    /*padding: 2px 10px;*/
                    text-align: center;
                    /*background: #2b92f2;*/
                }

                #social-sidebar .img-responsive {
                    display: inline;
                }

                /*#social-sidebar li:first-child {*/
                /*    background: #f2b721;*/
                /*}*/

                /*#social-sidebar li:nth-child(2) {*/
                /*    background: #f2b721;*/
                /*}*/
                /*#social-sidebar li:nth-child(3) {*/
                /*    background: #ccc;*/
                /*}*/

                /*#social-sidebar li:last-child {*/
                /*    background: #c40000;*/
                /*}*/
            }
            
            
            
@media screen and (max-width:991px){
    .footer-logo-2 {
    width: 40%;
}
.fh5co-social-icons-2 {
    margin: 50px 0 0 0;
}
.footer-link-2{
    margin-top:20px;
}
.tabs-container {
    width:100%;
}
.tab-content {
    width:100%;
    padding:0;
    margin-top:50px;
}
.col-height-cont {
    display: inherit;
    padding: 30px;
}
.col-height-cont .col {
    margin-bottom:30px;
}
.col-height-cont .col img {
    width: 20%;
}
.accor-faq-sec .accordion {
    margin-left: 15px;
    margin-right: 15px;
}

}
@media screen and (max-width:678px){
   .footer-logo-2 {
    width: 60%;
}
}
@media screen and (max-width:488px){
    .c-btn-get-prtct-4 {
        display:block;
        margin:50px;
    }
    .c-btn-get-prtct-2 {
        display:block;
        margin:50px;
    }
}
@media screen and (max-width:550px){
    .c-btn-get-prtct-5 {
        float:left;
    }
}
@media screen and (min-width:1001px){
    .top-menu-center{
        display:flex;
        align-items:center;
    }
}
@media screen and (min-width:1001px) and (max-width:1199px){
    #fh5co-logo a img{
        width:280px;
    }
}
@media screen and (max-width:1000px){
    .top .container {
    width: 100%;
}
}
.row-column-after:before{
    display:none;
}
@media screen and (max-width:564px){
.col-height-cont-3 .col {
    width:100%;
}
.col-height-cont-3 .col img {
    width: 25%;
}
}
/*.arrow {*/
/*  background: #fff;*/
/*  height: 3px;*/
/*  width: 30px;*/
/*  margin: 0 auto;*/
/*  position: relative;*/
/*  cursor: pointer;*/

/*  &:before,*/
/*  &:after {*/
/*    content: "";*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    height: 3px;*/
/*    width: 15px;*/
/*  }*/

/*  &:before {*/
/*    right: -3px;*/
/*    bottom: -4px;*/
/*    transform: rotate(-45deg);*/
/*  }*/

/*  &:after {*/
/*    right: -3px;*/
/*    top: -4px;*/
/*    transform: rotate(45deg);*/
/*  }*/
/*}*/
/* Slide animation for tab contents */
/*@keyframes slide{*/
/*    from{*/
/*        left: -100%;*/
/*        opacity: 0;*/
/*    }*/
/*    to{*/
/*        left: 0;*/
/*        opacity: 1;*/
/*    }*/

/*}*/
/*.season_tabs {*/
/*  position: relative;   */
 /* This part sucks */
/*  clear: both;*/
/*  margin: 25px 0;*/
/*}*/
/*.season_tab {*/
/*  float: left;  */
/*  clear: both;*/
/*  width: 286px;*/
/*}*/
/*.season_tab label {*/
/*    background: #eee;*/
/*    padding: 10px;*/
/*    border: 1px solid #ccc;*/
/*    margin-left: -1px;*/
/*    font-size: 21px;*/
/*    vertical-align: middle;*/
/*    position: relative;*/
/*    left: 1px;*/
/*    width: 264px;*/
/*    height: 68px;*/
/*    display: table-cell;*/
/*}*/
/*.season_tab [type=radio] {*/
/*  display: none;   */
/*}*/
/*.season_content {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 286px;*/
/*  background: white;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  padding: 20px;*/
  /*border: 1px solid #ccc;*/
/* }*/
/*.season_content span {*/
/*  animation: 0.5s ease-out 0s 1 slideInFromTop; */
/*}*/
/*[type=radio]:checked ~ label {*/
/*  background: white;*/
/*  border-bottom: 2px solid #8bc34a;*/
/*  z-index: 2;*/
/*}*/
/*[type=radio]:checked ~ label ~ .season_content {*/
/*  z-index: 1;*/
/*}*/
/*.particles2 {*/
/*    position: absolute!important;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 2;*/
/*    overflow: hidden*/
/*}*/
/*.particles2 .shape-one {*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 18%;*/
/*    left: 14%;*/
/*    animation: animationFramesTwo 13s infinite linear*/
/*    background:#F95959;*/
/*}*/

/*.particles2 .shape-two {*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 16%;*/
/*    left: 41%;*/
/*    animation: animationFramesOne 15s infinite linear;*/
/*    border-width: 5px;*/
/*    border-style: solid;*/
/*    opacity: .3*/
/*}*/

/*.particles2 .shape-three {*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    position: absolute;*/
/*    bottom: 15%;*/
/*    left: 35%;*/
/*    animation: animationFramesFour 15s infinite linear alternate;*/
/*    border-width: 5px;*/
/*    border-style: solid*/
/*}*/

/*.particles2 .shape-four {*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    bottom: 12%;*/
/*    right: 30%;*/
/*    animation: animationFramesFive 15s infinite linear alternate*/
/*}*/

/*.particles2 .shape-five {*/
/*    width: 3px;*/
/*    height: 20px;*/
/*    position: absolute;*/
/*    top: 15%;*/
/*    right: 20%;*/
/*    animation: animationFramesFour 15s infinite linear alternate*/
/*}*/

/*.particles2 .shape-five:after,.particles2 .shape-five:before {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: calc(50% - 2px);*/
/*    top: 6px;*/
/*    background: inherit;*/
/*    position: absolute;*/
/*    -moz-transform: rotate(90deg);*/
/*    -o-transform: rotate(90deg);*/
/*    -ms-transform: rotate(90deg);*/
/*    -webkit-transform: rotate(90deg);*/
/*    transform: rotate(90deg)*/
/*}*/

/*.particles2 .shape-five:after {*/
/*    left: -6px*/
/*}*/

/*.particles2 .shape-five:before {*/
/*    right: -6px*/
/*}*/

/*.bg-dark .particles2 .shape-one,.white_txt .particles2 .shape-one {*/
/*    background: rgba(255,255,255,0.3)*/
/*}*/

/*.bg-dark .particles2 .shape-two,.white_txt .particles2 .shape-two {*/
/*    border: 5px solid rgba(255,255,255,0.16)*/
/*}*/

/*.bg-dark .particles2 .shape-three,.white_txt .particles2 .shape-three {*/
/*    border: 5px solid rgba(255,255,255,0.4)*/
/*}*/

/*.bg-dark .particles2 .shape-four,.white_txt .particles2 .shape-four {*/
/*    background: rgba(213,238,255,0.29)*/
/*}*/

/*.bg-dark .particles2 .shape-five,.white_txt .particles2 .shape-five {*/
/*    background: rgba(255,255,255,0.3)*/
/
/*@media screen and (max-width:500px){*/
/*    .fh5co-logo img{*/
/*        width:250px !important;*/
/*    } */
/*}*/