body {
	background  : #ffffff;
	margin      : 0;
	font-family : 'Poppins', sans-serif;
}

.img-responsive {
	width : 200px;
}

.logo{
	background : #000002;
}

*, *:before, *:after {
	-moz-box-sizing    : border-box;
	-webkit-box-sizing : border-box;
	box-sizing         : border-box;
}

.text-center {
	text-align : center;
}

a {
	text-decoration : none;
	font-size       : 14px;
	padding-bottom: 10px;
}

.text-center .anchor {
	color : #0068ae !important;
}

.head {
	color : #ffffff;
}

.head-text {
	color : #5a5a5a;
	text-align : center;
}

h1 {
	padding-top : 15px;
	color : #000000;
	font-weight : 600;
}

@media (max-width: 720px) {
	h1 {
		font-size : 24px;
	}
}

h2 .title {
	padding-top : 15px;
	text-align : center;
}

.head-text p {
	font-size : 20px;
}

.info-block-top {
	line-height : 1.5;
}

.info-block {
	text-align: justify;
	font-size : 11px;
	padding : 10px 15px 15px 15px;
}

a.btn-call {
	display         : block;
	margin          : auto;
	margin-top      : 25px;
	text-decoration : none;
	color           : white;
}

nav {
	display          : block;
	width            : 100%;
	background-color : #000002;
	text-align       : center;
	padding          : 10px 0;
	font-weight      : bold;
	color            : #5B86E5;
	font-size        : 20px;
}

nav .logo span {
	font-size : 200%;
	color     : orange;
}

ul {
	padding : 0;
}

div.content-footer ul li {
	list-style : none;
	display    : inline-block;
}

main .container {
	display    : table;
	width      : 100%;
	min-height : 158px;
	max-width  : 600px;
	margin     : auto;
}

main .container .content-wrap {
	position       : relative;
	display        : table-cell;
	vertical-align : middle;
	text-align     : center;
}

main .content-wrap {
	padding   : 0 20px;
	font-size : 16px;
}

main .content-wrap .content-body {
	position         : relative;
	z-index          : 200;
	background-color : rgba(255, 255, 255, 0.8);
	padding          : 15px;
	border           : 5px solid #60b2e2;
}

@media (min-width: 768px)  {
	main .content-wrap .content-body {
		padding          : 15px 30px;
	}
}

.content-footer {
	position : relative;
	z-index  : 100;
}

main .content-wrap .content-body h3 {
	text-align : center;
	margin : 20px 0 0px 0;
	font-weight : 600;
	font-size : 20px;
}

main .content-wrap .content-body p {
	color : #535353;
	text-align : left;
	margin-top : 5px;
	margin-bottom : 10px;
}

@media (min-width: 768px) {
	main .content-wrap .content-body p {
		text-align : center;
	}
}

/* CTA */
div.call-to-action {
	max-width: 100%;
	margin: auto;
	padding-bottom: 10px;
	position: relative;
}

/* ANIMATION */
@keyframes linear {

	from {
		background-position : 0 0;
	}
	to {
		background-position : 200px 0;
	}

}

@keyframes radial {

	from {
		background-position : 0 0;
	}
	to {
		background-position : 0 60px;
	}

}

@keyframes repeating {

	from {
		background-position : 0 0;
	}
	to {
		background-position : 0 85px;
	}

}

@keyframes electronic {

	0%, 100% {
		background-position : 20px -30px;
	}
	25% {
		background-position : 150px 5px;
	}
	50% {
		background-position : 20px 40px;
	}
	75% {
		background-position : -100px 5px;
	}

}

a.btn-call {
	 margin-top: 0px;
}

.btn-call {
	width      : 245px;
	padding    : 15px 20px;
	text-align : center;
	position   : relative;
	background : #0cb26e;
	color      : white;
	font-size  : 18px
}

.btn-call:before {
	content             : '';
	display             : block;
	height              : 100%;
	width               : 100%;
	border-radius       : 3px;
	transform           : scale(1.02, 1.08);
	position            : absolute;
	background          : #00a106;
	background: linear-gradient(90deg, #0fb26e, #0e9f62, #0c8954, #0e9f62);
	background-position : 55px 0;
	top                 : 0;
	animation           : linear 1s infinite linear;
	left                : 0;
	z-index             : -1;
	box-shadow          : 0 0px 14px rgba(0, 0, 0, .5);
}

.btn-call.radial:before {
	background : radial-gradient(#FAFAFA, #FAFAFA, #F2A61A, #FAFAFA, #FAFAFA);
	animation  : radial 1s infinite linear;
}

.btn-call.repeating:before {
	background : repeating-linear-gradient(-45deg, #FAFAFA, #FAFAFA 30px, #5FC914 30px, #5FC914 60px) fixed;
	animation  : repeating 1s infinite linear;
}

.btn-call.electronic:before {
	background      : radial-gradient(#EA238D, #EA238D, #EA238D, #EA238D, #FAFAFA, #FAFAFA) no-repeat;
	background-size : 150px 50px;
	animation       : electronic 2s infinite linear;
}

/* ARROW */
div.arrow img {
	max-width    : 50px;
	position     : absolute;
	top : -10px;
}

@media (max-width: 768px) {
	div.arrow img {
		display : none;
	}
}

@media (min-width: 768px) {
	div.arrow img {
		right : 165px;
	}
}

@media (min-width: 992px) {
	div.arrow img {
		right : 275px;
	}
}

@media (min-width: 1200px) {
	div.arrow img {
		right : 375px;
	}
}

.footer-links {
	margin-top : 130px;
}