@import url("base.css");
 @import url("skeleton.css");
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Raleway:wght@500;800&display=swap');

 #header {
     min-height: 100px
 }

 #logo {
     margin-top: 22px
 }

 #logo a img {
     float: left
 }

 #tagline {
     color: #888;
     border-left: 1px solid #e9e9e9;
     margin: 0 0 0 20px;
     padding: 5px 0 5px 20px;
     float: left
 }

 #contact-details {
     float: right;
     margin-top: 43px;
     display: block
 }

 #contact-details li {
     display: inline;
     padding-left: 10px;
     margin-left: 10px;
     border-left: 1px solid #e9e9e9
 }

 #contact-details li:first-child {
     border: none;
     margin-left: 0;
     padding: 0
 }

 #contact-details i {
     margin-right: 5px;
     margin-top: 3px
 }

 #contact-details a {
     color: #707070
 }

 #contact-details a:hover {
     color: #888
 }

 .search-form .search-text-box {
     position: absolute;
     right: 10px;
     width: 54px;
     background-color: transparent;
     border: none;
     color: transparent;
     font-size: 13px;
     padding: 18px 0;
     cursor: pointer;
     background: url(../images/search-ico.png) 5% 50% no-repeat;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
     -ms-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     -webkit-box-shadow: none;
     box-shadow: none
 }

 .search-form .search-text-box:focus {
     font-size: 14px;
     background-color: transparent;
     padding: 16px 18px 16px 58px;
     width: 150px;
     border: none;
     color: #fff;
     cursor: text
 }

 .selectnav {
     display: none;
     cursor: pointer;
     width: 100%;
     padding: 8px;
     height: 37px;
     float: left;
     font-size: 14px;
     margin: 15px 0
 }

 #navigation {
     background: #303030;
     display: block;
     width: 100%;
     float: left;
     max-height: 52px;
     margin: 0 0 15px
 }

 #navigation ul,
 #navigation li {
     list-style: none;
     padding: 0;
     margin: 0;
     display: inline
 }

 #navigation ul li {
     float: left;
     position: relative
 }

 #navigation ul li a {
     display: inline-block;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     font-weight: 600;
     padding: 17px 25px
 }

 #navigation ul li a:hover {
     color: #fff;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 #current {
     background: #888 !important;
     color: #fff !important
 }

 #navigation ul ul {
     position: absolute;
     display: none;
     top: 51px;
     left: 0;
     background: #303030;
     z-index: 999
 }

