@import url(theme.css);

@-webkit-keyframes transform {
	0%{transform: translate(-10px, -10px);}
	100% {transform: translate(-70px, -70px);}
}

@keyframes transform {
	0%{transform: translate(-10px, -10px);}
	100%{transform: translate(-70px, -70px);}
}

@-webkit-keyframes opacity {
	0% {opacity: 0.4;filter: blur(10px);}
	100%{opacity: 0.2;filter: blur(20px);}
}

@keyframes opacity {
	0%{opacity: .4;filter: blur(10px);}
	100%{opacity: .2;filter: blur(20px);}
}

.accent.tools{background-color: #66336e !important;}

/*===================*/
.banner-section>div{
	padding: 90px 0 60px;
	min-height: 590px;
}
.banner-section>div.tools-fade{
	background: #ffffff;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-section .blue-grid{
	position: relative;
}

.banner-section .blue-grid svg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.banner-section .hero-holder{
	min-height: 450px;
	position: relative;
}

/*==========*/
.banner-section .home-banner .hero-holder{
	min-height: 450px;
	background-image: -webkit-radial-gradient(closest-side, rgba(255, 255, 255, .94), rgba(255, 255, 255, .94), rgba(255, 255, 255, 1)), url('../../img/svg/grid.svg');
	background-image: -moz-radial-gradient(closest-side, rgba(255, 255, 255, .94), rgba(255, 255, 255, .94), rgba(255, 255, 255, 1)), url('../../img/svg/grid.svg');
	background-image: radial-gradient(closest-side, rgba(255, 255, 255, .94), rgba(255, 255, 255, .94), rgba(255, 255, 255, 1)), url('../../img/svg/grid.svg');
	background-repeat: no-repeat, repeat;
	background-size: auto, 71px 41px;
}

.banner-section .home-banner .hero-holder .box{
	width: 180px;
	height: 180px;
	position: relative;
	transform: rotateX(55deg) rotateZ(45deg);
}

.banner-section .home-banner .hero-holder .box:before, .banner-section .home-banner .hero-holder .box:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*== Statistical-Reports ==*/
.banner-section .home-banner .hero-holder .box.statistical-reports:before {background: rgba(10,111,249);}

.banner-section .home-banner .hero-holder .box.statistical-reports:after {
	background: #0a6ff9;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #0a65f9,2px 2px 0 #0a65f9,3px 3px 0 #0a65f9,4px 4px 0 #0a65f9,5px 5px 0 #0a65f9,6px 6px 0 #0a65f9,7px 7px 0 #0a65f9,8px 8px 0 #0a65f9,9px 9px 0 #0a65f9,10px 10px 0 #0a65f9,11px 11px 0 #0a65f9,12px 12px 0 #0a65f9,13px 13px 0 #0a65f9,14px 14px 0 #0a65f9,15px 15px 0 #0a65f9,16px 16px 0 #0a65f9,17px 17px 0 #0a65f9,18px 18px 0 #0a65f9,19px 19px 0 #0a65f9,20px 20px 0 #0a65f9;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #0a65f9,2px 2px 0 #0a65f9,3px 3px 0 #0a65f9,4px 4px 0 #0a65f9,5px 5px 0 #0a65f9,6px 6px 0 #0a65f9,7px 7px 0 #0a65f9,8px 8px 0 #0a65f9,9px 9px 0 #0a65f9,10px 10px 0 #0a65f9,11px 11px 0 #0a65f9,12px 12px 0 #0a65f9,13px 13px 0 #0a65f9,14px 14px 0 #0a65f9,15px 15px 0 #0a65f9,16px 16px 0 #0a65f9,17px 17px 0 #0a65f9,18px 18px 0 #0a65f9,19px 19px 0 #0a65f9,20px 20px 0 #0a65f9;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #0a65f9,2px 2px 0 #0a65f9,3px 3px 0 #0a65f9,4px 4px 0 #0a65f9,5px 5px 0 #0a65f9,6px 6px 0 #0a65f9,7px 7px 0 #0a65f9,8px 8px 0 #0a65f9,9px 9px 0 #0a65f9,10px 10px 0 #0a65f9,11px 11px 0 #0a65f9,12px 12px 0 #0a65f9,13px 13px 0 #0a65f9,14px 14px 0 #0a65f9,15px 15px 0 #0a65f9,16px 16px 0 #0a65f9,17px 17px 0 #0a65f9,18px 18px 0 #0a65f9,19px 19px 0 #0a65f9,20px 20px 0 #0a65f9;
}

.banner-section .home-banner .hero-holder .box.statistical-reports .icon:before{
	text-shadow: 1px 1px 0 #0a5bf9,2px 2px 0 #0a5bf9,3px 3px 0 #0a5bf9,4px 4px 0 #0a5bf9,5px 5px 0 #0a5bf9,6px 6px 0 #0a5bf9,7px 7px 0 #0a5bf9,8px 8px 0 #0a5bf9,9px 9px 0 #0a5bf9,10px 10px 0 #0a5bf9;
}

/*== Risman ==*/
.banner-section .home-banner .hero-holder .box.risman:before {background: rgba(255,163,0);}

.banner-section .home-banner .hero-holder .box.risman:after {
	background: #ffad00;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #ffa300,2px 2px 0 #ffa300,3px 3px 0 #ffa300,4px 4px 0 #ffa300,5px 5px 0 #ffa300,6px 6px 0 #ffa300,7px 7px 0 #ffa300,8px 8px 0 #ffa300,9px 9px 0 #ffa300,10px 10px 0 #ffa300,11px 11px 0 #ffa300,12px 12px 0 #ffa300,13px 13px 0 #ffa300,14px 14px 0 #ffa300,15px 15px 0 #ffa300,16px 16px 0 #ffa300,17px 17px 0 #ffa300,18px 18px 0 #ffa300,19px 19px 0 #ffa300,20px 20px 0 #ffa300;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #ffa300,2px 2px 0 #ffa300,3px 3px 0 #ffa300,4px 4px 0 #ffa300,5px 5px 0 #ffa300,6px 6px 0 #ffa300,7px 7px 0 #ffa300,8px 8px 0 #ffa300,9px 9px 0 #ffa300,10px 10px 0 #ffa300,11px 11px 0 #ffa300,12px 12px 0 #ffa300,13px 13px 0 #ffa300,14px 14px 0 #ffa300,15px 15px 0 #ffa300,16px 16px 0 #ffa300,17px 17px 0 #ffa300,18px 18px 0 #ffa300,19px 19px 0 #ffa300,20px 20px 0 #ffa300;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #ffa300,2px 2px 0 #ffa300,3px 3px 0 #ffa300,4px 4px 0 #ffa300,5px 5px 0 #ffa300,6px 6px 0 #ffa300,7px 7px 0 #ffa300,8px 8px 0 #ffa300,9px 9px 0 #ffa300,10px 10px 0 #ffa300,11px 11px 0 #ffa300,12px 12px 0 #ffa300,13px 13px 0 #ffa300,14px 14px 0 #ffa300,15px 15px 0 #ffa300,16px 16px 0 #ffa300,17px 17px 0 #ffa300,18px 18px 0 #ffa300,19px 19px 0 #ffa300,20px 20px 0 #ffa300;
}

.banner-section .home-banner .hero-holder .box.risman .icon:before{
	text-shadow: 1px 1px 0 #ff9900,2px 2px 0 #ff9900,3px 3px 0 #ff9900,4px 4px 0 #ff9900,5px 5px 0 #ff9900,6px 6px 0 #ff9900,7px 7px 0 #ff9900,8px 8px 0 #ff9900,9px 9px 0 #ff9900,10px 10px 0 #ff9900;
}

/*== Resaneh-Negar ==*/
.banner-section .home-banner .hero-holder .box.resaneh-negar:before {background: rgba(1,197,196);}

.banner-section .home-banner .hero-holder .box.resaneh-negar:after {
	background: #01c5c4;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #01bbc4,2px 2px 0 #01bbc4,3px 3px 0 #01bbc4,4px 4px 0 #01bbc4,5px 5px 0 #01bbc4,6px 6px 0 #01bbc4,7px 7px 0 #01bbc4,8px 8px 0 #01bbc4,9px 9px 0 #01bbc4,10px 10px 0 #01bbc4,11px 11px 0 #01bbc4,12px 12px 0 #01bbc4,13px 13px 0 #01bbc4,14px 14px 0 #01bbc4,15px 15px 0 #01bbc4,16px 16px 0 #01bbc4,17px 17px 0 #01bbc4,18px 18px 0 #01bbc4,19px 19px 0 #01bbc4,20px 20px 0 #01bbc4;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #01bbc4,2px 2px 0 #01bbc4,3px 3px 0 #01bbc4,4px 4px 0 #01bbc4,5px 5px 0 #01bbc4,6px 6px 0 #01bbc4,7px 7px 0 #01bbc4,8px 8px 0 #01bbc4,9px 9px 0 #01bbc4,10px 10px 0 #01bbc4,11px 11px 0 #01bbc4,12px 12px 0 #01bbc4,13px 13px 0 #01bbc4,14px 14px 0 #01bbc4,15px 15px 0 #01bbc4,16px 16px 0 #01bbc4,17px 17px 0 #01bbc4,18px 18px 0 #01bbc4,19px 19px 0 #01bbc4,20px 20px 0 #01bbc4;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #01bbc4,2px 2px 0 #01bbc4,3px 3px 0 #01bbc4,4px 4px 0 #01bbc4,5px 5px 0 #01bbc4,6px 6px 0 #01bbc4,7px 7px 0 #01bbc4,8px 8px 0 #01bbc4,9px 9px 0 #01bbc4,10px 10px 0 #01bbc4,11px 11px 0 #01bbc4,12px 12px 0 #01bbc4,13px 13px 0 #01bbc4,14px 14px 0 #01bbc4,15px 15px 0 #01bbc4,16px 16px 0 #01bbc4,17px 17px 0 #01bbc4,18px 18px 0 #01bbc4,19px 19px 0 #01bbc4,20px 20px 0 #01bbc4;
}

.banner-section .home-banner .hero-holder .box.resaneh-negar .icon:before{
	text-shadow: 1px 1px 0 #01b1c4,2px 2px 0 #01b1c4,3px 3px 0 #01b1c4,4px 4px 0 #01b1c4,5px 5px 0 #01b1c4,6px 6px 0 #01b1c4,7px 7px 0 #01b1c4,8px 8px 0 #01b1c4,9px 9px 0 #01b1c4,10px 10px 0 #01b1c4;
}

/*== Jahan-Nama ==*/
.banner-section .home-banner .hero-holder .box.jahan-nama:before {background: rgba(215,137,215);}

.banner-section .home-banner .hero-holder .box.jahan-nama:after {
	background: #d789d7;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #d77fd7,2px 2px 0 #d77fd7,3px 3px 0 #d77fd7,4px 4px 0 #d77fd7,5px 5px 0 #d77fd7,6px 6px 0 #d77fd7,7px 7px 0 #d77fd7,8px 8px 0 #d77fd7,9px 9px 0 #d77fd7,10px 10px 0 #d77fd7,11px 11px 0 #d77fd7,12px 12px 0 #d77fd7,13px 13px 0 #d77fd7,14px 14px 0 #d77fd7,15px 15px 0 #d77fd7,16px 16px 0 #d77fd7,17px 17px 0 #d77fd7,18px 18px 0 #d77fd7,19px 19px 0 #d77fd7,20px 20px 0 #d77fd7;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #d77fd7,2px 2px 0 #d77fd7,3px 3px 0 #d77fd7,4px 4px 0 #d77fd7,5px 5px 0 #d77fd7,6px 6px 0 #d77fd7,7px 7px 0 #d77fd7,8px 8px 0 #d77fd7,9px 9px 0 #d77fd7,10px 10px 0 #d77fd7,11px 11px 0 #d77fd7,12px 12px 0 #d77fd7,13px 13px 0 #d77fd7,14px 14px 0 #d77fd7,15px 15px 0 #d77fd7,16px 16px 0 #d77fd7,17px 17px 0 #d77fd7,18px 18px 0 #d77fd7,19px 19px 0 #d77fd7,20px 20px 0 #d77fd7;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #d77fd7,2px 2px 0 #d77fd7,3px 3px 0 #d77fd7,4px 4px 0 #d77fd7,5px 5px 0 #d77fd7,6px 6px 0 #d77fd7,7px 7px 0 #d77fd7,8px 8px 0 #d77fd7,9px 9px 0 #d77fd7,10px 10px 0 #d77fd7,11px 11px 0 #d77fd7,12px 12px 0 #d77fd7,13px 13px 0 #d77fd7,14px 14px 0 #d77fd7,15px 15px 0 #d77fd7,16px 16px 0 #d77fd7,17px 17px 0 #d77fd7,18px 18px 0 #d77fd7,19px 19px 0 #d77fd7,20px 20px 0 #d77fd7;
}

.banner-section .home-banner .hero-holder .box.jahan-nama .icon:before{
	text-shadow: 1px 1px 0 #d775d7,2px 2px 0 #d775d7,3px 3px 0 #d775d7,4px 4px 0 #d775d7,5px 5px 0 #d775d7,6px 6px 0 #d775d7,7px 7px 0 #d775d7,8px 8px 0 #d775d7,9px 9px 0 #d775d7,10px 10px 0 #d775d7;
}

/*== Giti-Ban ==*/
.banner-section .home-banner .hero-holder .box.giti-ban:before {background: rgba(240,154,233);}

.banner-section .home-banner .hero-holder .box.giti-ban:after {
	background: #f09ae9;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #f090e9,2px 2px 0 #f090e9,3px 3px 0 #f090e9,4px 4px 0 #f090e9,5px 5px 0 #f090e9,6px 6px 0 #f090e9,7px 7px 0 #f090e9,8px 8px 0 #f090e9,9px 9px 0 #f090e9,10px 10px 0 #f090e9,11px 11px 0 #f090e9,12px 12px 0 #f090e9,13px 13px 0 #f090e9,14px 14px 0 #f090e9,15px 15px 0 #f090e9,16px 16px 0 #f090e9,17px 17px 0 #f090e9,18px 18px 0 #f090e9,19px 19px 0 #f090e9,20px 20px 0 #f090e9;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #f090e9,2px 2px 0 #f090e9,3px 3px 0 #f090e9,4px 4px 0 #f090e9,5px 5px 0 #f090e9,6px 6px 0 #f090e9,7px 7px 0 #f090e9,8px 8px 0 #f090e9,9px 9px 0 #f090e9,10px 10px 0 #f090e9,11px 11px 0 #f090e9,12px 12px 0 #f090e9,13px 13px 0 #f090e9,14px 14px 0 #f090e9,15px 15px 0 #f090e9,16px 16px 0 #f090e9,17px 17px 0 #f090e9,18px 18px 0 #f090e9,19px 19px 0 #f090e9,20px 20px 0 #f090e9;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #f090e9,2px 2px 0 #f090e9,3px 3px 0 #f090e9,4px 4px 0 #f090e9,5px 5px 0 #f090e9,6px 6px 0 #f090e9,7px 7px 0 #f090e9,8px 8px 0 #f090e9,9px 9px 0 #f090e9,10px 10px 0 #f090e9,11px 11px 0 #f090e9,12px 12px 0 #f090e9,13px 13px 0 #f090e9,14px 14px 0 #f090e9,15px 15px 0 #f090e9,16px 16px 0 #f090e9,17px 17px 0 #f090e9,18px 18px 0 #f090e9,19px 19px 0 #f090e9,20px 20px 0 #f090e9;
}

.banner-section .home-banner .hero-holder .box.giti-ban .icon:before{
	text-shadow: 1px 1px 0 #f086e9,2px 2px 0 #f086e9,3px 3px 0 #f086e9,4px 4px 0 #f086e9,5px 5px 0 #f086e9,6px 6px 0 #f086e9,7px 7px 0 #f086e9,8px 8px 0 #f086e9,9px 9px 0 #f086e9,10px 10px 0 #f086e9;
}

/*== Kiosk ==*/
.banner-section .home-banner .hero-holder .box.kiosk:before {background: rgba(231,48,91);}

.banner-section .home-banner .hero-holder .box.kiosk:after {
	background: #e7305b;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #e7265b,2px 2px 0 #e7265b,3px 3px 0 #e7265b,4px 4px 0 #e7265b,5px 5px 0 #e7265b,6px 6px 0 #e7265b,7px 7px 0 #e7265b,8px 8px 0 #e7265b,9px 9px 0 #e7265b,10px 10px 0 #e7265b,11px 11px 0 #e7265b,12px 12px 0 #e7265b,13px 13px 0 #e7265b,14px 14px 0 #e7265b,15px 15px 0 #e7265b,16px 16px 0 #e7265b,17px 17px 0 #e7265b,18px 18px 0 #e7265b,19px 19px 0 #e7265b,20px 20px 0 #e7265b;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #e7265b,2px 2px 0 #e7265b,3px 3px 0 #e7265b,4px 4px 0 #e7265b,5px 5px 0 #e7265b,6px 6px 0 #e7265b,7px 7px 0 #e7265b,8px 8px 0 #e7265b,9px 9px 0 #e7265b,10px 10px 0 #e7265b,11px 11px 0 #e7265b,12px 12px 0 #e7265b,13px 13px 0 #e7265b,14px 14px 0 #e7265b,15px 15px 0 #e7265b,16px 16px 0 #e7265b,17px 17px 0 #e7265b,18px 18px 0 #e7265b,19px 19px 0 #e7265b,20px 20px 0 #e7265b;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #e7265b,2px 2px 0 #e7265b,3px 3px 0 #e7265b,4px 4px 0 #e7265b,5px 5px 0 #e7265b,6px 6px 0 #e7265b,7px 7px 0 #e7265b,8px 8px 0 #e7265b,9px 9px 0 #e7265b,10px 10px 0 #e7265b,11px 11px 0 #e7265b,12px 12px 0 #e7265b,13px 13px 0 #e7265b,14px 14px 0 #e7265b,15px 15px 0 #e7265b,16px 16px 0 #e7265b,17px 17px 0 #e7265b,18px 18px 0 #e7265b,19px 19px 0 #e7265b,20px 20px 0 #e7265b;
}

.banner-section .home-banner .hero-holder .box.kiosk .icon:before{
	text-shadow: 1px 1px 0 #dd1c5b,2px 2px 0 #dd1c5b,3px 3px 0 #dd1c5b,4px 4px 0 #dd1c5b,5px 5px 0 #dd1c5b,6px 6px 0 #dd1c5b,7px 7px 0 #dd1c5b,8px 8px 0 #dd1c5b,9px 9px 0 #dd1c5b,10px 10px 0 #dd1c5b;
}
/*== Kiosk ==*/

/*== Zelkaa-360 ==*/
.banner-section .home-banner .hero-holder .box.zelkaa-360:before {background: rgba(70,82,160);}

.banner-section .home-banner .hero-holder .box.zelkaa-360:after {
	background: #4652a0;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.05),1px 1px 0 #4648a0,2px 2px 0 #4648a0,3px 3px 0 #4648a0,4px 4px 0 #4648a0,5px 5px 0 #4648a0,6px 6px 0 #4648a0,7px 7px 0 #4648a0,8px 8px 0 #4648a0,9px 9px 0 #4648a0,10px 10px 0 #4648a0,11px 11px 0 #4648a0,12px 12px 0 #4648a0,13px 13px 0 #4648a0,14px 14px 0 #4648a0,15px 15px 0 #4648a0,16px 16px 0 #4648a0,17px 17px 0 #4648a0,18px 18px 0 #4648a0,19px 19px 0 #4648a0,20px 20px 0 #4648a0;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.05),1px 1px 0 #4648a0,2px 2px 0 #4648a0,3px 3px 0 #4648a0,4px 4px 0 #4648a0,5px 5px 0 #4648a0,6px 6px 0 #4648a0,7px 7px 0 #4648a0,8px 8px 0 #4648a0,9px 9px 0 #4648a0,10px 10px 0 #4648a0,11px 11px 0 #4648a0,12px 12px 0 #4648a0,13px 13px 0 #4648a0,14px 14px 0 #4648a0,15px 15px 0 #4648a0,16px 16px 0 #4648a0,17px 17px 0 #4648a0,18px 18px 0 #4648a0,19px 19px 0 #4648a0,20px 20px 0 #4648a0;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.05),1px 1px 0 #4648a0,2px 2px 0 #4648a0,3px 3px 0 #4648a0,4px 4px 0 #4648a0,5px 5px 0 #4648a0,6px 6px 0 #4648a0,7px 7px 0 #4648a0,8px 8px 0 #4648a0,9px 9px 0 #4648a0,10px 10px 0 #4648a0,11px 11px 0 #4648a0,12px 12px 0 #4648a0,13px 13px 0 #4648a0,14px 14px 0 #4648a0,15px 15px 0 #4648a0,16px 16px 0 #4648a0,17px 17px 0 #4648a0,18px 18px 0 #4648a0,19px 19px 0 #4648a0,20px 20px 0 #4648a0;
}

.banner-section .home-banner .hero-holder .box.zelkaa-360 .icon:before{
	text-shadow: 1px 1px 0 #463ea0,2px 2px 0 #463ea0,3px 3px 0 #463ea0,4px 4px 0 #463ea0,5px 5px 0 #463ea0,6px 6px 0 #463ea0,7px 7px 0 #463ea0,8px 8px 0 #463ea0,9px 9px 0 #463ea0,10px 10px 0 #463ea0;
}

/*== Bulletin ==*/
.banner-section .home-banner .hero-holder .box.bulletin:before {background: rgba(255,92,77);}

.banner-section .home-banner .hero-holder .box.bulletin:after {
	background: #ff5c4d;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #ff524d,2px 2px 0 #ff524d,3px 3px 0 #ff524d,4px 4px 0 #ff524d,5px 5px 0 #ff524d,6px 6px 0 #ff524d,7px 7px 0 #ff524d,8px 8px 0 #ff524d,9px 9px 0 #ff524d,10px 10px 0 #ff524d,11px 11px 0 #ff524d,12px 12px 0 #ff524d,13px 13px 0 #ff524d,14px 14px 0 #ff524d,15px 15px 0 #ff524d,16px 16px 0 #ff524d,17px 17px 0 #ff524d,18px 18px 0 #ff524d,19px 19px 0 #ff524d,20px 20px 0 #ff524d;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #ff524d,2px 2px 0 #ff524d,3px 3px 0 #ff524d,4px 4px 0 #ff524d,5px 5px 0 #ff524d,6px 6px 0 #ff524d,7px 7px 0 #ff524d,8px 8px 0 #ff524d,9px 9px 0 #ff524d,10px 10px 0 #ff524d,11px 11px 0 #ff524d,12px 12px 0 #ff524d,13px 13px 0 #ff524d,14px 14px 0 #ff524d,15px 15px 0 #ff524d,16px 16px 0 #ff524d,17px 17px 0 #ff524d,18px 18px 0 #ff524d,19px 19px 0 #ff524d,20px 20px 0 #ff524d;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #ff524d,2px 2px 0 #ff524d,3px 3px 0 #ff524d,4px 4px 0 #ff524d,5px 5px 0 #ff524d,6px 6px 0 #ff524d,7px 7px 0 #ff524d,8px 8px 0 #ff524d,9px 9px 0 #ff524d,10px 10px 0 #ff524d,11px 11px 0 #ff524d,12px 12px 0 #ff524d,13px 13px 0 #ff524d,14px 14px 0 #ff524d,15px 15px 0 #ff524d,16px 16px 0 #ff524d,17px 17px 0 #ff524d,18px 18px 0 #ff524d,19px 19px 0 #ff524d,20px 20px 0 #ff524d;
}

.banner-section .home-banner .hero-holder .box.bulletin .icon:before{
	text-shadow: 1px 1px 0 #ff484d,2px 2px 0 #ff484d,3px 3px 0 #ff484d,4px 4px 0 #ff484d,5px 5px 0 #ff484d,6px 6px 0 #ff484d,7px 7px 0 #ff484d,8px 8px 0 #ff484d,9px 9px 0 #ff484d,10px 10px 0 #ff484d;
}

/*== Auto-Send ==*/
.banner-section .home-banner .hero-holder .box.auto-send:before {background: rgba(106,184,238);}

.banner-section .home-banner .hero-holder .box.auto-send:after {
	background: #6ab8ee;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #6aaeee,2px 2px 0 #6aaeee,3px 3px 0 #6aaeee,4px 4px 0 #6aaeee,5px 5px 0 #6aaeee,6px 6px 0 #6aaeee,7px 7px 0 #6aaeee,8px 8px 0 #6aaeee,9px 9px 0 #6aaeee,10px 10px 0 #6aaeee,11px 11px 0 #6aaeee,12px 12px 0 #6aaeee,13px 13px 0 #6aaeee,14px 14px 0 #6aaeee,15px 15px 0 #6aaeee,16px 16px 0 #6aaeee,17px 17px 0 #6aaeee,18px 18px 0 #6aaeee,19px 19px 0 #6aaeee,20px 20px 0 #6aaeee;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #6aaeee,2px 2px 0 #6aaeee,3px 3px 0 #6aaeee,4px 4px 0 #6aaeee,5px 5px 0 #6aaeee,6px 6px 0 #6aaeee,7px 7px 0 #6aaeee,8px 8px 0 #6aaeee,9px 9px 0 #6aaeee,10px 10px 0 #6aaeee,11px 11px 0 #6aaeee,12px 12px 0 #6aaeee,13px 13px 0 #6aaeee,14px 14px 0 #6aaeee,15px 15px 0 #6aaeee,16px 16px 0 #6aaeee,17px 17px 0 #6aaeee,18px 18px 0 #6aaeee,19px 19px 0 #6aaeee,20px 20px 0 #6aaeee;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #6aaeee,2px 2px 0 #6aaeee,3px 3px 0 #6aaeee,4px 4px 0 #6aaeee,5px 5px 0 #6aaeee,6px 6px 0 #6aaeee,7px 7px 0 #6aaeee,8px 8px 0 #6aaeee,9px 9px 0 #6aaeee,10px 10px 0 #6aaeee,11px 11px 0 #6aaeee,12px 12px 0 #6aaeee,13px 13px 0 #6aaeee,14px 14px 0 #6aaeee,15px 15px 0 #6aaeee,16px 16px 0 #6aaeee,17px 17px 0 #6aaeee,18px 18px 0 #6aaeee,19px 19px 0 #6aaeee,20px 20px 0 #6aaeee;
}

.banner-section .home-banner .hero-holder .box.auto-send .icon:before{
	text-shadow: 1px 1px 0 #6aa4ee,2px 2px 0 #6aa4ee,3px 3px 0 #6aa4ee,4px 4px 0 #6aa4ee,5px 5px 0 #6aa4ee,6px 6px 0 #6aa4ee,7px 7px 0 #6aa4ee,8px 8px 0 #6aa4ee,9px 9px 0 #6aa4ee,10px 10px 0 #6aa4ee;
}

/*== Mobile-App ==*/
.banner-section .home-banner .hero-holder .box.mobile-app:before {background: rgba(92,216,90);}

.banner-section .home-banner .hero-holder .box.mobile-app:after {
	background: #5cd85a;
	-webkit-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #5cce5a,2px 2px 0 #5cce5a,3px 3px 0 #5cce5a,4px 4px 0 #5cce5a,5px 5px 0 #5cce5a,6px 6px 0 #5cce5a,7px 7px 0 #5cce5a,8px 8px 0 #5cce5a,9px 9px 0 #5cce5a,10px 10px 0 #5cce5a,11px 11px 0 #5cce5a,12px 12px 0 #5cce5a,13px 13px 0 #5cce5a,14px 14px 0 #5cce5a,15px 15px 0 #5cce5a,16px 16px 0 #5cce5a,17px 17px 0 #5cce5a,18px 18px 0 #5cce5a,19px 19px 0 #5cce5a,20px 20px 0 #5cce5a;
	-moz-box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #5cce5a,2px 2px 0 #5cce5a,3px 3px 0 #5cce5a,4px 4px 0 #5cce5a,5px 5px 0 #5cce5a,6px 6px 0 #5cce5a,7px 7px 0 #5cce5a,8px 8px 0 #5cce5a,9px 9px 0 #5cce5a,10px 10px 0 #5cce5a,11px 11px 0 #5cce5a,12px 12px 0 #5cce5a,13px 13px 0 #5cce5a,14px 14px 0 #5cce5a,15px 15px 0 #5cce5a,16px 16px 0 #5cce5a,17px 17px 0 #5cce5a,18px 18px 0 #5cce5a,19px 19px 0 #5cce5a,20px 20px 0 #5cce5a;
	box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.15),1px 1px 0 #5cce5a,2px 2px 0 #5cce5a,3px 3px 0 #5cce5a,4px 4px 0 #5cce5a,5px 5px 0 #5cce5a,6px 6px 0 #5cce5a,7px 7px 0 #5cce5a,8px 8px 0 #5cce5a,9px 9px 0 #5cce5a,10px 10px 0 #5cce5a,11px 11px 0 #5cce5a,12px 12px 0 #5cce5a,13px 13px 0 #5cce5a,14px 14px 0 #5cce5a,15px 15px 0 #5cce5a,16px 16px 0 #5cce5a,17px 17px 0 #5cce5a,18px 18px 0 #5cce5a,19px 19px 0 #5cce5a,20px 20px 0 #5cce5a;
}

