/*
Theme Name: Fixkar
Author: Webinane
Author URI: http://themeforest.net/user/webinane
Theme URI: https://themes.webinane.com/wp/fixkar/
Description: Bringing in ultimate aesthetic sense, Fixkar portfolio WordPress theme is something TOTALLY unique and different. It’s a TRULY creative showcase for your creative work. The animations are so genuine and so full of life and artificial intelligence – simply matchless. It’s minimalist and lightning fast. Tick has four homepage layouts, where again each layout takes you to a new horizon of creativity. Everything from featured area and menu to mouse hover, products grid, and social integration appears in a new style. Also, there are seven inner pages and a detail page layout.
Version: 2.0.2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: fixkar
*/
.wp-caption {
  margin-bottom: 2px;
}

.wp-caption-text {
  margin-bottom: 5px;
}

.screen-reader-text {
  margin-bottom: 12px;
}

.gallery-caption {
  margin-bottom: 2px;
}

.bypostauthor {
  margin-bottom: 2px;
}

.alignleft {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  max-width: 100%;
  width: unset !important;
}

.alignright {
  float: right !important;
  margin-bottom: 20px;
  margin-left: 20px;
  max-width: 100%;
  width: unset !important;
}

.aligncenter {
  display: block;
  margin: 0 auto 20px;
}

.col-md-4 .funfact-meta > i {
  right: 27px;
}

.mycustom-pricing {
  background-color: #090909 !important;
}

.on-hover {
  display: none;
  animation: fadeOut 0.5s;
}

