/* Add here all your CSS customizations */
#toc .toc_item
{ background-color: #f8b40e; }
#toc .toc_description,
#toc .toc_item.current,
#toc .toc_item:hover,
.color_bg1
{ background-color: #ff9c17; }
@media (min-width: 480px) and (max-width: 799px) {
/* Table of contents */
        #toc { width: 30px;        }
        #toc .toc_inner { right: -30px; }
        #toc .toc_item {
                width:280px;
                height:30px;
                border-right-width:2px;
        }
        #toc .toc_icon {
                width:28px;
                height: 30px;
                line-height:30px;
        }
        #toc .toc_icon.with_title {
                line-height:30px;
        }
        #toc .toc_title { display:none; }
        #toc .toc_description {
                position:absolute;
                top:0;
                right:-200px;
                width:170px;
                height:24px;
                padding: 3px 10px;
                font-size:0.6em;
        }
        #toc .toc_item:hover .toc_description {
                right:34px;
        }
        #toc .toc_description:after {
                border-width: 4px;
                margin-top: -4px;
        }
 }
 @media (min-width: 480px) and (max-width: 500px) {
  #toc .toc_description {padding: 0px 10px;}
 }
 @media (max-width: 479px) {
  /* Table of contents */

        #toc      { display:none; }
        #toc { width: 30px;        }
        #toc .toc_inner { right: -30px; }
        #toc .toc_item {
                width:28px;
                height:30px;
                border-right-width:2px;
        }
        #toc .toc_icon {
                width:28px;
                height: 30px;
                line-height:30px;
        }
        #toc .toc_icon.with_title {
                line-height:30px;
        }
        #toc .toc_title { display:none; }
        #toc .toc_description { display:none; }


 }
#toc .toc_description{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
#toc{position:fixed;z-index:999;top:0;bottom:0;right:0;width:50px;}
#toc a{color:#ffffff;}
#toc.toc_no{display:none;}
#toc .toc_inner{position:absolute;top:50%;right:-50px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#toc.toc_fixed .toc_inner,
#toc:hover .toc_inner{right:0;}
#toc .toc_item{position:relative;width:50px;height:50px;background-color:rgba(169,172,169,0.75);}
#toc .toc_item.toc_separator{margin-bottom:2px;}
#toc .toc_item.current,
#toc .toc_item:hover{background-color:rgba(64,64,64,0.5);}
#toc .toc_icon{position:absolute;display:block;z-index:2;top:0;left:0;width:50px;height:50px;line-height:50px;text-align:center;}
#toc .toc_icon.with_title{line-height:50px;text-decoration:none;}
#toc .toc_icon:before{font-size:18px;color:inherit;margin:0;padding:0;}
#toc .toc_title{position:absolute;bottom:3px;left:0;display:block;width:50px;line-height:12px;font-size:12px;}
#toc .toc_description{background-color:rgba(64,64,64,0.5);color:#FFFFFF;font:400 12px/16px inherit;height:50px;line-height:52px;min-height:32px;opacity:0;padding:0 5px 0 25px;position:absolute;right:-300px;top:0;width:170px;z-index:1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#toc .toc_item:hover .toc_description{right:50px;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#toc .toc_description:after{left:100%;top:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-left-color:rgba(128,128,128,0.5);border-width:8px;margin-top:-8px;}
#toc .toc_description i{display:none;font-size:12px;line-height:16px;margin-top:-5px;text-transform:lowercase;}
.custom-home-intro {
  padding: 20px 0 20px 0; }
  .custom-home-intro p {
    max-width: none; }
    .custom-home-intro p span {
      position: relative;
      display: inline-block;
      padding-top: 0; }
      .custom-home-intro p span:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: -40px;
        width: 30px;
        border-bottom: 1px solid #FFF;
        transform: translateY(-50%); }
      .custom-home-intro p span:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: -44px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #FFF;
        transform: translateY(-50%);
}
.custom-header-bar:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        width: 45vw;
        background-image: linear-gradient(150deg, #f1c458 0%, #f1c458 30%, #ecaf1c 70%, #ecaf1c 100%);
        border-radius: 4px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.06);
}
.custom-section-shape-background {
        position: relative;
        overflow: hidden; }
        .custom-section-shape-background:before, .custom-section-shape-background:after {
                content: '';
                position: absolute;
                top: 0;
                left: 47.5%;
                width: 50vw;
                height: 100%;
                background: #FFF;
                transform: skewX(21deg);
                z-index: 0; }
        .custom-section-shape-background:after {
                left: 49.5%;
                transform: skewX(-21deg); }
        .custom-section-shape-background .custom-shape-divider {
                position: relative; }
                .custom-section-shape-background .custom-shape-divider:before {
                        content: '';
                        position: absolute;
                        top: -150px;
                        left: 0;
                        width: 100%;
                        height: 150%;
                        background: #f7f7f7;
                        transform: skewY(-4deg);
                        z-index: 0; }
        .custom-section-shape-background.custom-section-shape-background-reverse:before {
                left: auto;
                right: 49.5%;
                transform: skewX(21deg) rotate(180deg); }
        .custom-section-shape-background.custom-section-shape-background-reverse:after {
                left: auto;
                right: 50.5%;
                transform: skewX(-21deg) rotate(180deg); }
