/*********************************************************************

File Name 		: styles.css
Project Name 	: Montro - Architecture HTML5 Template
Author			: Himalayanthemes
Profile 		: https://themeforest.net/user/himalayanthemes/portfolio

***********************************************************************/

/***********************************************************************
	CSS Index
************************************************************************
	01.Import
	02.Common-styles
	03.Animations
	04.Preloader
	05.Header
	06.Slider
	07.Media-objects
	08.Service-area
	09.News-area
	10.Gallery-area
	11.Facts & Clients-area
	12.Breadcrumb-area
	13.About-Page
	14.Project-Page
	15.Contact-page
	16.Footer
	17.Back-to-Top

***********************************************************************/
/***********************************************************************
	01.Import
************************************************************************/
	@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
	@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

/*******************************************************
**
** FONTS
**
*******************************************************/

@font-face {
    font-family: 'Gotham_Medium';
    src: url('font/Gotham-Medium.woff2') format('woff2'),
        url('font/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Bold';
    src: url('font/Gotham-Bold.woff2') format('woff2'),
        url('font/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Book';
    src: url('font/Gotham-Book.woff2') format('woff2'),
        url('font/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Light';
    src: url('font/Gotham-Light.woff2') format('woff2'),
        url('font/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/***********************************************************************
	02.Common-styles
************************************************************************/
body {
	/* font-family: 'Source sans pro',sans-serif; */
	
	font-family: 'Gotham_Bold';
	font-weight: 300;
	color: #7d7d7d;
}
h1,h2,h3,h4,h5,h6 {
	/* font-family: 'Montserrat',sans-serif; */
	font-family: 'Gotham_Bold';
	font-weight: 700;
	color: #3c4858;
	letter-spacing: 1px;	
}
.bdr {
	border: 1px solid red;
}
.mat-30 {
	margin-top: 30px;
}
.mat-40 {
	margin-top: 40px;
}
.mat-50 {
	margin-top: 50px;
}
.mab-30 {
	margin-bottom: 30px;
}
.mab-50 {
	margin-bottom: 50px;
}
.mab-70 {
	margin-bottom: 70px;
}
.mab-100 {
	margin-bottom: 100px;
}
.secpad {
	padding: 100px 0 70px 0;
}
.secpadContacto {
	padding: 100px 0 7px 0;
}
hr {
	margin-top: 0;
	margin-bottom: 0;
}
.lato {
	font-family: 'lato',sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #7e5aff;
}
.hr-8 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.btn-primary {
	background: transparent;
	border: 2px solid #fff;
	padding: 15px 30px;
	text-transform: uppercase;
	font-family: 'Montserrat',sans-serif;
	border-radius: 0px;
	transition: .2s all;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
	background: #55b7ff;
	border: 2px solid #55b7ff;
}
.btn-primary1 {
	/* background: transparent; */
	background: #008ec3;
	border: 2px solid #008ec3;
	/* padding: 15px 30px; */
	text-transform: uppercase;
	font-family: 'Montserrat',sans-serif;
	border-radius: 0px;
	transition: .2s all;
	font-size: 13px;
	font-weight: 600;
	/* color: #55b7ff; */
	color: #ffffff;
}
.btn-primary1:hover,
.btn-primary1:focus {
	background: #008ec3;
	border: 2px solid #008ec3;
	color: #fff;
	outline: none;
}
.btn-primary2 {
	background: transparent;
	border: 2px solid #fff;
	padding: 15px 30px;
	text-transform: uppercase;
	font-family: 'Montserrat',sans-serif;
	border-radius: 0px;
	transition: .2s all;
	font-size: 13px;
	font-weight: 600;
	color: #fff !important;
}
.btn-primary2:hover,
.btn-primary2:focus {
	background: #fff;
	border: 2px solid #fff;
	color: #55b7ff !important;
	outline: none;
}

.thin-text {
	font-weight: 300;
}
.section-title .line, .section-title .line1, .contact-box-title .line1 {
	width: 100px;
	height: 3px;
	border-radius: 7px;
	background-color: #7e5aff;
	margin: auto;
}
.section-title .line1, .contact-box-title .line1 {
	margin: 0 !important;
}
.section-title .line2 {
	width: 100px;
	height: 3px;
	border-radius: 7px;
	background-color: #fff;
	margin: auto;	
}
.bg-light {
	background-color: #f7f7f7 !important;
}
.mark {
	background-color: #7e5aff;
	color: #fff;
}
.rounded-circle {
	width: 60px;
}

/************ Animations ************/
.anim-2s {
  animation-delay: .4s;
}
.anim-4s {
  animation-delay: .6s;
}
.anim-6s {
  animation-delay: .8s;
}


/************ Preloader ************/
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: #ffffff;
	/*
  background: rgba(181,85,255,1);
	background: -moz-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(181,85,255,1)), color-stop(100%, rgba(126,90,255,1)));
	background: -webkit-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -o-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: linear-gradient(to right, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b555ff', endColorstr='#7e5aff', GradientType=1 );
	*/
  z-index:9999; /* makes sure it stays on top */
}
.spinner {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 60px;
  	height: 60px;
  	margin-top: -20px;
	margin-left: -20px;
	  
	/* background: url(../img/logoLoading.svg); */
	background: url(../img/webpage_310x310.png);

  	/*background-color: #fff;*/

  	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  	animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  	0% { -webkit-transform: perspective(120px) }
  	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


/***********************************************************************
	03.Header
************************************************************************/
header   {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
.navbar-brand {
	font-family: 'Gotham_Medium';
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
	text-align: center; 
}
.navbar {
	background: transparent;
}
.navbar-light .navbar-nav .nav-link {
	position: relative;

	font-family: 'Gotham_Medium';
	font-size: 10px;
	line-height: 12px; /* 12 */
	color: #ffffff;
	text-align: center; 
	
	text-transform: uppercase;
	
	transition: .2s all;
	margin-right: 10px;
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	background-color: #008ec3;
	line-height: 12px; /* 12 */
	color: #fff !important;
	
}

.navbar-light .navbar-nav .active .nav-link {

	font-family: 'Gotham_Medium';
	font-size: 10px;
	line-height: 12px; /* 12 */
	color: #ffffff !important;
	text-align: center; 

	transition: .2s all;
	
	padding-left: 15px !important; 
	padding-right: 15px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	
	/*
	padding-left: 41px !important; 
	padding-right: 41px !important;
	*/

	background-color: #008ec3;
}


.navbar-light .navbar-nav .social .nav-link {
	border: 1px solid #fff;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 50px;
	transition: .2s all;
	color: #fff;
	font-size: 12px;
	line-height: 35px !important;
	padding: 0 !important;
}
.navbar-light .navbar-nav .social .nav-link:hover {
	background-color: #55b7ff;
	border-color: #55b7ff;
}
.navbar-light .navbar-nav .social .nav-link:before {
	display: none;
}

.navbar-light .navbar-nav .nav-link2 {
	position: relative;
	text-align: center; 
	transition: .2s all;
	
	margin-right: 4px;
	
	/*
	padding-left: 15px;
	padding-right: 15px;
	*/
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	
	
}

.navbar-light .navbar-nav .nav-link2:hover,
.navbar-light .navbar-nav .nav-link2:focus {
	/* background-color: #c30000; 
	line-height: 12px; /* 12 */
	color: #fff;
	
}


/***********************************************************************
	04.Slider
************************************************************************/
.carousel-caption {
	/* bottom: 150px; */
	bottom: 32%;
}
.carousel-caption h1 {
	font-size: 65px;
	letter-spacing: 5px;
}
.carousel-caption h5 {
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 2px;
}


/***********************************************************************
	05.Media-objects
************************************************************************/
.intro-area span {
	border: 2px solid #7e5aff;
	padding: 15px;
	border-radius: 40px;
}
.overview-area .gap {
	margin-bottom: 70px;
}


/***********************************************************************
	06.Service-area
************************************************************************/
.service-box {
	padding: 25px;
	border: 2px solid transparent;
	transition: .2s all;
	/*
	-webkit-box-shadow: 0px 5px 55px -3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 5px 55px -3px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 55px -3px rgba(0,0,0,0.15);
	*/
}

.service-box img {
	width: 100px;
}

.hide {
	display: none;
}

.service-box:hover .hide {

	text-decoration: none;
	/*
	border: 2px solid #7e5aff; 
	-webkit-box-shadow: 1px 1px 50px 2px rgba(126,90,255,0.25);
	-moz-box-shadow: 1px 1px 50px 2px rgba(126,90,255,0.25);
	box-shadow: 1px 1px 50px 2px rgba(126,90,255,0.25);
	*/
	cursor: pointer;

	display: block;
	
}

.service-box i {
	font-size: 50px;
}
.service-box .line {
	width: 30px;
	height: 2px;
	background-color: #3c4858;
	margin: auto;
	opacity: .6;
}

/***********************************************************************
	06.News-area
************************************************************************/
.news-area {
	background: url('../img/slider.jpg');
	background-attachment: fixed;
}
.news-area1 {
	background: none;
}
.news-area .card {
	border: 0;
}
.news-area .card-img-top, .news-area .card-body {
	border-radius: 0;
}
.news-area #owl-demo .item {
	padding: 0 15px;
}
.news-area #owl-demo .item small {
	color: #55b7ff;
}
.news-area #owl-demo .item h6 {
	font-size: 14px;
}
.news-area .media {
	margin-bottom: 20px;
}
.news-area .media-body {
	padding-top: 20px;
}
.news-area .owl-buttons div {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 45%;
  text-align: center;
  line-height: 35px;
  display: inline-block;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-size: 20px;
  transition: .2s all;
}
.news-area .owl-buttons div:hover {
	background-color: #fff;
	color: #3c4858;
	border-color: #fff;
}
.news-area .owl-buttons .owl-next {
  right: -50px;
  transition: .2s all;
}
.news-area .owl-buttons .owl-prev {
  left: -50px;
  transition: .2s all;
}
.news-area a {
	color: #3c4858;
}
.news-single-area .media-body a {
	font-size: 14px;
	color: #3c4858;
}
.border-bottom {
    border-bottom: 1px solid #eee !important;
}
.news-single-area .thin-text {
	line-height: 36px;
}
.news-single-area li a {
	color: #bbb;
	transition: .2s all;
}
.news-single-area li a:hover {
	color: #7e5aff;
}
.news-single-area input, .news-single-area textarea {
	border-radius: 0px;
	border-color: #ddd;
}
.news-single-area input {
	height: 45px;
	margin-bottom: 25px;
}
.news-single-area ::placeholder {
	color: #bbb;
	font-family: 'Montserrat';
	font-size: 12px;
}
.news-single img {
	width: 65px;
}


/***********************************************************************
	07.Gallery-area
************************************************************************/
.gallery-area .hover {
  	position: relative;
  	transition: .2s all;
}
.gallery-area .hover a {
  	transition: .2s all;
}
.gallery-area i {
  	background-color: transparent;
  	border: 2px solid #fff;
  	color: #fff;
  	width: 45px;
  	height: 45px;
  	line-height: 40px;
  	text-align: center;
  	font-size: 16px;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	margin-left: -25px;
  	margin-top: -15px;
  	transition: .2s all;
  	visibility: hidden;
}
.gallery-area i:hover {
  	background-color: #55b7ff;
  	border-color: #55b7ff;
}
.gallery-area .hover:hover i {
  	visibility: visible;
  	margin-top: -25px;
}


/***********************************************************************
	08.Facts & Clients-area
************************************************************************/
.fact-area h6 {
	font-size: 15px;
	font-weight: 400;
}

/*Clients*/
.clients-area .owl-buttons {
	text-align: center;
	margin-top: 50px;
}
.clients-area .owl-buttons div {
  width: 40px;
  height: 40px;
  /*position: absolute;*/
  /*top: 45%;*/
  text-align: center;
  line-height: 35px;
  display: inline-block;
  background: transparent;
  border: 2px solid #55b7ff;
  color: #55b7ff;
  font-size: 20px;
  transition: .2s all;
}
.clients-area .owl-buttons div:hover {
	background-color: #55b7ff;
	color: #fff;
	border-color: #55b7ff;
}
.clients-area .owl-buttons .owl-next {
  margin-left: 20px;
  transition: .2s all;
}
.testimonial-area .media-body h6 {
	color: #55b7ff;
}
.testimonial-area .owl-controls {
  text-align: center;
}
.testimonial-area .owl-controls .owl-page {
  display: inline-block;
}
.testimonial-area .owl-pagination {
  padding: 0;
  margin: 0;
}
.testimonial-area .owl-controls .owl-page span {
  background-color: transparent;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #909090;
  margin: 5px 7px;
  filter: Alpha(Opacity=500);/*IE7 fix*/
  opacity: 0.5;
  transition: .2s all;
}
.testimonial-area .owl-controls .owl-page.active span, 
.testimonial-area .owl-controls .owl-page:hover span {
  background-color: #909090;
  filter: Alpha(Opacity=100);
  opacity: 1;
}


#map {
	height: 500px;
}

/***********************************************************************
	09.Breadcrumb-area
************************************************************************/
.breadcrumb-area {
	background: url(../img/1_quienes/imgHeaderQuienes.jpg);
	background-size: cover;
	padding: 200px 0 150px;
}

.breadcrumb-area2 {
	background: url(../img/2_diferenciador/imgHeaderDiferenciador.jpg);
	background-size: cover;
	padding: 200px 0 150px;
}

.breadcrumb-area3 {
	background: url(../img/3_servicios/imgHeaderServicios.jpg);
	background-size: cover;
	padding: 200px 0 150px;
}

.breadcrumb-area4 {
	background: url(../img/4_fvirtual/imgHeaderFVirtual.jpg);
	background-size: cover;
	padding: 200px 0 150px;
}

.breadcrumb-area5 {
	background: url(../img/5_contacto/imgHeaderContacto.jpg);
	background-size: cover;
	padding: 200px 0 150px;
}

.breadcrumb-area6 {
	background: url(../img/6_login/imgHeaderLogin.jpg);
	background-size: cover;
	padding: 200px 0 150px;
}

.breadcrumb-area h1 {
	font-size: 50px;
}
.breadcrumb-area h6 {
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 2px;
	color: #fff;
}

/***********************************************************************
	10.About-Page
************************************************************************/
.about-page .icon {
	width: 50px;
}
.partner-footer {
	padding: 20px;
	background-color: #fff;
}
.partner-footer .post {
	color: #55b7ff;
	font-weight: 400;
}
.value-area img {
	width: 45px;
}

/***********************************************************************
	10.Project-Page
************************************************************************/
.years-area ul li {
	display: inline-block;
}
.years-area li a {
	padding: 15px 25px;
	border: 1px solid #ddd;
	margin-right: 20px;
}
.years-area li:last-child a {
	margin-right: 0px;	
}
.stories-area .linehi {
	line-height: 60px;
}
.tab-area .nav a {
	font-weight: bold;
	color: #3c4858;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Montserrat',sans-serif;
	transition: .2s all;
}
.tab-area .nav a:hover,
.tab-area .nav a:focus,
.tab-area .nav a.active {
	color: #7e5aff;
}
.years-area .years-box li a {
	border-color: #ddd;
	transition: .3s all;
	text-decoration: none;
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 600;
	color: #3c4858;
}
.years-area .years-box li a:hover,
.years-area .years-box li a:focus {
	color: #fff;
	background: rgba(181,85,255,1);
	background: -moz-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(181,85,255,1)), color-stop(100%, rgba(126,90,255,1)));
	background: -webkit-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -o-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: linear-gradient(to right, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b555ff', endColorstr='#7e5aff', GradientType=1 );
}
.single-project-area .owl-buttons {
	text-align: right;
	margin-top: 50px;
	margin-right: 10%;
}
.single-project-area .owl-buttons div {
  	width: 50px;
  	height: 50px;
  	position: absolute;
  	/*top: 45%;*/
  	text-align: center;
  	line-height: 45px;
  	display: inline-block;
  	background: transparent;
  	border: 2px solid #3c4858;
  	color: #3c4858;
  	font-size: 20px;
  	transition: .2s all;
}
.single-project-area .owl-buttons div:hover {
	background-color: #55b7ff;
	color: #fff;
	border-color: #55b7ff;
}
.single-project-area .owl-buttons .owl-next {
  	margin-left: 60px;
  	transition: .2s all;
}
.project-overview-area img {
	width: 60px;
}


/***********************************************************************
	10.Contact-page
************************************************************************/
.drop-area .nav {
	border: 0;
}
.drop-area .nav-tabs .nav-link {
	border: 0;
	border-radius: 0;
}
.drop-area .nav-item a {
	font-family: 'Montserrat';
	font-size: 13px;
	font-weight: 700;
	color: #3c4858;
}
.contact-area input, .contact-area textarea {
	border-radius: 0;
	font-family: 'Montserrat';
	color: #ddd;
	font-size: 12px;
}
.contact-area input {
	height: 45px;
}
.contact-area label {
	font-family: 'Montserrat';
	color: #303030;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.contact-area ::placeholder {
	color: #ccc;
}



/***********************************************************************
	10.Footer
************************************************************************/
footer {
	padding: 20px 0;
	/* 
	background: url('../img/slider.jpg');
	background-size: cover;
	*/
}
.contact-box {
	margin-top: -200px;
}
.contact-box li {
	margin-bottom: 10px;
}
.contact-box li a {
	color: #3c4858;
	font-family: 'Gotham_Medium';
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: .2s all;
}
.contact-box li:first-child a {
	color: #7e5aff;
}
.contact-box li a:hover {
	color: #7e5aff;
}
.contact-box p {
	color: #3c4858;
	font-weight: 600;
	font-size: 12px;
	font-family: 'Gotham_Medium';
}
footer .shortlinks li, .footer-social li {
	display: inline-block;
}
footer .shortlinks li a {

	font-family: 'Gotham_Medium';

	padding: 0 15px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: center; 
	transition: .2s all;

	line-height: 0;
}
footer .shortlinks li a:hover {
	color: #fff;
}
.footer-social li {
	border: 1px solid #fff;
	width: 35px !important;
	height: 35px;
	line-height: 33px;
	text-align: center;
	border-radius: 50px;
	transition: .2s all;
	font-size: 12px;
	margin-right: 15px;
	transition: .2s all;
}
.footer-social li:hover {
	background-color: #55b7ff;
	border-color: #55b7ff;
	cursor: pointer;
}
.footer-social li a {
	color: #fff;
	transition: .2s all;
}
footer .copyrights {
	font-family: 'Gotham_Book';
	font-size: 10px;
	/* font-weight: 300; */
	color: #fff;
}
footer .copyrights a {
	color: #fff;
}


/************** Back-to-Top *****************/
.back-to-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;

  background: #008ec4;

  /*
  background: rgba(181,85,255,1);

	background: -moz-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(181,85,255,1)), color-stop(100%, rgba(126,90,255,1)));
	background: -webkit-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -o-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);
	background: linear-gradient(to right, rgba(181,85,255,1) 0%, rgba(126,90,255,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b555ff', endColorstr='#7e5aff', GradientType=1 );
  */

  display: none;
  position: fixed;
  z-index: 9999;
  bottom: 20px;
  right: 30px;
  transition: .3s all;  
}
.back-to-top .fa {
  color: #fff;
  line-height: 48px;
}
.back-to-top:hover {
  	-webkit-box-shadow: 1px 1px 35px -2px rgba(176,163,119,0.48);
	-moz-box-shadow: 1px 1px 35px -2px rgba(176,163,119,0.48);
	box-shadow: 1px 1px 35px -2px rgba(176,163,119,0.48);
  	transition: .3s all;
}
/*
	Grey 	- #3c4858;
	violet 	- #7e5aff;
	blue 	- #55b7ff;