/*
        Project Info
---------------------------------

Project Name : MIRROS Multipurpose Responsive HTML Template
Date         : 4/24/2016
Author       : ThemeeBit
Version      : 1.00
Developed By : ABDUS SALAM


|-------------------------------------------------------------------------------------------------
|
|                                *********Table of Index*********
|
|   |----------------------------------------------------------------------------------------
|
|   Reset Css
|   Style css
|       01. Navigation
|       02. Slider
|       03. Services
|       04. Recent Works
|       05. About Theme Twits
|       06. Theme Features
|       07. All Footer
|       08. Start About Us
|       09. Our Team
|       10. Load More
|       11. Block-type-personal-info
|       12. Portfolio
|       13. Achivements
|       14. Partners
|       15. Clients Carousel
|       16. Our Activities
|       17. Blog timeline
|       18. Blog post
|       19. BLog Descripttion
|       20. User Comments Area
|       21. Blog reply
|       22. Sidebar
|       23. Mirrors Pagination 
|       24. Page top
|       25. Post slider
|       26. Single Project Info
|       27. eCommerce Product Display
|       28. eCommerce Comappny offer and product Promoting
|       29. Product Showcase
|       30. Top Toolbar
|       31. Shopping Cart page
|       32. Single Product Page
|       33. Error Page & Comming Soon Page
|       34. Contact Page
|       35. Our Amizing Skill
|       36. Preloader & others
|   Responsive css
|
|
|
--------------------------------------------------------------------------------------*/

/*======================================================================================================

                               =======Start  Reset css====

======================================================================================================*/

