/* 	----------------------------------------------------------------------------------------------	
										1 - FONTS																											
	----------------------------------------------------------------------------------------------	*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Russo+One&family=Archivo+Black&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
}

:root {
  /* Display — Cormorant Garamond */
  --text-display-2xl: clamp(3.5rem, 8vw, 7rem);
  --text-display-xl:  clamp(2.5rem, 5vw, 5rem);
  --text-display-lg:  clamp(2rem, 4vw, 3.5rem);
  --text-display-md:  clamp(1.5rem, 3vw, 2.5rem);
  --text-display-sm:  clamp(1.25rem, 2vw, 2rem);

  /* Body — DM Sans */
  --text-xl:   1.25rem;
  --text-lg:   1.125rem;
  --text-base: 1rem;
  --text-sm:   0.875rem;
  --text-xs:   0.75rem;

  --leading-tight:   1.1;
  --leading-snug:    1.3;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.05em;
  --tracking-widest:  0.12em;
}


:root {
  /* Base */
  --color-canvas:         #FAF8F5;
  --color-surface:        #F5F2EE;
  --color-surface-raised: #FFFFFF;
  --color-border:         #E8E2D9;
  --color-border-strong:  #C8BFB2;

  /* Text */
  --color-text-primary:   #1C1612;
  --color-text-secondary: #5C524A;
  --color-text-tertiary:  #8C8178;
  --color-text-inverse:   #FFFFFF;

  /* Brand */
  --color-accent:         #ffcd37;
  --color-accent-hover:   #A8511F;
  --color-accent-light:   #F9EBE4;

  /* Status */
  --color-success:        #2D7A4F;
  --color-success-light:  #EBF5EF;
  --color-warning:        #B8860B;
  --color-error:          #C0392B;

  /* Special */
  --color-gold:           #C9A84C;
  --color-forest:         #2D5A4B;
  --color-stone:          #9E9589;
  --white:                #ffffff;
}

:root {
  --space-1:  0.25rem;   /* 4px */
  --space-2:  0.5rem;    /* 8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.5rem;    /* 24px */
  --space-6:  2rem;      /* 32px */
  --space-7:  2.5rem;    /* 40px */
  --space-8:  3rem;      /* 48px */
  --space-9:  4rem;      /* 64px */
  --space-10: 5rem;      /* 80px */
  --space-11: 6rem;      /* 96px */
  --space-12: 8rem;      /* 128px */

  --section-gap:       clamp(4rem, 8vw, 8rem);
  --section-gap-large: clamp(6rem, 12vw, 12rem);
  --container-padding: clamp(1rem, 5vw, 3rem);
}

:root {
  --container-max:    1400px;
  --container-narrow: 960px;
  --grid-gap:         clamp(1rem, 2vw, 1.5rem);
  --sidebar-width:    280px;
  --header-height:    72px;
  --announcement-height: 40px;
}


:root {
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --radius-full: 9999px;
}

:root {
  --shadow-xs:     0 1px 2px rgba(28, 22, 18, 0.06);
  --shadow-sm:     0 2px 8px rgba(28, 22, 18, 0.08);
  --shadow-md:     0 4px 20px rgba(28, 22, 18, 0.10);
  --shadow-lg:     0 8px 40px rgba(28, 22, 18, 0.12);
  --shadow-drawer: 0 16px 64px rgba(28, 22, 18, 0.14);
  --shadow-modal:  0 24px 80px rgba(28, 22, 18, 0.20);
}

:root {
  /* Buttons */
  --btn-height-sm: 36px;
  --btn-height-md: 44px;
  --btn-height-lg: 52px;
  --btn-font-size:      0.875rem;
  --btn-font-weight:    500;
  --btn-letter-spacing: 0.04em;
  --btn-padding-x:      var(--space-6);
  --btn-radius:         var(--radius-md);

  --btn-primary-bg:       var(--color-accent);
  --btn-primary-color:    #fff;
  --btn-primary-hover-bg: var(--color-accent-hover);

  --btn-secondary-bg:       transparent;
  --btn-secondary-color:    var(--color-text-primary);
  --btn-secondary-border:   var(--color-border-strong);
  --btn-secondary-hover-bg: var(--color-surface);

  /* Inputs */
  --input-height:      48px;
  --input-padding-x:   var(--space-4);
  --input-border:      var(--color-border);
  --input-border-focus: var(--color-text-primary);
  --input-bg:          var(--color-surface-raised);
  --input-radius:      var(--radius-sm);

  /* Product cards */
  --card-radius:       0;
  --card-image-ratio:  3/4;
}

