html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/*blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong {
font-weight: 700;
}

sup {
font-size:xx-small;
vertical-align:super;
}

input {
    outline-style:none;
    box-shadow:none;
    border-color:transparent;
}



*:focus {
    outline: none;
}



button:focus {outline:0;}

/* hard reset */
* {
padding: 0; margin: 0;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
position: relative; 
} 

/* micro clear fix (clears floats) */
    .contain:before,
    .contain:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.contain:after {
    clear: both;
}
.contain {
    *zoom: 1;
}

html {
    height: 100%; /* 01 */
    /* tells html to go ahead and feel free to be 100% height */
}

body {
    min-height: 100%; /* 02 */
    /* expands to push html to the limit */
}




body {
width:100%;  
min-height: 100vh; 
display: flex;
flex-direction: column;
font-size: 16px;
line-height: 24px;
color: #202020;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
background: white;
overflow-x: hidden;
}

.clear {
background: transparent none repeat scroll 0 0 !important;
clear: both !important;
display: block !important;
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
width: 100% !important;
}

/*HEADER*/
.header{
width: 100%;
display: block;
position: fixed;
top: 0;
z-index: 999;
background: white;
transition: all 0.3s;
border-bottom: 1px solid #C4C4C4;
}

.header.up{
top: -104px;
}

.header.menu-open{
top: 0 !important;
}

.header .content{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 3%;
}

.header .content .logo{
max-width: 200px;
width: 100%;
}

.header .content .logo a{
text-decoration: none;
display: block;
}


.header .content .logo img{
width: 100%;
vertical-align: top;
}

.header .content .menu{
display: flex;
align-items: center;
}

.header .content .menu ul{
display: flex;
align-items: center;
}

.header .content .menu ul.lang{
display: flex;
align-items: center;
margin: 0 0 0 100px;
}

.header .content .menu ul li{
margin: 0 45px 0 0;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
}

.header .content .menu ul.lang li{
margin: 0 10px 0 0;
}

.header .content .menu ul li:last-child{
margin: 0;
}


.header .content .menu ul li a{
color: #303030;
text-decoration: none;
transition: all 0.3s;
}

.header .content .menu ul li a:hover{
color: #1D3462;
}

.header .content .menu ul li a.active{
color: #1D3462;
}

.header .content .menu ul li a.active::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom: 2px solid #1D3462;
transition: 0.2s;
}


/*BURGER MENU*/
.button_container {
position: absolute;
top: 40px;
right: 3%;
height: 27px;
width: 35px;
cursor: pointer;
z-index: 200;
transition: opacity .25s ease;
display: none;
}
  

.button_container:hover {
opacity: 1;
}


.button_container.active .toper {
transform: translateY(11px) translateX(0) rotate(45deg);
-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
background: #1D3462;
}

.header .button_container.active .toper {
background: #1D3462;
}
    
.button_container.active .middle {
opacity: 0;
background: #1D3462;
}

.header .button_container.active .middle {
background: #1D3462;
}
    
.button_container.active .bottom {
transform: translateY(-11px) translateX(0) rotate(-45deg);
-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
background: #1D3462;
}


.header .button_container.active .bottom {
background: #1D3462;
}   

.button_container span {
background: #1D3462;
border: none;
height: 3px;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition:  all .35s ease;
cursor: pointer;
}

.button_container span:nth-of-type(2) {
top: 11px;
}

.button_container span:nth-of-type(3) {
top: 22px;
}

/*PAGES*/
.page{
width: 100%;
display: block;
padding: 104px 0 0 0;
}

/*HERO*/
.hero{
width: 100%;
height: calc(100vh - 104px);
}

.hero .item{
width: 100%;
height: calc(100vh - 104px);
background-size: cover;
background-position: center center;
display: flex;
align-items: center;
}

.hero .item::after{
display: block;
position: absolute;
background: rgba(29, 52, 98, 0.5);
width: 100%;
height: 100%;
top: 0px;
left: 0px;
content: '';
}


