.elementor-1309 .elementor-element.elementor-element-2c97ddaa:not(.elementor-motion-effects-element-type-background), .elementor-1309 .elementor-element.elementor-element-2c97ddaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0076BC;}.elementor-1309 .elementor-element.elementor-element-2c97ddaa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 3em 0em 3em;z-index:0;}.elementor-1309 .elementor-element.elementor-element-2c97ddaa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1309 .elementor-element.elementor-element-735be419 > .elementor-widget-container{padding:7em 0em 7em 0em;}.elementor-1309 .elementor-element.elementor-element-735be419 .elementor-heading-title{font-size:70px;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-336f161c{padding:0em 0em 0em 3em;}.elementor-1309 .elementor-element.elementor-element-45de4150 > .elementor-element-populated{padding:9em 04em 9em 0em;}.elementor-1309 .elementor-element.elementor-element-3806ec50:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1309 .elementor-element.elementor-element-3806ec50 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://orodjarstvo-plestenjak.si/wp-content/uploads/2023/01/Orodjarstvo-pms-o-podjetju.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1309 .elementor-element.elementor-element-3806ec50 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-369px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1309 .elementor-element.elementor-element-3806ec50 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1309 .elementor-element.elementor-element-3806ec50{z-index:0;}.elementor-1309 .elementor-element.elementor-element-2e0470bb{--spacer-size:600px;}.elementor-1309 .elementor-element.elementor-element-36a7cca4{padding:10em 3em 10em 3em;}.elementor-1309 .elementor-element.elementor-element-1d249a27{text-align:start;}.elementor-1309 .elementor-element.elementor-element-1d249a27 img{width:73%;}.elementor-1309 .elementor-element.elementor-element-47c2bd53 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 130px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-73847ff8 > .elementor-element-populated{padding:0px 130px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-52a93b91{padding:0em 3em 0em 3em;}.elementor-bc-flex-widget .elementor-1309 .elementor-element.elementor-element-79b1fd0.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1309 .elementor-element.elementor-element-79b1fd0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1309 .elementor-element.elementor-element-269af846{width:auto;max-width:auto;}.elementor-1309 .elementor-element.elementor-element-269af846 .elementor-heading-title{font-size:80px;color:#0076BCB0;}.elementor-1309 .elementor-element.elementor-element-229d13be{--divider-border-style:solid;--divider-color:#0076BCB0;--divider-border-width:1px;width:auto;max-width:auto;}.elementor-1309 .elementor-element.elementor-element-229d13be > .elementor-widget-container{margin:0px 0px 0px 0px;padding:70px 0px 0px 30px;}.elementor-1309 .elementor-element.elementor-element-229d13be .elementor-divider-separator{width:270px;margin:0 auto;margin-right:0;}.elementor-1309 .elementor-element.elementor-element-229d13be .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-1309 .elementor-element.elementor-element-6ba0fa37{padding:80px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-5eba5cad{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-1b8d5be7{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-17fae61f{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-1cfd1a0c{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-73bfa1cd{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-20539724{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-5bedc372{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-1909b7c{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-293a9874{font-size:20px;font-weight:700;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-2acd8808{padding:7em 3em 7em 3em;}.elementor-1309 .elementor-element.elementor-element-777a279e > .elementor-element-populated{margin:0px 70px 0px 0px;--e-column-margin-right:70px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-49cf4e9{width:auto;max-width:auto;top:6px;text-align:start;}body:not(.rtl) .elementor-1309 .elementor-element.elementor-element-49cf4e9{left:8px;}body.rtl .elementor-1309 .elementor-element.elementor-element-49cf4e9{right:8px;}.elementor-1309 .elementor-element.elementor-element-49cf4e9 img{width:69%;}.elementor-1309 .elementor-element.elementor-element-4b632719{width:auto;max-width:auto;top:1012px;z-index:3;text-align:start;}body:not(.rtl) .elementor-1309 .elementor-element.elementor-element-4b632719{left:2px;}body.rtl .elementor-1309 .elementor-element.elementor-element-4b632719{right:2px;}.elementor-1309 .elementor-element.elementor-element-4b632719 img{width:65%;}.elementor-1309 .elementor-element.elementor-element-278088ad{width:auto;max-width:auto;top:546px;text-align:end;}body:not(.rtl) .elementor-1309 .elementor-element.elementor-element-278088ad{left:241px;}body.rtl .elementor-1309 .elementor-element.elementor-element-278088ad{right:241px;}.elementor-1309 .elementor-element.elementor-element-278088ad img{width:98%;}.elementor-1309 .elementor-element.elementor-element-6011fb42.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1309 .elementor-element.elementor-element-25d79db3{width:auto;max-width:auto;text-align:start;}.elementor-1309 .elementor-element.elementor-element-25d79db3 .elementor-heading-title{font-size:80px;color:#8F8F8F;}.elementor-1309 .elementor-element.elementor-element-5d576010 > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-5b30b73e{padding:0em 3em 0em 3em;}.elementor-bc-flex-widget .elementor-1309 .elementor-element.elementor-element-66c262a6.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1309 .elementor-element.elementor-element-66c262a6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1309 .elementor-element.elementor-element-14d4b112{width:auto;max-width:auto;}.elementor-1309 .elementor-element.elementor-element-14d4b112 .elementor-heading-title{font-size:80px;color:#0076BC;}.elementor-1309 .elementor-element.elementor-element-6f4bd066{--divider-border-style:solid;--divider-color:#0076BC;--divider-border-width:1px;width:auto;max-width:auto;}.elementor-1309 .elementor-element.elementor-element-6f4bd066 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:70px 0px 0px 30px;}.elementor-1309 .elementor-element.elementor-element-6f4bd066 .elementor-divider-separator{width:270px;margin:0 auto;margin-right:0;}.elementor-1309 .elementor-element.elementor-element-6f4bd066 .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-1309 .elementor-element.elementor-element-39b5a67b{padding:80px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-2dc01414 > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-2dc01414{z-index:3;}.elementor-1309 .elementor-element.elementor-element-6501ab1f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1309 .elementor-element.elementor-element-6501ab1f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://orodjarstvo-plestenjak.si/wp-content/uploads/2023/01/orodjarstvo-plestenjak.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1309 .elementor-element.elementor-element-6501ab1f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1309 .elementor-element.elementor-element-6501ab1f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1309 .elementor-element.elementor-element-2c18ebd7{--spacer-size:50px;}.elementor-1309 .elementor-element.elementor-element-504ac392{padding:3em 3em 7em 3em;}.elementor-1309 .elementor-element.elementor-element-a581c2c .elementor-heading-title{font-size:38px;color:#000000;}.elementor-1309 .elementor-element.elementor-element-5e034fa5 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-5e034fa5 .gallery-item{padding:0 15px 15px 0;}.elementor-1309 .elementor-element.elementor-element-5e034fa5 .gallery{margin:0 -15px -15px 0;}.elementor-1309 .elementor-element.elementor-element-5e034fa5 .gallery-item .gallery-caption{text-align:center;}@media(min-width:768px){.elementor-1309 .elementor-element.elementor-element-69792f4d{width:38.469%;}.elementor-1309 .elementor-element.elementor-element-7f15c471{width:61.479%;}.elementor-1309 .elementor-element.elementor-element-45de4150{width:29.399%;}.elementor-1309 .elementor-element.elementor-element-3806ec50{width:70.601%;}}@media(max-width:767px){.elementor-1309 .elementor-element.elementor-element-2c97ddaa{padding:3em 1em 3em 1em;}.elementor-1309 .elementor-element.elementor-element-69792f4d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-735be419 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0em 0em 0em 0em;}.elementor-1309 .elementor-element.elementor-element-735be419 .elementor-heading-title{font-size:40px;}.elementor-1309 .elementor-element.elementor-element-336f161c{padding:0em 0em 0em 0em;}.elementor-1309 .elementor-element.elementor-element-45de4150 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:4em 1em 4em 1em;}.elementor-1309 .elementor-element.elementor-element-3806ec50 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1309 .elementor-element.elementor-element-2e0470bb{--spacer-size:39vh;}.elementor-1309 .elementor-element.elementor-element-2e0470bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-36a7cca4{padding:3em 1em 3em 1em;}.elementor-1309 .elementor-element.elementor-element-47c2bd53 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-22208521 > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-73847ff8 > .elementor-element-populated{padding:50px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-52a93b91{padding:0em 1em 0em 1em;}.elementor-1309 .elementor-element.elementor-element-79b1fd0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-269af846 .elementor-heading-title{font-size:50px;}.elementor-1309 .elementor-element.elementor-element-229d13be > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-229d13be .elementor-divider-separator{width:253px;margin:0 auto;margin-left:0;}.elementor-1309 .elementor-element.elementor-element-229d13be .elementor-divider{text-align:left;}.elementor-1309 .elementor-element.elementor-element-6ba0fa37{padding:30px 0px 30px 0px;}.elementor-1309 .elementor-element.elementor-element-4faf37fe > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-7946f08b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-2acd8808{padding:3em 1em 3em 1em;}body:not(.rtl) .elementor-1309 .elementor-element.elementor-element-49cf4e9{left:96px;}body.rtl .elementor-1309 .elementor-element.elementor-element-49cf4e9{right:96px;}.elementor-1309 .elementor-element.elementor-element-49cf4e9{top:1336px;}body:not(.rtl) .elementor-1309 .elementor-element.elementor-element-4b632719{left:43px;}body.rtl .elementor-1309 .elementor-element.elementor-element-4b632719{right:43px;}.elementor-1309 .elementor-element.elementor-element-4b632719{top:1816px;}.elementor-1309 .elementor-element.elementor-element-6011fb42.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1309 .elementor-element.elementor-element-6011fb42 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-25d79db3 .elementor-heading-title{font-size:50px;}.elementor-1309 .elementor-element.elementor-element-5b30b73e{padding:3em 1em 3em 1em;}.elementor-1309 .elementor-element.elementor-element-66c262a6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-14d4b112 .elementor-heading-title{font-size:50px;}.elementor-1309 .elementor-element.elementor-element-6f4bd066 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-6f4bd066 .elementor-divider-separator{width:253px;}.elementor-1309 .elementor-element.elementor-element-39b5a67b{padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-5d00e71d > .elementor-element-populated{padding:0px 0px 30px 0px;}.elementor-1309 .elementor-element.elementor-element-2d6b574a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-6501ab1f > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 0px 0px 0px;}.elementor-1309 .elementor-element.elementor-element-2c18ebd7{--spacer-size:213px;}.elementor-1309 .elementor-element.elementor-element-504ac392{padding:2em 1em 2em 1em;}}/* Start custom CSS for html, class: .elementor-element-5d576010 */.example-header {
	 background: #3d4351;
	 color: #fff;
	 font-weight: 300;
	 padding: 3em 1em;
	 text-align: center;
}
 .example-header h1 {
	 color: #fff;
	 font-weight: 300;
	 margin-bottom: 20px;
}
 .example-header p {
	 font-size: 12px;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 font-weight: 700;
}
 .container-fluid .row {
	 padding: 0 0 4em 0;
}
 .container-fluid .row:nth-child(even) {
	 background: #f1f4f5;
}
 .example-title {
	 text-align: center;
	 margin-bottom: 60px;
	 padding: 3em 0;
	 border-bottom: 1px solid #e4eaec;
}
 .example-title p {
	 margin: 0 auto;
	 font-size: 16px;
	 max-width: 400px;
}
/*================================== TIMELINE ==================================*/
/*-- GENERAL STYLES ------------------------------*/
 .timeline {
	 line-height: 1.4em;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 width: 100%;
}
 .timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
	 line-height: inherit;
}
/*----- TIMELINE ITEM -----*/
 .timeline-item {
	 padding-left: 40px;
	 position: relative;
}
 .timeline-item:last-child {
	 padding-bottom: 0;
}
/*----- TIMELINE INFO -----*/
 .timeline-info {
	 font-size: 12px;
	 font-weight: 700;
	 letter-spacing: 3px;
	 margin: 0 0 0.5em 0;
	 text-transform: uppercase;
	 white-space: nowrap;
}
/*----- TIMELINE MARKER -----*/
 .timeline-marker {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 width: 15px;
}
 .timeline-marker:before {
	 background: #0076BC;
	 border: 3px solid transparent;
	 border-radius: 100%;
	 content: "";
	 display: block;
	 height: 15px;
	 position: absolute;
	 top: 4px;
	 left: 0;
	 width: 15px;
	 transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
 .timeline-marker:after {
	 content: "";
	 width: 3px;
	 background: #0076BC;
	 display: block;
	 position: absolute;
	 top: 24px;
	 bottom: 0;
	 left: 6px;
}
 .timeline-item:last-child .timeline-marker:after {
	 content: none;
}
 .timeline-item:not(.period):hover .timeline-marker:before {
	 background: transparent;
	 border: 3px solid #0076BC;
}
/*----- TIMELINE CONTENT -----*/
 .timeline-content {
	 padding-bottom: 40px;
}
 .timeline-content p:last-child {
	 margin-bottom: 0;
}
/*----- TIMELINE PERIOD -----*/
 .period {
	 padding: 0;
}
 .period .timeline-info {
	 display: none;
}
 .period .timeline-marker:before {
	 background: transparent;
	 content: "";
	 width: 15px;
	 height: auto;
	 border: none;
	 border-radius: 0;
	 top: 0;
	 bottom: 30px;
	 position: absolute;
	 border-top: 3px solid #ccd5db;
	 border-bottom: 3px solid #ccd5db;
}
 .period .timeline-marker:after {
	 content: "";
	 height: 32px;
	 top: auto;
}
 .period .timeline-content {
	 padding: 40px 0 70px;
}
 .period .timeline-title {
	 margin: 0;
}
/*---------------------------------------------- MOD: TIMELINE SPLIT ----------------------------------------------*/
 @media (min-width: 768px) {
	 .timeline-split .timeline, .timeline-centered .timeline {
		 display: table;
	}
	 .timeline-split .timeline-item, .timeline-centered .timeline-item {
		 display: table-row;
		 padding: 0;
	}
	 .timeline-split .timeline-info, .timeline-centered .timeline-info, .timeline-split .timeline-marker, .timeline-centered .timeline-marker, .timeline-split .timeline-content, .timeline-centered .timeline-content, .timeline-split .period .timeline-info, .timeline-centered .period .timeline-info {
		 display: table-cell;
		 vertical-align: top;
	}
	 .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
		 position: relative;
	}
	 .timeline-split .timeline-content, .timeline-centered .timeline-content {
		 padding-left: 30px;
	}
	 .timeline-split .timeline-info, .timeline-centered .timeline-info {
		 padding-right: 30px;
	}
	 .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
		 position: relative;
		 left: -45px;
	}
}
/*---------------------------------------------- MOD: TIMELINE CENTERED ----------------------------------------------*/
 @media (min-width: 992px) {
	 .timeline-centered, .timeline-centered .timeline-item, .timeline-centered .timeline-info, .timeline-centered .timeline-marker, .timeline-centered .timeline-content {
		 display: block;
		 margin: 0;
		 padding: 0;
	}
	 .timeline-centered .timeline-item {
		 padding-bottom: 40px;
		 overflow: hidden;
	}
	 .timeline-centered .timeline-marker {
		 position: absolute;
		 left: 50%;
		 margin-left: -7.5px;
	}
	 .timeline-centered .timeline-info, .timeline-centered .timeline-content {
		 width: 50%;
	}
	 .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
		 float: left;
		 text-align: right;
		 padding-right: 30px;
	}
	 .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
		 float: right;
		 text-align: left;
		 padding-left: 30px;
	}
	 .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
		 float: right;
		 text-align: left;
		 padding-left: 30px;
	}
	 .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
		 float: left;
		 text-align: right;
		 padding-right: 30px;
	}
	 .timeline-centered > .timeline-item.period .timeline-content {
		 float: none;
		 padding: 0;
		 width: 100%;
		 text-align: center;
	}
	 .timeline-centered .timeline-item.period {
		 padding: 50px 0 90px;
	}
	 .timeline-centered .period .timeline-marker:after {
		 height: 30px;
		 bottom: 0;
		 top: auto;
	}
	 .timeline-centered .period .timeline-title {
		 left: auto;
	}
}
/*---------------------------------------------- MOD: MARKER OUTLINE ----------------------------------------------*/
 .marker-outline .timeline-marker:before {
	 background: transparent;
	 border-color: #ff6b6b;
}
 .marker-outline .timeline-item:hover .timeline-marker:before {
	 background: #ff6b6b;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2dc01414 */.button12 {
  cursor: pointer;
  background-color: #fff;
  width: 380px;
  height: 64px;
  padding:18px 50px;
  line-height: 64px;
  position: relative;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 0;
  background:#000;
  margin-left:0px;
}
.button12 span {
  color: #fff;
  display: inline-block;
  padding-left: 0px;
  text-transform: uppercase;
 
padding-right: 40px;

  transform-origin: center left;
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 20PX;
}
.button12 em {
  position: absolute;
  height: 1px;
  background: #FFF;
  width: 57%;
  right: 23px;
  top: 50%;
  transform: scaleX(0.25);
   -webkit-transform:scaleX(0.25);
  transform-origin: center right;
  transition: all 0.3s ease;
  z-index: 1;
}
.button12:before,
.button12:after {
  content: '';
  background: #0076BC;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button12:before {
  top: 0;
  left: 0;
  right: auto;
}
.button12:after {
  bottom: 0;
  right: 0;
  left: auto;
}
.button12:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}
.button12:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}
.button12:hover span {
  color: #fff;
}
.button12:hover em {
  background: #fff;
  transform: scaleX(.51);
  transform: scaleX(.51);
}/* End custom CSS */