/*
Theme Name: igor
Theme URI: http://ordasvit.com/wp-igor
Author: Ordasoft
Author URI: http://ordasoft.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: igor

Description: igor is responsive and eye-catching WordPress theme. The responsive layout of theme looks great on every device. Theme has great selection of modern Google fonts, options for links, copyright, logo and image background uploader. Also you can display your social profiles and mail simply inserting link in special field (facebook, twitter, skype, google plus and others). It has a lot of custom widget areas to show sidear left or sidebar right and footer content.
Tags: left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

 Table of Contents:

  1 - Reset
  2 - Header
  3 - Main Menu
  4 - Gallery
  5 - Post Formats
      5.1 - Aside
       5.2 - Audio
       5.3 - Chat
       5.4 - Images
       5.5 - Link
      5.6 - Quote
       5.7 - Status
      5.8 - Video
 6 - Attachments
 7 - Elements igor
 8 - Social links
 9 - Contact us
 10 - Contact us page
 11 - Post page
 12 - Category page
 13 - Сategory item
 14 - Author articles
 15 - Slider
 16 - We provide
 17 - Color switch
 18 - Comment
 19 - Footer
 20 - Copyright
 21 - Responsive
 */
//------------------------mixin----------------------
$dark: #111;
$white: #fff;
$gray: #CFD9D0;
$lilac: #58CEE3;
$blue: #58CEE3;
$green: #39C59F;
$red: #EC1E26;
@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}
@mixin transition($time) {
    -webkit-transition: all $time ease-out;
    -moz-transition: all $time ease-out;
    -o-transition: all $time ease-out;
    transition: all $time ease-out;
}
@mixin rotate($deg) {
    transform: rotate($deg);
    -webkit-transform: rotate($deg);
   -moz-transform: rotate($deg);
    -o-transform: rotate($deg);
}
%button {
    padding: 18px 45px;
    color: $white;
    cursor: pointer;
    border: none;
    box-shadow: none;
    text-decoration: none;
    font-size: 1em;
    font-weight: 700;
    margin: 5px 0;
    text-align: center;
    font-family: Cabin, sans-serif;
}
@mixin  btn-background($btn-background) {
    @extend %button;
    background-color: $btn-background;
    &:hover {
        background-color: lighten($dark, 30%);
        text-decoration: none;
    }
}
@mixin input-type {
    @include border-radius(0);
    border: none;
    border-bottom: 2px solid lighten($dark, 60%);
    margin: 10px 0;
    padding: 10px;
    color: lighten($dark, 30%);
}
@mixin respond-to($media) {
    @if $media == handhelds {
        @media only screen and (max-width: 320px) { @content; }
    }
    @else if $media == wide-handhelds {
        @media screen and (max-width: 375px) { @content; }
    }
    @else if $media == prewide-handhelds {
        @media screen and (max-width: 414px) { @content; }
    }
    @else if $media == prewide-hand {
        @media screen and (max-width: 568px) { @content; }
    }
    @else if $media == landscape {
        @media screen and (max-width: 600px) { @content; }
    }
    @else if $media == plump-landscape {
        @media screen and (max-width: 736px) { @content; }
    }
    @else if $media == tablets {
        @media screen and (max-width: 768px) { @content; }
    }
    @else if $media == pre-tablets {
        @media screen and (max-width: 992px) { @content; }
    }
    @else if $media == monic {
        @media screen and (max-width: 1024px) { @content; }
    }
    @else if $media == bigmonic {
        @media screen and (max-width: 1280px) { @content; }
    }
}
/*---------------classes-------------------*/
.text-red {
    color: $red;
}
/*-----------------------reset---------------------------*/
body img {
    max-width: 100%;
    height: auto;
}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]) {display:none;height:0;}
[hidden] {display:none;}
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6 {clear:both;line-height:20px;}
h1 {font-size:48px; line-height: 1em;}
h2 {font-size:30px; line-height: 1em;}
h3 {font-size:24px; line-height: 1em;}
h4 {font-size:20px; line-height: 1em;}
h5 {font-size:18px; line-height: 1em;}
h6 {font-size:16px; line-height: 1em;}
address {font-style:italic;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
mark {background:#ff0;color:#000;}
p {margin:0; padding: 0;}
code,kbd,pre,samp {font-family:monospace,serif;font-size:14px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}
pre {background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;
    white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:"";content:none;}
blockquote {
    font-size:18px;
    font-style:italic;
    font-weight:300;
    margin:24px 40px;
    border-left:5px solid $red;
}
blockquote blockquote {margin-right:0;}
blockquote cite,blockquote small {font-size:14px;font-weight:normal;text-transform:uppercase;}
blockquote em,blockquote i {font-style:normal;font-weight:300;}
blockquote strong,blockquote b {font-weight:400;}
small {font-size:smaller;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
dl {margin:0 0px;}
dt {font-weight:bold;}
dd {margin:0 0 20px;}
menu,ol,ul {margin: 0;padding:0;}
ul {list-style-type:square;}
nav ul,nav ol {list-style:none;list-style-image:none;}
li > ul,
li > ol {
    margin: 0 0 0 30px;
}
img {-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;white-space:normal;}
button,input,select,textarea {font-size:100%;margin:0;max-width:100%;vertical-align:baseline;}
button,input {line-height:normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled] {cursor:default;}
input[type="checkbox"],input[type="radio"] {padding:0;}
input[type="search"] {-webkit-appearance:textfield;padding-right:2px;/*Don't cut off the webkit search cancel button*/width:270px;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;}
table {border-bottom:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%;}
caption,th,td {font-weight:normal;text-align:left;}
caption {font-size:16px;margin:20px 0;}
th {font-weight:bold;text-transform:uppercase;}
td {border-top:1px solid #ededed;padding:6px 10px 6px 0;}
del {color:#333;}
ins {background:#fff9c0;text-decoration:none;}
hr {background:url(images/dotted-line.png) repeat center top;background-size:4px 4px;border:0;height:1px;margin:0 0 24px;}
body {height:100%;}
* {
    outline: none;
}
a:hover {
    text-decoration: none;
}
body {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    word-wrap: break-word;
    @media (max-width: 768px){
       overflow-x: hidden;
    }
}
body a {
    color: $red;
}
.bypostauthor,
.sticky {

}
.inveiw {
  opacity: 1;
}
.outveiw {
  opacity: 0;
}
.row{
    margin: 0 !important;
}
.col-lg-12 {
    padding: 0 !important;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*-----------------------------------menu theme----------------------------------------------*/

#primary-navigation .nav-menu ul li.page_item_has_children {
    position: relative;
}
#primary-navigation .nav-menu ul li.page_item_has_children:after {
    content: '\f107';
    display: inline-block;
    font-family: "Ionicons";
    color: #ffffff;
    font-size: 1em;
    position: absolute;
    top: 39%;
    right: 0px;
}
#primary-navigation .nav-menu ul li.page_item_has_children .children{
    position: absolute;
    display: none;
    width: 250px;
    left: 0;
    margin: 0;
    z-index: 999;
}
#primary-navigation .nav-menu ul li.page_item_has_children .children > li.page_item_has_children > .children {
    position: absolute;
    display: none;
    width: 250px;
    left: 100%;
    margin: 0;
    z-index: 999;
}
#primary-navigation .nav-menu ul li.page_item_has_children .children li {
    margin: 0;
    padding: 0;
    text-align: left;
}
#primary-navigation .nav-menu ul li.page_item_has_children .children li a {
    margin: 0;
    padding: 15px 10px;
    width: auto;
}
#primary-navigation .nav-menu ul li.page_item_has_children .children li:before {
    display: none;
}
.comment {
    list-style: none;
}
.comments-title {
    line-height: 1em;
}


