.white-text-color{color:white;}
.default-text-color{color:#1d1d1d;}
.light-grey-text-color{color: #cdcdcd;}

.tw{background:#000;}
.fb{background:#1877f2;}
.lk{background:#0a66c2;}
.ins{background:#c32aa3;}

.white-bg{background-color:#fff;}
.light-grey-bg{background-color:#3d3d3d;}
.grey-bg{background-color:#191919;}
.dark-grey-bg{background-color:#0c0c0c;}

body, html {margin: 0; padding: 0; height: 100%; font-family: 'Poppins', sans-serif; scroll-behavior: smooth;}
body {background: #0c0c0c; color: #cdcdcd; font-weight: 400; font-size: 16px; line-height:1.6em; outline: 0; overflow-x:hidden;}
.hidden{display: none;}
a img, button {border: none;}
.center-align{margin:0 auto; display:block;}
a img { display: block;}
a, a.text-link { text-decoration: underline; color: #cdcdcd;}
a:hover, a.text-link:hover{text-decoration: none;}
a.no-underline, a:hover {text-decoration: none;}
img { max-width: 100%; height: auto; display:block;}
* {box-sizing: border-box; -moz-box-sizing: border-box;}
:focus { outline: 0!important; -webkit-box-shadow: none; box-shadow: none;}
p{margin:0 0 15px 0;}
p{font-size:1rem; line-height:1.6em;}
ul, ol{margin:15px 0;}
h1{margin: 0 0 10px 0; font-size: 2.5rem; line-height: 2.9rem; font-weight: 500; }
h2{margin: 0 0 10px 0; font-size: 2.4rem; line-height: 2.8rem; font-weight: 500;  }
h3{margin:0 0 10px 0; font-size: 2rem; line-height: 2.3rem; font-weight:500;  }
h4{margin:0 0 10px 0; font-size: 1.8rem; line-height: 2rem; font-weight:500; }
h5{margin:0 0 10px 0; font-size: 1.6rem; line-height: 1.8rem; font-weight:500; }
.center-text{text-align: center;}
figure{margin:12px 0;}
.flex{display:flex;}
.flex-col{display:flex; flex-direction: column;}
.flex1{flex:1;}
button{font-family: 'Poppins', sans-serif;}
.mob-show, .mob-show-flex{display:none;}
.tablet-show{display:none;}

.narrow{max-width: 940px;}

li{margin:10px 0;}

.reg-text{font-weight: 400;}
.medium-text{font-weight: 500;}
.semibold-text{font-weight: 600;}
.bold-text{font-weight: 700;}

.font-poppins{font-family: 'Poppins', sans-serif;}
.font-dm-serif{font-family: "DM Serif Text", serif;}

.cc-banner .cc-btn{background:#5648f8!important;  color:white!important; font-weight: 500; border-radius: 60px; text-decoration: none;}
.cc-message, .cc-message a, .cc-message span{color:white; font-weight: 400; font-size: 14px; line-height: 1.2em; font-family: 'Poppins', sans-serif;}
.cc-btn{ font-family: 'Poppins', sans-serif; border-radius:60px; background:#5648f8!important;}

.site-wrapper {padding: 0 20px;  zoom: 1; scroll-margin-top: 80px;}
.site-container {max-width: 1400px; min-width: 225px; width:100%; margin: 0 auto; padding: 0;}
.relative{position: relative;}
.narrow{margin: 0 auto; max-width:800px;}

.cms-right-sidebar, .cms-left-sidebar{ display:flex; flex-direction:row; flex-wrap:wrap;}
.main-container{width:calc(100% - 436px); }
.cms-right-sidebar .main-container{margin-right:35px;}
.cms-left-sidebar .main-container{margin-left:35px; order:2}
.sidebar-container{max-width:400px; width:100%;}
.cms-left-sidebar .sidebar-container{order:1;}

/* === STAR RATING === */
.star-rating{display:flex; padding:0; margin:0;justify-content: center; align-items: center;} 
.star-rating i{font-size: 17px; line-height: 1em; color: #f68a0c; margin: 0 1px 0 0;}
.star-rating.rating-4 i:nth-of-type(n+5){color:#bfbfbf;}
.star-rating.rating-3 i:nth-of-type(n+4){color:#bfbfbf;}
.star-rating.rating-2 i:nth-of-type(n+3){color:#bfbfbf;}
.star-rating.rating-1 i:nth-of-type(n+2){color:#bfbfbf;}

.ghost-header{padding-top:80px;}
.padding-header, .site-wrapper .padding-header{padding-top:130px;}
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-40{padding:40px;}
.padding-50{padding:50px;}
.padding-60{padding:60px;}
.padding-70{padding:70px;}
.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-top-60{padding-top:60px;}
.padding-top-70{padding-top:70px;}
.padding-top-80{padding-top:80px;}
.padding-top-90{padding-top:90px;}
.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-60{padding-bottom:60px;}
.padding-bottom-70{padding-bottom:70px;}
.padding-bottom-80{padding-bottom:80px;}
.padding-bottom-90{padding-bottom:90px;}
.padding-left-10{padding-left:10px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-left-40{padding-left:40px;}
.padding-left-50{padding-left:50px;}
.padding-left-60{padding-left:60px;}
.padding-left-70{padding-left:70px;}
.padding-left-80{padding-left:80px;}
.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-right-40{padding-right:40px;}
.padding-right-50{padding-right:50px;}
.padding-right-60{padding-right:60px;}
.padding-right-70{padding-right:70px;}
.padding-right-80{padding-right:80px;}

.padding-y-10{padding-top:10px; padding-bottom:10px}
.padding-y-20{padding-top:20px; padding-bottom:20px}
.padding-y-30{padding-top:30px; padding-bottom:30px}
.padding-y-40{padding-top:40px; padding-bottom:40px}
.padding-y-50{padding-top:50px; padding-bottom:50px}
.padding-y-60{padding-top:60px; padding-bottom:60px}

.padding-x-10{padding-left:10px; padding-right:10px}
.padding-x-20{padding-left:20px; padding-right:20px}
.padding-x-30{padding-left:30px; padding-right:30px}
.padding-x-40{padding-left:40px; padding-right:40px}
.padding-x-50{padding-left:50px; padding-right:50px}
.padding-x-60{padding-left:60px; padding-right:60px}

.margin-10{margin:10px;}
.margin-20{margin:20px;}
.margin-30{margin:30px;}
.margin-40{margin:40px;}
.margin-50{margin:50px;}
.margin-60{margin:60px;}
.margin-70{margin:70px;}
.margin-top-0{margin-top:0px;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-bottom-0{margin-bottom:0px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-25{margin-bottom:25px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-bottom-60{margin-bottom:60px;}
.margin-bottom-70{margin-bottom:70px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-left-60{margin-left:60px;}
.margin-left-70{margin-left:70px;}
.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;} 
.margin-right-30{margin-right:30px;}
.margin-right-40{margin-right:40px;}
.margin-right-50{margin-right:50px;}
.margin-right-60{margin-right:60px;}
.margin-right-70{margin-right:70px;}

.parallax{ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

/* === OLD BROWSER ALERT === */
.old-browser{position: fixed; width: 100%;  height: 100%; background-color: white;  z-index: 100000000000000000; font-size: 34px; line-height: 48px; padding: 7% 20px; text-align: center;}
.old-browser img{margin:0 auto 10px auto; max-width:240px;}
.old-browser .heading{font-size: 25px;font-weight: 100; line-height: 30px; margin-bottom: 10px;}
.old-browser p, .old-browser a{ margin:0 0 8px 0; font-size:16px; line-height:24px;} 

/* === JS ALERT === */
.js-alert{padding: 12px 20px; background: #d85f5f; position: fixed; top:0; left:0; width:100%; z-index: 9999999999999;}
.js-alert p.heading{font-size: 20px; line-height: 25px; margin: 0 0 5px 0; font-weight: 100; font-family:'Poppins', sans-serif;}
.js-alert p{color:white; margin:0; font-weight: 400; font-family:'Poppins', sans-serif; line-height: 20px;}

.card{box-shadow: 0 10px 15px -3px rgb(0 0 0 / .09), 0 4px 6px -4px rgb(0 0 0 / .08); display:flex; flex-direction:column;}
.card.link{transform: translateY(0px); transition:all 200ms linear; text-decoration:none;}
.card.link:hover{box-shadow:0 12px 17px -3px rgb(0 0 0 / .11), 0 6px 8px -4px rgb(0 0 0 / .11); transform: translateY(-3px); z-index: 1;}

input {padding: 12px}
input, select { background: rgba(255,255,255,0.07); border-radius: 2px; border: 1px solid rgba(255,255,255,0.15); width: 100%; height: 40px; margin-bottom: 15px; font-size: 15px; color: #cdcdcd; font-family: "Poppins", sans-serif; font-weight: 400}
select {padding: 0 12px}
textarea { background: rgba(255,255,255,0.07); border-radius: 2px; border: 1px solid rgba(255,255,255,0.15); width: 100%; padding: 12px 15px; margin-bottom: 15px; font-size: 15px; color: #cdcdcd; font-family: "Poppins", sans-serif; font-weight: 400}
button, input[type=submit] { border: none; font-size: 1em; font-family: "Poppins", sans-serif;}
input:focus, textarea:focus {border-color: rgba(255,255,255,0.7);}
.button {padding:5px 25px; min-height: 46px; border-radius: 10px; font-weight: 500; line-height: 1em; align-items: center; justify-content: center; text-decoration: none; transition: 200ms all linear; display: inline-flex; cursor: pointer;}

.solid-button{padding:5px 25px; min-height: 46px; border-radius: 50px; font-weight: 500; line-height: 1em; align-items: center; justify-content: center; text-decoration: none; transition: 200ms all linear; display: inline-flex; cursor: pointer;}

.solid-button.white{background:white; color: #1d1d1d;}
.solid-button.white:hover{background:#bdbdbd; color: #1d1d1d;}
.solid-button.light-grey{color:white; background:#3d3d3d;}
.solid-button.light-grey:hover{color:white; background:#4f4f4f;}
.solid-button.grey{color:white; background:#191919;}
.solid-button.grey:hover{color:white; background:#393939;}
.solid-button.dark-grey{color:white; background:#0c0c0c;}
.solid-button.dark-grey:hover{color:white; background:#1c1c1c;}

.solid-button.small{font-size: 0.9rem; min-height: 34px; padding:5px 13px 5px 17px;}


/* === HEADER === */
.main-header{display:flex; align-items:center; justify-content:space-between; padding-top:18px; padding-bottom:18px; position:fixed; top:0; left:0; width:100%; z-index:10; background:rgba(12,12,12,0.3); transition:all 400ms linear;}
.main-header.stuck{background:rgba(12,12,12,0.95); padding-top:10px; padding-bottom:10px;}
.main-header .logo img{max-width:160px; transition:all 400ms linear;}
.main-header.stuck .logo img{max-width:130px; }
.nav-wrapper{display:flex; align-items:center;}
nav.desktop{display:flex; align-items:center; margin:0 10px 0 0;}
nav.desktop a{color:white; text-decoration:none; border-bottom:1px solid transparent; transition:all 200ms linear; margin:0 20px;}
nav.desktop a:hover{border-color:white;}
.main-header .solid-button{transition:all 400ms linear;}
.main-header.stuck .solid-button{min-height: 40px;}

/* === MOB MENU === */
.trigger-overlay{background:0 0; padding:0; font-size:28px; color:white; margin-left:20px; height:100%; display:none; align-items: center; justify-content: center; cursor: pointer;}
.menu-overlay,.menu-overlay-search{position:fixed; width:100%; height:100%; top:0; left:0; background:#0c0c0c; z-index:9999; overflow-x:auto}
.menu-overlay .overlay-close, .menu-overlay-search .overlay-close-search{position:absolute; right:13px; top:13px; padding:0; height:auto; border:none; background:0 0; color:#fff; outline:0; z-index:100; font-size:30px; cursor:pointer; display: flex; align-items: center; justify-content: center;  height: 30px;}
.menu-overlay nav{text-align:center; position:relative; top:50%; height:85%; transform:translateY(-50%);  max-height: 500px;}
.menu-overlay ul{list-style:none; padding:0; margin:0 auto; display:flex; flex-direction: column; align-items: center; justify-content: space-between; height:100%; position:relative}
.menu-overlay ul li{display:flex; align-items:center; justify-content:center;  margin:0}
.menu-overlay ul li a{position:relative; font-size:1.1rem; font-weight:400; display:flex; color:#fff; transition:color .2s; text-decoration:none}
.overlay-scale{visibility:hidden; opacity:0; overflow-y:auto; transform:scale(.9); transition:transform .2s, opacity .2s, visibility 0s .2s}
.overlay-scale.open{visibility:visible; opacity:1; transform:scale(1); transition:transform .4s, opacity .4s}

/* === BANNER === */
.banner-wrapper{min-height:100%; height:auto; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:50% 50%; position:relative;}
.banner-wrapper .site-container{display:flex; justify-content:center; margin-bottom:70px;}
.banner-wrapper .banner-content{max-width:800px; displaY:flex; flex-direction:column; justify-content:center; align-items:center;}
.banner-wrapper .tagline{text-transform:uppercase; color:white; letter-spacing: 6px; font-size: 1.1em; text-align: center; font-weight: 500; position:relative; padding:0 0 15px 0; margin-bottom:20px; display:flex; justify-content:center;}
.banner-wrapper .tagline:after{width:100px; height:2px; background:white; display:flex; position:absolute; bottom:0; content:"";}
.banner-wrapper h2{line-height: 3.9rem; font-size: 2.9rem;}
.banner-wrapper .button-container{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:15px;}
.banner-wrapper .button-container a{margin:5px; padding: 5px 25px; min-height: 46px;}

.scroll-button{display:flex; align-items:center; justify-content:center; border:1px solid white; border-radius:100%; width:60px; height:60px; color:white; position:absolute; bottom:30px; text-decoration:none; font-size:2.2em; transition:all 200ms linear;}
.scroll-button:hover{background:white; color:#0c0c0c;}

.content-banner-wrapper{min-height:420px; padding:50px 20px; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:50% 50%; position:relative;}
.content-banner-wrapper .button-container{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:20px;}
.content-banner-wrapper .button-container a{margin:5px; padding: 5px 25px; min-height: 46px;}

.split-heading-container{display:flex; align-items:center; justify-content:space-between;}
.split-heading-container .text-content{flex:1; max-width:800px;}

.border-heading{position:relative; padding:0 0 20px 0; margin-bottom:25px;}
.border-heading.center{display:flex; justify-content:center; text-align:center;}
.border-heading:after{width:100px; height:2px; background:white; display:flex; position:absolute; bottom:0; content:"";}

.services-grid{display:grid; gap: 30px; grid-template-columns: repeat(3, minmax(0, 1fr));}

.services-slider {margin-top:30px; width: calc(100% + 30px);  margin-left: -15px;}
.services-card{padding:40px 40px 40px 40px; text-decoration:none; display:flex; flex-direction:column; transition: all 200ms linear;}
a.services-card:hover{    box-shadow: 0 12px 17px -3px rgb(0 0 0 / .11), 0 6px 8px -4px rgb(0 0 0 / .5); transform: translateY(-3px);}
.services-card i{font-size:50px; display:flex; align-items:center; line-height:50px; margin: 0 0 20px 0;}
.services-card .heading{font-size: 1.5rem; line-height: 2.1rem; font-weight: 400;}
.services-card .content {color:#cdcdcd;}
.services-card .solid-button{margin-top:20px; padding: 5px 20px; min-height: 32px; font-size: 0.9em; width: auto; align-self: flex-start;}

.slick-track{display:flex;}
.slider-item{display:flex; height: auto; padding:15px;}
.slider-item > div{flex:1;}
.slick-initialized .slick-slide{display:flex;}

.slick-dots { margin: 15px 0 0 0; padding: 0; text-align: center; display:flex; align-items:center; justify-content:center;}
.slick-dots li { list-style: none; display: inline-block; zoom: 1; margin:0;}
.slick-dots li button { text-indent: -999999px; background: transparent; border: 2px solid #fff; cursor: pointer; width: 12px; height: 12px; display: block; border-radius: 100%; padding: 0; margin: 0 3px;}
.slick-dots li.slick-active button { background: #fff; width: 16px; height: 16px;}

.split-content-container{display:flex; align-items:center; justify-content:space-between;}
.split-content-container .text-container{max-width:65%; flex:1; width:100%;}
.split-content-container .img-container{max-width:600px;}
.split-content-container.img-left .img-container{padding:0 80px 0 0;}
.split-content-container.img-right .img-container{padding:0  0 0 80px;}
.split-content-container .img-container img.rounded{border-radius:100%; border-bottom-left-radius:0;}
.split-content-container .social-links{justify-content:flex-start; margin-top:20px;}
.split-content-container .social-links a{width: 36px; height: 36px; font-size: 1.05em; margin:0 10px 0 0;}


.portfolio-grid{display:grid; gap: 30px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.portfolio-item{overflow:hidden; height:410px; width:100%; display:flex; align-items: center; justify-content: center; position:relative;}
.portfolio-item:hover img{scale:1.075;}
.portfolio-grid img{cursor: pointer;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 600ms ease-in-out;}
.portfolio-item .categories{position:absolute; top:18px; right:18px; z-index:1; display: flex; flex-wrap: wrap;}
.portfolio-item .categories p{background:rgba(255,255,255,0.3); backdrop-filter: blur(5px); border-radius:30px; padding:2px 15px; color:white; margin:3px; font-size: 0.9rem;}


.portfolio-grid:after { content: ""; display: table; clear: both;}

.modal { display: none; position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px);}
.modal-content { position: relative; margin: auto; padding: 0; max-width: 90%; max-height: 90%; display: flex;}
.mySlides{display: none; align-items: center; justify-content: center;}
.mySlides img {max-height: 100%; max-width: 100%;}
.close { color: white; position: absolute; top: 15px; right: 25px; font-size: 30px; cursor:pointer;}
.prev,.next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-size: 28px; transition: 0.6s ease; user-select: none; text-decoration:none;}
.next { right: 0;}
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.active,.demo:hover { opacity: 1;}

.blog-card{display:flex; flex-direction:column; text-decoration:none; border:1px solid rgba(255,255,255,0.04); padding:15px; border-radius:3px; margin:0 0 30px 0; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .15), 0 4px 6px -4px rgb(0 0 0 / .12);}
.blog-card .content{padding:5px;}
.blog-card .cover-img{margin:0 0 15px 0;}
.blog-card .title{font-size: 1.4rem; line-height: 1.8rem; font-weight: 400; color:white;}
.blog-card .solid-button{padding: 5px 12px; min-height: 30px; font-size: 0.87em; margin:0;}

.article-meta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 15px 0;}
.article-meta .timestamp{margin:0 5px 0 0; font-style:italic; font-size:0.9em;}
.article-meta .share{display:flex; align-items:center;}
.article-meta .share p{margin:0; font-size:0.9em;}
.article-meta .share a{margin:0 0 0 7px; border-radius:100%; border:1px solid white; display:flex; align-items:center; justify-content:center; width: 33px; height: 33px; color:white; text-decoration:none; line-height: 1em; font-size:0.9em; font-weight:normal; transition:all 200ms linear;}
.article-meta .share a:hover{background:white; color:#0c0c0c;}

.pagination{display:flex; align-items:center; justify-content:space-between;}
.pagination .pag-previous i {margin:0 5px 0 0;}
.pagination .pag-next i{margin:0 0 0 5px;}
.pagination .pag-previous, .pagination .pag-next{padding:5px 15px; min-height:42px;}
.pagination .pag-previous i, .pagination .pag-next i{font-size:1.4em;}

.contact-form{margin-top:30px;}

/* === ACCORDION === */
.accordion-wrapper{}
.accordion {border:1px solid rgba(255,255,255,0.5); padding:0; margin:10px 0; border-radius: 6px; transition: all 200ms linear;}
.accordion:hover{background:rgba(255,255,255,0.05)}
.accordion .heading{display:flex; align-items: center; padding:8px 15px; cursor: pointer;}
.accordion .heading h3, .accordion .heading h4{flex:1; margin:0 8px 0 0; font-size:17px; font-weight: 500; transition: all 150ms linear;}
.accordion .heading i{font-size:15px; transition: all 150ms linear; display: flex; align-items: center; justify-content: center;}
.accordion .heading.open i{ -webkit-transform: rotate(45deg); -webkit-transform-origin: 50% 50%; transform: rotate(45deg);}
.accordion .heading.open, .accordion:hover .heading {color:#fff;}
.accordion .expandable{padding:8px 15px 4px 15px;}


/* === FOOTER === */
.main-footer{border-top:1px solid rgba(255,255,255,0.15);}
.footer-container{display:flex; align-items:center; justify-content:space-between; padding-top:50px; padding-bottom:50px; }
.footer-container img{max-width:160px;}
.footer-container .links{display:flex; align-items:center; }
.footer-container .links > a{color:white; text-decoration:none; border-bottom:1px solid transparent; transition:all 200ms linear; margin:0 10px;}
.footer-container .links > a:hover{border-color:white;}

.social-links{display:flex; align-items:center; justify-content:center;}
.social-links a{margin:0 0 0 10px; border-radius:100%; border:1px solid white; display:flex; align-items:center; justify-content:center; width:44px; height:44px; color:white; text-decoration:none; font-size:1.35em; font-weight:normal; transition:all 200ms linear;}
.social-links a:hover{background:white; color:#0c0c0c;}

.main-footer .legals{border-top:1px solid rgba(255,255,255,0.2); padding:30px 0; text-align:center; color:white;}
.main-footer .legals p, .main-footer .legals a{font-size:0.93em;}
.main-footer .legals a{color:white; margin:0 5px; text-decoration:none; border-bottom:1px solid transparent; transition:all 200ms linear;}
.main-footer .legals a:hover{border-color:white;}
.footer-small-text{color:#989898;}