html{
	box-sizing:border-box;
	font-size:100%
}*,:after,:before{box-sizing:inherit}
body{
	background-color:#f1f2f4;
	background-image:linear-gradient(#f1f2f4 2%,#fdfdfd 108%);
	color:#000000;
	min-height:100vh;
	text-align:center;
	font-family:Open+Sans
}
.logo{
	padding-top: 3em;
	width:180px
}
a.links:hover{
	background-color:#4B7496;
	color:#fff;
	border:2px solid #4B7496;
	border-radius: 10px
}
a.links{
	display:block;
	max-width:450px;
	margin:0 auto 15px;
	padding:15px 20px;
	font-size:.85rem;
	color:#000000;
	border:2px solid #4B7496;
	border-radius: 10px;
	box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);
	text-decoration:none;
	transition:all .2s ease-in-out
}
.desc{
	padding: 3em;
	font-size:13px;
	font-weight:400;
	letter-spacing:2px
}


/*-- footer --*/
.footer{
	padding:3em 0 2em;
	background:#111;
}
.agile-grid-left {
    text-align: center;
}
.agile-grid-left h4,.agile-grid-right h4{
    color: #FFFFFF;
    font-size: 24px;
    margin: 0 0 1em 0;
}
.agile-grid-left form input[type="email"] {
    background: #383838;
    box-shadow: none !important;
    padding: 10px 10px;
    color: #ffffff;
    font-size: 1em;
    width: 60% !important;
    font-weight: 400;
    border: none;
    margin: 0;
}
.agile-grid-left form input[type="submit"] {
    border: solid 2px #eea303;
    color: #ffffff;
    font-size: 1em;
    padding: .5em 2em;
    text-decoration: none;
    background: #eea303;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agile-grid-left form input[type="submit"]:hover {
    color: #FFFFFF;
    border: solid 2px #FFFFFF;
	background:none;
}
.agile-grid-left form input[type="email"]:focus {
    outline: none;
}
.social ul{
	padding:0;
	margin:0;
}
.social ul li{
	display:inline-block;
}
.social ul li a {
	color: #333;
    text-align: center;
}
.social ul li a i.fa.fa-facebook{
    height: 36px;
    width: 36px;
    font-size: 1em;
    background: #3b5998;
    line-height: 36px;
    color: #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.social ul li a i.fa.fa-facebook:hover {
	color:#3b5998;
    background: #FFFFFF;
}

.social ul li a i.fa.fa-instagram{
    height: 36px;
    width: 36px;
    font-size: 1em;
    background: #dd4b39;
    line-height: 36px;
    color: #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.social ul li a i.fa.fa-instagram:hover {
	color:#dd4b39;
    background: #FFFFFF;
}

.social ul li a i.fa.fa-pinterest{
    height: 36px;
    width: 36px;
    font-size: 1em;
    background: #bd081c;
    line-height: 36px;
    color: #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.social ul li a i.fa.fa-pinterest:hover {
	color:#bd081c;
    background: #FFFFFF;
}
.social ul li a i.fa.fa-twitter{
    height: 36px;
    width: 36px;
    font-size: 1em;
	background: #55acee;
    line-height: 36px;
    color: #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.social ul li a i.fa.fa-twitter:hover{
	color: #55acee;
    background: #FFFFFF;
}
.social ul li a i.fa.fa-rss{
    height: 36px;
    width: 36px;
    font-size: 1em;
	background: #f26522;
    line-height: 36px;
    color: #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.social ul li a i.fa.fa-rss:hover{
	color: #f26522;
    background: #FFFFFF;
}
.social ul li a i.fa.fa-vk{
    height: 36px;
    width: 36px;
    font-size: 1em;
	background: #45668e;
    line-height: 36px;
    color: #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.social ul li a i.fa.fa-vk:hover{
	color: #45668e;
    background: #FFFFFF;
}
.social ul li:nth-child(2){
	margin:0 .5em;
}
.social ul li:nth-child(3){
	margin:0 .5em 0 0;
}
.agile-nav{
	margin: 2em 0 0 0;
    text-align: center;
    padding: 2em 0;
    border-top: solid 1px #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
}
.agile-nav ul{
	padding:0;
	margin:0;
}
.agile-nav ul li{
	display:inline-block;
	margin:0 1em;
}
.agile-nav ul li a{
	color:#FFFFFF;
	text-decoration:none;
    font-size: 15px;
    letter-spacing: 1px;
}
.agile-nav ul li a:hover{
	color: #4B7496;
}
/*-- //footer --*/

/*-- copyright --*/
.copyright{
    padding-bottom: 2em;
    background: #111;
    text-align: center;
}
.copyright p{
    color: #FFFFFF;
    font-size: 15px;
    margin: 0;
    letter-spacing: 2px;
}
.copyright p a{
	color:#FFFFFF;
}
.copyright p a:hover{
	color: #4B7496;
}
/*-- //copyright --*/

/*-- Responsive design --*/
@media screen and (max-width: 480px){
	a.links{
		max-width:400px;
	}
}
@media screen and (max-width: 414px){
	a.links{
		max-width:370px;
	}
}
@media screen and (max-width: 384px){
	a.links{
		max-width:330px;
	}
}
@media screen and (max-width: 320px){
	a.links{
		max-width:280px;
	}
}
/*-- //Responsive design --*/