/*------------------menus-------------------*/

/* menu appearance*/
.for-menu {
    background: transparent;
    position: absolute;
    z-index: 991;
    left: 45px;
    right: 45px;
    top: 45px;
    @include transition(0.3s);
}
.for-menu-fixed {
    position: fixed;
    z-index: 991;
    left: 45px;
    right: 45px;
    top: 0;
    @include transition(0.3s);
    #navbar {
        #primary-navigation {
            .menu-toggle {
                i {
                    color: $dark;
                }
            }
            .nav-menu {
                li {
                    a {
                        color: $dark !important;
                        &:hover {
                            color: $red !important;
                        }
                    }
                }
                .current-menu-item {
                    a {
                        color: $red !important;
                    }
                }
                .menu-item-has-children {
                    &:after {
                        color: $dark !important;
                    }
                }
            }
        }
    }
}
#navbar {
    border-radius: 0;
    text-align: right;
    margin: 0;
    @include respond-to(tablets) {
        min-height: 1px !important;
        margin: 0;
        text-align: left;
    }
}
#navbar li, #navbar li a {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
#navbar li {
    @include respond-to(tablets) { display: block; }
    padding: 0 15px;
    margin: 0 !important;
    .sub-menu {
        li {
            padding: 5px;
        }
    }
}
#navbar li {
   @include respond-to(monic) { margin: 4px 9px !important;}
   @include respond-to(tablets) { margin: 4px 20px !important;}
}
#navbar li a {
    font-weight: 700;
    padding: 13px 5px 10px 5px;
    text-decoration: none;
    transition: all .2s;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.primary-navigation {
    .menu-toggle {
        display: none;
        padding: 0;
        float: right;
        border: none;
        background: transparent;
        @include respond-to(monic) { display: block;}
        @include respond-to(tablets) {
            position: absolute;
            right: 10px;
            top: -40px;
        }
        i {
            color: white;
            font-size: 2.5em;
        }
    }
}
.primary-navigation .nav-menu {
    @include respond-to(monic) { display: none;}
}

/*-------------------------------------------------------------------toggled-menu-------------------------------------------------------------------------------*/
.primary-navigation.toggled-on .nav-menu {
    display: block;
    position: absolute;
    width: 100%;
    left: auto;
    top: 5px;
    right: 0px;
    z-index: 99;
    background: rgba($dark, 0.8);
}

.for-menu-fixed {
    #navbar {
        #primary-navigation.toggled-on {
            .nav-menu {
                overflow-y: scroll;
                li {
                    a {
                        color:$white !important;
                    }
                }
            }
        }
    }
}


#menu-menu .menu-item-has-children:hover .sub-menu {
    display: block;
}


#menu-menu {
    .menu-item-has-children {
        position: relative;
        &:after {
            content: '\f107';
            display: inline-block;
            font-family: "FontAwesome";
            color: $white;
            font-size: 1em;
            position: absolute;
            top: 11px;
            right: 6px;
            cursor: pointer;
                @include respond-to(tablets) {
                    top: 0px;
                    left: -15px;
                }
            }
        .sub-menu {
            display: none;
            width: 250px;
            top: 44px;
            position: absolute;
            z-index: 102;
            background: rgba($white, 0.6);
            border-top: 3px solid $red;
            text-align: left;
            margin: 0;
            right: 0;
            @include respond-to(monic) { top: 45px;}
            @include respond-to(tablets) {
                position: static;
                width: 100%;
                margin: 0;
                border-top: 1px solid $white;
                border-bottom: 1px solid $white;
            }
             li.menu-item-has-children  {
                .sub-menu {
                    display: none;
                    position: absolute;
                    top: -3px;
                    right: 100%;
                }
                &:hover .sub-menu {
                    display: block;
                }
            }
             li {
                display: block;
                margin: 5px;
                  a {
                    font-size: 13px !important;
                    padding:  5px;
                  }
             }
        }
    }
}
/*--------------img animation---------------*/
// @keyframes scaler {
//   0% {
//     transform: scale(1);
//   }
//   50% {
//     transform: scale(1.2);
//   }
//   100% {
//     transform: scale(1);
//   }
// }
@-webkit-keyframes scaler {
  0% {
     -webkit-transform: translate3d(0px, 0px, 0px) scale(1);
     -moz-transform: translate3d(0px, 0px, 0px) scale(1);
    transform-origin: center right;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
  }
  47% {
     -webkit-transform: translate3d(0px, 20px, 0px) scale(1.1);
     -moz-transform: translate3d(0px, 20px, 0px) scale(1.1);
    transform-origin: center right;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    opacity: 1;
  }
  48% {
     -webkit-transform: translate3d(0px, 20px, 0px) opacity(1.1);
     -moz-transform: translate3d(0px, 20px, 0px) scale(1.1);
    transform-origin: center right;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    opacity: 0.3;
  }
  50% {
     -webkit-transform: translate3d(50px, 30px, 0px) scale(1.1);
     -moz-transform: translate3d(50px, 30px, 0px) scale(1.1);
    transform-origin: center right;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    opacity: 1;
  }
  100% {
     -webkit-transform: translate3d(0px, 0px, 0px) scale(1);
     -moz-transform: translate3d(0px, 0px, 0px) scale(1);
    transform-origin: center right;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
  }
}

