@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Regular.eot');
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Regular.eot?#iefix') format('embedded-opentype'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Regular.woff2') format('woff2'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Regular.woff') format('woff'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-SemiBold.eot');
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-SemiBold.woff2') format('woff2'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-SemiBold.woff') format('woff'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Bold.eot');
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Bold.eot?#iefix') format('embedded-opentype'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Bold.woff2') format('woff2'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Bold.woff') format('woff'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Light.eot');
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Light.eot?#iefix') format('embedded-opentype'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Light.woff2') format('woff2'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Light.woff') format('woff'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Medium.eot');
    src: url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Medium.eot?#iefix') format('embedded-opentype'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Medium.woff2') format('woff2'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Medium.woff') format('woff'),
        url('../themes/miguardarropa/assets/fonts/CormorantGaramond-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}




/*-------------- Pe-icon-7-stroke ----------------*/

@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('../themes/miguardarropa/assets/fonts/Pe-icon-7-stroke.eot?d7yf1v');
	src:url('../themes/miguardarropa/assets/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		url('../themes/miguardarropa/assets/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		url('../themes/miguardarropa/assets/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		url('../themes/miguardarropa/assets/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="pe-7s-"], [class*=" pe-7s-"] {
	display: inline-block;
	font-family: 'Pe-icon-7-stroke';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pe-7s-album:before {
	content: "\e6aa";
}
.pe-7s-arc:before {
	content: "\e6ab";
}
.pe-7s-back-2:before {
	content: "\e6ac";
}
.pe-7s-bandaid:before {
	content: "\e6ad";
}
.pe-7s-car:before {
	content: "\e6ae";
}
.pe-7s-diamond:before {
	content: "\e6af";
}
.pe-7s-door-lock:before {
	content: "\e6b0";
}
.pe-7s-eyedropper:before {
	content: "\e6b1";
}
.pe-7s-female:before {
	content: "\e6b2";
}
.pe-7s-gym:before {
	content: "\e6b3";
}
.pe-7s-hammer:before {
	content: "\e6b4";
}
.pe-7s-headphones:before {
	content: "\e6b5";
}
.pe-7s-helm:before {
	content: "\e6b6";
}
.pe-7s-hourglass:before {
	content: "\e6b7";
}
.pe-7s-leaf:before {
	content: "\e6b8";
}
.pe-7s-magic-wand:before {
	content: "\e6b9";
}
.pe-7s-male:before {
	content: "\e6ba";
}
.pe-7s-map-2:before {
	content: "\e6bb";
}
.pe-7s-next-2:before {
	content: "\e6bc";
}
.pe-7s-paint-bucket:before {
	content: "\e6bd";
}
.pe-7s-pendrive:before {
	content: "\e6be";
}
.pe-7s-photo:before {
	content: "\e6bf";
}
.pe-7s-piggy:before {
	content: "\e6c0";
}
.pe-7s-plugin:before {
	content: "\e6c1";
}
.pe-7s-refresh-2:before {
	content: "\e6c2";
}
.pe-7s-rocket:before {
	content: "\e6c3";
}
.pe-7s-settings:before {
	content: "\e6c4";
}
.pe-7s-shield:before {
	content: "\e6c5";
}
.pe-7s-smile:before {
	content: "\e6c6";
}
.pe-7s-usb:before {
	content: "\e6c7";
}
.pe-7s-vector:before {
	content: "\e6c8";
}
.pe-7s-wine:before {
	content: "\e6c9";
}
.pe-7s-cloud-upload:before {
	content: "\e68a";
}
.pe-7s-cash:before {
	content: "\e68c";
}
.pe-7s-close:before {
	content: "\e680";
}
.pe-7s-bluetooth:before {
	content: "\e68d";
}
.pe-7s-cloud-download:before {
	content: "\e68b";
}
.pe-7s-way:before {
	content: "\e68e";
}
.pe-7s-close-circle:before {
	content: "\e681";
}
.pe-7s-id:before {
	content: "\e68f";
}
.pe-7s-angle-up:before {
	content: "\e682";
}
.pe-7s-wristwatch:before {
	content: "\e690";
}
.pe-7s-angle-up-circle:before {
	content: "\e683";
}
.pe-7s-world:before {
	content: "\e691";
}
.pe-7s-angle-right:before {
	content: "\e684";
}
.pe-7s-volume:before {
	content: "\e692";
}
.pe-7s-angle-right-circle:before {
	content: "\e685";
}
.pe-7s-users:before {
	content: "\e693";
}
.pe-7s-angle-left:before {
	content: "\e686";
}
.pe-7s-user-female:before {
	content: "\e694";
}
.pe-7s-angle-left-circle:before {
	content: "\e687";
}
.pe-7s-up-arrow:before {
	content: "\e695";
}
.pe-7s-angle-down:before {
	content: "\e688";
}
.pe-7s-switch:before {
	content: "\e696";
}
.pe-7s-angle-down-circle:before {
	content: "\e689";
}
.pe-7s-scissors:before {
	content: "\e697";
}
.pe-7s-wallet:before {
	content: "\e600";
}
.pe-7s-safe:before {
	content: "\e698";
}
.pe-7s-volume2:before {
	content: "\e601";
}
.pe-7s-volume1:before {
	content: "\e602";
}
.pe-7s-voicemail:before {
	content: "\e603";
}
.pe-7s-video:before {
	content: "\e604";
}
.pe-7s-user:before {
	content: "\e605";
}
.pe-7s-upload:before {
	content: "\e606";
}
.pe-7s-unlock:before {
	content: "\e607";
}
.pe-7s-umbrella:before {
	content: "\e608";
}
.pe-7s-trash:before {
	content: "\e609";
}
.pe-7s-tools:before {
	content: "\e60a";
}
.pe-7s-timer:before {
	content: "\e60b";
}
.pe-7s-ticket:before {
	content: "\e60c";
}
.pe-7s-target:before {
	content: "\e60d";
}
.pe-7s-sun:before {
	content: "\e60e";
}
.pe-7s-study:before {
	content: "\e60f";
}
.pe-7s-stopwatch:before {
	content: "\e610";
}
.pe-7s-star:before {
	content: "\e611";
}
.pe-7s-speaker:before {
	content: "\e612";
}
.pe-7s-signal:before {
	content: "\e613";
}
.pe-7s-shuffle:before {
	content: "\e614";
}
.pe-7s-shopbag:before {
	content: "\e615";
}
.pe-7s-share:before {
	content: "\e616";
}
.pe-7s-server:before {
	content: "\e617";
}
.pe-7s-search:before {
	content: "\e618";
}
.pe-7s-film:before {
	content: "\e6a5";
}
.pe-7s-science:before {
	content: "\e619";
}
.pe-7s-disk:before {
	content: "\e6a6";
}
.pe-7s-ribbon:before {
	content: "\e61a";
}
.pe-7s-repeat:before {
	content: "\e61b";
}
.pe-7s-refresh:before {
	content: "\e61c";
}
.pe-7s-add-user:before {
	content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
	content: "\e61d";
}
.pe-7s-paperclip:before {
	content: "\e69c";
}
.pe-7s-radio:before {
	content: "\e61e";
}
.pe-7s-note2:before {
	content: "\e69d";
}
.pe-7s-print:before {
	content: "\e61f";
}
.pe-7s-network:before {
	content: "\e69e";
}
.pe-7s-prev:before {
	content: "\e620";
}
.pe-7s-mute:before {
	content: "\e69f";
}
.pe-7s-power:before {
	content: "\e621";
}
.pe-7s-medal:before {
	content: "\e6a0";
}
.pe-7s-portfolio:before {
	content: "\e622";
}
.pe-7s-like2:before {
	content: "\e6a1";
}
.pe-7s-plus:before {
	content: "\e623";
}
.pe-7s-left-arrow:before {
	content: "\e6a2";
}
.pe-7s-play:before {
	content: "\e624";
}
.pe-7s-key:before {
	content: "\e6a3";
}
.pe-7s-plane:before {
	content: "\e625";
}
.pe-7s-joy:before {
	content: "\e6a4";
}
.pe-7s-photo-gallery:before {
	content: "\e626";
}
.pe-7s-pin:before {
	content: "\e69b";
}
.pe-7s-phone:before {
	content: "\e627";
}
.pe-7s-plug:before {
	content: "\e69a";
}
.pe-7s-pen:before {
	content: "\e628";
}
.pe-7s-right-arrow:before {
	content: "\e699";
}
.pe-7s-paper-plane:before {
	content: "\e629";
}
.pe-7s-delete-user:before {
	content: "\e6a7";
}
.pe-7s-paint:before {
	content: "\e62a";
}
.pe-7s-bottom-arrow:before {
	content: "\e6a8";
}
.pe-7s-notebook:before {
	content: "\e62b";
}
.pe-7s-note:before {
	content: "\e62c";
}
.pe-7s-next:before {
	content: "\e62d";
}
.pe-7s-news-paper:before {
	content: "\e62e";
}
.pe-7s-musiclist:before {
	content: "\e62f";
}
.pe-7s-music:before {
	content: "\e630";
}
.pe-7s-mouse:before {
	content: "\e631";
}
.pe-7s-more:before {
	content: "\e632";
}
.pe-7s-moon:before {
	content: "\e633";
}
.pe-7s-monitor:before {
	content: "\e634";
}
.pe-7s-micro:before {
	content: "\e635";
}
.pe-7s-menu:before {
	content: "\e636";
}
.pe-7s-map:before {
	content: "\e637";
}
.pe-7s-map-marker:before {
	content: "\e638";
}
.pe-7s-mail:before {
	content: "\e639";
}
.pe-7s-mail-open:before {
	content: "\e63a";
}
.pe-7s-mail-open-file:before {
	content: "\e63b";
}
.pe-7s-magnet:before {
	content: "\e63c";
}
.pe-7s-loop:before {
	content: "\e63d";
}
.pe-7s-look:before {
	content: "\e63e";
}
.pe-7s-lock:before {
	content: "\e63f";
}
.pe-7s-lintern:before {
	content: "\e640";
}
.pe-7s-link:before {
	content: "\e641";
}
.pe-7s-like:before {
	content: "\e642";
}
.pe-7s-light:before {
	content: "\e643";
}
.pe-7s-less:before {
	content: "\e644";
}
.pe-7s-keypad:before {
	content: "\e645";
}
.pe-7s-junk:before {
	content: "\e646";
}
.pe-7s-info:before {
	content: "\e647";
}
.pe-7s-home:before {
	content: "\e648";
}
.pe-7s-help2:before {
	content: "\e649";
}
.pe-7s-help1:before {
	content: "\e64a";
}
.pe-7s-graph3:before {
	content: "\e64b";
}
.pe-7s-graph2:before {
	content: "\e64c";
}
.pe-7s-graph1:before {
	content: "\e64d";
}
.pe-7s-graph:before {
	content: "\e64e";
}
.pe-7s-global:before {
	content: "\e64f";
}
.pe-7s-gleam:before {
	content: "\e650";
}
.pe-7s-glasses:before {
	content: "\e651";
}
.pe-7s-gift:before {
	content: "\e652";
}
.pe-7s-folder:before {
	content: "\e653";
}
.pe-7s-flag:before {
	content: "\e654";
}
.pe-7s-filter:before {
	content: "\e655";
}
.pe-7s-file:before {
	content: "\e656";
}
.pe-7s-expand1:before {
	content: "\e657";
}
.pe-7s-exapnd2:before {
	content: "\e658";
}
.pe-7s-edit:before {
	content: "\e659";
}
.pe-7s-drop:before {
	content: "\e65a";
}
.pe-7s-drawer:before {
	content: "\e65b";
}
.pe-7s-download:before {
	content: "\e65c";
}
.pe-7s-display2:before {
	content: "\e65d";
}
.pe-7s-display1:before {
	content: "\e65e";
}
.pe-7s-diskette:before {
	content: "\e65f";
}
.pe-7s-date:before {
	content: "\e660";
}
.pe-7s-cup:before {
	content: "\e661";
}
.pe-7s-culture:before {
	content: "\e662";
}
.pe-7s-crop:before {
	content: "\e663";
}
.pe-7s-credit:before {
	content: "\e664";
}
.pe-7s-copy-file:before {
	content: "\e665";
}
.pe-7s-config:before {
	content: "\e666";
}
.pe-7s-compass:before {
	content: "\e667";
}
.pe-7s-comment:before {
	content: "\e668";
}
.pe-7s-coffee:before {
	content: "\e669";
}
.pe-7s-cloud:before {
	content: "\e66a";
}
.pe-7s-clock:before {
	content: "\e66b";
}
.pe-7s-check:before {
	content: "\e66c";
}
.pe-7s-chat:before {
	content: "\e66d";
}
.pe-7s-cart:before {
	content: "\e66e";
}
.pe-7s-camera:before {
	content: "\e66f";
}
.pe-7s-call:before {
	content: "\e670";
}
.pe-7s-calculator:before {
	content: "\e671";
}
.pe-7s-browser:before {
	content: "\e672";
}
.pe-7s-box2:before {
	content: "\e673";
}
.pe-7s-box1:before {
	content: "\e674";
}
.pe-7s-bookmarks:before {
	content: "\e675";
}
.pe-7s-bicycle:before {
	content: "\e676";
}
.pe-7s-bell:before {
	content: "\e677";
}
.pe-7s-battery:before {
	content: "\e678";
}
.pe-7s-ball:before {
	content: "\e679";
}
.pe-7s-back:before {
	content: "\e67a";
}
.pe-7s-attention:before {
	content: "\e67b";
}
.pe-7s-anchor:before {
	content: "\e67c";
}
.pe-7s-albums:before {
	content: "\e67d";
}
.pe-7s-alarm:before {
	content: "\e67e";
}
.pe-7s-airplay:before {
	content: "\e67f";
}







/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../themes/miguardarropa/assets/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../themes/miguardarropa/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../themes/miguardarropa/assets/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../themes/miguardarropa/assets/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../themes/miguardarropa/assets/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../themes/miguardarropa/assets/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}



@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  animation-duration: 0.75s;
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%,
  to {
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.tada {
  animation-name: tada;
}
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  0%,
  11.1%,
  to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(-1turn);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100px, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(100px, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100px, 0, 0) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100px, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100px, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100px, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100px, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100px, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100px, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100px, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100px, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

/*! Magnific Popup - v1.1.0 - 2016-02-20
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2016 Dmitry Semenov; */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(../themes/miguardarropa/assets/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*---------------  MeanMenu  -------------------*/

a.meanmenu-reveal {
  display: none;
}
.mean-container .mean-bar {
  background: inherit;
  float: left;
  min-height: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.mean-container a.meanmenu-reveal {
  color: #333;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 1px;
  font-weight: 700;
  height: 18px;
  line-height: 22px;
  padding: 2px 5px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: -65px;
  width: 18px;
  border: 1px solid #333;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: #333;
  height: 2px;
  margin-top: 3px;
}
.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: transparent;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid#ddd;
}
.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #333;
  display: block;
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 10px 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  font-weight: 500;
}
.mobile-menu-area {
}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 1;
  padding: 1em 10%;
  text-shadow: none !important;
  visibility: visible;
  width: 80%;
  font-weight: normal;
  text-transform: capitalize;
  color: #444;
}
.mean-container .mean-nav ul li.mean-last a {
  border-bottom: 0;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #ec268f;
}
.mean-container .mean-nav ul li a.mean-expand {
  width: 26px;
  height: 15px;
  margin-top: 1px;
  padding: 6px 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: 0 !important;
  background: #f8f8f8;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #f8f8f8;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mean-remove {
  display: none !important;
}
.mean-container .mean-bar::after {
  color: #333;
  content: inherit;
  font-size: 21px;
  font-weight: 700;
  left: 5%;
  position: absolute;
  top: 13px;
}

/*! jQuery UI - v1.11.4 - 2015-12-03
* http://jqueryui.com
* Includes: core.css, button.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #a6c9e2;
  background: #fcfdfd url("../themes/miguardarropa/assets/css/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50%
    bottom repeat-x;
  color: #222222;
}
.ui-widget-content a {
  color: #222222;
}
.ui-widget-header {
  border: 1px solid #4297d7;
  background: #5c9ccc url("../themes/miguardarropa/assets/css/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50%
    50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #c5dbec;
  background: #dfeffc url("../themes/miguardarropa/assets/css/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50%
    repeat-x;
  font-weight: bold;
  color: #2e6e9e;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #2e6e9e;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #79b7e7;
  background: #d0e5f5 url("../themes/miguardarropa/assets/css/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50%
    repeat-x;
  font-weight: bold;
  color: #1d5987;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #1d5987;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #79b7e7;
  background: #f5f8f9 url("../themes/miguardarropa/assets/css/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50%
    50% repeat-x;
  font-weight: bold;
  color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #e17009;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fad42e;
  background: #fbec88;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("../themes/miguardarropa/assets/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50%
    repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../themes/miguardarropa/assets/css/images/ui-icons_469bdd_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("../themes/miguardarropa/assets/css/images/ui-icons_d8e7f3_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("../themes/miguardarropa/assets/css/images/ui-icons_6da8d5_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../themes/miguardarropa/assets/css/images/ui-icons_217bc0_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("../themes/miguardarropa/assets/css/images/ui-icons_f9bd01_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("../themes/miguardarropa/assets/css/images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../themes/miguardarropa/assets/css/images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
  border-radius: 8px;
}

/*-------- slinky-menu css --------*/

.slinky-menu {
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.slinky-menu > ul {
  left: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.slinky-menu ul,
.slinky-menu li {
  list-style: none;
  margin: 0;
}
.slinky-menu ul {
  width: 100%;
}
.slinky-menu a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slinky-menu a span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.4;
}
.slinky-menu li ul {
  display: none;
  left: 100%;
  position: absolute;
  top: 0;
}
.slinky-menu .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slinky-menu .header .title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.4;
  margin: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.slinky-theme-default {
  background: #f6f7f8;
}
.slinky-theme-default .title {
  color: #333;
  padding: 1em;
}
.slinky-theme-default li {
  line-height: 1;
}
.slinky-theme-default a:not(.back) {
  color: #333;
  padding: 1em;
}
.slinky-theme-default a:not(.back):hover {
  background: rgba(90, 200, 250, 0.25);
}
.slinky-theme-default a:not(.back):active {
  background: rgba(90, 200, 250, 0.5);
}
.slinky-theme-default .next::after {
  margin-left: 1em;
}
.slinky-theme-default .back::before {
  padding: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleY(-1);
}
.slinky-theme-default .next:hover::after,
.slinky-theme-default .back:hover::before {
  opacity: 1;
}
.slinky-theme-default .next:active::after,
.slinky-theme-default .back:active::before {
  opacity: 1;
}

.slinky-theme-default .next::after {
  content: "\e684";
  font-family: "Pe-icon-7-stroke";
  opacity: 1;
  transition: all 0.3 ease 0s;
  color: #000;
  font-size: 30px;
  line-height: 20px;
}

.slinky-theme-default .next:hover::after {
  color: #a749ff;
}

.slinky-theme-default .back::before {
  content: "\e686";
  font-family: "Pe-icon-7-stroke";
  opacity: 1;
  transition: all 0.3s ease 0s;
  color: #fff;
  font-size: 33px;
  line-height: 20px;
  padding: 7px 1px;
  background-color: #a749ff;
}

.slinky-theme-default .back:hover::before {
  background-color: #000;
}

/*
 
 Slick Slider
 Version: 1.8.1
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues
 */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
  overflow: hidden;
  position: relative;
}
.fp-scroller {
  overflow: hidden;
}
.iScrollIndicator {
  border: 0 !important;
}
.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 17px;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}
.fp-slidesNav ul li {
  display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
  height: auto !important;
}
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto !important;
}
/*# sourceMappingURL=jquery.fullpage.min.css.map */

/*-----------------------------------------------------------------------------------

    Template Name: Flone - Minimalist eCommerce Bootstrap 4 Template
    Version: 2.0.2

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Template default CSS
    2. Header style
    3. Slider style
    4. Support style
    5. Section title style
    6. Product style
    7. Blog style
    8. Footer style
    9. Banner style
    10. Suscribe style
    11. About style
    12. instagram style
    13. Testimonial style
    14. Brand logo style
    15. Timer style
    16. Breadcrumb style
    17. Sidebar style
    18. Shop page
    19. Product details page
    20. Cart page
    21. Checkout page
    22. contact Page
    23. Blog Details Page
    24. login register Page
    25. My account Page
    26. 404 Page
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/abrilfatface/v19/zOL64pLDlL1D99S8g8PtiKchq-dmiA.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v16/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQAllfvg-N.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v16/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtP.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v16/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQWlhfvg-N.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v16/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQdl9fvg-N.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v16/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQEl5fvg-N.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlEA.ttf) format('truetype');
}

/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  background-color: #ffffff;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #000;
}

body[aria-expanded="true"] {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-top: 0;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}

h2 {
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #000;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button,
input[type="submit"] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section {
  float: left;
  width: 100%;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.bg-img {
  background-position: center center;
  background-size: cover;
}

.border-bottom-1 {
  border-bottom: 1px solid #d5d5d5;
}

a:hover {
  color: #ec268f;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .mt-80 {
    margin-top: 60px;
  }
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

/*************************
      Margin right
*************************/
.mr-0 {
  margin-right: 0px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-150 {
  margin-right: 150px;
}

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .mb-80 {
    margin-bottom: 60px;
  }
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .mb-100 {
    margin-bottom: 50px;
  }
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-150 {
  margin-bottom: 150px;
}

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0;
}

.ml-10 {
  margin-left: 10px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-ntv5 {
  margin-left: -5px;
}

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 60px;
  }
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .pt-80 {
    padding-top: 60px;
  }
}

.pt-95 {
  padding-top: 95px;
}
@media only screen and (max-width: 767px) {
  .pt-95 {
    padding-top: 55px;
  }
}

.pt-90 {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 50px;
  }
}

.pt-100 {
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .pt-100 {
    padding-top: 60px;
  }
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}
@media only screen and (max-width: 767px) {
  .pt-110 {
    padding-top: 40px;
  }
}

.pt-115 {
  padding-top: 115px;
}
@media only screen and (max-width: 767px) {
  .pt-115 {
    padding-top: 60px;
  }
}

.pt-120 {
  padding-top: 120px;
}
@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 50px;
  }
}

.pt-125 {
  padding-top: 125px;
}
@media only screen and (max-width: 767px) {
  .pt-125 {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-125 {
    padding-top: 75px;
  }
}

.pt-128 {
  padding-top: 128px;
}

.pt-130 {
  padding-top: 130px;
}
@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-130 {
    padding-top: 80px;
  }
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-180 {
  padding-top: 180px;
}
@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 60px;
  }
}

.pt-205 {
  padding-top: 205px;
}

.pt-230 {
  padding-top: 230px;
}

.pt-270 {
  padding-top: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-270 {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-270 {
    padding-top: 100px;
  }
}

.pt-240 {
  padding-top: 240px;
}

.pt-365 {
  padding-top: 365px;
}

.pt-370 {
  padding-top: 370px;
}

.pt-380 {
  padding-top: 380px;
}

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-270 {
  padding-right: 270px;
}

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .pb-55 {
    padding-bottom: 15px;
  }
}

.pb-60 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .pb-60 {
    padding-bottom: 20px;
  }
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 30px;
  }
}

.pb-80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 40px;
  }
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 50px;
  }
}

.pb-95 {
  padding-bottom: 95px;
}
@media only screen and (max-width: 767px) {
  .pb-95 {
    padding-bottom: 55px;
  }
}

.pb-100 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .pb-100 {
    padding-bottom: 30px;
  }
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}
@media only screen and (max-width: 767px) {
  .pb-115 {
    padding-bottom: 60px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 50px;
  }
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .pb-130 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-130 {
    padding-bottom: 80px;
  }
}

