/* process steps */
.process_steps {overflow:hidden; border-radius:2px; margin-bottom:35px; width: 100%; min-height: 0;}
/* process steps style1 */
.process_steps--style1 {display: table; table-layout: fixed; }
.process_steps--style1 .process_steps__step {display: table-cell; padding: 20px 10px;  color:#fff; position:relative; text-align:center; vertical-align: middle; height:240px}
.process_steps--style1 .process_steps__step:first-child {border-radius: 3px 0 0 3px;}
.process_steps--style1 .process_steps__step:last-child {border-radius: 0 3px 3px 0;}
.process_steps--style1 .process_steps__step:after {content:''; position:absolute; top:15px; right:-14px; border:7px solid transparent; z-index:1;}
.process_steps--style1 .process_steps__intro {background:#CD2122; text-align:left; padding: 20px;}
.process_steps--style1 .process_steps__intro:after {border-left-color:#CD2122; }
.process_steps--style1 .process_steps__intro-title {margin-top:0; line-height:1.2; font-weight:500; font-size:24px}
.process_steps--style1 .process_steps__intro-title strong {font-size:120%; display:block; }
.process_steps--style1 .process_steps__intro-link {font-size:11px; font-weight:700; color:#fff; opacity:.8;}
.process_steps--style1 .process_steps__intro-link:hover {opacity:1;}
.process_steps--style1 .process_steps__step-desc {margin-bottom:0;}
.process_steps--style1 .process_steps__step-icon {margin:20px 0 15px; min-height: 50px; line-height: 50px; font-size: 56px; }
.process_steps--style1 .process_steps__step-typeimg,
.process_steps--style1 .process_steps__step-typeimg img { max-height: 90px; display: inline-block;}
.process_steps--style1 .process_steps__step:nth-child(2) {background-color: #5a5a5a; }
.process_steps--style1 .process_steps__step:nth-child(2):after {border-left-color: #5a5a5a; }
.process_steps--style1 .process_steps__step:nth-child(3) {background-color: #4a4a4a; }
.process_steps--style1 .process_steps__step:nth-child(3):after {border-left-color: #4a4a4a; }
.process_steps--style1 .process_steps__step:nth-child(4) {background-color: #3e3e3e; }
.process_steps--style1 .process_steps__step:nth-child(4):after {border-left-color: #3e3e3e; }
.process_steps--style1 .process_steps__step:nth-child(5) {background-color: #383838; }
.process_steps--style1 .process_steps__step:nth-child(5):after {border-left-color: #383838; }
.process_steps--style1 .process_steps__step:nth-child(6) {background-color: #303030; }
.process_steps--style1 .process_steps__step:nth-child(6):after {border-left-color: #303030; }
.process_steps--style1 .process_steps__step:nth-child(7) {background-color: #252525; }
.process_steps--style1 .process_steps__step:nth-child(7):after {border-left-color: #252525; }
.process_steps--style1 .process_steps__step:last-child:after {border: 0; }
/* MQ's */
@media screen and (min-width: 768px) and (max-width: 991px){
	.process_steps--style1 {display: block; }
	.process_steps--style1 .process_steps__step {float: left; width: 33.3333%; }
	.process_steps--style1 .process_steps__intro {display: block; width: 100%; float: none; height: auto; }
}
@media screen and (max-width: 767px){
	.process_steps--style1 {display: block; }
	.process_steps--style1 .process_steps__step {float: left; width: 100%; }
	.process_steps--style1 .process_steps__intro {display: block; width: 100%; float: none; height: auto; }
}

/* process steps style2 */
.process_steps--style2 { overflow: hidden; padding: 20px 0;}
.container .process_steps--style2 { overflow: visible; }
.process_steps--style2 .process_steps__container,
.process_steps--style2 .process_steps__height {min-height: 235px;}
.process_steps--style2 .process_steps__container { float: left; width:66%; border-radius: 5px; position: relative; min-height: 230px; padding-right: calc(((100vw - 1170px) / 2) + 15px);}
.container .process_steps--style2 .process_steps__container { padding-right: 0;}
.process_steps--style2 .process_steps__container:before { content: ''; width: 102%; height: 108%; position: absolute; left: -30px; -webkit-transform: skewX(-10deg) translate3d(0,0,0); -ms-transform: skewX(-10deg) translate3d(0,0,0); transform: skewX(-10deg) translate3d(0,0,0); border: solid 1px #E0E0E0; top: -4%; padding-right: calc(((100vw - 1170px) / 2) + 60px); box-sizing: content-box; border-radius: 5px;}
.process_steps--style2 .process_steps__container:after { content: ''; width: 10px; height: 106%; position: absolute; left: -40px; -webkit-transform: skewX(-10deg) translate3d(0,0,0); -ms-transform: skewX(-10deg) translate3d(0,0,0); transform: skewX(-10deg) translate3d(0,0,0); z-index: 1; top: -3%; background: -webkit-gradient(100% 50%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(100% 50%, ellipse, rgba(0,0,0,.5), transparent 70%); background: radial-gradient(ellipse at 100% 50%,rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient( 100% 50%, 100% 70%, rgba(0, 0, 0, 0.5) 0%, transparent 70%);}
.process_steps--style2.kl-bgc-light .process_steps__container:before { background: #fff;}
.process_steps--style2.kl-bgc-gray .process_steps__container:before { background: #F1F1F1; border: solid 1px #F1F1F1;}
.process_steps--style2.kl-bgc-dark .process_steps__container:before { background: #010101; border: solid 1px #404040;}
.process_steps--style2 .process_steps__step { padding: 20px; color:#fff; position:relative; text-align:center; height: 100%; display: table-cell; vertical-align: middle;}
.process_steps--style2 .process_steps__container .process_steps__step:after { content: ''; width: 10px; height: 70%; background-repeat:no-repeat; background-position:  left top; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iMzAwcHgiIHZpZXdCb3g9IjAgMCAxMCAzMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMiAoMTIwNDMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0idiIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjA3MTc4NTcxMzksMjguMTY3MTMzOCBMMi4wMDk5OTk5OSwyOC4xNjcxMzM4IEwyLjAwOTk5OTk5LDMwMC4xNjcxMzQgTDAsMzAwLjE2NzEzNCBMMC4wNzE3ODU3MTM5LDI4LjE2NzEzMzggWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjA4NjMzMDk0LDI4LjE2NzEzMzggTDAuMDcxOTQyNDQ2LDI4LjE2NzEzMzggTDcuNzY5Nzg0MTcsMTQuMDQ3MzYyNCBMOS43MTIyMzAyMiwxNC4wNDczNjI0IEwyLjA4NjMzMDk0LDI4LjE2NzEzMzggWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjE1ODI3MzM4LDAgTDAuMDcxOTQyNDQ2LDAgTDcuOTg1NjExNTEsMTQuMDQ3MzYyNCBMMTAsMTQuMDQ3MzYyNCBMMi4xNTgyNzMzOCwwIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); left: 100%; top: 15%; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); opacity: 0.05; position: absolute;}
.process_steps--style2.kl-bgc-dark .process_steps__container .process_steps__step:after { /*background-image: url(../images/step-separator-dark.svg);*/ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iMzAwcHgiIHZpZXdCb3g9IjAgMCAxMCAzMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMiAoMTIwNDMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0idiIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjA3MTc4NTcxMzksMjguMTY3MTMzOCBMMi4wMDk5OTk5OSwyOC4xNjcxMzM4IEwyLjAwOTk5OTk5LDMwMC4xNjcxMzQgTDAsMzAwLjE2NzEzNCBMMC4wNzE3ODU3MTM5LDI4LjE2NzEzMzggWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjA4NjMzMDk0LDI4LjE2NzEzMzggTDAuMDcxOTQyNDQ2LDI4LjE2NzEzMzggTDcuNzY5Nzg0MTcsMTQuMDQ3MzYyNCBMOS43MTIyMzAyMiwxNC4wNDczNjI0IEwyLjA4NjMzMDk0LDI4LjE2NzEzMzggWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjE1ODI3MzM4LDAgTDAuMDcxOTQyNDQ2LDAgTDcuOTg1NjExNTEsMTQuMDQ3MzYyNCBMMTAsMTQuMDQ3MzYyNCBMMi4xNTgyNzMzOCwwIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);}
.process_steps--style2 .process_steps__container .process_steps__step:last-child:after { display: none;}
.process_steps--style2 .process_steps__inner {display: table; table-layout: fixed; width:100%;}
.process_steps--style2 .process_steps__step-title { color: #333333; font-weight: bold; font-size: 20px;}
.process_steps--style2 .process_steps__step-desc {color: #888888; margin-bottom:0;}
.process_steps--style2.kl-bgc-dark .process_steps__step-title {color: #C4C4C4;}
.process_steps--style2.kl-bgc-dark .process_steps__step-desc {color: #AFAFAF;}
.process_steps--style2 .process_steps__step-icon {margin:20px 0 15px; min-height: 50px; line-height: 50px; font-size: 48px; }
.process_steps--style2 .process_steps__step-typeimg,
.process_steps--style2 .process_steps__step-typeimg .process_steps__step-icon-src { max-height: 90px; display: inline-block; margin: 0;}
.process_steps--style2 .process_steps__intro {background:#CD2122; text-align:left; float: left; width:34%; padding: 30px 40px 30px 30px;padding-left: calc(((100vw - 1170px) / 2) + 15px);}
.process_steps--style2 .process_steps__intro:before { content:''; width:100px; height:100%; position: absolute; left:100%; top:0; z-index: 0; background:#CD2122;}
.container .process_steps--style2 .process_steps__intro {border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 30px; }
.process_steps--style2 .process_steps__intro-wrp {position:relative;}
.process_steps--style2 .process_steps__intro-title {margin-top:0; line-height:1.2; font-weight:500; position: relative; padding-bottom: 10px; }
.process_steps--style2 .process_steps__intro-title::before { content: ''; height: 3px; width: 30px; background: #fff; position: absolute; display: inline-block; bottom: 0;}
.process_steps--style2 .process_steps__intro-title strong {font-size:120%; display:block;}
.process_steps--style2 .process_steps__intro-link {font-size:11px; font-weight:700; color:#fff; opacity:.8; display: inline-block; }
.process_steps--style2 .process_steps__intro-link:hover {opacity:1;}

/* MQ's */
@media screen and (min-width: 992px) and (max-width: 1199px){
	.process_steps--style2 .process_steps__container { padding-right: calc(((100vw - 970px) / 2) + 15px);}
	.process_steps--style2 .process_steps__container:before { padding-right: calc(((100vw - 970px) / 2) + 60px);}
	.process_steps--style2 .process_steps__intro { padding-left: calc(((100vw - 970px) / 2) + 15px);}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.process_steps--style2 {display: block; }
	.process_steps--style2 .process_steps__container {width:100%;}
	.process_steps--style2 .process_steps__step {float: left; width: 33.3333%; }
	.process_steps--style2 .process_steps__intro {display: block; width: 100%; float: none; height: auto; min-height:0; }
	.process_steps--style2 .process_steps__container:before {-webkit-transform:none;-ms-transform:none;transform:none;left: -5px;padding: 0;width: calc(100% + 10px);}
	.process_steps--style2 .process_steps__container:after {display:none;}
	.process_steps--style2 .process_steps__container .process_steps__step:after {-webkit-transform:none;-ms-transform:none;transform:none;}
}
@media screen and (max-width: 767px){
	.process_steps--style2 {display: block; }
	.process_steps--style2 .process_steps__container {width:100%;}
	.process_steps--style2 .process_steps__step {float: left; width: 100%; margin-bottom:30px; }
	.process_steps--style2 .process_steps__intro {display: block; width: 100%; float: none; height: auto; min-height:0; padding:30px; margin-bottom:0;}
	.process_steps--style2 .process_steps__container:before {-webkit-transform:none;-ms-transform:none;transform:none;left: -5px;padding: 0;width: calc(100% + 10px);}
	.process_steps--style2 .process_steps__container:after ,
	.process_steps--style2 .process_steps__container .process_steps__step:after {display:none;}
}
/* Animations for Process Icons */
.process_steps__step:hover .process_steps__step-icon-src[data-animation=tada] {-webkit-animation: tada ease-in-out 1 normal 800ms; animation: tada ease-in-out 1 normal 500ms; }
.process_steps__step:hover .process_steps__step-icon-src[data-animation=pulse] {-webkit-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; }
.process_steps__step:hover .process_steps__step-icon-src[data-animation=fadeOutRightBig] {-webkit-animation: fadeOutRightBig ease-out 1 normal 1s; animation: fadeOutRightBig ease-out 1 normal 1s;}
/* Pulse */
.pulse {-webkit-animation-name: pulse; animation-name: pulse;}
@-webkit-keyframes pulse {0% { -webkit-transform: scale(1); } 33% { -webkit-transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } }
@keyframes pulse {0% { -webkit-transform: scale(1); transform: scale(1); } 33% { -webkit-transform: scale(0.9); transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
/* Tada */
.tada {-webkit-animation-name: tada; animation-name: tada;}
@-webkit-keyframes tada {0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} }
@keyframes tada {0% {-webkit-transform: scale(1);transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} }
/* Fadeout right big */
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}
@-webkit-keyframes fadeOutRightBig {0% { -webkit-transform: translate(2px, 1px); } 3% { -webkit-transform: translate(-1px, -2px); } 6% { -webkit-transform: translate(-3px, 0); } 8% { -webkit-transform: translate(0, 2px); } 10% { -webkit-transform: translate(1px, -1px); } 20% { -webkit-transform: translate(20px, -20px); } 100% { -webkit-transform: translate( 120px, -120px);} }
@keyframes fadeOutRightBig {0% {-webkit-transform: translate(2px, 1px);transform: translate(2px, 1px); } 3% {-webkit-transform: translate(-1px, -2px);transform: translate(-1px, -2px); } 6% {-webkit-transform: translate(-3px, 0);transform: translate(-3px, 0); } 8% {-webkit-transform: translate(0, 2px);transform: translate(0, 2px); } 10% {-webkit-transform: translate(1px, -1px);transform: translate(1px, -1px); } 20% {-webkit-transform: translate(20px, -20px);transform: translate(20px, -20px); } 100% {-webkit-transform: translate( 120px, -120px);transform: translate( 120px, -120px);} }