/*------------------arrow move---------------*/
@-webkit-keyframes arrow {
  0% {
    margin-top: -5px;
  }
  100% {
    margin-top: 0px;
  }
}
@keyframes arrow {
  0% {
    margin-top: -5px;
  }
  100% {
    margin-top: 0px;
  }
}
/*--------------------------header---------------------------*/
body.admin-bar {
    #header {
        .top-section-fixed,
        .for-menu-fixed {
            top: 32px;
        }
    }
}

#header {
    overflow: hidden;
    position: relative;
    .header-top {
        height: 100vh;
        background-size: 100%;
        background-position: center;
        background-attachment: fixed;
        animation: scaler 30s linear infinite;
        -webkit-animation: scaler 30s linear infinite;
        -moz-animation: scaler 30s linear infinite;
        .overlay-header {
            background: rgba(0, 0, 0, 0.55);
            position: relative;
            display: block;
            width: 100%;
            height: 100%
        }
    }
    .top-section {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        height: 25px;
        background: $white;
        z-index: 99;
    }
    .top-section-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 45px;
        background: rgba($white, 0.6);
        z-index: 99;
        @include transition(0.3s);
    }
    .right-section {
        position: absolute;
        top: 20px;
        left: auto;
        right: 20px;
        bottom: 20px;
        width: 25px;
        background: $white;
        z-index: 99;
    }
    .right-section-fixed {
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 25px;
        background: $dark;
        z-index: 100;
        @include transition(0.3s);
    }
    .bottom-section {
        position: absolute;
        top: auto;
        left: 20px;
        right: 20px;
        bottom: 20px;
        height: 25px;
        background: $white;
        z-index: 99;
    }
    .bottom-section-fixed {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        height: 25px;
        background: rgba($white, 0.6);
        z-index: 99;
        @include transition(0.3s);
    }
    .left-section {
        position: absolute;
        top: 20px;
        left: 20px;
        right: auto;
        bottom: 20px;
        width: 25px;
        background: $white;
        z-index: 99;
    }
    .left-section-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        width: 25px;
        background: $dark;
        z-index: 99;
        @include transition(0.3s);
    }
    .logo-img {
        padding: 2px 0 0 25px;
    }
    .social-left {
        position: absolute;
        right: 60px;
        top: 33vh;
        z-index: 9999;
        width: 20px;
        height: auto;
        text-align: center;
        @include transition(0.3s);
        ul {
            list-style: none;
            li {
                a {
                    text-decoration: none;
                    &:hover {
                        text-decoration: none;
                    }
                    span {
                        font-weight: 700;
                    }
                    i {
                        text-align: center;
                    }
                }
            }
        }
    }
    .social-left-fixed {
        position: fixed;
        right: 2px;
        top: 30vh;
        z-index: 9999;
        width: 20px;
        height: auto;
        text-align: center;
        @include transition(0.3s);
        ul {
            list-style: none;
            li {
                a {
                    text-decoration: none;
                    color: $red;
                    &:hover {
                        text-decoration: none;
                    }
                    span {
                        display: none;
                    }
                    i {
                        text-align: center;
                    }
                }
            }
        }
    }
    .go-bottom {
        position: absolute;
        bottom: 50px;
        left: auto;
        right: auto;
        width: 100%;
        height: 25px;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        z-index: 991;
        @include transition(0.3s);
        a {
            i {
                color: $white;
                font-size: 2em;
                @include transition(0.5s);
                animation: arrow 0.8s infinite;
                -webkit-animation: arrow 0.8s infinite;
            }
        }
    }
    .go-top-fixed {
        position: fixed;
        bottom: 2px;
        left: auto;
        right: auto;
        width: 100%;
        height: 25px;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        z-index: 991;
        @include transition(0.3s);
        a {
            i {
                color: $dark;
                font-size: 2em;
                @include rotate(180deg);
                @include transition(0.5s);
                animation: arrow 0.8s infinite;
                -webkit-animation: arrow 0.8s infinite;
            }
        }
    }
    .header-content {
        position: absolute;
        top: 16vh;
        // left: auto;
        // margin: 0 auto;
        // display: inline-block;
        text-align: center;
        width: 100%;
        @include respond-to(plump-landscape) { top: 13vh;}
        .header-title {
            color: #fff;
            font-size: 8em;
            line-height: 0.9em;
            text-transform: uppercase;
            display: inline-block;
            font-weight: 900;
            @include respond-to(plump-landscape) { font-size: 3em;}
            .color-text {
                color: $red;
                text-transform: uppercase;
            }
        }
        .button-group {
            margin-top: 25px;
            display: inline-block;
            width: 100%;
            position: relative;
            text-align: center;
            .button-about {
                font-size: 2em;
                color: $white;
                border-bottom: 1px dotted $white;
                // position: absolute;
                text-decoration: none;
                @include respond-to(prewide-hand) { display: none;}
                // top: 90px;
                // right: 0;
                &:hover {
                    text-decoration: none;
                    border-bottom: 1px solid $white;
                }
            }
        }
    }
}


/*------------------------------------------------------------------------------------------all page------------------------------------------------------------------------------*/

#main,
#page {
    padding: 0 25px;
    min-height: 750px;
}


/*-----------------------------------------------------------------------------------blog-content--------------------------------------------------------------------*/

@-webkit-keyframes hover {
    from {
        -webkit-transform: translate3d(0px, 0px, 0px);
     -moz-transform: translate3d(0px, 0px, 0px);
    }
     to {
        -webkit-transform: translate3d(50px, 0px, 0px);
     -moz-transform: translate3d(50px, 0px, 0px);
     }
}
.archive-content,
.search-content,
.tag-content,
.category-content,
.blog,
.search-content {
    position: relative;
    height: auto !important;
    overflow: hidden;
    .loop-item {
        position: static !important;
    }
}
.archive-content,
.search-content,
.tag-content,
.category-content,
.blog,
.blog-content {
    position: relative;
    height: 100vh;
    overflow: hidden;
    @include respond-to(prewide-handhelds) {
        height: auto;
    }
    .loop-item {
        display: inline-block;
        float:left;
        height: 100vh;
        background-size:cover !important;
        background-repeat: no-repeat;
        position: absolute;
        transition: 1s linear;
        z-index: 9;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        @include transition(0.5s);
        @include respond-to(prewide-handhelds) {
            height: auto;
            position: relative;
        }
        &:hover {
            @include transition(0.5s);
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -o-filter: grayscale(0);
        }
        &:hover .content .more .more-button {
            opacity: 1;
            @include transition(0.5s);
        }
        &:hover .content {
           background:  rgba($dark, 0.6);
            @include transition(0.5s);
        }
        &:hover .content .entry-title {
            @include transition(0.5s);
            top: 25%;
            opacity: 1;
            @include respond-to(plump-landscape) {
                top: 15%;
            }
            &:after {
                content: " ";
                display: block;
                margin: 20px auto;
                height: 1px;
                width: 50px;
                background: $red;
            }
        }
        &:hover .content .exerpt {
            @include transition(0.5s);
            top: 40%;
            opacity: 1;
        }
        &:nth-child(3n+3) {
            float: none;
        }
        .content {
            background:  rgba($dark, 0.8);
            position: relative;
            height: 100vh;
            .entry-title {
                text-align: center;
                position: absolute;
                top: 30%;
                left: 0;
                right: 0;
                padding: 0 30px;
                line-height: 1em;
                color: $white;
                text-transform: uppercase;
                @include transition(0.5s);
            }
            .exerpt {
                position: absolute;
                top: 20%;
                padding: 15px;
                font-size: 16px;
                font-weight: 100;
                color: $white;
                text-align: center;
                margin: 15px;
                opacity: 0;
                @include transition(0.5s);
                @include respond-to(plump-landscape) {
                    display: none;
                }
                @include respond-to(prewide-handhelds) {
                    display: block;
                }
            }
            .more {
                text-align: center;
                position: absolute;
                bottom: 30%;
                left: 0;
                right: 0;
                .more-button {
                    @include btn-background($red);
                    @include transition(0.3s);
                    //text-transform: uppercase;
                    opacity: 0;
                }
            }
        }
    }
}

