/*Theme Name: Expert Electrician proTheme 
URI: https://luzukdemo.com/demo/expert-electrician/
Author: luzuk ThemesAuthor URI: www.luzukthemes.com/
Description: Looking for a sophisticated and stunning theme for presenting your services as a tutor? Try this premium quality Tutor WordPress Theme. With its powerful live customizer, you can make the desired changes in the layout if you do not find the default design up to the mark. It is a fast loading theme giving you a fair chance to extend your visibility and appearances in top search engine results. To make sure that your website obtains the top ranks in SERP, it is built with SEO optimization in mind.Version: 1.0License: GNU General Public License v2 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlText Domain: expert-electrician-proTags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, 
translation-ready, blog, entertainment, news, portfolio*/
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:     100%;}
body {margin: 0;font-family:Roboto;scroll-behavior: smooth; }
html { scroll-behavior: smooth; }
a {text-decoration: :none;}
a:active,a:hover {outline: 0;text-decoration:none;}
a {outline: 0 none;text-decoration: none;}
/*div#secondary .widget_calendar td {  padding: 5px 10px;}
*//*--------------------------------------------------------------# Typography--------------------------------------------------------------*/body{color: #444;font-size: 17px;line-height: 1.2;font-weight: 400;}
h1,h2,h3,h4,h5,h6 {margin: 0;font-weight: 300;line-height: 1.2;font-family: 'Oswald', sans-serif;}
h1{font-size: 28px;margin-bottom: 15px;}
h2{font-size: 26px;margin-bottom: 15px;}
h3{font-size: 30px;margin:20px 0 15px 0;}
h4{font-size: 22px;margin-bottom: 10px;}
h5{font-size: 20px;margin-bottom: 10px;}
h6{font-size: 18px;margin-bottom: 10px;}
p {margin:0 0 15px;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 0px 15px;padding: 21px 30px 18px;background: #f2f2f2;font-size: 16px;color: #212121;font-style: italic;font-weight: 400;}
.wp-block-quote:not(.is-large):not(.is-style-large) {padding-left: 1.7em !important;}
#innerpage-box blockquote p{margin: 0;font-weight: 400;}
.wp-block-image img {max-width: 100%;width: 100%;}
/*--------------------------------------------------------------# Elements--------------------------------------------------------------*/html {box-sizing: border-box;}
*,*:before,*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */box-sizing: inherit;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";    -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);-webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 15px;}
ul,ol {margin: 0 0 15px 20px;padding: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 15px;}
dt {font-weight: bold;}
dd {margin: 0 15px 15px;}
img {height: auto; /* Make sure images are scaled correctly. */max-width: 100%; /* Adhere to container width. */vertical-align: middle;}
table {margin: 0 0 15px;width: 100%;}
/*--------------------------------------------------------------# Forms--------------------------------------------------------------*//*--------------------------------------------------------------## Links--------------------------------------------------------------*/a {color: #f9c12c;text-decoration: none;transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
a:focus {outline: 0;}
a:hover,a:active {outline: 0;}
/*--------------------------------------------------------------# Accessibility--------------------------------------------------------------*//* Text meant only for screen readers. */.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}
/*--------------------------------------------------------------# Alignments--------------------------------------------------------------*/.alignleft {display: inline;float: left;margin-right: 15px;border-radius: 10px;}
.alignright {display: inline;float: right;margin-left: 15px;border-radius: 10px;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;border-radius: 10px;}
/*--------------------------------------------------------------# Widgets--------------------------------------------------------------*//*--------------------------------------------------------------## Asides--------------------------------------------------------------*//*--------------------------------------------------------------## Sidebar Area--------------------------------------------------------------*//*--------------------------------------------------------------## Comments--------------------------------------------------------------*/.nav-previous a,.nav-next a{background: #fe5722;color: #FFF;display: inline-block;padding: 0 10px;font-size: 12px;line-height: 22px;position: relative;}
.nav-next a{margin-right: 13px;}
.nav-next a:after{content: "";position: absolute;border-left: 11px solid #fe5722;border-top: 11px solid transparent;border-bottom: 11px solid transparent;top: 0;right: -11px;}
.nav-previous a{margin-left: 11px;}
.nav-previous a:after{content: "";position: absolute;border-right: 11px solid #fe5722;border-top: 11px solid transparent;border-bottom: 11px solid transparent;top: 0;left: -11px;}
.no-comments{color: #fe5722;}
.pagination{text-align: center;}
.pagination .page-numbers{display: inline-block;margin: 0 2px;background: #fe5722;color: #FFF !important;padding: 8px 12px;line-height: 1;border-radius: 2px;}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background: #333;color: #FFF;}
/*--------------------------------------------------------------## General--------------------------------------------------------------*/.justify-content-center{-ms-flex-pack: center!important;-webkit-box-pack: center!important;justify-content: center!important;text-align: center;}
.section-title-area {margin-bottom: 3em;text-align: center;position: relative;}
.section-subheding{display: inline-block;font-size: 18px;font-weight: 500;color:red;}
.section-subheding:before {display: inline-block;content: " ";text-shadow: none;width: 90px;flex: 1;border-style: solid;border-width: 1px;border-left: none;border-right: none;border-color: #ffd95e;position: relative;top: -5px;left: -25px;}
.section-subheding:after{display: inline-block;content: " ";text-shadow: none;width: 90px;flex: 1;border-style: solid;border-width: 1px;border-left: none;border-right: none;border-color: #ffd95e;position: relative;top: -5px;right: -25px;}
.section-title h2 {word-break: break-word;font-weight: 700;font-size: 50px;letter-spacing: 0px;margin: 35px 0;}
 .section-subtitle h4{font-size: 18px;font-weight: 600;margin-bottom: 0;}
.section-subtitle h4:after {display: inline-block;margin: 0 0 0px 20px;content: " ";text-shadow: none;width: 10%;flex: 1;border-style: solid;border-width: 1px;border-left: none;border-right: none;border-color: #ffd95e;position: relative;top: -5px;}
.section-text p {font-size: 18px;font-weight: 400;margin: 0;margin-bottom: 0px;line-height: 28px;}
.inner-area-title {    font-size: 25px;font-weight: 500;word-break: break-word;}
.section-area-text {    margin-bottom: 24px;font-size: 17px;line-height: 25px;font-weight: 400;word-break: break-word;}
.textcenter{text-align: center;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;}
section .lightbox{padding: 5em 0;}
.site-title{font-weight: 600;font-size: 32px;line-height: 1;padding: 0;}
.site-title a{text-decoration: none;color: #4a4a4a;font-size: 30px;}
.ht-site-description{color: #ffffff;font-size: 14px;font-weight: normal;margin: 0;}
/*----------------------------------------*//*  01. Header Area/*----------------------------------------*/.resp_header_logo {display: none;}
.overlap-header {position: relative;top: 0px;}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description {display: none;}
.pd-0{padding: 0;}
header.site-header li {display: inline-block;list-style-type: none;}
.header-logo-bg{border-bottom: 5px solid #ff5317;}
.header-right {border-bottom: 5px solid transparent;}
.header-left{position: relative;z-index: 2;}
.header-logo-bg {background: #fff;}
.site-navigation {background-color: #001b42;position: relative;z-index: 2;right: 15px;width: 101%;border-bottom: 5px solid #ff5317;bottom: -5px;}
.logo {padding: 0 15px;}
/* = Navigation hover and active menu css-------------------------------------------------------------- */.navigation .mainmenu{ position:relative; z-index:9999; vertical-align:middle; float: none;}
.navigation .mainmenu li{ display:inline-block; position:relative; line-height:normal; }
.navigation .mainmenu li a{ display:block; text-align:center; color:#ffffff; position:relative; }
.menu-content {padding: 0 0;text-align: right;}
.header-phone {position: relative;z-index: 2;}
.hd-contact a {font-size: 23px;font-weight: 900;color: #ff5317;}
.hd-contact i{ font-size: 23px;font-weight: 900;color: #ff5317;padding-right: 15px;}
.hd-contact {display: inline-flex;padding: 1em 1em;background: #001b42;float: right;margin-bottom: 12px;position: relative;opacity: 0.999;text-align: center;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;overflow: hidden;}
.hd-contact:before{content: "";width: 0;height: 0;position: absolute;left: 0; bottom: 0; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;z-index: -1;}
.hd-contact:after{content: "";width: 0;height: 0;position: absolute;right: 0;top: 0;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s; z-index: -1;}
.hd-contact:hover:before, .hd-contact:hover:after{width: 50%;height: 100%;background-color: #2ecc71;}
.header-inner-border {content: "";background: #ff5317;position: absolute;z-index: 3;top: 63%;right: -1px;clip-path: polygon(80% 0, 100% 0%, 100% 100%, 30% 100%);-webkit-clip-path: polygon(80% 0, 100% 0%, 100% 100%, 30% 100%);width: 30px;height: 40%;}
/* = Navigation 2nd level css-------------------------------------------------------------- */.ht-sticky-header .header-transparent {position: fixed;left: 0;right: 0;}
.navigation .mainmenu ul.sub-menu li.current_page_item:hover a, ul.sub-menu .current_page_item:hover > a{background: none;}
@media only screen and (min-width: 1300px) {.navigation .mainmenu ul.sub-menu li {list-style-type: none;font-size: 13px;color: #666;}
.navigation .mainmenu li:hover > ul{display: block;width: 250px;position: absolute;left: auto;top: 85%;text-align: left;}
}
/* = Navigation 3rd level css-------------------------------------------------------------- */header.site-header ul {margin: 0;}
.navigation .mainmenu { position: relative;/*text-align: right;*/}
.site-header {position: relative;z-index: 99999;position: relative;width: 100%;}
.home .site-header{  position: absolute;}
.home.ht-sticky-header .site-header{position: fixed;}
.site-header ul,.site-header ol {margin-bottom: 0;}
.site-header .header-overlay {background-color: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 41%;opacity: 1;background-size: cover;z-index: 2;}
@media screen and (max-width: 991px) {#inquiry {padding-bottom: 0em !important;}
div#about .bottom-img,div#about .about-l-area { padding: 1em 1em !important;}
div#about .about-area-bottom{top:0 !important;}
.slider_section .highlightbox {left: 16.2% !important;right: 61% !important;}
}
/*---------------------------------------------------------------15. PAGE TOP BAR (left & right content)---------------------------------------------------------------*/.navigation .mainmenu {transition: padding 0.3s ease;-moz-transition: padding 0.3s ease;-webkit-transition: padding 0.3s ease;}
.navigation .mainmenu.ht-menu {display: block !important;}
.navigation .mainmenu li { position: relative;}
.navigation .mainmenu li a {  display: block;  text-decoration: none;  font-size: 15px;  padding: 2px 0;}
.navigation .mainmenu li.current_page_item a:before, .current_page_item > a:before, .navigation .mainmenu li a:hover:before {content: "";display: block;  width: 80px;height: 14px;background: #ff5317;margin: 0 auto;position: absolute;bottom: -1px;left: 0;right: 0;/* clip-path: polygon(0 0, 100% 0, 100% 30%, 50% 100%, 0 30%); */clip-path: polygon(50% 0%, 0% 100%, 100% 100%);transition: all 0.5s;}
@keyframes bounce {  0% {transform: translate3d(0px, 0px, 0);  }
  50% {transform: translate3d(0px, -4px, 0);  }
  100% {transform: translate3d(0px, 0px, 0);  }
}
/* = Navigation sticky header css-------------------------------------------------------------- */.home .top-bar-head {margin-top: 0em;   margin-bottom:0;}
.header-right {margin-top: 12px;}
.hl-border {text-align: center;padding: 1em;}
.header-transparent .sticky-header {padding: 14px 0;text-align: right;}
.header-share{position:relative;    top: 48px;}
/*----------------------------------------*//*  02.Slider Area/*----------------------------------------*/.bx-wrapper .bx-controls-direction a{z-index: auto !important;}
.slider_section .ht-slide img {width: 100%;}
.slider_gradiant {   position: absolute;   left: 0;   right: 0;   top: 0;   bottom: 0;   background: #001b42;   opacity: 0.4;}
.slider_section .ht-slide-cap-desc span {color: #ff5317;}
.slider_section .bx-wrapper .bx-next{transition: all 0.8s ease;}
.slider_section .bx-wrapper .bx-prev{    transition: all 0.8s ease;    width: 74px !important;    line-height: 40px;      text-align: center;}
   @keyframes an{from{    opacity: 0;    transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);}
to{    opacity: 1;    transform: perspective(500px) translate3d(0, 0, 0);}
}
.bx-controls-direction {display: none;}
.ht-slide{position: relative;}
.ht-slide img{width: 100%;}
.slider_content{position: absolute;top: 62%;left: 46%;width: 800px;margin-left: -513px;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 0em 0em;text-align: left;z-index: 999;}
.ht-slide img {width: 100%;}
.slider_section .bx-wrapper .bx-controls-direction a{height: 40px;text-indent: initial !important;font-weight: 600;font-size: 14px;}
.slider_section .bx-wrapper .bx-prev{   background: transparent url(../images/pre1.png) no-repeat left; left: auto;right: 0;top: 24%;}
.slider_section .bx-wrapper .bx-next{ background: transparent url(../images/next1.png) no-repeat right; right: 0;top: 28%;}
.slider_section .bx-wrapper .bx-next {width: 55px;line-height: 40px;}
.ct-btn-scroll { width: 20px; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; z-index: 9; border-radius: 50%; -webkit-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;}
.slider_section .bx-wrapper .bx-controls-direction a {-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient( to right, #ff5317, #ff5317 50%, #fff 50%);background-size: 200% 100%;background-position: 100%;    transform: scale(1);transition: all 0.5s ease 0s;}
.slider_section .bx-wrapper .bx-controls-direction a:hover {  transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);  background-position: 0%;  transform: scale(1.2);}
.slider_section .midix {-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}
.slider_section .tada {-webkit-animation-name: tada;animation-name: tada;}
.midix.infinite, .midix_hover.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.slider_section .site-button {margin-top: 5px;}
.slider_section .box-hover, .box-hover-2{  display: inline-block;  width: 822px;  height: 462px;  margin-top: 30px;  animation: Animate1 5s infinite alternate ease-in-out;}
.slider_section .box-title{  text-align: center;  position: absolute;  left: 0;  right: 0;  bottom: 0px;  color: #fff;  text-shadow: 0 0 80px rgba(#000, 0.4);  letter-spacing: 2px;  }
.slider_section .box{  position: relative;  display: inline-block;  width: 1100px;   right: -20%;top: 45%;}
@keyframes Animate1{  0%{transform:translateY(3%)}
  to{transform:translateY(-3%)}
}
@keyframes Animate2{  0%{transform:translateY(0%)}
  to{transform:translateY(-30%)}
}
.slider_section .title {font-size: 100px;font-weight: 900;padding-bottom: 20px;word-break: break-word;text-align: left;line-height: 105px;z-index: 1;position: relative;}
.slider_section .sub-title {font-size: 25px;font-weight: 400;line-height: 30px;word-break: break-word;text-align: left;margin-top: 10px;z-index: 1;position: relative;}
.slider_section .highlightbox {background-color: #ff5317;position: absolute;left: 16.2%;right: 68%;top: 0;bottom: 0;opacity: 0.4;background-size: cover;}
.slider-btn {margin-top: 2.5em;z-index: 1;position: relative;}
.slider_section a.btn {text-align: center;position: relative;overflow: hidden;display: inline-block;text-decoration: none;font-weight: 500;font-size: 20px;padding: 12px 30px;color: #fff;transition: all 0.5s;border-radius: 0;cursor: pointer;z-index: 9;transition: all 0.5s;    border: 0;}
.slider_section .slider-btn a:before {display: inline-block;position: absolute;top: 0px;right: 0px;height: 100%;width: 0px;z-index: -1;content: '';color: #000;background: #0c3c00;transition: all 0.5s;}
.slider_section .slider-btn a:hover:before {left: 0%;right: auto;width: 100%;}
.slider_section a.btn:hover {transition: all 0.5s;    border: 0;}
@keyframes gradient{  0% {    background-position: 0% 50%;}
  100% {    background-position: 100% ;}
}
.slider-menuimg {position: absolute;left: -58px;bottom: 0;}
.slider-contentimg {position: absolute;left: -58px;bottom: 300px;}
.slider_section .slider-contentimg img {width: 120px;    top: 0;}
.slider-menuimg img, .slider-contentimg img {width: auto;height: auto !important;}
.slider-contentimg img, .slider-menuimg img {-webkit-animation: spin 10s linear infinite;animation: spin 10s linear infinite;}
@-webkit-keyframes spin {100% {    -webkit-transform: rotate(360deg);}
}
@keyframes spin {100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);}
}
/*----------------------------------------*//*  03. Skill Area/*----------------------------------------*/#skill{position: relative;}
.skill-content {position: relative;border-right:1px solid #ff5317;border-bottom:1px solid #ff5317;}
.skill-single-bx{margin-bottom: 25px;}
.skill-single-back {opacity: 0.5;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000;}
.skill-single-top {position: absolute;bottom: 0;padding: 10px 30px;text-align: center;width:100%}
.skill-content img{width: 100%;height: 170px;}
.skill-single-top h4 a {display: block;overflow: hidden;text-decoration: none;font-size: 20px;outline: none;color: #000;position: relative;text-align: center;font-weight: 700;}
.skill-single-top h4 a span {-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.skill-single-bx .skill-single-top h4{margin-bottom: 0; }
.skill-single-top h4 a:before,.skill-single-top h4 a:after {content: '';position: absolute;left: 0;width: 100%;text-align: center;opacity: 0;-webkit-transition: .4s,opacity .6s;-moz-transition: .4s,opacity .6s;-o-transition: .4s,opacity .6s;transition: .4s,opacity .6s;}
/* :before */.skill-single-top h4 a:before {content: attr(data-hover);-webkit-transform: translate(-150%,0);-moz-transform: translate(-150%,0);-ms-transform: translate(-150%,0);-o-transform: translate(-150%,0);transform: translate(-150%,0);}
/* :after */.skill-single-top h4 a:after {content: attr(data-active);-webkit-transform: translate(150%,0);-moz-transform: translate(150%,0);-ms-transform: translate(150%,0);-o-transform: translate(150%,0);transform: translate(150%,0);}
/* Span on :hover and :active */.skill-single-bx:hover .skill-single-top h4 a span,.skill-single-bx:active .skill-single-top h4 a span {opacity: 0;-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);}
.skill-single-bx:hover .skill-single-top h4 a:before,.skill-single-bx:active .skill-single-top h4 a:after {opacity: 1;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
.skill-single-bx:active .skill-single-top h4 a:before {-webkit-transform: translate(-150%,0);-moz-transform: translate(-150%,0);-ms-transform: translate(-150%,0);-o-transform: translate(-150%,0);transform: translate(-150%,0);-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.skill-num {position: absolute;top: 10px;right: 10px;font-weight: 700;font-size: 50px;color: #c8cfd4;}
.skill-single-area {position: relative;top: -50px;}
/*--------------------------------------------------------------## Facility Section--------------------------------------------------------------*/#facility-content-section h5 {margin: 20px 0;}
.facspace {padding-bottom: 80px;}
.facilityrightbox2 h5 {background: url(../images/border1.png) no-repeat;   display: inline-block;/* border: 3px solid #ff5317; */height: 170px;width: 170px;border-radius: 50%;line-height: 170px;text-align: center;/* position: relative; *//* z-index: 5; */background-position: center;    font-weight: 500;}
.facilityrightbox2 .top-circle h5:before {content: "";height: 125px;width: 7px;background: #ffffff;position: absolute;border-radius: 10px;transform: rotate(135deg);top: 150px;right: 0;left: 180px;margin: 0 auto;}
.facilityrightbox2 .slid-border h5:after {  content: "";height: 110px;width: 7px;background: #ffffff;position: absolute;border-radius: 10px;transform: rotate(45deg);top: -65px;right: 0;left: 70px;margin: 0 auto;}
.top-circle.top-set h5:before {top: 150px;left: 75px;}
.facilityrightbox2 .slid-border.top-rotate h5:after{left: 175px;}
#facility-content-section .section-title h2 {   text-align: center;position: absolute;left: 0;right: 0;text-align: center;top: 42%;margin: 0;font-size:32px;}
/*----------------------------------------*//*  03. Services Area/*----------------------------------------*//*----------------------------------------*//*  service inner page/*----------------------------------------*//*----------------------------------------*//*  03. About Area/*----------------------------------------*/div#about .section-title {padding-top: 0em;}
div#about .section-text p {   margin-bottom: 1.5em;}
div#about .aboutarea-img{position: relative;}
div#about .aboutarea-img img{width: 100%;height: 600px;border: 5px solid transparent;transform: scale(1);transition: all 0.5s ease 0s;}
div#about .about-main-area:hover .aboutarea-img img {border: 5px solid #ff5317;}
div#about .year-box {position: absolute;overflow: hidden;top: -60px;background: #fff;height: 140px;width: 140px;border-radius: 50%;border: 4px solid #fe5316;right: -60px;text-align: center;padding: 1em;animation-name: tada;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: ease-in;}
div#about .year-num {font-size: 30px;font-weight: 600;}
div#about .year-text {font-size: 20px;}
div#about .section-text-bold p{font-size: 18px;font-weight: 400;margin-bottom: 20px;}
div#about .section-text-list ul li{font-size: 16px;font-weight: 400;margin-bottom: 15px;list-style: none;}
 div#about .section-text-list ul {margin: 0;}
div#about .section-text-list ul li:before, div#about .section-text-list ol li:before{content: "\f046";font-family: 'Fontawesome';margin-right: 15px;transform: scale(1);transition: all 0.5s ease 0s;color: #fff;display: inline-block;margin-bottom: 0;font-size: 18px;transform: scale(1);transition: all 0.5s ease 0s;}
div#about .section-text-list ul li:hover:before, div#about .section-text-list ol li:hover:before {transform: scale(1.4);}
div#about .about-l-area{padding: 0em 10em 3em 5.5em;}
div#about .about-area-bottom {position: relative;top: -8em;z-index: 2;}
div#about .bottom-a-border {border: 1px solid #000;}
div#about .bottom-img {display: block;position: relative;padding: 0px 30px 0 5em;}
div#about .bottom-img img {width: 100%;height: 280px;border: 5px solid transparent;transform: scale(1);transition: all 0.5s ease 0s;}
div#about .about-main-area:hover .bottom-img img {border: 5px solid #FFF;}
div#about .bottom-content-block {/*background: #ff5317;*/padding: 0;}
#about .border-b-area {border-right: 2px solid #fff;}
#about .border-b-area img{width: 160px;height: 215px;}
#about .section-bottom-title h3 {font-size: 30px;font-weight: 500;color: #fff;}
div#about .bottom-content-block .section-text p {font-size: 16px;font-weight: 400;color: #fec7b3;}
  div#about .block-pd {padding: 20px 1.5em;}
div#about .section-bottom-title {padding-right: 3em;}
div#about .about-btn {position: absolute;overflow: hidden;bottom: 0;width: 100%;}
#about .about-btn a {display: inline-block;padding: 1em 1em;background: #001b42;font-size: 18px;font-weight: 500;margin-bottom: 0;position: relative;opacity: 0.999;text-align: center;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;/* overflow: hidden; */width: 100%;}
#about .about-btn a:before{content: "";width: 0;height: 0;position: absolute;left: 0; bottom: 0; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;z-index: -1;}
#about .about-btn a:after{content: "";width: 0;height: 0;position: absolute;right: 0;top: 0;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; z-index: -1;}
#about .about-btn a:hover:before, #about .about-btn a:hover:after{width: 50%;height: 100%;background-color: #2ecc71;}
/*--------------------------------------------------------------# Gallery page--------------------------------------------------------------*//*----------------------------------------*//*  Testimonials Area/*----------------------------------------*/
#testimonials{ position: relative; overflow: hidden;}
#testimonials .testimonials-single-area {padding: 0 4em;}
#testimonials .bluebox{background: #3ff;position: relative;padding:30px 28px;margin-bottom: 1em;}
#testimonials .section-titlesub{font-weight: 400;font-size:16px;}
#testimonials .section-title{font-weight: 400;font-size: 30px;}
#testimonials .section-text p{font-weight: 400;font-size: 16px;}
.testimonials-area .ts-area-thumb {text-align: center;position: relative;top: -40px;}
.testimonials-area .ts-area-thumb img {width: 80px !important;height: 80px;border: 6px solid #fff;border-radius: 50%;margin: 0 auto;text-align: center;}
#testimonials .ts-area-bx {margin-top: -1em;position: relative;padding: 0 0 20px 0;}
.testimonials-area .ts-area-single{background: #fff;box-shadow: 0px 0px 10px 10px rgb(152 152 131 / 5%);margin: 40px 12px 40px;padding: 0em 2em 1em;transition: all 0.4s;}
.testimonials-area .ts-area-content {position: relative;z-index: 3;text-align:center;}
.testimonials-area .ts-area-single:before {transition: all 0.4s;   content: "\f10e";font-family: 'FontAwesome';position: absolute;color: #f5f6fa;font-size: 60px;top: 14%;right: 9%;z-index: 2;}
.testimonials-area .ts-area-single:hover:before{ transition: all 0.4s; transform: rotateY(180deg);}
.testimonials-area h6.ts-area-title {font-size: 18px;color: #3d3d3d;font-weight: 400;margin-bottom: 5px;transition: all 0.3s ease 0s;display: inline-block;}
.testimonials-area .ts-area-single:hover h6.ts-area-title{font-weight: 600;letter-spacing: 2px;transition: all 0.4s;}
.testimonials-area .ts-area-desg {font-size: 14px;font-weight: 400;}
.testimonials-area .ts-area-c p {margin-bottom: 0em;font-size: 18px;line-height: 25px;font-weight: 500;}
.testimonials-area .testi-social-icon{text-align: center;margin-top: 30px;}
.testimonials-area .owl-nav,.testimonials-area .owl-dots {display: none;}
/*----------------------------------------*//* 09. Contact Area/*----------------------------------------*/
.inquiry-area {position: relative;overflow: hidden;}
.inquiry-area .inquiry-ovly{position: absolute;left: 0;right: 0;top: 0;background: #000;opacity: 0.75;}
.inquiry-area .section-title h2{color: #fff;padding-bottom: 3em;}
.inquiry-area .inq-form {position: relative;background: #3fff;display:inline-block;width: 100%;top: -10em;padding: 10px;box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 5%);}
.inquiry-area .inq-img img{height: 480px;padding-right: 25px;}
.inquiry-area .inquiry-r {padding: 0em 2em;}
.inquiry-area .inquiry-r p{font-weight: 400;font-size: 16px;padding-top: 2em;}
.ht-inquiry-member-wrap {position: relative;}
#inquiry .inq-img {position: relative;       }
#inquiry .inq-img:before, .inq-img:after {content: "";position: absolute;width: 100%;height: 100%;right: 0;left: 0;bottom: 0;top: 0;visibility: hidden;-webkit-transition: all 0.4s;transition: all 0.4s;z-index: 9;}
#inquiry .inq-form:hover .inq-img:before, .inq-form:hover .inq-img:after {background:#ffca2a;visibility: visible;opacity: 0.2;}
#inquiry .inq-form:hover .inq-img:before {width: 0;right: 50%;left: 50%;}
#inquiry .inq-form:hover .inq-img:after {height: 0;top: 50%;bottom: 50%;}
/*----------------------------------------*//* Banner Section/*----------------------------------------*//*----------------------------------------*//*  Contact Area/*----------------------------------------*//*----------------------------------------*//*  Blog Area/*----------------------------------------*//*----------------------------------------*//*  13. Footer Area/*----------------------------------------*//*----------------------------------------*//*  05. Team Page/*----------------------------------------*//*-----------------------## Site map Template -----------------------------*//*-----------------------## End Site map Template -----------------------------*//*-----------------------## Contact Template-----------------------------*/@media screen and (min-width: 320px) and (max-width: 1024px){.blog-area .blog-author {margin: 0em 1em;}
.footer-area .footerlayer-6{bottom: 25%;}
.footer-area .footerlayer-3{bottom: 15%;}
.footer-area .footerlayer-1{top: 5%;}
.slider_section::after{    bottom: -10.8%;}
.slider_section .bx-wrapper .bx-controls-direction a{top: 56%;}
.slider_section .bx-wrapper .bx-next{right: 155px;}
.slider_section .bx-wrapper .bx-prev{left: 118px;}
.slider_section .layer-3{    right: 9.3%; top: 40.9%;}
.slider_section .layer-8{top: 17.5%;}
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
.slider_section .title{padding-bottom: 5px;}
.slider_section .sub-title{margin-top: 0px;}
.innerpage-whitebox{padding: 1em 0em 1em 0em;}
header.site-header .list-inline.m-a0{    padding-left: 0px !important;}
header.site-header .text-bx.padding0{    padding-left: 15px;}
header.site-header input[type="search"] {width: 100%;}
}
@media screen and (max-width: 1200px){.ct-btn-scroll{    bottom: 20px;}
}
@media screen and (max-width: 1000px){.toggle-bar{ display: block; position: absolute; top: -35px; right: 35px; width: 50px; background: #fe5722; cursor: pointer; text-align: center; color: #fff; padding: 20px 0; cursor: pointer; }
 .toggle-bar span{position: absolute;top: 50%;margin-top: -2px;height: 4px;left: 8px;right: 8px;background: #FFF;box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;}
}
@media screen and (max-width: 990px){.blog-img-in:after {    right: -2px;}
}
@media (max-width: 1022px){.slider_section .title {    font-size: 35px;    line-height: 35px;}
.slider_section .title b {    font-size: 35px;    margin-bottom: 0px;}
.img-slide-responsive {position: absolute;right: 1112px;top: 0px;}
.slider_section .highlightbox {left: 6.2%;right: 74%;}
.slider_content {width: 450px;margin-left: -400px;left: 48%; /*top: 50%;*/}
.slider_section a.btn {padding: 15px 35px;font-size: 14px;}
.slider-btn {margin-top: 1.5em;}
.header-transparent .sticky-header {padding: 0;}
.top-bar-head {margin-top: 1em;padding: 0;padding-left: 15px;}
}
@media (min-width: 992px){    .responsive-header-box{        display: none;    }.navbar-expand-lg .navbar-toggler {        display: none;    }
}
 @media (max-width: 992px){.slider_section .title {font-size: 30px;line-height: 30px;}
.slider_section .title b {font-size: 30px;margin-bottom: 0px;}
.slider_content {  /*  top: 55%;*/width: 485px;left: 75%;}.logo {    position: relative;   /* left: 40px;*/    top: 0px !important;    padding: 0 0 0 5px;    border-top-right-radius: 0;    border-bottom-right-radius: 0;}
.sf-arrows .sf-with-ul:after{    right: 30px !important;}
.slider_content {width: 576px;margin-left: -400px;left: 62%;top: 65%;}
.slider-contentimg img {width: 120px;}
.ht-site-title, .site-title {    font-size: 23px;}
.header-share {top: 45px;right: 70px;}
.hamburger-menus {top: -10px;right: 25px;margin: 0 !important;}
.top-bar-head .head-menu {padding-right: 0;}
.slider_section .sub-title {font-size: 14px;line-height: 20px;}
div#about .about-right {padding-top: 6em;}
.testimonials-img img {width: 90px;}
.testimonials-img {right: 10%;top: -80px;}
div#subject {padding-top: 3em !important;}
#innerpage-box .lz-gallery-images img {   height: 250px;}
.navigation .mainmenu li.current_page_item a:before, .current_page_item > a:before, .navigation .mainmenu li a:hover:before{display: none;}
div#contact .contact-detail {padding-left: 1em;padding-top: 0em;}
}
@media screen and (max-width: 990px){   .page-main-header {    padding: 6em 0 3.5em!important;}
}
@media screen and (max-width: 990px){div#testimonials {padding: 2em 0 !important;}
div#testimonials .ts-pd {padding-top: 0;}
}
@media screen and (max-width: 768px){   #testimonials .testimonials-single-area {padding: 0px 0em;}
.ht-site-title a, .site-title a{top: 0 !important;}
.ht-slide-cap-title.animated.fadeInDown{font-size: 22px;}
.ht-slide-cap-desc.animated.fadeInDown{ font-size: 13px; line-height: 20px;}
#quote-carousel .carousel-control.right {right: 0;top: 140px;}
#quote-carousel .carousel-control.left {left: -7px;top: 140px;}
#quote-carousel .carousel-control {margin-top: -50px;}
.ht-slide-cap-descmore {margin-top: 5px;}
.section-title h2{font-size: 32px;}
body.admin-bar .navigation {top: 45px;}
.top-bar-head {padding:0.5em 1em 1em !important;width: 100%;}
div#about .section-subtitle h3,#testimonials .section-subtitle h3,#contact .section-subtitle h3,div#about .section-title h2{font-size: 40px;}
}
@media screen and (min-width: 810px) and (max-width: 825px){.hamburger-menus {    right: -25px;}
.top-bar-head {    padding: 10px;}
}
@media screen and (min-width: 320px) and (max-width: 767px){.inquiry-area .inquiry-r,.inquiry-area .inq-img img{padding: 0 !important;}
}
@media screen and (min-width: 320px) and (max-width: 425px){body {    position: inherit; }
}
@media screen and (max-width: 560px){  ul.about-socialbtn li {    float: right;}
}
@media screen and (max-width: 768px){.slider_section .highlightbox {    left: 6.2% !important;    right: 65% !important;}
.slider_section p{    padding-left: 10px;}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{    margin-bottom: 10px;}
.woocommerce .widget_price_filter .price_slider_amount .button{    margin-bottom: 15px;}
.ht-main-navigation a{    padding: 8px 17px;}
.ht-section-title,.ht-section-tagline{    width: auto;}
.ht-top-footer{    margin-left: 0;}
.ht-footer{    width: auto;    margin: 0 0 30px;    float: none;}
.ht-footer:last-child{    margin-bottom: 0;}
.ht-slide-cap-descmore a{  font-size: 2vw;  }
  .ht-slide-cap-title{font-size: 24px;font-size: 4vw;margin-bottom: 0px;}
#primary{width: auto !important;float: none !important;margin-bottom: 30px;}
#secondary{width: auto !important;float: none !important;margin-bottom: 30px;}
}
@media screen and (max-width: 775px){.header-share { top: 45px;right: 35px;}
}
@media screen and (max-width: 766px){}
@media screen and (max-width: 668px){.emergencybx{display: none;}
}
@media screen and (max-width: 580px){.slider_section .bx-wrapper .bx-controls-direction a,.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{    display: none;}.ht-counter{    width: 75%;    float: none;    margin: 0 auto 60px;}
.ht-portfolio{    width: 50%;    padding: 4px;}
}
@media screen and (min-width: 320px) and (max-width: 768px){    .logobox img {     padding-top: 0 !important; }
 .main-dispaly.padding0 {    padding-left: 20px;}
header.site-header button.header-btn{    float: left;}
.header.site-header ul.sub-menu li a:hover{    padding-left: 15px;    padding-right: 15px;}
.navigation .mainmenu li ul li{    top: auto;}
.navigation .mainmenu li:hover > ul{    position: relative;    top: auto;}
.navigation .mainmenu li:hover ul li:hover > ul{    position: relative;    left: 0;}
.navigation .mainmenu li{    bottom: auto;}
.logo{    top: 50%;}
.navigation .mainmenu li ul li a{    padding: 5px 0 5px 25px;}
.navigation .mainmenu li a{    text-align: left;}
.navigation .mainmenu li:hover > ul{    width: 100%;}
}
@media screen and (min-width: 320px) and (max-width: 768px){header.site-header .main-dispaly.padding0 {    padding-right: 20px;}
.navigation .mainmenu {    right: 0;    padding-left: 0;}
.ht-section-title:after {    width: 65%;}.sf-arrows .sf-with-ul:after{        right: 40px;    }.navigation .mainmenu li a{        box-shadow: none;    }.ti-home:before{        left: 15px;        top: 12px;    }.is-fixed .main-bar ul.sub-menu {        margin-top: 0 ;    }.navigation .mainmenu li a,    header.site-header ul.sub-menu li a{      padding: 5px 0 5px 10px;  }
  .ht-menu.clearfix ul {    margin-left: 0;}
}
@media only screen and (max-width: 767px) {.slide-content p{    display:none;}
.slide-content-box{    text-align:center;}
.owl-slider.owl-theme .owl-dots {    bottom: 180px;    margin-top: 0;    position: absolute;    right: auto;    text-align: center;    top: auto;    transform: translateY(-50%);    width: 100%;}
.site-header .navbar-toggler, .site-header .is-fixed .navbar-toggler {    margin: 22px 0 22px 10px;    box-shadow: none;}
.slide-content .button-lg {    font-size: 13px;    padding: 10px 15px;}
.text-white .site-button.outline {    padding: 8px 15px;}
.choses-info-content [class*="col-"] {    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.inquiry-form{    margin-top:0;}
.contact-page{    padding-bottom: 50px;    padding-top: 100px;}
   }
@media screen and (min-width: 320px) and (max-width: 768px){.slider_section .layer-2{top: 12.9%;}
.slider_section .layer-8 {top: 11.5%;}
.header-transparent .is-fixed .main-bar h1.ht-site-title {position: relative;top: 60px;text-align: center;}
header.site-header span.text, .single-header-info span.theme-color {font-size: 14px;}
.slider_section::after{ left: -4%; bottom: -20.8%; width: 104%; }
.bx-controls-direction { display: none;  }
.slider_section .layer-3{ top: 50.9%; }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.slider_section .box{ right: 0; }
.slider_section .box-hover, .box-hover-2, .slider_section .box{ width: 700px; }
.ht-site-description{padding-top: 0; }
.header-top-container{ padding:0px !important; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }
.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
.top-bar-head {padding: 0.5em 1em; width: 100%;}
.header-seo.header-transparent .is-fixed .main-bar img {position: relative;top: 80px;}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;}
}
@media screen and (max-width: 747px){.slider_gradiant {right: 0%;}
.img-slide-responsive {position: absolute;right: auto;}
}
@media screen and (max-width: 640px){.slider_gradiant {right: 0%;}
.slider_content {left: 73%;}
.p-single-bx {margin: 0 0em 1em;}
.slider-btn {margin-top: 0.5em;}
.top-bar-head {margin-top: 0.5em;}
.home .top-bar-head {margin-top: 1em;}
.header-menu {    padding-top: 10px;}
.slider_section .sliderimg i {    font-size: 20px;    line-height: 20px;        width: 55px;    height: 55px;}
.top-bar-head {padding: 0em !important;}
.hd-contact a {font-size: 13px;}
.hd-contact i{font-size: 18px;}
.home .site-header {position: relative !important;}
}
@media screen and (min-width: 639px) and (max-width: 722px){.slider_content {margin-left: -375px;top: 66%;/*left: 60%;*/}
.tp-loop-wrap.rs-wave {   min-width: 722px !important;}
.img-slide-responsive {right: auto;}
}
@media screen and (min-width: 627px) and (max-width: 685px){.slider_content {margin-left: -375px;left: 66%;width: 400px;}
.tp-loop-wrap.rs-wave {min-width: 490px !important;}
.img-slide-responsive {right: 490px;}
}
@media screen and (min-width: 521px) and (max-width: 621px){.slider_content {width: 400px;margin-left: -375px;top: 40%;left: 75%;}
.tp-loop-wrap.rs-wave {min-width: 475px !important;}
   .img-slide-responsive {right: 475px;}
}
@media screen and (min-width: 521px) and (max-width: 594px){    .tp-loop-wrap.rs-wave {    min-width: 380px !important;}
   .img-slide-responsive {    right: 380px;}
}
@media screen and (max-width: 520px){.slider_section .title {font-size: 25px;line-height: 25px;}
.slider_section .title b {font-size: 25px;margin-bottom: 0px;}
.slider_section .sub-title {font-size: 12px;line-height: 14px;}
.slider_section a.btn {font-size: 11px;padding: 10px 20px;}
.total-count .count {right: 15px;width: 15px;height: 15px;line-height: 7px;}
.total-count img {width: 15px;height: 20px;}
.total-count {padding: 18px 25px;}
.slider_content {     top: 40%;    left: 90%;    z-index: 999;}
.img-slide-responsive {right: auto;}
.hamburger-menus {top: 0px;}
.site-navigation {  border-bottom: 5px solid transparent !important;  bottom: 0;}
.top-bar-head .head-menu {padding-right: 0em;}
.share-btn ul li {top: -8px;position: relative;}
.header-share {top: 55px;right: 35px;}
.testimonials-single-area {padding: 0 0em;}
.logo {padding: 0;}
.slider_section .highlightbox {left: 4%;right: 50%;}
.slider_content {width: 340px;}
}
@media screen and (min-width: 320px) and (max-width: 475px){.ht-site-description{font-size: 12px;}
.slider_content {  top: 46%;left: 110%;z-index: 999;}
.img-slide-responsive {right: auto;}
.inquiry-area .inq-img img {height: 280px;padding-right: 0px;}
.skill-content img {height: 200px;}
}
@media screen and (min-width: 320px) and (max-width: 475px){.slider_section .char{    font-size: 12px;    height: 20px;}
.slider_section p{    width: 90%;    font-size: 12px;    line-height: 20px !important;    padding: 0;}
.ht-slide-cap-desc{   font-size: 28px;   line-height: 35px;   margin-bottom: 10px;   }
}
@media screen and (max-width: 475px){.img-slide-responsive {    right: 605px;}
}
@media screen and (max-width: 425px){.img-slide-responsive {    right: 590px;   }
   }
@media screen and (min-width: 320px) and (max-width: 475px){.slider-social-icon > span{letter-spacing: 0;}
.slider_section .layer-3 img {width: 30px;}
.slider_section .layer-7{    right: 34.3%;bottom: 15%;}
.slider_section .layer-7 img{width: 17px;}
.slider_section .layer-1 img{width: 14px;}
.slider_section .layer-1{top: 3.5%;}
 .header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,header.site-header input[type="submit"]{right: 0;}
.slider_section::after, .pricing-area::after{width: 0;}
.slider_section div.slider-social-icon { left: 90px; top: 88%;    transform: rotate(0deg);}
.social-icon-container a {font-size: 8px;padding: 0 2px; margin: 0 4px;}
.slider_section .layer-5 img,.slider_section .layer-8 img{ width: 25px;}
.slider_section .layer-6 img, .slider_section .layer-4 img{width: 15px; }
.slider_section .layer-3 img{ width: 40px; }
.slider_section .layer-8{top: 10.5%;}
.slider_section .layer-6 { bottom: 10%;right: 62.4%;}
.slider_section .layer-5 { bottom: 92px; }
.slider_section .layer-4 { top: 73.5%; }
.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 380px;}
.slider_section .btn:hover:before{top: 6px; }
.slider_section .box-hover, .box-hover-2{height: 340px;}
.slider_section .box-hover, .box-hover-2{ margin-top: 0; }
.slider_section .btn{font-size: 14px; padding: 8px 32px 8px 32px;}
.slider_section .box{ height: 325px; right: 0%;}
.single-header-info { text-align: center; padding: 0;}
}
@media screen and (min-width: 320px) and (max-width: 375px){.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 360px; }
.slider_section .box-hover, .box-hover-2{height: 305px; }
.slider_section .box{ height: 300px;}
.slider_content {top: 42%;left: 120%;z-index: 999;width: 315px;}
.tp-loop-wrap.rs-wave { min-width: 375px !important;}
   .img-slide-responsive {    right: auto;}
.slider_section .title {font-size: 22px;}
.slider_section .sub-title {font-size: 13px;line-height: 13px;}
.slider-btn {margin-top: 0.5em;}
.ht-site-title, .site-title {font-size: 16px;}
.ht-site-description {font-size: 10px;}
.header-share {right: 4px;}
.navicon {top: -60px !important;}
.header-inner-border {   width: 20px;}
.hd-contact a {font-size: 13px;}
}
@media screen and (min-width: 320px) and (max-width: 360px){.slider_content {left: 128%;}
.testimonials-area .ts-area-thumb img {width: 85px !important;    height: 60px;}
.tp-loop-wrap.rs-wave {min-width: 360px !important;}
.hamburger-menus {top: -10px;}
}
@media screen and (min-width: 320px) and (max-width: 320px){ div#about .section-title h2, .pricing-area h2 {font-size: 30px;}
.slider_section div.slider-social-icon{left: 45px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title {top: 45px;}
.slider_section .box-hover, .box-hover-2, .slider_section .box {width: 300px;}
.slider_section .box-hover, .box-hover-2 { height: 270px; }
.slider_section .box {height: 275px;}
.slider_section .title { font-size: 13px; }
.slider_section .sub-title { font-size: 15px;}
.ht-slide-cap-desc { line-height: 15px;}
.toggle-bar {right: 25px !important;}
.slider_section .title {font-size: 22px;line-height: 24px;margin-bottom: 0;}
.slider_section .sub-title {line-height: 15px;  font-size: 11px;}
.slider_content {left: 135%;width: 285px;}
.total-count {padding: 18px 36px;}
.total-count .count {right: 24px;}
.total-count .count {right: 10px;}
.total-count {padding: 18px 20px;}
.slider-btn {margin-top: 0.3em;}
.slider_section a.btn {font-size: 10px;padding: 7px 12px;}
.header-right, .logo {width: 100% !important;}
}
body.home.blog .page-main-header img {display: none;}
h1.product_title.entry-title {word-break: break-word;}
@media screen and (min-width: 320px) and (max-width: 1024px){.facilityrightbox2 {padding: 0;}
.top-circle.top-set h5:before{    top: 173px;        height: 85px;}
.facilityrightbox2 .slid-border h5:after{top: -65px;right: 0;left: 25px;    height: 90px;}
.facilityrightbox2 .slid-border.top-rotate h5:after {left: 163px;    top: -33px;}
.facilityrightbox2 .top-circle h5:before{    height: 90px;}
.facilityrightbox2 .section-title h2 {font-size: 30px;}
}
@media (max-width:991px){.facilityrightbox2 .text-right {/*margin: 0 auto;text-align: center;*/}
.facilityrightbox2 .section-title h2 {font-size: 50px;}
.facspace ul{padding-left:0;margin-left:0;}
.facilityrightbox2 {padding: 0 10%;}
}
@media (max-width:576px){
#facility-content-section .section-title h2{    display: inline-block;    padding-left: 25%;        font-size: 35px;}
.facilityrightbox2 { padding: 0; }
.facilityrightbox2 .slid-border h5:after {top: -30px;right: 0;left: -90px;height: 60px;}
.facilityrightbox2 .top-circle h5:before {display: none;}
}
@media (max-width:320px){#facility-content-section .section-title h2{    top: 42%;}
}
.site-header,.home.ht-sticky-header .site-header{background:url('');background-repeat:no-repeat;background-size:cover}
.logo-header.mostion img{max-width:100%}
.slider_gradiant{opacity:0.4}
div#skill{padding-top:0em}
div#skill{padding-bottom:0em}
#facility-content-section{padding-top:4em}
#facility-content-section{padding-bottom:4em}
div#about{padding-top:10em}
div#about{padding-bottom:3em}
#inquiry .inqtpimg{padding-top:4em}
#inquiry{padding-bottom:4em}
div#testimonials{padding-top:3em}
div#testimonials{padding-bottom:3em}
@media screen and (max-width:992px){	.navigation.menuopen{background:#001b42}.navigation.menuopen{border-right-color:#ff5317 !important}
}
.title-color{color:#fe5722}
.navigation .mainmenu li a{color:#9fa8b7}
.navigation .mainmenu li a:hover,div#navbarNavDropdown li.current_page_item a:hover,.current_page_item > a:hover{color:#dee1e6}
.navigation .mainmenu li.current_page_item a,.current_page_item > a{color:#edf0f2}
.menu-click i{color:#fff}
header.site-header ul.sub-menu li a,.navigation .mainmenu li.current_page_item ul.sub-menu li a,.header.site-header ul.sub-menu li a{color:#ffffff}
header.site-header ul.sub-menu li a:hover,.navigation .mainmenu ul.sub-menu li.current_page_item a,ul.sub-menu .current_page_item > a,div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover,ul.sub-menu .current_page_item > a:hover,div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover,.header.site-header ul.sub-menu li:hover a{color:#ff5317}
.header.site-header ul.sub-menu li a:before{color:#fff}
header.site-header ul.sub-menu li a:hover,.navigation .mainmenu ul.sub-menu li.current_page_item a,ul.sub-menu .current_page_item > a,div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover,ul.sub-menu .current_page_item > a:hover,div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover{background-color:#fff}
ul.sub-menu,header.site-header ul.sub-menu{background-image:radial-gradient( circle farthest-corner at 10% 20%,#001b42 0%,#05214a 100.3% )}
ul.sub-menu,header.site-header ul.sub-menu{outline-color:#ff5317}
.hamburger-menus span{background-color:#001b42}
.ht-site-title a{color:#041d45}
.ht-site-description a{color:#041d45}
.logo-rocket-icon i{color:#ff5317}
.hd-contact a,.hd-contact i{color:#fff}
.hd-contact:hover a,.hd-contact:hover i{color:#fff}
.hd-contact{background-color:#001b42}
.hd-contact:hover:before,.hd-contact:hover:after{background-color:#ff5317}
.site-navigation{background-color:#001b42}
.site-header .header-overlay{background-color:#fff}
.header-logo-bg,.site-navigation{border-bottom-color:#ff5317}
.navigation .mainmenu li.current_page_item a:before,.current_page_item > a:before,.navigation .mainmenu li a:hover:before,.header-inner-border{background-color:#ff5317}
.header-logo-bg{background-color:#fff}
.slider_section .title,.slider_section .title small,.slider_section .title b{color:#fff}
.slider_section .sub-title,.slider_section .sub-title small{color:#d7dae0}
.slider_section .highlightbox{background-color:#ff5317}
.slider_gradiant{background-color:#001b42}
.skill-num{color:#c8cfd4}
.skill-single-bx .skill-single-top h4 a,.skill-single-bx .skill-single-top h4 a small{color:#fafafa}
.skill-single-back{background-color:#000}
.skill-single-bx:hover .skill-single-back,.skill-single-bx:active .skill-single-back{display:inline-block;background-color:#ff5317;width:100%;}
div#about .section-title h2,div#about .section-title h2 small{color:#001b42}
div#about .section-subtitle h4,div#about .section-title h2 small{color:#ff6730}
div#about .section-subtitle h4:after{border-color:#ffc6b1}
div#about .about-main-area:hover .aboutarea-img img{border-color:#fe5317}
div#about .year-num{color:#fe5317}
div#about .year-text{color:#fe5317}
div#about .year-box{border-color:#fe5317}
div#about .year-box{background-color:#fff}
div#about .section-text p{color:#9f9f9f}
div#about .section-text-bold p{color:#001b42}
div#about .section-text-list ul li{color:#a4a4a4}
div#about .section-text-list ul li:before,div#about .section-text-list ol li:before{color:#fe7e51}
div#about .about-main-area:hover .bottom-img img{border-color:#fff}
#about .border-b-area,#about .about-btn a{border-color:#fff}
#about .about-btn a{color:#fff}
#about .about-btn a:hover{color:#001b42}
#about .about-btn a{background-color:#001b42}
#about .about-btn a:hover:before,#about .about-btn a:hover:after{background-color:#ff5317}
#about .section-bottom-title h3,#about .section-bottom-title h3 small{color:#fff}
div#about .block-pd{background-color:#ff5317}
div#about .bottom-content-block .section-text p{color:#fff}
#facility-content-section{background-image:url("../images/facility.jpg");background-position:top;background-size:cover}
.facilityrightbox2 .top-circle h5:before,.facilityrightbox2 .top-circle h5:after,.facilityrightbox2 .slid-border h5:after{background-color:#0612a6}
.facilityrightbox2 h5{color:#ffffff}
#facility-content-section .section-subheding{color:#ff5317}
#facility-content-section .section-subheding:before,#facility-content-section .section-subheding:after{border-color:#ff5317}
#facility-content-section .section-title h2,#facility-content-section .section-title h2 small{color:#ffffff}
#facility-content-section .facility-icon span{color:#fff}
#facility-content-section .facility-post:hover .facility-icon span{color:#ff5317}
#facility-content-section h5 ,#facility-content-section h5 small{color:#fff}
#facility-content-section h5 span{color:#ff5317}
#facility-content-section h5:hover span{color:#fff}
#facility-content-section .facility-post p{color:#ffffff}
#facility-content-section .facility-post:hover h5 ,#facility-content-section .facility-post:hover h5 small{color:#ff5317}
#facility-content-section .f-hover::before{background-color:#f1f1f1}
#facility-content-section .f-hover::before{background-color:#f1f1f1}
#facility-content-section ul{color:#fff;list-style:none;}
#facility-content-section ul li{display:inline-block;width:100%;;}

#facility-content-section ul li:before{content: "\f14a";color:#ff5317;font-family: 'Font Awesome 5 Free'; font-weight: 900;
margin-right: 15px;transform: scale(1);transition: all 0.5s ease 0s;color:#ff5317;display:block; float:left;
margin-bottom:10px;font-size: 18px;transform: scale(1);transition: all 0.5s ease 0s;}
#testimonials .bluebox{background-color:#001b42}
#testimonials .section-titlesub{color:#ff5317}
#testimonials .section-title,#testimonials .section-title small{color:#fff}
.testimonials-area .section-text p{color:#fff}
.testimonials-area .ts-area-content p{color:#001b42}
.testimonials-area h6.ts-area-title,.testimonials-area h6.ts-area-title small{color:#505050}
.testimonials-area .ts-area-single:hover h6.ts-area-title,.testimonials-area .ts-area-single:hover h6.ts-area-title small{color:#001b42}
.testimonials-area .ts-area-desg{color:#ff5317}
.testimonials-area .ts-area-single{background-color:#fff}
.testimonials-area .ts-area-single:before{color:#f5f6fa}
.testimonials-area .ts-area-single:hover:before{color:#001b42}
.testimonials-area .ts-area-thumb img{border-color:#fddbcf}
#inquiry .inqtpimg{background-image:url("../images/inquiry-bg.jpg");background-position:top;background-size:cover;background-attachment:fixed}
.inquiry-area .inquiry-ovly{background-color:#001b42}
.inquiry-area .section-subheding{color:#ff5317}
.inquiry-area .section-subheding:before,.inquiry-area .section-subheding:after{border-color:#ff5317}
.inquiry-area .section-title h2,.inquiry-area .section-title h2 small{color:#fff}
.inquiry-area .inquiry-r p{color:#ff5317}
#inquiry .inq-form:hover .inq-img:before,.inq-form:hover .inq-img:after{background-color:#ff5317}
.inquiry-area .inq-form{background-color:#fff}
.ht-inquiry-member-wrap input[type="text"],.ht-inquiry-member-wrap input[type="email"],.ht-inquiry-member-wrap input[type="url"],.ht-inquiry-member-wrap input[type="password"],.ht-inquiry-member-wrap input[type="search"],.ht-inquiry-member-wrap input[type="number"],.ht-inquiry-member-wrap input[type="tel"],.ht-inquiry-member-wrap input[type="range"],.ht-inquiry-member-wrap input[type="date"],.ht-inquiry-member-wrap input[type="month"],.ht-inquiry-member-wrap input[type="week"],.ht-inquiry-member-wrap input[type="time"],.ht-inquiry-member-wrap input[type="datetime"],.ht-inquiry-member-wrap input[type="datetime-local"],.ht-inquiry-member-wrap input[type="color"],.ht-inquiry-member-wrap input[type="file"],.ht-inquiry-member-wrap select,.ht-inquiry-member-wrap textarea,.inquiry-area .ht-inquiry-member-wrap input::placeholder,.inquiry-area .ht-inquiry-member-wrap textarea::placeholder{color:#858585}
.ht-inquiry-member-wrap input[type="text"],.ht-inquiry-member-wrap input[type="email"],.ht-inquiry-member-wrap input[type="url"],.ht-inquiry-member-wrap input[type="password"],.ht-inquiry-member-wrap input[type="search"],.ht-inquiry-member-wrap input[type="number"],.ht-inquiry-member-wrap input[type="tel"],.ht-inquiry-member-wrap input[type="range"],.ht-inquiry-member-wrap input[type="date"],.ht-inquiry-member-wrap input[type="month"],.ht-inquiry-member-wrap input[type="week"],.ht-inquiry-member-wrap input[type="time"],.ht-inquiry-member-wrap input[type="datetime"],.ht-inquiry-member-wrap input[type="datetime-local"],.ht-inquiry-member-wrap input[type="color"],.ht-inquiry-member-wrap input[type="file"],.ht-inquiry-member-wrap select,.ht-inquiry-member-wrap textarea,.inquiry-area .ht-inquiry-member-wrap input::placeholder,.inquiry-area .ht-inquiry-member-wrap textarea::placeholder{background-color:#e5e8ec!important}
.inquiry-area .ht-inquiry-member-wrap input[type="submit"]{color:#fff}
.inquiry-area .ht-inquiry-member-wrap input[type="submit"]{background-color:#ff5317}
.inquiry-area .ht-inquiry-member-wrap input[type="submit"]:hover{color:#ff5317}
.inquiry-area .ht-inquiry-member-wrap input[type="submit"]:hover{background-color:#001b42}
.ht-inquiry-member-wrap h3,.ht-inquiry-member-wrap h2,.inquiry-area .ht-inquiry-member-wrap{color:#858585}
.inquiry-area .ht-inquiry-member-wrap label{color:#444}
.navigation .mainmenu > li > a {display: block;font-size: 18px;font-weight: 400;line-height: 36px;text-transform: capitalize;position: relative;vertical-align: middle;box-shadow: transparent 0px 0px 1px;white-space: nowrap;transform: translateZ(0px);backface-visibility: hidden;padding: 14px 30px;text-decoration: none;}

.numberCircle {border-radius: 50%;width: 50px;height:50px;padding: 8px;display:inline-block;background: #fff; border:3px solid #001b42;color: #001b42;text-align: center;line-height:30px;margin:10px 7px 0px 7px;font-size: 32px;font-weight:700;}
.bignumberCircle {border-radius: 50%;width: 120px;height:120px;padding: 8px;display:inline-block; background: #fff;border:5px solid #ff5317;color: #ff5317;text-align: center;line-height:90px;margin:10px 7px 0px 7px;font-size: 60px;font-weight:700;}

.owl-item{width:50%;float:left;}
.screen-reader-response ul{list-style:none;margin-top:50px;}
.screen-reader-response ul .name{font-size:30px;margin-bottom:25px;}
.screen-reader-response ul li{width:100%;display:inline-block;margin-bottom:25px;}
.screen-reader-response ul li.phone{font-size:20px;}
.screen-reader-response ul li a{color:#858585}
.screen-reader-response ul i{font-size:20px;margin-bottom:20px;float:left;margin-right:10px;}
.navigation .mainmenu li.logo-image{display:none}
@media only screen and (max-width: 992px){
	.header-inner-border{display:none;}
	.hamburger-menus{	width:30px;	height:30px;	position:relative;	-webkit-transition:.1s;	transition:.1s;	margin:5px 15px;	cursor:pointer;	display:inline-block;	float: right;}
	.hamburger-menus span{width:5px;height:5px;/*background-color:#000;*/display:block;border-radius:50%;}
	.hamburger-menus span:nth-child(1){position:absolute;left:0;top:0;}
	.hamburger-menus span:nth-child(2){position:absolute;left:12px;top:0;}
	.hamburger-menus span:nth-child(3){position:absolute;right:0;top:0;}
	.hamburger-menus span:nth-child(4){position:absolute;left:0;top:12px;}
	.hamburger-menus span:nth-child(5){position:absolute;left:12px;top:12px;}
	.hamburger-menus span:nth-child(6){position:absolute;right:0px;top:12px;}
	.hamburger-menus span:nth-child(7){position:absolute;left:0px;bottom:0px;}
	.hamburger-menus span:nth-child(8){position:absolute;left:12px;bottom:0px;}
	.hamburger-menus span:nth-child(9){position:absolute;right:0px;bottom:0px;}
	.site-navigation {background-color: transparent !important;}
	.hamburger-menus:hover span{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);-webkit-transition:350ms cubic-bezier(0.8, 0.5, 0.2, 1.4);transition:350ms cubic-bezier(0.8, 0.5, 0.2, 1.4);-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.4);box-shadow:0px 2px 3px rgba(0,0,0,0.4);}
	.hamburger-menus.click-menu{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);cursor:pointer;-webkit-transition:0.2s cubic-bezier(0.8, 0.5, 0.2, 1.4);transition:0.2s cubic-bezier(0.8, 0.5, 0.2, 1.4);}
	.hamburger-menus.click-menu span{border-radius:50%;-webkit-transition-delay:200ms;transition-delay:200ms;/*background-color:rgba(255,255,255,0.767);*/-webkit-transition:0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4);transition:0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4);}
	.hamburger-menus.click-menu span:nth-child(2){position:absolute;left:6px;top:6px;}
	.hamburger-menus.click-menu span:nth-child(4){position:absolute;left:6px;top:18px;}
	.hamburger-menus.click-menu span:nth-child(6){position:absolute;right:6px;top:6px;}
	.hamburger-menus.click-menu span:nth-child(8){position:absolute;left:18px;bottom:6px;}
	.header-left-block{background:#12141c;width:100%;display:block;overflow:hidden;}
	.header-left-block .site-branding{float:left;}
	.header-left-block .site-branding>a{display:inline-block;}
	.header-left-block .site-navigation{float:right;}
	.header-right-block{display:none;}
	.navigation{overflow-y:auto;overflow-x:hidden;width: 50vw;height: 100%;position: fixed;left: -100%;padding: 0;top: 0;margin: 0;z-index: 1010;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;border-right: 5px solid #000;}
	.navigation .mainmenu li {display: block;position: relative;line-height: normal;margin-right: 35px;margin: 0;}
	.navigation .mainmenu{padding-top:20px;}
	.navigation .mainmenu>li>a {-webkit-backface-visibility: hidden;text-transform:uppercase;backface-visibility: hidden;display: block;font-size:20px;font-weight:400;line-height: 30px;overflow: hidden;padding: 5px 20px;position: relative;text-decoration: none;-webkit-transform: translateZ(0px);transform: translateZ(0px);vertical-align: middle;letter-spacing: 0.015em;text-align:center;}
	.navigation .mainmenu .logo-image{margin-bottom:20px;}
	.navigation .mainmenu .logo-image img{}
	.navigation{width:25vw;height:100%;position:fixed;left:-100%;padding:0;top:0;margin:0;z-index: 99999;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
	.navigation.menuopen{left:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;width:50%;}
	.navigation .menu-content>li{width:240px;display:block;float:none;border-right:none;background-color:transparent;position:relative;text-align:left;white-space:inherit;}
	ul.mainmenu{padding:0;margin:0;list-style:none;}
	.overlaybg{left:0;z-index:100;width:100%;height:100%;position:fixed;top:0;display:none;cursor:pointer;}
	 #menu-primary-menu .sf-arrows .sf-with-ul{border:none; }
	.menuopen .overlaybg{display:block;}
	.menu-wrapper{position:relative;z-index:9999;}
	.mainmenu li{position:relative;}
	.mainmenu li a .fa-angle-down{display:none;}
	.menu-click{position:absolute;top:0;right:0;display:block;cursor:pointer;z-index:120;}
	.menu-click i{display:block;-webkit-background-size:25px;background-size:25px;font-size:14px;float:right;padding:13px;width:54px;-webkit-transition:-webkit-transform 0.1s ease;transition:transform 0.1s ease;}
	.menu-extend.fa-plus::before{content:"\f068";font-family:"Fontawesome";font-weight:900;}
	ul.sub-menu{list-style:none;padding:0;margin:0;display:none;}
	ul.sub-menu li a{padding: 12px 32px 12px 20px;font-size: 16px;letter-spacing: 0;border-right: solid 0px;background-color: transparent;line-height: 25px;/* border-top: 1px solid #1f1f1f; */position: relative;color: #fff;/* letter-spacing: 0.015em; */display: block;}
	.navigation .mainmenu li:hover > ul {position: relative;}
	.skill-single-area .col-md-3{margin-bottom: 25px;}
	.about-area#about{padding-top:20px;}
	.about-area .aboutarea-img{display:none;}
	div#about .bottom-img{display:none;}
	div#about .about-btn{position:relative;width:100%;text-align:center;display:inline-block}
	.owl-item {width:100%;}
}
.upr{display:inline-block;text-align:center;padding-top:20px;padding-bottom:20px;width:100%;border:1px solid #001b42}

.copy{display:block;float:left;width:50%;text-align:left;font-size:14px;}
.project{display:block;float:right;width:40%;text-align:right;font-size:14px;}
.project .przydatne{margin-left:40px;}
.back-to-top{z-index:4;display:none;position:fixed;bottom:50px;right:50px;font-size:50px;color:#001b42;font-family:Fontawesome; font-weight: 900;}
.back-to-top.show{display:none;}
@media only screen and (max-width: 992px){
.hamburger-menus.show{display:block;position:fixed;top:50px;right:20px;}
.back-to-top{bottom:50px;right:20px;}
}