.hero .headline{
width: 100%;
max-width: 1160px;
margin: 0 auto;
padding: 0 30px;
z-index: 10;
text-align: center;
}

.hero .headline h2{
font-size: 45px;
line-height: 55px;
color: #FFFFFF;
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
}

.owl-nav{
text-align: center;
-webkit-tap-highlight-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}

.owl-nav .owl-prev{
left: 1%;
position: absolute;
z-index: 10;
color: #fff !important;
font-size: 40px !important;
cursor: pointer;
transition: all 0.3s;
}

.owl-nav .owl-next{
right: 1%;
position: absolute;
z-index: 10;
color: #fff !important;
font-size: 40px !important;
cursor: pointer;
transition: all 0.3s;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover{
color: #1D3462 !important;
}


.owl-dots{
position: absolute;
z-index: 10;
bottom: 40px;
right: 0;
left: 0;
text-align: center;
}

.owl-dot{
background: #fff !important;
border: 1px solid #707070 !important;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 5px;
transition: all 0.3s;
}

.owl-dot:hover{
background: #1D3462 !important;
border: 1px solid #fff !important;
}

.owl-dot.active{
background: #1D3462 !important;
border: 1px solid #fff !important;
}

.hero.subpage{
width: 100%;
height: auto;
background-size: cover;
background-position: center center;
display: flex;
align-items: center;
padding: 120px 5%;
}

.hero.subpage::after{
display: block;
position: absolute;
background: rgba(29, 52, 98, 0.5);
width: 100%;
height: 100%;
top: 0px;
left: 0px;
content: '';
}

.hero.subpage h1{
font-size: 45px;
line-height: 55px;
color: #FFFFFF;
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
z-index: 2;
}


/*ICONS*/
.icons{
width: 100%;
max-width: 1080px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
padding: 100px 30px;
}


.icons .item{
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
font-weight: 600;
}

.icons .item .icon{
width: 100%;
flex-grow: 1;
}

.icons .item .icon.one{
max-width: 90px;
}

.icons .item .icon.two{
max-width: 90px;
}

.icons .item .icon.three{
max-width: 90px;
}

.icons .item .icon.four{
max-width: 90px;
}

.icons .item .icon img{
width: 100%;
}

/*BOX ROW*/
.box-row{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.box-row.about-contact{
margin: 45px 0 0 0;
}


.box-row .text{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 5% 0 5%;  
}

.box-row.about-contact .text{
width: 50%;
padding: 5%;
border-bottom: 1px solid #FFFFFF; 
}

.box-row.about-contact .text.about{
background: #1D3462;
color: #fff;
}

.box-row.about-contact .text .description{
width: 100%;
max-width: 500px;
margin: 20px 0 40px 0;
flex-grow: 1;
}

.box-row .text h2{
font-size: 42px;
line-height: 52px;
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
}

.box-row .text .description{
width: 100%;
margin: 20px 0 45px 0;
}

.box-row .image{
width: 100%;
}

.box-row .image img{
width: 100%;
}

.box-row .more{
margin: 30px auto 0;
}

.box-row.about-contact .more{
margin: 0;
}

.box-row .more a{
text-transform: uppercase;
text-decoration: none;
padding: 15px 30px;
display: inline-block;
transition: all 0.3s;
border: 1px solid #202020;
color: #202020;
background: #fff;
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
margin: 0 auto;
}

.box-row.about-contact .text.about .more a{
border: 1px solid #fff;
color: #fff;
background: #1D3462;
}

.box-row .more a:hover{
color: #fff;
background: #1D3462;
border: 1px solid #1D3462;
}

.box-row.about-contact .text.about .more a:hover{
color: #1D3462;
background: #fff;
}




/*CONTENT SUBPAGE*/
.page .content-row{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.page .content-row .content{
width: 100%;
display: block;
padding: 80px 5% 0 5%;
}

.page .content-row .content.contact{
padding: 80px 30px 0 30px;
max-width: 1080px;
margin: 0 auto;
}

.page .content-row.text-page .content{
padding: 80px 5%;
}

.page .content-row .content .wrap{
width: 100%;
}

.page .content-row .content .text p{
margin: 0 0 20px 0;
}

.page .content-row .content .text p:last-child{
margin: 0;
}

.page .map{
width: 100%;
}

.page #map{
width: 100%;
height: 100%;
min-height: 500px;
}

.gm-style > div{
position: unset;
}

/*POINTS*/
.points{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 100px 5%;
}

.points .item{
width: 33.3%;
}

.points .item .wrap{
width: 100%;
text-align: center;
transition: background 0.5s, color 0.5s;
color: #1D3462;
background: transparent;
padding: 40px;
height: 100%;
}

.points .item .distance{
font-size: 40px;
line-height: 50px;
font-weight: 700;
}

.points .item h3{
font-size: 20px;
line-height: 30px;
font-weight: 700;
}

/*GALLERY*/
.gallery{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.gallery .image{
width: 33.33333%;
}

.gallery .image.full{
width: 100%;
}

.gallery .image .mobile{
display: none;
}

.gallery .image a{
width: 100%;
display: block;
}

.gallery .image a::after{
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
opacity: 0;
transition: all 0.3s;
}

.gallery .image a:hover::after{
opacity: 1;
}

.gallery .image a:hover{
width: 100%;
}

.gallery .image img{
width: 100%;
vertical-align: top;
}

/*TEAM*/
.team{
width: 100%;
margin: 0 auto;
padding: 100px 5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.team .item{
width: 100%;
text-align: left;
display: flex;
flex-wrap: wrap;
}

.team .item .photo{
width: 100%;
max-width: 285px;
}

.team .item .photo img{
width: 100%;
vertical-align: top;
}

.team .item .info{
width: calc(100% - 285px);
padding: 0 0 0 30px;
}

.team .item h3{
font-weight: 700;
}

.team .item h4{
margin: 0 0 10px 0;
}

.team .item a{
text-decoration: none;
color: #202020;
}

.team .item a::after{
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
border-bottom: 1px solid #202020;
transition: 0.2s;
}

.team .item a:hover::after{
width: 100%;
}


/*CONTACT*/
.contact-row{
padding: 80px 30px;
width: 100%;
max-width: 1080px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.contact-row .contact-item{
width: 30%;
text-align: left;
}

.contact-row .contact-item .content{
display: block;
}

.contact-row .contact-item h2{
font-weight: 700;
}

.contact-row .contact-item a{
text-decoration: none;
color: #202020;
}

.contact-row .contact-item a::after{
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
border-bottom: 1px solid #202020;
transition: 0.2s;
}

.contact-row .contact-item a:hover::after{
width: 100%;
}

/*CONTACT FORM*/
.contact-form{
width: 100%;
padding: 50px 5%;
background-size: cover;
background-position: center center;
background-image: url('../images/contact-form-bg.jpg')
}

.contact-form::after{
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0px;
left: 0px;
content: '';
}

.contact-form .wrap{
width: 100%;
max-width: 1020px;
z-index: 2;
margin: 0 auto;
}

.contact-form .wrap h2{
font-size: 45px;
line-height: 55px;
color: #FFFFFF;
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
margin: 0 0 35px 0;
}

.contact-form .form-wrap{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.contact-form .form-wrap .input-wrap{
width: 48%;
margin: 0 0 25px 0;
}

.contact-form .form-wrap .input-wrap input{
width: 100%;
height: 60px;
border-radius: 0;
border: 1px solid #E8E8E8;
font-size: 16px;
line-height: 24px;
color: #202020;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
padding: 0 0 0 20px;
}

.contact-form .form-wrap .textarea-wrap{
width: 100%;
margin: 0 0 25px 0;
}

.contact-form .form-wrap .textarea-wrap textarea{
width: 100%;
height: 200px;
border-radius: 0;
border: 1px solid #E8E8E8;
font-size: 16px;
line-height: 24px;
color: #202020;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
padding: 20px;
resize: none;
}

.contact-form .form-wrap .bottom-wrap{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
width: calc(100% - 142px);
padding: 0 10px 0 0;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap .container{
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 30px;
width: 30px;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap .container input{
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap .checkmark{
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
background-color: transparent;
border-radius: 0;
border: 1px solid #E8E8E8;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap .checkmark:after{
content: "";
position: absolute;
display: none;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap .container input:checked ~ .checkmark:after{
display: block;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap .container .checkmark:after{
left: 9px;
top: 3px;
width: 8px;
height: 16px;
border: solid #fff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} 

.contact-form .form-wrap .bottom-wrap .legal-wrap .text{
width: calc(100% - 30px);
padding: 0 0 0 10px;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
}

.contact-form .form-wrap .bottom-wrap .legal-wrap .text a{
color: #FFFFFF;
font-weight: 700;
}


.contact-form .form-wrap .bottom-wrap .button-wrap button{
background-color: transparent;
border-radius: 0;
border: 1px solid #FFFFFF;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
width: 142px;
height: 50px;
cursor: pointer;
transition: all 0.3s;
}

.contact-form .form-wrap .bottom-wrap .button-wrap button:hover{
background-color: #fff;
color: #202020;
}

.contact-form .wrap .error{
color: #F24C4C;
text-align: left;
margin-top: 20px;
}

/*TEXT PAGE*/
.page .content-row.text-page .content{
width: 100%;
}

.page .content-row.text-page .content .text h2{
font-weight: 700;
margin: 0 0 20px 0;
font-size: 20px;
line-height: 38px;
}

.page .content-row.text-page .content .text p{
margin: 0 0 20px 0;
}

.page .content-row.text-page .content .text ul{
margin: 0 0 20px 20px;
}

.page .content-row.text-page .content .text ul li{
list-style-type: disc;
}

.page .content-row.text-page .content .text a{
color: #202020;
}

.page .content-row.text-page .content .text .responsive-table{
overflow-x: auto;
margin: 0 0 15px 0;
}

.page .content-row.text-page .content .text .responsive-table th{
padding: 10px;
background: #343434;
color: #fff;
border: 1px solid #343434;
border-collapse: collapse;
background-clip: padding-box;
}

.page .content-row.text-page .content .text .responsive-table td{
padding: 10px;
border: 1px solid #343434;
border-collapse: collapse;
background-clip: padding-box;
}

/*ERROR PAGE*/
.page .content-row.error-page .content{
width: 100%;
}

/*CENIK*/
.page .content-row.cenik .content{
width: 100%;
}

.price-list{
display: block;
width: 100%;
padding: 80px 5%;
}

.price-list .filtration{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.price-list .filtration .item{
width: 30%;
align-items: center;
text-align: left;
margin: 0 5% 25px 0;
}

.price-list .filtration .item:nth-child(3){
margin: 0 0 25px 0;
}

.price-list .filtration .item label{
font-weight: 700;
margin: 0 0 10px 0;
display: block;
}

.price-list .filtration .item .select-wrap{
width: 100%;
}

.price-list .filtration .item .select-wrap select{
width: 100%;
height: 60px;
border: 1px solid #E8E8E8;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: #fff;
color: #202020;
font-size: 16px;
line-height: 22px;
font-family: 'Poppins', sans-serif;
padding: 0 40px 0 20px;
}

.price-list .filtration .item .select-wrap .select-arrow{
position: absolute;
right: 20px;
top: 20px;
}

.price-list .table{
width: 100%;
margin: 20px 0 0 0;
}

.price-list .table .head{
position: sticky;
top: 0;
z-index: 99;
text-align: left;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 15px 0;
background: #1D3462;
font-size: 12px;
line-height: 18px;
color: #fff;
}

.price-list .table .head .col{
padding: 0 10px;
width: 5.66%;
}

.price-list .table .head .col.big{
width: 11%;
}

.price-list .table .error{
display: none;
padding: 20px 0 0 0;
}

.price-list .table .flat-list-container{
display: block;
width: 100%;
}


.price-list .table .flat-list-container .flat{
width: 100%;
display: block;
background: #FFF;
padding: 20px 0;
}

.price-list .table .flat-list-container .flat:nth-child(2n){
background: #E2E2E2;
}

.price-list .table .flat-list-container .flat .row{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

.price-list .table .flat-list-container .flat .row .col{
text-align: left;
font-size: 14px;
line-height: 20px;
padding: 0 10px;
display: flex;
flex-wrap: wrap;
width: 5.66%;
}

.price-list .table .flat-list-container .flat .row .col.big{
width: 11%;
}

.price-list .table .flat-list-container .flat .row .col .description{
width: 50%;
font-weight: 700;
display: none;
}

.price-list .table .flat-list-container .flat .row .col .value{
width: 100%;
}

.price-list .table .flat-list-container .flat .row .col span{
padding: 5px 10px;
color: #fff;
font-size: 11px;
}

.price-list .table .flat-list-container .flat.free .row .col span{
background: #7EB55E;
}

.price-list .table .flat-list-container .flat.reservation .row .col span{
background: #EC9B3B;
}

.price-list .table .flat-list-container .flat.sold .row .col span{
background: #F24C4C;
}

.price-list .table .flat-list-container .flat .row .col a{
padding: 5px 10px;
color: #fff;
font-size: 11px;
text-decoration: none;
transition: all 0.3s;
background: #1D3462;
}

.price-list .table .flat-list-container .flat .row .col a:hover{
background: #202020; 
}

/*FOOTER*/
.footer{
width: 100%;
display: flex;
flex-direction: column;
background: #1D3462;
margin-top: auto;
}


.footer .content-row{
padding: 80px 5%;
text-align: left;
}

.footer .top{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer .top .col{
font-size: 13px;
line-height: 19px;
width: 33.33333%;
color: #FFF;
}

.footer .top .col.csnf{
text-align: center;
padding: 0 30px;
}

.footer .top .col.projects{
text-align: center;
}

.footer .top .col h3{
font-size: 18px;
line-height: 28px;
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
margin: 0 0 20px 0;
}

.footer .top .col .contact-item{
width: 100%;
display: flex;
flex-direction: row;
font-size: 14px;
line-height: 20px;
margin: 0 0 20px 0;
}

.footer .top .col .contact-item:last-child{
margin: 0;
}

.footer .top .col .contact-item .icon{
color: #FFF;
width: 30px;
font-size: 18px;
}

.footer .top .col .contact-item a{
color: #FFF;
text-decoration: none;
transition: all 0.3s;
}

.footer .top .col .contact-item a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
border-bottom: 1px solid #FFF;
transition: 0.2s;
}

.footer .top .col .contact-item a:hover::after{
width: 100%;
}

.footer .top .col .logo{
width: 100%;
margin: 0 0 20px 0;
}

.footer .top .col .logo img{
width: 100%;
max-width: 208px;
}

.footer .top .col .csnf-item{
width: 100%;
max-width: 400px;
margin: 0 auto;
}

.footer .top .col .csnf-item a{
color: #fff;
}

.footer .top .col .projects{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.footer .top .col .projects .project-logo{
margin: 0 20px 0 0;
}

.footer .top .col .projects .project-logo:last-child{
margin: 0;
}

.footer .bottom{
width: 100%;
display: block;
border-top: 1px solid #FFFFFF; 
}

.footer .bottom .content-row{
padding: 40px 5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}

.footer .bottom .col{
width: 33.33333%;
color: #fff;
font-size: 14px;
line-height: 22px;
}

.footer .bottom .col:nth-child(2){
text-align: center;
}

.footer .bottom .col:nth-child(3){
text-align: right;
}

.footer .bottom .col a{
text-decoration: none;
color: #fff;
transition: all 0.3s;
}

.footer .bottom .col:last-child a{
font-weight: 700;
}

.footer .bottom .col a::after{
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
border-bottom: 1px solid #fff;
transition: 0.2s;
}

.footer .bottom .col a:hover::after{
width: 100%;
}

.footer .bottom .col span{
margin: 0 5px;
}