/*-----------------------home-content-----------------------------*/
.home-content {
    background: url(images/page-content.jpg) no-repeat;
    background-size: cover;
    position: relative;
    height: 100vh;
    @include respond-to(prewide-hand) { height: auto;}
    .gradient-block {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: $white;
        opacity: 0.8;
        z-index: 9;
    }
    .content-block {
        position: relative;
        z-index: 11;
        height: 100%;
        h2 {
            margin: 0;
            padding: 20vh 0 0 0;
            font-size: 10em;
            line-height: 1em;
            color: lighten($dark, 30%);
            text-align: center;
            text-transform: uppercase;
            @include respond-to(monic) {
                font-size: 9em;
            }
            @include respond-to(plump-landscape) {
                font-size: 3em;
                padding: 10vh 0 0 0;
            }
            @include respond-to(landscape) {
                font-size: 2em;
                padding: 5vh 0 0 0;
            }
        }
        p {
            color: lighten($dark, 30%);
            margin: 20px 20%;
            text-align: center;
            line-height: 2em;
            font-size: 1em;
            @include respond-to(plump-landscape) {
                margin: 10px 10%;
            }
            span {
                font-style: italic;
            }
        }
        .go-home {
            text-align: center;
            padding: 20px 0 75px 0;
            a.our-site {
                @include btn-background($red);
                @include transition(0.3s);
            }
        }
    }
}

    .services {
        position: relative;
        height: 100vh;
        padding: 20vh 0;
        background: url(images/feat.jpg) no-repeat;
        background-size: cover;
        background-attachment: fixed;
        z-index: 9;
        @include respond-to(prewide-hand) { height: auto;}
        @include respond-to(prewide-handhelds) {
            padding: 5vh 0;
        }
        .services-overlay {
            position: absolute;
            top: 0;
            height: 100vh;
            width: 100%;
            z-index: 10;
            background: #fff;
            background: -moz-linear-gradient(-64deg, #fff 0%, #fff 18%, #fff 54%, transparent 54%, transparent 100%);
            background: -webkit-gradient(left top, right bottom, color-stop(0%, #fff), color-stop(18%, #fff), color-stop(54%, #fff), color-stop(54%, transparent), color-stop(100%, transparent));
            background: -webkit-linear-gradient(-64deg, #fff 0%, #fff 18%, #fff 54%, transparent 54%, transparent 100%);
            background: -o-linear-gradient(-64deg, #fff 0%, #fff 18%, #fff 54%, transparent 54%, transparent 100%);
            background: -ms-linear-gradient(-64deg, #fff 0%, #fff 18%, #fff 54%, transparent 54%, transparent 100%);
            background: linear-gradient(154deg, #fff 0%, #fff 18%, #fff 54%, transparent 54%, transparent 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='transparent', GradientType=1 );
        }
        .services-overlay1 {
            position: absolute;
            top: 0;
            height: 100vh;
            width: 100%;
            z-index: 10;
            background: trnsparent;
           background: rgba(189,189,189,0.7);
            background: -moz-linear-gradient(56deg, rgba(189,189,189,0.7) 0%, rgba(189,189,189,0.7) 45%, transparent 45%, transparent 100%);
            background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(189,189,189,0.7)), color-stop(45%, rgba(189,189,189,0.7)), color-stop(45%, transparent), color-stop(100%, transparent));
            background: -webkit-linear-gradient(56deg, rgba(189,189,189,0.7) 0%, rgba(189,189,189,0.7) 45%, transparent 45%, transparent 100%);
            background: -o-linear-gradient(56deg, rgba(189,189,189,0.7) 0%, rgba(189,189,189,0.7) 45%, transparent 45%, transparent 100%);
            background: -ms-linear-gradient(56deg, rgba(189,189,189,0.7) 0%, rgba(189,189,189,0.7) 45%, transparent 45%, transparent 100%);
            background: linear-gradient(35deg, rgba(189,189,189,0.7) 0%, rgba(189,189,189,0.7) 45%, transparent 45%, transparent 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='transparent', GradientType=1 );
        }
        .services-content-top {
            position: relative;
            z-index: 11;
            display: inline-block;
            width: 60%;
            float: left;
            height: 30vh;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            box-sizing:border-box;
            @include respond-to(prewide-hand) {
                width: 100%;
                height: auto;
            }
            .services-title {
                margin: 0;
                padding: 0 0 0 7%;
                font-size: 4em;
                line-height: 1em;
                color: lighten($dark, 30%);
                text-transform: uppercase;
                @include respond-to(monic) {
                    font-size: 3em;
                }
                @include respond-to(plump-landscape) {
                    font-size: 2em;
                }
            }
            .services-desc {
                color: lighten($dark, 30%);
                margin: 0;
                text-align: left;
                padding: 20px 7%;
                line-height: 1.7em;
                font-size: 1em;
                @include respond-to(plump-landscape) {
                    padding: 2px 4%;
                    line-height: 1.5em;
                }
                span {
                    font-style: italic;
                }
            }
        }
        .show-services-w {
            position: relative;
            z-index: 11;
            margin: 0;
            list-style: none;
            .show-services {
                display: inline-block;
                width: 20%;
                height: 30vh;
                padding: 5px;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
                float: left;
                @include respond-to(tablets) {
                    height: 38vh;
                }
                @include respond-to(plump-landscape) {
                    top: 15%;
                }
                @include respond-to(prewide-hand) { height: 55vh;}
                @include respond-to(prewide-handhelds) {
                    height: auto;
                    width: 50%;
                }
                .one-service {
                    height:100%;
                    text-align: center;
                    background: rgba($dark, 0.8);
                    .service-content {
                        padding: 18% 0 0 0;
                        i {
                            font-size: 3em;
                            color: $red;
                        }
                        .entry-title {
                            font-size: 1.5em;
                            text-transform: uppercase;
                            color: $white;
                            @include respond-to(tablets) {
                                font-size: 1.2em;
                            }
                        }
                    }
                }
            }
        }
    }


/*---------------------------------------------------------------------------------------shop-section-------------------------------------------------------------------------------*/
@-webkit-keyframes width {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}
@keyframes width {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}
#shop-section {
    background: url(images/shop-bg.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    @include respond-to(plump-landscape) {
        height: auto;
    }
    .gradient-block {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      background: rgba($white,0.8);

    }
    .shop-title {
        margin: 0;
        padding: 50px 0 0 0;
        font-size: 4.5em;
        line-height: 1em;
        color: lighten($dark, 30%);
        text-align: center;
        text-transform: uppercase;
        position: relative;
        z-index: 11;
    }
    .store {
        margin: 55px 0 0 0;
        .product-item {
            position: relative;
            width: 50%;
            float: left;
            @include respond-to(tablets) {
                width: 75%;
            }
            @include respond-to(prewide-handhelds) {
                width: 100%;
            }
            &:hover .footer-product .add_to_cart_button {
                @iclude transition(0.3s);
                opacity: 1;
            }
            .onsale {
                display: none;
            }
            .product {
                margin: 0 auto;
                position: relative;
                width: 100%;
                z-index: 11;
            }
            .footer-product {
                position: absolute;
                text-align: center;
                z-index: 11;
                width: 100%;
                top: 48%;
                .star-rating {
                    display: none;
                }
                .price {
                    display: none;
                }
                .added_to_cart {
                    @include btn-background($dark);
                    @include transition(0.3s);
                }
            }
        }
        .left-product {
            padding-right: 30px;
            @include respond-to(tablets) {
                float: left;
            }
            @include respond-to(prewide-handhelds) {
                padding: 0;
            }
            &:hover .bottom-line {
                -webkit-animation: width 1s  linear both;
                animation: width 1s  linear both;
            }
            .img-overlay {
                background: rgba($dark, 0.75);
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 9;
                left:0;
                @include transition(0.3s);
            }
            .product-title {
                position: absolute;
                z-index: 12;
                top: 10px;
                left: 0;
                width: 100%;
                text-align: left;
                padding: 0 10px;
                    z-index: 99;
                h3 {
                    color: $white;
                    font-size: 3em;
                    text-transform: uppercase;
                    @include respond-to(monic) {
                        font-size: 2em;
                    }
                    @include respond-to(wide-handhelds) {
                        font-size: 1.5em;
                    }
                }
            }
            .bottom-line {
                height: 3px;
                background: $red;
                position: absolute;
                z-index: 15;
                top: 75px;
                left: 15px;
                @include respond-to(wide-handhelds) {
                    top: 60px;
                }
            }
            .footer-product {
                .add_to_cart_button {
                    @include btn-background($red);
                    @include transition(0.3s);
                    opacity: 0;
                }
            }
        }
        .right-product {
            padding-left: 30px;
            @include respond-to(tablets) {
                float: right;
                margin:15px 0 0 0;
            }
            @include respond-to(prewide-handhelds) {
                padding: 0;
            }
            @include respond-to(plump-landscape) {
                margin:15px 0;
            }
            &:hover .bottom-line {
                -webkit-animation: width 1s  linear both;
                animation: width 1s  linear both;
            }
            .img-overlay {
                background: rgba($red, 0.75);
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 9;
                @include transition(0.3s);
            }
            .product-title {
                position: absolute;
                bottom: 10px;
                width: 100%;
                text-align: right;
                padding: 0 10px;
                right: 0;
                z-index: 99;
                h3 {
                    color: $white;
                    font-size: 3em;
                    text-transform: uppercase;
                    @include respond-to(monic) {
                        font-size: 2em;
                    }
                    @include respond-to(wide-handhelds) {
                        font-size: 1.5em;
                    }
                }
            }
            .bottom-line {
                height: 3px;
                background: $dark;
                position: absolute;
                z-index: 15;
                bottom: 75px;
                right: 15px;
                @include respond-to(wide-handhelds) {
                    bottom: 50px;
                }
            }
            .footer-product {
                .add_to_cart_button {
                    @include btn-background($dark);
                    @include transition(0.3s);
                    opacity: 0;
                }
            }
        }
    }
}
/*--------------------------------------------------------------------------------our-works------------------------------------------------------------------------*/
#our-works {
    height: 100vh;
    .works-img {
        width: 50%;
        float: left;
        display: inline-block;
        @include respond-to(plump-landscape) {
            width: 100%;
            float: none;
            display: block;
        }
        .home-gallery {
            a {
                display: inline-block;
                width: 50%;
                float: left;
                height: 33.3333vh;
                background-size: cover !important;
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                @include transition(0.3s);
                &:hover {
                    filter: grayscale(0);
                    -moz-filter: grayscale(0);
                    -webkit-filter: grayscale(0);
                    -o-filter: grayscale(0);
                    @include transition(0.3s);
                }
            }
        }
    }
    .works-content {
        width: 50%;
        display: inline-block;
        height: 100%;
        background: url(images/work-bg.jpg) no-repeat;
        background-size: cover;
        position: relative;
        @include respond-to(plump-landscape) {
            display: none;
        }
        .works-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            top:0;
            z-index: 9;
            background: rgba(lighten($dark, 10%), 0.95);
        }
        .works-title {
            position: relative;
            z-index: 10;
            color:$white;
            text-align: center;
            text-transform: uppercase;
            font-size: 4em;
            line-height: 1em;
            margin: 30% 20px 10% 20px;
            @include respond-to(monic) {
                margin: 40% 20px 10% 20px;
            }
        }
        .works-desc {
            position: relative;
            z-index: 10;
            color:$white;
            text-align: center;
            font-size: 1em;
            padding: 0 10%;
            margin-bottom: 30px;
            span {
                font-style: italic;
            }
        }
        .button {
            position: relative;
            z-index: 11;
        }
        .button-group {
            position: absolute;
            bottom: 36%;
            text-align: center;
            width: 100%;
            .our-site {
                @include btn-background($red);
                @include transition(0.3s);
                @include respond-to(tablets) {
                    float: right;
                    margin: 5px;
                }
            }
            .contact-us {
                @include btn-background($white);
                color: $red;
                @include transition(0.3s);
                margin: 0 10px;
                @include respond-to(tablets) {
                    float: right;
                    margin: 5px;
                }
            }
        }
    }
}
/*-----------------testimonial-----------------------*/
#any-section {
    .any-title {
        margin: 125px 0 50px 0;
        font-size: 3em;
        line-height: 1em;
        color: $dark;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        z-index: 11;
    }
    .any-desc {
        color: $dark;
        margin: 0 20%;
        text-align: center;
        line-height: 2em;
        text-transform: uppercase;
        font-size: 0.8em;
        position: relative;
        z-index: 11;
    }
    #mpsp_wrapper {
        .owl-carousel {
            #tss_warppper {
                width: 90%;
                #tss_content {
                    #tss_image {
                        width: 100%;
                        height: auto;
                    }
                    #tss_name {
                        font-size: 1.5em;
                        color: $dark;
                        margin: 15px 0 5px 0;
                    }
                    #tss_testimonial {
                        font-size: 1em;
                        color: $dark;
                        text-align: justify;
                        text-indent: 10px;
                        span {
                            color:$red;
                            font-size: 1em;
                        }
                    }
                }
            }
        }
    }
}



