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



	Theme Name: Risotto

	----------------------

	

	/* #Icon Boxes

	========================================= */

	.icon-box, .icon-box1, .icon-box2, .icon-box3, .icon-box4, .icon-box5, .icon-box6 { clear:both;}

	@media only screen and (max-width: 768px) {

	.icon-box, .icon-box1, .icon-box2, .icon-box3, .icon-box4, .icon-box5, .icon-box6 { 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:#717171; font-size:14px;}

	



	/* #Icon Box 1

	=========================== */	

	.icon-box1 p { text-align: left; margin-top: 4px; color: #717171; 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 { display: block; vertical-align: text-top; margin-bottom:25px;}

	.icon-box1 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#54cd38;}

	.icon-box1 a.magicmore:hover { color:#191919;}

	@media only screen and (min-width: 768px) {

	.alignright .icon-box1, .alignright .icon-box1 * { text-align:right; padding-right:0; 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:32px; color: #404040; text-align: center;}

	.icon-box2 p { padding:0 12px;}

	.icon-box2 h4 { font-weight: 700; font-size:15px;}





	/* #Icon Box 3

	=========================== */	

	

	.icon-box3 {text-align: left; overflow: hidden; margin-bottom: 10px; padding-bottom:5px; position:relative; padding-left:82px; min-height:74px;}

	.icon-box3 i { position:absolute; left:0; top:0; width:72px; height:72px; display:inline-block; font-size: 32px; color: #01b6f9; padding: 19px; border:1px solid #e9e9e9; border-radius: 77px; transition: all 0.28s ease;}

	.icon-box3:hover i {color: #fff !important; background: #ff9934; border-color: #ff9934;}

	.icon-box3 h4 { font-size: 18px; font-weight:bold; color: #2a2a2a; margin-bottom: 5px; margin-top:8px; overflow: hidden;}

	.icon-box3 h4 strong { font-weight:600;}

	.icon-box3 p { font-size: 13px; line-height:1.6; letter-spacing:1px; color: #6d6f71; margin-bottom: 16px; max-width:398px;}

	.icon-box3 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-box3 a.magicmore:after { border:none;}

	.icon-box3 a:hover { color: #01b6f9;}

	.blox.dark .icon-box3 h4, .blox.dark .icon-box3 p { color:#fff;}

	.blox .icon-box3 i { border-color:#fff;}

	.blox.dark .icon-box3 i { border-color:rgba(255,255,255,0.5); color:#fff;}

	.blox .icon-box3:hover i, .blox.dark .icon-box3:hover i { border-color: #ff9934;}

	@media only screen and (min-width: 1200px) {

	.icon-box3 p, .icon-box3 h4 { padding-right:20px;}

	}





	/* #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: #d0ae5e;}

	.icon-box4 h4 { margin: 14px 0 16px; color: #2e373d; font-size: 16px; letter-spacing:2px; font-weight:700;}

	.container .icon-box4 p { margin: 0 10px 30px; color:#717171;}

	.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: #d0ae5e;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: 5px solid #e7e7e7; border-radius: 0; padding: 36px 17px 24px; text-shadow: none; 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: #d0ae5e; 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:700; font-size:18px; padding-top:13px; letter-spacing:1px;}

	.container .icon-box6 p, .container .blox .icon-box6 p, .container .blox.dark .icon-box6 p { color: #818181; margin-bottom: 12px;}



	

	.icon-colorx i, i.icon-colorx { color: #d0ae5e;}	

	

	

/* -------- end ----------- */	