* {
    margin-top: 0;
}

html,
body {
    font-size: 1.0rem;
    line-height: 1.5;
    color: #333;
    font-weight: 400;
    font-family: "Roboto Condensed", Helvetica, Verdana, Arial, sans-serif;
    /*background-image: url('public/images/bg.jpg')*/
}

a,
p,
span,
strong {
    letter-spacing: 0.5px;
}

strong {
    font-weight: 700;
}

table th,
td {
    font-size: 1rem;
    line-height: 1.2;
}

.h1,
h1 {
    font-size: 2rem;
}

.single-blog-area h2,
.h2,
h2 {
    font-size: 1.5rem;
}

.h3,
h3 {
    font-size: 1.25rem;
    line-height: 1;
}

.h4,
h4 {
    font-size: 1rem;
}

.h5,
h5 {
    font-size: 1rem;
}

.h6,
h6 {
    font-size: 1rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    /* margin-bottom: .5rem; */
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.footer-wrap {
    background: #ffffff5e !important;
}

.f-menu-list {
    background-color: #ffffff00 !important;
    color: #2d52d9;
}

#small h1 {
    font-size: 1.5rem;
    line-height: 1.5;
}

#ModalLabel {
    font-size: 2rem;
}

.panel-heading {
    height: 50px !important;
}

@media only screen and (max-width: 600px) {
    /* For mobile phones: */
    #small h1 {
        font-size: 1.3rem;
    }
    #ModalLabel {
        font-size: 1.2rem;
    }
    .single-blog-area h2,
    .h2,
    h2 {
        font-size: 1.2rem;
        line-height: 1.5;
        font-weight: 700;
    }
    .h3,
    h3 {
        font-size: 1.2rem;
        line-height: 1;
        font-weight: 500;
    }
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

p strong {
    font-weight: bold !important;
}


/*Custom Outline Button*/

.btn-outline {
    border: 2px solid black;
    border-radius: 5px;
    background-color: white;
    color: black;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 5px;
    line-height: 3;
    transition: 0.5s;
}


/* Green */

.btn-outline-success {
    border-color: #4CAF50;
    color: green;
}

.btn-outline-success:hover {
    background-color: #4CAF50;
    color: white;
}


/*Info*/

.btn-outline-info {
    border-color: #17a2b8;
    color: #17a2b8
}

.btn-outline-info:hover {
    background: #17a2b8;
    color: white;
}


/* Blue */

.btn-outline-primary {
    border-color: #2196F3;
    color: dodgerblue
}

.btn-outline-primary:hover {
    background: #2196F3;
    color: white;
}


/* Orange */

.btn-outline-warning {
    border-color: #ff9800;
    color: orange;
}

.btn-outline-warning:hover {
    background: #ff9800;
    color: white;
}


/* Red */

.btn-outline-danger {
    border-color: #f44336;
    color: red
}

.btn-outline-danger:hover {
    background: #f44336;
    color: white;
}


/* Gray */

.btn-outline-default {
    border-color: #e7e7e7;
    color: black;
}

.btn-outline-default:hover {
    background: #e7e7e7;
}

.btn-outline-purple {
    border-color: #6f42c1;
    color: #6f42c1
}

.btn-outline-purple:hover {
    background: #6f42c1;
    color: white;
}

.btn-outline-pink {
    border-color: #e83e8c;
    color: #e83e8c
}

.btn-outline-pink:hover {
    background: #e83e8c;
    color: white;
}

.btn-outline-teal {
    border-color: #20c997;
    color: #20c997
}

.btn-outline-teal:hover {
    background: #20c997;
    color: white;
}

.btn-outline-yellow {
    border-color: #ffc107;
    color: #ffc107
}

.btn-outline-yellow:hover {
    background: #ffc107;
    color: white;
}

.btn-outline-indigo {
    border-color: #6610f2;
    color: #6610f2
}

.btn-outline-indigo:hover {
    background: #6610f2;
    color: white;
}

.btn-outline-gradient {
    border-color: rgb(61, 175, 224);
    color: rgb(61, 175, 224);
}

.btn-outline-gradient:hover {
    background: rgb(61, 175, 224);
    background: linear-gradient(90deg, rgba(61, 175, 224, 1) 0%, rgba(102, 92, 218, 1) 35%, rgba(171, 65, 232, 1) 100%);
    color: white;
}


/*Hover Image Panel Slider*/

.news-image,
#img-hover-zoom,
#L {
    /*height: 200px;*/
    overflow: hidden !important;
}

.news-image img,
#img-hover-zoom img {
    transition: transform .6s ease;
}

#img-hover-zoom:hover img {
    transform: scale(1.3);
    opacity: 1;
}

.news-image img:hover {
    transform: scale(1.5);
    border-radius: 5px;
}


/*Custom Button Switch ON/OFF*/

.onoffswitch {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 10px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #2FCCFF;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #FA5858;
    color: #fff;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background-color: #fff !important;
    border: 1px solid #999999;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0px;
}