/*--------------------------------------------------------------------------------------pre-footer--------------------------------------------------------------------------------*/
@-webkit-keyframes width-input {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes width-input {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.pre-footer {
    height: 100vh;
    background: url(images/pre-footer-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    @include respond-to(plump-landscape) {
        height: auto;
    }
    .pre-footer-overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        top:0;
        background: rgba(lighten($dark, 10%), 0.95);
        z-index: 9;
    }
    .pre-footer-gradient {
        position: absolute;
        height: 100%;
        width: 100%;
        top:0;
        background: transparent;
        background: -moz-linear-gradient(45deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50%, #fff), color-stop(100%, #fff));
        background: -webkit-linear-gradient(45deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
        background: -o-linear-gradient(45deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
        background: -ms-linear-gradient(45deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
        background: linear-gradient(65deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
                z-index: 10;
        @include respond-to(plump-landscape) {
            background: none;
        }
    }
    .widgets {
        height: 100%;
        .widget-title {
            position: relative;
            z-index: 10;
            color: $white;
            text-align: center;
            text-transform: uppercase;
            font-size: 4em;
            margin: 40vh 0 10vh 0;
            z-index: 11;
            line-height: 1em;
            @include respond-to(tablets) {
                margin: 60vh 0 5vh 0;
            }
            @include respond-to(plump-landscape) {
                margin: 10vh 0 5vh 0;
            }
        }
        .contact-desc {
            position: relative;
            z-index: 10;
            color: $white;
            text-align: center;
            font-size: 1em;
            padding: 0 10%;
            z-index: 11;
            span {
                font-style: italic;
            }
        }
    }
    .widgets  {
        height: 100%;
        position: relative;
        z-index: 11;
        .wpcf7 {
            text-align: center;
            padding: 20vh 0 0 0;
            @include respond-to(monic) {
                padding: 10vh 0 0 0;
            }
            @include respond-to(tablets) {
                padding: 2vh 0 0 0;
            }
            .contacts {
                .contact-input {
                    position: relative;
                    display: inline-block;
                    margin: 10px 0;
                    &:active .bottom-line,
                    &:focus .bottom-line,
                    &:hover .bottom-line, {
                        -webkit-animation: width-input 1s  alternate both;
                        animation: width-input 1s alternate both;
                    }
                    input {
                        @include input-type;
                        margin: 0;
                        @include respond-to(tablets) {
                            width:300px;
                        }
                        @include respond-to(plump-landscape) {
                            width:500px;
                        }
                        @include respond-to(prewide-hand) {
                            width:250px;
                        }
                        @include respond-to(handhelds) {
                            width:200px;
                        }
                    }
                    i {
                        font-size: 1.3em;
                        padding: 5px;
                    }
                    .fa-user {
                        margin-left: 8px;
                    }
                    .fa-envelope {
                        margin-left: 5px;
                    }
                    .fa-mobile {
                        margin-left: 16px;
                    }
                    textarea {
                        @include input-type;
                        height:150px;
                        margin: 0;
                        @include respond-to(tablets) {
                            width:300px;
                        }
                        @include respond-to(plump-landscape) {
                            width:500px;
                            margin-right: 27px;
                        }
                        @include respond-to(prewide-hand) {
                            width:250px;
                            margin-right: 39px;
                        }
                        @include respond-to(handhelds) {
                            width:200px;
                        }
                        @include respond-to(wide-handhelds) {
                            top: 60px;
                            margin-right: 0px;
                        }
                    }
                    .bottom-line {
                        height: 2px;
                        background: $red;
                        position: absolute;
                        z-index: 15;
                        bottom: 0;
                        left: 0px;
                        @include transition(1s);
                    }
                }
                input[type="submit"] {
                    @include btn-background($red);
                    @include transition(0.3s);
                    @include respond-to(plump-landscape) {
                        margin-bottom: 20px
                    }
                }
            }
        }
    }
}


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

#footer {
    height: 75px;
    @include respond-to(prewide-handhelds) {
        height: 100px;
    }
    #copyright {
        text-align: center;
        padding: 15px 0;
        font-weight: 900;
        font-style: italic;
        @include respond-to(prewide-handhelds) {
            padding: 15px;
        }
        @include respond-to(wide-handhelds) {
            padding: 25px;
        }
    }
}


/*------------------------------------------------------------------------page prelouder--------------------------------------------------------------------------------------*/

.sk-folding-cube {
  margin: 45vh auto;
  width: 60px;
  height: 60px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background-color: white;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
          background-color: $dark;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
          background-color: #fff;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
          background-color: $dark;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: $red;
    z-index: 100500;
}


/*------------------------------------------------------------------------page titles--------------------------------------------------------------------------------------*/
#archive,
#search,
#tag,
#category,
#page,
#single,
#blog-sidebar {
    .page-title {
        color: lighten($dark, 30%);
        text-align: center;
        text-transform: uppercase;
        font-size: 4em;
        margin: 100px 0 50px 0;
        z-index: 11;
    }
}


/*-----------------------------------------------------------------------sidebar----------------------------------------------------------------------*/
.sidebar {
    background: $white;
    padding: 15px;
    .widget_title {
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        color: lighten($dark, 30%);
        padding: 20px 0;
    }
    .searchform {
        input {
            @include input-type;
            width: 100%;
        }
        input[type="submit"] {
            @include btn-background($red);
            @include transition(0.3s);
        }
    }
    ul {
        list-style: none;
        li {
            padding: 5px 0;
            a {
                color: lighten($dark, 50%);
            }
        }
    }
}


/*-----------------------------------------------------------------------------single------------------------------------------------------------------*/

#single {
    padding: 75px 25px 0 25px;
    min-height: 650px;
    .content {
        .entry-title {
            color: lighten($dark, 30%);
            text-align: center;
            text-transform: uppercase;
            font-size: 4em;
            margin: 0 0 25px 0;
            z-index: 11;
            line-height: 1em;
            @include respond-to(tablets) {
                font-size: 3em;
                margin: 25px 0;
            }
        }
        .entry-content {
            .entry-thumbnail {
                text-align: center;
            }
            p {
                padding: 20px 10px;
                font-size: 0.9em;
                line-height: 2em;
                font-weight: 400;
                text-align: justify;
                text-indent: 15px;
            }
        }
        .entry-meta {
            .date,
            .comments-link,
            .tags-links,
            .author,
            .categories-links {
                display: inline-block;
                width: 50%;
                float: left;
                padding: 10px;
                border-top: 1px solid lighten($dark, 70%);
                i {
                    color: lighten($red, 20%);
                    padding: 0 8px 0 0;
                }
                a {
                    color: lighten($dark, 40%);
                    font-style: italic;
                    font-weight: 400;
                    font-size: 0.8em;
                    &:hover {
                        color: $red;
                        text-decoration: underline;
                    }
                }
            }
            .comments-link {
                border-bottom: 1px solid lighten($dark, 70%);
                width: 100%;
            }
        }
    }
}


/*----------------------------------------------------------------------------comment form------------------------------------------------------------------------*/

#respond {
    #reply-title {
        color: lighten($dark, 30%);
        text-align: center;
        text-transform: uppercase;
        font-size: 2em;
        margin: 20px 0;
        line-height: 1em;
    }
    #commentform {
        .comment-notes {
            color: lighten($dark, 30%);
            font-size: 0.8em;
            padding: 5px;
        }
        textarea {
            @include input-type;
            background: transparent;
            height: 150px;
        }
        input {
            @include input-type;
            background: transparent;
        }
        input[type="submit"] {
            @include btn-background($red);
            @include transition(0.3s);
        }
    }
}


