@font-face {
	font-family: icommon;
	src:
		url('../fonts/icomoon/fonts/icomoon.ttf'),
		url('../fonts/icomoon/fonts/icomoon.woff'),
		url('../fonts/icomoon/fonts/icomoon.svg'),
		url('../fonts/icomoon/fonts/icomoon.eot');
}

a.cins-button{
	position: relative;
	transition: .4s ease;
	text-transform: uppercase;
	font-size: 16px;
}
a.cins-button::before,
a.cins-button::after{
	transition: .4s ease;
}

a.cins-button:hover{
	text-decoration: none;
}

a.cins-button.cins-button-hover-resize{
	display: block;
	width: 200px;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;

	border: 1px solid darkslategray;
	background-color: white;
	padding: 15px 25px;
	color: darkslategray;
}
a.cins-button.cins-button-hover-resize:hover{
	width: 230px;
}

a.cins-button.cins-button-hover-border{
	padding: 10px 0;
	color: darkslategray;
}
a.cins-button.cins-button-hover-border::after{
	content: '';

	position: absolute;
	bottom: 0;
	left: 0;

	height: 1px;
	width: 30px;

	background-color: darkslategray;
}
a.cins-button.cins-button-hover-border:hover::after{
	width: 100%;
	background: goldenrod;
}
a.cins-button.cins-button-hover-border:hover{
	color: goldenrod;
}

a.cins-button.cins-button-hover-background{
	display: block;
	width: 200px;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;

	background-color: white;
	border-radius: 28px;
	padding: 15px 25px;
	color: white;
	background-image: linear-gradient(to right,#4169E1 0%, #ADD8E6 50%,#4169E1 100%);
	background-position: 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: 200% 200%;
}
a.cins-button.cins-button-hover-background:hover{
	background-position: 100%;
}

a.cins-button.cins-button-hover-arrow{
	display: block;
	width: 200px;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;

	position: relative;
	background-color: white;
	border: 1px solid darkslategray;
	padding: 15px 25px;
	color: darkslategray;
	background: white;
	min-width: 200px;
	text-align: center;
}

a.cins-button.cins-button-hover-arrow i,
a.cins-button.cins-button-hover-arrow span{
	transition: .4s;
}

a.cins-button.cins-button-hover-arrow span{
	margin-right: -25px;
}
a.cins-button.cins-button-hover-arrow:hover span{
	margin-right: 0px;
}

a.cins-button.cins-button-hover-arrow i{
	opacity: 0;
	margin-left: -10px;
}

a.cins-button.cins-button-hover-arrow:hover i{
	margin-left: 10px;
	opacity: 1;
}

a.cins-button.cins-button-classic,
a.cins-button.cins-button-classic-reverse{
	display: block;
	width: 200px;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;

	padding: 15px 30px;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

a.cins-button.cins-button-classic{
	background-color: #696969;
	color: #F5F5F5;
}
a.cins-button.cins-button-classic:hover{
	background-color: #F5F5F5;
	color: #696969;
}
a.cins-button.cins-button-classic-reverse{
	border: 1px solid #696969;
	color: #696969;
	background-color: #F5F5F5;
}
a.cins-button.cins-button-classic-reverse:hover{
	background-color: #696969;
	color: #F5F5F5;
}

div.cins-separator{
	display: block;
	width: 100%;
	margin: 25px 0;
	border-color: gainsboro;
	font-size: 0;
	line-height: 0;
	height: 0;
	color: transparent;
}
div.cins-separator.cins-separator-solid{
	border-style: solid;
	border-width: 2px 0 0 0;
}
div.cins-separator.cins-separator-dotted{
	border-style: dotted;
	border-width: 2px 0 0 0;
}
div.cins-separator.cins-separator-dashed{
	border-style: dashed;
	border-width: 2px 0 0 0;
}
div.cins-separator.cins-separator-double{
	border-style: double;
	border-width: 6px 0 0 0;
}
div.cins-separator.cins-separator-shadow{
	-moz-box-shadow: 0px 12px 3px -10px #cfcfcf;
	-webkit-box-shadow: 0px 12px 3px -10px #cfcfcf;
	-o-box-shadow: 0px 12px 3px -10px #cfcfcf;
	box-shadow: 0px 12px 3px -10px #cfcfcf;
	height: 23px;
	margin: 0 0 25px;
}
div.cins-separator.cins-separator-arrowed{
	position: relative;

	border-style: solid;
	border-width: 2px 0 0 0;
}

div.cins-separator.cins-separator-arrowed i{
	font-size: 16px;
	color: gainsboro;

	position: absolute;

	text-align: center;

	width: 30px;
	height: 30px;
	padding: 5px 0;
	top: -15px;
	left: 50%;
	transform: translateX(-10px);

	border: 2px solid gainsboro;
	background: white;
	border-radius: 50%;
	z-index: 2;
}

div.cins-separator.cins-separator-arrowed i::before{
	display: block;
}