/*Custom Label*/

.label-success {
    box-shadow: 0 0 40px 40px #40C652 inset, 0 0 0 0 #40C652;
}

.label-danger {
    box-shadow: 0 0 40px 40px #E4443C inset, 0 0 0 0 #E4443C;
}

.label-info {
    box-shadow: 0 0 40px 40px #E4443C inset, 0 0 0 0 #3498db;
}


/*Custom Button*/

.btn-green {
    border-color: #40C652;
    color: #fff;
    box-shadow: 0 0 40px 40px #40C652 inset, 0 0 0 0 #40C652;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.btn-green:hover {
    box-shadow: 0 0 10px 0 #40C652 inset, 0 0 10px 4px #40C652;
    border-color: #40C652;
}

.btn-red {
    border-color: #E4443C;
    color: #fff;
    box-shadow: 0 0 40px 40px #E4443C inset, 0 0 0 0 #E4443C;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.btn-red:hover {
    box-shadow: 0 0 10px 0 #E4443C inset, 0 0 10px 4px #E4443C;
    border-color: #E4443C;
}

.btn-blue {
    border-color: #3498db;
    color: #fff;
    box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.btn-blue:hover {
    box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
}


/* Button Hover */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-hover {
    width: 100px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 10px;
    height: auto;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}

.btn-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.btn-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.btn-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

.btn-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}

.btn-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

.btn-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}

.btn-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.btn-hover.color-10 {
    background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}

.btn-hover.color-11 {
    background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
    box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
}

@media only screen and (max-width: 768px) {
    .super-sidebar {
        display: none;
    }
    #iffb {
        margin-left: 15px;
    }
}

@media only screen and (min-width: 769px) {
    .item .panel-body {
        height: 170px;
    }
}

@media only screen and (max-width: 768px) {
    .topmenu .topcatalog .topcatalog-btn {
        background: #f8fafc;
        padding: 11px 10px 11px 10px;
    }
    .item .panel-body {
        height: 200px;
    }
}

.header-middle {
    padding: 15px 0;
    text-align: justify;
}

.header-middle .header-middle-cont {
    font-size: 0;
}

.header-middle .header-middle-cont>* {
    font-size: 15px;
}

.header-middle .header-middle-cont:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.toplogo {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.toplogo a {
    display: block;
}

.toplogo img {
    display: block;
    max-height: 150px;
    max-width: 400px;
    width: auto;
    height: auto;
}


/*Slider -->*/

#owl-demo .item {
    background: #3fbf79;
    padding: 10px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.customNavigation {
    text-align: center;
}

.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table tr {
    background-color: #FFF;
}

table th {
    font-weight: bolder;
    font-size: 12pt;
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

table tr:hover {
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);
}


/*Panel*/

.panel-body {
    padding: 10px !important;
}

.owl-carousel .panel-footer a:hover {
    color: rgb(234, 250, 142);
    /* font-weight: bolder; */
}

.panel-body img {
    transition: all 0.4s ease-out;
    object-fit: cover !important;
    overflow: hidden;
}

.panel-body img:hover {
    object-fit: cover !important;
    transform: scale(1.5);
    border-radius: 5px;
}

.owl-carousel .item .panel {
    transition: 0.4s;
}

.owl-carousel .item .panel:hover {
    -webkit-box-shadow: 0px 0px 5px 8px rgba(178, 184, 189, 1);
    -moz-box-shadow: 0px 0px 5px 8px rgba(178, 184, 189, 1);
    box-shadow: 0px 0px 5px 8px rgba(178, 184, 189, 1);
    transition: 0.4s;
}

.owl-carousel .item .panel-footer {
    background: rgb(33, 158, 240);
    background: radial-gradient(circle, rgba(33, 158, 240, 1) 0%, rgba(38, 94, 176, 1) 100%);
}

.owl-carousel .item .panel-footer:hover {
    background: rgb(77, 201, 92);
    background: radial-gradient(circle, rgb(85, 201, 98) 0%, rgba(38, 94, 176, 1) 100%);
}

@font-face {
    font-family: 'Castorgate Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Castorgate Regular'), url('/public/fonts/CASTOR__.woff') format('woff');
}

@font-face {
    font-family: 'Normographe Tryout Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Normographe Tryout Regular'), url('/public/fonts/NORMT___.woff') format('woff');
}