.row:after, .row:before, .container:before, .container:after {display:none;}
.count {background: var(--color-accent);color: #fff;font-size: 10px;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;position: absolute;margin: -20px -20px 0 0;text-align: center;}
.slick-prev:before {content: '\f104'!important;font-family: 'Font Awesome 5 Pro' !important;}
.slick-next:before {content: '\f105'!important;font-family: 'Font Awesome 5 Pro' !important;}
.body_overlay {display:none;background: rgb(0 0 0 / 50%);width: 100%;height: 100vh;position: fixed;top: 0;z-index: 999;backdrop-filter: blur(4px);}
.slide_box {padding:0px;position: fixed;top: 0;right: -450px;background: #fff;z-index: 99999999;width: 450px;overflow-x: hidden;overflow-y: auto;height: 100vh;border-left: 1px solid #f0f3f4;display:none;}
.slide_box_nopad {position: fixed;top: 0;right: -450px;background: #fff;z-index: 99999999;width: 450px;overflow-x: hidden;overflow-y: auto;height: 100vh;border-left: 1px solid #f0f3f4;display:none;}
.slide_box_container {padding:30px;}
.slide_box_container .desc {text-align: justify;font-size: 13px;line-height: 20px;margin: 0 0 15px;opacity: .9;}
.slide_box .close-btn, .slide_box_nopad .close-btn, .slide_box .close-btn, .slide_box_nopad_up .close-btn {}
.slide_box .header_section, .slide_box_nopad .header_section,  .slide_box_nopad_up .header_section {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e5e5e5;padding: 15px 20px;line-height: 16px;font-size: 16px;font-weight: 500;margin:0;}
.slide_box .header_section a i, .slide_box_nopad a i {font-size: 20px;}
.container {padding:0;}
.container .row {margin: 0;}
.col-md-12 {float:none;}
hg {color:var(--color-accent);}

/* Typography */
.title_1 {font-weight:800;font-size:32px;color: #022746;margin-bottom: 50px;}
.title_1 .sub {display:block;font-weight:400;font-size:16px;line-height: 22px;opacity: .6;margin-top: 10px;color: #333;}
.title_1.tight {width: 80%;margin: 0 auto;}
.title_1.devide {display: grid;grid-template-columns: repeat(2, 1fr);align-items: flex-start;}
.title_1.big {font-size: 44px;line-height: 54px;}
.sub_top {display: block;text-transform: uppercase;font-weight: 500;font-size: 14px;line-height: 18px;letter-spacing: 3px;color: #07c7ff;margin-bottom: 10px;}

/* = Button
-------------------------------------------------------------- */
.btn, .button {display:flex;gap:5px;align-items:center;color:#fff;justify-content: center;box-shadow: none;border: 1px solid rgb(255 255 255 / 65%);border-radius: 999px;font-size: 13px;line-height: 20px;letter-spacing:.5px;font-weight: 500;padding: 10px 20px;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;outline:0 !important;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.btn-border {border:1px solid #e8e8e8;}
.btn:hover, .btn:focus, .button:focus {color: #200955;text-decoration: none;outline:none;}
.btn.primary {background: var(--color-accent);color: #000;border:1px solid var(--color-accent);}
.btn.primary:hover {color:#022746;background:#ffc107;border:1px solid #ffc107;}
.btn.outline {}
.btn.outline:hover {color:#000;background:#fff;}
.btn i {position: relative;top: 1px;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.btn:hover i {margin-left:3px;}
.btn_section {display:flex;gap:10px;align-items:center;}

/* Aspect Ratios */
.aspect-box-square {position:relative;width:100%;padding-top:100%;aspect-ratio:1 / 1;}
.aspect-box-square > * {position:absolute;top:0;left:0;width:100%;height:100%;}

.aspect-box-600-400 {position:relative;width:100%;padding-top:calc(400 / 600 * 100%);aspect-ratio:600 / 400;}
.aspect-box-600-400 > * {position:absolute;top:0;left:0;width:100%;height:100%;}

.aspect-box-400-500 {position:relative;width:100%;padding-top:calc(500 / 400 * 100%);aspect-ratio:400 / 500;}
.aspect-box-400-500 > * {position:absolute;top:0;left:0;width:100%;height:100%;}

.aspect-box-400-600 {position:relative;width:100%;padding-top:calc(600 / 400 * 100%);aspect-ratio:400 / 600;}
.aspect-box-400-600 > * {position:absolute;top:0;left:0;width:100%;height:100%;}

.aspect-box-400-500 {position:relative;width:100%;padding-top:calc(500 / 400 * 100%);aspect-ratio:400 / 500;}
.aspect-box-400-500 > * {position:absolute;top:0;left:0;width:100%;height:100%;}

.aspect-box-16-9 {position:relative;width:100%;padding-top:calc(9 / 16 * 100%);aspect-ratio:16 / 9;}
.aspect-box-16-9 > * {position:absolute;top:0;left:0;width:100%;height:100%;}

.aspect-box-1200-630 {position:relative;width:100%;padding-top:calc(630 / 1200 * 100%);aspect-ratio:1200 / 630;}
.aspect-box-1200-630 > * {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Mobile-first */
/* sm  */ @media (min-width: 480px)  { }
/* md  */ @media (min-width: 768px)  { }
/* lg  */ @media (min-width: 1024px) { }
/* xl  */ @media (min-width: 1280px) { }
/* 2xl */ @media (min-width: 1536px) { }

/* 	----------------------------------------------------------------------------------------------	
										A - GENERAL STYLE																												
	----------------------------------------------------------------------------------------------	*/

/* = Global Wrap Style
-------------------------------------------------------------- */
body {padding:0 !important;font-family: 'Google Sans Flex';color: #022746;font-size: 13px;font-weight:400;}
body.boxed-layout {
	background-size: 105px 105px;
	background-repeat: repeat;
	background-image: url('../img/project_papper.png');
}
.wrapper {max-width:1170px;margin:0 auto;background:#ffffff;}
.boxed-layout .wrapper {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
.wide-layout .wrapper {max-width:100%; overflow:hidden;}
h1,h2,h3 {margin-top: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: 700;margin-top: 0;}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	line-height:20px;
	padding:5px;
	border: 1px solid #e5e5e5;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	outline:0;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  	border: 1px solid var(--color-accent) !important;
 	box-shadow:none;
	-moz-box-shadow:none;
 	-webkit-box-shadow:none;
	outline:0;
}

.radio, .checkbox {margin-left:20px;}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

a {color: #333;text-decoration: none;cursor:pointer;}
a:focus {outline:none;}
a:hover {color: #200955;text-decoration: none;}
.clear {clear:both;}

blockquote p {margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 20px;}

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

a i, .btn i, span i {}

/* inline ul, ol */
ul.inline, ol.inline, ul.inline ul, ol.inline ol { margin:0;padding:0;list-style:none;}
ul.inline li, ol.inline li {display:inline-block;padding:0;margin: 0 5px 0 0;list-style:none;}
ul.inline li:last-child, ol.inline li:last-child {margin-right:0;}

/* multi line ul, ol */
ul.mline, ol.mline, ul.mline ul, ol.mline ol { margin:0;padding:0;list-style:none;}
ul.mline li, ol.mline li {padding:0;margin: 0 0 5px 0;}
ul.mline li:last-child, ol.mline li:last-child {margin-bottom:0;}
.the-icons i {width: 20px;text-align: center;margin-right: 5px;}

/* 	----------------------------------------------------------------------------------------------	
										B - LAYOUT																													
	----------------------------------------------------------------------------------------------	*/



/* header */
#header-wrap {position:fixed;z-index: 9;width: 100%;margin: 0 auto;background: rgb(2 30 54 / 25%);}

#header-wrap #header-topbar {background: #f9f8f2;line-height: 20px;font-size:12px;color:#333;}
#header-wrap #header-topbar .container {display: grid;grid-template-columns: repeat(2, 1fr);justify-content: space-between;align-items: center;padding: 0;}
#header-wrap #header-topbar .container:before {display:none;}
#header-wrap #header-topbar .container #header-topbar-left-content {}
#header-wrap #header-topbar .container #header-topbar-right-content {}
#header-wrap #header-topbar .container #header-topbar-right-content .custom_top_menu_right {display: flex;align-items: center;gap: 15px;justify-content: flex-end;}
#header-wrap #header-topbar .container #header-topbar-right-content .custom_top_menu_right > li {}
#header-wrap #header-topbar .container #header-topbar-right-content .custom_top_menu_right > li a {font-size: 12px;line-height: 12px;color: #333;text-decoration:none;padding: 12px 0px;display: flex;align-items: center;}
#header-wrap #header-topbar .container #header-topbar-right-content .custom_top_menu_right > li a i {font-size: 14px;}
#header-wrap #header-topbar .container #header-topbar-right-content .custom_top_menu_right > li a .txt {}
#header-wrap #header-topbar .container #header-topbar-right-content .custom_top_menu_right > li a .txt  {}
#header-wrap #header-topbar .custom-content {line-height: 30px;float: left;margin-right: 10px;}
#header-wrap #header-topbar #header-topbar-right-content .custom-content {float:right;margin:0 8px;}

#header-wrap #header-topbar span.amount {line-height:20px; padding: 0;}

#header-wrap #site-header {}
#header-wrap #site-header #mx-header {padding: 0px 0;}

#header-wrap #site-header #mx-header .container {display: grid;align-items: center;grid-template-columns: auto minmax(0, 1fr) auto;gap: 20px;}
#header-wrap #site-header #mx-header .container .mx-header-logo {}
#header-wrap #site-header #mx-header .container .mx-header-logo .logo {display: block;float:left;}
#header-wrap #site-header #mx-header .container .mx-header-center {} 
#header-wrap #site-header #mx-header .container .mx-header-center .mx-nav-container {}
#header-wrap #site-header #mx-header .container .mx-header-center .mx-nav-container .mx-nav-menu {display: flex;justify-content: center;gap: 0px;align-items: center;}
#header-wrap #site-header #mx-header .container .mx-header-center .mx-nav-container .mx-nav-menu > li {white-space: nowrap;}
#header-wrap #site-header #mx-header .container .mx-header-center .mx-nav-container .mx-nav-menu > li a {display:block;text-align: center;width: auto;font-weight: 400;font-size: 13px;}
#header-wrap #site-header #mx-header .container .mx-header-center .mx-search-form {}
#header-wrap #site-header #mx-header .container .mx-header-center .mx-search-form .mx-form-search {}
#header-wrap #site-header #mx-header .container .mx-header-center .mx-search-form .mx-form-search .searchform {}
#header-wrap #site-header #mx-header .container .mx-header-center .mx-search-form .mx-form-search .searchform {}
#header-wrap #site-header #mx-header .container .mx-header-right {float: none;display: grid;justify-content: flex-end;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul {display: flex;gap: 25px;align-items: center;justify-content: flex-end;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li {white-space: nowrap;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li.mx-wc-login {}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li.mx-wc-login .avatar_container {width: 30px;height: 30px;border-radius: 50%;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li.mx-wc-login .avatar_container .avatar_img {width: 30px;height: 30px;border-radius: 50%;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li.mx-wc-login .avatar_container .avatar_img a {display:block;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li > a {display: flex;justify-content: center;text-align: center;gap: 5px;align-items: center;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li > a i {margin: 0;font-size: 26px;line-height: 26px;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li > a .txt {display: block;font-size: 12px;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li.mx-cart-list {}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li a img {height: 24px;width: auto;}
#header-wrap #site-header #mx-header .container .mx-header-right > ul > li a .count {margin: -20px -20px 0 0;}

/* header menu area */
#header-wrap #site-header #mx-nav {border-top: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;position: relative;background: #ffffff;position: sticky;top: 0;}
#header-wrap #site-header #mx-nav .mx-nav-container {float:none;width:100%;position:relative;}

/* Nav Menu */
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu {display: flex;width: 100%;gap: 35px;align-items: center;justify-content: space-between;position: relative;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu , #header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu ul.sub-menu {list-style:none;margin:0;padding:0;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu ul.sub-menu {position:absolute;display:none;z-index: 2220;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu > li {display:inline-block;margin: 0;padding: 0;float: left;font-family: 'Inter';}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu li.menu-item > a {font-size: 13px;text-decoration:none;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu li.menu-item > a i {font-size:14px;text-decoration:none;display:none;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu > li > a {text-decoration:none;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu > li > a, #header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu li > ul li.menu-item > a {display:inline-block;padding: 10px 0px;line-height: 24px;color: #333;text-decoration:none;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu li > ul li.menu-item > a {text-transform: none;text-decoration:none;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu > li.current-menu-item > a, .mx-nav-menu > li.current-menu-ancestor > a, #header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu > li:hover > a {color: var(--color-accent);border-bottom: var(--color-accent) 1px solid;padding-top: 10px;margin-bottom: -1px;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu > li:hover > a {}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu > li:hover ul.sub-menu {display:block;}
#header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu li i.fa-angle-down, #header-wrap #site-header #mx-nav .mx-nav-container .mx-nav-menu li i.fa-angle-right {float:right;margin-left:5px;margin-right:0;line-height: 24px;}

/* Hero Banner */
.hero_section {height:100vh;display: grid; position: relative; overflow: hidden;}
.hero_section .container {}
.hero_section .container .row {}
.hero_section .container .row .hero_grid {display: grid;grid-template-columns: repeat(2,1fr);gap: 0px;position: relative;top: calc(50vh - (272px - 0px));}
.hero_section .container .row .hero_grid .hero_left {}
.hero_section .container .row .hero_grid .hero_left .hero_badge { font-family:"Google Sans Flex",sans-serif; display:inline-flex; align-items:center; font-size:10px; line-height:11px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.85); margin-bottom:10px; backdrop-filter:blur(4px); gap:.6rem; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:9999px; padding:10px 15px; }
.hero_section .container .row .hero_grid .hero_left .hero_badge .badge-dot {width: 6px;height: 6px;flex-shrink: 0;border-radius: 50%;background: #f5b400;}
.hero_section .container .row .hero_grid .hero_left h1.hero_headline {font-family: "Google Sans Flex", sans-serif;font-size: 60px;color: #fff;font-weight: 700;letter-spacing: -1px;line-height: 68px;margin-bottom: 30px;}
.hero_section .container .row .hero_grid .hero_left h1.hero_headline hg {display: block;color:#07c7ff;}
.hero_section .container .row .hero_grid .hero_left h1.hero_headline .sub {display:block;font-weight: 400;font-size: 16px;letter-spacing: 0;line-height: 22px;color: rgb(255 255 255 / 65%);margin-top: 15px;}
.hero_section .container .row .hero_grid .empty_section {}

.hero_section .container .row .hero_bottom {color: #fff;display: grid;grid-template-columns: repeat(2, 1fr);justify-content: space-between;align-items: flex-end;position: relative;top: calc(100vh - (272px + 78px + 60px + 80px));border-top: 1px solid rgb(255 255 255 / 20%);padding-top: 20px;}
.hero_section .container .row .hero_bottom .stat_container {display: flex;gap: 35px;align-items: center;justify-content: flex-start;}
.hero_section .container .row .hero_bottom .stat_container .hero_stat {display: block;font-family: 'Montserrat';font-weight: 700;font-size: 28px;font-family: "Google Sans Flex", sans-serif;}
.hero_section .container .row .hero_bottom .stat_container .hero_stat .hero_stat-num {display: block;}
.hero_section .container .row .hero_bottom .stat_container .hero_stat .hero_stat-label {display: block;text-transform: uppercase;font-size: 10px;letter-spacing: 1px;font-weight: 400;color:rgba(255,255,255,0.45);}
.hero_section .container .row .hero_bottom .stat_container .hero_stat-divider {width: 1px;background: rgb(255 255 255 / 20%);min-height: 40px;display: block;}
.hero_section .container .row .hero_bottom .hero_trust {display: grid;justify-content: flex-end;font-family: "Google Sans Flex", sans-serif;}
.hero_section .container .row .hero_bottom .hero_trust .hero_trust-stars {display:flex;gap:4px;justify-content: flex-start;align-items: center;font-size: 14px;line-height: 22px;}
.hero_section .container .row .hero_bottom .hero_trust .hero_trust-stars i {font-family: 'Font Awesome 5 Pro';font-weight: 600;font-style: normal;color: #F5B400;font-size: 10px;line-height: 22px;}
.hero_section .container .row .hero_bottom .hero_trust .hero_trust-stars strong {margin-left:5px;}
.hero_section .container .row .hero_bottom .hero_trust .txt {font-weight: 400;display: block;color:rgba(255,255,255,0.45);text-transform: uppercase;font-size: 10px;letter-spacing: 1px;}

.hero_stat-num .odometer.odometer-auto-theme, .hero_stat-num .odometer.odometer-theme-default { display: inline-block; vertical-align: baseline; line-height: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
.hero_stat-num .odometer .odometer-inside, .hero_stat-num .odometer .odometer-digit { display: inline-block; vertical-align: baseline; line-height: inherit; }
.hero_stat-num .odo-suffix { display: inline-block; vertical-align: baseline; line-height: inherit; font-size: inherit; font-weight: inherit; color: inherit; margin-left: 1px; }

.hero_slide {position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1);z-index:0;}
.hero_slide.is-active {opacity:1;}
.hero_section .container {position:relative;z-index:1;}
.hero_slide-dots {position:absolute;right:28px;bottom:calc(272px + 78px + 60px + 30px + 30px);z-index:2;display:flex;flex-direction:column;gap:8px;}
.hero_slide-dot {width:3px;height:22px;background:rgba(255,255,255,.25);border-radius:2px;cursor:pointer;border:none;padding:0;transition:background .35s ease,height .35s ease;}
.hero_slide-dot.is-active {background:#176C8A;height:36px;}
.hero_rotator-wrap {height:40px;overflow:hidden;position:relative;margin-top:14px;opacity:0;transform:translateY(12px);animation:heroRotatorUp .55s var(--ease,ease) .75s both;}
.hero_rotator {position:relative;height:40px;}
.hero_rotator-item {position:absolute;top:0;left:0;font-family:"Google Sans Flex",sans-serif;font-size:22px;font-weight:600;color:var(--color-accent);line-height:40px;white-space:nowrap;opacity:0;transform:translateY(40px);transition:opacity .42s ease,transform .42s cubic-bezier(.4,0,.2,1);pointer-events:none;}
.hero_rotator-item.rot-in {opacity:1;transform:translateY(0);}
.hero_rotator-item.rot-out {opacity:0;transform:translateY(-40px);}
@keyframes heroRotatorUp {to {opacity:1;transform:translateY(0);}}
@media (max-width:1023px) {.hero_slide-dots {right:14px;bottom:80px;}.hero_rotator-wrap,.hero_rotator {height:32px;}.hero_rotator-item {font-size:16px;line-height:32px;transform:translateY(32px);}.hero_rotator-item.rot-out {transform:translateY(-32px);}}
@media (prefers-reduced-motion:reduce) {.hero_slide {transition:none;}.hero_rotator-item {transition:none;}.hero_rotator-wrap {animation:none;opacity:1;transform:none;}}
/* Crossfade — slow enough for smoothness */
.hero_slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.8s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}

.hero_slide.is-active {
    opacity: 1;
    z-index: 1;
}

/* Ken Burns — duration slightly longer than slide interval
   so it never finishes and reverses before the next slide comes */
.hero_slide.kb-active {
    animation: hero_kenburns 7s ease-in-out forwards;
}

@keyframes hero_kenburns {
    0%   { transform: scale(1)    translate(0, 0); }
    100% { transform: scale(1.1)  translate(-1.5%, -1.5%); }
}

@media (prefers-reduced-motion: reduce) {
    .hero_slide.kb-active { animation: none; }
}

/* Who We are */
.who_we_are_section {}
.who_we_are_section .container {display: grid;grid-template-columns: repeat(2, 1fr);width: 100%;gap: 100px;align-items: center;}
.who_we_are_section .container .image_section {padding: 0px;}
.who_we_are_section .container .image_section .who_image_container {border-radius: 10px;overflow: hidden;}
.who_we_are_section .container .image_section .who_image_container .skeleton_square {}
.who_we_are_section .container .image_section .who_image_container .who_image {}
.who_we_are_section .container .image_section .est_box {}
.who_we_are_section .container .title_section {}
.who_we_are_section .container .title_section .title_1 {}
.who_we_are_section .container .title_section .title_1 .sub_top {}
.who_we_are_section .container .title_section .title_1 .sub {margin: 25px 0 35px;}
.who_we_are_section .container .title_section .btn {display: inline-flex;align-items: center;}
.who_we_are_section .container .title_section .btn.primary {}

/* Logistic Services */
.service_section {}
.service_section > .container {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);width: 100%;gap: 100px;align-items: center;}
.service_section > .container .title_section {}
.service_section > .container .title_section .title_1 {margin:0;}
.service_section > .container .title_section .title_1 .sub {margin: 25px 0 35px;}
.service_section > .container .title_section a.btn, .finance_section > .container .title_section a.btn {display: inline-flex;align-items: center;}
.service_section .log_service_list {display: grid;grid-template-columns: repeat(6, 1fr);gap: 10px;margin-top: 40px;}
.service_section .log_service_list > li {display: grid;gap: 10px;background: rgb(33 150 243 / 5%);padding: 30px 20px 40px;border-radius: 6px;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.service_section .log_service_list > li > i {font-size: 24px;background: #fff;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;margin: 0 auto;color: #022746;border: 1px solid rgb(33 150 243 / 15%);-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.service_section .log_service_list > li > .content {}
.service_section .log_service_list > li > .content .heading {font-size: 13px;line-height: 18px;font-family: 'Google Sans Flex';font-weight: 600;}
.service_section .log_service_list > li > .content .heading .sub {display:block;font-size: 12px;line-height: 16px;margin-top: 5px;font-weight: 400;opacity: .6;}
.service_section .log_service_list > li:hover {background: rgb(33 150 243 / 10%);}
.service_section .log_service_list > li:hover i {background: #04294b;color: #fff;border: 1px solid #022746;font-size: 28px;}

.service_section > .container .service_slider {width: 100%;min-width: 0;max-width: 100%;}
.service_section > .container .service_slider .service_list {width: 100%;min-width: 0;}
.service_section > .container .service_slider .service_list .service_item {}
.service_section > .container .service_slider .service_list .service_item .service_img_container {border-radius: 10px;overflow: hidden;}
.service_section > .container .service_slider .service_list .service_item .service_img_container .service_img {}
.service_section > .container .service_slider .service_list .service_item .service_img_container .service_img > a {display:block;width:100%;min-height:100%;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.service_section > .container .service_slider .service_list .service_item .service_details .icon {display: block;width: 36px;height: 36px;background: rgb(0 0 0 / 10%);color: #fff;text-align: center;border-radius: 50%;font-size: 20px;line-height: 36px;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;position: absolute;float: right;top: -105px;right: 20px;}
.service_section > .container .service_slider .service_list .service_item .service_details .icon i {color:#fff;transform: rotate(315deg);-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.service_section > .container .service_slider .service_list .service_item .service_img_container .service_img > a:hover {}
.service_section > .container .service_slider .service_list .service_item .service_img_container .service_img > a:hover .icon, .service_section > .container .service_slider .service_list .service_item .service_details:hover .icon {background:#fff;}
.service_section > .container .service_slider .service_list .service_item .service_img_container .service_img > a:hover .icon i, .service_section > .container .service_slider .service_list .service_item .service_details:hover .icon i {color:#04294b;}
.service_section > .container .service_slider .service_list .service_item .service_details {background:linear-gradient(0deg,rgba(2, 39, 70, 0.9) 0%, rgba(2, 39, 70, 0) 100%);position: relative;margin: -220px 0 0;padding: 160px 20px 20px;border-radius:0 0 10px 10px;}
.service_section > .container .service_slider .service_list .service_item .service_details .service_title {margin: 0;}
.service_section > .container .service_slider .service_list .service_item .service_details .service_title a {display:block;color: #fff;font-weight: 600;font-size: 16px;}
.service_section > .container .service_slider .service_list .service_item .service_details .service_title .sub {display:block;color: #fff;opacity: .6;}


/* Home Product Portfolios */
.product_portfollio_section {background: #fafafa;text-align: center;}
.product_portfollio_section .container {}
.product_portfollio_section .title_1 {}
.product_portfollio_section .title_1 .sub {}
.product_portfollio_section .product_cats {}
.product_portfollio_section .product_cats .cat_item {}
.product_portfollio_section .product_cats .cat_item .cat_item_inner {display: grid;text-align:left;align-items: flex-start;gap: 0px;background: #fff;border:1px solid #efefef;padding: 30px;margin-bottom: 20px;border: 1px solid #fafafa;border-radius:10px;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner .cat_number {font-size: 44px;font-weight: 700;margin-bottom: 20px;opacity: .1;text-align: left;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner .cat_name {margin-bottom: 20px;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner .cat_name a {display: flex;gap: 10px;align-items: center;font-size: 16px;font-weight: 600;color: #04294b;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner .cat_name a i {}
.product_portfollio_section .product_cats .cat_item .cat_item_inner .cat_name .cat_desc {display: block;text-transform: none;letter-spacing: 0px;font-size: 14px;line-height: 22px;font-weight: 400;opacity: .6;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner .cat_prod_list {display: grid;justify-content: flex-start;min-height: 133px;gap: 10px;margin-bottom: 30px;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner .cat_prod_list li {font-size: 12px; display: flex;gap: 10px;align-items: center;}
.product_portfollio_section .cat_prod_list li > i {}
.product_portfollio_section .cat_prod_list li a {display:block;opacity: .8;font-size: 13px;text-decoration: underline;text-underline-offset: 3px;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner a.btn.outline {border: 1px solid rgb(2 39 70 / 25%);color: #022746;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner:hover {background: #fff;border:1px solid #07c7ff;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner:hover .cat_number {opacity: 1;color:#07c7ff;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner:hover a.btn.outline {background:var(--color-accent);color:#000;border:1px solid var(--color-accent);;}
.product_portfollio_section .product_cats .cat_item .cat_item_inner:hover a.btn.outline i {margin-left:3px;}

/* ── Global Map Section ────────────────────── */
.global_map_section { text-align: center; background: #00192d; color: #fff; }
.global_map_section > .container .title_1 { color: #fff; }
.global_map_section > .container .title_1 .sub { display: block; color: #fff; }
.global_map_section > .container .global-reach_inner { margin-bottom: 50px; }
.global_map_section > .container .global-reach_tags { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 40px; }
.global_map_section > .container .global-reach_tags span { font-size: 11px; display: block; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.55); border: 1px solid #324a5c; padding: 5px 15px; border-radius: 9999px; transition: all 0.2s; }
.global_map_section > .container .global-reach_tags span:hover { border-color: #C9A96E; color: #C9A96E; }

/* Why Aussins */
.why_aussins_section {background: #fafafa;text-align: center;}
.why_aussins_section .container {}
.why_aussins_section .container .title_1 {}
.why_aussins_section .container .title_1.big {}
.why_aussins_section .container .title_1 .sub_top {}
.why_aussins_section .container .title_1 .sub {}
.why_aussins_section .container .why_list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.why_aussins_section .container .why_list li {background: #fff;padding: 30px;border-radius: 10px;border: 1px solid #efefef;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.why_aussins_section .container .why_list li::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--blue), var(--green));transform: scaleX(0);transform-origin: left;transition: transform var(--t-base);}
.why_aussins_section .container .why_list li:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;cursor:pointer;}
.why_aussins_section .container .why_list li:hover::before {transform(scaleX(1));}
.why_aussins_section .container .why_list li i {width: 60px;height: 60px;margin: 0 auto 15px;display: block;line-height: 60px;background: linear-gradient(135deg, rgba(23, 108, 138, 0.08), rgba(23, 108, 138, 0.03));border-radius: 6px;font-size: 30px;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.why_aussins_section .container .why_list li:hover i {background:#022746;color:var(--white);}
.why_aussins_section .container .why_list li p {margin:0;}
.why_aussins_section .container .why_list li p.heading {font-size: 16px;font-weight: 600;color: #04294b;}
.why_aussins_section .container .why_list li p.heading .sub {display: block;text-transform: none;letter-spacing: 0px;font-size: 14px;line-height: 22px;font-weight: 400;opacity: .6;color:#333;margin-top:5px;}


/* Map wrapper */
.global_map_section > .global-reach_map { position: relative; width: 100%; height: clamp(300px, 42vw, 520px); }

/* Dotted SVG world map — background layer */
.global_map_section > .global-reach_map .world-map-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0.35; z-index: 1; pointer-events: none; }

/* Leaflet map — overlay layer */
#worldRouteMap { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; background: transparent !important; }
.leaflet-container { background: transparent !important; }
#worldRouteMap .leaflet-tile-pane { display: none; }
.leaflet-control-attribution { display: none !important; }
.leaflet-control-zoom { display: none !important; }

/* Singapore origin dot */
.map-sg-dot { width: 14px; height: 14px; background: #C9A96E; border-radius: 50%; animation: map-pulse 2s ease-in-out infinite; }
@keyframes map-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(201,169,110,0.35), 0 0 0 10px rgba(201,169,110,0.12); }
  50%       { box-shadow: 0 0 0 9px rgba(201,169,110,0.18), 0 0 0 18px rgba(201,169,110,0.06); }
}

/* Destination dots */
.map-dest-dot { width: 8px; height: 8px; background: #C9A96E; border-radius: 50%; opacity: 0.85; }

/* Animated particle */
.map-particle { width: 7px; height: 7px; background: #C9A96E; border-radius: 50%; box-shadow: 0 0 8px 3px rgba(201,169,110,0.7); }

/* ===== PROCESS ===== */
.process_section {text-align:center;background: #fff;}
.process_section > .container {}
.process_section > .container > .title_1 {}
.process_section > .container > .title_1 > .sub {display:block;}
.process_section > .container > .process-timeline {display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top: 60px;}
.process_section > .container > .process-timeline::before {content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#e6ecee,#022746,#e6ecee);}
.process_section > .container > .process-timeline > .process-step {text-align:center;padding:0 var(--md);position:relative;}
.process_section > .container > .process-timeline > .process-step > .process-step-num {width:80px;height:80px;border-radius:50%;background:var(--white);border:2px solid #e6ecee;display:block;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:2;transition:all var(--t-base);color:#022746;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.process_section > .container > .process-timeline > .process-step > .process-step-num > i {color: #04294b;font-size: 36px;line-height: 78px;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.process_section > .container > .process-timeline > .process-step:hover > .process-step-num {border-color:#022746;background:#022746;color:var(--white);box-shadow:0 0 0 8px rgba(23,108,138,0.1);}
.process_section > .container > .process-timeline > .process-step:hover > .process-step-num > i {color: var(--white);}
.process_section > .container > .process-timeline > .process-step > h3 {font-size: 16px;font-weight: 600;}
.process_section > .container > .process-timeline > .process-step > h3 > .sub {font-size: 14px;line-height: 20px;font-weight: 400;opacity:.6;display:block;margin-top: 10px;}
.process_section > .container > .process-timeline > .process-step.reveal {padding: 0 30px;}
.process_section > .container > .process-timeline > .process-step.reveal-d1 {}
.process_section > .container > .process-timeline > .process-step.reveal-d2 {}
.process_section > .container > .process-timeline > .process-step.reveal-d3 {}

/* Trade Finance */
.finance_section {text-align: left;background: #fff;}
.finance_section > .container {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);width: 100%;gap: 100px;align-items: baseline;}
.finance_section > .container .title_section { }
.finance_section > .container .title_section .title_1 {margin: 0}
.finance_section > .container .title_section .title_1 .sub_top {}
.finance_section > .container .title_section .title_1 .sub {margin:25px 0 35px;}
.finance_section > .container .title_section .section_contact_list { }
.finance_section > .container .title_section .section_contact_list .contact-tabs {margin-bottom: 25px;display: inline-flex;gap: 10px;background: #f5f5f5;padding: 7px;border-radius: 10px;}
.finance_section > .container .title_section .section_contact_list .contact-tabs .contact-tab {background: transparent;border: 0;gap: 10px;opacity: .5;display: flex;align-items: center;padding: 8px 10px;border-radius: 6px;font-size: 14px;color:#333;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.finance_section > .container .title_section .section_contact_list .contact-tabs .contact-tab.active {background: #fff;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;opacity: 1;}
.finance_section > .container .title_section .section_contact_list .contact-tabs .contact-tab:hover {opacity: 1;}
.finance_section > .container .title_section .section_contact_list .contact-tabs .contact-tab .contact-tab__flag {height: 16px;border-radius: 2px;border: 1px solid #e5e5e5;}

.finance_section > .container .title_section .section_contact_list .contact-panel {display: block;font-size: 16px;color: #333;}
.finance_section > .container .title_section .section_contact_list .contact-panel.active { }
.finance_section > .container .title_section .section_contact_list .contact-panel .country {display:none;}
.finance_section > .container .title_section .section_contact_list .contact-panel > i { }
.finance_section > .container .title_section .section_contact_list .contact-panel .cont_element {display: flex;gap: 15px;    margin-bottom: 35px;}
.finance_section > .container .title_section .section_contact_list .contact-panel .content {display: flex;gap: 15px;align-items: center;}
.finance_section > .container .title_section .section_contact_list .contact-panel .content i {background: #fff;border: 1px solid #ccc;width: 40px;height: 40px;text-align: center;line-height: 38px;border-radius: 10px;color: rgb(51 51 51 / 60%);font-size: 20px;}
.finance_section > .container .title_section .section_contact_list .contact-panel .content .inner {display: grid;gap: 2px;font-size: 16px;font-weight: 500;}
.finance_section > .container .title_section .section_contact_list .contact-panel .content .inner .sub {display:block;font-size: 13px;opacity: .6;font-weight: 400;}
.finance_section > .container .title_section .section_contact_list .contact-panel .btn {}
.finance_section > .container .title_section .section_contact_list .contact-panel .btn.primary { }
.finance_section > .container .title_section .section_contact_list .contact-panel .btn i { }

.finance_section > .container .title_section .section_contact_list .assistance-popup { }
.finance_section > .container .title_section .section_contact_list .assistance-popup .assistance-popup__inner { }
.finance_section > .container .title_section .section_contact_list .assistance-popup .assistance-popup__office { }
.finance_section > .container .title_section .section_contact_list .assistance-popup .assistance-popup__title { }
.finance_section > .container .title_section .section_contact_list .assistance-popup .assistance-popup__desc { }
.finance_section > .container .title_section .section_contact_list .assistance-popup .assistance-form { }
.finance_section > .container .finacne_list {display: grid;grid-template-columns: repeat(2, 1fr);align-items: flex-start;}
.finance_section > .container .finacne_list > li {padding: 30px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.finance_section > .container .finacne_list > li:nth-child(odd) {}
.finance_section > .container .finacne_list > li:nth-child(even) {border-right: 0;}
.finance_section > .container .finacne_list > li:nth-child(1),.finance_section > .container .finacne_list > li:nth-child(2) {}
.finance_section > .container .finacne_list > li:nth-child(5),.finance_section > .container .finacne_list > li:nth-child(6) {border-bottom:0;}
.finance_section > .container .finacne_list > li .number {display: none;margin: 0 0 15px;font-size: 18px;font-weight: 700;opacity: .2;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.finance_section > .container .finacne_list > li .fin_title {font-size: 18px;font-weight: 700;margin-bottom: 25px;}
.finance_section > .container .finacne_list > li .fin_title .sub {display: block;margin-top: 10px;font-size: 14px;line-height: 20px;opacity: .8;font-weight: 400;color: #333;}
.finance_section > .container .finacne_list > li .know_more {display: flex;gap: 5px;align-items: center;opacity: .5;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.finance_section > .container .finacne_list > li .know_more i {-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.finance_section > .container .finacne_list > li:hover {cursor:pointer;background: #ebf6ff;}
.finance_section > .container .finacne_list > li:hover .number {opacity:1;color:#07c7ff;opacity:1}
.finance_section > .container .finacne_list > li:hover .know_more {opacity:1}
.finance_section > .container .finacne_list > li:hover .know_more i {margin-left:3px;}



    
/* ── Desktop layout ────────────────────────────────────────────── */
.ws-hero-banner__desktop { display: grid; grid-template-columns: 1fr 500px; gap: 15px; height: 500px; }
.ws-hero-banner__mobile { display: none; }

/* H1 — left large panel */
.ws-hero-banner__main { border-radius: 10px; min-width: 0; overflow: hidden; }

/* H2 + H3 — right stacked panels */
.ws-hero-banner__side { display: grid; gap: 15px; min-width: 0; overflow: hidden; }
.ws-hero-banner__side-panel { border-radius: 10px; flex: 1; overflow: hidden; }

/* Slides */
.ws-hero-slide { position: relative; height: 100%; }
.ws-hero-slide__link { display: block; height: 100%; overflow: hidden; }
.ws-hero-slide__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.ws-hero-slide__link:hover .ws-hero-slide__img { transform: scale(1.03); }

/* Slick: make slides fill height */
.slick-list {width: calc(100% + 20px);margin: 0 0 0 -10px !important;}
.slick-slide {padding:0 10px;}
.slick-dots {position:relative!important;margin:-10px 0 0px!important;}
.slick-dots li {margin: 0 2px;}
.slick-dots li button {}
.slick-prev, .slick-next {width: 36px!important;height: 36px!important;border: 1px solid #ccc!important;outline: none!important;background: #fff!important;border-radius: 6px!important;z-index: 9;}
.slick-prev {left: -46px!important;}
.slick-next {right: -46px!important;}
.slick-dots li button:before {font-size:14px!important;}
.slick-prev:before, .slick-next:before {color:#022746!important;}
.ws-hero-slider, .ws-hero-slider .slick-list, .ws-hero-slider .slick-track, .ws-hero-slider .slick-slide, .ws-hero-slider .slick-slide > div { height: 100%; }

/* Arrows — main slider */
.ws-hero-slider--main .slick-prev, .ws-hero-slider--main .slick-next { z-index: 10; width: 32px; height: 32px; background: rgba(255,255,255,0.85); border-radius: 50%; transition: background 0.2s; }
.ws-hero-slider--main .slick-prev { left: 14px; }
.ws-hero-slider--main .slick-next { right: 14px; }
.ws-hero-slider--main .slick-prev:hover, .ws-hero-slider--main .slick-next:hover { background: #fff; }
.ws-hero-slider--main .slick-prev::before, .ws-hero-slider--main .slick-next::before { color: #1c1612; font-size: 16px; opacity: 1; }

/* Arrows — side sliders (hidden, auto-only) */
.ws-hero-slider--side .slick-prev, .ws-hero-slider--side .slick-next { display: none !important; }

/* Dots — main slider */
.ws-hero-slider--main .slick-dots { bottom: 12px; }
.ws-hero-slider--main .slick-dots li button::before { color: #fff; font-size: 7px; opacity: 0.6; }
.ws-hero-slider--main .slick-dots li.slick-active button::before { color: #fff; opacity: 1; }

/* ── Mobile ─────────────────────────────────────────────────────── */
@media ( max-width: 768px ) {
    .ws-hero-banner__desktop { display: none; }
    .ws-hero-banner__mobile { display: block; }
    .ws-hero-banner__mobile .ws-hero-slider { height: 460px; }
    .ws-hero-banner__mobile .ws-hero-slide__img { height: 460px; object-fit: cover; }
    .ws-hero-slider--mobile .slick-prev, .ws-hero-slider--mobile .slick-next { display: none !important; }
    .ws-hero-slider--mobile .slick-dots { bottom: 10px; }
    .ws-hero-slider--mobile .slick-dots li button::before { color: #fff; font-size: 7px; opacity: 0.6; }
    .ws-hero-slider--mobile .slick-dots li.slick-active button::before { color: #fff; opacity: 1; }
}

@media ( max-width: 480px ) {
    .ws-hero-banner__mobile .ws-hero-slider, .ws-hero-banner__mobile .ws-hero-slide__img { height: 320px; }
}

/* General Woocommerce Classes */
.disc {font-weight: 500;color: #4caf4f;position: relative;}
.regular_price {font-weight: 400;font-size: 16px;opacity: .6;text-decoration: line-through;}
.sale_price {font-weight: 600;font-size: 22px;}
.woocommerce-Price-currencySymbol {font-family: 'Red Hat Display';font-weight: 300;}

/* Sliding Cart */
.slide_box_nopad .cart-list-contents {width: 100%;padding: 20px;position: relative;top: unset;left: unset;right: unset;margin: 0;border: 0;display: block;background: transparent;}
.slide_box_nopad .cart-list-contents > ul {display: grid;gap: 10px;max-height: calc(100vh - 250px);overflow-y: auto;}
.slide_box_nopad .cart-list-contents > ul > li {padding: 0 !important;margin-bottom: 0px !important;border-bottom: 0;display: grid;grid-template-columns: 60px 1fr 100px;gap: 10px;}
.slide_box_nopad .cart-list-contents > ul > li:hover {background:none;}
.slide_box_nopad .cart-list-contents > ul > li:last-child {margin-bottom: 0px!important;}
.slide_box_nopad .cart-list-contents > ul > li > a {}
.slide_box_nopad .cart-list-contents > ul > li > a img {border-radius:6px;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content {float: unset;margin: 0;width: 100%;display: grid;gap: 5px;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-name {margin: 0;float: unset;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-name a {font-size: 13px;line-height: 16px!important;letter-spacing: .5px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data {}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation {float: unset;margin: 0;font-size: unset;display: flex;justify-content: flex-start;gap: 5px;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation > li {margin: 0;padding: 0 !important;border: 0;width:auto;display: flex;gap: 5px;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation > li > i {color: var(--color-accent);}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation > li.variation_row .variation_item {width: auto;display: flex;gap: 5px;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation > li.variation_row .variation_item li {width: auto;margin: 0;border-bottom: 0;font-size: 12px;letter-spacing: .5px;padding: 0 !important;float: unset;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation > li.variation_row .variation_item li p {margin:0;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation > li.variation_row .variation_item li.heading {display:none;}
.slide_box_nopad .cart-list-contents > ul > li .cart-list_product-content .cart-list_product-data .variation > li.variation_row .variation_item li.value {}
.slide_box_nopad .cart-list_product-quantity {width: auto;display: block;text-align:right;}
.slide_box_nopad .cart-list_product-quantity .price {display:block;}
.slide_box_nopad .cart-list_product-quantity .price .amount {display:block;font-size: 13px;line-height: 16px;font-weight: 600;color: unset;}
.slide_box_nopad .cart-list_product-quantity .quantity {display: block;font-size: 12px;line-height: 16px;font-weight: 600;color: var(--color-accent);}

.slide_box_nopad .cart-list_total {float: unset;width: 450px;padding: 20px;background: #f5f5f5;margin: 0 0 0 -20px;position: fixed;bottom: 0;}
.slide_box_nopad .cart-list_total .cart_totals {}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table {padding: 0;display: grid;gap: 10px;align-items: center;margin-bottom: 20px;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li {display: flex;justify-content: space-between;padding: 0 !important;font-size: 13px;font-weight: 500;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li:hover {background:unset;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li .heading {width: 100%;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li .pricing {width: 100%;text-align: right;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li .pricing .amount {font-size: 13px;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li.cart-subtotal {}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li.tax-rate {font-size: 11px;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li.order-total {font-size: 14px !important;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li.order-total .heading {font-weight: 700;}
.slide_box_nopad .cart-list_total .cart_totals ul.cart_table > li.order-total .pricing .amount {font-weight: 700;font-size: 14px !important;}

.slide_box_nopad .cart-list_total .total .amount {color: #000;font-size: 14px;font-weight: 600;font-family: 'Inter';}
.slide_box_nopad .cart-list_total .total strong {font-family: 'Inter';font-weight: 500;font-size: 14px;}
.slide_box_nopad .cart-list_total .cart_buttons {display: grid;grid-template-columns: 120px 1fr;gap:10px;justify-content: space-between;align-items: center;}
.slide_box_nopad .cart-list_total .cart_buttons .btn.btn-theme {background: #fff;color: #000;border: 1px solid #999;width: 100%;float:unset;}
.slide_box_nopad .cart-list_total .cart_buttons .btn.btn-theme.checkout {background: var(--color-accent);color: #fff;border: 1px solid var(--color-accent);}

/* Notices */
.woocommerce-notices-wrapper {display: grid;gap: 5px;}
.woocommerce-notices-wrapper:focus, .woocommerce-notices-wrapper .woocommerce-message:focus {outline:none;}
.woocommerce-notices-wrapper .woocommerce-message {font-size: 13px;display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 10px;border-radius: 6px;margin-bottom: 15px;background: rgb(227 122 52 / 15%);border: 1px solid rgb(227 122 52 / 30%);}
.woocommerce-notices-wrapper .woocommerce-message a.button {background: #fff;font-size: 12px;line-height: 12px;padding: 8px 10px;border-radius: 4px;font-weight: 500;border: 1px solid var(--color-accent);color: var(--color-accent);-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.woocommerce-notices-wrapper .woocommerce-message a.button:hover, .woocommerce-notices-wrapper .woocommerce-message a.button:focus {background: var(--color-accent);color: #fff;}

/* Single Product */
.single-product {}
.single-product .wrapper {overflow: unset;}
.single-product .wrapper #page-content-wrap {}
.single-product .wrapper #page-content-wrap .content-area {}
.single-product .wrapper #page-content-wrap .content-area #main {padding: 20px 0;}
.single-product .wrapper #page-content-wrap .content-area #main .woocommerce-breadcrumb, .archive.woocommerce .wrapper #page-content-wrap .content-area #main .woocommerce-breadcrumb {display: flex;align-items: center;justify-content: flex-start;gap: 5px;font-size: 12px;margin-bottom: 20px;letter-spacing: 0;opacity: .6;}
.single-product .wrapper #page-content-wrap .content-area #main .woocommerce-breadcrumb a {}
.single-product .wrapper #page-content-wrap .content-area #main .product {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;justify-content: space-between;align-items: flex-start;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery {position: sticky;top: 190px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-viewport {border-radius: 10px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-control-nav {display: grid;grid-template-columns: repeat(8, 1fr);gap: 5px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-control-nav > li {width: 100%;max-width: unset;margin: 0;float: none;display: block;border-radius: 10px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-control-nav > li img {border-radius: 8px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .woocommerce-product-gallery .flex-control-nav > li img.flex-active {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product_title {font-family: "Red Hat Display", sans-serif;font-size: 22px;line-height: 30px;font-weight: 600;letter-spacing: 0;border: 0;padding: 0;margin: 0 0 20px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .woocommerce-product-rating {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .woocommerce-product-rating a {display: flex;align-items: center;gap: 5px;font-size: 13px;color: var(--color-accent);}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .woocommerce-product-rating a .stars {display: flex;gap: 0px;align-items: center;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .woocommerce-product-rating a .stars img {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price {display: flex;gap: 10px;align-items: center;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price > li {font-size: 30px; line-height: 40px;display: block;margin: 0;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price > li.ws-price-info-wrap {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price > li.ws-price-info-wrap .ws-price-info { position: relative; display: block; align-items: center; justify-content: center; width: 18px; height: 18px; font-size:12px;line-height:16px;border-radius:50%;padding: 0; border: 1px solid #999; background: none; color: #999; cursor: pointer; vertical-align: middle; flex-shrink: 0; -webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price > li.ws-price-info-wrap .ws-price-info:hover {background:var(--color-accent);border: 1px solid var(--color-accent); color:#fff;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price > li .woocommerce-Price-currencySymbol {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price > li.sale_price {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .price > li.disc {font-size: 18px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product-price .regular_price {display:block;font-weight: 500;font-size: 14px;opacity: .6;text-decoration: line-through;}

.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form {display: grid;gap: 25px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div {display: grid;gap: 15px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .label {padding: 0;font-size: unset;font-weight: unset;display: block;line-height: unset;text-align: left;border-radius: 0;color: unset;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .label label {font-weight: 500;font-size: 16px;margin: 0;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch {min-width: 128px;position: relative;overflow: hidden;display: grid;flex-direction: column;align-items: center;gap: 0;border: 1px solid #e7e7e7;background: #fff;cursor: pointer;border-radius: 6px;transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;user-select: none;outline: none;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch.is-active {border:1px solid var(--color-accent);}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch.ws-swatch--has-price {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch .ws-swatch__label {padding: 6px 10px;font-size: 13px;line-height: 13px;font-weight: 500;background: #f5f5f5;display: block;text-align: center;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch.is-active .ws-swatch__label {background:#fff2ec;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch .ws-swatch__price {padding: 6px 10px;font-size: 11px;line-height: 13px;font-weight: 500;background: #fff;display: block;text-align: center;text-align: center;opacity: .8;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch.is-disabled { opacity: 0.4; cursor: not-allowed; overflow: hidden; }
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch.is-disabled::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), #BBADA0 calc(50% - 0.5px), #BBADA0 calc(50% + 0.5px), transparent calc(50% + 0.5px)); }
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .variations > div .variation_row .value .woodensaga-swatch-wrap .ws-swatches .ws-swatch.is-disabled .ws-swatch__label {background: transparent;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap {font-size: 14px;color: #444;font-weight: 500;letter-spacing: 0;margin: 0;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .single_variation {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {display: flex;gap: 10px;justify-content: flex-start;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input.qty_button {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input.input-text {}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {display: flex;align-items: center;gap: 5px;border:0;background: var(--color-accent);padding: 0 20px;font-size: 14px;text-transform: uppercase;font-weight: 500;letter-spacing: .5px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button i {margin: 0;font-size: 16px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product_meta {display: flex;gap: 10px;font-size: 12px;font-weight: 400;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product_meta .sku_wrapper {margin: 0;font-weight: 500;display: flex;gap: 5px;color: #999;font-size: 12px;line-height: 16px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product_meta .sku_wrapper .sku {color: #444;display: block;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product_meta .posted_in {margin: 0;font-weight: 500;display: flex;gap: 5px;color: #999;font-size: 13px;line-height: 16px;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product_meta .posted_in a {color: #444;display: block;	-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.single-product .wrapper #page-content-wrap .content-area #main .product .single-product__main .entry-summary .product_meta .posted_in a:hover {color:var(--color-accent);}
.single-product .woocommerce-Price-amount {font-weight: 500;font-size: 18px;}

/* Variation swatches */
.woodensaga-swatch-wrap select { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; clip: rect(0 0 0 0); }
.ws-swatches { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.ws-swatch:not(.ws-swatch--has-price) { min-width: 60px; padding: 10px 16px; }

.ws-swatch:not(.is-disabled):not(.is-active):hover { border-color: #1C1612; background: #F4F0EB; }
.ws-swatch:focus-visible { outline: 2px solid #C4622D; outline-offset: 2px; }
.reset_variations { display: none !important; }
@media (max-width: 480px) { .ws-swatch { min-width: 68px; padding: 9px 12px; } }

/* Price breakdown Tooltp */
.ws-price-tooltip { display: none; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); z-index: 999; min-width: 300px; background: #fff; border: 1px solid #E8E2DB; border-radius: 4px; box-shadow: 0 8px 32px rgba(28, 22, 18, 0.12); padding: 18px 20px 14px; font-family: var(--font-body, 'DM Sans', sans-serif); font-size: 0.875rem; color: #1C1612; text-align: left; white-space: nowrap; pointer-events: none; }
.ws-price-tooltip::before { content: ''; position: absolute; top: -7px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 12px; height: 12px; background: #fff; border-left: 1px solid #E8E2DB; border-top: 1px solid #E8E2DB; }
.ws-price-tooltip__row > span {}
.ws-price-tooltip__row > span .sub {display:block;font-size: 12px;line-height: 20px;color: unset;opacity: .8;}
.ws-price-tooltip__row > span.disc {color: #4caf4f;}
.ws-price-info:hover .ws-price-tooltip, .ws-price-info.is-open .ws-price-tooltip { display: block; }
.ws-price-tooltip__row { display: flex; justify-content: space-between; gap: 32px; padding: 5px 0;color: #444;font-size: 14px;font-weight: 400;font-family: 'Red Hat Display';}
.ws-price-tooltip__row span:last-child {}
.ws-price-tooltip__row--discount span { color: var(--color-accent) !important; }
.ws-price-tooltip__row--discount span.disc {color:#4caf4f !important;}
.ws-price-tooltip__divider { height: 1px; background: #E8E2DB; margin: 8px 0; }
.ws-price-tooltip__row--final {font-size: 14px;font-weight: 500; }
.ws-price-tooltip__row--final span {}
.ws-price-tooltip__saving { margin-top: 10px; padding: 8px 10px; background: rgb(76 175 79 / 10%); border-radius: 4px; color:#4caf4f;font-size: 14px; font-weight: 500; text-align: center;font-family: 'Red Hat Display'; white-space: normal; }
@media (max-width: 480px) { .ws-price-tooltip { left: 0; transform: none; min-width: 260px; } .ws-price-tooltip::before { left: 18px; transform: rotate(45deg); } }


/* Archive Product Loop page */
.archive.woocommerce {}
.archive.woocommerce .wrapper {}
.archive.woocommerce .wrapper #page-content-wrap {}
.archive.woocommerce .wrapper #page-content-wrap .content-area {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main {padding: 20px 0;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .woocommerce-breadcrumb {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .woocommerce-breadcrumb a {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section {display: grid;grid-template-columns: 250px 1fr;align-items: flex-start;gap: 30px;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .sidebar {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop .woocommerce-notices-wrapper {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop .ws-shop-loop-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop .ws-shop-loop-header .woocommerce-result-count {margin: 0;font-size: 14px;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop .ws-shop-loop-header .woocommerce-ordering {display: grid;justify-content: flex-end;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop .ws-shop-loop-header .woocommerce-ordering select {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop .ws-shop-loop-header .woocommerce-ordering input {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;align-items: flex-start;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product {position: relative;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link {display: grid;gap: 8px;overflow: hidden;position: relative;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product .ws-product-wishlist {position:absolute;top:10px;left:10px;z-index:20;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;font-size:18px;color:#555;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.10);transition:color .2s ease,transform .2s ease;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product .ws-product-wishlist i {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product .ws-product-wishlist:hover {color:var(--color-accent,#C4622D);transform:scale(1.05);}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product .ws-product-wishlist.in_wishlist {color:var(--color-accent,#C4622D);}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product .ws-product-wishlist.loading {opacity:.5;pointer-events:none;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .onsale {z-index: 9;right: 10px;top: 10px;background: var(--color-accent);width: auto;font-size: 10px;line-height: 10px;font-weight: 600;letter-spacing: 1px;transform: unset;display: inline-block;padding: 5px 5px 3px;border-radius: 2px;border: 0;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .ws-product-image {position:relative;margin-bottom:10px;border-radius:6px;overflow:hidden;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .ws-product-image > img {display:block;width:100%;opacity:1;transition:opacity 300ms ease-in-out;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .ws-product-image .ws-product-hover-image {position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 300ms ease-in-out;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .ws-product-image .ws-product-hover-image img {display:block;width:100%;height:100%;object-fit:cover;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .ws-product-image:hover > img {opacity:0;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .ws-product-image:hover .ws-product-hover-image {opacity:1;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {font-size: 14px;line-height: 20px;font-weight: 500;margin: 0;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .woocommerce-product-rating {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .woocommerce-product-rating ul.rating {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .woocommerce-product-rating ul.rating > li {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .catalogue_price {}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .catalogue_price .price {display: flex;gap: 10px;align-items: center;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .catalogue_price .price li {font-size: 16px;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .catalogue_price .price li.regular_price, .archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .catalogue_price .price li.disc {font-size: 14px;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .rating_variation {display: flex;justify-content: space-between;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .rating_variation .rating {display: flex;gap: 5px;font-size: 13px;color: var(--color-accent);align-items: center;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .rating_variation .rating .stars {display: flex;gap: 0px;align-items: center;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .rating_variation .rating .stars img {height: 14px;margin: 0;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .rating_variation .product-card-variants {font-size: 13px;display: flex;align-items: center;gap: 5px;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product a.woocommerce-LoopProduct-link .rating_variation .product-card-variants i {color:var(--color-accent);}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product .product_type_variable {display:none;}
.archive.woocommerce .wrapper #page-content-wrap .content-area #main .archive_section .product_loop ul.product_list > li.product .product_type_variable.add_to_cart_button {}

/* Cart & Checkout */
.woocommerce-cart {}
.woocommerce-cart .woocommerce {}
.woocommerce-cart .woocommerce .cart_form_layout {display:grid;grid-template-columns:1fr 400px;gap:30px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items {display: grid;grid-template-columns: 24px 110px 1fr;align-items: flex-start;gap: 15px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .remove_items {margin: 0;text-align: center;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .remove_items a {display: block;border: 1px solid #e5e5e5;width: 24px;height: 24px;border-radius: 4px;line-height: 24px;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .remove_items a:hover {color:#fff;background:var(--color-accent);border: 1px solid var(--color-accent);}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .remove_items a i {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_img {width: 110px;height: 110px;border-radius: 6px;overflow:hidden;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_img .item_thumb {width: 110px;height: 110px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_img .item_thumb a {display:block;width:100%;min-height:100%;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details {display: grid;grid-template-columns: 1fr 200px;justify-content: flex-start;gap: 15px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data {display: grid;gap:10px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .name {margin: 0;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .name a {display: block;font-weight: 600;font-size: 14px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .name .sku {display: block;font-size: 12px;font-weight: 500;opacity: .6;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .woocommerce-product-rating {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .woocommerce-product-rating .rating {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .woocommerce-product-rating .rating li {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .woocommerce-product-rating .rating .rating_count {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .woocommerce-product-rating .rating .stars {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .woocommerce-product-rating .rating .stars i {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .woocommerce-product-rating .rating .revs {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation {display: flex;gap: 10px;align-items: center;justify-content: flex-start;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation .variation_row > i {color:var(--color-accent);}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation .variation_row {display: flex;gap: 5px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation .variation_item {display: flex;gap: 5px;align-items: center;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation .variation_item li {font-size: 12px;line-height: 12px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation .variation_item .heading {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation .variation_item .value {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .variation .variation_item .value p {margin:0;font-weight: 500;}

.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_price_section {text-align: right;margin: 0;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_price_section .pricing {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_price_section .pricing .woocommerce-Price-amount {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_price_section .pricing .woocommerce-Price-currencySymbol {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_price_section .pricing .tax_label {}

.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .quantity {display: flex;align-items: center;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .quantity label {display:none;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .quantity .qty_button {width: 30px;height: 30px;line-height: 16px;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .quantity .qty_button.minus {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .quantity .qty {width: 50px;height: 30px;border-radius: 0;}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form ul.shop_table > li .items .item_details .item_data .quantity .qty_button.plus {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row .coupon {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row .coupon i {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row .coupon .input-text {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row .coupon .button {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row .one-half-last {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row .one-half-last .update_cart_button {}
.woocommerce-cart .woocommerce .cart_form_layout .woocommerce-cart-form .coupon_update_row .one-half-last input[type="hidden"] {}

.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals {background: #f5f5f5;border-radius: 6px;overflow: hidden;}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .section_title {font-size: 14px;font-weight: 600;padding: 15px 20px;border-bottom: 1px solid #e5e5e5;}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals {display: grid;gap: 15px;padding: 0px 20px 20px;}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shop_table {display: grid;gap: 5px;}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shop_table > li {display: flex;justify-content: space-between;font-size: 13px;}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shop_table > li .heading {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shop_table > li .pricing {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shop_table .table-header {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shop_table .cart-subtotal {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .woocommerce-shipping-methods {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .woocommerce-shipping-methods li {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .woocommerce-shipping-methods .shipping_method {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .woocommerce-shipping-destination {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .woocommerce-shipping-calculator {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shipping-calculator-button {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shipping-calculator-form {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shipping-calculator-form .form-row {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shipping-calculator-form .form-row label {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shipping-calculator-form .form-row select {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shipping-calculator-form .form-row input {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .shipping-calculator-form button {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .tax-rate {font-size: 12px!important;}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .tax-rate .heading {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .tax-rate .pricing {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .order-total {font-weight: 700!important;font-size: 18px!important;}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .order-total .heading {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .order-total .pricing {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .order-total .pricing strong {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .coupon_box {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .coupon_box .woocommerce-cart-coupon-form {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .coupon_box .coupon {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .coupon_box .coupon i {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .coupon_box .coupon .input-text {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .coupon_box .coupon .apply_coupon {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .coupon_box2 {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .wc-proceed-to-checkout {}
.woocommerce-cart .woocommerce .cart_form_layout .cart_total_container .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {background: var(--color-accent);}

.price-val {transition: opacity 0.2s ease, color 0.6s ease;}
.price-val.is-updating {opacity: 0.3;}
.price-val.is-updated {opacity: 1;color: #C4622D;}
.price-val.is-settled {color: inherit;}




/* ── Toast notification ── */
.ws-wishlist-toast {position:absolute;z-index:999999;background:var(--color-walnut,#1C1612);color:var(--color-canvas,#FAF8F5);padding:7px 10px;border-radius:4px;font-size:12px;line-height:12px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;}
.ws-wishlist-toast::after {content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--color-walnut,#1C1612);}
.ws-wishlist-toast.show {opacity:1;transform:translateY(0);}

/* pdp-ajax-cart.css — Woodensaga */

/* ── Loading spinner ── */
.ws-atc-spinner {display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ws-spin .6s linear infinite;vertical-align:middle;}
@keyframes ws-spin {to {transform:rotate(360deg);}}

/* ── Tick icon ── */
.ws-atc-tick {display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:4px;stroke-dasharray:30;stroke-dashoffset:30;animation:ws-tick-draw .35s ease forwards;}
@keyframes ws-tick-draw {to {stroke-dashoffset:0;}}

/* ── Button state overrides ── */
.single-product form.cart [type="submit"].ws-atc--loading {opacity:.8;cursor:wait;pointer-events:none;}
.single-product form.cart [type="submit"].ws-atc--added {background:#2a7a4b;border-color:#2a7a4b;color:#fff;transition:background .3s ease,border-color .3s ease;}




/* = Site Footer
-------------------------------------------------------------- */
.footer-wrap {}
.footer-wrap #site-footer-bottom {background: #010e18;padding: 10px 0;color: rgb(255 255 255 / 50%);}
.footer-wrap #site-footer-bottom .container {}
.footer-wrap #site-footer-bottom .container .row {}
.footer-wrap #site-footer-bottom .container .row #site-footer-custom-area {display: grid;grid-template-columns: repeat(2, 1fr);justify-content: space-between;font-size:12px;}
.footer-wrap #site-footer-bottom .container .row #site-footer-custom-area #site-footer-custom-area-left {}
.footer-wrap #site-footer-bottom .container .row #site-footer-custom-area #site-footer-custom-area-right {display: flex;gap: 5px;align-items: center;justify-content: flex-end;}
.footer-wrap #site-footer-bottom .container .row #site-footer-custom-area #site-footer-custom-area-right a {}
.footer-wrap #site-footer-bottom .container .row #site-footer-custom-area #site-footer-custom-area-right i {color:var(--color-accent);}

.footer-wrap #site-footer-widget {background: #011423;padding: 40px 0;color: #fff;}
.footer-wrap #site-footer-widget .container {display: grid;grid-template-columns: repeat(4, 1fr);justify-content: space-between;gap:15px;}
.footer-wrap #site-footer-bottom.site-footer-style-center {text-align:center;}
.footer-wrap #site-footer-bottom a {color:rgb(255 255 255 / 75%);}
.footer-wrap #site-footer-bottom a:hover {color:#fff;}
.footer-wrap #site-footer-widget .widget {margin-bottom: 0;}


ul.mx-nav-bottom-menu {margin-bottom: 10px;}
ul.mx-nav-bottom-menu li { border-right: 1px solid #ddd;padding-right: 5px;}
.mx-nav-bottom-menu li:last-child {padding-right:0;border-right:none;}

#back-top {display: none;position: fixed;right: 20px;bottom: 40px;padding: 10px;background: #333;color: #ffffff;
	width: 40px;text-align: center;border-radius: 3px;font-size: 16px;line-height: 20px;z-index: 8000;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
#back-top i {margin:0;}
#back-top:hover {background:#200955;}


.site-title {}
.site-title a {}
.logo-retina {display:none;}

/* header style 1 right area */
.mx-header-right .mx-social {float: right;margin-top: 14px;}
.mx-header-right-custom {float: right;margin-top: 10px;line-height: 20px;}
.mx-header-right-custom a {margin-right: 10px;}
.mx-header-right-custom a:last-child {margin-right:0;}



/* normal */
.mx-nav-menu > li > ul,
.mx-nav-menu > li > ul ul.sub-menu {top: 100%;padding-top: 4px;}
.mx-nav-menu > li > ul ul.sub-menu {left: 100%;top: 0px;padding-top: 0;}
.mx-nav-menu > li > ul li.menu-item > a {display: block;padding: 6px 12px;color: #444;text-transform: none;font-weight: 400;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.mx-nav-menu > li > ul li.menu-item {float:none;display:block;position: relative;list-style: none outside none;min-width: 200px;background: #ffffff;border: 1px solid #e8e8e8;margin-bottom: -1px;}
.mx-nav-menu > li > ul li.menu-item:first-child {border-top:none;}
.mx-nav-menu li:hover > ul {display:block;}
.mx-nav-menu > li > ul li.menu-item > a:hover {color: #000; background: #eee;}

/* mega horizontal */
.mx-nav-menu .mega-menu.mega-horizontal {position: absolute;display:none;top: 44px;padding-top: 4px;z-index: 2220;}
.mx-nav-menu .mega-menu.mega-horizontal > ul {float: left;background: #ffffff;border: 1px solid #e8e8e8;border-top: none;}

.mx-nav-menu .mega-menu.mega-horizontal ul.sub-menu {position:static;}
.mx-nav-menu .mega-menu.mega-horizontal.mega-wide {left:0;width: 100%;}
.mx-nav-menu .mega-menu.mega-horizontal.mega-wide > ul {width:100%;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-horizontal{ display:block;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-horizontal ul.sub-menu {position:static;display:block}
.mx-nav-menu .mega-menu.mega-horizontal > ul > li {float:left;min-width:120px;padding:15px;}
.mx-nav-menu .mega-menu.mega-horizontal li.menu-item > a {padding: 3px 0;display: block;color: #444;line-height:20px;}
.mx-nav-menu .mega-menu.mega-horizontal > ul > li > a {border-bottom: #eee solid 1px;margin-bottom: 5px;font-weight: bold;}
.mx-nav-menu .mega-menu.mega-horizontal li li.menu-item > a { color:#777;}
.mx-nav-menu .mega-menu.mega-horizontal .mega-menu-item-stitle {display:block;color: #999;font-size: 11px;line-height: 16px;}
.mx-nav-menu .mega-menu.mega-horizontal .mega-menu-item-img-link {border-bottom: none;margin: 0;}
.mx-nav-menu .mega-menu.mega-horizontal .mega-menu-item-img {text-align:center;}
.mx-nav-menu .mega-menu.mega-horizontal li.menu-item > a:hover {color:#444;}

.mega-menu.mega-horizontal > ul > li.mega-menu-column-1 {width:100%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-2 {width:50%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-3 {width:33.3%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-4 {width:25%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-5 {width:20%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-6 {width:16.6%;}

/*.mega vertical*/
.mx-nav-menu .mega-menu.mega-vertical {display:none;position:absolute;top:42px;padding-top: 5px;z-index: 2220;}
.mx-nav-menu .mega-menu.mega-vertical > ul{background: #fafafa;border: 1px solid #200955;}

.mx-nav-menu .mega-menu.mega-vertical ul {position:static;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li > ul {position: absolute;left: 100%;top: 0;margin-left: -1px;border: 1px solid #ddd;background:#ffffff;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.mx-nav-menu .mega-menu.mega-vertical > ul li {position:relative;min-width: 200px;}
.mx-nav-menu .mega-menu.mega-vertical > ul li li {float:left;padding:5px;}
.mx-nav-menu .mega-menu.mega-vertical.mega-wide > ul li li {float:left;}
.mx-nav-menu .mega-menu.mega-vertical.mega-wide > ul li li li {float:none;}
.mx-nav-menu .mega-menu.mega-vertical.mega-wide > ul li li {margin-bottom: 5px;float:left;padding:10px;}
.mx-nav-menu .mega-menu.mega-vertical > ul li li li {border-bottom: none;padding-bottom: 0;margin-bottom: 5px;padding:0;}
.mx-nav-menu .mega-menu.mega-vertical li a {padding: 5px 13px 5px 10px;display: block;color: #444;line-height:20px;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li > a  {border-top: 1px solid #fafafa;border-bottom:1px solid #ffffff;position:relative;padding:7px 13px 7px 15px;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li > a:after {content: '';width: 0;height: 0;border-left: 2px solid #200955;
	border-right: 2px solid #200955;
	border-bottom: 2px solid #200955;
	border-top: 2px solid #200955;
	position: absolute;top: 15px;left: 6px;
}
.mx-nav-menu .mega-menu.mega-vertical li li a {padding: 0px;margin-bottom: 5px;}
.mx-nav-menu .mega-menu.mega-vertical li li li a {padding: 0px;border-bottom: none;color: #999;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li:hover > a {color: #444;background: #ffffff;border-top:1px solid #ddd;border-bottom:1px solid #eee;position:relative;z-index:2230;}
.mx-nav-menu .mega-menu.mega-vertical li li:hover > a {color: #444;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-vertical{ display:block;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-vertical > ul ,
.mx-nav-menu .mega-menu-main .mega-menu.mega-vertical > ul ul ul {display:block}
.mx-nav-menu .mega-menu.mega-vertical .mega-menu-item-stitle {display:block;color: #999;font-size: 11px;line-height: 16px;}
.mx-nav-menu .mega-menu.mega-vertical .mega-menu-item-img-link {border-bottom: none;margin: 0;}
.mx-nav-menu .mega-menu.mega-vertical .mega-menu-item-img {text-align:center;}
.mx-nav-menu .mega-menu.mega-vertical li i.fa-angle-right {line-height: 20px;}

.mega-custom-widget-content {width:292px;}
.mega-custom-widget-content.over {width:100%;}

.mx-nav-right-container {position:absolute;right:0;z-index: 2210;}
.mx-nav-right-container ul, .mx-nav-right-container li {float:left;list-style:none;margin:0;padding: 0;}
.mx-nav-right-container > ul > li > a {float:left;line-height: 24px;padding: 10px;min-width: 40px;text-align: center;}
.mx-nav-right-container > ul > li:hover > a {background:#200955;color:#ffffff;}
.mx-nav-right-container li {position:relative;}
.mx-nav-right-container .header-search-btn i,
.mx-nav-right-container .header-responsive-menu-btn i,

.mx-nav-right-container .mx-wc-login i {margin-right:0px;}
.header-search-btn i {width:16px;text-align:center;}
.header-search-btn .fa-times-circle-o {display:none;}
.header-search-btn.open .fa-search {display:none;}
.header-search-btn.open .fa-times-circle-o {display:inline-block;}


/* fixed menu */
.fixed-enabled #header-wrap #site-header #mx-nav {left: 0;background: #ffffff;width: 100%;position: fixed;z-index: 8888;top: 0px;}
#site-header.site-header-style-1.fixed-enabled #header-wrap #site-header #mx-nav {-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);box-shadow: 0 5px 5px rgba(0,0,0,0.1);}

/* mobile menu */
.responsive-mobile-menu {display:none;}
#mobile-menu {display:none;position: fixed;top: 0;left: -300px;background: #000;z-index: 9999;padding: 20px;width: 300px;overflow-y: auto;height: -webkit-fill-available!important;min-height: -webkit-fill-available!important;}
.mobile-menu-container {position:relative;padding-top: 30px;}
.mobile-menu-close-btn {position: absolute;width: 40px;height: 40px;background: #444;font-size: 20px;line-height: 20px;padding: 10px;margin: 0;text-align: center;left: -20px;top: -20px;color: #eee;cursor: pointer;}
.mobile-menu-close-btn i {margin:0;}

.mx-nav-mobile-menu li a {color:#aaaaaa;font-weight:normal;}
.mx-nav-mobile-menu > li > a {color:#aaaaaa;text-transform: uppercase;font-weight:bold;}
.mx-nav-mobile-menu li a:hover {color:#ffffff;}
.mx-nav-mobile-menu > li.current-menu-item > a, .mx-nav-mobile-menu > li.current-menu-ancestor > a {color:#ffffff;}
.mx-nav-mobile-menu .sub-menu {margin-top: 5px;border-top: 1px #333 solid;padding-top: 5px;padding-left: 10px;}

.mx-mobile-search form > div {padding: 0 40px 0 0;margin: 10px 0;position: relative;}
.mx-mobile-search .sf-s {padding: 5px;line-height: 20px;width: 100%;background: #343434;border: 1px solid #444;color:#ffffff;}
.mx-mobile-search .sf-submit {position: absolute;right: 0;top: 0;border-radius: 0;width: 40px;}
.mx-mobile-search .sf-submit i {margin:0;}

/* = Site Header Style 2
-------------------------------------------------------------- */
#site-header.site-header-style-2 {min-height:auto;border-bottom: 0;}
.site-header-style-2 .mx-header-logo .logo  {padding: 15px 0;}
.site-header-style-2 .mx-nav-container {width: auto;}
.site-header-style-2 .mx-search-container {float: right;margin-top: 20px;}
.site-header-style-2 .mx-search-container.have-content {border-left: 1px solid #e8e8e8;padding-left: 10px;margin-left: 10px;}

.site-header-style-2 #header-wrap #site-header #mx-header {padding: 0;}
.site-header-style-2 .mx-header-logo {float:left;}
.site-header-style-2 .mx-header-right {float:right;}
.site-header-style-2 .mx-nav-menu > li > a { padding:15px 14px;color: rgba(255, 255, 255, 0.5);-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.site-header-style-2 .mx-nav-menu li > ul a { padding:8px 14px;}
.site-header-style-2 .mx-nav-menu > li {font-weight: 600;}
.site-header-style-2 .mx-nav-menu > li:hover > a {color: #fff;padding-top: 15px;border: none;}
.site-header-style-2 .mx-nav-menu > li.current-menu-item > a, .site-header-style-2 .mx-nav-menu > li.current-menu-ancestor > a {border:none;color: #fff;padding-top: 15px;}
.site-header-style-2 .mx-nav-menu > li.menu-item-has-children {}
.site-header-style-2 .mx-nav-menu > li.menu-item-has-children > a:after {content:'\f107';margin:0 0 0 5px;position:relative;top:0;font-family: 'Font Awesome 5 Pro';font-size: 14px;}

.site-header-style-2 .mx-nav-menu > li > ul, 
.site-header-style-2 .mx-nav-menu > li > ul ul {padding-top: 0px;border: 1px solid #e8e8e8;}
.site-header-style-2 .mx-nav-menu > li > ul li {border: none;border-bottom: 1px solid #e8e8e8;margin-bottom: 0;}
.site-header-style-2 .mx-nav-menu > li > ul li:last-child {border:none;}
.site-header-style-2 .mx-nav-menu > li > ul ul {top: -1px;}
.site-header-style-2 .mx-nav-menu > li > ul li a:hover {color: #000; background: #f0f0f0;}

.site-header-style-2 .mx-nav-menu .mega-menu.mega-horizontal {top: 100%;padding-top: 0;width: 1000px;}
.site-header-style-2 .mx-nav-menu .mega-menu.mega-horizontal > ul {border-top: 1px solid #e8e8e8;}
.site-header-style-2 .mx-nav-menu .mega-menu.mega-horizontal > ul > li > a {border-bottom:none;margin-bottom: 0;}
.site-header-style-2 .mx-nav-menu .mega-menu.mega-horizontal > ul > li {padding:20px;}
.site-header-style-2 .mx-search-container > ul > li > a {padding: 6px 8px;display: block;line-height: 20px;border-radius: 4px;color: #000;min-width: 36px;text-align: center;}

.site-header-style-2 .mx-search-container .mx-search-form a i,
.site-header-style-2 .mx-search-container .responsive-mobile-menu a i,
.site-header-style-2 .mx-search-container .mx-wc-login a i{margin:0;}

.site-header-style-2 .mx-search-container > ul > li.mx-cart-list {margin-right:0;}
.site-header-style-2 .mx-search-container > ul > li.mx-cart-list > a {background:#200955;color:#ffffff;width:auto;}
.site-header-style-2 .mx-search-container > ul > li:hover > a {background:#242424;color:#ffffff;}

.site-header-style-2 .mx-search-container .responsive-mobile-menu {display:none;}

.site-header-style-2 .mx-search-container li {position:relative;}

#site-header.site-header-style-2.fixed-enabled {left: 0;width: 100%;top: 32px;position: fixed;z-index: 2000;background: #022746;-webkit-box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);}

.site-header-style-2.fixed-enabled .mx-nav-menu > li > a { padding:15px 14px;}
.site-header-style-2.fixed-enabled .mx-nav-menu > li:hover > a {padding-top: 15px;}
.site-header-style-2.fixed-enabled .mx-nav-menu > li.current-menu-item > a, 
.site-header-style-2.fixed-enabled .mx-nav-menu > li.current-menu-ancestor > a {padding-top: 15px;}
.site-header-style-2.fixed-enabled .mx-search-container {margin-top: 8px;}
.site-header-style-2.fixed-enabled .mx-header-logo .logo  {margin:0;padding: 15px 0;}
.site-header-style-2.fixed-enabled .mx-header-logo .logo img {height:48px; width:auto;}


/* = Site Header Style 3
-------------------------------------------------------------- */
.site-header-style-3 #header-wrap #site-header #mx-header {padding: 25px 0;}
.site-header-style-3 #header-wrap #site-header #mx-nav {border-top: 1px #eee solid;border-bottom: 1px #eee solid;min-height: 46px;}
.site-header-style-3 .mx-nav-container {left: -50%;float: right;width: auto;}
.site-header-style-3 .mx-nav-menu {left: 50%;width: auto;}

.site-header-style-3 .mx-nav-menu > li > a {border:none;padding: 10px 14px 8px;}
.site-header-style-3 .mx-nav-menu > li.current-menu-item > a, .site-header-style-3 .mx-nav-menu > li.current-menu-ancestor > a {
	border:none;border-bottom: #200955 2px solid;}
.site-header-style-3 .mx-nav-menu > li:hover > a {padding-top:10px;border:none;border-bottom: #200955 2px solid;color:#200955;background:none;}

.site-header-style-3 .mx-header-left {float:left;}
.site-header-style-3 .mx-header-center {text-align:center;}
.site-header-style-3 .mx-social {margin-top: 15px;}
.site-header-style-3 .mx-header-right-custom {float:left;}
.site-header-style-3 .mx-header-logo {text-align:center;}
.site-header-style-3 .mx-header-logo .logo {float:none;}
.site-header-style-3 .mx-header-logo .logo a {display:inline-block;}
.site-header-style-3 .mx-header-right > ul {float:right;margin-top: 14px;}
.site-header-style-3 .mx-header-right > ul > li {position:relative;}
.site-header-style-3 .mx-header-right > ul > li > a {padding: 6px 8px;display: block;line-height: 20px;border-radius: 4px;min-width: 36px;text-align: center;color: #000;}
.site-header-style-3 .mx-header-right > ul > li.mx-cart-list > a {background: #200955;color: #ffffff;width: auto;}
.site-header-style-3 .mx-header-right > ul > li:hover > a {background:#242424;color:#ffffff;}
.site-header-style-3 .mx-header-right > ul > li.responsive-mobile-menu {display:none;} 

.site-header-style-3 .mx-header-right .mx-search-form a i,
.site-header-style-3 .mx-header-right .responsive-mobile-menu a i,
.site-header-style-3 .mx-header-right .mx-wc-login a i{margin:0;}

.site-header-style-3 .mx-nav-menu > li > ul, .site-header-style-3 .mx-nav-menu > li > ul ul {padding-top: 0px;margin-top:-2px;}
.site-header-style-3 .mx-nav-menu > li > ul li:first-child {border-top:2px solid #200955;}

.site-header-style-3 .mx-nav-menu .mega-menu.mega-horizontal {top: 38px;width: 1000px;}
.site-header-style-3 .mx-nav-menu .mega-menu.mega-horizontal > ul {border-top: 2px solid #200955;}

#site-header.site-header-style-3.fixed-enabled #header-wrap #site-header #mx-nav {background: rgba(255,255,255,0.9);}

/* = Site Header Style 4
-------------------------------------------------------------- */
.site-header-style-4 {border-bottom: 1px solid #f2f2f2;}
.site-header-style-4 .mx-header-logo {float:left;}
.site-header-style-4 .mx-header-right-container,
.site-header-style-4 .mx-header-right {float:right;}
.site-header-style-4 .mx-nav-menu > li {margin-right:5px;}
.site-header-style-4 .mx-nav-menu > li:last-child {margin-right:0;}
.site-header-style-4 .mx-nav-menu > li > a, 
.site-header-style-4 .mx-nav-menu li > ul li.menu-item > a {padding: 6px 12px;line-height:22px;}
.site-header-style-4 .mx-nav-menu li i.fa-angle-down, .site-header-style-4 .mx-nav-menu li i.fa-angle-right {line-height: 22px;}

.site-header-style-4 .mx-nav-menu > li.current-menu-item > a,
.site-header-style-4 .mx-nav-menu > li.current-menu-ancestor > a {background: #200955;color: #ffffff;padding: 6px 12px;border: none;border-radius: 4px;}
.site-header-style-4 .mx-nav-menu > li:hover > a {background: #200955;color: #ffffff;padding: 6px 12px;border: none;
border-radius: 4px 4px 0 0;}
.site-header-style-4 .mx-nav-menu ul.sub-menu {border-top: 2px solid #200955;}
.site-header-style-4 .mx-nav-menu > li > ul ul.sub-menu {top: -2px;}
.site-header-style-4 .mx-nav-container {margin-top:10px;}

.site-header-style-4 .mx-nav-form-content {float: right;position: relative;margin-left: 10px;}
.site-header-style-4 .mx-nav-form-content .searchform > div {position: relative;padding-right: 36px;}
.site-header-style-4 .mx-nav-form-content .sf-s {width:60px;}
.site-header-style-4 .mx-nav-form-content .sf-s:focus {width:120px;}
.site-header-style-4 .mx-nav-form-content .sf-submit {border-radius: 0px 4px 4px 0;top: 0;position: absolute;right: 0;}
.site-header-style-4 .mx-nav-form-content .fa-search,
.site-header-style-4 .responsive-mobile-menu .fa-bars {margin:0;}
.site-header-style-4 .responsive-mobile-menu {display:none;}
.site-header-style-4 .mx-header-right-custom {margin-left:10px;}
.site-header-style-4 .mx-header-right-list {float: right;margin-left:10px;}
.site-header-style-4 .mx-header-right-list li {position:relative;}
.site-header-style-4 .mx-header-right-list > li > a {min-width: 32px;padding: 6px 8px;background: #ffffff;border: 1px solid #eeeeee;border-radius: 4px;display: block;text-align: center;}
.site-header-style-4 .mx-header-right-list > li:hover > a {background: #200955;border: 1px solid #200955;color:#ffffff;}
.site-header-style-4 .mx-header-right-list .mx-wc-login .fa-user {margin-right:0;}
.site-header-style-4 .mx-social {margin-left:10px;}

.site-header-style-4 .mx-nav-menu .mega-menu.mega-horizontal {top: 34px;padding-top: 0px;}
.site-header-style-4 .mx-nav-menu .mega-menu ul.sub-menu ul.sub-menu {border-top:none;}

#site-header.site-header-style-4.fixed-enabled {left: 0;width: 100%;min-height: 54px;top: 32px;position: fixed;z-index: 2000;background: rgba(255,255,255,0.9);}

.site-header-style-4.fixed-enabled .mx-header-right {display:none;}
.site-header-style-4.fixed-enabled .mx-header-right:last-child {display:block;}
.site-header-style-4.fixed-enabled #header-wrap #site-header #mx-header {padding: 5px 0;}
.site-header-style-4.fixed-enabled .mx-header-logo .logo img {height: 44px;width: auto;}
.site-header-style-4.fixed-enabled .mx-nav-container {margin-top: 5px;}

/* = Site Header Style 5
-------------------------------------------------------------- */
.site-header-style-5 #header-wrap #site-header #mx-nav {border-bottom: 2px #000 solid;min-height: 47px;}
.site-header-style-5 .mx-nav-menu {margin-bottom:-2px;}
.site-header-style-5 .mx-nav-menu > li.current-menu-item > a, 
.site-header-style-5 .mx-nav-menu > li.current-menu-ancestor > a {
	color: #200955;border-bottom: #200955 2px solid;padding-top: 10px;background: none;border-top: none;
}
.site-header-style-5 .mx-nav-menu > li:hover > a {color: #200955;border-bottom: #200955 2px solid;padding-top: 10px;background: none;border-top: none;}
.site-header-style-5 .mx-nav-menu .mega-menu.mega-vertical {top: 41px;}

.site-header-style-5 .mx-nav-menu .mega-menu.mega-horizontal {padding-top: 2px;}
.site-header-style-5 .mx-nav-menu > li > ul.sub-menu, .site-header-style-5 .mx-nav-menu > li > ul ul.sub-menu {padding-top: 0px;}

.mx-wc-login .user-contents-container {display:none;padding: 10px;background: #ffffff;border: 1px solid #ddc;position: absolute;top: 100%;right: 0;width: 300px;z-index: 2000;}
.user-contents-container {text-align:center;padding:10px;}
.user-contents-container span {padding: 15px 15px;border-radius: 50px;display: inline-block;background: #f5f5f5;}
.user-contents-container span i{width: 30px;height: 30px;line-height: 30px;font-size: 24px;color: #777;margin: 0;}

.user-contents-container:after {content: '';width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ffffff;position: absolute;top: -7px;right: 11px;}


/* = Page Title
-------------------------------------------------------------- */
#site-content-header {padding: 20px 0;background: transparent;}
#site-content-header .container {display: flex;justify-content: space-between;align-items: center;}
#site-content-header .container .page-title {}
#site-content-header .container .page-title .title {font-weight: 600;margin: 0;font-size: 20px;line-height: 20px;letter-spacing: 0;}
#site-content-header .container .page-desc {margin: 0 0 10px 0;}
#site-content-header .container .breadcrumbs {text-align:right;} 
#site-content-header .container .breadcrumbs i.fa-home {margin:0;}
#site-content-header .container .breadcrumbs a, #site-content-header .breadcrumbs span {color:var(--color-accent);text-transform:uppercase;font-size:12px;line-height:2px;}
#site-content-header .container .breadcrumbs a {color: var(--color-accent);}
#site-content-header .container .breadcrumbs a:hover {color:var(--color-accent);}
#site-content-header .container .breadcrumb-right {margin:0 5px;}

/* = Page Content
-------------------------------------------------------------- */
#page-header-wrap {}
#main {padding-top: 20px;min-height: 350px;}
body.page-id-2 #main, .single-slk_products #main {padding-top:0;}

section.mx-col.mx-left {float:right;}
aside.mx-col.mx-left {float:left;}
	
.wide-background {}

.wide-layout .wide-background {padding: 80px 130px;margin-left: -130px;margin-right: -130px;}
.boxed-layout .wide-background {padding:80px 15px;margin-left:-15px;margin-right:-15px;}


	
/* 	----------------------------------------------------------------------------------------------	
										C - PAGE STYLE																											
	----------------------------------------------------------------------------------------------	*/
	
/* = Post , Blog
-------------------------------------------------------------- */
.post-entry {display: inline-block;width: 100%;margin-bottom: 30px;border-bottom: 1px dashed #e0e0e0;padding-bottom: 30px;}
.post-entry .post-date-type {width: 100px;float: left;border: 1px solid #f0f0f0;background: #f7f7f7;padding: 10px 5px;text-align: center;}
.post-entry .post-date-type .day {font-size: 30px;line-height: 32px;font-weight: bold;color: #222;}
.post-entry .post-date-type .month-year {color: #444;font-size: 14px;line-height: 20px;}
.post-entry .post-date-type .post-type {background: #200955;color: #fff;padding: 5px;width: 30px;height: 30px;line-height: 20px;margin: 10px auto 0;border-radius: 40px;font-size: 14px;}
.post-entry .post-content {margin-left: 120px;}
.post-entry .post-element-content {width: 100%;margin-bottom: 20px;float: left;}

/* style 2 */
.blog-style-2.post-entry .post-content {margin:0;}
.blog-style-2.post-entry .entry-title {margin-top:10px;}
.blog-style-2.post-entry .post-element-content {float: none;width:auto;}

/* image format */
.post-img {position:relative;}
.post-img a {display:block;}
.post-tip {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;overflow: hidden;opacity:0;}
.post-img:hover .post-tip {opacity:1;}
.post-tip .bg {width: 100%;height: 100%;background: #200955;opacity: 0;}
.post-img:hover .post-tip .bg {opacity: 0.9;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.post-img i {margin-right:0 !important;}
.post-img .pop-link-icon, 
.post-img .pop-preview-icon {
	width: 50px;height: 50px;border-radius: 40px;text-align: center;font-size: 18px;
	padding: 10px;line-height: 30px;display: inline-block;background: rgba(0,0,0,0.7);
	color: #ffffff;position: absolute;margin-top: -25px;top: 50%;left: 50%;
	transform: scale(0,0);
	-ms-transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.post-img .pop-preview-icon {margin-left:-60px;}
.post-img .center{margin-left:-25px !important;}
.post-img .pop-link-icon {margin-left:10px;}
.post-img .pop-link-icon:hover, 
.post-img .pop-preview-icon:hover {background: rgba(0,0,0,1);}
.post-img:hover .post-tip .pop-link-icon ,
.post-img:hover .post-tip .pop-preview-icon {transform: scale(1,1);-ms-transform: scale(1,1);-webkit-transform: scale(1,1);}

/* quote */
.post-quote {padding: 30px 30px 30px 80px;background: #200955;text-align: left;position: relative;color: #222;font-size: 16px;font-weight: bold;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);border-radius: 3px;}
.post-quote-icon {position: absolute;top: 50%;font-size: 30px;width: 30px;display: inline-block;height: 30px;text-align: center;color: #ffffff;line-height: 30px;left: 25px;margin-top: -15px;}
.post-quote blockquote {margin:0;border-left: 5px solid #eee;}

.post-entry .entry-header {width:100%;}
.post-entry .entry-title {margin: 0 0 10px;padding: 0;}
.post-entry .entry-meta {margin-bottom: 10px;color: #999;}

.blog-style-1.post-entry .more-link {float: right;}
.post-entry .entry-meta .post-edit-link {margin-left:5px;}

/* single post */
.single-post-date-type {float:left;}
.single-post-date-type .post-type {padding: 10px;width: 40px;height: 40px;text-align: center;background: #200955;font-size: 18px;line-height: 20px;color: #ffffff;border-radius: 40px;}

.single .post-entry .post-content {margin-left: 60px;}
.single .post-entry .entry-tags {margin:20px 0;}
.single .post-entry .entry-tags > span {font-weight:bold;color:#444;}
.single .post-entry .post-content .entry-content {margin-bottom:20px;}

.single .post-entry .post-author {border-left: 3px solid #ddd;padding: 10px 20px;margin-bottom: 20px;min-height: 100px;}
.single .post-entry .post-author .post-avatar {width:80px;height:80px;float:left;}
.single .post-entry .post-author .post-author-content {margin-left: 90px;}
.single .post-entry .post-author .author-name {margin:0 0 10px;}

.single .post-entry  .post-share {margin-bottom: 10px;}

.comment-list ,
.comment-list ul{list-style: none outside none;margin: 0px;}
.comment-list .comment-item {border-bottom: 1px dotted #e8e8e8;padding: 0 0 10px;margin-bottom: 15px;position: relative;}
.comment-list .comment-item .comment-avatar {width:50px;height:50px;float:left;}
.comment-list .comment-item .comment-avatar .avatar {border-radius:3px;}
.comment-list .comment-item .comment-content {margin-left:60px;}
.comment-list .comment-item .comment-meta {font-size:12px;line-height: 20px;}
.comment-list .comment-item .author-name {margin-right:10px;}
.comment-list .comment-item .comment-content a {color:#200955;}
.comment-list .comment-item .comment-content a:hover {color:#333;}
.comment-list .children {padding-left:60px;}
.comment-list .children .children .children {padding-left:0px;}
.comment-list .comment-item .comment-wait-approved {display:block;}
.comment-list .comment-item a.comment-reply-link {color: #a2a2a2;font-size: 12px;line-height:16px;}
.comment-list .comment-item a.comment-reply-link:hover {color: #454545;}

#comment-fields {margin-bottom:20px;}
#comment-fields > div {margin-bottom:15px;}
#comment-fields label {display:block;}
#comment-fields input {width: 50%;padding: 5px;height: 34px;}
#comment-fields textarea {width:100%;padding: 10px; display:inline-block;}
#comment-fields .description {margin-left:5px;}

#comment-nav-above {width: 100%;float: left;background: #f8f8f8;padding: 5px;margin-bottom: 10px;}
#comment-nav-above .next-post{float:left;}
#comment-nav-above .pre-post{float:right;}

#comment-submit {margin-bottom:15px;}

#comment-alert-error, 
#comment-alert-error span {display:none;}
#comment-alert-error.show,
#comment-alert-error .comment-alert-error-name.show,
#comment-alert-error .comment-alert-error-email.show,
#comment-alert-error .comment-alert-error-url.show,
#comment-alert-error .comment-alert-error-message.show {display:block;}

/* pagination button style */
.single-pagination-follow a {padding: 40px 16px;background: rgba(0,0,0,0.7);display: inline-block;position: fixed;
	top: 50%;margin-top: -20px;color: #ffffff;
	z-index:9000;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.single-pagination-follow a i {margin:0;}
.single-pagination-follow a:hover {background: rgba(0,0,0,1);}
.single-pagination-follow a span {display:none; margin:0 5px;}
.single-pagination-follow a:hover span {display:inline-block;}
.single-pagination-follow a[rel='prev'] {left: 0;border-radius: 0 3px 3px 0;}
.single-pagination-follow a[rel='next'] {right: 0;border-radius: 3px 0 0 3px;}

/* ajax blog */
.post-ajax-element-container {padding: 10px;border: 1px solid #e8e8e8;box-shadow: 1px 2px 5px 1px #EEE;
-webkit-box-shadow: 1px 2px 5px 1px #EEE;background: #ffffff;}
.post-ajax-element-container .post-meta {border-bottom: 1px dotted #e8e8e8;padding-bottom: 10px;margin-bottom: 10px;line-height: 30px;display: inline-block;  width: 100%;}
.post-ajax-element-container .post-type {width: 30px;display: inline-block;line-height: 20px;text-align: center;background: #200955;color: #ffffff;border-radius: 30px;margin-right: 10px;padding: 5px;}
.post-ajax-element-container .post-type i {margin-right:0;}
.post-ajax-element-container .comments-link {float:right;}
.post-ajax-element-container footer {margin-top:10px;border-top: 1px dotted #e8e8e8;padding-top: 10px;display: inline-block;width: 100%;}
.post-ajax-element-container footer .author {display:none;}
.post-ajax-element-container .post-link {float:right;}

/* ajax blog style 2 */
.blog-ajax-style-2 .post-ajax-element-container {padding: 0;box-shadow:none;
-webkit-box-shadow:none;}
.blog-ajax-style-2 .post-quote {border-radius: 0;}
.blog-ajax-style-2 .entry-title {margin: 0 0 10px;}
.blog-ajax-style-2 .post-ajax-element-content {padding: 10px;}
.blog-ajax-style-2 .post-ajax-element-container .post-meta > span {margin-right:10px;}
.blog-ajax-style-2 .post-ajax-element-container .comments-link { margin-right:0;}
.blog-ajax-style-2 .more-link {margin-top:10px;}

/* timeline */
.post-ajax-element.blog-timeline-style-1,
.post-ajax-element.blog-timeline-style-2 {margin-bottom: 0;}

.post-timeline-element-container {position: relative;padding-bottom: 30px;}

.post-ajax-element.blog-timeline-style-1:last-child,
.post-ajax-element.blog-timeline-style-2:last-child {margin-bottom:30px;}

.post-ajax-element.blog-timeline-style-1:last-child .post-timeline-element-container,
.post-ajax-element.blog-timeline-style-2:last-child .post-timeline-element-container {padding-bottom: 0;}

.post-ajax-element.blog-timeline-style-1 .post-timeline-element-container .post-meta {text-align: center;height: 110px;}
.post-ajax-element.blog-timeline-style-1 .post-timeline-element-container .post-date-meta {padding: 5px 10px;background: #eee;display: block;position: absolute;left: 50%;width: 200px;margin-left: -100px;top: 65px;}
.post-ajax-element.blog-timeline-style-1 .post-timeline-element-container .post-type {width: 50px;display: inline-block;line-height: 20px;text-align: center;background: #200955;color: #ffffff;border-radius: 40px;margin-right: 0;padding: 15px;font-size: 18px;z-index: 1;position: relative;}
.post-ajax-element.blog-timeline-style-1 .post-timeline-element-container .timeline {width: 2px;height: 100%;background: #ddd;position: absolute;left: 50%;margin-left: -1px;}
.post-ajax-element.blog-timeline-style-1 .post-timeline-element-content {padding: 30px;background: #fafafa;border: 1px solid #e8e8e8;position: relative;z-index: 1;}

.post-ajax-element.blog-timeline-style-2 .post-timeline-element-container .timeline {width: 2px;height: 100%;background: #e8e8e8;position: absolute;left: 24px;}

.post-timeline-element-container .timeline-hor {width: 80px;height: 2px;position: absolute;background: #e8e8e8;top: 24px;}
.post-ajax-element.blog-timeline-style-2 .post-timeline-element-container .post-meta {text-align: left;}
.post-ajax-element.blog-timeline-style-2 .post-timeline-element-content {margin-left: 60px;}
.post-ajax-element.blog-timeline-style-2 .post-timeline-element-container .post-type {width: 50px;display: inline-block;line-height: 20px;text-align: center;background: #200955;color: #ffffff;border-radius: 40px;margin-right: 0;padding: 15px;font-size: 18px;z-index: 1;position: relative;}
.post-ajax-element.blog-timeline-style-2 .post-timeline-element-container .post-date-meta {padding: 5px 10px;
background: #ffffff;display: block;position: absolute;left: 60px;top: 10px;border: 1px solid #e8e8e8;}

.post-timeline-element-container .post-type i {margin: 0;}

.post-timeline-element-content footer {margin-top:10px;}
.post-timeline-element-content footer > span {margin-left:10px;}
.post-timeline-element-content footer > span:first-child {margin-left:0;}
.post-timeline-element-content .post-link {float:right;}

.post-ajax-element {margin-bottom:20px;}
.ajax-load-btn-container {margin: 20px 0;text-align: center;}
.ajax-load-content,.post-ajax-loading {display:none;}
.post-ajax-load-btn {cursor:pointer;}
.post-ajax-loading,.post-ajax-scroll-load {line-height: 32px;}

/* blog shortcode */
.shortcode-post-entry {margin-bottom:20px;}
.post-entry  .shortcode-post-entry .post-content {margin-left:0;}

.shortcode-post-entry .post-element-content,
.shortcode-post-entry .entry-meta,
.shortcode-post-entry .entry-summary {margin-bottom:10px;}
.shortcode-post-entry .entry-title {margin: 0 0 10px;}
.shortcode-post-entry .comments-link {float:right;}

.shortcode-post-entry.blog-shortcode-style-3 .post-tip .bg {background: rgba(0,0,0,0.7);}
.shortcode-post-entry.blog-shortcode-style-3 .entry-date {position: absolute;z-index: 1;top: 0;left: 10px;padding: 5px;background: #200955;color: #fff;text-align: center;border-top: 4px #000 solid;}
.shortcode-post-entry.blog-shortcode-style-3 .day {font-size: 20px;font-weight: bold;}
.shortcode-post-entry.blog-shortcode-style-3 .comments-link {position: absolute;bottom: 0;right: 10px;padding: 5px 10px;background: #ffffff;color: #ffffff;z-index: 1;}

/* blog view, like */
.viewandlike-count {padding: 10px;border-radius: 4px;background: #f8f8f8;margin-bottom: 20px;display: inline-block;width: 100%;text-align: center;}
.viewcountbox, .likecountbox {width:50%;float:left;}
.likecountbox {float:right;}
.post-like-waitting {position: fixed;padding: 20px;background: rgba(0,0,0,0.8);top: 50%;left: 50%;font-size: 30px;line-height: 30px;width: 70px;height: 70px;text-align: center;color: #ffffff;border-radius: 4px;}
.sidebar-viewlike {margin-right:10px;}
.sidebar-viewlike:last-child {margin-right:0;}

/* = Portfolio
-------------------------------------------------------------- */
.portfolio-filters {margin-bottom:20px;}
.portfolio-filters-default-style {text-align:center;}
.portfolio-filters-cats li a {margin-bottom: 5px;padding:5px 10px;background:#f8f8f8;border-radius:3px;cursor:pointer;display:inline-block;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.portfolio-filters-cats li a:hover {background:#eee;}
.portfolio-filters-cats li a.active {cursor:auto;background:#200955;color:#ffffff;}
.portfolio-filters-cats-select select {float:right;padding:5px;line-height:20px;height: 30px;min-width:120px;}
.portfolio-container .portfolio-element {margin-bottom:15px;}
.portfolio-element .post-content {padding: 10px 0px;text-align: center;border-bottom: #e8e8e8 solid 1px;}
.portfolio-element .entry-title {margin:0 0 10px}
.portfolio-element .post-cats, .portfolio-element .entry-summary {font-style:italic;}
.portfolio-element .entry-summary {margin-bottom: 10px;}
.portfolio-categories a {display:inline-block;}

/* style 2 */
.portfolio-element.portfolio-style-2 .post-content {border-bottom:none;padding: 10px 0 5px;}
.portfolio-element.portfolio-style-2 .portfolio-categories {font-style:italic;}
.portfolio-element.portfolio-style-2 .portfolio-element-container {border-bottom: 1px solid #e8e8e8;-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.portfolio-element.portfolio-style-2:hover .portfolio-element-container {border-bottom: 1px solid #200955;}

/* style 3 */
.portfolio-element.portfolio-style-3 .post-mask-content {float:left;text-align:center;position:absolute;top:10px;left:10px;bottom:10px;right:10px;padding: 15px;
	background: rgba(255,255,255,0.9);
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	transform: scale(0,0);
	-ms-transform: scale(0,0); /* IE 9 */
	-webkit-transform: scale(0,0); /* Safari and Chrome */
	-o-transform: scale(0,0); /* Opera */
	-moz-transform: scale(0,0); /* Firefox */
}
.portfolio-element.portfolio-style-3:hover .post-mask-content {
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}
.portfolio-element .post-mask-content:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.portfolio-element .post-mask-content .centered {display: inline-block;vertical-align: middle;width: 90%;}
.portfolio-element.portfolio-style-3 .post-mask-content .portfolio-categories {margin-bottom:10px;}
.portfolio-element.portfolio-style-3 .post-mask-content .entry-date i {margin-right:5px !important;}

/* style 4 */
.portfolio-element.portfolio-style-4 .post-content {padding: 0;text-align: left;border: none;margin: 10px 0;}

/* style 5 */
.portfolio-element.portfolio-style-5,
.portfolio-element.portfolio-style-6 {overflow:hidden;}
.portfolio-element.portfolio-style-5 .post-mask-content,
.portfolio-element.portfolio-style-6 .post-mask-content {position:absolute;width:100%;height:100%;
	background:rgba(255,255,255,0.8);
	left:-150%;top:0;text-align:center;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.portfolio-element.portfolio-style-5:hover .post-mask-content {left:0;}
.portfolio-element.portfolio-style-5 .post-mask-content .entry-summary {margin-bottom:10px;}
.portfolio-element.portfolio-style-5 .post-mask-content .centered {padding:20px;}
.portfolio-element.portfolio-style-5 .post-mask-content .portfolio-categories {margin-bottom:10px;}
.portfolio-element.portfolio-style-5 .post-mask-content a {display:inline-block;}

/* style 6 */
.portfolio-element.portfolio-style-6 .portfolio-element-container {padding:5px;background:#ffffff;border:1px #e8e8e8 solid;}
.portfolio-element.portfolio-style-6 .post-mask-content {left: 0;opacity:0;}
.portfolio-element.portfolio-style-6:hover .post-mask-content {opacity:1;}
.portfolio-element.portfolio-style-6 .post-mask-content .centered {padding:0 20px;}
.portfolio-element.portfolio-style-6 .post-mask-content .entry-summary {margin-bottom:10px;}
.portfolio-element.portfolio-style-6 .portfolio-client,
.portfolio-element.portfolio-style-6 .portfolio-skills,
.portfolio-element.portfolio-style-7 .portfolio-client,
.portfolio-element.portfolio-style-7 .portfolio-skills  {float:left;width:100%;color:#444;}
.portfolio-element.portfolio-style-6 .portfolio-client,
.portfolio-element.portfolio-style-7 .portfolio-client {margin-bottom:10px;}

/*style 7*/
.portfolio-element.portfolio-style-7 img {border-radius: 260px; max-width: 100%;}
.portfolio-element.portfolio-style-7 .post-mask-content {
	overflow: hidden;
	border-radius: 260px;
	text-align:center;
	position:absolute;
	background: rgba(255,255,255,0.7);
	opacity:0;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3); /* IE 9 */
	-webkit-transform: scale(1.3,1.3); /* Safari and Chrome */
	-o-transform: scale(1.3,1.3); /* Opera */
	-moz-transform: scale(1.3,1.3); /* Firefox */
}
.portfolio-element.portfolio-style-7:hover .post-mask-content {
	opacity:1;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}
.portfolio-element.portfolio-style-7 .portfolio-categories {margin-bottom:10px;}

/* single portfolio */
.single .post-entry.portfolio {margin-bottom: 0;border: none;}
.single .post-entry.portfolio .post-content {margin-left: 0;}
.single .post-entry.portfolio .post-content .entry-content {margin-bottom:0px;}

.single-portfolio-metas {border-top: 2px solid #200955;border-bottom: 1px solid #e8e8e8;float: left;background: #fafafa;}
.single-portfolio-metas li a {color:#200955;}
.single-portfolio-metas li a:hover {color:#000000;}
.single-portfolio-metas li {float:left;width: 100%;padding:5px !important;}
.single-portfolio-metas li:last-child {border:none;}
.single-portfolio-metas .type {float:left;font-weight:bold;width: 40%;}
.single-portfolio-metas .type i {width:20px;height:20px;line-height:20px;display:inline-block;text-align:center;margin-right:5px;}
.single-portfolio-metas .value {float:right;line-height: 18px;width: 60%;text-align: left;padding-left: 10px;}

.single .post-entry.portfolio .post-details .post-title {padding:10px;margin:0;}
.single .post-entry.portfolio .post-details .post-share {padding:10px 0;float:left;width:100%;}
.single .post-entry.portfolio .post-details .post-download {text-align: center;margin: 10px 0;float: left;width: 100%;}

/* single portfolio style 2 */
.single .single-portfolio-style-2 .single-portfolio-metas {border-top:none;}
.single .single-portfolio-style-2 .post-entry.portfolio .entry-content {margin: 20px 0;}
.single .single-portfolio-style-2 .single-portfolio-metas .type {width: 40%;}
.single .single-portfolio-style-2 .single-portfolio-metas .value {float: left;}

/* shortcode portfolio */
.shortcode-portfolio-entry {margin-bottom:20px;}

/* = Contact
-------------------------------------------------------------- */
.contact-form {margin-bottom:20px;}
.contact-form > div {margin-bottom:15px;}
.contact-form label {display:block;}
.contact-form input[type=text] {width: 50%;padding: 5px;height: 34px;}
.contact-form textarea {width:100%;padding: 10px; display:inline-block;}

.contact-form .description {margin-left: 5px;}

/* = 404
-------------------------------------------------------------- */
.error-404 {text-align:center;padding: 30px 0 80px 0;}
.error-404 .error-icon {font-size: 100px;color: #b94a48;}

/* = Search
-------------------------------------------------------------- */
.post-entry.search-item {border-bottom: 1px #E1E1E1 dashed;margin-bottom: 20px;padding-bottom: 10px;}
.post-entry.search-item .entry-meta > span {margin-right:15px;}
.post-entry.search-item .post-thumbnail {width: 150px;float: left;margin-right: 20px;}

/* = Site Map
-------------------------------------------------------------- */
.sitemap-element {margin-bottom:20px;}
.sitemap-ul, .sitemap-ul ul {margin: 0;list-style: none;border-left: 2px solid #e8e8e8;padding-left: 26px;}
.sitemap-ul li {list-style: none;}
.sitemap-ul li:before {content: "";width: 14px;border-top: 2px solid #E2E2E2;position: absolute;margin-left: -26px;margin-top: 8px;}


/* = Login
-------------------------------------------------------------- */
.login-logo {text-align:center;}
.login-title {text-align: center;margin: 20px 0;font-size: 24px;font-weight: 300;}
.login-form-wrap {padding: 0 20px 20px;margin: 20px 0 40px;}
.mx-login-form-element {margin-bottom:20px;}
.mx-login-form-element:last-child {margin-bottom:0;}
.mx-login-form-element .control-label {display:block;}
.mx-login-form-element input[type=text],
.mx-login-form-element input[type=password] {width: 100%;padding: 5px;height: 34px;}
.login-form-wrap #wp-submit {padding:6px 30px;}
.login-account-posts {border-right: 1px solid #e8e8e8;}
.login-description {margin-bottom:20px;}
.login-account-information {text-align: center;}
.login-account-information .usericon {margin-bottom: 20px;}

	
/* 	----------------------------------------------------------------------------------------------	
										D. WIDGETS
	----------------------------------------------------------------------------------------------	*/

/* = Widget
-------------------------------------------------------------- */
.widget {margin-bottom:20px; clear:both;}
.widget-title {margin: 0 0 10px;line-height:24px;}

.widget-portfolio-recent.mline li ,
.widget-blog-recent.mline  li {margin:0 0 10px;}

.widget_archive ul ,
.widget_login ul ,
.widget_categories ul ,
.widget_mxportfoliocategorywidget ul ,
.widget_product_categories ul ,
.widget_layered_nav ul ,
.widget_nav_menu ul ,
.widget_recent_entries ul ,
.widget_pages ul ,
.widget_recent_comments ul ,
.widget_meta ul ,
.widget_links ul {list-style:none;margin:0;}

.widget_archive ul  li , 
.widget_login ul li ,
.widget_categories ul li ,
.widget_mxportfoliocategorywidget ul li,
.widget_product_categories ul li ,
.widget_layered_nav ul li ,
.widget_nav_menu ul li ,
.widget_recent_entries ul li ,
.widget_pages ul li ,
.widget_recent_comments ul li ,
.widget_meta ul li ,
.widget_links ul li {list-style:none;margin:0;}

.widget_archive li ul ,
.widget_login li ul ,
.widget_categories li ul ,
.widget_mxportfoliocategorywidget li ul,
.widget_product_categories li ul ,
.widget_layered_nav li ul ,
.widget_nav_menu li ul ,
.widget_recent_entries li ul ,
.widget_pages li ul ,
.widget_recent_comments li ul ,
.widget_meta li ul ,
.widget_links li ul {padding-left:20px;padding-top: 5px;}

.widget_archive ul li,
.widget_login ul li,
.widget_categories ul li,
.widget_mxportfoliocategorywidget ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_nav_menu ul li,
.widget_recent_entries ul li,
.widget_pages ul li ,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_links ul li {border-bottom:1px dashed #e8e8e8;padding-bottom:5px;margin-bottom:5px;}

.widget_archive ul li:before,
.widget_login ul li:before,
.widget_categories ul li:before,
.widget_mxportfoliocategorywidget ul li:before,
.widget_product_categories ul li:before,
.widget_layered_nav ul li:before,
.widget_nav_menu ul li:before,
.widget_recent_entries ul li:before,
.widget_pages ul li:before ,
.widget_recent_comments ul li:before,
.widget_meta ul li:before,
.widget_links ul li:before {font-family: FontAwesome;font-style: normal;font-weight: normal;height: auto;line-height: normal;margin-top: 0;margin-right: 5px;text-decoration: inherit;width: auto;margin-left: 5px;}

.widget_archive ul li:last-child,
.widget_login ul li:last-child,
.widget_categories ul li:last-child,
.widget_mxportfoliocategorywidget ul li:last-child,
.widget_product_categories ul li:last-child,
.widget_layered_nav ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_pages ul li:last-child ,
.widget_recent_comments ul li:last-child,
.widget_meta ul li:last-child,
.widget_links ul li:last-child {margin-bottom:0;}

.widget_archive li ul li:last-child,
.widget_login li ul li:last-child,
.widget_categories li ul li:last-child,
.widget_mxportfoliocategorywidget li ul li:last-child,
.widget_product_categories li ul li:last-child,
.widget_layered_nav li ul li:last-child,
.widget_nav_menu li ul li:last-child,
.widget_recent_entries li ul li:last-child,
.widget_pages li ul li:last-child,
.widget_recent_comments li ul li:last-child,
.widget_meta li ul li:last-child,
.widget_links li ul li:last-child {padding-bottom:0;border-bottom:none;}

.widget_archive li:before {content: "\f101";}
.widget_categories li:before,
.widget_mxportfoliocategorywidget li:before,
.widget_mxportfoliocategorywidget li:before {content: "\f0da";}
.widget_pages li:before {content: "\f016";}
.widget_recent_comments li:before {content: "\f0e6";}
.widget_recent_entries li:before {content: "\f040";}

.widget_archive  select, .widget_categories select {width:100%;padding:5px;line-height:20px;}

.widget_tag_cloud a,
.widget_product_tag_cloud a {padding: 4px 10px;background: #f0f0f0;line-height: 20px;display: inline-block;margin: 0 5px 5px 0;font-size: 12px !important;border-radius: 4px;}

.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {background: #eeeeee;}

.widget_calendar #wp-calendar {width:100%;text-align:center;}
.widget_calendar #wp-calendar a {font-weight:bold;}
.widget_calendar #wp-calendar th {text-align:center;}


.site-footer-widget .widget-title {margin-bottom: 20px;line-height: 20px;font-size: 14px;color: #fff;font-weight: 600;}



.site-footer-widget .widget_archive li ul li:last-child,
.site-footer-widget .widget_login li ul li:last-child,
.site-footer-widget .widget_categories li ul li:last-child,
.site-footer-widget .widget_mxportfoliocategorywidget li ul li:last-child,
.site-footer-widget .widget_product_categories li ul li:last-child,
.site-footer-widget .widget_layered_nav li ul li:last-child,
.site-footer-widget .widget_nav_menu li ul li:last-child,
.site-footer-widget .widget_recent_entries li ul li:last-child,
.site-footer-widget .widget_pages li ul li:last-child,
.site-footer-widget .widget_recent_comments li ul li:last-child,
.site-footer-widget .widget_meta li ul li:last-child,
.site-footer-widget .widget_links li ul li:last-child {padding-bottom:0;border-bottom:none;}

.site-footer-widget a {color: #555;}
.site-footer-widget a:hover {color:#200955;}

.site-footer-widget .widget_tag_cloud a,
.site-footer-widget .widget_product_tag_cloud a {background: #eeeeee;}

.site-footer-widget .widget_tag_cloud a:hover,
.site-footer-widget .widget_product_tag_cloud a:hover {background: #ddd;}
.footer_widget_item {}
.footer_widget_item .widget_nav_menu div > ul.menu {display: grid;gap: 10px;}
.footer_widget_item .widget_nav_menu div > ul.menu > li.menu-item {border: 0;margin: 0;padding: 0;font-size: 13px;}
.footer_widget_item .widget_nav_menu div > ul.menu > li.menu-item a {color: #fff;opacity: .5;display: flex;gap: 5px;align-items: center;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
.footer_widget_item .widget_nav_menu div > ul.menu > li.menu-item a:hover {opacity: .8;}
.footer_widget_item .widget_nav_menu div > ul.menu > li.menu-item a:before {content:'\f105';font-family: 'Font Awesome 5 Pro';}

/* = Search Form
-------------------------------------------------------------- */
.widget_product_search .screen-reader-text {display:none;}
.sidebar-searchform > div , 
.widget_product_search #searchform > div {line-height: 20px;  position: relative;padding-right: 39px;}
.sidebar-searchform input[type=text] , 
.widget_product_search #searchform input[type=text]{width: 100%;padding: 5px;height: 34px;}
.sidebar-searchform button[type=submit] ,
.widget_product_search #searchform button[type=submit],
.widget_product_search #searchform #searchsubmit {
	position: absolute;
	right: 0;
	top: 0px;
	border-radius: 0;
	text-align: center;
	width: 40px;
	height: 34px;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}
.widget_product_search #searchform #searchsubmit {background: #200955;color: #ffffff;border: none;}
.sidebar-searchform button[type=submit] i ,
.widget_product_search #searchform button[type=submit] i{margin-right:0;}

/* = Portfolio Widget
-------------------------------------------------------------- */
.sidebar-portfolio-recent.icon-style .post-type {padding: 8px;width: 36px;height: 36px;background: #200955;text-align: center;color: #ffffff;font-size: 16px;float: left;}
.sidebar-portfolio-recent.icon-style .post-type i {margin:0;}
.sidebar-portfolio-recent.icon-style .post-content {margin-left: 46px;}
.sidebar-portfolio-recent.icon-style .entry-title {margin:0 0 5px;}
.sidebar-portfolio-recent.icon-style .portfolio-categories{font-size:12px;font-style:italic;}

.sidebar-portfolio-recent.thumbs-style {display: inline-block;}
.sidebar-portfolio-recent.thumbs-style .post-thumbs {width: 70px;float: left;display: inline-block;}

.sidebar-portfolio-recent.thumbs-style .post-content {margin-left:80px;}
.sidebar-portfolio-recent.thumbs-style .entry-title {margin: 0 0 5px;}
.sidebar-portfolio-recent.thumbs-style .portfolio-categories{margin-bottom:5px;font-size: 13px;}
.sidebar-portfolio-recent.thumbs-style .portfolio-tags a {font-size: 10px;border: 1px solid #e8e8e8;padding: 2px 4px;margin: 0 5px 5px 0;font-style: italic;border-radius: 3px;}

.sidebar-portfolio-recent.big-thumbs-style .post-content {display: inline-block;}
.sidebar-portfolio-recent.big-thumbs-style .post-content .entry-title {margin:5px 0 0;}


/* = Blog Widget
-------------------------------------------------------------- */
.sidebar-blog-recent.icon-style .post-type {padding: 8px;width: 36px;height: 36px;background: #200955;text-align: center;color: #ffffff;font-size: 16px;float: left;}
.sidebar-blog-recent.icon-style .post-type i {margin:0;}
.sidebar-blog-recent.icon-style .post-content {margin-left: 46px;}
.sidebar-blog-recent.icon-style .entry-title {margin:0 0 5px;}
.sidebar-blog-recent.icon-style .comments-link {float:right;}
.sidebar-blog-recent .entry-meta a {color:#888;}
.sidebar-blog-recent .entry-meta a:hover {color:#200955;}

.sidebar-blog-recent.thumbs-style {display: inline-block;}
.sidebar-blog-recent.thumbs-style .post-thumbs {width: 70px;float: left;display: inline-block;}

.sidebar-blog-recent.thumbs-style .post-content {margin-left:80px;}
.sidebar-blog-recent.thumbs-style .entry-title {margin: 0 0 5px;}
.sidebar-blog-recent.thumbs-style .entry-meta .entry-date {width:100%;float: left;}
.sidebar-blog-recent.thumbs-style .entry-meta .comments-link  {float:right;}

.sidebar-blog-recent.big-thumbs-style .post-content {display: inline-block;}
.sidebar-blog-recent.big-thumbs-style .post-content .entry-title {margin:5px 0 0;}



	
/* 	----------------------------------------------------------------------------------------------	
										E - SHORTCODES																					
	----------------------------------------------------------------------------------------------	*/

/* = Space
-------------------------------------------------------------- */
.mx-space {margin: 20px 0;}
.mx-space.small {margin: 15px 0px;}
.mx-space.big {margin: 40px 0px;}
.mx-space-line {border-bottom: 1px solid #e8e8e8;}
.mx-space-line.dashed {border-bottom: 1px dashed #e8e8e8;}

/* = Title
-------------------------------------------------------------- */
.mx-title .post-title {margin:0 0 10px;}
.line {float:left;width:100%;margin-bottom:10px;}
.left-line {float:left;width: 100%;height: 1px;background: #e8e8e8;}
/*.right-line {float:left;width: 80%;height: 2px;background: #e0e0e0;}*/

.mx-page-title {position: relative;margin:0 0 20px;z-index: 0;}
.mx-page-title.left {text-align:left;}
.mx-page-title.center {text-align:center;}
.mx-page-title.right {text-align:right;}

.mx-page-title .mx-pagetitle-line {position: absolute;height: 1px;background: #e8e8e8;width: 100%;top: 50%;margin-top: -1px;}
.mx-page-title.line-top {margin-top:20px;}
.mx-page-title.line-bottom {padding-bottom:5px;}
.mx-page-title.line-top .mx-pagetitle-line {top: 0;margin-top: -10px;}
.mx-page-title.line-bottom .mx-pagetitle-line {top: 100%;margin-top: 0px;}

.mx-page-title .mx-page-title-container {display: inline-block;position: relative;z-index: 2;padding: 5px 20px;}
.mx-page-title.left .mx-page-title-container {padding:5px 20px 5px 0;}
.mx-page-title.right .mx-page-title-container {padding:5px 0 5px 20px;}
.mx-page-title.left .mx-page-title-container.show-bg ,
.mx-page-title.right .mx-page-title-container.show-bg {padding:5px 10px 5px 10px;}
.mx-page-title .mx-page-title-container.show-bg {background:#fff;}
.mx-page-title .mx-page-title-container.show-bg.radius {border-radius:4px;}
.mx-page-title .mx-page-title-container.icon {padding: 10px !important;border-radius: 40px;}
.mx-page-title .mx-page-title-container.icon.min {padding: 5px !important;border-radius: 30px;}
.mx-page-title .mx-page-title-container.icon.big {padding: 15px !important;border-radius: 60px;}
.mx-page-title .mx-page-title-container.icon i{width: 20px;height: 20px;line-height: 20px;display: inline-block;text-align: center;font-size: 16px;}
.mx-page-title .mx-page-title-container.icon.min i{width: 20px;height: 20px;line-height: 20px;font-size: 14px;}
.mx-page-title .mx-page-title-container.icon.big i{width: 36px;height: 36px;line-height: 36px;font-size: 28px;}
.mx-page-title .mx-page-title-extra {padding: 10px 10px;line-height: 20px;position: relative;z-index: 2;font-size: 16px;}
.mx-page-title .mx-page-title-extra.min {padding: 5px;line-height: 20px;font-size: 14px;}
.mx-page-title .mx-page-title-extra.big {padding: 15px;line-height: 36px;font-size: 28px;}
.mx-page-title h1 ,.mx-page-title h2 ,.mx-page-title h3 ,.mx-page-title h4 ,.mx-page-title h5 ,.mx-page-title h6 {margin: 0;}
.mx-page-title .uppercase {text-transform: uppercase;}
.mx-page-title .bold {font-weight:bold;}

/* = Content
-------------------------------------------------------------- */
.mx-content {margin:0 0 10px;}
.mx-content.right {text-align:right;}
.mx-content.center {text-align:center;}
.mx-content .title {margin:0 0 10px;}
.mx-content .title span {color:#200955;}




/* = Media
-------------------------------------------------------------- */
video {width:100%;height:auto;}
.video-youtube , .video-vimeo {width: 100%;position: relative;padding-bottom: 56.4%;}
.video-youtube iframe , .video-vimeo iframe {position: absolute;height: 100%;width: 100%;}
.sound-sl iframe , .video-youtube iframe , .video-vimeo iframe {border:none;}
.full-width-show {width:100%;}

/* = Google Map
-------------------------------------------------------------- */
.map_canvas div div.gmnoprint div div img{max-width:none;}
.map_canvas div div img { border: none !important; max-width: none !important;}
.map_canvas {margin-bottom:20px;}
.map-info-window {
	background:rgba(255,255,255,0.8);
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 8px;
	padding: 10px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 5px -2px #CCC;
	box-shadow: 2px 2px 5px -2px #CCC;
	-webkit-border-radius: 3px;
}
.map-title {margin: 0 0 10px;color: #ffffff;padding: 5px;background:rgba(0,0,0,0.7);}
.map-content {color:#454545;}
.map-content i {text-align:center;width:20px;}

.map-info-window.black {border:none;border-bottom:1px solid #CCC;background:rgba(0,0,0,0.8);padding:0px;border-radius:0 0 3px 3px;}
.map-info-window.black .map-title {border-bottom:1px solid #000;padding:8px 5px;}
.map-info-window.black .map-content {color:#ddd;padding:0 5px 10px}
.map-info-window.black a {color:#fff;}
.map-info-window.black a:hover {color:#200955;}

.map-info-window.white {border:none;border-bottom:1px solid #CCC;background:rgba(255,255,255,0.8);padding:0px;border-radius:0 0 3px 3px;}
.map-info-window.white .map-title {padding:8px 5px;background:rgba(255,255,255,0.8);color:#333333;border-bottom:1px solid #eee;}
.map-info-window.white .map-content {color:#666;padding:0 5px 10px}

/* = Social
-------------------------------------------------------------- */
.mx-social a {
	display: block;
	background-color: #eee;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.mx-social.social-circle a {border-radius:40px;}
.mx-social .mx-icon-twitter:hover {background-color:#48c4d2 !important;}
.mx-social .mx-icon-facebook:hover {background-color:#3b5998 !important;}
.mx-social .mx-icon-google-plus:hover {background-color:#d94a39 !important;}
.mx-social .mx-icon-dribbble:hover {background-color:#ef5b92 !important;}
.mx-social .mx-icon-pinterest:hover {background-color:#cb2027 !important;}
.mx-social .mx-icon-flickr:hover {background-color:#f1628b !important;}
.mx-social .mx-icon-skype:hover {background-color:#18b7f1 !important;}
.mx-social .mx-icon-youtube:hover {background-color:#f45750 !important;}
.mx-social .mx-icon-vimeo:hover {background-color:#62a0ad !important;}
.mx-social .mx-icon-linkedin:hover {background-color:#71b2d0 !important;}
.mx-social .mx-icon-digg:hover {background-color:#2882c6 !important;}
.mx-social .mx-icon-deviantart:hover {background-color:#d0de21 !important;}
.mx-social .mx-icon-behance:hover {background-color:#18a3fe !important;}
.mx-social .mx-icon-forrst:hover {background-color:#5b9a68 !important;}
.mx-social .mx-icon-xing:hover {background-color:#006567 !important;}
.mx-social .mx-icon-lastfm:hover {background-color:#d21309 !important;}
.mx-social .mx-icon-rss:hover {background-color:#ff6c00 !important;}
.mx-social .mx-icon-instagram:hover {background-color:#517fa4 !important;}
.mx-social .mx-icon-stumbleupon:hover {background-color:#eb4924 !important;}
.mx-social .mx-icon-picasa:hover {background-color:#8a66a3 !important;}
.mx-social .mx-icon-email:hover {background-color:#4fbaf8 !important;}

[class^="mx-icon-"] {
	width: 32px;
	height: 32px;
	background-image:url('../img/socials/socials.png');
	background-repeat: no-repeat;
	background-size: 320px 192px;
}

.mx-icon-behance { background-position:0px 0px; }
.mx-icon-deviantart { background-position:-32px 0px;  }
.mx-icon-digg { background-position:-64px 0px; }
.mx-icon-dribbble {  background-position:-96px 0px; }
.mx-icon-facebook { background-position:-128px 0px; }
.mx-icon-flickr { background-position:-160px 0px; }
.mx-icon-forrst { background-position:-192px 0px; }
.mx-icon-google-plus { background-position:-224px 0px; }
.mx-icon-lastfm {  background-position:-256px 0px; }
.mx-icon-linkedin {  background-position:-288px 0px; }
.mx-icon-pinterest { background-position:0px -64px; }
.mx-icon-rss { background-position:-32px -64px; }
.mx-icon-skype { background-position:-64px -64px; }
.mx-icon-twitter { background-position:-96px -64px; }
.mx-icon-vimeo { background-position:-128px -64px; }
.mx-icon-xing { background-position:-160px -64px; }
.mx-icon-youtube { background-position:-192px -64px; }
.mx-icon-instagram { background-position:-224px -64px; }
.mx-icon-stumbleupon { background-position:-256px -64px; }
.mx-icon-picasa { background-position:-288px -64px; }
.mx-icon-email { background-position:0px -128px; }

.mx-icon-behance:hover { background-position:0px -32px; }
.mx-icon-deviantart:hover { background-position:-32px -32px;}
.mx-icon-digg:hover { background-position:-64px -32px; }
.mx-icon-dribbble:hover {  background-position:-96px -32px; }
.mx-icon-facebook:hover { background-position:-128px -32px; }
.mx-icon-flickr:hover { background-position:-160px -32px; }
.mx-icon-forrst:hover { background-position:-192px -32px; }
.mx-icon-google-plus:hover { background-position:-224px -32px; }
.mx-icon-lastfm:hover {  background-position:-256px -32px; }
.mx-icon-linkedin:hover {  background-position:-288px -32px; }
.mx-icon-pinterest:hover { background-position:0px -96px; }
.mx-icon-rss:hover { background-position:-32px -96px; }
.mx-icon-skype:hover { background-position:-64px -96px; }
.mx-icon-twitter:hover { background-position:-96px -96px; }
.mx-icon-vimeo:hover { background-position:-128px -96px; }
.mx-icon-xing:hover { background-position:-160px -96px; }
.mx-icon-youtube:hover { background-position:-192px -96px; }
.mx-icon-instagram:hover { background-position:-224px -96px; }
.mx-icon-stumbleupon:hover { background-position:-256px -96px; }
.mx-icon-picasa:hover { background-position:-288px -96px; }
.mx-icon-email:hover { background-position:0px -160px; }

/* = Skills
-------------------------------------------------------------- */
.skills {list-style-type: none;margin: 0px;}
.skills li {margin-bottom: 10px;}
.skills .skill-bg {height: 28px;position: relative;background: #F0F0F0;}
.skills .skill-bg.circle {border-radius: 20px;overflow: hidden;}
.skills .skill-cover {	position: absolute;	width: 0%;	height: 100%;background: #200955;}
.skills .skill-name {position: absolute;left: 10px;color:#333;line-height: 28px;}
.skills.skill-style-2 .skill-name {position:static;left:auto;}
.skills .skill-progress {position: absolute;right: 10px;color:#333;line-height: 28px;}
.skills.skill-style-2 .skill-progress {right:auto;left:10px;}

/* = Bullets
-------------------------------------------------------------- */
.bullets li > span {color: #ffffff;float: left;display: block;text-align: center;line-height: 20px;font-size: 12px;width: 20px;height: 20px;	margin-right: 5px;border-radius: 10px 10px 10px 10px;}
.bullets.theme li > span {float: none;display: inline-block;padding: 10px;width: 40px;height: 40px;
line-height: 20px;font-size: 20px;border-radius: 30px;background: #200955;}
.bullets.theme li {font-size:16px;line-height: 40px;}

/* = Dropcap
-------------------------------------------------------------- */
.dropcap.dropcap-default , .dropcap.dropcap-text {float:left;display: block;text-transform: uppercase;font-weight: bold;}
.dropcap.dropcap-default {width: 40px;line-height: 26px;height: 40px;padding: 7px;margin-right: 10px;margin-bottom: 10px;font-size: 20px;text-align: center;border-radius: 40px;}
.dropcap.dropcap-text {font-size: 30px;margin: 0px 5px 5px 0px;line-height: 35px;}

/* = Accordion
-------------------------------------------------------------- */
.mx-accordion .accordion-panel {margin-bottom: 10px;background: none;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.mx-accordion .accordion-title {line-height: 26px;margin: 0 0 10px;}
.mx-accordion .accordion-title  a {position: relative;padding-left: 34px;display: block;}
.mx-accordion .accordion-icon {font-size: 14px;position: absolute;left: 0;top: 50%;margin-top: -13px;width: 26px;height: 26px;background: #200955;color: #ffffff;padding: 3px 5px;text-align: center;line-height: 20px;border-radius: 3px;}
.mx-accordion .accordion-icon i{margin:0;}
.mx-accordion .accordion-heading .fa-plus {display:none;}
.mx-accordion .accordion-heading .fa-minus {display:inline-block;}
.mx-accordion .accordion-heading .collapsed .fa-plus {display:inline-block;}
.mx-accordion .accordion-heading .collapsed .fa-minus {display:none;}
.mx-accordion .accordion-body {padding: 10px;background: #ffffff;border: 1px solid #E5E5E5;}
.mx-accordion .accordion-collapse {padding-left:34px;}

/* = Client Testimonials
-------------------------------------------------------------- */
.testimonials {margin-bottom: 10px;position: relative;padding: 20px 70px 10px;text-align: left;background: #f8f8f8;}
.testimonials .testimonials-quote-left,
.testimonials .testimonials-quote-right {position: absolute;left: 20px;top: 50%;margin-top: -17px;font-size: 24px;width: 30px;text-align: center;display: inline-block;color: #666;}
.testimonials .testimonials-quote-right {left: auto;right: 20px;}
.testimonials .testimonials-item {display:none;}
.testimonials .testimonials-content {position: relative;color: #666;font-style: italic;margin-bottom:10px;}

.testimonials.testimonials-wide {padding: 50px 60px 10px;text-align: center;background:none;}
.testimonials.testimonials-wide .testimonials-quote {position: absolute;left: 50%;top: 10px;font-size: 24px;width: 30px;text-align: center;
display: inline-block;margin-left: -15px;color: #e5e5e5;}
.testimonials.testimonials-wide .testimonials-quote i{margin-right:0;}

.testimonials.testimonials-wide .testimonials-name {display: block;font-size: 12px;line-height: 16px;text-align: center;font-weight: bold;color: #a1a1a1;}
.testimonials.testimonials-wide .testimonials-job {margin-left: 5px;}

.testimonials .testimonials-nav {padding-bottom:40px;background: #f8f8f8;padding: 3px 5px;border-radius: 5px;display: inline-block;margin-top: 10px;}
.testimonials .testimonials-nav a {width: 16px;height: 16px;background: #d1d1d1;border-radius: 30px;margin:0 5px;display: block;float: left;border: 4px solid #f8f8f8;cursor: pointer;}
.testimonials .testimonials-nav a.current {background:#666; cursor:auto;}

.testimonials.testimonials-avatar {padding: 0;text-align: left;background: none;}
.testimonials.testimonials-avatar .testimonials-avatar-img {float: left;width: 80px;height: 80px;border-radius: 60px;overflow: hidden;}
.testimonials.testimonials-avatar .testimonials-content {margin-left: 100px;padding: 20px 60px;background: #f8f8f8;border-radius: 5px;border: 1px solid #f0f0f0;}
.testimonials.testimonials-avatar .testimonials-name {margin-top: 10px;}
.testimonials.testimonials-avatar .testimonials-nav {float:right;margin-top: 0;}

/* = Flexslider
-------------------------------------------------------------- */
.flexslider.mx-fl {overflow:hidden;border:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;margin-bottom:0px;}
.flexslider.mx-fl .flex-control-nav {bottom:0;}

.flex-control-paging li a { 
	box-shadow: none;
	background:none;
	border:1px solid #ffffff;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.flex-control-paging li a.flex-active {
	background: #ffffff;
	cursor: default;
}
.flex-control-paging li a:hover {
	background:#ffffff;
}

.flexslider.mx-fl .flex-direction-nav a {
	opacity: 0;
	height: 40px;
	padding: 10px;
	width: 30px;
	margin: -20px 0px 0px;
	background-color: #000000;
	background-size: 20px 20px;
	background-position: center !important;
	background-repeat: no-repeat;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.flexslider.mx-fl:hover .flex-prev {left:0;}
.flexslider.mx-fl:hover .flex-next {right:0;}
.flexslider.mx-fl.touch .flex-prev {left:0px !important;}
.flexslider.mx-fl.touch .flex-next {right:0px !important;}
.flexslider.mx-fl:hover .flex-direction-nav a {opacity: 1;}
.flexslider.mx-fl .flex-direction-nav a:hover {background-color: #200955;}
.flexslider.mx-fl .flex-prev {background-image:url('../img/icon_chevron_left.png');}
.flexslider.mx-fl .flex-next {background-image:url('../img/icon_chevron_right.png');}

.flexslider.mx-fl.mx-fl-clean {text-align: center;}
.flexslider.mx-fl.mx-fl-clean .flex-direction-nav {display:none;}
.flexslider.mx-fl.mx-fl-clean .flex-control-nav {background: #f5f5f5;display: inline-block;width: auto;text-align: center;padding: 3px 10px;border-radius: 15px;margin: 10px 0 10px;line-height: 20px;position: static; bottom:5px;}
.flexslider.mx-fl.mx-fl-clean .flex-control-nav li {float: left;margin: 0 3px;}
.flexslider.mx-fl.mx-fl-clean .flex-control-nav li a {height: 22px;width: 22px;border: 7px solid #f5f5f5;background: #d5d5d5;box-shadow: none;}
.flexslider.mx-fl.mx-fl-clean .flex-control-nav li .flex-active {background: #200955;border: 5px solid #f5f5f5;}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}




/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animate,.animate-item{visibility:hidden}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility: visible !important;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{0%,50%,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,50%,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes wobble{0%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
to{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}
0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}
0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}
60%,80%{opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}
60%,80%{opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
0%,to{-webkit-transform-origin:center}
to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
0%,to{-webkit-transform-origin:center}
to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}
0%,to{-webkit-transform-origin:center}
to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut{0%{transform-origin:center;opacity:1}
0%,to{-webkit-transform-origin:center}
to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}
0%,to{-webkit-transform-origin:left bottom}
to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}
0%,to{-webkit-transform-origin:right bottom}
to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{0%{transform-origin:top left}
0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}
40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge{0%{transform-origin:top left}
0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}
40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{0%{opacity:1}
50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%,to{opacity:0}
}
@keyframes zoomOut{0%{opacity:1}
50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%,to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* = Call To Action
-------------------------------------------------------------- */
.call-to-action {text-align:center;}
.call-to-action h1 , .call-to-action-bar h1,
.call-to-action h2 , .call-to-action-bar h2,
.call-to-action h3 , .call-to-action-bar h3,
.call-to-action h4 , .call-to-action-bar h4,
.call-to-action h5 , .call-to-action-bar h5,
.call-to-action h6 , .call-to-action-bar h6 {margin:0px 0px 10px;}
.call-to-action h3 , .call-to-action-bar h3 {line-height:30px;}
.call-to-action .desc , .call-to-action-bar .desc {font-size:15px;color: #7f7f7f;}
.call-to-action .desc.big , .call-to-action-bar .desc.big {font-size:20px;}
.call-to-action-bar {padding:15px 25px;border: 2px #f2f2f2 solid;background: #fff;position:relative;margin-bottom:10px;}
.call-to-action-bar .btn {top:50%;position:absolute;right:20px;margin-top:-22px;}
.call-to-action-bar-content {padding-right:200px;}
.call-to-action-bar .btn.default {margin-top: -15px;}
.call-to-action-bar p {margin:0px;}

/* = Team
-------------------------------------------------------------- */
.team {text-align:center;margin-bottom: 10px;}
.team-avatar {margin-bottom:20px;position:relative;}
.team-avatar img{border-radius: 60px;max-width: 120px;}
.team-title {margin:0;}
.team-information {margin: 5px 0;padding: 5px 0;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.team-social a {width: 26px;padding: 3px;height: 26px;display: inline-block;background: #f5f5f5;line-height: 20px;margin: 5px;}
.team-social a i {margin-right:0;}

.team.team-style-1 .team-avatar {border-radius: 260px;overflow: hidden;}
.team.team-style-1 img {border-radius: 260px; max-width: 100%;}
.team .post-mask-content {
	overflow: hidden;
	border-radius: 260px;
	text-align:center;
	position:absolute;
	background: rgba(255,255,255,0.7);
	opacity:0;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3); /* IE 9 */
	-webkit-transform: scale(1.3,1.3); /* Safari and Chrome */
	-o-transform: scale(1.3,1.3); /* Opera */
	-moz-transform: scale(1.3,1.3); /* Firefox */
}
.team .team-avatar:hover .post-mask-content {
	opacity:1;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}
.team .post-mask-content:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.team .post-mask-content .centered {display: inline-block;vertical-align: middle;}

.team.team-style-2 {padding: 10px;background: #f8f8f8;border: 1px solid #f0f0f0;}
.team.team-style-2:hover {background: #fff;}


/* = Tabs
-------------------------------------------------------------- */
.tabs {margin-bottom:10px;position:relative;float: left;width: 100%;}
.tabs .tabs-nav {float: left;width: 100%;margin: 0px 0px -1px;position:relative;z-index:2;}
.tabs .tabs-nav li {float:left;margin-left:0px;margin-right:-1px;background-color: #f9f9f9;border:1px #e2e2e2 solid;cursor:pointer;line-height:20px;padding:6px 15px;}
.tabs .tabs-nav li:hover {background-color:#fff;}
.tabs .tabs-nav li.current {background-color: #ffffff;border-top:1px #200955 solid;border-bottom: 1px #ffffff solid;border-left:1px #e2e2e2 solid;border-right:1px #e2e2e2 solid;cursor:auto;}
.tabs .tabs-container {background-color: #ffffff;border: 1px #e2e2e2 solid;overflow: hidden;padding: 10px;float:left;width:100%;}
.tabs .tabs-content {display:none;}

.logn-tabs {display: block;border-radius: 3px; display: -webkit-flex; display: -moz-flex;  display: flex;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  flex-wrap: wrap;  margin: 0;  overflow: hidden;width: 35%; float: left; }
.logn-tabs .tab-label {color: #001736;cursor: pointer;display: block;font-size: 16px;font-weight: 600;line-height: 24px;padding: 15px 0;text-align: center;background: #fff; margin: 0;}
.logn-tabs [class^="tab"] [type="radio"], .logn-tabs [class*=" tab"] [type="radio"] {border-bottom: 1px solid rgba(239, 237, 239, 0.5);cursor: pointer;-webkit-appearance: none;-moz-appearance: none;    appearance: none;display: block;width: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.logn-tabs [class^="tab"] [type="radio"]:hover, .logn-tabs [class^="tab"] [type="radio"]:focus, .logn-tabs [class*=" tab"] [type="radio"]:hover, .logn-tabs [class*=" tab"] [type="radio"]:focus {border-bottom: 2px solid #7367f0; top:0; }
.logn-tabs [class^="tab"] [type="radio"]:checked,.logn-tabs [class*=" tab"] [type="radio"]:checked {border-bottom: 2px solid #7367f0; top:0;}
.logn-tabs [class^="tab"] [type="radio"]:checked + div,.logn-tabs [class*=" tab"] [type="radio"]:checked + div { opacity: 1; }
.logn-tabs [class^="tab"] [type="radio"] + div, .logn-tabs [class*=" tab"] [type="radio"] + div {display: block; opacity: 0;  padding: 2rem 0; width: 90%;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }
.logn-tabs input[type=checkbox], .logn-tabs input[type=radio] {top:0;}
.logn-tabs .tab-2 {width: 50%; }
.logn-tabs .tab-2 [type="radio"] + div {width: 200%;margin-left: 200%; }
.logn-tabs .tab-2 [type="radio"]:checked + div {margin-left: 0;padding: 0;background: #fff;border: 1px solid #e8e8e8; }
.logn-tabs .tab-2:last-child [type="radio"] + div {margin-left: 100%; }
.logn-tabs .tab-2:last-child [type="radio"]:checked + div {margin-left: -100%; }    
.login_custom_area {width:48%;float:right;}
.logn-head {margin: 0 0 25px;font-size: 16px;font-weight: 500;letter-spacing: .2px;text-align: center;border-bottom: 1px solid #e8e8e8;padding: 0 0 15px;}
.logn-tabs button:focus, .logn-tabs input:focus, .logn-tabs textarea:focus, .logn-tabs select:focus {outline: none; }
#customer_login .u-column1 .tab-label {border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;}
#customer_login .u-column2 .tab-label {border-top: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;}
.tabs-head {border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;}
.woocommerce-form-login__rememberme {font-weight: 400!important;font-size: 12px!important;display: block;margin-bottom: 20px!important;}  
.woocommerce-form-login__rememberme input[type=checkbox] {top: 3px!important;}


/* = SideTabs
-------------------------------------------------------------- */
.sidetabs .sidetabs-nav {float: left;width: 200px;}
.sidetabs.right .sidetabs-nav {float: right;}
.sidetabs .sidetabs-nav li {border: 1px solid #e3e3e3;padding: 8px 15px;cursor:pointer;color:#777;margin:0 0 -1px;}
.sidetabs.left .sidetabs-nav li {border-left: none; }
.sidetabs.right .sidetabs-nav li {border-right: none; }
.sidetabs .sidetabs-nav li.current {cursor:auto;color:#444;}
.sidetabs.left .sidetabs-nav li.current {border-right: 1px solid #200955;}
.sidetabs.right .sidetabs-nav li.current {border-left: 1px solid #200955;}
.sidetabs.left .sidetabs-container {margin-left:220px;}
.sidetabs.right .sidetabs-container {margin-right:220px;}

/* = Timeline
-------------------------------------------------------------- */
.timeline.timeline-style-1 {padding-left: 140px;}
.timeline.timeline-style-2 {padding-left: 10px;}
.timeline.timeline-style-3 {padding-left: 80px;}
.timeline.timeline-style-1 .timeline-element,
.timeline.timeline-style-2 .timeline-element,
.timeline.timeline-style-3 .timeline-element {position: relative;margin: 0;padding: 5px 0;min-height:30px;}
.timeline.timeline-style-1 .timeline-date,
.timeline.timeline-style-3 .timeline-icon {text-align: right;width: 120px;margin-left: -140px;position: absolute;}
.timeline.timeline-style-1 .timeline-date span {background: #200955;padding: 5px 10px;color: #fff;position:relative;font-size: 12px;float: right;}
.timeline.timeline-style-1 .timeline-date span:after {content: '';width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #200955;position: absolute;top: 3px;right: -7px;}
.timeline .timeline-content {margin-left: 20px;}
.timeline .timeline-content .timeline-title {margin:0 0 10px;}
.timeline .timeline-v-line {width: 2px;height: 100%;background: #e8e8e8;display: block;position: absolute;top: 0px;}
.timeline .timeline-c-line {width: 8px;height: 8px;background: #888;position: absolute;top: 10px;left: -3px;border-radius: 60px;}
.timeline .features .timeline-c-line {background: #200955;}
.timeline .start .timeline-c-line {border: 5px solid #cc1;width: 10px;height: 10px;left: -4px;background: #200955;}
.timeline .end .timeline-c-line {border: 5px solid #200955;width: 14px;height: 14px;left: -6px;background: #ffffff;}
.timeline .timeline-element.start:first-child .timeline-v-line ,
.timeline .timeline-element.end:first-child .timeline-v-line {top: 10px;}
.timeline .timeline-element.start:last-child .timeline-v-line ,
.timeline .timeline-element.end:last-child .timeline-v-line {height: 10px;}

.timeline.timeline-style-3 .timeline-icon span {padding: 10px;width: 40px;height: 40px;background: #200955;border-radius: 60px;color: #ffffff;
font-size: 20px;line-height: 20px;display: inline-block;}

/* = Features
-------------------------------------------------------------- */
.features {margin-bottom: 10px;}
.features.bg {background:#ffffff;padding: 10px;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.features.bg:hover {background:#200955;color:#ffffff;}
.features.center {text-align:center;}
.features .feature-icon {
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.features .feature-icon i {margin:0;}
.features .feature-icon {width: 50px;height: 50px;display: inline-block;font-size: 26px;line-height: 26px;text-align: center;padding: 10px;color: #200955;}
.features.center .feature-icon {width: 60px;height: 60px;font-size: 36px;line-height: 36px;}
.features.circle .feature-icon,
.features.rect .feature-icon {background: #ffffff;border: 2px solid #200955;}
.features.circle  .feature-icon {border-radius: 60px;}
.features.left .feature-icon {float: left;}
.features.center .feature-icon {margin-bottom: 10px;}
.features.circle:hover .feature-icon,
.features.rect:hover .feature-icon {background: #200955;color:#ffffff;}
.features.center.cover {margin-top: 30px;border: 1px solid #e8e8e8;padding: 15px;position: relative;border-radius: 3px;}
.features.center.cover:hover {border: 1px solid #200955;}
.features.center.cover .feature-content {padding-top: 30px;}
.features.center.cover .feature-icon {position: absolute;top: 0;left: 50%;margin-left: -30px;margin-top: -30px;}

.features.left .feature-content {margin-left: 60px;}
.features .feature-title {margin: 0 0 10px;line-height: 28px;}

/* = Services
-------------------------------------------------------------- */
.services {margin-bottom:10px;}
.services li {margin: 0 !important;}
.services.border li {border: 1px solid #e8e8e8;margin: 0 -1px -6px 0 !important;background:#ffffff;}
.services li a {padding: 20px;display: block;text-align: center;float: left;width: 100%;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;}
.services .service-icon {display: block;width: 70px;height: 70px;font-size: 50px;line-height: 50px;padding: 10px;margin: 0 auto;}
.services .service-icon i {margin:0}
.services .service-content {margin: 0 auto;display: inline-block;}

/* = Clients
-------------------------------------------------------------- */
.clients {min-height: 40px;position: relative;overflow: hidden;margin: 20px 0 !important;}
.clients ul {position: relative;}
.client-arrow-left, .client-arrow-right {position: absolute;
	display:none;
	z-index: 10;
	color:#ffffff;
	top: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #242424;
	border-radius: 4px;
	padding: 5px;
	margin-top: -15px;cursor: pointer; opacity:0.5;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.client-arrow-left:hover, .client-arrow-right:hover {opacity:1;}
.client-arrow-left i, .client-arrow-right i {margin:0;}
.client-arrow-left {left:0;}
.client-arrow-right {right:0;}
.clients li {position:absolute;margin:0 !important;text-align:center;}
.clients li a {display:block; opacity:0.6;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.clients li a:hover {opacity:1;}
.clients .client-content {display:inline-block;}


/* = Total Count
-------------------------------------------------------------- */
.totalcount.totalcount-style-1 {text-align: center;font-size: 28px;
font-weight: normal;padding: 10px;line-height: 28px;}
.totalcount.totalcount-style-1.left,
.totalcount.totalcount-style-1.row {text-align:left;}
.totalcount.totalcount-style-1.right {text-align:right;}
.totalcount.totalcount-style-1.row .totalcount-number {float:left;}
.totalcount.totalcount-style-1.row .totalcount-content {line-height:32px;}
.totalcount.totalcount-style-1 .totalnumber {margin: 0 5px;color: #444;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.totalcount.totalcount-style-1 .totalcount-content {font-size: 14px;margin: 0 5px;line-height: 20px;color: #777;}
.totalcount.totalcount-style-2 {text-align:center;padding:5px;}
.totalcount.totalcount-style-2 .totalcount-number {padding: 15px 10px;border: 4px solid #200955;border-radius: 100px;display: inline-block;width: 100px;	height: 100px;text-align: center;}
.totalcount.totalcount-style-2 .totalcount-number > span {display:block;}
.totalcount.totalcount-style-2 .totalnumber {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color: #200955;font-weight: bold;font-size: 36px;margin: 10px 0 5px;display: block;line-height: 32px;}

/* = One Page Navigation
-------------------------------------------------------------- */
.mx-pagenav {background: #f5f5f5;display: inline-block;width: auto;text-align: center;border-radius: 15px;
margin: 5px;line-height: 20px;position: fixed;z-index: 8000;}
.mx-pagenav.left,
.mx-pagenav.right {padding: 10px 3px;right: 15px;top: 50%;}
.mx-pagenav.left {right:auto;left:15px;}
.mx-pagenav.left li,
.mx-pagenav.right li {margin:0;}
.mx-pagenav li a {height: 20px;width: 20px;border: 7px solid #f5f5f5;background: #d5d5d5;display: block;border-radius: 30px;}
.mx-pagenav li a.current,
.mx-pagenav li a:hover {border: 5px solid #f5f5f5;background: #200955;}
.mx-pagenav.bottom {padding: 3px 10px;right: 50%;bottom: 15px;}
.mx-pagenav.bottom li {margin:0;float:left;}
.mx-pagenav.black {background: #2a2a2a;}
.mx-pagenav.black li a {border: 7px solid #2a2a2a;background: #ffffff;}
.mx-pagenav.black li a.current, .mx-pagenav.black li a:hover {border: 5px solid #2a2a2a;background: #200955;}
.mx-pagenav li a, .mx-pagenav li a:hover, .mx-pagenav li a.current {
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}

/* = Share
-------------------------------------------------------------- */
.share-social .social a {width: 30px;text-align: center;}
.share-social .social a i,
.mx-share .mx-title i {margin-right:0;}

.mx-share {padding: 3px 10px;display: inline-block;border-radius: 3px;}
.mx-share .mx-title {margin-right: 10px;border-right: 1px solid #e8e8e8;padding-right: 10px;color: #666;}
.mx-share .share-social .social a {width: 20px;text-align: center;display: block;background: #f0f0f0;border-radius: 4px;}
.mx-share .share-social {display: inline-block;}
.share-social li:hover > a > .fa-twitter{color:#48c4d2 !important;}
.share-social li:hover > a > .fa-facebook{color:#3b5998 !important;}
.share-social li:hover > a > .fa-google-plus{color:#d94a39 !important;}
.share-social li:hover > a > .fa-dribbble{color:#ef5b92 !important;}
.share-social li:hover > a > .fa-pinterest{color:#cb2027 !important;}
.share-social li:hover > a > .fa-flickr{color:#f1628b !important;}
.share-social li:hover > a > .fa-skype{color:#18b7f1 !important;}
.share-social li:hover > a > .fa-youtube {color:#f45750 !important;}
.share-social li:hover > a > .fa-linkedin{color:#71b2d0 !important;}
.share-social li:hover > a > .fa-xing{color:#006567 !important;}
.share-social li:hover > a > .fa-instagram{color:#517fa4 !important;}
.share-social li:hover > a > .fa-envelope{color:#4fbaf8 !important;}
.share-social li:hover > a > .fa-rss{color:#ff6c00 !important;}
.share-social li:hover > a > .fa-vimeo{color:#62a0ad !important;}
.share-social li:hover > a > .fa-digg{color:#2882c6 !important;}
.share-social li:hover > a > .fa-deviantart{color:#d0de21 !important;}
.share-social li:hover > a > .fa-behance{color:#18a3fe !important;}
.share-social li:hover > a > .fa-lastfm{color:#d21309 !important;}
.share-social li:hover > a > .fa-lastfm{color:#d21309 !important;}
.share-social li:hover > a > .fa-stumbleupon{color:#eb4924 !important;}
.share-social li:hover > a > .fa-delicious{color:#0b79e5 !important;}
.share-social li:hover > a > .fa-codepen{color:#62e0ff !important;}
.share-social li:hover > a > .fa-foursquare{color:#00aeef !important;}
.share-social li:hover > a > .fa-trello{color:#0078bd !important;}
.share-social li:hover > a > .fa-tumblr{color:#36465d !important;}
.share-social li:hover > a > .fa-github-alt{color:#4183c4 !important;}

/* = Mini bar
-------------------------------------------------------------- */
.mx-mini-bar {width: 36px;height: 100%;position: fixed;background:#e0e0e0;left: -36px;top: 0;z-index: 2000; opacity:0.4;}
.mx-mini-bar:hover {opacity:1;z-index: 200000;-webkit-transition: 600ms;-moz-transition: 600ms;-o-transition: 600ms;transition: 600ms;}
.mini-bar-close {width: 24px;height: 24px;text-align: center;bottom: 20px;position: absolute;left: 6px;background: #ffffff;line-height: 24px;
border-radius: 30px;color: #000000; cursor:pointer;}
.mini-bar-open {position: fixed;cursor:pointer;z-index: 2000;left:-36px;bottom: 13px;width: 36px;height: 36px;background: #e8e8e8;border-radius: 0 50px 50px 0;}
.mini-bar-open span {display: inline-block;width: 26px;height: 26px;color: #000000;background: #ffffff;border-radius: 30px;margin-top: 5px;
margin-left: 5px;padding: 3px;text-align: center;}

.mini-bar-open:hover span {color: #ffffff;background: #666666;}

.mini-bar-open span i{margin:0;}

.mx-mini-bar-btns {position:relative;top:50%;}
.mx-mini-bar-btns ul.mline li {margin: 0;position:relative;}
.mx-mini-bar-btns > ul.mline > li > a {width: 36px;height: 36px;line-height: 20px;padding: 8px;text-align: center;display: inline-block;}
.mx-mini-bar-btns > ul.mline > li > a i {margin:0;}
.mx-mini-bar-btns > ul.mline > li > a:hover{background:#f8f8f8;}
.mx-mini-bar-btns > ul.mline > li .minibar-content {display:none;}
.minibar-content {position: absolute;left: 100%;top: -1px;width: 300px;background: #ffffff;border: 1px solid #e0e0e0;padding: 15px;text-align: center;z-index: 3000;border-left:none;}
.mx-mini-bar-btns > ul.mline > li:hover > a:after {content: '';width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid #ffffff;position: absolute;top: 12px;right: 0px;}

.minibar-content .searchform > div {padding-right: 40px;padding-left: 0;position: relative;}
.minibar-content .searchform .sf-s {width: 100%;padding: 5px;line-height: 20px;height: 32px;}
.minibar-content .searchform .sf-submit {position: absolute;right: 1px;top: 0;width: 40px;border-radius: 0;}

.mini-bar-user .minibar-content span {padding: 15px 15px;border-radius: 50px;display: inline-block;background: #f5f5f5;}
.mini-bar-user .minibar-content span i {width: 30px;height: 30px;line-height: 30px;font-size: 24px;color: #777;margin: 0;}

.minibar-content .total {background: #ccaeea;border-radius: 10px;padding: 2px;color: #ffffff;width: 150px;margin: 0 auto 10px;}
.mini-bar-wishlist .minibar-content img,
.mini-bar-cart .minibar-content img {width:60px;height:60px;}
.minibar-content ul.mline { margin-bottom: 10px;float: left;width: 100%;}
.minibar-content li a {float:left;}
.minibar-content li {width: 100%;padding: 8px 10px !important;border-bottom: 1px solid #f2f2f2;overflow: hidden;line-height: 17px;margin-bottom: 0px !important;}
.minibar-content li:hover {background:#f6f6f6;}
.minibar-content li:last-child {border-bottom: none;}
.mini-cart-list-contents .btn {float:left;}
.mini-cart-list-contents .btn.checkout {float:right;}
.mini-cart-list-contents.empty .btn.checkout {float:none;}
.mini-bar-wishlist .amount {float:left;}

/* 	----------------------------------------------------------------------------------------------	
										F - PLUGINS																					
	----------------------------------------------------------------------------------------------	*/

/* = Fancybox
-------------------------------------------------------------- */
.fancybox-overlay {z-index:9000;}	
.fancybox-opened {z-index: 9030;}
#fancybox-thumbs {z-index: 9050;}


/* = Bootstrap
-------------------------------------------------------------- */

/* tooltip */
.tooltip-inner {
	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
}

/* popover */
.popover {border-radius: 0;z-index: 3010;}
.mx-popover {cursor:pointer;}
.mx-popover-content {display:none;}

/* pagination */
.pagination {-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}
.pagination > li > a, .pagination > li > span {font-family: Helvetica, Arial, sans-serif  !important;border-radius: 3px;padding: 6px 12px;border: none;margin-right: 10px;margin-bottom: 10px;}
.pagination > li > a {background: #ffffff;color:#555;border:1px solid #e8e8e8}

.pagination > li > a:hover {background: #efefef;color: #000;}
.pagination  > li > span, .pagination  > li > span.disabled {background: none;color: #444;}
.pagination >li:first-child>a, .pagination >li:first-child>span {border-radius: 3px;}
.pagination >li:last-child>a, .pagination >li:last-child>span {border-radius: 3px;margin-right: 0px;}
.pagination-centered {text-align:center;}

/* = Contact Form 7
-------------------------------------------------------------- */
.wpcf7 .wpcf7-radio .wpcf7-list-item input[type='radio'] ,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type='checkbox'] {margin:0;}

.wpcf7 .wpcf7-submit {padding: 8px 18px;background: #200955;color: #ffffff;border: none;border-radius: 4px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
.wpcf7 .wpcf7-submit:hover {background:#242424;color:#ffffff;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

/* 	----------------------------------------------------------------------------------------------	
										G - RETINA STYLE																					
	----------------------------------------------------------------------------------------------	*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.logo-default {display:none;}
	.logo-retina {display:block;}
	[class^="mx-icon-"] {background-image:url('../img/socials/socials@2x.png');}
	body.boxed-layout {background-image: url('../img/project_papper@2x.png');}
}






.one-third {width:33%;float:left;margin-right:1%;}
.one-third-last {width:32%;float:right;}

/* = Skeleton
-------------------------------------------------------------- */

.skeleton {padding:15px;max-width: 300px;width: 100%;background: #fff;margin-bottom: 20px;border-radius: 5px;display: flex;justify-content: center;align-items: center;box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);}
.skeleton_square {background: rgba(130, 130, 130, 0.2);background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);background-size: 800px 800px;animation: wave-squares 2s infinite ease-out;}
.skeleton_line {margin-bottom:6px;border-radius: 2px;background: rgba(130, 130, 130, 0.2);background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);background-size: 800px 100px;animation: wave-lines 2s infinite ease-out;}
.font_14 {height: 14px;margin-top: 3px!important;margin-bottom: 5px!important;}
.font_12 {height: 8px;width: 70%;margin-bottom: 5px!important;}
.relation_sk {height: 10px;width: 35%;margin-bottom: 5px!important;}
.phone_sk {height: 10px;width: 55%;margin-bottom: 5px!important;}
.email_sk {height: 10px;width: 70%;margin-bottom: 5px!important;}
 
.skeleton-right{flex:1;}
.skeleton-left{flex:2;padding-right:15px;}
.flex1{flex: 1;}
.flex2{flex: 2;}
.skeleton .line:last-child{margin-bottom: 0;}
.h8{height: 8px !important;}
 .h10{
    height: 10px !important;
}
 .h12{
    height: 12px !important;
}
 .h15{
    height: 15px !important;
}
 .h17{
    height: 17px !important;
}
 .h20{
    height: 20px !important;
}
 .h25{
    height: 25px !important;
}
 .w25{
    width: 25% !important
}
 .w40{
    width:40% !important;
}
 .w50{
    width: 50% !important
}
 .w75{
    width: 75% !important
}
 .m10{
    margin-bottom: 10px !important;
}
 .circle{
    border-radius: 50% !important;
     height: 80px !important;
     width: 80px;
}
 @keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }
     100% {
        background-position: 468px 0;
    }
}
 @keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }
     100% {
        background-position: 468px 0;
    }
}




.one-fifth {width: 20%;float: left;}
.one-fifth .sidebar {background: #fff;padding: 30px;-webkit-box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);}
.four-fifth-last {width: 78%;float: right;}




#tracking-response .tracing-box .sm-head2 {margin-bottom: 10px;}
#tracking-response .tracing-box .awb_no {width:30%;float:left;}
#tracking-response .tracing-box .arrival {width:40%;float:left;}
#tracking-response .tracing-box .courier {width:25%;float:left;}
.tracking_update_row {padding:10px;font-size: 12px;}
.tracking_update_row:nth-child(even) {background:#f5f5f5;}
.tracking_update_row .time {width:30%;float:left;}
.tracking_update_row .location {width:40%;float:left;}
.tracking_update_row .status {width:25%;float:right;}
.tracking_update_row .status .success {font-size: 14px;color: #24b47e;font-weight: bold;line-height: 16px;}
.tracking_update_row .status .success .fas {float: left;line-height: 18px; font-size: 16px;margin-right: 15px;}
.tracking_update_row .status .intra {font-size: 13px;color: #2196f3;font-weight: 400;line-height: 16px;}
.tracking_update_row .status .intra .fas {float: left;line-height: 18px; font-size: 14px;margin-right: 10px;transform: rotate(-45deg);}
.tracking_update_row .status .outdel {font-size: 13px;color: #7367f0;font-weight: 500;line-height: 16px;}
.tracking_update_row .status .outdel .fas {float: left;line-height: 18px; font-size: 14px;margin-right: 10px;}
.tracking_update_row p.heads {margin: 0;font-size: 12px;text-transform: capitalize;width:25%;}
.sm-txt {text-transform: capitalize;}
.awb_no .sm-txt {font-family: 'Roboto'; font-size: 20px;font-weight: 600;   letter-spacing: 0;   color: #7367f0;line-height: 20px;}
.tracking-status {margin-top: 15px;}
#hide-track {float: right; position: relative; top: -32px;background: 0;border: none; padding: 0;}
#hide-track .fas {font-size: 22px;color: #f00; margin-right:0;}
.tracking-nos .order-text2 {font-family: 'Roboto'; font-size: 18px; font-weight: 600; letter-spacing: 0;color: #001736; line-height: 20px;}
.view-order-tracking .tracing-box .arrival {width:50%!important;float:left;}
.view-order-tracking .tracing-box .courier {width:50%!important;float:right;}

.carousel-control.right, .carousel-control.left {background-image: none;width: unset;}
#carousel-rev-generic .carousel-inner {width: 60%;margin:0 auto;}
#carousel-rev-generic .carousel-control .icon-prev {margin-left: 250px;}
#carousel-rev-generic .carousel-control .icon-next {margin-right: 250px;}
.carousel-control {opacity: 1;}
.carousel-control .icon-next {margin-right: -35px;}
.carousel-control .icon-prev {margin-left: -35px;}
.carousel-control .icon-prev:before {content: '\f053';}
.carousel-control .icon-next:before {content: '\f054';}
.carousel-control .icon-prev:before, .carousel-control .icon-next:before {color: #1e2476;font-family: 'Font Awesome 5 Pro';}


/* Thank You Page Css */

.woocommerce-order-received .woocommerce-order, .woocommerce-order-pay .woocommerce-order {width:700px;margin:0 auto;text-align: center;background: #fff;-webkit-box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);}
.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received, .woocommerce-thankyou-order-failed {padding: 30px 40px 15px;border: none;}
.woocommerce-thankyou-order-failed span.message {font-weight: 500;font-size: 14px;line-height: 24px;color: #0e0a23;letter-spacing: 0px;margin-bottom: 15px;text-transform: capitalize;}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview__order, .woocommerce-thankyou-order-details, .woocommerce-order-payment-sending {padding: 0px 40px!important;}
.woocommerce-order-payment-sending {margin: 0!important;}
.woocommerce-order .woocommerce-order-overview__order .head, .pending_payment p.text {margin: 0;font-size: 14px;}
.woocommerce-order .woocommerce-order-overview__order .number {font-size: 40px;font-weight: 600;color: #141e30;font-family: 'Inter';}
.woocommerce-order .woocommerce-order-overview__order .number .suffix {display:none;}
.thank-icon {width: 80px;margin: 0 auto 20px;display: block;}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview {padding: 0;text-align: center;border: none;}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li, .woocommerce-order-payment-sending li {display: inline-block;margin-right:unset!important;padding-right: unset!important;text-transform: unset!important;font-size: 13px!important;color: #888;margin: 15px 0;}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(1), .woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(3), .woocommerce-order-payment-sending li:nth-child(1), .woocommerce-order-payment-sending li:nth-child(3) {width: 25%;}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(2),  .woocommerce-order-payment-sending li:nth-child(2) {width: 50%;}
.woocommerce-order ul.woocommerce-order-overview li span.value, .woocommerce-order ul.woocommerce-order-payment-sending li span.value {display: block;color: #333;margin: 5px 0 0;}
.woocommerce-thankyou-order-details {border-left:none!important;border-right:none!important;}
.woocommerce-order-received .payment_method_section {}
.pending_payment {background: rgb(0 25 80);padding: 20px;margin: 20px 0 0;color: #fff;}
.rotate {-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
.pending_payment p.head {font-size: 16px;text-transform: capitalize;font-weight: 500;}
.pending_payment p .instruction {background:#232e40;padding:10px 20px;margin: 15px 0 0;color: #fff;border-radius: 3px;font-size: 13px;letter-spacing: .5px;display: block;}
.woocommerce-order-received .woocommerce-order-details, .woocommerce-order-received .woocommerce-customer-details {display:none;}
.woocommerce-bacs-bank-details {margin-top: 20px;}
.woocommerce-bacs-bank-details h2.wc-bacs-bank-details-heading {font-size: 14px;font-weight: 600;letter-spacing: 0;text-transform: capitalize;}
.woocommerce .wc-bacs-bank-details-account-name {font-weight: 600;font-size: 20px;letter-spacing: 0;}
.wc-bacs-bank-details {margin: 20px 0 0!important;list-style: none;}
.wc-bacs-bank-details li {float: left;width:33.33%;margin-right: 0;text-transform: unset!important;font-size: 13px!important;font-weight: 500;margin-right: 0!important;padding-right: 0!important;}
.wc-bacs-bank-details li strong {font-weight: 400;font-size: 13px!important;margin-top: 5px;}
#btn-razorpay {background: #ff6542;padding: 10px 15px;color:#fff;font-size:13px;border: none;font-weight: 500;letter-spacing: 0;margin-top: 10px;margin-bottom: 10px;}
#btn-razorpay-cancel {background:#141e30;padding: 10px 25px;color:#fff;font-size:13px;border: none;font-weight: 500;letter-spacing: 0;}
.order_proccess_section {text-align:center;padding: 0 50px;margin: 30px 0 0;}
.order_proccess_section li {width: 25%;float: left;text-align: center;position: relative;top: -5px;}
.order_proccess_section .line-full {-webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);height: 10px;background: #f5f5f5;position: relative;margin-bottom: -5px;}
.order_proccess_section li.fill .line {background: #fd0028;height: 10px;display:block;}
.order_proccess_section li .line {background: transparent;height: 10px;display:block;}
/*.order_proccess_section li.fill {border-top:5px solid #fbbc04;}*/
.order_proccess_section li.fill i {color:#fd0028;}
.order_proccess_section li i {display: block;font-size: 26px;margin: 0 0 -10px;color: #e5e5e5;position: relative;}
.icon_back {width:24px;height:24px;background:#fff;border-radius:50%;position:relative;margin: 0px auto -24px;display: block;}
.order_proccess_section li .head {font-size: 13px;font-weight: 600;font-family: 'Inter';}
.order_proccess_section li .date {display:block;font-size: 12px;font-weight: 400;font-family: 'Inter';}
.order_proccess_section li.placed {}
.order_proccess_section li.processing {}
.order_proccess_section li.shipped {}
.order_proccess_section li.delivered {}
.qty_button.minus, .qty_button.plus {padding: 5px;border: 1px solid #e5e5e5;width: 40px;height: 45px;font-size: 16px;}
.woocommerce .quantity .qty {width: 50px;text-align: center;height: 45px;margin: 0px -5px;border: 1px solid #e5e5e5;}

/* Mobile Menu & Side Menu */

.logo_menu {width: 300px;text-align: center;opacity: 0;}

#close_but, #close_but1 {display:none;}
.header-responsive-menu-close-btn .fal {font-size: 30px;position: relative;right: -5px;}
.mobile-menu-container ul {margin:0;}
.mobile-menu-container ul li {list-style:none;margin: 0 0 20px;}
.mobile-menu-container ul li a {color: rgb(255 255 255 / 60%);}
.mobile-menu-container ul li a .description {display: block;font-size: 11px;letter-spacing: .5px;opacity: .6;font-weight: 300;}
.preload {opacity:0;position:absolute;top: -100px;}
.side-menu {position: absolute;top: 50%;left: 2%;z-index: 9;}
.side-menu li.responsive-side-menu a:hover {color:unset;}
.side-menu li.responsive-side-menu a#open_but .far {font-size:26px;margin:0;}
.side-menu li.responsive-side-menu a#close_but1 .far {font-size:26px;margin:0;right: 0;}
.side_menu_head {border-bottom: 1px dashed rgb(255 255 255 / 10%);margin: 0 0 30px;padding: 10px 0;}
.side_menu_head .head {font-size: 16px;text-transform: uppercase;color: rgb(255 255 255 / 80%);font-weight: 300;letter-spacing: .5px;line-height: 28px;}
#menu-side-menu li a i {float: left;width: 24px;height: 30px;text-align: center;position: relative;top: 2px;color: #ffbd00;}

/* Woocommerce Edit Account CSS */

.woocommerce-EditAccountForm, .woocommerce-Addresses, .woocommerce-edit-address-box {padding: 30px;background: #fff;box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 5%);border-radius: 6px;}
.order_invoice h2.section_title, .woocommerce-EditAccountForm h2.section_title, .woocommerce-Address-title h3, .woocommerce-edit-address-box h2.section_title, .section_title {font-size: 16px;font-weight: 500;letter-spacing: 0;color: #141e30;border-bottom: 1px solid #efefef;padding-bottom: 15px;margin-bottom: 15px;}
.profile_image_section .profile_pic {float: left;margin-right: 15px;width: 75px;}
.profile_image_section .profile_details {width:calc(100% - 90px);float: right;}
.profile_image_section .profile_details h3.profile_name {font-size: 16px;letter-spacing: 0;margin: 0 0 5px;}
.profile_image_section .profile_details p.role {text-transform: capitalize;font-size: 12px;letter-spacing: 0;opacity: .8;}
.woocommerce-EditAccountForm label, .woocommerce-edit-address-box label {display: block;font-size: 12px;font-weight: 400;margin: 0 0 10px;}
.woocommerce-EditAccountForm .input-text, .woocommerce-edit-address-box .input-text {width: 100%;padding: 10px 15px;border: 1px solid #e5e5e5;background: #f8f8f8;margin-bottom: 10px;font-size: 13px;}
.woocommerce-EditAccountForm label .sub, .woocommerce-edit-address-box label .sub {display: block;font-weight: 400;font-size: 11px;line-height: 14px;opacity: .8;margin: 3px 0 0;}
.woocommerce-EditAccountForm .woocommerce-Button, .woocommerce-edit-address-box .woocommerce-Button {border: none;background-color: #131e30!important;color: #fff!important;font-size: 12px;padding: 10px 15px;border-radius: 2px;}
.one-half.account_details {width: 49%;margin-bottom:15px;border-right: 1px dashed #e5e5e5;padding-right: 3%;}
.one-half-last.password_change {width: 48%;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 49%;}
.woocommerce-EditAccountForm .woocommerce-form-row--first {float: left;}
.woocommerce-EditAccountForm .woocommerce-form-row--last {float: right;}
.woocommerce form .form-row {padding: 0!important;}
.profile_image_section {margin-bottom: 20px;}

.company_name {color:#ccc;font-weight:500;font-size:14px;}
.address_list {}
.address_list > li {font-size: 13px;margin-top: 10px;}
.address_list > li svg {margin-right:10px;margin-bottom: 3px;width: 16px;height: 16px;position: relative;top: 3px;color: #fff;float: left;}

/* SLK Product Page CSS */
#prod_details_row {background:#fff;}
.product_content_area {}
.product_img {width:300px;float:left;margin-right:20px}
.product_img img {}
.product_descrp {width:calc(100% - 320px);float:right;}
.product_descrp p.title_4 {font-weight:600;font-size:18px;}
.product_descrp p {text-align:justify;}

#carousel-features-generic {margin-top:50px;}
.feature_list {}
.feature_list > li {width:19%;margin:0 1.25% 15px 0;float:left;text-align:center;}
.feature_list > li:nth-child(5n+5) {margin:0 0 15px 0;float:right;}
.feature_list > li img {display:block;width: 64px;margin: 0 auto 15px;}
.feature_list > li .feature_item {display:block;font-weight: 500;font-size: 13px;padding: 0 30px;}
.section_heading {font-size: 18px;font-weight: 500;letter-spacing: 0;}
.single-slk_products #page-content-wrap {background:#f5f5f5;}
.section_box {background:#fff;padding:25px;border-radius:6px;-webkit-box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);box-shadow: 0 6px 15px 0 rgb(64 79 104 / 5%);}
.product_header {padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
.product_header h2.product_name {width:calc(100% - 185px);margin-right:15px;float: left;font-size: 26px;margin-bottom: 0;font-weight: 500;letter-spacing: 0;font-family: 'Geomanist';}
.product_header a.header_down_but {width:170px;text-align: center;float:left;display:block;padding:10px 15px;font-size:13px;line-height:13px;color:#fff;background:#1e2476;border-radius:4px;}
.product_header a.header_down_but i {margin-right:5px;}
#feature_row {text-align:center;}

#technical_details_row {background:#f5f5f5;text-align:center;}
.test_table {width:800px;margin:0 auto;margin-top:35px;border: 1px solid #999;border-radius: 6px;}
.test_table > thead {background:#f5f5f5;font-weight: 500;font-size:13px;}
.test_table > thead > tr > th {padding:10px;border-bottom: 1px solid #999;}
.test_table > thead > tr > th.col_1 {border-radius:6px 0 0 0;}
.test_table > thead > tr > th.col_1, .test_table > tbody > tr > td.col_1 {text-align:center;width:10%;border-right:1px solid #999;}
.test_table > thead > tr > th.col_2, .test_table > tbody > tr > td.col_2  {text-align:left;width:45%;border-right:1px solid #999;}
.test_table > thead > tr > th.col_3, .test_table > tbody > tr > td.col_3  {text-align:center;width:45%;}
.test_table > tbody > tr {font-size:13px;}
.test_table > tbody > tr:nth-of-type(odd) {background:#fff;}
.test_table > tbody > tr:nth-of-type(even) {background:#fff;}
.test_table > tbody > tr > td {border-top:1px solid #999;}
.test_table > tbody > tr:nth-child(1) > td {border-top:0;}
.test_table > tbody > tr > td table {width:100%;}
.test_table > tbody > tr > td > table > tbody tr > td {padding: 10px;}
.test_table > tbody > tr > td > table > tbody tr > td.heading {width: 60%;text-align: left;border-right: 1px solid #999;}
.test_table > tbody > tr > td > table > tbody tr > td.value {width: 40%;text-align: right;}
.has_sub_table {padding:0!important;}
.has_sub_table > table {}
.has_sub_table > table > tbody > tr {}
.has_sub_table > table > tbody > tr > td {border-top:1px solid #999;background:unset!important;}
.has_sub_table > table > tbody > tr:nth-child(1) td {border-top:0;}

#application_row {background:#fff;text-align:center;}
.application_list {margin-top: 35px;}
.application_list > li {width: 19%;float: left;text-align: center;margin: 0 1.25% 1.25% 0;}
.application_list > li:nth-child(5) {float: right;text-align: center;margin: 0 0 1.25% 0;}
.application_list > li .app_image_container {aspect-ratio: 1/1;border-radius: 12px;margin-bottom: 15px;}
.application_list > li .app_image_container .app_img {aspect-ratio: 1/1;border-radius: 12px;}
.application_list > li .app_image_container .app_img a {display:block;width:100%;min-height:100%;cursor:pointer;}
.application_list > li .app_name {font-weight: 500;font-size:16px;}