/*
* Custom Btn White
*/
.custom-btn-white {
        border-color: #FFF !important;
        border-width: 3px !important;
        color: #FFF !important; }
        .custom-btn-white:hover {
                background-color: #FFF !important; }

/*
* Buttons
*/
.custom-btn-outline {
        border-width: 3px; }

@-webkit-keyframes arrowMove {
        0% {
                position: relative;
                left: -1px; }
        50% {
                position: relative;
                left: 3px; }
        100% {
                position: relative;
                left: -1px; } }

@keyframes arrowMove {
        0% {
                position: relative;
                left: -1px; }
        50% {
                position: relative;
                left: 3px; }
        100% {
                position: relative;
                left: -1px; } }

.custom-btn-with-arrow:after {
        content: '\E855';
        font-family: 'Fontello';
        font-size: 18px;
        margin-left: 17px; }

.custom-btn-with-arrow:hover:after {
        -webkit-animation: arrowMove 600ms ease;
                                        animation: arrowMove 600ms ease;
        -webkit-animation-iteration-count: infinite;
                                        animation-iteration-count: infinite; }
.ls-1 {
         letter-spacing: -1.2px; }

/*
* Custom Heading Bar
*/
.custom-heading-bar {
        position: relative; }
        .custom-heading-bar:before {
                content: '';
                position: absolute;
                top: 50%;
                right: calc( 100% + 15px);
                width: 50px;
                border-top: 5px solid #CCC;
                transform: translate3d(0, -50%, 0); }
        .custom-heading-bar.custom-heading-bar-right:before {
                right: auto;
                left: calc( 100% + 15px); }
        .custom-heading-bar.custom-heading-bar-with-padding {
                padding-left: 65px; }
                .custom-heading-bar.custom-heading-bar-with-padding:before {
                        right: auto;
                        left: 0; }
.custom-heading-bar:before {
        border-color: #f1c458;
}
/*
* Custom Colors
*/
.custom-text-color-light-1 {
        color: #cbd5f1 !important; }

.custom-text-color-light-2 {
        color: #e0e1e5 !important;
        font-family: "Poppins", sans-serif;
        }

.custom-text-color-light-3 {
        color: #bfbfbf !important; }

.custom-text-color-grey-1 {
        color: #acb4be !important; }

.custom-bg-color-grey-1 {
        color: #f9f7f4 !important; }

/*
* Border Width
*/
.border-width-1 {
 border-width:1px!important
}
.border-width-2 {
 border-width:2px!important
}
.border-width-3 {
 border-width:3px!important
}
.border-width-4 {
 border-width:4px!important
}
.border-width-5 {
 border-width:5px!important
}
.border-width-6 {
 border-width:6px!important
}
/*
* Spacing
*/
.pr-14  {
 padding-right:14px!important
}
.pl-14  {
 padding-left:14px!important
}
.img-full-1 {
         height: auto;
         width: 100%;
         }

/* Sort Destination */
.sort-destination {
        overflow: hidden;
}

.sort-destination .isotope-item {
        min-width: 1px;
}

.sort-destination.full-width {
        position: relative;
}

.sort-destination.full-width .isotope-item {
        width: 20%;
        float: left;
}

.sort-destination.full-width .isotope-item.w2 {
        width: 40%;
}

.sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img {
        border-radius: 0;
}

.sort-destination.full-width-spaced {
        margin-top: 50px;
        margin-left: 20px;
        margin-right: 20px;
}

.sort-destination.full-width-spaced .portfolio-item {
        margin-left: 20px;
        margin-right: 20px;
}

.sort-destination.sort-destination-items-hardware-acc .isotope-item {
        transform: translate3d(0, 0, 0);
}

html.gecko .sort-destination.sort-destination-margin > [class*="col-"] {
        margin: -1px;
}

.sort-source-wrapper + .sort-destination.full-width {
        margin: 0 0 -81px;
        top: -51px;
}

.sort-source-wrapper + .sort-destination-loader .full-width {
        margin: 0 0 -81px;
        top: -51px;
}
/* Section With Shape Divider */
.section.section-with-shape-divider {
        position: relative;
        overflow: hidden;
}

.section.section-with-shape-divider .shape-divider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        z-index: 1;
}

.section.section-with-shape-divider .shape-divider svg {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        transform: translate3d(-50%, 0, 0);
}

@media (min-width: 1950px) {
        .section.section-with-shape-divider .shape-divider svg {
                width: 100%;
        }
}

.section.section-with-shape-divider .shape-divider.shape-divider-bottom {
        top: auto;
        bottom: 0;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y {
        transform: rotateY(180deg);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x {
        transform: rotateX(180deg);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy {
        transform: rotateY(180deg) rotateX(180deg);
}

.section.section-with-shape-divider.overlay:before {
        z-index: 1;
}
.custom-font-secondary {
  font-family: 'poppins', sans-serif !important; }

/*
* Thumb Info
*/
.custom-thumb-info-style-1 .thumb-info-wrapper {
  border-radius: 25px !important;
  border: 5px solid transparent !important;
  transition: ease border 300ms; }

.custom-thumb-info-style-1 h3 {
  transition: ease color 300ms; }

.custom-img-thumbnail-style-1.img-thumbnail.img-thumbnail-hover-icon:before {
  border-radius: 0 !important; }