/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('/public/fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('/public/fonts/MYRIADPRO-COND.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('/public/fonts/MYRIADPRO-CONDIT.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('/public/fonts/MyriadPro-Light.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('/public/fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('/public/fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('/public/fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('/public/fonts/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('/public/fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('/public/fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}

@media only screen and (max-width: 480px) {
    #all-post {
        display: none;
    }
    .serviceBox .read-more {
        width: 140px !important;
    }
}


/* Service Box */

.serviceBox {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    width: 100%;
}

.serviceBox .service-icon {
    color: #fff;
    background: #fff;
    font-size: 27px;
    line-height: 92px;
    width: 105px;
    height: 80px;
    padding: 0 0 20px 0;
    margin: 0 auto;
    position: relative;
    clip-path: polygon(100% 80%, 50% 100%, 0 80%, 0 0, 50% 20%, 100% 0);
}

.serviceBox:hover .service-icon {
    transform: rotateX(360deg);
    transition: all 0.3s;
}

.serviceBox .service-icon:before {
    content: "";
    background: linear-gradient(#f47709, #e00f47);
    position: absolute;
    top: 11px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    clip-path: polygon(100% 80%, 50% 100%, 0 80%, 0 0, 50% 20%, 100% 0);
    z-index: -1;
}

.serviceBox .service-content {
    background-color: #fff;
    padding: 60px 22px 40px;
    margin: -40px 0 -12px;
    outline: 2px solid #e00f47;
    outline-offset: -12px;
}

.serviceBox .title {
    color: #e00f47;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.serviceBox .description {
    color: #444;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0;
}

.serviceBox .read-more {
    color: #fff;
    background: linear-gradient(to right, #f47709, #e00f47);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: 160px;
    padding: 11px 0;
    margin: 0 auto;
    display: block;
    transition: all 0.3s ease;
}

.serviceBox .read-more:hover {
    letter-spacing: 2px;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

.serviceBox.purple .service-icon:before {
    background: linear-gradient(#1F8DCA, #CD21A9);
}

.serviceBox.purple .service-content {
    outline-color: #CD21A9;
}

.serviceBox.purple .title {
    color: #CD21A9;
}

.serviceBox.purple .read-more {
    background: linear-gradient(to right, #1F8DCA, #CD21A9);
}

.serviceBox.pink .service-icon:before {
    background: linear-gradient(#EF78BC, #DA327F);
}

.serviceBox.pink .service-content {
    outline-color: #DA327F;
}

.serviceBox.pink .title {
    color: #DA327F;
}

.serviceBox.pink .read-more {
    background: linear-gradient(to right, #EF78BC, #DA327F);
}

.serviceBox.blue .service-icon:before {
    background: linear-gradient(#0E44A6, #22A5C1);
}

.serviceBox.blue .service-content {
    outline-color: #22A5C1;
}

.serviceBox.blue .title {
    color: #22A5C1;
}

.serviceBox.blue .read-more {
    background: linear-gradient(to right, #0E44A6, #22A5C1);
}

@media only screen and (max-width:990px) {
    .serviceBox {
        margin: 0 0 30px;
    }
}


/* Service Box 2 */

.demo {
    background: #e2e2e2;
}

.serviceBox2 {
    color: #606060;
    padding: 0 10px 60px;
    background-color: #F9A11C;
    border: 1px solid transparent;
    border-radius: 20px;
    margin: 80px 0 30px;
    position: relative;
}

.serviceBox2 .service-content {
    text-align: center;
    padding: 15px 20px 30px;
    margin-top: -80px;
    border-radius: 25px;
    background-color: #fff;
    position: relative;
    transition: all 0.3s;
}

.serviceBox2 .service-content:hover {
    box-shadow: 0 0 20px -5px #000;
}

.serviceBox2 .service-content:after {
    content: '';
    height: 50px;
    width: 50px;
    border: 25px solid transparent;
    border-top: 25px solid #fff;
    transform: translateX(-50%);
    position: absolute;
    bottom: -50px;
    left: 50%;
}

.serviceBox2 .service-icon {
    display: inline-block;
    color: #F9A11C;
    font-size: 90px;
    margin-bottom: 10px;
    transition: all 0.3s ease 0s;
}

.serviceBox2:hover .service-icon {
    transform: rotateX(360deg);
}

.serviceBox2 .title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.serviceBox2 .description {
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}

.serviceBox2 .read-more {
    display: block;
    width: 60%;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    background-color: #c5793e;
    border-radius: 15px;
    transform: translateX(-50%);
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 50%;
    bottom: -20px;
}

.serviceBox2 .read-more:hover {
    text-decoration: none;
    letter-spacing: 2px;
    box-shadow: 0 0 10px rgb(32, 32, 32);
}

.serviceBox2.green {
    background-color: #44BB85;
}

.serviceBox2.green .service-icon {
    color: #44BB85;
}

.serviceBox2.green .read-more {
    background-color: #128f5f;
}

.serviceBox2.blue {
    background-color: #36BFC5;
}

.serviceBox2.blue .service-icon {
    color: #36BFC5;
}

.serviceBox2.blue .read-more {
    background-color: #14868d;
}

.serviceBox2.red {
    background-color: #f25a58;
}

.serviceBox2.red .service-icon {
    color: #f25a58;
}

.serviceBox2.red .read-more {
    background-color: #bd3d3b;
}

@media only screen and (max-width:990px) {
    .serviceBox2 {
        margin-bottom: 30px;
    }
    .serviceBox2 .service-content {
        padding: 10px 5px 10px;
    }
}

@media only screen and (max-width:767px) {
    .serviceBox2 {
        margin-bottom: 30px;
    }
}