.backgroundImageCover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.boxSizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.noScroll {
	overflow: hidden
}
.noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.glow {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-box-shadow: 0 0 10px #a5a5ff;
	-moz-box-shadow: 0 0 10px #a5a5ff;
	box-shadow: 0 0 10px #a5a5ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 15px;
	left: -15px;
	top: -15px
}
.preWrap {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}
.animSpin {
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear
}
.animBounce {
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	transition: all 800ms ease;
	-webkit-animation: bounce 800ms ease-out;
	-moz-animation: bounce 800ms ease-out;
	-o-animation: bounce 800ms ease-out;
	animation: bounce 800ms ease-out
}
.animFlash {
	-webkit-animation-name: flash;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 5;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: flash;
	-moz-animation-duration: 500ms;
	-moz-animation-iteration-count: 5;
	-moz-animation-timing-function: linear
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes flash {
from {
-webkit-opacity:.2;
-moz-opacity:.2;
opacity:.2
}
50% {
-webkit-opacity:.9;
-moz-opacity:.9;
opacity:.9
}
to {
	-webkit-opacity: .2;
	-moz-opacity: .2;
	opacity: .2
}
}
@-moz-keyframes flash {
from {
-webkit-opacity:.2;
-moz-opacity:.2;
opacity:.2
}
50% {
-webkit-opacity:.9;
-moz-opacity:.9;
opacity:.9
}
to {
	-webkit-opacity: .2;
	-moz-opacity: .2;
	opacity: .2
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform:translateY(-100%);
opacity:0
}
5% {
-webkit-transform:translateY(-100%);
opacity:0
}
15% {
-webkit-transform:translateY(0);
padding-bottom:5px
}
30% {
-webkit-transform:translateY(-50%)
}
40% {
-webkit-transform:translateY(0%);
padding-bottom:6px
}
50% {
-webkit-transform:translateY(-30%)
}
70% {
-webkit-transform:translateY(0%);
padding-bottom:7px
}
80% {
-webkit-transform:translateY(-15%)
}
90% {
-webkit-transform:translateY(0%);
padding-bottom:8px
}
95% {
-webkit-transform:translateY(-10%)
}
97% {
-webkit-transform:translateY(0%);
padding-bottom:9px
}
99% {
-webkit-transform:translateY(-5%)
}
100% {
-webkit-transform:translateY(0);
padding-bottom:9px;
opacity:1
}
}
@-moz-keyframes bounce {
0% {
-moz-transform:translateY(-100%);
opacity:0
}
5% {
-moz-transform:translateY(-100%);
opacity:0
}
15% {
-moz-transform:translateY(0);
padding-bottom:5px
}
30% {
-moz-transform:translateY(-50%)
}
40% {
-moz-transform:translateY(0%);
padding-bottom:6px
}
50% {
-moz-transform:translateY(-30%)
}
70% {
-moz-transform:translateY(0%);
padding-bottom:7px
}
80% {
-moz-transform:translateY(-15%)
}
90% {
-moz-transform:translateY(0%);
padding-bottom:8px
}
95% {
-moz-transform:translateY(-10%)
}
97% {
-moz-transform:translateY(0%);
padding-bottom:9px
}
99% {
-moz-transform:translateY(-5%)
}
100% {
-moz-transform:translateY(0);
padding-bottom:9px;
opacity:1
}
}
@-o-keyframes bounce {
0% {
-o-transform:translateY(-100%);
opacity:0
}
5% {
-o-transform:translateY(-100%);
opacity:0
}
15% {
-o-transform:translateY(0);
padding-bottom:5px
}
30% {
-o-transform:translateY(-50%)
}
40% {
-o-transform:translateY(0%);
padding-bottom:6px
}
50% {
-o-transform:translateY(-30%)
}
70% {
-o-transform:translateY(0%);
padding-bottom:7px
}
80% {
-o-transform:translateY(-15%)
}
90% {
-o-transform:translateY(0%);
padding-bottom:8px
}
95% {
-o-transform:translateY(-10%)
}
97% {
-o-transform:translateY(0%);
padding-bottom:9px
}
99% {
-o-transform:translateY(-5%)
}
100% {
-o-transform:translateY(0);
padding-bottom:9px;
opacity:1
}
}
@keyframes bounce {
0% {
transform:translateY(-100%);
opacity:0
}
5% {
transform:translateY(-100%);
opacity:0
}
15% {
transform:translateY(0);
padding-bottom:5px
}
30% {
transform:translateY(-50%)
}
40% {
transform:translateY(0%);
padding-bottom:6px
}
50% {
transform:translateY(-30%)
}
70% {
transform:translateY(0%);
padding-bottom:7px
}
80% {
transform:translateY(-15%)
}
90% {
transform:translateY(0%);
padding-bottom:8px
}
97% {
transform:translateY(0%);
padding-bottom:9px
}
99% {
transform:translateY(-3%)
}
100% {
transform:translateY(0);
padding-bottom:9px;
opacity:1
}
}
body {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif
}
h1, h2, h3, h4, h5, p, input, textarea {
	font-family: 'Open Sans', sans-serif
}
section.main {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
section.main .button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #c0392b;
	padding: 15px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	min-width: 100px;
	border-bottom: 2px solid #600E0E
}
section.main .button:active {
	border-bottom: 0;
	border-top: 2px solid #600E0E
}
section.main .button i {
	margin-right: 15px
}
section.main .button.green {
	border-bottom: 2px solid #0E6043;
	background-color: #16a085
}
section.main .button.green:active {
	border-bottom: 0;
	border-top: 2px solid #0E6043
}
section.main .right {
	float: left
}
section.main .margin-left {
	margin-left: 200px;
	margin-top: 75px;
	float: left
}
section.main .margin-left2 {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 20px;
	float: left
}
section.main header {
	float: left;
	top: 0;
	position: relative;
	padding: 30px;
	border-bottom: 2px solid #E2E2E2;
	background-color: #fff;
	margin-top: 0;
	display: inline-block;
	min-height: 50px;
	margin-bottom: 50px;
	padding-bottom: 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
section.main header h1 {
	display: inline-block;
	text-align: center;
	width: 100%;
	font-weight: 100;
	font-size: 64px;
	margin: 0;
	margin-bottom: 5px
}
section.main header p {
	margin: 0
}
section.main header div.tags {
	margin-top: 35px;
	display: inline-block
}
section.main header div.tags i {
	color: #00f;
	color: #cfcfcf
}
section.main header div.tags h3 {
	background-color: #F1F1F1;
	padding: 5px;
	color: #000;
	float: left;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 300;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin: 0;
	margin-left: 5px;
	margin-right: 5px
}
section.main article.show {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: scale(1) translateZ(0);
	-moz-transform: scale(1) translateZ(0);
	-o-transform: scale(1) translateZ(0);
	transform: scale(1) translateZ(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}
section.main article {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: scale(0.2) translateZ(0);
	-moz-transform: scale(0.2) translateZ(0);
	-o-transform: scale(0.2) translateZ(0);
	transform: scale(0.2) translateZ(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease
}
section.main article code {
	display: inline-block;
	float: left;
	border: 0;
	background-color: #F3F3F3;
	margin: 20px;
	width: 100%;
	margin-top: 0;
	padding: 20px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
section.main article h2 {
	width: 100%;
	color: #fff;
	float: left;
	text-align: left;
	display: inline-block;
	padding: 10px;
	font-weight: 100;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
section.main article h5 {
	display:block;
	text-align: center;
	width: 100%;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
section.main article ul {
	overflow: hidden;
	font-weight: 100;
	text-align: left;
	list-style-type: none;
	margin-bottom: 10px;
	-webkit-padding-start: 0;
	margin: 0;
	padding: 25px;
	margin-top: 0;
	width: 100%;
	display: inline-block;
	background: #F7F7F7;
	margin-top: 0;
	color: #636363
}
section.main article ul.settings {
	padding: 0;
	padding-left: 25px;
	max-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease
}
section.main article ul.open {
	padding: 25px;
	max-height: 2000px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease
}
section.main article h2.green {
	background-color: #1abc9c
}
section.main article h2.pumpkin {
	background-color: #d35400
}
section.main article h2.blue {
	background-color: #2980b9
}
section.main article h2.darkBlue {
	background-color: #34495e
}
section.main article h2.silver {
	background-color: #c0392b
}
section.main article .imgContainer {
	display:block; float:left;
	text-align: center;
	width:31.33%; padding:20px; background-color:#f3ae00;
	margin:0 1% 40px;
}
section.main article .imgContainer .img{width:100%; height:340px; overflow:hidden;-webkit-align-items: center;  
  -ms-flex-align: center;   
  align-items:center;
  justify-content:center;
  display: -webkit-flex;
  display: flex;
}
section.main article .imgContainer h5 {
	text-align: center;
	font-weight: 100;
	color:#1c2564; font-size:16px;
	margin-bottom: 0; margin-top:5px; overflow:hidden;
}
section.main article .imgContainer h5 strong {
	color: #333;
	font-weight: 500
}
section.main article img {
	display: inline-block;
	max-width:100%;
	max-height:100%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; transition:all .5s;
}
section.main .imgContainer:hover img{overflow:hidden;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
section.main .imgContainer:hover h5{ color:#e7380c;}
@media screen and (max-width: 768px) {
	section.main{ display:block;}
	section.main article .imgContainer { width:46%; margin:0 1.5% 15px; padding:10px;}
	section.main article .imgContainer h5 {	height:40px; line-height:20px; font-size:14px;}
}

.i-case section.main{width:80%; margin:0 auto;}
@media screen and (min-width:1410px) and (max-width:1610px){section.main article .imgContainer .img{ height:300px;}}
@media screen and (min-width:1200px) and (max-width:1410px){section.main article .imgContainer .img{ height:250px;}section.main article .imgContainer h5{ height:40px; line-height:20px;}}
@media screen and (min-width:768px) and (max-width:1200px){section.main article .imgContainer .img{ height:225px;}section.main article .imgContainer h5{ height:40px; line-height:20px;}}
@media screen and (min-width:670px) and (max-width:768px){section.main article .imgContainer .img{ height:225px;}}
@media screen and (min-width:570px) and (max-width:670px){section.main article .imgContainer .img{ height:177px;}}
@media screen and (min-width:470px) and (max-width:570px){section.main article .imgContainer .img{ height:147px;}}
@media screen and (min-width:320px) and (max-width:470px){section.main article .imgContainer .img{ height:120px;}}
@media screen and (max-width: 320px) {section.main article .imgContainer .img{ height:80px;}}