/*----------------------------------------------------------------------------------post-navigation--------------------------------------------------------------------*/

.post-navigation {
    text-align: center;
    padding: 20px 0;
    .nav-links {
        a {
            color: lighten($dark, 40%);
            font-style: italic;
            font-weight: 400;
            font-size: 0.8em;
            margin: 0 10px;
            &:hover {
                color: $red;
                text-decoration: underline;
            }
        }
    }
}


/*--------------------------------------------------------------------------------sidebar-fixed-------------------------------------------------------------------------*/

.sidebar-fixed {
    position: fixed;
    top:45px;
    width: 22%;
}
body.admin-bar {
    .sidebar-fixed {
        top:77px;
    }
}


/*------------------------------------------------------------------------------------about us page-----------------------------------------------------------------------------*/
#about-us {
    margin-bottom: 25px;
    #about-intro {
        h2 {
            color: lighten($dark, 30%);
            text-transform: uppercase;
            font-size: 2em;
            margin: 20px 0;
            line-height: 1em;
        }
    }
    .panorama {
        text-align: center;
       p {
            padding: 20px 10px;
            font-size: 0.9em;
            line-height: 2em;
            font-weight: 400;
            text-align: justify;
            text-indent: 15px;
       }
       .dir {
            text-align: right;
            color: lighten($red, 10%);
            padding: 0 8px 0 0;
       }
    }
    blockquote {
        font-weight: 400;
    }

    #skillset {
        padding: 20px 10px;
        font-size: 0.9em;
        line-height: 2em;
        font-weight: 400;
        text-align: justify;
        text-indent: 15px;
        h2 {
            color: lighten($dark, 30%);
            text-transform: uppercase;
            font-size: 2em;
            margin: 20px 0;
            line-height: 1em;
        }
        ul {
            list-style-position: inside;
        }
    }
}
#team {
        text-align: center;
        padding: 15px;
        margin: 20px 0 0 0;
        background: lighten($gray, 70%);
        border: 1px  solid lighten($gray, 50%);
        h2 {
            color: lighten($dark, 30%);
            text-transform: uppercase;
            font-size: 2em;
            margin: 20px 0;
            line-height: 1em;
        }
        ul {
            list-style: none;
            li {
                display: inline-block;
                figure {
                    margin: 0 0 20px 0;
                }
                p {
                    padding: 20px 10px;
                    font-size: 0.9em;
                    line-height: 2em;
                    font-weight: 400;
                    text-align: justify;
                    text-indent: 15px;
                    text-align: center;
                }
                .team_name {
                    border-bottom: 1px solid lighten($dark, 70%);
                }
            }
        }
    }