.banner-section .home-banner .hero-holder .box.mobile-app .icon:before{
	text-shadow: 1px 1px 0 #5cc45a,2px 2px 0 #5cc45a,3px 3px 0 #5cc45a,4px 4px 0 #5cc45a,5px 5px 0 #5cc45a,6px 6px 0 #5cc45a,7px 7px 0 #5cc45a,8px 8px 0 #5cc45a,9px 9px 0 #5cc45a,10px 10px 0 #5cc45a;
}

.banner-section .home-banner .hero-holder .box:before {
	-webkit-animation: opacity 4s ease;
	animation: opacity 4s ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;

}

.banner-section .home-banner .hero-holder .box:after {
	-webkit-animation: transform 4s ease;
	animation: transform 4s ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

.banner-section .home-banner .hero-holder .box .icon{
	width: 120px;
	height: 120px;
	position: relative;
	-webkit-animation: transform 4s ease;
	animation: transform 4s ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	z-index: 2;
}

.banner-section .home-banner .hero-holder .box .icon:before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
}
/*==========*/


.feature-section .feature-body{
	padding-top: 1rem; 
}

.feature-section .even .feature-body{
	padding-left: 2rem;
	padding-right: : 0;
}

.feature-section .feature-body p {
	font: normal 16px/1.6 "OpenSans", sans-serif;
}