/* #navigation ul ul li a {
     color: #aaa
 } */

 #navigation ul ul li a:hover {
     color: #fff
 }

 #navigation ul ul li a {
     display: block;
     width: 150px;
     margin: 0;
     padding: 9px 18px;
     font-family: open sans, sans-serif;
     font-weight: 400;
     font-size: 13px;
     border-bottom: 1px solid #444;
     background: 0 0
 }

 #navigation ul ul ul {
     position: absolute;
     top: 0;
     left: 100%;
     z-index: 999
 }

 #navigation ul ul ul li a {
     border-bottom: 1px solid #444 !important;
     border-top: 1px solid transparent;
     background: 0 0
 }

 #navigation ul ul li:last-child a,
 #navigation ul ul li:last-child a:hover {
     border-bottom: 1px solid transparent
 }

 #navigation ul ul ul li:last-child a {
     border-bottom: 1px solid transparent !important
 }

 #navigation ul li:hover>ul {
     opacity: 1;
     position: absolute;
     top: 99%;
     left: 0
 }

 #navigation ul ul li:hover>ul {
     position: absolute;
     top: 0;
     left: 100%;
     opacity: 1;
     z-index: 497
 }

 #navigation ul li:hover>a {
     background: #888;
     color: #fff
 }

 .ls-nav-prev,
 .ls-nav-next {
     width: 40px;
     height: 40px;
     display: block;
     background-color: #000;
     bottom: 30px;
     right: 30px;
     float: none;
     position: absolute;
     z-index: 10000;
     cursor: pointer;
     background-color: #222;
     background: rgba(0, 0, 0, .65);
     *bottom: 50px;
     font-size: 23px;
     font-family: 'Font Awesome 5 Pro';
     color: #fff;
     -webkit-transition: all .2s ease-in-out !important;
     -moz-transition: all .2s ease-in-out !important;
     -o-transition: all .2s ease-in-out !important;
     -ms-transition: all .2s ease-in-out !important;
     transition: all .2s ease-in-out !important
 }

 .ls-nav-prev {
     margin-right: 41px
 }

 .ls-nav-next:before {
     content: "\f105";
     top: 8px;
     left: 16px;
     position: relative
 }

 .ls-nav-prev:before {
     content: "\f104";
     top: 8px;
     left: 16px;
     position: relative
 }

 .ls-nav-prev:hover,
 .ls-nav-next:hover {
     background-color: #888;
     opacity: 1;
     color: #fff
 }

 .layerslider-container {
     width: 1180px;
     margin: 0 auto
 }

 @media only screen and (min-width:960px) and (max-width:1389px) {
     .layerslider-container {
         width: 940px
     }
 }

 @media only screen and (min-width:768px) and (max-width:959px) {
     .layerslider-container {
         width: 748px
     }
 }

 @media only screen and (max-width:767px) {
     .layerslider-container {
         width: 300px
     }
 }

 @media only screen and (min-width:480px) and (max-width:767px) {
     .layerslider-container {
         width: 420px
     }
 }

 .ls-container {
     visibility: hidden;
     position: relative
 }

 .ls-lt-container {
     position: absolute
 }

 .ls-lt-container,
 .ls-lt-container * {
     text-align: left !important;
     direction: ltr !important
 }

 .ls-container-fullscreen {
     margin: 0 auto !important;
     padding: 0% !important;
     background: #000 !important;
     border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     -webkit-border-radius: 0 !important;
     border: none !important
 }

 .ls-container-fullscreen .ls-thumbnail-wrapper,
 .ls-container-fullscreen .ls-fullscreen,
 .ls-container-fullscreen .ls-shadow {
     display: none !important
 }

 .ls-overflow-hidden {
     overflow: hidden
 }

 .ls-inner {
     position: relative;
     background-position: center center;
     z-index: 2
 }

 .ls-loading-container {
     position: absolute !important;
     display: none;
     z-index: 3 !important;
     left: 50% !important;
     top: 50% !important
 }

 .ls-loading-indicator {
     margin: 0 auto
 }

 .ls-inner,
 .ls-slide {
     width: 100%;
     height: 100%
 }

 .ls-slide,
 .ls-layer {
     position: absolute;
     display: none;
     background-position: center center;
     overflow: hidden
 }

 .ls-active,
 .ls-animating {
     display: block !important
 }

 .ls-slide>* {
     position: absolute;
     line-height: normal;
     margin: 0;
     left: 0;
     top: 0
 }

 .ls-slide .ls-bg {
     left: 0;
     top: 0;
     transform: none !important;
     -o-transform: none !important;
     -ms-transform: none !important;
     -moz-transform: none !important;
     -webkit-transform: none !important
 }

 .ls-yourlogo {
     position: absolute;
     z-index: 99
 }

 .ls-bar-timer {
     position: absolute;
     width: 0;
     height: 2px;
     background: #fff;
     border-bottom: 2px solid #555;
     opacity: .55;
     filter: alpha(opacity=55);
     z-index: 4;
     top: 0
 }

 .ls-circle-timer {
     width: 16px;
     height: 16px;
     position: absolute;
     right: 10px;
     top: 10px;
     z-index: 4;
     opacity: .65;
     filter: alpha(opacity=65);
     display: none
 }

 .ls-ct-half {
     background: #fff
 }

 .ls-ct-center {
     background: #444
 }

 .ls-ct-left,
 .ls-ct-right {
     width: 50%;
     height: 100%;
     overflow: hidden
 }

 .ls-ct-left,
 .ls-ct-right {
     float: left;
     position: relative
 }

 .ls-ct-rotate {
     width: 200%;
     height: 100%;
     position: absolute;
     top: 0
 }

 .ls-ct-left .ls-ct-rotate,
 .ls-ct-right .ls-ct-hider,
 .ls-ct-right .ls-ct-half {
     left: 0
 }

 .ls-ct-right .ls-ct-rotate,
 .ls-ct-left .ls-ct-hider,
 .ls-ct-left .ls-ct-half {
     right: 0
 }

 .ls-ct-hider,
 .ls-ct-half {
     position: absolute;
     top: 0
 }

 .ls-ct-hider {
     width: 50%;
     height: 100%;
     overflow: hidden
 }

 .ls-ct-half {
     width: 200%;
     height: 100%
 }

 .ls-ct-center {
     width: 50%;
     height: 50%;
     left: 25%;
     top: 25%;
     position: absolute
 }

 .ls-ct-half,
 .ls-ct-center {
     border-radius: 100px;
     -moz-border-radius: 100px;
     -webkit-border-radius: 100px
 }

 .ls-bottom-nav-wrapper {
     height: 0
 }

 .ls-bottom-slidebuttons {
     text-align: left
 }

 .ls-bottom-nav-wrapper,
 .ls-below-thumbnails {
     z-index: 2;
     height: 0;
     position: relative;
     text-align: center;
     margin: 0 auto
 }

 .ls-below-thumbnails {
     display: none;
     z-index: 6
 }

 .ls-bottom-nav-wrapper a,
 .ls-nav-prev,
 .ls-nav-next {
     outline: none
 }

 * .ls-bottom-nav-wrapper *,
 * .ls-bottom-nav-wrapper span * {
     direction: ltr !important
 }

 .ls-bottom-slidebuttons {
     position: relative;
     z-index: 30
 }

 .ls-bottom-slidebuttons,
 .ls-nav-start,
 .ls-nav-stop,
 .ls-nav-sides {
     position: relative
 }

 .ls-nothumb {
     text-align: center !important
 }

 .ls-link {
     position: absolute;
     width: 100% !important;
     height: 100% !important;
     left: 0 !important;
     top: 0 !important;
     background-image: url(../images/blank.gif)
 }

 .ls-slide>a>* {
     background-image: url(../images/blank.gif)
 }

 .ls-vpcontainer {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0
 }

 .ls-videopreview {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     cursor: pointer
 }

 .ls-playvideo {
     position: absolute;
     left: 50%;
     top: 50%;
     cursor: pointer
 }

 .ls-tn {
     display: none !important
 }

 .ls-thumbnail-hover {
     display: none;
     position: absolute;
     left: 0
 }

 .ls-thumbnail-hover-inner {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: none
 }

 .ls-thumbnail-hover-bg {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0
 }

 .ls-thumbnail-hover-img {
     position: absolute;
     overflow: hidden
 }

 .ls-thumbnail-hover img {
     max-width: none !important;
     position: absolute;
     display: inline-block;
     visibility: visible !important;
     left: 50%;
     top: 0
 }

 .ls-thumbnail-hover span {
     left: 50%;
     top: 100%;
     width: 0;
     height: 0;
     display: block;
     position: absolute;
     border-left-color: transparent !important;
     border-right-color: transparent !important;
     border-bottom-color: transparent !important
 }

 .ls-thumbnail-wrapper {
     position: relative;
     width: 100%;
     margin: 0 auto;
     z-index: 4
 }

 .ls-thumbnail {
     position: relative;
     margin: 0 auto
 }

 .ls-thumbnail-inner,
 .ls-thumbnail-slide-container {
     width: 100%
 }

 .ls-thumbnail-slide-container {
     overflow: hidden !important;
     position: relative
 }

 .ls-touchscroll {
     overflow-x: auto !important
 }

 .ls-thumbnail-slide {
     text-align: center;
     white-space: nowrap;
     float: left;
     position: relative
 }

 .ls-thumbnail-slide a {
     overflow: hidden;
     display: inline-block;
     width: 0;
     height: 0;
     position: relative
 }

 .ls-thumbnail-slide img {
     max-width: none !important;
     max-height: 100% !important;
     height: 100%;
     visibility: visible !important
 }

 .ls-shadow {
     display: none;
     position: absolute;
     z-index: 1;
     top: 100%;
     width: 100%;
     left: 0;
     overflow: hidden !important;
     visibility: hidden
 }

 .ls-shadow img {
     width: 100% !important;
     height: auto !important;
     position: absolute !important;
     left: 0 !important;
     bottom: 0 !important
 }

 .ls-bottom-nav-wrapper,
 .ls-thumbnail-wrapper,
 .ls-nav-prev,
 .ls-nav-next {
     visibility: hidden
 }

 .ls-wp-fullwidth-container {
     width: 100%;
     position: relative
 }

 .ls-wp-fullwidth-helper {
     position: absolute
 }

 .ls-overflow-hidden {
     overflow: hidden
 }

 .ls-lt-tile {
     position: relative;
     float: left;
     perspective: 1000px;
     -o-perspective: 1000px;
     -ms-perspective: 1000px;
     -moz-perspective: 1000px;
     -webkit-perspective: 1000px
 }

 .ls-lt-tile img {
     visibility: visible;
     display: inline-block
 }

 .ls-curtiles {
     overflow: hidden
 }

 .ls-curtiles,
 .ls-nexttiles {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0
 }

 .ls-curtile,
 .ls-nexttile {
     overflow: hidden;
     position: absolute;
     width: 100% !important;
     height: 100% !important;
     backface-visibility: hidden;
     -o-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -webkit-backface-visibility: hidden
 }

 .ls-curtile {
     left: 0;
     top: 0
 }

 .ls-curtile img,
 .ls-nexttile img {
     position: absolute;
     filter: inherit
 }

 .ls-3d-container {
     position: relative;
     overflow: visible !important
 }

 .ls-3d-box {
     position: absolute;
     top: 50%;
     left: 50%;
     transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -webkit-transform-style: preserve-3d
 }

 .ls-3d-box div {
     overflow: hidden;
     background: #777;
     margin: 0;
     padding: 0;
     position: absolute
 }

 .ls-fullscreen {
     position: absolute;
     z-index: 10;
     cursor: pointer;
     display: block
 }

 html * .ls-nav-prev,
 html * .ls-nav-next,
 html * .ls-container img,
 html * .ls-bottom-nav-wrapper a,
 html * .ls-container .ls-fullscreen,
 body * .ls-nav-prev,
 body * .ls-nav-next,
 body * .ls-container img,
 body * .ls-bottom-nav-wrapper a,
 body * .ls-container .ls-fullscreen,
 #ls-global * .ls-nav-prev,
 #ls-global * .ls-nav-next,
 #ls-global * .ls-container img,
 #ls-global * .ls-bottom-nav-wrapper a,
 #ls-global * .ls-container .ls-fullscreen,
 html * .ls-thumbnail a,
 body * .ls-thumbnail a,
 #ls-global * .ls-thumbnail a {
     transition: none;
     -o-transition: none;
     -ms-transition: none;
     -moz-transition: none;
     -webkit-transition: none;
     line-height: normal;
     outline: none;
     padding: 0;
     border: 0
 }

 html * .ls-slide>a,
 body * .ls-slide>a,
 #ls-global * .ls-slide>a,
 html * .ls-slide>h1,
 body * .ls-slide>h1,
 #ls-global * .ls-slide>h1,
 html * .ls-slide>h2,
 body * .ls-slide>h2,
 #ls-global * .ls-slide>h2,
 html * .ls-slide>h3,
 body * .ls-slide>h3,
 #ls-global * .ls-slide>h3,
 html * .ls-slide>h4,
 body * .ls-slide>h4,
 #ls-global * .ls-slide>h4,
 html * .ls-slide>h5,
 body * .ls-slide>h5,
 #ls-global * .ls-slide>h5,
 html * .ls-slide>p,
 body * .ls-slide>p,
 #ls-global * .ls-slide>p,
 html * .ls-slide>div,
 body * .ls-slide>div,
 #ls-global * .ls-slide>div,
 html * .ls-slide>span,
 body * .ls-slide>span,
 #ls-global * .ls-slide>span,
 html * .ls-slide>*,
 body * .ls-slide>*,
 #ls-global * .ls-slide>* {
     transition: none;
     -o-transition: none;
     -ms-transition: none;
     -moz-transition: none;
     -webkit-transition: none
 }

 html * .ls-slide>*,
 body * .ls-slide>*,
 #ls-global * .ls-slide>* {
     margin: 0
 }

 html * .ls-container img,
 body * .ls-container img,
 #ls-global * .ls-container img {
     background: 0 0 !important;
     min-width: 0 !important;
     max-width: none !important;
     border-radius: 0;
     box-shadow: none;
     border: 0;
     padding: 0
 }

 html * .ls-wp-container .ls-slide>*,
 body * .ls-wp-container .ls-slide>*,
 #ls-global * .ls-wp-container .ls-slide>* {
     line-height: normal;
     outline: none;
     padding: 0;
     margin: 0;
     border: 0
 }

 html * .ls-wp-container .ls-slide>a>*,
 body * .ls-wp-container .ls-slide>a>*,
 #ls-global * .ls-wp-container .ls-slide>a>* {
     margin: 0
 }

 html * .ls-wp-container .ls-slide>a,
 body * .ls-wp-container .ls-slide>a,
 #ls-global * .ls-wp-container .ls-slide>a {
     text-decoration: none
 }

 .ls-wp-fullwidth-container,
 .ls-wp-fullwidth-helper,
 .ls-container,
 .ls-container * {
     box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
     -webkit-box-sizing: content-box !important
 }

 html * .ls-yourlogo,
 body * .ls-yourlogo,
 #ls-global * .ls-yourlogo {
     margin: 0
 }

 html * .ls-tn,
 body * .ls-tn,
 #ls-global * .ls-tn {
     display: none
 }

 .site {
     overflow: visible !important
 }

 .ls-debug-console * {
     margin: 0 !important;
     padding: 0 !important;
     border: 0 !important;
     color: #fff !important;
     text-shadow: none !important;
     font-family: helveticaneue-light, helvetica neue light, Helvetica, Arial, sans-serif !important;
     line-height: normal !important;
     -webkit-font-smoothing: antialiased !important;
     text-align: left !important;
     font-style: normal !important
 }

 .ls-debug-console h1 {
     padding-top: 10px !important;
     font-size: 17px !important;
     font-weight: 700 !important
 }

 .ls-debug-console h1:first-child {
     padding-top: 0 !important
 }

 .ls-debug-console ul {
     padding-top: 10px !important;
     list-style: none !important
 }

 .ls-debug-console li {
     margin-left: 10px !important;
     font-size: 13px !important;
     position: relative !important;
     font-weight: 400 !important
 }

 html * .ls-debug-console li ul,
 body * .ls-debug-console li ul,
 #ls-global * .ls-debug-console li ul {
     display: none;
     width: 260px;
     left: -10px
 }

 .ls-debug-console li ul {
     position: absolute !important;
     bottom: 100% !important;
     padding: 10px 10px 10px 0 !important;
     background: #fff !important;
     border-radius: 10px !important;
     box-shadow: 0 0 20px #000 !important
 }

 html * .ls-debug-console li:hover ul,
 body * .ls-debug-console li:hover ul,
 #ls-global * .ls-debug-console li:hover ul {
     display: block
 }

 .ls-debug-console li ul * {
     color: #000 !important
 }

 .ls-debug-console a {
     text-decoration: none !important;
     border-bottom: 1px dotted #fff !important
 }

 .ls-error {
     border-radius: 5px !important;
     -moz-border-radius: 5px !important;
     -wenkit-border-radius: 5px !important;
     background: #fff !important;
     height: auto !important;
     width: auto !important;
     color: #fff !important;
     padding: 20px 40px 30px 80px !important;
     position: relative !important;
     box-shadow: 0 2px 20px -5px #000
 }

 .ls-error p {
     line-height: normal !important;
     text-shadow: none !important;
     margin: 0 !important;
     padding: 0 !important;
     border: 0 !important;
     text-align: justify !important;
     font-family: Arial, sans-serif !important
 }

 .ls-error .ls-error-title {
     line-height: 40px !important;
     color: red !important;
     font-weight: 700 !important;
     font-size: 16px !important
 }

 .ls-error .ls-error-text {
     color: #555 !important;
     font-weight: 400 !important;
     font-size: 13px !important
 }

 .ls-error .ls-exclam {
     width: 40px !important;
     height: 40px !important;
     position: absolute !important;
     left: 20px !important;
     top: 20px !important;
     border-radius: 50px !important;
     -moz-border-radius: 50px !important;
     -webkit-border-radius: 50px !important;
     font-size: 30px !important;
     font-weight: 700 !important;
     color: #fff !important;
     line-height: 40px !important;
     background: red !important;
     text-align: center !important
 }

 html * .ls-container .ls-shadow,
 html * .ls-container .ls-slide>*,
 html * .ls-container .ls-fullscreen,
 html * .ls-container .ls-3d-container,
 html * .ls-container .ls-lt-container,
 html * .ls-container .ls-lt-container *,
 html * .ls-container .ls-thumbnail-wrapper,
 html * .ls-container .ls-bottom-nav-wrapper,
 body * .ls-container .ls-shadow,
 body * .ls-container .ls-slide>*,
 body * .ls-container .ls-fullscreen,
 body * .ls-container .ls-3d-container,
 body * .ls-container .ls-lt-container,
 body * .ls-container .ls-lt-container *,
 body * .ls-container .ls-thumbnail-wrapper,
 body * .ls-container .ls-bottom-nav-wrapper,
 #ls-global * .ls-container .ls-shadow,
 #ls-global * .ls-container .ls-slide>*,
 #ls-global * .ls-container .ls-fullscreen,
 #ls-global * .ls-container .ls-3d-container,
 #ls-global * .ls-container .ls-lt-container,
 #ls-global * .ls-container .ls-lt-container *,
 #ls-global * .ls-container .ls-thumbnail-wrapper,
 #ls-global * .ls-container .ls-bottom-nav-wrapper,
 .ls-gpuhack {
     transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0)
 }

 .ls-videohack {
     transform: none !important;
     -o-transform: none !important;
     -ms-transform: none !important;
     -moz-transform: none !important;
     -webkit-transform: none !important;
     transform-origin: none !important;
     -o-transform-origin: none !important;
     -ms-transform-origin: none !important;
     -moz-transform-origin: none !important;
     -webkit-transform-origin: none !important
 }

 .ls-oldiepnghack {
     filter: none !important
 }

 .ls-gpuhack {
     width: 100% !important;
     height: 100% !important;
     left: 0 !important;
     top: 0 !important
 }

 html * .ls-container .ls-webkit-hack,
 body * .ls-container .ls-webkit-hack,
 #ls-global * .ls-container .ls-webkit-hack {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1
 }

 @media(transform-3d),
 (-o-transform-3d),
 (-ms-transform-3d),
 (-moz-transform-3d),
 (-webkit-transform-3d) {
     #ls-test3d {
         position: absolute;
         left: 9px;
         height: 3px
     }
 }

 .ls-forcehide {
     display: none !important
 }