/*---------------------------------------------------------------------faq--------------------------------------------------------------------------------*/
#accordion {
    .panel-title {
        color: lighten($dark, 30%);
        text-transform: uppercase;
        font-size: 2em;
        margin: 20px 0;
        line-height: 1em;
    }
    .panel-body {
        padding: 20px;
        font-size: 0.9em;
        line-height: 2em;
        font-weight: 400;
        text-align: justify;
        text-indent: 15px;
    }
}


/*-------------------------------------------------------------------------------gallery------------------------------------------------------------------------*/
.gallery {
    .gallery-item {
        margin: 0 !important;
        img {
            border: none !important;
        }
    }
}
/*----------------------404 page--------------------*/
.page-404 {
    min-height:450px;
    .errorbox {
        margin:75px 0 0;
        h1 {
            font-size:152px;
            line-height: 152px;
            a {
              display: block;
            }
        }
    }
}

/*-----------------------------------------------------------------------------woocommerce-account----------------------------------------------------------------------*/
.woocommerce-account {
    .woocommerce {
        h2 {
            text-align: center;
        }
        .login {
            background: lighten($gray, 65%);
            width: 300px;
            margin: 0 auto;
            #username,
            #password {
                @include input-type;
                background: $white !important;
            }
            .button {
                @include btn-background($green);
                padding: 7px 10px;
                @include transition(0.3s);
                font-weight: 400;
            }
        }
    }
}