.feature-section .feature-body ul.feature-list{
	width: fit-content;

	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	columns: 2;
	
	-webkit-column-width: 250px;
	column-width: 250px;
	
	-webkit-column-gap: 15px;
	column-gap: 15px;
	
	margin-top: 50px;
}

.feature-section .feature-body ul.feature-list li{
	position: relative;
	min-height: 120px;
	
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;

	margin-bottom: 10px;
	padding: 0 12px;
	font: normal 14px/1.4 "BreezeSans", sans-serif;
}

.feature-section .feature-body ul.feature-list li i{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #66336e;
	color: #ffffff;
}

.feature-section .feature-body ul.feature-list li span{
	display: block;
	margin-top: 6px;
}
/*===================*/





/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px){
	.home-banner .body{
		position: unset;
		left: unset;
		width:unset;
		
		-webkit-transform: unset;
		-moz-transform: unset;
		-ms-transform: unset;
		transform: unset;
		text-align: center;
	}

	.feature-section .even .feature-body{
		padding-left: 1rem;
		padding-right: 1rem;
	}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px){
	.home-banner .body{
		position: unset;
		left: unset;
		width:unset;
		
		-webkit-transform: unset;
		-moz-transform: unset;
		-ms-transform: unset;
		transform: unset;
		text-align: center;
	}

	.feature-section .even .feature-body{
		padding-left: 1rem;
		padding-right: 1rem;
	}

}

/* Tablets ----------- */
@media only screen and (min-width: 768px) and (max-width: 991px){

	.home-banner .body{
		position: unset;
		left: unset;
		width:unset;
		
		-webkit-transform: unset;
		-moz-transform: unset;
		-ms-transform: unset;
		transform: unset;
		text-align: center;
	}

	.feature-section .feature-body ul.feature-list{
		-webkit-column-width: 200px;
		-moz-column-width: 200px;
		-ms-column-width: 200px;
		column-width: 200px;
	}

}

/* Desktops and laptops and Tablets (landscape) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1140px){

	.feature-section>div{min-height: unset;}
	.feature-section .feature-figure{min-height: unset;}
	.feature-section .feature-figure img{max-width: 100%;}

	.feature-section .feature-body ul.feature-list{
		-webkit-column-width: 200px;
		-moz-column-width: 200px;
		-ms-column-width: 200px;
		column-width: 200px;
	}

}