.badge-wh {
    position: absolute;
    left: 5px;
    top: 10px;
    background: #ffe9e9;
    color: #de5959;
    text-align: center;
    padding: 10px 17px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
}
.badge-gr {
    position: absolute;
    right: 5px;
    top: 10px;
    background: #EBF6E0;
    color: #5f9025;
    text-align: center;
    padding: 10px 17px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
}

.badge-left {
    position: absolute;
    left: 5px;
    top: 15px;
    background: #ffe9e9;
    color: #de5959;
    text-align: center;
    padding: 5px 17px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
}
.badge-right {
    position: absolute;
    right: 5px;
    top: 15px;
    background: #EBF6E0;
    color: #5f9025;
    text-align: center;
    padding: 5px 17px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
}


 .flex-container a:active,
 .flexslider a:active,
 .flex-container a:focus,
 .flexslider a:focus {
     outline: none
 }

 .slides,
 .flex-control-nav,
 .flex-direction-nav {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .flexslider {
     margin: 0;
     padding: 0
 }

 .flexslider .slides>li {
     position: relative;
     zoom: 1;
     display: none;
     -webkit-backface-visibility: hidden
 }

 .flexslider .slides img {
     width: 100%;
     display: block
 }

 .flex-pauseplay span {
     text-transform: capitalize
 }

 .flexslider {
     position: relative;
     zoom: 1;
     z-index: 10
 }

 .slides:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }

 html[xmlns] .slides {
     display: block
 }

 * html .slides {
     height: 1%
 }

 .no-js .slides>li:first-child {
     display: block
 }

 .flexslider {
     background: #fff;
     zoom: 1
 }

 .ie7 .flexslider {
     margin-bottom: -30px
 }

 .flex-viewport {
     max-height: 2000px
 }

 .loading .flex-viewport {
     max-height: 300px
 }

 .flexslider .slides {
     zoom: 1
 }

 .flex-direction-nav a {
     width: 40px;
     height: 40px;
     display: block;
     background-color: #000;
     bottom: 30px;
     right: 30px;
     float: none;
     position: absolute;
     z-index: 20;
     cursor: pointer;
     background-color: #222;
     background: rgba(0, 0, 0, .65);
     *bottom: 50px;
     font-size: 23px;
     font-family: 'Font Awesome 5 Pro';
     color: #fff;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 .flex-direction-nav .flex-next:before {
     content: "\f105";
     top: 10px;
     left: 16px;
     position: relative
 }

 .flex-direction-nav .flex-prev:before {
     content: "\f104";
     top: 10px;
     left: 16px;
     position: relative
 }

 .flex-direction-nav .flex-prev {
     margin-right: 41px
 }

 .flex-direction-nav .flex-prev:hover,
 .flex-direction-nav .flex-next:hover {
     background-color: #888;
     opacity: 1
 }

 .subpage .flex-direction-nav a {
     bottom: 0;
     right: 0;
     *bottom: 30px
 }

 .flex-control-nav {
     width: 100%;
     position: absolute;
     bottom: -30px;
     text-align: center
 }

 .flex-control-nav li {
     margin: 0 3px 0 0;
     display: inline-block;
     zoom: 1;
     *display: inline
 }

 .flex-control-paging li a {
     width: 14px;
     height: 14px;
     display: block;
     background: #c8c8c8;
     cursor: pointer;
     text-indent: -9999px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -o-border-radius: 20px;
     border-radius: 20px
 }

 .flex-control-paging li a:hover,
 .flex-control-paging li a.flex-active {
     background: #505050
 }

 .flex-control-paging li a.flex-active {
     cursor: default
 }

 .slide-caption {
     width: 30%;
     padding: 22px;
     margin: 0 0 30px 30px;
     position: absolute;
     display: block;
     left: 0;
     bottom: 0;
     background-color: #222;
     background: rgba(0, 0, 0, .7)
 }

 .slide-caption h3 {
     color: #fff;
     font-size: 16px;
     padding-bottom: 7px;
     margin: 0;
     line-height: 22px
 }

 .slide-caption p {
     margin: 0;
     line-height: 23px;
     font-size: 14px !important;
     color: #bbb
 }

 .slide-caption.alt h3 {
     font-size: 23px;
     line-height: 32px;
     margin-bottom: 5px
 }

 #layerslider .slide-caption {
     margin: 0;
     position: relative;
     display: block
 }

 #layerslider .slide-caption {
     top: 305px !important
 }

 @media only screen and (min-width:960px) and (max-width:1389px) {
     #layerslider .slide-caption {
         top: 194px !important
     }
 }

 @media only screen and (min-width:768px) and (max-width:959px) {
     #layerslider .slide-caption {
         top: 80px !important
     }
 }

 #layerslider .slide-caption.alt {
     padding: 30px 25px 30px 35px;
     top: 0 !important
 }

 .icon-box-container {
     margin: 35px 0 25px;
     float: left
 }

 .icon-boxes-container {
     margin: 35px 0 35px;
     float: left
 }

 .icon-box p,
 .icon-box h3 {
     margin-left: 43px;
     display: block;
 }

 .icon-box h3 {
     line-height: 34px
 }

 .icon-box i {
     float: left;
     font-size: 26px;
     color: #1e3050;
     margin: 5px 0 0
 }

 .featured-boxes {
     float: left;
     margin: 52px 0 8px
 }

 .featured-box {
     float: left;
     margin: 0 0 30px
 }

 .circle .icon-magic,
 .circle-3 .icon-magic {
     margin-top: 21px
 }

 .circle i,
 .circle-3 i {
     font-size: 18px;
     margin: 20px 0;
     left: 35%;
     float: left;
     color: #a0a0a0;
     z-index: 5;
     position: relative
 }

 .circle,
 .circle-3 {
     width: 60px;
     height: 60px;
     display: block;
     border-radius: 50%;
     background-color: #f2f2f2;
     text-align: center;
     float: left
 }

 .featured-desc {
     float: left;
     margin: -65px 0 0 82px
 }

 .featured-desc h3 {
     font-size: 20px;
     margin-bottom: 4px
 }

 .featured-box:hover>.circle {
     background-color: gray
 }

 .featured-box:hover>.circle i {
     color: #fff
 }

 .circle,
 .circle i,
 .circle span {
     -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
     -o-transition-duration: .5s;
     -ms-transition-duration: .5s;
     transition-duration: .5s
 }

 .circle span {
     z-index: 4;
     display: block;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background-color: #f2f2f2
 }

 .featured-box:hover>.circle span {
     background-color: gray;
     opacity: 0;
     -moz-transform: scale(1.5);
     -webkit-transform: scale(1.5);
     -o-transform: scale(1.5);
     -ms-transform: scale(1.5);
     -moz-transition-duration: .7s;
     -webkit-transition-duration: .7s;
     -ms-transition-duration: .7s;
     -o-transition-duration: .7s;
     transition-duration: .7s
 }

 .circle-2 i {
     font-size: 18px;
     margin: 0;
     top: 20px;
     left: 38%;
     float: left;
     color: #a0a0a0;
     z-index: 5;
     position: relative;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 .circle-2 {
     width: 60px;
     height: 60px;
     display: block;
     border-radius: 50%;
     background-color: #f2f2f2;
     text-align: center;
     float: left;
     -webkit-transition: all .3s ease-in-out, box-shadow .2s ease-in-out;
     -moz-transition: all .3s ease-in-out, box-shadow .2s ease-in-out;
     -o-transition: all .3s ease-in-out, box-shadow .2s ease-in-out;
     -ms-transition: all .3s ease-in-out, box-shadow .2s ease-in-out;
     transition: all .3s ease-in-out, box-shadow .2s ease-in-out;
     position: relative;
     overflow: hidden
 }

 .featured-box:hover>.circle-2 {
     background-color: #a0a0a0;
     box-shadow: 0 0 0 8px rgba(115, 184, 25, .3)
 }

 .featured-box:hover>.circle-2 i {
     -webkit-animation: toBottomFromTop .25s forwards;
     -moz-animation: toBottomFromTop .25s forwards;
     animation: toBottomFromTop .25s forwards;
     animation-delay: .03s;
     -webkit-animation-delay: .03s;
     color: #fff
 }

 @-webkit-keyframes toBottomFromTop {
     49% {
         -webkit-transform: translateY(100%)
     }

     50% {
         opacity: 0;
         -webkit-transform: translateY(-100%)
     }

     51% {
         opacity: 1
     }
 }

 @-moz-keyframes toBottomFromTop {
     49% {
         -moz-transform: translateY(100%)
     }

     50% {
         opacity: 0;
         -moz-transform: translateY(-100%)
     }

     51% {
         opacity: 1
     }
 }

 @keyframes toBottomFromTop {
     49% {
         transform: translateY(100%)
     }

     50% {
         opacity: 0;
         transform: translateY(-100%)
     }

     51% {
         opacity: 1
     }
 }

 .circle-3,
 .circle-3 i {
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 .featured-box:hover>.circle-3 {
     background-color: #a0a0a0;
     box-shadow: 0 0 0 8px rgba(115, 184, 25, .3)
 }

 .featured-box:hover>.circle-3 i {
     color: #fff;
     transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg)
 }

 .ie-dropdown-fix {
     position: relative;
     z-index: 55
 }

 #counters {
     background-color: #303030;
     padding: 55px 0 52px;
     left: -35px;
     position: relative
 }

 .counter-box {
     display: block;
     padding: 0;
     text-align: center;
     border-right: 1px solid #444
 }

 #counters .container:before {
     width: 1px;
     position: absolute;
     height: 100%;
     display: inline-block;
     background-color: #303030;
     content: "";
     right: 10px
 }

 .counter-box p {
     margin: 5px 0 0;
     padding: 0;
     color: #a0a0a0;
     font-size: 18px;
     font-weight: 500;
     display: block
 }

 .counter {
     display: inline-block;
     font-size: 30px;
     font-weight: 600;
     color: #fff;
     line-height: 32px
 }

 .counter-box i {
     display: block;
     font-size: 48px;
     font-weight: 500;
     color: #a0a0a0;
     line-height: 40px;
     margin-bottom: 18px;
     color: #fff
 }

 .infobox {
     background-color: gray;
     font-size: 26px;
     font-weight: 300;
     line-height: 40px;
     color: #fff;
     padding: 34px 0;
     text-align: center;
     margin: 45px 0 -50px;
     left: -35px;
     position: relative
 }

 .infobox a {
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     border: 1px solid #fff;
     background-color: transparent;
     padding: 14px 18px;
     margin: 0 0 0 24px;
     position: relative;
     /*top: -4px; */
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 .infobox a:hover {
     background-color: #fff;
     color: #404040
 }

 #testimonials {
     position: relative;
     margin-top: 0;
     background: url(../images/baseboard-banner.webp) no-repeat 50%;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     left: -35px;
     position: relative;
     margin-top: 5px;
     margin-bottom: 40px
 }

 #testimonials:before {
     content: "";
     width: 100%;
     height: 100%;
     display: inline-block;
     background-color: rgba(29, 29, 29, .7);
     position: absolute
 }

 .testimonials-slider {
     text-align: center
 }

 .testimonials-slider li p {
     font-size: 20px;
     font-weight: 400;
     color: #fff;
     line-height: 34px;
     padding: 75px 100px
 }

 .testimonials-slider li p span {
     display: block;
     font-weight: 600;
     font-size: 16px;
     margin-top: 15px
 }

 .flex-container a:hover,
 .flex-slider a:hover,
 .flex-container a:focus,
 .flex-slider a:focus {
     outline: none
 }

 .slides,
 .slides>li,
 .flex-control-nav,
 .flex-direction-nav {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .flex-pauseplay span {
     text-transform: capitalize
 }

 .flex-control-nav {
     width: 100%;
     position: absolute;
     bottom: 50px;
     text-align: center;
     z-index: 999;
     left: 0
 }

 .flex-control-nav li {
     margin: 0 3px;
     display: inline-block;
     zoom: 1;
     *display: inline
 }

 .flex-control-paging li a {
     width: 9px;
     height: 9px;
     display: block;
     background: 0 0;
     border: 2px solid #fff;
     cursor: pointer;
     text-indent: -9999px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     -ms-transition: all .1s ease-in-out;
     -o-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out
 }

 .flex-control-paging li a:hover {
     background: #fff
 }

 .flex-control-paging li a.flex-active {
     background: #fff;
     cursor: default
 }

 .team-name {
     padding: 15px 0;
     border-bottom: 1px solid #e9e9e9;
     margin-bottom: 15px
 }

 .team-name h5 {
     line-height: 18px
 }

 .team-name span {
     display: block;
     font-size: 14px;
     font-weight: 400;
     color: #888
 }

 .team-about p {
     padding: 0 0 15px;
     border-bottom: 1px solid #e9e9e9;
     margin-bottom: 15px
 }

 .picture {
     position: relative
 }

 .picture img {
     width: 100%;
     height: auto
 }

 .image-overlay-link,
 .image-overlay-zoom {
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     position: absolute;
     z-index: 40;
     display: none;
     background-color: #222;
     background: rgba(0, 0, 0, .5);
     background-repeat: no-repeat;
     background-position: 50%;
     cursor: pointer;
     font-family: 'Font Awesome 5 Pro';
     font-size: 18px
 }

 .image-overlay-zoom:before,
 .image-overlay-link:before {
     border-radius: 50%;
     width: 55px;
     height: 55px;
     display: block;
     position: relative;
     background: rgba(0, 0, 0, .6);
     color: #fff;
     content: "";
     top: 50%;
     left: 50%;
     margin-top: -27px;
     margin-left: -27px;
     text-align: center;
     vertical-align: middle
 }

 .image-overlay-zoom:after,
 .image-overlay-link:after {
     position: absolute;
     color: #fff;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .image-overlay-link:after {
     content: "\f0c1"
 }

 .image-overlay-zoom:after {
     content: "\f002"
 }

 .headline {
     background: url(../images/headline-bg.png) 0 50% repeat-x;
     display: block;
     margin: 30px 0 18px
 }
 
 .headline-right {
     background: url(../images/headline-bg.png) 0 50% repeat-x;
     display: block;
     margin: 30px 0 18px;
     text-align: right
 }

 .no-margin {
     margin-top: 0
 }
 
.m0 {
     margin: 0 !important;
 }
.m5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.m6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
}
.m7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
}
.m8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.alt > h5 {
    border-bottom: none !important;
}
 .low-margin {
     margin-top: 15px
 }

 .headline h3,
 .headline h4 {
     background-color: #fff;
     display: inline;
     padding: 0 10px 0 0
 }
 .headline-right h3,
 .headline-right h4 {
     background-color: #fff;
     display: inline;
     padding: 0 0 0 10px
 }

 #page-title {
     border-bottom: 1px solid #e9e9e9;
     display: block;
     margin: 0 0 30px
 }

 #page-title h2 {
     font-weight: 400;
     padding: 19px 0 35px
 }

 #page-title span {
     color: #aaa
 }
 
 #page-title span a {
     color: #aaa;
     text-decoration: none;
 }
 
  #page-title h2 span a {
     color: #aaa;
     text-decoration: none;
 }

 #bolded-line {
     text-indent: -9999px;
     height: 3px;
     width: 100px;
     display: block;
     background: #888;
     margin-bottom: -2px
 }

 .client-list li {
     border: 1px solid #e5e5e5;
     float: left;
     margin: -1px 0 0 -1px
 }

 .portfolio-item {
     margin: 5px 0 25px
 }

 .item-description {
     margin-bottom: 30px;
     text-align: center;
 }

 .item-description.alt {
     margin-bottom: 0;
     text-align: center;
 }

 .item-description.related {
     margin-bottom: 0
 }

 .item-description h5 {
     font-size: 14px;
     font-family: open sans, sans-serif;
     font-weight: 700;
     line-height: 16px;
     padding: 15px 0 10px;
     margin: 0 0 10px;
     border-bottom: 1px solid #e9e9e9;
     text-align: center;
     letter-spacing: 0
 }

 .item-description h5 span {
     display: block;
     color: #888;
     font-weight: 400;
     margin-top: 3px
 }

 .item-description a {
     color: #404040
 }

 .item-description a:hover {
     color: #707070
 }

 .item-description p {
     color: #707070;
     margin-bottom: 0
 }

 #filters {
     position: absolute;
     text-align: right;
     right: 0;
     display: block;
     margin: -65px 2px 0 0
 }

 #filters ul li {
     display: inline
 }

 #filters a {
     padding: 7px 12px;
     border: 1px solid #ddd;
     display: inline-block;
     color: #888;
     background-color: #fff;
     margin: 0 5px 10px 0;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 #filters a:hover,
 .selected {
     background-color: #888 !important;
     border: 1px solid #888 !important;
     color: #fff !important
 }

 #portfolio-navi {
     position: absolute;
     right: 0;
     display: block;
     margin: -70px 10px 0 0
 }

 #portfolio-navi ul li {
     display: inline
 }

 #portfolio-navi a {
     width: 38px;
     height: 38px;
     padding: 0;
     border: 1px solid #ddd;
     display: inline-block;
     color: #888;
     background-color: #fff;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     font-size: 22px;
     font-family: 'Font Awesome 5 Pro';
     color: silver
 }

 .ie7 #portfolio-navi a {
     margin-left: 3px
 }

 #portfolio-navi a:hover {
     background-color: #888 !important;
     border: 1px solid #888 !important;
     color: #fff !important
 }

 .next:before {
     content: "\f105";
     top: 9px;
     left: 15px;
     position: relative
 }

 .prev:before {
     content: "\f104";
     top: 9px;
     left: 15px;
     position: relative
 }

 .project-info {
     margin-bottom: 15px
 }

 .project-info li {
     margin-bottom: 3px
 }

 .project-info .button {
     margin-bottom: 30px !important
 }

 .launch {
     margin-bottom: 30px
 }

 .project-tags {
     margin-top: 15px
 }

 .project-tags strong {
     float: left;
     margin: 5px 10px 20px 0
 }

 .isotope-item {
     z-index: 2
 }

 .isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1
 }

 .isotope,
 .isotope .isotope-item {
     -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
     -ms-transition-duration: .8s;
     -o-transition-duration: .8s;
     transition-duration: .8s
 }

 .isotope {
     -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
     -ms-transition-property: height, width;
     -o-transition-property: height, width;
     transition-property: height, width
 }

 .isotope .isotope-item {
     -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
     -ms-transition-property: -ms-transform, opacity;
     -o-transition-property: top, left, opacity;
     transition-property: transform, opacity
 }

 .isotope.no-transition,
 .isotope.no-transition .isotope-item,
 .isotope .isotope-item.no-transition {
     -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
     -ms-transition-duration: 0s;
     -o-transition-duration: 0s;
     transition-duration: 0s
 }

 .isotope.infinite-scrolling {
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
     transition: none
 }

 #footer,
 #footer p,
 #footer a {
     color: #aaa
 }

 #footer a:hover {
     color: #fff;
 }

 #footer a.active {
    color: #fff !important;
 }

 .footer-headline {
     background: url(../images/headline-footer-bg.png) 0 50% repeat-x;
     display: block;
     margin: 15px 0 8px
 }

 .no-margin {
     margin-top: 0
 }

 .footer-headline h4 {
     background-color: #303030;
     display: inline;
     padding: 0 10px 0 0;
     color: #fff
 }

 .links-list li a {
     color: #a4a4a4;
     display: block;
     padding: 3px 0
 }

 .links-list-alt li a:before,
 .links-list li a:before {
     content: "\f0da";
     position: relative;
     font-family: 'Font Awesome 5 Pro';
	 font-weight: 900;
     margin-right: 6px;
     margin-left: 2px;
     font-size: 12px;
     color: #ddd
 }

 .links-list-alt li a:before {
     color: #d0d0d0
 }

 .links-list-alt li a {
     color: #707070;
     display: block;
     padding: 4px 0;
     background: url("") no-repeat left 47%
 }

 .links-list li a:hover {
     color: #fff
 }

 .links-list-alt li a:hover {
     color: #888
 }

 .links-list li:first-child a,
 .links-list-alt li:first-child a {
     margin: -3px 0 0
 }



 #footer-bottom {
     border-top: 1px solid #3c3c3c;
     margin-top: 25px;
     padding: 22px 0 25px;
     font-size: 12px;
 }

 #footer-bottom a {
     color: #fff
 }

 #footer-bottom a:hover {
     color: #d4d4d4
 }

 #footer-nav {
     display: block;
     margin-bottom: -10px;
     margin-top: 20px;
     text-align: center;
 }

 #footer-nav ul {
     margin: 0;
 }
 
 #footer-nav li {
     background: none;
     border: none;
     display: inline-block;
     list-style: none;
     margin: 0 0 0 0 ;
 }

 #footer-nav li:first-child a {
    border-left: none;
    padding-left: 0;
 }

