/*
Theme Name: Pofo
Theme URI: https://pofo.themezaa.com/
Version: 1.4.1
Author: ThemeZaa
Author URI: http://www.themezaa.com/
Description: POFO is an innovative, attractive, extremely flexible and highly customizable Bootstrap responsive multi-purpose corporate and portfolio WordPress theme with 25+ unique home page demos, 150+ stylish elements and 200+ useful templates.
Text Domain: pofo
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, photography, portfolio
License: Themeforest Split Licence
License URI: http://themeforest.net/licenses
*/

/*  Table of contents
        
    01. General
    02. WordPress styles
    03. Typography
    04. Background color
    05. Aside style
    06. Full screen video
    07. Background image
    08. Custom
    09. Icon
    10. Elements
    11. Button
    12. Border
    13. Navigation
    14. Swiper carousel
    15. Slider and parallax typography
    16. Portfolio style
    17. Feature box
    18. Blog
    19. Team
    20. Elements
    21. Testimonial
    22. Footer
    23. Home page
    24. Pages
    25. Woocommerce style

*/

/* ===================================
    General
====================================== */

body {font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px; overflow-x: hidden;}
body, html {height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active {color: #000; text-decoration: none;}
a:hover, a:focus {color: #ff214f; text-decoration: none;}
a:focus {outline: none;}
img {max-width:100%; height:auto;}
table {margin-bottom: 25px;}
td, th {border-bottom: 1px solid #ededed; padding: 5px 8px;}
dd {margin-bottom: 8px;}
video {background-size: cover; display: table-cell; vertical-align: middle; width: 100%; outline: 0 !important;}
iframe {border: 0; width: 100%; max-width: 100%; vertical-align: bottom;}
p {margin: 0 0 25px}
.last-paragraph-no-margin p:last-of-type {margin-bottom:0}
.alt-font strong {font-weight: 600}
ul, ol, dl {list-style-position: outside; margin-bottom: 25px}
p:empty {display: none;}
pre {border-radius: 0; border: 1px solid rgba(0,0,0,.1); background-color: #f7f7f7; padding: 15px;}

/* transition */
section > div *, header *, footer *, .entry-content > .vc_row .btn, nav, .post-slider-style-2.swiper-container * {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
section > div *:hover{transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.entry-content > .vc_row, .no-transition *, .swiper-container *, .mfp-container *, .skillbar-bar-main *, .portfolio-grid *, .parallax, .rev_slider *, .wpb_revslider_element *, .vc_parallax-inner, .rev_slider_wrapper {transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.minimalist-slider, .minimalist-slider * { transition-timing-function: none !important; -moz-transition-timing-function: none !important; -webkit-transition-timing-function: none !important; -o-transition-timing-function: none !important; transition-duration: 0s !important; -moz-transition-duration: 0s !important; -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important;}

/* input */
input, textarea, select {border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;}
input.inputerror, textarea.inputerror, select.inputerror {border: 1px solid #ff0000;}
input[type="submit"] {width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {-webkit-appearance: none; outline: none;}
input:focus, textarea:focus {border-color: #585858; outline: none;}
input[type="button"]:focus {outline: none;}
select::-ms-expand {display:none;}
::-webkit-input-placeholder {color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder {color: #6f6f6f; text-overflow: ellipsis; opacity:1;} 
:-ms-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

/* selection */
::selection {color: #000; background:#dbdbdb;}
::-moz-selection {color:#000; background:#dbdbdb;}

/* ===================================
    WordPress styles
====================================== */

/* alignments */
.alignnone {margin: 0 0 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 20px auto;}
.alignright {float:right; margin: 5px 0 20px 40px;}
.alignleft {float: left; margin: 5px 40px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 30px;}
a img.alignnone {margin: 0 0 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* captions */
.wp-caption {background: #f7f7f7; padding:17px; text-align: center; border: 1px solid rgba(0,0,0,.1); max-width: 50%;}
.wp-caption figcaption {padding: 18px 0 0;}
.wp-caption img {width: 100%; margin: 0;}
.wp-caption.alignnone {margin: 5px 30px 20px 0;}
.wp-caption.alignleft {margin: 5px 40px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 30px;}
dl.wp-caption {background: transparent; padding: 0; border: 0; margin: 0;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding:15px 4px 0;}

/* admin menu */
.admin-bar nav, .admin-bar .no-sticky .navbar-non-sticky-top.navbar-brand-top  {margin-top: 32px;}
.admin-bar .header-with-topbar .top-header-area {top: 32px;}
.admin-bar .no-sticky .menu-logo-center {margin-top: 0;}
.admin-bar .no-sticky .navbar-non-sticky-top {margin-top: 32px;}
.admin-bar .no-sticky.header-with-topbar .navbar-non-sticky-top {margin-top: 32px;}
.admin-bar .no-sticky .navbar-non-sticky-top.full-width-pull-menu {margin-top: 32px;}

/* accessibility */
.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: 1}

/* others */
.bypostauthor {border-bottom: 1px solid #ededed;}
.gallery-caption {background-color: #f7f7f7; padding: 10px; font-weight: 500;}
.mc4wp-form .input-group input {position: relative; z-index: 4;}
.wpcf7-not-valid {border-color: #ff0000 !important;}
.wpcf7-not-valid-tip {display: none !important;}
div.wpcf7-validation-errors {clear: both; position: relative; top: 10px;}
.alert-dismissable .close, .alert-dismissible .close {top: 2px}

/* ===================================
    Typography
====================================== */

/* font family */
.alt-font {font-family: 'Montserrat', sans-serif; font-weight: 500;}
.main-font {font-family: 'Roboto', sans-serif;}

/* heading */
h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h1 {font-size:70px; line-height: 70px;}
h2 {font-size:55px; line-height:60px}
h3 {font-size:48px; line-height:54px}
h4 {font-size:40px; line-height:46px}
h5 {font-size:32px; line-height:40px}
h6 {font-size:25px; line-height:30px}

/* text size */
.text-extra-small {font-size:11px; line-height:14px}
.text-small {font-size:12px; line-height:20px;}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.text-extra-medium {font-size: 25px; line-height:30px}
.title-medium {font-size: 70px; line-height:75px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}

/* text color */
.text-white {color:#FFF}
.text-black {color:#000}
.text-extra-dark-gray {color:#232323}
.text-dark-gray {color:#626262}
.text-dark-gray-2 {color:#6f6f6f}
.text-extra-medium-gray {color:#757575}
.text-medium-gray {color:#939393}
.text-extra-light-gray {color:#b7b7b7}
.text-light-gray {color:#d6d5d5}
.text-very-light-gray {color:#ededed}
.text-deep-pink {color:#ff214f}

/* text hover color */
.text-white-hover:hover {color:#FFF}
.text-black-hover:hover {color:#000}
.text-extra-dark-gray-hover:hover {color:#232323}
.text-dark-gray-hover:hover {color:#626262}
.text-extra-medium-gray-hover:hover {color:#757575}
.text-medium-gray-hover:hover {color:#939393}
.text-extra-light-gray-hover:hover {color:#b7b7b7}
.text-light-gray-hover:hover {color:#d6d5d5}
.text-very-light-gray-hover:hover {color:#ededed}
.text-deep-pink-hover:hover {color:#ff214f}

/* dropcap */
.first-letter {float: left; font-size: 50px; line-height: normal; margin: 0 20px 0 0; text-align: center; padding: 10px 0; font-weight: 600}
.first-letter-big {float: left; font-size: 110px; line-height: 110px; margin: 0 20px 0 0; padding:0 8px;  text-align: center; font-weight: 600; position: relative;}
.first-letter-big:before {position: absolute; border-bottom: 1px solid; content: ""; display: block;  width: 100%; top: 55%; left: 0}
.first-letter-block {font-size: 30px; height: 55px; line-height: 22px; padding: 15px 0; width: 55px; font-weight: 500; margin-top: 5px}
.first-letter-block-round {border-radius:6px; border:1px solid;}
.first-letter-round {border-radius: 50%; font-size:35px; padding: 15px; width: 65px; height: 65px; line-height: 32px;}

/* blockquote */
blockquote {padding: 20px 30px}
blockquote  p {font-size: 18px; line-height: 30px; margin-bottom: 17px !important; font-weight: 300}
blockquote {border-left: 2px solid; padding: 15px 40px; margin: 45px 0}
blockquote footer {color: #939393;}
.blog-image blockquote {padding: 60px; border: 0; margin: 0;}
.blog-image blockquote h6:before {content:"\e67f"; font-family:'themify'; font-size: 40px; top:5px; position: relative; margin-right: 12px; color: #ff214f}

/* link color */
a.text-link-white, a.text-link-white i {color:#ffffff}
a.text-link-white:hover, a.text-link-white:hover i, a.text-link-white:focus, a.text-link-white:focus i {color:#ff214f}
a.text-link-black, a.text-link-black i {color:#000000}
a.text-link-dark-gray {color:#939393}
a.text-link-dark-gray:hover, .text-link-dark-gray:focus {color:#232323}
a.text-link-extra-dark-gray {color:#232323}
a.text-link-extra-dark-gray:hover, a.text-link-extra-dark-gray:focus {color:#000000}
a.text-link-deep-pink, a.text-link-deep-pink i {color:#ff214f}
a.text-link-deep-pink:hover, a.text-link-deep-pink:hover i, a.text-link-deep-pink:focus, a.text-link-deep-pink:focus i {color:#fff}

/* hover color */
a.text-white-hover:hover, a.text-white-hover:focus {color:#fff}
a.text-black-hover:hover, a.text-black-hover:focus {color:#000}
a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus {color:#ff214f}
a.text-black-hover:hover, a.text-black-hover:focus {color:#000}

/* letter spacing */
.no-letter-spacing {letter-spacing:0px}
.letter-spacing-1 {letter-spacing:1px}
.letter-spacing-2 {letter-spacing:2px}
.letter-spacing-3 {letter-spacing:3px}
.letter-spacing-4 {letter-spacing:4px}
.letter-spacing-5 {letter-spacing:5px}
.letter-spacing-6 {letter-spacing:6px}
.letter-spacing-7 {letter-spacing:7px}
.letter-spacing-8 {letter-spacing:8px}
.letter-spacing-9 {letter-spacing:9px}
.letter-spacing-10 {letter-spacing:10px}
.letter-spacing-minus-1 {letter-spacing:-1px}
.letter-spacing-minus-2 {letter-spacing:-2px}
.letter-spacing-minus-3 {letter-spacing:-3px}
.letter-spacing-minus-4 {letter-spacing:-4px}
.letter-spacing-minus-5 {letter-spacing:-5px}
.letter-spacing-minus-6 {letter-spacing:-6px}
.letter-spacing-minus-7 {letter-spacing:-7px}
.letter-spacing-minus-8 {letter-spacing:-8px}
.letter-spacing-minus-9 {letter-spacing:-9px}
.letter-spacing-minus-10 {letter-spacing:-10px}

/* font weight */
.font-weight-100 {font-weight:100}
.font-weight-200 {font-weight:200}
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}
.font-weight-900 {font-weight:900}

/* text property */
.text-transform-unset {text-transform:unset}
.text-decoration-underline {text-decoration:underline;}
.text-decoration-line-through {text-decoration:line-through;}
.line-height-unset {line-height: unset}
.line-height-normal {line-height: normal}
.line-height-none {line-height:0}
.word-wrap {word-wrap: break-word}
.text-nowrap{white-space: nowrap;}
.text-transform-none {text-transform:none}
.text-transform-uppercase {text-transform:uppercase}
.title-line-through {padding: 0 15px}
.text-middle-line {position: relative; white-space: nowrap}
.text-outside-line {position: relative}
.text-outside-line::before {border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; right: -60px; top: 50%; width: 40px; opacity: .4;}
.text-outside-line::after {border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; left: -60px; top: 50%; width: 40px; opacity: .4;}
.text-outside-line-full {position: relative; display: inline-block}
.text-outside-line-full::before {content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom:1px solid; right: 100%; margin-right: 25px; opacity: .15}
.text-outside-line-full::after {content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom:1px solid; left: 100%; margin-left: 25px; opacity: .15}
.text-outside-line-left {position: relative}
.text-outside-line-left::before {border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; left: -100%; top: 50%; width: 90%; opacity: .2; }
.text-middle-line:before {border-bottom: 1px solid; position: absolute; content: ""; width: 100%; top: 53%; opacity: 0.35; left: 0;}
.text-bottom-line {width: 1px; border-top: 30px solid; margin-left: auto; margin-right: auto;}
.text-middle-line-deep-pink:before {border-bottom: 1px solid #ff214f; position: absolute; content: ""; width: 100%; margin-top: 5px; margin-left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.text-decoration-line-through-black,.text-decoration-line-through-deep-pink {position: relative;}
.text-decoration-line-through-deep-pink:before {background: #ff214f;}
.text-decoration-line-through-black:before {background: #000;}
.text-decoration-line-through-black::before,.text-decoration-line-through-deep-pink:before {content: ""; height: 1px; left: -10px; position: absolute; top: 53%; width: calc(100% + 20px);-webkit-transform: translateY(-53%); -moz-transform: translateY(-53%); -ms-transform: translateY(-53%); -o-transform: translateY(-53%); transform: translateY(-53%);}

/* line height */
.line-height-10 {line-height:10px}
.line-height-16 {line-height:16px}
.line-height-18 {line-height:18px}
.line-height-20 {line-height:20px}
.line-height-24 {line-height:24px}
.line-height-22 {line-height:22px}
.line-height-26 {line-height:26px}
.line-height-28 {line-height:28px}
.line-height-30 {line-height:30px}
.line-height-35 {line-height:35px}
.line-height-40 {line-height:40px}
.line-height-45 {line-height:45px}
.line-height-50 {line-height:50px}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

/* ===================================
    Background color
====================================== */

.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#f7f7f7;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0}
.bg-medium-light-gray {background-color:#ededed}
.bg-light-gray {background-color:#f7f7f7}
.bg-very-light-gray {background-color:#fafafa}
.bg-deep-pink {background-color:#ff214f;}
.bg-transparent-white {background-color: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.bg-transparent-black {background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}
.bg-white-opacity {background-color: rgba(255, 255, 255, 0.85);}
.bg-black-opacity {background-color: rgba(0, 0, 0, 0.85);}
.bg-black-opacity-light {background-color: rgba(0, 0, 0, 0.5);}
.bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}

/* hover color */
.bg-transparent-hover:hover {background-color: transparent;}
.bg-white-hover:hover {background-color:#fff;}
.bg-black-hover:hover {background-color:#000;}
.bg-extra-dark-gray-hover:hover {background-color:#1c1c1c;}
.bg-dark-gray-hover:hover {background-color:#757575;}
.bg-extra-medium-gray-hover:hover {background-color:#939393;}
.bg-medium-gray-hover:hover {background-color:#dbdbdb;}
.bg-extra-light-gray-hover:hover {background-color:#e0e0e0}
.bg-medium-light-gray-hover:hover {background-color:#ededed}
.bg-light-gray-hover:hover {background-color:#f7f7f7}
.bg-very-light-gray-hover:hover {background-color:#fafafa}
.bg-deep-pink-hover:hover {background-color:#ff214f;}
.bg-transparent-white-hover:hover {background-color: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.bg-transparent-black-hover:hover {background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}
.bg-white-opacity-hover:hover {background-color: rgba(255, 255, 255, 0.85);}
.bg-black-opacity-hover:hover {background-color: rgba(0, 0, 0, 0.85);}
.bg-deep-pink-opacity-hover:hover {background-color: rgba(255, 33, 79, 0.85);}

/* background position */
.bg-position-left-top, .vc_row-has-fill.bg-position-left-top, .vc_col-has-fill .bg-position-left-top {background-position: left top !important}
.bg-position-left-center, .vc_row-has-fill.bg-position-left-center, .vc_col-has-fill .bg-position-left-center {background-position: left center !important}
.bg-position-left-bottom, .vc_row-has-fill.bg-position-left-bottom, .vc_col-has-fill .bg-position-left-bottom {background-position: left bottom !important}
.bg-position-center-top, .vc_row-has-fill.bg-position-center-top, .vc_col-has-fill .bg-position-center-top {background-position: center top !important}
.bg-position-center-center, .vc_row-has-fill.bg-position-center-center, .vc_col-has-fill .bg-position-center-center {background-position: center center !important}
.bg-position-center-bottom, .vc_row-has-fill.bg-position-center-bottom, .vc_col-has-fill .bg-position-center-bottom {background-position: center bottom !important}
.bg-position-right-top, .vc_row-has-fill.bg-position-right-top, .vc_col-has-fill .bg-position-right-top {background-position: right top !important}
.bg-position-right-center, .vc_row-has-fill.bg-position-right-center, .vc_col-has-fill .bg-position-right-center {background-position: right center !important}
.bg-position-right-bottom, .vc_row-has-fill.bg-position-right-bottom, .vc_col-has-fill .bg-position-right-bottom {background-position: right bottom !important}

/* home blog grid */
.highlight-bg-text {padding: 5px 16px; display: inline-block; margin-bottom: 15px;}

/* ===================================
    Aside style
====================================== */

.aside-title {position: relative; overflow:hidden}
.aside-title span {display: inline-block; vertical-align:middle; margin-right: 20px;}
.aside-title:after {content: ""; display: inline-block; width: 100%; background: #ff214f; height: 1px; top: 50%; position: absolute;}
.right-sidebar {padding-right:45px;}
.left-sidebar {padding-left:45px;}

/* ===================================
    Full screen video
====================================== */

.video-wrapper {height: 100%; overflow: hidden; position: absolute; width: 100%;}
.html-video {background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  width: auto; z-index: -3;}
.video-wrapper iframe {height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%;}
.video-background{position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67,67,67,0.5)}
.external-fit-videos {position: absolute; top: 0; width: 100%; left: 0; z-index: -1;}
.pofo-vimeo-bg-video {width: 100%; display: inline-block; position: absolute; top: 0; height: 100%; left: 0; right: 0; z-index: -1}
.pofo-vimeo-bg-video .fluid-width-video-wrapper {padding-bottom: 56.25% !important;padding-top: 0 !important;height: 100%;}
.html5-video-1 { width: 50%; margin: 0 auto; }

/* opacity */
.bg-overlay {position: absolute; height: 100%; width: 100%; top:0; left: 0;}
.opacity-very-light {position: absolute; height: 100%; width: 100%; opacity: 0.2; top:0; left: 0;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}

.opacity1 {opacity:.1}
.opacity2 {opacity:.2}
.opacity3 {opacity:.3}
.opacity4 {opacity:.4}
.opacity5 {opacity:.5}
.opacity6 {opacity:.6}
.opacity7 {opacity:.7}
.opacity8 {opacity:.8}
.opacity9 {opacity:.9}

/* box shadow */
.btn-shadow {box-shadow: 0 0 6px rgba(0,0,0,.3);}
.btn-shadow-large {box-shadow: 0 0 12px rgba(0,0,0,.2);}
.box-shadow-light {box-shadow: 0 0 3px rgba(0,0,0,.1);}
.box-shadow {box-shadow: 0 0 3px rgba(0,0,0, .2);}
.box-shadow-dark {box-shadow: 0 0 4px rgba(0,0,0,.4);}
.box-shadow-large {box-shadow: 0 0 12px rgba(0,0,0,.1);}

/* ===================================
    Background image
====================================== */

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed;}
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s; -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s;  -ms-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed}
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit}
.background-attachment-inherit {background-attachment: inherit}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani {display:table; position: relative; -webkit-animation-name: example; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: example; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: example; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; animation-direction: alternate; animation-name: example; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto;}
.background-position-x-50 {background-position-x: 50% !important;}

/* ===================================
    Custom
====================================== */

.center-col {float:none; margin-left:auto; margin-right:auto}
/*section, .default-page-space {padding: 90px 0; overflow: hidden;}*/
section.vc_row section, .elementor-default .default-page-space {padding: inherit;}
section.big-section {padding:160px 0;}
section.extra-big-section {padding:200px 0;}
section.half-section {padding:80px 0;}
.pofo-page-content-area, .pofo-page-widget-area {padding-top: 130px; padding-bottom: 130px;}
.overlap-section {margin-top:-14%; position: relative}
.white-space-normal {white-space: normal !important;}
.icon-spacing ul li {margin: 5px 12px;}

.col-2-nth .col-md-6:nth-child(2n+1) {clear: left;}
.col-2-nth .col-sm-6:nth-child(2n+1) {clear: left;}
.col-3-nth .col-md-4:nth-child(3n+1) {clear: left;}
.col-3-nth .col-sm-4:nth-child(3n+1) {clear: left;}
.col-4-nth .col-md-3:nth-child(4n+1) {clear: left;}
.col-4-nth .col-sm-3:nth-child(4n+1) {clear: left;}

.col-2-nth-item .col-md-6:nth-child(2n+1) {clear: left;}
.col-3-nth-item .col-md-4:nth-child(3n+1) {clear: left;}
.col-4-nth-item .col-md-3:nth-child(4n+1) {clear: left;}
.col-6-nth-item .col-lg-2:nth-child(6n+1) {clear: left;}

/* input box border */
.input-border-bottom {background: transparent; border: 0; border-bottom: 1px solid #484848; padding: 10px 0; margin-bottom: 30px; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;}
.input-border-bottom:focus{background: transparent; border: 0; border-bottom: 1px solid #929292;}
.input-border-bottom::-webkit-input-placeholder {font-weight: 300; font-size: 14px;}
.input-border-bottom::-moz-placeholder {font-weight: 300; font-size: 14px;} 
.input-border-bottom:-ms-input-placeholder {font-weight: 300; font-size: 14px;}
.extra-big-input, .extra-big-textarea, .extra-big-select select {padding: 18px 25px; font-size: 14px}
.big-input, .big-textarea, .big-select select {padding: 18px 25px; font-size: 14px; border-radius: 0;}

.medium-input, .medium-textarea, .medium-select select {padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0;}
.small-input, .small-textarea {padding: 12px 15px; font-size: 11px; line-height: normal}
.small-select select {padding: 15px 15px; line-height: normal}
.medium-input-light, .medium-textarea-light, .medium-select-light select {padding: 12px 25px; font-size: 12px; line-height: normal}

.extra-small-input, .extra-small-textarea, .extra-small-select select {padding: 9px 17px; font-size: 12px; line-height: normal}

.select-style {width: 100%; overflow: hidden; background: url("assets/images/select-arrow.png") no-repeat 97% 50%; border: 1px solid #d1d1d1; margin-bottom: 20px}
.select-style select {width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer;}
.select-style select:focus {outline: none; border: none; box-shadow: none}

.input-group input, .input-group textarea, .input-group select {margin:0; border-radius:4px 0 0 4px; border-color: #fff; padding: 19px 25px;}
.input-group-btn .btn {border-radius:0 4px 4px 0}
.input-group-btn .btn.btn-large {line-height:2px; height:62px; padding:15px 25px!important}
.input-group-404 input {height: 62px;}
.without-bg-404 {background-color: #fbfbfb; padding: 12% 0 12% 0;}

.input-border-white .input-border-bottom {border-bottom: 1px solid #ffffff; color: #fff}
.input-border-white .input-border-bottom:focus{background: transparent; border-bottom: 1px solid #ffffff;  color: #fff}
.input-border-white .input-border-bottom::-webkit-input-placeholder {color: #fff;}
.input-border-white .input-border-bottom::-moz-placeholder {color: #fff;} 
.input-border-white .input-border-bottom:-ms-input-placeholder {color: #fff;}

.btn .caret{border-top:4px solid}
input.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px;}
input.input-bg:focus, textarea.input-bg:focus {border: 0; border: 1px solid rgba(0,0,0,.3);}
textarea.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px; min-height: 130px;}
.input-bg::-webkit-input-placeholder {font-weight: 300; font-size: 14px;}
.input-bg::-moz-placeholder {font-weight:400; font-size: 14px;} 
.input-bg:-ms-input-placeholder {font-weight: 400; font-size: 14px;}

/* separator */
.separator-line-verticle-extra-small {width:1px; height: 8px;}
.separator-line-verticle-small-think {width:17px; height: 3px;}
.separator-line-verticle-small {width:1px; height: 13px;}
.separator-line-verticle-small-think2 {width:64px; height: 7px;}
.separator-line-verticle-large {width:1px; height:20px;}
.separator-line-verticle-extra-large {width:1px; height:30px;}
.separator-line-verticle-medium-think-full {width:8px; height: 40px;}
.separator-line-verticle-large-thick {width:109px; height: 11px}
.separator-line-horrizontal-medium-light {width:36px; height: 3px;}
.separator-line-horrizontal-medium-light2 {width:40%; height: 1px;}
.separator-line-horrizontal-medium-light3 {width:18%; height: 1px;}
.separator-line-horrizontal-medium-think {width:50px; height: 5px;}
.separator-line-horrizontal-large-think {width:100%; height: 8px;}
.separator-line-horrizontal-full {width:100%; height: 1px;}

/* divider */
.divider-full {width:100%; height: 1px; display: inline-block}

/*==============================
    Margin
================================*/

.margin-half-all {margin:.5%}
.margin-one-all {margin:1%}
.margin-one-half-all {margin:1.5%}
.margin-two-all {margin:2%}
.margin-two-half-all {margin:2.5%}
.margin-three-all {margin:3%}
.margin-three-half-all {margin:3.5%}
.margin-four-all {margin:4%}
.margin-four-half-all {margin:4.5%}
.margin-five-all {margin:5%}
.margin-five-half-all {margin:5.5%}
.margin-six-all {margin:6%}
.margin-six-half-all {margin:6.5%}
.margin-seven-all {margin:7%}
.margin-seven-half-all {margin:7.5%}
.margin-eight-all {margin:8%}
.margin-eight-half-all {margin:8.5%}
.margin-nine-all {margin:9%}
.margin-nine-half-all {margin:9.5%}
.margin-ten-all {margin:10%}
.margin-ten-half-all {margin:10.5%}
.margin-eleven-all {margin:11%}
.margin-eleven-half-all {margin:11.5%}
.margin-twelve-all {margin:12%}
.margin-twelve-half-all {margin:12.5%}
.margin-thirteen-all {margin:13%}
.margin-thirteen-half-all {margin:13.5%}
.margin-fourteen-all {margin:14%}
.margin-fourteen-half-all {margin:14.5%}
.margin-fifteen-all {margin:15%}
.margin-fifteen-half-all {margin:15.5%}
.margin-sixteen-all {margin:16%}
.margin-sixteen-half-all {margin:16.5%}
.margin-seventeen-all {margin:17%}
.margin-seventeen-half-all {margin:17.5%}
.margin-eighteen-all {margin:18%}
.margin-eighteen-half-all {margin:18.5%}
.margin-nineteen-all {margin:19%}
.margin-nineteen-half-all {margin:19.5%}
.margin-twenty-all {margin:20%}
.margin-5px-all {margin:5px}
.margin-10px-all {margin:10px}
.margin-15px-all {margin:15px}
.margin-20px-all {margin:20px}
.margin-25px-all {margin:25px}
.margin-30px-all {margin:30px}
.margin-35px-all {margin:35px}
.margin-40px-all {margin:40px}
.margin-45px-all {margin:45px}
.margin-50px-all {margin:50px}
.margin-55px-all {margin:55px}
.margin-60px-all {margin:60px}
.margin-65px-all {margin:65px}
.margin-70px-all {margin:70px}
.margin-75px-all {margin:75px}
.margin-80px-all {margin:80px}
.margin-85px-all {margin:85px}
.margin-90px-all {margin:90px}
.margin-95px-all {margin:95px}
.margin-100px-all {margin:100px}

.no-margin {margin:0 !important}
.no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}
.no-margin-tb {margin-top: 0 !important; margin-bottom: 0 !important}
.no-margin-top {margin-top:0 !important}
.no-margin-bottom {margin-bottom:0 !important}
.no-margin-left {margin-left:0 !important}
.no-margin-right {margin-right:0 !important}
.margin-lr-auto {margin-left:auto !important; margin-right:auto !important}
.margin-auto {margin: 0 auto !important;}

/* margin top */
.margin-one-top {margin-top:1%}
.margin-one-half-top {margin-top:1.5%}
.margin-two-top {margin-top:2%}
.margin-two-half-top {margin-top:2.5%}
.margin-three-top {margin-top:3%}
.margin-three-half-top {margin-top:3.5%}
.margin-four-top {margin-top:4%}
.margin-four-half-top {margin-top:4.5%}
.margin-five-top {margin-top:5%}
.margin-five-half-top {margin-top:5.5%}
.margin-six-top {margin-top:6%}
.margin-six-half-top {margin-top:6.5%}
.margin-seven-top {margin-top:7%}
.margin-seven-half-top {margin-top:7.5%}
.margin-eight-top {margin-top:8%}
.margin-eight-half-top {margin-top:8.5%}
.margin-nine-top {margin-top:9%}
.margin-nine-half-top {margin-top:9.5%}
.margin-ten-top {margin-top:10%}
.margin-ten-half-top {margin-top:10.5%}
.margin-eleven-top {margin-top:11%}
.margin-eleven-half-top {margin-top:11.5%}
.margin-twelve-top {margin-top:12%}
.margin-twelve-half-top {margin-top:12.5%}
.margin-thirteen-top {margin-top:13%}
.margin-thirteen-half-top {margin-top:13.5%}
.margin-fourteen-top {margin-top:14%}
.margin-fourteen-half-top {margin-top:14.5%}
.margin-fifteen-top {margin-top:15%}
.margin-fifteen-half-top {margin-top:15.5%}
.margin-sixteen-top {margin-top:16%}
.margin-sixteen-half-top {margin-top:16.5%}
.margin-seventeen-top {margin-top:17%}
.margin-seventeen-half-top {margin-top:17.5%}
.margin-eighteen-top {margin-top:18%}
.margin-eighteen-half-top {margin-top:18.5%}
.margin-nineteen-top {margin-top:19%}
.margin-nineteen-half-top {margin-top:19.5%}
.margin-twenty-top {margin-top:20%}
.margin-5px-top {margin-top:5px}
.margin-10px-top {margin-top:10px}
.margin-15px-top {margin-top:15px}
.margin-20px-top {margin-top:20px}
.margin-25px-top {margin-top:25px}
.margin-30px-top {margin-top:30px}
.margin-35px-top {margin-top:35px}
.margin-40px-top {margin-top:40px}
.margin-45px-top {margin-top:45px}
.margin-50px-top {margin-top:50px}
.margin-55px-top {margin-top:55px}
.margin-60px-top {margin-top:60px}
.margin-65px-top {margin-top:65px}
.margin-70px-top {margin-top:70px}
.margin-75px-top {margin-top:75px}
.margin-80px-top {margin-top:80px}
.margin-90px-top {margin-top:90px}
.margin-100px-top {margin-top:100px}
.margin-minus-fourteen-top {margin-top: -14%}
.margin-minus-twenty-five-top {margin-top: -25%}

/* margin bottom */
.margin-one-bottom {margin-bottom:1%}
.margin-one-half-bottom {margin-bottom:1.5%}
.margin-two-bottom {margin-bottom:2%}
.margin-two-half-bottom {margin-bottom:2.5%}
.margin-three-bottom {margin-bottom:3%}
.margin-three-half-bottom {margin-bottom:3.5%}
.margin-four-bottom {margin-bottom:4%}
.margin-four-half-bottom {margin-bottom:4.5%}
.margin-five-bottom {margin-bottom:5%}
.margin-five-half-bottom {margin-bottom:5.5%}
.margin-six-bottom {margin-bottom:6%}
.margin-six-half-bottom {margin-bottom:6.5%}
.margin-seven-bottom {margin-bottom:7%}
.margin-seven-half-bottom {margin-bottom:7.5%}
.margin-eight-bottom {margin-bottom:8%}
.margin-eight-half-bottom {margin-bottom:8.5%}
.margin-nine-bottom {margin-bottom:9%}
.margin-nine-half-bottom {margin-bottom:9.5%}
.margin-ten-bottom {margin-bottom:10%}
.margin-ten-half-bottom {margin-bottom:10.5%}
.margin-eleven-bottom {margin-bottom:11%}
.margin-eleven-half-bottom {margin-bottom:11.5%}
.margin-twelve-bottom {margin-bottom:12%}
.margin-twelve-half-bottom {margin-bottom:12.5%}
.margin-thirteen-bottom {margin-bottom:13%}
.margin-thirteen-half-bottom {margin-bottom:13.5%}
.margin-fourteen-bottom {margin-bottom:14%}
.margin-fourteen-half-bottom {margin-bottom:14.5%}
.margin-fifteen-bottom {margin-bottom:15%}
.margin-fifteen-half-bottom {margin-bottom:15.5%}
.margin-sixteen-bottom {margin-bottom:16%}
.margin-sixteen-half-bottom {margin-bottom:16.5%}
.margin-seventeen-bottom {margin-bottom:17%}
.margin-seventeen-half-bottom {margin-bottom:17.5%}
.margin-eighteen-bottom {margin-bottom:18%}
.margin-eighteen-half-bottom {margin-bottom:18.5%}
.margin-nineteen-bottom {margin-bottom:19%}
.margin-nineteen-half-bottom {margin-bottom:19.5%}
.margin-twenty-bottom {margin-bottom:20%}
.margin-5px-bottom {margin-bottom:5px}
.margin-10px-bottom {margin-bottom:10px}
.margin-15px-bottom {margin-bottom:15px}
.margin-20px-bottom {margin-bottom:20px}
.margin-25px-bottom {margin-bottom:25px}
.margin-30px-bottom {margin-bottom:30px}
.margin-35px-bottom {margin-bottom:35px}
.margin-40px-bottom {margin-bottom:40px}
.margin-45px-bottom {margin-bottom:45px}
.margin-50px-bottom {margin-bottom:50px}
.margin-55px-bottom {margin-bottom:55px}
.margin-60px-bottom {margin-bottom:60px}
.margin-65px-bottom {margin-bottom:65px}
.margin-70px-bottom {margin-bottom:70px}
.margin-75px-bottom {margin-bottom:75px}
.margin-80px-bottom {margin-bottom:80px}
.margin-85px-bottom {margin-bottom:85px}
.margin-90px-bottom {margin-bottom:90px}
.margin-95px-bottom {margin-bottom:95px}
.margin-100px-bottom {margin-bottom:100px}

/* margin right */
.margin-one-right {margin-right:1%}
.margin-one-half-right {margin-right:1.5%}
.margin-two-right {margin-right:2%}
.margin-two-half-right {margin-right:2.5%}
.margin-three-right {margin-right:3%}
.margin-three-half-right {margin-right:3.5%}
.margin-four-right {margin-right:4%}
.margin-four-half-right {margin-right:4.5%}
.margin-five-right {margin-right:5%}
.margin-five-half-right {margin-right:5.5%}
.margin-six-right {margin-right:6%}
.margin-six-half-right {margin-right:6.5%}
.margin-seven-right {margin-right:7%}
.margin-seven-half-right {margin-right:7.5%}
.margin-eight-right {margin-right:8%}
.margin-eight-half-right {margin-right:8.5%}
.margin-nine-right {margin-right:9%}
.margin-nine-half-right {margin-right:9.5%}
.margin-ten-right {margin-right:10%}
.margin-ten-half-right {margin-right:10.5%}
.margin-eleven-right {margin-right:11%}
.margin-eleven-half-right {margin-right:11.5%}
.margin-twelve-right {margin-right:12%}
.margin-twelve-half-right {margin-right:12.5%}
.margin-thirteen-right {margin-right:13%}
.margin-thirteen-half-right {margin-right:13.5%}
.margin-fourteen-right {margin-right:14%}
.margin-fourteen-half-right {margin-right:14.5%}
.margin-fifteen-right {margin-right:15%}
.margin-fifteen-half-right {margin-right:15.5%}
.margin-sixteen-right {margin-right:16%}
.margin-sixteen-half-right {margin-right:16.5%}
.margin-seventeen-right {margin-right:17%}
.margin-seventeen-half-right {margin-right:17.5%}
.margin-eighteen-right {margin-right:18%}
.margin-eighteen-half-right {margin-right:18.5%}
.margin-nineteen-right {margin-right:19%}
.margin-nineteen-half-right {margin-right:19.5%}
.margin-twenty-right {margin-right:20%}
.margin-5px-right {margin-right:5px}
.margin-10px-right {margin-right:10px}
.margin-15px-right {margin-right:15px}
.margin-20px-right {margin-right:20px}
.margin-25px-right {margin-right:25px}
.margin-30px-right {margin-right:30px}
.margin-35px-right {margin-right:35px}
.margin-40px-right {margin-right:40px}
.margin-45px-right {margin-right:45px}
.margin-50px-right {margin-right:50px}
.margin-55px-right {margin-right:55px}
.margin-60px-right {margin-right:60px}
.margin-65px-right {margin-right:65px}
.margin-70px-right {margin-right:70px}
.margin-75px-right {margin-right:75px}
.margin-80px-right {margin-right:80px}
.margin-85px-right {margin-right:85px}
.margin-90px-right {margin-right:90px}
.margin-95px-right {margin-right:95px}
.margin-100px-right {margin-right:100px}

/* margin left */
.margin-one-left {margin-left:1%}
.margin-one-half-left {margin-left:1.5%}
.margin-two-left {margin-left:2%}
.margin-two-half-left {margin-left:2.5%}
.margin-three-left {margin-left:3%}
.margin-three-half-left {margin-left:3.5%}
.margin-four-left {margin-left:4%}
.margin-four-half-left {margin-left:4.5%}
.margin-five-left {margin-left:5%}
.margin-five-half-left {margin-left:5.5%}
.margin-six-left {margin-left:6%}
.margin-six-half-left {margin-left:6.5%}
.margin-seven-left {margin-left:7%}
.margin-seven-half-left {margin-left:7.5%}
.margin-eight-left {margin-left:8%}
.margin-eight-half-left {margin-left:8.5%}
.margin-nine-left {margin-left:9%}
.margin-nine-half-left {margin-left:9.5%}
.margin-ten-left {margin-left:10%}
.margin-ten-half-left {margin-left:10.5%}
.margin-eleven-left {margin-left:11%}
.margin-eleven-half-left {margin-left:11.5%}
.margin-twelve-left {margin-left:12%}
.margin-twelve-half-left {margin-left:12.5%}
.margin-thirteen-left {margin-left:13%}
.margin-thirteen-half-left {margin-left:13.5%}
.margin-fourteen-left {margin-left:14%}
.margin-fourteen-half-left {margin-left:14.5%}
.margin-fifteen-left {margin-left:15%}
.margin-fifteen-half-left {margin-left:15.5%}
.margin-sixteen-left {margin-left:16%}
.margin-sixteen-half-left {margin-left:16.5%}
.margin-seventeen-left {margin-left:17%}
.margin-seventeen-half-left {margin-left:17.5%}
.margin-eighteen-left {margin-left:18%}
.margin-eighteen-half-left {margin-left:18.5%}
.margin-nineteen-left {margin-left:19%}
.margin-nineteen-half-left {margin-left:19.5%}
.margin-twenty-left {margin-left:20%}
.margin-5px-left {margin-left:5px}
.margin-10px-left {margin-left:10px}
.margin-15px-left {margin-left:15px}
.margin-20px-left {margin-left:20px}
.margin-25px-left {margin-left:25px}
.margin-30px-left {margin-left:30px}
.margin-35px-left {margin-left:35px}
.margin-40px-left {margin-left:40px}
.margin-45px-left {margin-left:45px}
.margin-50px-left {margin-left:50px}
.margin-55px-left {margin-left:55px}
.margin-60px-left {margin-left:60px}
.margin-65px-left {margin-left:65px}
.margin-70px-left {margin-left:70px}
.margin-75px-left {margin-left:75px}
.margin-80px-left {margin-left:80px}
.margin-85px-left {margin-left:85px}
.margin-90px-left {margin-left:90px}
.margin-95px-left {margin-left:95px}
.margin-100px-left {margin-left:100px}

/* margin left right */
.margin-one-lr {margin-left:1%; margin-right:1%;}
.margin-one-half-lr {margin-left:1.5%; margin-right:1.5%;}
.margin-two-lr {margin-left:2%; margin-right:2%;}
.margin-two-half-lr {margin-left:2.5%; margin-right:2.5%;}
.margin-three-lr {margin-left:3%; margin-right:3%;}
.margin-three-half-lr {margin-left:3.5%; margin-right:3.5%;}
.margin-four-lr {margin-left:4%; margin-right:4%;}
.margin-four-half-lr {margin-left:4.5%; margin-right:4.5%;}
.margin-five-lr {margin-left:5%; margin-right:5%;}
.margin-five-half-lr {margin-left:5.5%; margin-right:5.5%;}
.margin-six-lr {margin-left:6%; margin-right:6%;}
.margin-six-half-lr {margin-left:6.5%; margin-right:6.5%;}
.margin-seven-lr {margin-left:7%; margin-right:7%;}
.margin-seven-half-lr {margin-left:7.5%; margin-right:7.5%;}
.margin-eight-lr {margin-left:8%; margin-right:8%;}
.margin-eight-half-lr {margin-left:8.5%; margin-right:8.5%;}
.margin-nine-lr {margin-left:9%; margin-right:9%;}
.margin-nine-half-lr {margin-left:9.5%; margin-right:9.5%;}
.margin-ten-lr {margin-left:10%; margin-right:10%;}
.margin-ten-half-lr {margin-left:10.5%; margin-right:10.5%;}
.margin-eleven-lr {margin-left:11%; margin-right:11%;}
.margin-eleven-half-lr {margin-left:11.5%; margin-right:11.5%;}
.margin-twelve-lr {margin-left:12%; margin-right:12%;}
.margin-twelve-half-lr {margin-left:12.5%; margin-right:12.5%;}
.margin-thirteen-lr {margin-left:13%; margin-right:13%;}
.margin-thirteen-half-lr {margin-left:13.5%; margin-right:13.5%;}
.margin-fourteen-lr {margin-left:14%; margin-right:14%;}
.margin-fourteen-half-lr {margin-left:14.5%; margin-right:14.5%;}
.margin-fifteen-lr {margin-left:15%; margin-right:15%;}
.margin-fifteen-half-lr {margin-left:15.5%; margin-right:15.5%;}
.margin-sixteen-lr {margin-left:16%; margin-right:16%;}
.margin-sixteen-half-lr {margin-left:16.5%; margin-right:16.5%;}
.margin-seventeen-lr {margin-left:17%; margin-right:17%;}
.margin-seventeen-half-lr {margin-left:17.5%; margin-right:17.5%;}
.margin-eighteen-lr {margin-left:18%; margin-right:18%;}
.margin-eighteen-half-lr {margin-left:18.5%; margin-right:18.5%;}
.margin-nineteen-lr {margin-left:19%; margin-right:19%;}
.margin-nineteen-half-lr {margin-left:19.5%; margin-right:19.5%;}
.margin-twenty-lr {margin-left:20%; margin-right:20%;}
.margin-twenty-half-lr {margin-left:20.5%; margin-right:20.5%;} 
.margin-twenty-one-lr {margin-left:21%; margin-right:21%;}
.margin-twenty-one-half-lr {margin-left:21.5%; margin-right:21.5%;}
.margin-twenty-two-lr {margin-left:22%; margin-right:22%;}
.margin-twenty-two-half-lr {margin-left:22.5%; margin-right:22.5%;}
.margin-twenty-three-lr {margin-left:23%; margin-right:23%;}
.margin-twenty-three-half-lr {margin-left:23.5%; margin-right:23.5%;}
.margin-twenty-four-lr {margin-left:24%; margin-right:24%;}
.margin-twenty-four-half-lr {margin-left:24.5%; margin-right:24.5%;}
.margin-twenty-five-lr {margin-left:25%; margin-right:25%;}
.margin-thirty-lr {margin-left:30%; margin-right:30%;}

.margin-5px-lr {margin-left:5px; margin-right:5px;}
.margin-10px-lr {margin-left:10px; margin-right:10px;}
.margin-15px-lr {margin-left:15px; margin-right:15px;}
.margin-20px-lr {margin-left:20px; margin-right:20px;}
.margin-25px-lr {margin-left:25px; margin-right:25px;}
.margin-30px-lr {margin-left:30px; margin-right:30px;}
.margin-35px-lr {margin-left:35px; margin-right:35px;}
.margin-40px-lr {margin-left:40px; margin-right:40px;}
.margin-45px-lr {margin-left:45px; margin-right:45px;}
.margin-50px-lr {margin-left:50px; margin-right:50px;}
.margin-55px-lr {margin-left:55px; margin-right:55px;}
.margin-60px-lr {margin-left:60px; margin-right:60px;}
.margin-65px-lr {margin-left:65px; margin-right:65px;}
.margin-70px-lr {margin-left:70px; margin-right:70px;}
.margin-75px-lr {margin-left:75px; margin-right:75px;}
.margin-80px-lr {margin-left:80px; margin-right:80px;}
.margin-85px-lr {margin-left:85px; margin-right:85px;}
.margin-90px-lr {margin-left:90px; margin-right:90px;}
.margin-95px-lr {margin-left:95px; margin-right:95px;}
.margin-100px-lr {margin-left:100px; margin-right:100px;}

/* margin top bottom */
.margin-one-tb {margin-top:1%; margin-bottom:1%;}
.margin-one-half-tb {margin-top:1.5%; margin-bottom:1.5%;}
.margin-two-tb {margin-top:2%; margin-bottom:2%;}
.margin-two-half-tb {margin-top:2.5%; margin-bottom:2.5%;}
.margin-three-tb {margin-top:3%; margin-bottom:3%;}
.margin-three-half-tb {margin-top:3.5%; margin-bottom:3.5%;}
.margin-four-tb {margin-top:4%; margin-bottom:4%;}
.margin-four-half-tb {margin-top:4.5%; margin-bottom:4.5%;}
.margin-five-tb {margin-top:5%; margin-bottom:5%;}
.margin-five-half-tb {margin-top:5.5%; margin-bottom:5.5%;}
.margin-six-tb {margin-top:6%; margin-bottom:6%;}
.margin-six-half-tb {margin-top:6.5%; margin-bottom:6.5%;}
.margin-seven-tb {margin-top:7%; margin-bottom:7%;}
.margin-seven-half-tb {margin-top:7.5%; margin-bottom:7.5%;}
.margin-eight-tb {margin-top:8%; margin-bottom:8%;}
.margin-eight-half-tb {margin-top:8.5%; margin-bottom:8.5%;}
.margin-nine-tb {margin-top:9%; margin-bottom:9%;}
.margin-nine-half-tb {margin-top:9.5%; margin-bottom:9.5%;}
.margin-ten-tb {margin-top:10%; margin-bottom:10%;}
.margin-ten-half-tb {margin-top:10.5%; margin-bottom:10.5%;}
.margin-eleven-tb {margin-top:11%; margin-bottom:11%;}
.margin-eleven-half-tb {margin-top:11.5%; margin-bottom:11.5%;}
.margin-twelve-tb {margin-top:12%; margin-bottom:12%;}
.margin-twelve-half-tb {margin-top:12.5%; margin-bottom:12.5%;}
.margin-thirteen-tb {margin-top:13%; margin-bottom:13%;}
.margin-thirteen-half-tb {margin-top:13.5%; margin-bottom:13.5%;}
.margin-fourteen-tb {margin-top:14%; margin-bottom:14%;}
.margin-fourteen-half-tb {margin-top:14.5%; margin-bottom:14.5%;}
.margin-fifteen-tb {margin-top:15%; margin-bottom:15%;}
.margin-fifteen-half-tb {margin-top:15.5%; margin-bottom:15.5%;}
.margin-sixteen-tb {margin-top:16%; margin-bottom:16%;}
.margin-sixteen-half-tb {margin-top:16.5%; margin-bottom:16.5%;}
.margin-seventeen-tb {margin-top:17%; margin-bottom:17%;}
.margin-seventeen-half-tb {margin-top:17.5%; margin-bottom:17.5%;}
.margin-eighteen-tb {margin-top:18%; margin-bottom:18%;}
.margin-eighteen-half-tb {margin-top:18.5%; margin-bottom:18.5%;}
.margin-nineteen-tb {margin-top:19%; margin-bottom:19%;}
.margin-nineteen-half-tb {margin-top:19.5%; margin-bottom:19.5%;}
.margin-twenty-tb {margin-top:20%; margin-bottom:20%;}
.margin-twenty-half-tb {margin-top:20.5%; margin-bottom:20%;}
.margin-5px-tb {margin-top:5px; margin-bottom:5px;}
.margin-10px-tb {margin-top:10px; margin-bottom:10px;}
.margin-15px-tb {margin-top:15px; margin-bottom:15px;}
.margin-20px-tb {margin-top:20px; margin-bottom:20px;}
.margin-25px-tb {margin-top:25px; margin-bottom:25px;}
.margin-30px-tb {margin-top:30px; margin-bottom:30px;}
.margin-35px-tb {margin-top:35px; margin-bottom:35px;}
.margin-40px-tb {margin-top:40px; margin-bottom:40px;}
.margin-45px-tb {margin-top:45px; margin-bottom:45px;}
.margin-50px-tb {margin-top:50px; margin-bottom:50px;}
.margin-55px-tb {margin-top:55px; margin-bottom:55px;}
.margin-60px-tb {margin-top:60px; margin-bottom:60px;}
.margin-65px-tb {margin-top:65px; margin-bottom:65px;}
.margin-70px-tb {margin-top:70px; margin-bottom:70px;}
.margin-75px-tb {margin-top:75px; margin-bottom:75px;}
.margin-80px-tb {margin-top:80px; margin-bottom:80px;}
.margin-85px-tb {margin-top:85px; margin-bottom:85px;}
.margin-90px-tb {margin-top:90px; margin-bottom:90px;}
.margin-95px-tb {margin-top:95px; margin-bottom:95px;}
.margin-100px-tb {margin-top:100px; margin-bottom:100px;}

/*===============================
        Padding
=================================*/

.no-padding {padding:0 !important}
.no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top {padding-top:0 !important}
.no-padding-bottom {padding-bottom:0 !important}
.no-padding-left {padding-left:0 !important}
.no-padding-right {padding-right:0 !important}
.padding-one-all {padding:1%;}
.padding-one-half-all {padding:1.5%;}
.padding-two-all {padding:2%;}
.padding-two-half-all {padding:2.5%;}
.padding-three-all {padding:3%;}
.padding-three-half-all {padding:3.5%;}
.padding-four-all {padding:4%;}
.padding-four-half-all {padding:4.5%;}
.padding-five-all {padding:5%;}
.padding-five-half-all {padding:5.5%;}
.padding-six-all {padding:6%;}
.padding-six-half-all {padding:6.5%;}
.padding-seven-all {padding:7%;}
.padding-seven-half-all {padding:7.5%;}
.padding-eight-all {padding:8%;}
.padding-eight-half-all {padding:8.5%;}
.padding-nine-all {padding:9%;}
.padding-nine-half-all {padding:9.5%;}
.padding-ten-all {padding:10%;}
.padding-ten-half-all {padding:10.5%;}
.padding-eleven-all {padding:11%;}
.padding-eleven-half-all {padding:11.5%;}
.padding-twelve-all {padding:12%; }
.padding-twelve-half-all {padding:12.5%;}
.padding-thirteen-all {padding:13%;}
.padding-thirteen-half-all {padding:13.5%;}
.padding-fourteen-all {padding:14%;}
.padding-fourteen-half-all {padding:14.5%;}
.padding-fifteen-all {padding:15%;}
.padding-fifteen-half-all {padding:15.5%;}
.padding-sixteen-all {padding:16%;}
.padding-sixteen-half-all {padding:16.5%;}
.padding-seventeen-all {padding:17%;}
.padding-seventeen-half-all {padding:17.5%;}
.padding-eighteen-all {padding:18%;}
.padding-eighteen-half-all {padding:18.5%;}
.padding-nineteen-all {padding:19%;}
.padding-nineteen-half-all {padding:19.5%;}
.padding-twenty-all {padding:20%;}
.padding-twenty-half-all {padding:20.5%;}
.padding-twenty-one-all {padding:21%;}
.padding-twenty-one-half-all {padding:21.5%;}
.padding-twenty-two-all {padding:22%;}
.padding-twenty-two-half-all {padding:22.5%;}
.padding-twenty-three-all {padding:23%;}
.padding-twenty-three-half-all {padding:23.5%;}
.padding-twenty-four-all {padding:24%;}
.padding-twenty-four-half-all {padding:24.5%;}
.padding-twenty-five-all {padding:25%;}
.padding-twenty-five-half-all {padding:25.5%;}
.padding-3px-all {padding:3px;}
.padding-5px-all {padding:5px;}
.padding-7px-all {padding:7px;}
.padding-10px-all {padding:10px;}
.padding-15px-all {padding:15px;}
.padding-20px-all {padding:20px;}
.padding-25px-all {padding:25px;}
.padding-30px-all {padding:30px;}
.padding-35px-all {padding:35px;}
.padding-40px-all {padding:40px;}
.padding-45px-all {padding:45px;}
.padding-50px-all {padding:50px;}
.padding-55px-all {padding:55px;}
.padding-60px-all {padding:60px;}
.padding-65px-all {padding:65px;}
.padding-70px-all {padding:70px;}
.padding-75px-all {padding:75px;}
.padding-80px-all {padding:80px;}
.padding-85px-all {padding:85px;}
.padding-90px-all {padding:90px;}
.padding-95px-all {padding:95px;}
.padding-100px-all {padding:100px;}

/* padding top */
.padding-one-top {padding-top:1%;}
.padding-one-half-top {padding-top:1.5%;}
.padding-two-top {padding-top:2%;}
.padding-two-half-top {padding-top:2.5%;}
.padding-three-top {padding-top:3%;}
.padding-three-half-top {padding-top:3.5%;}
.padding-four-top {padding-top:4%;}
.padding-four-half-top {padding-top:4.5%;}
.padding-five-top {padding-top:5%;}
.padding-five-half-top {padding-top:5.5%;}
.padding-six-top {padding-top:6%;}
.padding-six-half-top {padding-top:6.5%;}
.padding-seven-top {padding-top:7%;}
.padding-seven-half-top {padding-top:7.5%;}
.padding-eight-top {padding-top:8%;}
.padding-eight-half-top {padding-top:8.5%;}
.padding-nine-top {padding-top:9%;}
.padding-nine-half-top {padding-top:9.5%;}
.padding-ten-top {padding-top:10%;}
.padding-ten-half-top {padding-top:10.5%;}
.padding-eleven-top {padding-top:11%;}
.padding-eleven-half-top {padding-top:11.5%;}
.padding-twelve-top {padding-top:12%;}
.padding-twelve-half-top {padding-top:12.5%;}
.padding-thirteen-top {padding-top:13%;}
.padding-thirteen-half-top {padding-top:13.5%;}
.padding-fourteen-top {padding-top:14%;}
.padding-fourteen-half-top {padding-top:14.5%;}
.padding-fifteen-top {padding-top:15%;}
.padding-fifteen-half-top {padding-top:15.5%;}
.padding-sixteen-top {padding-top:16%;}
.padding-sixteen-half-top {padding-top:16.5%;}
.padding-seventeen-top {padding-top:17%;}
.padding-seventeen-half-top {padding-top:17.5%;}
.padding-eighteen-top {padding-top:18%;}
.padding-eighteen-half-top {padding-top:18.5%;}
.padding-nineteen-top {padding-top:19%;}
.padding-nineteen-half-top {padding-top:19.5%;}
.padding-twenty-top {padding-top:20%;}
.padding-twenty-half-top {padding-top:20.5%;}
.padding-5px-top {padding-top:5px;}
.padding-10px-top {padding-top:10px;}
.padding-15px-top {padding-top:15px;}
.padding-20px-top {padding-top:20px;}
.padding-25px-top {padding-top:25px;}
.padding-30px-top {padding-top:30px;}
.padding-35px-top {padding-top:35px;}
.padding-40px-top {padding-top:40px;}
.padding-45px-top {padding-top:45px;}
.padding-50px-top {padding-top:50px;}
.padding-55px-top {padding-top:55px;}
.padding-60px-top {padding-top:60px;}
.padding-65px-top {padding-top:65px;}
.padding-70px-top {padding-top:70px;}
.padding-75px-top {padding-top:75px;}
.padding-80px-top {padding-top:80px;}
.padding-85px-top {padding-top:85px;}
.padding-90px-top {padding-top:90px;}
.padding-95px-top {padding-top:95px;}
.padding-100px-top {padding-top:100px;}

/* padding bottom */
.padding-one-bottom {padding-bottom:1%;}
.padding-one-half-bottom {padding-bottom:1.5%;}
.padding-two-bottom {padding-bottom:2%;}
.padding-two-half-bottom {padding-bottom:2.5%;}
.padding-three-bottom {padding-bottom:3%;}
.padding-three-half-bottom {padding-bottom:3.5%;}
.padding-four-bottom {padding-bottom:4%;}
.padding-four-half-bottom {padding-bottom:4.5%;}
.padding-five-bottom {padding-bottom:5%;}
.padding-five-half-bottom {padding-bottom:5.5%;}
.padding-six-bottom {padding-bottom:6%;}
.padding-six-half-bottom {padding-bottom:6.5%;}
.padding-seven-bottom {padding-bottom:7%;}
.padding-seven-half-bottom {padding-bottom:7.5%;}
.padding-eight-bottom {padding-bottom:8%;}
.padding-eight-half-bottom {padding-bottom:8.5%;}
.padding-nine-bottom {padding-bottom:9%;}
.padding-nine-half-bottom {padding-bottom:9.5%;}
.padding-ten-bottom {padding-bottom:10%;}
.padding-ten-half-bottom {padding-bottom:10.5%;}
.padding-eleven-bottom {padding-bottom:11%;}
.padding-eleven-half-bottom {padding-bottom:11.5%;}
.padding-twelve-bottom {padding-bottom:12%;}
.padding-twelve-half-bottom {padding-bottom:12.5%;}
.padding-thirteen-bottom {padding-bottom:13%;}
.padding-thirteen-half-bottom {padding-bottom:13.5%;}
.padding-fourteen-bottom {padding-bottom:14%;}
.padding-fourteen-half-bottom {padding-bottom:14.5%;}
.padding-fifteen-bottom {padding-bottom:15%;}
.padding-fifteen-half-bottom {padding-bottom:15.5%;}
.padding-sixteen-bottom {padding-bottom:16%;}
.padding-sixteen-half-bottom {padding-bottom:16.5%;}
.padding-seventeen-bottom {padding-bottom:17%;}
.padding-seventeen-half-bottom {padding-bottom:17.5%;}
.padding-eighteen-bottom {padding-bottom:18%;}
.padding-eighteen-half-bottom {padding-bottom:18.5%;}
.padding-nineteen-bottom {padding-bottom:19%;}
.padding-nineteen-half-bottom {padding-bottom:19.5%;}
.padding-twenty-bottom {padding-bottom:20%;}
.padding-twenty-half-bottom {padding-bottom:20.5%;}
.padding-5px-bottom {padding-bottom:5px;}
.padding-10px-bottom {padding-bottom:10px;}
.padding-15px-bottom {padding-bottom:15px;}
.padding-20px-bottom {padding-bottom:20px;}
.padding-25px-bottom {padding-bottom:25px;}
.padding-30px-bottom {padding-bottom:30px;}
.padding-35px-bottom {padding-bottom:35px;}
.padding-40px-bottom {padding-bottom:40px;}
.padding-45px-bottom {padding-bottom:45px;}
.padding-50px-bottom {padding-bottom:50px;}
.padding-55px-bottom {padding-bottom:55px;}
.padding-60px-bottom {padding-bottom:60px;}
.padding-65px-bottom {padding-bottom:65px;}
.padding-70px-bottom {padding-bottom:70px;}
.padding-75px-bottom {padding-bottom:75px;}
.padding-80px-bottom {padding-bottom:80px;}
.padding-85px-bottom {padding-bottom:85px;}
.padding-90px-bottom {padding-bottom:90px;}
.padding-95px-bottom {padding-bottom:95px;}
.padding-100px-bottom {padding-bottom:100px;}

/* padding right */
.padding-one-right {padding-right:1%;}
.padding-one-half-right {padding-right:1.5%;}
.padding-two-right {padding-right:2%;}
.padding-two-half-right {padding-right:2.5%;}
.padding-three-right {padding-right:3%;}
.padding-three-half-right {padding-right:3.5%;}
.padding-four-right {padding-right:4%;}
.padding-four-half-right {padding-right:4.5%;}
.padding-five-right {padding-right:5%;}
.padding-five-half-right {padding-right:5.5%;}
.padding-six-right {padding-right:6%;}
.padding-six-half-right {padding-right:6.5%;}
.padding-seven-right {padding-right:7%;}
.padding-seven-half-right {padding-right:7.5%;}
.padding-eight-right {padding-right:8%;}
.padding-eight-half-right {padding-right:8.5%;}
.padding-nine-right {padding-right:9%;}
.padding-nine-half-right {padding-right:9.5%;}
.padding-ten-right {padding-right:10%;}
.padding-ten-half-right {padding-right:10.5%;}
.padding-eleven-right {padding-right:11%;}
.padding-eleven-half-right {padding-right:11.5%;}
.padding-twelve-right {padding-right:12%;}
.padding-twelve-half-right {padding-right:12.5%;}
.padding-thirteen-right {padding-right:13%;}
.padding-thirteen-half-right {padding-right:13.5%;}
.padding-fourteen-right {padding-right:14%;}
.padding-fourteen-half-right {padding-right:14.5%;}
.padding-fifteen-right {padding-right:15%;}
.padding-fifteen-half-right {padding-right:15.5%;}
.padding-sixteen-right {padding-right:16%;}
.padding-sixteen-half-right {padding-right:16.5%;}
.padding-seventeen-right {padding-right:17%;}
.padding-seventeen-half-right {padding-right:17.5%;}
.padding-eighteen-right {padding-right:18%;}
.padding-eighteen-half-right {padding-right:18.5%;}
.padding-nineteen-right {padding-right:19%;}
.padding-nineteen-half-right {padding-right:19.5%;}
.padding-twenty-right {padding-right:20%;}
.padding-twenty-half-right {padding-right:20.5%;}
.padding-5px-right {padding-right:5px;}
.padding-10px-right {padding-right:10px;}
.padding-15px-right {padding-right:15px;}
.padding-20px-right {padding-right:20px;}
.padding-25px-right {padding-right:25px;}
.padding-30px-right {padding-right:30px;}
.padding-35px-right {padding-right:35px;}
.padding-40px-right {padding-right:40px;}
.padding-45px-right {padding-right:45px;}
.padding-50px-right {padding-right:50px;}
.padding-55px-right {padding-right:55px;}
.padding-60px-right {padding-right:60px;}
.padding-65px-right {padding-right:65px;}
.padding-70px-right {padding-right:70px;}
.padding-75px-right {padding-right:75px;}
.padding-80px-right {padding-right:80px;}
.padding-85px-right {padding-right:85px;}
.padding-90px-right {padding-right:90px;}
.padding-95px-right {padding-right:95px;}
.padding-100px-right {padding-right:100px;}

/* padding left */
.padding-one-left {padding-left:1%;}
.padding-one-half-left {padding-left:1.5%;}
.padding-two-left {padding-left:2%;}
.padding-two-half-left {padding-left:2.5%;}
.padding-three-left {padding-left:3%;}
.padding-three-half-left {padding-left:3.5%;}
.padding-four-left {padding-left:4%;}
.padding-four-half-left {padding-left:4.5%;}
.padding-five-left {padding-left:5%;}
.padding-five-half-left {padding-left:5.5%;}
.padding-six-left {padding-left:6%;}
.padding-six-half-left {padding-left:6.5%;}
.padding-seven-left {padding-left:7%;}
.padding-seven-half-left {padding-left:7.5%;}
.padding-eight-left {padding-left:8%;}
.padding-eight-half-left {padding-left:8.5%;}
.padding-nine-left {padding-left:9%;}
.padding-nine-half-left {padding-left:9.5%;}
.padding-ten-left {padding-left:10%;}
.padding-ten-half-left {padding-left:10.5%;}
.padding-eleven-left {padding-left:11%;}
.padding-eleven-half-left {padding-left:11.5%;}
.padding-twelve-left {padding-left:12%;}
.padding-twelve-half-left {padding-left:12.5%;}
.padding-thirteen-left {padding-left:13%;}
.padding-thirteen-half-left {padding-left:13.5%;}
.padding-fourteen-left {padding-left:14%;}
.padding-fourteen-half-left {padding-left:14.5%;}
.padding-fifteen-left {padding-left:15%;}
.padding-fifteen-half-left {padding-left:15.5%;}
.padding-sixteen-left {padding-left:16%;}
.padding-sixteen-half-left {padding-left:16.5%;}
.padding-seventeen-left {padding-left:17%;}
.padding-seventeen-half-left {padding-left:17.5%;}
.padding-eighteen-left {padding-left:18%;}
.padding-eighteen-half-left {padding-left:18.5%;}
.padding-nineteen-left {padding-left:19%;}
.padding-nineteen-half-left {padding-left:19.5%;}
.padding-twenty-left {padding-left:20%;}
.padding-twenty-half-left {padding-left:20.5%;}
.padding-5px-left {padding-left:5px;}
.padding-10px-left {padding-left:10px;}
.padding-15px-left {padding-left:15px;}
.padding-20px-left {padding-left:20px;}
.padding-25px-left {padding-left:25px;}
.padding-30px-left {padding-left:30px;}
.padding-35px-left {padding-left:35px;}
.padding-40px-left {padding-left:40px;}
.padding-45px-left {padding-left:45px;}
.padding-50px-left {padding-left:50px;}
.padding-55px-left {padding-left:55px;}
.padding-60px-left {padding-left:60px;}
.padding-65px-left {padding-left:65px;}
.padding-70px-left {padding-left:70px;}
.padding-75px-left {padding-left:75px;}
.padding-80px-left {padding-left:80px;}
.padding-85px-left {padding-left:85px;}
.padding-90px-left {padding-left:90px;}
.padding-95px-left {padding-left:95px;}
.padding-100px-left {padding-left:100px;}

/* padding top bottom */
.padding-one-tb {padding-top:1%; padding-bottom:1%;}
.padding-one-half-tb {padding-top:1.5%; padding-bottom:1.5%;}
.padding-two-tb {padding-top:2%; padding-bottom:2%;}
.padding-two-half-tb {padding-top:2.5%; padding-bottom:2.5%;}
.padding-three-tb {padding-top:3%; padding-bottom:3%;}
.padding-three-half-tb {padding-top:3.5%; padding-bottom:3.5%;}
.padding-four-tb {padding-top:4%; padding-bottom:4%;}
.padding-four-half-tb {padding-top:4.5%; padding-bottom:4.5%;}
.padding-five-tb {padding-top:5%; padding-bottom:5%;}
.padding-five-half-tb {padding-top:5.5%; padding-bottom:5.5%;}
.padding-six-tb {padding-top:6%; padding-bottom:6%;}
.padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
.padding-seven-tb {padding-top:7%; padding-bottom:7%;}
.padding-seven-half-tb {padding-top:7.5%; padding-bottom:7.5%;}
.padding-eight-tb {padding-top:8%; padding-bottom:8%;}
.padding-eight-half-tb {padding-top:8.5%; padding-bottom:8.5%;}
.padding-nine-tb {padding-top:9%; padding-bottom:9%;}
.padding-nine-half-tb {padding-top:9.5%; padding-bottom:9.5%;}
.padding-ten-tb {padding-top:10%; padding-bottom:10%;}
.padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}
.padding-eleven-tb {padding-top:11%; padding-bottom:11%;}
.padding-eleven-half-tb {padding-top:11.5%; padding-bottom:11.5%;}
.padding-twelve-tb {padding-top:12%; padding-bottom:12%;}
.padding-twelve-half-tb {padding-top:12.5%; padding-bottom:12.5%;}
.padding-thirteen-tb {padding-top:13%; padding-bottom:13%;}
.padding-thirteen-half-tb {padding-top:13.5%; padding-bottom:13.5%;}
.padding-fourteen-tb {padding-top:14%; padding-bottom:14%;}
.padding-fourteen-half-tb {padding-top:14.5%; padding-bottom:14.5%;}
.padding-fifteen-tb {padding-top:15%; padding-bottom:15%;}
.padding-fifteen-half-tb {padding-top:15.5%; padding-bottom:15.5%;}
.padding-sixteen-tb {padding-top:16%; padding-bottom:16%;}
.padding-sixteen-half-tb {padding-top:16.5%; padding-bottom:16.5%;}
.padding-seventeen-tb {padding-top:17%; padding-bottom:17%;}
.padding-seventeen-half-tb {padding-top:17.5%; padding-bottom:17.5%;}
.padding-eighteen-tb {padding-top:18%; padding-bottom:18%;}
.padding-eighteen-half-tb {padding-top:18.5%; padding-bottom:18.5%;}
.padding-nineteen-tb {padding-top:19%; padding-bottom:19%;}
.padding-nineteen-half-tb {padding-top:19.5%; padding-bottom:19.5%;}
.padding-twenty-tb {padding-top:20%; padding-bottom:20%;}
.padding-twenty-half-tb {padding-top:20.5%; padding-bottom:20%;}
.padding-twenty-one-tb {padding-top:21%; padding-bottom:21%;}
.padding-twenty-one-half-tb {padding-top:21.5%; padding-bottom:21.5%;}
.padding-twenty-two-tb {padding-top:22%; padding-bottom:22%;}
.padding-twenty-two-half-tb {padding-top:22.5%; padding-bottom:22.5%;}
.padding-twenty-three-tb {padding-top:23%; padding-bottom:23%;}
.padding-twenty-three-half-tb {padding-top:23.5%; padding-bottom:23.5%;}
.padding-twenty-four-tb {padding-top:24%; padding-bottom:24%;}
.padding-twenty-four-half-tb {padding-top:24.5%; padding-bottom:24.5%;}
.padding-twenty-five-tb {padding-top:25%; padding-bottom:25%;}
.padding-thirty-tb {padding-top:30%; padding-bottom:30%;}
.padding-5px-tb {padding-top:5px; padding-bottom:5px;}
.padding-10px-tb {padding-top:10px; padding-bottom:10px;}
.padding-15px-tb {padding-top:15px; padding-bottom:15px;}
.padding-20px-tb {padding-top:20px; padding-bottom:20px;}
.padding-25px-tb {padding-top:25px; padding-bottom:25px;}
.padding-30px-tb {padding-top:30px; padding-bottom:30px;}
.padding-35px-tb {padding-top:35px; padding-bottom:35px;}
.padding-40px-tb {padding-top:40px; padding-bottom:40px;}
.padding-45px-tb {padding-top:45px; padding-bottom:45px;}
.padding-50px-tb {padding-top:50px; padding-bottom:50px;}
.padding-55px-tb {padding-top:55px; padding-bottom:55px;}
.padding-60px-tb {padding-top:60px; padding-bottom:60px;}
.padding-65px-tb {padding-top:65px; padding-bottom:65px;}
.padding-70px-tb {padding-top:70px; padding-bottom:70px;}
.padding-75px-tb {padding-top:75px; padding-bottom:75px;}
.padding-80px-tb {padding-top:80px; padding-bottom:80px;}
.padding-85px-tb {padding-top:85px; padding-bottom:85px;}
.padding-90px-tb {padding-top:90px; padding-bottom:90px;}
.padding-95px-tb {padding-top:95px; padding-bottom:95px;}
.padding-100px-tb {padding-top:100px; padding-bottom:100px;}

/* padding left right */
.padding-one-lr {padding-left:1%; padding-right:1%;}
.padding-one-half-lr {padding-left:1.5%; padding-right:1.5%;}
.padding-two-lr {padding-left:2%; padding-right:2%;}
.padding-two-half-lr {padding-left:2.5%; padding-right:2.5%;}
.padding-three-lr {padding-left:3%; padding-right:3%;}
.padding-three-half-lr {padding-left:3.5%; padding-right:3.5%;}
.padding-four-lr {padding-left:4%; padding-right:4%;}
.padding-four-half-lr {padding-left:4.5%; padding-right:4.5%;}
.padding-five-lr {padding-left:5%; padding-right:5%;}
.padding-five-half-lr {padding-left:5.5%; padding-right:5.5%;}
.padding-six-lr {padding-left:6%; padding-right:6%;}
.padding-six-half-lr {padding-left:6.5%; padding-right:6.5%;}
.padding-seven-lr {padding-left:7%; padding-right:7%;}
.padding-seven-half-lr {padding-left:7.5%; padding-right:7.5%;}
.padding-eight-lr {padding-left:8%; padding-right:8%;}
.padding-eight-half-lr {padding-left:8.5%; padding-right:8.5%;}
.padding-nine-lr {padding-left:9%; padding-right:9%;}
.padding-nine-half-lr {padding-left:9.5%; padding-right:9.5%;}
.padding-ten-lr {padding-left:10%; padding-right:10%;}
.padding-ten-half-lr {padding-left:10.5%; padding-right:10.5%;}
.padding-eleven-lr {padding-left:11%; padding-right:11%;}
.padding-eleven-half-lr {padding-left:11.5%; padding-right:11.5%;}
.padding-twelve-lr {padding-left:12%; padding-right:12%;}
.padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
.padding-thirteen-lr {padding-left:13%; padding-right:13%;}
.padding-thirteen-half-lr {padding-left:13.5%; padding-right:13.5%;}
.padding-fourteen-lr {padding-left:14%; padding-right:14%;}
.padding-fourteen-half-lr {padding-left:14.5%; padding-right:14.5%;}
.padding-fifteen-lr {padding-left:15%; padding-right:15%;}
.padding-fifteen-half-lr {padding-left:15.5%; padding-right:15.5%;}
.padding-sixteen-lr {padding-left:16%; padding-right:16%;}
.padding-sixteen-half-lr {padding-left:16.5%; padding-right:16.5%;}
.padding-seventeen-lr {padding-left:17%; padding-right:17%;}
.padding-seventeen-half-lr {padding-left:17.5%; padding-right:17.5%;}
.padding-eighteen-lr {padding-left:18%; padding-right:18%;}
.padding-eighteen-half-lr {padding-left:18.5%; padding-right:18.5%;}
.padding-nineteen-lr {padding-left:19%; padding-right:19%;}
.padding-nineteen-half-lr {padding-left:19.5%; padding-right:19.5%;}
.padding-twenty-lr {padding-left:20%; padding-right:20%;}
.padding-twenty-half-lr {padding-left:20.5%; padding-right:20.5%;}
.padding-twenty-one-lr {padding-left:21%; padding-right:21%;}
.padding-twenty-one-half-lr {padding-left:21.5%; padding-right:21.5%;}
.padding-twenty-two-lr {padding-left:22%; padding-right:22%;}
.padding-twenty-two-half-lr {padding-left:22.5%; padding-right:22.5%;}
.padding-twenty-three-lr {padding-left:23%; padding-right:23%;}
.padding-twenty-three-half-lr {padding-left:23.5%; padding-right:23.5%;}
.padding-twenty-four-lr {padding-left:24%; padding-right:24%;}
.padding-twenty-four-half-lr {padding-left:24.5%; padding-right:24.5%;}
.padding-twenty-five-lr {padding-left:25%; padding-right:25%;}
.padding-thirty-lr {padding-left:30%; padding-right:30%;}
.padding-5px-lr {padding-left:5px; padding-right:5px;}
.padding-10px-lr {padding-left:10px; padding-right:10px;}
.padding-15px-lr {padding-left:15px; padding-right:15px;}
.padding-20px-lr {padding-left:20px; padding-right:20px;}
.padding-25px-lr {padding-left:25px; padding-right:25px;}
.padding-30px-lr {padding-left:30px; padding-right:30px;}
.padding-35px-lr {padding-left:35px; padding-right:35px;}
.padding-40px-lr {padding-left:40px; padding-right:40px;}
.padding-45px-lr {padding-left:45px; padding-right:45px;}
.padding-50px-lr {padding-left:50px; padding-right:50px;}
.padding-55px-lr {padding-left:55px; padding-right:55px;}
.padding-60px-lr {padding-left:60px; padding-right:60px;}
.padding-65px-lr {padding-left:65px; padding-right:65px;}
.padding-70px-lr {padding-left:70px; padding-right:70px;}
.padding-75px-lr {padding-left:75px; padding-right:75px;}
.padding-80px-lr {padding-left:80px; padding-right:80px;}
.padding-85px-lr {padding-left:85px; padding-right:85px;}
.padding-90px-lr {padding-left:90px; padding-right:90px;}
.padding-95px-lr {padding-left:95px; padding-right:95px;}
.padding-100px-lr {padding-left:100px; padding-right:100px;}

/*==============================
    Display
================================*/

.display-block {display:block !important}
.display-inline-block {display:inline-block !important}
.display-inline {display:inline !important}
.display-none {display:none !important}
.display-inherit {display:inherit !important}
.display-table {display:table !important}
.display-table-cell {display:table-cell !important}
.overflow-hidden {overflow:hidden !important}
.overflow-visible {overflow:visible !important}
.overflow-auto {overflow:auto !important}

.display-flex {-ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -moz-flex; display: -webkit-inline-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -o-flex-flow: row wrap;}
.display-flex > div:nth-of-type(1) {order: 2;-webkit-order:2;-moz-order:2;-ms-order:2}
.display-flex > div:nth-of-type(2) {order: 1;-webkit-order:1;-moz-order:1;-ms-order:1}
.display-flex > div:nth-of-type(3) {order: 3;-webkit-order:3;-moz-order:3;-ms-order:3}

/*============================== 
    Position
================================*/

.position-inherit {position:inherit !important}
.position-relative {position:relative !important;}
.position-absolute {position:absolute !important;}
.position-fixed {position:fixed !important;}
.position-right {right:0 !important;}
.position-left {left:0 !important;}
.position-top {top:0 !important;}

/* float */
.float-left{float: left !important}
.float-right{float: right !important}
.float-none{float: none !important}

/* top */
.top-auto {top:auto}
.top-inherit {top: inherit !important;}
.top-0 {top:0 !important;}
.top-1 {top:1px}
.top-2 {top:2px}
.top-3 {top:3px}
.top-4 {top:4px}
.top-5 {top:5px}
.top-6 {top:6px}
.top-7 {top:7px}
.top-8 {top:8px}
.top-9 {top:9px}
.top-10 {top:10px}
.top-15 {top:15px}
.top-20 {top:20px}
.top-25 {top:25px}
.top-30 {top:30px}
.top-35 {top:35px}
.top-40 {top:40px}
.top-45 {top:45px}
.top-50 {top:50px}

.top-minus1 {top:-1px}
.top-minus2 {top:-2px}
.top-minus3 {top:-3px}
.top-minus4 {top:-4px}
.top-minus5 {top:-5px}
.top-minus6 {top:-6px}
.top-minus7 {top:-7px}
.top-minus8 {top:-8px}
.top-minus9 {top:-9px}
.top-minus10 {top:-10px}
.top-minus15 {top:-15px}
.top-minus20 {top:-20px}
.top-minus25 {top:-25px}
.top-minus30 {top:-30px}
.top-minus35 {top:-35px}
.top-minus40 {top:-40px}

/* bottom */
.bottom-auto {bottom:auto}
.bottom-0 {bottom:0}
.bottom-1 {bottom:1px}
.bottom-2 {bottom:2px}
.bottom-3 {bottom:3px}
.bottom-4 {bottom:4px}
.bottom-5 {bottom:5px}
.bottom-6 {bottom:6px}
.bottom-7 {bottom:7px}
.bottom-8 {bottom:8px}
.bottom-9 {bottom:9px}
.bottom-10 {bottom:10px}
.bottom-15 {bottom:15px}
.bottom-20 {bottom:20px}
.bottom-25 {bottom:25px}
.bottom-30 {bottom:30px}
.bottom-35 {bottom:35px}
.bottom-40 {bottom:40px}
.bottom-45 {bottom:45px}
.bottom-50 {bottom:50px}

/* left */
.left-auto {left:auto}
.left-0 {left:0}
.left-1 {left:1px}
.left-2 {left:2px}
.left-3 {left:3px}
.left-4 {left:4px}
.left-5 {left:5px}
.left-6 {left:6px}
.left-7 {left:7px}
.left-8 {left:8px}
.left-9 {left:9px}
.left-10 {left:10px}
.left-15 {left:15px}
.left-20 {left:20px}
.left-25 {left:25px}
.left-30 {left:30px}
.left-35 {left:35px}
.left-40 {left:40px}
.left-45 {left:45px}
.left-50 {left:50px}

/* right */
.right-auto {right:auto}
.right-0 {right:0}
.right-1 {right:1px}
.right-2 {right:2px}
.right-3 {right:3px}
.right-4 {right:4px}
.right-5 {right:5px}
.right-6 {right:6px}
.right-7 {right:7px}
.right-8 {right:8px}
.right-9 {right:9px}
.right-10 {right:10px}

/*================================
    Width
================================*/
.width-1px {width:1px;}
.width-2px {width:2px;}
.width-3px {width:3px;}
.width-4px {width:4px;}
.width-5px {width:5px;}
.width-6px {width:6px;}
.width-7px {width:7px;}
.width-8px {width:8px;}
.width-9px {width:9px;}
.width-10px {width:10px;}
.width-15px {width:15px;}
.width-20px {width:20px;}
.width-25px {width:25px;}
.width-30px {width:30px;}
.width-35px {width:35px;}
.width-40px {width:40px;}

.width-10 {width:10%;}
.width-15 {width:15%;}
.width-20 {width:20%;}
.width-25 {width:25%;}
.width-30 {width:30%;}
.width-35 {width:35%;}
.width-40 {width:40%;}
.width-45 {width:45%;}
.width-50 {width:50%;}
.width-55 {width:55%;}
.width-60 {width:60%;}
.width-65 {width:65%;}
.width-70 {width:70%;}
.width-75 {width:75%;}
.width-80 {width:80%;}
.width-85 {width:85%;}
.width-90 {width:90%;}
.width-95 {width:95%;}
.width-100 {width:100%;}
.width-auto {width: auto}

.width-50px {width:50px;}
.width-75px {width:70px;}
.width-75px {width:75px;}
.width-80px {width:80px;}
.width-85px {width:85px;}
.width-90px {width:90px;}
.width-100px {width:100px;}
.width-120px {width:120px;}
.width-130px {width:130px;}
.width-150px {width:150px;}
.width-180px {width:180px;}
.width-200px {width:200px;}
.width-250px {width:250px;}
.width-300px {width:300px;}
.width-350px {width:350px;}
.width-400px {width:400px;}
.width-450px {width:450px;}
.width-500px {width:500px;}
.width-550px {width:550px;}
.width-600px {width:600px;}
.width-650px {width:650px;}
.width-700px {width:700px;}
.width-750px {width:750px;}
.width-800px {width:800px;}
.width-850px {width:850px;}
.width-900px {width:900px;}
.width-950px {width:950px;}
.width-1000px {width:1000px;}

/*================================ 
    Height
================================*/

.height-1px {height: 1px}
.height-2px {height: 2px}
.height-3px {height: 3px}
.height-4px {height: 4px}
.height-5px {height: 5px}
.height-6px {height: 6px}
.height-7px {height: 7px}
.height-8px {height: 8px}
.height-9px {height: 9px}
.height-10px {height: 10px}
.height-50px {height: 50px}
.height-60px {height: 60px}
.height-70px {height: 70px}

.height-50 {height: 50%}
.height-100 {height: 100% !important}
.height-auto {height:auto !important}
.height-80px {height: 80px}
.height-90px {height: 90px}
.height-100px {height: 100px}
.height-130px {height: 130px}
.height-150px {height: 150px}
.height-200px {height: 200px}
.height-250px {height: 250px}
.height-300px {height: 300px}
.height-350px {height: 350px}
.height-400px {height: 400px}
.height-450px {height: 450px}
.height-500px {height: 500px}
.height-550px {height: 550px}
.height-600px {height: 600px}
.height-650px {height: 650px}
.height-700px {height: 700px}
.height-750px {height: 750px}
.height-800px {height: 800px}
.height-850px {height: 850px}
.height-900px {height: 900px}
.height-100vh { height: 100vh; }
.max-height-100 {max-height: 100%}
.full-screen {min-height: 980px;}

/*================================ 
    Min  height
================================*/
.min-height-100px {min-height: 100px}
.min-height-200px {min-height: 200px}
.min-height-300px {min-height: 300px}
.min-height-400px {min-height: 400px}
.min-height-500px {min-height: 500px}
.min-height-600px {min-height: 600px}
.min-height-700px {min-height: 700px}

/* z-index */
.z-index-1111 {z-index:1111;}
.z-index-111 {z-index:111;}
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}
.z-index-0 {z-index:0;}
.z-index-minus2 {z-index:-2;}

/* verticle align */
.vertical-align-middle {vertical-align: middle;}
.vertical-align-top {vertical-align: top;}
.vertical-align-bottom {vertical-align: bottom;}
.vertical-middle {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); position: absolute; top: 50%; left:0; right: 0}
.clear-both {clear:both}
.line-break {display:block;}
.absolute-middle-center {left: 50%; top: 50%; z-index: 9; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.absolute-bottom-center {left: 50%; top: 80%; z-index: 9; position: absolute; -ms-transform: translateX(-50%) translateY(-80%); -moz-transform: translateX(-50%) translateY(-80%); -webkit-transform: translateX(-50%) translateY(-80%); transform: translateX(-50%) translateY(-80%);}

/* equalize background color height */ 
.inner-match-height{position: relative; height: 100%;}

/* ===================================
    Icon
====================================== */

/* icon type */
.icon-very-small {font-size: 16px}
.icon-small {font-size: 24px}
.icon-medium {font-size: 35px}
.icon-extra-medium {font-size: 40px}
.icon-large {font-size: 50px}
.icon-extra-large {font-size: 60px}
.icon-round-small {border-radius: 100%; display: table-cell; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; width: 80px; font-size:32px}
.icon-round-medium {border-radius: 100%; display: table-cell; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px;}

/* social media icon */
.icon-social-very-small {font-size: 12px}
.icon-social-small {font-size: 14px}
.icon-social-medium {font-size: 16px}
.icon-social-large {font-size: 20px}
.icon-social-extra-large {font-size: 24px}
.icon-social-very-small a i, .icon-social-small a i, .icon-social-medium a i {margin: 0 10px; vertical-align: middle;}
.icon-social-large a i {margin: 0 4px; vertical-align: middle;}

/* social media icon style */
.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon {list-style: none; padding: 0;}
.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li {display: inline-block;}
.extra-small-icon li {margin: 3px 3px}
.small-icon li {margin: 5px 5px}
.medium-icon li {margin:7px 8px}
.large-icon li {margin:7px 10px}
.extra-large-icon li {margin: 7px 12px}
.extra-small-icon a {font-size: 14px; width:30px; height:30px;line-height:29px;}
.small-icon a {font-size: 16px; width: 40px; height:40px;line-height: 38px;}
.medium-icon a {font-size: 20px; width: 50px; height:50px;line-height: 50px;}
.large-icon a {font-size: 24px; width: 60px; height: 60px;line-height: 60px;}
.extra-large-icon a {font-size: 30px; width: 70px; height: 70px;line-height: 70px;}

/* icon hover effect color */
.social-icon-style-1 ul, .social-icon-style-2 ul, .social-icon-style-3 ul, .social-icon-style-4 ul, .social-icon-style-5 ul, .social-icon-style-6 ul, .social-icon-style-7 ul, .social-icon-style-8 ul, .social-icon-style-9 ul, .social-icon-style-10 ul, .social-icon-style-11 ul {padding-left: 0;}
.social-icon-style-1 a.facebook-f,.social-icon-style-2 a.facebook-f,.social-icon-style-3 a.facebook-f,.social-icon-style-4 a.facebook-f span,.social-icon-style-10 a.facebook-f span {background-color: #3b5998}
.social-icon-style-1 a.twitter,.social-icon-style-2 a.twitter,.social-icon-style-3 a.twitter,.social-icon-style-4 a.twitter span,.social-icon-style-10 a.twitter span {background-color: #00aced}
.social-icon-style-1 a.google-plus-g,.social-icon-style-2 a.google-plus-g,.social-icon-style-3 a.google-plus-g,.social-icon-style-4 a.google-plus-g span,.social-icon-style-10 a.google-plus-g span {background-color: #dc4a38}
.social-icon-style-1 a.skype,.social-icon-style-2 a.skype, .social-icon-style-3 a.skype, .social-icon-style-4 a.skype span, .social-icon-style-10 a.skype span {background-color: #00a9f0}
.social-icon-style-1 a.dribbble,.social-icon-style-2 a.dribbble,.social-icon-style-3 a.dribbble,.social-icon-style-4 a.dribbble span,.social-icon-style-10 a.dribbble span {background-color: #ea4c89}
.social-icon-style-1 a.youtube,.social-icon-style-2 a.youtube,.social-icon-style-3 a.youtube,.social-icon-style-4 a.youtube span,.social-icon-style-10 a.youtube span {background-color: #bb0000}
.social-icon-style-1 a.linkedin-in,.social-icon-style-2 a.linkedin-in,.social-icon-style-3 a.linkedin-in,.social-icon-style-4 a.linkedin-in span,.social-icon-style-10 a.linkedin-in span {background-color: #007bb6}
.social-icon-style-1 a.instagram,.social-icon-style-2 a.instagram,.social-icon-style-3 a.instagram,.social-icon-style-4 a.instagram span,.social-icon-style-10 a.instagram span {background-color: #FE1F49}
.social-icon-style-1 a.pinterest-p,.social-icon-style-2 a.pinterest-p,.social-icon-style-3 a.pinterest-p,.social-icon-style-4 a.pinterest-p span,.social-icon-style-10 a.pinterest-p span {background-color: #CB2027}
.social-icon-style-1 a.flickr,.social-icon-style-2 a.flickr,.social-icon-style-3 a.flickr,.social-icon-style-4 a.flickr span,.social-icon-style-10 a.flickr span {background-color: #ff0084}
.social-icon-style-1 a.rss,.social-icon-style-2 a.rss,.social-icon-style-3 a.rss,.social-icon-style-4 a.rss span,.social-icon-style-10 a.rss span {background-color: #f2890a}
.social-icon-style-1 a.behance,.social-icon-style-2 a.behance,.social-icon-style-3 a.behance,.social-icon-style-4 a.behance span,.social-icon-style-10 a.behance span {background-color: #1769ff}
.social-icon-style-1 a.vine,.social-icon-style-2 a.vine,.social-icon-style-3 a.vine,.social-icon-style-4 a.vine span,.social-icon-style-10 a.vine span {background-color: #00bf8f}
.social-icon-style-1 a.email,.social-icon-style-2 a.email,.social-icon-style-3 a.email,.social-icon-style-4 a.email span,.social-icon-style-10 a.email span {background-color: #7d7d7d}
.social-icon-style-1 a.sms,.social-icon-style-2 a.sms,.social-icon-style-3 a.sms,.social-icon-style-4 a.sms span,.social-icon-style-10 a.sms span {background-color: #ffbd00}
.social-icon-style-1 a.sharethis,.social-icon-style-2 a.sharethis,.social-icon-style-3 a.sharethis,.social-icon-style-4 a.sharethis span,.social-icon-style-10 a.sharethis span {background-color: #95D03A}
.social-icon-style-1 a.reddit,.social-icon-style-2 a.reddit,.social-icon-style-3 a.reddit,.social-icon-style-4 a.reddit span,.social-icon-style-10 a.reddit span {background-color: #ff4500}
.social-icon-style-1 a.tumblr,.social-icon-style-2 a.tumblr,.social-icon-style-3 a.tumblr,.social-icon-style-4 a.tumblr span,.social-icon-style-10 a.tumblr span {background-color: #32506d}
.social-icon-style-1 a.digg,.social-icon-style-2 a.digg,.social-icon-style-3 a.digg,.social-icon-style-4 a.digg span,.social-icon-style-10 a.digg span {background-color: #262626}
.social-icon-style-1 a.stumbleupon,.social-icon-style-2 a.stumbleupon,.social-icon-style-3 a.stumbleupon,.social-icon-style-4 a.stumbleupon span,.social-icon-style-10 a.stumbleupon span {background-color: #eb4924}
.social-icon-style-1 a.whatsapp,.social-icon-style-2 a.whatsapp,.social-icon-style-3 a.whatsapp,.social-icon-style-4 a.whatsapp span,.social-icon-style-10 a.whatsapp span {background-color: #25d366}
.social-icon-style-1 a.vk,.social-icon-style-2 a.vk,.social-icon-style-3 a.vk,.social-icon-style-4 a.vk span,.social-icon-style-10 a.vk span {background-color: #4c6c91}
.social-icon-style-1 a.weibo,.social-icon-style-2 a.weibo,.social-icon-style-3 a.weibo,.social-icon-style-4 a.weibo span,.social-icon-style-10 a.weibo span {background-color: #ff9933}
.social-icon-style-1 a.odnoklassniki,.social-icon-style-2 a.odnoklassniki,.social-icon-style-3 a.odnoklassniki,.social-icon-style-4 a.odnoklassniki span,.social-icon-style-10 a.odnoklassniki span {background-color: #d7772d}
.social-icon-style-1 a.xing,.social-icon-style-2 a.xing,.social-icon-style-3 a.xing,.social-icon-style-4 a.xing span,.social-icon-style-10 a.xing span {background-color: #1a7576}
.social-icon-style-1 a.print,.social-icon-style-2 a.print,.social-icon-style-3 a.print,.social-icon-style-4 a.print span,.social-icon-style-10 a.print span {background-color: #222222}
.social-icon-style-1 a.blogger,.social-icon-style-2 a.blogger,.social-icon-style-3 a.blogger,.social-icon-style-4 a.blogger span,.social-icon-style-10 a.blogger span {background-color: #ff8000}
.social-icon-style-1 a.flipboard,.social-icon-style-2 a.flipboard,.social-icon-style-3 a.flipboard,.social-icon-style-4 a.flipboard span,.social-icon-style-10 a.flipboard span {background-color: #e12828}
.social-icon-style-1 a.meneame,.social-icon-style-2 a.meneame,.social-icon-style-3 a.meneame,.social-icon-style-4 a.meneame span,.social-icon-style-10 a.meneame span {background-color: #ff6400}
.social-icon-style-1 a.mailru,.social-icon-style-2 a.mailru,.social-icon-style-3 a.mailru,.social-icon-style-4 a.mailru span,.social-icon-style-10 a.mailru span {background-color: #168de2}
.social-icon-style-1 a.delicious,.social-icon-style-2 a.delicious,.social-icon-style-3 a.delicious,.social-icon-style-4 a.delicious span,.social-icon-style-10 a.delicious span {background-color: #205cc0}
.social-icon-style-1 a.livejournal,.social-icon-style-2 a.livejournal,.social-icon-style-3 a.livejournal,.social-icon-style-4 a.livejournal span,.social-icon-style-10 a.livejournal span {background-color: #00b0ea}
.social-icon-style-1 a.vimeo-v,.social-icon-style-2 a.vimeo-v,.social-icon-style-3 a.vimeo-v,.social-icon-style-4 a.vimeo-v span,.social-icon-style-10 a.vimeo-v span {background-color: #1ab7ea}
.social-icon-style-1 a.soundcloud,.social-icon-style-2 a.soundcloud,.social-icon-style-3 a.soundcloud,.social-icon-style-4 a.soundcloud span,.social-icon-style-10 a.soundcloud span {background-color: #ffa500}
.social-icon-style-1 a.github,.social-icon-style-2 a.github,.social-icon-style-3 a.github,.social-icon-style-4 a.github span,.social-icon-style-10 a.github span {background-color: #808184}
.social-icon-style-1 a.envelope,.social-icon-style-2 a.envelope,.social-icon-style-3 a.envelope,.social-icon-style-4 a.envelope span,.social-icon-style-10 a.envelope span {background-color: #fec254}
.social-icon-style-1 a.yelp,.social-icon-style-2 a.yelp,.social-icon-style-3 a.yelp,.social-icon-style-4 a.yelp span,.social-icon-style-10 a.yelp span {background-color: #b6322c}
.social-icon-style-1 a.discord,.social-icon-style-2 a.discord,.social-icon-style-3 a.discord,.social-icon-style-4 a.discord span,.social-icon-style-10 a.discord span {background-color: #7689d9}
.social-icon-style-1 a.custom,.social-icon-style-2 a.custom,.social-icon-style-3 a.custom,.social-icon-style-4 a.custom span,.social-icon-style-10 a.custom span {background-color: #0d0d0d}
.social-icon-style-1 a.telegram,.social-icon-style-2 a.telegram,.social-icon-style-3 a.telegram,.social-icon-style-4 a.telegram span,.social-icon-style-10 a.telegram span {background-color: #1187cc}
.social-icon-style-1 a.viber,.social-icon-style-2 a.viber,.social-icon-style-3 a.viber,.social-icon-style-4 a.viber span,.social-icon-style-10 a.viber span {background-color: #774e98}

/* social icon style */
.social-icon-style-6 a.facebook-f:hover {border-color: #3b5998; color: #3b5998}
.social-icon-style-6 a.twitter:hover {border-color: #00aced; color: #00aced}
.social-icon-style-6 a.google-plus-g:hover {border-color: #dc4a38; color: #dc4a38}
.social-icon-style-6 a.skype:hover {border-color: #dc4a38; color: #00a9f0}
.social-icon-style-6 a.dribbble:hover {border-color: #ea4c89; color: #ea4c89}
.social-icon-style-6 a.youtube:hover {border-color: #bb0000; color: #bb0000}
.social-icon-style-6 a.linkedin-in:hover {border-color: #0077b5; color: #0077b5}
.social-icon-style-6 a.pinterest-p:hover {border-color: #CB2027; color: #CB2027}
.social-icon-style-6 a.email:hover {border-color: #7d7d7d; color: #7d7d7d}
.social-icon-style-6 a.sms:hover {border-color: #ffbd00; color: #ffbd00}
.social-icon-style-6 a.sharethis:hover {border-color: #95D03A; color: #95D03A}
.social-icon-style-6 a.reddit:hover {border-color: #ff4500; color: #ff4500}
.social-icon-style-6 a.tumblr:hover {border-color: #32506d; color: #32506d}
.social-icon-style-6 a.digg:hover {border-color: #262626; color: #262626}
.social-icon-style-6 a.stumbleupon:hover {border-color: #eb4924; color: #eb4924}
.social-icon-style-6 a.whatsapp:hover {border-color: #25d366; color: #25d366}
.social-icon-style-6 a.vk:hover {border-color: #4c6c91; color: #4c6c91}
.social-icon-style-6 a.weibo:hover {border-color: #ff9933; color: #ff9933}
.social-icon-style-6 a.odnoklassniki:hover {border-color: #d7772d; color: #d7772d}
.social-icon-style-6 a.xing:hover {border-color: #1a7576; color: #1a7576}
.social-icon-style-6 a.print:hover{border-color: #222222; color: #222222}
.social-icon-style-6 a.blogger:hover {border-color: #ff8000; color: #ff8000}
.social-icon-style-6 a.flipboard:hover {border-color: #e12828; color: #e12828}
.social-icon-style-6 a.meneame:hover {border-color: #ff6400; color: #ff6400}
.social-icon-style-6 a.mailru:hover {border-color: #168de2; color: #168de2}
.social-icon-style-6 a.delicious:hover {border-color: #205cc0; color: #205cc0}
.social-icon-style-6 a.livejournal:hover {border-color: #00b0ea; color: #00b0ea}
.social-icon-style-6 a.soundcloud:hover {border-color: #ffa500; color: #ffa500}
.social-icon-style-6 a.vimeo-v:hover {border-color: #1ab7ea; color: #1ab7ea}
.social-icon-style-6 a.yelp:hover {border-color: #b6322c; color: #b6322c}
.social-icon-style-6 a.discord:hover {border-color: #7689d9; color: #7689d9}
.social-icon-style-6 a.telegram:hover {border-color: #1187cc; color: #1187cc}
.social-icon-style-6 a.viber:hover {border-color: #774e98; color: #774e98}

/* social icon style */
.social-icon-style-7 a.facebook-f:hover {border-color: #3b5998; background-color: #3b5998}
.social-icon-style-7 a.twitter:hover {border-color: #00aced; background-color: #00aced}
.social-icon-style-7 a.google-plus-g:hover {border-color: #dc4a38; background-color: #dc4a38}
.social-icon-style-7 a.skype:hover {border-color: #dc4a38; background-color: #00a9f0}
.social-icon-style-7 a.dribbble:hover {border-color: #ea4c89; background-color: #ea4c89}
.social-icon-style-7 a.youtube:hover {border-color: #bb0000; background-color: #bb0000}
.social-icon-style-7 a.linkedin-in:hover {border-color: #0077b5; background-color: #0077b5}
.social-icon-style-7 a.instagram:hover {border-color: #FE1F49; background-color: #FE1F49}
.social-icon-style-7 a.pinterest-p:hover {border-color: #CB2027; background-color: #CB2027}
.social-icon-style-7 a.flickr:hover {border-color: #ff0084; background-color: #ff0084}
.social-icon-style-7 a.rss:hover {border-color: #f2890a; background-color: #f2890a}
.social-icon-style-7 a.behance:hover {border-color: #1769ff; background-color: #1769ff}
.social-icon-style-7 a.vine:hover {border-color: #00bf8f; background-color: #00bf8f}
.social-icon-style-7 a.email:hover {border-color: #7d7d7d; background-color: #7d7d7d}
.social-icon-style-7 a.sms:hover {border-color: #ffbd00; background-color: #ffbd00}
.social-icon-style-7 a.sharethis:hover {border-color: #95D03A; background-color: #95D03A}
.social-icon-style-7 a.reddit:hover {border-color: #ff4500; background-color: #ff4500}
.social-icon-style-7 a.tumblr:hover {border-color: #32506d; background-color: #32506d}
.social-icon-style-7 a.digg:hover {border-color: #262626; background-color: #262626}
.social-icon-style-7 a.stumbleupon:hover {border-color: #eb4924; background-color: #eb4924}
.social-icon-style-7 a.whatsapp:hover {border-color: #25d366; background-color: #25d366}
.social-icon-style-7 a.vk:hover {border-color: #4c6c91; background-color: #4c6c91}
.social-icon-style-7 a.weibo:hover {border-color: #ff9933; background-color: #ff9933}
.social-icon-style-7 a.odnoklassniki:hover {border-color: #d7772d; background-color: #d7772d}
.social-icon-style-7 a.xing:hover {border-color: #1a7576; background-color: #1a7576}
.social-icon-style-7 a.print:hover{border-color: #222222; background-color: #222222}
.social-icon-style-7 a.blogger:hover {border-color: #ff8000; background-color: #ff8000}
.social-icon-style-7 a.flipboard:hover {border-color: #e12828; background-color: #e12828}
.social-icon-style-7 a.meneame:hover {border-color: #ff6400; background-color: #ff6400}
.social-icon-style-7 a.mailru:hover {border-color: #168de2; background-color: #168de2}
.social-icon-style-7 a.delicious:hover {border-color: #205cc0; background-color: #205cc0}
.social-icon-style-7 a.livejournal:hover {border-color: #00b0ea; background-color: #00b0ea}
.social-icon-style-7 a.soundcloud:hover {border-color: #ffa500; background-color: #ffa500}
.social-icon-style-7 a.vimeo-v:hover {border-color: #1ab7ea; background-color: #1ab7ea}
.social-icon-style-7 a.github:hover {border-color: #808184; background-color: #808184}
.social-icon-style-7 a.envelope:hover {border-color: #1ab7ea; background-color: #1ab7ea}
.social-icon-style-7 a.yelp:hover {border-color: #b6322c; background-color: #b6322c}
.social-icon-style-7 a.discord:hover {border-color: #7689d9; background-color: #7689d9}
.social-icon-style-7 a.telegram:hover {border-color: #1187cc; background-color: #1187cc}
.social-icon-style-7 a.viber:hover {border-color: #774e98; background-color: #774e98}

/* icon like counter */
a.likes-count {padding: 0 15px; width: auto; border-radius: 30px !important;}
a.likes-count i {margin-right: 8px;}
a.likes-count span {position: relative; top: -1px}

a.blog-like {padding: 0 15px; width: auto; border-radius: 30px !important; font-size: 12px;}
a.blog-like i {margin-right: 0;}
a.blog-like span {position: relative; top: -1px; margin-left: 8px;}
.single-post a.blog-like span.posts-like {display: none; margin-left: 8px;}

/* icon hover effect style 1 */
.social-icon-style-1 a {text-align: center; display:inline-block;transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; color: #fff}
.social-icon-style-1 a:hover {border-radius: 100%;}

/* icon hover effect style 2 */
.social-icon-style-2 a {text-align: center; display:inline-block;transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; border-radius: 100%; color: #fff}
.social-icon-style-2 a:hover {border-radius: 0;}

/* icon hover effect style 3 */
.social-icon-style-3 a {text-align: center; display:inline-block;transition: all 400ms;border-radius: 100%; color: #fff} 
.social-icon-style-3 a:hover i {transition: transform 0.4s ease-out; transform: rotateZ(360deg);}

/* icon hover effect style 4 */
.social-icon-style-4 a {text-align: center; display:inline-block;border-radius: 100%; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); color: #232323; text-align: center}
.social-icon-style-4 a:hover {color: #fff;}
.social-icon-style-4 a i {position: relative; z-index: 2}
.social-icon-style-4 a span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; width: 0;z-index: 1;}
.social-icon-style-4 a:hover span{width:100%;height:100%;border-radius: 100%; top: 0; left: 0;}

/* icon hover effect style 5 */
.social-icon-style-5 a {text-align: center; display:inline-block; color: #232323}
.social-icon-style-5 a:hover {color: #fff; border-radius: 100%; background-color: #ff214f} 

/* icon hover effect style 5 - light*/
.social-icon-style-5-light a {text-align: center; display:inline-block;color: #fff}
.social-icon-style-5-light a:hover {color: #fff; border-radius: 100%; background-color: #ff214f} 

/* icon hover effect style 6 */
.social-icon-style-6 a {text-align: center; display:inline-block;border: 1px solid rgba(0,0,0,0.1);color: #232323; background-color: transparent; border-radius: 100%;}
.social-icon-style-6 a:hover {border-color: #ff214f; color: #ff214f;  background-color: transparent;}

.pofo-post-detail-icon > ul, .pofo-post-detail-icon > div {display: inline-block;}
.pofo-post-detail-icon > ul {margin-left: 7px; margin-right: 7px;}
.pofo-post-detail-icon .blog-like {text-align: center; display:inline-block;border: 1px solid rgba(0,0,0,0.1);color: #232323; background-color: transparent; border-radius: 100%;}
.pofo-post-detail-icon .blog-like:hover {border-color: #ff214f; color: #ff214f;  background-color: transparent;}
.pofo-post-detail-icon ul {padding: 0;}

/* icon hover effect style 7 */
.social-icon-style-7 a {text-align: center; display:inline-block; border-radius: 100%; color: #232323; background-color: #fff;}
.social-icon-style-7 a:hover {color: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}

/* icon hover effect style 8 */
.social-icon-style-8 ul li a {text-align: center; width: auto; height: auto}
.social-icon-style-8 a:hover {color: #ff214f;}

/* icon hover effect style 9 */
.social-icon-style-9 ul li a {text-align: center; width: auto; height: auto}

.social-icon-style-9 a.facebook-f:hover {color: #3b5998;}
.social-icon-style-9 a.twitter:hover {color: #00aced;}
.social-icon-style-9 a.google-plus-g:hover {color: #dc4a38;}
.social-icon-style-9 a.skype:hover {color: #00a9f0;}
.social-icon-style-9 a.dribbble:hover {color: #ea4c89;}
.social-icon-style-9 a.youtube:hover {color: #bb0000;}
.social-icon-style-9 a.linkedin-in:hover {color: #007bb6;}
.social-icon-style-9 a.pinterest-p:hover {color: #CB2027}
.social-icon-style-9 a.email:hover {color: #7d7d7d}
.social-icon-style-9 a.sms:hover {color: #ffbd00}
.social-icon-style-9 a.sharethis:hover {color: #95D03A}
.social-icon-style-9 a.reddit:hover {color: #ff4500}
.social-icon-style-9 a.tumblr:hover {color: #32506d}
.social-icon-style-9 a.digg:hover {color: #262626}
.social-icon-style-9 a.stumbleupon:hover {color: #eb4924}
.social-icon-style-9 a.whatsapp:hover {color: #25d366}
.social-icon-style-9 a.vk:hover {color: #4c6c91}
.social-icon-style-9 a.weibo:hover {color: #ff9933}
.social-icon-style-9 a.odnoklassniki:hover {color: #d7772d}
.social-icon-style-9 a.xing:hover {color: #1a7576}
.social-icon-style-9 a.print:hover {color: #222222}
.social-icon-style-9 a.blogger:hover {color: #ff8000}
.social-icon-style-9 a.flipboard:hover {color: #e12828}
.social-icon-style-9 a.meneame:hover {color: #ff6400}
.social-icon-style-9 a.mailru:hover {color: #168de2}
.social-icon-style-9 a.delicious:hover {color: #205cc0}
.social-icon-style-9 a.livejournal:hover {color: #00b0ea}
.social-icon-style-9 a.soundcloud:hover {color: #ffa500}
.social-icon-style-9 a.vimeo-v:hover {color: #1ab7ea}
.social-icon-style-9 a.flickr:hover {color: #ff0185}
.social-icon-style-9 a.instagram:hover {color: #FE1F49}
.social-icon-style-9 a.rss:hover {color: #f2890e}
.social-icon-style-9 a.yelp:hover {color: #b6322c;}
.social-icon-style-9 a.discord:hover {color: #7689d9;}
.social-icon-style-9 a.telegram:hover {color: #1187cc;}
.social-icon-style-9 a.viber:hover {color: #774e98;}

/* icon hover effect style 10 - light */
.social-icon-style-10 {position: relative;}
.social-icon-style-10 a {text-align: center; display:inline-block; border-radius: 100%; position: relative; text-align: center}
.social-icon-style-10 a:hover {color: #fff;}
.social-icon-style-10 a i {position: relative; z-index: 1;}
.social-icon-style-10 a span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; width: 0;}
.social-icon-style-10 a:hover span{width:100%; height:100%; border-radius: 100%; top: 0; left: 0;}

/* social icon style 11 */
.social-icon-style-11 {position: relative;}
.social-icon-style-11 a {text-align: center; display:inline-block; border-radius: 100%; position: relative; text-align: center}
.social-icon-style-11 a.facebook-f {color: #3b5998}
.social-icon-style-11 a.twitter {color: #00aced}
.social-icon-style-11 a.google-plus-g {color: #dc4a38}
.social-icon-style-11 a.skype {color: #00a9f0}
.social-icon-style-11 a.dribbble {color: #ea4c89}
.social-icon-style-11 a.youtube {color: #bb0000}
.social-icon-style-11 a.linkedin-in {color: #0077b5}
.social-icon-style-11 a.instagram {color: #FE1F49}
.social-icon-style-11 a.pinterest-p {color: #CB2027}
.social-icon-style-11 a.flickr {color: #ff0084}
.social-icon-style-11 a.rss {color: #f2890a}
.social-icon-style-11 a.behance {color: #1769ff}
.social-icon-style-11 a.vine {color: #00bf8f}
.social-icon-style-11 a.email {color: #7d7d7d}
.social-icon-style-11 a.sms {color: #ffbd00}
.social-icon-style-11 a.sharethis {color: #95D03A}
.social-icon-style-11 a.reddit {color: #ff4500}
.social-icon-style-11 a.tumblr {color: #32506d}
.social-icon-style-11 a.digg {color: #262626}
.social-icon-style-11 a.stumbleupon {color: #eb4924}
.social-icon-style-11 a.whatsapp {color: #25d366}
.social-icon-style-11 a.vk {color: #4c6c91}
.social-icon-style-11 a.weibo {color: #ff9933}
.social-icon-style-11 a.odnoklassniki {color: #d7772d}
.social-icon-style-11 a.xing {color: #1a7576}
.social-icon-style-11 a.print{color: #222222}
.social-icon-style-11 a.blogger {color: #ff8000}
.social-icon-style-11 a.flipboard {color: #e12828}
.social-icon-style-11 a.meneame {color: #ff6400}
.social-icon-style-11 a.mailru {color: #168de2}
.social-icon-style-11 a.delicious {color: #205cc0}
.social-icon-style-11 a.livejournal {color: #00b0ea}
.social-icon-style-11 a.soundcloud {color: #ffa500}
.social-icon-style-11 a.vimeo-v {color: #1ab7ea}
.social-icon-style-11 a.yelp {color: #b6322c}
.social-icon-style-11 a.discord {color: #7689d9}
.social-icon-style-11 a.telegram {color: #1187cc}
.social-icon-style-11 a.viber {color: #774e98}
.social-icon-style-11 a:hover {color: #fff;}

/* country flag icon */
.icon-country {width: 16px; height: 16px; display: inline-block; margin:0 10px 0 5px; vertical-align: middle;}
.icon-country.usa {background:url("assets/images/country-flag-16X16/usa.png")}
.icon-country.england {background:url("assets/images/country-flag-16X16/england.png")}
.icon-country.china {background:url("assets/images/country-flag-16X16/china.png")}
.icon-country.hong-kong {background:url("assets/images/country-flag-16X16/hong-kong.png")}
.icon-country.france {background:url("assets/images/country-flag-16X16/france.png")}

/* ===================================
   Elements
====================================== */

/* double quotes */ 
.special-char-small {font-size: 40px; line-height: 60px;}
.special-char-medium {font-size: 80px; line-height: 120px;}
.special-char-large {font-size: 140px; line-height: 120px;}
.special-char-extra-large {font-size: 200px; line-height: 150px;}

/* stop the glowing blue shadow */
.search-box .add-on .form-control:focus, .search-box .add-on .input-group-btn > .btn:focus, .search-box .add-on .input-group-btn > .btn:hover {box-shadow:none;-webkit-box-shadow:none;border-color:#ededed;background: #f7f7f7}
.search-box .add-on i {color: #939393; font-size: 11px; top: -5px; left: -2px}
.sidebar-nav-style-1 .search-box .add-on i, .sidebar-part2 .search-box .add-on i {top: -3px; margin-left: 3px;}
.search-box input[type="text"],.search-box input[type="search"] {border-color:#ededed; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none;font-size: 12px; font-weight: normal; color: #232323; height: 31px}
.search-box .add-on input[type="text"] {padding: 5px 8px}
.search-box input[type="text"]::-webkit-input-placeholder {color: #939393; font-size: 10px; font-weight: 400; letter-spacing: 0.015em;}
.search-box input[type="text"]::-moz-placeholder {color: #939393; font-size: 10px; font-weight: 400; letter-spacing: 0.015em}
.search-box input[type="text"]::-ms-input-placeholder {color: #939393; font-size: 10px; font-weight: 400; letter-spacing: 0.015em}
.search-box input[type="text"]::-o-placeholder {color: #939393; font-size: 10px; font-weight: 400; letter-spacing: 0.015em}
.mc4wp-form-fields .input-group-btn .btn span {display: none;}

/* search box style 1 */
.search-box .add-on .input-group-btn > .btn {border-left-width:0;left:0px;border-color:#ededed; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-right: 0;margin-left: -1px;text-transform: uppercase;border-width: 1px; border-style: solid;padding: 5px 9px;height: 31px}

/* search box style 2 */
.search-box2 .add-on .input-group-btn > .btn {border-left-width:0; left:0px; border-color:#4f4f4f; background-color: #4f4f4f; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-right: 0;margin-left: -1px; text-transform: uppercase; border-width: 1px; border-style: solid; padding: 5px 8px 5px 10px; height: 45px; width: 45px;}
.search-box2 .add-on .input-group-btn {width: 45px;}
.search-box2 .add-on .input-group-btn > .btn:focus, .search-box2 .add-on .input-group-btn > .btn:hover {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; border-color:#4f4f4f; background-color: #4f4f4f;}
.newsletter-form-style2 .input-group-btn > .btn {border-left-width:0; left:0px; border-color:#4f4f4f; background-color: #4f4f4f; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-right: 0;margin-left: -1px; text-transform: uppercase; border-width: 1px; border-style: solid; padding: 5px 8px 5px 10px !important; height: 45px; width: 45px;}
.newsletter-form-style2 .input-group-btn {width: 45px;}
.newsletter-form-style2 .input-group-btn > .btn:focus, .newsletter-form-style2 .add-on .input-group-btn > .btn:hover {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; border-color:#4f4f4f; background-color: #4f4f4f;}
.newsletter-form-style2 .input-group-btn i{color: #fff; font-size: 17px; top: 0;}
.newsletter-form-style2 input[type="text"], .newsletter-form-style2 input[type="email"], .newsletter-form-style2 input[type="search"] {border:1px solid #474747 !important; padding: 10px 14px; background-color: transparent; font-size: 14px; font-weight: normal; color: #636363; height: 45px}
.newsletter-form-style2 .add-on input[type="text"], .newsletter-form-style2 .add-on input[type="email"] {padding: 10px 14px}
.newsletter-form-style2 input[type="text"]::-webkit-input-placeholder, .newsletter-form-style2 input[type="email"]::-webkit-input-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.newsletter-form-style2 input[type="text"]::-moz-placeholder, .newsletter-form-style2 input[type="email"]::-moz-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.newsletter-form-style2 input[type="text"]::-ms-input-placeholder, .newsletter-form-style2 input[type="email"]::-ms-input-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.newsletter-form-style2 input[type="text"]::-o-placeholder, .newsletter-form-style2 input[type="email"]::-o-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.newsletter-form-style2 .input-group {width: 100%;}
.mc4wp-error {color: #ff0000; margin-top: 8px; font-size: 13px;}

/* sidebar widget */
.sidebar .search-box .add-on input[type="text"] {border-radius: 0; font-size: 14px; line-height: normal; padding: 12px 35px 12px 20px; border-color: #ededed; height: auto; color: #6f6f6f; position: relative; z-index: 1;}
.sidebar .search-box .add-on input[type="text"]:focus {border-color: #585858; font-size: 14px; background-color: transparent;}
.sidebar .search-box input[type="text"]::-webkit-input-placeholder {color: #6f6f6f; font-size: 14px; font-weight: 400;}
.sidebar .search-box input[type="text"]::-moz-placeholder {color: #6f6f6f; font-size: 14px; font-weight: 400;}
.sidebar .search-box input[type="text"]::-ms-input-placeholder {color: #6f6f6f; font-size: 14px; font-weight: 400;}
.sidebar .search-box input[type="text"]::-o-placeholder {color: #6f6f6f; font-size: 14px; font-weight: 400;}
.sidebar .input-group {display: block; position: relative;}
.sidebar .search-box .add-on .input-group-btn {width: auto; display: block; float: right;}
.sidebar .search-box .add-on .input-group-btn > .btn {position: absolute; width: auto; height: auto; right: 0; left: inherit; top: 0; border: 0; border-radius: 0; background-color: transparent; line-height: normal; padding: 13px 12px 13px 12px!important; z-index: 2;}
.sidebar .search-box .add-on .input-group-btn > .btn > i {left: 0;  top: 0;}
.sidebar .widget_search, .sidebar .widget_search .navbar-form {width: 100%; float: left; margin-top: 0;}
.sidebar .widget_search .navbar-form {margin-bottom: 0;}
.sidebar .widget {clear: both;}
.sidebar .search-box .add-on .btn i {color: #6f6f6f; font-size: 14px;}
.sidebar .search-box .add-on .btn:hover i {color: #000;}
.navbar-form {margin-left: 0; margin-right: 0;}

.sidebar .widget_categories ul, .sidebar .widget_pofo_portfolio_categories ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_categories ul li.category-list, .sidebar .widget_pofo_portfolio_categories ul li.category-list {position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_categories ul li.category-list a, .sidebar .widget_pofo_portfolio_categories ul li.category-list a {font-size: 12px; line-height: 20px;}
.sidebar .widget_categories ul li.category-list span, .sidebar .widget_pofo_portfolio_categories ul li.category-list span {float: right; top: 3px; right: 0; font-size: 12px; line-height: 26px;}
.sidebar .widget_categories ul li.category-list:last-child, .sidebar .widget_pofo_portfolio_categories ul li.category-list:last-child {border-bottom: none}
.sidebar .widget_categories ul li.category-list:before, .sidebar .widget_pofo_portfolio_categories ul li.category-list:before {content: "";}
.sidebar .widget_categories ul li.category-list ul, .sidebar .widget_pofo_portfolio_categories ul li.category-list ul {padding: 10px 0 0 10px;}
.sidebar .widget_categories ul li.category-list ul li, .sidebar .widget_pofo_portfolio_categories ul li.category-list ul li {padding-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_categories ul li.category-list ul li ul li:last-child, .sidebar .widget_pofo_portfolio_categories ul li.category-list ul li ul li:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}
.sidebar .widget_categories ul li.category-list ul li:last-child, .sidebar .widget_pofo_portfolio_categories ul li.category-list ul li:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}

.sidebar .widget_archive ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_archive ul li {position: relative; padding: 0 15px 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_archive ul li a {font-size: 12px; line-height: 20px;}
.sidebar .widget_archive ul li span {position: absolute; top: 3px; right: 0; font-size: 12px; line-height: 20px;}
.sidebar .widget_archive ul li:last-child {border-bottom: none}
.sidebar .widget_archive ul li:before {content: "";}

.sidebar .widget_recent_entries ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_recent_entries ul li {position: relative; padding: 0 15px 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_recent_entries ul li a {font-size: 12px; line-height: 20px;}
.sidebar .widget_recent_entries ul li span {position: absolute; top: 3px; right: 0; font-size: 12px; line-height: 20px;}
.sidebar .widget_recent_entries ul li:last-child {border-bottom: none}
.sidebar .widget_recent_entries ul li:before {content: "";}

.sidebar .widget_nav_menu ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_nav_menu ul li.menu-item {position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_nav_menu ul li.menu-item a {font-size: 12px; line-height: 20px;}
.sidebar .widget_nav_menu ul li.menu-item span {position: absolute; top: 3px; right: 0; font-size: 12px; line-height: 20px;}
.sidebar .widget_nav_menu ul li.menu-item:last-child {border-bottom: none}
.sidebar .widget_nav_menu ul li.menu-item:before {content: "";}
.sidebar .widget_nav_menu ul li.menu-item ul {padding: 10px 0 0 10px;}
.sidebar .widget_nav_menu ul li.menu-item ul li {padding-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_nav_menu ul li.menu-item ul li ul li:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}
.sidebar .widget_nav_menu ul li.menu-item ul li:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}

.sidebar .widget_meta ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_meta ul li {position: relative; padding: 0 15px 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_meta ul li a {font-size: 12px; line-height: 20px;}
.sidebar .widget_meta ul li span {position: absolute; top: 3px; right: 0; font-size: 12px; line-height: 20px;}
.sidebar .widget_meta ul li:last-child {border-bottom: none}
.sidebar .widget_meta ul li:before {content: "";}

.sidebar .widget_recent_comments ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_recent_comments ul li {position: relative; padding: 0 15px 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_recent_comments ul li a {font-size: 12px; line-height: 20px;}
.sidebar .widget_recent_comments ul li:last-child {border-bottom: none}
.sidebar .widget_recent_comments ul li:before {content: "";}

.sidebar .latest-post li > div {display: table; vertical-align: top;}
.sidebar .latest-post li {padding:10px 0;}
.sidebar .latest-post li:last-child {padding-bottom: 0;}

.sidebar .newsletter-form-style2 input[type="text"], .sidebar .newsletter-form-style2 input[type="email"] {border: 1px solid #d1d1d1 !important; border-radius: 0; font-size: 14px; height: auto; padding: 10px 35px 10px 20px;}
.sidebar .newsletter-form-style2 input[type="text"]:focus, .sidebar .newsletter-form-style2 input[type="email"]:focus {border: 1px solid #585858 !important;}
.sidebar .newsletter-form-style2 input[type="text"]::-webkit-input-placeholder, .sidebar .newsletter-form-style2 input[type="email"]::-webkit-input-placeholder {font-size: 14px;}
.sidebar .newsletter-form-style2 input[type="text"]::-moz-placeholder, .sidebar .newsletter-form-style2 input[type="email"]::-moz-placeholder {font-size: 14px;}
.sidebar .newsletter-form-style2 input[type="text"]::-ms-input-placeholder, .sidebar .newsletter-form-style2 input[type="email"]::-ms-input-placeholder {font-size: 14px;}
.sidebar .newsletter-form-style2 input[type="text"]::-o-placeholder, .sidebar .newsletter-form-style2 input[type="email"]::-o-placeholder {font-size: 14px;}
.sidebar .newsletter-form-style2 .input-group-btn {position: absolute; top: 0; right: 0; z-index: 4; width: auto;}
.sidebar .newsletter-form-style2 .input-group-btn i {color: #6f6f6f; top: 0;}
.sidebar .newsletter-form-style2 .input-group-btn > .btn:hover i {color: #000}
.sidebar .newsletter-form-style2 .input-group-btn > .btn, .sidebar .newsletter-form-style2 .input-group-btn > .btn:focus, .sidebar .newsletter-form-style2 .add-on .input-group-btn > .btn:hover {height: auto; width: auto; background-color: transparent; border-radius: 0; border:none; padding: 15px 12px 14px 13px !important; border-left: 0; color: #6f6f6f; position: absolute; right: 0; top: 0; left: inherit;}
footer ul {list-style: none;}

.sidebar .widget_pages ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_pages ul li.page_item {position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_pages ul li.page_item a {font-size: 12px; line-height: 20px;}
.sidebar .widget_pages ull li.page_item:last-child {border-bottom: none}
.sidebar .widget_pages ul li.page_item ul {padding: 10px 0 0 10px;}
.sidebar .widget_pages ul li.page_item ul li {padding-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar .widget_pages ul li.page_item ul li ul li:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}
.sidebar .widget_pages ul li.page_item ul li:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}

.sidebar .widget_rss ul {list-style: none; margin: 0; padding: 0;}
.sidebar .widget_rss ul li {position: relative; padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; line-height: 20px;}
.sidebar .widget_rss ul li .rssSummary {margin-top: 10px;}
.sidebar .widget_rss ul li a {font-size: 12px; line-height: 20px;}
.sidebar .widget_rss ull li:last-child {border-bottom: none}

/* search form */
.search-cart-header {padding-top: 14px; float: right; letter-spacing: 1px}
.header-search-form {color: #232323}
.search-form .search-input {border: none; border-radius: 0; border-bottom: 2px solid rgba(255,255,255,0.5); font-size: 30px; font-weight: 100; padding: 20px 38px 20px 2px; background: transparent; line-height: 40px; color: #fff;}
.search-form .search-input:focus{outline: none}
.search-input ::-moz-placeholder, .search-input [placeholder] {color: #ff0000;}
.search-form .search-button {font-size:21px; color:#fff; top:31px; right: 0; outline: none;}
#search-header {height:100%; width: 45%; margin:0 auto;}
.close-search {color: #373737; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer;}
.close-search:hover {color: #9a9a9a;}
.search-button {cursor: pointer;  z-index: 0; margin-right: 0; border: none; background: none;}
.btn-header:hover {color: #000  !important;}
.sticky .btn-header {color: #000 !important; background-color: #fff !important; border-color: #fff !important}
.sticky .btn-header:hover {color: #fff !important; background-color: #000 !important; border-color: #fff !important}
.btn-black-header:hover, .sticky .btn-black-header:hover {color: #000  !important;}
.sticky .btn-black-header {color: #fff !important} 
.search-box2 .add-on .input-group-btn > .btn:focus, .search-box2 .add-on .input-group-btn > .btn:hover {box-shadow:none;-webkit-box-shadow:none;border-color:#4f4f4f;background-color: #4f4f4f;}
.search-box2 .add-on i{color: #fff; font-size: 17px}
.search-box2 input[type="text"],.search-box2 input[type="search"] {border-color:#474747; background-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none;font-size: 14px; font-weight: normal; color: #636363; height: 45px}
.search-box2 .add-on input[type="text"] {padding: 10px 14px}
.search-box2 input[type="text"]::-webkit-input-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.search-box2 input[type="text"]::-moz-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.search-box2 input[type="text"]::-ms-input-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.search-box2 input[type="text"]::-o-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}

/* list style 1 */
.list-style-1 {padding: 0;}
.list-style-1 li span {width: 30%; display: inline-block;}
.list-style-1 li span:before {color: #ff214f; content: "-"; font-size: 20px; left: -5px; top:3px; position: relative;}

/* list style 2 */
.list-style-2 {list-style: none; margin: 0; padding: 0;}
.list-style-2 li {position: relative; padding: 0 0 0 12px; margin: 0 0 9px 0;}
.list-style-2 li:before {content: ""; width: 5px; height: 1px; background-color: #ff214f; position: absolute; top: 12px; left: 0;}

/* list style 3 */
.list-style-3 {list-style: none; margin: 0; padding: 0;}
.list-style-3 li {position: relative; padding: 0 0 0 22px; margin: 0 0 15px 0;}
.list-style-3 li:before {content: ""; width: 10px; height: 1px; background-color: #ff214f; position: absolute; top: 13px; left: 0;}

/* list style 4 */
.list-style-4 {list-style: none; margin: 0; padding: 0;}
.list-style-4 li {position: relative; padding: 0 0 10px 22px; margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-4 li:before {content: "\f00c"; position: absolute; top: 1px; left: 0; font-family: Font Awesome\ 5 Free; font-weight: 900;}
.list-style-4 li:last-child {border-bottom: 0;}
.list-style-4.list-style-color li {border-color: rgba(255,255,255,.15);}
.list-style-4.list-style-color li:before {color: #ff214f}

/* list style 5 */
.list-style-5 {list-style: none; margin: 0; padding: 0;}
.list-style-5 li {position: relative; padding: 0 0 10px 22px; margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-5 li:before {content: "\f192"; position: absolute; top: 1px; left: 0; font-family: Font Awesome\ 5 Free; font-weight: 400; color: #c0c0c0}
.list-style-5 li:last-child {border-bottom: 0;}
.list-style-5.list-style-color li {border-color: rgba(255,255,255,.15);}
.list-style-5.list-style-color li:before {color: #ff214f}

/* list style 6 */
.list-style-6 {list-style: none; margin: 0; padding: 0;}
.list-style-6 li {position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-6 li span {position: absolute; top: 3px; right: 0;}
.list-style-6 li:last-child {border-bottom: none}
.list-style-6 li:before {content: "";}

/* list style 7 */
.list-style-7 {list-style: none; margin: 0; padding: 0;}
.list-style-7 li {padding: 0 0 13px 0; margin: 0 0 10px 0;}
.list-style-7 li:last-child {margin: 0; padding: 0;}

/* list style 8 */
.list-style-8 {list-style: none; margin: 0; padding: 0;}
.list-style-8 li {position: relative; padding:15px 0; margin: 0 0 4px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-8 li span {margin-bottom: 2px}
.list-style-8 li p {margin-bottom: 0}
.list-style-8 li:last-child {border-bottom: none}
.list-style-8 li:before {content: "";}

/* list style 9 */
.list-style-9 {list-style: none; margin: 0; padding: 0;}
.list-style-9 li {position: relative; padding:15px 0; margin: 0 0 4px 0; border-bottom: 1px solid #373737;}
.list-style-9 li span {margin-bottom: 2px}
.list-style-9 li p {margin-bottom: 0}
.list-style-9 li:last-child {border-bottom: none}
.list-style-9 li:before {content: "";}

/* list style 10 */
.list-style-10 {list-style: none; margin: 0; padding: 0;}
.list-style-10 li {padding:15px 0; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-10 li i {float: left; margin-top: 5px}
.list-style-10 li span {padding-left: 15px; display: table}
.list-style-10 li:last-child {border-bottom: none}

/* list style 12 */
.list-style-12 { list-style: none; margin: 0; padding: 0;}
.list-style-12 li { position: relative; padding-left: 30px; margin-bottom: 12px; }
.list-style-12 li:before { content: "\f00c"; position: absolute; top: 1px; left: 0; font-family: Font Awesome\ 5 Free; font-weight: 900; }
.list-style-12.list-style-color li:before {color: #ff214f;}

/* image hover style 1 */
.image-hover-style-1 {background: #222222}
.image-hover-style-1:hover img{opacity: 0.5; transform: scale(1.2, 1.2) rotate(-5deg); transition: all 0.3s ease 0s;}

/* image hover style 3 */
.image-hover-style-3:hover .cover-background {filter: contrast(130%); -webkit-filter:contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%); filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1);}

/* image gallery */
.mfp-close,.mfp-close:active {opacity: 1; background-color:transparent; color: #fff; right: 30px; top: 30px;}
.mfp-close-btn-in .mfp-close, .my-mfp-zoom-in .mfp-close  {  color: #333 !important; top: 0; right: 0;}
.lightbox-gallery a{position: relative; display:block}
.lightbox-gallery .gallary-over-layer{position: absolute; top: 0; left:0;}
.pofo-lightbox-caption {display: table;}

.gallery-columns-1 {float: left; width: 100%;}
.gallery-columns-1 .gallery-item {float: left; width: 100%;  margin-bottom: 25px; text-align: center; padding-left: 15px; padding-right: 15px;}
.gallery-columns-1 .gallery-item img {margin-bottom: 10px;}
.gallery-columns-1 .gallery-item:nth-child(3n+1) {clear: left}
.gallery-columns-2 {float: left; width: 100%;}
.gallery-columns-2 .gallery-item {float: left; width: 50%;  margin-bottom: 25px; text-align: center; padding-left: 15px; padding-right: 15px;}
.gallery-columns-2 .gallery-item img {margin-bottom: 10px;}
.gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: left}
.gallery-columns-3 {float: left; width: 100%;}
.gallery-columns-3 .gallery-item {float: left; width: 33.333%;  margin-bottom: 25px; text-align: center; padding-left: 15px; padding-right: 15px;}
.gallery-columns-3 .gallery-item img {margin-bottom: 10px;}
.gallery-columns-3 .gallery-item:nth-child(3n+1) {clear: left}
.gallery-columns-4 {float: left; width: 100%;}
.gallery-columns-4 .gallery-item {float: left; width: 25%;  margin-bottom: 25px; text-align: center; padding-left: 15px; padding-right: 15px;}
.gallery-columns-4 .gallery-item img {margin-bottom: 10px;}
.gallery-columns-4 .gallery-item:nth-child(4n+1) {clear: left}

/* info banner style 1 */
.banner-style1 figure {position: relative; cursor: pointer; overflow: hidden; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.banner-style1 figure figcaption{position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 100%;}
.banner-style1 figure:hover .banner-image img{opacity:0.3; filter: contrast(130%); -webkit-filter:contrast(130%); -webkit-filter: grayscale(1); filter: grayscale(1);}
.banner-style1 figure figcaption p{opacity: 0; margin-bottom: 0; height: 0}
.banner-style1 figure:hover figcaption p {height: 75px; opacity: 1; margin-top: 20px;}

/* info banner style 2 */
.banner-style2 figure {position: relative; overflow: hidden;}
.banner-style2 figure:hover .banner-image img{opacity:0.4;}
.banner-style2 figcaption {position: absolute; right: -50px; top: 40px; height: 100%; height: calc(100% - 80px); width: 50%; opacity: 0; visibility: hidden;}
.banner-style2 figure:hover figcaption {right: 40px; opacity: 1; visibility: visible}

/* info banner style 3 */
.banner-style3 figure {position: relative; cursor: pointer; overflow: hidden; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; -ms-transition-duration: .2s;}
.banner-style3 figure figcaption{position: absolute; left: 0; top: 52%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 100%; width: 100%; padding: 0 20px; opacity: 0;}
.banner-style3 figure figcaption p {margin-bottom: 20px;}
.banner-style3 figure:hover figcaption {opacity: 1; top: 50%}
.banner-style3 figure:hover .banner-image img, .banner-style1 figure:hover .banner-image {opacity:0.3;}

/* magnific popup */ 
.mfp-bg {background: #000; opacity: 0.93;}
.mfp-bg, .mfp-wrap {z-index: 999999}
.mfp-auto-cursor .mfp-container {cursor: default !important}
#popup-form {cursor:default;}
.zoom-gallery img {cursor:url("assets/images/icon-zoom2.png"), pointer !important;}
.mfp-zoom{cursor:url("assets/images/icon-zoom-1.png"), pointer;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:#fff; background: transparent}
.mfp-zoom-out-cur .mfp-image-holder {padding-left: 15px; padding-right: 15px;}
.popup-youtube .icon-image {width: 142px; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.popup-vimeo .icon-image {width: 142px; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.popup-youtube-img.popup-youtube .icon-image {width: auto}
.popup-youtube.demo-popup-youtube .icon-image {width: 88px;}
.youtube-video-1:hover .icon-image {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

.mfp-arrow-right:after, .mfp-arrow-left:after {display: none}
.mfp-arrow-right:before {border-left: none; content: "\e628"; font-size: 2em; font-family: 'themify'; color: #fff;}
.mfp-arrow-left:before {border-right: none; content: "\e629"; font-size: 2em; font-family: 'themify'; color: #fff;}
.mfp-bottom-bar {margin-top: -24px; font-size: 12px}
.mfp-close {font-size: 36px; font-family: 'Montserrat', sans-serif; font-weight: 400}

@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}

.mfp-figure {-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden;  -ms-backface-visibility:hidden;}

/* start state */
.my-mfp-zoom-in .modal-popup-main {opacity: 0; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8);  -moz-transform: scale(0.8); -ms-transform: scale(0.8);  -o-transform: scale(0.8); transform: scale(0.8);}

/* animate in */
.my-mfp-zoom-in.mfp-ready .modal-popup-main {opacity: 1; -webkit-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);}

/* animate in */
.mfp-ready .modal-popup-main {opacity: 1; -webkit-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);}
.mfp-ready .modal-popup-main .mfp-close {position: absolute;}

/* animate out */
.my-mfp-zoom-in.mfp-removing .modal-popup-main {-webkit-transform: scale(0.8);  -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}

/* Fade-move animation for second dialog */
.my-mfp-slide-bottom .modal-popup-main {opacity: 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .modal-popup-main {opacity: 1;-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 );}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .modal-popup-main {opacity: 0;-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {opacity: 0.8;}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0;}

/* Simple fade transition */
.mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.97;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
div.wpcf7 .wpcf7-form .ajax-loader {width: 30px; height: 30px; margin-left: 10px; background-repeat: no-repeat; background-image: url('../pofo/assets/images/spin-contact.png'); background-size: 30px}
.ajax-loader {display: none !important}
.ajax-loader.is-active {display: inline-block !important}

/* ===================================
    Button
====================================== */

.btn {display:inline-block; border:2px solid transparent; white-space: pre-wrap; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; outline: none !important;}

/* button size */
.btn.btn-very-small {font-size:9px; padding: 1px 17px; line-height: 22px;}
.btn.btn-small {font-size:11px; padding: 4px 24px;}
.btn.btn-medium {font-size:12px; padding: 6px 25px 5px;}
.btn.btn-large {font-size:13px; padding: 9px 34px; line-height: 25px}
.btn.btn-extra-large {font-size:15px; padding: 12px 40px 13px;  line-height: 25px}
.btn-dual .btn {margin: 0 10px;}
.btn i {margin-left: 10px; vertical-align: middle; position: relative; top:-2px}

/* button background type */
.btn.btn-white {background:#ffffff; border-color: #ffffff; color: #232323}
.btn.btn-white:hover, .btn.btn-white:focus {background: transparent; color: #fff; outline: none;}

.btn.btn-black {background:#000000; border-color: #000000; color: #fff}
.btn.btn-black:hover, .btn.btn-black:focus {background: transparent; color: #000; outline: none;}

.btn.btn-dark-gray {background: #232323; border-color: #232323; color: #fff}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus {background: transparent; color: #232323; outline: none;}

.btn.btn-light-gray {background: #dbdbdb; border-color: #dbdbdb; color: #232323}
.btn.btn-light-gray:hover, .btn.btn-light-gray:focus {background: transparent; border-color: #dbdbdb; color: #dbdbdb; outline: none;}

.btn.btn-deep-pink {background: #ff214f; border-color: #ff214f; color: #ffffff}
.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {background: transparent; border-color: #ff214f; color: #ff214f; outline: none;}

/* button transparent type */
.btn.btn-transparent-white {background: transparent; border-color: #ffffff; color: #ffffff}
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background: #ffffff; border-color: #ffffff; color: #232323}
.btn.btn-transparent-black {background: transparent; border-color: #000000; color: #000000}
.btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus {background: #000000; border-color: #000000; color: #ffffff}
.btn.btn-transparent-dark-gray {background: transparent; border-color: #232323; color: #232323}
.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus {background: #232323; border-color: #232323; color: #ffffff}
.btn.btn-transparent-light-gray {background: transparent; border-color: #dbdbdb; color: #dbdbdb}
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus {background: #dbdbdb; border-color: #dbdbdb; color: #232323}
.btn.btn-transparent-deep-pink {background: transparent; border-color: #ff214f; color: #ff214f}
.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background: #ff214f; border-color: #ff214f; color: #fff}

/* button rounded */
.btn.btn-rounded {border-radius: 50px}
.btn.btn-rounded.btn-very-small {padding: 2px 23px 1px;}
.btn.btn-rounded.btn-small {padding: 5px 29px;}
.btn.btn-rounded.btn-medium {padding: 6px 32px;}
.btn.btn-rounded.btn-large {padding: 9px 38px;}
.btn.btn-rounded.btn-extra-large {padding: 12px 45px 13px;}

/* image button */
.image-button {width: 100%; background: rgba(0,0,0,0.80); padding: 26px; font-family: "Roboto", sans-serif; font-size: 16px;}
.image-button:hover {background: rgba(0,0,0,0.5);}

.tag-cloud a {font-size: 10px; padding: 3px 8px; border: 1px solid #d9d9d9; margin: 0 10px 8px 0; display: inline-block; text-transform: uppercase; color: #232323; line-height: 18px;}
.tag-cloud a:hover {background: #232323; color: #fff; border: 1px solid #232323;}

.tagcloud a {font-size: 10px !important; padding: 3px 8px; border: 1px solid #d9d9d9; margin: 0 8px 8px 0; display: inline-block; text-transform: uppercase; color: #232323; line-height: 18px;}
.tagcloud a:hover {background: #232323; color: #fff !important; border: 1px solid #232323;}

/* dropdown style 1 */
.dropdown-style-1 .btn {color: #fff; font-size: 11px; padding: 0; margin: 0; background: transparent; border: none; font-weight:normal}
.dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {color: #ff214f;}
.dropdown-style-1 .dropdown-menu {margin-top: 2px; min-width: 130px; border-radius:0; border: none; z-index: 444; right: 0; left:auto;}
.dropdown-style-1 .dropdown-menu > li > a {padding: 6px 15px; font-size: 12px}
.dropdown-style-1 .dropdown-menu > li > a:hover,.dropdown-style-1 .dropdown-menu > li > a:focus {background: #ededed}

/* button link */
.btn.btn-link { padding: 0; position: relative; text-decoration: none; border: 0; border-bottom: 1px solid; background-color: transparent; letter-spacing: normal; line-height: 18px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

/* ===================================
    Border
====================================== */

.border-all {border: 1px solid #ededed}

/* boder width */
.border-width-1 {border-width:1px;}
.border-width-2 {border-width:2px;}
.border-width-3 {border-width:3px;}
.border-width-4 {border-width:4px;}
.border-width-5 {border-width:5px;}
.border-width-6 {border-width:6px;}
.border-width-7 {border-width:7px;}
.border-width-8 {border-width:8px;}
.border-width-9 {border-width:9px;}
.border-width-10 {border-width:10px;}
.border-width-20 {border-width:20px;}

/* boder align */
.border-top {border-top: 1px solid;}
.border-bottom {border-bottom: 1px solid;}
.border-left {border-left: 1px solid;}
.border-right {border-right: 1px solid;}
.border-lr {border-left: 1px solid; border-right: 1px solid;}
.border-tb {border-top: 1px solid; border-bottom: 1px solid;}

/* border color */
.border-color-white {border-color:#fff}
.border-color-black {border-color:#000}
.border-color-extra-dark-gray {border-color:#232323}
.border-color-medium-dark-gray {border-color:#363636}
.border-color-dark-gray {border-color:#939393}
.border-color-extra-medium-gray {border-color:#dbdbdb}
.border-color-medium-gray {border-color:#e4e4e4}
.border-color-extra-light-gray {border-color:#ededed}
.border-color-light-gray {border-color:#f5f5f5}
.border-color-light-pink {border-color:#862237}
.border-color-deep-pink {border-color:#ff214f}
.border-color-transparent-pink {border-color: rgba(255, 33, 79, 0.45);}

/* boder style */
.border-dotted {border-style: dotted !important;}
.border-dashed {border-style: dashed !important;}
.border-solid {border-style: solid !important;}
.border-double {border-style: double !important;}
.border-groove {border-style: groove !important;}
.border-ridge {border-style: ridge !important;}
.border-inset {border-style: inset !important;}
.border-outset {border-style: outset !important;}
.border-none {border-style: none !important;}
.border-hidden {border-style: hidden !important;}
.border-transperent {border-color: transparent !important;}

.no-border-top {border-top:0 !important}
.no-border-bottom {border-bottom:0 !important}
.no-border-right {border-right:0 !important}
.no-border-left {border-left:0 !important}

/* border for overline icon box */
.overline-icon-box {border-top-width: 3px;}

/* border color for overline icon box */
.overline-icon-box.overline-white {border-top-color: #fff;}
.overline-icon-box.overline-black {border-top-color: #000;}
.overline-icon-box.overline-extra-dark-gray {border-top-color: #232323;}
.overline-icon-box.overline-medium-dark-gray {border-top-color: #363636;}
.overline-icon-box.overline-dark-gray {border-top-color: #939393;}
.overline-icon-box.overline-extra-light-gray {border-top-color: #dbdbdb;}
.overline-icon-box.overline-medium-gray {border-top-color: #e4e4e4;}
.overline-icon-box.overline-light-gray {border-top-color: #f5f5f5;}
.overline-icon-box.overline-light-pink {border-top-color: #862237;}
.overline-icon-box.overline-deep-pink {border-top-color: #ff214f;}
.overline-icon-box.overline-transparent-pink {border-top-color: rgba(255, 33, 79, 0.45);}

/* transparent border */
.border-black-light {border-color: rgba(0,0,0,.1) !important;}
.border-white-light {border-color: rgba(255,255,255,.1) !important;}

/*================================ 
    Boder radius
================================*/

.border-radius-1 {border-radius:1px}
.border-radius-2 {border-radius:2px}
.border-radius-3 {border-radius:3px}
.border-radius-4 {border-radius:4px}
.border-radius-5 {border-radius:5px}
.border-radius-6 {border-radius:6px}
.border-radius-7 {border-radius:7px}
.border-radius-8 {border-radius:8px}
.border-radius-9 {border-radius:9px}
.border-radius-10 {border-radius:10px}
.border-radius-50 {border-radius:50%}
.border-radius-100 {border-radius:100%}
.border-radius-none {border-radius:0}
.vc_box_rounded {border-radius: 6px !important;}

/* col height */
.extra-small-screen {height:300px;}
.small-screen {height:400px;}
.one-second-screen {height:600px;}
.one-third-screen {height:700px;}
.one-fourth-screen {height:800px;}
.one-fifth-screen {height:900px;}
.one-sixth-screen {height:887px;}

/* panel styles */
.bg-background-fade {background-color: #ff5851}

.color-1, .color-2, .color-3, .color-4, .color-5 {-webkit-transition: background-color 700ms linear; -moz-transition: background-color 700ms linear; -o-transition: background-color 700ms linear; -ms-transition: background-color 700ms linear; transition: background-color 700ms linear;}
.color-1 {background-color: #ff5851;}
.color-2 {background-color: #e86618;}
.color-3 {background-color: #ef3158;}
.color-4 {background-color: #6b0990;}
.color-5 {background-color: #4c0990;}
.color-6 {background-color: #1b3194;}

/* header social icon */
.header-searchbar {border-left: 1px solid rgba(0,0,0,0.15); padding-left: 25px; display: inline-block; line-height: 14px; position: relative; top: 0px;}
.header-social-icon {border-left: 1px solid rgba(0, 0, 0, 0.15); padding-left: 15px; margin-left: 25px; display: inline-block; line-height: 14px; position: relative; top:0px;}
.header-menu-button {display: inline-block; line-height: 14px; padding-left: 0; margin-left: 20px; position: relative; top:0; height: auto;}
nav.navbar.bootsnav .header-menu-button .navbar-toggle {float: none; padding: 0; margin-top: 0; margin-bottom: 2px; top: 1px}
.white-link .header-searchbar, .white-link .header-social-icon {border-left: 1px solid rgba(255,255,255,0.15);}
header.sticky .header-searchbar, header.sticky .header-social-icon {border-left: 1px solid rgba(0,0,0,0.25);}
.header-social-icon a {color: #232323}
.header-social-icon a i, .header-searchbar a i {margin: 0 11px;}
.header-searchbar a i {position: relative; top: -1px; margin: 0;}
.header-social-icon a:last-child i {margin-right: 0;}
.header-social-icon a:hover, .header-search-form:hover, .header-social-icon a:focus, .header-search-form:focus {color: rgba(0, 0, 0, 0.6);}
.search-icon {padding-right: 10px;}
header .header-social-icon ul {padding-bottom: 0; margin-bottom: 0;}
header .header-social-icon ul li {margin-top: 0; margin-bottom: 0;}
header .header-social-icon ul li a {line-height: 14px;}
header .header-social-icon .social-icon-style-1 ul li a {line-height: 29px;}
header .header-social-icon .social-icon-style-1 ul li a i {margin: 0;}

/* header language */
header #lang_sel ul li {padding: 0 !important; line-height: 14px; float: none;}
#lang_sel a.lang_sel_sel, #lang_sel a.lang_sel_sel:visited, #lang_sel a.lang_sel_sel:hover, #lang_sel li ul a, #lang_sel li ul a:link, #lang_sel li ul a:visited {background-color: transparent !important;}
#lang_sel a, #lang_sel a.lang_sel_sel {font-weight: 500; font-size: 12px; letter-spacing: 0.015em; text-transform: uppercase; color: #000000 !important; font-family: "Montserrat",sans-serif; position: relative; line-height: 12px; top:2px;}
#lang_sel ul ul {border: 0; background-color: #232323; padding: 10px !important; width: 200px; top: 30px;}
#lang_sel ul li, #lang_sel ul ul {border: 0 solid #d1d1d1 !important;}
#lang_sel li ul a, #lang_sel li ul a:visited {color: #ffffff !important; font-size: 11px; font-weight: 500; line-height: 1.42857; width: 100%; left: 0;}
#lang_sel ul ul::before {content: inherit;}
#lang_sel ul li, #lang_sel ul ul li {margin-bottom: 8px;}
#lang_sel ul li, #lang_sel ul ul li:last-child {margin-bottom: 3px;}
#lang_sel ul ul li a:hover {left: 6px;}
#lang_sel > ul {padding-left: 10px !important;}

/* menu center */
.menu-center .header-right {flex: 1 2 auto;}
.navbar-collapse {padding-left: 0; padding-right: 0;}

/* menu center logo */
.menu-logo-center .navbar-left > li {float: none; display: inline-block; vertical-align: middle;}
header nav.menu-logo-center .navbar-nav > li > a {margin: 0 20px;}
header nav.menu-logo-center .navbar-nav > li:last-child a {margin-right: 20px}

/* mini header */
.header-with-topbar.sticky-mini-header.sticky .top-header-area {top: 0; position: fixed;}
.header-with-topbar.sticky-mini-header.sticky.header-appear .navbar {top: 34px;}
.header-with-topbar.sticky-mini-header.no-sticky .top-header-area {top: 0; position: fixed;}
.header-with-topbar.sticky-mini-header.sticky nav.navbar-fixed-top {top: 34px;}

.admin-bar .header-with-topbar.sticky-mini-header.sticky .top-header-area {top: 32px;}
.admin-bar .header-with-topbar.sticky-mini-header.sticky.header-appear .navbar {top: 34px;}
.admin-bar .header-with-topbar.sticky-mini-header.no-sticky .top-header-area {top: 32px;}

/* header style */
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color: #232323;}
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a, header nav.navbar.white-link .header-social-icon a,  nav.navbar.bootsnav.white-link .header-social-icon a, header nav.navbar.white-link .header-searchbar a,  nav.navbar.bootsnav.white-link .header-searchbar a, header nav.navbar.bootsnav ul.nav.white-link > li > a,  nav.navbar.white-link .header-menu-button a {color: #fff}
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a {color: #232323}
header .logo .logo-dark, header .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s;}
header .logo .logo-dark.default, header .logo .logo-light.default {visibility: visible; opacity: 1; width: auto; transition-duration:0.5s;}
header.sticky nav.header-dark-transparent .logo .logo-light, header.sticky nav.header-dark .logo .logo-light {visibility: visible;  opacity: 1; width: auto; transition-duration: 0.5s}
header.sticky nav.header-dark-transparent .logo .logo-dark, header.sticky nav.header-dark .logo .logo-dark {visibility: hidden; opacity: 0; width: 0; transition-duration:0.5s;}
header.sticky nav.header-light-transparent .logo .logo-dark, header.sticky nav.header-light .logo .logo-dark {visibility: visible;  opacity: 1; width: auto; transition-duration:0.5s;}
header.sticky nav.header-light-transparent .logo .logo-light, header.sticky nav.header-light .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration:0.5s;}
header.sticky nav.navbar-default, header.sticky nav.navbar.bootsnav {box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);}

/* header logo */
header a.logo-light img {max-height:26px;}
header a.logo-dark img {max-height:26px;}
header .left-nav .sidebar-part1 a.logo img {max-height:inherit;}
.logo-holder img {max-height: 26px;}
header h1 {font-size: inherit !important; line-height: normal !important; margin: 0 !important; padding: 0 !important;}
header .site-title {font-size: 25px; font-weight: 500;}

/* header animation */
.navbar-top {position: fixed;top: 0; left: 0; right: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.sticky .navbar-top {top: -160px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.sticky.header-appear .navbar-top {top: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.navbar-fixed-top {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.navbar-non-sticky-top {position: fixed;}
.no-sticky .navbar-non-sticky-top {position: absolute; left: 0}
.no-sticky.header-with-topbar .top-header-area {position: absolute; left: 0;}

header .bootsnav .dropdown .animated {-webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {position: absolute; height: calc(100% + 20px); width: 100%; display: block;content: "";}

header.sticky .navbar-scroll-fixed-top {position: fixed; top: 0; width: 100%; left: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
header.sticky .navbar-scroll-top {position: fixed; top: -120px; width: 100%; left: 0; transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s;}
header.sticky.header-appear .navbar-scroll-top {top: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

.logo-dark {display: none;}
.sticky .logo-dark {display: inline;}
.sticky .logo-light {display: none;}
.logo-light .retina-logo {display: none;}
.logo-dark .retina-logo {display: none;}
.hamburger-logo .retina-logo {display: none;}
.logo-footer-retina {display: none}

/* page title font size */
.page-title-extra-small h1 {font-size: 12px; line-height: 20px;}
.page-title-small h1 {font-size: 20px; line-height: 26px}
.page-title-medium h1 {font-size: 32px; line-height: 37px}
.page-title-large h1 {font-size: 46px; line-height: 49px}
.page-title-large h2 {font-size: 15px; line-height: 15px;}
.page-title-extra-large h1 {font-size: 55px; line-height: 50px}

/* breadcrumb */
.breadcrumb {background: transparent; border-radius: none; padding: 0}
.breadcrumb ul {list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li {display: inline-block;}
.breadcrumb ul > li:after {content: "•"; padding: 0 12px 0 12px; position: relative; top: 4px; font-size: 25px; opacity: .6;}
.breadcrumb ul > li:last-child:after {border-right: 0; content: ""; padding: 0}
ul.page-title-style-4 > li:after, ul.page-title-style-6 > li:after, ul.page-title-style-10 > li:after {content: "|"; font-size: 13px; top: 0; padding: 0 11px 0 11px;}

/* ===================================
    Navigation
====================================== */

header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover {color: rgba(255,255,255,0.6)}
header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover {color: rgba(0,0,0,0.6);}
header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, header nav.navbar .navbar-nav > li.current-menu-ancestor > a, nav.navbar.bootsnav ul.nav > li.current-menu-ancestor > a, header nav.navbar .navbar-nav > li.current-menu-item > a, nav.navbar.bootsnav ul.nav > li.current-menu-item > a {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li.active > a, nav.navbar.bootsnav.white-link ul.nav > li.active > a, header nav.navbar.bootsnav ul.nav.white-link > li.active > a, header nav.navbar.white-link .navbar-nav > li.current-menu-ancestor > a, nav.navbar.bootsnav.white-link ul.nav > li.current-menu-ancestor > a, header nav.navbar.bootsnav ul.nav.white-link > li.current-menu-ancestor > a {color: rgba(255,255,255,0.6)}
header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a, header.sticky nav.navbar.white-link .navbar-nav > li.current-menu-ancestor > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.current-menu-ancestor > a {color: rgba(0,0,0,0.6);}
header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li > a.active, nav.navbar.bootsnav.white-link ul.nav > li > a.active, header nav.navbar.bootsnav ul.nav.white-link > li > a.active {color: rgba(255,255,255,0.6)}
header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active {color: rgba(0,0,0,0.6);}
header nav.navbar .navbar-nav > li.dropdown.on > a, header nav.navbar.bootsnav ul.nav > li.dropdown.on > a {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a, header nav.navbar.bootsnav ul.nav.white-link > li.dropdown.on > a {color: rgba(255,255,255,0.6)}
header.sticky nav.navbar.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a {color: rgba(0,0,0,0.6);}

header {width: 100%; z-index: 99;margin-top: -66px;}
.header-with-topbar .top-header-area {font-size: 11px; position: fixed; top: 0; z-index: 100; width: 100%; transition: ease-in-out 0.3s;}
.top-header-area a {color: #ffffff;}
.top-header-area .text-right .widget {display: inline-block; margin-left: 15px;}
.top-header-area .text-right .widget .search-box {margin-top: 0; margin-bottom: 0;}
.top-header-area .text-right .widget .pofo-login-logout-link {text-transform: uppercase}
.top-header-area .text-right .widget .search-box .add-on i {margin-left: 5px;top: -7px;}
.top-header-area .text-right .widget.widget_search {width: 30%;}
.top-header-area .text-right .widget .icon-social-very-small a i {margin: 0 5px;}
.top-header-area .text-right .widget .search-box input[type="text"], .top-header-area .text-right .widget .search-box input[type="search"] {height: 24px; border-radius: 0;}
.top-header-area .text-right .widget .search-box .add-on .input-group-btn > .btn {height: 24px; padding: 5px; border-radius: 0;}
.top-header-area .text-right .widget .widget-title {display: none}
.sticky.header-with-topbar .top-header-area {top: -45px}
header .top-header-area .icon-social-very-small a:last-child i{margin-right: 0;}
header nav .row {align-items: center; display: -ms-flex; display: -webkit-flex; display: flex; height: auto; padding: 0;margin-top: 0px;}
header nav .row > div:first-child {flex: 1 1 auto;}
header nav.navbar {border-radius: 0; padding: 0;}
header nav.navbar-default, nav.navbar.bootsnav, .full-width-pull-menu {border-bottom: 0; background-color: #fff;}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table;}
header nav .nav-header-container {display: table-cell; vertical-align: middle; position: relative;}
header nav .navbar-nav > li > a, header nav.navbar-brand-top .navbar-nav > li:last-child a {color: #232323; font-size: 12px; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}
header nav .navbar-nav > li:last-child a {margin-right: 0;}
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}
header nav .navbar-nav.text-normal > li > a {font-weight: 500; font-size: 12px}
.navbar-nav > li {position: inherit;}
.navbar-nav > li > a > i, .navbar-nav > li ul > li > a > i {margin-right: 5px; position: relative; top: 2px; font-size: 14px; margin-bottom: 5px; float: left; min-width: 23px;}
.navbar-nav > li > a > i {min-width: 1px;}
.navbar-nav > li.simple-dropdown ul > li > a > i {top: 0;}
.navbar-nav > li.simple-dropdown ul > li > ul > li > a > i {top: 2px;}
.navbar-nav > li .mega-menu-full ul > li > a > i {top: 4px;}
.navbar-nav > li .mega-menu-full ul > li > .dropdown-header > i {top: 0px;}
.navbar-nav > li.dropdown > .fa-angle-down {display: none}
.navbar-nav > li ul {margin: 0; padding: 0;}
.navbar-toggle {border-radius: 0; margin-right: 0;}
.mobile-toggle {display: block}
.sidebar-nav .mobile-toggle {display: none}
.mobile-toggle span {display: block; width: 16px; height: 2px; background: #232323; content: ""; margin: 3px 0px}
.mobile-toggle span:last-child {margin-bottom: 0;}
.mobile-toggle span:first-child {margin-top: 0;}
.white-link .mobile-toggle span {background: #fff;}
header nav .brand-logo {padding-top: 20px; padding-bottom: 20px;}
header.sticky nav .brand-logo {padding-top: 15px; padding-bottom: 15px;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {padding: 20px 0 20px;}
.header-right > div:first-child {margin-left: 0;}
.full-width-pull-menu .dropdown.open ul li.sm-display-none {display: none}

/* mega menu */
nav .accordion-menu {position: inherit;}
nav.navbar.bootsnav li.dropdown ul li {list-style: none; padding: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full {width: 100%; box-sizing: border-box; background: rgba(35,35,35,1); padding: 45px 50px; box-shadow: none; border-radius: 0; border: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full ul {margin: 0; list-style: none;}
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {margin: 0 auto; width: 1070px; display: table;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.dropdown-header {color: #fff !important; text-transform: uppercase; display: inline-block; font-size: 11px; font-weight: 600; margin-bottom: 0; white-space: inherit; padding: 0 40px; border-bottom: none;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.dropdown-header:hover, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li:hover a.dropdown-header {left: 0;}
.navbar-nav li ul > li > a.dropdown-header {margin-top: 6px !important;}
.navbar-nav li ul > li > ul > li a.dropdown-header  {margin-top: 23px !important;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-align: left; font-size: 12px; color: #9d9d9d; padding:3px 40px; text-transform: capitalize; margin: 0; display: block; position: relative; overflow: hidden; left: 0}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:first-child a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:first-child .dropdown-header {padding-left: 0;}
.navbar-nav li ul > li > ul > li:first-child a.dropdown-header, .navbar-nav li ul > li > ul > li:first-child .dropdown-header {margin-top: 6px !important;}
.full-width-pull-menu li ul > li > ul > li:first-child a.dropdown-header, .full-width-pull-menu li ul > li > ul > li:first-child .dropdown-header {margin-top: 0 !important;}

nav.navbar.bootsnav li.dropdown.megamenu-fw .icon-list-menu li > a > i {font-size: 14px; vertical-align: middle; width: 24px;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > .widget_media_image {margin-bottom: 15px;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > .widget_media_image > a {padding: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > .widget_media_image:last-child {margin-bottom: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {border-right: 1px solid rgba(255, 255, 255, 0.05);}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {padding-left: 40px; background-size: cover; background-position: bottom right;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul {margin-top: 1px !important; margin-bottom: 0 !important;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul:first-child {margin-top: 0;}
nav.navbar.bootsnav li.dropdown .megamenu-fw .icon-list-menu li > a > i {font-size: 14px;vertical-align: middle;width: 24px;}

nav.navbar.bootsnav li.dropdown .mega-menu-full .textwidget .menu-banner-image img {margin-bottom: 15px; padding-left: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full .textwidget .menu-banner-image:last-child img {margin-bottom: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full .textwidget .menu-banner-image {padding-right: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full .textwidget .menu-banner-image:hover {left: 0;}

li.mega-menu-column > ul > li > .menu-banner-image {margin-bottom: 15px;}
li.mega-menu-column > ul > li:last-child > .menu-banner-image {margin-bottom: 0;}

/* header center logo */
.nav-left, .nav-right, .nav-center {display: table-cell; vertical-align: middle; width: 33.33%}
header nav .navbar-nav.navbar-center > li:last-child a {margin-right: 20px;}
.social-icon a {margin: 0 15px;}
.social-icon a:first-child {margin-left: 0;}
.social-icon a:last-child {margin-right: 0;}

header nav.nav-center-logo .row {min-height: 0 ; height: auto}
header nav.nav-center-logo .row {display: block;}
header nav.nav-center-logo .row > div:first-child {flex: none;}
.nav-center-logo .navbar-nav > li {float: none; display: inline-block; vertical-align: middle;}
.nav-center-logo .navbar-nav > li > a {display: flex}
.nav-center-logo .navbar-left {margin-left: -15px;}
.nav-center-logo .navbar-left li:first-child a {margin-left: 0;}
nav.nav-center-logo.navbar.bootsnav li.dropdown ul.dropdown-menu,nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {margin-top: 0px;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align: left}
header nav.navbar-fixed .nav-header-container {width: 100%; float: left;}

/* center logo menu vertical middle setting */
.center-logo {left: 50%; position: absolute; top: 50%; text-align: center; transform: translate(-50%, -50%); z-index: 1; max-width: 120px; padding: 15px 0; width: 120px;}
.pofo-center-logo-menu .accordion-menu .navbar-collapse { flex-grow: 1; }
.center-logo-search-cart-full-width .accordion-menu .nav { width: 47% !important; }
.center-logo-search-cart-full-width .accordion-menu .nav:nth-child(2) { width: 38% !important; }

header .menu-logo-center .navbar-nav > li.social-links {padding: 26px 0;}
header.sticky .menu-logo-center .navbar-nav > li.social-links {padding: 20px 0;}
.pofo-menu-sidebar .widget_media_image a {left: 0 !important}

/* top logo */
.navbar.navbar-brand-top>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0;}
.navbar-brand-top .navbar-brand {height: auto;}
nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a {padding: 20px 0;}
nav.navbar.bootsnav.navbar-brand-top .navbar-collapse.collapse.display-inline-block { display: inline-block !important; vertical-align: middle; }       

/* center navigation bar */
.center-nav {float: none; text-align: center}
.center-nav > li {float:none; display: inline-block;}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {display: table; float: none; margin: 0 auto; table-layout: fixed;}

/* simple dropdown */
.simple-dropdown.dropdown {position: relative;}
.simple-dropdown .dropdown-menu {position: absolute; left: 0; background: rgba(35,35,35,1);min-width: 225px; padding: 13px 0 15px; box-shadow: none; border-radius: 0; }
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li {padding-left: 28px; padding-right: 20px;}
.simple-dropdown .dropdown-menu > li > a {font-size: 12px; color: #9d9d9d;}
.simple-dropdown .dropdown-menu > li a {padding: 9px 20px 7px 0; overflow: hidden; position: relative; left: 0; font-weight: 500;}
.simple-dropdown .dropdown-menu > li a:hover {background-color: #000; color: #9d9d9d;}
.simple-dropdown .dropdown-menu > li > a .fa-angle-right, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown > a > .fa-angle-right {position: absolute; right: 0; font-size: 12px; margin-top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; margin-right: 0; top: 9px; margin-bottom: 0;}
nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown > a > .fa-angle-right {top: inherit; margin-top: 0;}
nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown ul > li a > .fa-angle-right {margin-top: 0;}
nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a i {font-size: 16px;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul {display: none; left: 225px; margin: -13px 0 0 1px; min-width: 225px; white-space: nowrap; position: absolute; top: 0; padding: 13px 0; font-weight: 400; text-transform: capitalize;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li > ul {display: none;}
.simple-dropdown .dropdown-menu > li.dropdown > ul li a{color: #9d9d9d; font-size: 12px; line-height: 18px;}

/* collepsed menu icon style */
.navbar-default .navbar-toggle .icon-bar {background: #232323;}
.navbar-default.white-link .navbar-toggle .icon-bar {background: #fff;}

/* hamburger menu */
nav.navbar.bootsnav .btn-hamburger {padding: 0;}
nav.navbar.bootsnav .btn-hamburger .navbar-toggle {margin: 0; top: -2px;}

.hamburger-menu-wrepper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -10005; padding: 55px 80px; display: table; opacity: 0; visibility: collapse;}
.menu-middle {display: table; height: 100%; width: 65%; margin: 0 auto; opacity: 0;}
.hamburger-menu-links {float: left; list-style: none; margin: 0; padding: 0; width: 100%; font-size: 52px; line-height: 55px; opacity: 0;}
.hamburger-menu-links li{float: left; margin-bottom: 36px; width: 50%;}
.hamburger-menu-links li a{color: #fff; position: relative;}
.hamburger-menu-links li.open > a{color: #ff2149}
.hamburger-menu-links li a:hover, .follow-box a:hover {color: #ff2149}
.animation-box {position: absolute; top: 5%; height: 100%; width: 100%; left:0; transform: perspective(600px) rotateX(-20deg); -weblit-transform: perspective(600px) rotateX(-20deg); -moz-transform: perspective(600px) rotateX(-20deg); -ms-transform: perspective(600px) rotateX(-20deg); -o-transform: perspective(600px) rotateX(-20deg);}
.hamburger-menu.show-menu .hamburger-menu-wrepper {z-index: 10004; opacity: 1; visibility: visible;}
.hamburger-menu.show-menu .animation-box{top: 0; transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); opacity: 1;}
.hamburger-menu.show-menu .hamburger-menu-links,.hamburger-menu.show-menu .menu-middle {opacity: 1;}
.hamburger-menu.show-menu .btn-hamburger .mobile-toggle,.hamburger-menu .btn-hamburger .close-menu {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
.hamburger-menu.show-menu .btn-hamburger .close-menu,.hamburger-menu .btn-hamburger .mobile-toggle {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.hamburger-menu .hamburger-menu-wrepper .btn-hamburger {border-color: #fff; height: 18px; position: absolute; width: 18px; z-index: 99; padding: 0; margin: -27px 0 0 -15px; opacity: 0;}
.hamburger-menu.show-menu .hamburger-menu-wrepper .btn-hamburger {opacity: 1; transition-delay: 0.2s;}
.hamburger-menu .close-button-menu  {float: none; height: auto; margin: 0; padding: 0; position: inherit; right: -26px; top: 44px; width: auto;}
.hamburger-menu .close-button-menu:after, .hamburger-menu .close-button-menu:before {background: #fff; width: 22px; right: 26px; top: -34px;}
.hamburger-menu-links li.dropdown > a:after{content: "\f107"; display: inline-block; position: absolute; right: -60px; top: 15px; font-family: Font Awesome\ 5 Free; font-weight: 900; font-size: 42px}

.hamburger-wp-menu .header-searchbar, .hamburger-wp-menu .header-social-icon {float: right;margin-top: 17px;}
.hamburger-wp-menu .header-searchbar {margin-left: 15px;}

body {width: 100%;}
body.position-fixed {width: 100%;}
.hamburger-menu-logo-center {margin-bottom: 0;}
.hamburger-menu-logo-center .menu-left-part .header-social-icon {margin-top: 0; float: left;}
.hamburger-menu-logo-center .menu-wrap .widget {text-align: left;}
.hamburger-menu-logo-center .menu-left-part .header-searchbar {float: left; margin-left: 21px; margin-top: 0; padding-left: 21px;}

/* header style two */
.header-with-topbar nav {top: 34px;}
.header-with-topbar.sticky nav {top: -160px;}
.header-with-topbar.sticky.header-appear nav {top: 0;}
.header-with-topbar.sticky nav.navbar-fixed-top {top: 0;}

/* full width light transparent nav */
header nav.nav-full-width {width: 100%}
.close-button-menu {float: right; padding: 10px; background-color: transparent; color: #232323; border: 0; position: absolute; height: 40px; width: 40px; outline: none; top: 25px; right: 25px}
.full-width-pull-menu .dropdown-toggle {position: relative;}
.full-width-pull-menu span.dropdown-toggle {position: absolute; right: 30px; width: 40px;  height: 40px; text-align: center; top: 43px; display: inline-block; vertical-align: middle; cursor: pointer; transform: translateY(-50%);}
.full-width-pull-menu .dropdown .dropdown-toggle:before {content: ""; display: block; position: absolute; right: 20px; top: 14px; height: 11px; width: 1px; background: #232323;}
.full-width-pull-menu .dropdown.open .dropdown-toggle:before {height: 0;}
.full-width-pull-menu .dropdown .dropdown-toggle:after {content: ""; display: block; position: absolute; right: 15px; top: 19px; height: 1px; width: 11px; background: #232323;}
.full-width-pull-menu .dropdown ul {background-color: inherit;}

/* full width menu link style 2 */
.full-width-pull-menu .menu-wrap ul {list-style: none; padding: 0 0 0 35px; margin: 0;}
.full-width-pull-menu .menu-wrap ul li {display: table; width: 90%; text-align: left;}
.full-width-pull-menu .menu-wrap ul.hamburger-menu-style1 > li > a {background:inherit;color: #232323; font-size: 48px; line-height: 85px; position: relative; font-weight: 600}
.full-width-pull-menu .menu-wrap ul.hamburger-menu-style1 > li > a > i {margin-right: 20px; top: 2px; position: relative;}
.full-width-pull-menu .menu-wrap ul.hamburger-menu-style1 > li a i {margin-right: 10px;}
.full-width-pull-menu .menu-wrap ul.hamburger-menu-style1 li a:hover, .full-width-pull-menu .menu-wrap ul.hamburger-menu-style1 li:hover > a, .full-width-pull-menu .menu-wrap ul.hamburger-menu-style1 li.open  > a {color: #ff214f}
.full-width-pull-menu .menu-wrap ul li.open > a:after {background:#ff214f;}
.full-width-pull-menu .dropdown ul {display: block !important; height: 0;overflow: hidden}
.full-width-pull-menu .dropdown ul {position: inherit; left: 0; right: 0; padding:0; background-color: inherit; border: 0; float: none; box-shadow: none;  margin: 0;}
.full-width-pull-menu .dropdown.open ul {display: block; height: 100%;}
.full-width-pull-menu .dropdown.open ul li ul {margin-top: 10px; padding-left: 15px;}
.full-width-pull-menu .dropdown.open ul li.menu-item-has-children {border: 0;}
.full-width-pull-menu .dropdown.open ul li ul li .dropdown-header {margin-top: 15px; color: #4c4c4c; font-weight: 600;}
.full-width-pull-menu .dropdown.open ul li a.dropdown-header {color: #4c4c4c;}
.full-width-pull-menu .dropdown.open ul li ul li a {font-size: 12px; font-weight: 500;}
.full-width-pull-menu .dropdown ul li a{font-size: 14px; line-height: 18px; color: #757575; padding:7px 0 8px; margin: 0; font-weight: 600; white-space: normal}
.full-width-pull-menu .dropdown ul li {border-bottom: 1px solid #e3e3e3; padding: 0; }
.full-width-pull-menu .dropdown ul li:last-child {border-bottom: 1px solid transparent;}
.full-width-pull-menu .dropdown ul li a:hover, .dropdown ul li a:focus, .full-width-pull-menu .menu-wrap ul li.current-menu-ancestor > a, .full-width-pull-menu .menu-wrap ul li.current-menu-item > a, .full-width-pull-menu .dropdown.open ul li ul li .dropdown-header:hover, .full-width-pull-menu .dropdown.open ul li a.dropdown-header:hover {background-color: inherit; color: #ff214f}
.full-width-pull-menu .dropdown ul li ul.sub-menu {padding-left: 15px; padding-top: 2px;}
.full-width-pull-menu .dropdown ul li ul.sub-menu li {border-bottom: 0; padding: 5px 0 0 0;}
.full-width-pull-menu .dropdown ul li:last-child {margin-bottom: 0;}
.full-width-pull-menu .icon-social-medium a:first-child {margin-left: 0;}
.full-width-pull-menu .icon-social-medium a:last-child {margin-right: 0;}
header nav.navbar.full-width-pull-menu .mobile-toggle:hover span {background-color: #ff214f;}
.hamburger-logo img {max-height: 46px;} 
.full-width-pull-menu .header-searchbar a:hover {color: #ff214f;}
.full-width-pull-menu .header-social-icon ul li {display: inline-block; width: auto;}
.full-width-pull-menu .header-social-icon ul li a:hover {color: #ff214f;}
.full-width-pull-menu .menu-wrap .widget ul li {float: left; width: auto; display: inline-block;}
.full-width-pull-menu .menu-wrap .widget ul li:first-child a {padding-left: 0;}
.full-width-pull-menu .menu-wrap .widget ul li a {color: #232323}
.full-width-pull-menu .menu-wrap .widget ul li a:hover {color: #ff214f}
.full-width-pull-menu .menu-wrap .widget .social-icon-style-1 ul li:first-child a {padding:  0 8px}
.full-width-pull-menu .menu-wrap .widget .social-icon-style-1 ul li a  { line-height: 30px;}
.full-width-pull-menu .widget_shopping_cart .pofo-mini-cart-counter-wrap:hover {color: #ff214f;}

.close-button-menu:after,.close-button-menu:before {content: ""; display: block; background: #000; height: 2px; width: 18px; position: absolute;}
.close-button-menu:after{transform: rotate(45deg);}
.close-button-menu:before{transform: rotate(-45deg);}
.hamburger-wp-menu .menu-wrap .widget ul {padding: 0 0 0 38px; margin: 0;}
.hamburger-wp-menu .menu-wrap .widget ul li {margin: 0 1%;}
.hamburger-wp-menu .menu-wrap .widget ul li:first-child {margin-left: 0;}
.hamburger-wp-menu .menu-wrap .widget ul li a {padding: 0 8px;}

.sidebar-nav-style-1 .footer-holder .widget ul {padding: 0; margin: 0;}
.sidebar-nav-style-1 .footer-holder .widget ul li {margin: 0;}
.sidebar-nav-style-1 .footer-holder .widget ul li a {padding: 0 8px; line-height: normal;}
.sidebar-nav-style-1 .header-sidebar-wrap ul li a {color: #232323}
.sidebar-nav-style-1 .header-sidebar-wrap ul li a:hover {color: #ff214f}
.sidebar-nav-style-1 .copyright-wrap, .sidebar-nav-style-1 .copyright-wrap a {color: #939393}
.sidebar-nav-style-1 .copyright-wrap a:hover {color: #ff214f;}
.sidebar-nav-style-1 .footer-holder .widget .social-icon-style-1  ul li a {line-height: 30px; margin-left: 5px; margin-right: 5px;}

/* full menu */
.show-menu .menu-wrap,.menu-wrap {left:auto}
.show-menu .menu-wrap {opacity: 1; visibility: visible; z-index: 10001;transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s;}
.menu-wrap {width: 100%; z-index: -10001; position: fixed; top: 0; right: 0; opacity: 0; visibility: hidden;}

/* nav box width */
header nav.nav-box-width {padding: 0 50px;}
header .top-header-area.nav-box-width {padding-left: 50px; padding-right: 50px;}

/* right side big menu */
.big-menu-right {position: fixed; top: 0; right: 0; width: 40%; height: 100%; padding: 0 5%; opacity: 0; transform: translateX(30%) scaleX(0.6); -webkit-transform: translateX(30%) scaleX(0.6); -moz-transform: translateX(30%) scaleX(0.6); -o-transform: translateX(30%) scaleX(0.6); -ms-transform: translateX(30%) scaleX(0.6); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; z-index: -1;}
.big-menu-links {list-style: none; margin: 0; padding: 0;}
.big-menu-links li {margin-bottom: 15px; display: block; width: 100%; float: left}
.big-menu-links li a {font-size: 50px;line-height: 1.5; color: #676767; float: left}
.big-menu-links li a:after {width: 0; background: #ff214f; height: 3px; content: ""; display: block; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-links li a:hover {color: #ddd;}
.big-menu-links li a:hover:after {width: 100px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-right.open {transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -webkit-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); opacity: 1; z-index: 9999}
.big-menu-close {background: #fff; position: absolute; right: 0; width: 40px; height: 40px; color: #232323;}

/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {padding:26px 0; background: #000000; font-weight: 600}
nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {content: ""; vertical-align: middle; position: relative; top: -1px; margin-top: 0;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li:hover > a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a:hover {color: #fff; background:  transparent; left: 5px;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li.active > a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li.current-menu-item > a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li.current-menu-ancestor > a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.active > a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.current-menu-ancestor > a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.current-menu-item > a {color: #fff;}
nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.current-menu-ancestor > a {color: #232323}

.dropdown ul.second-level {left: 270px; top:0; height: 100%;}
.dropdown ul.third-level {left: 530px; top:0; height: 100%;}
.dropdown ul.fourth-level {left: 810px; top:0; height: 100%;}
nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {margin-top: 0}
.navbar-default ul li li.dropdown ul {display: none}
.navbar-default ul li li.dropdown.on ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown ul.dropdown-menu {position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0; box-shadow: none;}
.navbar-default ul li li.dropdown ul.dropdown-menu li {padding: 0;}
.dropdown-menu .dropdown a {position: relative}

/* navigation left sidebar */
header .menu-wrap .widget {margin-bottom: 30px; display: inline-block; width: 100%}
.nav.navbar-left-sidebar {transition: all 0s ease-in-out 0s; overflow: auto}
.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {overflow-y: auto; overflow-x: hidden}
.nav.navbar-left-sidebar li {display: inline-block; width: 100%; padding: 0 45px;}
.nav.navbar-left-sidebar li a {font-weight: 600;}
.nav.navbar-left-sidebar > li > ul li a {margin-right: 45px; font-weight: 500;}
.nav.navbar-left-sidebar li a, nav.navbar.bootsnav.navbar-left-sidebar ul.nav > li > a {font-size: 11px; text-transform: uppercase; color: #939393; background: transparent !important; border-bottom: 1px solid #e5e5e5; padding:15px 0; margin: 0;}
nav.sidebar-nav-style-1.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.sidebar-nav-style-1.navbar.bootsnav li.dropdown ul.dropdown-menu > li:hover > a {border-bottom: 1px solid #e5e5e5;}
.nav.navbar-left-sidebar li:last-child > a, nav.sidebar-nav-style-1.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover, nav.sidebar-nav-style-1.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child:hover > a {border-bottom:none}
.nav.navbar-left-sidebar li a:hover {color: #fff}
.nav.navbar-left-sidebar li a .nav-caret {height: 35px;text-align: right; width: 35px;}
.nav.navbar-left-sidebar .dropdown .second-level { left: 289px;}
.nav.navbar-left-sidebar .dropdown.on .second-level { left: 289px;}
.nav.navbar-left-sidebar .second-level .dropdown .third-level { left:569px; opacity: 1 !important; }
.nav.navbar-left-sidebar .second-level .dropdown.on .third-level { left:569px; }
.nav.navbar-left-sidebar .dropdown-menu .dropdown > a:after {display: none}

.cbp-spmenu {background: #fff; position: fixed; z-index: 1;}
.cbp-spmenu-vertical {width: 455px;height: 100%;top: 0; z-index: 10005;}
.cbp-spmenu-right {right: -455px;}
.cbp-spmenu-left {left: -100%;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px; overflow-x: auto; box-shadow: 0 0 4px rgba(0,0,0,.2);}
.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

/* custome scrollbar */
.cbp-spmenu-right::-webkit-scrollbar, .navbar-left-sidebar::-webkit-scrollbar {width: 5px;}
.cbp-spmenu-right::-webkit-scrollbar-track, .navbar-left-sidebar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.cbp-spmenu-right::-webkit-scrollbar-thumb, .navbar-left-sidebar::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey;}

/* sidebar navigation */
nav.navbar.sidebar-nav .container {display: table-cell; height: 75px; position: relative; vertical-align: top;}
nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a{color: #626262; border-color: #ededed; padding: 15px 0;}
nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li.on > a, nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li.dropdown.on > a, nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li a:focus, nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a:hover, nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li.current-menu-ancestor > a, nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li.current-menu-item > a {color: #000}
nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li.menu-item-has-children > a, .sidebar-nav .dropdown-menu li.menu-item-has-children > a {padding-right: 20px;}

nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.dropdown ul.dropdown-menu li:hover > a, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.dropdown ul.dropdown-menu li.active > a, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.dropdown ul.dropdown-menu li.current-menu-item > a, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.dropdown ul.dropdown-menu li.current-menu-ancestor > a {color: #000; left: 0;}
.sidebar-nav .logo-holder {text-align: center; min-height: 107px;}
.sidebar-nav .footer-holder {text-align: center}
nav.navbar .toggle-button {background: #000; border: medium none; height: auto; margin: 0; padding: 0; width: auto;}
.navbar-nav .open .dropdown-menu { position: fixed; }
.sidebar-nav .dropdown-menu {box-shadow: none; height: 100%; left: 270px; padding: 0;position: fixed; top: 0;width: 240px; padding: 80px 0}
nav.navbar.sidebar-nav li.dropdown ul.dropdown-menu {border: none}
nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu {padding-top: 160px;}
.sidebar-nav .dropdown-menu li > a {margin: 0 45px}
nav.navbar.sidebar-nav{border: none; display: inline-table; width: 290px; border-radius:0; position: fixed; top: 0 !important; z-index: 10005; height: 100%; padding: 50px 0px 25px; border-right: 1px solid rgba(0,0,0,.07);}
.sidebar-wrapper{padding-left: 290px;}

/* sidebar nav style 1 */
.sidebar-nav-style-1 .dropdown .second-level {top: 0; left: 290px; width: 280px}
.sidebar-nav-style-1 .dropdown .second-level {background: #fbfbfb;}
.sidebar-nav-style-1 .dropdown .third-level {top:0; left: 570px; width: 280px; background: #f3f3f3;}
.sidebar-nav-style-1 .dropdown ul.second-level li ul {display: none; opacity: 0}
nav.sidebar-nav-style-1.navbar.bootsnav ul > li > a > i {top: 2px;}
nav.sidebar-nav-style-1.navbar.bootsnav ul > li > ul > li > a > i {top: 0;}

/* sidebar nav style 2 */
.left-nav-sidebar {padding-left: 90px;transition: all 0.3s ease 0s;}
.left-nav {position: fixed; top: 0; width: auto; left:0; height: 100%; background-color: #fff; z-index: 99999;transition: all 0.3s ease 0s} 
.sidebar-part1 {position: absolute; top: 0; width: 90px;}
.sidebar-part1 img {max-height: inherit !important; width: 100%;}
.sidebar-part2 {padding: 0 0 0 110px; border-right: 1px solid #dfdfdf;  width: auto; height: 100%; width: 400px; position: fixed; background-color: #fff; z-index: -1; left: -401px;}
.sidebar-part3 {position: absolute; bottom: 0;}
.left-nav-on .sidebar-part2 {left: 0;}
.sidebar-part2:before {width: 100%; height: 1px; background-color: #dfdfdf; content: ""; position: absolute;bottom: 75px; left: 0; display: inline-block}
.sidebar-part2 .sidebar-middle {padding: 180px 0 220px;}
.sidebar-part2 .sidebar-middle-menu {display: table-cell; height: 100%; width: 100%; vertical-align: middle}
.bottom-menu-icon {width:90px; padding: 22px 30px; text-align: center;}
header .sidebar-part2 nav.navbar.bootsnav ul > li > a {font-size: 36px; display: block; padding: 0; color: #0f0f0f; text-transform: none; margin: 0; line-height: 40px; font-weight: 600; position: relative;}
header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fa-angle-right {font-size: 25px; top: 10px; position: absolute; right: 17px; margin-right: 0;}
header .sidebar-part2 nav.navbar.bootsnav ul > li > a > i {margin-right: 0; position: relative; top: 2px; font-size: inherit;}
header .sidebar-part2 nav.navbar.bootsnav ul > li.menu-item-has-children > a {padding-right: 25px;}
header .sidebar-part2 nav.navbar.bootsnav ul > li > .second-level > li a .fa-angle-right {font-size: 14px; line-height: 30px; text-align: right; top: 10px; right: 0;}
.sidebar-part2 ul > li {margin: 0; float: none; padding: 15px 20px 15px 0; width: 290px; word-break: break-all; position:initial;}
.sidebar-part2 ul li a:hover {background-color: inherit;}
.sidebar-part2 .widget ul li {width: auto;}
.sidebar-part2 nav.navbar.bootsnav {border-bottom: 0; position: inherit;}
.sidebar-part2 .right-bg {position: fixed; height: 100%; left: 0; top: 0; background-color: #fff; width: 90px; overflow: hidden;}
.sidebar-part2 .right-bg img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -100px); -webkit-transform: translate(-50%, -100px); -moz-transform: translate(-50%, -100px); -ms-transform: translate(-50%, -100px); -o-transform: translate(-50%, -100px);}
.sidebar-part2 .right-bg:before {background-color: #dfdfdf; bottom: 75px; content: ""; display: inline-block; height: 1px; left: 0; position: absolute; width: 100%;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {font-size: 13px; line-height: 20px; width: 100%; padding: 15px 0; border-bottom: 1px solid #f0f0f0; color: #939393; font-weight: 500; left: 0 !important;}
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:hover > a {border-bottom: 1px solid #ff214f; background: inherit; color:#ff214f; left: 0 !important;}
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.active > a, header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.current-menu-item > a, header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.current-menu-ancestor > a {color:#ff214f; left: 0 !important;}
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover, header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child:hover > a {border-bottom: 0;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color:#ff214f;}
header .sidebar-part2 nav.navbar .navbar-nav > li.active > a, .sidebar-part2 nav.navbar.bootsnav ul.nav > li.active > a, header .sidebar-part2 nav.navbar .navbar-nav > li.current-menu-ancestor > a, .sidebar-part2 nav.navbar.bootsnav ul.nav > li.current-menu-ancestor > a {color: rgba(0, 0, 0, 0.6);}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li {margin: 0; padding:0 30px;width: 100%; word-break: normal;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {border-left: 0;}
.sidebar-part2 .dropdown ul.second-level {left: 399px;transition: 0s;-webkit-transition: 0s;}
.sidebar-part2 .dropdown ul.third-level {left:249px;}
.sidebar-part2 .dropdown ul.fourth-level {left:249px;}
.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {box-shadow: none; height: 100%; position: absolute; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s;  width: 250px; padding: 180px 0; background: #fff;}
.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before {background-color: #ffffff; border-left: 1px solid #eeeeee;content: ""; height: 1250%; position: absolute;top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 250px; z-index: -1;}
.bottom-menu-icon a {font-size: 24px; width: 23px; height: 18px; display: inline-block; position: relative;}
header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a {color : #ff214f}
.sidebar-part2 .header-sidebar-wrap ul li a {color: #232323}
.sidebar-part2 .header-sidebar-wrap ul li a:hover {color: #ff214f}
header .sidebar-part2 nav.navbar-default, .sidebar-part2 nav.navbar.bootsnav {background-color: transparent; box-shadow: none !important;}
header .sidebar-part2 nav.navbar.bootsnav ul.nav > li > a:hover {color: rgba(0, 0, 0, 0.6);}
header .sidebar-part2 nav.navbar.bootsnav ul li.menu-new a { padding-right: 40px;}

.nav-icon span {display: block;position: absolute;height: 2px; width: 23px; background: #232323; border-radius: 0; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon:hover span, .nav-icon.active span {background-color: red}
.nav-icon span:nth-child(1) {top: 0px;}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {top: 8px;}
.nav-icon span:nth-child(4) {top: 16px;}
.nav-icon.active span:nth-child(1) {top: 8px; width: 0%; left: 50%;}
.nav-icon.active span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.nav-icon.active span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.nav-icon.active span:nth-child(4) {top: 8px; width: 0%; left: 50%;}

nav.navbar.brand-center ul.nav > li > a {padding:26px; margin: 0;}
header.sticky nav.navbar.brand-center ul.nav > li > a {padding: 20px; margin: 0 20px;}

.sidebar-middle ::-webkit-scrollbar, .sidebar-nav-style-1 ::-webkit-scrollbar {-webkit-appearance: none;width: 4px;height: 4px;}
.sidebar-middle ::-webkit-scrollbar-thumb, .sidebar-nav-style-1 ::-webkit-scrollbar-thumb {background-color: #9e9f9f;}
.navbar-collapse, .sub-menu {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}
.left-menu-inner { overflow-y: auto; overflow-x: hidden; }
.nav.navbar-left-sidebar > li > ul li a {display: block;}
.side-left-menu-close { display: none; position: fixed; top: 0; right: 0; height:100%; }
.side-left-menu-close.active { display: block; }

/* New menu */
.menu-new a:after { background: #ff214f none repeat scroll 0 0; color: #fff; font-size: 10px; margin-left: 8px; padding: 0 6px 0 5px; line-height: 16px; position: absolute; content: "New"; margin-top: 4px; }
.full-width-pull-menu .menu-new a:after { margin-top: 1px;}
.nav.navbar-left-sidebar .menu-new a:after { margin-top: -1px;}
.nav.navbar-left-sidebar li.menu-new a { padding-right: 40px !important;}

/* widget */
.menu-wrap .widget {display: inline-block; width: 100%}

/* ===================================
    Swiper carousel
====================================== */

.swiper-container {overflow: hidden; position: relative}
.swiper-pagination-bullet-active {background: #232323}
.swiper-pagination {width: 100%; outline: none;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 35px; width: 100%}
.swiper-pagination-bullet {height: 9px; width: 9px; outline: none; }
.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px}
.swiper-pagination-bottom .swiper-wrapper {margin: 0 0 35px 0}
.swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {margin: 0 0 85px 0}
.swiper-slider-second {text-align: center;}
.swiper-auto-height {min-height: auto;}

/* swiper vertical pagination */
.swiper-vertical-pagination {width: 100%; height: 100%; position: absolute;}
.swiper-vertical-pagination .swiper-slide {text-align: center; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-vertical-pagination >.swiper-pagination-bullets {right: 60px;}
.swiper-vertical-pagination .swiper-pagination {width: auto}  
.swiper-vertical-pagination .swiper-slide .swiper-bottom-content {opacity: 0; transform: translate3d(0px, 150px, 0px); transition: all 0.3s ease-in-out 0s;}
.swiper-vertical-pagination .swiper-slide-active .swiper-bottom-content {opacity: 1; transform: translate3d(0px, 0px, 0px); transition: all 0.3s ease-in-out 0.3s;}
.swiper-vertical-pagination .box-arrow {position: absolute; right:-45px; width: 90px; height: 90px;}
.swiper-vertical-pagination .swiper-slide .swiper-bottom-content ul  {margin-bottom: 0;}
.swiper-bottom-scrollbar-full .swiper-slide:hover {z-index: 1;}

/* swiper auto width */
.swiper-auto-width .swiper-slide {width: 60%;}
.swiper-auto-width.swiper-container {height: calc(100% - 200px); top: 100px; margin: 0 auto; overflow: visible; position: absolute; transform: scale(1); transition: all 0.3s ease-in-out 0.7s; width: 100%; left: 0;}
.swiper-auto-width .swiper-scrollbar {left: 20%; opacity: 1; position: absolute; width: 60%; bottom:-50px; border-radius: 0; height: 1px}
.swiper-auto-width .swiper-scrollbar-drag {border-radius: 0; background: transparent;}
.swiper-auto-width .swiper-scrollbar-drag:before{cursor:move; position: absolute; content: ""; background: #ff214f; width: 13px; height: 13px; border-radius: 100%; top:-6px; left: calc(50% - 13px);}
.swiper-auto-width .swiper-slide {filter: contrast(130%); -webkit-filter:contrast(130%); -webkit-filter: grayscale(1); filter: grayscale(1); transition: all 0.3s ease-in-out 0s;}
.swiper-auto-width .swiper-slide.swiper-slide-active {filter: contrast(0); -webkit-filter:contrast(0); -webkit-filter: grayscale(0); filter: grayscale(0); transition: all 0.3s ease-in-out;}
.swiper-auto-width .swiper-slide .absolute-middle-center h2 {opacity: 0; margin-bottom: 10px; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; transition: all 0.3s ease-in-out; transform: translateY(-60px);}
.swiper-auto-width .swiper-slide.swiper-slide-active .absolute-middle-center h2 {opacity: 1; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; transition: all 0.3s ease-in-out 0.7s; transform: translateY(0px);}
.swiper-auto-width .swiper-slide span {opacity: 0; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; transition: all 0.5s ease-in-out;}
.swiper-auto-width .swiper-slide.swiper-slide-active span {opacity: 1; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; transition: all 0.5s ease-in-out;}

/* arrow pagination black and white */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev.swiper-button-white-highlight, .swiper-container-rtl .swiper-button-next.swiper-button-white-highlight {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-white-highlight, .swiper-container-rtl .swiper-button-prev.swiper-button-white-highlight {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-white-highlight, .swiper-button-prev.swiper-button-white-highlight {background-color: #000; background-size: 28% auto; border-radius: 3px; height: 30px; width: 30px; margin: -15px 10px 0; top:50%}
.swiper-button-next.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-prev.swiper-button-black-highlight {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-next.swiper-button-black-highlight {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-black-highlight, .swiper-button-prev.swiper-button-black-highlight {background-color: #fff; background-size: 28% auto; border-radius: 3px; height: 30px; width: 30px; margin: -15px 10px 0; top:50%}
.swiper-button-next, .swiper-button-prev {background-size: inherit; height: 22px; width: 50px; top: 50%; margin-top: -11px; background-repeat: no-repeat;}
.swiper-button-next:after, .swiper-button-prev:after{ display:none; }
.swiper-button-next:focus, .swiper-button-prev:focus { outline: none}
.swiper-button-next, .swiper-button-prev { background-position: center; }

.swiper-fullscreen-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-fullscreen-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-fullscreen-next, .swiper-fullscreen-prev {background-color: #fff; background-size: 28% auto; border-radius: 3px; height: 30px; width: 30px; margin: 10px; top:47.5%}

/* pricing box */ 
.highlight.pricing-box {box-shadow: 0px 0px 40px rgba(200,200,200,0.3); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15);}

/* blog details */
.blog-details-text a {color: #ff214f}
.blog-details-text a:hover {color: #000}
.about-author-img {float: left; max-width: 100px; margin-right: 35px; margin-bottom: 15px;}
.about-author-text {top: -5px}
.author-sharing a {margin-right: 15px; color: #737373}
.author-sharing a:hover {color: #000}
.pofo-single-post-meta-style {padding-left: 8.33333%; padding-right: 8.33333%;}
#cancel-comment-reply-link, .comment-edit-link {font-size: 10px; font-weight: 400; margin-left: 8px; color: #ff214f}
.pofo-blog-classic .blog-post .blog-categories, .pofo-blog-clean .blog-post .blog-categories {bottom: 0; right: 0; padding: 10px 20px 8px; position: absolute; z-index: 25;}
.pofo-blog-classic .blog-post-images, .pofo-blog-clean .blog-post-images {position: relative;}
.blog-like-comment a {font-size: 11px; line-height: 14px; color: #939393; margin-right: 10px;}
.blog-like-comment a:hover, .blog-like-comment a:hover i {color: #ff214f}
.blog-like-comment i {margin-right: 5px;}
.blog-post .swiper-button-next.swiper-button-black-highlight, .blog-post .swiper-button-prev.swiper-button-black-highlight {height: 25px; width: 25px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0;}
.blog-post .swiper-container-horizontal > .swiper-pagination-bullets, .blog-post .swiper-pagination-custom, .blog-post .swiper-pagination-fraction {bottom: 8px;}
.blog-post-full-content {display: table;}
.blog-comment-form .comment-form-cookies-consent { display: block; width: 100%; clear: both; padding: 9px 15px 0; }
.blog-comment-form .comment-form-cookies-consent input[type=checkbox] { width: 15px; height: 15px; float: left;  margin: 4px 7px 0 0; }
.blog-comment-form .comment-form-cookies-consent label { font-weight: 400; width: 85%;  }
.blog-details-text .wpb_content_element { margin-bottom: 35px;}

/* blog header */
.blog-header-style1 {margin: 0 8px; padding: 0; list-style: none; display: block}
.blog-header-style1 li {width: 25%; padding: 0 8px; margin: 0;display: inline-block; box-sizing: border-box; overflow: hidden; vertical-align: top; height: 700px; transition: 0.8s}
.blog-header-style1 li .blog-banner {display: block; position: relative; height: 100%; background-size: cover; background-position: left center; background-attachment: initial; background-repeat: no-repeat;}
.blog-header-style1 li figure figcaption {position: absolute; left: 0; bottom: 0; padding:50px; transform: translateY(60px);}
.blog-header-style1 li.blog-column-active figure figcaption {transition-delay: 0.5s; transform: translateY(0px);}
.blog-header-style1 li figure figcaption .btn {opacity: 0; transform: translateY(60px);}
.blog-header-style1 li.blog-column-active figure figcaption .btn {opacity: 1; transition-delay: 0.6s; transform: translateY(0);}
.blog-header-style1 li.blog-column-active {width: 50%; transition-duration: 0.8s}
.blog-header-style1 li .blog-title {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* blog box */
.blog-box .blog-box-image,.blog-box .blog-box-content {position: absolute; top: 0; width: 100%; transition: all 0.5s ease-in-out;}
.blog-box .blog-box-image {transform: translateY(0); opacity: 1}
.blog-box .blog-box-content {transform: translateY(100%); opacity: 0}
.blog-box:hover .blog-box-image {transform: translateY(-100%); opacity: 0}
.blog-box:hover .blog-box-content {transform: translateY(0); opacity: 1}

/* blog navigation */
.blog-nav-link {padding: 30px 0; display: inline-block; vertical-align: middle; font-size: 16px; position: relative}
.blog-nav-link-prev .blog-nav-icon, .blog-nav-link-next .blog-nav-icon {top: 50%; transform: translateY(-50%); position: absolute}
.blog-nav-link-next {padding-right: 50px}
.blog-nav-link-next .blog-nav-icon {right: 0}
.blog-nav-link-prev {padding-left: 50px}
.blog-nav-link-prev .blog-nav-icon {left: 0}
.equalize #infscr-loading {position: inherit; bottom: 0; margin-bottom: 30px;}
#infscr-loading {clear: both; width: 100%; text-align: center; float: left;position: absolute; bottom: 0; height: 50px !important; opacity: 1; left: 0; right: 0;}
.portfolio-infinite-scroll-pagination #infscr-loading {bottom: 30px;}
#infscr-loading img {top: 0; opacity: 1; margin: 0 auto; width: auto;}
.portfolio-navigation-wrapper a:hover {color: #ff214f}
.infinite-scroll-pagination, .portfolio-infinite-scroll-pagination {padding-bottom: 100px !important;}
.single-post-navigation .blog-nav-link { padding-top: 0; padding-bottom: 0; margin-bottom: 30px;  }
.single-post-navigation .blog-nav-link.blog-nav-link-prev { padding-left: 30px;}
.single-post-navigation .blog-nav-link.blog-nav-link-next { padding-right: 30px;}

/* blog full width */
.blog-separator {margin: 0 10px;}
.pofo-blog-full-width .author .name .avatar {border-radius: 100%;}
.pofo-blog-full-width .author .name a {font-size: 11px; line-height: 14px; color: #939393;}
.pofo-blog-full-width .author .name a:hover, .pofo-blog-full-width .author .name a:hover i {color: #ff214f}
.pofo-blog-full-width .author .name i {margin-right: 5px; font-size: 12px;}
.pofo-blog-full-width .author .name a span {margin-left: 0; top: 0;}

/* blog swiper */
.swiper-blog .swiper-slide .slide-content {opacity: 0; transform: translateY(100px);}
.swiper-blog .swiper-slide.swiper-slide-active .slide-content {opacity: 1;  transition-delay: 0.3s; transform: translateY(0);}

/* long arrow */
.swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white {background-image:url('assets/images/arrow-prev-light-dark.png'); left: 0}
.swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {background-image:url('assets/images/arrow-next-light-dark.png'); right: 0}
.slider-padding-all .swiper-slide {padding: 10px;}

/* small arrow */
.swiper-button-prev.swiper-button-angel-white-highlight, .swiper-button-next.swiper-button-angel-white-highlight { background-image: none; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 30px; }
.swiper-button-prev.swiper-button-angel-white-highlight:hover, .swiper-button-next.swiper-button-angel-white-highlight:hover, .swiper-button-prev.swiper-button-angel-white-highlight:focus, .swiper-button-next.swiper-button-angel-white-highlight:focus { border: 0; outline: none;}
.swiper-button-prev.swiper-button-angel-white-highlight { left: 20px; }
.swiper-button-next.swiper-button-angel-white-highlight { right: 20px; }
.swiper-button-next.swiper-button-angel-white-highlight:before { content: "\f105"; top: 1px; left: 0; font-family: Font Awesome\ 5 Free; font-weight: 900;}
.swiper-button-prev.swiper-button-angel-white-highlight:before { content: "\f104"; top: 1px; left: 0; font-family: Font Awesome\ 5 Free; font-weight: 900;}

/* next previous button style 2 */
.swiper-next-style2,.swiper-prev-style2 {position: absolute; bottom: -60px; cursor: pointer; text-transform: uppercase; outline: none;}
.swiper-next-style2 {right: 15%;}
.swiper-prev-style2 {left: 15%;}

/* next previous button portfolio */
.swiper-portfolio-prev, .swiper-portfolio-next {position: absolute; top: 50%; z-index: 1; background: #fff; color: #232323; padding: 15px; font-size: 18px; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.swiper-portfolio-prev.swiper-button-disabled, .swiper-portfolio-next.swiper-button-disabled {opacity: 0; visibility: hidden;}
.swiper-portfolio-prev {left: 15px;}
.swiper-portfolio-next {right: 15px;}

/* next previous button style 3 */
.swiper-button-prev.swiper-prev-style3,.swiper-button-next.swiper-next-style3 {background-image: none;position: absolute;cursor: pointer;left:41.1%; top: inherit; text-align: center; font-size: 16px; line-height: 40px; width: 40px; height: 40px; background-color: #ff214f; color: #fff; z-index: 9;}
.swiper-button-prev.swiper-prev-style3 {bottom: 141px}
.swiper-button-next.swiper-next-style3 {bottom: 100px;}

/* next previous button style 4 */
.navigation-area {position: absolute; bottom: 0; display: inline-block; width: 40px; height: 82px;}
.swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {background-image: none; background: #ff214f; color: #fff; text-align: center; line-height: 40px; height: 40px; width: 40px; display: block; float: left; position: relative; left: auto; right: auto; top: 0; margin: 0 auto;}
.swiper-button-next.swiper-next-style4 {margin-bottom:1px}

/* next previous button style 5 */
.swiper-button-prev.swiper-prev-style5, .swiper-button-next.swiper-next-style5 {position: absolute; top: 22px; bottom: 0; height: 100%; width: 15%; background-image: none; transition-duration: 0.3s;}
.swiper-button-prev.swiper-prev-style5 {opacity: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0.5), transparent); background: -webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent); background: linear-gradient(to right, rgba(0,0,0,0.5), transparent);}
.swiper-button-next.swiper-next-style5 {opacity: 0; background: -moz-linear-gradient(right, rgba(0,0,0,0.5), transparent); background: -webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent); background: linear-gradient(to left, rgba(0,0,0,0.5), transparent);}
.swiper-button-prev.swiper-prev-style5:hover, .swiper-button-next.swiper-next-style5:hover {opacity: 1;  transition-duration: 0.3s;}
.swiper-button-prev.swiper-prev-style5 {left: 0; cursor: url('assets/images/arrow-prev-light-dark.png'), pointer;}
.swiper-button-next.swiper-next-style5 {right: 0; cursor: url('assets/images/arrow-next-light-dark.png'), pointer;}

/* dot pagination white */
.swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff}
.swiper-pagination-square-bottom.swiper-pagination-bullets {bottom: -50px}

/* square pagination */
.swiper-pagination-square .swiper-pagination-bullet {height:3px; width:30px; border-radius: 0}

/* square pagination move arrow */
.white-move .swiper-slide {cursor: url("assets/images/icon-move-light.png"), move;}
.black-move .swiper-slide {cursor: url("assets/images/icon-move-black.png"), move;}
.slide-content-middle {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: auto; padding: 0 5px;}

/* number pagination */
.swiper-number {left: auto !important; right: 0!important; width: 35px !important; text-align: right!important; top:38%!important; bottom: inherit !important;}
.swiper-number .swiper-pagination-bullet {background: transparent; color: #939393; display: block; font-size: 20px; height: 45px; line-height: 20px; opacity: .7; padding: 14px 0 0; text-align: center; width: 23px; border-radius: 0; margin: 0 5px 0 5px !important; outline: none; }
.swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active {border-bottom: 1px solid rgba(0,0,0,.5); opacity: 1;}
.swiper-number .swiper-pagination-bullet-active {color:#000; background: transparent;}

/* revolution slider bullet */ 
.tp-bullet {border-radius: 100%; background: transparent; border: 1px solid #fff;}
.tp-bullet.selected, .tp-bullet:hover {background: #fff}
.hermes .tp-bullet {box-shadow: 0 0 0 0 #fff; height:12px; width: 12px; border: 2px solid #fff;}
.hermes .tp-bullet::after {box-shadow: 0 0 0 0 #fff inset;}

/* owl slider height */
.slider-half-small-screen {min-height:630px}
.slider-half-screen {min-height:765px}
.slider-medium-screen {min-height:898px}

/* scroll down */
.scroll-down {bottom: 0px; position: absolute; text-align: center; width: 100%;z-index: 11}
.scroll-down a {background: #232323; display: inline-block; height: 57px; width: 57px; text-align: center}
.scroll-down a i.scroll-arrow-down {vertical-align: top; background-image: url('assets/images/scroll-down-icon.png'); width: 17px; height: 30px; display: inline-block}
.scroll-down a:hover {background:#fff;}
.scroll-to-down {cursor:url("assets/images/arrow-down.png"), pointer;}
.scroll-to-down-white {cursor:url("assets/images/arrow-down-white.png"), pointer;}
.background-slider-text {position: absolute; width: 100%}

/* cursor */ 
.cursor-default {cursor: default}

/* ===================================
    Slider and parallax typography
====================================== */

.slider-text-middle-main {display: table; height: 100%; width: 100%}
.slider-text-middle {display: table-cell; vertical-align: middle;}
.slider-typography {width: 100%; height: 100%; position: absolute; right: 0; left: 0;}

/* slider text bototom */
.slider-text-bottom {display: table-cell; vertical-align: bottom;}

/* slider text top */
.slider-text-top {display: table-cell; vertical-align: top;}
.down-section {position: absolute; width: 100%; bottom:50px; left: 0; right: 0; z-index: 9;}
.blog-slider .swiper-slide .slider-typography {padding: 60px;}
.pagination-bottom-space {padding-bottom: 60px}
.pagination-bottom-space .swiper-pagination {bottom: 0;}
.single-img-slider .swiper-slide img {width: 100%}
.single-img-full .wpb_wrapper, .single-img-full .vc_single_image-wrapper, .single-img-full .vc_single_image-wrapper img {width: 100%;}
.demo-logo img {width: 80%;}
.down-section-style-3 { bottom: -50px}
.down-section-style-3 a { text-align: center; display: inline-block; margin-bottom: 0; }
.down-section-style-3 .pofo-scroll-down-text { margin-bottom: 10px;}
.down-section-style-3 .separator-line-verticle-large { height: 100px; margin: 0 auto;}

/* ===================================
    portfolio style
====================================== */

.porfolio-categories-lists span { color: #232323; font-size: 12px; text-transform: uppercase; line-height: 20px; font-weight: 500; }

/* gutter type*/
.portfolio-grid.gutter-very-small li, .blog-grid.gutter-very-small li, .pofo-instagram-feed.gutter-very-small li {padding: 3px 3px}
.portfolio-grid.gutter-small li, .blog-grid.gutter-small li, .pofo-instagram-feed.gutter-small li {padding:5px 5px}
.portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li, .pofo-instagram-feed.gutter-medium li {padding:7px 7px}
.portfolio-grid.gutter-large li, .blog-grid.gutter-large li, .pofo-instagram-feed.gutter-large li {padding:10px 10px;}
.portfolio-grid.gutter-large {margin: 0 10px;}
.portfolio-grid.gutter-extra-large, .pofo-instagram-feed.gutter-extra-large {margin: 0 20px;}
.portfolio-grid.gutter-extra-large li, .pofo-instagram-feed.gutter-extra-large li {padding: 20px;}
.blog-grid.gutter-large, .pofo-instagram-feed.gutter-large {margin-left: 10px; margin-right:10px;}
.portfolio-grid.gutter-very-small, .pofo-instagram-feed.gutter-very-small {margin:0 3px}
.portfolio-grid.gutter-small, .blog-grid.gutter-small, .pofo-instagram-feed.gutter-small {margin:0 5px}
.portfolio-grid.gutter-medium, .pofo-instagram-feed.gutter-medium {margin:0 7px}
.demo-portfolio-grid.portfolio-grid.gutter-extra-large li {padding: 25px;}
.demo-pofo-slider6 .swiper-slide img {width: 100%; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.demo-single-img-100 img, .demo-img-100 img, .demo-single-img-100 .vc_figure, .demo-single-img-100 .vc_single_image-wrapper {width: 100%;}
.pofo-instagram-feed.gutter-very-small li, .pofo-instagram-feed.gutter-small li, .pofo-instagram-feed.gutter-medium li, .pofo-instagram-feed.gutter-large li, .pofo-instagram-feed.gutter-extra-large li { margin-bottom: 0}

/* portfolio new */
.portfolio-style-11 .portfolio-item-title > span { background: #ff214f; color: #fff; font-size: 10px; line-height: 16px; margin-left: 8px; margin-top: 3px; padding: 2px 6px 3px; position: relative; }

/* portfolio 6 column */
.portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 16.6666%} 
.portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {width: 33.33%;}

/* portfolio 5 column */
.portfolio-grid.work-5col li, .blog-grid.blog-5col li {width: 20%} 
.portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {width: 40%;}

/* portfolio 4 column */
.portfolio-grid.work-4col li, .blog-grid.blog-4col li {width: 25%} 
.portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {width: 50%;}

/* portfolio 3 column */
.portfolio-grid.work-3col li, .blog-grid.blog-3col li {width: 33.33%; float: left}
.portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double {width: 66.6666%;}

/* portfolio 2 column */
.portfolio-grid.work-2col li, .blog-grid.work-2col li {width: 50%}
.portfolio-grid.work-2col li, .blog-grid.blog-2col li {width: 50%;}
.portfolio-grid.work-2col li.grid-item-double, .blog-grid.work-2col li.grid-item-double {width: 100%}

/* portfolio 1 column */
.work-1col .portfolio-grid li {width: 100%}

/* portfolio grid */
.portfolio-grid {list-style: none; padding: 0; margin: 0;}
.portfolio-grid .grid-item figure {margin: 0; position: relative; overflow: hidden}
.portfolio-grid .grid-item figure img {display: block; width: 100%; cursor: pointer;}
.portfolio-grid .grid-item {opacity: 1;overflow: hidden;}
.portfolio-grid .grid-item figure img {cursor: pointer; display: block; opacity: 1; width: 100%; transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}
.portfolio-grid .grid-item figure:hover .portfolio-img {transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure .portfolio-img {transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure:hover img {opacity: 0.15; transform: scale(1.1, 1.1); transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure:hover figcaption {opacity: 1; transition: all 0.3s ease 0s;}
.container .hover-option4 .grid-item figcaption {padding: 30px;}
.portfolio-grid .grid-item.portfolio-stop-zoom-on-hover figure:hover img, .portfolio-grid .grid-item.portfolio-stop-zoom-on-hover figure img, .hover-option10 .grid-item.portfolio-stop-zoom-on-hover figure .portfolio-img img {transform: scale(1, 1); transition: all 0.3s ease 0s;}

/* blog grid */
.blog-grid {list-style: none; padding: 0; margin: 0;}
.blog-grid .grid-item a {position: relative; z-index: 11;}
.blog-grid .grid-item a img {width: 100%;}

/* justified gallery */
.justified-gallery>a>.caption, .justified-gallery>div>.caption {padding:11px 15px 11px; opacity: 0; display: initial !important; bottom: -20px;  transition: all 0.3s ease 0s; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 11px; text-transform: uppercase}
.caption.caption-visible {opacity: 1; bottom: 0 !important; display: block !important;}
.justified-gallery>a>.caption > div {line-height: 16px;}
.justified-gallery>a>.caption > span, .justified-gallery>div>.caption > span {font-size: 10px; opacity: 0.5; position: relative; top: 2px; line-height: 18px; display: block}
.justified-gallery .spinner {display: none}

/*================================
    Hover style
================================*/

.grid-item .portfolio-hover-box {display: table-cell; height: 100%;}

/* hover option 1 */
.hover-option1 .grid-item figcaption {height: 100%}
.hover-option1 .grid-item .portfolio-hover-main {transform: none; display: table; height: 100%; top: 0; width: 100%;}

/* hover option 2 */
.hover-option2 .grid-item figcaption {height: 100%}
.hover-option2 .grid-item .portfolio-hover-main {transform: none; display: table; height: 100%; top: 0; width: 100%;}
.hover-option2 .grid-item .portfolio-hover-content {bottom:-15px; transition: all 0.3s ease 0s;}
.hover-option2 .grid-item:hover .portfolio-hover-content {bottom:0;}
.hover-option2 .separator-line-horrizontal-medium-light2 {opacity:.5}
.hover-option2 .grid-item figure img {transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option2 .grid-item figure:hover img {-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); opacity: 0.10; transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.pofo-stretch-row-container .hover-option2 .grid-item figcaption {padding: 30px;}

/* hover option 3 */
.hover-option3 .grid-item .slide-hover-box {position: absolute; width: 100%; height: 100%;}
.hover-option3 .grid-item .opacity-medium {opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item .slide-hover-box:hover .opacity-medium {opacity: 0.50; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item figure {bottom:130px; z-index: 5; width: 100%; overflow: visible}
.hover-option3 .grid-item figure h6 {position: relative; bottom: -70px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item .slide-hover-box:hover h6 {bottom: 0}
.hover-option3 .grid-item figure p {bottom: -40px; opacity: 0; position: relative; min-height: 24px; display: block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option3 .grid-item .slide-hover-box:hover p {opacity: .6; bottom: 0;}
.hover-option3 .grid-item figure figcaption {left: 0; right: 0; opacity: 1; padding: 0 60px; height: auto; text-align: left}
.hover-option3 .grid-item .separator-line-horrizontal-medium-light2 {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 20%;}
.hover-option3 .grid-item .slide-hover-box:hover .separator-line-horrizontal-medium-light2 {width: 60%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

/* hover option 4 */
.hover-option4 .grid-item figcaption {height: 100%}
.hover-option4 .grid-item .portfolio-hover-main {transform: none; display: table; height: 100%; top: 0; width: 100%;}
.hover-option4 .grid-item figure:hover img {opacity: 0.08; transform: scale(1, 1); transition: all 0.2s ease 0s; -webkit-filter: blur(4px); filter: blur(4px);}
.hover-option4 .grid-item .portfolio-hover-content {bottom:-15px; transition: all 0.2s ease 0s;}
.hover-option4 .grid-item:hover .portfolio-hover-content {bottom:0;}
.hover-option4 .swiper-slide.grid-item figcaption {position: absolute; top: 0; width:100%; opacity: 0}
.hover-option4 .swiper-slide.grid-item:hover figcaption {opacity: 1}

/* hover option 5 */
.hover-option5 .grid-item figcaption {height: 100%; padding: 20px}
.hover-option5 .grid-item .portfolio-hover-main {transform: none; display: table; height: 100%; top: 0; width: 100%;}
.hover-option5 .grid-item .portfolio-hover-box {padding: 20px;}
.hover-option5 .grid-item:hover .portfolio-hover-box {background: rgba(0,0,0,.8)}
.hover-option5 .grid-item .separator-line-horrizontal-medium-light2 {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; top:5px; width:100px}
.hover-option5 .grid-item:hover .separator-line-horrizontal-medium-light2 {transform: translateY(-20px);}
.hover-option5 .grid-item figure:hover img {opacity: .8}

/* hover option 6 */
.hover-option6 .grid-item figcaption {height: 100%; position: relative; opacity: 1; padding:30px 10px 35px; background: #fff}
.hover-option6 .grid-item .portfolio-hover-main {transform: none; display: table; height: 100%; top: 0; width: 100%;}
.hover-option6 .grid-item .portfolio-icon {transition: all 0.3s ease 0s; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 55%; left:0; right: 0; opacity: 0}
.hover-option6 .grid-item figure:hover .portfolio-icon {opacity: 1; top: 50%;}
.hover-option6 .grid-item .portfolio-icon a {border-radius: 50%; border:2px solid transparent; background: #fff; margin: 0 7px; height: 46px; width: 46px; display: inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.hover-option6 .grid-item .portfolio-icon i.fa-link {font-size:20px; position: relative; top: 11px}
.hover-option6 .grid-item .portfolio-icon i.fa-search {font-size:16px; position: relative; top: 8px}
.hover-option6 .grid-item .portfolio-icon a:hover, .hover-option6 .grid-item .portfolio-icon a:hover i {background: transparent; color: #fff;}
.hover-option6 .grid-item .portfolio-icon a:hover {background: transparent; border:2px solid #fff; color: #fff; transform: scale(1.1, 1.1);}
.hover-option6 .grid-item figure:hover img {cursor: default; opacity: .15; transform: scale(1, 1);}
.hover-option6 .grid-item figure:hover figcaption {cursor: default;}
.hover-option6 .grid-item figure:hover .portfolio-img {transition: all 0.3s ease 0s;}
.pofo-stretch-row-container .hover-option6 .grid-item figcaption {padding: 20px 10px 25px;}

/* hover option 7 */
.hover-option7 .grid-item figcaption {height: auto;  position: absolute; opacity: 0; padding:32px; bottom: -101px}
.hover-option7 .grid-item figure:hover figcaption {bottom: 0}
.hover-option7 .grid-item .portfolio-hover-main {transform: none; display: table; height: 100%; top: 0; width: 100%;}
.hover-option7 .grid-item figure img {top: 0; position: relative}
.hover-option7 .grid-item figure:hover img {cursor: pointer; opacity: 1; transform: scale(1,1); top:-101px}
.hover-option7 .grid-item figure:hover figcaption {cursor: pointer;}
.hover-option7 .grid-item figure:hover .portfolio-img {transition: all 0.3s ease 0s; background: transparent}
.pofo-stretch-row-container .hover-option7 .grid-item figcaption {padding:20px;}
.pofo-stretch-row-container .hover-option7 .grid-item figure:hover img {top:-81px;}

/* hover option 8 */
.hover-option8 .grid-item figure figcaption {opacity: 0; padding: 0; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;} 
.hover-option8 .grid-item figure:hover figcaption {opacity: 1; cursor: pointer} 
.hover-option8 .grid-item .portfolio-hover-main {display: table; height: 100%; top: 0; transform: none; width: 100%;} 
.hover-option8 .grid-item .portfolio-icon {position: absolute; right: 55px; top: 51px; transition: all 0.1s ease 0s;}
.hover-option8 .grid-item figure:hover figcaption {padding:25px; transition: all 0.2s ease 0s; box-shadow: 0 0 4px rgba(0,0,0,.4);}
.hover-option8 .grid-item figure:hover figcaption .portfolio-hover-main {background: #fff}
.hover-option8.portfolio-grid .grid-item figure:hover img {opacity: 1; -webkit-filter: blur(4px); filter: blur(4px);}

/* hover option 10 */
.hover-option10 .grid-item * {-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.hover-option10 .grid-item figure .portfolio-img img{transform: scale(1.05,1.05);}
.hover-option10 .grid-item figure:hover .portfolio-img img{transform: scale(1,1); opacity: .15}
.hover-option10 .grid-item figure figcaption {padding: 0;}
.hover-option10 .grid-item figure .portfolio-hover-main {display: table; width: 100%; height: 100%; padding: 50px}
.hover-option10 .grid-item figure .portfolio-icon {margin-bottom: 30px; position: relative; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}
.hover-option10 .grid-item figure .portfolio-hover-content {position: relative; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
.hover-option10 .grid-item figure:hover .portfolio-icon, .hover-option10 .grid-item figure:hover .portfolio-hover-content {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.hover-option10 .grid-item .portfolio-icon a {margin: 0 7px; height: 50px; width: 50px; display: inline-block; border-radius: 100%; border: 1px solid rgba(255,255,255,1); box-sizing: border-box; vertical-align: top; text-align:center; color: #fff}
.hover-option10 .grid-item .portfolio-icon a:hover {color: #232323; background: #fff; border-radius: 5px;}
.hover-option10 .grid-item .portfolio-icon a:hover i {color: #232323;;}
.hover-option10 .grid-item .portfolio-icon i.fa-link {font-size:22px; position: relative; top: 14px}
.hover-option10 .grid-item .portfolio-icon i.fa-search, .hover-option10 .grid-item .portfolio-icon i.ti-zoom-in {font-size:20px; position: relative; top: 13px}
.pofo-stretch-row-container .hover-option10 .grid-item figure .portfolio-hover-main {padding:30px;}
.pofo-stretch-row-container .hover-option10 .grid-item .portfolio-icon i.fa-link {font-size:16px; position: relative; top: 10px}
.pofo-stretch-row-container .hover-option10 .grid-item .portfolio-icon i.fa-search {font-size:14px; position: relative; top: 8px}
.pofo-stretch-row-container .hover-option10 .grid-item .portfolio-icon a {width: 45px; height: 45px;} 

/* hover option 11 */
.hover-option11 .grid-item > a:hover .portfolio-item-title {color: #fff;}
.hover-option11 .grid-item .portfolio-img {margin-bottom: 33px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s;}
.hover-option11 .grid-item .portfolio-img img {box-shadow: 0 0 8px rgba(0,0,0,1);}
.hover-option11 .grid-item:hover .portfolio-img img {opacity: .6; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s;}
.hover-option11 .grid-item > a {display: block; position: relative;}
.hover-option11 .grid-item > a:hover .portfolio-img {box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2); transform: translateY(-10px);}

/* portfolio filter tab style 1 */
.portfolio-filter-tab-1.nav > li {margin: 0 25px; display: inline-block; float: none}
.portfolio-filter-tab-1.nav > li a {background: transparent; border: none; padding:0 0 2px 0; display: inline; color:#6f6f6f; margin: 0;}
.portfolio-filter-tab-1.nav > li a:hover, .portfolio-filter-tab-1.nav > li a:focus {background: transparent; border-bottom: 1px solid #232323; color:#232323}
.portfolio-filter-tab-1.nav > li.active a {background: transparent !important; border-bottom: 1px solid #232323; color: #232323;}

/* portfolio filter tab style 2 */
.portfolio-filter-tab-2.nav > li {display: inline-block; float: none;}
.portfolio-filter-tab-2.nav > li a {border: none; border-radius: 50px; padding: 7px 24px; margin-right: 4px;}
.portfolio-filter-tab-2.nav > li a:hover, .portfolio-filter-tab-2 li > a:focus {background: rgba(144,144,144,0.22); color: #000; border: 0 !important}
.portfolio-filter-tab-2.nav-tabs li.active a, .portfolio-filter-tab-2.nav-tabs li.active a:hover {border: none; background: rgba(144,144,144,0.22); color: #000; border: none;}

/* ===================================
    Feature box
====================================== */

.feature-box {overflow: hidden;position: relative;text-align: center;}
.feature-box .content {padding: 35px 15px;}
.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after{display: inline-block; position:absolute; content:""; background-color:#ff214f; z-index: 1}
.feature-box:before, .feature-box .content:before {right:0; top:0; transition-duration:0.5s}
.feature-box:after, .feature-box .content:after {left:0; bottom:0; transition-duration:0.5s}
.feature-box:hover:before, .feature-box:hover:after{transform:scaleY(1); transition-duration:0.5s}
.feature-box:before {transform-origin: right top 0;}
.feature-box:after {transform-origin: left bottom 0;}
.feature-box .content:before {transform-origin: right top 0;}
.feature-box .content:after {transform-origin: top left 0;}
.feature-box:before, .feature-box:after{height:100%; width:3px; transform:scaleY(0); transition-duration:0.5s;}
.feature-box:hover .content:before, .feature-box:hover .content:after {transform:scaleX(1); transition-duration:0.5s}
.feature-box .content:before, .feature-box .content:after {width:100%; height:3px; transform:scaleX(0); transition-duration:0.5s;}

/* feature box style 1 */
.feature-box-1 {display: table}
.feature-box-1 .char-value, .feature-box-1 a {display: table-cell; vertical-align: middle}

/* feature box style 4 */
.grid-item.feature-box-4 {overflow: hidden; position: relative;}
.grid-item.feature-box-4 figure img {width: 100%; cursor: auto;}
.grid-item.feature-box-4 figure figcaption {position: absolute; left: 0px; top: auto; z-index: 9; bottom: 0px; transform: translateY(0); -webkit-transform: translateY(0); transition: transform .35s ease-out; padding: 0 0 15px 60px; width: auto; height:auto; text-align: left; opacity: 1; cursor: default;}
.grid-item.feature-box-4 figure:hover img, .feature-box-4 figure:focus img {opacity: 1; -ms-transform: none; -webkit-transform: none;  transform: none;}
.grid-item.feature-box-4 figure:hover figcaption {transform: translateY(-50px);-webkit-transform: translateY(-50px)}
.grid-item.feature-box-4 figure figcaption .btn {opacity: 0}
.grid-item.feature-box-4 figure:hover .btn {opacity: 1; display: inline-block}
.grid-item.feature-box-4 figure:hover img {transition-timing-function: ease-in-out; transform: scale(1.09,1.09)}

/* feature box style 5 */
.feature-box-5 {padding-left:75px}
.feature-box-5 i, .feature-box-5 img {position: absolute; top: 0; left: 0}

/* feature box style 6 */
.feature-box-6 {padding-left: 70px;}
.feature-box-6 i, .feature-box-6 img {position: absolute; top: 50%; left: 0; transform: translateY(-22px)}

/* feature box style 7 */
.feature-box.feature-box-7:before,.feature-box.feature-box-7:after {content: ''; display: table;}
.feature-box.feature-box-7:hover:before,.feature-box.feature-box-7:hover:after {border: none}
.feature-box.feature-box-7::before, .feature-box.feature-box-7::after, .feature-box.feature-box-7 .content::before, .feature-box.feature-box-7 .content::after {background: transparent;}
.feature-box.feature-box-7:after {clear: both;}
.feature-box.feature-box-7 {border: 1px solid #ededed;}
.feature-box.feature-box-7 .box {height: 100%; width: 100%; display: table; position: relative; -webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -moz-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -mstransition: all 0.4s cubic-bezier(.48,.83,.63,.91); -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91);  overflow: hidden}
.feature-box.feature-box-7 .box figure {-webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -moz-transition:all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -ms-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); padding: 10% 0;}
.feature-box.feature-box-7 .box .content {height: 100%; vertical-align: middle; padding: 0; position: relative; top: 30px;}
.feature-box.feature-box-7 .box .content .details {opacity: 0;}
.feature-box.feature-box-7 .box:hover .content .details {opacity: 1;}
.feature-box.feature-box-7 .box:hover .content {top: 0; border-bottom-color: #ff214f;}
.feature-box.feature-box-7 .box:hover i {color: #ff214f}

/* feature box style 8 */
.feature-box-8 .feature-box-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 2px; position: absolute; z-index: -2}
.feature-box-8:hover .feature-box-overlay {height: 100%; background: #2f2f2f}
.feature-box-8:hover div, .feature-box-8:hover p, .feature-box-8:hover a.feature-title-link {color: #fff;}
.feature-box-8:hover .icon-round-small {background: #fff; color: #ff214f}
.parallax-feature-box-bottom {position: absolute; bottom:-150%;}
.parallax-feature-box {overflow: visible}

/* feature box style 9 */
.feature-box-9 i {position: relative; transition: all 0.3s ease 0s; top:0}
.feature-box-9:hover i {top: -8px; color: #fff}
.feature-box-9:hover p {color: #ff214f;}
.feature-box-9 .text-bottom-line {margin-bottom: 15px}
.feature-box-9:hover .text-bottom-line {border-top:45px solid; margin-bottom:0}

/* feature box style 10 */
.feature-box-10 .number {display: table-cell; font-size: 30px; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px; position: relative}
.feature-box-10:hover .number {background: #ff214f; color: #fff}
.feature-box-10 .number-center:after {width: 250%; position: absolute; content:""; height: 1px; background: #e2e2e2; top: 45px; z-index: -1; left:130px}
.feature-box-10 .number-center:before {width: 250%; position: absolute; content:""; height: 1px; background: #e2e2e2; top: 45px; z-index: -1; right:130px}

/* feature box style 11 */
.feature-box-11 .progress-line:after {content: ""; display: block; width: 12%; height: 1px; background: rgba(0,0,0,.2); position: absolute; right: -6%; top: 65px; text-align: center;}
.feature-box-11 .process-bg {border-radius: 100%; height: 130px; width: 130px; line-height: 130px}

/* feature box style 12 */
.feature-box-12 .feature-icon-box {width: 90px; height: 90px; border-radius: 6px; text-align: center; vertical-align: middle; border: 1px solid #d6d5d5; display: table-cell;transform: rotateX(0deg);transition: ease-in-out 0.6s;}
.feature-box-12 .feature-content-box {display: table-cell; vertical-align: middle; transform: rotateY(0deg);transition: ease-in-out 0.6s; opacity: 1;}
.feature-box-12 .hover-content-box, .feature-box-12 .feature-content-box {backface-visibility: hidden; transform-style: preserve-3d;}
.feature-box-12 .hover-content-box {background-color: #232323; width: 80%; transition: ease-in-out 0.6s; transform: rotateX(180deg); position: absolute; top: -45%;left: 0; opacity: 0;}
.feature-box-12:hover .hover-content-box {transform: rotateX(0deg); opacity: 1}
.feature-box-12:hover .feature-icon-box {transform: rotateX(180deg); opacity: 0}
.feature-box-12:hover .feature-content-box {transform: rotateX(180deg); opacity: 0}

/* feature box style 13 */
.feature-box-13 {overflow: hidden; z-index: 1;}
.feature-box-13:before {background: #ff214f; left: 0; height: 100%;  top: 0; position: absolute; width: 100%; z-index: -1; display: block; content: ""; transition-duration: 0.3s; transform:scaleY(0); opacity: 0}
.feature-box-13:hover:before {transform: scaleY(1);transition-duration: 0.3s; opacity: 1}
.feature-box-13:hover i {color: #232323}
.feature-box-13:hover p {color: #fff}

/* featurebox38 */
.featurebox38 .feature-title { font-size: 13px; }

/* featurebox40 */
.featurebox40 { background-color: #f7f7f7; border-radius: 10px;}
.featurebox40:hover { background-color: #ff214f;}
.featurebox40:hover i, .featurebox40:hover span, .featurebox40:hover div { color: #fff;}
.featurebox40:hover div p { opacity: .6; transition-duration: .0s; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s; }

/* featurebox40 */
.featurebox41 .btn.btn-link { padding-top: 7px; }

/* team style 3 */
.feature-box-15 .feature-box-content {position: relative}
.feature-box-15 .feature-box-image {transform: rotateY(0deg);}
.feature-box-15 .hover-content, .feature-box-15 .feature-box-image {backface-visibility: hidden; transform-style: preserve-3d;transform: rotateY(0deg);transition: ease-in-out 0.4s}
.feature-box-15 .hover-content {left: 0; position: absolute; top:0; height: 100%; transform: rotateX(180deg);width: 100%;  opacity: 0;}
.feature-box-15 .feature-box-content:hover .feature-box-image {transform: rotateX(180deg); opacity: 0;}
.feature-box-15 .feature-box-content:hover .hover-content {transform: rotateX(0deg); opacity: 1;}

/* feature box style 16 */
.feature-box-16 .feature-box-content {position: absolute; bottom:0; width: 100%; transition: ease-in-out 0.4s; height: 60px;}
.feature-box-16 .feature-box-content p {opacity: 0;transition: ease-in-out 0.5s;}
.feature-box-16 {position: relative; overflow: hidden;}
.feature-box-16:hover .feature-box-content {height: 100%;}
.feature-box-16:hover .feature-box-content p {opacity: 1;}

/* feature box style 17 */
.feature-box.feature-box-17:before,.feature-box.feature-box-17:after {content: ''; display: table;}
.feature-box.feature-box-17:hover,.feature-box.feature-box-17:hover:before,.feature-box.feature-box-17:hover:after {border: none}
.feature-box.feature-box-17::before, .feature-box.feature-box-17::after, .feature-box.feature-box-17 .content::before, .feature-box.feature-box-17 .content::after {background: transparent;}
.feature-box.feature-box-17:after {clear: both;}
.feature-box.feature-box-17 .box {height: 100%; width: 100%; display: table; position: relative;-webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);-moz-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); overflow: hidden}
.feature-box.feature-box-17 div:first-child .box {border-left: none}
.feature-box.feature-box-17 .box figure {-webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);-moz-transition:all 0.4s cubic-bezier(.48,.83,.63,.91);transition: all 0.4s cubic-bezier(.48,.83,.63,.91); padding: 10% 0;}
.feature-box.feature-box-17 .box .content {display:table-cell; height: 100%; vertical-align: middle; padding: 0; position: relative; top: 30px;}
.feature-box.feature-box-17 .box .content .details {opacity: 0;}
.feature-box.feature-box-17 .box:hover .content .details {opacity: 1;}
.feature-box.feature-box-17 .box:hover .content {top: 0; border-bottom-color: #ff214f;}
.feature-box.feature-box-17 .box:hover {background-color: #ff214f;}
.feature-box.feature-box-17 .box:hover i {color: #ffffff}

/* feature box style 38 */
.feature-box-39 { padding-left: 38px; position: relative;}
.feature-box-39 i, .feature-box-39 img { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.feature-box-39 .feature-content { display: table !important; }

/* info banner box style 2 */
.info-banner-box-2 {position: relative; overflow: hidden; height: 200px;}
.info-banner-box-2 .hover-box {position: absolute; left: 100%; top: 0; height: 100%; transition: ease-in-out 0.5s;}
.info-banner-box-2 .content-box {position: absolute; left: 0; top:0; height: 100%; transition: ease-in-out 0.5s;}
.info-banner-box-2:hover .hover-box {left: 0}
.info-banner-box-2:hover .content-box {left: -100%}

/* counter box default */
.counter-style .appear, .counter-style .wpb_appear {-webkit-animation: none !important; -o-animation:none !important; animation: none !important;}

/* counter box style 1 */
.counter-feature-box-1 {height:199px;}
.counter-feature-box-1:hover {background:#ff214f; border-color: #ff214f !important;}

/* counter box style 3 */
.counter-box-3 .counter-box {display: inline-block; width: 140px; padding: 0; vertical-align: top; text-align: center; position: relative;}
.counter-box-3 .counter-box:after {position: absolute; right: 0; width: 1px; height: 36px; background-color: #eb214b; content: ""; top: 8px;}
.counter-box-3 .counter-box:last-child:after {width: 0;}
.counter-box-3 .counter-box .number {display: block; font-weight: 400; font-size: 32px; line-height: 30px;}
.counter-box-3 .counter-box span {font-weight: 400; font-size: 12px; line-height: 28px; text-transform: uppercase;}

/* counter box style 4 */
.counter-box-4 .plus-separator:after {content: "+"; position: absolute; right: -10%; bottom: 100%; color: #b6b6b6; font-weight: 300;}
.counter-style-icon-none .counter-box-4 .plus-separator:after {display: none;}

/* counter box style 5 */
.counter-box-5 i { margin-bottom: 5px;}
.counter-box-5 .counter-box {display: inline-block; width: 13%; padding: 0; vertical-align: top; text-align: center; position: relative;} 
.counter-box-5 .counter-box .number {display: block; font-weight: 400; font-size: 80px; line-height: 80px; letter-spacing: -3px}
.counter-box-5 .counter-box span {font-weight: 400; font-size: 12px; letter-spacing: 3px; opacity: 0.5; line-height: 28px; text-transform: uppercase;}

/* skillbar bar style 1 */
.skillbar-bar-style1 .skillbar {position: relative; display: inline-block; margin: 35px 0 10px; background: rgba(0,0,0,.15); height: 5px; width: 88%; border-radius: 10px; text-align: left;}
.skillbar-bar-style1 .skillbar-bar {height: 5px; border-radius: 10px; width: 0px; background:rgba(0,0,0,.70); display: inline-block; position: absolute; top: 0; margin-bottom:0px;}
.skillbar-bar-style1 .skill-bar-percent {position: absolute; top: -12px; right: -39px;}
.skillbar-bar-style1 .skill-bar-text {top: -22px; position: absolute}

/* skillbar bar style 2 */
.skillbar-bar-style2 .skillbar {position: relative; display: inline-block; margin: 35px 0 10px; background: rgba(0,0,0,.15); height: 3px; width: 88%; text-align: left;}
.skillbar-bar-style2 .skillbar-bar {height: 3px; width: 0px; background:rgba(0,0,0,.70); display: inline-block; position: absolute; top: 0; margin: 0;}
.skillbar-bar-style2 .skill-bar-percent {position: absolute; top: -9px; right: -39px;}
.skillbar-bar-style2 .skill-bar-text {top: -24px; position: absolute}

/* skillbar bar style 3 */
.skillbar-bar-style3 .skillbar {position: relative; display: inline-block; margin: 15px 0 30px; background: rgba(255,255,255,.2); height: 5px; width: 88%; text-align: left;}
.skillbar-bar-style3 .skillbar-bar {height: 5px; width: 0px; display: inline-block; position: absolute; top: 0; margin: 0; overflow: visible; background: #ff214f; background: -moz-linear-gradient(left, #ff214f 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #ff214f 0%,#ffffff 100%); background: linear-gradient(to right, #ff214f 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff214f', endColorstr='#ffffff',GradientType=1 );}
.skillbar-bar-style3 .skill-bar-percent {position: absolute; top:13px; right: 0;}
.skillbar-bar-style3 .skill-bar-text {top:15px; position: absolute}

/* piechart style 1 */
.chart-style1 .chart1 {position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%;}
.chart-style1 .chart1 canvas {position: absolute; top: 0; left: 0;}
.chart-percent {margin: 0 0 10px 0}
.percent {display: inline-block; line-height: 120px; z-index: 2;}
.percent:after {content: '%';}

/* piechart style 2 */
.chart-style2 .chart2 {position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%;}
.chart-style2 .chart2 canvas {position: absolute; top: 0; left: 0;}

/* piechart style 3 */
.chart-style3 .chart3 {position: relative; display: inline-block; width: 140px; height: 140px; text-align: center; border-radius: 50%;}
.chart-style3 .chart3 canvas {position: absolute; top: 0; left: 0;}
.chart-style3 .percent {display: inline-block; line-height: 68px; z-index: 2; background: #232323; border-radius: 100%; width: 70px; height: 70px; color: #fff; right: -60px; top: 10px; position: relative;}
.chart-style3 .percent:after {content: '%';}

/* ===================================
   Blog
====================================== */

/* blog post style 1 */
.blog-post.blog-post-style1 .blog-post-images {background: #232323}
.blog-post.blog-post-style1 .blog-post-images img {width: 100%;}
.blog-post.blog-post-style1:hover .blog-post-images img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}
.blog-post.post-no-transform:hover .blog-post-images img, .grid-item.post-no-transform:hover .blog-img img {transform: scale(1, 1) !important;}
.blog-post.blog-post-style1:hover .blog-image img {opacity: 1; transform: scale(1) !important; transition: all 0s ease 0s;}
.blog-post .blog-image li {overflow: hidden;}
.blog-post .blog-image li .fa-2x {opacity: 0; cursor: pointer; position: absolute; font-size: 20px; top:50% !important; z-index: 99; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.blog-post .blog-image li figcaption {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.blog-post .blog-image li figcaption .portfolio-hover-main, .blog-post .blog-image li figcaption .portfolio-hover-box, .blog-post .blog-image li figcaption .portfolio-hover-content {width: 100%; height: 100%;}
.blog-post .blog-image li:hover img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}
.blog-post .blog-image li .portfolio-hover-box {display: block;}
.blog-post .blog-image li:hover .fa-2x {opacity: 1;}
.blog-gallery-grid {padding: 0; margin: 0; list-style: none;}

/* blog post style 2 */
.blog-post.blog-post-style2 .author img{width: 30px; display: inline-block; vertical-align: middle;}
.blog-post.blog-post-style2 .author > span{max-width: calc(100% - 40px); vertical-align: middle; display: inline-block;}

/* blog post style 3 */
.blog-post-style3 .grid-item .blog-post * {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s;}
.blog-post-style3 .grid-item .blog-post .author img {width: 25px;}
.blog-post-style3 .grid-item .blog-post .blog-post-images a {display: block;}
.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon {position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; text-align: center; opacity: 0;}
.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon {opacity: 1}
.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon span {top: 35%; position: relative; font-size: 48px; color: #fff; opacity: 0}
.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon span {top: 40%; opacity: 1;}

/* blog post style 4 */
.blog-post-style4 .blog-grid .grid-item figure {position: relative; overflow: hidden;}
.blog-post-style4 figure figcaption {padding: 45px; bottom: 0px; position: absolute; background: rgba(0,0,0,.85); width: 100%; transition: ease-in-out 0.5s; z-index: 1;}
.blog-post-style4 .grid-item figure figcaption .entry-content {margin-bottom:0; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; display: none}
.blog-post-style4 .grid-item figure figcaption .entry-content p:last-child {margin-bottom: 0;}
.blog-post-style4 .blog-grid .grid-item .blog-img img {cursor: pointer; display: block; width: 100%; opacity: .9; transition: all 0.3s ease 0s;}
.blog-post-style4 .blog-grid .grid-item:hover .blog-img img {transform: scale(1.1); opacity: .5; transition: all 0.3s ease 0s;}
.blog-post-style4 .blog-grid a {position: relative; z-index:auto;}
.pofo-stretch-row-container .blog-post-style4 figure figcaption {padding: 25px;}

/* blog post style 5 */
.blog-post-style5 .blog-post .blog-post-images {height: 100%; position: relative}
.blog-post-style5 .blog-post .blog-categories {position: absolute; bottom:0; left: 0; z-index: 25; padding: 10px 20px 8px}

/* blog post style 6 */
.blog-post-style6:hover {background-color: #fff;}
.blog-post-style6:hover .text-white {color: #000}
.blog-post-style6:hover .author:before {background-color: #000}
.blog-post-style6 .author:before {width: 100px; height: 1px; background-color: #fff; opacity: 0.25; position: absolute; top: 0; left: 0; display: inline-block; content: ""}

/* blog post style 7 */
.blog-post-style7:hover {background-color: #1c1c1c; color: #fff; border-color: #1c1c1c;}
.blog-post-style7:hover a {color: #fff;}
.blog-post-style7 .blog-like-comment a {font-size: 11px; line-height: 14px; color: #6f6f6f; margin-right: 10px;}
.blog-post-style7 .blog-like-comment a:hover, .blog-post-style7 .blog-like-comment a:hover i {color: #fff}
.blog-post-style7:hover .blog-like-comment a {color: #fff;}
.blog-post-style7:hover .btn {background-color: #fff; color: #000; border-color: #fff;}

/* pagination */
.pagination {border-radius: 0; padding: 0 15px; margin: 0}
.pagination ul {display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0;}
.pagination li {display: inline;}
.pagination a, .pagination span.dots {float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff}
.pagination a:hover, .pagination .active a {background-color: #f5f5f5;}
.pagination .active a {color: #999999; cursor: default;}
.pagination span.current {background-color: #f5f5f5; color: #999999; cursor: default; float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0;}
.pagination a.prev {border-left: 1px solid #ddd;}
.pagination span:nth-child(1) {border-left: 1px solid #ddd;}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {color: #999999; background-color: transparent; cursor: default;}
.pagination li:first-child a {border-left-width: 1px;}
.pagination-centered {text-align: center;}
.pagination-right {text-align: right;}

/* pagination default */
.page-links {padding: 50px 0; float: left; width: 100%;}
.page-links > .inner-page-links {display: inline-block;}
.page-links a {float: left;  padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff;}
.page-links a:hover, .page-links > .inner-page-links > .page-number {background-color: #f5f5f5;}
.page-links > .inner-page-links > .page-number {background-color: #f5f5f5; color: #999999; cursor: default; float: left;  padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0;}
.page-links .pagination-title {float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; background: #fff;}

/* ===================================
    Team
====================================== */

/* team style 1 */
.team-style-1 figure .team-image {position: relative; overflow: hidden;}
.team-style-1 .team-overlay {display: block; position: absolute; overflow: hidden; transition: all 0.3s ease 0s;}
.team-style-1 .team-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 0;}
.team-style-1 figure:hover .team-overlay {height: 100%;}
.team-style-1 figure figcaption {width: 100%; position: relative; margin-top: 17px}
.team-style-1 figure .overlay-content {opacity: 0; position: absolute; height: 100%; width: 100%; top:0; transition: all 0.3s ease 0s; top:-15px}
.team-style-1 figure:hover .overlay-content {opacity: 1; z-index: 99; top:0}
.team-style-1 figure figcaption .team-member-position {position: relative; top: 0; transition: all 0.2s;}

/* team style 2 */
.team-style-2 figure {position: relative}
.team-style-2 figure .team-image {position: relative;}
.team-style-2 .team-overlay {display: block; position: absolute; overflow: hidden; transition: all 0.3s ease 0s; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0}
.team-style-2 figure:hover .team-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: .9}
.team-style-2 figure .team-member-position {position: absolute; top: 100%; width: 100%; transition: all 0.2s;}
.team-style-2 figure:hover .team-member-position {top: 50%; transform: translateY(-50%); margin: 0;}
.team-style-2 figure:hover .team-member-position .text-medium-gray, .team-style-2 figure:hover .team-member-position .text-extra-dark-gray {color: #fff}
.team-style-2 figure figcaption {min-height: 20px;}
.team-style-2 figure figcaption .overlay-content {opacity: 0; top:0; position: relative; padding-bottom: 30px;}
.team-style-2 figure:hover figcaption .overlay-content {opacity: 1; top:30px;}

/* ===================================
    Elements
 ===================================*/

/* scroll to top */
.scroll-top-arrow {color: #fff; background: #878787; line-height: 28px; display: none; font-weight: bold; height: 30px; width: 30px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 100%;}
.scroll-top-arrow:hover, .scroll-top-arrow:focus {background: #000; opacity: .8; color: #fff; border-color: #ff214f}
.scroll-top-arrow i {line-height: 30px;  position: relative;}

/* accordion style 1 */
.accordion-style1 .panel {background: transparent; box-shadow: none; margin-top: 0 !important}
.accordion-style1.panel-group .panel-heading {border: 0px; border-bottom: 1px solid #e4e4e4;}
.accordion-style1.panel-group .panel-heading a:focus {color: #6f6f6f;}
.accordion-style1 .panel-heading {padding: 16px 0;}
.accordion-style1 .panel-title, .toggles .panel-title {font-size: 13px; padding-right: 30px;position: relative;}
.accordion-style1 .panel-title > span.pull-right, .toggles .panel-title > span.pull-right {position: absolute; right: 0; top: 0;}
.accordion-style1 .panel-heading i {font-size: 12px; color: #626262}
.accordion-style1.panel-group .panel-heading+.panel-collapse>.list-group, .accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:0; padding: 25px 0}
.accordion-style1 .panel-body p:last-child, .accordion-style2 .panel-body p:last-child {margin-bottom: 0;}

.toggles .panel {background: transparent; box-shadow: none; border-radius: 0; border: 1px solid #ddd;}
.toggles .panel-title {font-size: 13px;}
.toggles .panel-heading {padding: 18px; background-color: transparent;}
.toggles .panel-heading i {font-size: 12px; color: #626262}
.toggles .panel + .panel {margin-top: -1px;}
.toggles .panel-body {padding: 25px}

/* accordion style 2 */
.accordion-style2 .panel {background: transparent; border: none; margin-bottom: 15px; box-shadow: none;}
.accordion-style2 .panel-title {background: transparent; border: none}
.accordion-style2 .panel .panel-heading {background: #fff; border-radius:0; padding:18px 40px 19px 28px; position: relative}
.accordion-style2 .panel .panel-heading i {position: absolute; right: 20px; top: 18px;}
.accordion-style2 .panel-body{padding: 35px 28px 25px; border-top:none}
.accordion-style2 .panel-heading i {font-size: 25px; margin: 0;}
.accordion-style2 .panel-title {padding: 0;}
.accordion-style2 .tab-tag {font-size: 20px; padding: 0; margin-right: 7px;float: left; display: inline-block; vertical-align: top;}
.accordion-style2 a, .accordion-style2 a:hover, .accordion-style2 a:hover i {color: #282828;}
.accordion-style2 .panel-default:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0;}
.accordion-style2 {margin-bottom: 0;}
.accordion-style2 .accordion-title {display: table}

/* accordion style 3 */
.accordion-style3 .panel {background-color:transparent; border: none; margin-bottom: 15px; box-shadow: none; border-radius: 0;}
.accordion-style3 .panel-title {background: transparent; border: none}
.accordion-style3 .panel .panel-heading {background: #000; color: #fff; border-radius:0; padding:18px 28px 19px}
.accordion-style3 .panel-body{padding: 35px 28px 25px; border-top:none}
.accordion-style3 .panel-heading i {font-size: 25px; margin: 0; color:#fff;}
.accordion-style3 .tab-tag {font-size: 20px; padding: 0; margin-right: 7px; display: inline-block; vertical-align: top;}
.accordion-style3 a, .accordion-style2 a:hover, .accordion-style3 a:hover i {color: #fff;}
.accordion-style3 .panel-default:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0;}
.accordion-style3 {margin-bottom: 0;}

/* tab */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: 0; border-bottom: 1px solid;}

/* tab style 1 */
.tab-style1 .nav-tabs{border: none; display: inline-block; width: 100%;}
.tab-style1 .nav-tabs li{display: inline-block; float: none; width:24%;}
.tab-style1 .nav-tabs li a{/*padding: 0 41.6%;*/ margin: 0;}
.tab-style1 .nav-tabs li:hover{background: transparent;}
.tab-style1 .nav-tabs > li > a, .tab-style1 .nav-tabs > li > a:focus, .tab-style1 .nav-tabs > li > a:hover{border: none; background-color: transparent;}
.tab-style1 .nav-tabs li:hover i, .tab-style1 .nav-tabs li.active i{color: #ff214f;}
.tab-style1 .nav-tabs li:hover span, .tab-style1 .nav-tabs li.active span{color: #232323;}

/* tab style 2 */
.tab-style2 .tab-content{padding:55px 0 0; border-top: 1px solid #e5e5e5;}
.tab-style2 .nav-tabs{border:0;}
.tab-style2 .nav-tabs li{border:1px solid #e5e5e5; border-bottom: none; border-radius: 0; margin-bottom: 0; display:inline-block; float:none; margin-right: 5px}
.tab-style2 .nav-tabs li a {background-color:#f7f7f7; border:none; color:#575757;line-height: 44px; margin:0!important; padding: 0 25px; border-radius: 0;}
.tab-style2 .nav-tabs li a i {margin-right: 8px; color: #575757; vertical-align: middle;}
.tab-style2 .nav-tabs-light li:first-child {border-left: 1px solid #e5e5e5; margin-left: 15px;}
.tab-style2 .nav-tabs > li.active > a {border-color:transparent; border: none; border-radius:0; background:#fff; top:1px;z-index: 9;}

/* tab style 3 */
.tab-style3 .nav-tabs {border-bottom: 1px solid transparent}
.tab-style3 .nav-tabs li {float: none; display: inline-block; vertical-align: middle;}
.tab-style3 .nav-tabs li {float: none; display: inline-block; vertical-align: middle; margin: 0 20px; padding: 5px 0}
.tab-style3 .nav-tabs li.active {border-bottom: 1px solid #232323}
.tab-style3 .nav-tabs li.active a {color: #232323;}
.tab-style3 .nav-tabs>li>a, .tab-style3 .nav-tabs>li>a:focus, .tab-style3 .nav-tabs>li.active>a:hover, .tab-style3 .nav-tabs>li>a:hover {background-color: transparent; border: none; padding: 0}
.tab-style3 .nav-tabs li a i {margin-right: 8px; color: #939393; vertical-align: middle;}
.tab-style3 .nav-tabs li a:hover i {color: #ff214f;}
.tab-style3 .nav-tabs li.active a i {color: #555;}

/* tab style 4 */
.tab-style4 .tab-content{padding:0 0 0 55px; border-left: 1px solid #e5e5e5; }
.tab-style4 .nav-tabs{border:0;}
.tab-style4 .nav-tabs li{border:1px solid #e5e5e5; border-right: none; border-radius: 0; margin-bottom: 0; display:block; float:left; width: 100%; left: 1px;}
.tab-style4 .nav-tabs li.active{z-index: 1;}
.tab-style4 .nav-tabs li a {background-color:#f7f7f7; border:none; color:#575757; line-height: normal; margin:0 !important; padding: 15px 20px; border-radius: 0;  top:1px}
.tab-style4 .nav-tabs li:last-child a {top: 0}
.tab-style4 .nav-tabs-light li:first-child {border-left: 1px solid #e5e5e5; margin-left: 15px;}
.tab-style4 .nav-tabs > li.active > a {border-color:transparent; border: none; border-radius:0; background:#fff;}
.tab-style4 .nav-tabs > li a img { width: 30px; }
.tab-style4 .nav-tabs > li a i { position: relative; top: 1px; }
.tab-style4 .nav-tabs > li a span { display: inline-block; vertical-align: middle; }
.tab-style4 .nav-tabs > li a span:first-child { margin-right: 7px; }
.tab-style4 .nav-tabs > li a span:last-child { margin-right: 0; }

/* tab style 5 */
.tab-style5 { position: relative; margin-left: -60px;}
.tab-style5 .nav-tabs { border: none;}
.tab-style5 .nav-tabs li { width: 100%; margin-bottom: 0; border: 0; }
.tab-style5 .nav-tabs li a {border: none; font-size: 26px; line-height: 60px; border-bottom: 2px solid transparent; margin: 0; opacity: 0.6; display: inline-block; background-color: transparent !important; padding: 0; border-radius: 0;}
.tab-style5 .nav-tabs li a:hover { background-color: transparent; opacity: 1; color: #ff214f;}
.tab-style5 .nav-tabs li a i { vertical-align: middle; margin: 10px 15px 10px 0;}
.tab-style5 .nav-tabs li.active a { color: #ff214f; opacity: 1; border-bottom: 2px solid #ff214f; padding-left: 45px}
.tab-style5 .nav-tabs li.active a:hover, .tab-style5 .nav-tabs li.active a:focus { cursor: pointer; background-color: transparent;}
.tab-style5 .tab-box { position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 1; width:500px;}
.tab-style5 .tab-content { display: inline-block; padding-left: 9.6%; width: 100%; }
.tab-style5 .tab-content img, .tab-style5 .tab-content .tab-pane figure, .tab-style5 .tab-content .tab-pane figure a { width: 100%;}


/* ===================================
    Testimonial
====================================== */

/* testimonial style 2 */
.testimonial-style2 .profile-box {margin-top: -50px; position: relative;}

/* testimonial style 3 */
.testimonial-style3 .arrow-bottom:after {border-top-color: #d6d5d5; left: 15%;  border-width: 10px; margin-left: -10px;}

/* testimonial box */
.testimonial-box .image-box {display: table-cell; vertical-align: middle}
.testimonial-box .name-box {display: table-cell; vertical-align: middle}

/* list style 6 */
.blog-comment {list-style: none; margin: 0; padding: 0;}
.blog-comment li {padding: 50px 0; border-bottom: 1px solid #ededed; position: relative; list-style: none; clear: both;}
.blog-comment li img {border-radius: 50%; width: 85%;}
.blog-comment li .comment-text {margin-top: 10px;}
.blog-comment li .btn-reply {float: right; border: 1px solid #ededed; padding: 6px 8px 5px; line-height: normal; font-size: 10px; font-weight: 500; position: relative;}
.blog-comment > li:first-child {padding-top: 0}
.blog-comment li:last-child {border-bottom: none; padding-bottom: 0}
.blog-comment li ul.children {margin-left: 40px; list-style: none; clear: both;}
.blog-comment li ul.children li {border: none; padding-bottom: 0; border-top: 1px solid #ededed; margin-top: 50px}
.blog-comment-form input {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.category-blog-list:last-child > div {border: 0;}

/* ===================================
    Footer
====================================== */

/*footer .small-icon li {margin: 0 8px;}*/
footer .mc4wp-error p {margin: 0;}
footer .newsletter-form-style2 input[type="text"], footer .newsletter-form-style2 input[type="search"], footer .newsletter-form-style2 input[type="email"] {border: 1px solid #363636 !important; border-radius: 0; font-size: 12px; height: 33px; padding: 0 12px;}
footer .newsletter-form-style2 input[type="text"]::-webkit-input-placeholder, footer .newsletter-form-style2 input[type="email"]::-webkit-input-placeholder {font-size: 12px;}
footer .newsletter-form-style2 input[type="text"]::-moz-placeholder, footer .newsletter-form-style2 input[type="email"]::-moz-placeholder {font-size: 12px;}
footer .newsletter-form-style2 input[type="text"]::-ms-input-placeholder, footer .newsletter-form-style2 input[type="email"]::-ms-input-placeholder {font-size: 12px;}
footer .newsletter-form-style2 input[type="text"]::-o-placeholder, footer .newsletter-form-style2 input[type="email"]::-o-placeholder {font-size: 12px;}
footer .newsletter-form-style2 .input-group-btn {width: 32px;}
footer .newsletter-form-style2 .input-group-btn > .btn, footer .newsletter-form-style2 .input-group-btn > .btn:focus, footer .newsletter-form-style2 .add-on .input-group-btn > .btn:hover {height: 33px; width: 32px; background-color: transparent; border-radius: 0; border-color:#363636; padding: 5px 10px 5px 13px !important; border-left: 0;}
footer .newsletter-form-style2 .input-group-btn .ti-email:before{content:"\f0da"; font-family: Font Awesome\ 5 Free; font-weight: 900; color: #626262; display: block; font-size: 18px;}
footer .newsletter-form-style3 input[type="text"].border-none, footer .newsletter-form-style3 input[type="email"].border-none {margin-bottom: 10px; border: 1px solid  #d1d1d1 !important; padding: 5px 15px 7px; height: auto; border-radius: 0; font-size: 12px; background-color: transparent;}
footer .newsletter-form-style3 input[type="text"].border-none:focus, footer .newsletter-form-style3 input[type="email"].border-none:focus {border-color: #585858 !important;}
footer .newsletter-form-style3 .input-group-btn {width: auto; display: block;}
footer .newsletter-form-style3 .input-group-btn .btn {margin: 0; font-size: 9px; line-height: 22px; padding: 1px 17px !important; background: #232323; border:2px solid #232323; color: #fff; border-radius: 0; height: auto;}
footer .newsletter-form-style3 .input-group {width: 100%;}
footer .newsletter-form-style3 .input-group-btn .btn:hover {background-color: transparent; color: #232323;}
footer .newsletter-form-style3 .mc4wp-form-fields .input-group-btn .btn span {display: block;}
footer .newsletter-form-style3 .mc4wp-form-fields .input-group-btn .btn i {display: none;}
footer .newsletter-form-style3 {float: left; margin-top: 5px; width: 100%;}
footer ul {display: inline-block; margin-bottom: 0; width: 100%;}
.pofo-right-border-style {border-right: 1px solid #363636;}
.pofo-right-border-style:last-child {border: 0;}
.footer-wrapper-style-4 { padding-bottom: 0;}
.footer-style-four .social-icon-style-8 .small-icon a { line-height: normal}

.bg-dark-footer{background-color:#141414;}
.footer-logo {max-height: 28px;}
.footer-logo-width img {width: 240px;}
footer .pofo-footer-wrapper .footer-wrapper-text-align-col-two:first-child {text-align: left}
footer .pofo-footer-wrapper .footer-wrapper-text-align-col-two:last-child {text-align: right}
footer .pofo-footer-wrapper .footer-wrapper-text-align-col-one {text-align: center}
.footer-bottom .footer-right-text a {margin-right: 3px}
.footer-bottom .footer-right-text a:last-child {margin-right: 0; margin-left: 3px}

/* footer widget */
footer .widget_pofo_portfolio_categories ul, footer .widget_archive ul, footer .widget_categories ul, footer .widget_pages ul, footer .widget_meta ul, footer .widget_recent_comments ul, footer .widget_recent_entries ul, footer .widget_rss ul  {padding: 0; margin: 0}
footer .widget_pofo_portfolio_categories ul li ul, footer .widget_archive ul li ul, footer .widget_categories ul li ul, footer .widget_pages ul li ul {padding-left: 20px;}
footer .widget_pofo_portfolio_categories ul li span, footer .widget_archive ul li span, footer .widget_categories ul li span, footer .widget_pages ul li span {float: right;}
footer .widget_pofo_portfolio_categories ul li, footer .widget_archive ul li, footer .widget_categories ul li, footer .widget_pages ul li, footer .widget_meta ul li, footer .widget_recent_comments ul li, footer .widget_recent_entries ul li, footer .widget_rss ul li {padding: 8px 0; margin: 0; border-bottom: 1px solid #363636;}
footer .widget_pofo_portfolio_categories ul li a, footer .widget_archive ul li a, footer .widget_categories ul li a, footer .widget_pages ul li a, footer .widget_meta ul li a, footer .widget_recent_comments ul li a, footer .widget_recent_entries ul li a, footer .widget_rss a {color: #6f6f6f; font-size: 12px; line-height: normal;}
footer .widget_pofo_portfolio_categories ul li a:hover, footer .widget_archive ul li a:hover, footer .widget_categories ul li a:hover, footer .widget_pages ul li a:hover, footer .widget_meta ul li a:hover, footer .widget_recent_comments ul li a:hover, footer .widget_recent_entries ul li a:hover, footer .widget_rss a:hover {color: #ff214f}
footer .widget_pofo_portfolio_categories ul li:first-child, footer .widget_archive ul li:first-child, footer .widget_categories ul li:first-child, footer .widget_pages ul li:first-child, footer .widget_meta ul li:first-child, footer .widget_recent_comments ul li:first-child, footer .widget_recent_entries ul li:first-child, footer .widget_rss ul li:first-child {padding-top: 0;}
footer .widget_pofo_portfolio_categories ul li:last-child, footer .widget_archive ul li:last-child, footer .widget_categories ul li:last-child, footer .widget_pages ul li:last-child, footer .widget_meta ul li:last-child, footer .widget_recent_comments ul li:last-child, footer .widget_recent_entries ul li:last-child, footer .widget_rss ul li:last-child {border-bottom: none; padding-bottom: 0;}
footer .widget_tag_cloud a {color: #6f6f6f; border-color: #6f6f6f;}
footer .widget_tag_cloud a:hover {border-color: #fff;}
footer .widget_archive, footer .widget_calendar, footer .widget_calendar, footer .widget_categories, footer .widget_categories, footer .widget_pages, footer .widget_meta, footer .widget_recent_comments, footer .widget_recent_entries, footer .widget_rss, footer .widget_search, footer .widget_tag_cloud {margin-bottom: 35px;}
footer .widget_calendar td, footer .widget_calendar th {border-color: #363636;}
footer .widget_calendar td a, footer .widget_calendar th a {color: #6f6f6f;}
footer .widget_calendar td a:hover, footer .widget_calendar th a:hover {color: #ff214f}

/* footer input */
footer input::-webkit-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer input::-moz-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;} 
footer input:-ms-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer .newsletter input {color: #6f6f6f; letter-spacing: normal;}

/* footer menu */
footer .menu {padding-left: 0; list-style: none; margin: 0 0 20px;}
footer .menu li a {font-size: 12px; line-height: 20px;}

/* latest post */
.latest-post {list-style: none; padding: 0; margin: 0;}
.latest-post li {display: table; padding:15px 0; width: 100%;}
aside .latest-post li {padding:10px 0;}
.latest-post li:first-child {padding-top: 0}
.latest-post li:last-child {border-bottom:none}
.latest-post li figure {width: 73px; float: left; padding-right: 13px;}
.latest-post li figure, footer .latest-post li div {display: table; vertical-align: top}
aside .latest-post li figure {width: 75px;}
.latest-post li div {line-height: normal; position: relative; top: -1px;}
.latest-post li figure:hover img, .latest-post li figure:focus img {-ms-transform: none; -webkit-transform: none;  transform: none;}

/* newsletter */
.newsletter input {float: left; font-size: 12px; color: #fff; width: 100%; height: 100%; padding: 0 38px 0 12px}
.newsletter .btn.btn-arrow-small {background: transparent none repeat scroll 0 0; margin-right: 0; height: 100%; padding-top: 0;  padding-bottom: 5px; text-align: center; right: 0; border-width: 0 0 0 1px}
.newsletter .btn.btn-arrow-small i {color: #626262; font-size: 18px; display: block; margin-top: 6px;}
.newsletter {width: 100%; height: 33px}

/* instagram feed */
.instagram-follow-api ul {list-style: none; padding: 5px 0 0 0; margin: 0; display: flex; width: 100%; flex-wrap: wrap; text-align: center;}
.instagram-follow-api li {padding:0 10px 10px 0; box-sizing: border-box; display: inline-block}
.instagram-follow-api li figure {position: relative; overflow: hidden}
.instagram-follow-api li figure a .insta-counts{position: absolute; bottom: -100%;-webkit-transition-duration: .2s;-o-transition-duration: .2s; transition-duration: .2s; left: 0; text-align: center; background: rgba(35,35,35,0.8); color: #fff; width: 100%; font-size: 12px;}
.instagram-follow-api li figure a .insta-counts > span {margin: 0 5px;}
.instagram-follow-api li figure:hover a .insta-counts{bottom: 0;}
.instagram-follow-api li figure a .insta-counts i {margin-right: 5px; margin-left: 5px; vertical-align: middle;}
.instagram-follow-api .pofo-instagram-feed li img {width: 100%;}
.pofo-instagram-feed {padding-left: 0;}
.pofo-instagram-masonary .grid-sizer { padding: 0 !important; margin: 0 !important; display: none;}

/* instagram feed style 1 */
.instafeed-style1 {margin-bottom: 15px; overflow: hidden;}
.instafeed-style1 .insta-image {width: 100%;}
.instagram-style1 a img {width: 100%;}
.instafeed-style1 .insta-link {position: relative; display: block; background: #232323}
.instafeed-style1 .insta-counts {text-align: center; position: absolute; top: 50%; transform: translateY(-30%); left: 0; width: 100%; color: #fff; opacity : 0;}
.instafeed-style1 .insta-link:hover .insta-counts {opacity : 1; transform: translateY(-50%);}
.instafeed-style1 .insta-link:hover .insta-image {opacity : 0.2;}
.instafeed-style1 .insta-counts i {vertical-align: middle; font-size: 28px}
.instafeed-style1 .insta-counts span {margin: 0 12px; position: relative}
.instafeed-style1 .insta-counts span.count-number {position: absolute; top: -14px; font-size: 12px; left: 15px; width: 22px; height: 22px; text-align: center; background: #ff214f; line-height: 20px; border-radius: 100%;}
.instagram-style1 {margin-bottom: 30px; overflow: hidden; position: relative;}
.instagram-style1 .insta-image {width: 100%;}
.instagram-style1 a {position: relative; display: block; background: #232323}
.instagram-style1 .insta-counts {text-align: center; position: absolute; top: 50%; transform: translateY(-30%); left: 0; width: 100%; color: #fff; opacity : 0;}
.instagram-style1 a:hover .insta-counts {opacity : 1; transform: translateY(-50%);}
.instagram-style1 a:hover img{opacity : 0.2;}
.instagram-style1 .insta-counts i {vertical-align: middle; font-size: 28px}
.instagram-style1 .insta-counts span {margin: 0 14px; position: relative}
.instagram-style1 .insta-counts span.count-number {position: absolute; top: -14px; font-size: 12px; left: 15px; width: 22px; height: 22px; text-align: center; background: #ff214f; line-height: 20px; border-radius: 100%; margin: 0;}

/* instagram feed style 2 */
.instagram-style2 a {display: block;}


/* ===================================
   Home page
====================================== */

/* home - creative branding agency */
.box-layout{padding:0 60px}

/* home - creative business */
.icon-box {border-bottom: 1px solid rgba(255,255,255,0.10)}
.icon-box:last-child{border-bottom: none}
.icon-box .icon-box-holder{padding-left:74px; height: 112px;}
.icon-box .icon-box-holder i, .icon-box .icon-box-holder img{position: absolute; left: 0; vertical-align: middle; padding-top:10px;}
.featurebox29.icon-box {border: none}

/* landing page */
.banner-title {position: absolute; width: 70%; left: 0; right: 0; margin: 0 auto}

/* home - creative simple portfolio */
.head-text {font-size: 80px; line-height: 95px;}

/* home - classic digital agency */
.image-block{box-shadow: 0 0 0 rgba(35,35,35,0.6); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);-o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);-ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}
.attr-nav > ul > li > a{padding: 3px 15px}
.icon-play .popup-youtube img {width: 70px}
.icon-play:hover .popup-youtube img {width: 80px}

/* play icon */
.popup-icon-round { z-index: 1; width: 110px; height: 110px; margin-right: -55px; margin-top: 0; position: relative; text-align: center; background-image: linear-gradient(to right top, #ff8e43, #ff7a41, #ff6343, #ff4848, #ff214f); display: inline-block; border-radius: 100%; }
.popup-icon-round i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* home - creative studio */
.icon-box-holder a:hover {color: #fff;}

/* home - portfolio personal */
.hover-title-box {position: absolute; right: -100px; opacity: 0; top: 50%; transform: translateY(-53px); z-index: 99; transition: all 0.3s ease-in-out;}
.hover-title-box .separator {height: 1px; content: ""; position: absolute; left:-10px; top: 30px;}

/* home - creative small business */
.gridblock-main{padding: 110px 90px;}
.gridblock-list li {margin-bottom: 10%; width: 33.33%; float: left; padding: 0; text-align:center}
.gridblock-list> * {vertical-align: top; display: inline-block; content: "";}
.gridblock-list>:nth-child(3n) {margin-right: 0;}
.gridblock-list li:nth-child(7), .gridblock-list li:nth-child(8), .gridblock-list li:nth-child(9) {margin-bottom: 0;}

/* home - classic innovation agency */
.box-separator-line {height: 1px; content: ""; position: absolute; left:-90px; top: 130px; z-index: 1;}
.right-image  {bottom: -200px; position: absolute; right: -100px; width: 60%;}
.right-image img {max-width: none}
.content-right-slider .swiper-button-next {right: 70px;}
.content-right-slider .swiper-button-prev {left: 70px;}

/* home - classic web agency */
.after-before-separator:before, .after-before-separator:after {width: 35px; margin: 0 15px; height: 1px; background: rgba(255,255,255,.2); content: ""; display: inline-block; vertical-align: super;}
.background-slide {height: auto; min-height: 700px;}

/* home - classic corporate */
.rev-slider .tp-bullet {width: 35px; height: 3px; background-color: #ffffff; opacity: 0.5; border-radius: 0; padding: 0 4px;}
.rev-slider .tp-bullet.selected, .tp-bullet:hover {opacity: 1;}

/* home - portfolio metro */
.text-bold-underline:before {background-color: #ff214f; height: 3px; width: 100%; position: absolute; right: 0; bottom:5px; content: "";}
.block-3 strong {position: relative; border-bottom: 3px solid #ff214f;}

/* home - portfolio  parallax */
.parallax-title {padding: 16px 35px; display: inline-block}

/* ===================================
   Pages
====================================== */

/* services modern */
.arrow-bottom{position: relative;}
.arrow-bottom:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(245, 245, 245, 0); border-top-color: #f5f5f5; border-width: 15px; margin-left: -15px; z-index: 9;}
.arrow-top{position: relative;}
.arrow-top:after{top: -29px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(245, 245, 245, 0); border-bottom-color: #f5f5f5; border-width: 15px; margin-left: -15px; z-index: 9;}

/* sidebar nav style 2 */
.tparrows:before {font-family: Font Awesome\ 5 Free; font-weight: 900;}
.tparrows.tp-leftarrow:before  {content: '\f060';}
.tparrows.tp-rightarrow:before {content: '\f061';}

/* our clients */
.clients-list {height: 220px}
.clients-list:hover img {-webkit-filter: grayscale(1); filter: grayscale(1);}

/* rev slider */
.rev_slider_wrapper {height: 980px;}

/* default menu */
.navbar-nav.pofo-normal-menu li.page_item {position: relative;}
.navbar-nav.pofo-normal-menu > li.page_item ul.children, .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children {display: none; background: rgb(35, 35, 35) none repeat scroll 0 0; box-shadow: none; left: 0; min-width: 225px; padding: 13px 0 15px; position: absolute; list-style: none;}
.navbar-nav.pofo-normal-menu > li.page_item ul.children li  {padding-left: 20px; padding-right: 20px;}
.navbar-nav.pofo-normal-menu > li.page_item ul.children li a {color: #9d9d9d; font-size: 12px; display: block; font-weight: 500; line-height: 1.42857; padding: 9px 20px 7px 0}
.navbar-nav.pofo-normal-menu > li.page_item ul.children li a:hover, .navbar-nav.pofo-normal-menu > li.page_item ul.children li:hover > a, .navbar-nav.pofo-normal-menu > li.page_item ul.children li.current_page_item > a, .navbar-nav.pofo-normal-menu > li.page_item ul.children li.current_page_ancestor > a {color: #fff;}
.navbar-nav.pofo-normal-menu > li.page_item:hover > ul.children, .navbar-nav.pofo-normal-menu > li.page_item > ul li:hover > ul.children {display: block}
.navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children {left: 226px; top: -13px;}

.page-links {clear: both; text-align: center;}
.show-grid [class^="col-"] {background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center;}
.vc_column-inner.no-column-padding {padding-left: 0; padding-right: 0;}
.blog-post-sticky {background-color: #f7f7f7; padding: 45px; padding-bottom: 0; border: 1px solid #e8e8e8;}

/* pofo normal menu */
nav.navbar.navbar-default ul.pofo-normal-menu.nav > li > a {font-weight: 600;}
.pofo-normal-menu li {position: relative; list-style: none}
.pofo-normal-menu .sub-menu {position: absolute; left: 0; background: rgba(35,35,35,1);min-width: 225px; padding: 13px 0 15px; box-shadow: none;}
.pofo-normal-menu li > a {font-size: 12px; color: #9d9d9d;}
.pofo-normal-menu .sub-menu li a {padding: 9px 20px 7px 0; display: inline-block;  position: relative; left: 0; font-weight: 500; width: 100%}
.pofo-normal-menu .sub-menu li:hover > a {left: 5px}
.pofo-normal-menu .sub-menu li.menu-item-has-children > a:before {font-family: Font Awesome\ 5 Free; font-weight: 900; content: "\f105"; position: absolute; right: 0; font-size: 12px; margin-top: -3px; height: 20px; width: 20px; line-height: 20px;text-align: center; top: 10px;}
.pofo-normal-menu .sub-menu li .sub-menu li:hover a {left: 5px}
.pofo-normal-menu li a:hover {background-color: #000; color: #9d9d9d;}
.pofo-normal-menu li > a .fa-angle-right {position: absolute; right: 0; font-size: 12px; margin-top: -3px; height: 20px; width: 20px; line-height: 20px; text-align: center; margin-right: 0; top: 9px; margin-bottom: 0;}
nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul {display: none; left: 225px; margin: -13px 0 0 1px; min-width: 225px; white-space: nowrap; position: absolute; top: 0; padding: 13px 0; font-weight: 400; text-transform: capitalize;}
nav.navbar.bootsnav .pofo-normal-menu li ul {display: none;}
.pofo-normal-menu li > ul li a, .pofo-normal-menu li > ul li a.active{color: #9d9d9d; font-size: 12px; line-height: 18px;}
nav.navbar.bootsnav .pofo-normal-menu li:hover > ul {display: block}
nav.navbar.bootsnav .pofo-normal-menu li > ul > li:hover ul {display: block}
nav.navbar.bootsnav .pofo-normal-menu li > ul > li {padding-left: 32px; padding-right: 20px; text-align: left;}
nav.navbar.bootsnav .pofo-normal-menu li > ul > li a {background-color: transparent}

/* contact form message */
.mc4wp-response .mc4wp-alert {margin-bottom: 15px; margin-top: 15px;}
div.wpcf7-response-output p, .mc4wp-response .mc4wp-alert p {padding: 0; margin: 0;}
div.wpcf7-response-output, .mc4wp-response .mc4wp-alert {padding: 10px; clear: both; width: 100%; font-weight: 500; text-align: center; margin-right: 0; margin-left: 0; box-sizing: border-box;}
div.wpcf7-acceptance-missing {border: 2px solid #f7e700; background: #f7e700; color: #000;}
div.wpcf7-spam-blocked { border: 2px solid #ffa500; background-color: #ffa500; color: #000; }
div.wpcf7-aborted, .wpcf7-validation-errors, div.wpcf7-mail-sent-ng, .mc4wp-response .mc4wp-error {background-color: #ff0000; border-color: #ff0000 !important; color: #fff;}
div.wpcf7-mail-sent-ok, .wpcf7-validation-success, div.wpcf7-mail-sent-ok, .mc4wp-response .mc4wp-success { background-color: #5cb85c; border-color: #5cb85c !important; color: #fff; }
footer div.wpcf7-response-output, footer .mc4wp-response .mc4wp-alert, .sidebar div.wpcf7-response-output, .sidebar .mc4wp-response .mc4wp-alert {padding: 5px 10px; line-height: 18px; font-size: 12px;}
div.wpcf7 .ajax-loader {background-repeat: no-repeat;}
.white-popup-block .wpcf7-response-output {float: none; margin-bottom: 0;}
.wpcf7-checkbox { display: inline-block;}
span.wpcf7-list-item { margin: 0 15px 20px; line-height: normal}
span.wpcf7-list-item input[type=checkbox] { float: left; width: auto; margin: 5px 6px 0 0}
span.wpcf7-list-item input[type=radio] { float: left; width: auto; margin: 5px 6px 0 0}
span.wpcf7-list-item .wpcf7-list-item-label { float: left}
span.wpcf7-list-item.first { margin-left: 0;}
span.wpcf7-list-item.last { margin-right: 0;}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output { float: left;}
div.wpcf7 .wpcf7-form .ajax-loader { margin-top: 17px;}

/* contact form checkbox */
.wpcf7-acceptance .wpcf7-list-item { margin-left: 0 !important; margin-right: 0 !important;}
.wpcf7-acceptance label { width: 100%; text-align: center;}
.wpcf7-acceptance span.wpcf7-list-item .wpcf7-list-item-label { float: none; }
.wpcf7-acceptance span.wpcf7-list-item input[type=checkbox] { margin-top: 0; display: inline-block; float: none; position: relative; top: 2px; width: auto}
.wpcf7-acceptance span.wpcf7-list-item .wpcf7-list-item-label { font-size: 14px; font-weight: 400;}
.mc4wp-form .mc4wp-form-fields .input-group { margin-bottom: 20px;}
.mc4wp-form .mc4wp-form-fields .input-group input[type=checkbox]{ margin-top: 0; margin-right: 8px; display: inline-block; float: none; position: relative; top: 2px; width: auto}
.mc4wp-form .mc4wp-form-fields .input-group a { font-size: 14px; font-weight: 400; }
.pofo-sidebar .mc4wp-form .mc4wp-form-fields .input-group a, footer .mc4wp-form .mc4wp-form-fields .input-group a { line-height: normal; display: table-cell; text-align: left;}
.pofo-sidebar .mc4wp-form .mc4wp-form-fields .input-group { display: inline-table}

/* elements list */
.elements-list {list-style: none; padding: 0;}
.elements-list > li {width: 25%; float: left; padding: 0 15px}
.elements-list li ul {list-style: none; padding:0 0}
.elements-list li .dropdown-header {font-family: 'Montserrat', sans-serif; font-weight: 600; color: #232323; font-size: 14px; padding: 0; margin-bottom: 20px;}
.elements-list li ul li {width: 95%; padding:0 0 8px 0; margin-bottom: 8px; border-bottom: 1px solid #dcdcdc}
.elements-list li ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0}
.elements-list li ul li a i {margin-right: 10px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .logo {display: none !important;}
    .retina-logo {display: inline-block !important;}
    .retina-logo-light {display: block !important;}
    .hamburger-logo .retina-logo {display: inline-block !important;}
    .logo-footer-retina {display: inline-block}
    .logo-footer {display: none;}
}

/* animation */ 
@-webkit-keyframes example {0%  {opacity:1;  top:0px;} 25% {opacity:.4;   top:2px;} 50% {opacity:.3;  top:4px;} 75% {opacity:.2;  top:5px;} 100% {opacity:0;  top:9px;}}
@keyframes example {0%  {opacity:1;  top:0px;} 25% {opacity:.4;   top:4px;} 50% {opacity:.3;  top:8px;} 75% {opacity:.2;  top:12px;} 100% {opacity:0;  top:16px;}}

/* for stretch effect */
.pofo-stretch-content, .vc_row-o-full-height {visibility: hidden; opacity: 0;}
body.pofo-ready .pofo-stretch-content, body.pofo-ready .vc_row-o-full-height {visibility: visible; opacity: 1;}

/* ===================================
   Woocommerce style
====================================== */

/* woocommerce custom */
.woocommerce * {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.woocommerce img {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
.woocommerce table.shop_table td, .woocommerce table.shop_table th {border-top: 0; padding: 15px 15px; line-height: normal;}
.woocommerce table.shop_table {border: 0; border-radius: 0; margin-bottom: 40px;}
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {border-top: 0;}
.woocommerce-page h2 {font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 28px; color: #232323; font-weight: 600; margin-bottom: 15px;}
.woocommerce-page .related h2, .woocommerce-page .up-sells h2, .woocommerce-page .cart-collaterals .cross-sells h2, .woocommerce-page .cart-collaterals .cross-sells h2 {margin: 0;}
.woocommerce-page h3 {font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 26px; color: #232323; font-weight: 600; margin-bottom: 15px; border-bottom: 1px solid #ededed; padding-bottom: 10px;}
input[type=checkbox], input[type=radio] {outline: none;}
.woocommerce table.shop_table th {font-weight: 500; color: #232323;}
.woocommerce-info {border: 0;}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-checkout #payment ul.payment_methods li.woocommerce-info {margin: 0 0 15px; padding: 10px 20px 10px 40px; font-size: 13px;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {top: 11px;}
.woocommerce table * {white-space: normal;}
.select2-container--default .select2-selection--single {border: 1px solid #d1d1d1; font-size: 14px; padding: 4px 30px 3px 15px; width: 100%; margin: 0; max-width: 100%; resize: none; border-radius: 0; color: #6f6f6f}
.select2-container .select2-selection--single {height: auto; outline: none;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #6f6f6f}
.select2-container--default .select2-selection--single .select2-selection__arrow b {background: url("assets/images/select-arrow.png") no-repeat 97% 50%; border: 0; height: 16px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 16px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width: 16px; height: 16px; top: 10px; right: 7px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background: url("assets/images/select-arrow-up.png") no-repeat 97% 50%;}
.select2-search--dropdown .select2-search__field {margin: 0;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {background-color: #f7f7f7;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {background-color: #f7f7f7; color: #6f6f6f;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #6f6f6f;}
.select2-dropdown {border-color: #d1d1d1; border-radius: 0;}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {outline: none;}
.showcoupon, .woocommerce-info a, .woocommerce-message a {color: #ff214f; text-decoration: none;}
.showcoupon:hover, .woocommerce-info a:hover, .woocommerce-message a:hover {color: #232323;}
.woocommerce-error {margin-bottom: 30px !important;}
div.swatch-wrapper.selected {border: 1px solid #232323; padding: 2px;}

/* woocommerce header mini cart */
header .header-mini-cart {display: inline-block;}
header .widget_shopping_cart {border-left: 1px solid rgba(0, 0, 0, 0.15); padding-left: 23px; margin-left: 25px; margin-right: 12px; display: inline-block; line-height: 14px; position: relative; top: 0;}
header .widget_shopping_cart .widget-title {font-size: 0; display: none;}
header .widget_shopping_cart .pofo-mini-cart-counter-wrap { font-size: 13px; color: #232323; position: relative; cursor: pointer; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
header .widget_shopping_cart .pofo-mini-cart-counter-wrap:hover {color: rgba(0,0,0,0.6)}
.full-width-pull-menu .widget_shopping_cart .pofo-mini-cart-counter-wrap {color: #ff214f;}
header .widget_shopping_cart span.pofo-mini-cart-counter, header .widget_shopping_cart span.pofo-mini-cart-counter:hover { position: absolute; top: -9px; right: -12px; font-weight: 500; background-color: #232323; width: 16px; height: 16px; text-align: center; font-size: 10px; color: #fff; line-height: 17px; border-radius: 100%;}
.full-width-pull-menu .header-mini-cart {float: right; margin-top: 12px;}
.hamburger-menu-logo-center .header-mini-cart {float: left; margin-top: -5px;}
.hamburger-menu-logo-center .header-mini-cart .pofo-mini-cart-content-wrapper {right: inherit; left: 0;}
header.site-header > .header-mini-cart {position: fixed; left: 290px; top: 0; z-index:999;}
header.site-header > .header-mini-cart .widget_shopping_cart {border: 0; padding: 0; margin: 0; background-color: #fff; top: 0;}
header.site-header > .header-mini-cart .pofo-mini-cart-wrapper { padding: 15px; }
header.site-header > .header-mini-cart .pofo-mini-cart-wrapper.pofo-mini-cart-counter-active { padding: 22px 24px 15px 15px; }
header.site-header > .header-mini-cart .pofo-mini-cart-content-wrapper.pofo-mini-cart-counter-active { top: 49px; }
header.site-header > .header-mini-cart .pofo-mini-cart-content-wrapper {top: 42px; left: 0; right: inherit;}
.left-nav-sidebar header.site-header > .header-mini-cart {position: fixed; left: 90px; top: 0; z-index: 10005;}
.left-nav-sidebar header.site-header > .header-mini-cart .widget_shopping_cart {border: 0; padding: 0; margin: 0; background-color: #fff; top: 0;}
.left-nav-sidebar header.site-header > .header-mini-cart .pofo-mini-cart-content-wrapper {top: 42px;}
.left-nav-sidebar header.site-header > .header-mini-cart .pofo-mini-cart-content-wrapper {right: inherit; left: 0;}
.left-nav-sidebar header.site-header > .header-mini-cart .pofo-mini-cart-content-wrapper.pofo-mini-cart-counter-active { top: 49px;}
.admin-bar header.site-header > .header-mini-cart {top: 32px;}
.admin-bar header.site-header.sticky > .header-mini-cart {top: 32px;}
.admin-bar.left-nav-sidebar header.site-header > .header-mini-cart { top: 32px; }
.hamburger-menu-logo-center .menu-left-part > div:first-child {border-left: 0; margin-left: 0;}
.hamburger-menu-logo-center .menu-left-part > div:first-child > div {border-left: 0; margin-left: 0; padding-left: 0;}
header .pofo-mini-cart-content-wrapper {display: none; padding: 0; position: absolute; top: 12px; right: 0; z-index: 1000; float: left; min-width: 260px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #232323; color: #9d9d9d; font-family: 'Roboto', sans-serif;}
header .widget_shopping_cart:hover .pofo-mini-cart-content-wrapper {display: block;}
header .pofo-mini-cart-content-wrapper ul li {border-bottom: 1px solid rgba(255,255,255,0.1); padding: 11px 32px 22px 55px !important;}
header .pofo-mini-cart-content-wrapper ul li:last-child {border-bottom: 0;}
header .widget_shopping_cart .cart_list li a.remove, header .cart_list li a.remove {top: 20px !important; right: 11px !important; margin: 0 !important; left: inherit !important; font-weight: 400 !important; padding: 0 !important; font-size: 16px !important; line-height: 15px !important; color: #fff !important;}
header .widget_shopping_cart .cart_list li a.remove:hover, header .cart_list li a.remove:hover {color: #9d9d9d !important; background-color: transparent !important;}
header ul.cart_list li a, header ul.product_list_widget li a {font-size: 12px !important; line-height: 18px !important; color: #fff !important; font-weight: 400 !important; margin-bottom: 3px !important;}
header ul.cart_list li a :hover, header ul.product_list_widget li a:hover {color: #9d9d9d !important}
header ul.cart_list li .quantity, header ul.product_list_widget li .quantity {font-size: 12px;}
header .widget_shopping_cart .total, header .total {border-top: 0 solid rgba(255,255,255,0.1) !important; margin: 0 !important; background-color: rgba(255,255,255,0.1) !important; padding: 15px 15px !important; text-align: right !important; font-size: 16px !important;}
header .widget_shopping_cart .woocommerce-mini-cart__buttons {margin: 0; padding: 15px 15px 10px; text-align: right;}
header ul.cart_list li img, header ul.product_list_widget li img {margin: 0 !important; float: left !important; position: absolute; left: 15px; top:15px; width: 32px !important;}
header .widget_shopping_cart .buttons a.wc-forward, header .buttons a.wc-forward {display: inline-block; padding: 8px 12px 7px 12px; line-height: 25px; font-size: 13px; background: transparent; border: 1px solid #ffffff;
    color: #fff; letter-spacing: .5px; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; outline: none !important; text-align: center; cursor: pointer;}
header .widget_shopping_cart .buttons a.wc-forward:hover, header .buttons a.wc-forward:hover {background-color: #fff; color: #232323}
header .widget_shopping_cart .buttons a.checkout, header .buttons a.checkout {display: inline-block; padding: 8px 12px 7px 12px; line-height: 25px; font-size: 10px; background: #ffffff; border: 1px solid #ffffff;
    color: #232323; letter-spacing: .5px; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; outline: none !important; text-align: center; cursor: pointer; float: right;}
header .widget_shopping_cart .buttons a.checkout:hover, header .buttons a.checkout:hover {background-color:transparent; color: #fff}
.woocommerce-page .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {border-top: 1px double #ededed; padding: 20px 0 0; margin: 20px 0 15px 0; text-align: right; font-weight: 500;}
.woocommerce-page .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong {font-weight: 500;}
.woocommerce-page .widget_shopping_cart .buttons a.checkout, .woocommerce.widget_shopping_cart .buttons a.checkout {float: right !important; margin-right: 0;}
.woocommerce-page .widget_shopping_cart .buttons, .woocommerce.widget_shopping_cart .buttons {margin-bottom: 0;}
.woocommerce-page .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong {float: left;}
header .widget_shopping_cart .buttons a, header .woocommerce.widget_shopping_cart .buttons a {margin-right: 0 !important; margin-left: 0 !important; line-height: normal; font-size: 10px; float: left; min-width: 107px;}
header ul.cart_list, header ul.product_list_widget {padding: 0 !important;}
.woocommerce-mini-cart__empty-message {padding: 30px; margin: 0; color: #fff; text-align: center;}
nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a{color: #626262;}
header.site-header > .header-mini-cart .widget_shopping_cart .widget-title:before {color: #626262}
header.site-header > .header-mini-cart .widget_shopping_cart:hover .widget-title:before {color: #000}
.left-nav-sidebar header.site-header > .header-mini-cart .widget_shopping_cart .widget-title:before {color: #0f0f0f}
.left-nav-sidebar header.site-header > .header-mini-cart .widget_shopping_cart:hover .widget-title:before {color: red}
.top-header-area .widget_pofo_social_widget li a { line-height: normal; font-size: 12px;}
.top-header-area .widget_pofo_social_widget li { margin: 0 5px; }
.top-header-area .mini-header-left .widget { border-right: 1px solid #757575; border-left: 0; padding-right: 23px; margin-right: 23px; padding-left: 0; margin-left: 0; line-height: 16px; display: inline-block;  }
.top-header-area .mini-header-left ul { margin-bottom: 0; list-style: none; padding-left: 0;}
.top-header-area .mini-header-left ul li { display: inline-block; }
.top-header-area .mini-header-left .widget .widget-title { display: none;}
.top-header-area .mini-header-left .widget:last-child { padding-right: 0; margin-right: 0; border: 0;}
.top-header-area .mini-header-left .widget.widget_shopping_cart { line-height: 17px !important; top: -4px; }
.top-header-area .mini-header-left .widget_shopping_cart_content { left: 0; right: inherit; top: 15px; }
.top-header-area .mini-header-left .widget_shopping_cart_content ul li { width: 100%;}
.top-header-area .mini-header-left .widget.widget_shopping_cart .widget-title {display: block}
.top-header-area .mini-header-left .widget_shopping_cart .widget-title:before { color: #fff; font-size: 12px;}
.top-header-area .mini-header-left .widget_shopping_cart .widget-title:hover:before { color: #ff214f; }
.top-header-area .mini-header-left .separator-line-verticle-extra-small { margin-left: 7px; margin-right: 7px; }
.top-header-area .mini-header-right .widget { border-left: 1px solid #757575; padding-left: 23px; margin-left: 23px; line-height: 16px; }
.top-header-area .mini-header-right .widget ul { margin-bottom: 0;}
.top-header-area .mini-header-right .widget .widget-title { display: none;}
.top-header-area .mini-header-right .widget:first-child { padding-left: 0; margin-left: 0; border: 0;}
.top-header-area .mini-header-right .widget.widget_shopping_cart { line-height: 17px !important; top: -4px; }
.top-header-area .mini-header-right .widget_shopping_cart_content { top: 15px; }
.top-header-area .mini-header-right .widget.widget_shopping_cart .widget-title {display: block}
.top-header-area .mini-header-right .widget_shopping_cart .widget-title:before { color: #fff; font-size: 12px; top: 5px;}
.top-header-area .mini-header-right .widget_shopping_cart .widget-title:hover:before { color: #ff214f; }
.top-header-area .mini-header-right .separator-line-verticle-extra-small { margin-left: 7px; margin-right: 7px; }

/* woocommerce product listing */
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 15px; line-height: 20px; color: #232323;  font-family: 'Roboto', sans-serif; font-weight: 400;}
.woocommerce ul.products li.product .woocommerce-loop-product__title {padding: 0; margin:0 0 0 0;}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {color: #ff214f;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {text-align: center; margin-bottom: 60px;}
.woocommerce .star-rating span {color: #ffc926;}
.woocommerce .products .star-rating {margin: 5px auto 6px; font-size: 12px !important; margin-bottom: 6px;}
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins {color:#ff214f; font-size: 13px; font-weight: 400; text-decoration: none; margin-bottom: 20px;}
.woocommerce ul.products li.product .price ins { margin-bottom: 0; }
.woocommerce ul.products li.product .price del {color: inherit; opacity: 1; display: inline-block; margin-right: 5px;}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {left: 10px; right: auto; top: 10px; min-height: 1px; padding: 4px 10px 5px; margin: 0; line-height: normal; font-weight: 500; font-size: 9px; color: #77a464; border: 1px solid #77a464; background-color: transparent; text-transform: uppercase; border-radius: 0;}
.woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button {width: auto; display: inline-block; margin-top: 0; min-width: 145px;}
.woocommerce ul.products li.product .price del {color: #6f6f6f;}
.woocommerce ul.products li.product a {position: relative; display: block;}
.woocommerce ul.products li.product a img {margin-bottom: 25px;}
.woocommerce ul.products li.product.pofo-product-2col, .woocommerce-page ul.products li.product.pofo-product-2col {width: 48.05%;}
.woocommerce ul.products li.product.pofo-product-3col, .woocommerce-page ul.products li.product.pofo-product-3col {width: 30.8%;}
.woocommerce ul.products li.product.pofo-product-4col, .woocommerce-page ul.products li.product.pofo-product-4col {width: 22.05%;}
.woocommerce ul.products li.product.pofo-product-5col, .woocommerce-page ul.products li.product.pofo-product-5col {width: 16.9%;}
.woocommerce ul.products li.product.pofo-product-6col, .woocommerce-page ul.products li.product.pofo-product-6col {width: 13.5%;}
.woocommerce ul.products {padding-top: 0; margin-top: 25px; display: inline-block; width: 100%;}
.woocommerce .woocommerce-ordering select {margin: 0; outline: none;}
.woocommerce .woocommerce-result-count {margin: 7px 0 0 0;}
.woocommerce .woocommerce-ordering {margin: 0;}
.term-description {margin-bottom: 25px;}

/* woocommerce product details */
.woocommerce div.product .product_title {font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 28px; color: #232323; font-weight: 600; margin-bottom: 5px;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #ff214f; font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {color: #ff214f; font-size: 18px; font-weight: 500; text-decoration: none;}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {opacity: 1; color: #6f6f6f; margin-right: 6px;}
.woocommerce .quantity .qty {width: 75px; height: 40px; text-align: left; margin-bottom: 0; padding-top: 7px;}
.woocommerce div.product form.cart div.quantity {float: left; margin: 0 10px 0 0;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {padding: 8px 21px 8px; text-align: center; margin: 0; background-color: #232323; border: 2px solid #232323; font-family: 'Montserrat', sans-serif; color: #fff; border-radius: 0; font-size: 11px; font-weight: 600; text-transform: uppercase;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {color: #232323; background-color: transparent;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1;}
.woocommerce div.product .posted_in, .woocommerce div.product .sku_wrapper, .woocommerce div.product .tagged_as, .woocommerce div.product .products-social-icon  {border-bottom: 1px solid #ededed; display: block; width: 100%; padding-bottom: 17px; margin-bottom: 15px;}
.woocommerce div.product .product_meta {font-size: 14px; color: #232323; font-weight: 500;}
.woocommerce div.product .product_meta  a {text-transform: none; font-weight: 400;}
.woocommerce div.product .sku_wrapper .sku {color: #6f6f6f; text-transform: none; font-weight: 400;}
.woocommerce div.product .products-social-icon {border: 0; padding: 0; margin: 0;}
.woocommerce div.product .products-social-icon ul {margin: 0 0 0 10px; padding: 0; width: auto; display: inline-block;}
.woocommerce div.product .stock {color: #468847; margin-top: -6px; font-size: 10px !important; display: inline-block; line-height: 20px; text-transform: uppercase; font-weight: 500; margin-top: 0; background-color: transparent; border: 1px solid #468847; padding: 1px 8px 0px; position: relative; top: -5px;}
.woocommerce div.product .out-of-stock {color: #ff0000; border: 1px solid #ff0000; top: -2px;}
.woocommerce div.product form.cart {margin-bottom: 21px;}
.woocommerce div.product .woocommerce-product-rating {margin-bottom: 12px;}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link {text-decoration: underline}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link:hover {text-decoration: none}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link span { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.woocommerce div.product form.cart table.variations td {display: block; width: 100%; padding: 0 0 5px 0; text-align: left;}
.woocommerce div.product form.cart table.variations td.value {padding-bottom: 15px;}
.woocommerce div.product form.cart table.variations tr:last-child td.value {padding-bottom: 0;}
.woocommerce div.product form.cart .variations label {color: #232323; font-weight: 400; padding: 0; margin: 0; font-size: 14px;}
.woocommerce div.product form.cart .variations select, .woocommerce .woocommerce-ordering select {appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; background: url("assets/images/select-arrow.png") no-repeat 95% 50%; border: 1px solid #d1d1d1; outline: none; cursor: pointer; padding: 5px 35px 5px 15px; border-radius: 0;}
.woocommerce div.product form.cart .variations select {margin: 0 0 0;}
.woocommerce div.product form.cart .variations {margin-bottom: 25px; margin-top: 5px;}
.woocommerce div.product form.cart .reset_variations {font-size: 14px; color: #232323;}
.woocommerce div.product form.cart .reset_variations:hover {color: #ff214f;}
.woocommerce div.product form.cart .group_table .button {background-color: transparent; color: #232323; padding: 9px 21px 8px; font-size: 11px;}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #232323; border: 2px solid #232323;}
.woocommerce div.product form.cart table.variations .reset_variations {margin-top: 5px;}
.woocommerce div.product .single_variation_wrap {display: inline-block; width: 100%; margin-top: -15px;}
.woocommerce div.product .single_variation_wrap .single_variation {margin-bottom: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs {text-align: center; margin: 0; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {border-top: 1px solid #ededed; border-bottom: 0 solid #ededed; bottom: 0; top: 0;z-index: inherit;}
.woocommerce div.product .woocommerce-tabs .panel {border: 0; -webkit-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 rgba(0,0,0,0); background-color: #f7f7f7; padding: 40px; float: left; width: 100%; margin: 0 0 50px; border-radius: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: 1px solid transparent;  border-radius: 0; margin: 0 -1px; background-color: transparent; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {border-top: 1px solid #232323;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {padding: 20px 15px; color: #6f6f6f; font-weight: 500; font-size: 11px; text-transform: uppercase;  font-family: 'Montserrat', sans-serif;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: #232323; font-weight: 500;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {display: none;}
.woocommerce div.product .woocommerce-tabs .panel .comment-form-cookies-consent { clear: both;}
.woocommerce div.product .woocommerce-tabs .panel .comment-form-cookies-consent input[type=checkbox] { width: auto; position: relative; top: 2px; margin-right: 3px;}
.woocommerce div.product .woocommerce-tabs .panel .comment-form {margin-top: 15px;}
.woocommerce div.product div.images .flex-control-thumbs {margin: 10px -5px 0;}
.woocommerce div.product div.images .flex-control-thumbs li {padding: 5px;}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {margin: 0 5px 10px; padding: 0;}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {padding: 5px;}
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {padding: 0; margin-left: 0; margin-right: 0;}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {float: left;}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport *  {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce .related h2, .woocommerce .up-sells h2, .woocommerce-page .cart-collaterals .cart_totals h2 {font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 28px; color: #232323; font-weight: 600; margin-bottom: 15px;}
.woocommerce div.product .woocommerce-tabs .panel h2 {font-size: 15px; margin-bottom: 7px;}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {top: 8px; right: inherit; margin-left: 8px;}
.woocommerce table.shop_attributes {border-top: 1px solid #e4e4e4;}
.woocommerce table.shop_attributes th {border-bottom: 1px solid #e4e4e4; font-weight: 500; font-size: 12px; padding: 10px;}
.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes {border-bottom: 1px solid #e4e4e4; font-style: normal; font-size: 12px; padding: 10px;}
.woocommerce table.shop_attributes tr:nth-child(2n) td, .woocommerce table.shop_attributes tr:nth-child(2n) th {background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews .woocommerce-noreviews {margin-bottom: 5px;}
.woocommerce #reviews #comments ol.commentlist li {padding: 0 0 15px 0; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0; border-bottom: 1px solid rgba(0,0,0,.1);}
.woocommerce #reviews #comments ol.commentlist li img.avatar {float: left; position: absolute; top: 0; left: 0; padding: 0; width: 60px; height: auto; background: #ebe9eb; border: 0 solid #e4e1e3; margin: 0; box-shadow: none; border-radius: 100%;}
.woocommerce #reviews #comments ol.commentlist li .comment-text {margin: 0 0 0 60px; border: 0 solid #e4e1e3; border-radius: 0; padding: 15px 15px 0;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {font-size: 14px;}
.woocommerce #reviews #comments ol.commentlist {margin: 25px 0 15px 0; padding-left: 0;}
.woocommerce #review_form #respond label {color: #232323; font-weight: 500; padding: 0; margin: 0 0 10px 0; font-size: 13px; font-family: 'Montserrat', sans-serif; line-height: 20px;}
.woocommerce #review_form #respond .comment-form-author {float: left; width: 49%;}
.woocommerce #review_form #respond .comment-form-email {float: right; width: 49%;}
.woocommerce #review_form #respond .comment-form-rating, .woocommerce #review_form #respond .comment-form-comment {clear: both;}
.woocommerce #review_form #respond input, .woocommerce #review_form #respond textarea {margin: 0;}
.woocommerce #reviews #comment {height: 95px;}
.woocommerce #respond input#submit, .woocommerce .woocommerce-product-search input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-product-search button {outline: none; padding: 8px 21px 8px; text-align: center; margin: 0; background-color: #232323; border: 2px solid #232323; font-family: 'Montserrat', sans-serif; color: #fff; border-radius: 0; font-size: 11px; font-weight: 600; text-transform: uppercase;}
.woocommerce #respond input#submit:hover, .woocommerce .woocommerce-product-search input[type="submit"]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-product-search button:hover {background-color: transparent; color: #232323;}
.woocommerce-Reviews .comment-reply-title {font-weight: 500; font-size: 14px; margin-bottom: 5px; display: block;}
#cancel-comment-reply-link, .comment-edit-link {margin: 0 0 0 10px; font-size: 13px;}
.woocommerce p.stars a {height: 16px; width: 16px;}
.pswp__caption__center {text-align: center;}
.woocommerce .related, .woocommerce .up-sells  {clear: both; padding: 0; text-align: center;}
.woocommerce .up-sells {padding-bottom: 40px;}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {margin-top: 60px; display: inline-block; width: 100%;}
.woocommerce .related ul.products {margin-bottom: 0;}
.woocommerce div.product form.cart .group_table td {padding: 15px 15px; border-bottom: 1px solid #ededed; vertical-align: middle;}
.woocommerce div.product form.cart .group_table td.label {display: table-cell; vertical-align: middle;}
.woocommerce div.product form.cart .group_table td.label label {padding: 0; margin: 0; font-weight: 500; font-size: 14px;}
.woocommerce div.product form.cart .group_table td.label label a {padding: 0; margin: 0; font-weight: 500; font-size: 14px; text-decoration: underline;}
.woocommerce div.product form.cart .group_table td.label label a:hover {text-decoration: none;}
.woocommerce div.product form.cart .group_table td .stock {margin: 0 0 0 10px;}
.woocommerce div.product form.cart .group_table td:first-child {padding-left: 0; text-align: left;}
.woocommerce div.product form.cart .group_table td.price {color: #ff214f; font-size: 14px; font-weight: 500; margin-bottom: 5px;}
.woocommerce div.product form.cart .group_table td.price del {color: #6f6f6f; margin-right: 5px;}
.woocommerce div.product form.cart .group_table td.price ins {color: #ff214f; font-size: 14px; font-weight: 500; text-decoration: none;}
.woocommerce div.product form.cart .group_table tr td:last-child {padding-right: 0;}
.woocommerce div.product form.cart table.group_table {border-width: 0; width: 100%; margin-bottom: 20px;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {top: 10px; right: 10px;}
.woocommerce #review_form #respond p.stars {clear: both; width: auto; display: table;}
.woocommerce div.product form.cart .button {padding: 13px 21px 12px;}
.woocommerce a.added_to_cart {padding: 3px 17px 1px 17px; text-align: center; margin: 5px 0 0 0; background-color: transparent; border: 2px solid #232323; font-family: 'Montserrat', sans-serif; color: #232323; border-radius: 0; font-size: 10px; font-weight: 600; text-transform: uppercase; min-width: 145px; width: auto; display: inline-block !important; line-height: 24px;}
.woocommerce a.added_to_cart:hover {background-color: #232323; color: #fff;}
.woocommerce a.remove {color: #6f6f6f !important}
.woocommerce #review_form #respond .form-submit input {padding-bottom: 7px;}
.add_to_cart_inline .product_type_grouped {margin-left: 15px !important;}

/* woocommerce sidebar */
.woocommerce .sidebar .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 0;}
.woocommerce-page .sidebar .widget {border-bottom: 1px solid #ededed; padding:0 0 30px 0; margin-bottom: 25px;}
.woocommerce-page .sidebar .widget:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.woocommerce-page .sidebar .widget .widget-title {font-weight: 600; color: #232323; display: inline-block; font-size: 12px; letter-spacing: 0.015em; line-height: 20px; font-family: 'Montserrat', sans-serif; margin-bottom: 30px; text-transform: uppercase; border-bottom: 1px solid #232323; padding-bottom: 1px;}
.woocommerce-page .sidebar .widget ul {padding-left: 0; list-style: none; margin-bottom: 0;}
.woocommerce-page .sidebar .widget ul li {padding-bottom: 0; margin-bottom: 5px; width: 100%; font-size: 12px;}
.woocommerce-page .sidebar .widget ul li:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.woocommerce-page .sidebar .widget ul li.mini_cart_item {position: relative; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; min-height: 63px;}
.woocommerce-page .sidebar ul li.mini_cart_item  a, .widget_shopping_cart .sidebar ul li.mini_cart_item a, .woocommerce-page .sidebar .widget_top_rated_products ul li a {font-weight: 400; line-height: 20px; margin-bottom: 5px;}
.woocommerce-page .sidebar ul.product_list_widget li.mini_cart_item .amount, .widget_shopping_cart .sidebar ul.product_list_widget li.mini_cart_item .amount, .woocommerce-page .sidebar .widget_top_rated_products ul.product_list_widget li.mini_cart_item .amount {font-weight: 400; color: #6f6f6f; font-size: 12px;}
.woocommerce-page .sidebar ul.product_list_widget li.mini_cart_item .quantity, .widget_shopping_cart .sidebar ul.product_list_widget li.mini_cart_item .quantity, .woocommerce-page .sidebar .widget_top_rated_products ul.product_list_widget li.mini_cart_item .quantity {font-size: 12px;}
.woocommerce-page .sidebar .widget_shopping_cart .cart_list li.mini_cart_item  a.remove, .woocommerce.widget_shopping_cart .sidebar .cart_list li.mini_cart_item  a.remove {left: inherit; right: 0; padding: 0; margin: 11px 0 0 0; font-size: 16px; line-height: 14px;}
.woocommerce-page .sidebar ul li.mini_cart_item  img, .woocommerce-page .sidebar ul li.mini_cart_item  img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.woocommerce-page .sidebar .widget_shopping_cart .buttons .button {float: left;}
.woocommerce-page .sidebar .price_slider_wrapper {margin-top: 30px;}
.woocommerce-page .sidebar .widget_rating_filter ul li .star-rating {top: 2px;}
.woocommerce-page .sidebar ul.product_list_widget li img, .woocommerce-page .sidebar ul.product_list_widget li img {border: 1px solid #dbdbdb;}
.woocommerce-page .sidebar ul.product_list_widget li a, .woocommerce-page .sidebar ul.product_list_widget li a {font-weight: 400; line-height: 18px; margin-bottom:0;}
.woocommerce-page .sidebar ul.product_list_widget li .star-rating, .woocommerce-page .sidebar ul.product_list_widget li .star-rating {margin-bottom: 2px; margin-top: 5px;}
.woocommerce-page .sidebar ul.product_list_widget li .amount, .woocommerce-page .sidebar ul.product_list_widget li .amount {color: #ff214f; font-size: 12px; font-weight: 500; text-decoration: none;}
.woocommerce-page .sidebar ul.product_list_widget li del, .woocommerce-page .sidebar ul.product_list_widget li del .amount {color: #6f6f6f;}
.woocommerce-page .sidebar ul.product_list_widget li ins {text-decoration: none}
.woocommerce-page .sidebar .tagcloud a:hover {background-color: #232323;}
.woocommerce-page .sidebar .woocommerce-mini-cart__empty-message {padding: 0 0 8px 0; color: #6f6f6f; text-align: center}
.woocommerce-page .sidebar select {appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; background: url("assets/images/select-arrow.png") no-repeat 97% 50% #fff; line-height: 19px !important; border: 1px solid #d1d1d1; outline: none; cursor: pointer; padding-right: 25px; padding-left: 8px;}
.woocommerce-page .sidebar input[type="text"], .woocommerce-page .sidebar input[type="search"], .woocommerce-page .sidebar textarea, .woocommerce-page .sidebar select {line-height: 1; background-color: #fff; border-radius: 0;}
.woocommerce-page .sidebar .widget_pofo_social_widget ul li {border-bottom: 0; padding: 0; margin: 0 4px; float: none; width: auto;}
.woocommerce-page .sidebar .star-rating {font-size: 10px;}
.woocommerce-page .sidebar .widget.widget_rating_filter .star-rating {top: 0px;}
.woocommerce-page .sidebar .widget_top_rated_products ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 63px;}
.woocommerce-page .sidebar .widget_top_rated_products ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.woocommerce-page .sidebar .widget_top_rated_products ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.woocommerce-page .sidebar .widget_products ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 63px;}
.woocommerce-page .sidebar .widget_products ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.woocommerce-page .sidebar .widget_products ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.woocommerce-page .sidebar .widget_recent_reviews ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 63px;}
.woocommerce-page .sidebar .widget_recent_reviews ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.woocommerce-page .sidebar .widget_recent_reviews ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.woocommerce-page .sidebar .widget_recently_viewed_products ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 63px;}
.woocommerce-page .sidebar .widget_recently_viewed_products ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.woocommerce-page .sidebar .widget_recently_viewed_products ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.woocommerce-page .sidebar .widget_product_categories select {margin: 0;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {font-size: 12px;}
.woocommerce-page .widget_price_filter .price_slider_amount {font-size: 13px; line-height: 24px;}
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {background-color: #b7b7b7;}
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {background-color: #ececec;}
.woocommerce-page .widget_price_filter .price_slider {margin-bottom: 20px;}
.woocommerce-page .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before, .woocommerce-page .widget_layered_nav_filters ul li a::before {color: #232323; top: 2px; position: relative;}
.woocommerce-page .widget_layered_nav_filters ul li a::before {top: 1px;}
.woocommerce .widget_price_filter .ui-slider-horizontal {height: 2px;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {width: 10px; height: 10px;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {top: -4px;}
.woocommerce-page .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce .widget_price_filter .price_slider_amount .button {padding: 7px 14px 5px; font-size: 10px; background-color: #fff; border: 1px solid #232323; color: #232323}
.woocommerce-page .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover {background-color: #232323; color: #fff;}
.woocommerce-page .woocommerce-product-search input[type="submit"] {padding: 5px 14px 4px; font-size: 10px; line-height: normal; background-color: transparent; color: #232323; border:1px solid #232323;}
.woocommerce-page .woocommerce-product-search input[type="submit"]:hover {background-color: #232323; color: #fff;}
.sidebar.pofo-sidebar .woocommerce ul.cart_list {list-style: none; padding-left: 0; margin-left: 0;}
.sidebar.pofo-sidebar .woocommerce ul.cart_list li {position: relative; padding: 0 20px 8px 60px; min-height: 80px; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar.pofo-sidebar .woocommerce ul.cart_list li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; min-height: 63px;}
.sidebar.pofo-sidebar .woocommerce ul.cart_list li img {position: absolute; left: 0; top: 3px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.sidebar.pofo-sidebar .woocommerce ul.cart_list li a {font-weight: 400; line-height: 18px; margin-bottom: 0;}
.sidebar.pofo-sidebar .woocommerce ul.cart_list li .amount {font-weight: 400; color: #6f6f6f; font-size: 12px;}
.sidebar.pofo-sidebar .woocommerce ul.cart_list li .quantity {font-size: 12px;}
.sidebar.pofo-sidebar .woocommerce ul.cart_list li a.remove {position: absolute; left: inherit; right: 0; top: 0; padding: 0; margin: 11px 0 0 0; font-size: 16px; line-height: 14px;}
.sidebar.pofo-sidebar .woocommerce .widget_shopping_cart_content .total {border-top: 1px solid #ededed; padding: 10px 0 0; margin: 15px 0 15px 0; text-align: right; font-weight: 500;}
.sidebar.pofo-sidebar .woocommerce ul.product_list_widget li .amount {color: #ff214f; font-size: 12px; font-weight: 500; text-decoration: none;}
.sidebar.pofo-sidebar .woocommerce ul.product_list_widget li ins {text-decoration: none;}
.sidebar.pofo-sidebar .woocommerce ul {list-style: none; padding-left: 0; margin-left: 0;}
.sidebar.pofo-sidebar .woocommerce ul li {position: relative; padding: 0 15px 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sidebar.pofo-sidebar .woocommerce ul li:last-child {border: 0; padding-bottom: 0; margin-bottom: 0;}
.sidebar.pofo-sidebar .woocommerce .star-rating {font-size: 10px;}
.sidebar.pofo-sidebar .woocommerce.widget_recent_reviews ul li {font-size: 12px;}
.sidebar.pofo-sidebar .woocommerce ul.product_list_widget li .star-rating {margin-bottom: 2px; margin-top: 5px;}
.sidebar.pofo-sidebar .woocommerce ul li a {font-size: 12px; font-weight: 400; line-height: 20px;}
.sidebar.pofo-sidebar .woocommerce.widget_top_rated_products ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 80px;}
.sidebar.pofo-sidebar .woocommerce.widget_top_rated_products ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; min-height: 63px;}
.sidebar.pofo-sidebar .woocommerce.widget_top_rated_products ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.sidebar.pofo-sidebar .woocommerce.widget_products ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 80px;}
.sidebar.pofo-sidebar .woocommerce.widget_products ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; min-height: 63px;}
.sidebar.pofo-sidebar .woocommerce.widget_products ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.sidebar.pofo-sidebar .woocommerce.widget_recent_reviews ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 80px;}
.sidebar.pofo-sidebar .woocommerce.widget_recent_reviews ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; min-height: 63px;}
.sidebar.pofo-sidebar .woocommerce.widget_recent_reviews ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.sidebar.pofo-sidebar .woocommerce.widget_recently_viewed_products ul li {position: relative; padding-top: 0; padding-left: 60px; padding-right: 20px; margin-bottom: 15px; width: 100%; font-size: 12px; min-height: 80px;}
.sidebar.pofo-sidebar .woocommerce.widget_recently_viewed_products ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; min-height: 63px;}
.sidebar.pofo-sidebar .woocommerce.widget_recently_viewed_products ul li img {position: absolute; left: 0; top: 4px; padding: 0; margin: 0; border: 1px solid #dbdbdb;}
.sidebar.pofo-sidebar .woocommerce ul.product_list_widget li del .amount {color: #6f6f6f;}
.sidebar.pofo-sidebar .woocommerce .woocommerce-product-search input[type="submit"] {padding: 5px 14px 4px; font-size: 10px; line-height: normal; background-color: transparent; color: #232323; border:1px solid #232323;}
.sidebar.pofo-sidebar .woocommerce .woocommerce-product-search input[type="submit"]:hover {background-color: #232323; color: #fff;}
.woocommerce-product-search button { line-height: normal;}

/* woocommerce cart page */
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 170px;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {height: 31px; padding: 2px 10px 4px; margin: 0; font-size: 12px;}
.woocommerce a.remove:hover {color: #6f6f6f !important; background: transparent;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {background-color: #f7f7f7; padding: 25px;}
.woocommerce .cart-collaterals .cart_totals td, .woocommerce-page .cart-collaterals .cart_totals th {border-color: #e4e4e4; font-weight: 500;}
.woocommerce .cart-collaterals .cart_totals td {font-weight: 400;}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {border-top: 0;}
.woocommerce .cart-collaterals .cart_totals td {text-align: right;}
.woocommerce .cart-collaterals .cart_totals td p {padding: 0; margin: 0;}
.woocommerce .cart-collaterals .cart_totals td a {text-decoration: underline; text-transform: uppercase; font-size: 11px; color: #232323}
.woocommerce .cart-collaterals .cart_totals td a:hover {text-decoration: none; color: #ff214f}
.woocommerce .cart-collaterals .cart_totals .tax-rate th, .woocommerce .cart-collaterals .cart_totals .order-total th {font-size: 16px; color: #232323; font-weight: 500;}
.woocommerce .cart-collaterals .cart_totals .tax-rate td, .woocommerce .cart-collaterals .cart_totals .order-total td {font-size: 16px; color: #232323; font-weight: 500;}
.woocommerce .cart-collaterals .cart_totals .tax-rate td strong, .woocommerce .cart-collaterals .cart_totals .order-total td strong {font-weight: 500;}
.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products  {margin-top: 25px;}
.woocommerce .cart-collaterals .cart_totals .woocommerce-remove-coupon, .woocommerce-page .cart-collaterals .cart_totals .woocommerce-remove-coupon {display: block;}
.woocommerce .cart-collaterals .cart_totals .shipping-calculator-form, .woocommerce-page .cart-collaterals .cart_totals .shipping-calculator-form {margin-top: 7px;}
.woocommerce .cart-collaterals .cart_totals .shipping-calculator-form p, .woocommerce-page .cart-collaterals .cart_totals .shipping-calculator-form p {margin-bottom: 12px;}
.woocommerce .cart-collaterals .cart_totals .shipping-calculator-form p .select2-container, .woocommerce-page .cart-collaterals .cart_totals .shipping-calculator-form p .select2-container {text-align: left;}
#add_payment_method .wc-proceed-to-checkout .checkout-button, .woocommerce-cart .wc-proceed-to-checkout .checkout-button, .woocommerce-checkout .wc-proceed-to-checkout .checkout-button {padding-top: 20px !important; padding-bottom: 20px !important; font-size: 18px !important;}
.shipping-calculator-form {padding: 0;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {width: 50px;}
.wcppec-checkout-buttons {text-align: center; margin-top: 30px;}
.woocommerce-page .widget_shopping_cart .buttons a.wcppec-cart-widget-button {padding: 0; background-color: inherit; margin-top: 7px;}
.woocommerce-page .cart-collaterals .cart_totals .woocommerce-shipping-methods li input[type=radio] { width: auto;}

/* woocommerce checkout */
.woocommerce .checkout_coupon, .woocommerce form.login {transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {margin-bottom: 50px;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table {background-color: #f7f7f7; padding: 25px;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table th {border-color: #e4e4e4;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th {font-weight: 400; background-color: #fff;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th {font-weight: 600;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td p {padding: 0; margin: 0;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .tax-rate th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total th {font-size: 16px; color: #232323; font-weight: 500;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .tax-rate td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total td {font-size: 16px; color: #232323; font-weight: 500;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .tax-rate td strong, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total td strong {font-weight: 500;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table ul.woocommerce-shipping-methods li input[type=radio] { display: inline-block; width: auto;}
#add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {float: none; font-weight: 600;}
#add_payment_method .checkout .col-2 h3#ship-to-different-address label, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address label, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label {padding: 0; margin: 0; font-weight: 600;}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input[type=checkbox] {position: relative; margin: 7px 7px 0 0; left: 0; float: left; width: auto;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: transparent; border-radius: 0; border: 1px solid #ededed;}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {border-color: #ededed; padding: 20px;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {border-bottom: 1px solid #ededed; padding: 8px 0;}
#add_payment_method #payment ul.payment_methods li:last-child, .woocommerce-cart #payment ul.payment_methods li:last-child, .woocommerce-checkout #payment ul.payment_methods li:last-child {border-bottom: 0}
#add_payment_method #payment ul.payment_methods li.payment_method_paypal input, .woocommerce-cart #payment ul.payment_methods li.payment_method_paypal input, .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal input {margin-top: 18px;}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {margin: 8px 6px 0 0; float: left; width: auto;}
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {color: #232323; font-weight: 400; padding: 0; margin: 0; font-size: 14px;}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {background-color: #f7f7f7; color: #232323;}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {border: 1em solid #f7f7f7; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {background-color: #f7f7f7; margin: 0;}
#add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal {text-decoration: underline; margin-left: 7px;}
#add_payment_method #payment .payment_method_paypal .about_paypal:hover, .woocommerce-cart #payment .payment_method_paypal .about_paypal:hover, .woocommerce-checkout #payment .payment_method_paypal .about_paypal:hover {text-decoration: none;}
#add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small {line-height: 18px; color: #6f6f6f;}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 60px;}
.woocommerce form .woocommerce-account-fields .form-row .input-checkbox {position: inherit; padding: 0; margin: -1px 4px 0 0; width: auto;}
.woocommerce-checkout.woocommerce-page form.login {margin-bottom: 0;}
.woocommerce-billing-fields__field-wrapper .select2-container .select2-selection--single { min-height: 37px; }

/* woocommerce order received */
.woocommerce ul.order_details {margin: 0 0 30px 0; list-style: none; padding: 0;}
.woocommerce ul.order_details li, .woocommerce ul.order_details li:last-of-type {font-size: 14px; border: 1px dashed #ededed; padding: 15px; margin: 0; box-sizing: border-box; text-transform: none; width: 100%; border-top: 0;}
.woocommerce ul.order_details li:first-of-type {border-top: 1px dashed #ededed;}
.woocommerce ul.order_details li strong {font-size: 14px; font-weight: 500; padding-top: 5px; color: #232323;}
.woocommerce table.shop_table.order_details {background-color: #f7f7f7; padding: 25px;}
.woocommerce table.shop_table.order_details td, .woocommerce table.shop_table.order_details th {border-color: #e4e4e4;}
.woocommerce table.shop_table.order_details tfoot td, .woocommerce table.shop_table.order_details tfoot th {font-weight: 400; background-color: #fff;}
.woocommerce table.shop_table.order_details tfoot th {font-weight: 500;}
.woocommerce table.shop_table.order_details tfoot td p {padding: 0; margin: 0;}
.woocommerce table.shop_table.order_details tfoot .tax-rate th, .woocommerce table.shop_table.order_details tfoot .order-total th {font-size: 16px; color: #232323; font-weight: 500;}
.woocommerce table.shop_table.order_details tfoot .tax-rate td, .woocommerce table.shop_table.order_details tfoot .order-total td {font-size: 16px; color: #232323; font-weight: 500;}
.woocommerce table.shop_table.order_details tfoot .tax-rate td strong, .woocommerce table.shop_table.order_details tfoot .order-total td strong {font-weight: 500;}
.woocommerce table.shop_table.order_details tfoot td p {padding: 0; margin: 0;}
.woocommerce table.shop_table.order_details tfoot td a {text-decoration: underline}
.woocommerce table.shop_table.order_details tfoot td a:hover {text-decoration: none}
.woocommerce-thankyou-order-received {font-size: 18px; color: #232323; margin-bottom: 40px; background-color: #f7f7f7; padding: 20px; text-align: center;}
.woocommerce-order-downloads, .woocommerce-order-details, .woocommerce-customer-details, .woocommerce-columns--addresses {padding: 0;}
.woocommerce-order-downloads h2, .woocommerce-order-details h2, .woocommerce-customer-details h2, .woocommerce-columns--addresses h2 {border-bottom: 1px solid #ededed; padding: 0 0 15px 0; margin: 0 0 20px 0;}
.woocommerce-order > section:last-child {margin-bottom: 0}
.woocommerce-page .woocommerce-order-details .woocommerce-order-details__title, .woocommerce-order-downloads h2 {border-bottom: 0; padding-bottom: 0 !important;}
.woocommerce a.woocommerce-MyAccount-downloads-file.button {padding: 6px 10px 6px; border-width: 1px; font-size: 10px; font-weight: 500; white-space: inherit;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td a, .restore-item {text-decoration: underline}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td a:hover, .restore-item:hover {text-decoration: none}

/* woocommerce login */
.woocommerce form .form-row label {color: #232323; font-weight: 400; padding: 0; margin: 0 0 5px; font-size: 14px;}
.woocommerce form .form-row .required {text-decoration: none;}
.pofo-my-account-full .woocommerce-form-login .woocommerce-form__label-for-checkbox, .pofo-my-account-full .woocommerce-form-login .woocommerce-LostPassword {margin-bottom: 0;}
.woocommerce-password-hint {font-size: 11px; line-height: 18px;}
.pofo-my-account-full .woocommerce-form-login, .pofo-my-account-full .register {min-height: 312px; margin-bottom: 0;}
.woocommerce-page form.login p.form-row label.inline {display: block; margin-top: 10px; margin-bottom: 0;}
.woocommerce-page .pofo-my-account-full form.checkout_coupon, .woocommerce-page .pofo-my-account-full form.login, .woocommerce-page .pofo-my-account-full form.register, .woocommerce-page .woocommerce-ResetPassword.lost_reset_password  {top: 0; clear: both; width: 100%; float: left;}
.woocommerce-page .col2-set form.checkout_coupon p.form-row, .woocommerce-page .col2-set form.login p.form-row, .woocommerce-page .col2-set form.register p.form-row {width: auto}
.woocommerce-page .col2-set form.checkout_coupon p, .woocommerce-page .col2-set form.login p, .woocommerce-page .col2-set form.register p {float: none;}
.woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register, .woocommerce-page .woocommerce-ResetPassword {border: 1px solid #f7f6f7; margin: 0 0 20px; border-radius: 0; background-color: #f7f6f7; position: relative; top: -28px; padding: 20px;}
.woocommerce-page form.checkout_coupon p, .woocommerce-page form.login p, .woocommerce-page form.register p {width: auto; padding: 0; float: left; margin-bottom: 12px; margin-right: 15px; }
.woocommerce-page form.checkout_coupon p input.input-text {padding-top: 5px; padding-bottom: 6px; font-size: 13px; line-height: 18px; margin: 0;}
.woocommerce-page form.checkout_coupon p.form-row-first, .woocommerce-page form.login p.form-row-first, .woocommerce-page form.register p.form-row-first {margin-right: 0;}
.woocommerce-page form.login p.form-row {width: 30%; margin-right: 20px;}
.woocommerce-page form.login p.form-row input[type=checkbox] {position: inherit; padding: 0; margin: 8px 6px 0 0; width: auto; float: left;}
.woocommerce-page form.login p.lost_password {width: 100%; margin-bottom: 0;}
.woocommerce-page .pofo-my-account-full form.login p.form-row {width: 100%; margin-right: 20px; clear: both;}

/* woocommerce my account */
.woocommerce .woocommerce-MyAccount-navigation {margin: 0; background-color: #f3f3f3; padding: 20px;}
.woocommerce .woocommerce-MyAccount-navigation ul {padding: 0; margin: 0; list-style: none;}
.woocommerce .woocommerce-MyAccount-navigation ul li {border-bottom: 1px solid #e4e4e4; padding-bottom: 12px; margin-bottom: 10px; width: 100%;}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {color: #ff214f;}
.woocommerce-MyAccount-content a {text-decoration: underline;}
.woocommerce-MyAccount-content a:hover {text-decoration: none;}
.woocommerce table.my_account_orders .button {padding: 5px 5px 4px; font-size: 10px; margin: 2px; border-width: 1px;}
.woocommerce table.my_account_orders {font-size: 13px; line-height: 18px;}
.woocommerce .woocommerce-MyAccount-content {padding-left: 13px;}
.woocommerce .both-content-center .woocommerce-MyAccount-content {padding-left: 19px;}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {margin-bottom: 50px;}
.woocommerce .woocommerce-customer-details {margin-bottom: 0;}
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1, .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {margin-bottom: 0;}
.woocommerce-page h3#order_review_heading {border-bottom: 0;}
.woocommerce .woocommerce-customer-details address {border: 0; border-radius: 0; padding: 0;}
address {line-height: 24px;}
.woocommerce-password-strength {font-size: 13px; color: #232323;}
.woocommerce-page form .form-row textarea {height: 5em;}
.woocommerce-page header.title  h3 {margin-bottom: 0;  border-bottom: 0 solid #ededed; padding-bottom: 0;}
.woocommerce-page header.title {margin-bottom: 15px; border-bottom: 1px solid #ededed; padding-bottom: 10px; float: left;}
.woocommerce-account .addresses .title .edit {margin-top: 1px; font-size: 12px;}
.woocommerce-page legend {margin-bottom: 20px; border-bottom: 1px solid #ededed; padding-bottom: 15px; color: #232323; font-size: 18px; line-height: 28px; font-weight: 500;}
.woocommerce-page fieldset {margin-top: 30px; margin-bottom: 15px;}
.woocommerce-page mark.order-number, .woocommerce-page mark.order-date, .woocommerce-page mark.order-status {padding: 0; background-color: transparent;}
.woocommerce-address-fields .woocommerce-address-fields__field-wrapper {margin-bottom: 15px; width: 100%; float: left;}
.woocommerce-address-fields > p {clear: both}
.woocommerce form .form-row {padding: 0; margin: 0 0 10px;}
.woocommerce-page .col2-set form.login input.button, .woocommerce-page .col2-set form.register input.button {padding: 8px 21px 7px;}

/* woocommerce demo store notice */
.woocommerce-store-notice, p.demo_store {position: fixed; top: inherit; bottom: 0; padding: 15px;}

@-moz-document url-prefix() {
    .woocommerce-page .sidebar input[type="text"], .woocommerce-page .sidebar input[type="search"], .woocommerce-page .sidebar textarea, .woocommerce-page .sidebar select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {line-height: 1.4;}
    .woocommerce #respond input#submit, .woocommerce .woocommerce-product-search input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {padding: 8px 21px 9px;}
    .woocommerce a.added_to_cart {padding: 2px 17px 2px 17px;}
    .woocommerce-page .woocommerce-product-search input[type="submit"] {padding: 5px 14px 4px;}
    .woocommerce div.product .stock {padding: 0px 8px 1px;}
    .woocommerce-cart table.cart td.actions .coupon .button {padding-top: 7px;}
    #add_payment_method .wc-proceed-to-checkout .checkout-button, .woocommerce-cart .wc-proceed-to-checkout .checkout-button, .woocommerce-checkout .wc-proceed-to-checkout .checkout-button  {padding-bottom: 21px !important;}
    .cross-sells a.button {padding-bottom: 7px}
    .woocommerce-page form.checkout_coupon p .button {padding: 7px 21px 9px;}
    .woocommerce-page .col2-set form.login input.button, .woocommerce-page .col2-set form.register input.button {padding: 8px 21px 9px;}
    .woocommerce .lost_reset_password input.button {padding: 9px 21px 8px;}
    .woocommerce .tagcloud a {padding: 2px 8px 3px 8px;}
    .woocommerce div.product form.cart .button {padding: 12px 21px 13px;}
    .woocommerce span.onsale, .woocommerce ul.products li.product .onsale {padding: 5px 10px 5px;}
    .woocommerce a.button.single_add_to_cart_button {padding-bottom: 9px;}
    .woocommerce div.product form.cart .group_table .button {padding: 8px 21px 9px;}
}

/* WpBakery Page Builder */ 
.entry-content .vc_col-has-fill > .vc_column-inner,
.entry-content .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.entry-content .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.entry-content .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.entry-content .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.entry-content .vc_row-has-fill > .vc_column_container > .vc_column-inner,
.entry-content .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.entry-content .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.entry-content .vc_section.vc_section-has-fill,
.entry-content .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
.entry-content .vc_section.vc_section-has-fill + .vc_section {padding-top: 0;}
.compose-mode .vc_vc_row section.vc_row {padding-top: 130px}
.vc_element.vc_pofo_button {display: inline-block !important;}
.wpb_content_element, ul.wpb_thumbnails-fluid > li {margin-bottom: 0;}
.compose-mode .vc-main-sortable-container > .vc_empty-placeholder {margin-bottom: 0;}
.wpb_gmaps_widget .wpb_wrapper {background-color: inherit; padding: 0;}
.vc_element.vc_pofo_portfolio_slider {position: inherit;} 
.pofo-video-wrapper {position: relative; z-index: 0;}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before { font-weight: 900; }
.parallax .vc_controls > .vc_controls-out-tl { top: 0; }

/* only ie7, ie9, ie10, ie11 */
@media screen\0 {
    .image-box.width-20 img {width: 100%;}
    .left-nav-sidebar .dropdown {position: static}
    .social-icon-style-4 a span {z-index: 0;}
    .social-icon-style-4 a i {position: relative; z-index: 1;}
}
.vc_row-o-equal-height.pofo-featurebox-equal-height .wpb_wrapper, .vc_row-o-equal-height.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox {height: 100%;}
.vc_row-o-equal-height.vc_row-o-content-middle.pofo-featurebox-equal-height .wpb_wrapper {height: 100%; display: table; width: 100%}
.vc_row-o-equal-height.vc_row-o-content-middle.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox {height: 100%; display: table-cell; vertical-align: middle; width: 100%}
.vc_row-o-equal-height.vc_row.vc_row-o-content-middle.pofo-featurebox-equal-height .vc_column_container .vc_column-inner {-webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit;}
.vc_row-o-equal-height.vc_row-o-content-middle.pofo-featurebox-equal-height .wpb_wrapper .vc_pofo_feature_box {height: 100%; display: table; width: 100%}

.vc_row-o-equal-height.vc_row-o-content-top.pofo-featurebox-equal-height .wpb_wrapper {height: 100%; display: table; width: 100%}
.vc_row-o-equal-height.vc_row-o-content-top.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox {height: 100%; display: table-cell; vertical-align: top; width: 100%}
.vc_row-o-equal-height.vc_row.vc_row-o-content-top.pofo-featurebox-equal-height .vc_column_container .vc_column-inner {-webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit;}
.vc_row-o-equal-height.vc_row-o-content-top.pofo-featurebox-equal-height .wpb_wrapper .vc_pofo_feature_box {height: 100%; display: table; width: 100%}

.vc_row-o-equal-height.vc_row-o-content-bottom.pofo-featurebox-equal-height .wpb_wrapper {height: 100%; display: table; width: 100%}
.vc_row-o-equal-height.vc_row-o-content-bottom.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox {height: 100%; display: table-cell; vertical-align: bottom; width: 100%}
.vc_row-o-equal-height.vc_row.vc_row-o-content-bottom.pofo-featurebox-equal-height .vc_column_container .vc_column-inner {-webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit;}
.vc_row-o-equal-height.vc_row-o-content-bottom.pofo-featurebox-equal-height .wpb_wrapper .vc_pofo_feature_box {height: 100%; display: table; width: 100%}

.single-post .social-icon-style-8 ul li a, .single-post .social-icon-style-9 ul li a { width: 30px; height: 30px; }

/* cookie message */

.pofo-cookie-policy-wrapper {top: 0 !important;bottom: 0;position: fixed;width: 100%;height: 100%;z-index: 9999;background-color: rgba(23, 23, 23, .8);}
.cookie-container {background-color: #fff;position: absolute;bottom: 0;width: 100%;padding: 20px 30px;text-align: center;}
.cookie-container .pofo-cookie-policy-text {color: #232323;font-weight: 400;font-size: 12px;line-height: 18px;display: inline-block;}
.cookie-container .pofo-cookie-policy-text a {text-decoration: underline;color: #232323;}
.cookie-container .pofo-cookie-policy-text a:hover {text-decoration: none;}
.cookie-container .btn {display: inline-block;margin-left: 25px;}
.pofo-cookie-policy-wrapper.left-content .cookie-container {width: 330px;padding: 25px;margin: 0 0 15px 15px;}
.pofo-cookie-policy-wrapper.left-content .cookie-container .pofo-cookie-policy-text {width: 100%;margin-bottom: 20px;}
.pofo-cookie-policy-wrapper.left-content .cookie-container .btn {width: 100%;margin: 0;}
.pofo-cookie-policy-wrapper.right-content .cookie-container {right: 0;left: inherit;width: 330px;padding: 25px;margin: 0 15px 15px 0;}
.pofo-cookie-policy-wrapper.right-content .cookie-container .pofo-cookie-policy-text {width: 100%;margin-bottom: 20px;}
.pofo-cookie-policy-wrapper.right-content .cookie-container .btn {width: 100%;margin: 0;}