/*---------------------------------------------------------------------------------------------------woocommerce-cart------------------------------------------------------*/
.woocommerce-cart {
    .cart-empty {
        text-align: center;
        font-size: 1.2em;
    }
    .return-to-shop {
        text-align: center;
        .button {
            @include btn-background($green);
            padding: 15px 20px;
            @include transition(0.3s);
            font-weight: 700;
        }
    }
}


/*----------------------------------------------------------------------------woocommerce--------------------------------------------------------------------------------*/
.woocommerce {
    .products {
        .product-category {
            h3 {
                color: lighten($dark, 30%);
                text-transform: uppercase;
                text-align: center;
                font-size: 3em;
                margin: 20px 0;
                line-height: 1em;
                .count {
                    background: transparent;
                }
                &:hover {
                    color: $red;
                }
            }
        }
    }
}

/*------------------------------------------------------------------single-product-----------------------------------------------------------*/
.single-product {
    .product {
        margin: 75px 0 0 0;
        .onsale {
            top: 0;
            left:0;
            @include border-radius(0);
            background: $red;
            padding: 5px 25px;
        }
        .summary {
            .product_title {
                color: lighten($dark, 30%);
                text-align: center;
                text-transform: uppercase;
                font-size: 3em;
                margin: 0 0 25px 0;
                z-index: 11;
                line-height: 1em;
            }
            .woocommerce-product-rating {
                text-align: center;
                color: lighten($red, 10%);
                .woocommerce-review-link {
                    display: none;
                }
            }
            .price {
                text-align: center;
                padding: 5px 0 15px 0;
                margin: 0 0 15px 0;
                border-bottom: 1px solid lighten($dark, 70%);
                del {
                    span {
                        color: lighten($dark, 40%);
                    }
                }
                ins {
                    span {
                        color: $red;
                    }
                }
            }
            p {
                padding: 10px;
                font-size: 0.9em;
                line-height: 2em;
                font-weight: 400;
                text-align: justify;
                text-indent: 15px;
            }
            .stock {
                font-size: 0.9em;
                line-height: 2em;
                font-weight: 400;
                color: $red;
                text-transform: uppercase;
            }
            .cart {
                .qty {
                    line-height: 3em;
                    margin-top: 4px;
                }
                .single_add_to_cart_button {
                    @include btn-background($red);
                    @include transition(0.3s);
                    @include border-radius(0);
                }
            }
        }
        .woocommerce-tabs {
            padding:20px 0 0 0;
            border-top: 1px solid lighten($dark, 70%);
            .tabs {
                margin:0 !important;
                padding:0 !important;
                .description_tab,
                .reviews_tab {
                    @include border-radius(0);
                     &:before {
                        content: none;
                    }
                    &:after {
                        content: none;
                    }
                    a {
                        font-weight: 400;
                    }
                }
            }
            .woocommerce-Tabs-panel {
                padding: 20px !important;
                h2 {
                    text-transform: uppercase;
                }
                #submit {
                    @include btn-background($red);
                    @include transition(0.3s);
                    @include border-radius(0 !important);
                }
            }
        }
        .related {
            h2 {
                text-transform: uppercase;
                text-align: center;
            }
            .products {
                .product {
                    h3 {
                        text-transform: uppercase;
                        text-align: center;
                    }
                    .price {
                        text-align: center;
                        del {
                            display: inline-block;
                            color: lighten($dark, 30%);
                        }
                        ins {
                            color: $red;
                        }
                    }
                    .product_type_simple {
                        @include btn-background($red);
                        @include transition(0.3s);
                        @include border-radius(0 !important);
                    }
                }
            }
        }
    }
}


/*---------------------------------------------------------page products-------------------------------------------------------------*/
#page {
    .woocommerce {
        .products {
            .product {
                .onsale {
                    top: 0;
                    left:0;
                    right: auto;
                    @include border-radius(0);
                    background: $red;
                    padding: 5px 25px;
                }
                h3 {
                    text-transform: uppercase;
                    text-align: left;
                }
                .price {
                    text-align: left;
                    del {
                        display: inline-block;
                        color: lighten($dark, 30%);
                    }
                    ins {
                        color: $red;
                    }
                }
                .product_type_simple {
                    @include btn-background($red);
                    @include transition(0.3s);
                    @include border-radius(0 !important);
                }
            }
        }
    }
}
#page {
    .products {
        .product {
            .onsale {
                top: 0;
                left:0;
                right: auto;
                @include border-radius(0);
                background: $red;
                padding: 5px 25px;
            }
            h3 {
                text-transform: uppercase;
                text-align: left;
            }
            .price {
                text-align: left;
                del {
                    display: inline-block;
                    color: lighten($dark, 30%);
                }
                ins {
                    color: $red;
                }
            }
            .product_type_simple {
                @include btn-background($red);
                @include transition(0.3s);
                @include border-radius(0 !important);
            }
        }
    }
    .woocommerce-checkout {
        input {
            @include input-type;
        }
    }
    #place_order {
        @include btn-background($red);
        @include transition(0.3s);
        @include border-radius(0 !important);
    }
}


/*-------------------------------------------------cart------------------------------------------------------------------------------------------------------*/
.shop_table {
    .coupon {
        input[type="submit"] {
            @include btn-background($red);
            @include transition(0.3s);
            @include border-radius(0 !important);
        }
        #coupon_code {
            width: 100px;
            line-height: 38px;
            margin-top: 4px;
        }
    }
}
.cart_totals {
    .checkout-button {
        @include btn-background($red !important);
        @include transition(0.3s);
        @include border-radius(0 !important);
        font-size: 1em !important;
    }
}
.button {
    @include btn-background($red);
    @include transition(0.3s);
    @include border-radius(0);
}
/*---------------------------------------------------------------------------------pagination--------------------------------------------------------------*/
.pagination {
    display: block;
    text-align: center;
    padding: 20px 0;
    margin: 0;
    .nav-links {
        .page-numbers {
            @include btn-background($red);
            padding: 10px 30px;
            @include transition(0.3s);
        }
        .current {
            background: lighten($dark, 30%);
        }
    }
}
/*----------------------owl-wrapper--------------------*/
.owl-wrapper {
    .excerpt,
    .title {
        font-weight: 600;
    }
}

.woocommerce {
    .return-to-shop {
        .wc-backward {
            @include btn-background($red);
            padding: 10px 30px;
            @include transition(0.3s);
        }
    }
}

.woocommerce {
    .login {
        .woocommerce-Button {
            @include btn-background($red !important);
            padding: 10px 30px;
            @include transition(0.3s);
        }
    }
}