/*Layout section*/

.tm-support-plugins .wpb_single_image,
.tm-support-plugins .wpb_single_image img,
.tm-themedemo-box,
.tm-themedemo-inner {
-webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.tm-themedemo-inner img {
    -webkit-box-shadow: 3px 5px 25px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 3px 5px 25px 0 rgba(0,0,0,.05);
    box-shadow: 3px 5px 25px 0 rgba(0,0,0,.05);
    border-radius: 5px;
}
.tm-themedemo-box:hover .tm-themedemo-inner img {
    -webkit-box-shadow: 3px 5px 35px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 3px 5px 35px 0 rgba(0,0,0,.08);
    box-shadow: 3px 5px 35px 0 rgba(0,0,0,.08);
}

.tm-support-plugins .wpb_single_image:hover img,
.tm-themedemo-box:hover .tm-themedemo-inner {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
}

.themetechmount-iconbox-stylethree.tm-icon-top .themetechmount-iconbox-icon {
    width: 75px;
    font-size: 45px;
    vertical-align: text-bottom;
    padding-top: 9px;
}

.tm-support-plugins h2.tm-custom-heading {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}


#tm-inner-pages.slick-dotted.slick-slider {
    padding-bottom: 40px;
}
#tm-inner-pages.slick-dotted.slick-slider li {
    width: 12px;
    height: 5px;
    margin: 0px 4px;
}
#tm-inner-pages.slick-dotted li button {
    width: 12px;
    height: 12px;
}
#tm-inner-pages.slick-dotted li.slick-active,
#tm-inner-pages.slick-dotted li.slick-active button {
    width: 12px;
}
.slick-dots li button{
   background-color: #cccdce!important; 
}
.slick-dotted li.slick-active button{
      background-color: #a9c200!important;
}
.tm-elic-featues .themetechmount-iconbox-styleeleven .themetechmount-iconbox-inner {
    padding: 44px 30px 40px;
    text-align: center;
    border-radius: 5px;
}
.tm-elic-featues .themetechmount-iconbox-styleeleven .themetechmount-iconbox-heading .tm-vc_general h2 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
}
.tm-elic-featues .themetechmount-iconbox-styleeleven .tm-box-icon {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 12px;
}

.home.page-id-2449 .site-footer {
    display:none;
    opacity:0;
}
.tm-purchase-button a:hover {
    color: #111111 !important;
    background-color: #fff !important;
}
#demos .wpb_content_element {
    margin-bottom: 10px;
}
h2.tm-custom-heading.tm-custom-headingfont {
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
}
h2.tm-custom-heading.tm-custom-headingfont strong {
    font-family: "Playfair Display",Arial,Helvetica,sans-serif;
    font-style: italic;
    font-weight: 900 !important;
    color: #fff;
}
.tm-responsive-custom-51513387.tm-textcolor-white .slick-dots li.slick-active button {
    background-color: #ff6229 !Important;
}
.tm-themedemo-inner{
    position: relative;
    background-color: #fff;
    padding: 7px;
    border-radius: 3px;
    -webkit-box-shadow: 3px 5px 15px 0 rgba(0,0,0,.05) !important;
    -moz-box-shadow: 3px 5px 15px 0 rgba(0,0,0,.05) !important;
    box-shadow: 3px 5px 15px 0 rgba(0,0,0,.10) !important;
}
.tm-themedemo-box .inside {
    cursor: pointer;
    position: unset;
    padding: 0;
    margin: 0;
}
.tm-themedemo-box .inside:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 3px;
    background: rgb(52, 60, 92, 0.87);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.tm-themedemo-box:hover .inside:before,
