@charset "utf-8";
.icon {
	margin-bottom: 0
}
.icon-box {
	margin-bottom: 0
}

@media (max-width:991px) {
.icon-box {
	min-height: 64px;
	margin: 30px 0
}
}
.icon-box .icon {
	height: 64px;
	position: absolute;
	width: 64px
}
.icon-box .icon a, .icon-box .icon i {
	width: 100%;
	height: 100%;
	color: #333
}
.icon-box .icon i {
	font-size: 28px;
	text-align: center;
	line-height: 66px;
	border-radius: 50%
}
.icon-box h3 {
	margin: 0 12px 10px 83px
}
.icon-box p {
	margin: 0 0 20px 83px
}
.icon-box-description>p {
	margin-bottom: 20px
}
.icon-box.effect .icon i {
	z-index: 1;
	color: #fff
}
.icon-box.effect .icon i:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	box-sizing: content-box
}
.icon-box .icon i {
	-webkit-transition: background-color .2s, color .2s;
	transition: background-color 0.2s, color 0.2s
}
.icon-box.effect .icon i:after {
	top: -4px;
	left: -4px;
	padding: 4px;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform .2s, opacity .2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: 0
}
.icon-box.effect.dark .icon i:after {
	box-shadow: 0 0 0 3px #1abc9c
}
.icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i {
	background-color: #1abc9c
}
.icon-box.effect .icon i:hover:after, .icon-box.effect:hover .icon i:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.image-box .image-box-content p i.fa.fa-play {
	padding-left: 3px
}
.icon-box.small .icon {
	height: 46px;
	width: 46px
}
.icon-box.small .icon i {
	font-size: 20px;
	line-height: 47px
}
.icon-box.small>h3 {
	font-size: 18px;
	margin: 0 12px 4px 60px
}
.icon-box.small>h4 {
	font-size: 15px;
	font-weight: 700;
	color: #666;
	margin: 0 12px 4px 60px
}
.icon-box.small>p {
	margin: 0 0 20px 60px;
	font-size: 14px;
	line-height: 1.6
}
.icon-box.medium>h3, .icon-box.medium>h4 {
	margin: 0
}
.icon-box.medium>p {
	margin: 0 0 20px 84px;
	display: inline
}
.icon-box.large .icon {
	height: 86px;
	width: 86px
}
.icon-box.large .icon i {
	font-size: 38px;
	line-height: 87px
}
.icon-box.large>h3 {
	margin: 0 12px 10px 110px;
	font-size: 24px
}
.icon-box.large>p {
	margin: 0 0 20px 110px
}
.icon-box.icon-box-right {
	padding: 0;
	text-align: right
}
.icon-box.icon-box-right>h3 {
	margin: 0 84px 0 10px
}
.icon-box.icon-box-right.medium>p {
	margin: 20px 84px 0 10px
}
.icon-box.icon-box-right .icon {
	right: 0
}
.icon-box.icon-box-right p {
	font-size: 14px;
	margin-top: 15px
}
.icon-box.center {
	padding: 0;
	text-align: center
}
.icon-box.center h3 {
	margin: 0 12px 10px 0
}
.icon-box.center p {
	margin: 0 0 20px 0
}
.icon-box.center .icon {
	margin: 0 auto 22px;
	position: relative
}
.icon-box.center p {
	font-size: 14px;
	margin-top: 15px
}
.icon-box.center.small .icon {
	clear: both!important;
	position: relative!important
}
.icon-box.border .icon {
	border: 3px solid #fff;
	text-align: center;
	border-radius: 50%;
	background-color: transparent
}
.icon-box.border .icon i {
	line-height: 60px
}
.icon-box.border:hover>.icon i {
	line-height: 66px
}
.icon-box.border:hover>.icon {
	border: 0
}
.icon-box.border .icon i {
	background-color: transparent!important;
	color: #333
}
.icon-box.border.small .icon {
	height: 46px;
	position: absolute;
	top: 5px;
	width: 46px
}
.icon-box.border.small .icon i {
	font-size: 20px;
	line-height: 42px
}
.icon-box.border.small:hover>.icon i {
	line-height: 49px
}
.icon-box.border.large .icon i {
	line-height: 81px
}
.icon-box.border.large:hover>.icon i {
	line-height: 86px
}
.icon-box.square.large:hover>.icon i {
	line-height: 86px
}
.icon-box.square .icon, .icon-box.square .icon i, .icon-box.square.effect .icon i:after {
	border-radius: 0
}
.icon-box.square.border .icon i {
	line-height: 59px
}
.icon-box.square:hover>.icon i {
	line-height: 66px
}
.icon-box.square.border:hover>.icon i {
	line-height: 64px
}
.icon-box.square.small:hover>.icon i {
	line-height: 47px
}
.icon-box.square.border.small .icon i {
	line-height: 41px
}
.icon-box.square.border.small:hover>.icon i {
	line-height: 47px
}
.icon-box.square.border.large .icon i {
	line-height: 78px
}
.icon-box.square.border.large:hover>.icon i {
	line-height: 84px
}
.icon-box.light .icon i:after {
	box-shadow: 0 0 0 3px #e5e5e5
}
.icon-box.light .icon i {
	background-color: #e8e8e8
}
.icon-box.light .icon i {
	color: gray
}
.icon-box.light.border .icon {
	border: 3px solid #e5e5e5
}
.icon-box.light.large .icon i {
	line-height: 87px
}
.icon-box.light.large:hover>.icon i {
	line-height: 88px
}
.icon-box.fancy .icon i {
	background-color: transparent;
	color: #222;
	font-size: 110px;
	opacity: .09;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	border-radius: 0
}
.icon-box.effect.fancy .icon i:after {
	box-shadow: 0 0 0 0 transparent
}
.icon-box.effect.fancy:hover>.icon i {
	font-size: 110px
}
.icon-box.fancy.small>.icon i {
	font-size: 68px
}
.icon-box.effect.fancy.small:hover>.icon i {
	font-size: 76px
}
.icon-box.fancy.large .icon i {
	font-size: 120px
}
.icon-box.fancy.center .icon {
	width: auto;
	margin-bottom: 30px
}
.icon-box.clean .icon i {
	background-color: transparent;
	color: #333;
	font-size: 50px
}
.icon-box.effect.clean .icon i:after {
	box-shadow: 0 0 0 0 transparent
}
.icon-box.clean.small .icon i {
	font-size: 36px
}
.icon-box.process {
	border: 1px solid #888;
	margin-top: 45px;
	padding: 0 30px 10px;
	border-radius: 4px
}
.icon-box.process.effect .icon i:hover:after, .icon-box.process.effect:hover .icon i::after {
	opacity: 0;
	border: 0
}
.icon-box.process .icon {
	margin-top: 10px
}
.icon-box.process.small .icon {
	margin-top: 10px
}
.icon-box.box-type {
	background: #fafafa;
	border: 1px solid #ececec;
	border-radius: 4px;
	padding: 20px
}
.icon-box.box-type .icon {
	margin-top: 20px
}
.icon-play {
	color: #fff;
	font-size: 60px;
	text-align: center;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	display: block;
	-webkit-transition: all ease 0.75s!important;
	transition: all ease 0.75s!important
}
.icon-play-color {
	color: #fff;
	font-size: 60px;
	text-align: center;
	background-color: #707372bf;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin-left: 0;
	display: block;
	-webkit-transition: all ease 0.75s!important;
	transition: all ease 0.75s!important
}
.alphabyte_icon {
	display: inline-block;
	margin-bottom: 23px
}
.red {
	color: #ec1d23!important
}
.white-bold {
	font-size: 32px!important;
	font-weight: 900!important
}
.Button-new {
	color: #fff;
	background-color: #ec1d23;
	border-color: #ec1d23;
	font-size: 18px;
	margin-bottom: 10px
}
.grid.grid-6-columns figure, .grid.grid-6-columns li {
	width: 16.6666666%;
	float: left;
	position: relative;
	padding: 20px;
	list-style: none
}
.grid li a, .grid li img {
	display: block;
	width: 85%;
	margin-left: auto;
	margin-right: auto
}
ul.grid {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px
}
ul.grid {
	display: none
}
.grid {
	padding: 0;
	list-style: none;
	overflow: hidden
}
.grid li {
	float: left;
	position: relative;
	width: 20%;
	padding: 20px
}
.grid li:before {
	border: none
}
.gridind.gridind-5-columns figure, .gridind.gridind-5-columns li {
	width: 16.6666666%;
	float: left;
	position: relative;
	padding: 10px;
	margin: 10px;
	list-style: none
}
.gridind li a, .gridind li img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
ul.gridind {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px
}
.gridind {
	padding: 0;
	list-style: none;
	overflow: hidden
}
.gridind li {
	float: left;
	position: relative;
	width: 20%;
	padding: 10px
}
.gridind li:before {
	border: none
}
.gridpart.gridpart-5-columns figure, .gridpart.gridpart-5-columns li {
	width: 16.6666666%;
	float: left;
	position: relative;
	padding: 20px;
	list-style: none
}
.gridpart li a, .gridpart li img {
	display: block;
	width: 85%;
	margin-left: auto;
	margin-right: auto
}
ul.gridpart {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px
}
.gridpart {
	padding: 0;
	list-style: none;
	overflow: hidden
}
.gridpart li {
	float: left;
	position: relative;
	width: 20%;
	padding: 20px
}
.gridpart li:before {
	border: none
}
.read-more {
	color: red
}
.read-more-blue {
	color: blue
}
.img-left {
	float: left
}
.img-right {
	float: right
}
.paranumer {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	left: 0;
	top: 2px;
	background: #e1242a;
	max-width: 30px;
	padding: 6px 5px 5px 5px;
	display: inline
}
.paranumer-line-bottom {
	width: 100px;
	height: 2px;
	background-color: #ec1d23;
	clear: both;
	margin-bottom: 10px;
	margin-top: 2px
}
.paranumer-right {
	display: inline
}