/*----------------------------------------------------------------
           ------Start Bsic Style------
----------------------------------------------------------------*/
body{
    margin: 0px;
    position: relative;
}
p,h1,h2,h3,h4,h5,h6,a{
    margin: 0px;
    padding: 0px;
}
ul,ol{
    list-style-type: none;
    padding: 0px;
}
a,a:hover,a:focus{
    border: none;
    outline: none;
    text-decoration: none;
}
p{
    color: #666666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}
img,figure{
    margin: 0px;
    padding: 0px;
}
.btn,.btn:focus{
    outline: none;
}

.mirrors-btn1,.single-service-item-circle::after,.round-shape-hover1::before,.recent-works .section-title ul li::after,.theme-details p span a,.theme-details a,.footer-type1 .footer-top .footer-widget .copyright p span a,.footer-type1 .footer-top .footer-widget .footer-social-icon ul li a,.footer-type1 .footer-top .footer-widget .recent-post ul li a,.footer-type1 .footer-top .footer-widget .recent-post .mirrors-btn1,.footer-type1 .footer-top .footer-widget .contact-info ul li a span,.about-theme .about-theme-social-icon a i.fa,.dot-hover ul li::before,.go-top,.go-top i,.home-multipage3 .go-top i,.work-title a,.home-multipage2 .load-more-icon a i,.heder-features-carousel .single-qick-view .single-quick-view-icon i,.portfolio-large-hover-bar-text a,.all-project a,.activities-icon,.timeline-area>ul>li .timeline-panel .timeline-body .blog-heading a,.post-hover:before,.post1:before,.post-time,.single-comments-area .comments-details .comments-text a,.recent-post ul li a,.sidebar-recent-commnets-top .recent-commnets-info a,.single-comments-area .comments-details .user-info a,.blog-archives ul li a,.all-tags ul li a,.post-heading a,.mirrors-pagees > li.radius-border > a,.mirrors-pagees > li.radius-border > span,.mirrors-pagees li:first-child a,.mirrors-pagees li:first-child a i,.mirrors-pagees li:last-child a,.mirrors-pagees li:last-child a i,.ecommerce-pagination-type1 nav ul li a,.page-topper .bredcrumb-area ul li a,.view-item-image  a figure img,.ecommerce-pagination-type1 nav ul li:nth-child(4) a i,.ecommerce-pagination-type1 nav ul li:nth-child(5) a i,.category-list ul li a,.single-grid-item .single-grid-item-name a,.collection-list ul li a,.partners-content ul li a figure img,.toolbar-right-search a i,.toolbar-left a i,.toolbar-left a,.update-button .btn,.mirrors-share-social ul li a,.size-button,.solution-direction p span a,.ecommerce-product-bottom-view .display-item-title a,.view-area ul li a i,.view-area ul li a span,.mirros-main-menu > nav > ul > li > a:before,.navigation-cart-btn,.single-shopping-cart-row,.single-shopping-cart-row .item-price p,.navigation-cart-item-name a,.navigation-cart-close,.single-skill-bar .skill-degit,.mirrors-recent-item figure .recent-work-hover-details a,.post-heading a,.thisWeekCarousel .owl-controls .owl-next:before,.thisWeekCarousel .owl-controls .owl-prev:before{
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
}
/*------------------Start Custom fonts--------------------------*/
@font-face{
    font-family: lato-hairline;
    src: url(fonts/Lato-Hairline.ttf);
}
@font-face{
    font-family: lato-black;
    src: url(fonts/Lato-Black.ttf);
}
/*@font-face{
    font-family: handwritting-dacota;
    src: url(fonts/handwriting-dakota.ttf);
}*/
/*------------------End Custom fonts-------------------------*/

/*---------------------------------------------------------------
                 ------End Bsic Style------
---------------------------------------------------------------*/

/*---------------------------------------------------------------
               -------Start Common Sections-----------
---------------------------------------------------------------*/
.section-title {
  padding-bottom: 93px;
  padding-top: 88px;
}
.section-title h2 {
    color: #333333;
    font-family: lato-hairline;
    font-size: 56px;
    text-align: center;
}
.section-title p {
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 22px;
    font-weight: 300;
    padding-top: 14px;
    text-align: center;
}
.cubic-bg{
    background: url(img/services/cubic-bg.jpg);
    background-size: cover;
    background-position: center;
}

.round-shape-hover1{
    height: 170px;
    position: relative;
    width: 170px;
}
.round-shape-hover1::before {
    background: #333333 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 80%;
    left: 17px;
    opacity: 0;
    position: absolute;
    top: 17px;
    visibility: hidden;
    width: 80%;
    z-index: 1;
}
.round-shape-hover1:hover:before{
    height: 103%;
    left: -2px;
    opacity: .9;
    top: -3px;
    visibility: visible;
    width: 103%;
}
.round-shape-hover2{
    position: relative;
    width: 170px;
    height: 170px;
}
.round-shape-hover2::before {
    background: #252525 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 130px;
    left: 18px;
    opacity: 0;
    position: absolute;
    top: 20px;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: 130px;
    z-index: 1;
}
.round-shape-hover2:hover::before {
    height: 170px;
    left: 0;
    opacity: 0.9;
    top: 0;
    visibility: visible;
    width: 170px;
}
.round-shape-hover2:after {
    content: url("img/services/cubic-black-shape.png");
    left: -94px;
    position: absolute;
    top: -79px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
    z-index: 1;
}
.round-shape-hover2:hover::after{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.circle-view-more {
    text-align: center;
}
.load-more-icon a{
    display: inline-block;
}
.load-more-icon a:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.load-more-icon a i{
    font-size: 32px;
    color: #f05127;
}
.down-cube{
    position: relative;
}
.down-cube::before {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #f05127;
  bottom: -15px;
  content: "";
  height: 0;
  left: calc(50% - 15px);
  position: absolute;
  width: 0;
  z-index: 111;
}

/*----------------------------------------------------------------
             -------End Common Sections-----
----------------------------------------------------------------*/

/*----------------------------------------------------------------
         -------Start All Margin Classes---------
----------------------------------------------------------------*/
.margin-top-40{
    margin-top: 40px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-28{
    margin-top: 28px;
}
.margin-top-27{
    margin-top: 27px;
}
.margin-top-55{
    margin-top: 55px;
}
.margin-top-60{
    margin-top: 60px;
}
.margin-top-9{
    margin-top: 9px;
}
.margin-top-7{
    margin-top: 7px;
}

.margin-top-55{
    margin-top: 55px;
}
.margin-top-8{
    margin-top: 7px
}
.margin-top-9{
    margin-top: 9px;
}
.margin-top-98{
    margin-top: 98px;
}
.margin-top-78{
    margin-top: 78px;
}
.margin-top-95{
    margin-top: 95px;
}
.margin-top-80{
    margin-top: 80px;
}
.margin-top-69{
    margin-top: 69px;
}
.margin-right-8{
    margin-right: 8px;
}



/*----------------------------------------------------------
            -----End All Margin Classes-----
----------------------------------------------------------*/

/*----------------------------------------------------------
       ----Start All padding Classes---
----------------------------------------------------------*/
.no-padding{
    padding: 0px;
}
.no-padding-left{
    padding-left: 0px;
}
.no-padding-right{
    padding-right: 0px;
}
.cmn-padding{
    padding-top: 100px;
    padding-bottom: 100px;
}
.padding-left-right-15{
    padding-left: ]15px;
    padding-right: 15px;
}
.padding-left-right-0{
    padding-left: 0px;
    padding-right: 0px;
}
.padding-bottom-30{
    padding-bottom: 30px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-bottom-0{
    padding-bottom: 0px;
}
.no-display{
    display: none;
}
.no-visibility{
    visibility: hidden;
}
.padding-bottom-100{
    padding-bottom: 100px;
}
.padding-top-3{
    padding-top: 3px;
}
.padding-top-150{
    padding-top: 150px;
}
.padding-top-15{
    padding-top: 15px;
}
.padding-top-70{
    padding-top: 70px;
}
.padding-bottom-51{
    padding-bottom: 51px;
}
.padding-top-95{
    padding-top: 95px;
}
.padding-top-94{
    padding-top: 94px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-23{
    padding-top: 23px;
}
.padding-top-7{
    padding-top: 7px;
}
.padding-top-38{
    padding-top: 38px;
}
.padding-top-48{
    padding-top: 48px;
}
.padding-top-41{
    padding-top: 41px;
}
.padding-top-45{
    padding-top: 45px;
}
.padding-top-57{
    padding-top: 57px;
}
.padding-top-58{
    padding-top: 58px;
}
.padding-top-60{
    padding-top: 60px;
}
.padding-top-58{
    padding-top: 58px;
}
.padding-top-74{
    padding-top: 74px;
}
.padding-top-63{
    padding-top: 63px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-61{
    padding-top: 61px;
}
.padding-top-57{
    padding-top: 57px;
}
.padding-bottom-141{
    padding-bottom: 141px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-12{
    padding-bottom: 12px;
}
.padding-bottom-28{
    padding-bottom: 28px;
}
.padding-bottom-27{
    padding-bottom: 27px;
}
.padding-bottom-45{
    padding-bottom: 45px;
}
.padding-bottom-47{
    padding-bottom: 47px;
}
.padding-bottom-26{
    padding-bottom: 26px;
}
.padding-bottom-91{
    padding-bottom: 91px;
}
.padding-bottom-96{
    padding-bottom: 96px;
}
.padding-bottom-140{
    padding-bottom: 140px;
}
.padding-bottom-148{
    padding-bottom: 148px;
}
.padding-bottom-40{
    padding-bottom: 40px;
}
.padding-bottom-120{
    padding-bottom: 120px;
}
.padding-bottom-60{
    padding-bottom: 60px;
}
.padding-bottom-70{
    padding-bottom: 70px;
}
.padding-bottom-15{
    padding-bottom: 15px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-85{
    padding-top: 85px;
}
.padding-top-80{
    padding-top: 80px;
}
.padding-top-93{
    padding-top: 93px;
}
.padding-top-90{
    padding-top: 90px;
}
.padding-top-60{
    padding-top: 60px;
}
.padding-top-100{
    padding-top: 100px;
}
.padding-top-103{
    padding-top: 103px;
}
.padding-bottom-103{
    padding-bottom: 103px;
}
.padding-top-195{
    padding-top: 195px;
}
.padding-top-210{
    padding-top: 210px;
}
.padding-top-125{
    padding-top: 125px;
}
.padding-top-135{
    padding-top: 135px;
}
.padding-top-196{
    padding-top: 196px;
}
.padding-bottom-51{
    padding-bottom: 51px;
}
.padding-bottom-86{
    padding-bottom: 86px;
}
.padding-bottom-80{
    padding-bottom: 80px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-70{
    padding-bottom: 70px;
}
.padding-bottom-68{
    padding-bottom: 68px;
}
.padding-bottom-91{
    padding-bottom: 91px;
}
.padding-bottom-95{
    padding-bottom: 95px;
}
.padding-top-100{
    padding-top: 100px;
}
.padding-right-28{
    padding-right: 28px;
}
.padding-bottom-56{
    padding-bottom: 56px;
}
.padding-bottom-98{
    padding-bottom: 98px;
}
.padding-bottom-87{
    padding-bottom: 87px;
}
.padding-bottom-116{
    padding-bottom: 116px;
}
.padding-bottom-40{
    padding-bottom: 40px;
}
.default-padding{
    padding-top: 94px;
    padding-bottom: 94px;
}
.padding-top-98{
    padding-top: 98px;
}
.padding-bottom-150{
    padding-bottom: 150px;
}
.padding-top-bottom-34{
    padding-top: 35px;
    padding-bottom: 33px;
}
.theme-details p {
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}
.theme-details p span a{
    color: #00c8fa;
}
.theme-details p span a:hover{
    color: #f05127;
}
.theme-details a{
    color: #00c8fa;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}
.theme-details a:hover{
    color: #f05127;
}
.no-visibility{
    visibility: hidden;
}
.inline-block{
    display: inline-block;
}
.visibility{
    visibility: visible;
}
.no-overflow{
    overflow: hidden;
}
.relative-position{
    position: relative;
}
/*disable padding to container*/
@media only screen and (min-width: 768px) and (max-width: 1920px) {
    .container {
        padding: 0px;
        
      
    }
}
/*----------------------------------------------------------------
                    -----End All padding Classes-----
----------------------------------------------------------------*/

/*----------------------------------------------------------------
                 -----Start Alignment Classes-----
----------------------------------------------------------------*/
.text-center{
    text-align: center;
}
.middle{
    margin: 0px auto;
}
.align-middle {
    display: inline-block;
    float: none;
    margin-right: -4px;
    vertical-align: middle;
}
/*---------------------------------------------------------------------
                 ------End Alignment Classe-----
---------------------------------------------------------------------*/

/*------------------------------------------------------------------------
               -----End Start Color Classes------
------------------------------------------------------------------------*/
.white-txt{
    color: #fff;
}
.orange-bg{
    background: #f05127;
}
.orange-txt{
    color: #f05127;
}
.sky-blue-txt{
    color: #00c8fa;
}
.sky-blue-bg{
    background: #00c8fa;
}
.light-black-bg{
    background: #252525;
}
.full-dark-bg{
    background: #000000;
}
.light-ash{
    background: #ebebeb;
}
.dark-type1-bg{
    background: #252525;
}
.dark-type2-bg{
    background: #666666;
}
/*-----------------------------------------------------------------
                ----Color Classes----
-----------------------------------------------------------------*/
/*--------------------------------------------------------------
            ---Start Common Button--
--------------------------------------------------------------*/
.mirrors-btn1 {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 0 13px 1px;
    text-align: center;
}
.mirrors-btn2 {
    border: 2px solid #fff;
    background: transparent;
    border-radius: 2px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    line-height: 26px;
    overflow: hidden;
    padding: 10px 18px;
    position: relative;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    z-index: 111;
}
.mirrors-btn2:hover {
  line-height: 100px;
}
.mirrors-btn2:before{
    color: #fff;
    content: 'Purchase it';
    font-family: "Lato", sans-serif;
    font-size: 18px;
    position: absolute;
    top: -100px;
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
}
.mirrors-btn2:hover:before{
    top: -25px;
}

/*-------------------------------------------------------------------------------
                --Lightbox Customization--        
-------------------------------------------------------------------------------*/
.uk-slidenav-position .uk-slidenav {
    display: block;
    margin-top: -30px;
    position: relative;
    top: 50%;
    z-index: 1;
}
.uk-slidenav-position .uk-slidenav-previous {
    left: 20px;
    position: absolute;
}
.uk-slidenav-position .uk-slidenav-next{
    position: absolute;
    right: 20px;
}
.uk-slidenav-next::before {
    color: #333;
    content: "";
    font-size: 22px;
    font-family: "Simple-Line-Icons";
    right: 100%;
}
.uk-slidenav-previous::before {
    color: #333;
    content: "";
    font-family: "Simple-Line-Icons";
    font-size: 22px;
    left: 0px;
}
.uk-close::after {
    color: #333;
    content: "";
    display: block;
    top: 0px;
    font-family: "Simple-Line-Icons";
}
.uk-modal {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-animation: zoomIn  .40s linear;  
    animation: zoomIn  .40s linear;  
    z-index: 1010;
}
.uk-open .uk-modal-dialog{
    -webkit-animation: zoomIn  .50s linear;  
    animation: zoomIn  .50s linear;  
}
/*-------------------------------------------------------------------------
                        --lightbox customization--
----------------------------------------------------------------------*/
                                


/*======================================================================================================

                            =====  End  Reset css =====

======================================================================================================*/


/*======================================================================================================

                              =====  Start Style css =====

======================================================================================================*/

/********************************************************************************************************
    -01.                          ---Start Navigation-----
******************************************************************************************************/
.navigation-type3{}
.navigation-type3{
    padding-bottom: 30px;
    max-width: 1170px;
    margin: 0px auto;
}
.mirros-menu nav{
    margin: 0px;
}
.mirros-menu  .navbar-brand{
    height: auto;
    padding: 0px;
}
.brand-logo{

}
.brand-area{
    float: left;
    padding-top: 19px;
    padding-bottom: 17px;
}
.mirros-menu {
  box-shadow: 0 3px 4px #ddd;
  position: relative;
  z-index: 99;
}
.mirros-main-menu > nav > ul {
    float: right;
    margin-bottom: 0;
    padding-top: 10px;
}
.mirros-main-menu>nav>ul>li{
    display: inline-block;
}
.mirros-main-menu>nav>ul>li.dropdown{
    position: relative;
}
.mirros-main-menu > nav > ul > li > a {
    color: #333333;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 128px;
    margin-right: 23px;
    position: relative;
}
.mirros-main-menu > nav > ul > li > a:before{
    background: #f05127;
    border-radius: 50%;
    bottom: 0px;
    content: "";
    height: 5px;
    left: calc(50% - 2.5px);
    content: "";
    position: absolute;
    visibility: hidden;
    width: 5px;
}
.mirros-main-menu > nav > ul > li:hover > a::before, .mirros-main-menu > nav > ul > li.active > a::before{
    bottom: 44px;
    visibility: visible;
}
.megamenudown {
  background-color: #fff;
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
  left: 0px;
  margin-top: 0px;
  margin-left: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  z-index: -9;
}
.mirros-main-menu > nav > ul > li:hover .megamenudown{
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    left: 0px;
    z-index: 9999;
    visibility: visible; 
}
.single-mega-menu-item ul li{
    height: 40px;
    position: relative;
    z-index: 111;

}
.single-mega-menu-item ul li a {
    color: #333;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    padding-left: 19px;
}

.single-mega-menu-item ul li:hover:before{
    width: 100%;
    
}
.single-mega-menu-item ul li a:hover{
    -webkit-animation: pulse 1s linear;
    animation: pulse 1s linear;
    background: #f05127;
    color: #fff;
   
}
.dropdown{
    position: relative;
}
.mirros-main-menu > nav > ul > li > .single-dropdown-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    margin-left: -19px;
    margin-top: 1px;
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    width: 191px;
    z-index: 111;
}
.mirros-main-menu > nav > ul > li:hover .single-dropdown-menu{
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    left: 0px;
    z-index: 9999;
    visibility: visible; 
}
.mirros-main-menu > nav > ul > li>.single-dropdown-menu li{
    height: 40px; 
}
.mirros-main-menu > nav > ul > li > .single-dropdown-menu li a {
    color: #333;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    padding-left: 20px;
    text-align: left;
}
.mirros-main-menu > nav > ul > li>.single-dropdown-menu li a:hover{
    color: #fff;
}
.mirros-main-menu > nav > ul > li>.single-dropdown-menu>.single-mega-menu-item>ul>li>.multi-lavel{
    background: #fff;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    float: right;
    position: absolute;
    left: 100%;
    opacity: 0;
    top: 0px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 191px;
}
.mirros-main-menu > nav > ul > li>.single-dropdown-menu>.single-mega-menu-item>ul>li:hover .multi-lavel{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    visibility: visible;
}
.mirros-search-icon {
    background: #eaeaea none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 50px;
    margin-left: 2px;
    margin-right: 3px;
    margin-top: 50px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    width: 50px;
}

.mirros-search-icon:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
    background: #f05127;
}
.mirros-search-icon a{
    display: block;
}
.mirros-search-icon a i {
    color: #fff;
    font-size: 22px;
    line-height: 50px;
}
.search-area{
    padding-top: 60px;
    padding-bottom: 60px;
}
.modal-search-field{
    border: none;
    border-bottom: 1px solid #999;
    height: 40px;
    outline: none;
    width: 100%;
}
.search-area input{
    color: #999;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-style: italic;
}
.modal-search-btn{
    background: #fff;
    box-shadow: none;
    border-bottom: 1px  solid #999;
    border-radius: 0px;
}

/*slider top navigation*/
.banner1{
    position: relative;
}
.mirrros-slider-top-navigation .mirros-menu {
  background: transparent;
  box-shadow: none;


}
.mirrros-slider-top-navigation {
    width: 100%;
    left: 0%;
    position: absolute;
    top: 0;
    z-index: 111;
}
.mirrros-slider-top-navigation  .mirros-main-menu > nav > ul > li > a {
  color: #fff;
  line-height: 128px;
}
.mirrros-slider-top-navigation .mirros-main-menu > nav > ul > li > .single-dropdown-menu {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
  margin-left: -19px;
  margin-top: -27px;
  width: 191px;
  z-index: 111;
}
.mirrros-slider-top-navigation .mirros-main-menu > nav > ul > li > .single-dropdown-menu li a {
  color: #fff;
  display: block;
  font-family: "Lato",sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  padding-left: 20px;
  text-align: left;
}
.mirrros-slider-top-navigation .megamenudown {
    background: rgba(255,255,255,.10);
    top: 113px;
    margin-left: 15px;
}
.mirrros-slider-top-navigation .single-mega-menu-item ul li a {
    color: #fff;
}
.mirrros-slider-top-navigation .mirros-main-menu > nav > ul > li > .single-dropdown-menu > .single-mega-menu-item > ul > li > .multi-lavel {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}
.mirrros-slider-top-navigation .mirros-search-icon {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    margin-right: 0;
}
.mirrros-slider-top-navigation .mirros-search-icon:hover{
    background: #f05127;
}
/*banner type 3 navigation*/
.banner-type3 .mirrros-slider-top-navigation {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 222;
}
.home-multipage2   .mirrros-slider-top-navigation .megamenudown {
  background: #fff;
} 
.banner-type3 .megamenudown{
    background: #fff;
}
.banner-type3 .mirrros-slider-top-navigation .single-mega-menu-item ul li a {
  color: #333;
}
.banner-type3 .mirrros-slider-top-navigation .single-mega-menu-item ul li a:hover {
  color: #fff;
}
.banner-type3 .mirrros-slider-top-navigation .mirros-main-menu > nav > ul > li > .single-dropdown-menu {
  background: #fff;
  z-index: 111;
}
.banner-type3 .mirros-main-menu > nav > ul > li > .single-dropdown-menu li a {
  color: #333;
}
.banner-type3  .mirros-main-menu > nav > ul > li > .single-dropdown-menu > .single-mega-menu-item > ul > li > .multi-lavel {
  background: #fff;
}
/*slider bottom navigation*/
.mirros-slider-bottom-menu .mirros-main-menu > nav > ul > li:hover > a::before {
    bottom: 14px;
    visibility: visible;
}

.mirros-slider-bottom-menu{
    background: #fff;
    position: relative;
    z-index: 999;
}
.mirros-slider-bottom-menu .mirros-search-icon {
    background: rgba(51,51,51,.1) none repeat scroll 0 0;
    height: 30px;
    margin-top: 18px;
    width: 30px;
}
.mirros-slider-bottom-menu .mirros-search-icon a i {
    color: #333;
    font-size: 12px;
    line-height: 30px;
}
.mirros-slider-bottom-menu .brand-area {
    float: left;
    padding-bottom: 8px;
    padding-top: 10px;
}
.mirros-slider-bottom-menu .mirros-main-menu > nav > ul {
    float: right;
    margin-bottom: 0;
    padding-top: 0px;
}
.mirros-slider-bottom-menu .mirros-main-menu > nav > ul > li > a {
    color: #333333;
    font-weight: 300;
    line-height: 67px;
}
.mirros-slider-bottom-menu .mirros-main-menu > nav > ul > li > a:hover::before {
    visibility: visible;
}
.mirros-slider-bottom-menu .mirros-main-menu > nav > ul > li > .single-dropdown-menu {
    top: 67px;
}
.mirros-slider-bottom-menu .megamenudown {
    top: 68px;
}

/*ecommerce navigation*/
.banner3 .shopping-cart-icon{
    background: rgba(255,255,255,.10);
}
.banner3 .mirrros-slider-top-navigation {
    top: 25px;
}



/*---mobile menu css---*/
.mobile-menu-area{
    display: none;
}
.mean-container .mean-bar {
    background: #f05127 none repeat scroll 0 0;
    float: left;
    min-height: 42px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99;
}
.mean-container .mean-bar::after {
    color: #ffffff;
    content: "MENU";
    font-family: "Lato",sans-serif;
    font-size: 20px;
    font-weight: 700;
    left: 5%;
    position: absolute;
    top: 8px;
}
.mean-container .mean-nav ul li a {
    color: #333;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 500;
}
.mean-container .mean-nav ul li li a {
    box-shadow: 0px;
    color: #333;
    font-family: "Lato",sans-serif;
    font-weight: 500;
    opacity: 0.74;
}

/**************************************************************************************************************
                          -----End Navigation----
**************************************************************************************************************/

/***************************************************************************************************************
    -02.                             -----Start Slider----
***************************************************************************************************************/

.banner-type1{
    position: relative;
    margin: 0px auto;
}

.camera_caption {
    max-width: 1170px;
    margin-left: calc(50% - 585px);
}
.camera_caption.banner2-heading {
    margin-top: 243px;
}
.banner1 .camera_caption > div{
    padding: 0px;
}
.banner2 .camera_caption > div{
    padding: 0px;
}

.banner1 .camera_wrap .camera_pag .camera_pag_ul{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 0px;
    right: 5%;
    top: 35% ;
    z-index: 999;
}
.banner3 .camera_wrap .camera_pag .camera_pag_ul{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
 
    right: 7%;
    bottom: 25px ;
    z-index: 999;
}
.banner3 .camera_wrap .camera_pag .camera_pag_ul li {
    background: #4c4d4f;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 20px 5px;
    position: relative;
    text-align: left;
    /*text-indent: -9999px;*/
    width: 10px;
}


.banner1 .camera_wrap .camera_pag .camera_pag_ul li {
    background: #4c4d4f;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 20px 5px;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    width: 10px;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    height: 10px;
    left: 0px;
    /*overflow: hidden;*/
    position: absolute;
    top: 0px;
    width: 10px;
}
.type1-headline{
    padding-bottom: 70px;
    position: relative;
}
.type1-headline:before{
    background: #fff;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0px;
    position: absolute;
    width: 100%;
}
.camera_bar {
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

/*banner type 1*/


.banner-type1 .camera_caption:first-child{
    color: #fff;
    font-family: lato-black;
    font-size: 72px;
    line-height: 72px;
    padding-top: 259px;
    padding-bottom: 72px;
    position: relative;
    text-align: left;
}
.banner-type1 .camera_caption:first-child::before{
    background: #fff;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0px;
    position: absolute;
    width: 100%;
}
.banner-type1 .camera_caption:nth-child(2){
    padding-top: 30px;
}
.banner-type1 .camera_caption:nth-child(3){
    margin-left: 60px;
}
.banner-type1 .camera_caption:nth-child(4){
    margin-left: 60px;
}
.banner-type1 .camera_caption:nth-child(5){
    margin-left: 60px;
}
.banner-type1 .camera_caption:nth-child(6){
    color: rgba(255,255,255,.50);
    background: transparent;
    font-family: "Lato",sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    margin: 0px auto;
    padding-top: 130px;
    text-align: center;
}
.banner-type1 .camera_caption:nth-child(7){
    display: inline-block;
    margin: 0px auto;
    padding-left: calc(50% - 15px);
    text-align: center;
}
.banner-type1 .camera_caption:nth-child(8) .footer-social-icon {
    left: 0px;
}


.tp1-features-icon{
    background: rgba(255,255,255,.10);
    border-radius: 50%;
    height: 50px;
    margin-right: 20px;
    text-align: center;
    width: 50px;
}
.tp1-features-icon i{
    color: #fff;
    font-size: 22px;
    line-height: 50px;
}
.tp1-features-text{}
.tp1-features-text p{
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}
.type1-scroll-down{
    background: transparent;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border: 4px solid #fff;
    position: relative;
    height: 55px;
    width: 30px;
}
.type1-scroll-down:before{
    animation: 1s ease 0s normal none infinite running up-down;
    background: #fff;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    content: "";
    height: 14px;
    left: 45%;
    position: absolute;
    top: 7px;
    width: 3px;
}
.banner-type1 .footer-social-icon{
    position: absolute;
    top: -20px;
}
.type1-features:hover .tp1-features-icon{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
    background: #f05127;
}

/*banner type2*/


.banner-type2{
    height: 100vh;
    position: relative;
    margin: 0px auto;
}

.banner-type2{}
.banner2 .banner-type2 .camera_caption:first-child{
    background: transparent;
    color: #fff;
    font-family: lato-hairline;
    font-size: 56px;
    line-height: 56px;
    padding-top: 267px;
    text-align: left;
}
.banner2 .banner-type2 .camera_caption:nth-child(2){
    background: transparent;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    margin-top: 17px;
    text-align: left;
}
.banner2 .banner-type2 .camera_caption:nth-child(3){
    margin-top: 30px;
    text-align: left;
}
.banner2 .banner-type2 .camera_caption:{}
.banner-type2 .mirrors-btn2{
    position: relative;
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
}
.banner-type2 .mirrors-btn2:hover{
    border-color: #f05127;
    background: #f05127;
}
.banner-type2 .mirrors-btn2:before{
content: "View more";
}
.banner2 .camera_wrap .camera_pag .camera_pag_ul{
    position: absolute;
    right: 7%;
    bottom: 52px ;
    z-index: 999;
}
.banner2 .camera_wrap .camera_pag .camera_pag_ul li {
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 20px 5px;
    position: relative;
    text-align: left;
    width: 10px;
}
.banner2 .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{
    background: transparent;
}
.banner2 .camera_wrap .camera_pag .camera_pag_ul li{
    margin-right: 12px;
}
.banner2 .camera_wrap .camera_pag .camera_pag_ul li > span {
    background: rgba(255,255,255,.10);
    border-radius: 50%;
    color: #fff;
    height: 20px;
    left: 4px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 20px;
}

.banner2 .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    color: #fff;
    background: rgba(255,255,255,.30); 
}










/*-----banner type3----*/
.banner-type3{
    background: url(img/banner-images/banner-img1.jpg) no-repeat;
    background-size: cover;
    position: relative;
}
.banner-type3:before{
    background: rgba(37,37,37,.75);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.banner-content-area{
    
}
.banner-type3 .main-heading{
    position: relative;
    z-index: 111;
}
.banner-type3 .main-heading h2{
    color: #fff;
    font-family: lato-hairline;
    font-size: 56px;
    text-align: center;
}
.banner-type3 .main-heading p {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding: 16px 55px 0;
    text-align: center;
}
.banner-type3 .mirrors-btn2:hover{
    border: 2px solid #f05127;
    background: #f05127;
    color: #fff;
}
.banner-type3 .mirrors-btn2:nth-child(1){
    position: relative;
}
.banner-type3 .mirrors-btn2:nth-child(1):before{
    content: "View More";
}
.banner-type3 .mirrors-btn2:nth-child(2){
    position: relative;
}
.banner-type3 .mirrors-btn2:nth-child(2):before{
    content: "Shop Now";
}
.header-button-area {
    margin: 32px auto 0;
    text-align: center;
}
.header-button-area .mirrors-btn2::before{
    content: "View more";
}
.header-button-area .mirrors-fill-btn:before{
    content: "Buy now";
}
.header-button-area .mirrors-fill-btn {
    background: #f05127 none repeat scroll 0 0;
    border-color: #f05127;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
}
.header-button-area .mirrors-fill-btn{
    margin-left: 25px;
}
.heder-features-carousel{
    background: #ecebeb;
    padding-left: 70px;
    padding-right: 70px;
    padding-top:45px;
    padding-bottom: 20px;
}
.heder-features-carousel  .owl-nav {
    margin-top: 40px;
    text-align: center;
}

.heder-features-carousel{
    position: relative;
}
.heder-features-carousel .single-quick-view-icon{
    background: #d6d5d4;
}
.heder-features-carousel .single-qick-view:hover .single-quick-view-icon{
    -webkit-animation: none;
    animation: none;
    background: #f05127;
}
.heder-features-carousel .single-qick-view:hover .single-quick-view-icon i{
    color: #fff;
}
.heder-features-carousel .single-quick-view-details p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    
}


.heder-features-carousel .single-quick-view-details h2 {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 10px;
    padding-top: 20px;
}
.heder-features-carousel .owl-controls .owl-prev {
    background: #000;
    left: 0px;
     position: absolute; 
    float: left;
    top: 50%;
    visibility: hidden;
}
.heder-features-carousel .owl-controls .owl-next{
    background: #000;
    right: 0px;
    position: absolute; 
    float: right;
    top: 50%;
    visibility: hidden;
}
.heder-features-carousel  .owl-dots .owl-dot span {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 5px;
    margin: 5px 7px;
    -webkit-transition: opacity 200ms ease 0s;
    transition: opacity 200ms ease 0s;
    width: 5px;
}
.heder-features-carousel .owl-controls .owl-next::before{
    border-radius: 2px;
    background: #d6d6d7;
    color: #fff;
    content: "";
    font-family: "Simple-Line-Icons";
    font-size: 27px;
    height: 50px;
    right: -5px;
    line-height: 50px;
    position: absolute;
    top: calc(50% - 45px);
    visibility: visible;
    width: 50px;
}
.heder-features-carousel .owl-controls .owl-prev::before {
    border-radius: 2px;
    background: #d6d6d7 ;
    color: #fff;
    content: "";
    font-family: "Simple-Line-Icons";
    font-size: 27px;
    height: 50px;
    left: -5px;
    line-height: 50px;
    position: absolute;
    top: calc(50% - 44px);
    visibility: visible;
    width: 50px;
}
.heder-features-carousel .owl-controls .owl-prev::before:hover{
    background: #ff6633
}
.heder-features-carousel .owl-dots .owl-dot.active span, .heder-features-carousel .owl-dots .owl-dot:hover span {
    background: #ff6633 none repeat scroll 0 0;
}
.scroll-down-text p{
    text-align: center;
    font-family: "Lato",sans-serif;
    font-style: italic;
    font-size: 16px;
    font-weight: 300;
    
    
}
.scroll-down{
    border-radius: 10px;
    border: 2px solid #fff;
    cursor: pointer;
    height: 28px;
    margin: 0px auto;
    margin-bottom: 10px;
    position: relative;
    width: 17px;
}

.scroll-down::before {
    -webkit-animation: 1s ease 0s normal none infinite running up-down;
    animation: 1s ease 0s normal none infinite running up-down;
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 6px;
    left: 49%;
    position: absolute;
    top: 5px;
    width: 2px;
}

@-webkit-keyframes up-down{
    0%{
        top: 5px;
    }
    50%{
        top: 10px;
    }
    
}


@keyframes up-down{
    0%{
        top: 5px;
    }
    50%{
        top: 10px;
    }
    
}

/*banner type4*/
.banner-type4{
    background: url(img/banner-images/banner-img6.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 900px;
    position: relative;
}
.banner-type4-banner-image{
    left: 0px;
    position: absolute;
    bottom: 0px;
}
.banner-type4-right{
    min-height: 900px;
    position: relative;
}
.banner-type4-header-text{
    padding-top: 275px;
}
.banner-type4-header-text h2{
    color: #ffffff;
    font-family: lato-hairline;
    font-size: 56px;
}
.banner-type4-header-text p{
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    padding-top: 16px;
}
.banner-type4-header-button{
    margin-top: 29px;
}
.banner-type4-header-button .banner-type4-btn1{
    margin-right: 26px;
    position: relative;
}
.banner-type4-header-button .banner-type4-btn1:before{
    content: "View More";
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.banner-type4-header-button .banner-type4-btn1:hover{
    border-color: #f05127;
    border: 2px solid #f05127;
    background: #f05127;
}
.banner-type4-header-button .banner-type4-btn2{
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.banner-type4-header-button .banner-type4-btn2:before{
    content: "Hire Me";
}
.banner-type4-header-button .banner-type4-btn2:hover{
    border-color: #f05127;
    border: 2px solid #f05127;
    background: #f05127;
}
.banner-type4 .banner-type4-scroll-down{
    bottom: 30px;
    min-width: 144px;
    position: absolute;
    
}
.banner-type4 .banner-type4-scroll-down a{
    float: left;
    margin-right: 10px;
}
.banner-type4 .banner-type4-scroll-down p{
    display: block;
    font-style: italic;
    padding-top: 10px;

}

/*banner type5*/

.banner-type5 .camera_caption:first-child{
    color: #fff;
    font-family: lato-hairline;
    font-size: 56px;
    line-height: 56px;
    margin: 0px auto;
    padding-top: 269px;
    text-align: center;
}
.banner-type5 .camera_caption:nth-child(2){
    background: transparent;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    margin: 0px auto;
    padding-top: 0px;
    text-align: center;
}
.banner-type5 .camera_caption:nth-child(3){
    margin: 0px auto;
    padding-top: 10px;
    text-align: center;
}
.banner-type5 .camera_caption{}
.banner3 .camera_wrap .camera_pag .camera_pag_ul li {
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 20px 5px;
    position: relative;
    text-align: left;
    width: 10px;
}
.banner3 .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{
    background: transparent;
}
.banner3 .camera_wrap .camera_pag .camera_pag_ul li{
    margin-right: 12px;
}
.banner3 .camera_wrap .camera_pag .camera_pag_ul li > span {
    background: rgba(255,255,255,.10);
    border-radius: 50%;
    color: #fff;
    height: 20px;
    left: 4px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 20px;
}

.banner3 .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    color: #fff;
    background: rgba(255,255,255,.30); 
}
.banner-type5 .mirrors-btn2{
    position: relative;
}
.banner-type5 .mirrors-btn2:first-child:before{
    content:"View more";
    position: absolute;
}
.banner-type5 .mirrors-btn2:last-child:before{
    content:"Shop Now";
    position: absolute;
}
.banner-type5 .mirrors-btn2:hover{
    border-color: #f05127;
    background: #f05127;
}

/***********************************************************************************************************
                                    ---End Slider---
***********************************************************************************************************/

/***********************************************************************************************************
           -03.              ----- Start Services---
***********************************************************************************************************/

/*------Start services common css-----*/
.single-service-item{
    text-align: center;
}
.single-service-item-circle{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #f05127;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px auto;
    position: relative;
    width: 170px;
}
.single-service-item-circle i{
    color: #f05127;
    font-size: 50px;
    z-index: 99;
}
.single-service-item-circle::after {
    content: url("img/services/cubic-black-shape.png");
    left: -99px;
    position: absolute;
    top: -81px;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.single-service-item-circle:hover::after{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-service-item:hover .mirrors-btn1{
    background: #f05127;
    color: #fff;
}
.service-details-content{
    margin-top: 52px;
    overflow: hidden;
}
.service-details-content h6{
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}
.service-details-content p {
  color: #666666;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  padding-top: 7px;
}

/*--------End Services common css-----*/


/*---------quick services----*/
.quick-service-view{}
.single-quick-view-icon {
    background: #e9e9e9 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 50px;
    margin-right: 21px;
    margin-top: 5px;
    text-align: center;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 50px;
}

.single-qick-view:hover .single-quick-view-icon{
    animation: bounce-in .40s linear;
    -webkit-animation: bounce-in .40s linear;
    
}
@keyframes bounce-in{
  0% {
   -webkit-transform: scale(1);
   transform: scale(1);
  }

  20% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@-webkit-keyframes bounce-in{
  0% {
   -webkit-transform: scale(1);
   transform: scale(1);
  }

  20% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
      
  }
}
.single-quick-view-icon i{
    color: #f05127;
    font-size: 20px;
    line-height: 51px;
}
.single-quick-view-icon:hover{
    background: #f05127;
    color: #fff;
}
.single-quick-view-icon:hover i{
    color: #fff;
}


.single-quick-view-details{
    display: table;
}
.single-quick-view-details p {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    padding-top: 0px;
}
/*------Home multipage3 Quick service view--------*/
.home-multipage3  .single-quick-view-details p{
    color: #fff;
}
.home-multipage3  .single-quick-view-icon{
    background: #f05127;
}
.home-multipage3  .single-quick-view-icon i{
    color: #fff;
}
/****************************************************************************************************************
                                        ---End Services----
****************************************************************************************************************/

/****************************************************************************************************************
              /-04.                      ---Start Recent Works---
****************************************************************************************************************/
.recent-works{
    
}
.recent-works .section-title h2{
    color: #fff;
}
.recent-works .section-title{
    margin: 0px auto;
    text-align: center;
}
.recent-works .section-title ul{
    margin-bottom: 0px;
}
.recent-works .section-title ul li {
    display: inline-block;
    margin-right: 2.6em;
    padding-top: 13px;
    position: relative;
}
.recent-works .section-title ul li a{
    color: #fff;
    cursor: pointer;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: 300;
    text-transform: capitalize;
}
.recent-works .section-title ul li::after{
    background: #fff;
    border-radius: 50%;
    bottom: -30px;
    color: #fff; 
    content: "";
    height: 5px;
    left:  calc(50% - 2.5px);
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 5px;
}
.recent-works .section-title ul li:hover::after{
    bottom: -8px;
    opacity: 1;
    visibility: visible;
}
.recent-works .section-title ul li.uk-active::after{
    bottom: -8px;
    opacity: 1;
    visibility: visible;
}

.col-md-2-half {
    width: 20%;
}
.col-md-2-half figure{
    overflow: hidden;
}
.col-md-2-half figure img{
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
    width: 100%;
}
.col-md-2-half figure:hover img{
    -webkit-filter: blur(2px);
  filter: blur(2px);
}
.mirrors-recent-item figure{
    position: relative;
}
.mirrors-recent-item figure::before{
    background: #252525;
    content: "";
    height: calc(100% - 60px);
    left: 30px;
    opacity: 0;
    position: absolute;
    top: 30px;
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
    visibility: hidden;
    width: calc(100% - 60px);
    z-index: 99;
}
.mirrors-recent-item figure:hover::before{
    height: 100%;
    left: 0px;
    opacity: .75;
    top: 0px;
    visibility: visible;
    width: 100%;
    
}
.mirrors-recent-item figure:hover .recent-work-social-icon{
    -webkit-animation: bounceIn 1s linear;
    animation: bounceIn 1s linear;
}
.mirrors-recent-item figure:hover .recent-work-hover-details{
   animation: bounceIn 1s linear; 
   -webkit-animation: bounceIn 1s linear; 
}

.mirrors-recent-item figure .recent-work-social-icon{
    left: 30px;
    position: absolute;
    top: 24px;
    visibility: hidden;
    z-index: 111;
}
.mirrors-recent-item figure:hover .recent-work-social-icon{

    visibility: visible;
}


.mirrors-recent-item figure .recent-work-social-icon ul li {
    display: inline-block;
    margin-right: 15px;
}
.mirrors-recent-item figure .recent-work-social-icon ul li a {
    font-size: 18px;
    position: relative;
}

.mirrors-recent-item figure .recent-work-social-icon ul li a span {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    padding-left: 8px;
}
.mirrors-recent-item figure .recent-work-hover-details {
    left: 30px;
    opacity: 0;
    position: absolute;
    bottom: 10px;
    z-index: 111;
}
.mirrors-recent-item figure:hover .recent-work-hover-details{
    opacity: 1;
}
.mirrors-recent-item figure .recent-work-hover-details a{
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.mirrors-recent-item figure .recent-work-hover-details a:hover{
    color: #f05127;
}
.mirrors-recent-item figure .recent-work-hover-details p{
    color: #999999;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 14px;
    
}
/*-------------Recnet works home multipage2------------*/
.work-title {
  padding-top: 12px;
  text-align: center;
}
.work-title a{
    color: #333333;
    font-weight: 400;
    font-size: 18px;
    font-family: "Lato",sans-serif;
    line-height: 24px;
}
.work-title a:hover{
    color: #f05127;
}
.work-title p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
}
/*--------Recent works portfolio2--------------*/
.recent-works-content-type1{
    background: url(img/recent-works/portfolio-recent-work-bg5.jpg) 20% 0 no-repeat fixed;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.recent-works-content-type1::before {
    background: #252525 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}
.porfolio-recent-item .mirrors-btn2:hover {
    border: 2px solid #f05127;
    background: #f05127;
    color: #fff;
}
.portfolio2 .recent-works .section-title p{
    color: #fff;
}
.porfolio-recent-item h2 {
    color: #fff;
    font-family: lato-hairline;
    font-size: 57px;
    padding-bottom: 13px;
    text-align: right;
}
.recent-works-content-type1 .porfolio-recent-item h2{
    text-align: right;
}
.porfolio-recent-item p {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 12px;
}

.recent-works-content-type1  .porfolio-recent-item p{
    text-align: right;
}
.recent-works-content-type1  .porfolio-recent-item button{
    float: right;
}
.recent-works-content-type1 .mirrors-btn-type2{
    margin-top: 30px;
    margin-bottom: 148px;
}
.recent-works-content-type1 .mirrors-btn2:hover{
    border-color: #f05127;
    background: #f05127;
}
.recent-works-content-type1 .portfolio-recent-item-left {
    min-height: 498px;
    overflow: hidden;
    position: relative;
}
.recent-item-type3{
    text-align: left;
}
.recent-item-type3 h2{
    text-align: left;
}

.recent-works-content-type1 .portfolio-recent-item-left figure img{
    bottom: 0px;
    position: absolute;
}
.porfolio-recent-item .mirrors-btn2{
    margin-top: 19px;
}
.recent-works-content-type1 .mirrors-btn2:before{
    content: "View More";
}
.recent-work-content-type2{
    background: url(img/recent-works/portfolio-recent-work-bg4.jpg)  no-repeat ;
    background-size: cover;
    position: relative;
}
.recent-works-content-type2:before{
    background: #252525;
    content: "";
    height: 100%;
    left: 0px;
    opacity: .80;
    position: absolute;
    top: 0px;
    width: 100%;
}
.recent-work-content-type2 .mirrors-btn2:hover{
    border-color: #f05127;
    background: #f05127;
}
.recent-work-content-type2 .mirrors-btn2:before{
    content: "View More";
}

.recent-work-content-type2 .portfolio-recent-item-right figure{
    margin-top: 99px;
    margin-bottom: 99px;
}
.recent-works-content-type3{
    background: url(img/recent-works/portfolio-recent-work-bg5.jpg) 15% 0 no-repeat fixed;
    background-size: cover;
    position: relative;
}
.recent-works-content-type3 .mirrors-btn2:before{
    content: "View More";
}

.recent-works-content-type3:before{
    background: #252525;
    content: "";
    height: 100%;
    left: 0px;
    opacity: .80;
    position: absolute;
    top: 0px;
    width: 100%;

}
.recent-works-content-type3 .portfolio-recent-item-right {
    overflow: hidden;
    text-align: right;
}
.recent-works-content-type3 .portfolio-recent-item-right{
    overflow: hidden;
}
.recent-works-content-type3 .portfolio-recent-item-left{
    min-height: 500px;
}
.recent-works-content-type3 .recent-works-content-type3-img1{
    overflow: hidden;
}
.recent-works-content-type3 .recent-works-content-type3-img2{
    overflow: hidden;
}
.recent-works-content-type3 .recent-works-content-type3-img3{
    overflow: hidden;
}
.recent-works-content-type3 .recent-works-content-type3-img1 figure img{
    bottom: 0px;
    left: 0px;
    position: absolute;
}
.recent-works-content-type3 .recent-works-content-type3-img2 figure img {
    bottom: 0;
    
    left: calc(50% - 172px);
    position: absolute;
}
.recent-works-content-type3 .recent-works-content-type3-img3 figure img {
    bottom: 0;

    left: calc(50% - -6px);
    position: absolute;
}

/*----------recent works------*/
.one-page2 .recent-works .section-title p {
    color: #fff;
    letter-spacing: -0.4px;
}
/*--------portfolio3 recent works item------------------*/
.mirrors-recent-item figure img{
    width: 100%;
}
.portfolio3 .mirrors-recent-item figure .recent-work-social-icon {
    left: calc(50% - 60px);
    top: calc(50% - 13px);
}
/*home multipage 2*/
.portfolio3 .mirrors-recent-item figure .recent-work-social-icon {
  left: calc(50% - 60px);
  top: calc(50% - 13px);
}
/*home multipage2*/
.home-multipage2 .mirrors-recent-item figure .recent-work-social-icon {
  left: calc(50% - 60px);
  top: calc(50% - 13px);
}

/*************************************************************************************************************
                                -----End Recent Works---
*************************************************************************************************************/

/*************************************************************************************************************
                /05.                ---Start About Theme Twits---
*************************************************************************************************************/
.about-theme{
    background: url(img/about-theme/workstation-405768_1920.jpg);
    background-position: center;
    background-attachment: fixed;
    text-align: center;
}
.about-theme .section-overlay{
    background: rgba(37, 37, 37, 0.9);
}
.about-theme .about-theme-social-icon a i.fa{
    color: #fff;
    font-size: 26px;
}
.about-theme .about-theme-social-icon a:hover i.fa{
    color: #5EA9DD;
}
.about-theme .about-theme-social-icon h6 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 12px;
}
.about-theme .about-theme-social-icon h6 span{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 14px;
}
.post-date-time p{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
}
.theme-details {
    padding-bottom: 30px;
}
.mirrors-theme-partenrs-area .about-theme-social-icon a i.fa{
    font-size: 23px;
}
.mirrors-theme-partenrs-area .about-theme-social-icon{
    padding-bottom: 0px;
}
.mirrors-theme-partenrs-area .theme-details{
    padding-bottom: 30px;
}
.ecommorce-index1 .about-theme{
    margin-top: 84px;
}

/*************************************************************************************************************
                                --End About Theme Twits--
*************************************************************************************************************/

/*************************************************************************************************************
                /-06.                ---Start Theme Features---
*************************************************************************************************************/
.teheme-features{}
.responsive-features h2 {
    color: #fff;
    font-family: lato-hairline;
    font-size: 56px;
    line-height: 68px;
}
.responsive-features p {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 14px;
}
.responsive-features .mirrors-btn2{
    margin-top: 30px;
}
.ipad-view {
    position: relative;
    min-height: 499px;
    
}
.ipad-view figure {
  bottom: -1px;
  overflow: hidden;
  position: absolute;
}

/**************************************************************************************************************
                                ----End Theme Features---
**************************************************************************************************************/

/**************************************************************************************************************
                /-07.                    ----Start All Footer---
**************************************************************************************************************/

/*------------------footer type1-------*/

.footer-type1 .footer-widget {
    padding-bottom: 69px;
    padding-top: 56px;
}
.footer-type1 .footer-top{
    background: #252525;
}
.footer-type1 .footer-top .footer-widget h2{
    color: #fff;
    font-family: lato-black;
}
.footer-type1 .footer-top .footer-widget .copyright p{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}
.footer-type1 .footer-top .footer-widget .copyright p span a{
  color: #999999;  
}
.footer-type1 .footer-top .footer-widget .copyright p span a:hover{
    color: #f05127;
}

.footer-social-icon ul li{
    display: inline-block;
    margin-right: 12px;
}
.footer-social-icon ul li a{
    color: #929292;
    display: block;
    font-size: 23px;
}
.footer-social-icon ul li a:hover i{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.footer-social-icon ul li:nth-child(1) a:hover{
    color: #5EA9DD;
}
.footer-social-icon ul li:nth-child(2) a:hover{
    color: #3A5795;
}
.footer-social-icon ul li:nth-child(3) a:hover{
    color: #17B3E8;
}
.footer-social-icon ul li:nth-child(4) a:hover{
    color: #35465c;
}
.footer-social-icon ul li:nth-child(5) a:hover{
    color: #E3588D;
}

.footer-type1 .footer-top .footer-widget .widget-title{
    
}
.footer-type1 .footer-top .footer-widget .widget-title h2{
    color: #fff;
    font-family: lato-black;
    font-size: 14px;
    text-transform: uppercase;
}
.footer-type1 .footer-top .footer-widget .widget-details{
    padding-top: 25px;
}
.footer-type1 .footer-top .footer-widget .widget-details p{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}
.footer-type1 .footer-top .footer-widget .recent-post{
    padding-top: 31px;
}
.footer-type1 .footer-top .footer-widget .recent-post ul li {
    border-bottom: 1px solid #3b3b3b;
    float: none;
    margin-bottom: 15px;
}
.footer-type1 .footer-top .footer-widget .recent-post ul li:hover a,
.footer-type1 .footer-top .footer-widget .recent-post ul li:hover p{
    color: #f05127;
}
.footer-type1 .footer-logo figure {
  display: inline-block;
}

.footer-type1 .footer-top .footer-widget .recent-post ul li a{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.footer-type1 .footer-top .footer-widget .recent-post ul li p {
    color: #666;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 14px;
    padding-left: 15px;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.footer-type1 .footer-top .footer-widget .recent-post .mirrors-btn1{
    color: #666666;
    background: #333333;
    margin-top: 7px;
}
.footer-type1 .footer-top .footer-widget .recent-post .mirrors-btn1:hover{
    background: #f05127;
    color: #fff;
}
.footer-type1 .footer-top .footer-widget .contact-info{
    margin-top: 27px;
}
.footer-type1 .footer-top .footer-widget .contact-info p{
    border-bottom: 1px solid #3b3b3b;
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 11px;
}
.footer-type1 .footer-top .footer-widget .contact-info ul {
    padding-top: 18px;
}
.footer-type1 .footer-top .footer-widget .contact-info ul li{
    margin-bottom: 0px;
}
.footer-type1 .footer-top .footer-widget .contact-info ul li p{
    border-bottom: none;
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 0px;
}
.footer-type1 .footer-top .footer-widget .contact-info ul li a{
   border-bottom: none;
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 0px;
    padding-top: 0px;
}
.footer-type1 .footer-top .footer-widget .contact-info ul li:last-child {
    margin-top: 3px;
}
.footer-type1 .footer-top .footer-widget .contact-info ul li a span:hover{
    color: #f05127;
}
.footer-type1 .footer-bottom{
    background: #333333;
    padding-bottom: 24px;
    padding-top: 24px;
}
.footer-type1 .footer-bottom ul{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.footer-type1 .footer-bottom ul li{
    display: inline-block;
    margin-right: 35px;
}
.footer-type1 .footer-bottom ul li a {
    color: #999999;
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 14px;
}
.payment-icon {
    padding-right: 30px;
}
.payment-icon ul {
    margin: 0px;
    float: right;
}
.payment-icon ul li{
    display: inline-block;

}
.payment-icon nav ul li{
    margin-right: 14px !important;
}
.payment-icon{

}
.product-category .footer-type1 .footer-bottom {
  background: #333333 none repeat scroll 0 0;
  padding-bottom: 21px;
  padding-top: 20px;
}
.product-category .footer-navigation{
    padding-top: 4px;
}

/*---eCommerce index2----*/
.ecmmerce-index2 .product-category .footer-type1 .footer-bottom {
  background: #333333 none repeat scroll 0 0;
  padding-bottom: 21px;
  padding-top: 20px;
}
.ecmmerce-index2  .footer-navigation{
    padding-top: 4px;
}
.ecmmerce-index2 .footer-bottom{
    padding-top: 20px;
    padding-bottom: 20px;
}

/*-------eCommerce index1---------*/
.ecommorce-index1 .product-category .footer-type1 .footer-bottom {
  background: #333333 none repeat scroll 0 0;
  padding-bottom: 21px;
  padding-top: 20px;
}
.ecommorce-index1  .footer-navigation{
    padding-top: 4px;
}
.ecommorce-index1 .footer-bottom{
    padding-top: 20px;
    padding-bottom: 20px;
}



.dot-hover ul li{
    position: relative;
}
.dot-hover ul li::before{
    border-radius: 50%;
    background: #f05127;
    bottom: -20px;
    content: "";
    height: 5px;
    left: calc(50% - 2.5px);
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 5px;
}
.dot-hover ul li:hover::before{
    bottom: -10px;
    opacity: 1;
    visibility: visible;
}
.go-top {
    bottom: 10px;
    font-size: 30px;
    position: fixed;
    right: 40px;
    z-index: 9999;
}
.go-top i{
    color: #8f8f90;
}
.go-top:hover i
{
    color: #f05127;
}
.go-top:focus{
    color: #8f8f90;
}

/*comming soon footer social*/
.comming-soon-footer-social {
    left: 0;
    padding-bottom: 10px;
    padding-top: 166px;
}
/*Error page footer social*/
.error-page .comming-soon-footer-social {
  padding-top: 140px;
  left: 0;

}

.footer-type2{
    background: url(img/footer/foooter-bg2.jpg) no-repeat;
    background-size: cover;
    position: relative;
}
.footer-type2:before{
    background: rgba(37, 37, 37, 0.75);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}
.footer-type2 .footer-top {
    border-bottom: 1px solid #aeadad;
    padding-bottom: 45px;
}
.footer-type2 h2{
    color: #fff;
    font-family: lato-black;
    font-size: 72px;
    line-height: 80px
}
.footer-type2 p {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    padding-top: 6px;
}
.footer-type2 .contact-form-area h4 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 27px;
    padding-top: 25px;
    text-transform: uppercase;
}
.footer-type2 .type2-contact-field{}
.footer-type2 .type2-contact-field {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 20px;
    width: 100%;
    font-weight: 300;
}
.footer-type2 .type2-input{
    height: 48px;
}
.footer-type2 .message-area{
    height: 98px;
    padding-top: 19px;
}
.footer-type2 .contact-form-area .mirrors-btn1 {
    background: #f05127 none repeat scroll 0 0;
    color: #fff;
    float: right;
    padding: 0 22px 1px;
    text-align: center;
}
.footer-type2 .contact-form-area .mirrors-btn1:hover{
    animation: rubberBand 1s linear;
    -webkit-animation: rubberBand 1s linear;
}

.footer-type2 .widget-title{
    padding-top: 20px;
    padding-bottom: 12px;
}
.footer-type2 .footer-widget .widget-icon {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 50px;
}
.footer-type2 .footer-widget .widget-icon i {
    color: #fff;
    font-size: 21px;
    line-height: 50px;
}
.footer-type2 .footer-widget h4 {
    color: #fff;
    font-family: lato-black;
    font-size: 14px;
    line-height: 49px;
    text-transform: uppercase;
}
.footer-type2 .footer-widget ul{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.footer-type2 .footer-widget ul li{}
.footer-type2 .footer-widget ul li:nth-child(1){
    margin-bottom: 31px;
}
.footer-type2 .footer-widget ul li p {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding: 0;
    text-transform: none;
}
.footer-type2 .copyright {
    float: right;
    padding-top: 4px;
}
.footer-type2 .copyright p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}
.footer-type2 .copyright p span a{
    color: #666666;  
}
.footer-type2 .copyright p span a:hover{
    color: #f05127;
}
.home-multipage3 .go-top{
    bottom: 24px;
}
.home-multipage3 .go-top i{
    color: #8f8f90;
}
.home-multipage3 .go-top:hover i{
    color: #f05127;
}
/*----------contact page footer type 2-----------------------------*/
.contact-page .footer-type2{
    background: #fff;
    padding-bottom: 100px;
}
.contact-page .footer-type2 .contact-form-area h4 {
    color: #333;
    text-transform: uppercase;
}
.contact-page .footer-type2 .footer-widget h4 {
  color: #333;
}
.contact-page .footer-type2 .footer-widget ul li p {
  color: #666;
}
.contact-page .footer-type2::before {
  background:  #fff;
  content: "";
}
.contact-page .footer-type2 .footer-widget .widget-icon {
  background: #e5e5e5;

}
.contact-page .footer-type2 .footer-widget .widget-icon i {
  color: #f05127;

}
.contact-page .footer-type2 .type2-input {
    color: #333333;
    height: 48px;
    background: #e5e5e5;
}
.contact-page .footer-type2 .type2-contact-field {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #333333;
    border-color: rgba(0,0,0,.50);
}

/*-------------footer type2----------------------*/


/*********************************************************************************************************
                                        ----End Footer---
*********************************************************************************************************/

/*********************************************************************************************************
                /-08.                    ---Start About Us---
*********************************************************************************************************/
.about-us{}
.about-us .section-title h2{
    color: #fff;
}
.about-us-content h4 {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}
.about-us-content p {
  color: #cccccc;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  padding-top: 7px;
}

/*---------About us page-------------*/

.about-us-page .section-title h2{
    color: #333333;
}
.about-us-page .about-us-content h4 {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}
.about-us-page .about-us-content p {
    color: #666666;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 7px;
}

.video-carousel .item {
    height: 153px;
    margin-right: 30px !important;
    margin-top: 76px;
    overflow: hidden;
    width: 271px;
}
.video-carousel .item video{
    height: auto;
    width: 100%;
}

.video-carousel .owl-item.active.center {
    height: 303px !important;
    margin-left: -80px;
    margin-right: 45px !important;
    width: 539px !important;
}
.video-carousel .owl-item.active.center .item figure img{
    width: 100%;
    height: 100%;
}
.video-carousel .owl-item.active.center .item figure{
    margin-top: 0px;
}
.video-carousel .owl-item.active.center .item {
    height: 303px;
    margin-top: 0;
    width: 100%;
}
.owl-item.active.center video {
  height: auto;
}
.video-carousel .owl-stage-outer {
    height: 305px;
    overflow: hidden;
    position: relative;
}
/*one page1 about us*/
.forest-bg{
    background: url(img/about-us/about-us-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

/******************************************************************************************************************
                                        ---End About Us---
******************************************************************************************************************/

/******************************************************************************************************************
                    /-09.          ---Start Our Team---
******************************************************************************************************************/
.our-team{}
.our-team .section-title h2{
    color: #333333;
}
.single-team-member{
    text-align: center;
}
.single-team-member figure {
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.single-team-member figure img{
    border-radius: 50%;
}
.member-info{
    padding-top: 51px;
}
.member-info h6{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}
.member-info p{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}
.single-team-member figure:hover .team-member-social-icon{
    visibility: visible;
}

.team-member-social-icon {
    left: calc(50% - 24px);
    position: absolute;
    top: calc(50% - 10px);
    visibility: hidden;
   
}
.team-member-social-icon ul li{
    display: inline-block;
    margin-right: 10px;
}
.team-member-social-icon ul li a{
    position: relative;
    display: block;
    z-index: 111;
}
.team-member-social-icon ul li a:hover i{
    animation: rubberBand 1s linear;
    -webkit-animation: rubberBand 1s linear;
}

.team-member-social-icon ul li a i{
    color: #fff;
    font-size: 21px;
}
.team-member-social-icon ul li a:hover i{
    color: #f05127;
}


/*********************************************************************************************************************
                                            ----End Our Team----
*********************************************************************************************************************/

/*********************************************************************************************************************
                     /-10.                     ----Start Load More---
*********************************************************************************************************************/
.home-multipage2 .load-more-icon a i{
    color: #ccc;
}
.home-multipage2 .load-more-icon a i:hover{
    color: #f05127;
}
.portfolio3 .load-more-icon a i {
    color: #ccc;
}
/************************************************************************************************************************
                                            ---End Load More---
************************************************************************************************************************/
/************************************************************************************************************************
                     /-11.               --Start Block-type-personal-info--
************************************************************************************************************************/
.block-type-personal-info{}
.info-content{
    position: relative;
}
.personal-info{
    position: relative;
}
.info-content::after {
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 17px solid #fff;
  bottom: -17px;
  content: "";
  height: 0;
  position: absolute;
  right: 86px;
  width: 0;
  z-index: 111;
}
.personal-info h4 {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    text-transform: uppercase;
    z-index: 111;
}
.personal-info ul{
    margin-bottom: 0px;
    padding-top: 7px;
    padding-bottom: 0px;
}
.personal-info ul li{
    color: #666666;
    font-size: 16px;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    line-height: 30px;
    position: relative;
    z-index: 111;
}
.personal-info ul li:last-child{
    padding-top: 5px;
}
.personal-info i {
    color: #f5f5f5;
    font-size: 270px;
    position: absolute;
    right: 15px;
    top: 59px;
    z-index: 1;
}
.social-icon {
    padding-top: 5px;
    position: relative;
    z-index: 111;
}
.social-icon ul li{
    display: inline-block;
    margin-right: 13px;
}
.social-icon ul li a{
    color: #7f7f7f;
    display: block;
    font-size: 21px;  
}
.social-icon ul li a  i:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.social-icon ul li:nth-child(1) a  i:hover{
    color: #4099ff;
}
.social-icon ul li:nth-child(2) a  i:hover{
    color: #3b5998;
}
.social-icon ul li:nth-child(3) a  i:hover{
    color: #1AB7EA;
}
.social-icon ul li:nth-child(4) a  i:hover{
    color: #35465c;
}
.social-icon ul li:nth-child(5) a  i:hover{
    color: #c73b6f;
}


.work-experience-content{
    /*background: url(img/work-experience/work-experience-img1.jpg) no-repeat;*/
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    z-index: 1;
}
.work-experience-content::before{
    background: #000;
    background: url(img/work-experience/work-experience-img1.jpg) no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}
.work-experience-content h4 {
    color: #fff;
    font-family: lato-hairline;
    font-size: 150px;
    line-height: 48px;
    padding-bottom: 38px;
    padding-top: 122px;
    position: relative;
    z-index: 111;
}
.work-experience-content h2 {
    color: #fff;
    font-family: lato-black;
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 95px;
    position: relative;
    text-transform: uppercase;
    z-index: 111;
}
.freelance-work{
    
    background-attachment: fixed;
    position: relative;
    text-align: center;
}
.freelancer-story-content{
    position: relative;
    
}
.freelancer-story-content::before {
    content: "";
    width: 0;
    height: 0;
    left: 48px;
    position: absolute;
    top: -17px;
    border-style: solid;
    border-width: 0 17px 17px 17px;
    border-color: transparent transparent #fff;
    z-index: 111;
}

.freelance-work::before{
    background: url(img/work-experience/work-experience-img2.jpg) no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    right: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}
.freelance-work h2 {
    color: #fff;
    font-family: lato-black;
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 13px;
    position: relative;
    text-transform: uppercase;
    z-index: 111;
}
.freelance-work a {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 14px;
    line-height: 48px;
    position: relative;
    text-transform: uppercase;
    z-index: 111;
}
.freelancer-story{
    position: relative;
    padding-left: 33px;
    text-align: left;
}
.freelancer-story i {
    color: #f5f5f5;
    font-size: 270px;
    position: absolute;
    right: 0;
    top: 83px;
    z-index: 1;
}

.freelancer-story h4 {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 111;
}
.freelancer-story ul li p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 5px;
    position: relative;
    z-index: 111;
}
.freelancer-story ul {
  padding-bottom: 19px;
}
.freelancer-story  a{
    box-shadow: 0px 1px 0px  #f05127;
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    letter-spacing: .7px;
    -webkit-transition: all .45s linear;
    transition: all .45s linear;
    position: relative;
}
.freelancer-story  a:hover{
    background: #f05127;
    color: #fff;
    letter-spacing: 2px;
    padding-right: 15px;
    padding-left: 5px;
}
/******************************************************************************************************************
                                         ---End Block-type-personal-info----
******************************************************************************************************************/

/******************************************************************************************************************
                 /-12.            ---Start Portfolio---
******************************************************************************************************************/
.portfolio figure{
    overflow: hidden;
    position: relative;
}
.portfolio figure::before{
    background: #000;
    border-radius: 50%;
    content: "";
    height: 0%;
    left: 50%;
    opacity: .10;
    position: absolute;
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
    top: 50%;
    width: 0%;
}

.portfolio figure:hover::before{
    border-radius: 0px;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
}
.portfolio figure .large-lens-icon {
    left: calc(50% - 84px);
    position: absolute;
    top: calc(50% - 119px);
}
.portfolio figure .small-lens-icon {
    left: calc(50% - 35px);
    position: absolute;
    top: calc(50% - 70px);
}
.small-lens-icon i {
    color: #fff;
    font-size: 71px;
}
.portfolio figure .large-lens-icon i {
    color: #fff;
    font-size: 169px;
}
.portfolio figure .portfolio-large-hover-bar{
    background: rgba(255, 255, 255, .8);
    bottom: -1px;
    left: 0px;
    position: absolute;
    width: 100%;
}
.portfolio figure:hover .portfolio-large-hover-bar{
    animation: bounceIn 1s linear;
    -webkit-animation: bounceIn 1s linear;
}
.portfolio figure:hover .large-lens-icon{
    animation: bounceIn 1s linear;
    -webkit-animation: bounceIn 1s linear;
}
.portfolio figure:hover .small-lens-icon{
  animation: bounceIn 1s linear;
    -webkit-animation: bounceIn 1s linear;  
}


.portfolio-large-hover-bar-text {
    padding-left: 15px;
    padding-top: 9px;
}
.portfolio-large-hover-bar-text a{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.portfolio-large-hover-bar-text a:hover{
    color: #f05127;
}
.portfolio-small-hover-bar-text a:hover{
    color: #f05127;
}
.portfolio-large-hover-bar-text p{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
}
.portfolio-large-hover-bar-text{}
.portfolio-vew-counter{
    overflow: hidden;
}
.portfolio-vew-counter ul {
    float: right;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 14px;
    padding-top: 23px;
}
.portfolio-vew-counter ul li{
    display: inline-block
}
.portfolio-vew-counter ul li a i{
    font-size: 21px;
}
.portfolio-vew-counter ul li a span {
    display: inline-block;
    font-family: "Lato",
    sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    padding-left: 9px;
    vertical-align: 5px;
}

.portfolio-vew-counter ul li{
    margin-right: 15px;
}
.portfolio-vew-counter ul li:last-child{
    margin-right: 0px;
}
.portfolio-vew-counter ul li{}
.portfolio figure img{
    width: 100%;
}
.all-project {
    text-align: center;
}
.all-project h2 {
    color: #333333;
    font-family: lato-hairline;
    font-size: 150px;
    line-height: 141px;
}
.all-project h4 {
    color: #333333;
    font-family: lato-black;
    font-size: 48px;
    padding-bottom: 38px;
}
.all-project a{
    box-shadow: 0px 1px 0px #f05127;
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: .7px;
}
.all-project a:hover{
    background: #f05127;
    color: #fff;
    letter-spacing: 2px;
    padding-left: 15px;
}

/*************************************************************************************************************
                                        ---Start Portfolio----
*************************************************************************************************************/

/*************************************************************************************************************
                   /-13.                    ----Start Achivements---
*************************************************************************************************************/
.single-achivements-container{
    text-align: center;
}

.single-achivements-container i {
    color: #fff;
    display: block;
    font-size: 71px;
    padding-bottom: 10px;
}
.single-achivements-container span{
    color: #fff;
    font-family: lato-hairline;
    font-size: 56px;
}
.single-achivements-container h2 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 22px;
    font-weight: 300;
    padding-top: 8px;
}

/*****************************************************************************************************************
                                ----End Achivements---
*****************************************************************************************************************/


/*****************************************************************************************************************
                    /-14.                ---Start Partners--
*****************************************************************************************************************/
.partners-carousel .item a img{
    border: 1px solid #fff;
}
.partners-carousel  .owl-item img{
    width: auto;
}
.partners-carousel .owl-item.active.center img{
    border-color: #000;
}
.partners-content ul{
    margin: 0px;
}
.partners-content ul li {
    float: left;
    margin-bottom: 15px;
}
.partners-content ul li a figure img{
    border: 1px solid #fff;    
}
.partners-content ul li a figure img:hover{
    border-color: #999999;
}

/*----one page partners carousel---------*/
.one-page1 .partners-carousel .owl-item.active.center  img, .one-page2 .partners-carousel .owl-item.active.center  img{
    border-color: #f05127 ;
    opacity: 1;
}
.one-page1 .partners-carousel .owl-item img, .one-page2 .partners-carousel .owl-item img {
    margin: 1px;
    opacity: 0.5;
}
/***********************************************************************************************************************
                                      ----End Partners----
***********************************************************************************************************************/

/***********************************************************************************************************************
                 /-15.                      ---Start Clients Carousel---
***********************************************************************************************************************/
.clients-carousel-image{
    float: left;
    margin-right: 10px;
}
.client-speech-title h4 {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 17px;
    text-transform: uppercase;
}
.clients-carousel-image figure img{
    border-radius: 50%;
}
.single-testimonials-item .clinets-comments-dtls {
    display: table;
    padding-bottom: 28px;
}
.clinets-comments-dtls .clients-details{
    padding-bottom: 10px;
}
.clinets-comments-dtls .clients-details h6{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}
.clinets-comments-dtls .clients-details p{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}
.clinets-comments-dtls .clients-cmnts{}
.clinets-comments-dtls .clients-cmnts p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
}
.testimonials-carousel  .owl-dots .owl-dot span {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 5px;
    margin: 5px 7px;
    -webkit-transition: opacity 200ms ease 0s;
    transition: opacity 200ms ease 0s;
    width: 5px;
}
.testimonials-carousel  .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background: #f05127 none repeat scroll 0 0;
}

/*single page testimonials carosuel*/

.testimonials-carousel-type2 .item figure img{
    width: auto;
    text-align: center;
}

.clients-img figure img{
    border-radius: 50%;
    margin: 0px auto;
}
.tcarousel-type2-cpi{
    padding-top: 55px;
}
.tcarousel-type2-cpi h6{
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    font-family: "Lato",sans-serif;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
}
.tcarousel-type2-cpi p{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.tcarousel-type2-cmnts {
  padding: 2px 0px 50px;
}
.tcarousel-type2-cmnts p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}


/**********************************************************************************************************************
                                     ---End Clients Carousel---
**********************************************************************************************************************/

/**********************************************************************************************************************
                 /-16.                 ---Start Our Activities--
**********************************************************************************************************************/
.activities-title{}
.activities-title h2{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}
.activities-title {
    padding-bottom: 16px;
}
.single-activities-container{}
.single-activities-container:hover .activities-icon{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}

.activities-icon{
    background: #f05127;
    border-radius: 50%;
    color: #fff;
    float: left;
    height: 50px;
    margin-right: 21px;
    text-align: center;
    width: 50px;
}
.activities-icon i{
    font-size: 16px;
    line-height: 50px;
}
.activities-content {
    display: table;
    padding-top: 10px;
}
.activities-content span{
    color: #333333;
    font-family: lato-hairline;
    font-size: 48px;
    line-height: 30px;
}
.activities-content p {
    color: #999999;
    font-family: lato-hairline;
    font-size: 16px;
    line-height: 30px;
    padding-top: 6px;
}
/*--------portfolio single post1----------------*/
.single-project-info .activities-title h2{
    color: #333333;
}
/*********************************************************************************************************************
                                          ---Our Activities--
*********************************************************************************************************************/

/*********************************************************************************************************************
                 /-17.               ---Start Blog timeline---
*********************************************************************************************************************/

.timeline-area>ul{
    box-sizing: border-box;
    display: table;
    height: 100%;
    margin-bottom: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
}
.timeline-area>ul::before{
    background: #ebebeb;
    content: "";
    height: 100%;
    left: 49.9%;
    position: absolute;
    top: 0px;
    width: 2px;
}
.timeline-area>ul>li:nth-child(odd){
    float: right;
    width: 47%;
}
.timeline-area>ul>li:nth-child(even){
    float: left;
    background: #fff;
    width: 47%;

}

.timeline-area>ul>li:nth-child(2){
    margin-top: 128px;
}
.timeline-area>ul>li:nth-child(3){
    margin-top: 31px;
}
.timeline-area>ul>li:nth-child(4){
    margin-top: 242px;
}
.timeline-area>ul>li:nth-child(5){
    margin-top: 51px;
}
.timeline-area>ul>li .timeline-panel{
    border: 1px solid #ebebeb;
}
.timeline-area>ul>li .timeline-panel .timeline-body{
    padding-top: 15px;
    padding-bottom: 15px;
}
.timeline-area>ul>li .timeline-panel .timeline-body .blog-heading a{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.timeline-area>ul>li .timeline-panel .timeline-body .blog-heading a:hover{
    color: #f05127;
}
.timeline-area>ul>li .timeline-panel .timeline-body .blog-heading p{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}
.timeline-area > ul > li .timeline-panel .timeline-body ul {
    float: right;
    padding-top: 2px;
}
.timeline-area>ul>li .timeline-panel .timeline-body ul li{
    display: inline-block;
    margin-right: 15px;
}
.timeline-area>ul>li .timeline-panel .timeline-body ul li a i{
    font-size: 20px;
}
.timeline-area > ul > li .timeline-panel .timeline-body ul li a span {
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    padding-left: 10px;
    vertical-align: 4px;
}
.timeline-area>ul>li .timeline-panel .timeline-body ul li:last-child{
    margin-right: 4px;
}
.timeline-area > ul > li .timeline-date {
    border-radius: 50%;
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 50px;
    left: calc(50% - 25px);
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 50px;
    z-index: 111;
}

.timeline-area>ul>li:hover .timeline-date {
    animation: rubberBand 1s linear;
    -webkit-animation: rubberBand 1s linear;
    background: #f05127;
    color: #fff;
}

.timeline-area > ul > li .timeline-month {
    color: #cccccc;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 300;
    left: 44%;
    position: absolute;
    margin-top: 13px;
}
.timeline-area > ul > li:nth-child(even) .timeline-month{
    margin-top: -40px;
    margin-left: -30px;
}
.blog-heading {
    float: left;
    text-align: left;
}
.timeline-image a figure{
    position: relative;
    overflow: hidden;
}
.timeline-image a figure img{
    width: 100%;
}
.timeline-image a figure:before{
    background: #fff;
    content: "";
    height: 250%;
    left: -40%;
    opacity: 0;
    position: absolute;
    top: -30%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition: all .50s linear;
    transition: all .50s linear;
    width: 250px;
}
.timeline-image a figure:hover:before{
    left: 250%;
    opacity: .70;   
}

/************************************************************************************************************************
                                  ----End Blog timeline----
************************************************************************************************************************/

/************************************************************************************************************************
                  /-18.                  ------Start Blog post----
************************************************************************************************************************/
.post1 {
    background: rgba(0, 0, 0, 0) url("img/blog/single-blog-img1.jpg") no-repeat scroll 0 0 / cover ;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.post-hover{
    position: relative;
}
.post-hover:before{
    background: #252525;
    content: "";
    height: 0%;
    right: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 100%;
}
.post-hover:hover:before{
    height: 100%;
    right: 0px;
    top: 0px;
    visibility: visible;
}
.post-time {
    color: #fff;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    position: relative;
}
.single-post .post-time{
    padding-top: 50px;
    padding-left: 50px;
}

.post-time i {
    font-size: 22px;
    padding-right: 12px;
    position: relative;
    vertical-align: -4px;
    z-index: 111;
}
.post-time span{
    color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 14px;
    position: relative;
}
.post-heading{
    padding-left: 50px;
    padding-top: 20px;
    min-height: 217px;
}
.post-heading h2{
    color: #fff;
    font-family: lato-black;
    font-size: 72px;
    line-height: 72px;
    position: relative;
    z-index: 111;
}
.post-heading a{
    color: #fff;
    font-family: lato-black;
    font-size: 72px;
    line-height: 72px;
    position: relative;
    z-index: 111;   
}
.post-heading a:hover{
    color: #f05127;
}
/* .post-heading a:hover{
    color: #f05127;
} */
.public-view {
    padding-bottom: 16px;
    padding-left: 50px;
    padding-top: 112px;
    position: relative;
    z-index: 111;
}
.view-area ul{
    margin: 0px;
    padding: 0px;   
}
.view-area ul li{
    display: inline-block;
    padding-right: 18px;
}
.view-area ul li a i{
    color: #fff;
    font-size: 22px;
    padding-right: 12px;
}
.view-area ul li a:hover i{
    color: #f05127;
}
.view-area ul li a:hover span{
   color: #f05127; 
}

.view-area ul li a span {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    vertical-align: 6px;
}

/*----BLog category----*/
.post1 {
    background: rgba(0, 0, 0, 0) url("img/blog/single-blog-img1.jpg") no-repeat scroll 0 0 / cover ;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.post2 {
    background: rgba(0, 0, 0, 0) url("img/blog/single-blog-img2.jpg")  50% 0 no-repeat fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.post3 {
    background: rgba(0, 0, 0, 0) url("img/blog/single-blog-img3.jpg") no-repeat scroll 0 0 / cover ;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.post4 {
    background: rgba(0, 0, 0, 0) url("img/blog/single-blog-img4.jpg")  50% 0 no-repeat fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.post5 {
    background: rgba(0, 0, 0, 0) url("img/blog/single-blog-img5.jpg") no-repeat scroll 0 0 / cover ;
    background-position: center;
    overflow: hidden;
    position: relative;
}
/***********************************************************************************************************************
                                         ---End Blog post --
***********************************************************************************************************************/

/***********************************************************************************************************************
                 /-19.                ----Start BLog Descripttion---
***********************************************************************************************************************/
.blog-description{}
.blog-description ul{
    margin: 0px;
    padding-bottom: 40px;
}
.blog-description ul li{}
.blog-description ul li p{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
}
.blog-description ul li:nth-child(1){
    padding-top: 31px;
    padding-bottom: 31px;
}
.blog-description ul li:nth-child(2){
    padding-bottom: 32px;
}
.blog-description ul li:nth-child(3){
    padding-bottom: 32px; 
}
.blog-description ul li:nth-child(4){
    padding-bottom: 32px;
}
.blog-post-info{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 6px;
}
.blog-post-info .post-time{
    color: #333;
}
.blog-post-info .post-time i{
    color: #333333;
}
.blog-post-info .post-time span{
    color: #333333;
}
.blog-post-info .view-area {
    float: right;
}
.blog-post-info .view-area ul li:first-child i{
    color: #f05127;    
}
.blog-post-info .view-area li:first-child span{
    color: #f05127;
}
.blog-post-info .view-area ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
}
.blog-post-info .view-area ul li:last-child i{
    color: #00c8fa;    
}
.blog-post-info .view-area li:last-child span{
    color: #00c8fa;
}
/********************************************************************************************************************
                                    ---BLog Descripttion--
********************************************************************************************************************/

/********************************************************************************************************************
      /-20.               -----Start User Comments Area----
********************************************************************************************************************/
.public-comments{}
.comments-title{
    padding-top: 58px;
    padding-bottom: 18px;
}
.comments-title h2{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}
.single-comments-area{
    padding-top: 19px;
    border-bottom: 1px solid #cccccc;
}
.single-comments-area .user-image{
    float: left;
    margin-right: 12px;
}

.single-comments-area .comments-details{
    display: table;
}
.single-comments-area .comments-details .user-info{}
.single-comments-area .comments-details .user-info a{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}
.single-comments-area .comments-details .user-info a:hover{
    color: #f05127;
}
.single-comments-area .comments-details .user-info p {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
}
.single-comments-area .comments-details .comments-text{
    padding-top: 12px;
    padding-bottom: 16px;
}
.single-comments-area .comments-details .comments-text p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    padding-bottom: 22px;
}
.single-comments-area .comments-details .comments-text a{
    color: #f05127;
    font-family: "Lato",sans-serif;
    letter-spacing: .7px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}
.single-comments-area .comments-details .comments-text span{
    color: #ccc;
    float: right;
    font-size: 14px;
    font-family: "Lato",sans-serif;
    font-weight: 300;
}
.single-comments-area .comments-details .comments-text span i{
    color: #cccccc;
    font-size: 19px;
    padding-right: 10px;
}
.single-comments-area .comments-details .comments-text a:hover{
    background: #f05127;
    color: #fff;
    letter-spacing: 3px;
    padding-right: 15px;
    padding-left: 15px;
}
/****************************************************************************************************
                                        ---Public comments area---
****************************************************************************************************/

/*******************************************************************************************************
                /-21.                        ---Start Blog reply--
*******************************************************************************************************/
.blog-reply-area{}
.blog-reply-area .reply-title{
    padding-top: 57px;
    padding-bottom: 31px;
}
.blog-reply-area .reply-title h2{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}
.blog-reply-area p {
    color: #cccccc;
    float: right;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.blog-reply-area .form-group{
    margin-bottom: 0px;
}
.blog-reply-area label{
    color: #32323c;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}
.blog-reply-area label span{
    color: #ff0000;
}
.blog-reply-area .blog-reply-cmn-input{
    border: 1px solid #ccc;
    background: #f4f4f4;
    color: #999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding-left: 19px;
    height: 48px;
    margin-bottom: 16px;
    width: 100%;
}
.blog-reply-cmn-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
.blog-reply-cmn-input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
.blog-reply-cmn-input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
.blog-reply-cmn-input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.blog-reply-area #blog-reply-message{
    border: 1px solid #ccc;
    background: #f4f4f4;
    height: 100px;
    padding-top: 19px;
    padding-left: 19px;
    width: 100%;
}
#blog-reply-message::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
#blog-reply-message::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
#blog-reply-message:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
#blog-reply-message:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.blog-reply-area .submit-btn {
  background: #f05127 none repeat scroll 0 0;
    border-radius: 2px;
  color: #fff;
  font-family: "Lato",sans-serif;
  font-size: 18px;
  font-weight: 300;
  margin-top: 30px;
  padding: 11px 25px;
}
.blog-reply-area .submit-btn:hover{
     -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;   
}
/***************************************************************************************************************
                                            ---End Blog reply--
***************************************************************************************************************/

/***************************************************************************************************************
                    /-22.                ---Start Sidebar---
***************************************************************************************************************/
/*-------Start blog sidebar--------------*/
.sidebar-widget-title{}
.sidebar-widget-title h2{
    color: #333333;
    display: inline-block;
    font-family: lato-black;
    font-size: 14px;
    text-transform: uppercase;
}
.recent-post{
    padding-top: 32px;
}
.recent-post ul{}
.recent-post ul li{
    border-bottom: 1px solid rgba(0,0,0,.10);
    margin-bottom: 15px;
}
.recent-post ul li a{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.recent-post ul li a span{
    padding-right: 8px;
}
.recent-post ul li p{
    color: #cccccc;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding-left: 17px;
    padding-bottom: 15px;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    line-height: 24px;
}
.recent-post ul li:hover a{
  color: #f05127;  
}
.recent-post ul li:hover p{
    color: #f05127;
}
.sidebar-widget-content .recent-post .mirrors-btn1{
    margin-top: 5px;
    padding: 2px 7px;
}
.sidebar-widget-content .recent-post .mirrors-btn1:hover{
    background: #f05127;
    color: #fff;
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
/*------Start sidebar recent commnets---------*/
.sidebar-recent-comments{
    padding-top: 22px;
    padding-bottom: 52px;
}
.single-recent-comments-area {
    padding-top: 14px;
}
.sidebar-recent-commnets-top{
    float: none;
    overflow: hidden;
}
.sidebar-recent-commnets-bottom{
    float: none;
}
.sidebar-recent-commnets-top .recent-commnets-img{
    float: left;
    margin-right: 10px;
}
.sidebar-recent-commnets-top .recent-commnets-img figure img{
    border-radius: 50%;
}
.sidebar-recent-commnets-top .recent-commnets-info {
    display: table;
    padding-top: 14px;
}
.sidebar-recent-commnets-top .recent-commnets-info a{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}
.sidebar-recent-commnets-top .recent-commnets-info a:hover{
    color: #f05127;
}
.sidebar-recent-commnets-top .recent-commnets-info p {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
}
.sidebar-recent-commnets-bottom{
    padding-top: 12px;
}
.sidebar-recent-commnets-bottom p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}
/*-----blog archives------*/
.blog-archives{}
.blog-archives ul{
    padding-top: 29px;
}
.blog-archives ul li{
    border-bottom: 1px solid rgba(0,0,0,.10);
    margin-bottom: 14px;
}
.blog-archives ul li a{
    color: #333333;
    font-weight: 400;
    font-family: "Lato",sans-serif;
    font-size: 16px;
}
.blog-archives ul li a:hover{
   color: #f05127; 
}
.blog-archives ul li a span{
    padding-right: 8px;
}
.blog-archives ul li p{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    padding-left: 18px;
    padding-bottom: 14px;
}
.blog-archives .mirrors-btn1{
    margin-top: 5px;
    padding: 2px 7px;
}
.blog-archives .mirrors-btn1:hover{
    background: #f05127;
    color: #fff;
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
/*----Flicker-----*/
.flicker-image{
    margin-top: 35px;
}
.all-tags{
    margin-top: 25px;
}
.follow-btn{
    float: right;
}
.follow-btn:hover{
    -webkit-animation: rubberBand 1s linear;
    animation:rubberBand 1s linear;

}
.follow-btn a{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 12px;
}
.follow-btn a i{
    color: #f05127;
    font-size: 10px   
}
.flicker-image ul{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.flicker-image ul li{
    float: left;
    margin-right: 9px;
}
.flicker-image ul li a img:hover{
    -webkit-animation: flicker-zoom 1s linear;
    animation: flicker-zoom 1s linear;
}
@-webkit-keyframes flicker-zoom{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

}
@keyframes flicker-zoom{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

}
.flicker-image ul li:last-child{
    margin-right: 0px;
}
/*------All tags--*/
.all-tags{}
.all-tags ul li{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.all-tags ul{
    overflow: hidden;
}
.all-tags ul li:last-child{
    margin-right: 0px;
}
.all-tags ul li a{
    background: #f4f4f4;
    color: #cccccc;
    display: block;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 18px;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 5px;
}
.all-tags ul li a:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
    background: #f05127;
    color: #fff;
}
.all-tags{}
/*-------End blog sidebar--------------*/

/*-------------Start eCommerce Sidebar----*/
.sidebar-widget-title{}
.sidebar-widget-title h4{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 48px;
    text-transform: uppercase;

}
.category-list{}
.category-list ul li ul li:hover a{
    color: #333;
}
.category-list ul {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
    padding-bottom: 50px;
    padding-top: 6px;
}
.category-list ul li{}
.category-list ul li:nth-child(8)>a{
    color: #f05127;
}
.category-list ul li a{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
}
.category-list ul li a:hover{
    color: #f05127;
}
.category-list ul li> ul{
    border: 0px;
    margin-left: 21px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.category-list ul li> ul> li a{
    color: #999999;
    font-family: "Laot",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.category-list ul li> ul> li a span{
    padding-right: 6px;
    font-size: 18px;
}
.collection-list{}
.collection-list ul{
    border-bottom: 1px solid #e5e5e5;
    padding-top: 4px;
    padding-bottom: 51px;
    margin: 0px;
}
.collection-list ul li{}
.collection-list ul li a{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.collection-list ul li a:hover{
    color: #f05127;
}
.all-sizes{
    border-bottom: 1px solid #e5e5e5;
    padding-top: 5px;
    padding-bottom: 51px;
    margin-bottom: 5px;
}
.all-sizes ul {
    margin-left: 25px;
    margin-bottom: 0px;
}
.all-sizes ul li {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    width: 39%;
}
.all-sizes ul li:last-child{
    width: 10%;
}
.all-sizes ul li:last-child{
    margin-right: 0px;
}

.all-sizes ul li input[type=radio]{
    display: none;
}
.all-sizes ul li label {
    color: #999;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    position: relative;
    text-transform: uppercase;
}
.all-sizes ul li label::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #f05127;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 20px;
    left: -29px;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    width: 20px;
}
.all-sizes ul li label:before {
    border-radius: 50%;
}
.all-sizes ul li input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f05127;
    font-size: 27px;
    text-align: center;
    line-height: 13px;
}
.mirrors-price-slider{
    overflow: hidden;
   padding-bottom: 60px;
}
.mirrors-price-slider p{
    position: relative;
    overflow: hidden;
}

.mirrors-price-slider input{
    border: none;
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 12px;
    padding-top: 5px;
}
.mirrors-price-slider #amount{
    float: left;
}
.mirrors-price-slider #amountx {
    float: right;
    margin-right: -13px;
    position: absolute;
    right: 0;
    width: 70px;
}
.mirrors-price-slider .ui-widget-header{

}
.mirrors-price-slider .ui-slider .ui-slider-handle {
    border: none;
    background: #f05127;
    border-radius: 50%;
    cursor: default;
    height: 10px;
    position: absolute;
    width: 10px;
}
.mirrors-price-slider .ui-slider .ui-slider-handle:hover{
    border: #f05127;
}
.mirrors-price-slider .ui-widget-header {
    background: #f05127;
    border: none;
    color: #fff;
    font-weight: bold;
}
.mirrors-price-slider{
    text-align: center;
}
.mirrors-price-slider .ui-widget-content {
    border: none;
    color: #333;
}
.mirrors-price-slider .ui-slider-horizontal {
    background: #cccccc none repeat scroll 0 0;
    border: medium none;
    height: 2px;
    margin-left: 6px;
}
.mirrors-price-slider .search-btn {
    background: #f05127 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 42px;
    padding: 8px 38px;

}
.mirrors-price-slider .search-btn:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.single-product-promoting figure{
   /* overflow: hidden;*/
    position: relative;
}
.single-product-promoting figure:hover figcaption .promoting-text{
    -webkit-animation: bounceIn 1s linear;
    animation: bounceIn 1s linear;
}
.single-product-promoting figure figcaption .promoting-text {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    left: 0;
    padding-bottom: 7px;
    padding-top: 6px;
    position: absolute;
    text-align: center;
    top: calc(50% - 16px);
    width: 100%;
}
.single-product-promoting figure figcaption .promoting-text a{
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.single-product-promoting figure figcaption .promoting-btn {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    left: 95px;
    line-height: 26px;
    padding: 0 8px;
    position: absolute;
    top: calc(100% - 40px);
}
.single-product-promoting figure figcaption .promoting-btn:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
    background: #f05127;
    color: #fff;
}
/*-----eCommerce index1 promoting----*/
.ecommorce-index1 .single-product-promoting figure figcaption .promoting-text {
  background: rgba(0,0,0,.50);
  left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  top: calc(50% - 11px);
  width: 100%;
}
.ecommorce-index1 .single-product-promoting figure figcaption .promoting-text a{
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
.ecommorce-index1 .single-product-promoting figure figcaption .promoting-btn {
    
    left: calc(50% - 40px);
    top: calc(100% - 47px);
}

/*----------End eCommerce Sidebar---------*/


/**************************************************************************************************************************
                                            ----End Sidebar---
**************************************************************************************************************************/

/**************************************************************************************************************************
                     /-23.                  ---Start Mirrors Pagination ---
**************************************************************************************************************************/
.mirrors-custom-pagination{
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.mirrors-custom-pagination ul{
    margin: 0px auto;

    overflow: hidden;
}
.mirrors-pagees li{
    overflow: hidden;
}
.mirrors-pagees li:first-child{
    left: 0px;
    position: absolute;
}
.mirrors-pagees li:first-child a{
    background: #ebebeb;
    border-radius: 3px;
    display: block;
    height: 50px;
    width: 50px;
}
.mirrors-pagees li:first-child a:hover{
    background: #f05127;
}
.mirrors-pagees li:first-child a:hover i{
    color: #fff;
}
.mirrors-pagees li:first-child a i {
    color: #333333;
    font-size: 21px;
    line-height: 37px;
    text-align: center;
}
.mirrors-pagees li:last-child{
    position: absolute;
    right: 0px;
}
.mirrors-pagees li:last-child a{
    border-radius: 3px;
    background: #ebebeb;
    display: block;
    height: 50px;
    width: 50px;    
}
.mirrors-pagees li:last-child a:hover{
    background: #f05127;    
}
.mirrors-pagees li:last-child a:hover i{
    color: #fff;
}
.mirrors-pagees li:last-child a i{
    color: #333333;
    font-size: 21px;
    line-height: 37px;
    text-align: center;   
}

.mirrors-pagees > li:nth-child(2).radius-border > a,
.mirrors-pagees > li:nth-child(2).radius-border span,
.mirrors-pagees > li:nth-child(3).radius-border > a,
.mirrors-pagees > li:nth-child(3).radius-border span,
.mirrors-pagees > li:nth-child(4).radius-border > a,
.mirrors-pagees > li:nth-child(4).radius-border span{ 
    background: rgba(51,51,51,.10);
    border: none;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.42857;
    margin-right: 8px;
    margin-bottom: 11px;
    margin-top: 13px;
    padding: 2px 7px;
    position: relative;
    text-decoration: none;
}
.mirrors-pagees > li.radius-border > a:hover,
.mirrors-pagees > li.radius-border > span:hover{
    background: #f05127;
}

/*ecommerce pagination*/
.ecommerce-pagination-type1 {
    float: right;
    margin-top: 14px;
}
.ecommerce-pagination-type1 nav ul{
    margin: 0px;
}
.ecommerce-pagination-type1 .pagination > li:first-child> a, .pagination > li:first-child > span{
    border-radius: 5px;
}

.ecommerce-pagination-type1 .pagination > li:last-child > a, .pagination > li:last-child > span{
    margin-right: 0px;
    border-radius: 5px;
}
.ecommerce-pagination-type1 .pagination > li > a, .pagination > li > span {
    border: none;
    background: #cccccc;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 12px;
    height: 20px;
    line-height: 17px;
    margin-left: 0px;
    margin-right: 5px;
    padding: 0px;
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 20px;
}
.ecommerce-pagination-type1 .pagination > li:nth-child(3) a{
    margin-right: 19px;
}
.ecommerce-pagination-type1 .pagination > li:nth-child(4) a{
    margin-right: 8px;
}
.ecommerce-pagination-type1 nav ul li:hover a{
    background: #f05127;   
}
.ecommerce-pagination-type1 nav ul li.active  a{
    background: #f05127;
}
.ecommerce-pagination-type1 nav ul li.active  a:hover{
    background: #f05127;    
}
.ecommerce-pagination-type1 nav ul li:nth-child(4) a,
.ecommerce-pagination-type1 nav ul li:nth-child(5) a{
    background: #fff;
}
.ecommerce-pagination-type1 nav ul li:nth-child(4) a i,
.ecommerce-pagination-type1 nav ul li:nth-child(5) a i{
    color: #ccc;
}
.ecommerce-pagination-type1 nav ul li:nth-child(4) a:hover i,
.ecommerce-pagination-type1 nav ul li:nth-child(5) a:hover i{
    color: #f05127;
}
.ecommerce-pagination-type1 nav ul li a i{
    color: #aaa;
    font-size: 18px;
    line-height: 21px;
}
.ecommerce-pagination-type1 nav {
    height: 21px;
    margin: 0;
    padding: 0;
}
.ecommerce-product-bottom-view .ecommerce-pagination-type1{
    padding-top: 10px;
}
/*------ecommerce index1----------*/
.ecommorce-index1 .ecommerce-pagination-type1 nav ul li.active a {
    background: #f05127 none repeat scroll 0 0;
    line-height: 18px;
    margin-right: 18px;
    padding-left: 10px;
    padding-right: 32px;
    text-align: center;
    text-transform: uppercase;
}
.ecommorce-index1 .ecommerce-pagination-type1 nav ul li a{
    background: transparent;
}
.ecommorce-index1 .ecommerce-pagination-type1 nav ul li:last-child{
    margin-right: 0px;
    padding-right: 0px;
}
.ecommorce-index1 .ecommerce-pagination-type1 nav ul li:last-child a{
    margin-right: 0px;
    padding-right: 0px;
}

/*----------------------------------------------------------------------------------------------------------------
                                        ----End Mirrors Pagination----
---------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------
                 /-24.                 ---Start Page top---
-------------------------------------------------------------------------------------------------------------------*/
.page-topper{}
.page-topper .page-title{}
.page-topper .page-title h2{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 18px;
    text-transform: uppercase;
}
.page-topper .bredcrumb-area{
}
.page-topper .bredcrumb-area ul {
    background: transparent none repeat scroll 0 0;
    float: right;
    margin: 0px;
    padding: 0;
}
.page-topper .bredcrumb-area ul li{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;   
}
.page-topper .bredcrumb-area ul li a{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}
.page-topper .bredcrumb-area ul li a:hover{
    color: #f05127;
}
/*.page-topper .bredcrumb-area ul li.active{
   color: #f05127; 
}*/
.page-topper .bredcrumb-area ul li:before{
    font-size: 14px;
}
/*********************************************************************************************************************
                                                    --- Start Page top----
*********************************************************************************************************************/

/*********************************************************************************************************************
                        /-25.                        ---Post slider---
*********************************************************************************************************************/
.post-slider{
    position: relative;
}
.post-slider{}
.post-slider .owl-theme .owl-nav {
    margin-top: 0;
    position: initial;
    width: 100%;
}
.post-slider{}
.post-slider{}
.post-slider .owl-dots {
    left: 14px;
    position: absolute;
    text-align: center;
    top: calc(100% - 25px);
}
.post-slider .owl-dots .owl-dot span {
    background: #fefefe none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px;
    opacity: .5;
    width: 10px;
}
.post-slider .owl-dots .owl-dot.active span, .post-slider .owl-dots .owl-dot:hover span {
    background: #fff none repeat scroll 0 0;
    opacity: 1;
}
.post-slider .owl-nav .owl-prev {
    background: #000 none repeat scroll 0 0;
    height: 50px;
    left: 0;
    margin: 0;
    position: absolute;
    top: calc(50% - 25px);
    visibility: hidden;
}
.post-slider .owl-nav .owl-next {
    background: #000 none repeat scroll 0 0;
    height: 50px;
    margin: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 25px);
    visibility: hidden;
}
.post-slider .owl-nav .owl-prev::before {
    background: #252525;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    content: "";
    font-family: "Simple-Line-Icons";
    font-size: 20px;
    height: 50px;
    left: 0;
    line-height: 47px;
    opacity: 0.7;
    position: absolute;
    top: calc(50% - 26px);
    visibility: visible;
    width: 50px;
}

.post-slider .owl-nav .owl-next::before {
    background: #252525;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    content: "";
    font-family: "Simple-Line-Icons";
    font-size: 20px;
    height: 50px;
    line-height: 47px;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: calc(50% - 25px);
    visibility: visible;
    width: 50px;
}

/***********************************************************************************************************************
                                            ---Post slider---
***********************************************************************************************************************/

/***********************************************************************************************************************
                 /-26.                      ---Start Single Project Info---
***********************************************************************************************************************/
.single-project-info{
    padding-top: 21px;
}
.single-project-info .project-name{}
.single-project-info .project-name h2{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}
.single-project-info .project-name p {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
.single-project-description{
    padding-top: 26px;
}
.single-project-description h4 {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 7px;
    text-transform: uppercase;
}
.single-project-description p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
}
.single-project-description .project-share-icon{}
.project-share-icon h6 {
    color: #32323c;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.project-share-icon{
    padding-top: 18px;
}
.project-share-icon ul{}
.project-share-icon ul li{
    display: inline-block;
    margin-right: 13px;
}
.project-share-icon ul li a{
    display: block;
}
.project-share-icon ul li a i{
    color: #ccc;
    font-size: 22px;
}
.project-share-icon ul li a i:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.project-share-icon ul li:nth-child(1):hover a i{
    color: #00c0ff;
}
.project-share-icon ul li:nth-child(2):hover a i{
    color: #3b5998;
}
.project-share-icon ul li:nth-child(3):hover a i{
    color: #17B3E8;
}
.project-share-icon ul li:nth-child(4):hover a i{
    color: #35465c
}
.project-share-icon ul li:nth-child(5):hover a i{
    color:  #C73B6F;
}
/**********************************************************************************************************************
                                            ---End Single Project Info----
**********************************************************************************************************************/

/**********************************************************************************************************************
                    /-27.                      -- Start eCommerce Product Display---
**********************************************************************************************************************/
.product-display{
    
}
.product-display .display-item-title{
    display: inline-block;
}
.ecommorce-index1 .product-display .display-item-title {
  display: inline-block;
  padding-bottom: 11px;
}
.product-display .display-item-title h4{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 48px;
    text-transform: uppercase;
}

.ecommerce-product-bottom-view{
    border-top: 1px solid #ccc;
}
.ecommerce-product-bottom-view .display-item-title{
    margin-top: 12px;
}
.ecommerce-product-bottom-view .display-item-title a{
    color: #f05127;
    text-transform: none;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: .7px;
}
.ecommerce-product-bottom-view .display-item-title a:hover{
    background: #f05127;
    color: #fff;
    letter-spacing: 1.2px;
    padding-right: 15px;
    padding-left: 15px;
}

.view-item-image{
    padding-bottom: 0px;
}
.view-item-image {
    
}
.view-item-image  a figure img{
    border: 1px solid #fff;
}
.single-grid-item:hover .view-item-image  a figure img{
    border-color: #f05127;
}
.view-item-image .owl-stage-outer{
    margin-bottom: 0px;
}
.view-item-image .owl-nav {
    margin: 0px;
}
.single-grid-item-name{
    margin-top: 11px;
}
.single-grid-item-name a{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    position: relative;
}
.single-grid-item-name a::before{
    background: #333;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transition: all .40s linear;
    transition: all .40s linear;
    width: 0%;
}
.single-grid-item:hover .single-grid-item-name a::before{
    left: 0px;
    width: 100%;
}
.sinlge-grid-item-price p{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.single-grid-item-color{
    display: inline-block;
    margin-top: 10px;
}
.single-grid-item-color .nav-tabs {
  border-bottom: none;
}
.single-grid-item-color .nav-tabs > li.active > a,.single-grid-item-color .nav-tabs > li.active > a:focus,.single-grid-item-color .nav-tabs > li.active > a:hover {
  border: none;
  color: #555;
  cursor: default;
}
.single-grid-item-color .nav-tabs li:hover a{
    background: transparent;
}
.single-grid-item-color .nav-tabs > li{
    margin-bottom: 0px;
}
.single-grid-item-color .nav > li > a {
  display: block;
  padding: 0px;
  position: relative;
}
.single-grid-item-color .nav-tabs > li > a {
  border: none;
  margin-right: 2px;
}
.single-grid-item .tab-content > .active{
    display: block;
    -webkit-animation: flipInY 1.30s linear;
    animation: flipInY 1.30s linear;
}

.single-grid-item-color ul{
    margin: 0px;
    padding: 0px;
}
.single-grid-item-color ul li{
    display: inline-block;
    margin-right: 1px;
}
.single-grid-item-color ul li a{}
.single-grid-item-color{}
.single-grid-item-tag {
    border: 1px solid #f05127;
    border-radius: 2px;
    float: right;
    height: 20px;
    margin-top: 11px;
    text-align: center;
}
.single-grid-item-tag p {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 8px;
}
.single-grid-item:hover .single-grid-item-tag{
    -webkit-animation: bounceIn 1s linear;
    animation: bounceIn 1s linear;
}

.single-grid-item-tag h6 {
    background: #f05127;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 8px;
}


/*---eCommerce product information and price-----------*/
.cmn-shape {
    display: inline-block;
    margin-right: -3px;
    float: none;
    vertical-align: middle;
    width: 50%;
}
.product-information-price-shape1{
    position: relative;
}
.product-information-price-shape1 figure{
    position: relative;
}
.product-information-price-shape1 figure .price-info1 {
    left: -28px;
    position: absolute;
    top: calc(50% - 148px);
    text-align: center;
}
.product-information-price-shape1 figure .price-info1 p {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
}
.product-information-price-shape1 figure .price-info1 p span{
    display: block;
}
.product-information-price-shape1 figure .price-info2 p span{
    display: block;
}
.product-information-price-shape1 figure .price-info3 p span{
    display: block;
}
.product-information-price-shape1 figure .price-info1 i {
    color: #fff;
    font-size: 21px;
    line-height: 0;
}
.product-information-price-shape1 figure .price-info2 i {
    color: #fff;
    font-size: 21px;
    line-height: 0;
}
.product-information-price-shape1 figure .price-info3 i {
    color: #fff;
    font-size: 21px;
    line-height: 0;
}
.price-info2 {
    left: 60px;
    position: absolute;
    top: calc(50% - 60px);
    text-align: center;
}
.product-information-price-shape1 figure .price-info2 p{
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
}
.price-info3 {
    left: -16px;
    position: absolute;
    top: calc(100% - 161px);
    text-align: center;
}
.product-information-price-shape1 figure .price-info3 p{
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
}
.product-information-price-shape2{
    position: relative;
}
.price-info4 {
    position: absolute;
    right: calc(50% - 74px);
    text-align: center;
    top: calc(50% - 170px);
}
.price-info4 p{
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;   
}
.price-info4 p span{
    display: block;
}
.price-info4 i{
    color: #fff;
    font-size: 21px;
    line-height: 0;
}
.price-info5 {
    left: -16px;
    position: absolute;
    top: calc(100% - 161px);
    text-align: center;
}
.price-info5 p{
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;  
}
.price-info5 p span{
    display: block;  
}
.price-info5 i{
    color: #fff;
    font-size: 21px;
    line-height: 0;
}
/*------thisWeekCarousel ---*/
.all-item-btn {
  float: right;
  margin-right: 79px;
  margin-top: 9px;
}
.all-item-btn a {
    background: #f05127;
    border-radius: 2px;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 12px;
    padding: 3px 10px;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
}
.thisWeekCarousel{
    position: relative;
}
.thisWeekCarousel .owl-controls .owl-prev {
    position: absolute;
    right: -33px;
    visibility: hidden;
    top: -61px;
}
.thisWeekCarousel .owl-controls .owl-prev:before{
    color: #cccccc;
    content: "\e079";
    font-family: 'Simple-Line-Icons';
    font-size: 21px;
    visibility: visible;
}
.thisWeekCarousel .owl-controls .owl-next {
    position: absolute;
    right: 0px;
    visibility: hidden;
    top: -61px;
}
.thisWeekCarousel .owl-controls .owl-next:before{
    color: #cccccc;
    content: "\e07a";
    font-family: 'Simple-Line-Icons';
    font-size: 21px;
    visibility: visible;
}
.thisWeekCarousel .owl-controls .owl-next:hover:before,.thisWeekCarousel .owl-controls .owl-prev:hover:before{
    color: #f05127;
}
/**************************************************************************************************************************
                                        ---End ecommerce product Display--
**************************************************************************************************************************/

/**************************************************************************************************************************
                /-28.       ----Start eCommerce Comappny offer and product Promoting---
**************************************************************************************************************************/
.offer-type2{
    background: url(img/eCommerce/offer2-bg.jpg) no-repeat;
    background-size: cover;
    margin: 0px auto;
}

.offer-type2-title{
    text-align: center;
}
.offer-type2-title h2{
    color: #fff;
    font-family: lato-black;
    font-size: 48px;
    line-height: 48px;
}
.offer2-content{
    text-align: center;
    margin-top: 34px;
}
.offer2-left{
    width: 100%;
    text-align: right;
}
.offer2-left .single-offer-item{
    float: right;
}
.offer-type2-details {
    min-width: 266px;
    text-align: right;
}
.offer-type2-icon{
    background: rgba(0,0,0,.10);
    border-radius: 50%;
    float: left;
    height: 50px;
    margin-right: 21px;
    text-align: center;
    width: 50px;
}
.single-offer-item:hover .offer-type2-icon{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.offer-type2-icon i {
    color: #fff;
    font-size: 21px;
    line-height: 48px;
}

.offer-type2-details h4 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}
.ecommerce-top-promoting-offer{
    background: url(img/eCommerce/top-promoting-model.jpg);
    background-size: cover;
    background-position: 20% 10%;
    padding-bottom: 20px;
}
.offer-in-percentage{
    float: left;
}
.offer-in-percentage h2{
    color: #fff;
    font-family: lato-hairline;
    font-size: 200px;
    position: relative;
}
.offer-in-percentage h2 sup {
    font-family: "Lato",sans-serif;
    font-size: 72px;
    font-weight: 300;
    line-height: 24px;
    position: absolute;
    top: 60px;
}
.offer-in-percentage h2 span {
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 48px;
    position: absolute;
    right: -94px;
    top: 109px;
}
.promoting-offer-dtls{
    
}
.top-promote-right-area{
    text-align: center;
    margin: 0px auto;
}
.promoting-offer-dtls{
    padding-top: 68px;
    text-align: center;
    margin: 0px auto;
}
.promoting-offer-dtls h4 {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 27px;
    text-align: center;
    text-transform: uppercase;
}
.promoting-offer-dtls .mirrors-btn1{
    background: #f05127;
}
.ecommerce-top-promoting-offer:hover .mirrors-btn1{
    background: #f05127;
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
/*----------ecommerce index1 offer type2---*/
.ecommorce-index1 .offer-type2{
    margin-top: 84px;
}

/*-----ecommorce shopping cart offer type2------*/
.shopping-cart .offer-type2{
    margin-top: 150px;
}

/*---------eCommerce Single Product Details--*/
.single-product-details .offer-type2{
    margin-top: 92px;
}

/**********************************************************************************************************************
                                     ----End eCommerce Comappny offer---
**********************************************************************************************************************/

/**********************************************************************************************************************
               /-29.               ---Start Product Showcase---
**********************************************************************************************************************/
.ecommerce-showcase-left{
    text-align: center;
}
.product-showcase-row .col-sm-6{
    display: inline-block;
    text-align: center;
    vertical-align: middle;

}
.ecommerce-showcase-right-img figure img{
    width: 100%;
}
.ecommerce-showcase-left h2 {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
}
.ecommerce-showcase-left .mirrors-btn1{
    background: #f05127;
    margin: 0px auto;
    margin-top: 24px;
}
.ecommerce-showcase-left .mirrors-btn1:hover{
    color: #fff;
    -webkit-animation: rubberBand 1s linear;  
    animation: rubberBand 1s linear;  
}
/*product showcase carousel type1*/
.showcase-carousel-type1{
    position: relative;

}
.showcase-carousel-type1 .owl-controls {
  background-color: rgba(0,0,0, .50);
  height: calc(100% - 30px);
  position: absolute;
  right: 0;
  top: 15px;
  width: 85px;
}
.showcase-carousel-type1 .owl-controls .owl-next{
    background: #000;
    position: relative;
    visibility: hidden;
}
.showcase-carousel-type1 .owl-controls .owl-prev{
    background: #000;
    bottom: 0px;
    position: absolute;
    visibility: hidden;
}
.showcase-carousel-type1 .owl-controls .owl-next:before{
    content: "";
    font-family: "Simple-Line-Icons";
    font-size: 20px;
    position: absolute;
    top: 45px;
    visibility: visible;
}
.showcase-carousel-type1 .owl-controls .owl-prev::before {
    bottom: 0;
    content: "";
    font-family: "Simple-Line-Icons";
    font-size: 20px;
    position: absolute;
    top: calc(100% - 63px);
    visibility: visible;
}
.single-carousel-showcase-item figure{
    position: relative;

}
.single-carousel-showcase-item :hover .showcase-item-hover{
    bottom: 0px;
    opacity: 1;
    visibility: visible;
}
.single-carousel-showcase-item :hover .single-grid-item-name a{
    border-bottom: 1px solid #333
}
.single-grid-item-name a:hover{
    color: #f05127;
}
.showcase-item-hover{
    background: rgba(255,255,255,.9);
    position: absolute;
    bottom: -30px;
    left: 0px;
    opacity: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    -webkit-transition: all .30s linear;
    -moz-transition: all .30s linear;
    transition: all .30s linear;
    visibility: hidden;
    width: 100%;
}
.showcase-item-hover .single-grid-item-name{
  
}
.showcase-item-color ul li{
    display: inline-block;
}
.about-shopping-content{}
.about-shopping-content .mirrors-btn2{
    border-color: #333;
    color: #333;
    float: right;
    margin-top: 31px;
}
.about-shopping-content .mirrors-btn2:hover{
    border-color: #f05127;
    background: #f05127;
    color: #fff;
}
.about-shopping-content{}
.about-shopping-content h2{
    color: #333333;
    font-family: lato-hairline;
    font-size: 56px;
}
.ecommerce-showcase-right .about-shopping-content h2{
    text-align: right;
}
.about-shopping-content p{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding-top: 11px;

}
.ecommerce-showcase-right .about-shopping-content p{
    text-align: right;
}
.eccomerce-product-showcase-type2 .showcase-carousel-type1{
    margin-bottom: -1px;
}
.eccomerce-product-showcase-type2 .ecommerce-showcase-left h2{
    color: #333333;
    font-family: lato-black;
    font-size: 72px;
    line-height: 72px;
}
.eccomerce-product-showcase-type2 .ecommerce-showcase-left .mirrors-btn1{
    margin-top: 20px;
}

/*********************************************************************************************************************
                                                ---End Product Showcase---
*********************************************************************************************************************/

/*********************************************************************************************************************
                 /-30.                       ----Start top Toolbar----
*********************************************************************************************************************/
.toolbar-left a {
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 30px;
    text-transform: uppercase;
}
.toolbar-left a i{
    color: #999999;
    font-size: 12px;
    padding-right: 9px;
}
.toolbar-left a:hover{
    color: #f05127;
}
.toolbar-left a:hover i{
    color: #f05127;  
}
.mirrors-top-toolbar .toolbar-right ul{
    float: right;
    margin: 0px;
    padding: 0px;
}
.mirrors-top-toolbar .toolbar-right ul li {
    display: inline-block;
    
    
}
.mirrors-top-toolbar .toolbar-right ul li a::before {
    background: #3e3e3e;
    content: "";
    height: 30px;
    position: absolute;
    right: 0px;
    top: -1px;
    width: 1px;
}
.mirrors-top-toolbar .toolbar-right ul li a span{
    padding-left: 7px;
}
.mirrors-top-toolbar .toolbar-right ul{}
.mirrors-top-toolbar .toolbar-right ul li a {
    color: #999999;
    display: block;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 12px;
    position: relative;
    padding-left: 12px;
    text-transform: uppercase;
    line-height: 30px;
}
.mirrors-top-toolbar .toolbar-right ul li a:hover{
    color: #f05127; 
}
.mirrors-top-toolbar .toolbar-right ul li:nth-child(3) a{
    padding-right: 12px;
}
.mirrors-top-toolbar .toolbar-right ul li:nth-child(2) a{
    padding-left: 12px;
}
.mirrors-top-toolbar .toolbar-right ul li:nth-child(2) a{}
.mirrors-top-toolbar .toolbar-right ul li:nth-child(4) a {
    padding-left: 7px;
    padding-right: 17px;
}
.mirrors-top-toolbar .toolbar-right ul li:nth-child(3) a::before {
    height: 14px;
    top: 9px;
}

.mirrors-top-toolbar .toolbar-right ul li a span{
    padding-right: 10px;
}
.mirrors-top-toolbar .toolbar-right ul li:last-child a{
    padding-left: 3px;
    padding-right: 8px;
}
.mirrors-top-toolbar .toolbar-right ul li:last-child a i{
    
}
.toolbar-right-search{
    float: right;
}
.toolbar-right-search a{
    display: block;
    padding-left: 6px;
    padding-right: 8px;
    position: relative;
    line-height: 30px;
}
.toolbar-right-search a:before{
    background: #3e3e3e;
    content: "";
    height: 30px;
    right: 0px;
    position: absolute;
    top: 0px;
    width: 1px;
}
.toolbar-right-search a i{
    color: #999999;
    font-size: 14px;
    line-height: 22px;   
}
.toolbar-right-search a:hover i{
    color: #f05127; 
}

/************************************************************************************************************************
                                 ---End top Toolbar----
************************************************************************************************************************/

/************************************************************************************************************************
                   /-31.             ----Start  Shopping Cart page----
************************************************************************************************************************/
.shopping-item-table{
    margin-top: 47px;
}
.item-table-first-row{
    border-top: none;
}

.shopping-item-table .table > tbody > tr > td,.shopping-item-table  .table > tbody > tr > th,.shopping-item-table  .table > tfoot > tr > td,.shopping-item-table .table > tfoot > tr > th,.shopping-item-table .table > thead > tr > td,.shopping-item-table .table > thead > tr > th {
  border-top: 1px solid #cccccc;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}
.shopping-item-table .table-responsive  table .item-table-first-row td{
    border-top: 0px ;
}

.item-table-first-row{
    text-align: center;
}
.item-table-head-cell1{
    height: 76px;
}
.item-table-head-cell1 i {
    color: #999;
    font-size: 20px;
    line-height: 56px;
}

.item-table-first-row td p {
    color: #999;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 48px;
    padding-top: 5px;
    text-transform: uppercase;
}

.item-table-head-cell3 {
    width: 267px;
}
.item-table-head-cell4 {
    width: 205px;
}

.item-table-head-cell5 p i{
    color: #f05127;   
}
.item-table-first-row td p i{
    
    font-size: 19px;  
    padding-right: 10px;  
}
.item-table-first-row td.item-table-head-cell5 p{
    color: #f05127;
}
.item-cell1 i{
    color: #ccc;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 41px;   
}
.item-table-head-cell2 {
    text-align: center;
    width: 400px;
}
.item-cell2 .cart-table-item-img{
    margin-right: 30px;
}
.item-cell2 .cart-table-item-details a{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.item-cell2 .cart-table-item-details a:hover{
    color: #f05127;
}
.item-cell3{}
.item-cell3 p {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 33px;
}
.item-cell4{}
.item-cell4 input {
    border: 1px solid #999999;
    border-radius: 2px;
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 21px;
    margin-top: 38px;
    outline: medium none;
    padding-bottom: 3px;
    text-align: center;
    width: 45px;
}
.item-cell5{}
.item-cell5 p {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 33px;
}
.item-table-second-row{
    text-align: center;
}

.item-table-third-row{
    text-align: center;
}
.item-table-fourth-row{
    text-align: center;
}
.item-table-fifth-row{
    text-align: center;
}
.shopping-cart-bottom-area .mirrors-btn2{
    border-color: #999999;
    color: #999999;
}

.cart-button button.mirrors-btn2 {
  display: inline-block;
  vertical-align: middle;
}
.cart-button {
    margin-bottom: 5px;
    margin-top: 25px;
    text-align: right;
}
.cart-button {
    margin-top: 25px;
    margin-bottom: 5px;
    padding-right: 30px;
}

.shopping-cart-bottom-area .mirrors-btn2{
    width: 129px;
}
.shopping-cart-bottom-area .mirrors-btn2:hover{
    border-color: #f05127;
    background: #f05127;
}
.shopping-cart-bottom-area .mirrors-btn2:hover:first-child:before{
    background: #f05127;
    border-color: #f05127;
    color: #fff;
}
.shopping-cart-bottom-area .mirrors-btn2:hover:nth-child(2):before{
    background: #f05127;
    border-color: #f05127;
    color: #fff;
}
.shopping-cart-bottom-area .mirrors-btn2:hover:before{
    color: #fff;
}
.shopping-cart-bottom-area .mirrors-btn2:first-child {
    margin-right: 10px;
    padding-left: 13px;
    padding-right: 13px;
    position: relative;
}
.shopping-cart-bottom-area .mirrors-btn2:first-child:before{
    content: "Update Cart";
    color: #999999;
}
.shopping-cart-bottom-area .mirrors-btn2:nth-child(2){
    margin-right: 0px;
    padding-left: 13px;
    padding-right: 13px;
    position: relative;  
}
.shopping-cart-bottom-area .mirrors-btn2:nth-child(2):before{
    content: "checkout";
    color: #999999;
}
.shipping-totals{
    margin-top: 26px;
}
.shipping-title{
    padding-top: 23px;
    padding-bottom: 12px;
}
.shipping-title h4{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 48px;
    text-transform: uppercase;
}
.country-option select{
    border: 1px solid #000000;
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 14px;
    height: 50px;
    padding-left: 15px;
    position: relative;
    outline: none;
    width: 100%;
}
.shopping-content-bottom .city-state {
    display: inline-block;
    margin-right: 7px;
    overflow: hidden;
    width: 42%;
}
.shopping-content-bottom .city-state select {
    border: 1px solid #000;
    color: #333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-left: 15px;
    height: 50px;
    width: 100%;   
}
.post-code {
    margin-right: 7px;
    width: 28%;
}
.shopping-content-bottom .post-code select {
    border: 1px solid #000000;
    color: #333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-left: 12px;
    height: 50px;
    width: 100%;
}
.shopping-content-bottom .post-code select option{
    color: #333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 14px;   
}
.update-button {
    width: 26%;
}
.update-button .btn {
    background-color: #333333;
    border-radius: 2px;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    margin-top: 0px;
    width: 100%;
}
.update-button .btn:hover{
    background: #f05127;
    -webkit-animation: pulse 1s linear;
    animation: pulse 1s linear;
}
.shopping-content-bottom{
    margin-top: 10px;
}
.cart-total-title{
   
}
.cart-total-title  h2{
    color: #333333;
    font-family: lato-hairline;
    font-size: 56px;
    text-align: right;
}
.cart-subtotal{}
.cart-subtotal ul{
    padding-top: 17px;
    padding-left: 20px;
    padding-right: 20px;
}
.cart-subtotal ul li{
    width: 50%;
    float: left;
}
.cart-subtotal ul li:nth-child(even){
    text-align: right;
}
.cart-subtotal ul li h6{
    color: #333333;
    font-family: lato-black;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}
.cart-subtotal ul li p{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
}
.total-order{
    margin-top: 13px;
    overflow: hidden;
}
.total-order ul{
    background: #cccccc;
    border-radius: 2px;
    margin-bottom: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 20px;
    padding-left: 20px;
    overflow: hidden;
}
.total-order ul li{
    float: left;
}
.total-order ul li:last-child{
    float: right;
}
.total-order ul li h6{
    color: #333333;
    font-family: lato-black;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}
/*-----top navigation shopping cart-----*/
.shopping-cart-icon {
    background: #eaeaea none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 50px;
    margin-left: 2px;
    margin-right: 3px;
    margin-top: 50px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    width: 50px;   
}
.mirros-navigation-cart-icon:hover .shopping-cart-icon{
    background: #333333;
}
.shopping-cart-icon:after{
    background: #f05127;
    color: #fff;
    border-radius: 50%;
    content: "3";
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 12px;
    height: 20px;
    line-height: 17px;
    position: absolute;
    right: -3px;
    top: -4px;
    width: 20px;
}
.shopping-cart-icon a{
    display: block;
}
.shopping-cart-icon a i{
    color: #fff;
    font-size: 22px;
    line-height: 50px;
}
.mirros-navigation-cart-icon {
    margin-right: 0;
    position: relative;
}
.navigation-bar-shopping-cart {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    left: -318px;
    position: absolute;
    top: calc(100% + 10px);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 370px;
    z-index: 111;
}
.mirros-navigation-cart-icon:hover .navigation-bar-shopping-cart{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
}

.single-shopping-cart-row{
    padding: 20px;
    position: relative;
}
.navigation-cart-close{
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    visibility: hidden;
    
}

.navigation-cart-close i{
    color: #fff;
}
.single-shopping-cart-row:hover .navigation-cart-close{
    visibility: visible;
}
.single-shopping-cart-row:nth-child(3){
    position: relative;
}
.single-shopping-cart-row:nth-child(3):before{
    background: #ccc;
    bottom: 0px;
    content: "";
    height: 1px;
    position: absolute;
    width: 330px;
}
.navigation-cart-item-name{}
.navigation-cart-item-name a {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    padding-left: 7px;
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
}

.single-shopping-cart-row:hover .navigation-cart-item-name a{
    color: #fff;
}
.single-shopping-cart-row .item-price {
    padding-left: 59px;
}
.single-shopping-cart-row .item-price p{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
}

.single-shopping-cart-row:hover .item-price p{
    color: #fff;
}
.navigation-cart-subtotal{
    color: #333333;
    float: left;
    font-family: lato-black;
    font-size: 14px;
    line-height: 22px;
    padding-top: 4px;
    text-transform: uppercase;
}
.navigation-cart-total-price{
    color: #333333;
    float: right;
    font-family: lato-black;
    font-size: 14px;
    line-height: 22px;
    padding-top: 4px;
    text-transform: uppercase;
}
.navigation-cart-btn-area{
    float: right;
}
.navigation-cart-btn{
    border: 1px solid #f05127;
    border-radius: 2px;
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.navigation-cart-btn:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
    border: 1px solid #f05127;
    background: #f05127;
    color: #fff;
}
.single-shopping-cart-row:hover{
    background: #f05127;
}
.navigation-cart-btn:nth-child(1){
    margin-right: 6px;
}
.single-shopping-cart-row:nth-child(4):hover{
    background: transparent;
}
.single-shopping-cart-row:nth-child(4){
    padding-top: 0px;
    padding-bottom: 15px;
}
.single-shopping-cart-row:nth-child(5):hover{
    background: transparent;
}
.single-shopping-cart-row:nth-child(5){
    padding-top: 0px;
    padding-bottom: 20px;
}

/*----------mobile menu shopping cart---*/


/**************************************************************************************************************
                          ------End  Shopping Cart Page------
**************************************************************************************************************/


/**************************************************************************************************************
               /-32.          ---Start Single Product Page----
**************************************************************************************************************/
.single-item-description .item-title{
    display: inline-block;
}
.single-item-description .item-title h4{
    color: #333333;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 48px;
}
.single-item-description{}
.single-item-description .description-tag{
    float: right;
}
.single-item-description .description-tag {
    border: 1px solid #f05127;
    border-radius: 2px;
    height: 20px;
    margin-top: 11px;
    text-align: center;
    width: 45px;
}
.single-item-description .description-tag p{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase; 
}
.single-item-description .item-price{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 23px;
}
.single-item-description .item-price p {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
}
.single-item-choosing-color{
    padding-top: 18px;
}
.single-item-full-descriptiton {
    margin-top: 35px;
}
.single-item-full-descriptiton p{
    color: #333333;
    font-family: "Lato"sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
}
.size-tag {
    margin-top: 35px;
    margin-bottom: 40px;
}
.size-button {
    border: 1px solid #999999;
    height: 20px;
    margin-right: 8px;
    text-align: center;
    width: 100px;
}
.size-button a {
    color: #999999;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-transform: uppercase;
}
.size-button:hover{
    border-color: #f05127;
    background: #f05127;
}
.size-button:hover a{
    color: #fff;
}

.my-class{
    margin-bottom: 0px;
}
.my-class li{
    display: inline-block;
}
.size-tag ul li {
    margin-right: 3px;
    text-align: center;
}
.size-tag ul li:last-child{
    margin-right: 0px;
}
.size-tag ul li a {
    background: #cccccc none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    text-transform: uppercase;
}
.size-tag ul li a:hover{
    background: #f05127;
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.size-tag ul li:nth-child(1),
.size-tag ul li:nth-child(2),
.size-tag ul li:nth-child(3),
.size-tag ul li:nth-child(4),
.size-tag ul li:nth-child(5){
    height: 19px;
    width: 20px;
}
.size-tag ul li:last-child{}
.size-tag ul li:last-child a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999999;
    color: #999;
    height: 19px;
    line-height: 18px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}
.size-tag ul li:last-child a:hover{
    border-color: #f05127;
    background: #f05127;
    color: #fff;
}



.single-page-cart-button{
    margin-bottom: 43px;
}
.single-page-cart-button .btn{
    background: #f05127;
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
}
.single-page-cart-button .btn:hover{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.single-item-choosing-color ul{

}
.single-item-choosing-color ul li{
    display: inline-block;
}
.item-custom-wear .item-wear-title{
    padding-bottom: 12px;
}
.item-custom-wear .item-wear-title h4{
    color: #999999;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 48px;
    text-transform: uppercase;
}
.single-item-description .item-title h4 {
    color: #333333;
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 39px;
}
.item-custom-wear ul{}
.item-custom-wear ul li {
    border: 1px solid #333;
    display: inline-block;
    margin-right: 1.7em;
}
.item-custom-wear ul{}

/*------mirrors share social----*/
.mirrors-share-social{
    border-top: 1px solid #e5e5e5;
    margin-top: 60px;
    padding-top: 15px;
}
.mirrors-share-social p{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-right: 10px;
}
.mirrors-share-social ul{
    margin-bottom: 0px;
}
.mirrors-share-social ul li{
    display: inline-block;
    margin-right: 15px;
}
.mirrors-share-social ul li a{
    color: #cccccc;
    font-size: 22px;
}
.mirrors-share-social ul li a:hover i{
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}

.mirrors-share-social ul li:nth-child(1):hover a{
    color: #4099ff;
}
.mirrors-share-social ul li:nth-child(2):hover a{
    color: #3b5998;
}
.mirrors-share-social ul li:nth-child(3):hover a{
    color: #1AB7EA;
}
.mirrors-share-social ul li:nth-child(4):hover a{
    color: #35465c;
}
.single-item-page-top #zoom-box1 .zoomLens {
    border: 2px solid #000;
    height: 150px !important;
    width: 150px !important;
    border-radius: 0px !important;
}
.custom-height{
    height: 250px;
}

.progress-bar-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*********************************************************************************************************************
                             ------Start Single Product Page----
*********************************************************************************************************************/

/*********************************************************************************************************************
             /-33.           -----Error Page & Comming Soon Page-----
*********************************************************************************************************************/

.comming-soon-content{
    background: url(img/banner-images/banner-img4.jpg) no-repeat;
    background-size: cover;
    
}
.comming-soon-container{
    display: table;
    height: 100vh;
}
.extralarge .comming-soon-container {
    height: 100vh;
    display: table;
}
.top-heading-text{
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.top-heading-text h2 {
    color: #ffffff;
    font-family: lato-black;
    font-size: 72px;
    line-height: 72px;
    padding-top: 176px;
    position: relative;
}
.extralarge .top-heading-text h2{
    padding-top: 0px;
}
.top-heading-text h2:before{
    background: #8e9294;
    bottom: -71px;
    content: "";
    height: 1px;
    left: 0px;
    position: absolute;
    width: 100%;
}
.countdown {
  padding-top:100px;  
}
#getting-started ul{
    margin: 0px;
    
}
#getting-started ul li{
    background: rgba(255,255,255,.10);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    text-align: center;
    width: 50px;
}
#getting-started ul li:before{
    content: ":";
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 0px;
    right: -15px;
}
#getting-started ul li:nth-child(4):before{
    display: none;
}
#getting-started ul>span{
    color: #fff;
}
#getting-started ul li:first-child{
    margin-left: 0px;
}
#getting-started ul li:last-child{
    margin-right: 0px;
}
#getting-started ul li span{
    display: block;
    text-align: center;
    margin-top: -7px;
}
.error-page-content{
    background: url(img/banner-images/banner-img4.jpg) no-repeat;
    background-size: cover;
}
.erro-container{
    height: 100vh;
    display: table;
}
.solution-direction{
    padding-top: 95px;
}
.solution-direction p{
    color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
}
.solution-direction p span a{
    color: #f05127;
    text-decoration: underline;
    letter-spacing: .7px;
}
.solution-direction p span a:hover{
    letter-spacing: 1px;
}
.home-button{
    margin-top: 36px;
}
.home-button .mirrors-btn2{
    
    position: relative;
}
.home-button .mirrors-btn2:hover{
    border:2px solid #f05127;
    background: #f05127;
}
.home-button .mirrors-btn2:before{
    content: "Return Home";
}

/***********************************************************************************************************************
                                    ---Error Page & Comming Soon Page---
***********************************************************************************************************************/

/***********************************************************************************************************************-
               /-34.                   --- Start Contact Page---
***********************************************************************************************************************/
.contact_google_map_area{
    height: 499px;
}
.contact-us-contenet .section-title{
    border-bottom: 1px solid #999999;
    padding-top:46px;
    padding-bottom: 44px;
    text-align: left;
}
.contact-us-contenet .section-title h2{
    text-align: left;
}
.contact-us-contenet .section-title p{
    text-align: left;
    padding-top: 5px;
}
/**************************************************************************************************************
                                ---End Contact Page---
**************************************************************************************************************/

/***********************************************************************************************************
  .35/-                          --Start Our skill--
***********************************************************************************************************/
.skill-area{
    background: #ebebeb;
    padding-bottom: 99px;
}
.single-skill-bar{
    float: left;
    margin-right: 40px;
    position: relative;
}
.single-skill-bar .skill-degit {
    left: -7%;
    position: absolute;
    top: -7px;
    visibility: hidden;
    width: 100px;
}
.single-skill-bar:hover .skill-degit{
    visibility: visible;
}
.single-skill-bar .skill-degit p{
    color: #f05127;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;

}
.thermometer-outer {
    background: #e1e1e1 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
}
.thermometer-outer-h {
    height: 20px;
    width: 100%;
}
.thermometer-outer-v {
    height: 300px;
    margin-top: 20px;
    width: 49px;
}
.thermometer-inner {
    background: -webkit-linear-gradient(#f05127, #fad232);
    background: linear-gradient(#f05127, #fad232);
}
.thermometer-inner-h {
    height: 20px;
}
.thermometer-inner-v {
    width: 100%;
}
.skill-details-top .section-title{
    padding-bottom: 30px;
    padding-top: 8px;
}
.skill-details-top .section-title h2{
    text-align: right;  
}
.skill-details-top .section-title  p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: right;
}
.skill-description{}
.skill-description p{
    color: #666666;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
}
/***********************************************************************************************************
                                ==End Our Amaizing Skill
***********************************************************************************************************/

/**********************************************************************************************************
 .36/-                               ==Start Preloader & Others== 
**********************************************************************************************************/
.preloader-area{
    background: #fff;
    height: 100%;
    width: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    overflow: hidden;
    z-index: 999;
    left: 0;
    display: table;
}
.preloader {
    display: table-cell;
    vertical-align: middle;
}

/**********************************************************************************************************
                                ==End preloader & Others==
**********************************************************************************************************/



/*======================================================================================================
                            === End Style css===
======================================================================================================*/



/*======================================================================================================
                                Start Responsive css
======================================================================================================*/

/*------------------------------------------------------------------------------ 
                         --Large Screen--
------------------------------------------------------------------------------ */

@media only screen and (min-width: 1700px) and (max-width: 1920px) {
    .container {
        width: 1170px;
        padding: 0px;
    }
    /* .type1-headline{
        margin-left: 20% !important;
        margin-top: 15% !important;
    }
    .slider-f1{
        margin-left: 20% !important;
    } */
    
}


@media only screen and (min-width: 993px) and (max-width: 1123px) {
    .slider-f4{
        display: none !important;
    }

}
/*------------------------------------------------------------------------------
                        --Mediaum Screen--
--------------------------------------------------------------------------*/


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
        padding: 0px;
        width: 970px;
    }
    .update-button {
        margin-top: 10px;
        width: 27%;
    }
    .flicker-image ul li {
        margin-top: 9px;
    }
    .single-skill-bar {
        margin-right: 28px;
    }
    .ecommorce-index1 .single-product-promoting figure figcaption .promoting-text {
        top: calc(50% - 37px);
    }
    .tcarousel-type2-cmnts {
        padding: 2px 50px 50px;
    }
    .portfolio-large-hover-bar-text p{
        display: none;
    }
    .portfolio-large-hover-bar-text {
        padding-bottom: 9px;
        padding-top: 9px;
    }
    .portfolio-vew-counter{
        display: none;
    }
    .all-project {
        padding-top: 0px;
    }
    .camera_caption{
        max-width: 970px;
        margin-left: calc(50% - 485px);
    }
    
    .timeline-area > ul > li .timeline-panel .timeline-body .blog-heading a {
        font-size: 14px;
    }
    
    .timeline-area > ul > li .timeline-month {
        left: 43%;
    }
    
    .timeline-area > ul > li:nth-child(5) {
        margin-top: 114px;
    }
    .activities-content span {
        font-size: 40px; 
    }
    .item-custom-wear ul li {
        border: 1px solid #333;
        display: inline-block;
        margin-right: 1em;
    }
    .slider-f1{
        display: inline-block;
    }
    .slider-f4{
        display: none !important;
   }
    .about-shopping-content h2 {
        font-size: 40px;
    }
    .video-carousel .owl-stage-outer {
        height: 205px;
        overflow: hidden;
        position: relative;
    }
    .video-carousel .owl-item.active.center {
        height: 303px !important;
        margin-left: -26px;
        margin-right: 30px !important;
        width: 370px !important;
    }
    .video-carousel .item {
        height: 153px;
        margin-right: 30px !important;
        margin-top: 26px;
        overflow: hidden;
        width: 271px;
    }
    .banner-type5 .camera_caption:nth-child(1) {
        font-size: 36px !important;
    }
    .mirrors-recent-item figure .recent-work-hover-details a {
        font-size: 13px;
    }
    .mirrors-recent-item figure .recent-work-hover-details {
        left: 19px;
    }
    .mirrors-recent-item figure .recent-work-social-icon {
        left: 19px;
        top: 17px;
    }
    .banner-type1 .camera_caption:nth-child(5) .type1-features{
        display: none;
    }
    .info-content{
        padding-left: 15px;
    }
    .footer-type1 .footer-bottom ul {
        float: left;
        margin-top: 18px;
    }

}

/*----------------------------------------------------------------------------------------
                        --End Midum Screen--
---------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------
                            -- Tablet Screen--
---------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px;
        padding: 0px;
    }
    .footer-type1 .footer-bottom ul {
        float: left;
        margin-top: 18px;
    }
    .update-button .btn {
        margin-top: 0px;
    }
    .single-activities-container {
        margin-bottom: 20px;
    }
    .ecommorce-index1 .single-product-promoting figure figcaption .promoting-text a {
        font-size: 15px;
    }
    .tcarousel-type2-cmnts {
        padding: 2px 30px 50px;
    }
    .partners-carousel .owl-item img {
        margin-bottom: 1px;
    }
    .brand-area {
        padding-bottom: 0;
    }
    .megamenudown {
        margin-left: 15px;
    }
    .timeline-area > ul > li:nth-child(2n) .timeline-month {
        margin-left: 95px;
    }
    .achivements{
        padding-bottom: 0px;
    }
    .single-achivements-container {
        margin-bottom: 56px;
    }
    .portfolio-large-hover-bar-text {
        padding-bottom: 9px;
        padding-top: 9px;
    }
    .banner-type1 .camera_caption:nth-child(3){
        margin-left: 20px;
    }
    .banner-type1 .camera_caption:nth-child(4){
        margin-left: 20px;
    }
    .banner-type1 .camera_caption:nth-child(5) .type1-features{
        display: none;
    }

    .mirros-slider-bottom-menu .mirros-main-menu > nav > ul {
        float: none;
    }
    .mirros-slider-bottom-menu .brand-area {
      display: none;
    }
    .camera_caption {
        max-width: 750px;
        margin-left: calc(50% - 375px);
    }

    .col-sm-2-half {
        width: 50%;
    }
    
    .portfolio-vew-counter {
        display: none;
    }
    
    .portfolio-large-hover-bar-text p {
        display: none;
    }
    
    .freelancer-story ul {
        padding-bottom: 17px;
    }
    
    .portfolio figure .small-lens-icon {
        left: calc(50% - 35px);
        top: calc(50% - 45px);
    }
    
    .small-lens-icon i {
        font-size: 57px;
    }
    
    .portfolio-large-hover-bar-text a {
        font-size: 14px;
    }
    
    
    .all-project h2 {
        font-size: 80px;
        line-height: 108px;
    }
    
    .all-project h4 {
        font-size: 31px;
        padding-bottom: 28px;
    }
    
    .video-carousel .owl-stage-outer {
        height: 244px;
    }
    
    .video-carousel .item {
        height: 153px;
        margin-right: 30px !important;
        margin-top: 56px;
        overflow: hidden;
        width: 150px;
    }
    
    .video-carousel .owl-item.active.center {
        height: 216px !important;
        margin-left: -66px;
        margin-right: 30px !important;
        width: 366px !important;
    }
    
    .timeline-area > ul > li .timeline-panel .timeline-body .blog-heading a {
        font-size: 14px;
        font-weight: 400;
    }
    
    .timeline-area > ul > li .timeline-panel .timeline-body ul li a i {
        font-size: 15px;
    }
    
    .timeline-area {
        margin: 0 auto;
        text-align: center;
    }
    
    .timeline-area > ul {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    
    .timeline-area > ul > li:nth-child(2n+1) {
        float: none;
        margin: 0 auto;
        margin-bottom: 60px;
        width: 76%;
    }
    
    .timeline-area > ul > li:last-child {
        margin-bottom: 0px;
    }
    
    .timeline-area > ul > li:nth-child(2) {
        margin-top: 60px;
    }
    
    .timeline-area > ul > li:nth-child(2n) {
        float: none;
        margin: 0 auto;
        margin-bottom: 60px;
        width: 76%;
    }
    
    .timeline-area > ul > li:nth-child(4) {
        margin-top: 60px;
    }
    
    .timeline-area > ul > li .timeline-date {
        left: calc(50% - 297px);
    }
    
    .timeline-area > ul > li .timeline-month {
        left: 13px;
        margin-top: 5px;
    }
    
    .timeline-area > ul::before {
        left: calc(50% - 274px);
    }
    .single-grid-item-name a {
        font-size: 14px; 
    }
    .mobile-margin-55{
        margin-top: 55px;
    }
    .product-information-price{
        padding-top: 60px;
    }
    .ecommorce-index1 .product-display {
        margin: 0 auto;
        text-align: center;
    }
    .ecommorce-index1 .single-grid-item{
        display: inline-block;
    }
    .ecommorce-index1 .single-product-promoting figure figcaption .promoting-text {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        left: 0;
        padding-bottom: 10px;
        padding-top: 10px;
        top: calc(50% - 57px);
        width: 100%;
    }
    .shopping-content-bottom .city-state {
        display: inline-block;
        margin-right: 7px;
        overflow: hidden;
        width: 40%;
    }
    .timeline-area > ul::before {
        left: calc(50% - 285px);
    }
    .partners-content ul li {
        float: left;
        margin-top: 0;
    }
    .slider-f1{
        display: inline-block;
    }
    .slider-f3,.slider-f4{
        display: none !important;
    }
    .about-shopping-content .mirrors-btn2 {
        margin-bottom: 31px;
    }
    .about-shopping-content h2 {
        font-size: 34px;
    }
    .member-info {
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .flicker-image ul li:nth-child(4){
        margin-top: 9px;
    }
    .banner-type5 .camera_caption:nth-child(1) {
        font-size: 36px !important;
    }
    .banner-type5 .camera_caption:nth-child(2) {
        display: none !important;
    }
    .brand-area{
        float: none;
        width: 100%;
        text-align: center;
    }
    .brand-logo {
        float: none;
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    .mirros-main-menu > nav > ul {
        float: none;
        margin-bottom: 0;
        margin: 0px auto;
        text-align: center;
    }
    .mobile-menu {
        display: none;
    }
    .mirros-search-icon{
        float: none;
    }
    .type1-headline{
        font-size: 40px !important;
        margin-top: 36% !important;
    }
    .banner2-heading{
        font-size: 36px !important;
        margin-top: 32% !important;
    }
    .mirrros-slider-top-navigation .megamenudown {
        background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
        top: 248px;
    }
    .single-skill-bar {
        margin-right: 27px;
    }
    .single-skill-bar:last-child{
        margin-right: 0px;
    }
    .thermometer-outer-v {
        height: 300px;
        margin-top: 20px;
        width: 36px;
    }
     
    .mirros-slider-bottom-menu .megamenudown {
        top: 67px;
        margin-left: 15px;
    }
    
    .mirros-slider-bottom-menu .mirros-main-menu > nav > ul > li > .single-dropdown-menu {
        top: 66px;
    }
    .index1-display2 .col-md-3.col-sm-6:nth-child(3){
        margin-top: 40px;
    }
    .index1-display2 .col-md-3.col-sm-6:nth-child(4){
        margin-top: 40px;
    }
    .single-product-promoting figure figcaption .promoting-text {
        top: calc(50% - 36px);
    }
    .item-cell1 i {
        padding-top: 30px;
    }
    .item-cell3 p {
        padding-top: 21px;
    }
    .item-cell4 input {
        margin-top: 28px;
    }
    .item-cell5 p {
        padding-top: 22px;
    }
    .responsive-features .mirrors-btn2 {
        margin-top: 30px;
        margin-bottom: 29px;
    }
    .ipad-view {
        min-height: 583px;
        position: relative;
    }
    .single-qick-view{
        margin-bottom: 40px;
    }
    .banner-type3 .main-heading h2 {
        color: #fff;
        font-family: lato-hairline;
        font-size: 47px;
        padding-top: 115px;
        text-align: center;
    }
    .home-multipage2   .mirrros-slider-top-navigation .megamenudown {
        background: #fff;
        top: 248px;
    }
    .banner-type4-banner-image {
        top: none;
        bottom: 0;
    } 
    .porfolio-recent-item .mirrors-btn2 {
        margin-bottom: 28px;
        margin-top: 19px;
    }
   
   
    .quick-service-view .row.margin-top-40 {
        margin-top: 0;
    }
    .footer-type1 .footer-widget {
        padding-bottom: 15px;
        padding-top: 56px;
    }
    .about-shopping-content{
        padding-right: 15px;
    }
    .activities-content span {
        font-size: 40px;
    }
    .post-code {
        width: 31%;
    }
}
/*----------------------------------------------------------------------------------------
                            -- Tablet Screen--
---------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------
                                --Mobile Screen--
---------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .container {
        width: 300px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .all-item-btn {
        float: right;
        margin-right: 70px;
    }
    .footer-type2{
        padding-top: 100px;
    }
    .footer-type2 h2 {
        font-size: 54px;  
    }
    .ecommorce-index1 .about-theme {
        margin-top: 42px;
    }
    .footer-type1 .footer-bottom ul {
        float: none;
        margin-top: 18px;
    }

    .contact-us-contenet .section-title h2 {
        font-size: 50px;
        padding-bottom: 15px;
    }
    
    .single-skill-bar {
        margin-right: 11px;
    }
    
    .single-skill-bar {
        margin-right: 10px;
    }
    .banner-type1 .camera_caption:nth-child(7) .go-down {
        display: none;
    }
    .banner-type1 .camera_caption:nth-child(6) p{
        display: none;
    }
    .banner-type1 .camera_caption:first-child {
        font-size: 41px;
        line-height: 48px;
    }
    .banner-type1 .camera_caption:first-child {
        padding-bottom: 72px;
        padding-top: 177px;
    }
    .porfolio-recent-item h2 {
        font-size: 48px;
    }
    .banner-type1 .camera_caption:nth-child(3) {
        margin-left: 0px;
    }
    .banner-type1 .camera_caption:nth-child(4) .type1-features{
        display: none;
    }
    .banner-type1 .camera_caption:nth-child(5) .type1-features{
        display: none;
    }
    .footer-type1 .footer-widget {
        padding-bottom: 20px;
    }
    .banner-type3 .main-heading p {
      padding: 16px 0 0;
    }
    .mirros-slider-bottom-menu .brand-area {
      display: none;
    }
    .footer-type1 .footer-bottom ul{
        text-align: center;
    }
    .footer-type1 .footer-bottom ul li {
        display: inline-block;
        line-height: 25px;
        margin: 0 15px 15px;
    }
    .quick-service-view .row.margin-top-40 {
        margin-top: 0;
    }
    .responsive-features .mirrors-btn2{
        margin-bottom: 30px;
    }
   .our-services .mirrors-btn1 {
       margin-bottom: 100px;
   }
   
   .recent-works .section-title ul li {
       margin-right: 1.5em;
   }
   
   .single-qick-view {
       margin-bottom: 40px;
   }
   
   .portfolio-large-hover-bar-text a {
       color: #333333;
       font-family: "Lato", sans-serif;
       font-size: 13px;
       font-weight: 400;
   }
   
   .portfolio figure .large-lens-icon {
       left: calc(50% - 84px);
       position: absolute;
       top: calc(50% - 94px);
   }
   
   .portfolio figure .large-lens-icon i {
       color: #fff;
       font-size: 104px;
   }
   
   .portfolio-vew-counter ul li {
       margin-right: 4px;
   }
   
   .portfolio-vew-counter ul li a span {
       line-height: 24px;
       padding-left: 9px;
   }
   
   .portfolio-vew-counter ul li a i {
       font-size: 11px;
   }
   
   .portfolio figure .large-lens-icon {
       left: calc(50% - 43px);
       position: absolute;
       top: calc(50% - 83px);
   }
   
   .portfolio figure .large-lens-icon i {
       color: #fff;
       font-size: 83px;
   }
   
   .freelancer-story i {
       top: 31px;
   }
    .blog-post-info .view-area {
        float: none;
        margin-top: 30px;
    }
    .post-heading h2 {
       font-size: 46px;
    }
    .mirrors-custom-pagination{
        margin-bottom: 40px;
    }
   .post-heading a {
        color: #fff;
        font-family: lato-black;
        font-size: 43px;
        line-height: 72px;
        position: relative;
        z-index: 111;
    }
    .page-topper .page-title h2 {
        font-size: 18px;
    }
    .post-slider .owl-nav .owl-prev::before {
        visibility: hidden;
    }

    .post-slider .owl-nav .owl-next::before {
        visibility: hidden;
    }
    .recent-works-content-type3 .recent-works-content-type3-img3 figure img {
        bottom: 0;
        left: calc(50% - 149px);
        position: absolute;
    }
    .recent-works-content-type3 .recent-works-content-type3-img2 figure img {
        display: none;
    }
    .porfolio-recent-item .mirrors-btn2{
        margin-bottom: 60px;
    }
    .porfolio-recent-item .mirrors-btn2:hover {
        background: #f05127;
        border: 2px solid #f05127;
    }
    .single-grid-item{
        margin: 0px auto;
        text-align: center;
    }
    .single-product-promoting{
        display: inline-block;
    }
    .product-promoting{
        margin: 0px auto;
        text-align: center;
    }
    .view-item-image{
        display: inline-block;
    }
    .color-tag{
        display: inline-block;
    }
    .single-grid-item-color ul {
        margin: 0 60px 0 0;
        padding: 0;
    }
     .product-display{
        text-align: center;
        margin: 0px auto;
    }
    .product-display .display-item-title{
        margin: 0px auto;
        text-align: center;
    }
    .product-display .ecommerce-pagination-type1 {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .ecommerce-product-bottom-view .display-item-title{
        text-align: center;
    }
    .ecommerce-product-bottom-view .ecommerce-pagination-type1{
        margin: 0px auto;
        text-align: center;
        width: 100%;
    }
    .offer2-left .single-offer-item {
        float: none;
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .payment-icon ul{
        float: left;
        margin-top: 40px;
        overflow: hidden;
    }
    .footer-navigation ul li{
        margin-bottom: 30px;
    }
    .offer-in-percentage h2 {
        font-size: 161px;
        position: relative;
    }
    .promoting-offer-dtls {
        margin: 0 auto;
        padding-top: 26px;
        text-align: center;
    }
    .mini-mobile-margin-40{
        margin-top: 40px;
    }
    .page-topper .bredcrumb-area ul {
        float: none;
        margin: 30px 0 0;
    }
    .ecommerce-showcase-left {
        margin-bottom: 100px;
        text-align: center;
    }
    .showcase-cr.align-middle {
        display: list-item;
        float: none;
        margin-right: -3px;
        vertical-align: middle;
    }
    .product-information-price-shape1 figure .price-info1 p {
        font-size: 14px;
    }
    .product-information-price-shape1 figure .price-info2 p {
        font-size: 14px;
    }
    .product-information-price-shape1 figure .price-info3 p {
        font-size: 14px;
    }
    .product-information-price-shape1 figure .price-info4 p {
        font-size: 14px;
    }
    .product-information-price-shape1 figure .price-info5 p {
        font-size: 14px;
    }
    .product-information-price-shape1 figure .price-info1 {
        left: -9px;
        top: calc(50% - 148px);
    }
    .price-info2 {
        left: 60px;
        top: calc(50% - 54px);
    }
    .product-information-price{
        padding-top: 60px;
    }
    .eccomerce-product-showcase-type2 .align-middle{
        display: block;
    }
    .eccomerce-product-showcase-type2 .ecommerce-showcase-left{
        padding-top: 60px;
    }
    .ecommerce-index1 .single-grid-item{
        display: inline-block;
    }
    .ecommorce-index1 .single-product-promoting figure figcaption .promoting-btn {
        left: initial(50% - 68px);
        top: calc(100% - 47px);
    }
    .product-showcase-row .col-sm-6 {
        display: block;
        text-align: center;
        vertical-align: middle;
    }
    .ecommerce-showcase-left {
        margin-bottom: 100px;
        margin-top: 100px;
        text-align: center;
    }
    
    .slider-f3,.slider-f4{
        display: none !important;
    }
    .about-shopping-content .mirrors-btn2 {
        margin-bottom: 31px;
    }
    .video-carousel .owl-stage-outer {
        height: 240px;
    }
    .banner-type4-header-button .banner-type4-btn1{
        margin-bottom: 15px;
    }
    .banner-type4-header-text h2 {
        font-size: 36px;
    }
    .banner-type4 .banner-type4-scroll-down{
        left: 48%;
    }
    .banner-type5 .camera_caption:nth-child(1) {
        font-size: 36px !important;
        margin-top: -80px !important; 
    }
    .banner-type5 .camera_caption:nth-child(2) {
        display: none !important;
    }
    .comming-soon-footer-social {
        left: 0;
        padding-top: 154px;
    }
    .mobile-menu-area {
        display: block;
        margin-left: -15px;
    }
    .mirros-main-menu{
        display: none;
    }
    .mirros-search-icon{
        display: none;
    }
    .mirros-navigation-cart-icon{
        display: none;
    }
    .navigation-bar-shopping-cart{
        display: none;
    }
    .slider-f2 {
        margin-left: 25px !important;
    }
    .update-button {
        margin-top: 9px;
        width: 49%;
        margin-bottom: 30px;
    }
    .our-activities{
        padding-top: 30px;
    }
    .about-us-content:last-child{
        padding-top: 30px;
    }
    .single-activities-container{
        padding-bottom: 30px;
    }
    .brand-area{
        width: 100%;
    }
    .brand-logo {
        display: table;
        float: none;
        margin: 0 auto;
    }
    .index1-display2 .col-md-3.col-sm-6{
        margin-bottom: 40px;
    }
    .eindex1-display2 .col-md-3.col-sm-6{
        margin-bottom: 40px;
    }
    .ecommorce-index1 .single-product-promoting figure figcaption .promoting-text {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        left: 0;
        padding-bottom: 10px;
        padding-top: 10px;
        top: calc(50% - 40px);
        width: 100%;
    }
    .eccomerce-product-showcase .col-sm-5.col-md-4{
        padding-right: 15px;
    }
    
    .partners-content ul{
        padding-bottom: 100px;
        text-align: center;
    }
    .partners-content ul li{
        float: none;
        display: inline-block;
    }
    .partners-content ul li:nth-child(4){
        margin-top: 0px;
    }
    .mirrors-top-toolbar .toolbar-right ul li a::before {
        top: -4px;
    }
    .item-cell5 p {
        padding-top: 16px;
    }
    .item-cell3 p {
        line-height: 63px;
        padding-top: 14px;
    }
    .item-cell1 i {
        padding-top: 23px;
    }
    .item-cell4 input {
        margin-top: 15px;
    }
    .ipad-view {
        min-height: 389px;
        position: relative;
    }
    .our-team .single-team-member{
        padding-bottom: 30px;
    }
    .banner-type4-header-button .banner-type4-btn2 {
        margin-top: -16px;
    }
    .banner-type4-right {
        min-height: 777px;
        position: relative;
    }
    .freelancer-story {
        padding-bottom: 40px;
    }
    .all-project {
        padding-bottom: 57px;
    }
    .work-experience-content::before {
        width: 100% !important;
    }
    .freelance-work::before {
        width: 100% !important;
    }
    .single-achivements-container {
        margin-bottom: 40px;
        text-align: center;
    }
    .our-services {
        padding-bottom: 0;
    }
    .portfolio .align-middle{
        width: 100%;
    }
    .video-carousel .owl-stage-outer {
        height: 249px;
    }
    .single-post .post-time, .post-heading, .public-view {
        padding-left: 20px;
    }
    .shopping-content-bottom .city-state {
        float: left;
        margin-right: 0px;
        width: 48%;
    }
    .post-code {
        float: left;
        margin-right: 0px;
        width: 48%;
    }
    .city-state + .post-code{
        margin-left: 4%;
    }
    .mean-container .mean-nav {
        background: transparent none repeat scroll 0 0;
        position: absolute;
        top: 100%;
    }
    .meanclose + .mean-nav {
        max-height: calc(100vh - 50px);
        overflow: scroll;
    }

   
}
/*----------------------------------------------------------------------------------------
                                --Mobile Screen--
---------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------
                        --Mobile Screen--
---------------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner-type1 .camera_caption:nth-child(3) {
        margin-left: 16px;
    }
    .timeline-area > ul > li:nth-child(2n) .timeline-month {
        margin-left: -15px;
    }
    .tcarousel-type2-cmnts {
        padding: 2px 0px 50px;
    }
    .camera_caption {
        max-width: 450px;
        margin-left: calc(50% - 225px);
    }
    .col-xs-15 {
        width: 50%;
    }
    
    .col-xs-half {
        width: 50% !important;
        float: left;
    }
    
    .video-carousel .item {
        height: 184px;
        margin-right: 30px !important;
        margin-top: 20px;
        overflow: hidden;
        width: 245px;
    }
    
    .video-carousel .owl-item.active.center {
        height: 269px !important;
        margin-left: 0;
        margin-right: 0 !important;
        width: 420px !important;
    }
    
    .video-carousel .owl-stage-outer {
        height: 227px;
        overflow: hidden;
        position: relative;
    }
    
    .timeline-area > ul > li:nth-child(2n+1) {
        float: none;
        width: 100%;
    }
    
    .timeline-area > ul > li:nth-child(2n) {
        float: none;
        width: 100%;
    }
    
    .timeline-area > ul > li:nth-child(2) {
        margin-top: 50px;
    }
    
    .timeline-area > ul > li:nth-child(4) {
        margin-top: 50px;
    }
    
    .timeline-area > ul > li:nth-child(2n) {
        float: none;
        width: 100%;
    }
    
    
    .timeline-area > ul::before {
        left: calc(50% - 225px);
    }
    
    .timeline-area > ul > li .timeline-date {
        left: -6px;
    }

    .timeline-area > ul > li .timeline-month {
        left: 5%;
        margin-top: -35px;
    }
    .ecommorce-index1 .ecommerce-promotion-type2{
        margin: 0px auto;
        text-align: center;
    } 
    .ecommorce-index1 .single-product-promoting{
        margin-top: 40px;
    }
    .top-heading-text h2 {
        font-size: 43px;
    }
    .section-title h2 {
        font-size: 47px;
    }
    .error-page .top-heading-text h2 {
        font-size: 33px;
        text-align: center;
    }
    .error-page  .top-heading-text h2::before {
        bottom: -24px;
    }
    .solution-direction {
        padding-top: 48px;
    }
    .countdown {
        padding-top: 44px;
    }
    .top-heading-text h2::before {
        bottom: -23px;
        content: "";
    }
     .toolbar-right {
        float: left;
    }
    
    .single-skill-bar{
        margin-right: 20px;
    }
    .type1-headline{
        font-size: 28px !important;
        line-height: 36px !important;
        margin-top: 42% !important;
    }
    .banner2-heading{
        font-size: 36px !important;
        margin-top: 42% !important;
    }
    .timeline-area > ul::before {
        left: calc(50% - 211px);
    }
    .flicker-image ul li:nth-child(5),.flicker-image ul li:nth-child(6){
        margin-top: 0px;
    }

    

}
/*----------------------------------------------------------------------------------------
                        --Mobile Screen--
---------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------
                            --Small Mobile Screen--
---------------------------------------------------------------------------------------*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
    .container {
        width: 300px;
    }
    .price-info2 {
      left: 34px;
      top: calc(50% - 78px);
    }
    .price-info3 {
      left: -16px;
      top: calc(100% - 120px);
    }
    .single-comments-area .comments-details .comments-text span {
        float: none;
        margin-top: 30px;
    }
    .camera_caption {
        max-width: 300px;
        margin-left: calc(50% - 150px);
    }
    .banner2 .banner-type2 .camera_caption:first-child {
        font-size: 46px;
        padding-top: 224px;
    }
    .banner2 .banner-type2 .camera_caption:nth-child(2) div{
        display: none;
    }
    .col-xs-15 {
        width: 100%;
    }
    
    .recent-works .section-title ul li a {
        font-size: 15px;
    }
    
    .responsive-features h2 {
        font-size: 34px;
        line-height: 55px;
    }
    
    .col-xs-half {
        width: 100% !important;
        float: left;
    }
    
    .video-carousel .owl-item.active.center {
        height: 221px !important;
        margin-left: 0;
        margin-right: 0 !important;
        width: 270px !important;
    }
    
    .video-carousel .item {
        height: 153px;
        margin-right: 30px !important;
        margin-top: 38px;
        overflow: hidden;
        width: 245px;
    }
    
    .video-carousel .owl-stage-outer {
        height: 222px;
        overflow: hidden;
        position: relative;
    }
    
    .timeline-area > ul::before {
        left: 0.5%;
    }
    
    .timeline-area > ul > li:nth-child(2n+1) {
        float: none;
        width: 100%;
    }
    
    .timeline-area > ul > li:nth-child(2n) {
        float: none;
        width: 100%;
    }
    
    .timeline-area > ul > li:nth-child(4) {
        margin-top: 44px;
    }
    
    .timeline-area > ul > li .timeline-date {
        left: 0px;
        margin-top: -22px;
    }
    
    .timeline-area > ul > li .timeline-month {
        left: calc(50% - 137px);
        margin-top: -46px;
    }
    
    .timeline-area > ul > li:nth-child(2) {
        margin-top: 38px;
    }
    /*.timeline-area > ul > li .timeline-panel{
        width: 204%;
    }*/
    .timeline-area > ul > li:nth-child(2n) .timeline-month {
        margin-left: 9px;
        margin-top: -40px;
    }
    .ecommorce-index1 .single-product-promoting {
        display: block;
        margin-bottom: 30px;
    }
    .toolbar-right-search {
        display: none;
        float: right;
    }
    .mirrors-top-toolbar .toolbar-right ul {
        float: left;
        margin: 0;
        padding: 0;
    }
    .mirrors-top-toolbar .toolbar-right ul li a:first-child {
        padding-left: 0px;
    }
    .top-heading-text h2 {
        font-size: 33px;
    }
    .countdown #getting-started ul li{
        margin-right: 7px;
        margin-left: 7px;
    }
    .top-heading-text h2::before {
        bottom: -29px;
    }
    .countdown {
        padding-top: 48px;
    }
    #getting-started ul li:before{
        right: -9px;
    }
    .tcarousel-type2-cmnts {
        padding-bottom: 50px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .error-page .top-heading-text h2 {
        font-size: 24px;
        text-align: center;
    }
    .erorr-page .top-heading-text h2::before {
        bottom: -9px;
    }
    .solution-direction {
        padding-top: 53px;
    }
    .item-custom-wear ul li:nth-child(3){
        margin-top: 8px;
    }
    .about-shopping-content h2 {
        font-size: 41px;
    }
    
    .thermometer-outer-v {
        height: 300px;
        margin-top: 20px;
        width: 34px;
    }
    .type1-headline{
        font-size: 28px !important;
        line-height: 36px !important;
        margin-top: 75% !important;
    }
    .banner2-heading{
        font-size: 36px !important;
        margin-top: 65% !important;
    }
    .banner2-subtitle{
        display: none !important;
    }
    .banner-type5 .mirrors-btn2:nth-child(2) {
        position: relative;
        padding: 3px 20px;
        margin-left: -8px;
        margin-top: 0px;
    }
    .banner-type3 .mirrors-btn2:nth-child(1) {
        margin-right: 15px;
        position: relative;
    }
    .banner-type3 .mirrors-btn2:nth-child(2) {
        margin-left: -5px;
        position: relative;
    }
    .banner-type4-header-button .banner-type4-btn2 {
        margin-top: -15px;
        position: relative;
    }
    .banner-type4-header-button .banner-type4-btn2 {
        margin-top: -15px;
    }
    .banner-type4-header-button .banner-type4-btn1 {
        margin-right: 4px;
    }
    .banner-type1 .camera_caption:nth-child(3) {
    margin-left: calc(50% - 150px);
    }

}

/*----------------------------------------------------------------------------------------
                            --Small Mobile Screen--
---------------------------------------------------------------------------------------*/
/*======================================================================================================
                                End Responsive css
======================================================================================================*/