.tm-themedemo-box:hover .inside .inside-media-link a.themetechmount_pf_link {
    opacity: 1;
}
.tm-themedemo-box .inside .inside-media-link {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 9;
}
.tm-themedemo-box .inside:hover .inside-media-link {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tm-themedemo-box .inside .inside-media-link a.themetechmount_pf_link {
    padding: 10px 25px;
    border: solid 1px #ff6229;
    border-radius: 3px;
    background: linear-gradient(to right, #fe5603 0%, #ff7f00 100%);
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}
.tm-themedemo-box:hover .inside .inside-media-link a.themetechmount_pf_link:hover {
    background: linear-gradient(to right, #ff7f00 0%, #fe5603 100%);
    color: #fff;
}
.tm-demosframe,
.tm-themedemo-inner img {
    box-shadow: none !important;
    border-radius: 5px;
}

a.tm-support-button, a.tm-buynow-button {
    width: 140px;
    height: 40px;
    position: fixed;
    top: 435px;
    right: 0;
    z-index: 99999;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a.tm-buynow-button {
    background: linear-gradient(to right, #fe5603 0%, #ff7f00 100%);
}
a.tm-buynow-button:hover {
    color: #fff;
}
a.tm-support-button {
    top: 485px !important;
    background-color: #343c5c !important;
}
a.tm-buynow-button.ti-shopping-cart:before, a.tm-support-button.ti-target:before {
    font-family: 'themify';
    margin-right: 20px;
}
a.tm-buynow-button.tm-vc_btn3-icon:after, a.tm-support-button.tm-vc_btn3-icon:after {
    content: '';
    height: 21px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    left: 40px;
    top: 10px;
    position: absolute;
}

#view_themedemos {
    position:relative;
    overflow:hidden;
    left:0px;
}
.shakeimage img{
    -webkit-animation: shake 24s linear infinite;
    -moz-animation: shake 24s linear infinite;
    -o-animation: shake 24s linear infinite;
    animation: shake 24s linear infinite;
}
.tada-img-single img {
    -webkit-animation: bounce 24s linear infinite;
    -moz-animation: bounce 24s linear infinite;
    -o-animation: bounce 24s linear infinite;
    animation: bounce 24s linear infinite;
}
@-webkit-keyframes shake2 {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes shake2 {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-400px);
    -ms-transform: translateX(-400px);
    transform: translateX(-400px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

.slider-img1 {
    -webkit-animation: slider-img 3s linear infinite;
    animation: slider-img 3s linear infinite;
}

@-webkit-keyframes slider-img {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slider-img {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}


.slider-img1 {
    -webkit-animation: slider-img 3s linear infinite;
    animation: slider-img 3s linear infinite;
}


@-webkit-keyframes slider-img {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slider-img {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.shakeimage img{
    -webkit-animation: shake 24s linear infinite;
    -moz-animation: shake 24s linear infinite;
    -o-animation: shake 24s linear infinite;
    animation: shake 24s linear infinite;
}

.tada-img img{
    -webkit-animation: tada 24s linear infinite;
    -moz-animation: tada 24s linear infinite;
    -o-animation: tada 24s linear infinite;
    animation: tada 24s linear infinite;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.tm-custom-heading.tm-bgsize {
    position: absolute;
    top: -20px;
    right: 20px;
    opacity: .04;
}
.tm-thumb-box .tm-demo-title {
    margin-top: 25px;
    text-align: center!important;
    font-size: 25px;
    line-height: 35px;
}

#tm-latest-themes .inside:hover .inside-media-link,
 .tm-thumb-box .inside:hover .inside-media-link {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#tm-latest-themes .inside .inside-media-link, 
.tm-thumb-box .inside .inside-media-link {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 9;
}
#tm-latest-themes .inside .inside-media-link a.themetechmount_pf_link,
 .tm-thumb-box .inside .inside-media-link a.themetechmount_pf_link {
    padding: 14px 35px;
    border: solid 1px #a9c200;
    border-radius: 50px;
    background-color: #a9c200;
    font-weight: 500;
    color: #fff;
    border-radius: 25px;
    font-size: 16px;
}
#tm-latest-themes .tm-page-thumbnail:hover .inside .inside-media-link a.themetechmount_pf_link,
 .tm-thumb-box:hover .inside .inside-media-link a.themetechmount_pf_link
 ,.tm-thumb-box:hover .inside .inside-media-link h3 {
   opacity: 1;
}
.tm-thumb-box-inner.tm-thumbbox-headerinner {
    max-height: 650px;
}
.tm-thumb-box-inner {
    position: relative;
    max-height: 450px;
    overflow: hidden;
    background-color: #fff;
     border: 10px solid #fff;
    -webkit-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);
    -moz-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);
    box-shadow: 0 0 11px 0 rgba(6,22,58,.14);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
#tm-latest-themes .inside:hover .inside-media-link,
.tm-thumb-box:hover .inside .inside-media-link {
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.tm-thumb-box:hover .tm-thumb-box-inner {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 17px rgba(32,46,60,.1);
}
.tm-thumb-box:hover .tm-thumbbox-headerinner:before {
    opacity: 1;
}
.tm-thumb-box .tm-thumbbox-headerinner:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background: rgba(29, 36, 53, 0.87);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.tm-thumb-box .inside{
    text-align: center;
    position: absolute;
    padding: 29px 15px 28px 15px;
    top: 50%;
    z-index: 99;
    width: 100%;
}
.tm-iconbox-spacing .tm-vc_icon_element.tm-vc_icon_element-outer.tm-vc_icon_element-align-center{
    padding-top: 30px;
}
.tm-iconbox-spacing  h2.tm-custom-heading{
    padding-bottom: 20px!important;
}
.tm-vc_btn3.tm-vc_btn3-size-md,
.tm-header-text-area .header-info-widget .tm-vc_btn3, .tm-header-text-area .header-info-widget .tm-vc_btn3.tm-vc_btn3-size-md {
    padding: 14px 35px!important;
    font-size: 16px!important;
}
.tm-iconbox-spacing .vc_column-inner.tm-colum-shadow-box-inner:hover .tm-vc_icon_element-inner .tm-vc_icon_element-icon {
    color: #a9c200;
}
.tm-iconbox-spacing .vc_column-inner.tm-colum-shadow-box-inner:hover .tm-vc_icon_element-inner .tm-vc_icon_element-icon {
  animation: tm-bounce 500ms ease-in-out 50ms;
}

@keyframes tm-bounce {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0);
  }
}
.tm-vc_icon_element.tm-vc_icon_element-outer .tm-vc_icon_element-inner .tm-vc_icon_element-icon{
    position: unset!important;
    transform:unset!important;
    -webkit-transform:unset!important;
}