/*jobhub demo page*/

body {font-family: 'Open Sans', sans-serif;font-size: 14px;}
h1,h2,h3,h4,h5,h6 {line-height: 1.8;font-family: 'Roboto', sans-serif;}
p {line-height: 1.8;}
a {outline: 0;}
div.jsjh-loader-loading {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: rgba(255, 255, 255, 1);}
div.jsjh-loader-loading .loader {border: 12px solid #dcdcdc;border-top: 12px solid #ad1617;border-radius: 50%;width: 90px;height: 90px;-webkit-animation: spin 2.5s linear infinite;animation: spin 2.5s linear infinite;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;margin: auto;}
div.jsjh-loader-loading .loader1 {border: 5px solid #dcdcdc;border-top-color: #302d2b;border-bottom-color: #302d2b;border-radius: 50%;width: 50px;height: 50px;-webkit-animation: spinr 2.5s linear infinite;animation: spinr 2.5s linear infinite;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;margin: auto;}
@-webkit-keyframes spinr {
    0% { -webkit-transform: rotate(1220deg) scale(1); transform: rotate(1220deg) scale(1); }
    50% { -webkit-transform: rotate(620deg) scale(1.5) ; transform: rotate(620deg) scale(1.5) ; }
    100% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
}
@keyframes spinr {
    0% { -webkit-transform: rotate(1220deg) scale(1); transform: rotate(1220deg) scale(1); }
    50% { -webkit-transform: rotate(620deg) scale(1.5) ; transform: rotate(620deg) scale(1.5) ; }
    100% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
    50% { -webkit-transform: rotate(620deg) scale(1.5) ; transform: rotate(620deg) scale(1.5) ; }
    100% { -webkit-transform: rotate(1220deg) scale(1); transform: rotate(1220deg) scale(1); }
}
@keyframes spin {
    0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
    50% { -webkit-transform: rotate(620deg) scale(1.5) ; transform: rotate(620deg) scale(1.5) ; }
    100% { -webkit-transform: rotate(1220deg) scale(1); transform: rotate(1220deg) scale(1); }
}

/* header */
div.jsjh-demo-page-header-top-area {position: fixed;left: 0;top: 0;width: 100%;z-index: 999;-webkit-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #302d2b;}
div.jsjh-demo-page-header-top-area .navbar {margin: 0;height: 75px;}
div.jsjh-demo-page-header-top-area .navbar-brand {height: auto;padding: 15px 30px;} 
div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav li {border-left: 1px solid #383635;}
div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav li:last-child {border-right: 1px solid #383635;}
div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav.navbar-right li {border: none;}
div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav.navbar-right li a.jh-purchase-btn {background: #ad1617;min-height: auto;line-height: unset;margin: 13px 0;padding: 12px 25px;font-size: 16px;-webkit-box-shadow: 0px 5px 0px -2px #0f0000;box-shadow: 0px 5px 0px -2px #0f0000;}
div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav li a {color: #fff;text-transform: uppercase;font-size: 13px;min-height: 75px;line-height: 70px;padding: 0 30px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;font-weight: 400;outline: 0;}
div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav li.active a {background: #ad1617;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
div.jsjh-demo-page-header-top-area .nav li a:focus, 
div.jsjh-demo-page-header-top-area .nav li a:hover {background: #ad1617;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
header.jsjh-demo-page-header {background: url('../../assets/images/slider-bg.png') no-repeat scroll 0 0 / cover;padding: 180px 0 70px;color: #fff;text-align: center;}
header.jsjh-demo-page-header .jsjh-demo-page-title {margin: 0;text-transform: uppercase;font-weight: 600;font-family: 'Source Sans Pro', sans-serif;}
header.jsjh-demo-page-header .jsjh-demo-page-subtitle {margin: 20px 0 70px;}
header.jsjh-demo-page-header img.jsjh-demo-page-image {display: inline-block;width: 1470px;margin: auto;}

/* common */
div.jsjh-demo-page-section-padding {padding: 70px 0;}
div.jsjh-demo-page-section-header {width: 70%;margin: auto;}
div.jsjh-demo-page-section-header .jsjh-demo-page-title {margin: 0;text-transform: uppercase;font-weight: 600;font-size: 50px;font-family: 'Source Sans Pro', sans-serif;}
div.jsjh-demo-page-section-header .jsjh-demo-page-title span.jsjh-demo-page-word-style {font-family: 'Alegreya', serif;display: inline-block;text-transform: capitalize;font-weight: normal;}
div.jsjh-demo-page-section-header .jsjh-demo-page-subtitle {margin: 20px 0px 50px;}
div.jsjh-demo-page-section-row {float: left;width: 100%;}

/* demos */
div.jsjh-demo-page-demos-section {background: rgba(221, 32, 32, 0)  url('../../assets/images/demos-bg.png') no-repeat scroll 0 0 / contain;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row {border-bottom: 1px solid #cdced0;padding-bottom: 45px;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item {margin: 25px 0;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a {text-decoration: none;outline: 0;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image {position: relative;height: 475px;-webkit-box-shadow: 0px 0px 2px 2px rgba(126, 126, 126, 0.3);box-shadow: 0px 0px 2px 2px rgba(126, 126, 126, 0.3);}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg {position: absolute;background-position: top center;background-size: cover;background-repeat: no-repeat;width: 100%;height: 475px;left: 0;top: 0;-webkit-transition: all 6s ease-out 0s;-o-transition: all 6s ease-out 0s;transition: all 6s ease-out 0s;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-1 {background-image: url('../../assets/images/home-page-1.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-2 {background-image: url('../../assets/images/home-page-2.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-3 {background-image: url('../../assets/images/home-page-3.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-4 {background-image: url('../../assets/images/full-width-jobs-list.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-5 {background-image: url('../../assets/images/full-width-jobs-grid.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-6 {background-image: url('../../assets/images/job-detail.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-7 {background-image: url('../../assets/images/resume-full-width-list.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-8 {background-image: url('../../assets/images/resume-full-width-grid.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-9 {background-image: url('../../assets/images/resume-detail.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-10 {background-image: url('../../assets/images/companies-list.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg.jsjh-demo-page-scroll-image-11 {background-image: url('../../assets/images/companies-detail.png');}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a:hover div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg {background-position: bottom;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image div.jsjh-demo-page-hover-overlay {height: 100%;width: 100%;background-color: rgba(0,0,0,0.4);overflow: hidden;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image div.jsjh-demo-page-hover-overlay span.jsjh-demo-page-demo-text {color: #fff;background: #ee1e22;min-width: 180px;font-size: 16px;text-transform: uppercase;padding: 10px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);white-space: nowrap;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image div.jsjh-demo-page-hover-overlay span.jsjh-demo-page-demo-text:hover {color: #ee1e22;background: #fff;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a .jsjh-demo-page-title-text {margin: 30px 0;color: #3b3b3d;text-transform: capitalize;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a:hover .jsjh-demo-page-title-text {color: #ee1e22;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-coming-soon-row {padding: 40px 15px 20px; }
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-coming-soon-row div.jsjh-demo-page-item div.jsjh-demo-page-scroll-image {position: relative;-webkit-box-shadow: 0px 0px 2px 2px rgba(126, 126, 126, 0.3);box-shadow: 0px 0px 2px 2px rgba(126, 126, 126, 0.3);height: 475px;cursor: not-allowed;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-coming-soon-row div.jsjh-demo-page-item div.jsjh-demo-page-scroll-image img {display: inline-block;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-coming-soon-row div.jsjh-demo-page-item .jsjh-demo-page-title-text {margin: 30px 0;color: #3b3b3d;text-transform: capitalize;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.jsjh-demo-page-coming-soon-row div.jsjh-demo-page-item:hover .jsjh-demo-page-title-text {color: #ee1e22;}

/* other pages */
div.jsjh-demo-page-other-pages-section {background: url('../../assets/images/image-2.png') no-repeat right top, url('../../assets/images/image-3.png') no-repeat center left, url('../../assets/images/image-4.png') no-repeat bottom right;}
div.jsjh-demo-page-other-pages-section div.jsjh-demo-page-section-row {padding-bottom: 100px;}
div.jsjh-demo-page-other-pages-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image,
div.jsjh-demo-page-other-pages-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item a div.jsjh-demo-page-scroll-image span.jsjh-demo-page-scroll-image-bg {height: 300px;-webkit-transition: all 2s ease-out 0s;-o-transition: all 2s ease-out 0s;transition: all 2s ease-out 0s;}

/* features */
div.jsjh-demo-page-features-section {background: #f6f8f8;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item {margin: 30px 0;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item .jsjh-demo-page-icon {font-size: 60px;margin: 15px 0;color: #ee1e22;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item .jsjh-demo-page-title {margin: 20px 0;text-transform: capitalize;font-weight: 600;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item .jsjh-demo-page-description {line-height: 2;}
div.jsjh-demo-page-features-section div.container-fluid {padding: 0 80px;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-section-row div.jsjh-demo-page-item:hover .jsjh-demo-page-title {color: #ee1e22;}
div.jsjh-demo-page-features-section a.jsjh-demo-page-more-link {display: inline-block;text-decoration: none;outline: 0;border: 1px solid #ee1e22;padding: 10px;margin-top: 40px;min-width: 180px;text-transform: capitalize;font-size: 18px;color: #333;background: #fff;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
div.jsjh-demo-page-features-section a.jsjh-demo-page-more-link:hover {background: #ee1e22;color: #fff;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item {top:0px; position: relative; background: #ffffff; padding: 40px 20px; border: 1px solid #dddddd; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; border-radius: 6px;margin: 15px 0;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item:hover{top: -4px;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item img { width: 130px;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item .jsjh-demo-page-title {margin: 25px 0 10px;font-weight: 600;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item .jsjh-demo-page-subtitle {color: #8a8a8a;margin: 0;}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-1:hover{border: 1px solid #733fc0; -webkit-box-shadow: 0 10px 20px 0 rgba(115, 63, 192, 0.3); box-shadow: 0 10px 20px 0 rgba(115, 63, 192, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-2:hover{border: 1px solid #0067b1; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 103, 177, 0.3); box-shadow: 0 10px 20px 0 rgba(0, 103, 177, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-3:hover{border: 1px solid #ff5f5f; -webkit-box-shadow: 0 10px 20px 0 rgba(255, 95, 95, 0.3); box-shadow: 0 10px 20px 0 rgba(255, 95, 95, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-4:hover{border: 1px solid #8e8283; -webkit-box-shadow: 0 10px 20px 0 rgba(142, 130, 131, 0.3); box-shadow: 0 10px 20px 0 rgba(142, 130, 131, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-5:hover{border: 1px solid #0070ba; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 112, 186, 0.3); box-shadow: 0 10px 20px 0 rgba(0, 112, 186, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-6:hover{border: 1px solid #02d871; -webkit-box-shadow: 0 10px 20px 0 rgba(2, 216, 113, 0.3); box-shadow: 0 10px 20px 0 rgba(2, 216, 113, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-7:hover{border: 1px solid #d24e0e; -webkit-box-shadow: 0 10px 20px 0 rgba(210, 78, 14, 0.3); box-shadow: 0 10px 20px 0 rgba(210, 78, 14, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-8:hover{border: 1px solid #c03a2b; -webkit-box-shadow: 0 10px 20px 0 rgba(192, 58, 43, 0.3); box-shadow: 0 10px 20px 0 rgba(192, 58, 43, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-9:hover{border: 1px solid #02d871; -webkit-box-shadow: 0 10px 20px 0 rgba(2, 216, 113, 0.3); box-shadow: 0 10px 20px 0 rgba(2, 216, 113, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-10:hover{border: 1px solid #00c3ff; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 195, 255, 0.3); box-shadow: 0 10px 20px 0 rgba(0, 195, 255, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-11:hover{border: 1px solid #783089; -webkit-box-shadow: 0 10px 20px 0 rgba(120, 48, 137, 0.3); box-shadow: 0 10px 20px 0 rgba(120, 48, 137, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-12:hover{border: 1px solid #fec013; -webkit-box-shadow: 0 10px 20px 0 rgba(254, 192, 19, 0.3); box-shadow: 0 10px 20px 0 rgba(254, 192, 19, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-13:hover{border: 1px solid #0d9e73; -webkit-box-shadow: 0 10px 20px 0 rgba(13, 158, 115, 0.3); box-shadow: 0 10px 20px 0 rgba(13, 158, 115, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-14:hover{border: 1px solid #00b1f0; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 170, 244, 0.3); box-shadow: 0 10px 20px 0 rgba(0, 170, 244, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-15:hover{border: 1px solid #c41f34; -webkit-box-shadow: 0 10px 20px 0 rgba(196, 31, 52, 0.3); box-shadow: 0 10px 20px 0 rgba(196, 31, 52, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-16:hover{border: 1px solid #1637ab; -webkit-box-shadow: 0 10px 20px 0 rgba(22, 55, 171, 0.3); box-shadow: 0 10px 20px 0 rgba(22, 55, 171, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-17:hover{border: 1px solid #ee3036; -webkit-box-shadow: 0 10px 20px 0 rgba(238, 48, 54, 0.3); box-shadow: 0 10px 20px 0 rgba(238, 48, 54, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-18:hover{border: 1px solid #ed2190; -webkit-box-shadow: 0 10px 20px 0 rgba(237, 33, 144, 0.3); box-shadow: 0 10px 20px 0 rgba(237, 33, 144, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-19:hover{border: 1px solid #00aa59; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 170, 89, 0.3); box-shadow: 0 10px 20px 0 rgba(0, 170, 89, 0.3);}
div.jsjh-demo-page-features-section div.jsjh-demo-page-item.jsjh-demo-page-box-20:hover{border: 1px solid #498aff; -webkit-box-shadow: 0 10px 20px 0 rgba(73, 138, 255, 0.3); box-shadow: 0 10px 20px 0 rgba(73, 138, 255, 0.3);}

/* footer */
footer.jsjh-demo-page-footer div.jsjh-demo-page-footer-area {background: rgba(221, 32, 32, 0)  url('../../assets/images/footer-image.png') no-repeat scroll 0 0 / cover;padding: 50px 0;position: relative;color: #fff;border-top: 3px solid #ee1e22;border-bottom: 3px solid #841f21;}
footer.jsjh-demo-page-footer div.jsjh-demo-page-footer-area::before {content: '';display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.77);}
footer.jsjh-demo-page-footer div.jsjh-demo-page-footer-area div.jsjh-demo-page-content .jsjh-demo-page-title {margin: 45px 0 15px;}
footer.jsjh-demo-page-footer div.jsjh-demo-page-footer-area div.jsjh-demo-page-content .jsjh-demo-page-subtitle {margin: 20px 0 10px;}
footer.jsjh-demo-page-footer div.jsjh-demo-page-footer-area div.jsjh-demo-page-content a {display: inline-block;text-decoration: none;outline: 0;background: #ee1e22;color: #fff;border: 1px solid #ee1e22;padding: 14px 20px;text-transform: uppercase;font-size: 18px;margin: 35px 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
footer.jsjh-demo-page-footer div.jsjh-demo-page-footer-area div.jsjh-demo-page-content a:hover {color: #ee1e22;background: #fff;}
footer.jsjh-demo-page-footer div.jsjh-demo-page-copyright-area {padding: 20px 0;color: #fff;background: #ee1e22;}


/* back to top */
.back-to-top {display: none;position: fixed;bottom: 30px;right: 30px;z-index: 999999;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.back-to-top .angle {display: inline-block;line-height: 33px;width: 40px;height: 40px;background: #ad1617;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: #fff;text-align: center;text-decoration: none;border: 1px solid rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.5);box-shadow: 0 0 3px 2px rgba(0,0,0,0.5);}
/* .back-to-top i {font-size: 27px;line-height: 35px;width: 40px;height: 40px;background: #ad1617;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: #fff;text-align: center;text-decoration: none;border: 1px solid rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.5);box-shadow: 0 0 3px 2px rgba(0,0,0,0.5);} */
.back-to-top.show {display: block;}
.back-to-top:hover {opacity: 0.8;}


/*resposnive*/
@media only screen and (max-width: 767px){
    div.jsjh-demo-page-header-top-area .mainmenu .navbar-toggle {margin: 20px 15px 20px 0;}
    div.jsjh-demo-page-header-top-area .mainmenu .navbar-toggle .icon-bar {background: #fff;}
    div.jsjh-demo-page-header-top-area .mainmenu .navbar-collapse {background: #302d2b;}
    div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav {margin-top: 0;margin-bottom: 0;}
    div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav li {border: none;}
    div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav li a {min-height: auto;line-height: unset;padding: 15px 30px;}
    div.jsjh-demo-page-header-top-area .mainmenu .navbar-nav.navbar-right li a.jh-purchase-btn {margin: 0;}
    div.jsjh-demo-page-section-header {width: 100%;}
    div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.col-md-4 {float: left;width: calc(100% / 2);}
    div.jsjh-demo-page-features-section div.container-fluid {padding: 0 15px;}
    div.jsjh-demo-page-features-section div.container-fluid div.row div.col-md-4 {float: left;width: calc(100% / 3);}
}
@media only screen and (max-width: 600px){
    div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.col-md-4 {width: 100%;}
    div.jsjh-demo-page-other-pages-section div.jsjh-demo-page-section-row div.col-md-4 {width: calc(100% / 2);}
    div.jsjh-demo-page-features-section div.container-fluid div.row div.col-md-4 {width: calc(100% / 2);}
}
@media only screen and (max-width: 400px){
    div.jsjh-demo-page-demos-section div.jsjh-demo-page-section-row div.col-md-4 {width: 100%;}
    div.jsjh-demo-page-features-section div.container-fluid div.row div.col-md-4 {width: 100%;}
}