.hver:hover .on-hover {
  display: block;
  animation: fadeIn 0.5s;
}
/*
Theme Name: Fixkar
Text Domain: fixkar

*/
.wp-caption {margin-bottom: 2px;}
.wp-caption-text {margin-bottom: 5px;}
.screen-reader-text {margin-bottom: 12px;}
.gallery-caption {margin-bottom: 2px;}
.bypostauthor {margin-bottom: 2px;}
.alignleft {
  float: left;
  margin-bottom: 30px;
  margin-right: 20px;
  max-width:100%;
  width:unset !important;
}
.alignright {
  float: right !important;
  margin-bottom: 30px;
  margin-left: 20px;
  max-width:100%;
  width:unset !important;
}
.aligncenter,
.alignnone {
  display: block;
  margin: 30px auto;
  max-width: 100%;
}
.col-md-4 .funfact-meta > i {right: 27px;}
.mycustom-pricing{background-color: #090909 !important;}

.on-hover {
  display: none;
  -webkit-animation: fadeOut 0.5s;
  -ms-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
}

.hver:hover .on-hover {
  display: block;
  -webkit-animation: fadeIn 0.5s;
  -ms-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}


/*===== Default Styles =====*/
/*=== General Style ===*/
html, body {overflow-x: hidden;}
h1, h2, h3, h4, h5, h6,
*.elementor-widget-heading *.elementor-heading-title {
  font-family: 'Oswald', sans-serif;
  color: #3b3b3b;
  font-weight: 500;
  line-height: 1.2;
}
p {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  line-height: 27px;
  color: #666666;
}
ul li, ol li {font-family: 'Roboto', sans-serif;}
a {color: inherit;}
a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus,
ins {
  text-decoration:none;
  outline:none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
textarea {resize: none;}
img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}
.gap {
  display: inline-block;
  padding: 120px 0;
  position: relative;
  width: 100%;
}
.gap.inner-gap {padding: 80px 0;}
.gap.no-gap {padding: 0;}
.gap.no-top {padding-top: 0px;}
.gap.no-bottom {padding-bottom: 0px;}
.remove-ext-btom {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}
.remove-ext-40 {margin-bottom: -40px;}
.remove-ext {margin-bottom: -50px !important;}
.bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.parallax {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
  background-size: cover !important;
  background-repeat: no-repeat !important;  
}
.blackish:before,
.whitish:before,
.bluesh:before,
.yelowish:before,
.grayesh:before {
  background: #1d1d1d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.grayesh:before {background: #f2f2f2;}
.whitish:before {background: #fff;}
.overlap-100 {margin-top: -100px;}
.overlap-320 {margin-top: -320px;}
.overlap-70 {margin-top: -65px;}
.high-opacity:before {opacity: .95;}
.medium-opacity:before {opacity: .85;}
.low-opacity:before {opacity: .65;}
.merged {margin: 0;}
.merged > div {padding: 0;}
iframe {
  border: 0;
  width: 100%;
  float: left;
  height: 400px;
}
/*=== Header ===*/
header.style4 {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  width: 100%;
  z-index: 999;
  position: relative;
}
.mycustom-pricing {background-color: #090909;}
.timings {
  float: left;
  font-family: roboto;
  padding: 13px 0;
  width: 100%;
}
.timings > i {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.timings > span {
  font-weight: normal;
  width: initial;
  color: #090909;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  margin-left: 10px;
  vertical-align: middle;
}
header.style4 .social-media {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
}
header.style4 .social-media li {
  line-height: 50px;
  margin: 0;
  display: inline-block;
}
header.style4 .social-media li + li {margin-left: 17px;}
header.style4 .social-media li a:hover {color: #fff;}
header.style4 .header-menu-area .navbar {padding: 22px 0;}
header.style4 .header-menu-area .logo {
  max-width: 170px;
  width: 100%;
}
header.style4 .main-menu {
  color: #000;
  text-transform: capitalize;
  letter-spacing: 0.1px;
}
header.style4 .main-menu > ul, 
header.style4 .main-menu > div > ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}
header.style4 .main-menu > ul > li, 
header.style4 .main-menu > div > ul > li {
  position: relative;
  font-family: roboto;
  font-weight: 700;
}
header.style4 .main-menu > ul > li + li, 
header.style4 .main-menu > div > ul > li + li {margin-left: 50px;}
header.style4 .main-menu > ul > li > a, 
header.style4 .main-menu > div > ul > li > a {
  position: relative;
  color: inherit;
}
header.style4 .main-menu > ul > li > a::before, 
header.style4 .main-menu > div > ul > li > a::before {
  bottom: -6px;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  visibility: hidden;
  width: 0;
}
.top-search {margin-left: 50px;}
header.style4 .top-search > a {
  font-size: 16px;
  padding: 0;
  line-height: 35px;
  height: 35px;
  width: 35px;
  background-color: #f9f9f9;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
}
/*=== Search Popup ===*/
.search-wraper {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.search-wraper.active {
  opacity: 1;
  visibility: visible;
}
.close-search {
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 33px;
  position: absolute;
  right: 128px;
  top: 110px;
  width: 40px;
  z-index: 9;
}
.noscroll #search-close {
  opacity: 1;
  visibility: visible;
}
#search-close {
  background-color: #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  color: #fff;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 112px;
  top: 74px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.55s;
  -moz-transition: all 0.55s;
  -ms-transition: all 0.55s;
  -o-transition: all 0.55s;
  transition: all 0.55s;
  visibility: hidden;
  z-index: 99999;
}
#search-overlay.open {
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
#search-overlay {
  position: absolute;
  top: 96px;
  right: 130px;
  z-index: 9999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  background-color: #fff;
}
#search-fullscreen {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
#search-fullscreen {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  -webkit-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
  border: 4px solid;
  z-index: 9999;
}
.search-popup {
  color: #fff;
  left: 50%;
  padding: 0 120px;
  position: absolute;
  text-align: left;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.search-popup > .heading {
  display: inline-block;
  font-size: 35px;
  margin-bottom: 190px;
  position: relative;
  width: 100%;
}
.search-form {
  display: inline-block;
  width: 100%;
}
.search-form form {
  display: inline-block;
  position: relative;
  width: 100%;
}
.search-form form input {
  border-bottom-colors: none;
  border-left-colors: none;
  border-right-colors: none;
  border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #bcbcbc;
  -webkit-border-image: none;
  -moz-border-image: none;
  -ms-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 2px;
  color: #fff;
  font-size: 35px;
  padding: 0 0 20px;
  width: 100%;
}
.search-form form label {
  display: inline-block;
  font-size: 35px;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.search-popup > .heading::before {
  background: #bcbcbc none repeat scroll 0 0;
  bottom: -20px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 64px;
}
.search-form form button {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/*=== Dropdown ===*/
.main-menu ul li:hover > ul, 
.main-menu > div ul li:hover > ul, 
.main-menu > ul li:hover > .mini-menu {
  opacity: 1;
  top: 96%;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}
.main-menu > ul > li ul, 
.main-menu > div > ul > li ul {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f4f4f4;
  -webkit-box-shadow: 5px 9px 29px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 5px 9px 29px 0px rgba(0,0,0,.1);
  -ms-box-shadow: 5px 9px 29px 0px rgba(0,0,0,.1);
  -o-box-shadow: 5px 9px 29px 0px rgba(0,0,0,.1);
  box-shadow: 5px 9px 29px 0px rgba(0,0,0,.1);
  left: 12px;
  line-height: initial;
  list-style: outside none none;
  opacity: 0;
  padding-left: 0;
  position: absolute;
  text-transform: capitalize;
  top: 100%;
  -webkit-transform: scaleY(.5);
  -moz-transform: scaleY(.5);
  -ms-transform: scaleY(.5);
  -o-transform: scaleY(.5);
  transform: scaleY(.5);
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  visibility: hidden;
  width: 207px;
  z-index: 4;
}
.main-menu > ul > li ul li, 
.main-menu > div > ul > li ul li {
  border-bottom: 1px solid #f4f4f4;
  float: left;
  position: relative;
  width: 100%;
}
.main-menu > ul > li ul li a, 
.main-menu > div > ul > li ul li a {
  display: inline-block;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  line-height: normal;
  width: 100%;
  padding: 14px 35px;
}
/*=== Responsive Header ===*/
.responsive-header {
  display: none;
  position: relative !important;
  z-index: 9999 !important;
  background-color: #fff;
}
.header {
  display: inline-block;
  line-height: 60px;
  padding: 15px;
  width: 100%;
}
.header > .res-logo {
  display: inline-block;
  line-height: initial;
  vertical-align: middle;
  width: 65% !important;
}
.btn-area {
  border-left: 1px solid #dddddd;
  cursor: pointer;
  float: right;
  line-height: 60px;
  padding-left: 18px;
  text-align: left !important;
  vertical-align: middle;
  width: 81px !important;
}
.btn-area > em {
  color: #2e2e2e;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  width: 65%;
}
.resp-btn {
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  width: 17px !important;
  height: auto !important;
float: none !important;
padding: 0 !important;
}
.resp-btn > i {
  background: #2e2e2e none repeat scroll 0 0;
  display: inline-block;
  height: 2px;
  width: 100%;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.btn-area:hover span i:nth-child(2) {
  text-align: left;
  width: 8px;
}
/*=== Responsive Header dropdown ===*/
.blue-layer::before {
  background: rgba(18, 18, 30, 0.95) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.close-menu {
  position: absolute !important;
  right: 20px;
  top: 20px !important;
  left: auto !important;
    width: auto !important;
}
.close-menu > em {
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
  font-style: normal;
}
.close-menu > i {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #0e0e0e;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 35px !important;
  line-height: 35px;
  width: 35px !important;
  float: none !important;
  padding: 0 !important;
  text-align: center;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.close-menu > i:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.menu-logo {
  display: inline-block;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 9;
}
.responsive-menu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-style: solid solid solid none;
  border-width: 7px 7px 7px 0;
  bottom: 0;
  height: 100%;
  opacity: 0;
  padding: 78px 48px 30px !important;
  position: fixed !important;
  right: -100% !important;
  text-align: left;
  top: 0 !important;
  visibility: hidden;
  width: 320px !important;
  z-index: 9999;
  background: rgba(18, 18, 30, 0.95) none repeat scroll 0 0 !important;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}
.responsive-menu.slidein {
  opacity: 1;
  right: 0 !important;
  visibility: visible;
}
.close-btn {
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 30px;
}
.responsive-menu ul {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
  margin-top: 40px !important;
}
.responsive-menu ul li {
  color: #fff;
  float: left;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  width: 100%;
}
.responsive-menu ul li a {
  color: inherit;
  float: left;
  padding: 5px 0;
  position: relative;
  text-transform: capitalize;
  width: 100%;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.responsive-menu ul li.menu-item-has-children.active > a {
  font-size: 29px;
  font-weight: 800;
  text-decoration: underline;
}
.responsive-menu ul li.menu-item-has-children > a::before {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  content: "";
  height: 54px;
  left: -145px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 97px;
  -webkit-transition: all 0.25s linear 0s;
  -ms-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}
.responsive-menu ul li.menu-item-has-children.active > a::before {left: -128px;}
.responsive-menu ul li:last-child a {margin-bottom: 0;}
.responsive-menu ul li i {display: none;}
.responsive-menu ul li.menu-item-has-children > i {
  cursor: pointer;
  display: block;
  font-size: 15px;
  position: absolute;
  right: 35px;
  top: 18px;
}
.responsive-menu ul ul {display: none;}
.responsive-menu ul ul li.menu-item-has-children > a {border-bottom: 1px solid #353535;}
.responsive-menu ul ul li a {
  color: #ababab;
  font-size: 15px;
  font-weight: normal;
  margin-left: 0;
  padding: 5px 10px 5px 28px;
  position: relative;
  width: 100%;
}
.responsive-menu ul ul li a::before {
  background: #ababab none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.responsive-menu ul ul ul {padding-left: 40px;}
.responsive-menu ul ul ul li a {
  border-bottom: 0 none;
  padding-left: 20px;
}
.responsive-menu ul ul li.menu-item-has-children > i {top: 10px;}
.responsviemenu-btn {
  color: #333;
  cursor: pointer;
  float: right;
  font-size: 24px;
  line-height: 65px;
  position: relative;
  text-align: center;
  width: 35px;
}
.responsviemenu-btn > i {color: #fff;}
.responsive-menu ul li ul.submenu {
  float: left;
  margin-top: 0;
  padding: 0;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
.responsive-menu .down i {
  color: #cacaca;
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.address {
  border-top: 1px solid #28284a;
  color: #ababab;
  float: left;
  margin-top: 30px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.address-box {
  border-bottom: 1px solid #28284a;
  float: left;
  padding: 10px 0;
  -webkit-transform: translate(30px);
  -ms-transform: translate(30px);
  -o-transform: translate(30px);
  transform: translate(30px);
  -webkit-transition: all 0.2s linear 0.5s;
  -ms-transition: all 0.2s linear 0.5s;
  -o-transition: all 0.2s linear 0.5s;
  transition: all 0.2s linear 0.5s;
  width: 100%;
}
.responsive-menu.slidein .address-box{
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.address-box > i {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.adres-meta {
  display: inline-block;
  padding-left: 15px;
  vertical-align: middle;
  width:calc(100% - 50px);
}
.adres-meta > span {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
}
.address .address-box:nth-last-child(1) {border-bottom: 0 none;}
.get-quot {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  clear: both;
  color: #0e0e0e;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 43px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 156px;
  z-index: 2;
}
.down {
  display: inline-block;
  width: 100%;
}
.get-quot:hover {background: #fff none repeat scroll 0 0;}
.sticky-btn {
  position:fixed;
  right: -100%;
  top:0;
  z-index: 99999;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
  visibility: hidden;
}
.sticky-btn.mobile {
  right:0;
  opacity: 1;
  visibility: visible;
}
.sticky-btn .btn-area {
  -webkit-border-radius: 0 0 0 30px;
  border-radius: 0 0 0 30px;
  height: 50px;
  line-height: 44px;
  width: 109px;
}
.sticky-btn .btn-area > em {
  padding-left: 9px;
  width: 56%;
}
.sticky-btn .btn-area:hover em{color: #fff;}
.sticky-btn .btn-area:hover span i{background: #fff;}
/*=== Main Title ===*/
.main-title {
  display: inline-block;
  width: 100%;
  margin-bottom: 60px;
}
.main-title.margin-less {margin-bottom: 20px !important;}
.main-title > span {
  color: #666666;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  width: 100%;
  margin-top: 12px;
}
.main-title > h1 {
  color: #333333;
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
  margin: 0 auto;
  max-width: 48%;
}
.blackish .main-title > h1 {color: #ffffff;}
.blackish .main-title > span {color: #888b91;}
/*=== Page Title ===*/
.page-top {
  padding: 220px 0 120px;
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.top-meta {
  float: left;
  width: 100%;
}
.top-meta > h2 {
  color: #181818;
  font-size: 50px;
  font-weight: bold;
  margin: 0 auto;
  max-width: 99%;
  position: relative;
  display: inline-block;
  width: auto;
}
.blackish .top-meta > h2 {color: #fff;}
.top-meta > h2 {font-size: 60px;}
.top-meta > h2:before, 
.top-meta > h2:after {display: none;}
ol.breadcrumb {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: inline-block;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
ol.breadcrumb {margin-top: 15px;}
.breadcrumb-item {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #77777c;
}
.blackish .breadcrumb-item {color: #fff;}
.breadcrumb-item + .breadcrumb-item::before {
  padding: 0;
  content: "-";
  color: inherit;
  position: absolute;
  left: 0;
  line-height: inherit;
}
.breadcrumb-item {
  font-weight: 400;
  font-family: roboto;
  position: relative;
  padding: 0 9px;
}
.breadcrumb-item + .breadcrumb-item {padding-left: 20px;}
/*=== Latest News ===*/
.blog-mta span {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-right: 30px;
}
.blg-img,
.blog-grid-img {
  overflow: hidden;
  position: relative;
}
.blg-img figure > a:before,
.blog-grid-img figure > a::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 220%;
  left: 20%;
  opacity: 0;
  position: absolute;
  top: -160%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  -webkit-transition: all .4s linear;
  -ms-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
}
.blog-item:hover .blg-img figure > a:before,
.blog-grid:hover .blog-grid-img figure > a::before {
  left: 100%;
  opacity: 0.5;
  top: 100%;
}
.blg-img figure {margin-bottom: 30px;}
.blog-mta {margin-bottom: 13px;}
.blog-meta {
  float: left;
  margin-top: 0;
  width: 100%;
}
.blog-item h2 {
  font-size: 32px;
  transition: all 0.45s;
  -webkit-transition: all 0.45s;
  -moz-transition: all 0.45s;
  margin-bottom: 18px;
}
.blog-content > p {margin-bottom: 0;}
.blog-mta {margin-bottom: 13px;}
.blog-mta span i {padding-right: 10px;}
.blog-mta span {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-right: 30px;
}
.blog-page .blog-grid {margin-bottom: 50px;}
.blog-grid {
  float: left;
  position: relative;
  width: 100%;
}
.blog-grid figure > a {
  display: inline-block;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.comments-area > span {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  margin-right: 30px;
  color: #999;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  display: inline-block;
}
.comments-area > span i {margin-right: 5px;}
.blog-meta > h4 {
  display: inline-block;
  font-size: 25px;
  margin-bottom: 18px;
  width: 100%;
}
.blog-meta p {margin-bottom: 0;}
/*=== Blog Detail ===*/
.blog-detail-page > figure > span {
  -webkit-border-radius: 30px 0 30px 30px;
  -moz-border-radius: 30px 0 30px 30px;
  -ms-border-radius: 30px 0 30px 30px;
  -o-border-radius: 30px 0 30px 30px;
  border-radius: 30px 0 30px 30px;
  top: 20px;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 84px;
}
.blog-detail-page.tutorial-box {margin-bottom: 0;}
.blog-detail-page > figure {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.blog-detail-page > figure img {
  width: 100%;
  height: auto;
}
.blog-detail-meta .comments-area {margin-bottom: 15px;}
.blog-detail-meta > h2 {
  font-size: 32px;
  margin-bottom: 40px;
}
blockquote {
  background-color: #fbfbfb;
  padding: 60px 50px 60px 80px;
  margin: 50px 0;
  position: relative;
  overflow: hidden;
}
blockquote::before {
  content: "";
  background: url(assets/images/blockquote.png) no-repeat;
  height: 100%;
  width: 100%;
  left: 45px;
  position: absolute;
  top: -12px;
}
blockquote p {
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 0;
  z-index: 2;
  position: relative;
}
.blog-detail-meta ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog-detail-page .blog-detail-meta ul {
   margin-top: 50px;
}
.comments-area > span ul.post-categories {
  display: inline-block;
  vertical-align: middle;
}
.comments-area > span ul.post-categories > li {
  display: inline-block;
  position: relative;
}
.comments-area > span ul.post-categories > li + li:before {
  content: ",";
  color: inherit;
  position: static;
  width: auto;
  display: inline-block;
  margin-left: -3px;
  margin-right: 5px;
  font-family: inherit;
}
.comments-area > span ul.post-categories > li:first-child:before {display: none;}
.blog-detail-meta > ul > li, 
.blog-detail-meta > ol > li, 
#comments ul li, 
#comments ol li {
  color: #656666;
  line-height: 26px;
}
.blog-detail-meta > ul li {
  position: relative;
  padding-left: 30px;
  padding-bottom: 15px;
  display: inline-block;
}
.blog-detail-meta > ul li::before {
  content: "\f05d";
  font-family: 'FontAwesome';
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 20px;
}
.detail-btm-meta {
  display: inline-block;
  width: 100%;
  background-color: #f8f8f8;
  padding: 16px 24px 16px 40px;
  margin-top: 50px;
}
.tags, 
.social-circle {
  display: inline-block;
  vertical-align: middle;
  width: 49.6%;
}
.tags > span {
  color: #303030;
  font-size: 16px;
  margin-right: 15px;
  text-transform: uppercase;
}
.tags > a {
  color: #3b3b3b;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  position: relative;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.tags > a::after {content: ",";}
.tags > a:last-child:after {display: none;}
.social-circle {
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  text-align: right;
}
.social-circle > li {
  display: inline-block;
  margin-right: 4px;
}
.social-circle > li a {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #3b3b3b;
  display: inline-block;
  font-size: 13px;
  line-height: 42px;
  text-align: center;
  width: 42px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.social-circle > li a:hover,
.social-circle > li a:focus {color: #fff;}
.author-box {
  background: #090909 none repeat scroll 0 0;
  display: inline-block;
  margin-top: 70px;
  margin-left: 60px;
  position: relative;
  padding: 55px 40px 55px 130px;
}
.author-box > figure {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  position: absolute;
  left: -60px;
  top: 50%;
  margin-top: -80px;
}
.author-post > h3 {
  color: #ffffff;
  display: inline-block;
  font-size: 23px;
  text-transform: uppercase;
}
.author-post > span {
  display: inline-block;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  margin-left: 15px;
}
.author-post > ul, 
.share-social {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 0;
  margin-left: 65px;
  padding-left: 0;
  vertical-align: middle;
}
.author-post > ul li, 
.share-social li {
  display: inline-block;
  margin-right: 14px;
}
.author-post ul li a,
.share-social li a {
  color: #c8c8c8;
  font-size: 18px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.author-post ul li a,
.share-social li a {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.author-post ul li a i,
.share-social li a i {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.author-post ul li a:hover i{
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.author-post > p {
  color: #dadada;
  margin-bottom: 0;
  margin-top: 15px;
}
.comment-area {
  float: left;
  width: 100%;
  margin-top: 70px;
}
.comments-title, 
.comment-title > h4 {
  float: left;
  font-size: 28px;
  margin-bottom: 40px;
  text-transform: capitalize;
  width: 100%;
  line-height: initial;
}
.comments {
  float: left;
  list-style: outside none none;
  padding-left: 0;
  width: 100%;
  margin-bottom: 0;
}
.comment-box, 
.comments li .comment {
  background: #f3f3f3;
  display: inline-block;
  padding: 25px 30px;
  width: 100%;
}
.commenter-photo {
  display: inline-block;
  vertical-align: middle;
}
.commenter-photo > img {width: auto;}
.avatar {
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  position: relative;
}
.commenter-meta {
  display: inline-block;
  padding-left: 25px;
  position: relative;
  width: 78%;
  vertical-align: middle;
}
.comment-titles {margin-bottom: 13px;}
.comment-titles h6 {
  font-size: 20px;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle;
}
.comment-titles > span {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  margin-left: 15px;
  margin-right: 70px;
  display: inline-block;
  vertical-align: middle;
}
a.reply {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-family: 'Oswald', sans-serif;
  padding: 6px 28px;
  background-color: #090909;
  text-transform: uppercase;
  vertical-align: middle;
}
#comments p {width: 100%;}
.commenter-meta p {
  margin-bottom: 0;
  margin-top: 20px;
}
.comments > li {
  float: left;
  width: 100%;
}
.comments > li ul.children {list-style: none;}
.comments > li + li,
.comments > li ul.children > li {margin-top: 20px;}
.comments > li > ul {
  float: left;
  list-style: outside none none;
  padding-left: 45px;
  width: 100%;
}
#respond {
  float: left;
  margin-bottom: 38px;
  margin-top: 65px;
  width: 100%;
}
#respond .row > p {padding: 0 15px;}
.c-form, 
.wpcf7-form {
  float: left;
  width: 100%;
}
.comment-respond input:not([type="submit"]), 
.comment-respond textarea, 
.comment-respond input.form-control:not([type="submit"]), 
.comment-respond textarea.form-control {
  height: 58px;
  border: none;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  color: #999999;
  padding: 12px 35px;
  background-color: #f3f3f3;
  border: none;
  width: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.comment-respond textarea, 
.comment-respond textarea.form-control {
  height: 170px;
  resize: none;
  overflow: hidden;
}
button.main-btn, 
.comment-respond input[type="submit"], 
.comment-respond button.submit {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 52px;
  text-transform: uppercase;
  border: none;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  cursor: pointer;
}
.comment-respond input[type="submit"]:hover, 
.comment-respond button.submit:hover,
.comment-respond input[type="submit"]:focus, 
.comment-respond button.submit:focus {background-color: #333;}
/*=== Sidebar ===*/
.sidebar .widget {
  background: #f6f7f9;
  margin-bottom: 40px;
  padding: 42px 25px;
  float: left;
  width: 100%;
}
.sidebar .widget-title  h4 {
  color: #3b3b3b;
  font-size: 23px;
  margin-bottom: 0;
  text-transform: capitalize;
  position: relative;
  font-weight: 700;
  width: 100%;
}
.sidebar .widget-title  h4::before {
  background: #d7d7d7 none repeat scroll 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  bottom: -16px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 70px;
}
.sidebar .widget-title  h4::after {
  background: #fff none repeat scroll 0 0;
  bottom: -16px;
  content: "";
  height: 4px;
  left: 50px;
  opacity: 0.9;
  position: absolute;
  width: 6px;
}
.widget_search form {
  display: inline-block;
  position: relative;
  width: 100%;
}
.widget_search form input {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  margin-bottom: 0;
  color: #797c83;
  font-size: 14px;
  padding: 17px 20px 17px 64px;
  width: 100%;
}
.widget_search form button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  left: 20px;
  position: absolute;
  top: 12px;
  font-size: 20px;
  color: #444;
}
.widget.widget_categories > ul {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}
.widget.widget_categories > ul li {
  border-bottom: 1px dashed #e8edf6;
  color: #a0a9ba;
  font-size: 13px;
  font-weight: bold;
  line-height: initial;
  margin-bottom: 17px;
  padding-bottom: 20px;
  padding-left: 30px;
  position: relative;
  text-align: right;
  float: left;
  width: 100%;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  letter-spacing: 2px;
}
.widget.widget_categories > ul li:last-child {
  border-bottom: 0 none;
  margin-bottom: 0;
}
.widget.widget_categories > ul li::before {
  color: #3d434f;
  content: "\f105";
  font-family: fontawesome;
  font-size: 18px;
  font-weight: normal;
  left: 0;
  position: absolute;
  top: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.widget.widget_categories > ul li a {
  color: #3b3b3b;
  float: left;
  font-size: 16px;
  text-align: left;
  font-weight: 500;
  letter-spacing: initial;
}
.social-followers {
  float: left;
  width: 100%;
  margin: -30px 0;
}
.social-box {
  border-right: 1px solid #f3f3f3;
  float: left;
  padding-bottom: 23px;
  padding-top: 33px;
  text-align: center;
  width: 33.3%;
}
.social-box:last-child {border-right: 0 none;}
.instagram2 {position: relative;}
.social-box > i.fa-twitter {color: #6ebbe8;}
.social-box > i.fa-facebook-square {color: #4e6fa7;}
.instagram2::before {
  background: radial-gradient(circle at 30% 107% , #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  content: "";
  height: 30px;
  left: 50%;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 33px;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 30px;
  z-index: 0;
}
.social-box > i {
  color: #fff;
  display: block;
  font-size: 30px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.social-box > span {
  color: #3d434f;
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  width: 100%;
}
.social-box > a {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}
.shared-post {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}
.shared-post > li {
  border-bottom: 1px dashed #d5dae3;
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}
.shared-post > li figure {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  width: 95px;
  overflow: hidden;
}
.shared-post > li .shared-post-meta {
  display: inline-block;
  padding-left: 20px;
  text-align: left;
  vertical-align: middle;
  width: 66%;
}
.shared-post-meta > h4 {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
  line-height: 24px;
}
.comments-area {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.shared-post-meta .comments-area > span {font-size: 14px;}
.shared-post > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sidebar .widget.subscribe .widget-title > h4 {color: #fff;}
.sidebar .widget.subscribe .widget-title > h4::before {background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;}
.subscribe {
  display: inline-block;
  width: 100%;
}
.subscribe > p {color: #fff;}
.newsletter > input:not([type="submit"]) {
  border: medium none;
  color: #999999;
  font-size: 14px;
  padding: 16px 20px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.newsletter > button {
  background: #181818 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin-top: 10px;
  padding: 15px;
  width: 100%;
  font-weight: 500;
  text-transform: uppercase;
  border: 2px solid transparent;
}
.newsletter > button:hover {
  border-color: #3d434f;
  background: none;
  color: #3d434f;
}
.subscribe > span {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.latest-article {
  border-bottom: 1px dashed #e8edf6;
  float: left;
  margin-bottom: 34px;
  padding-bottom: 34px;
  position: relative;
  width: 100%;
}
.artilce-title {
  float: left;
  width: 100%;
}
.artilce-title > span {
  display: inline-block;
  float: none;
  font-size: 35px;
  font-weight: 500;
  line-height: 27px;
  vertical-align: top;
}
.artilce-title > h4 {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 0;
  padding-left: 15px;
  vertical-align: top;
  width: 82%;
}
.latest-article > figure {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
}
.latest-article > figure img {width: 100%;}
.latest-article > p {
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
  width: 100%;
}
.latest-article:last-child {
  border-bottom: 0 none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.top-meta > h2 {display: block; margin-bottom: 20px;}
/*=== Footer ===*/
footer .gap {padding: 80px 0;}
footer {
  background: #0e0e0e none repeat scroll 0 0;
  position: relative;
  width: 100%;
}
footer .widget {margin-bottom: 30px;}
footer .logo {
  color: #fff;
  line-height: initial;
}
footer .widget .logo {line-height: initial;}
footer .widget .logo a {display: inline-block;}
.about {
  display: inline-block;
  width: 100%;
}
.about > p {
  color: #8d8d8d;
  font-size: 15px;
  line-height: 26px;
  margin-top: 25px;
  margin-bottom: 28px;
}
footer .contact-widget li:nth-last-child(1),
.contact-widget li:nth-last-child(2),
footer .userful-links > li:last-child {margin-bottom: 0;}
.socialz {
  list-style: outside none none;
  margin-bottom: 0;
  margin-top: 10px;
  padding-left: 0;
}
.socialz > li {
  color: #fff;
  display: inline-block;
  line-height: 3px;
  margin-right: 15px;
  padding-right: 16px;
  position: relative;
}
.socialz > li a {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.socialz > li::before {
  background: #707070 none repeat scroll 0 0;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}
.socialz > li:last-child:before {display: none;}
.widget-title {
  display: inline-block;
  margin-bottom: 45px;
  width: 100%;
}
footer .widget .widget-title {margin-bottom: 30px;}
footer .widget-title h4 {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  width: 100%;
  position: relative;
}
.widget-title > span {
  color: #8c8c8c;
  display: inline-block;
  font-size: 12px;
  width: 100%;
}
.contact-widget {
  display: inline-block;
  width: 100%;
}
.contact-widget > ul {
  list-style: outside none none;
  padding-left: 0;
}
.contact-widget li {
  float: left;
  margin-bottom: 35px;
  width: 50%;
}
.contact-widget > ul > li > span {
  background: #1a1a1a;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  font-size: 18px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  width: 53px;
  color: #fff;
}
.contact-widget > ul > li:hover > span {
  -webkit-box-shadow: 0px 0px 14px #5a5a5a;
  -moz-box-shadow: 0px 0px 14px #5a5a5a;
  -ms-box-shadow: 0px 0px 14px #5a5a5a;
  -o-box-shadow: 0px 0px 14px #5a5a5a;
  box-shadow: 0px 0px 14px #5a5a5a;
}
.conct-meta {
  display: inline-block;
  padding-left: 22px;
  vertical-align: middle;
  width: 76%;
}
.conct-meta > span {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: capitalize;
  width: 100%;
}
.conct-meta > i {
  color: #8d8d8d;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  line-height: 19px;
  width: 100%;
}
.conct-meta > i a {
  -webkit-text-decoration: underline;
  -moz-text-decoration: underline;
  -ms-text-decoration: underline;
  -o-text-decoration: underline;
  text-decoration: underline;
}
.userful-links {
  display: inline-block;
  list-style: outside none none;
  padding-left: 0;
  width: 100%;
  margin: -5px 0 0;
  float: left;
}
.userful-links > li {
  color: #8d8d8d;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 12px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.userful-links > li::before {
  content: "\f105";
  font-family: fontawesome;
  left: 0;
  position: absolute;
  top: 0;
}
.bottombar {
  background: #060606 none repeat scroll 0 0;
  color: #cbcbcb;
  float: left;
  padding: 30px 0;
  width: 100%;
}
.bottombar span {font-size: 16px;}
.bottombar span, 
.bottombar .nav-links {
  float: left;
  font-size: 14px;
  width: 50%;
}
.nav-links {
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  text-align: right;
}
.nav-links > li {
  display: inline-block;
  margin-left: 26px;
  padding-left: 6px;
  position: relative;
}
.bottombar .nav-links > li a {
  color: #a1a0a0;
  font-weight: 500;
}
.nav-links > li + li::before {
  background: #cbcbcb none repeat scroll 0 0;
  content: "";
  height: 8px;
  left: -12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}
/*=== Pagination ===*/
.pagination {
  display: inline-block;
  float: none;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  margin-top: 25px;
  position: relative;
  justify-content: center;
}
.pagination::before {
  border: 1px dashed #f5f5f5;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
.pagination > li.prev-page-list {float: left;}
.pagination > li.next-page-list {float: right;}
.pagination > li {
  display: inline-block;
  margin: 0 2.5px;
}
.pagination > li a, 
.pagination > li span {
  background: #f4f4f4 none repeat scroll 0 0;
  color: #3d434f;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
  width: 40px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.pagination > li a:hover,
.pagination > li a:focus,
.pagination > li span,
.pagination > li.active a {color: #fff;}



/*===== Handyman Demo =====*/
i,
a,
input,
textarea,
:before,
:after,
img,
span,
.srv-icn,
.owl-item,
.elementor-element-populated {
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.feat-desc p {
  font-size: 30px;
  line-height: 44px;
}
.cosultng-services-img {overflow: hidden;}
.srv-itm:hover .srv-icn {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.gt-qt-shp:before {
  content: "";
  position: absolute;
  left: -0.625rem;
  right: -0.625rem;
  height: 3.125rem;
  bottom: -1.875rem;
  z-index: -1;
  background-color: #fff;
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.gt-qt-shp {
  z-index: 1;
  overflow: hidden;
}
div.gt-qt-frm {margin-bottom: 0;}
div.gt-qt-frm .wpforms-field {
  padding: 0 !important;
  margin-bottom: 0.625rem;
}
div.gt-qt-frm .wpforms-field input[type="text"], 
div.gt-qt-frm .wpforms-field input[type="email"], 
div.gt-qt-frm .wpforms-field input[type="text"] {
  border: 0.125rem solid #e1e1e1;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 0.8125rem;
  color: #999;
  height: 3.4375rem;
  padding: 0.875rem 1.875rem;
}
div.gt-qt-frm .wpforms-submit-container button[type="submit"] {
  border: 0;
  color: #333;
  width: 100%;
  font-size: 1.0625rem;
  padding: 1.078125rem 2.8125rem;
  font-weight: 700;
  background-color: #ffcb01;
}
div.gt-qt-frm .wpforms-submit-container button[type="submit"]:hover, 
div.gt-qt-frm .wpforms-submit-container button[type="submit"]:focus {
  border: 0;
  background-color: #001e4f;
  color: #fff;
}
.sec-title4 {
  position: relative;
  padding-top: 5rem;
  margin-bottom: 2.8125rem;
}
.sec-title4::before {
  left: 0;
  content: "";
  height: 55px;
  width: 0.125rem;
  background-color: #6b615b;
  position: absolute;
  top: 0;
}
.sec-title4.text-center:before {
  left: 50%;
  margin-left: -0.0625rem;
}
.team-box .elementor-image-box-img {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}
.team-box .elementor-image-box-img img {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.3125rem 4.375rem rgba(0,0,0,.14);
  -ms-box-shadow: 0 0.3125rem 4.375rem rgba(0,0,0,.14);
  -o-box-shadow: 0 0.3125rem 4.375rem rgba(0,0,0,.14);
  box-shadow: 0 0.3125rem 4.375rem rgba(0,0,0,.14);
}
.team-box .elementor-image-box-img:before {
  content: "";
  height: 11.25rem;
  width: 12.8125rem;
  position: absolute;
  left: 0.3125rem;
  -webkit-transform: rotate(-130deg);
  -ms-transform: rotate(-130deg);
  -o-transform: rotate(-130deg);
  transform: rotate(-130deg);
  z-index: -1;
  top: 0.625rem;
  background-color: #f4c201;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.team-box:hover .elementor-image-box-img:before {
  left: 3rem;
  top: 0.3125rem;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.stps-wrp .sec-title4 {padding-top: 6.875rem;}
.steps-btn a.elementor-button {width: 100%;}
.footer-social-links a {position: relative;}
.footer-social-links a + a:before {
  content: "";
  position: absolute;
  left: -23px;
  background-color: #fff;
  width: 1px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  opacity: .4;
}
.hdr-srch form.elementor-search-form {position: relative;}
.hdr-srch form.elementor-search-form:before {
  content: "";
  left: -5px;
  height: 1.5625rem;
  width: 0.125rem;
  background-color: #fff;
  top: 50%;
  position: absolute;
  margin-top: -0.79375rem;
  opacity: .3;
}
.footer-wrap p a {color: inherit;}
.footer-wrap p a:hover, 
.footer-wrap p a:focus {
  color: #fff;
  text-decoration: none;
}
* a:hover,
* a:focus {text-decoration: none !important;}










/*===== Service =====*/
div.wpforms-container-full.consultng-form .wpforms-form input,
div.wpforms-container-full.consultng-form .wpforms-form select{
  background-color: #cacaca;
  color: #222222;
  font-family: 'Open Sans', sans-serif;
  height: 58px;
  width: 100%;
  border: none;
  padding: 12px 35px;
}
div.wpforms-container-full.consultng-form .wpforms-form .wpforms-field {padding: 8px 0;}
.wpforms-field-select::before {
  content: "";
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #777777;
  position: absolute;
  right: 33px;
  top: 17px;
  pointer-events: none;
}
.wpforms-field-select {position: relative;}
div.wpforms-container-full.consultng-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
div.wpforms-container-full.consultng-form .wpforms-submit.theme-btn-consultng {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  padding: 1rem 2.8125rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-transform: capitalize;
  border: none;
  width: 100%;
}
div.wpforms-container-full.consultng-form {margin-bottom: 0;}
div.wpforms-container-full.consultng-form .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full.consultng-form .wpforms-form select.wpforms-field-medium {max-width: 100%;}
div.wpforms-container-full.consultng-form .wpforms-form input::-webkit-input-placeholder {
  color: #222222;
  opacity: 1;
}
div.wpforms-container-full.consultng-form .wpforms-form input:-ms-input-placeholder {
  color: #222222;
  opacity: 1;
}
div.wpforms-container-full.consultng-form .wpforms-form input::placeholder {
 color: #222222;
 opacity: 1;
}
div.wpforms-container-full.consultng-form .wpforms-form button[type="submit"]:hover {
  background-color: #2a2a2a;
  border: none;
}
.theme-btn-consultng a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  padding: 1rem 2.8125rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-transform: capitalize;
}
.theme-btn-consultng a:hover, 
.theme-btn-consultng a:focus {color: #fff;}
.theme-btn-consultng a > span {
  z-index: 2;
  position: relative;
}
.theme-btn-consultng a.elementor-button::after {
  background: #2a2a2a;
  content: '';
  position: absolute;
  height: 100%;
  left: -45%;
  top: 0;
  -webkit-transform: skew(50deg);
  -ms-transform: skew(50deg);
  -o-transform: skew(50deg);
  transform: skew(50deg);
  -webkit-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  width: 0;
}
.theme-btn-consultng a.elementor-button:hover:after {
  height: 100%;
  width: 145%;
}
.consultng-box {
  position: relative;
  overflow: hidden;
}
.consultng-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  right: 25px;
  bottom: 100%;
}
.consultng-box:hover::before {
  top: 0;
  left: 25px;
  bottom: 0;
}
.consultng-box::before {background-color: #ff3c65;}
.consultng-box:hover h3, 
.consultng-box:hover i {color: #fff !important;}
.consultng-box:hover svg {fill: #fff !important;}
.consultng-box:hover p {color: #f3f3f3 !important;}
.consultng-box:hover span {color: #fd6b8a !important;}

/*===== Contact Form =====*/
div.wpforms-container-full.c-form .wpforms-form input:not([type="submit"]),
div.wpforms-container-full.c-form .wpforms-form textarea {
  height: 58px;
  border: none;
  font-size: 14px;
  color: #999999;
  padding: 12px 35px;
  background-color: #f3f3f3;
  border: none;
  width: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
}
div.wpforms-container-full.c-form .wpforms-form textarea {height: 170px;}
div.wpforms-container-full.c-form .wpforms-form .wpforms-field {padding: 10px 0;}
div.wpforms-container-full.c-form .wpforms-submit.submit { 
  color: #fff;
  padding: 1rem 2.8125rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-transform: capitalize;
  border: none;
}
div.wpforms-container-full.c-form {margin-bottom: 0;}
div.wpforms-container-full.c-form .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full.c-form .wpforms-form select.wpforms-field-medium {max-width: 100%;}
div.wpforms-container-full.c-form .wpforms-form input::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}
div.wpforms-container-full.c-form .wpforms-form input:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
div.wpforms-container-full.cc-form .wpforms-form input::placeholder {
 color: #999999;
 opacity: 1;
}
div.wpforms-container-full.c-form .wpforms-form button[type="submit"]:hover {
  background-color: #2a2a2a;
  border: none;
}




/*=== Service Consulting ===*/
.cnslt-srv-wrp .owl-item .elementor-column-wrap.elementor-element-populated:hover {border-color: #ff3c65;}
.cnslt-srv-wrp .owl-item:hover {
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 30px rgba(0,0,0,.1);
  -o-box-shadow: 0 0 30px rgba(0,0,0,.1);
  box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.cnslt-srv-wrp .owl-item {margin: 30px 0;}
.ml-chp-frm .elementor-field-type-submit {
  width: auto !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  position: absolute;
  right: 0;
  z-index: 1;
}
.ml-chp-frm .elementor-field-type-submit button.elementor-button {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.ml-chp-frm .elementor-field-type-submit button.elementor-button:hover, 
.ml-chp-frm .elementor-field-type-submit button.elementor-button:focus {color: #fff;}






/*=== Main Demo ===*/
.contact-page3 .wpforms-field input[type="text"],
.contact-page3 .wpforms-field input[type="email"], 
.contact-page3 .wpforms-field input[type="text"]
.contact-page3 .wpforms-field textarea {
  padding: 25px 35px;
  background-color: #f3f3f3;
  font-size: 14px;
  border: none;
}
.contact-page3 .wpforms-field {padding: 10px 0 0 0 !important;}
.contact-page3 .wpforms-form button[type="submit"] {
  background-color: #f58a46 !important;
  border: none !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 16px 34px !important;
  width: 100% !important;
  font-family: 'Roboto', sans-serif;
  font-weight: bold !important;
  text-transform: uppercase;
}
.contact-page3 .wpforms-form button[type="submit"]:hover {
  background-color: #3b3b3b !important;
  color: white !important;
}
.img-tt span {
  margin-bottom: 10px !important;
  display: inline-block;
}
/*=== Projects ===*/
#options {
  display: inline-block;
  width: 100%;
}
.option-isotop {
  display: inline-block;
  position: relative;
  width: 100%;
}
.option-set.default {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 45px;
  padding-left: 0;
  text-align: center;
  width: 100%;
}
.default > li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 20px;
  position: relative;
}
.default > li::after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  height: 2px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7px;
}
.default > li:last-child::after {display: none;}
.default > li a.selected, 
.default > li a:hover{
  background: #f9f9f9;
  color: #1b1b1b;
}
.default > li a {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  font-size: 15px;
  padding: 5px 16px;
  text-transform: capitalize;
  font-weight: 500;
  color: #666666;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.default > li:last-child {margin-right: 0;}
.masonry,
.projectz {
  float: left;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}
.projectz .project-box {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.projectz.merg .project-box {
  float: left;
  visibility: visible;
  width: 25%;
}
.projectz .project-box img{
  -webkit-transition: all 0.9s linear 0s;
  -ms-transition: all 0.9s linear 0s;
  -o-transition: all 0.9s linear 0s;
  transition: all 0.9s linear 0s;
}
.projectz .project-box:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.projectz .project-box a {display: inline-block;}
.projectz .project-box .hover-meta > a img {
  -webkit-filter: contrast(0);
  -ms-filter: contrast(0);
  -o-filter: contrast(0);
  filter: contrast(0);
}
.projectz .project-box .hover-meta > a {
  height: 27px;
  width: 27px;
}
.hover-meta > h2 a:hover,
.hover-meta > h2 a:focus {
  color: #fff;
  opacity: .95;
}
.hover-meta {
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  visibility: hidden;
  width: 90%;
  line-height: initial;
  z-index: 2;
}
.hover-meta > a {
  margin-bottom: 25px;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.hover-meta > a:hover {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hover-meta .tags {
  color: #9d9d9d;
  font-size: 14px;
  letter-spacing: 0.1px;
  margin-bottom: 8px;
  width: 100%;
}
.hover-meta > h2 {
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  width: 100%;
  max-width: 90%;
}
.hover-meta .tags > a {color: #9d9d9d;}
.hover-meta .tags > a:hover{color: #fff;}
.projectz .project-box > a.html5lightbox {
  color: #fff;
  display: inline-block;
  font-size: 30px;
  opacity: 0;
  position: absolute;
  right: -60px;
  top: 30px;
  -webkit-transition: all 0.2s linear 0.2s;
  -moz-transition: all 0.2s linear 0.2s;
  -ms-transition: all 0.2s linear 0.2s;
  -o-transition: all 0.2s linear 0.2s;
  transition: all 0.2s linear 0.2s;
  visibility: hidden;
  z-index: 9;
  line-height: initial;
}
.projectz .project-box:hover > a.html5lightbox {
  left: 50%;
  opacity: 1;
  text-align: center;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  visibility: visible;
}
.projectz .project-box::before {
  background: #1f1d1b none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.projectz .project-box:hover::before {
  opacity: 0.9;
  visibility: visible;
}
.projectz .project-box:hover .hover-meta {
  left: 50%;
  opacity: 1;
  visibility: visible;
}
.projectz.grid .project-box {width: 100%;}
.projectz.grid .project-box {margin-bottom: 30px;}


.nav.nav-tabs.verticl {
  border-bottom: 0 none;
  display: inline-block;
  position: relative;
  width: 190px;
}
.nav-tabs.verticl .nav-item {
  border: 1px solid #ededed;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.verticl .nav-item a {
  color: #c0c0c0;
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  padding: 22px 10px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.verticl .nav-item a.active, 
.verticl .nav-item a.active > i {color: #262626;}
.verticl .nav-item a.active::before {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.verticl .nav-item a::before {
  content: "";
  height: 40%;
  opacity: 0;
  position: absolute;
  right: -4px;
  top: 0;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  visibility: hidden;
  width: 7px;
}
.verticl .nav-item a::before {background: #f58a46;}
.why-fixkar .tab-content {
  display: inline-block;
  padding-left: 50px;
  vertical-align: top;
  width: calc(100% - 200px);
}
.verticl .nav-item a img {
  width: 35px;
  height: 35px;
  display: block;
  margin: 0 auto;
  margin-bottom: 12px;
}
.why-fixkar {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  padding: 60px 50px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.05);
}

.option-set.project-btn {
  display: inline-block;
  list-style: outside none none;
  padding-left: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 43px;
}
.project-btn > li {
  color: #dadada;
  display: inline-block;
  font-size: 20px;
  margin-right: 40px;
  text-transform: capitalize;
}
.project-btn > li a.selected {color: #f58a46;}
.project {
  float: left;
  margin: 0 9px 18px 9px;
  width: 23.55%;
  position: relative;
}
.simple-projct .project{
  float: none;
  margin: 0;
  width: auto;
}
.masonry.row.simple-projct.remove-ext18 {
  float: none;
  width: auto;
  padding: 0;
}
.masonry.remove-ext18 {
  margin-bottom: -10px;
  float: left;
  width: 100%;
  padding: 0 18px;
}
.project > figure {
  float: left;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
.project > figure::before {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  z-index: 0;
}
.project > figure img {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
}
.projects1-hover {
  color: #2f2933;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  visibility: hidden;
  width: 90%;
  z-index: 2;
}
.projects1-hover > a.html5lightbox, 
.projects1-hover > a.proj-link {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: -3px -2px 0 transparent;
  -ms-box-shadow: -3px -2px 0 transparent;
  -o-box-shadow: -3px -2px 0 transparent;
  box-shadow: -3px -2px 0 transparent;
  color: #938d97;
  font-size: 19px;
  height: 43px;
  line-height: 39px;
  margin: 0 5px;
  width: 43px;
}
.projects1-hover > a {
  display: inline-block;
  font-size: 25px;
  font-weight: 500;
  margin-top: 10px;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 100%;
  font-family: oswald;
}
.projects1-hover > a {margin-bottom: 9px;}
.project:hover > figure::before {
  opacity: 0.9;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.project:hover .projects1-hover {
  opacity: 1;
  visibility: visible;
}
.single .fa {font-family: fontawesome;}

.home1-code div.elementor-element div.elementor-widget-container h5.elementor-heading-title {font-family: "Roboto", Sans-serif;}
.home1-code .elementor-counter-number {
  color: #7a7a7a;
  font-family: "Roboto", Sans-serif;
}
.home1-code .elementor-counter .elementor-counter-title {
  color: #3b3b3b;
  font-family: "Oswald", Sans-serif;
  font-size: 20px;
  text-align: left;
  padding-right: 50%;
  line-height: 22px;
  padding-top: 17px;
  font-weight: 500;
  padding-bottom: 10px;
}
.home1-code div.elementor-counter .elementor-counter-number-prefix {display: none !important;}
.carousalll .eicon-chevron-left::before {display: none;}
.carousalll .eicon-chevron-left {
  content: "";
  background-image: url(https://themes.webinane.com/wp/fixkar1/main/wp-content/uploads/sites/5/2019/08/left-arrow.png);
  background-repeat: no-repeat;
  width: 28px !important;
  height: 50px !important;
  background-position: center;
  background-size: cover;
}
.carousalll .eicon-chevron-right::before {display: none;}
.carousalll .eicon-chevron-right {
  content: "";
  background-image: url(https://themes.webinane.com/wp/fixkar1/main/wp-content/uploads/sites/5/2019/08/right-arrow.png);
  background-repeat: no-repeat;
  width: 28px !important;
  height: 50px !important;
  background-position: center;
  background-size: cover;
}
.carousalll .elementor-testimonial__image img {
  width: 70px !important;
  height: 70px !important;
}
.carousalll .elementor-widget-testimonial-carousel .swiper-slide {padding: 20px 150px 10px 150px;}
.carousalll .elementor-swiper-button {top: 60%;}

.contact-code div.wpforms-container-full.c-form-fixkr .wpforms-submit.submit {
  background-color: #1c1c1c;
  margin-top: -127px;
  padding: 17px 40px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  border: 0;
}
.contact-code div.wpforms-container-full.c-form-fixkr .wpforms-submit.submit:hover {background-color: #3b3b3b;}
.contact-code div.wpforms-container-full.c-form-fixkr .wpforms-submit-container {
  width: 25%;
  left: 52%;
}
.contact-code div.wpforms-container-full.c-form-fixkr .fixkr-fields2 {width: 48%;}
.contact-code div.wpforms-container-full.c-form-fixkr .wpforms-field input {
  padding: 29px 35px;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  color: #999;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}
.port-cat a {margin-left: 5px;}
.video.box {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 999;
}
.video.box-wraper {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
.close-wrapper {
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  right: 200px;
  top: 50px;
  z-index: 9;
}
.video.box-wraper.active {
  opacity: 1;
  visibility: visible;
}
.arrow-bg .slick-prev.slick-arrow:hover,
.arrow-bg .slick-next.slick-arrow:hover {
  background-color: #f58a46;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.arrow-bg .slick-prev.slick-arrow,
.arrow-bg .slick-next.slick-arrow {
  width: 50px;
  height: 50px;
}
.arrow-bg .slick-next.slick-arrow {right: -50px;}
.arrow-bg .slick-prev.slick-arrow {left: -50px;}
.table-code .table-inner-1 .elementor-icon-list-item {
  padding: 13px 60px;
  margin: 0 !important;
}
.table-code .table-inner-2 .elementor-icon-list-item {
  padding: 13px 70px;
  margin: 0 !important;
}
.table-code .elementor-icon-list-item:nth-child(2n+1) {background-color: #eef2f5;}
.table-code .table-inner-2 .elementor-icon-list-item:nth-child(2n+1) {border-left: 1px solid #eae9e9;}
.list-code-1 .elementor-icon-list-item::before {
  content: "\f05d";
  font-family: 'FontAwesome';
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  font-size: 20px;
  color: #f58a46;
  font-weight: 500;
}
.list-code-1 .elementor-icon-list-item {padding-left: 16px !important;}
.list-code-1 .elementor-icon-list-item .elementor-icon-list-text::before {
  content: ":";
  position: absolute;
  right: 0;
}
.sidebar .widget_elementor-library.widget {
  padding: 0;
  background: transparent;
  margin: 0;
}
.sidebar .widget_elementor-library.widget .elementor-column-wrap.elementor-element-populated {padding: 0;}
.space .masonry.merg.projectz li > img {min-width: 100%;}
header nav .sub-menu {min-width: 220px !important;}
.arrows .slick-prev.slick-arrow:hover {
  background-color: #fff;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: 58px;
}
.arrows .slick-prev.slick-arrow,
.arrows .slick-next.slick-arrow {
  width: 50px;
  height: 50px;
}
.arrows .slick-next.slick-arrow:hover {
  background-color: #fff;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
}
.arrows .slick-next.slick-arrow{right: -50px;}
.arrows .slick-prev.slick-arrow{left: -50px;}
.page-top .parallax {background-attachment: scroll !important;}
a.main-btn, 
button.main-btn {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 52px;
  text-transform: uppercase;
  border: none;
}
.comments-area span i {
  color: #f58a46;
  padding-right: 5px;
}
.blog-meta p + a {margin-top: 35px;}
/*==== wave-svg-box =====*/
.wave-svg-box {
  width: 100%;
  z-index: 1; }
  .wave-svg-box .wave {
    animation: wave 9s linear;
    animation-iteration-count: infinite;
    fill: #FCFCFC; }
  .wave-svg-box #wave2 {
    animation-duration: 6s;
    animation-direction: reverse;
    opacity: .6; }
  .wave-svg-box #wave3 {
    animation-duration: 8s;
    opacity: .3; }
  .wave-svg-box .gooeff {
    filter: url(#goo); }
    .wave-svg-box .gooeff .drop {
      fill: #FCFCFC;
      xfill: #99000055;
      animation: drop 8.3s linear infinite normal;
      stroke: var(#FCFCFC);
      transform: translateY(25px);
      transform-box: fill-box;
      transform-origin: 50% 100%; }
    .wave-svg-box .gooeff .drop2 {
      animation-delay: 3s;
      animation-duration: 5s; }
    .wave-svg-box .gooeff .drop3 {
      animation-delay: -3s;
      animation-duration: 4.4s; }
    .wave-svg-box .gooeff .drop4 {
      animation-delay: 2.7s; }
    .wave-svg-box .gooeff .drop5 {
      animation-delay: 3.7s;
      animation-duration: 4.1s; }
    .wave-svg-box .gooeff .drop6 {
      animation-delay: -2.1s;
      animation-duration: 5.2s; }

@keyframes wave {
  to {
    transform: translateX(-100%); } }
.bsn-feat-lyr svg.wave-svg-box {
  position: absolute;
  top: -250px;
  left: 0;
  right: 0;
}
/*=== 404 Page ===*/
.error-page {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.error-page h1 {
  font-size: 156px;
  letter-spacing: -9px;
}
.error-page > span {
  color: #3b3b3b;
  font-size: 45px;
  font-weight: 500;
}
.error-page > p {
  color: #666766;
  margin: 28px auto 0 auto;
  max-width: 65%;
}
.error-page > form {
  display: block;
  margin: 30px auto;
  max-width: 60%;
}
.error-page > form input {
  background: #fafafa none repeat scroll 0 0;
  border: medium none;
  color: #a7a7a7;
  font-size: 14px;
  padding: 20px 40px;
  width: 80%;
}
.error-page > form button {
  border: medium none;
  color: #fff;
  height: 60px;
  margin-left: -60px;
  width: 60px;
} 
.elementor-widget-webinane_nav_menu_elementor_widget ul ul ul {
    top: 0;
    left: 100%;
}


/*===== Responsive Style =====*/
/*=== 1601 ===*/
@media (max-width: 1601px) {
.project {width: 23.2%;}

}

/*=== 1450 ===*/
@media (max-width: 1450px) {
.project {width: 23%;}

}

/*=== 1370 ===*/
@media (max-width: 1370px) {
.contact-info .elementor-column-wrap {padding: 120px 60px 110px !important;}
.project {width: 22.9%;}
.gogle-map iframe {
  height: 675px !important;
}

}

/*=== 1290 ===*/
@media (max-width: 1290px) {
.contact-info .elementor-column-wrap {padding: 100px 55px !important;}
.project {width: 22.8%;}

}

/*=== 1210 ===*/
@media (max-width: 1210px) {
.contact-info .elementor-column-wrap {padding: 88px 55px !important;}
.srv-cnslt-mp-wrp p.elementor-icon-box-description {font-size: 30px !important;}
.project {width: 22.7%;}

}

/*=== 1030 ===*/
@media (max-width: 1030px) {
header,
.header-topbar {display: none !important;}
.responsive-header {display: block !important;}
.team-box:hover .elementor-image-box-img:before {left: 30px;}
.team-box .elementor-image-box-img:before {left: -10px;}
.srv-gt-qt-wrp .elementor-column-wrap.elementor-element-populated {padding-right: 10px !important;}
.pckg-pln-box h3.elementor-heading-title {font-size: 5rem !important;}
.pckg-pln-box .elementor-column-wrap.elementor-element-populated {padding: 50px 40px 40px !important;}
.pckg-plan-icon {right: -40px !important;top: -48px !important;}
.pckg-pln-box h2.elementor-heading-title {font-size: 7rem !important;}
.pg-top-wrp .elementor-container {min-height: 400px !important;}
.pg-top-wrp .elementor-container .elementor-widget-container {margin-top: 0 !important;}
.bsns-feat-wrp p {max-width: 70%;display: inline-block;}
.srv-cnslt-mp-wrp p.elementor-icon-box-description {font-size: 25px !important;}
.page-top {padding-top: 120px;}
.shared-post > li figure {width: 75px;}
.shared-post > li .shared-post-meta {width: 69%;}
.project {width: 22.3%;}
.carousalll .elementor-widget-testimonial-carousel .swiper-slide {padding: 20px 50px 10px;}
.why-fixkar .tab-content {padding-left: 20px;}
.bsn-feat-lyr svg.wave-svg-box {top: -200px;}
.elementor-144 .contact-info-wrapr .elementor-element.elementor-element-ea09afa,
.elementor-144 .contact-info-wrapr .elementor-element.elementor-element-3b86b1e,
.elementor-144 .contact-info-wrapr .elementor-element.elementor-element-8135c8c {width: 8%;}

}

/*=== 770 ===*/
@media (max-width: 770px) {
.elementor-2 .elementor-element.elementor-element-81a428b {max-width: 100%;}
.nav.nav-tabs.verticl {width: 100%; display: block; text-align: center;}
.nav-tabs.verticl .nav-item {width: auto;}
.why-fixkar .tab-content {padding-left: 0; width: 100%;}
.team-wrap .elementor-column.elementor-col-25, 
.team-wrap .elementor-column[data-col="25"] {width: 50% !important;}
.srv-gt-qt-wrp .elementor-column.elementor-col-50 {width: 100% !important;}
.srv-gt-qt-wrp .elementor-column.elementor-col-50 + .elementor-col-50 .elementor-column-wrap {margin-top: 20px;}
.gt-qt-shp:before {
  height: 80px;
  bottom: -50px;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.team-box .elementor-image-box-img:before {left: 50px;}
.team-box:hover .elementor-image-box-img:before {left: 100px;}
.stps-wrp .elementor-element.elementor-col-33, 
.stps-wrp .elementor-element.elementor-col-66 {
  width: 100% !important;
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
.pric-tbl-wrp .pckg-pln-bx,
.bsn-srv-wrp .elementor-column.elementor-col-33, 
.bsn-srv-wrp .elementor-column[data-col="33"],
.bsns-srv-wrp2 .elementor-column.elementor-col-33, 
.bsns-srv-wrp2 .elementor-column[data-col="33"] {width: 50% !important;}
.pric-tbl-wrp .pckg-pln-bx .elementor-column-wrap {margin: 0 0 0 !important;}
.contact-info .elementor-column-wrap {padding: 88px 50px !important;}
.srv-desc-wrap > div > div > .elementor-column.elementor-col-50, 
.srv-desc-wrap > div > div > .elementor-column[data-col="50"],
.facts-wrap > div > div > .elementor-column.elementor-col-50, 
.facts-wrap > div > div > .elementor-column[data-col="50"] {width: 100%;}
.srv-desc-wrap > div > div > .elementor-column.elementor-col-50 + .elementor-column.elementor-col-50, 
.srv-desc-wrap > div > div > .elementor-column[data-col="50"] + .elementor-column[data-col="50"],
.facts-wrap > div > div > .elementor-column.elementor-col-50 + .elementor-column.elementor-col-50, 
.facts-wrap > div > div > .elementor-column[data-col="50"] + .elementor-column[data-col="50"] {margin-top: 50px;}
.srv-wrap .webinane-fixkar > div > div,
.blg-wrp .webinane-fixkar > div > div {width: 50%;}
.srv-cnt-wrp .elementor-widget-wrap > div + div {width: 100% !important;max-width: 70% !important;}
.srv-abt .elementor-column.elementor-col-50, 
.srv-abt .elementor-column[data-col="50"],
.srv-cnslt-abt .elementor-column.elementor-col-50, 
.srv-cnslt-abt .elementor-column[data-col="50"],
.srv-cnslt-mp-wrp .elementor-column.elementor-col-50,
.srv-cnslt-mp-wrp .elementor-column[data-col="50"] {width: 100% !important;}
.srv-abt .elementor-column.elementor-col-50 + .elementor-column.elementor-col-50, 
.srv-abt .elementor-column[data-col="50"] + .elementor-column[data-col="50"] {margin-top: 50px;margin-bottom: 50px;}
.srv-tgls-wrp .elementor-column.elementor-col-50:first-child, 
.srv-tgls-wrp .elementor-column[data-col="50"]:first-child,
.bsn-qt-frm-wrp .elementor-column.elementor-col-50:first-child, 
.bsn-qt-frm-wrp .elementor-column[data-col="50"]:first-child {display: none !important;}
.srv-tgls-wrp .elementor-column.elementor-col-50:last-child, 
.srv-tgls-wrp .elementor-column[data-col="50"]:last-child,
.bsn-qt-frm-wrp .elementor-column.elementor-col-50:last-child, 
.bsn-qt-frm-wrp .elementor-column[data-col="50"]:last-child,
.fx-gt-tch-exprt > div > div > .elementor-column[data-col="50"],
.fx-gt-tch-exprt > div > div > .elementor-column.elementor-col-50,
.fx-frm-abt .elementor-column.elementor-col-50, 
.fx-frm-abt .elementor-column[data-col="50"] {width: 100% !important;}
.bsns-feat-wrp p {max-width: 80%;}
.srv-cnslt-feat h2.elementor-heading-title {font-size: 58px !important;}
.srv-cnslt-feat .elementor-element + .elementor-element > div {padding: 0 15px !important;}
.cnslt-srv-wrp .elementor-row > div:first-child .elementor-column-wrap.elementor-element-populated {padding: 0 50px !important;}
.cnslt-srv-wrp .elementor-row > div:last-child .elementor-widget-container {margin-left: 0;}
.cnslt-srv-wrp .elementor-row > div:last-child .elementor-widget-wrap > div:first-child .elementor-widget-container {padding-left: 0;}
.project {width: 45.2%;}
.facts-wrap > div > div > .elementor-column.elementor-col-50:first-child > div, 
.facts-wrap > div > div > .elementor-column[data-col="50"]:first-child > div {padding-top: 0 !important;}
.res-logo img {max-width: 31% !important;}
.fx-cnt-inf-wrp .elementor-column.elementor-col-33, 
.fx-cnt-inf-wrp .elementor-column[data-col="33"],
.al-prvds-wrp .elementor-column.elementor-col-33, 
.al-prvds-wrp .elementor-column[data-col="33"] {width: 50% !important;}
.fx-rpr-wrp .elementor-element {width: 100% !important;max-width: 100% !important;}
.fx-rpr-wrp .webinane-fixkar > div > div {width: 50%;}
.fx-abt-wrp .elementor-element {padding-right: 0 !important;}
.al-prvds-wrp {padding: 0 0 80px !important;}
.al-prvds-wrp .elementor-column.elementor-col-33:nth-child(2), 
.al-prvds-wrp .elementor-column[data-col="33"]:nth-child(2) {display: none;}
.fx-rqst-cl-bck-wrp {padding: 60px 30px !important;}
.fx-rqst-cl-bck-wrp .elementor-widget-container {padding-right: 0 !important;}
.nav.nav-tabs.verticl {margin-bottom: 40px;}
.verticl .nav-item a {padding: 20px;}
.verticl .nav-item a::before {height: 7px;width: 0%;top: auto;bottom: -4px;left: 0;}
.verticl .nav-item a.active::before {height: 7px;width: 100%;}
.why-fixkar .tab-content .elementor-column.elementor-col-50, 
.why-fixkar .tab-content .elementor-column[data-col="50"] {width: 100% !important;text-align: center;}
.why-fixkar .tab-content .elementor-column.elementor-col-50 + .elementor-column.elementor-col-50, 
.why-fixkar .tab-content .elementor-column[data-col="50"] + .elementor-column[data-col="50"] {margin-bottom: 30px;}
.srv-wrap .elementor-column.elementor-col-33, 
.srv-wrap .elementor-column[data-col="33"],
.fx-prc-wrp .elementor-column.elementor-col-33, 
.fx-prc-wrp .elementor-column[data-col="33"] {width: 50% !important;margin-bottom: 30px;}
.fx-gt-tch-exprt > div > div > .elementor-column[data-col="50"] .elementor-row img,
.fx-gt-tch-exprt > div > div > .elementor-column.elementor-col-50 .elementor-row img {width: 100%;}
.projectz.merg .project-box {width: 50%;}
.fx-frm-abt .elementor-column.elementor-col-50:first-child .elementor-row > div:first-child, 
.fx-frm-abt .elementor-column[data-col="50"]:first-child .elementor-row > div:first-child {display: none;}
.contact-page3 .elementor-column-wrap.elementor-element-populated {padding-left: 0 !important;}
.bsn-feat-lyr svg.wave-svg-box {top: -150px;}
.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone.elementor-background-video-container {display: block !important;}
.simple-projct > div {padding-bottom: 15px;}
ul.pagination {
    margin-top: 40px;
}
.gap {
  padding: 90px 0;
}

}

/*=== 480 ===*/
@media (max-width: 480px) {
.consultng-box:hover::before {top: 0;left: 0px;bottom: 25px;}
.consultng-box::before {right: 0;}
.wpforms-field-select::before {top: 22px;}

.pric-tbl-wrp .pckg-pln-bx,
.team-wrap .elementor-column.elementor-col-25, 
.team-wrap .elementor-column[data-col="25"],
.bsn-srv-wrp .elementor-column.elementor-col-33, 
.bsn-srv-wrp .elementor-column[data-col="33"],
.bsns-srv-wrp2 .elementor-column.elementor-col-33, 
.bsns-srv-wrp2 .elementor-column[data-col="33"] {width: 100% !important;}
.srv-gt-qt-wrp .elementor-column.elementor-col-50:first-child .elementor-column-wrap.elementor-element-populated {margin-top: 0 !important;}
.stps-wrp .sec-title4 {padding-top: 0;}
.stps-wrp .sec-title4:before,
.team-box .elementor-image-box-img:before {display: none;}
.elementor-2 .elementor-element {max-width: 100% !important;}
.feat-desc p {font-size: 16px;line-height: 26px;}
.srv-gt-qt-wrp .elementor-column-wrap.elementor-element-populated {padding-right: 5px !important;}
.pckg-pln-bx {position: relative;}
.pckg-pln-bx + .pckg-pln-bx {margin-top: 40px;}
.pckg-pln-bx li.elementor-icon-list-item {font-size: 16px !important;}
.gt-srv-wrp {padding-top: 100px !important;}
.srv-wrap .webinane-fixkar > div > div,
.blg-wrp .webinane-fixkar > div > div,
.fx-rpr-wrp .webinane-fixkar > div > div,
.projectz.merg .project-box {width: 100%;}
.srv-cnt-wrp .elementor-widget-wrap > div + div {max-width: 100% !important;}
.pg-top-wrp .elementor-container .elementor-widget-container h1.elementor-heading-title {font-size: 45px;}
.pg-top-wrp .elementor-container {min-height: 320px !important;}
.srv-wrap {padding-left: 15px !important;padding-right: 15px !important;}
.team-wrp .elementor-image > img {width: 100%;}
.bsns-feat-wrp p {max-width: 100%;}
.cnslt-srv-wrp .elementor-row > div:first-child .elementor-column-wrap.elementor-element-populated {padding: 0 40px !important;}
blockquote {padding: 50px;}
.blog-detail-meta p img {width: 100% !important;}
.detail-btm-meta > * {width: 100%;}
ul.social-circle {text-align: left;margin-top: 10px;}
.author-box {margin-left: 0;text-align: center;padding: 40px;}
.author-box > figure {position: static;margin: 0 0 30px;}
.author-post > h3 {display: block;}
.author-post > ul {margin-left: 0;}
.commenter-meta {width: 100%;padding-left: 0;margin-top: 30px;}
.commenter-photo + .commenter-meta {width: 100%; padding-left: 0;}
.commenter-meta p > br {display: none;}
.comment-titles h6 {display: block;}
.comment-titles > span {margin: 10px 0;display: block;}
.comments > li > ul {padding-left: 30px;}
.top-meta > h2 {font-size: 40px;}
.project {width: 47.8%;}
.res-logo img {max-width: 70% !important;}
.comment-titles a.reply {
    float: right;
    margin-top: -65px;
    margin-bottom: 0;
}


.fx-rqst-cl-bck-wrp {padding: 60px 15px !important;}
.fx-cnt-inf-wrp .elementor-column.elementor-col-33, 
.fx-cnt-inf-wrp .elementor-column[data-col="33"],
.al-prvds-wrp .elementor-column.elementor-col-33, 
.al-prvds-wrp .elementor-column[data-col="33"],
.fx-prc-wrp .elementor-column.elementor-col-33, 
.fx-prc-wrp .elementor-column[data-col="33"],
.srv-wrap .elementor-column.elementor-col-33, 
.srv-wrap .elementor-column[data-col="33"] {width: 100% !important;}
.fx-rqst-cl-bck-wrp .wpforms-field-row-block {width: 100% !important;padding: 5px !important;margin: 0 !important;}
.contact-code div.wpforms-container-full.c-form-fixkr .fixkr-fields2 {width: 100%;padding: 0 5px;}
.contact-code div.wpforms-container-full.c-form-fixkr .wpforms-submit-container {position: static !important;padding: 10px 5px;width: 100%;}
.contact-code div.wpforms-container-full.c-form-fixkr .wpforms-submit.submit {margin-top: 0;}
.contact-code div.wpforms-container-full.c-form-fixkr .wpforms-field input {padding: 25px 20px;}
.why-fixkar .tab-content .elementor-column.elementor-col-50, 
.why-fixkar .tab-content .elementor-column[data-col="50"] {text-align: left;}
.why-fixkar {padding: 30px 15px;}
.carousalll .elementor-widget-testimonial-carousel .swiper-slide {padding: 20px;}
.bsn-feat-lyr svg.wave-svg-box {top: -80px;}
.srv-cnslt-feat h2.elementor-heading-title {font-size: 35px !important;}
.srv-wrap .webinane-fixkar img {width: 100%;}
.project-btn > li {margin-right: 30px;}
.gallery .gallery-item img {
    width: 100%;
}
.elementor-144 .contact-info-wrapr .elementor-element.elementor-element-ea09afa, 
.elementor-144 .contact-info-wrapr .elementor-element.elementor-element-3b86b1e, 
.elementor-144 .contact-info-wrapr .elementor-element.elementor-element-8135c8c {
    width: 16%;
}
.gap {
    padding: 70px 0;
}

}

/*=== 370 ===*/
@media (max-width: 430px) {
.feat-desc + div {margin-bottom: 15px !important;}
.comments > li > ul {padding-left: 0;}
.detail-btm-meta {padding: 16px 20px;}
blockquote {padding: 30px;}
blockquote p {font-size: 20px;line-height: 32px;}
.project {width: 100%;margin-left: 0 !important;margin-right: 0 !important;}
.bsn-feat-lyr svg.wave-svg-box {top: -60px;}

}

/*=== 330 ===*/
@media (max-width: 330px) {
.feat-desc + div {margin-bottom: 15px !important;}
.srv-gt-qt-wrp .elementor-column.elementor-col-50 + .elementor-col-50 .elementor-column-wrap {padding: 25px 20px 60px !important;}
div.gt-qt-frm .elementor-widget-container {padding: 00 !important;}
.nav-tabs.verticl .nav-item {width: 100%;margin-bottom: 10px;}
.option-set.project-btn {text-align: left;padding: 0 18px;}
.project-btn > li {margin-right: 30px;}
.masonry.remove-ext18 {padding: 0 10px;}
.carousalll .elementor-widget-testimonial-carousel .swiper-slide {padding: 0;}
.carousalll .elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial__text {font-size: 20px !important;}

}

.cnt-form form.elementor-form .elementor-field {
    font-size: 14px;
    padding: 12px 35px;
}
.cnt-form form.elementor-form div.elementor-field {padding: 0;}
.cnt-form form.elementor-form div.elementor-field iframe {height: 78px;}
.container.container2{
  width : 960px;
}
.elementor-search-form--skin-full_screen .elementor-search-form__container:not(.elementor-search-form--full-screen) {
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.elementor-search-form--skin-full_screen .elementor-search-form__container {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  padding: 0 15%;
  background-color: rgba(0,0,0,.8);
}
.elementor-search-form--skin-full_screen .elementor-search-form input[type="search"].elementor-search-form__input {
  font-size: 50px;
  text-align: center;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: #fff;
  line-height: 1.5;
  color: #fff;
}
.elementor-widget-search-form input[type="search"].elementor-search-form__input {
  font-family: "Roboto", Sans-serif;
  font-weight: 400;
}
.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button, .elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input {
    color: #7a7a7a;}
  .elementor-lightbox .dialog-lightbox-close-button {
  cursor: pointer;
  position: absolute;
  font-size: 25px;
  padding: 5px;
  z-index: 2;
  line-height: 1;
  top: 30px;
  right: 30px;
}
.elementor-search-form {
 display:block;
 -webkit-transition:.2s;
 -o-transition:.2s;
 transition:.2s
}
.elementor-search-form button,
.elementor-search-form input[type=search] {
 margin:0;
 border:0;
 padding:0;
 display:inline-block;
 vertical-align:middle;
 white-space:normal;
 background:none;
 line-height:1;
 min-width:0;
 font-size:15px;
 -webkit-appearance:none;
 -moz-appearance:none
}
.elementor-search-form button:focus,
.elementor-search-form input[type=search]:focus {
 outline:0;
 color:inherit
}
.elementor-search-form button {
 background-color:#818a91;
 font-size:16px;
 color:#fff;
 border-radius:0
}
.elementor-search-form__container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-transition:.2s;
 -o-transition:.2s;
 transition:.2s;
 overflow:hidden;
 border:0 solid transparent;
 min-height:50px
}
.elementor-search-form__container:not(.elementor-search-form--full-screen) {
 background:#eceeef
}
.elementor-search-form__input {
 -ms-flex-preferred-size:100%;
 flex-basis:100%;
 color:#55595c;
 -webkit-transition:color .2s;
 -o-transition:color .2s;
 transition:color .2s
}
.elementor-search-form__input::-webkit-input-placeholder {
 color:inherit;
 font-family:inherit;
 opacity:.6
}
.elementor-search-form__input:-ms-input-placeholder {
 color:inherit;
 font-family:inherit;
 opacity:.6
}
.elementor-search-form__input:-moz-placeholder,
.elementor-search-form__input::-moz-placeholder {
 color:inherit;
 font-family:inherit;
 opacity:.6
}
.elementor-search-form__input::-ms-input-placeholder {
 color:inherit;
 font-family:inherit;
 opacity:.6
}
.elementor-search-form__input::placeholder {
 color:inherit;
 font-family:inherit;
 opacity:.6
}
.elementor-search-form__submit {
 color:#fff;
 -webkit-transition:color .2s,background .2s;
 -o-transition:color .2s,background .2s;
 transition:color .2s,background .2s
}
.elementor-search-form--button-type-text .elementor-search-form__submit {
 -ms-flex-negative:0;
 flex-shrink:0
}
.elementor-search-form--skin-minimal .elementor-search-form__icon {
 opacity:.6;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 color:#55595c
}
.elementor-search-form--skin-full_screen .elementor-search-form input[type=search].elementor-search-form__input {
 font-size:50px;
 text-align:center;
 border-style:solid;
 border-width:0 0 1px;
 border-color:#fff;
 line-height:1.5;
 color:#fff
}
.elementor-search-form--skin-full_screen .elementor-search-form__toggle {
 display:inline-block;
 cursor:pointer;
 vertical-align:middle;
 color:#494c4f
}
.elementor-search-form--skin-full_screen .elementor-search-form__toggle i {
 position:relative;
 display:block;
 border:0 solid;
 -webkit-transition:.2s;
 -o-transition:.2s;
 transition:.2s;
 width:33px;
 height:33px;
 background-color:rgba(0,0,0,.05);
 border-radius:3px
}
.elementor-search-form--skin-full_screen .elementor-search-form__toggle i:before {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 font-size:.55em
}
.elementor-search-form--skin-full_screen .elementor-search-form__container {
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:fixed;
 z-index:9998;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100vh;
 padding:0 15%;
 background-color:rgba(0,0,0,.8)
}
.elementor-search-form--skin-full_screen .elementor-search-form__container:not(.elementor-search-form--full-screen) {
 overflow:hidden;
 opacity:0;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0)
}
.elementor-search-form--skin-full_screen .elementor-search-form__container:not(.elementor-search-form--full-screen) .dialog-lightbox-close-button {
 display:none
}
.gard .menu-main-menu-container ul.menu, .gard .menu-main-menu-container ul.menu > li{
  opacity: 1;
}