#footer-nav li a {
    border-left: 1px solid #484848;
    padding: 0 15px;
    text-transform: uppercase;
}
#work-phone {
    display: none;
}
.contact-info {
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
}

.contact-info li:first-child {
    margin-left: 0;
}
.contact-info li {
    list-style: none;
    display: inline-block;
    margin-left: 30px;;
}
.contact-info i.fa {
    margin-right: 3px;
	font-weight: lighter;
}
.contact-informations {
    margin: 20px 0 0 0;
}
.contact-informations ul {
    list-style: none outside;
}
.contact-informations li {
    margin: 3px 0;
    line-height: 18px;
}
.contact-informations b {
 font-weight: bold;
}
 #scroll-top-top {
     position: absolute;
     right: 10px;
     bottom: 28px
 }

 #scroll-top-top a {
     width: 40px;
     height: 40px;
     display: block;
     background-color: #888;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     position: relative
 }

 #scroll-top-top a:before {
     font-size: 14px;
     font-family: 'Font Awesome 5 Pro';
     color: #fff;
     content: "\f106";
     top: 9px;
     left: 13px;
     position: relative;
     font-size: 22px;
	 font-weight: lighter;
 }

 #scroll-top-top a:hover {
     background-color: #aaa
 }

 #google-map {
     position: relative;
     padding: 0;
     padding-bottom: 110%;
     height: 0;
     overflow: hidden
 }

 .contact-details li {
     margin: 0 0 15px
 }

 .contact-details p {
     margin: -5px 0 0 20px;
     line-height: 18px
 }

 .contact-details li i {
     float: left;
     margin: 2px 0 0
 }

 .field textarea {
     max-width: 97%;
     min-width: 97%;
     height: 180px;
     margin: 5px 0 15px
 }

 .field input {
     width: 240px;
     margin-bottom: 15px
 }

 .field:focus {
     border: 1px solid #ddd
 }

 .field label span {
     color: #ea1c1c
 }

 .field .validation-error,
 .field .validation-error:focus {
     border: 1px solid #f2c4c2;
     background: #ffeceb
 }

 .loading {
     background: url(../images/loader.gif) no-repeat 1px;
     height: 28px;
     width: 28px;
     float: left;
     margin: 5px 0 0 10px;
     display: none
 }

 .success-message .notification {
     margin-bottom: 20px
 }

 .success-message {
     display: none
 }

 .form-spacer {
     margin-top: 20px
 }

 .post {
     border-bottom: 1px solid #e9e9e9;
     padding: 0 0 15px;
     margin: 5px 0 35px
 }

 .post.post-page {
     border-bottom: none;
     margin-bottom: 0
 }

 .post-content {
     margin: 22px 0 0 65px
 }

 .post-icon {
     float: left;
     width: 40px;
     height: 40px;
     display: inline-block;
     background-color: #888;
     background-repeat: no-repeat;
     background-position: 50%;
     margin-top: 30px;
     text-align: center
 }

 .post-icon i {
     color: #fff;
     position: relative;
     top: 10px
 }

 .post-meta {
     color: #888;
     margin: 8px 0 15px
 }

 .post-meta a {
     color: #888;
     text-decoration: none
 }

 .post-meta a:hover {
     color: #707070
 }

 .post-meta i {
     margin-right: 5px;
     zoom: 1;
     color: #aaa;
     top: -1px;
     position: relative
 }

 .post-meta span {
     margin-right: 10px
 }

 .post-title h2 a {
     font-size: 24px;
     font-weight: 400;
     color: #404040;
     position: relative;
     line-height: 30px;
     top: 3px
 }

 .post-title h2 a:hover {
     color: #707070
 }

 a.post-entry {
     margin: 3px 0 10px
 }

 .pagination {
     margin-bottom: -10px;
     text-align: center;
 }

 .pagination li {
     padding: 8px 12px;
     border: 1px solid #ddd;
     display: inline-block;
     *float: left;
     background: #fff;
     color: #888;
     margin-right: 1px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 .ie7 .pagination li {
     margin-right: 5px
 }

 .pagination li:hover,
 li.current {
     background: #888;
     border: 1px solid #888;
     color: #fff
 }

 .widget {
     margin-top: 10px
 }

 .first.widget {
     margin-top: -5px
 }

 .first.widget {
     margin-top: -5px
 }

 .search input {
     width: 100%;
     box-sizing: border-box;
     padding-left: 30px;
     color: #888;
     background: url(../images/search-ico-alt.png) no-repeat 5% 54%
 }

 .tags a {
     padding: 6px 12px;
     border: 1px solid #ddd;
     display: inline-block;
     color: #888;
     background: #fff;
     margin: 0 3px 6px 0;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     border-radius: 1px
 }

 .tags a:last-child {
     margin-right: 0
 }

 .tags a:hover {
     background: #888;
     border: 1px solid #888;
     color: #fff
 }

 .latest-post-blog {
     margin-bottom: 18px
 }

 .latest-post-blog p {
     margin: 0;
     color: #707070;
     line-height: 19px;
     margin-left: 75px
 }

 .latest-post-blog p a {
     color: #707070;
     display: block
 }

 .latest-post-blog p a:hover {
     color: #888
 }

 .latest-post-blog p span {
     color: #888;
     margin: 5px 0 0;
     display: block
 }

 .latest-post-blog img {
     float: left;
     width: 55px;
     height: 55px;
     border: 1px solid #ddd;
     padding: 4px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1)
 }

 #twitter-blog li {
     line-height: 21px;
     margin: 0 0 15px 34px
 }

 #twitter-blog li:before {
     content: "\f099";
     font-family: 'Font Awesome 5 Pro';
     position: absolute;
     font-size: 20px;
     color: #d0d0d0;
     margin-left: -32px
 }

 #twitter-blog li:last-child {
     margin-bottom: 0
 }

 #twitter-blog b a {
     color: #888;
     font-weight: 400
 }

 .flickr-widget-blog {
     margin-right: -15px
 }

 .flickr-widget-blog img {
     display: block;
     width: 100%
 }

 .flickr-widget-blog a {
     float: left;
     width: 78px;
     height: 78px;
     margin-right: 10px;
     margin-bottom: 10px;
     border: 1px solid #ddd;
     padding: 4px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1)
 }

 .ie7 .flickr-widget-blog a {
     width: 53px;
     height: 53px
 }

 #twitter {
     font-size: 14px;
     float: left;
     display: block;
     color: #aaa
 }

 #twitter b a,
 #twitter b a:hover {
     color: #707070
 }

 #twitter li {
     line-height: 21px;
     margin: 2px 0 12px 34px
 }

 #twitter li:before {
     content: "\f099";
     font-family: 'Font Awesome 5 Pro';
     position: absolute;
     font-size: 20px;
     color: #666;
     margin-left: -32px
 }

 #twitter li:last-child {
     padding: 0;
     margin: 0;
     margin-left: 34px
 }

 #twitter a {
     color: #fff
 }

 #twitter a:hover {
     color: #d4d4d4
 }

 .comments-sec {
     float: left;
     width: 100%;
     line-height: 20px;
     margin-top: -15px
 }

 ol.commentlist {
     float: left;
     width: 100%;
     margin: 0
 }

 ol.commentlist li {
     float: left;
     border-top: 1px solid #e7e7e7;
     padding: 25px 0 20px
 }

 ol.commentlist li:first-child {
     border: none;
     padding: 25px 0 0
 }

 ol.commentlist li {
     list-style: none
 }

 ol li ol.childlist {
     float: right;
     width: 89%;
     margin: 0
 }

 ol.commentlist li ol.childlist li:first-child {
     border-top: 1px solid #e9e9e9;
     padding: 25px 0 0;
     font-size: 14px
 }

 ol.commentlist li ol.childlist li {
     border-top: 1px solid #e9e9e9;
     margin: 25px 0 15px;
     font-size: 14px
 }

 .comments {
     float: left;
     width: 100%
 }

 .comments-amount {
     color: #888
 }

 ol li ol.childlist .comment-des {
     float: right;
     width: 89%
 }

 .avatar {
     float: left
 }

 .comment-des {
     float: right;
     width: 90%
 }

 .comment-des strong {
     float: left;
     padding-right: 5px;
     font-size: 14px
 }

 .comment-des span {
     float: left;
     color: #888
 }

 .comment-by {
     float: left;
     width: 100%;
     padding-bottom: 10px;
     padding-top: 5px;
     color: #000
 }

 .ie7 .comment-by span.reply span {
     display: none
 }

 .comment-by span.reply {
     color: #888;
     float: right;
     display: inline
 }

 .comment-by span.reply a {
     float: right;
     height: 17px;
     margin-left: 5px;
     font-weight: 400;
     float: right
 }

 .comment-by span.date {
     color: #888;
     padding-right: 7px;
     float: right
 }

 .ie7 .comment-by .date {
     display: none
 }

 .five-tables .pricing-table {
     width: 235px
 }

 .four-tables .pricing-table {
     width: 294px
 }

 .three-tables .pricing-table {
     width: 392px
 }

 .two-tables .pricing-table {
     width: 589px
 }

 .pricing-table {
     float: left;
     margin: 1px 0 0 1px
 }

 .pricing-table h3 {
     font-size: 16px;
     text-align: center;
     color: #fff;
     padding: 10px 0;
     margin: 0
 }

 .pricing-table li {
     color: #888;
     background: #fdfdfd;
     text-align: center;
     padding: 14px 0;
     border-bottom: 1px solid #fff
 }

 .pricing-table li:nth-child(2n) {
     background: #f4f4f4
 }

 .pricing-table h4 {
     padding: 0 0 10px
 }