.pb-140 {
  padding-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .pb-140 {
    padding-bottom: 60px;
  }
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-280 {
  padding-bottom: 280px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-285 {
  padding-bottom: 285px;
}

.pb-270 {
  padding-bottom: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-270 {
    padding-bottom: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-270 {
    padding-bottom: 100px;
  }
}

.pb-290 {
  padding-bottom: 290px;
}

/*************************
        Padding left
*************************/
.pl-0 {
  padding-left: 0;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-190 {
  padding-left: 190px;
}

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-35 {
  padding: 35px 0;
}

.ptb-32 {
  padding: 32px 0;
}

.ptb-40 {
  padding: 40px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-80 {
  padding: 80px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-110 {
  padding: 110px 0;
}

.ptb-120 {
  padding: 120px 0;
}

.ptb-130 {
  padding: 130px 0;
}

.ptb-140 {
  padding: 140px 0;
}

.ptb-150 {
  padding: 150px 0;
}

.ptb-160 {
  padding: 160px 0;
}

.ptb-170 {
  padding: 170px 0;
}

.ptb-177 {
  padding: 177px 0;
}

.ptb-180 {
  padding: 180px 0;
}

.ptb-190 {
  padding: 190px 0;
}

.ptb-200 {
  padding: 200px 0;
}

.ptb-210 {
  padding: 210px 0;
}

.ptb-220 {
  padding: 220px 0;
}

.ptb-290 {
  padding: 290px 0;
}

.ptb-310 {
  padding: 310px 0;
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
  margin: 0;
}

.mtb-10 {
  margin: 10px 0;
}

.mtb-15 {
  margin: 15px 0;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-110 {
  margin: 110px 0;
}

.mtb-120 {
  margin: 120px 0;
}

.mtb-130 {
  margin: 130px 0;
}

.mtb-140 {
  margin: 140px 0;
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-290 {
  margin: 290px 0;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input {
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #333;
  width: 100%;
}

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  color: #333;
}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px;
}

input:focus {
  background: transparent;
}

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
}

textarea:focus {
  background: transparent;
  border: 2px solid #4fc1f0;
  outline: none;
}

.input-group.divcenter.input-group .form-control {
  padding-left: 0px;
}

.custom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.navbar-toggler {
  border: 1px solid rgb(112, 112, 112);
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
  .dropdown-menu {
    max-width: 90%;
  }
}

a.dropdown-item {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dropdown-menu {
  left: -200px !important;
}

.dropdown-menu-search {
    width: 270px;
    border-color: #eee !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent !important;
    color: #ec268f;
}


@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.custom-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.custom-row-2 div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-row-2 div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-row-2 div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-row-2 {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-row-2 {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-row-2 {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-row-2 {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.custom-row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -13.6px;
  margin-left: -13.6px;
}
.custom-row-3 div[class^="col-"] {
  padding-left: 13.6px;
  padding-right: 13.6px;
}
@media only screen and (max-width: 767px) {
  .custom-row-3 div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-row-3 {
    margin-right: -13.6px;
    margin-left: -13.6px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-row-3 {
    margin-right: -13.6px;
    margin-left: -13.6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-row-3 {
    margin-right: -13.6px;
    margin-left: -13.6px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-row-3 {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.custom-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.mobile-menu-area {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-menu-area {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu-area {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mobile-menu-area {
    display: block;
  }
}
.mobile-menu-area.white-mobile-menu a.meanmenu-reveal {
  color: #fff;
  border: 1px solid #fff;
}
.mobile-menu-area.white-mobile-menu a.meanmenu-reveal span {
  background-color: #fff;
}

.stick .mobile-menu-area.white-mobile-menu a.meanmenu-reveal {
  color: #333;
  border: 1px solid #333;
}
.stick .mobile-menu-area.white-mobile-menu a.meanmenu-reveal span {
  background-color: #333;
}

.mean-container a.meanmenu-reveal {
  top: -3rem;
}

#mobile-menu-active {
  display: none;
}

.mobile-menu .mean-nav ul.menu-overflow {
  height: 215px;
  margin-top: 10;
  overflow-y: auto;
  z-index: 10;
}

.mobile-menu.mean-container .mean-nav ul {
  margin: 14px 0 0;
}

.meanmenu-reveal {
    background: url('../themes/miguardarropa/assets/img/menu-line.png') center no-repeat;
}

.meanmenu-reveal.meanclose {
    background: url('../themes/miguardarropa/assets/img/close-line.png') center no-repeat;
}

/*--
    Scroll Up
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #ec268f;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px;
  }
}
#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 40px;
    font-size: 16px;
  }
}
#scrollUp:hover i {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.height-100 {
  height: 100vh;
}

/*--
    - Background Color
------------------------------------------*/
.bg-purple {
  background-color: #f0e0ff;
}

.bg-purple-2 {
  background-color: #cea1f8;
}

.bg-gray {
  background-color: #f6f6f8;
}

.bg-gray-2 {
  background-color: #f6f6f6;
}

.bg-gray-3 {
  background-color: #f7f7f7;
}

.bg-gray-4 {
  background-color: #f1f1f1;
}

.bg-gray-5 {
  background-color: #f9f9f9;
}

.bg-gray-6 {
  background-color: #e9e6e9;
}

.bg-black {
  background-color: #000000;
}

.bg-glaucous {
  background-color: #daedff;
}

.bg-fucsia {
  background-color: #ec268f;
}

.bg-aqua {
  background-color: #dbfffb;
}

.bg-white {
  background-color: #fff;
}

.bg-fucsia h3 {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.default-overlay {
  position: relative;
}
.default-overlay:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
}

.btn-hover a {
  position: relative;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.btn-hover a:hover {
  border: 1px solid #ec268f;
  color: #fff;
}
.btn-hover a::before,
.btn-hover a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.btn-hover a::after {
  width: 0;
  left: auto;
  right: 0;
  background: #ec268f;
}
.btn-hover a:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}

.btn-fucsia {
  background-color: #fa89c5;
  color: white;
}
.btn-fucsia:hover {
  background-color: white;
  color: #ec268f;
}
.btn-filter,
.clean-btn,
.btn-test {
  background-color: #ec268f;
  border: 1px solid #ec268f;
  color: white;
}

.btn-filter:hover,
.clean-btn:hover,
.btn-test-enabled:hover {
  background-color: white;
  border: 1px solid #ec268f;
  color: #ec268f;
}

a.default-btn {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
}

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

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

@-webkit-keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

.effect-snow {
  background-image: url("../themes/miguardarropa/assets/img/bg/snow1.png");
  -webkit-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite;
}

.body-effect {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0);
}

.padding-10-row-col .row {
  margin-right: -5px;
  margin-left: -5px;
}
.padding-10-row-col .row div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-20-row-col .row {
  margin-right: -10px;
  margin-left: -10px;
}
.padding-20-row-col .row div[class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

/*----- 2. Header style ----*/
.header-area {
  position: relative;
}

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-padding-1 .container-fluid {
  padding: 0 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-padding-1 .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-padding-1 .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-padding-1 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .header-padding-1 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-res-padding {
    padding: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header-res-padding {
    padding: 20px 0 20px;
  }
}

.logo {
  margin-top: 10px;
  margin-bottom: 10px;
}
.logo img {
  width: 150px;
}
.footer-logo img {
  width: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .logo {
    margin-top: 0px;
  }
}
.logo.logo-hm5 {
  margin-top: 41px;
}
.logo.logo-hm5 a.sticky-block {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo.logo-hm5 {
    margin-top: 0px;
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .logo.logo-hm5 {
    margin-top: 0px;
    text-align: left !important;
  }
}

.stick .logo-hm5 a.sticky-block {
  display: block;
}

.stick .logo-hm5 a.sticky-none {
  display: none;
}

.main-menu nav ul {
  display: block;
  text-align: center;
  margin-top: -5px;
}
.main-menu nav ul li {
  display: inline-block;
  padding: 0 5px;
  position: relative;
}
.main-menu nav ul li ul.submenu {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  display: block;
  left: 0;
  padding: 20px 0px 22px;
  position: absolute;
  top: 100%;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 200px;
  z-index: 999;
}
.main-menu nav ul li ul.submenu li {
  display: block;
  padding: 0 20px;
  margin-left: 0px;
}
.main-menu nav ul li ul.submenu li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}
.main-menu nav ul li ul.submenu li a:hover {
  color: #ec268f;
}
.main-menu nav ul li ul.submenu li a::before {
  /* background: #ec268f none repeat scroll 0 0; */
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 15px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}
.main-menu nav ul li ul.submenu li:hover a::before {
  opacity: 1;
}
.main-menu nav ul li ul.submenu li:hover a {
  padding-left: 12px;
}
.main-menu nav ul li ul.mega-menu {
  background-color: #fff;
  display: block;
  left: 0;
  padding: 20px 40px 20px 40px;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 280px;
  z-index: 999;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu nav ul li ul.mega-menu {
    left: -75px;
  }
}
.main-menu nav ul li ul.mega-menu > li {
  display: inline-block;
  float: left;
  margin-left: 0;
  padding: 0;
  width: 100%;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title {
  float: inherit;
  width: 100%;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a {
  color: #242424;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a::before {
  display: none;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title:hover a {
  padding-left: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li {
  display: block;
  float: inherit;
  padding: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li a:hover {
  color: #ec268f;
}
.main-menu nav ul li ul.mega-menu > li ul li a::before {
  /* background: #ec268f none repeat scroll 0 0; */
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img:hover a {
  padding-left: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img a::before {
  display: none;
}
.main-menu nav ul li ul.mega-menu > li ul li:hover a::before {
  opacity: 1;
}
.main-menu nav ul li ul.mega-menu > li ul li:hover a {
  padding-left: 12px;
}
.main-menu nav ul li ul.mega-menu.mega-menu-padding {
  padding: 40px 40px 36px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu nav ul li ul.mega-menu.mega-menu-padding {
    left: 0px;
  }
}
.main-menu nav ul li:hover > ul.submenu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.main-menu nav ul li:hover > ul.mega-menu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu nav ul li {
    padding: 0 5px;
  }
}
/* @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .main-menu nav ul li {
        padding: 0 10px; } } */
@media only screen and (min-width: 1200px) {
  .main-menu nav ul li > a {
    font-size: 15px !important;
    letter-spacing: 0.5px;
    padding: 0 3px;
  }
}
.main-menu nav ul li > a {
  font-size: 13px;
  color: #555252;
  font-weight: 500;
  display: inline-block;
  line-height: 94px;
}
.main-menu nav ul li > a i {
  font-size: 15px;
  margin-left: 1px;
  position: relative;
  top: 0px;
}
.main-menu nav ul li:hover a {
  color: #ec268f;
}

.main-menu.menu-white nav ul {
  text-align: left;
}
.main-menu.menu-white nav ul li {
  padding: 0 30px 0 0;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.menu-white nav ul li {
    padding: 0 22px 0 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.menu-white nav ul li {
    padding: 0 14px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.menu-white nav ul li {
    padding: 0 14px 0 0;
  }
}
.main-menu.menu-white nav ul li > a {
  color: #ffffff;
  line-height: 112px;
}

.stick .main-menu.menu-white nav ul li a {
  color: #555252;
}
.stick .main-menu.menu-white nav ul li a:hover {
  color: #ec268f;
}

.stick .main-menu nav ul li a {
  line-height: 75px;
}

.stick .logo,
.stick .header-right-wrap {
  margin-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stick .logo,
  .stick .header-right-wrap {
    margin-top: 0rem;
  }
}

@media only screen and (max-width: 767px) {
  .stick .logo,
  .stick .header-right-wrap {
    margin-top: 0rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stick .logo,
  .stick .header-right-wrap {
    margin-top: 0rem;
  }
}

.stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
.stick .header-right-wrap .same-style .account-dropdown {
  top: 160%;
}
@media only screen and (max-width: 767px) {
  .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
  .stick .header-right-wrap .same-style .account-dropdown {
    top: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
  .stick .header-right-wrap .same-style .account-dropdown {
    top: 100%;
  }
}

.header-right-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap {
    margin-right: 50px;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .header-right-wrap {
    margin-right: 50px;
    justify-content: flex-end;
  }
}
.header-right-wrap .same-style {
  margin-left: 14px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style {
    margin-left: 5px;
  }
}
.header-right-wrap .same-style > a {
  color: #000;
  font-size: 23px;
}
.header-right-wrap .same-style:first-child {
  margin-left: 0px;
}
.header-right-wrap .same-style:hover > a {
  color: #ec268f;
}
.header-right-wrap .same-style .account-dropdown {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 8px 12px 10px;
  position: absolute;
  text-align: left;
  top: 190%;
  width: 125px;
  z-index: 220;
  display: none;
}
@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style .account-dropdown {
    top: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap .same-style .account-dropdown {
    top: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style .account-dropdown {
    left: -40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .same-style .account-dropdown {
    left: -34px;
  }
}
.header-right-wrap .same-style .account-dropdown ul li a {
  display: block;
  font-size: 13px;
  line-height: 30px;
  padding: 0;
  text-transform: capitalize;
  color: #000;
}
.header-right-wrap .same-style .account-dropdown ul li a:hover {
  padding-left: 5px;
  color: #ec268f;
}
.header-right-wrap .same-style.account-satting > a {
  font-size: 24px;
}
.header-right-wrap .same-style.cart-wrap {
  margin-left: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.cart-wrap {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style.cart-wrap {
    margin-left: 3px;
  }
}
.header-right-wrap .same-style.cart-wrap button {
  background: transparent;
  border: none;
  padding: 0;
  color: #000;
  font-size: 24px;
  position: relative;
}
.header-right-wrap .same-style.cart-wrap button span.count-style {
  position: absolute;
  top: -9px;
  right: -14px;
  background-color: #000;
  color: #fff;
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 100%;
  line-height: 21px;
  font-size: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .same-style.cart-wrap button span.count-style {
    right: -5px;
  }
}
.header-right-wrap .same-style.cart-wrap:hover > button {
  color: #ec268f;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  padding: 31px 35px 10px;
  position: absolute;
  right: 0;
  top: 190%;
  width: 340px;
  z-index: 9999;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content.cart-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    width: 295px;
    right: -52px;
    padding: 31px 15px 10px;
    overflow-y: auto;
    height: 300px;
    top: 100%;
    margin-top: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    overflow-y: auto;
    height: 300px;
    margin-top: 0.3rem;
    top: 100%;
    margin-top: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    overflow-y: auto;
    height: 400px;
  }
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li {
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 82px;
  flex: 0 0 82px;
  margin-right: 15px;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h4 {
  font-size: 15px;
  line-height: 16px;
  margin: 0;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h4
  a {
  color: #000;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h4
  a:hover {
  color: #ec268f;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h6 {
  font-size: 13px;
  margin: 5px 0 8px;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  span {
  font-size: 14px;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-delete
  a {
  font-size: 16px;
  color: #ec268f;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-delete
  a:hover {
  color: #333;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-total
  h4 {
  font-size: 14px;
  margin-bottom: 17px;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-total
  h4
  span {
  float: right;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-btn {
  margin-top: 0rem;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-btn
  a {
  margin-bottom: 20px;
  padding: 16px 40px 17px;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.header-right-wrap.header-right-wrap-white {
  margin-top: 0rem;
}
.header-right-wrap.header-right-wrap-white .same-style > a {
  color: #fff;
}
.header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button {
  color: #fff;
}
.header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button
  span.count-style {
  background-color: #fff;
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap.header-right-wrap-white {
    margin-top: 0rem;
  }
}
@media only screen and (max-width: 767px) {
  .header-right-wrap.header-right-wrap-white {
    margin-top: 0rem;
  }
}
.header-right-wrap .same-style.header-search .search-content {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 300px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 193%;
  z-index: 99;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap .same-style.header-search .search-content {
    top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style.header-search .search-content {
    top: 30px;
    right: -50px;
    min-width: 260px;
  }
}
.header-right-wrap .same-style.header-search .search-content form {
  position: relative;
}
.header-right-wrap .same-style.header-search .search-content form input {
  border: 1px solid #d3d3d3;
  outline: medium none;
  padding: 5px 72px 5px 15px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  color: #000;
  background: transparent;
}
.header-right-wrap
  .same-style.header-search
  .search-content
  form
  .button-search {
  background: #ec268f;
  border-color: #ce9634;
  color: #ffffff;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  border: none;
  height: 100%;
  padding: 5px 20px 2px;
  font-size: 20px;
  line-height: 1;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.header-right-wrap
  .same-style.header-search
  .search-content
  form
  .button-search:hover {
  background-color: #000;
}

.stick .same-style.header-search .search-content {
  top: 160%;
}

.stick .header-right-wrap.header-right-wrap-white {
  margin-top: 0.3rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stick .header-right-wrap.header-right-wrap-white {
    margin-top: 0.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .stick .header-right-wrap.header-right-wrap-white {
    margin-top: 0.3rem;
  }
}
.stick .header-right-wrap.header-right-wrap-white .same-style > a {
  color: #000;
}
.stick .header-right-wrap.header-right-wrap-white .same-style > a:hover {
  color: #ec268f;
}
.stick
  .header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button {
  color: #000;
}
.stick
  .header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button:hover {
  color: #ec268f;
}
.stick
  .header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button
  span.count-style {
  background-color: #000;
  color: #fff;
}

/* header 3 */
.header-padding-2 .container-fluid {
  padding: 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-padding-2 .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-padding-2 .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-padding-2 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .header-padding-2 .container-fluid {
    padding: 0 15px;
  }
}

.header-top-area {
  border-bottom: 1px solid #d5d4d4;
}
.header-top-area .header-top-wap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .header-top-area .header-top-wap {
    display: block;
    padding-bottom: 15px;
    margin-top: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-top-area .header-top-wap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
.header-top-area.border-none {
  border: none;
}

.header-offer p {
  color: #555252;
  letter-spacing: 0.8px;
  margin: 0;
}
.header-offer p span {
  color: #ff1c1c;
}
@media only screen and (max-width: 767px) {
  .header-offer p {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-offer p {
    text-align: right;
  }
}

.language-currency-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .language-currency-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.language-currency-wrap .same-language-currency {
  position: relative;
  margin-right: 54px;
}
@media only screen and (max-width: 767px) {
  .language-currency-wrap .same-language-currency {
    margin-right: 15px;
  }
}
.language-currency-wrap .same-language-currency:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 1px;
  background-color: #d5d4d4;
  right: -27px;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .language-currency-wrap .same-language-currency:before {
    right: -10px;
  }
}
.language-currency-wrap .same-language-currency:last-child:before {
  display: none;
}
.language-currency-wrap .same-language-currency:last-child {
  margin-right: 0;
}
.language-currency-wrap .same-language-currency a {
  letter-spacing: 0.8px;
  color: #555252;
  line-height: 54px;
  display: inline-block;
  margin-top: -3px;
}
@media only screen and (max-width: 767px) {
  .language-currency-wrap .same-language-currency a {
    line-height: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .language-currency-wrap .same-language-currency a {
    line-height: 54px;
  }
}
.language-currency-wrap .same-language-currency a i {
  font-size: 16px;
  color: #555252;
  position: relative;
  top: 2px;
}
.language-currency-wrap .same-language-currency .lang-car-dropdown {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 8px 12px 10px;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 125px;
  z-index: 220;
  display: none;
}
.language-currency-wrap .same-language-currency .lang-car-dropdown ul li a {
  line-height: 27px;
  font-size: 13px;
}
.language-currency-wrap
  .same-language-currency
  .lang-car-dropdown
  ul
  li
  a:hover {
  color: #ec268f;
}
.language-currency-wrap .same-language-currency p {
  letter-spacing: 0.8px;
  color: #555252;
  line-height: 1;
  margin-top: -1px;
}
.language-currency-wrap .same-language-currency:hover > a {
  color: #ec268f;
}

/* home 4 */
.home-sidebar-left {
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 375px;
  z-index: 7;
  padding: 72px 0 40px 0px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left {
    width: 300px;
    padding: 50px 0 30px 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left {
    width: 300px;
    padding: 50px 0 30px 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .home-sidebar-left {
    display: none;
  }
}
.home-sidebar-left .logo {
  margin-top: 0;
  padding: 0px 0 0px 108px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left .logo {
    padding: 0px 0 0px 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left .logo {
    padding: 0px 0 0px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left .logo {
    padding: 0px 0 0px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left .logo {
    padding: 0px 0 0px 30px;
  }
}
.home-sidebar-left .header-right-wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 0.3rem;
  margin-bottom: 67px;
  padding: 0px 0 0px 108px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 50px;
    margin-top: 0.3rem;
    margin-bottom: 27px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 30px;
    margin-top: 0.3rem;
    margin-bottom: 27px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 15px;
    margin-top: 0.3rem;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 30px;
    margin-top: 0.3rem;
    margin-bottom: 30px;
  }
}
.home-sidebar-left
  .header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content {
  right: auto;
  left: 0;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left
    .header-right-wrap
    .same-style.cart-wrap
    .shopping-cart-content {
    overflow-y: auto;
    height: 400px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left
    .header-right-wrap
    .same-style.cart-wrap
    .shopping-cart-content {
    overflow-y: auto;
    height: 300px;
  }
}
.home-sidebar-left
  .header-right-wrap
  .same-style.header-search
  .search-content {
  left: 0;
  right: auto;
}
.home-sidebar-left .sidebar-copyright {
  padding: 120px 63px 50px 63px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 40px 63px 50px 63px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 40px 63px 50px 63px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 40px 15px 50px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 50px 15px 50px 30px;
  }
}
.home-sidebar-left .sidebar-copyright p {
  letter-spacing: 0.9px;
  color: #313131;
  margin: 0;
  text-align: center;
}

.home-sidebar-right {
  border-left: 1px solid #efefef;
  margin-left: 375px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-right {
    margin-left: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-right {
    margin-left: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-right {
    margin-left: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-right {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .home-sidebar-right {
    margin-left: 0px;
  }
}

.sidebar-menu {
  padding: 0px 0 0px 108px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu {
    padding: 0px 0 0px 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu {
    padding: 0px 0 0px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu {
    padding: 0px 0 0px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-menu {
    padding: 0px 0 0px 30px;
  }
}
.sidebar-menu nav ul li {
  padding-bottom: 33px;
  position: relative;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu nav ul li {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu nav ul li {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu nav ul li {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-menu nav ul li {
    padding-bottom: 12px;
  }
}
.sidebar-menu nav ul li:last-child {
  padding-bottom: 0;
}
.sidebar-menu nav ul li ul.submenu {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  display: block;
  left: 100%;
  padding: 20px 0px 22px;
  position: absolute;
  top: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 190px;
  z-index: 999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu nav ul li ul.submenu {
    overflow-y: auto;
    max-height: 250px;
  }
}
.sidebar-menu nav ul li ul.submenu li {
  display: block;
  padding: 0 20px;
  margin-left: 0px;
}
.sidebar-menu nav ul li ul.submenu li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}
.sidebar-menu nav ul li ul.submenu li a:hover {
  color: #ec268f;
}
.sidebar-menu nav ul li ul.submenu li a::before {
  background: #ec268f none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 15px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}
.sidebar-menu nav ul li ul.submenu li:hover a::before {
  opacity: 1;
}
.sidebar-menu nav ul li ul.submenu li:hover a {
  padding-left: 12px;
}
.sidebar-menu nav ul li:hover > ul.submenu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.sidebar-menu nav ul li ul.mega-menu {
  background-color: #fff;
  display: block;
  left: 100%;
  padding: 40px 40px 0px 40px;
  position: absolute;
  text-align: left;
  top: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 700px;
  z-index: 999;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu nav ul li ul.mega-menu {
    top: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu nav ul li ul.mega-menu {
    top: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu nav ul li ul.mega-menu {
    top: -80px;
  }
}
.sidebar-menu nav ul li ul.mega-menu > li {
  display: inline-block;
  float: left;
  margin-left: 0;
  padding: 0;
  width: 33.33%;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title {
  float: inherit;
  width: 100%;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a {
  color: #242424;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a::before {
  display: none;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title:hover a {
  padding-left: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li {
  display: block;
  float: inherit;
  padding: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li a:hover {
  color: #ec268f;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li a::before {
  background: #ec268f none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-img:hover a {
  padding-left: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-img a::before {
  display: none;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a::before {
  opacity: 1;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a {
  padding-left: 12px;
}
.sidebar-menu nav ul li ul.mega-menu.mega-menu-padding {
  padding: 40px 40px 36px 40px;
}
.sidebar-menu nav ul li:hover > ul.mega-menu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.sidebar-menu nav ul li a {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-transform: capitalize;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu nav ul li a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu nav ul li a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-menu nav ul li a {
    font-size: 16px;
  }
}
.sidebar-menu nav ul li a span {
  float: right;
  padding-right: 20px;
}
.sidebar-menu nav ul li:hover a {
  color: #ec268f;
}

.header-hm4-none {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header-hm4-none {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm4-none {
    display: block;
  }
}

/* home 5 */
.wrapper {
  margin: 20px 20px;
}
@media only screen and (max-width: 767px) {
  .wrapper {
    margin: 0px 0px;
  }
}

.transparent-bar {
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.header-padding-3 .container-fluid {
  padding: 0 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-padding-3 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-padding-3 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-padding-3 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .header-padding-3 .container-fluid {
    padding: 0 15px;
  }
}

/* home 7 */
.clickable-menu {
  margin-top: 35px;
}
.clickable-menu a {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  display: inline-block;
}
.clickable-menu a:hover {
  color: #ec268f;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickable-menu {
    margin-top: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .clickable-menu {
    margin-top: -3px;
  }
}

.clickable-mainmenu {
  background: white none repeat scroll 0 0;
  color: #353535;
  height: 100vh;
  overflow-y: auto;
  padding: 130px 35px 40px;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-110%);
  -ms-transform: translateX(-110%);
  transform: translateX(-110%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
  transition: -webkit-transform 0.5s ease-in-out 0s;
  -o-transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s,
    -webkit-transform 0.5s ease-in-out 0s;
  width: 300px;
  z-index: 9999;
}
.clickable-mainmenu.inside {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  z-index: 9999;
}
@media only screen and (max-width: 767px) {
  .clickable-mainmenu {
    padding: 100px 35px 40px;
  }
}
.clickable-mainmenu .clickable-mainmenu-icon button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #000;
  cursor: pointer;
  font-size: 50px;
  padding: 0;
  position: absolute;
  left: 20px;
  top: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.clickable-mainmenu .clickable-mainmenu-icon button:hover {
  color: #ec268f;
}
.clickable-mainmenu .side-logo {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .clickable-mainmenu .side-logo {
    margin-bottom: 40px;
  }
}
.clickable-mainmenu .clickable-menu-style {
  background: transparent;
}
.clickable-mainmenu .clickable-menu-style ul li a {
  color: #000;
  font-size: 16px;
  text-transform: capitalize;
  padding: 0 0 20px;
}
.clickable-mainmenu .clickable-menu-style ul li a:hover {
  background: transparent;
  color: #ec268f;
}
.clickable-mainmenu .side-social {
  margin-top: 50px;
}
.clickable-mainmenu .side-social ul li {
  display: inline-block;
  margin: 0 30px 0 0;
  position: relative;
}
.clickable-mainmenu .side-social ul li:last-child {
  margin-right: 0;
}
.clickable-mainmenu .side-social ul li:before {
  position: absolute;
  right: -20px;
  top: 50%;
  background: #999;
  height: 1px;
  width: 10px;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.clickable-mainmenu .side-social ul li:last-child:before {
  display: none;
}
.clickable-mainmenu .side-social ul li a {
  font-size: 18px;
}
.clickable-mainmenu .side-social ul li a.facebook {
  color: #3b5999;
}
.clickable-mainmenu .side-social ul li a.facebook:hover {
  color: #333;
}
.clickable-mainmenu .side-social ul li a.dribbble {
  color: #ea4c89;
}
.clickable-mainmenu .side-social ul li a.dribbble:hover {
  color: #333;
}
.clickable-mainmenu .side-social ul li a.pinterest {
  color: #bd081c;
}
.clickable-mainmenu .side-social ul li a.pinterest:hover {
  color: #333;
}
.clickable-mainmenu .side-social ul li a.twitter {
  color: #55acee;
}
.clickable-mainmenu .side-social ul li a.twitter:hover {
  color: #333;
}
.clickable-mainmenu .side-social ul li a.linkedin {
  color: #0077b5;
}
.clickable-mainmenu .side-social ul li a.linkedin:hover {
  color: #333;
}

.header-hm-7.stick .clickable-menu {
  margin-top: 19px;
}
.header-hm-7.stick .clickable-menu a {
  color: #282828;
}
.header-hm-7.stick .clickable-menu a:hover {
  color: #ec268f;
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7.stick .clickable-menu {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .header-hm-7.stick .clickable-menu {
    margin-top: 0px;
  }
}

.header-hm-7.stick .logo {
  margin-top: 0.3rem;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7.stick .logo {
    margin-top: 0.3rem;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .header-hm-7.stick .logo {
    margin-top: 0.3rem;
    margin-bottom: 0px;
  }
}

.header-hm-7.stick .header-right-wrap {
  margin-top: 0.3rem;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7.stick .header-right-wrap {
    margin-top: 0.3rem;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .header-hm-7.stick .header-right-wrap {
    margin-top: 2px;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7 .header-right-wrap {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7 .header-right-wrap {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7 .header-right-wrap .same-style.header-search .search-content {
    right: -80px;
  }
}

/* home 8 */
.header-hm8 .header-right-wrap {
  margin-top: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm8 .header-right-wrap {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-hm8 .header-right-wrap {
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.header-hm8 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
  top: 125%;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .header-hm8 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    right: -99px;
  }
}
.header-hm8 .header-right-wrap .same-style .account-dropdown {
  top: 125%;
  margin-top: 0;
  left: -32px;
}
.header-hm8 .header-right-wrap .same-style.header-search .search-content {
  top: 125%;
}
@media only screen and (max-width: 767px) {
  .header-hm8 .header-right-wrap .same-style.header-search .search-content {
    right: -150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-hm8 .header-right-wrap .same-style.header-search .search-content {
    right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm8 .header-res-padding {
    padding: 20px 0 20px;
  }
  .header-hm8 .mean-container a.meanmenu-reveal {
    top: -3rem;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm8 .header-res-padding {
    padding: 20px 0 20px;
  }
  .header-hm8 .mean-container a.meanmenu-reveal {
    top: -3rem;
  }
}

.header-hm8 .stick .logo {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm8 .stick .logo {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .header-hm8 .stick .logo {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm8 .logo {
    text-align: left !important;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm8 .logo {
    text-align: left !important;
  }
}

.header-hm8 .main-menu {
  padding-bottom: 8px;
}
.header-hm8 .main-menu nav ul li > a {
  line-height: 60px;
}

/* home 9 */
.header-hm9 .main-menu nav ul li a {
  line-height: 72px;
}

.header-hm9 .header-top-area {
  padding: 22px 0;
  border-bottom: 1px solid #cecece;
}
.header-hm9 .header-top-area.header-top-border17 {
  border-bottom: 1px solid #9f9f9f;
}

.header-hm9 .header-right-wrap {
  margin-top: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm9 .header-right-wrap {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-hm9 .header-right-wrap {
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .header-hm9 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    right: -97px;
  }
}

.header-hm9 .logo-hm9 {
  margin-top: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm9 .mean-container a.meanmenu-reveal {
    top: -3rem;
  }
  .header-hm9 .header-res-padding {
    padding: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm9 .mean-container a.meanmenu-reveal {
    top: -3rem;
  }
  .header-hm9 .header-res-padding {
    padding: 20px 0 20px;
  }
}

/* header hm10 */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-in-container .header-top-wap {
    display: block;
    margin-bottom: 15px;
    margin-top: 8px;
  }
  .header-in-container .header-top-wap .language-currency-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header-in-container .header-top-wap .header-offer p {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm9 .header-right-wrap .same-style.header-search .search-content {
    right: -142px;
  }
}

/*----- 3. Slider style  ------*/
.slider-height-1 {
  height: 150px;
}
.slider-relative {
  position: relative;
}
.slider-relative .test-slider-button {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.test-slider-button .btn-fucsia{
  background-color: #ec268f;
}
.test-slider-button .btn-fucsia:hover{
  background-color: white;
}
@media only screen and (min-width: 1367px) and (max-width: 2500px) {
  .slider-height-1 {
    height: 750px;
  }
}
@media only screen and (min-width: 1026px) and (max-width: 1366px) {
  .slider-height-1 {
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1025px) {
  .slider-height-1 {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: auto;
  }
  .slider-height-1.slider-height-res15 {
    padding: 0px 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-1 {
    padding: 38px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-1.slider-height-res {
    height: 400px;
    position: relative;
  }
  .slider-height-1.slider-height-res:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: 0.5;
  }
}

.single-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.single-slider .slider-content {
  padding: 183px 0 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content {
    padding: 80px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content {
    padding: 45px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content {
    padding: 0px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content {
    padding: 0px 0 40px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content {
    padding: 0px 0 0px;
    text-align: left;
  }
}
.single-slider .slider-content h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.single-slider .slider-content h1 {
  line-height: 97px;
  font-size: 72px;
  color: #010101;
  margin: 6px 0 37px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content h1 {
    line-height: 65px;
    font-size: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content h1 {
    line-height: 52px;
    font-size: 40px;
    margin: 6px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content h1 {
    line-height: 48px;
    font-size: 33px;
    margin: 6px 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content h1 {
    font-size: 30px;
    margin: 6px 0 10px;
  }
}
.single-slider .slider-content .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content .slider-btn a {
    padding: 15px 35px 17px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content .slider-btn a {
    padding: 15px 35px 17px;
  }
}
.single-slider .slider-content .slider-btn a:hover {
  border: 1px solid #ec268f;
  color: #fff;
}
.single-slider .slider-content.slider-content-10 {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content.slider-content-10 {
    text-align: center;
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content.slider-content-10 {
    text-align: left;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
.single-slider.single-slider-10 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.owl-item .slider-content * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-item.active .slider-animated-1 h3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 h5 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 p {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.slider-single-img img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.single-slider-img4 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.slider-singleimg-hm9 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.slider-singleimg-hm11 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 h3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-2 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-2 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-2.slider-singleimg-hm10 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.nav-style-1.owl-carousel .owl-nav div {
  color: #999;
  display: inline-block;
  font-size: 40px;
  left: 80px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 15px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 15px;
    font-size: 30px;
  }
}
.nav-style-1.owl-carousel .owl-nav div:hover {
  color: #ec268f;
}
.nav-style-1.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 15px;
  }
}

.nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
  font-size: 50px;
  left: -155px;
  color: #8d8c8c;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    left: -80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    left: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    display: none;
  }
}
.nav-style-1.owl-carousel.nav-testi-style .owl-nav div:hover {
  color: #3d6882;
}
.nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
  right: -155px;
  left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
    right: -80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
    right: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
    right: -30px;
  }
}

.nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div {
  left: -80px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div {
    left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div {
    display: none;
  }
}
.nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div.owl-next {
  right: -80px;
  left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg
    .owl-nav
    div.owl-next {
    right: 0px;
    left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg
    .owl-nav
    div.owl-next {
    display: none;
  }
}

.men-clothing {
  background-image: url("../themes/miguardarropa/assets/img/men_clothes/masculina_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 50vh;
  text-align: center;
}
.men-clothing-title {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#men-text-wrapper h3 {
  font-size: 16px !important;
}

@media (min-width: 768px) {
  #men-text-wrapper h3 {
    font-size: 26px !important;
  }
}
.slider-area:hover .nav-style-1.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.slider-area.ml-10 {
  margin-left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-area.ml-70 {
    margin-left: 15px;
  }
  .slider-area.mr-70 {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.ml-70 {
    margin-left: 30px;
  }
  .slider-area.mr-70 {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.ml-70 {
    margin-left: 40px;
  }
  .slider-area.mr-70 {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area.ml-70 {
    margin-left: 15px;
  }
  .slider-area.mr-70 {
    margin-right: 15px;
  }
}

/* slider style-2 */
.slider-content-2 {
  margin-top: -6px;
}
@media only screen and (max-width: 767px) {
  .slider-content-2 {
    text-align: center;
  }
}
.slider-content-2 h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  margin-left: 135px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .slider-content-2 h3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-2 h3 {
    margin-left: 60px;
  }
}
.slider-content-2 h3::before {
  position: absolute;
  left: -135px;
  top: 14px;
  content: "";
  width: 120px;
  height: 2px;
  background-color: #000000;
}
@media only screen and (max-width: 767px) {
  .slider-content-2 h3::before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-2 h3::before {
    display: block;
    left: 80px;
    width: 60px;
  }
}
.slider-content-2 h1 {
  font-size: 72px;
  line-height: 97px;
  color: #010101;
  margin: 6px 0 37px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-2 h1 {
    font-size: 60px;
    line-height: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2 h1 {
    font-size: 56px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2 h1 {
    font-size: 45px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-2 h1 {
    font-size: 35px;
    line-height: 45px;
  }
}
.slider-content-2 .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
  background-color: #eeeff1;
}
@media only screen and (max-width: 767px) {
  .slider-content-2 .slider-btn a {
    padding: 14px 30px 16px;
  }
}
.slider-content-2 .slider-btn a:hover {
  border: 1px solid #ec268f;
  color: #fff;
}
.slider-content-2.slider-content-fruits h3 {
  color: #6eab49;
}
.slider-content-2.slider-content-fruits h3::before {
  background-color: #6eab49;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-2.slider-content-fruits h3::before {
    left: 45px;
  }
}
.slider-content-2.slider-content-fruits h1 {
  font-size: 71px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-2.slider-content-fruits h1 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2.slider-content-fruits h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2.slider-content-fruits h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-2.slider-content-fruits h1 {
    font-size: 30px;
    margin: 6px 0 20px;
  }
}
.slider-content-2.slider-content-fruits .slider-btn a {
  font-size: 16px;
  color: #fff;
  border: 1px solid #6eab49;
  background-color: #6eab49;
}
.slider-content-2.slider-content-fruits .slider-btn a:hover {
  border: 1px solid #ec268f;
  color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-2 {
    background-position: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-2 {
    background-position: 42%;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-2 {
    background-position: 30%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider-2 {
    background-position: 22%;
  }
}

/* home 3 */
.slider-height-2 {
  height: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-2 {
    height: 570px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 400px;
  }
}
.slider-height-2.slider-content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-content-3 h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  position: relative;
  display: inline-block;
}
.slider-content-3 h3::before {
  position: absolute;
  left: -110px;
  top: 16px;
  content: "";
  width: 80px;
  height: 2px;
  background-color: #000000;
}
.slider-content-3 h3::after {
  position: absolute;
  right: -110px;
  top: 16px;
  content: "";
  width: 80px;
  height: 2px;
  background-color: #000000;
}

.slider-content-3 h1 {
  font-size: 72px;
  line-height: 56px;
  margin: 28px 0 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3 h1 {
    font-size: 52px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 h1 {
    font-size: 52px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 35px;
    line-height: 30px;
    margin: 18px 0 13px;
  }
}

.slider-content-3 p {
  font-size: 18px;
  color: #010101;
  margin: 0 0 44px;
}

.slider-content-3 .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
}
.slider-content-3 .slider-btn a:hover {
  border: 1px solid #ec268f;
  color: #fff;
}

.slider-content-3.slider-content-4 {
  margin-left: 112px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-3.slider-content-4 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3.slider-content-4 h1 {
    font-size: 34px;
    line-height: 35px;
    margin: 15px 0 15px;
  }
}
.slider-content-3.slider-content-4 h3:before {
  display: none;
}
.slider-content-3.slider-content-4 h3:after {
  display: none;
}

/* slider hm4 */
.slider-height-3 {
  height: 710px;
}
.slider-height-3 .container {
  margin-right: inherit;
  margin-left: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3 {
    height: 570px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3 {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-3.slider-height-res-hm4 {
    height: 680px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-3.slider-height-res-hm4 {
    height: 400px;
  }
}

.single-slider-img4 {
  position: relative;
  margin: 0 -77px 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-img4 {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-img4 {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-img4 {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-img4 {
    margin: 30px 0 0;
  }
}
.single-slider-img4 .single-price-wrap {
  position: absolute;
  top: 0;
  right: -24px;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img;
  animation-name: bounce-img;
  -webkit-animation-duration: 2.9s;
  animation-duration: 2.9s;
  width: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}
.single-slider-img4 .single-price-wrap img {
  width: 100%;
}
.single-slider-img4 .single-price-wrap .single-price {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 26px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
.single-slider-img4 .single-price-wrap .single-price span {
  display: block;
  line-height: 1;
  font-size: 24px;
  color: #915342;
  font-weight: 600;
}
.single-slider-img4 .single-price-wrap .single-price span.dollar {
  margin-top: 2px;
}

/* slider 5 */
.slider-height-4 {
  height: 750px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-4 {
    height: 600px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-4 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-4 {
    height: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-4 {
    height: 530px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 500px;
  }
}

.slider-content-5 {
  padding-top: 66px;
}
.slider-content-5 h3 {
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 30px;
  margin: 0;
  color: #fff;
}
.slider-content-5 h1 {
  font-weight: 500;
  font-size: 72px;
  margin: 27px 0 22px;
  letter-spacing: 0.5px;
  color: #fff;
  line-height: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-5 h1 {
    font-size: 58px;
    margin: 17px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-5 h1 {
    font-size: 45px;
    margin: 15px 0 15px;
    line-height: 38px;
  }
}
.slider-content-5 p {
  font-size: 18px;
  color: #fff;
  margin: 0 0 45px;
}

.slider-btn-5 a {
  font-size: 16px;
  color: #010101;
  background-color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 17px 40px 18px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.slider-btn-5 a:hover {
  border: none;
  color: #fff;
}

.nav-style-2.owl-carousel > .owl-nav div {
  color: #000;
  display: inline-block;
  font-size: 60px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 65px;
  height: 84px;
  line-height: 94px;
  background-color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-2.owl-carousel > .owl-nav div {
    width: 45px;
    height: 64px;
    line-height: 74px;
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-2.owl-carousel > .owl-nav div {
    width: 45px;
    height: 64px;
    line-height: 74px;
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-2.owl-carousel > .owl-nav div {
    width: 35px;
    height: 50px;
    line-height: 54px;
    font-size: 30px;
  }
}
.nav-style-2.owl-carousel > .owl-nav div:hover {
  color: #fff;
  background-color: #ec268f;
}
.nav-style-2.owl-carousel > .owl-nav div.owl-next {
  left: auto;
  right: 0px;
}

.slider-area:hover .nav-style-2.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.slider-area.ml-10 {
  margin-left: 0;
}

/* slider 6 hm7 */
.slider-height-5 {
  height: 850px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-5 {
    height: 600px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-5 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-5 {
    height: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-5 {
    height: 530px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-5 {
    height: 500px;
  }
}

.slider-content-6 h1 {
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 8px;
  color: #fff;
  margin: 0px;
  line-height: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-6 h1 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-6 h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-6 h1 {
    font-size: 30px;
    line-height: 38px;
  }
}

.slider-content-6 p {
  margin: 32px 0 35px;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-6 p {
    margin: 22px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-6 p {
    margin: 22px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-6 p {
    margin: 18px 0 25px;
  }
}

.nav-style-3.owl-carousel > .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}
.nav-style-3.owl-carousel > .owl-nav div {
  color: #000;
  display: inline-block;
  font-size: 60px;
  left: 0px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 65px;
  height: 84px;
  line-height: 94px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .nav-style-3.owl-carousel > .owl-nav div {
    width: 50px;
    height: 60px;
    font-size: 45px;
    line-height: 67px;
  }
}
.nav-style-3.owl-carousel > .owl-nav div:hover {
  background-color: #ec268f;
  color: #fff;
}

/* slider hm8 */
.slider-height-6 {
  height: 543px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-6 {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-6 {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-6 {
    height: 400px;
  }
}

.slider-hm8 .slider-content-5 {
  padding-top: 0px;
}

.slider-hm8 p {
  margin: 0 0 0px;
}

.owl-dot-style .owl-dots {
  bottom: 26px;
  left: 0px;
  position: absolute;
  right: 0;
  text-align: center;
}
.owl-dot-style .owl-dots .owl-dot {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: 14px;
  margin: 0 8px;
  width: 14px;
  position: relative;
}
.owl-dot-style .owl-dots .owl-dot:before {
  position: absolute;
  content: "";
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid transparent;
  border-radius: 100%;
}
.owl-dot-style .owl-dots .owl-dot.active:before {
  border: 1px solid #fff;
}

/* slider hm9 */
.slider-height-7 {
  height: 950px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-7 {
    height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-7 {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-7 {
    height: auto;
    padding: 230px 0 100px;
  }
}

.slider-h9-mrg {
  margin-top: -35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-h9-mrg {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-h9-mrg {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-h9-mrg {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-7 {
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-7 {
    text-align: left;
  }
}

.slider-content-7 h3 {
  font-size: 16px;
  font-weight: 500;
  color: #313131;
  margin: 0;
  letter-spacing: 0.3px;
  line-height: 1;
}

.slider-content-7 h1 {
  font-size: 48px;
  font-weight: 500;
  color: #313131;
  margin: 17px 0 37px;
  line-height: 65px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-7 h1 {
    font-size: 42px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-7 h1 {
    font-size: 32px;
    margin: 6px 0 22px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-7 h1 {
    font-size: 22px;
    margin: 6px 0 22px;
    line-height: 38px;
  }
}

.slider-content-7 .slider-btn-9 a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-7 .slider-btn-9 a {
    padding: 14px 30px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-7 .slider-btn-9 a {
    padding: 15px 30px 15px;
    font-size: 15px;
  }
}
.slider-content-7 .slider-btn-9 a:hover {
  color: #fff;
  border: 1px solid #ec268f;
}

.slider-content-7.slider-content-mrg-hm17 {
  margin-top: 127px;
}
@media only screen and (max-width: 767px) {
  .slider-content-7.slider-content-mrg-hm17 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-singleimg-hm9 {
    margin-top: 30px;
  }
  .slider-singleimg-hm9.ml-100 {
    margin-left: 20px;
  }
  .slider-singleimg-hm9.mr-100 {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-singleimg-hm9 {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-singleimg-hm9.ml-100 {
    margin-left: 40px;
  }
  .slider-singleimg-hm9.mr-100 {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-singleimg-hm9.ml-100 {
    margin-left: 70px;
  }
  .slider-singleimg-hm9.mr-100 {
    margin-right: 70px;
  }
}

/* slider hm10 */
.slider-height-8 {
  height: 700px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-8 {
    height: 650px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-8 {
    height: 520px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-8 {
    height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-8 {
    height: auto;
    padding: 60px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-singleimg-hm10.ml-40 {
    margin-left: 0;
  }
  .slider-singleimg-hm10.mr-40 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .slider-singleimg-hm10.ml-40 {
    margin-left: 0;
  }
  .slider-singleimg-hm10.mr-40 {
    margin-right: 0;
  }
}

/* home 11 */
.slider-height-9 {
  height: 780px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-9 {
    height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-9 {
    height: 630px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-9 {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-9 {
    height: auto;
    padding: 230px 0 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-9 {
    padding: 230px 0 70px;
  }
}

.slider-content-11 h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  letter-spacing: 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-11 h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-11 h3 {
    font-size: 20px;
  }
}

.slider-content-11 h1 {
  font-size: 72px;
  margin: 0;
  line-height: 97px;
  color: #010101;
  margin: 15px 0 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-11 h1 {
    margin: 5px 0 27px;
    font-size: 52px;
    line-height: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-11 h1 {
    margin: 3px 0 20px;
    font-size: 45px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-11 h1 {
    margin: 3px 0 20px;
    font-size: 40px;
    line-height: 50px;
  }
}

.slider-content-11 .slider-btn-11 a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 19px;
}
.slider-content-11 .slider-btn-11 a:hover {
  border: 1px solid #ec268f;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-11 .slider-btn-11 a {
    padding: 15px 35px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-11 .slider-btn-11 a {
    padding: 12px 30px 12px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-11 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-11.fullpage-content {
    text-align: center;
    width: 100%;
  }
  .slider-content-11.fullpage-content h3 {
    font-size: 16px;
    letter-spacing: 0;
  }
  .slider-content-11.fullpage-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-11.fullpage-content h3 {
    font-size: 17px;
    letter-spacing: 0;
  }
  .slider-content-11.fullpage-content h1 {
    font-size: 35px;
  }
}

.slider-singleimg-hm11 {
  margin: 0 22px 0 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-singleimg-hm11 {
    margin: 0 50px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-singleimg-hm11 {
    margin: 30px 0px 0 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-singleimg-hm11 {
    margin: 0px 0px 0 0px;
  }
}

.slider-h11-mrg {
  margin-bottom: -140px;
}
@media only screen and (max-width: 767px) {
  .slider-h11-mrg {
    margin-bottom: 0px;
  }
}

/* home 12 */
#section2 .fp-tableCell,
#section4 .fp-tableCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#section1 .fp-tableCell,
#section3 .fp-tableCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#section5 .fp-tableCell {
  height: auto !important;
}

#section5 {
  height: auto !important;
}

#fp-nav {
  top: 55%;
}
#fp-nav ul li {
  margin: 7px 7px 10px;
}
#fp-nav ul li a span {
  background: #000;
}
#fp-nav.right {
  right: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fp-nav.right {
    right: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #fp-nav.right {
    right: 25px;
  }
}

.fullpage-slider-mrg {
  margin-top: -34px;
}
@media only screen and (max-width: 767px) {
  .fullpage-slider-mrg {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.fullpage-slider-mrg-2 {
  margin-bottom: -88px;
}
@media only screen and (max-width: 767px) {
  .fullpage-slider-mrg-2 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .fullpage-slider-mrg-2 {
    margin-bottom: -50px;
  }
}

.slider-section.active .slider-animated-1 h3 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.slider-section.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.slider-section.active .slider-animated-1 a {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.slider-section.active .slider-animated-1 img {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@media only screen and (max-width: 767px) {
  .slider12-img-2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.slider12-img-2 img {
  width: 100%;
}

.slider12-img-1 {
  margin: 0 4px 0 6px;
}
.slider12-img-1 img {
  width: 100%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider12-img-1 {
    text-align: center;
  }
  .slider12-img-1 img {
    width: 350px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider12-img-1 {
    text-align: center;
  }
  .slider12-img-1 img {
    width: 350px;
  }
  .slider12-img-2 {
    text-align: center;
  }
  .slider12-img-2 img {
    width: 420px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider12-img-1 {
    text-align: center;
  }
  .slider12-img-1 img {
    width: 330px;
  }
}

@media only screen and (max-width: 767px) {
  .fullpage-wrapper {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  .fullpage-wrapper {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .fullpage-slider-wrap-mrg {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .fullpage-slider-wrap-mrg {
    margin-bottom: 0px;
  }
}

/* home 13 */
.slider-content-13 h5 {
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .slider-content-13 h5 {
    font-size: 22px;
  }
}

.slider-content-13 h1 {
  font-size: 120px;
  font-weight: 600;
  line-height: 120px;
  margin: 34px 0 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-13 h1 {
    font-size: 90px;
    line-height: 90px;
    margin: 24px 0 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-13 h1 {
    font-size: 80px;
    line-height: 90px;
    margin: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-13 h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 15px 0 20px;
  }
}

.slider-content-13 .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 19px;
}
.slider-content-13 .slider-btn a:hover {
  color: #fff;
  border: 1px solid #ec268f;
}

@media only screen and (max-width: 767px) {
  .hm-13-slider {
    background-position: 72%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm-13-slider {
    background-position: 55%;
  }
}

.slider-single-img-14 {
  padding-bottom: 72px;
  margin: 0 23px;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-14 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-14 {
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-single-img-14 {
    padding-bottom: 0px;
    margin: 0 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-single-img-14 {
    padding-bottom: 38px;
    text-align: inherit;
  }
}
.slider-single-img-14 img {
  width: 100%;
}

.slider-height-14 {
  height: 850px;
  padding: 89px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-14 {
    height: 715px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-14 {
    height: 525px;
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-14 {
    height: auto;
    padding: 120px 0 0;
  }
}

.slider-content-14 {
  margin: -90px 0 0;
}
@media only screen and (max-width: 767px) {
  .slider-content-14 {
    margin: 0px 0 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-14 {
    margin: 0px 0 30px;
    text-align: left;
  }
}
.slider-content-14 h3 {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  margin: 0 0 0 150px;
  position: relative;
  letter-spacing: 0.8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-14 h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-14 h3 {
    font-size: 20px;
    margin: 0 0 0 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-14 h3 {
    margin: 0 0 0 60px;
  }
}
.slider-content-14 h3::before {
  position: absolute;
  left: -135px;
  top: 14px;
  content: "";
  width: 120px;
  height: 2px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .slider-content-14 h3::before {
    left: -100px;
    width: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-14 h3::before {
    left: -60px;
    width: 50px;
  }
}
.slider-content-14 h1 {
  color: #fff;
  font-size: 72px;
  line-height: 97px;
  margin: 14px 0 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-14 h1 {
    font-size: 55px;
    line-height: 75px;
    margin: 10px 0 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-14 h1 {
    font-size: 42px;
    line-height: 60px;
    margin: 10px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-14 h1 {
    font-size: 33px;
    line-height: 50px;
    margin: 5px 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-14 h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
.slider-content-14 .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  padding: 20px 50px 19px;
  border: none;
  background-color: #eeeff1;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .slider-content-14 .slider-btn a {
    padding: 16px 30px 15px;
    font-size: 15px;
  }
}
.slider-content-14 .slider-btn a:hover {
  color: #fff;
}

.slider-content-15 h1 {
  color: #fff;
  font-size: 90px;
  font-family: "Abril Fatface", cursive;
  line-height: 115px;
  letter-spacing: 1px;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-15 h1 {
    font-size: 75px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-15 h1 {
    font-size: 70px;
    line-height: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-15 h1 {
    font-size: 60px;
    line-height: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-15 h1 {
    font-size: 38px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-15 h1 {
    font-size: 42px;
    line-height: 65px;
  }
}

.slider-content-15.slider15-mrg-nrg h1 {
  margin-top: -26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-15.slider15-mrg-nrg h1 {
    margin-top: -18px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-15.slider15-mrg-nrg h1 {
    margin-top: -20px;
  }
}

.slider-content-15 .dealy-style-2 {
  margin: 49px 0 43px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-15 .dealy-style-2 {
    margin: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-15 .dealy-style-2 {
    margin: 30px 0 35px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-15 .dealy-style-2 {
    margin: 20px 0 5px;
  }
}
.slider-content-15 .dealy-style-2 span {
  display: inline-block;
  font-size: 48px;
  font-weight: 300;
  color: #fff;
  margin: 0 34px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-15 .dealy-style-2 span {
    margin: 0 25px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-15 .dealy-style-2 span {
    margin: 0 20px 0;
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-15 .dealy-style-2 span {
    margin: 0 20px 20px;
    font-size: 30px;
  }
}
.slider-content-15 .dealy-style-2 span p {
  font-size: 18px;
  font-weight: 500;
  margin: 33px 0 0;
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-15 .dealy-style-2 span p {
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-15 .dealy-style-2 span p {
    margin: 10px 0 0;
  }
}

.slider-content-15 .slider-btn-12 a {
  display: inline-block;
  background-color: #e90042;
  border: 1px solid #e90042;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  font-size: 16px;
  padding: 17px 47px 19px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .slider-content-15 .slider-btn-12 a {
    padding: 13px 30px 15px;
  }
}
.slider-content-15 .slider-btn-12 a:hover {
  border: 1px solid #ec268f;
}

.slider-height-18 {
  height: 460px;
}
@media only screen and (max-width: 767px) {
  .slider-height-18 {
    background-position: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-18.slider-overly-res {
    height: 400px;
    position: relative;
  }
  .slider-height-18.slider-overly-res:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: 0.5;
  }
}

.slider-banner-area {
  margin-top: 163px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-banner-area {
    margin-top: 162px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-banner-area {
    margin-top: 186px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .res-mrg-md-mb {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .res-mrg-md-mb {
    margin-bottom: 30px;
  }
}

/*-------- 4. Support style  -------*/
.support-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.support-wrap .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  margin-right: 20px;
}
.support-wrap .support-icon img {
  width: 100%;
}
.support-wrap .support-content h5 {
  font-size: 18px;
  margin: 0 0 5px;
}
.support-wrap .support-content p {
  color: #666;
  margin: 0;
}
.support-wrap.support-2 {
  margin-left: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support-wrap.support-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap.support-2 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .support-wrap.support-2 {
    margin-left: 0px;
  }
}
.support-wrap.support-2 .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41px;
  flex: 0 0 41px;
}
.support-wrap.support-3 {
  margin-left: 9px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support-wrap.support-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap.support-3 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .support-wrap.support-3 {
    margin-left: 0px;
  }
}
.support-wrap.support-3 .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41px;
  flex: 0 0 41px;
}
.support-wrap.support-4 {
  margin-left: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support-wrap.support-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap.support-4 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .support-wrap.support-4 {
    margin-left: 0px;
  }
}
.support-wrap.support-4 .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
}
.support-wrap:hover .support-icon img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.center-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* support hm3 */
.support-wrap-2 .support-content-2 h5 {
  font-size: 18px;
  color: #494949;
  margin: 15px 0 15px;
  line-height: 24px;
}

.support-wrap-2 .support-content-2 p {
  font-size: 14px;
  color: #6a6a6a;
  margin: 0 auto;
  width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap-2 .support-content-2 p {
    width: 100%;
  }
}

.support-wrap-2:hover .support-content-2 img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.support-wrap-2.support-shape {
  position: relative;
}
.support-wrap-2.support-shape:before {
  position: absolute;
  right: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d5d4d4;
  height: 61px;
  width: 1px;
  content: "";
}

.support-wrap-2.support-shape-2 {
  border: 4px solid #fff;
}

.support-wrap-2.support-shape-3 {
  border: 4px solid #f6f6f6;
}

.support-wrap-2.support-padding-2 {
  padding: 36px 10px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support-wrap-2.support-padding-2 {
    padding: 36px 5px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .support-wrap-2.support-padding-2 {
    padding: 36px 6px 30px;
  }
}

.support-bg-color-1 {
  background-color: #ccfbe9;
}

.support-bg-color-2 {
  background-color: #f2fbcc;
}

.support-bg-color-3 {
  background-color: #ddfbcc;
}

.support-wrap-3 {
  position: relative;
  padding: 30px 10px 24px;
  overflow: hidden;
}
.support-wrap-3 .support-icon-2 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.support-wrap-3 .support-content-3 p {
  color: #000000;
  margin: 4px 0 0;
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .support-wrap-3 .support-content-3 p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .support-wrap-3 .support-content-3 p {
    font-size: 14px;
  }
}
.support-wrap-3:hover .support-icon-2 img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada;
}

@media only screen and (max-width: 767px) {
  .support-area.pt-80 {
    padding-top: 30px;
  }
}

/*------- 5. Section title style  -------*/
@media only screen and (max-width: 767px) {
  .section-title.mb-50 {
    margin-bottom: 30px;
  }
}

.section-title h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 0;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .section-title h2.mb-50 {
    margin-bottom: 30px;
  }
}
.section-title h2::before {
  position: absolute;
  content: "";
  left: -100px;
  background-color: #000;
  width: 80px;
  height: 2px;
  top: 17px;
}
@media only screen and (max-width: 767px) {
  .section-title h2::before {
    left: -40px;
    width: 30px;
  }
}
.section-title h2::after {
  position: absolute;
  content: "";
  right: -100px;
  background-color: #000;
  width: 80px;
  height: 2px;
  top: 17px;
}
@media only screen and (max-width: 767px) {
  .section-title h2::after {
    right: -40px;
    width: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title.mb-55 {
    margin-bottom: 30px;
  }
}

.section-title-2 h2 {
  font-size: 30px;
  color: #000000;
  font-weight: 600;
  margin: 0 0 15px;
  padding: 0 0 15px;
  position: relative;
  display: inline-block;
}
.section-title-2 h2:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 80px;
  height: 2px;
  background-color: #000000;
}

.section-title-2 p {
  color: #333;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .section-title-2.mb-60 {
    margin-bottom: 30px;
  }
}

.section-title-3 h4 {
  font-weight: 500;
  color: #000000;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .section-title-3.mb-40 {
    margin-bottom: 20px;
  }
}

.section-border {
  margin-right: 94px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-border {
    margin-right: 0px;
  }
}
.section-border::before {
  background-color: #d2d2d2;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 11px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-border::before {
    display: none;
  }
}

.section-title-4 {
  position: relative;
  z-index: 999;
}
.section-title-4 h3 {
  font-weight: 600;
  color: #242424;
  font-size: 20px;
  letter-spacing: -0.25px;
  margin: 0;
  line-height: 1;
  padding-right: 45px;
}
@media only screen and (max-width: 767px) {
  .section-title-4 h3 {
    padding-right: 0px;
  }
}

.section-title-5 h2 {
  color: #010101;
  font-size: 48px;
  margin: 0;
  line-height: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-5 h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-5 h2 {
    font-size: 30px;
    line-height: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-5.mb-60 {
    margin-bottom: 30px;
  }
}

/*------- 6. Product style  --------*/
.product-area {
  position: relative;
}

.product-tab-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .product-tab-list.pt-20,
  .product-tab-list.pt-55 {
    padding: 10px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list.pt-35,
  .product-tab-list.pt-60 {
    padding: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab-list.pt-35,
  .product-tab-list.pt-60 {
    padding: 10px 0 10px;
  }
}
.product-tab-list a {
  margin: 0 11px;
}
@media only screen and (max-width: 767px) {
  .product-tab-list a {
    margin: 0 11px 5px;
  }
}

.product-tab-list a h4 {
  font-weight: 500;
  font-size: 18px;
  color: #555;
  margin: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-tab-list a h4:hover {
  color: #000;
}
.product-tab-list a.active h4 {
  color: #000;
}
.product-tab-list.product-tab-fruits a h4 {
  color: #000000;
  border-bottom: 2px solid transparent;
}
.product-tab-list.product-tab-fruits a h4:hover {
  color: #6eab49;
}
.product-tab-list.product-tab-fruits a.active h4 {
  color: #6eab49;
  border-bottom: 2px solid #6eab49;
}
.product-tab-list.product-tab-pink a h4 {
  color: #000000;
  border-bottom: 2px solid transparent;
}
.product-tab-list.product-tab-pink a h4:hover {
  color: #e90042;
}
.product-tab-list.product-tab-pink a.active h4 {
  color: #e90042;
  border-bottom: 2px solid #e90042;
}
.product-tab-list.product-tab-pink2 a h4 {
  color: #000000;
  border-bottom: 2px solid transparent;
}
.product-tab-list.product-tab-pink2 a h4:hover {
  color: #ff58b1;
}
.product-tab-list.product-tab-pink2 a.active h4 {
  color: #ff58b1;
  border-bottom: 2px solid ed59a0e90042;
}

.product-wrap {
  position: relative;
}
.product-wrap .product-img {
  position: relative;
  overflow: hidden;
  transition: ease 1s;
}
.product-wrap .product-img img {
  width: 100%;
  height: 350px;
  object-fit: contain;
  /* border: 1px solid rgb(226, 226, 226); */
  border-radius: 5px;
  transition: ease 0.4s;
}
.product-wrap .product-img span {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
}
.product-wrap .product-img span.pink {
  background-color: #ff58b1;
}
.product-wrap .product-img span.purple {
  background-color: #ec268f;
}
.product-wrap .product-img .hover-img {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.product-wrap .product-img .product-action {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  z-index: 9;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}
.product-wrap .product-img .product-action > div {
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  background-color: #ec268f;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product-wrap .product-img .product-action > div:hover {
  background-color: #000;
}
.product-wrap .product-img .product-action .pro-wishlist {
  width: 48px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.product-wrap .product-img .product-action .pro-cart {
  font-size: 14px;
  width: 100%;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.product-wrap .product-img .product-action .pro-quickview {
  width: 48px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.product-wrap .product-img .product-action .pro-same-action a {
  color: #fff;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
}
.product-wrap .product-img .product-action .pro-same-action.pro-wishlist a,
.product-wrap .product-img .product-action .pro-same-action.pro-quickview a {
  margin-top: 2px;
}
.product-wrap .product-content {
  margin: 20px 0 0;
}
.product-wrap .product-content h3 {
  font-size: 14px;
  margin: 0;
  min-height: 60px;
  margin: 25px 10px;
}
.product-wrap .product-content .product-rating {
  margin: 3px 0 3px;
}
.product-wrap .product-content .product-rating i {
  font-size: 17px;
  color: #5f5d5d;
  margin: 0 3px;
}
.product-wrap .product-content .product-rating i.yellow {
  color: #ffa900;
}
/* .product-wrap .product-content a {
            
          } */
.product-wrap .product-content .product-price span {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  margin: 0 9px;
  position: relative;
}
.product-wrap .product-content .product-price span::before {
  position: absolute;
  content: "";
  right: -13px;
  top: 10px;
  width: 7px;
  height: 2px;
  background-color: #000;
}
.product-wrap .product-content .product-price span:last-child:before {
  display: none;
}
.product-wrap .product-content .product-price span.old {
  color: #8e8e8e;
  text-decoration: line-through;
}

.product-wrap:hover .default-img {
  opacity: 0;
  visibility: invisible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(0, 50%);
}
.product-wrap:hover .hover-img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.product-wrap:hover .product-action > div {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* .product-img:hover {
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
} */

.modal-dialog {
  margin: 8% auto;
  max-width: 960px;
  width: 960px;
  padding: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 720px;
    max-width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 35px 0;
  }
}
.modal-dialog .modal-header .close {
  color: #333;
  cursor: pointer;
  opacity: 1;
}
.modal-dialog .modal-header .close:hover {
  color: #ec268f;
}
.modal-dialog .modal-body {
  padding: 35px 15px;
}
.modal-dialog .quickview-big-img img {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.ml-70 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.ml-70 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.ml-70 {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.quickview-content {
    margin-top: 30px;
  }
}

.product-details-content h2 {
  color: #010101;
  font-size: 24px;
  margin: 0 0 0px;
  line-height: 1;
}

.product-details-content .product-details-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0 26px;
}
.product-details-content .product-details-price span {
  font-size: 24px;
  color: #fe5252;
}
.product-details-content .product-details-price span.old {
  color: #333;
  font-size: 18px;
  text-decoration: line-through;
  margin-left: 20px;
}

.product-details-content .pro-details-rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 17px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating {
  position: relative;
  margin-right: 39px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating:before {
  position: absolute;
  right: -19px;
  top: 4px;
  content: "";
  height: 15px;
  width: 2px;
  background-color: #d1d1d1;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating i {
  color: #5f5d5d;
  font-size: 17px;
  margin-right: 5px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating i.yellow {
  color: #ffa900;
}
.product-details-content .pro-details-rating-wrap span a {
  font-size: 15px;
  color: #ec268f;
}
.product-details-content .pro-details-rating-wrap span a:hover {
  color: #000;
}

.product-details-content p {
  font-size: 15px;
  line-height: 28px;
  color: #333;
  margin: 0;
}

.product-details-content .pro-details-list {
  margin: 20px 0 34px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 37px;
}
.product-details-content .pro-details-list ul li {
  color: #333;
  margin: 0 0 5px;
}
.product-details-content .pro-details-list ul li:last-child {
  margin: 0;
}

.product-details-content .pro-details-size-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size-color {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-details-size-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-details-content .pro-details-size-color .pro-details-color-wrap {
  margin-right: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size-color .pro-details-color-wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-details-size-color .pro-details-color-wrap {
    margin-bottom: 0px;
  }
}
.product-details-content .pro-details-size-color .pro-details-color-wrap span {
  display: block;
  font-weight: 500;
  margin: 0 0 15px;
  font-size: 15px;
}
.product-details-content
  .pro-details-size-color
  .pro-details-color-wrap
  .pro-details-color-content
  ul
  li {
  border-radius: 50px;
  cursor: pointer;
  display: block;
  float: left;
  height: 14px;
  margin-right: 15px;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 14px;
}
.product-details-content
  .pro-details-size-color
  .pro-details-color-wrap
  .pro-details-color-content
  ul
  li:last-child {
  margin-right: 0px;
}
.product-details-content
  .pro-details-size-color
  .pro-details-color-wrap
  .pro-details-color-content
  ul
  li.color {
  border: 1px solid #c0c0c0;
}
.product-details-content .pro-details-size-color .pro-details-size span {
  display: block;
  font-weight: 500;
  margin: 0 0 10px;
  font-size: 15px;
}
.product-details-content
  .pro-details-size-color
  .pro-details-size
  .pro-details-size-content
  ul
  li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 2px 0 0;
}
.product-details-content
  .pro-details-size-color
  .pro-details-size
  .pro-details-size-content
  ul
  li
  a {
  background-color: #f1f2f6;
  color: #000;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 6px 9px 7px;
  text-transform: uppercase;
}
.product-details-content
  .pro-details-size-color
  .pro-details-size
  .pro-details-size-content
  ul
  li
  a:hover {
  background-color: #ec268f;
  color: #fff;
}

.product-details-content .pro-details-quality {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 34px;
}
.product-details-content .pro-details-quality .cart-plus-minus {
  border: 1px solid #e8e8e8;
  display: inline-block;
  height: 60px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 80px;
}
.product-details-content .pro-details-quality .cart-plus-minus .qtybutton {
  color: #8f8f8f;
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24px;
}
.product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {
  height: 60px;
  left: 0;
  padding-top: 20px;
  top: 0;
}
.product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {
  height: 60px;
  padding-top: 20px;
  right: 0;
  top: 0;
}
.product-details-content
  .pro-details-quality
  .cart-plus-minus
  input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #8f8f8f;
  float: left;
  font-size: 14px;
  height: 60px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 80px;
}
.product-details-content .pro-details-quality .pro-details-cart {
  margin: 0 25px 0 10px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-cart {
    margin: 0 10px 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-quality .pro-details-cart {
    margin: 0 17px 0 10px;
  }
}
.product-details-content .pro-details-quality .pro-details-cart a {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #343538;
  display: inline-block;
  line-height: 1;
  padding: 23px 38px 23px;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-cart a {
    padding: 23px 12px 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-quality .pro-details-cart a {
    padding: 22px 22px 22px;
  }
}
.product-details-content .pro-details-quality .pro-details-cart a:hover {
  border: none;
}
.product-details-content .pro-details-quality .pro-details-wishlist a {
  font-size: 18px;
  color: #000;
}
.product-details-content .pro-details-quality .pro-details-wishlist a:hover {
  color: #ec268f;
}
.product-details-content .pro-details-quality .pro-details-compare a {
  font-size: 18px;
  color: #000;
  margin-left: 25px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-compare a {
    margin-left: 10px;
  }
}
.product-details-content .pro-details-quality .pro-details-compare a:hover {
  color: #ec268f;
}

.product-details-content .pro-details-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
.product-details-content .pro-details-meta span {
  font-size: 15px;
  color: #676767;
  margin-right: 5px;
}
.product-details-content .pro-details-meta ul li {
  display: inline-block;
  margin: 0 3px 0 0;
}
.product-details-content .pro-details-meta ul li a {
  color: #676767;
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-meta ul li a {
    font-size: 14px;
  }
}
.product-details-content .pro-details-meta ul li a:hover {
  color: #ec268f;
}

.product-details-content .pro-details-social {
  margin: 24px 0 0;
}
.product-details-content .pro-details-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details-content .pro-details-social ul li {
  margin-right: 40px;
}
.product-details-content .pro-details-social ul li:last-child {
  margin-right: 0px;
}
.product-details-content .pro-details-social ul li a {
  font-size: 16px;
  color: #343538;
}
.product-details-content .pro-details-social ul li a:hover {
  color: #ec268f;
}

@media only screen and (max-width: 767px) {
  .product-details-content.pro-details-slider-content.mt-50 {
    margin-top: 30px;
  }
}

.product-details-content.pro-details-slider-content .product-details-price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-details-content.pro-details-slider-content p {
  width: 59%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.pro-details-slider-content p {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.pro-details-slider-content p {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.pro-details-slider-content p {
    width: 100%;
  }
}

.product-details-content.pro-details-slider-content .pro-details-rating-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-details-content.pro-details-slider-content .pro-details-size-color {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .product-details-content.pro-details-slider-content .pro-details-size-color {
    text-align: center;
  }
  .product-details-content.pro-details-slider-content
    .pro-details-size-color
    .pro-details-color-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-details-content.pro-details-slider-content .pro-details-quality {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-details-content.pro-details-slider-content .pro-details-meta {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-details-content.pro-details-slider-content .pro-details-social ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div {
  font-size: 20px;
  color: #333;
  left: 0px;
}
.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div:hover {
  color: #ec268f;
}
.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div.owl-next {
  right: 0px;
  left: auto;
}

.quickview-wrap:hover .nav-style-1.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/*  prodduct 2     */
.tab-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .tab-filter-wrap {
    display: block;
  }
  .tab-filter-wrap.mb-60 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tab-filter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tab-filter-wrap.mb-60 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-2 {
    margin: 0 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list-2 {
    margin: 0 0 0px;
  }
}

.product-tab-list-2 a {
  display: inline-block;
  margin-right: 23px;
}
@media only screen and (max-width: 767px) {
  .product-tab-list-2 a {
    margin: 0 23px 10px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list-2 a {
    margin: 0 23px 0px 0;
  }
}
.product-tab-list-2 a:last-child {
  margin-right: 0;
}
.product-tab-list-2 a h4 {
  color: #555;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  border-bottom: 2px solid transparent;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-tab-list-2 a h4:hover {
  color: #000000;
}
.product-tab-list-2 a.active h4 {
  color: #000000;
  border-bottom: 2px solid #000000;
}

.filter-active {
  position: relative;
}
.filter-active a {
  font-weight: 500;
  font-size: 18px;
  color: #010101;
}
.filter-active a:hover {
  color: #ec268f;
}
.filter-active a i {
  font-size: 14px;
}

.product-filter-wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 60px;
  padding: 45px 45px 7px;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-filter-wrapper {
    padding: 35px 25px 7px;
  }
}
@media only screen and (max-width: 767px) {
  .product-filter-wrapper {
    padding: 35px 25px 7px;
  }
}
.product-filter-wrapper .product-filter h5 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-bottom: 7px;
  position: relative;
  text-transform: capitalize;
}
.product-filter-wrapper .product-filter h5::before {
  background-color: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 20px;
}
.product-filter-wrapper .product-filter ul.sort-by li {
  margin-bottom: 3px;
}
.product-filter-wrapper .product-filter ul.sort-by li:last-child {
  margin-bottom: 0;
}
.product-filter-wrapper .product-filter ul.color-filter li {
  margin-bottom: 6px;
}
.product-filter-wrapper .product-filter ul.color-filter li:last-child {
  margin-bottom: 0px;
}
.product-filter-wrapper .product-filter ul.color-filter li input {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin: 3px 8px 0 0;
}
.product-filter-wrapper .product-filter ul.color-filter li a {
  text-transform: capitalize;
}
.product-filter-wrapper .product-filter .product-tags ul li {
  margin-bottom: 4px;
}
.product-filter-wrapper .product-filter .product-tags ul li a {
  text-transform: capitalize;
}

.price-filter .price-slider-amount input {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 16px;
  font-weight: 500;
}

.price-filter #slider-range {
  background: #dbdbdb none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  height: 5px;
  margin-bottom: 12px;
  margin-left: auto;
}
.price-filter #slider-range span {
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.price-filter #slider-range .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #ec268f none repeat scroll 0 0;
  border: none;
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.price-filter #slider-range .ui-slider-handle {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 15px;
  margin-left: 0;
  width: 15px;
  border: 4px solid #ec268f;
}

.tab-content.jump .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.tab-content.jump .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

.product-wrap-2 {
  position: relative;
}
.product-wrap-2 .product-img {
  position: relative;
}
.product-wrap-2 .product-img img {
  width: 100%;
}
.product-wrap-2 .product-img span {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 20px;
  right: 20px;
}
.product-wrap-2 .product-img span.pink {
  color: #fa6bff;
}
.product-wrap-2 .product-img span.red {
  color: #ff3d2a;
}
.product-wrap-2 .product-img span.purple {
  color: #ec268f;
}
.product-wrap-2 .product-img .default-img {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.product-wrap-2 .product-img .hover-img {
  position: absolute;
  top: 0px;
  visibility: hidden;
  left: 0px;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.product-wrap-2 .product-img .product-action-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.product-wrap-2 .product-img .product-action-2 a {
  display: inline-block;
  line-height: 1;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  background-color: #ec268f;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  margin: 0 3px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.product-wrap-2 .product-img .product-action-2 a:hover {
  background-color: #fa6bff;
}
.product-wrap-2 .product-img .product-action-2.product-action-2-red a {
  background-color: #df262b;
}
.product-wrap-2 .product-img .product-action-2.product-action-2-red a:hover {
  background-color: #ec268f;
}
.product-wrap-2 .product-content-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 0;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 {
  margin: 0 0 6px;
  line-height: 1;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a {
  font-size: 16px;
  color: #000000;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a:hover {
  color: #ec268f;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span {
  font-size: 15px;
  color: #000000;
  margin-right: 17px;
  position: relative;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span.old {
  color: #fa6bff;
  text-decoration: line-through;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span.old.red {
  color: #ff3d2a;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span::before {
  position: absolute;
  content: "";
  right: -13px;
  top: 10px;
  width: 6px;
  height: 2px;
  background-color: #a5a5a5;
}
.product-wrap-2
  .product-content-2
  .title-price-wrap-2
  .price-2
  span:last-child:before {
  display: none;
}
.product-wrap-2 .product-content-2 .pro-wishlist-2 a {
  font-size: 16px;
  color: #929292;
  margin: 4px 0 0 10px;
  display: inline-block;
}
.product-wrap-2 .product-content-2 .pro-wishlist-2 a:hover {
  color: #ec268f;
}
.product-wrap-2:hover .hover-img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.product-wrap-2:hover .default-img {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: hidden;
}
.product-wrap-2:hover .product-action-2 a {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.product-wrap-2.pro-glaucous-color .product-img span.glaucous {
  color: #3d6882;
}
.product-wrap-2.pro-glaucous-color .product-img .product-action-2 a {
  background-color: #3d6882;
}
.product-wrap-2.pro-glaucous-color .product-img .product-action-2 a:hover {
  background-color: #fff;
  color: #000;
}
.product-wrap-2.pro-glaucous-color .product-content-2 .pro-wishlist-2 a:hover {
  color: #3d6882;
}
.product-wrap-2.pro-glaucous-color
  .product-content-2
  .title-price-wrap-2
  h3
  a:hover {
  color: #3d6882;
}
.product-wrap-2.pro-glaucous-color
  .product-content-2
  .title-price-wrap-2
  .price-2
  span.old {
  color: #3d6882;
}

/* product hm3 */
.section-padding-1 .container-fluid {
  padding: 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-1 .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-1 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}

/* product hm4 */
.hm4-section-padding .container-fluid {
  padding: 0 70px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .hm4-section-padding .container-fluid {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hm4-section-padding .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hm4-section-padding .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hm4-section-padding .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .hm4-section-padding .container-fluid {
    padding: 0 15px;
  }
}

.toggle-item-active,
.toggle-item-active2,
.toggle-item-active3,
.toggle-item-active4,
.toggle-item-active5,
.toggle-item-active6 {
  display: none;
}

.view-more {
  display: block;
  text-align: center;
  width: 100%;
}
.view-more a {
  color: #555;
  font-weight: 500;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
  line-height: 1;
  padding-bottom: 2px;
  text-align: center;
}
.view-more a:hover {
  color: #ec268f;
  border-bottom: 1px solid #ec268f;
}
@media only screen and (max-width: 767px) {
  .view-more.mt-20 {
    margin-top: 0;
  }
}

/* product hm5 */
.hm5-section-padding .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}
@media only screen and (max-width: 767px) {
  .hm5-section-padding .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.hm5-section-padding .row {
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .hm5-section-padding .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.hm5-section-padding div[class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .hm5-section-padding div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.product-wrap-3 {
  position: relative;
}
.product-wrap-3 .product-img {
  position: relative;
}
.product-wrap-3 .product-img a img {
  width: 100%;
}
.product-wrap-3 .product-img > span {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
  z-index: 99;
}
.product-wrap-3 .product-img > span.pink {
  background-color: #fa6bff;
}
.product-wrap-3 .product-img > span.purple {
  background-color: #ec268f;
}
.product-wrap-3 .product-content-3-wrap {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 90%;
  height: 90%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  top: 5%;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  z-index: 8;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}
.product-wrap-3 .product-content-3-wrap .product-content-3 {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .product-title h3 {
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 {
  margin: 10px 0 20px;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 span {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 0 9px;
  position: relative;
}
.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .price-3
  span::before {
  position: absolute;
  content: "";
  right: -13px;
  top: 10px;
  width: 7px;
  height: 2px;
  background-color: #000;
}
.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .price-3
  span:last-child::before {
  display: none;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 span.old {
  color: #8e8e8e;
  text-decoration: line-through;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .product-action-3 a {
  display: inline-block;
  line-height: 1;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  background-color: #ec268f;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  margin: 0 3px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .product-action-3
  a:hover {
  background-color: #fa6bff;
}
.product-wrap-3:hover .product-content-3-wrap {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* product hm6 */
.hm6-section-padding .container-fluid {
  padding-right: 70px;
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hm6-section-padding .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hm6-section-padding .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hm6-section-padding .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hm6-section-padding .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.hm6-section-padding .row {
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .hm6-section-padding .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.hm6-section-padding div[class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .hm6-section-padding div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.product-wrap-4 {
  position: relative;
  overflow: hidden;
}
.product-wrap-4 a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.product-wrap-4 .position-1 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 75px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .position-1 {
    bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .position-1 {
    bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .position-1 {
    bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .position-1 {
    bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-4 .position-1 {
    bottom: 30px;
  }
}
.product-wrap-4 .position-2 {
  position: absolute;
  left: 60px;
  bottom: 55px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .position-2 {
    bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .position-2 {
    bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .position-2 {
    bottom: 30px;
    left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .position-2 {
    bottom: 30px;
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-4 .position-2 {
    bottom: 30px;
    left: 20px;
  }
}
.product-wrap-4 .position-3 {
  position: absolute;
  top: 51px;
  left: 0;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .position-3 {
    top: 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .position-3 {
    top: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .position-3 {
    top: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .position-3 {
    top: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-4 .position-3 {
    top: 22px;
  }
}
.product-wrap-4 .product-content-4 h4 {
  font-size: 30px;
  margin: 0 0 12px;
  line-height: 38px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 22px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 20px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 20px;
    line-height: 23px;
  }
}
.product-wrap-4 .product-content-4 .price-4 span {
  font-size: 18px;
  color: #000000;
  position: relative;
  margin: 0 24px 0 0;
}
.product-wrap-4 .product-content-4 .price-4 span:before {
  position: absolute;
  content: "";
  right: -17px;
  top: 12px;
  width: 7px;
  height: 2px;
  background-color: #6b6264;
}
.product-wrap-4 .product-content-4 .price-4 span:last-child:before {
  display: none;
}
.product-wrap-4 .product-content-4 .price-4 span.old {
  color: #fa6bff;
  text-decoration: line-through;
}
.product-wrap-4 .product-content-4 .price-4.price-4-center span {
  margin: 0 12px;
}
.product-wrap-4:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.width-50-percent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.width-30-percent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

/* product home 8*/
.collection-product .collection-img {
  overflow: hidden;
}
.collection-product .collection-img a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.collection-product .collection-content {
  margin: 23px 0 0;
}
.collection-product .collection-content span {
  font-weight: 500;
}
.collection-product .collection-content h4 {
  margin: 4px 0 0;
  line-height: 1;
}
.collection-product .collection-content h4 a {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
}
.collection-product .collection-content h4 a:hover {
  color: #ec268f;
}

.collection-product:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.product-wrap-5 {
  position: relative;
}
.product-wrap-5 .product-img {
  position: relative;
}
.product-wrap-5 .product-img a img {
  width: 100%;
}
.product-wrap-5 .product-img span {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
}
.product-wrap-5 .product-img span.purple {
  background-color: #ec268f;
}
.product-wrap-5 .product-img span.pink {
  background-color: #fa6bff;
}
.product-wrap-5 .product-action-4 {
  background: none repeat scroll 0 0 #ec268f;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 1;
  padding: 10px;
  position: absolute;
  text-align: center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999;
}
.product-wrap-5 .product-action-4 .pro-same-action {
  margin: 0 2px;
}
.product-wrap-5 .product-action-4 .pro-same-action a {
  display: inline-block;
  line-height: 1;
  width: 35px;
  height: 35px;
  line-height: 36px;
  font-size: 16px;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 50px;
  margin: 0 3px;
}
.product-wrap-5 .product-action-4 .pro-same-action a:hover {
  background-color: #fa6bff;
  color: #fff;
}
.product-wrap-5 .product-content-5 {
  margin-top: 28px;
}
.product-wrap-5 .product-content-5 h3 {
  font-size: 16px;
  margin: 0 0 5px;
  line-height: 17px;
}
.product-wrap-5 .product-content-5 h3 a {
  color: #000;
}
.product-wrap-5 .product-content-5 h3 a:hover {
  color: #ec268f;
}
.product-wrap-5 .product-content-5 .price-5 span {
  font-size: 15px;
  color: #000000;
  margin: 0 8px;
  position: relative;
}
.product-wrap-5 .product-content-5 .price-5 span:before {
  position: absolute;
  content: "";
  right: -13px;
  top: 10px;
  width: 6px;
  height: 2px;
  background-color: #a5a5a5;
}
.product-wrap-5 .product-content-5 .price-5 span:last-child:before {
  display: none;
}
.product-wrap-5 .product-content-5 .price-5 span.old {
  color: #fa6bff;
  text-decoration: line-through;
}
.product-wrap-5:hover .product-action-4 {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

/* product home 9*/
.collection-wrap-2 {
  margin-top: -175px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .collection-wrap-2 {
    margin-top: -97px;
  }
}
@media only screen and (max-width: 767px) {
  .collection-wrap-2 {
    margin-top: -80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .collection-wrap-2 {
    margin-top: -70px;
  }
}

.collection-product-2 {
  position: relative;
  overflow: hidden;
}
.collection-product-2 a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.collection-product-2 .collection-content-2 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 30px;
}
.collection-product-2 .collection-content-2 span {
  font-size: 14px;
  font-weight: 500;
}
.collection-product-2 .collection-content-2 h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 5px 0 0;
  line-height: 21px;
}
.collection-product-2:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* product hm9 */
.hm9-section-padding .container-fluid {
  padding-right: 70px;
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hm9-section-padding .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hm9-section-padding .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hm9-section-padding .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hm9-section-padding .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm9-section-padding .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.hm9-section-padding .custom-row-4 {
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .hm9-section-padding .custom-row-4 {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm9-section-padding .custom-row-4 {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.hm9-section-padding div[class^="custom2-"] {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .hm9-section-padding div[class^="custom2-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm9-section-padding div[class^="custom2-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.custom-row-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.custom2-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  min-height: 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/*------- home 14 ----------*/
.product-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .product-top-bar {
    display: block;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    text-align: center;
  }
}

.product-tab-list-3 {
  margin: 4px 0 0;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .product-tab-list-3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0 0;
  }
}
.product-tab-list-3 a {
  margin-left: 24px;
}
.product-tab-list-3 a.active h4 {
  color: #242424;
}
.product-tab-list-3 a:first-child {
  margin-left: 45px;
}
@media only screen and (max-width: 767px) {
  .product-tab-list-3 a:first-child {
    margin-left: 0px;
  }
}
.product-tab-list-3 a h4 {
  font-size: 14px;
  color: #878787;
  margin: 0;
  line-height: 1;
}

.product-slider-active .owl-nav {
  position: absolute;
  right: 0;
  top: -85px;
}
@media only screen and (max-width: 767px) {
  .product-slider-active .owl-nav {
    right: 0;
    left: 0;
    top: -45px;
    text-align: center;
  }
}
.product-slider-active .owl-nav div {
  display: inline-block;
  width: 35px;
  height: 35px;
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  border-radius: 5px;
  color: #c6c6c6;
  border: 1px solid #d2d2d2;
  background-color: #f9f9f9;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .product-slider-active .owl-nav div {
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 23px;
  }
}
.product-slider-active .owl-nav div:hover {
  color: #fff;
  border: 1px solid #ff3d2a;
  background-color: #ff3d2a;
}
.product-slider-active .owl-nav div.owl-next {
  margin-left: 3px;
}

.pro-view-more {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .pro-view-more {
    margin-top: 0px;
  }
}
.pro-view-more a {
  display: inline-block;
  font-size: 16px;
  color: #828282;
  text-transform: uppercase;
  line-height: 1;
  padding: 20px 35px 19px;
  border: 1px solid #d2d2d2;
}
.pro-view-more a i {
  margin-right: 10px;
}
.pro-view-more a:hover {
  background-color: #df262b;
  color: #fff;
  border: 1px solid #df262b;
}

.bg-png-1 {
  position: absolute;
  top: 0;
  left: 78px;
}
@media only screen and (max-width: 767px) {
  .bg-png-1 {
    display: none;
  }
}

.funfact-area {
  position: relative;
}

.bg-png-2 {
  position: absolute;
  top: 0;
  right: 550px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .bg-png-2 {
    right: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bg-png-2 {
    right: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-png-2 {
    right: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-png-2 {
    right: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .bg-png-2 {
    display: none;
  }
}

.blog-wrap .blog-img {
  position: relative;
  overflow: hidden;
}
.blog-wrap .blog-img img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.blog-wrap .blog-img span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 2px 10px 5px;
}
.blog-wrap .blog-img span.pink {
  background-color: #fa6bff;
}
.blog-wrap .blog-img span.purple {
  background-color: #ec268f;
}

.blog-wrap .blog-content-wrap {
  text-align: center;
}
.blog-wrap .blog-content-wrap .blog-content {
  display: inline-block;
  background-color: #fff;
  padding: 14px 44px;
  margin: -64px 0 0;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-content-wrap .blog-content {
    padding: 14px 30px;
    margin: -50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content-wrap .blog-content {
    padding: 14px 30px;
    margin: -50px 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-content-wrap .blog-content {
    padding: 14px 15px;
  }
}
.blog-wrap .blog-content-wrap .blog-content h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-content-wrap .blog-content h3 {
    font-size: 18px;
    line-height: 27px;
  }
}
.blog-wrap .blog-content-wrap .blog-content span {
  color: #666;
  font-style: italic;
}
.blog-wrap .blog-content-wrap .blog-content span a {
  color: #666;
}
.blog-wrap .blog-content-wrap .blog-content span a:hover {
  color: #ec268f;
}

.blog-wrap:hover .blog-img img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* blog page */
.blog-wrap-2 {
  -webkit-box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
  box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
}
.blog-wrap-2 .blog-img-2 {
  overflow: hidden;
  position: relative;
}
.blog-wrap-2 .blog-img-2 a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.blog-wrap-2 .blog-img-2 .video-icon {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-wrap-2 .blog-img-2 .video-icon a {
  background-color: #ff0000;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  height: 60px;
  line-height: 61px;
  width: 60px;
}
.blog-wrap-2 .blog-img-2 .video-icon a:hover {
  background-color: #ec268f;
}
.blog-wrap-2 .blog-content-2 {
  padding: 25px 30px 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap-2 .blog-content-2 {
    padding: 25px 20px 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap-2 .blog-content-2 {
    padding: 25px 20px 34px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrap-2 .blog-content-2 {
    padding: 20px 15px 29px;
  }
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li {
  color: #333;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  list-style: outside none none;
  margin: 0 17px 0 0;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li::before {
  background-color: #555;
  content: "";
  height: 2px;
  position: absolute;
  right: -13px;
  top: 6px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 5px;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li:last-child::before {
  display: none;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li a {
  color: #555;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li a:hover {
  color: #ec268f;
}
.blog-wrap-2 .blog-content-2 h4 {
  font-size: 22px;
  font-weight: 500;
  margin: 10px 0 20px;
  color: #333;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap-2 .blog-content-2 h4 {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap-2 .blog-content-2 h4 {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrap-2 .blog-content-2 h4 {
    font-size: 17px;
    margin: 10px 0 12px;
  }
}
.blog-wrap-2 .blog-content-2 h4 a {
  color: #333;
}
.blog-wrap-2 .blog-content-2 h4 a:hover {
  color: #ec268f;
}
.blog-wrap-2 .blog-content-2 p {
  margin: 0;
  color: #666;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 22px 0 0;
}
@media only screen and (max-width: 767px) {
  .blog-wrap-2 .blog-content-2 .blog-share-comment {
    margin: 14px 0 0;
  }
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-btn-2 a {
  color: #333;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.2px;
  margin-top: 4px;
  text-transform: capitalize;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-btn-2 a:hover {
  color: #ec268f;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share span {
  color: #333;
  display: inline-block;
  float: left;
  font-size: 15px;
  margin-right: 12px;
  margin-top: 3px;
  text-transform: capitalize;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social {
  display: inline-block;
  float: left;
}
@media only screen and (max-width: 767px) {
  .blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social {
    margin-top: 4px;
  }
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li {
  display: inline-block;
  margin-right: 5px;
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li:last-child {
  margin-right: 0;
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
}
@media only screen and (max-width: 767px) {
  .blog-wrap-2
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social
    ul
    li
    a {
    font-size: 12px;
    height: 25px;
    line-height: 23px;
    width: 25px;
  }
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.facebook {
  background-color: #3b5998;
  border: 1px solid #3b5998;
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.facebook:hover {
  background-color: transparent;
  color: #3b5998;
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.twitter {
  background-color: #55acee;
  border: 1px solid #55acee;
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.twitter:hover {
  background-color: transparent;
  color: #55acee;
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.instagram {
  background-color: #c32aa3;
  border: 1px solid #c32aa3;
}
.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.instagram:hover {
  background-color: transparent;
  color: #c32aa3;
}
.blog-wrap-2:hover .blog-img-2 img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.nav-style-4.owl-carousel .owl-nav div {
  color: #fff;
  display: inline-block;
  font-size: 20px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: #ec268f;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-4.owl-carousel .owl-nav div {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-4.owl-carousel .owl-nav div {
    font-size: 30px;
  }
}
.nav-style-4.owl-carousel .owl-nav div:hover {
  color: #fff;
  background-color: #333;
}
.nav-style-4.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 0px;
}

.blog-wrap-2:hover .nav-style-4.owl-carousel .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/*-------- 7. Blog style  ----------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area .ml-20 {
    margin-left: 0;
  }
  .Blog-area .mr-20 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Blog-area .ml-20 {
    margin-left: 0;
  }
  .Blog-area .mr-20 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .Blog-area .ml-20 {
    margin-left: 0;
  }
  .Blog-area .mr-20 {
    margin-right: 0;
  }
  .Blog-area .pro-pagination-style.mt-20 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .Blog-area.pb-100 {
    padding-bottom: 45px;
  }
}

.Blog-area.blog-no-sidebar .blog-content-2 h4 {
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .Blog-area.blog-no-sidebar .blog-content-2 h4 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .Blog-area.blog-no-sidebar .blog-content-2 h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area.blog-no-sidebar
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social {
    margin-top: 4px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area.blog-no-sidebar
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social
    ul
    li {
    margin-right: 3px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area.blog-no-sidebar
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social
    ul
    li
    a {
    font-size: 12px;
    height: 25px;
    line-height: 23px;
    width: 25px;
  }
}

/*-------- 8. Footer style  -----*/
.copyright .footer-logo {
  margin-bottom: 12px;
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .copyright .footer-logo {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright .footer-logo {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .copyright .footer-logo {
    margin-top: 0px;
  }
}

.copyright p {
  color: #313131;
  letter-spacing: 0.9px;
}
.copyright p a {
  color: #313131;
}
.copyright p a:hover {
  color: #ec268f;
}

.footer-widget .footer-title h3 {
  font-size: 16px;
  font-weight: 500;
  color: #313131;
  margin: 0 0 16px;
  line-height: 1;
}

.footer-widget .footer-list ul li {
  margin: 0 0 11px;
}
.footer-widget .footer-list ul li:last-child {
  margin: 0 0 0px;
}
.footer-widget .footer-list ul li a {
  color: #5d5d5d;
  letter-spacing: 0.3px;
}
.footer-widget .footer-list ul li a:hover {
  color: #ec268f;
}

.footer-widget .subscribe-style p {
  color: #7a7a7a;
  margin: 0 0 20px;
}

.footer-widget .subscribe-style .subscribe-form form input {
  background: transparent;
  font-size: 13px;
  color: #333;
  border: none;
  border-bottom: 2px solid #ebebeb;
  padding: 2px 10px 2px 0;
}

.footer-widget .subscribe-style .subscribe-form form .mc-news {
  display: none;
}

.footer-widget .subscribe-style .subscribe-form form .clear input {
  width: auto;
  height: auto;
  color: #313131;
  font-size: 14px;
  padding: 0 0 1px;
  line-height: 1;
  border-bottom: 2px solid #9b9b9c;
  text-transform: uppercase;
  margin: 13px 0 0;
}
.footer-widget .subscribe-style .subscribe-form form .clear input:hover {
  color: #ec268f;
  border-bottom: 2px solid #ec268f;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .footer-widget.ml-95 {
    margin-left: 20px;
  }
  .footer-widget.ml-145 {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 20px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: -50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 0px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 0px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 0px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.ml-30,
  .footer-widget.ml-50,
  .footer-widget.ml-75 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.ml-30,
  .footer-widget.ml-50,
  .footer-widget.ml-75 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget.ml-30,
  .footer-widget.ml-50,
  .footer-widget.ml-75 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.ml-70 {
    margin-left: -130px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.ml-70 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget.ml-70 {
    margin-left: -90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget.ml-70 {
    margin-left: 0px;
  }
}

/* home 4 */
.hm4-footer-padding .container-fluid {
  padding: 0 60px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 15px;
  }
}

.footer-area {
  position: relative;
}
.footer-area.ml-10 {
  margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-area.ml-70 {
    margin-left: 15px;
  }
  .footer-area.mr-70 {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-area.ml-70 {
    margin-left: 30px;
  }
  .footer-area.mr-70 {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area.ml-70 {
    margin-left: 40px;
  }
  .footer-area.mr-70 {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area.ml-70 {
    margin-left: 15px;
  }
  .footer-area.mr-70 {
    margin-right: 15px;
  }
}

/* home 5 */
.footer-top {
  position: relative;
  z-index: 9;
}
.footer-top p {
  color: #fffefe;
  line-height: 28px;
  margin: 31px auto 33px;
  width: 55%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top p {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .footer-top p {
    width: 100%;
  }
}
.footer-top .footer-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-top .footer-social ul li {
  margin: 0 23px;
  position: relative;
  line-height: 1;
}
.footer-top .footer-social ul li:before {
  position: absolute;
  content: "";
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #7c7b7b;
  width: 16px;
  height: 2px;
}
.footer-top .footer-social ul li:last-child:before {
  display: none;
}
.footer-top .footer-social ul li a {
  color: #e5e5e5;
  font-size: 16px;
}
.footer-top .footer-social ul li a:hover {
  color: #ec268f;
}
.footer-top .footer-social.footer-social-white ul li:before {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .footer-top.pb-60 {
    padding-bottom: 60px;
  }
}

.footer-bottom {
  position: relative;
  z-index: 9;
}

.copyright-2 {
  padding-top: 20px;
  margin-top: 60px;
  border-top: 1px solid #2b2b2b;
}
.copyright-2 p {
  color: #fff;
  line-height: 1;
}
.copyright-2 p a {
  color: #fff;
}
.copyright-2 p a:hover {
  color: #ec268f;
}
.copyright-2.copyright-white-border {
  border-top: 1px solid #cccccc;
}
.copyright-2.copyright-gray p {
  color: #848484;
}
.copyright-2.copyright-gray p a {
  color: #848484;
  letter-spacing: 0.9px;
}
.copyright-2.copyright-gray p a:hover {
  color: #ec268f;
}

.footer-white .footer-top p {
  color: #000;
}

.footer-white .footer-top .footer-social ul li a {
  color: #000;
}
.footer-white .footer-top .footer-social ul li a:hover {
  color: #ec268f;
}

.footer-white .copyright-2 {
  padding-top: 20px;
  padding-bottom: 23px;
  margin-top: 0px;
  border-top: none;
}

.footer-border {
  border-top: 1px solid #e2e2e2;
}

/*----- 9. Banner style  -------*/
.single-banner {
  position: relative;
  overflow: hidden;
}
.single-banner a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-banner:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.single-banner .banner-content {
  position: absolute;
  content: "";
  left: 36px;
  top: 40px;
}
#hairdressing-img {
  background-image: url("../themes/miguardarropa/assets/img/peluqueria/peluqueria_bg_1500x473.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 473px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content {
    left: 20px;
    top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content {
    left: 15px;
    top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content {
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.single-banner .banner-content h3 {
  font-size: 36px;
  color: #915342;
  font-weight: 600;
  margin: 0;
  font-family: "Cormorant Garamond";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h3 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content h3 {
    font-size: 30px;
  }
}
.single-banner .banner-content h4 {
  font-size: 18px;
  color: #010101;
  margin: 3px 0 58px;
  font-weight: 600;
  font-family: "Cormorant Garamond";
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 8px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 20px;
  }
}
.single-banner .banner-content h4 span {
  color: #935644;
  font-size: 20px;
  margin: 0 0px 0 2px;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 2px;
}
.single-banner .banner-content a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #97584a;
  color: #97584a;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.single-banner .banner-content a i {
  line-height: 25px;
}
.single-banner .banner-content a:hover {
  color: #ec268f;
  border: 2px solid #ec268f;
}
.single-banner .banner-content.banner-pink a {
  border: 2px solid #ff58b1;
  color: #ff58b1;
}
.single-banner .banner-content.banner-pink a:hover {
  color: #ec268f;
  border: 2px solid #ec268f;
}
.single-banner.banner-green-color .banner-content h3 {
  color: #617d05;
}
.single-banner.banner-green-color .banner-content h4 {
  color: #010101;
}
.single-banner.banner-green-color .banner-content h4 span {
  color: #617d05;
}
.single-banner.banner-green-color .banner-content a {
  border: 2px solid #617d05;
  color: #617d05;
}
.single-banner.banner-green-color .banner-content a:hover {
  color: #aabb72;
  border: 2px solid #aabb72;
}
.single-banner.banner-red-color .banner-content h3 {
  color: #df262b;
}
.single-banner.banner-red-color .banner-content h4 {
  color: #010101;
}
.single-banner.banner-red-color .banner-content h4 span {
  color: #df262b;
}
.single-banner.banner-red-color .banner-content a {
  border: 2px solid #df262b;
  color: #df262b;
}
.single-banner.banner-red-color .banner-content a:hover {
  color: #dc6266;
  border: 2px solid #dc6266;
}
.single-banner.banner-shape {
  border: 4px solid #fff;
}
.single-banner .banner-position-hm15-1 {
  position: absolute;
  right: 40px;
  top: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner .banner-position-hm15-1 {
    top: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-position-hm15-1 {
    top: 20px;
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-position-hm15-1 {
    top: 20px;
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-position-hm15-1 {
    top: 15px;
    right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-position-hm15-1 {
    top: 30px;
    right: 30px;
  }
}
.single-banner .banner-position-hm15-2 {
  position: absolute;
  left: 40px;
  top: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner .banner-position-hm15-2 {
    top: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-position-hm15-2 {
    top: 20px;
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-position-hm15-2 {
    top: 20px;
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-position-hm15-2 {
    top: 15px;
    left: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-position-hm15-2 {
    top: 30px;
    left: 30px;
  }
}
.single-banner .banner-position-hm17-1 {
  position: absolute;
  right: 105px;
  bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-position-hm17-1 {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-position-hm17-1 {
    right: 20px;
    bottom: 20px;
  }
}
.single-banner .banner-content-3 h3 {
  font-weight: bold;
  font-size: 30px;
  margin: 0;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner .banner-content-3 h3 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-3 h3 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-3 h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-3 h3 {
    font-size: 20px;
  }
}
.single-banner .banner-content-3 p {
  font-size: 18px;
  margin: 11px 0 20px;
  color: #010101;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner .banner-content-3 p {
    margin: 5px 0 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-3 p {
    margin: 5px 0 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-3 p {
    margin: 5px 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-3 p {
    margin: 5px 0 10px;
  }
}
.single-banner .banner-content-3 p span {
  color: #6eab49;
}
.single-banner .banner-content-3 > a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #6eab49;
  color: #6eab49;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.single-banner .banner-content-3 > a:hover {
  border: 2px solid #ec268f;
  color: #ec268f;
}
.single-banner .banner-content-3.pink-banner p {
  color: #010101;
}
.single-banner .banner-content-3.pink-banner p span {
  color: #ff58b1;
}
.single-banner .banner-content-3.pink-banner > a {
  border: 2px solid #ff58b1;
  color: #ff58b1;
}
.single-banner .banner-content-3.pink-banner > a:hover {
  border: 2px solid #ec268f;
  color: #ec268f;
}
.single-banner .banner-content-4 span {
  font-size: 18px;
  color: #6eab49;
}
.single-banner .banner-content-4 h2 {
  font-size: 55px;
  color: #f3993f;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin: 15px 0 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner .banner-content-4 h2 {
    font-size: 40px;
    margin: 7px 0 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-4 h2 {
    font-size: 35px;
    margin: 7px 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-4 h2 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-4 h2 {
    font-size: 30px;
    margin: 7px 0 10px;
  }
}
.single-banner .banner-content-4 h5 {
  font-size: 24px;
  color: #000000;
  line-height: 1;
  margin: 0 0 36px;
  letter-spacing: 4.3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-4 h5 {
    font-size: 20px;
    margin: 0 0 20px;
    letter-spacing: 2.3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-4 h5 {
    font-size: 22px;
    letter-spacing: 3.3px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-4 h5 {
    font-size: 20px;
    margin: 0 0 20px;
    letter-spacing: 2.3px;
  }
}
.single-banner .banner-content-4 > a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  padding: 13px 33px 13px;
  background-color: #6eab49;
}
.single-banner .banner-content-4 > a:hover {
  background-color: #ec268f;
}
.single-banner .banner-content-4.pink-banner span {
  color: #ff58b1;
}
.single-banner .banner-content-4.pink-banner h2 {
  color: #ff58b1;
}
.single-banner .banner-content-4.pink-banner > a {
  background-color: #ff58b1;
}
.single-banner .banner-content-4.pink-banner > a:hover {
  background-color: #ec268f;
}
.single-banner .banner-content-5 {
  position: absolute;
  left: 36px;
  top: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-5 {
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-5 {
    left: 15px;
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-5 {
    left: 15px;
    top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content-5 {
    left: 50px;
    top: 50px;
  }
}
.single-banner .banner-content-5 span {
  font-size: 24px;
  color: #e90042;
  display: block;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-5 span {
    font-size: 20px;
  }
}
.single-banner .banner-content-5 h3 {
  font-family: "Cormorant Garamond";
  font-size: 36px;
  margin: 9px 0 62px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-5 h3 {
    margin: 9px 0 25px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-5 h3 {
    margin: 2px 0 12px;
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-5 h3 {
    margin: 9px 0 25px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content-5 h3 {
    font-size: 36px;
    margin: 9px 0 40px;
  }
}
.single-banner .banner-content-5 a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #e90042;
  color: #e90042;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.single-banner .banner-content-5 a:hover {
  border: 2px solid #ec268f;
  color: #ec268f;
}
.single-banner .banner-content-6 {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.single-banner .banner-content-6 a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  padding: 13px 33px 13px;
  background-color: #e90042;
}
.single-banner .banner-content-6 a:hover {
  background-color: #ec268f;
}
.single-banner .banner-content-7 {
  position: absolute;
  left: 45px;
  bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-7 {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-7 {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content-7 {
    left: 40px;
    bottom: 40px;
  }
}
.single-banner .banner-content-7 span {
  font-size: 24px;
  font-weight: 600;
  color: #e90042;
  display: block;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-7 span {
    font-size: 20px;
  }
}
.single-banner .banner-content-7 h2 {
  font-size: 72px;
  font-weight: 700;
  color: #c3c1c0;
  margin: 9px 0 33px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-7 h2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-7 h2 {
    font-size: 40px;
    margin: 9px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-7 h2 {
    font-size: 35px;
    margin: 9px 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content-7 h2 {
    font-size: 42px;
    margin: 9px 0 35px;
  }
}
.single-banner .banner-content-7 > a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #e90042;
  color: #e90042;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.single-banner .banner-content-7 > a:hover {
  border: 2px solid #ec268f;
  color: #ec268f;
}
.single-banner .banner-content-8 {
  position: absolute;
  left: 45px;
  bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-8 {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-8 {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content-8 {
    left: 30px;
    bottom: 30px;
  }
}
.single-banner .banner-content-8 span {
  font-size: 24px;
  color: #e90042;
  display: block;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-8 span {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-8 span {
    font-size: 17px;
  }
}
.single-banner .banner-content-8 h2 {
  font-size: 64px;
  color: #000000;
  margin: 10px 0 4px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: "Abril Fatface", cursive;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content-8 h2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-8 h2 {
    font-size: 38px;
    line-height: 30px;
    margin: 5px 0 4px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-8 h2 {
    font-size: 32px;
    line-height: 30px;
    margin: 5px 0 4px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content-8 h2 {
    margin: 15px 0 5px;
  }
}
.single-banner .banner-content-8 p {
  font-size: 20px;
  color: #000000;
  margin: 0px 0 48px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Abril Fatface", cursive;
  letter-spacing: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-8 p {
    letter-spacing: 5px;
    font-size: 20px;
    margin: 0px 0 27px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-8 p {
    letter-spacing: 5px;
    font-size: 17px;
    margin: 0px 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content-8 p {
    margin: 0px 0 35px;
  }
}
.single-banner .banner-content-8 > a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #e90042;
  color: #e90042;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.single-banner .banner-content-8 > a:hover {
  border: 2px solid #ec268f;
  color: #ec268f;
}

/* banner hm4 */
.banner-area-2 .container-fluid {
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-2 .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area-2 .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-area-2.pb-85 {
    padding-bottom: 42px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-area-2.banner-area-2 .single-banner .banner-content {
    top: 15px;
    left: 15px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
    font-size: 25px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
    margin: 3px 0 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-area-2.banner-area-2 .single-banner .banner-content {
    top: 15px;
    left: 15px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
    font-size: 25px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
    margin: 3px 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-2.banner-area-2 .single-banner .banner-content {
    top: 25px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
    font-size: 30px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
    margin: 3px 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-2.banner-area-2.pt-10 {
    padding-top: 30px;
  }
}

/* banner hm9 */
.single-banner-2 {
  position: relative;
  overflow: hidden;
}
.single-banner-2 a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-banner-2 .banner-content-2 {
  position: absolute;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 {
    left: 20px;
  }
}
.single-banner-2 .banner-content-2 h3 {
  font-size: 48px;
  color: #915342;
  margin: 0;
  font-family: "Cormorant Garamond";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-2 .banner-content-2 h3 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 h3 {
    font-size: 33px;
  }
}
.single-banner-2 .banner-content-2 h4 {
  font-size: 24px;
  color: #010101;
  font-weight: 500;
  font-family: "Cormorant Garamond";
  margin: 22px 0 94px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-2 .banner-content-2 h4 {
    margin: 22px 0 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-2 .banner-content-2 h4 {
    margin: 15px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 h4 {
    margin: 10px 0 20px;
  }
}
.single-banner-2 .banner-content-2 h4 span {
  color: #935644;
}
.single-banner-2 .banner-content-2 a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #97584a;
  color: #97584a;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.single-banner-2 .banner-content-2 a:hover {
  color: #000;
  border: 2px solid #000;
}
.single-banner-2 .banner-content-2.jewellery-banner h3 {
  font-weight: 600;
}
.single-banner-2:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
  .banner-area.pt-80 {
    padding-top: 60px;
  }
  .save-money-area .pt-100 {
    padding-top: 50px;
  }
  .save-money-area .pb-100 {
    padding-bottom: 50px;
  }
}

.save-money-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 50px;
}
@media only screen and (max-width: 767px) {
  .save-money-content {
    display: block;
    margin: 0 20px 0 20px;
    text-align: center;
  }
}
.save-money-content h2 {
  font-size: 36px;
  color: #010101;
  font-weight: bold;
  margin: 0 50px 0 0;
  line-height: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .save-money-content h2 {
    font-size: 30px;
    margin: 0 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .save-money-content h2 {
    font-size: 20px;
    margin: 0 0px 20px 0;
    line-height: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .save-money-content h2 {
    font-size: 25px;
    margin: 0 0px 20px 0;
    line-height: 30px;
  }
}
.save-money-content .save-money-btn a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background-color: #ff58b1;
  line-height: 1;
  padding: 13px 40px 15px;
}
.save-money-content .save-money-btn a:hover {
  background-color: #ec268f;
}

/*------ 10. Suscribe style  ------*/
.subscribe-style-2 h2 {
  font-size: 48px;
  color: #010101;
  margin: 0 0 23px;
}
@media only screen and (max-width: 767px) {
  .subscribe-style-2 h2 {
    font-size: 30px;
    margin: 0 0 12px;
  }
}

.subscribe-style-2 p {
  font-size: 16px;
  color: #696969;
  margin: 0 0 23px;
}

.subscribe-style-2 .subscribe-form-2 form input {
  background: transparent;
  border: none;
  height: 45px;
  padding: 2px 50px 2px 0;
  font-size: 14px;
  color: #333;
  border-bottom: 2px solid #e2e2e2;
}

.subscribe-style-2 .subscribe-form-2 form .mc-news {
  display: none;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form {
  position: relative;
}

.subscribe-style-2 .subscribe-form-2 form .clear-2 {
  background: rgba(0, 0, 0, 0) url("../themes/miguardarropa/assets/img/icon-img/suscribe.png")
    no-repeat scroll right 0 center;
  bottom: 0px;
  display: inline-block;
  position: absolute;
  right: 0px;
}
.subscribe-style-2 .subscribe-form-2 form .clear-2 input {
  border: medium none;
  padding: 0;
  text-indent: -99999px;
  width: 37px;
}

@media only screen and (max-width: 767px) {
  .subscribe-area-3.pb-100 {
    padding-bottom: 60px;
  }
}

.subscribe-style-3 h2 {
  font-size: 48px;
  color: #010101;
  margin: 0 0 23px;
}
@media only screen and (max-width: 767px) {
  .subscribe-style-3 h2 {
    font-size: 35px;
    margin: 0 0 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-style-3 h2 {
    font-size: 40px;
  }
}

.subscribe-style-3 p {
  font-size: 16px;
  color: #696969;
  margin: 0;
  line-height: 1;
}

.subscribe-style-3 .subscribe-form-3 input {
  background: transparent;
  border: none;
  border-bottom: 2px solid #e2e2e2;
  text-align: center;
  color: #333;
  height: 46px;
}

.subscribe-style-3 .subscribe-form-3 .mc-news {
  display: none;
}

.subscribe-style-3 .subscribe-form-3 .clear-3 {
  margin-top: 40px;
}
.subscribe-style-3 .subscribe-form-3 .clear-3 button {
  width: auto;
  height: auto;
  color: #fff;
  background-color: #070508;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 17px 55px;
  border-radius: 5px;
  border: 1px solid #070508;
}
.subscribe-style-3 .subscribe-form-3 .clear-3 button:hover {
  background-color: #ec268f;
  border: 1px solid #ec268f;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-subscribe button {
  background-color: #df262b;
  border: 1px solid #df262b;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-subscribe button:hover {
  background-color: #ec268f;
  border: 1px solid #ec268f;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.green-subscribe button {
  background-color: #6eab49;
  border: 1px solid #6eab49;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.green-subscribe button:hover {
  background-color: #ec268f;
  border: 1px solid #ec268f;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-2-subscribe button {
  background-color: #e90042;
  border: 1px solid #e90042;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-2-subscribe button:hover {
  background-color: #ec268f;
  border: 1px solid #ec268f;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.pink-subscribe button {
  background-color: #ff58b1;
  border: 1px solid #ff58b1;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.pink-subscribe button:hover {
  background-color: #ec268f;
  border: 1px solid #ec268f;
}

/*------- 11. About style ------ */
.welcome-content h5 {
  font-weight: 500;
  font-size: 16px;
  color: #666;
  margin: 0;
  letter-spacing: 0.3px;
}

.welcome-content h5.pink {
  color: #ec268f;
}

.welcome-content h1 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin: 8px 0 30px;
  color: #433f3f;
  position: relative;
  display: inline-block;
  padding: 0 0 23px;
  line-height: 1;
}
.welcome-content h1:before {
  position: absolute;
  background-color: #070508;
  height: 3px;
  width: 70px;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.welcome-content p {
  font-size: 16px;
  color: #4b4b4b;
  line-height: 30px;
  width: 66%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .welcome-content p {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-content p {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .welcome-content p {
    width: 100%;
    font-size: 15px;
  }
}

/* about page */
.single-count .count-icon i {
  font-size: 50px;
  line-height: 1;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-count .count-icon i {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .single-count .count-icon i {
    font-size: 45px;
  }
}

.single-count h2 {
  color: #ec268f;
  font-size: 40px;
  font-weight: bold;
  margin: 25px 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-count h2 {
    margin: 10px 0 8px;
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .single-count h2 {
    margin: 6px 0 8px;
    font-size: 35px;
  }
}

.single-count span {
  color: #333;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}

.team-wrapper {
  background-color: #f7f7f7;
}
.team-wrapper .team-img {
  position: relative;
}
.team-wrapper .team-img a img {
  width: 100%;
}
.team-wrapper .team-img .team-action {
  background: #fff none repeat scroll 0 0;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 70%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  width: 100%;
  z-index: 5;
}
.team-wrapper .team-img .team-action a {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
  margin: 0 3px;
}
.team-wrapper .team-img .team-action a.facebook {
  border: 1px solid #3b5998;
  background-color: #3b5998;
}
.team-wrapper .team-img .team-action a.facebook:hover {
  background-color: transparent;
  color: #3b5998;
}
.team-wrapper .team-img .team-action a.twitter {
  border: 1px solid #55acee;
  background-color: #55acee;
}
.team-wrapper .team-img .team-action a.twitter:hover {
  background-color: transparent;
  color: #55acee;
}
.team-wrapper .team-img .team-action a.instagram {
  border: 1px solid #c32aa3;
  background-color: #c32aa3;
}
.team-wrapper .team-img .team-action a.instagram:hover {
  background-color: transparent;
  color: #c32aa3;
}
.team-wrapper .team-content {
  padding: 20px 10px 23px;
}
.team-wrapper .team-content h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 3px;
  text-transform: capitalize;
}
.team-wrapper .team-content span {
  font-size: 15px;
  font-style: italic;
}
.team-wrapper:hover .team-action {
  top: 50%;
  opacity: 1;
}

.single-mission h3 {
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 20px;
  text-transform: capitalize;
  line-height: 22px;
  color: #333;
}

.hairdressing-wrapper {
  background-color: #f7f7f7;
}
.hairdressing-wrapper .hairdressing-img {
  position: relative;
}
.hairdressing-wrapper .hairdressing-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .single-mission h3 {
    margin: 0 0 10px;
  }
}

.single-mission p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .about-brand-logo.pb-100 {
    padding-bottom: 60px;
  }
}

/*----- 12. instagram style  -----*/
.single-instagram {
  overflow: hidden;
}
.single-instagram a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.single-instagram:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*----- 13. Testimonial style  ------*/
.single-testimonial p {
  line-height: 32px;
  color: #575757;
  font-size: 16px;
  font-weight: 500;
  margin: 32px 0 0px;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .single-testimonial p {
    font-size: 15px;
  }
}

.single-testimonial .client-info {
  margin: 20px 0 0;
}
.single-testimonial .client-info i {
  font-size: 26px;
  color: #666666;
}
.single-testimonial .client-info h5 {
  font-size: 14px;
  color: #010101;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 22px 0 3px;
}
.single-testimonial .client-info span {
  font-size: 14px;
  color: #010101;
  letter-spacing: 1.5px;
}

.testimonial-active.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.testimonial-area:hover .nav-style-1.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-area.ml-70 {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area.ml-70 {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area.ml-70 {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area.ml-70 {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-area.ml-70 {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-area.mr-70 {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area.mr-70 {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area.mr-70 {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area.mr-70 {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-area.mr-70 {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area.mt-195 {
    margin-top: 125px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area.mt-195 {
    margin-top: 0px;
    padding-top: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area.mt-195 {
    margin-top: 0px;
    padding-top: 40px;
  }
}

.testimonial-img-2 {
  margin-top: -197px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-img-2 {
    margin-top: -130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-img-2 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-img-2 {
    margin-top: 30px;
  }
}
.testimonial-img-2 img {
  width: 100%;
}

.single-testimonial-2 p {
  color: #fff;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  font-style: italic;
}

.single-testimonial-2 .client-info {
  margin: 18px 0 0;
}
.single-testimonial-2 .client-info i {
  color: #fff;
  font-size: 26px;
}
.single-testimonial-2 .client-info h5 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 20px 0 6px;
  color: #fff;
  line-height: 1;
}
.single-testimonial-2 .client-info span {
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: 1.5px;
  margin: 0;
  color: #fff;
  line-height: 1;
}

.single-testimonial-2.testi-paragraph-mrg p {
  margin: 32px 0 0;
}

.testimonial-active-2 .owl-dots {
  text-align: center;
  margin: 15px 0 0;
}
.testimonial-active-2 .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 5px;
}
.testimonial-active-2 .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #fff;
  border: 2px solid transparent;
  display: inline-block;
}
.testimonial-active-2 .owl-dots .owl-dot.active span {
  background-color: transparent;
  border: 2px solid #fff;
}

/*------- 14. Brand logo style  -------*/
.brand-logo-active.owl-carousel .owl-item img,
.brand-logo-active-2.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.brand-logo-active .single-brand-logo,
.brand-logo-active .single-brand-logo2,
.brand-logo-active-2 .single-brand-logo,
.brand-logo-active-2 .single-brand-logo2 {
  text-align: center;
}
.brand-logo-active .single-brand-logo img,
.brand-logo-active .single-brand-logo2 img,
.brand-logo-active-2 .single-brand-logo img,
.brand-logo-active-2 .single-brand-logo2 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.brand-logo-active .single-brand-logo:hover img,
.brand-logo-active .single-brand-logo2:hover img,
.brand-logo-active-2 .single-brand-logo:hover img,
.brand-logo-active-2 .single-brand-logo2:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.brand-logo-wrap {
  padding: 100px 90px;
}
@media only screen and (max-width: 767px) {
  .brand-logo-wrap {
    padding: 50px 20px;
  }
}

/*------ 15. Timer style  -----*/
.funfact-area.bg-img {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .funfact-area.bg-img {
    background-position: 15%;
  }
  .funfact-area.bg-img:before {
    content: "";
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767px) {
  .funfact-area.bg-img {
    background-position: 15%;
  }
  .funfact-area.bg-img:before {
    content: "";
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.7;
  }
}

.funfact-content {
  position: relative;
  z-index: 9;
}
.funfact-content h2 {
  font-size: 48px;
  color: #010101;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .funfact-content h2 {
    font-size: 32px;
  }
}
.funfact-content .timer {
  text-align: center;
  margin: 65px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-content .timer {
    margin: 44px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .funfact-content .timer {
    margin: 24px 0 0;
  }
}
.funfact-content .timer span {
  display: inline-block;
  font-size: 48px;
  color: #555;
  font-weight: 300;
  margin: 0 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-content .timer span {
    margin: 0 15px;
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .funfact-content .timer span {
    margin: 0 5px;
    font-size: 22px;
  }
}
.funfact-content .timer span p {
  font-size: 18px;
  font-weight: 500;
  color: #555;
  text-transform: uppercase;
  margin: 34px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-content .timer span p {
    margin: 24px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .funfact-content .timer span p {
    margin: 12px 0 0;
    font-size: 14px;
  }
}
.funfact-content .funfact-btn {
  margin-top: 43px;
}
@media only screen and (max-width: 767px) {
  .funfact-content .funfact-btn {
    margin-top: 23px;
  }
}
.funfact-content .funfact-btn a {
  display: inline-block;
  background-color: #000;
  color: #fff;
  line-height: 1;
  padding: 16px 56px;
  border: 1px solid transparent;
  z-index: 1;
}
.funfact-content .funfact-btn a:hover {
  border: 1px solid #ec268f;
}
.funfact-content .funfact-btn.funfact-btn-red a {
  background-color: #df262b;
}
.funfact-content .funfact-btn.funfact-btn-red a:hover {
  border: 1px solid #ec268f;
}
.funfact-content .funfact-btn.funfact-btn-green a {
  background-color: #6eab49;
}
.funfact-content .funfact-btn.funfact-btn-green a:hover {
  border: 1px solid #ec268f;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-content.mt-90 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .funfact-content.funfact-res h2 {
    font-size: 35px;
  }
  .funfact-content.funfact-res .timer {
    margin: 30px 0 0;
  }
  .funfact-content.funfact-res .timer span {
    font-size: 30px;
    margin: 0 9px;
  }
  .funfact-content.funfact-res .timer span p {
    font-size: 15px;
    margin: 14px 0 0;
  }
  .funfact-content.mt-90 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .funfact-content.mt-90 {
    margin-top: 30px;
  }
}

.gift-img {
  margin: 0 10px;
}
.gift-img a {
  display: block;
}
.gift-img a img {
  width: 100%;
}

.fruits-deal-img {
  margin: 0 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fruits-deal-img {
    margin: 0px 50px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fruits-deal-img {
    margin: 0px 0px 0;
  }
}
@media only screen and (max-width: 767px) {
  .fruits-deal-img {
    margin: 30px 0px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .fruits-deal-img {
    margin: 30px 30px 0;
  }
}
.fruits-deal-img a {
  display: block;
}
.fruits-deal-img a img {
  width: 100%;
}

/*------ 16. Breadcrumb style  --------*/
.breadcrumb-content ul li {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #5b5858;
  margin-right: 18px;
  text-transform: uppercase;
  position: relative;
}
.breadcrumb-content ul li::before {
  position: absolute;
  width: 18px;
  height: 1px;
  background-color: #5b5858;
  content: "";
  right: -21px;
  top: 12px;
  z-index: 99;
  -webkit-transform: rotate(115deg);
  -ms-transform: rotate(115deg);
  transform: rotate(115deg);
}
.breadcrumb-content ul li:last-child::before {
  display: none;
}
.breadcrumb-content ul li a {
  color: #5b5858;
}
.breadcrumb-content ul li a:hover {
  color: #ec268f;
}

/*---- 17. Sidebar style  ------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}

.sidebar-widget h4.pro-sidebar-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin: 0;
}

.pro-sidebar-title i {
  color: #ff0fa3;
}

.sidebar-widget .sidebar-widget-list ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0px 0 15px;
}
.sidebar-widget .sidebar-widget-list ul li:last-child {
  padding: 0px 0 0px;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left {
  position: relative;
}
.sidebar-widget-list-left label span {
  cursor: pointer;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: auto;
}
.sidebar-widget
  .sidebar-widget-list
  ul
  li
  .sidebar-widget-list-left
  input:checked
  ~ .checkmark {
  background-color: #ff0fa3;
  border: 2px solid #ff0fa3;
}
.sidebar-widget
  .sidebar-widget-list
  ul
  li
  .sidebar-widget-list-left
  input:checked
  ~ .checkmark::after {
  display: block;
}
.sidebar-widget
  .sidebar-widget-list
  ul
  li
  .sidebar-widget-list-left
  .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 2px solid #888888;
  border-radius: 3px;
}
.sidebar-widget
  .sidebar-widget-list
  ul
  li
  .sidebar-widget-list-left
  .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.sidebar-widget
  .sidebar-widget-list
  ul
  li
  .sidebar-widget-list-left
  .checkmark::after {
  left: 3px;
  top: 0px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidebar-widget .sidebar-widget-list ul li a {
  margin-left: 30px;
  display: block;
}
.sidebar-widget .sidebar-widget-list ul li a span {
  color: #9a9a9a;
  font-weight: 500;
  background-color: #eeeeee;
  width: 30px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  float: right;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sidebar-widget .sidebar-widget-list ul li a:hover span {
  color: #fff;
  background-color: #ec268f;
}

.sidebar-widget .sidebar-widget-tag ul li {
  display: inline-block;
  margin: 0 10px 15px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-tag ul li {
    margin: 0 5px 15px 0;
  }
}
.sidebar-widget .sidebar-widget-tag ul li a {
  color: #424242;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 9px 17px 12px;
  line-height: 1;
  border-radius: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-tag ul li a {
    padding: 9px 13px 12px;
  }
}
.sidebar-widget .sidebar-widget-tag ul li a:hover {
  background-color: #ec268f;
  color: #fff;
}

.pro-sidebar-search .pro-sidebar-search-form {
  position: relative;
}
.pro-sidebar-search .pro-sidebar-search-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #000;
  font-size: 14px;
  height: 43px;
  padding: 2px 55px 2px 18px;
}
.pro-sidebar-search .pro-sidebar-search-form button {
  background: transparent none repeat scroll 0 0;
  border-color: #a1a5aa;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  color: #000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 20px;
}
.pro-sidebar-search .pro-sidebar-search-form button:hover {
  color: #ec268f;
}

.single-sidebar-blog {
  border-bottom: 1px solid #dee0e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding: 0 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-sidebar-blog:last-child {
  border-bottom: none;
}
.single-sidebar-blog .sidebar-blog-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  margin: 0 20px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-sidebar-blog .sidebar-blog-img {
    margin: 0 8px 0 0;
  }
}
.single-sidebar-blog .sidebar-blog-img img {
  width: 100%;
}
.single-sidebar-blog .sidebar-blog-content span {
  color: #333;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}
.single-sidebar-blog .sidebar-blog-content h4 {
  font-size: 14px;
  margin: 5px 0 0;
}

/*---- 18. Shop page  -------*/
.shop-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.shop-top-bar .select-shoing-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.shop-top-bar .select-shoing-wrap .shop-select select {
  font-size: 14px;
  color: #606060;
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: 143px;
  background: rgba(0, 0, 0, 0) url("../themes/miguardarropa/assets/img/icon-img/select.png")
    no-repeat scroll right 0px center;
}
.shop-top-bar .select-shoing-wrap p {
  color: #606060;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 0px 0 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 0px;
  }
}

.shop-top-bar .shop-tab a {
  color: #606060;
  font-size: 18px;
  margin-left: 20px;
}
.shop-top-bar .shop-tab a:first-child {
  margin-left: 0;
}
.shop-top-bar .shop-tab a.active {
  color: #fa6bff;
}

.select-shoing-wrap p a {
  color: #606060;
  padding-right: 2rem;
}
.shop-list-wrap .product-wrap:hover .hover-img {
  opacity: inherit;
  visibility: inherit;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-wrap .shop-list-content {
    margin-top: 0px;
  }
}

.shop-list-wrap .shop-list-content h3 {
  font-size: 24px;
  color: #010101;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
    line-height: 20px;
  }
}
.shop-list-wrap .shop-list-content h3 a {
  color: #010101;
}
.shop-list-wrap .shop-list-content h3 a:hover {
  color: #ec268f;
}

.shop-list-wrap .shop-list-content .product-list-price {
  margin: 13px 0 22px;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 19px;
  }
}
.shop-list-wrap .shop-list-content .product-list-price span {
  color: #fe5252;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
}
.shop-list-wrap .shop-list-content .product-list-price span.old {
  text-decoration: line-through;
  font-size: 18px;
  color: #cfcfcf;
  margin-left: 15px;
}

.shop-list-wrap .shop-list-content .rating-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shop-list-wrap .shop-list-content .rating-review .product-list-rating i {
  font-size: 17px;
  color: #5f5d5d;
  margin: 0 3px 0;
}
.shop-list-wrap
  .shop-list-content
  .rating-review
  .product-list-rating
  i.yellow {
  color: #ffa900;
}
.shop-list-wrap .shop-list-content .rating-review a {
  margin-left: 40px;
  position: relative;
  font-size: 15px;
  color: #ffcf75;
  line-height: 1;
}
.shop-list-wrap .shop-list-content .rating-review a:before {
  position: absolute;
  content: "";
  left: -21px;
  top: 0;
  background-color: #d1d1d1;
  width: 1px;
  height: 15px;
}

.shop-list-wrap .shop-list-content p {
  margin: 15px 0 40px;
  line-height: 28px;
  font-size: 15px;
  color: #8f8f8f;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content p {
    margin: 12px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content p {
    margin: 12px 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap .shop-list-content p {
    margin: 15px 0 20px;
  }
}

.shop-list-wrap .shop-list-content .shop-list-btn a {
  font-size: 14px;
  color: #343538;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  background-color: #343538;
  color: #fff;
  padding: 14px 32px 15px;
  border: 1px solid transparent;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .shop-list-btn a {
    padding: 10px 20px 11px;
    font-size: 13px;
  }
}
.shop-list-wrap .shop-list-content .shop-list-btn a:hover {
  border: 1px solid #ec268f;
}

.shop-list-wrap:hover .product-wrap .hover-img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-30 {
    margin-top: 10px;
  }
}

.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 4px;
}
.pro-pagination-style ul li a {
  display: inline-block;
  width: 43px;
  height: 43px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  border-radius: 100%;
  color: #ec268f;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
}
.pro-pagination-style ul li a:hover {
  background-color: #ec268f;
  color: #fff;
}
.pro-pagination-style ul li a.active {
  background-color: #ec268f;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pro-pagination-style ul li a.active:hover {
  background-color: #333;
}
.pro-pagination-style ul li a.prev,
.pro-pagination-style ul li a.next {
  background-color: #f6f6f6;
  color: #ec268f;
  font-size: 17px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pro-pagination-style ul li a.prev:hover,
.pro-pagination-style ul li a.next:hover {
  background-color: #ec268f;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .shop-area.pb-100 {
    padding-bottom: 45px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .list2-col-style .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 10px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content p {
    margin: 6px 0 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .shop-list-btn a {
    padding: 10px 24px 11px;
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .list2-col-style .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 10px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content p {
    margin: 6px 0 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .shop-list-btn a {
    padding: 10px 20px 11px;
    font-size: 13px;
  }
}

.grid-sizer {
  width: 25%;
}

/*----- 19. Product details page  ---*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-img.mr-20 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img.mr-20 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-img.mr-20 {
    margin-right: 0;
  }
}

.product-details-img .large-img-style {
  position: relative;
}
.product-details-img .large-img-style img {
  width: 100%;
}
.product-details-img .large-img-style span {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
  background-color: #fa6bff;
}
.product-details-img .large-img-style .img-popup-wrap {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 30px;
  color: #000000;
}
.product-details-img .large-img-style .img-popup-wrap:hover {
  color: #ec268f;
}

.product-details-img .shop-details-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -72px;
  z-index: 9;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .shop-details-tab {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-img .shop-details-tab {
    margin-top: -45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .shop-details-tab {
    margin-top: -60px;
  }
}
.product-details-img .shop-details-tab a.shop-details-overly {
  position: relative;
}
.product-details-img .shop-details-tab a.shop-details-overly img {
  width: 144px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .shop-details-tab a.shop-details-overly img {
    width: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-img .shop-details-tab a.shop-details-overly img {
    width: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .shop-details-tab a.shop-details-overly img {
    width: 110px;
  }
}
.product-details-img .shop-details-tab a.shop-details-overly.active:before {
  opacity: 0.6;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  content: "";
}

.description-review-topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.description-review-topbar a {
  background-color: transparent;
  border-bottom: 3px solid transparent;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin: 0 15px 0;
  padding: 0px 0px 13px;
  color: #666;
}
.description-review-topbar a.active {
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .description-review-topbar a {
    margin: 0 4px 15px;
    font-size: 15px;
    padding: 0px 0px 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-review-topbar a {
    margin: 0 8px 0px 0;
    font-size: 18px;
    padding: 0px 5px 0px;
  }
}
.description-review-topbar a.active {
  border-bottom: 2px solid #000000;
  background-color: transparent;
}

.description-review-bottom {
  padding: 33px 0 0;
}
.description-review-bottom .product-description-wrapper p {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 28px;
  color: #333;
  width: 84%;
}
@media only screen and (max-width: 767px) {
  .description-review-bottom .product-description-wrapper p {
    width: 100%;
  }
}
.description-review-bottom .product-description-wrapper p:last-child {
  margin: 0 0 0px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li {
  color: #333;
  font-size: 14px;
  list-style: outside none none;
  margin: 0 0 13px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li span {
  color: #000;
  display: inline-block;
  font-weight: 500;
  margin: 0 26px 0 0;
  min-width: 85px;
}

.single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}
@media only screen and (max-width: 767px) {
  .single-review {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.single-review .review-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .single-review .review-img {
    margin: 0 0px 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-review .review-img {
    margin: 0 15px 0px 0;
  }
}
.single-review .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-review .review-top-wrap .review-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-review .review-top-wrap .review-left .review-name {
  margin-right: 25px;
}
.single-review .review-top-wrap .review-left .review-name h4 {
  font-size: 16px;
  margin: 0;
  line-height: 1;
  font-weight: 500;
}
.single-review .review-top-wrap .review-left .review-rating {
  line-height: 1;
}
.single-review .review-top-wrap .review-left .review-rating i {
  font-size: 12px;
  margin-right: 1px;
  color: #ffa900;
}
.single-review .review-top-wrap .review-btn a {
  font-weight: 500;
  line-height: 1;
}
.single-review .review-bottom p {
  margin: 0;
  width: 93%;
}

.single-review.child-review {
  margin-left: 70px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .single-review.child-review {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ratting-form-wrapper.pl-50 {
    padding-left: 0;
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .ratting-form-wrapper.pl-50 {
    padding-left: 0;
    margin-top: 50px;
  }
}

.ratting-form-wrapper h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.ratting-form-wrapper .ratting-form form .star-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 20px;
}
.ratting-form-wrapper .ratting-form form .star-box span {
  margin: 0 15px 0 0;
}
.ratting-form-wrapper .ratting-form form .star-box .ratting-star {
  font-size: 12px;
  color: #ffa900;
  margin: 2px 0 0;
}

.ratting-form-wrapper .ratting-form form .rating-form-style input,
.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
  padding: 2px 10px 2px 20px;
  background: transparent;
  border: 1px solid #e6e6e6;
  color: #333;
}

.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
  height: 180px;
  padding: 20px 10px 2px 20px;
  margin-bottom: 20px;
}

.ratting-form-wrapper .ratting-form form .form-submit input {
  width: auto;
  padding: 12px 50px;
  font-weight: 500;
  text-transform: uppercase;
  height: auto;
  background-color: #ec268f;
  color: #fff;
  border: 1px solid #ec268f;
}
.ratting-form-wrapper .ratting-form form .form-submit input:hover {
  background-color: #333;
  border: 1px solid #333;
}

/* product details 2 */
.product-dec-slider-2 {
  display: inline-block;
  float: left;
  padding: 0;
  width: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-slider-2 {
    width: 19%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-slider-2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .product-dec-slider-2 {
    margin-bottom: 30px;
    width: 30%;
  }
}
.product-dec-slider-2 .product-dec-icon {
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  left: 50%;
  line-height: 1;
  padding: 0 10px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
.product-dec-slider-2 .product-dec-icon.product-dec-prev {
  top: -25px;
}
.product-dec-slider-2 .product-dec-icon.product-dec-next {
  bottom: -30px;
}
.product-dec-slider-2.slick-vertical .slick-slide {
  display: block;
  height: auto;
  margin: 2px 0 10px;
  text-align: center;
}
.product-dec-slider-2.slick-vertical .slick-slide img {
  display: inline-block;
  width: 100%;
}
.product-dec-slider-2:hover .product-dec-icon {
  opacity: 1;
  visibility: visible;
}

.zoompro-wrap.zoompro-2 {
  display: inline-block;
  position: relative;
  width: 80%;
  float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .zoompro-wrap.zoompro-2 {
    width: 79%;
  }
}
@media only screen and (max-width: 767px) {
  .zoompro-wrap.zoompro-2 {
    margin-bottom: 30px;
    width: 70%;
  }
}

.zoompro-wrap .zoompro-span {
  position: relative;
}
.zoompro-wrap .zoompro-span span {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
  background-color: #fa6bff;
  z-index: 99;
}
.zoompro-wrap .zoompro-span .product-video {
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 99;
}
.zoompro-wrap .zoompro-span .product-video a {
  background-color: #fa6bff;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 5px 15px 5px;
}
@media only screen and (max-width: 767px) {
  .zoompro-wrap .zoompro-span .product-video a {
    padding: 3px 10px 3px;
  }
}
.zoompro-wrap .zoompro-span img {
  width: 100%;
}

.dec-img-wrap {
  position: relative;
}
.dec-img-wrap img {
  width: 100%;
}
.dec-img-wrap span {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
  background-color: #fa6bff;
  z-index: 99;
}

@media only screen and (max-width: 767px) {
  .sidebar-active .product-details-content {
    margin-top: 0;
  }
}

.sidebar-active.col-lg-6 {
  padding-left: 15px;
  padding-right: 15px;
}
.sidebar-active.col-lg-6.is-affixed {
  padding-left: 0px;
  padding-right: 0px;
}
.sidebar-active.col-lg-6.is-affixed .inner-wrapper-sticky {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-gallery.mr-20 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-gallery.mr-20 {
    margin-right: 0;
  }
}
.aria-expanded {
  overflow: hidden;
}

#filters {
  position: relative;
  z-index: 90;
}

@media only screen and (max-width: 991px) {
  #filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding-left: 40px;
    background-color: white;
    overflow: auto;
  }
}
.search-message {
  margin: 20px 0px;
  padding: 80px 0px;
}
@media only screen and (min-width: 991px) {
  .search-message {
    margin: 80px 0px;
    padding: 200px 0px;
  }
}
/* affiliate */
.pro-details-affiliate {
  margin: 30px 0;
}
.pro-details-affiliate a {
  color: #fff;
  display: inline-block;
  font-weight: 500;
  background-color: #000;
  line-height: 1;
  padding: 13px 30px 16px;
  z-index: 9;
  border: 1px solid transparent;
}

/* product-details-slider */
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div {
  color: #333;
  font-size: 20px;
  left: 20px;
}
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div:hover {
  color: #ec268f;
}
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 20px;
}

.product-details-slider-active:hover.nav-style-1.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/*----- 20. Cart page  -----*/
@media only screen and (max-width: 767px) {
  .cart-main-area.pb-100 {
    padding-bottom: 60px;
  }
}

h3.cart-page-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px;
}

.cart-table-content table {
  border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr th {
  border-top: medium none;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  padding: 21px 45px 22px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content table thead > tr th {
    padding: 21px 35px 22px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-table-content table thead > tr th {
    padding: 21px 20px 22px;
  }
}
.cart-table-content table tbody > tr {
  border-bottom: 1px solid #ebebeb;
}
.cart-table-content table tbody > tr td.product-thumbnail {
  width: 150px;
}
.cart-table-content table tbody > tr td.product-name {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-name a {
  color: #333;
  font-size: 15px;
  font-weight: 500;
}
.cart-table-content table tbody > tr td.product-name a:hover {
  color: #ec268f;
}
.cart-table-content table tbody > tr td.product-price-cart {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-price-cart span {
  font-weight: 500;
  color: #333;
}
.cart-table-content table tbody > tr td.product-subtotal {
  font-weight: 500;
  color: #333;
}
.cart-table-content table tbody > tr td.product-quantity {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus {
  display: inline-block;
  height: 40px;
  padding: 0;
  position: relative;
  width: 110px;
}
.cart-table-content
  table
  tbody
  > tr
  td.product-quantity
  .cart-plus-minus
  .qtybutton {
  color: #333;
  cursor: pointer;
  float: inherit;
  font-size: 16px;
  margin: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20px;
  text-align: center;
}
.cart-table-content
  table
  tbody
  > tr
  td.product-quantity
  .cart-plus-minus
  .dec.qtybutton {
  border-right: 1px solid #e5e5e5;
  height: 40px;
  left: 0;
  padding-top: 8px;
  top: 0;
}
.cart-table-content
  table
  tbody
  > tr
  td.product-quantity
  .cart-plus-minus
  .inc.qtybutton {
  border-left: 1px solid #e5e5e5;
  height: 40px;
  padding-top: 9px;
  right: 0;
  top: 0;
}
.cart-table-content
  table
  tbody
  > tr
  td.product-quantity
  .cart-plus-minus
  input.cart-plus-minus-box {
  color: #333;
  float: left;
  font-size: 14px;
  height: 40px;
  margin: 0;
  width: 110px;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  padding: 0;
  text-align: center;
}
.cart-table-content table tbody > tr td.product-remove {
  width: 100px;
}
.cart-table-content table tbody > tr td.product-remove a {
  color: #666;
  font-size: 17px;
  margin: 0 13px;
}
.cart-table-content table tbody > tr td.product-remove a:hover {
  color: #ec268f;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a {
  background-color: #ec268f;
  border-radius: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 7px 12px;
  text-transform: uppercase;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a:hover {
  background-color: #333;
}
.cart-table-content table tbody > tr td {
  color: #333;
  font-size: 15px;
  padding: 30px 0;
  text-align: center;
}

.cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 0px 55px;
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: block;
    padding: 30px 0px 15px;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update > a,
.cart-shiping-update-wrapper .cart-clear > button,
.cart-shiping-update-wrapper .cart-clear > a {
  background-color: #f2f2f2;
  border-radius: 50px;
  color: #363f4d;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 63px 17px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
  .cart-shiping-update-wrapper .cart-clear > button,
  .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px 17px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
  .cart-shiping-update-wrapper .cart-clear > button,
  .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 40px 17px;
    margin: 0 0 15px;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update > a:hover,
.cart-shiping-update-wrapper .cart-clear > button:hover,
.cart-shiping-update-wrapper .cart-clear > a:hover {
  background-color: #ec268f;
  color: #fff;
}
.cart-shiping-update-wrapper .cart-clear > button {
  border: medium none;
  cursor: pointer;
  margin-right: 27px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-clear > button {
    margin-right: 15px;
  }
}

.cart-tax,
.discount-code-wrapper {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax,
  .discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-tax,
  .discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
.cart-tax .title-wrap,
.discount-code-wrapper .title-wrap {
  position: relative;
}
.cart-tax .title-wrap::before,
.discount-code-wrapper .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax .title-wrap h4.cart-bottom-title,
  .discount-code-wrapper .title-wrap h4.cart-bottom-title {
    font-size: 16px;
  }
}
.cart-tax .title-wrap .section-bg-gray,
.discount-code-wrapper .title-wrap .section-bg-gray {
  background-color: #f8f9f9;
  position: relative;
  z-index: 99;
}
.cart-tax .tax-wrapper,
.discount-code-wrapper .tax-wrapper {
  margin-top: 22px;
}
.cart-tax .tax-wrapper p,
.discount-code-wrapper .tax-wrapper p {
  margin: 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper {
  margin: 5px 0 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select {
  margin: 0 0 26px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select label,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select label {
  color: #242424;
  font-size: 14px;
  margin: 0 0 5px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url("../themes/miguardarropa/assets/img/icon-img/cart.png") no-repeat scroll
    right 18px center;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #242424;
  font-size: 12px;
  height: 40px;
  padding: 0 50px 0 15px;
  width: 100%;
  cursor: pointer;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select input,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 40px;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2 {
  background-color: #ec268f;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 42px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,
.discount-code-wrapper
  .tax-wrapper
  .tax-select-wrapper
  button.cart-btn-2:hover {
  background-color: #333;
}
.cart-tax .discount-code,
.discount-code-wrapper .discount-code {
  margin: 21px 0 0;
}
.cart-tax .discount-code p,
.discount-code-wrapper .discount-code p {
  margin: 0 0 15px;
}
.cart-tax .discount-code form input,
.discount-code-wrapper .discount-code form input {
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 10px;
}
.cart-tax .discount-code form button.cart-btn-2,
.discount-code-wrapper .discount-code form button.cart-btn-2 {
  background-color: #ec268f;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 42px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .discount-code form button.cart-btn-2:hover,
.discount-code-wrapper .discount-code form button.cart-btn-2:hover {
  background-color: #333;
}

.grand-totall {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand-totall {
    padding: 45px 18px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-totall {
    margin-top: 30px;
  }
}
.grand-totall .title-wrap {
  position: relative;
}
.grand-totall .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.grand-totall .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
.grand-totall .title-wrap .section-bg-gary-cart {
  background-color: #f9f9f9;
  position: relative;
  z-index: 9;
}
.grand-totall h5 {
  font-size: 14px;
  margin: 36px 0 27px;
}
.grand-totall h5 span {
  float: right;
  font-size: 18px;
  font-weight: 500;
}
.grand-totall .total-shipping {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin: 0 0 27px;
  padding: 28px 0;
}
.grand-totall .total-shipping h5 {
  font-size: 14px;
  margin: 0;
}
.grand-totall .total-shipping ul {
  padding: 19px 0 0 0px;
}
.grand-totall .total-shipping ul li {
  color: #242424;
  list-style: outside none none;
  margin: 0 0 6px;
}
.grand-totall .total-shipping ul li:last-child {
  margin: 0 0 0px;
}
.grand-totall .total-shipping ul li input {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 5px !important;
  color: #626262;
  cursor: pointer;
  height: 13px;
  margin-right: 10px;
  padding: 0;
  position: relative;
  top: 2px;
  width: 13px;
}
.grand-totall .total-shipping ul li span {
  float: right;
}
.grand-totall h4.grand-totall-title {
  color: #ec268f;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 25px;
}
.grand-totall h4.grand-totall-title span {
  float: right;
}
.grand-totall a {
  background-color: #ec268f;
  border-radius: 50px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 10px 17px;
  text-align: center;
  text-transform: uppercase;
}
.grand-totall a:hover {
  background-color: #333;
}

@media only screen and (max-width: 767px) {
  .discount-code-wrapper {
    margin: 30px 0;
  }
}

/*------- 21. Checkout page  -----------*/
.billing-info-wrap h3 {
  font-size: 20px;
  color: #000;
  margin: 0 0 20px;
  font-weight: 500;
}

.billing-info-wrap .billing-info label,
.billing-info-wrap .billing-select label {
  color: #000;
  margin: 0 0 7px;
}

.billing-info-wrap .billing-info input,
.billing-info-wrap .billing-select input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
}

.billing-info-wrap .billing-info input.billing-address,
.billing-info-wrap .billing-select input.billing-address {
  margin-bottom: 10px;
}

.billing-info-wrap .billing-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 14px;
  height: 45px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../themes/miguardarropa/assets/img/icon-img/select.png")
    no-repeat scroll right 18px center;
  cursor: pointer;
}

.billing-info-wrap .checkout-account {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.billing-info-wrap .checkout-account input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
}
.billing-info-wrap .checkout-account span {
  color: #333;
  font-weight: 400;
  margin: 0 0 0 12px;
}

.billing-info-wrap .checkout-account-toggle input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  margin: 0 0 20px;
}

.billing-info-wrap .checkout-account-toggle button.checkout-btn {
  background-color: #ec268f;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  padding: 10px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  z-index: 9;
}
.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {
  background-color: #333;
}

.billing-info-wrap .additional-info-wrap h4 {
  font-size: 16px;
  font-weight: 500;
}

.billing-info-wrap .additional-info-wrap .additional-info label {
  color: #333;
  font-size: 14px;
  margin: 0 0 7px;
}

.billing-info-wrap .additional-info-wrap .additional-info textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 14px;
  height: 138px;
  padding: 17px 20px;
}

.billing-info-wrap .different-address {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .your-order-area {
    margin-top: 30px;
  }
}

.your-order-area h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 20px;
  color: #000;
}

.your-order-area .your-order-wrap {
  padding: 38px 45px 44px;
  background: #f6f6f6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .your-order-area .your-order-wrap {
    padding: 30px 20px 36px;
  }
}
@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap {
    padding: 30px 20px 36px;
  }
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-top
  ul
  li {
  font-size: 16px;
  font-weight: 500;
  list-style: outside none none;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
  border-bottom: 1px solid #dee0e4;
  border-top: 1px solid #dee0e4;
  margin: 29px 0;
  padding: 19px 0 18px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-middle
  ul
  li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-bottom
  ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-bottom
  ul
  li {
  font-size: 14px;
  font-weight: 400;
  list-style: none;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-bottom
  ul
  li.your-order-shipping {
  font-size: 16px;
  color: #212121;
  font-weight: 400;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total {
  border-bottom: 1px solid #dee0e4;
  border-top: 1px solid #dee0e4;
  margin: 18px 0 33px;
  padding: 17px 0 19px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-total
  ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-total
  ul
  li.order-total {
  font-weight: 500;
  color: #212121;
  font-size: 18px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-total
  ul
  li {
  font-weight: 500;
  color: #ec268f;
  font-size: 16px;
  list-style: outside none none;
}

.your-order-area .payment-accordion {
  margin: 0 0 16px;
}
.your-order-area .payment-accordion:last-child {
  margin: 0 0 0px;
}
.your-order-area .payment-accordion h4 {
  color: #212121;
  font-size: 16px;
  margin: 0;
}
.your-order-area .payment-accordion h4 a {
  color: #212121;
  position: relative;
  display: block;
}
.your-order-area .payment-accordion h4 a:hover {
  color: #ec268f;
}
.your-order-area .payment-accordion .panel-body {
  padding: 5px 0 0 0px;
}
.your-order-area .payment-accordion .panel-body p {
  padding: 0 0 0 10px;
  font-size: 14px;
  color: #333;
}

.your-order-area .Place-order > a {
  background-color: #ec268f;
  color: #fff;
  display: block;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  padding: 18px 20px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50px;
  z-index: 9;
}
.your-order-area .Place-order > a:hover {
  background-color: #333;
}

@media only screen and (max-width: 767px) {
  .checkout-area.pb-100 {
    padding-bottom: 60px;
  }
}

/*------ 22. contact Page  ------*/
.contact-map #map {
  height: 560px;
}
@media only screen and (max-width: 767px) {
  .contact-map #map {
    height: 400px;
  }
}

.contact-info-wrap {
  background-color: #f3f3f3;
  padding: 145px 70px 116px 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-wrap {
    padding: 120px 20px 116px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-wrap {
    padding: 120px 20px 116px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info-wrap {
    padding: 50px 20px 45px 30px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
}
.contact-info-wrap .single-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.contact-info-wrap .single-contact-info .contact-icon {
  margin-right: 20px;
}
.contact-info-wrap .single-contact-info .contact-icon i {
  font-size: 20px;
  color: #252525;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #252525;
  text-align: center;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.contact-info-wrap .single-contact-info .contact-info-dec p {
  line-height: 1;
  color: #404040;
  margin: 0 0 9px;
}
.contact-info-wrap .single-contact-info .contact-info-dec p a {
  color: #404040;
}
.contact-info-wrap .single-contact-info .contact-info-dec p a:hover {
  color: #ec268f;
}
.contact-info-wrap .single-contact-info .contact-info-dec p:last-child {
  margin: 0;
}
.contact-info-wrap .single-contact-info:hover .contact-icon i {
  background-color: #252525;
  color: #fff;
}

.contact-social {
  margin-top: 58px;
}
.contact-social h3 {
  font-weight: 500;
  color: #4d4d4d;
  font-size: 24px;
  margin: 0 0 17px;
  line-height: 1;
}
.contact-social ul li {
  margin: 0 10px;
  display: inline-block;
}
.contact-social ul li a {
  font-size: 16px;
  color: #4d4d4d;
}
.contact-social ul li a:hover {
  color: #ec268f;
}

.contact-form {
  background-color: #f3f3f3;
  padding: 50px 110px 50px 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form {
    padding: 50px 50px 50px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form {
    padding: 50px 30px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form {
    padding: 50px 30px 50px 30px;
  }
}
.contact-form .contact-title h2 {
  font-size: 24px;
  font-weight: 500;
  color: #464646;
  line-height: 1;
  margin-bottom: 36px;
}
.contact-form .contact-form-style input,
.contact-form .contact-form-style textarea {
  background: transparent;
  border: 1px solid #c1c1c1;
  height: 40px;
  padding: 2px 14px;
  color: #000;
}
.contact-form .contact-form-style textarea {
  padding: 20px 14px;
  margin-bottom: 0px;
  height: 175px;
}
.contact-form .contact-form-style button {
  border: none;
  background-color: #404040;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  padding: 15px 52px;
  margin-top: 25px;
}
.contact-form .contact-form-style button:hover {
  background-color: #ec268f;
}
.contact-form p {
  color: #333;
}
.contact-form p.success {
  margin-top: 10px;
}

.contact-form-style .row div[class^="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .contact-area.pb-100 {
    padding-bottom: 60px;
  }
}

/*------ 23. Blog Details Page  -------*/
.blog-details-top .blog-details-img {
  position: relative;
}
.blog-details-top .blog-details-img img {
  width: 100%;
}
.blog-details-top .blog-details-img .video-icon {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-details-top .blog-details-img .video-icon a {
  background-color: #ff0000;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  height: 60px;
  line-height: 61px;
  width: 60px;
}
.blog-details-top .blog-details-img .video-icon a:hover {
  background-color: #ec268f;
}

.blog-details-top .blog-details-content {
  margin-top: 30px;
}
.blog-details-top .blog-details-content .blog-meta-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li {
  color: #333;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  list-style: outside none none;
  margin: 0 17px 0 0;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li::before {
  background-color: #555;
  content: "";
  height: 2px;
  position: absolute;
  right: -13px;
  top: 6px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 5px;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li:last-child::before {
  display: none;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li a {
  color: #333;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li a:hover {
  color: #ec268f;
}
.blog-details-top .blog-details-content h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 8px 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 18px;
  }
}
.blog-details-top .blog-details-content p {
  margin: 0;
  line-height: 26px;
}
.blog-details-top .blog-details-content blockquote {
  color: #333;
  font-size: 18px;
  margin: 25px 0 26px;
  line-height: 34px;
  font-weight: 500;
  font-style: italic;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 16px;
    line-height: 30px;
  }
}

.dec-img-wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .dec-img-wrapper {
    margin-top: 30px;
  }
}
.dec-img-wrapper .dec-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .dec-img-wrapper .dec-img.mb-50 {
    margin-bottom: 30px;
  }
}

.tag-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0 30px;
}
@media only screen and (max-width: 767px) {
  .tag-share {
    display: block;
    margin: 20px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tag-share .dec-tag {
    margin-bottom: 10px;
  }
}
.tag-share .dec-tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tag-share .dec-tag ul li {
  margin-right: 10px;
  position: relative;
}
.tag-share .dec-tag ul li a {
  text-transform: capitalize;
  font-size: 15px;
}
.tag-share .blog-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tag-share .blog-share span {
  font-size: 15px;
  text-transform: capitalize;
}
.tag-share .blog-share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tag-share .blog-share ul li {
  margin-left: 10px;
}
.tag-share .blog-share ul li a {
  font-size: 16px;
}

.next-previous-post {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 18px 0 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.next-previous-post a {
  font-size: 15px;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper.mt-55 {
    margin-top: 25px;
  }
}

.blog-comment-wrapper .blog-dec-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .blog-dec-title {
    font-size: 18px;
  }
}

.blog-comment-wrapper .single-comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper {
    display: block;
  }
  .blog-comment-wrapper .single-comment-wrapper.mt-35 {
    margin-top: 20px;
  }
  .blog-comment-wrapper .single-comment-wrapper.mt-50 {
    margin-top: 30px;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  margin-right: 28px;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img {
    margin-right: 28px;
    margin-bottom: 20px;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {
    width: auto;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content span {
  display: block;
  font-size: 15px;
  margin: 6px 0 8px;
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content p {
  font-size: 14px;
  margin-bottom: 10px;
}
.blog-comment-wrapper
  .single-comment-wrapper
  .blog-comment-content
  .blog-details-btn
  a {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper.ml-120 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .blog-reply-wrapper.mt-50 {
    margin-top: 30px;
  }
}

.blog-reply-wrapper .blog-dec-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-dec-title {
    font-size: 18px;
  }
}

.blog-reply-wrapper .blog-form {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-form {
    margin-top: 20px;
  }
}
.blog-reply-wrapper .blog-form .leave-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
  height: 45px;
  margin-bottom: 30px;
  padding-left: 20px;
}
.blog-reply-wrapper .blog-form .text-leave textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
  height: 250px;
  padding-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
.blog-reply-wrapper .blog-form .text-leave input {
  background-color: #ec268f;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  height: inherit;
  letter-spacing: 1px;
  margin-top: 10px;
  padding: 14px 30px 13px;
  width: inherit;
}
.blog-reply-wrapper .blog-form .text-leave input:hover {
  background-color: #333;
}

.nav-style-4.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/*------ 24. login register Page  --------*/
.login-register-wrapper .login-register-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}
.login-register-wrapper .login-register-tab-list a {
  position: relative;
}
.login-register-wrapper .login-register-tab-list a::before {
  background-color: #454545;
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 1px;
}
.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-register-tab-list a:last-child::before {
  display: none;
}
.login-register-wrapper .login-register-tab-list a.active h4 {
  color: #ec268f;
}

.login-register-wrapper .login-form-container {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 80px;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}
.login-register-wrapper .login-form-container .login-register-form form input {
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #333;
  font-size: 14px;
  height: 45px;
  margin-bottom: 30px;
  padding: 0 15px;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  input[type="checkbox"] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 1px;
  width: 17px;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn {
  padding: 10px 0 19px;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  label {
  color: #242424;
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    label {
    font-size: 14px;
  }
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a {
  color: #242424;
  float: right;
  font-size: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    a {
    font-size: 14px;
  }
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a:hover {
  color: #ec268f;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button {
  background-color: #f2f2f2;
  border: medium none;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 11px 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button:hover {
  background-color: #ec268f;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .login-register-area.pb-100 {
    padding-bottom: 60px;
  }
}

/*------ 25. My account Page  ------*/
.single-my-account {
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
}
.single-my-account h3.panel-title {
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebebeb;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .single-my-account h3.panel-title {
    line-height: 22px;
    font-size: 14px;
  }
}
.single-my-account h3.panel-title span {
  color: #242424;
  font-size: 15px;
  left: 20px;
  position: absolute;
  top: 16px;
}
.single-my-account h3.panel-title a {
  color: #242424;
  display: block;
  padding: 16px 55px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .single-my-account h3.panel-title a {
    padding: 16px 30px 16px 40px;
  }
}
.single-my-account h3.panel-title a:hover {
  color: #ec268f;
}
.single-my-account h3.panel-title a::before {
  color: #000;
  content: "\f107";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 19px;
}
.single-my-account h3.panel-title a:hover::before {
  color: #ec268f;
}
.single-my-account .myaccount-info-wrapper {
  padding: 30px 20px;
  background-color: #fff;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 28px;
  padding-bottom: 30px;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h4 {
  font-size: 15px;
  margin: 0;
  text-transform: uppercase;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h5 {
  font-size: 16px;
  letter-spacing: 0.2px;
  margin-top: 7px;
}
.single-my-account .myaccount-info-wrapper .billing-info {
  margin-bottom: 20px;
}
.single-my-account .myaccount-info-wrapper .billing-info label {
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
}
.single-my-account .myaccount-info-wrapper .billing-info input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #000;
  height: 40px;
  padding: 0 15px;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a {
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.single-my-account
  .myaccount-info-wrapper
  .billing-back-btn
  .billing-back
  a:hover {
  color: #ec268f;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i {
  font-size: 16px;
  color: #ec268f;
}
.single-my-account
  .myaccount-info-wrapper
  .billing-back-btn
  .billing-btn
  button {
  background-color: #f2f2f2;
  border: medium none;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 16px 35px 17px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-my-account
  .myaccount-info-wrapper
  .billing-back-btn
  .billing-btn
  button:hover {
  background: #ec268f;
  color: #fff;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper {
  border: 1px solid #eaeaea;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper {
    padding: 30px 10px;
  }
  .single-my-account .myaccount-info-wrapper .entries-wrapper::before {
    display: none;
  }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  background-color: #eaeaea;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
  padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
    padding: 0 10px 30px;
  }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p {
  color: #000;
  font-size: 15px;
  margin: 0;
  text-transform: capitalize;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a {
  background-color: #000;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 0 2px;
  padding: 12px 15px;
  text-transform: uppercase;
  font-weight: 500;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a:hover {
  background-color: #ec268f;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a.edit {
  background-color: #df5c39;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a.edit:hover {
  background-color: #ec268f;
}

.error h1 {
  font-size: 17rem;
  font-weight: bold;
  letter-spacing: 1rem;
  line-height: 1.1;
  margin-bottom: 30px;
  color: #ec268f;
}
.error-msg-hide {
  opacity: 0;
}
.error-msg {
  color: red;
  height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error h1 {
    font-size: 15rem;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error h1 {
    font-size: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  .error h1 {
    font-size: 7rem;
    line-height: 88px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error h1 {
    font-size: 9rem;
    line-height: 100px;
  }
}

.error h2 {
  font-size: 25px;
  font-weight: 600;
}

.error-btn {
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  font-size: 16px;
  min-width: 184px;
  min-height: 55px;
  line-height: 55px;
  margin-bottom: 6px;
  padding: 0 10px;
  border: none;
  border-radius: 0;
  background-color: #ec268f;
  display: inline-block;
}
.error-btn:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -6px;
  height: 3px;
  width: 100%;
  background-color: #ec268f;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.error-btn:hover {
  background-color: #111111;
  color: #fff;
}
.error-btn:hover:after {
  background-color: #111111;
}

.searchform {
  position: relative;
}
.searchform input {
  border: 1px solid #eeeeee;
  height: 45px;
  width: 100%;
  padding-left: 15px;
  padding-right: 80px;
  background-color: transparent;
}
.searchform button {
  border: none;
  background-color: #ec268f;
  width: 70px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.searchform button:hover {
  background-color: #000;
}
@media only screen and (max-width: 767px) {
  .searchform.mb-50 {
    margin-bottom: 20px;
  }
}

.flash-message {
  background-color: #ec268f !important;
  color: white !important;
}

#test h3 {
  color: #ec268f;
}

.test-option-wrapper {
  background-color: #ecf0f1;
  max-height: 610px;
  max-width: 330px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #ecf0f1;
  border-radius: 5px;
}
.test-option {
  width: 100%;
}
.test-option img {
  width: 100%;
  max-height: 525px;
}
.test-option-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding-top: 10px;
}

.test-option-input input {
  width: 10%;
  height: 20px;
}

.test-option-input label {
  width: 85%;
  margin-bottom: 0;
  margin-left: 10px;
}

#morphologic_test {
  height: 50vh;
}

.test-start {
  display: flex;
  flex-direction: column;
  height: 50vh;
  justify-content: center;
  align-items: center;
}

.btn-result {
  display: flex;
}

.test-error-msg {
  color: red;
  font-size: 16px;
  display: block;
  padding: 20px 0;
}

.colorimetry {
  max-width: 330px;
}

.colorimetry img {
  max-width: 100%;
  max-height: 525px;
}
.result-body-img {
  max-width: 330px;
}

.result-body-img img {
  max-width: 100%;
  max-height: 525px;
}

[v-cloak] {
    display: none;
}

.filter-clean-btn {
    height: 38px;
}

.btn-close-filters {
    display: none;
}

@media only screen and (max-width: 991px) {
    .btn-close-filters {
        position: absolute;
        display: block;
        top: 0;
        right: 20px;
        cursor: pointer;
    }
}