/*----------------------------------

	Theme Name: Church Suite
	----------------------	
	/* #Icon Boxes
	========================================= */
	.icon-box, .icon-box1, .icon-box2, .icon-box3, .icon-box4, .icon-box5, .icon-box6, .icon-box7, .icon-box8, .icon-box9, .icon-box10, .icon-box11, .icon-box12, .icon-box13, .icon-box14, .icon-box15, .icon-box16 { clear:both;}
	@media only screen and (max-width: 768px) {
	.icon-box, .icon-box1, .icon-box2, .icon-box3, .icon-box4, .icon-box5, .icon-box6, .icon-box7, .icon-box8, .icon-box9, .icon-box10, .icon-box11, .icon-box12, .icon-box13, .icon-box14, .icon-box15, .icon-box16 { margin-bottom:20px;}
	}
	
	
	/* #Icon Box 0
	=========================== */
	

	.icon-box { vertical-align: baseline; margin-bottom: 20px; /* New */ position:relative; padding-left:52px;}
	.icon-box img, .icon-box i { float: left; display: block; vertical-align: text-top; margin: 5px 20px 75px 0;}
	.icon-box i { font-size: 32px; color: #545c63; float: left; margin-right: 20px; cursor: default; /* New */ position:absolute; left:0; top:0;}
	.icon-box h5, .icon-box h4 { margin-bottom: 5px; line-height: 1.3; font-size:16px; letter-spacing:0; font-weight:700;}
	.icon-box h5 strong, .icon-box h4 strong { letter-spacing:0; font-weight:700;}
	.icon-box p { overflow: hidden; color:#777; font-size:14px;}
	

	/* #Icon Box 1
	=========================== */
	
	.icon-box1 p { text-align: left; margin-top: 4px; color: #797979; font-size:14px; line-height:1.6; padding-bottom:10px; margin-bottom:5px;}
	.icon-box1 i { cursor: default;display: inline;font-size: 24px;float: left;color: #2e373d;padding: 0;margin-right: 10px; margin-top: 3px;}
	.icon-box1 h4 { font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing:0; text-align:left; margin-top: 5px; margin-bottom:15px;}
	.icon-box1 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;}
	.icon-box1 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
	@media only screen and (min-width: 768px) {
	.alignright .icon-box1, .alignright .icon-box1 * { text-align:right; padding-right:0; margin-right:0;}
	.alignright .icon-box1 i, .alignright .icon-box1 img { float:right; margin-left:10px; margin-right:0;}
	}

	

	/* #Icon Box 2
	=========================== */
	
	.icon-box2 { background-color:#fff; vertical-align:baseline; text-align:center; border-radius:5px; padding:20px 0; 	-webkit-transition:background .3s ease-in-out;	-moz-transition:background .3s ease-in-out;	-ms-transition:background .3s ease-in-out;	-o-transition:background .3s ease-in-out;	transition:background .3s ease-in-out;}
	.icon-box2 i { display:block; margin:16px 0 20px; font-size:64px; color: #404040; text-align: center;}
	.icon-box2 p { padding:0 12px;}
	.icon-box2 h4 { font-weight: 400;}
	.icon-box2:hover { background-color:#fafafa; cursor:default;}

	/* #Icon Box 3
	=========================== */
	
	.icon-box3 i { font-size: 32px; margin-bottom:25px; text-align: left; color: #2e373d; margin-bottom: 10px; display: inline-block; transition: all .24s ease;}
	.icon-box3 h4 { font-size:17px; letter-spacing:0; margin-bottom:15px; font-weight:bold;}
	.icon-box3 p { font-size:13px; line-height: 21px; margin-right: 10px;}



	/* #Icon Box 4
	=========================== */
	
	.icon-box4 { text-align: center; margin-bottom: 20px;}
	.icon-box4 i { font-size: 48px; width: 92px; height: 92px; text-align: center; color: #2e373d;  display: inline-block;  padding: 30px; font-size: 32px; background: #f2f2f2; border-radius: 50%; margin-bottom: 24px; cursor: default; transition: all .3s ease;}
	.icon-box4:hover i { color: #fff !important; background: #e53f51;}
	.icon-box4 h4 { margin: 14px 0 20px; color: #2e373d; font-size: 18px; letter-spacing:3px; font-weight: 400;}
	.container .icon-box4 p { margin: 0 10px 30px; font-size:14px; color:#8a8a8a;}
	.icon-box4 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}


	/* #Icon Box 5
	=========================== */
	
	.icon-box5 p { text-align: left; margin-top: 3px; color: #888; font-size:13px; line-height:1.54; padding-bottom:10px;}
	.icon-box5 i { cursor: default;display: inline;font-size: 16px;float: left;color: #26a4e5;padding: 0;margin-right: 10px;margin-top: 3px;}
	.icon-box5 h4 { font-size: 15px; line-height: 21px; font-weight: 400; letter-spacing:0; text-align:left;}
	.icon-box5 h4 strong { font-weight:400;}
	.icon-box5 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;}
	.icon-box5 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
	.blox.dark .icon-box5 a.magicmore { color: #f9a827;}
	.blox.dark .icon-box5 a.magicmore:after { border-color: #f9a827;}

	@media only screen and (min-width: 768px) {
	.alignright .icon-box5, .alignright .icon-box5 * { text-align:right; padding-right:0; margin-right:0;}
	.alignright .icon-box5 i, .alignright .icon-box5 img { float:right; margin-left:10px; margin-right:0;}
	}

	

	/* #Icon Box 6
	=========================== */

	.icon-box6 { position: relative; text-align:center; background-color: rgba(255,255,255,0.81); background-color:#fff\9; border: 1px solid #e5e5e5; border-radius: 3px; padding: 36px 20px 28px; text-shadow: 0 0 0 0; margin: 40px 0 20px;}
	.icon-box6 * { text-shadow: none;}
	.icon-box6 i { font-size: 24px; width: 56px; height: 56px; text-align: center; padding: 15px 16px 17px; background: #e53f51; color: #fff; position: absolute; top: -30px; left: 50%; margin-left: -27px; border-radius: 30px; cursor: default;}
	.icon-box6 h4, .blox .icon-box6 h4, .blox.dark .icon-box6 h4 { font-weight: 400;}
	.container .icon-box6 p, .container .blox .icon-box6 p, .container .blox.dark .icon-box6 p { color: #818181; margin-bottom: 12px;}


	/* #Icon Box 7
	=========================== */

	.icon-box7 { padding: 0px 0 10px 0;}
	.icon-box7 i { display: block; text-align: center; padding: 40px 0; border-radius: 2px; background: #f7f7f7; color: #404040; font-size: 64px; line-height: 1; margin-bottom: 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	.icon-box7:hover i { background: #e53f51; color: #fff; cursor: default;}
	.icon-box7 h4 { font-weight: 400;}


	/* #Icon Box 8
	=========================== */
	
	.icon-box8 {text-align: left; overflow: hidden; margin-bottom: 20px; padding-bottom:5px;}
	.icon-box8 i {display:inline-block; font-size: 32px; width:74px; color: #01b6f9; background: #fff; float: left; padding: 20px; border:1px solid #e9e9e9; border-radius: 50%; margin: 8px 15px 60px 0;
	-webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -ms-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease;}
	.icon-box8:hover i {color: #fff !important; background: #01b6f9; border-color: #01b6f9;}
	.icon-box8 h4 { font-size: 17px; font-weight:bold; color: #2a2a2a; margin-bottom: 5px; margin-top:8px; overflow: hidden; letter-spacing:1px;}
	.icon-box8 h4 strong { font-weight:600;}
	.icon-box8 p {font-weight: 300; font-size: 14px; line-height:1.5; color: #6d6f71; margin-bottom: 16px; max-width:398px;}
	.icon-box8 a.magicmore { background:#fafafa; color: #898f9e; padding:5px 8px 4px 14px; border-radius:20px; border:1px solid #e9e9e9; font-size:9px; text-transform:uppercase; font-weight:400; margin:14px 0; letter-spacing:2px;}
	.icon-box8 a.magicmore:after { border:none;}
	.icon-box8 a:hover { color: #01b6f9;}
	@media only screen and (min-width: 1200px) {
	.icon-box8 p, .icon-box8 h4 { padding-right:20px;}
	}

	
	/* #Icon Box 9
	=========================== */
	
	.icon-box9 { text-align: left; overflow: hidden; margin-bottom: 0;}
	.icon-box9 i {display:inline-block; font-size: 32px; color: #444; background: none; float: left; padding: 15px; border:2px solid #444; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 8px 24px 80px 0; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease;}
	.icon-box9 h4, .icon-box9 h4 strong { font-weight: 600; font-size: 21px; color: #444; margin-bottom: 4px;overflow: hidden; letter-spacing:0.5px;}
	.icon-box9 p {font-weight: 400; font-size: 16px; color: #747474; line-height:1.5; margin-bottom: 10px !important;}
	.blox.dark .icon-box9 i { border-color:#fff;}
	@media only screen and (max-width: 767px) {
		.icon-box9 img{float: none; margin-bottom: 20px;}
	}
	
	
	/* #Icon Box 10
	=========================== */
	
	.icon-box10 { text-align:center;}
	.icon-box10 i { font-size: 32px; color: #484f54; margin-bottom: 23px; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	.icon-box10 h4, .icon-box10 h4 { margin-bottom: 18px; color: #2e373d; font-size: 19px; letter-spacing: 1px; line-height: 1.3; font-weight:400;}
	.icon-box10 h4 strong, .icon-box10 h4 strong { font-weight:400;}
	.icon-box10 p { line-height: 21px; margin-right: 10px; font-size:13px; color: #6d6f71; letter-spacing:0.25px;}
	.icon-box10 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
	
	
	/* #Icon Box 11
	=========================== */
	
	.icon-box11 { text-align: center; margin-bottom: 20px;}
	.icon-box11 i { padding: 36px; border:1px solid #e3e3e3; border-radius: 44px; margin-bottom: 28px; cursor: default; font-size: 36px; color: #82B641; display: inline-block; -webkit-transition: all .39s ease-in-out; -moz-transition: all .39s ease-in-out; -ms-transition: all .39s ease-in-out; -o-transition: all .39s ease-in-out; transition: all .39s ease-in-out;}	
	.icon-box11 img { max-width:220px !important; margin-bottom:18px; -webkit-transition: all .21s ease-out; -moz-transition: all .21s ease-out; -ms-transition: all .21s ease-out; -o-transition: all .21s ease-out; transition: all .21s ease-out;}
	.icon-box11 h4, .icon-box11 h4 { margin-bottom: 16px; font-size: 17px; font-weight:600; color:#373e44; letter-spacing: 1.25px; text-transform:uppercase;}
	.icon-box11 h4 strong { font-weight:600;}
	.icon-box11 p { font-size: 14px; font-weight: 300; color: #616161; line-height: 1.7; padding: 0 15px; margin-bottom: 30px;}
	.icon-box11:hover i { color: #fff !important; background:#82B641; border-color:#82B641;}
	.icon-box11 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
	
	@media only screen and (min-width: 961px) {
	.icon-box11:hover img { padding:15px;}
	.vc_row-fluid [class*="vc_span"] .icon-box11 img { max-width:220px;}
	}	
	@media only screen and (min-width: 1281px) {
	.icon-box11 p { padding: 0 35px;}
	}

	@media only screen and (max-width: 767px) {
	.icon-box11 i { margin-bottom:20px;}
	.icon-box11 h4, .icon-box11 h4 { margin-bottom:7px;}
	.icon-box11 p { margin-bottom:45px;}
	}
	
	
	/* #Icon Box 12
	=========================== */
	
	.icon-box12 p { text-align: left; margin-top: 4px; color: #797979; font-size:14px; line-height:1.83; padding-bottom:10px; margin-bottom:5px;}
	.icon-box12 i { cursor: default;display: inline; font-size: 24px; float: left; color: #fff; background-color: #2e373d; border-radius: 50%; width: 44px; height: 44px; margin: 0 10px 0 0; text-align: center; padding: 10px;}
	.icon-box12 h4 {  color: #2e373d; font-size: 17px; line-height: 28px; font-weight: 700; letter-spacing:1px; text-align:left; margin-top: 5px; padding-top: 8px; color: #5b5b5b; margin-bottom: 28px; text-transform: uppercase;}
	.icon-box12 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;}
	.icon-box12 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
	@media only screen and (min-width: 768px) {
	.alignright .icon-box12, .alignright .icon-box12 * { text-align:right; padding-right:0; margin-right:0;}
	.alignright .icon-box12 i, .alignright .icon-box12 img { float:right; margin-left:10px; margin-right:0;}
	}	
	
		
	
	/* #Icon Box 13
	=========================== */
	
	.icon-box13 { padding: 10px 20px; text-align:center; }
	.icon-box13 h4, .icon-box13 h4 strong{ font-weight: 300; font-size:29px;  color: #4e575d; margin-bottom: 15px; padding:0 9px; line-height:1.6;}
	.icon-box13 p { font-size:14px; letter-spacing:0.3px; font-weight:400; color:#72757c; line-height:1.5; padding:0 12px;}
	.icon-box13 i { display: inline-block; text-align: center; background:none; color:#6b6c77; font-size: 48px; line-height: 1; margin-bottom: 35px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	.icon-box13 a.magicmore { display:inline-block; margin:25px 0 10px; padding:12px 32px 12px 44px; color:#fff; font-size:11px; font-weight:600; text-transform:uppercase; border-radius:40px; letter-spacing:1px; background:#01b6f9;}
	.icon-box13 a.magicmore:hover { background:#e87777;}
	#wrap .icon-box13 a.magicmore:after { content: "\f061"; position:absolute; color: inherit; top: 12px; right: auto; left:30px; font-size: 12px; padding:0; border:none;}
	#wrap .icon-box13 a.magicmore:hover:after { -webkit-animation: magicmore-anim .2s ease .062s both; animation: magicmore-anim .2s ease .062s both;}
	.icon-box13 img { max-width:220px; margin-bottom:15px;}
	.blox.dark .icon-box13 a.magicmore { color:#fff;}
	@media only screen and (min-width: 1500px) {
	.icon-box13 p { padding:0 8%;}
	}
	
	@-webkit-keyframes magicmore-anim {
	from {left: -11px; opacity:0;}
	to {left: 30px; opacity:1;}
	}
	@keyframes magicmore-anim{
	from {left: -11px; opacity:0;}
	to {left: 30px; opacity:1;}
	}
	
	
	/* #Icon Box 14
	=========================== */
	
	.icon-box14 { border: 1px solid rgba(15, 15, 15, 0.07); background-color:rgba(15, 15, 15, 0.01); vertical-align:baseline; text-align:center; padding:20px; -webkit-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out; margin-bottom: 10px}
	.icon-box14:hover {cursor:default; background-color:rgba(240, 240, 240, 0.6);}	
	.blox.dark .icon-box14:hover {background-color:rgba(15, 15, 15, 0.6);}	
	.icon-box14 h4 {border-bottom: 1px solid rgba(15, 15, 15, 0.07);font-size: 18px; font-weight: 700; line-height: 20px; padding: 17px 0 20px; text-align: center;}	
	.icon-box14 p {font-weight: 400;text-align: center;	letter-spacing: 0px;padding: 5px 10px;font-size: 15px}
	.icon-box14 i {display:block;margin:16px 0;font-size:72px; color:#0099ff}
	.icon-box14 a.magicmore {position:relative; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; border: none; display: inline-block; padding: 6px 16px 6px 28px; cursor: pointer;	border: 1px solid transparent; border-radius: 2px; white-space: nowrap; margin-bottom: 20px; color: rgba(15, 15, 15, 0.35); background: rgba(15, 15, 15, 0.07); text-shadow: 0 0 0; text-transform:uppercase; font-size:11px; letter-spacing:2px;}
	.blox.dark .icon-box14 i {color:#0099ff}
	.blox.dark .icon-box14 a.magicmore{color: rgba(224, 224, 224, 0.1);}
	.icon-box14:hover a.magicmore{text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);}
	.blox.dark .icon-box14:hover a.magicmore{color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
	.icon-box14 a.magicmore:hover {background: rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.85)}
	#wrap .icon-box14 a.magicmore:before {position:absolute; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; content: "\f054"; color:inherit; top:8px; left:14px; font-size:8px; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
	#wrap .icon-box14 a.magicmore:after {display:none}
	
	
		
	/* #Icon Box 15
	=========================== */
	
	.icon-box15 i { font-size: 48px; color: #f9a827; margin-bottom: 10px; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	.icon-box15 h4, .icon-box15 h4 { margin-bottom: 11px; font-weight:700; color: #f9a827; font-size: 27px; letter-spacing: -1.25px; line-height: 1.1;}
	.icon-box15 h4 strong, .icon-box15 h4 strong { font-weight:700;}
	.icon-box15 p { font-size:21px; line-height: 1.2; margin-right: 10px; padding-right:10px; border-right:1px solid #e5e5e5; letter-spacing:0; font-family: 'Roboto',  Helvetica, Arial, sans-serif; font-weight:300;}
	.icon-box15 a.magicmore { font-size:13px; font-weight:700; text-transform:uppercase; color: #f9a827;}
	#wrap .icon-box15 a.magicmore:after { border:none; top:3px;}
	.blox.dark .icon-box15 i, .blox.dark .icon-box15 h4, .blox.dark .icon-box15 a.magicmore { color: #f9a827;}
	.blox.dark .icon-box15 p, .max-hero .icon-box15 p { color:rgba(255,255,255,0.9);  border-color:rgba(255,255,255,0.4); text-align:left; margin:0 10px 25px 0;}
	.blox .icon-box15 p { margin:0 10px 25px 0;}
	.max-hero .icon-box15 h4 { text-shadow:none;}
	.max-hero .icon-box15 { text-align:left;}
	@media only screen and (max-width: 767px) {
	.max-hero .icon-box15 h4 { font-size:21px;}
	.max-hero .slides-content .icon-box15 p { font-size:16px}
	.max-hero .icon-box15 a.magicmore { font-size:12px;}
	}

		
	/* #Icon Box 16
	=========================== */
	
	.icon-box16 p { text-align: left; margin-top: 3px; color: #888; font-size:13px; line-height:1.54; padding-bottom:10px;}
	.icon-box16 i { cursor: default;display: inline;font-size: 16px;float: left;color: #26a4e5;padding: 0;margin-right: 10px;margin-top: 3px;}
	.icon-box16 h4 { color: #353739; font-size: 15px; line-height: 21px; font-weight: 400; letter-spacing:0; text-align:left;}
	.icon-box16 h4 strong { font-weight:400;}
	.icon-box16 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;}
	.icon-box16 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
	.blox.dark .icon-box16 a.magicmore { color: #f9a827;}
	.blox.dark .icon-box16 a.magicmore:after { border-color: #f9a827;}

	@media only screen and (min-width: 768px) {
	.alignright .icon-box16, .alignright .icon-box16 * { text-align:right; padding-right:0; margin-right:0;}
	.alignright .icon-box16 i, .alignright .icon-box16 img { float:right; margin-left:10px; margin-right:0;}
	}

	
		
	/* # Icon box 17
	================================================== */
	
	.icon-box17 { position:relative; display:block; overflow:hidden; padding: 45px 10px 20px; text-align: center; margin-bottom: 30px; color:#0099ff; border: 3px solid #f3f3f3; border-top: none; border-radius: 4px; -webkit-box-shadow: 0 -4px 0 0; box-shadow: 0 -4px 0 0;}
	.icon-box17:hover{ background: transparent; -webkit-box-shadow: 0 3px 0 0,0 -4px 0 0; box-shadow: 0 3px 0 0,0 -4px 0 0;}
	.icon-box17:before { content: ''; width: 0; height: 0;  position: absolute; top: 0; left: 50%; margin-left: -8px; border:none;}
	.icon-box17:hover:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid; border-top-color: inherit;}
	.icon-box17 .icon-wrap { display: inline-block; background-color:#0099ff; border-radius: 50%; margin-bottom: 32px; border: 1px solid transparent;}
	.icon-box17 i { width:108px; height:108px; padding: 30px; background: #fff; color:#0099ff; border-radius: 50%; cursor: default; font-size: 48px; line-height:48px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	.icon-box17 h4 { margin-bottom: 13px; font-size: 18px; letter-spacing: -0.3px; font-weight: bold; text-transform: uppercase;}
	.icon-box17 p { font-size: 14px;color: #777;margin-bottom: 25px; padding: 0 15px;}
	.icon-box17:hover i { background: none; color: #fff !important;box-shadow: none;}
	.icon-box17 h4 strong { font-weight: 400;font-size: 18px; display: inline-block;}	
	.icon-box17:hover h4 strong:after { content: ""; margin: 7px auto 0; width: 65%; height: 0; display: block; position: relative; border-bottom: 1px solid; border-color: inherit;}
	.icon-box17 a.magicmore {position:relative; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; border: none; display: inline-block; padding: 4px 14px 4px 24px; cursor: pointer;	border: 1px solid transparent; border-radius: 2px; white-space: nowrap; margin-bottom: 15px; color: rgba(15, 15, 15, 0.35); background: rgba(15, 15, 15, 0.05); text-shadow: 0 0 0; text-transform:uppercase; font-size:11px; letter-spacing:1px; font-weight:bold;}
	.blox.dark .icon-box17 a.magicmore{color: rgba(224, 224, 224, 0.1);}
	.icon-box17:hover a.magicmore{text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);}
	.blox.dark .icon-box17:hover a.magicmore{color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
	.icon-box17 a.magicmore:hover {background: rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.85)}
	#wrap .icon-box17 a.magicmore:before {position:absolute; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; content: "\f054"; color:inherit; top:6px; left:13px; font-size:8px; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
	#wrap .icon-box17 a.magicmore:after {display:none;}


	/* # Icon box 18
	================================================== */
	
	.icon-box18 {text-align: left; overflow: hidden; margin-bottom: 37px;}
	.icon-box18 i { width: 76px; height: 76px; text-align: center; display:inline-block; font-size: 32px; background: #f8c51e; float: left; padding: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 6px 10px 20px 0; color:#fff; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease;}
	.icon-box18:hover i {color: #888; background: #fadc9c;}
	.icon-box18 h4 {font-weight: 700; font-size: 19px; letter-spacing:1px; padding-top:15px; margin-bottom: 4px; overflow: hidden;}
	.icon-box18 h4 strong { font-weight: normal;}
	.icon-box18 p { display: table; font-weight: 300; font-size: 13px; color: #888; margin-bottom: 14px;}
	.icon-box18 a { color: #2ba6d8; font-size: 13px;}
	.icon-box18 a.magicmore { padding:0;}
	.icon-box18 a:hover { color: #eb7348;}
	.icon-box18 a.magicmore:after { display:none}

	.alignright .icon-box18 { text-align: right;}
	.alignright .icon-box18 i { float: right; margin-left: 10px; margin-right: 0;}



	/* #Icon Box 19
	=========================== */
	.icon-box19 { padding: 20px 0; text-align:center; border:3px solid #e7e7e7; background:#fff;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
	.icon-box19 h4, .icon-box19 h4 strong, .icon-box19 h5, .icon-box19 h5 strong{ font-weight: 600;font-size: 21px;margin-bottom: 12px;padding: 0 9px;line-height: 1.6; color:#292929; letter-spacing:2px;}
	.icon-box19 h4, .icon-box19 h5 { margin-top:8px; padding-bottom:24px; border-bottom:1px solid #e7e7e7; text-transform:uppercase;}
	.icon-box19 p { font-size: 14px;font-weight: 300;color: #616161;line-height: 1.88; padding:10px 33px 0;}
	.icon-box19 i { width:92px; height:92px; display: inline-block;text-align: center;background: #fff; margin-top:8px;color: #0099ff;border:1px solid; padding:29px; border-radius:50%;font-size: 32px;line-height: 1;margin-bottom: 26px;-webkit-transition: all .23s ease-out;-moz-transition: all .23s ease-out;-ms-transition: all .23s ease-out;-o-transition: all .23s ease-out;transition: all .23s ease-out;}
	.icon-box19:hover { background:#f5f5f5;}
	.icon-box19 a.magicmore { display: inline-block;margin: 10px 0;padding: 2px 20px 2px 30px;color: #0099ff; border:2px solid #e7e7e7;font-size: 11px;font-weight: 700;text-transform: uppercase;border-radius: 40px;letter-spacing: 1px;background:#fff;}
	.icon-box19 a.magicmore:hover { border-color:#e87777; color:#e87777;}
	#wrap .icon-box19 a.magicmore:after { content: "\f061";position: absolute;color: inherit;top: 1px;right: auto;left: 12px;font-size: 12px;padding: 0;border: none;}
	@media only screen and (min-width: 961px) {
	.icon-box19:hover i { border-color:#fff;transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}	
	#wrap .icon-box19 a.magicmore:hover:after { -webkit-animation: magicmore-anim .3s ease-out; animation: magicmore-anim .3s ease-out;}
	}
	@-webkit-keyframes magicmore-anim {
	from {left: -7px; opacity:0;}
	to {left: 12px; opacity:1;}
	}
	@keyframes magicmore-anim {
	from {left: -7px; opacity:0;}
	to {left: 12px; opacity:1;}
	}
	
	
	
	/* #Icon Box 20
	=========================== */
	
	.icon-box20 {text-align: left; overflow: hidden; margin-bottom: 30px;}
	.icon-box20 i {display:inline-block; font-size: 32px; background: #f2f2f2; float: left; padding: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 8px 30px 80px 0; color:#00b5ff; width: 92px; height: 92px; text-align: center; transition: all 0.18s ease;}
	.icon-box20:hover i {color: #fff; background: #00b5ff;}
	.icon-box20 h4 {font-weight: 400; font-size: 17px; color: #282828; margin-bottom: 12px; overflow: hidden;}
	.icon-box20 p {font-weight: 300; font-size: 14px; color: #898989; margin-bottom: 14px; overflow: hidden;}
	.icon-box20 a {color: #2ba6d8; font-size: 13px;}
	.icon-box20 a.magicmore { padding:0;}
	.icon-box20 a:hover {color: #eb7348;}
	.icon-box20 a.magicmore:after {display:none}

	
	/* #Icon Box 21
	=========================== */
	
	.icon-box21 p { text-align: left; margin-left: 80px; color: #a1a1a1; font-size:14px; color:#717171; line-height:1.55;}
	.icon-box21 a.magicmore {margin-left:80px}
	.icon-box21 i { border: 1px solid #eaeaea;background: #fff;border-radius: 100%;margin-right: 10px;cursor: default;display: inline-block;font-size: 28px;float: left;color: #2ba6d8;padding: 20px;margin-right: 10px;margin-top: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width: 70px; height: 70px; text-align: center; transition: all .3s ease-in-out;}
	.icon-box21 h4 { border-bottom: 1px solid #eaeaea; color: #2e373d; font-size: 14px; line-height: 56px; font-weight: bold; letter-spacing:1.5px; text-transform:uppercase;}
	.icon-box21:hover i { color:#fff !important; background: #2ba6d8; border-color: #2ba6d8;}
	.icon-box21 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;}
	.blox .icon-box21 i  {background: transparent}
	.icon-box21 h4{overflow: auto;display: inline;padding-bottom: 10px;}
	.blox .icon-box21:hover i {background: #fff; color:#2ba6d8}
	.icon-box21 a.magicmore {color:#2ba6d8}
	.icon-box21 a.magicmore:hover {color: #2ba6d8;}

	
	
	/* # Icon box 22
	================================================== */
	
	.icon-box22 { text-align: center; margin-bottom: 20px; border: 1px solid #dfe3ea; border-radius: 4px; padding: 28px 0 32px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	.icon-box22:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
	.icon-box22 img { margin-bottom: 20px;}
	.icon-box22 i { padding: 30px; background: #ff6430; border-radius: 50%; margin-bottom: 24px; cursor: default; font-size: 48px; color: #fff; margin-bottom: 20px; display: inline-block; width: 108px; height: 108px; text-align: center;  transition: all .3s ease-in-out;}
	.icon-box22 h4{ margin-bottom: 20px; color: #323232; font-size: 16px; letter-spacing: 0.25px;  font-weight:600;}
	.container .icon-box22 p { font-weight: 400; font-size: 13px; color: #747474; margin-bottom: 30px; padding: 0 16px; line-height: 1.6;}
	.icon-box22 a.magicmore { font-size: 11px; color: #fff; background: #d0d0d0; font-weight: 700; padding:10px 12px 10px 14px; border-radius: 3px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	#wrap .icon-box22 a.magicmore:after { display:none;}
	
		
	/* #Icon Box 23
	=========================== */
	
	.icon-box23 {position: relative; background-color: rgba(255,255,255,0.81); background-color: #fff\9; border: 1px solid #e5e5e5; border-radius: 3px; padding: 20px; text-shadow: 0 0 0; margin: 40px 0 60px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	.icon-box23:hover{background:#2ba6d8}
	.icon-box23 * { text-shadow: none;}
	.icon-box23 i { font-size: 36px;padding: 20px;color: #2ba6d8;position: absolute;top: 10px;right: 10px;border-radius: 100%;cursor: default;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	.icon-box23:hover i {color: #fff;}
	.icon-box23 h4, .blox .icon-box23 h4, .blox.dark .icon-box23 h4 { color: #363636; font-weight: 700; margin-top: 10px; margin-bottom:16px;}
	.icon-box23:hover h4 {color: #fff;}
	.icon-box23 h4:after {content: '';border-bottom: 2px solid #000;display: block;padding-bottom: 14px;width: 40px;}
	.icon-box23:hover h4:after{border-color: #fff;}
	.container .icon-box23 p, .container .blox .icon-box23 p, .container .blox.dark .icon-box23 p { color: #818181; margin-bottom: 30px;}
	.container .icon-box23:hover p, .container .blox .icon-box23:hover p, .container .blox.dark .icon-box23:hover p { color: #fff;}
	.icon-box23 a.magicmore { color: #8a8a8a; position: absolute; bottom: 5px; right: 24px; padding: 10px; font-size: 11px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	#wrap .icon-box23 a.magicmore:after{ opacity:1; display:inline; border-radius:15px; padding:3px; top:7px; right:-11px; border: 1px solid #818181;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	.icon-box23:hover a.magicmore{color:#fff;}
	#wrap .icon-box23:hover a.magicmore:after{color:#fff; border-color:#fff;}

	
	/* #Icon Box 24
	=========================== */
	
	.icon-box24 { position: relative; text-align:center; background-color: #fff; background-color:#fff\9; border: 1px solid #e5e5e5; padding: 36px 20px 28px; text-shadow: 0 0 0; margin: 40px 0 60px;}
	.icon-box24 * { text-shadow: none;}
	.icon-box24 i { font-size: 36px; padding: 20px; background: #fff; color: #2ba6d8; position: absolute; top: -38px; left: 50%; margin-left: -37px; border-radius: 100%; cursor: default;width: 76px; height: 76px; text-align: center; transition: all .3s ease-in-out;}
	.icon-box24:hover i {background: #0099ff; color: #fff !important;box-shadow: 0 0 0 7px #fff, 0 0 0 8px #e5e5e5;	}
	.icon-box24 h4, .blox .icon-box24 h4, .blox.dark .icon-box24 h4 { color: #363636; font-weight: 400; margin-top: 20px; margin-bottom:20px; text-transform:uppercase;}
	.icon-box24 p { font-size:13px; line-height:1.72;}
	.container .icon-box24 p, .container .blox .icon-box24 p, .container .blox.dark .icon-box24 p { color: #818181; margin-bottom: 30px;}
	.icon-box24 a.magicmore { color:#818181; background:#fff; border:1px solid #e5e5e5; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-weight: bold; position: absolute; bottom: -15px; left: 20px; padding: 8px 12px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	.icon-box24 a.magicmore:hover{color:#2ba6d8}
	#wrap .icon-box24 a.magicmore:after{ color:#b9b9b9; position:relative; opacity:1; display:inline; border-radius:15px; padding:3px; top:0; right:-5px; border: 1px solid #bbb;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	#wrap .icon-box24:hover a.magicmore:after { margin:0; color:#2ba6d8; border-color:#2ba6d8;}
	
	@media only screen and (max-width: 767px) {
	.icon-box24 { margin:50px 0 80px;}
	}

	
	
	/* #Icon Box 25
	=========================== */
	
	.icon-box25 { padding: 30px 15px 15px; text-align: center; margin-bottom: 20px;}
	.icon-box25 i { width:95px; padding: 30px; background: #f2f2f2; border-radius: 50%; margin-bottom: 24px; cursor: default; font-size: 36px; color: #0099ff; margin-bottom: 20px; display: inline-block;  width: 96px; height: 96px; text-align: center; transition: all .3s ease-in-out;}
	.icon-box25 h4{ margin-bottom: 10px; color: #2e373d; font-size: 16px; letter-spacing: 0.25px;  font-weight:400;}
	.container .icon-box25 p { font-weight: 300;font-size: 14px;color: #555555;margin-bottom: 14px;}
	.icon-box25:hover i {background: #0099ff;color: #fff;box-shadow: 0 0 0 7px #f0f0f0, 0 0 0 8px #ccc;}
	.icon-box25 h4 strong {font-weight: 700;font-size: 15px;}	
	.icon-box25:hover{background: #f0f0f0;}
	.icon-box25 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
	
	
	.icon-colorx i, i.icon-colorx { color: #e53f51;}	
	
	
/* -------- end ----------- */