.search-results > h1,h2,h3,h4,h5 {
    display: inline-block;
}
 a.sign-up {
     text-align: center;
     display: block;
     color: #fff;
     padding: 14px 0;
     font-weight: 700;
     font-size: 14px;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 a.sign-up:hover {
     opacity: .9;
     filter: alpha(opacity=90)
 }

 .pricing-table h3,
 .pricing-table h4 {
     color: #fff;
     margin: 0
 }

 .pricing-table h4 {
     padding: 20px 0
 }

 .price,
 .time {
     display: block;
     text-align: center;
     line-height: 24px
 }

 .price {
     font-size: 24px;
     font-weight: 400
 }

 .time {
     font-size: 14px;
     font-weight: 400
 }

 .pricing-table .color-1 h3,
 .color-1 .sign-up {
     background-color: gray
 }

 .pricing-table .color-1 h4 {
     background-color: #909090
 }

 .pricing-table .color-2 h3,
 .color-2 .sign-up {
     background-color: #404040
 }

 .pricing-table .color-2 h4 {
     background-color: #4c4c4c
 }

 .pricing-table .color-3 h3,
 .color-3 .sign-up {
     background-color: #6eac28
 }

 .pricing-table .color-3 h4 {
     background-color: #81b942
 }

 .button,
 input[type=button] {
     padding: 9px 12px;
     display: inline-block;
     border: 0;
     font-family: open sans, sans-serif;
     font-weight: 700;
     cursor: pointer;
     width: auto;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 input[type=button] {
     float: left
 }

 .button.medium {
     padding: 11px 17px;
     font-size: 14px
 }

 .button.gray {
     color: #fff;
     background: #444
 }

 .button.gray:hover {
     background: #888
 }

 .button.light {
     color: #fff;
     background: #aaa
 }

 .button.light:hover {
     background: #888
 }

 .button.color {
     color: #fff;
     background: #888
 }

 .button.color:hover {
     background: #aaa;
     color: #fff
 }

 input[type=button] {
     color: #fff;
     background: #888
 }

 input[type=button]:hover {
     background: #aaa
 }
 
 input[type=submit] {
     color: #fff;
     background: #888
 }

 input[type=submit]:hover {
     background: #aaa
 }

 .acc-trigger {
     cursor: pointer;
     border: 1px solid #dedede;
     outline: none;
     color: #888;
     margin: 10px 0;
     display: block;
     background: #fbfbfb;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     position: relative;
     overflow: hidden
 }

 .acc-trigger a {
     display: block;
     color: #888;
     outline: none;
     padding: 13px 15px;
     text-decoration: none;
     font-weight: 700
 }

 .acc-trigger a:before {
     content: "\f068";
     font-family: 'Font Awesome 5 Pro';
     font-size: 14px;
     font-weight: 400;
     color: #aaa;
     float: right;
     top: 0;
     right: 0;
     position: absolute;
     background: #fff;
     height: 100%;
     width: 46px;
     text-align: center;
     padding-top: 15px;
     border-left: 1px solid #dedede
 }

 .acc-trigger.active a:before {
     cursor: default;
     content: "\f067"
 }

 .acc-trigger a:hover,
 .acc-trigger.active a {
     color: #404040
 }

 .acc-container .content {
     padding: 2px 15px 5px
 }

 .content p {
     margin-bottom: 0
 }

 .tabs-nav {
     list-style: none;
     margin: 0;
     overflow: hidden;
     padding: 0;
     width: 100%
 }

 .tabs-nav li {
     float: left;
     line-height: 44px;
     overflow: hidden;
     padding: 0;
     position: relative;
     margin: 0 0 -1px
 }

 .tabs-nav li a {
     background-color: #fafafa;
     border: 1px solid #ddd;
     border-right: none;
     border-bottom: 1px solid #ddd;
     color: #888;
     display: block;
     letter-spacing: 0;
     outline: none;
     padding: 0 19px;
     text-decoration: none
 }

 .ie7 .tabs-nav li a {
     height: 35px
 }

 .tabs-nav li:first-child a {
     border-left: 1px solid #ddd
 }

 .tabs-nav li:last-child a {
     border-right: 1px solid #ddd
 }

 .tabs-nav li.active a {
     color: #404040;
     font-weight: 700
 }

 .tabs-nav li.active a i {
     opacity: 1;
     filter: alpha(opacity=100)
 }

 .tabs-nav li i {
     opacity: .5;
     filter: alpha(opacity=50)
 }

 .tabs-nav li a:hover {
     background: #fff
 }

 .tabs-nav li.active a {
     background: #fff;
     border-bottom: 2px solid #fff
 }

 .tabs-container {
     border: 1px solid #ddd;
     margin: -1px 0 20px;
     overflow: hidden;
     width: 100%;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     line-height: 23px
 }

 .tab-content {
     padding: 20px
 }

 .notification {
     font-family: open sans, sans-serif;
     font-size: 14px;
     line-height: 18px;
     margin-bottom: 15px;
     position: relative;
     padding: 14px 40px 14px 18px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1)
 }

 .notification p {
     margin: 0
 }

 .notification span {
     font-weight: 700
 }

 .notification.success {
     background-color: #ebf6e0;
     color: #5f9025;
     border: 1px solid #b3dc82
 }

 .notification.error {
     background-color: #ffe9e9;
     color: #de5959;
     border: 1px solid #fbc4c4
 }

 .notification.warning {
     background-color: #fbfadd;
     color: #8f872e;
     border: 1px solid #ded58a
 }

 .notification.notice {
     background-color: #e9f7fe;
     color: #5091b2;
     border: 1px solid #b6d7e8
 }

 .notification.success .close,
 .notification.error .close,
 .notification.warning .close,
 .notification.notice .close {
     padding: 0 14px;
     position: absolute;
     right: 0;
     top: 22px;
     display: block;
     height: 8px
 }

 .notification.success .close {
     background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat
 }

 .notification.error .close {
     background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat
 }

 .notification.warning .close {
     background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat
 }

 .notification.notice .close {
     background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat
 }

 .tooltip {
     position: absolute;
     z-index: 1020;
     display: block;
     padding: 5px;
     font-size: 13px;
     opacity: 0;
     filter: alpha(opacity=0);
     visibility: visible
 }

 .tooltip.in {
     opacity: 1;
     filter: alpha(opacity=100)
 }

 .tooltip.top {
     margin-top: -2px
 }

 .tooltip.right {
     margin-left: 2px
 }

 .tooltip.bottom {
     margin-top: 2px
 }

 .tooltip.left {
     margin-left: -2px
 }

 .tooltip.top .tooltip-arrow {
     bottom: 0;
     left: 50%;
     margin-left: -5px;
     border-top: 5px solid #444;
     border-right: 5px solid transparent;
     border-left: 5px solid transparent
 }

 .tooltip.left .tooltip-arrow {
     top: 50%;
     right: 0;
     margin-top: -5px;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 5px solid #444
 }

 .tooltip.bottom .tooltip-arrow {
     top: 0;
     left: 50%;
     margin-left: -5px;
     border-right: 5px solid transparent;
     border-bottom: 5px solid #444;
     border-left: 5px solid transparent
 }

 .tooltip.right .tooltip-arrow {
     top: 50%;
     left: 0;
     margin-top: -5px
 }

 .tooltip-inner {
     max-width: 200px;
     padding: 4px 10px;
     color: #fff;
     text-align: center;
     text-decoration: none;
     background-color: #444;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
 }

 .tooltip-arrow {
     position: absolute;
     width: 0;
     height: 0
 }

 .popover {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1010;
     display: none;
     padding: 2px
 }

 .fade {
     opacity: 0;
     -webkit-transition: opacity .15s linear;
     -moz-transition: opacity .15s linear;
     -ms-transition: opacity .15s linear;
     -o-transition: opacity .15s linear;
     transition: opacity .15s linear
 }

 .fade.in {
     opacity: 1
 }

 .testimonial-container {
     position: relative
 }

 .testimonials {
     background: #fff;
     border: 1px solid #ddd;
     padding: 20px;
     line-height: 21px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1)
 }

 .testimonials-bg {
     background: url(../images/testimonials-bg.png) no-repeat;
     margin-top: -1px;
     display: block;
     width: 200px;
     height: 30px
 }

 .testimonials-author {
     color: #5ca20d;
     float: right;
     display: block;
     margin-top: -23px;
     margin-bottom: 20px
 }

 .testimonials-author span {
     color: #a0a0a0
 }

 .carousel-disabled,
 .mr-rotato-disabled,
 .mr-rotato-next,
 .mr-rotato-prev {
     border: 1px solid #ddd;
     display: inline-block;
     margin-right: 1px;
     height: 30px;
     width: 30px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     display: block;
     position: absolute;
     margin-top: -51px;
     font-size: 20px;
     font-family: 'Font Awesome 5 Pro';
     color: silver
 }

 .mr-rotato-next {
     background-color: #fff;
     right: -1px;
     z-index: 6
 }

 .mr-rotato-next:before {
     content: "\f105";
     top: 4px;
     left: 13px;
     position: relative
 }

 .mr-rotato-prev:before {
     content: "\f104";
     top: 4px;
     left: 11px;
     position: relative
 }

 .mr-rotato-prev {
     background-color: #fff;
     right: 34px;
     -webkit-box-shadow: 3px 0 0 0 #fff;
     box-shadow: 3px 0 0 0 #fff;
     z-index: 5
 }

 .mr-rotato-prev:hover,
 .mr-rotato-next:hover {
     background-color: #888;
     border-color: #888;
     color: #fff
 }

 .owl-carousel .animated {
     -webkit-animation-duration: 1000ms;
     animation-duration: 1000ms;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 .owl-carousel .owl-animated-in {
     z-index: 0
 }

 .owl-carousel .owl-animated-out {
     z-index: 1
 }

 .owl-carousel .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut
 }

 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1
     }

     100% {
         opacity: 0
     }
 }

 @keyframes fadeOut {
     0% {
         opacity: 1
     }

     100% {
         opacity: 0
     }
 }

 .owl-height {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out
 }

 .owl-carousel {
     display: none;
     width: 100%;
     -webkit-tap-highlight-color: transparent;
     position: relative;
     z-index: 1
 }

 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y
 }

 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }

 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0px, 0px, 0px)
 }

 .owl-carousel .owl-controls .owl-nav .owl-prev,
 .owl-carousel .owl-controls .owl-nav .owl-next,
 .owl-carousel .owl-controls .owl-dot {
     cursor: pointer;
     cursor: hand;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel.owl-loaded {
     display: block
 }

 .owl-carousel.owl-loading {
     opacity: 0;
     display: block
 }

 .owl-carousel.owl-hidden {
     opacity: 0
 }

 .owl-carousel .owl-refresh .owl-item {
     display: none
 }

 .owl-carousel .owl-item {
     position: relative;
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel .owl-item img {
     display: block;
     -webkit-transform-style: preserve-3d;
     margin: 0 auto
 }

 .owl-carousel.owl-text-select-on .owl-item {
     -webkit-user-select: auto;
     -moz-user-select: auto;
     -ms-user-select: auto;
     user-select: auto
 }

 .owl-carousel .owl-grab {
     cursor: move;
     cursor: -webkit-grab;
     cursor: -o-grab;
     cursor: -ms-grab;
     cursor: grab
 }

 .owl-carousel.owl-rtl {
     direction: rtl
 }

 .owl-carousel.owl-rtl .owl-item {
     float: right
 }

 .no-js .owl-carousel {
     display: block
 }

 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     -webkit-transition: opacity 400ms ease;
     -moz-transition: opacity 400ms ease;
     -ms-transition: opacity 400ms ease;
     -o-transition: opacity 400ms ease;
     transition: opacity 400ms ease
 }

 .owl-carousel .owl-item img {
     transform-style: preserve-3d
 }

 .logo-carousel .item img {
     width: auto
 }

 .logo-carousel {
     padding: 0 65px;
     margin: 30px 0 50px;
     box-sizing: border-box
 }

 .owl-carousel.arrow-nav,
 .owl-carousel.logo-carousel {
     padding: 0 63px
 }

 .basic-carousel {
     padding: 0 15px
 }

 .owl-nav {
     font-size: 24px;
     color: #a0a0a0;
     top: 0;
     height: 100%
 }

 .owl-prev,
 .owl-next {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-51%);
     -moz-transform: translateY(-51%);
     -ms-transform: translateY(-51%);
     transform: translateY(-51%);
     padding: 20px 12px;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     line-height: 27px
 }

 .owl-carousel .owl-prev,
 .owl-carousel .owl-next {
     margin-top: -15px
 }

 .logo-carousel .owl-prev,
 .logo-carousel .owl-next {
     margin-top: 0
 }

 .owl-prev {
     left: 0
 }

 .owl-next {
     right: 0
 }

 .owl-prev:hover,
 .owl-next:hover {
     background-color: #d0d0d0;
     color: #fff
 }

 .owl-controls {
     text-align: center
 }

 .no-dots .owl-theme .owl-controls.owl-dot,
 .owl-theme .owl-controls .owl-dot {
     display: none
 }

 .dots.owl-theme .owl-controls .owl-dot,
 .logo-carousel-alt.owl-theme .owl-controls .owl-dot,
 .full-width-carousel.owl-theme .owl-controls .owl-dot {
     display: inline-block
 }

 .no-dots.owl-theme .owl-controls .owl-dot {
     display: none
 }

 .owl-theme .owl-controls .owl-dot span {
     display: block;
     width: 30px;
     height: 4px;
     margin: 25px 3px 30px;
     background-color: #ddd;
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     border-radius: 3px
 }

 .logo-carousel-alt.owl-theme .owl-controls .owl-dot span {
     margin: 35px 3px 30px
 }

 .owl-theme .owl-controls .owl-dot.active span,
 .owl-theme .owl-controls.clickable .owl-dot:hover span {
     background-color: #444
 }

 .testimonial-carousel .owl-nav {
     display: none
 }

 .testimonial-carousel.arrows .owl-nav {
     display: block
 }

 blockquote {
     border-left: 4px solid #e7e7e7;
     padding-left: 20px;
     color: #888;
     line-height: 20px;
     margin: 5px 0 20px
 }

 #header .social-icons li {
     -moz-transform: scale(.85);
     -webkit-transform: scale(.85);
     -o-transform: scale(.85);
     transform: scale(.85);
     margin-right: -2px
 }

 #header .social-icons {
     margin: 0;
     float: right
 }


 table.standard-table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     border: none;
     margin-bottom: 15px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1)
 }

 table.standard-table th {
     border: 1px solid #ddd;
     border-right: none;
     background-color: #fafafa;
     text-align: left;
     padding: 10px 15px;
     color: #404040;
     vertical-align: top;
     font-size: 14px;
     font-weight: 700
 }

 table.standard-table td:last-child {
     border-right: 1px solid #ddd
 }

 table.standard-table th:last-child {
     border-right: 1px solid #ddd
 }

 table.standard-table td {
     padding: 10px 15px;
     border: #e0e0e0 1px solid;
     border-top: none;
     border-right: none
 }

 table.standard-table tr:hover td {
     background-color: #fafafa
 }
 
 
 table.standard-table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     border: none;
     margin-bottom: 15px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1)
 }

 table.description-table th {
     border-right: none;
     background-color: #fafafa;
     text-align: left;
     padding: 10px 15px;
     color: #404040;
     vertical-align: top;
     font-size: 14px;
     font-weight: 700
 }


