/* DEFAULT HEX COLOR: #323463 */
.blu{ color:#323463 !important;}
.blue{background-color:#323463 !important; color:#FFFFFF !important;}
.blue:hover{background-color: #999 !important; color:#FFFFFF !important; border:#FFFFFF solid 1px !important;}
.bg-grey{ background-color:#F6F6F6 !important;}
.font-size-2{ font-size:1.2em;}
.item-link {
    color: #323463 !important;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase !important;
}
.portfolio-item .portfolio-description a:hover i, .portfolio-item .grid-description a:hover i, .grid-item .portfolio-description a:hover i, .grid-item .grid-description a:hover i {
    background-color: #323463;
    color: #ffffff;
    border: 1px solid #FFFFFF;
}
.cella_1,.cella_2,.cella_3,.cella_4,.cella_1_3,.cella_2_3,.cella_3_3{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, Gecko */
box-sizing: border-box;
padding:5px;
}
.cella_1{ width:25%; float:left; }
.cella_2{ width:50%; float:left;}
.cella_3{ width:75%; float:left;}
.cella_4{ width:100%; float:left;}

.cella_1_3{ width:33%; float:left; }
.cella_2_3{ width:33%; float:left; }
.cella_3_3{ width:34%; float:left; }
.testi a{ text-decoration:underline;}
/* steps boxes #5 style 1 */
.process-list {position:relative;}
.process-list .processitems {padding:0; list-style:none; position:relative;}
.process-list .processitems li {text-align:center; position:relative; z-index:1; min-height: 1px; padding-left: 15px; padding-right: 15px; float:left; width: -webkit-calc(20% - 20px); width: 20%;}
.process-list .processitems li .ico-wrapper {margin-bottom:30px;}
.process-list .processitems li .ico-wrapper > span {font-size:55px; color:#45474d; display:inline-block; width:120px; height:120px; text-align:center; position:relative; vertical-align:middle; background:#f2f3f4; border-radius:50%; line-height: 120px; }
.process-list .processitems li .ico-wrapper > span::after {opacity:0; visibility:hidden; content:''; position: absolute; width: 100%; top: 60px; height: 2px; background: #f2f3f4; left:100%; }
.process-list .processitems li.lined .ico-wrapper > span::after {opacity:1; visibility:visible;}
.process-list .processitems li.last .ico-wrapper > span::after {display:none;}
.process-list .processitems li h4 {font-size:20px;}
.process-list .processitems li p {color:#888;}
.process-list .processitems li:hover .ico-wrapper > span {color:#fff; background:#cd2122;}
.processitems .kl-icon img {width: 60px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%,0); transform: translate3d(-50%, -50%,0);}
.process-list .processitems li:hover .ico-wrapper > span {background-color: #CCC;}

/* 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;}
	
.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #323463;
    border-color: #323463;
}

#page-title.page-title-classic {
    padding: 30px 0;
}
/* 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);} }
	
@media (max-width: 991px) {
	.item-box-list{ width:50% !important;}
}
@media (max-width: 768px) {
		.cella_1,.cella_2,.cella_3,.cella_4,.cella_1_3,.cella_2_3,.cella_3_3{ width:100%;}
}
@media (max-width: 640px) {
	.item-box-list{ width:100% !important;}
}