table.description-table td {
     border: none;
     vertical-align: middle;
 }

table.description-table ul {
    list-style-type: disc;
}
 
 

 .large-notice {
     background-color: #fafafa;
     border: 1px solid #ddd;
     padding: 32px;
     -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1);
     box-shadow: 0 1px 1px 0 rgba(180, 180, 180, .1)
 }

 .large-notice h2 {
     margin-bottom: 10px
 }

 .large-notice p {
     font-size: 14px;
     color: #707070
 }

 .list-1 li,
 .list-2 li,
 .list-3 li,
 .list-4 li {
     list-style: none;
     margin: 7px 0;
     margin-left: 2px
 }

 .list-1 li:first-child,
 .list-2 li:first-child,
 .list-3 li:first-child,
 .list-4 li:first-child {
     margin-top: 0
 }

 .list-1 li:before,
 .list-2 li:before,
 .list-3 li:before,
 .list-4 li:before {
     content: "\f054";
     font-family: 'Font Awesome 5 Pro';
	 font-weight: 900;
     margin: 0 7px 0 0;
     position: relative;
     color: #404040
 }

 .list-1 li:before {
     content: "\f00c"
 }

 .list-2 li:before {
	 content: "\f054"
 }

 .list-3 li:before {
     content: "\f058"
 }

 .list-4 li:before {
     content: "\f138"
 }

 .shop-page.page-content {
     margin: 0 -10px
 }

 .container .four-shop.columns {
     width: 273px
 }

 #price-range input {
     padding: 0;
     background: 0;
     border: 0;
     box-shadow: none;
     margin: 4px 0 0 6px;
     float: left;
     width: 100px
 }

 #price-range .button {
     float: right;
     padding: 6px 12px;
     margin: -2px 0 0;
     font-size: 13px
 }

 #price-range label {
     float: left;
     margin-top: 4px
 }

 .padding-range {
     padding: 0 8px
 }

 #slider-range {
     margin: 0 0 16px
 }

 #price-range .ui-slider {
     position: relative;
     text-align: left
 }

 #price-range .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 18px;
     height: 18px;
     margin: 2px 0 0;
     cursor: w-resize
 }

 #price-range .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     height: 14px;
     display: block;
     border: 0;
     background-position: 0 0
 }

 #price-range .ui-widget-content {
     background-color: #f2f2f2;
     padding: 2px 0
 }

 #price-range .ui-widget-header {
     background-color: gray
 }

 #price-range .ui-state-default {
     background: #ddd
 }

 #price-range .ui-slider.ui-state-disabled .ui-slider-handle,
 #price-range .ui-slider.ui-state-disabled .ui-slider-range {
     filter: inherit
 }

 #price-range .ui-slider-horizontal {
     height: 12px
 }

 #price-range .ui-slider-horizontal .ui-slider-handle {
     top: -3px;
     margin-left: -8px
 }

 #price-range .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%
 }

 #price-range .ui-slider-horizontal .ui-slider-range-min {
     left: 0
 }

 #price-range .ui-slider-horizontal .ui-slider-range-max {
     right: 0
 }

 #cart,
 .latest-shop-items {
     padding: 26px 24px;
     width: 100%;
     box-sizing: border-box;
     display: inline-block;
     background-color: #f7f7f7;
     color: #666;
     margin-bottom: 7px
 }

 .latest-shop-items {
     padding: 20px
 }

 .cart-items {
     border-bottom: 1px solid #e6e6e6;
     padding: 0 0 15px
 }

 #cart .button,
 .shop-item .button {
     padding: 10px 16px !important
 }

 #cart .button.color {
     margin: 0 0 0 2px
 }

 .cart-items li {
     margin: 0 0 18px
 }

 .cart-items li:last-child {
     margin-bottom: 5px
 }

 a.cart-item-title {
     color: #404040;
     font-weight: 600;
     display: block
 }

 a.cart-item-title:hover {
     color: gray;
     display: block
 }

 .cart-item-amount {
     color: gray;
     display: block;
     font-size: 14px;
     margin-top: 6px
 }

 .cart-subtotal {
     display: block;
     margin: 16px 0;
     color: #888
 }

 .cart-subtotal strong {
     color: #888;
     font-weight: 500
 }

 a.item-remove {
     color: #eb4c4c;
     font-size: 14px;
     position: relative;
     top: -1px;
     margin-right: 2px
 }

 .empty-cart {
     color: #888
 }

 #cart a.button {
     margin: 2px;
     margin-left: 0
 }

 .latest-shop-items {
     margin-bottom: 15px
 }

 .latest-shop-items p {
     margin: 0;
     color: #666;
     line-height: 19px;
     margin-left: 85px;
     margin-top: 3px
 }

 .latest-shop-items p a {
     color: #666;
     display: block
 }

 .latest-shop-items p a:hover {
     color: #888
 }

 .latest-shop-items p span {
     color: #888;
     margin: 5px 0 0;
     display: block
 }

 .latest-shop-items img {
     float: left;
     width: 66px;
     border: 1px solid #e0e0e0;
     background: #fff;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out
 }

 .shop-item img {
     border: 1px solid #eee;
     border-bottom: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 180ms ease-in-out;
     -moz-transition: all 180ms ease-in-out;
     -o-transition: all 180ms ease-in-out;
     -ms-transition: all 180ms ease-in-out;
     transition: all 180ms ease-in-out;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .shop-item img:hover {
     opacity: .8;
     filter: alpha(opacity=70);
     border-color: #e7e7e7
 }

 .shop-item .item-description {
     padding: 0 21px 22px;
     text-align: center;
 }

 .shop-item .item-description h5 {
     line-height: 21px;
     font-size: 14px;
     font-weight: 700;
     margin: 3px 0 0;
     -webkit-transition: all 180ms ease-in-out;
     -moz-transition: all 180ms ease-in-out;
     -o-transition: all 180ms ease-in-out;
     -ms-transition: all 180ms ease-in-out;
     transition: all 180ms ease-in-out
 }

 .shop-item .item-description a:hover h5 {
     color: #888
 }

 .shop-item .item-description span {
     color: #888;
     font-size: 14px;
     font-weight: 500;
     display: block;
     margin: 10px 0 15px
 }

 .shop-item .item-description span.sale {
     color: #999
 }

 .shop-item .item-description span.sale i {
     color: #999;
     text-decoration: line-through
 }

 .shop-item .item-description span.sale b {
     color: #888;
     font-weight: 500;
     background-color: #fffca3
 }

 .shop-item {
     margin: 10px 0;
     display: block;
     background-color: #fff
 }

 .shop-item .item-description {
     background-color: #f7f7f7;
     border-top: 1px solid #eee
 }

 .shop-item .button {
     padding: 8px 15px
 }

 .flexslider.shop {
     border: 1px solid #e0e0e0;
     margin: 0 0 20px
 }

 .flexslider.shop img {
     -webkit-transition: all 180ms ease-in-out;
     -moz-transition: all 180ms ease-in-out;
     -o-transition: all 180ms ease-in-out;
     -ms-transition: all 180ms ease-in-out;
     transition: all 180ms ease-in-out;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .flexslider.shop img:hover {
     opacity: .7;
     filter: alpha(opacity=70)
 }

 .flexslider.shop .flex-direction-nav a {
     right: 25px;
     bottom: 25px
 }

 table.standard-table.shop {
     margin: 0;
     border-bottom: 1px solid #e0e0e0
 }

 table.standard-table.shop th {
     border-bottom: none;
     font-size: 13px
 }

 table.standard-table.shop th {
     margin-bottom: -1px
 }

 table.standard-table.shop td {
     padding: 10px 15px;
     border: #e0e0e0 1px solid;
     border-bottom: none
 }

 .product-info {
     margin-left: 10px;
     margin-top: 5px
 }

 .product-info .price {
     font-size: 20px;
     font-weight: 500;
     color: #777;
     margin: 0 0 10px;
     text-align: left
 }

 .product-info .price.sale b {
     text-decoration: line-through;
     color: #999
 }

 .product-info .price.sale i {
     text-decoration: none;
     color: #777;
     font-weight: 500;
     background-color: #fffca3;
     padding: 1px 2px
 }

 .product-info h3 {
     font-size: 20px;
     font-weight: 600;
     color: #444;
     line-height: 26px;
     margin: 0 0 7px
 }

 .product-amount input {
     width: 20px;
     padding: 8px 10px;
     text-align: center;
     float: left;
     position: relative;
     z-index: 5
 }

 .product-amount {
     margin: 13px 0 18px;
     float: left
 }

 .decrease-value,
 .increase-value {
     float: left;
     color: #fff;
     background-color: gray;
     cursor: pointer;
     margin-left: -1px;
     font-size: 12px;
     height: 38px;
     width: 38px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
     text-align: center;
     z-index: 10;
     position: relative
 }

 .decrease-value {
     margin: 0 -1px
 }

 .decrease-value span,
 .increase-value span {
     margin: 13px 0 0
 }

 .decrease-value:hover,
 .increase-value:hover {
     background: #aaa
 }
pre {
    display: grid;
}

 @media only screen and (min-width:960px) and (max-width:1389px) {
     .container .four-shop.columns {
         width: 213px
     }
 }

 @media only screen and (min-width:768px) and (max-width:990px) {
     .container .four-shop.columns {
         width: 258px
     }
 }

 @media only screen and (max-width:767px) {
     .container .four-shop.columns {
         width: 100%
     }

     .container .four-shop.columns img {
         width: 100%
     }
 }

 .icons-example ul li i {
     color: #606060;
     width: 25px
 }

 .icons-example ul li {
     margin: 0 0 4px 4px
 }

 @media only screen and (min-width:1200px) {
     .flexslider.home {
         min-height: 500px
     }
 }

@media only screen and (max-width:1000px) {
    #navigation ul li a {
        padding: 17px 15px;
    }
}
 @media only screen and (min-width:960px) and (max-width:1389px) {
     .flickr-widget a {
         width: 58px;
         height: 58px
     }

     .client-list img {
         width: 187px;
         height: auto
     }

     .five-tables .pricing-table {
         width: 187px
     }

     .four-tables .pricing-table {
         width: 234px
     }

     .three-tables .pricing-table {
         width: 312px
     }

     .two-tables .pricing-table {
         width: 469px
     }

     .testimonials-slider li p {
         font-size: 20px;
         line-height: 34px;
         padding: 75px 50px
     }
 }

 @media only screen and (min-width:768px) and (max-width:990px) {
     .client-list img {
         width: 148px;
         height: auto
     }


     ol li ol.childlist .comment-des {
         width: 86%
     }

     .comment-des {
         width: 87%
     }

     .five-tables .pricing-table {
         width: 148px
     }

     .four-tables .pricing-table {
         width: 186px
     }

     .three-tables .pricing-table {
         width: 248px
     }

     .two-tables .pricing-table {
         width: 373px
     }

     .testimonials-slider li p {
         font-size: 20px;
         line-height: 34px;
         padding: 75px 30px
     }

     .padding-left {
         padding-left: 10px
     }

     .padding-right {
         padding-right: 10px
     }
 }

 @media only screen and (max-width:767px) {
     #navigation {
         float: none
     }

     .js .selectnav {
         display: block
     }

     .js #nav,
     .slide-caption,
     .search-form,
     #navigation ul li a {
         display: none
     }

     #tagline {
         border: 0;
         margin: 0;
         /*float;
         left; */
         width: 100%;
         padding: 10px 0
     }

     .product-info {
         margin: 0 0 20px
     }

     #header .social-icons {
         float: left;
         margin: 7px 0 0 -3px
     }

     .social-icons.about {
         display: block;
         margin-bottom: 30px
     }

     #contact-details {
         text-align: center;
         float: left;
         margin-top: 17px;
     }

     #scroll-top-top {
         display: none
     }

     .icon-box i {
         margin-left: -10px !important
     }

     .post-meta {
         display: none
     }

     .post-title h2 {
         line-height: 26px;
         margin-bottom: 15px
     }

     .post-icon {
         margin-top: 28px
     }

     #filters,
     #portfolio-navi {
         position: relative;
         text-align: left;
         display: block;
         margin: 0 0 23px
     }

     #portfolio-navi {
         margin: -5px 0 25px
     }

     .portfolio-item {
         margin: 5px 0 25px !important
     }

     .item-description.related {
         margin-bottom: 30px
     }

     #layerslider .slide-caption {
         display: none !important
     }

     .testimonials-slider li p {
         font-size: 20px;
         line-height: 34px;
         padding: 75px 0
     }

     .padding-left {
         padding-left: 10px
     }

     .padding-right {
         padding-right: 10px
     }
     
     .page-content {
         margin-left: -10px;
     }
 }

 @media only screen and (min-width:480px) and (max-width:767px) {
     .client-list img {
         width: 139px;
         height: auto
     }


     ol li ol.childlist .comment-des {
         width: 82%
     }

     .comment-des {
         width: 83%
     }

     #portfolio-wrapper img {
         min-height: 265px
     }

     .five-tables .pricing-table,
     .four-tables .pricing-table,
     .three-tables .pricing-table,
     .two-tables .pricing-table {
         width: 209px
     }
 }

 @media only screen and (max-width:479px) {
     .client-list img {
         width: 149px;
         height: auto
     }

     ol li ol.childlist .comment-des {
         width: 77%
     }

     .comment-des {
         width: 78%
     }

     #portfolio-wrapper img {
         min-height: 189px
     }

     .five-tables .pricing-table,
     .four-tables .pricing-table,
     .three-tables .pricing-table,
     .two-tables .pricing-table {
         width: 299px
     }
 }