.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset "UTF-8";
.slick-loading .slick-list {
    background: #fff url(/wp-content/themes/fresh2020/static/images/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"), url(/wp-content/themes/fresh2020/static/images/slick.svg#slick) format("svg")
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg, .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

@media print {
    *, :after, :before, blockquote:first-letter, blockquote:first-line, div:first-letter, div:first-line, li:first-letter, li:first-line, p:first-letter, p:first-line {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    cursor: help
}

address {
    font-style: normal;
    line-height: inherit
}

address, dl, ol, ul {
    margin-bottom: 1rem
}

dl, ol, ul {
    margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse;
    background-color: transparent
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    caption-side: bottom
}

caption, th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, select, textarea {
    line-height: inherit
}

input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor: not-allowed
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type=search] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1, .display-2 {
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3, .display-4 {
    font-weight: 300;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #636c72
}

.blockquote-footer:before {
    content: "\2014 \00A0"
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

.blockquote-reverse .blockquote-footer:before {
    content: ""
}

.blockquote-reverse .blockquote-footer:after {
    content: "\00A0 \2014"
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #636c72
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #292b2c;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #292b2c
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1, .col-auto {
    -webkit-box-flex: 0
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-2, .col-3 {
    -webkit-box-flex: 0
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-4, .col-5 {
    -webkit-box-flex: 0
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-6, .col-7 {
    -webkit-box-flex: 0
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-8, .col-9 {
    -webkit-box-flex: 0
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-10, .col-11 {
    -webkit-box-flex: 0
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.333333%
    }

    .pull-sm-2 {
        right: 16.666667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.333333%
    }

    .pull-sm-5 {
        right: 41.666667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.333333%
    }

    .pull-sm-8 {
        right: 66.666667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.333333%
    }

    .pull-sm-11 {
        right: 91.666667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.333333%
    }

    .push-sm-2 {
        left: 16.666667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.333333%
    }

    .push-sm-5 {
        left: 41.666667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.333333%
    }

    .push-sm-8 {
        left: 66.666667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.333333%
    }

    .push-sm-11 {
        left: 91.666667%
    }

    .push-sm-12 {
        left: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.333333%
    }

    .pull-md-2 {
        right: 16.666667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.333333%
    }

    .pull-md-5 {
        right: 41.666667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.333333%
    }

    .pull-md-8 {
        right: 66.666667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.333333%
    }

    .pull-md-11 {
        right: 91.666667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.333333%
    }

    .push-md-2 {
        left: 16.666667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.333333%
    }

    .push-md-5 {
        left: 41.666667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.333333%
    }

    .push-md-8 {
        left: 66.666667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.333333%
    }

    .push-md-11 {
        left: 91.666667%
    }

    .push-md-12 {
        left: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.333333%
    }

    .pull-lg-2 {
        right: 16.666667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.333333%
    }

    .pull-lg-5 {
        right: 41.666667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.333333%
    }

    .pull-lg-8 {
        right: 66.666667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.333333%
    }

    .pull-lg-11 {
        right: 91.666667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.333333%
    }

    .push-lg-2 {
        left: 16.666667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.333333%
    }

    .push-lg-5 {
        left: 41.666667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.333333%
    }

    .push-lg-8 {
        left: 66.666667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.333333%
    }

    .push-lg-11 {
        left: 91.666667%
    }

    .push-lg-12 {
        left: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.333333%
    }

    .pull-xl-2 {
        right: 16.666667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.333333%
    }

    .pull-xl-5 {
        right: 41.666667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.333333%
    }

    .pull-xl-8 {
        right: 66.666667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.333333%
    }

    .pull-xl-11 {
        right: 91.666667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.333333%
    }

    .push-xl-2 {
        left: 16.666667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.333333%
    }

    .push-xl-5 {
        left: 41.666667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.333333%
    }

    .push-xl-8 {
        left: 66.666667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.333333%
    }

    .push-xl-11 {
        left: 91.666667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef
}

.table tbody + tbody {
    border-top: 2px solid #eceeef
}

.table .table {
    background-color: #fff
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #eceeef
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th, .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-success, .table-success > td, .table-success > th {
    background-color: #dff0d8
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #d0e9c6
}

.table-info, .table-info > td, .table-info > th {
    background-color: #d9edf7
}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #c4e3f3
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #fcf8e3
}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #faf2cc
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f2dede
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #ebcccc
}

.thead-inverse th {
    color: #fff;
    background-color: #292b2c
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

.table-inverse td, .table-inverse th, .table-inverse thead th {
    border-color: #fff
}

.table-inverse.table-bordered {
    border: 0
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1
}

.form-control:disabled {
    cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block
}

.col-form-label {
    padding-top: calc(.5rem - 2px);
    padding-bottom: calc(.5rem - 2px);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.75rem - 2px);
    padding-bottom: calc(.75rem - 2px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 2px);
    padding-bottom: calc(.25rem - 2px);
    font-size: .875rem
}

.col-form-legend {
    font-size: 1rem
}

.col-form-legend, .form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0
}

.form-control-static {
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-static.form-control-lg, .form-control-static.form-control-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: 3.166667rem
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
    color: #636c72;
    cursor: not-allowed
}

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer
}

.form-check-input {
    position: absolute;
    margin-top: .25rem;
    margin-left: -1.25rem
}

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.form-check-inline + .form-check-inline {
    margin-left: .75rem
}

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .form-group, .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -ms-flex-align: center
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-inline .form-check-label {
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

.btn.active, .btn:active {
    background-image: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    background-image: none;
    border-color: #01549b
}

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-secondary.focus, .btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px hsla(0, 0%, 80%, .5);
    box-shadow: 0 0 0 2px hsla(0, 0%, 80%, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info.focus, .btn-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}

.btn-success.focus, .btn-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning.focus, .btn-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a
}

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0275d8;
    background-color: transparent
}

.btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px hsla(0, 0%, 80%, .5);
    box-shadow: 0 0 0 2px hsla(0, 0%, 80%, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent
}

.btn-outline-secondary.active, .btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-info.focus, .btn-outline-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent
}

.btn-outline-info.active, .btn-outline-info:active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success.focus, .btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent
}

.btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f0ad4e;
    background-color: transparent
}

.btn-outline-warning.active, .btn-outline-warning:active, .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #d9534f;
    background-color: transparent
}

.btn-outline-danger.active, .btn-outline-danger:active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled {
    background-color: transparent
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link:disabled {
    color: #636c72
}

.btn-link:disabled:focus, .btn-link:disabled:hover {
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.collapsing, .dropdown, .dropup {
    position: relative
}

.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle:after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent
}

.show > .dropdown-menu {
    display: block
}

.show > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #636c72;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group, .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn + .dropdown-toggle-split:after {
    margin-left: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.btn-group-vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

[data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover {
    z-index: 3
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group .form-control:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group .form-control:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 3
}

.input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover {
    z-index: 3
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0275d8
}

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
}

.custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #8fcafe
}

.custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-control-input:disabled ~ .custom-control-description {
    color: #636c72;
    cursor: not-allowed
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #0275d8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

.custom-select:focus {
    border-color: #5cb3fd;
    outline: 0
}

.custom-select:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.custom-select:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.custom-file-control:lang(en):after {
    content: "Choose file..."
}

.custom-file-control:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 .25rem .25rem 0
}

.custom-file-control:lang(en):before {
    content: "Browse"
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5em 1em
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #636c72;
    cursor: not-allowed
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #eceeef #eceeef #ddd
}

.nav-tabs .nav-link.disabled {
    color: #636c72;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #464a4c;
    background-color: #fff;
    border-color: #ddd #ddd #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-text {
    display: inline-block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width: 575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-toggleable {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable, .navbar-toggleable .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable .navbar-toggler {
        display: none
    }
}

@media (max-width: 767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-sm > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-toggleable-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm, .navbar-toggleable-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-sm > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-md > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-toggleable-md {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md, .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-md > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-lg > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-toggleable-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg, .navbar-toggleable-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-lg > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-lg .navbar-toggler {
        display: none
    }
}

.navbar-toggleable-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xl .navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-toggleable-xl > .container {
    padding-right: 0;
    padding-left: 0
}

.navbar-toggleable-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-toggleable-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-toggleable-xl > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
}

.navbar-toggleable-xl .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover {
    color: #fff
}

.navbar-inverse .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-inverse .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
    color: #fff
}

.navbar-inverse .navbar-toggler {
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-inverse .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle, .card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills, .card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

.card-primary .card-footer, .card-primary .card-header {
    background-color: transparent
}

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.card-success .card-footer, .card-success .card-header {
    background-color: transparent
}

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.card-info .card-footer, .card-info .card-header {
    background-color: transparent
}

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.card-warning .card-footer, .card-warning .card-header {
    background-color: transparent
}

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

.card-danger .card-footer, .card-danger .card-header, .card-outline-primary {
    background-color: transparent
}

.card-outline-primary {
    border-color: #0275d8
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}

.card-inverse {
    color: hsla(0, 0%, 100%, .65)
}

.card-inverse .card-footer, .card-inverse .card-header {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .2)
}

.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
    color: #fff
}

.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
    color: hsla(0, 0%, 100%, .65)
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
    color: #fff
}

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}

.card-img {
    border-radius: calc(.25rem - 1px)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        flex-flow: row wrap
    }

    .card-deck, .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal
    }

    .card-deck .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-deck .card:not(:first-child) {
        margin-left: 15px
    }

    .card-deck .card:not(:last-child) {
        margin-right: 15px
    }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap
    }

    .card-group .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .card-group .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child), .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, .card-group .card:not(:first-child):not(:last-child) .card-img-top {
        border-radius: 0
    }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
        margin-bottom: .75rem
    }
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    border-radius: .25rem
}

.breadcrumb:after {
    display: block;
    content: "";
    clear: both
}

.breadcrumb-item {
    float: left
}

.breadcrumb-item + .breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #636c72;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #636c72
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus, .page-link:hover {
    color: #014c8c;
    text-decoration: none;
    background-color: #eceeef;
    border-color: #ddd
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-default {
    background-color: #636c72
}

.badge-default[href]:focus, .badge-default[href]:hover {
    background-color: #4b5257
}

.badge-primary {
    background-color: #0275d8
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    background-color: #025aa5
}

.badge-success {
    background-color: #5cb85c
}

.badge-success[href]:focus, .badge-success[href]:hover {
    background-color: #449d44
}

.badge-info {
    background-color: #5bc0de
}

.badge-info[href]:focus, .badge-info[href]:hover {
    background-color: #31b0d5
}

.badge-warning {
    background-color: #f0ad4e
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    background-color: #ec971f
}

.badge-danger {
    background-color: #d9534f
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    background-color: #c9302c
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-hr {
    border-top-color: #d0d5d8
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible .close {
    position: relative;
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c1e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6d5ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7ecb5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9b9
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #464a4c;
    text-align: inherit
}

.list-group-item-action .list-group-item-heading {
    color: #292b2c
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #464a4c;
    text-decoration: none;
    background-color: #f7f7f9
}

.list-group-item-action:active {
    color: #292b2c;
    background-color: #eceeef
}

.list-group-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus, .list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #fff
}

.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
    color: #636c72
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text {
    color: #daeeff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.857143%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip.bs-tether-element-attached-bottom, .tooltip.tooltip-top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner:before, .tooltip.tooltip-top .tooltip-inner:before {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.bs-tether-element-attached-left, .tooltip.tooltip-right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bs-tether-element-attached-left .tooltip-inner:before, .tooltip.tooltip-right .tooltip-inner:before {
    top: 50%;
    left: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.bs-tether-element-attached-top, .tooltip.tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.bs-tether-element-attached-top .tooltip-inner:before, .tooltip.tooltip-bottom .tooltip-inner:before {
    top: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bs-tether-element-attached-right, .tooltip.tooltip-left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.bs-tether-element-attached-right .tooltip-inner:before, .tooltip.tooltip-left .tooltip-inner:before {
    top: 50%;
    right: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.tooltip-inner:before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover.bs-tether-element-attached-bottom, .popover.popover-top {
    margin-top: -10px
}

.popover.bs-tether-element-attached-bottom:after, .popover.bs-tether-element-attached-bottom:before, .popover.popover-top:after, .popover.popover-top:before {
    left: 50%;
    border-bottom-width: 0
}

.popover.bs-tether-element-attached-bottom:before, .popover.popover-top:before {
    bottom: -11px;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-bottom:after, .popover.popover-top:after {
    bottom: -10px;
    margin-left: -10px;
    border-top-color: #fff
}

.popover.bs-tether-element-attached-left, .popover.popover-right {
    margin-left: 10px
}

.popover.bs-tether-element-attached-left:after, .popover.bs-tether-element-attached-left:before, .popover.popover-right:after, .popover.popover-right:before {
    top: 50%;
    border-left-width: 0
}

.popover.bs-tether-element-attached-left:before, .popover.popover-right:before {
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-left:after, .popover.popover-right:after {
    left: -10px;
    margin-top: -10px;
    border-right-color: #fff
}

.popover.bs-tether-element-attached-top, .popover.popover-bottom {
    margin-top: 10px
}

.popover.bs-tether-element-attached-top:after, .popover.bs-tether-element-attached-top:before, .popover.popover-bottom:after, .popover.popover-bottom:before {
    left: 50%;
    border-top-width: 0
}

.popover.bs-tether-element-attached-top:before, .popover.popover-bottom:before {
    top: -11px;
    margin-left: -11px;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-top:after, .popover.popover-bottom:after {
    top: -10px;
    margin-left: -10px;
    border-bottom-color: #f7f7f7
}

.popover.bs-tether-element-attached-top .popover-title:before, .popover.popover-bottom .popover-title:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.popover.bs-tether-element-attached-right, .popover.popover-left {
    margin-left: -10px
}

.popover.bs-tether-element-attached-right:after, .popover.bs-tether-element-attached-right:before, .popover.popover-left:after, .popover.popover-left:before {
    top: 50%;
    border-right-width: 0
}

.popover.bs-tether-element-attached-right:before, .popover.popover-left:before {
    right: -11px;
    margin-top: -11px;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-right:after, .popover.popover-left:after {
    right: -10px;
    margin-top: -10px;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px)
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover:after, .popover:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover:before {
    content: "";
    border-width: 11px
}

.popover:after {
    content: "";
    border-width: 10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%
}

@media (-webkit-transform-3d) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

@supports (transform:translate3d(0,0,0)) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

@media (-webkit-transform-3d) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@supports (transform:translate3d(0,0,0)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: hsla(0, 0%, 100%, .5)
}

.carousel-indicators li:before {
    top: -10px
}

.carousel-indicators li:after, .carousel-indicators li:before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li:after {
    bottom: -10px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #025aa5 !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #31b0d5 !important
}

.bg-warning {
    background-color: #f0ad4e !important
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ec971f !important
}

.bg-danger {
    background-color: #d9534f !important
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #c9302c !important
}

.bg-inverse {
    background-color: #292b2c !important
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #101112 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-top {
    border-top-left-radius: .25rem
}

.rounded-right, .rounded-top {
    border-top-right-radius: .25rem
}

.rounded-bottom, .rounded-right {
    border-bottom-right-radius: .25rem
}

.rounded-bottom, .rounded-left {
    border-bottom-left-radius: .25rem
}

.rounded-left {
    border-top-left-radius: .25rem
}

.rounded-circle {
    border-radius: 50%
}

.rounded-0 {
    border-radius: 0
}

.clearfix:after {
    display: block;
    content: "";
    clear: both
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.flex-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column, .flex-row {
    -webkit-box-direction: normal !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse, .flex-row-reverse {
    -webkit-box-direction: reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column, .flex-sm-row {
        -webkit-box-direction: normal !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column, .flex-md-row {
        -webkit-box-direction: normal !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column, .flex-lg-row {
        -webkit-box-direction: normal !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column, .flex-xl-row {
        -webkit-box-direction: normal !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.fixed-top {
    top: 0
}

.fixed-bottom, .fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-right: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-right: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.mx-3 {
    margin-right: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.mx-4 {
    margin-right: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.mx-5 {
    margin-right: 3rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-right: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-right: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.px-3 {
    padding-right: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pr-4 {
    padding-right: 1.5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pr-5 {
    padding-right: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.px-5 {
    padding-right: 3rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .px-sm-1 {
        padding-right: .25rem !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }

    .mx-sm-auto {
        margin-right: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .mx-md-1 {
        margin-right: .25rem !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .px-md-1 {
        padding-right: .25rem !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }

    .mx-md-auto {
        margin-right: auto !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .px-lg-1 {
        padding-right: .25rem !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .px-xl-1 {
        padding-right: .25rem !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #636c72 !important
}

a.text-muted:focus, a.text-muted:hover {
    color: #4b5257 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus, a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus, a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #292b2c !important
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #101112 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down, .visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.single-cloud {
    top: 0;
    left: 0;
    position: relative;
    display: block;
    background-image: attr(data-bg);
    background-position: 50%;
    background-size: cover;
    height: 400px;
    width: 280px;
    z-index: 20;
    transition: z-index .3s, background .3s, top .5s .2s, left .5s .2s, -webkit-filter .5s .2s;
    -webkit-transition: z-index .3s, background .3s, top .5s .2s, left .5s .2s, -webkit-filter .5s .2s;
    transition: z-index .3s, background .3s, top .5s .2s, left .5s .2s, filter .5s .2s;
    transition: z-index .3s, background .3s, top .5s .2s, left .5s .2s, filter .5s .2s, -webkit-filter .5s .2s;
    cursor: pointer;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-box-shadow: 0 0 10px #e6e6e6;
    box-shadow: 0 0 10px #e6e6e6;
    -webkit-animation: fadeZindex .6s;
    animation: fadeZindex .6s
}

@media (min-width: 1531px) {
    .single-cloud {
        -webkit-box-shadow: 0 0 30px #696969;
        box-shadow: 0 0 30px #696969
    }

    .single-cloud:nth-of-type(6n+2) {
        margin-left: -210px;
        margin-top: -200px;
        z-index: 10
    }

    .single-cloud:nth-of-type(6n+3) {
        margin-left: -42px;
        margin-top: -300px;
        z-index: 15
    }

    .single-cloud:nth-of-type(6n+4) {
        margin-left: -140px;
        margin-top: 60px;
        z-index: 12
    }

    .single-cloud:nth-of-type(6n+5) {
        margin-left: -140px;
        margin-top: -140px;
        z-index: 8
    }

    .single-cloud:nth-of-type(6n+6) {
        margin-left: -70px;
        margin-top: -200px;
        z-index: 8
    }
}

@media (max-width: 1530px) {
    .single-cloud {
        -webkit-box-shadow: 0 0 30px #696969;
        box-shadow: 0 0 30px #696969;
        height: 363.63636364px;
        width: 254.54545455px
    }

    .single-cloud:nth-of-type(6n+2) {
        margin-left: -190.90909091px;
        margin-top: -181.81818182px;
        z-index: 10
    }

    .single-cloud:nth-of-type(6n+3) {
        margin-left: -38.18181818px;
        margin-top: -272.72727273px;
        z-index: 15
    }

    .single-cloud:nth-of-type(6n+4) {
        margin-left: -127.27272727px;
        margin-top: 54.54545455px;
        z-index: 12
    }

    .single-cloud:nth-of-type(6n+5) {
        margin-left: -127.27272727px;
        margin-top: -127.27272727px;
        z-index: 8
    }

    .single-cloud:nth-of-type(6n+6) {
        margin-left: -63.63636364px;
        margin-top: -181.81818182px;
        z-index: 8
    }
}

@media (max-width: 1400px) {
    .single-cloud {
        -webkit-box-shadow: 0 0 30px #696969;
        box-shadow: 0 0 30px #696969;
        height: 333.33333333px;
        width: 233.33333333px
    }

    .single-cloud:nth-of-type(6n+2) {
        margin-left: -175px;
        margin-top: -166.66666667px;
        z-index: 10
    }

    .single-cloud:nth-of-type(6n+3) {
        margin-left: -35px;
        margin-top: -250px;
        z-index: 15
    }

    .single-cloud:nth-of-type(6n+4) {
        margin-left: -116.66666667px;
        margin-top: 50px;
        z-index: 12
    }

    .single-cloud:nth-of-type(6n+5) {
        margin-left: -116.66666667px;
        margin-top: -116.66666667px;
        z-index: 8
    }

    .single-cloud:nth-of-type(6n+6) {
        margin-left: -58.33333333px;
        margin-top: -166.66666667px;
        z-index: 8
    }
}

@media (max-width: 1275px) {
    .single-cloud {
        -webkit-box-shadow: 0 0 30px #696969;
        box-shadow: 0 0 30px #696969;
        height: 307.69230769px;
        width: 215.38461538px
    }

    .single-cloud:nth-of-type(6n+2) {
        margin-left: -161.53846154px;
        margin-top: -153.84615385px;
        z-index: 10
    }

    .single-cloud:nth-of-type(6n+3) {
        margin-left: -32.30769231px;
        margin-top: -230.76923077px;
        z-index: 15
    }

    .single-cloud:nth-of-type(6n+4) {
        margin-left: -107.69230769px;
        margin-top: 46.15384615px;
        z-index: 12
    }

    .single-cloud:nth-of-type(6n+5) {
        margin-left: -107.69230769px;
        margin-top: -107.69230769px;
        z-index: 8
    }

    .single-cloud:nth-of-type(6n+6) {
        margin-left: -53.84615385px;
        margin-top: -153.84615385px;
        z-index: 8
    }
}

@media (max-width: 1200px) {
    .single-cloud {
        -webkit-box-shadow: 0 0 30px #696969;
        box-shadow: 0 0 30px #696969;
        margin: 15px;
        height: 285.71428571px;
        width: 200px
    }

    .single-cloud:nth-of-type(6n+2) {
        margin: 15px;
        z-index: 10
    }

    .single-cloud:nth-of-type(6n+3) {
        margin: 15px;
        z-index: 15
    }

    .single-cloud:nth-of-type(6n+4) {
        margin: 15px;
        z-index: 12
    }

    .single-cloud:nth-of-type(6n+5), .single-cloud:nth-of-type(6n+6) {
        margin: 15px;
        z-index: 8
    }
}

.single-cloud:hover {
    z-index: 200;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.cloud-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0 50px 50px;
    position: relative;
    width: 100%;
    max-width: 1200px
}

.cloud-wrapper:hover .single-cloud {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.cloud-wrapper:hover .single-cloud:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media (max-width: 1199px) {
    .cloud-wrapper {
        margin: 30px 0;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (min-width: 1200px) {
    .cloud-wrapper {
        margin: 350px 0 50px 50px
    }
}

@-webkit-keyframes fadeZindex {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes fadeZindex {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

.text-image {
    padding: 30px 0
}

.text-image .heading {
    display: block;
    margin: 90px 0;
    font-family: TitilliumFresh, sans-serif;
    color: #f8981f;
    text-align: center
}

.text-image .item-wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .text-image .item-wrap {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media (min-width: 768px) {
    .text-image .item-wrap:nth-child(2n) {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse
    }

    .text-image .item-wrap:nth-child(2n) .content-wrap {
        text-align: right;
        direction: rtl
    }
}

.text-image .item-wrap .image-wrap {
    width: 50%;
    text-align: center;
    padding: 0 30px
}

@media (max-width: 767px) {
    .text-image .item-wrap .image-wrap {
        width: 100%
    }
}

.text-image .item-wrap .image-wrap img {
    max-width: 100%;
    height: auto
}

.text-image .item-wrap .item-content {
    width: 50%
}

@media (max-width: 767px) {
    .text-image .item-wrap .item-content {
        width: 100%;
        margin-top: 15px;
        text-align: center
    }
}

.text-image .item-wrap .item-content .content-wrap {
    max-width: 500px
}

@media (max-width: 767px) {
    .text-image .item-wrap .item-content .content-wrap {
        max-width: 100%
    }
}

.text-image .item-wrap .item-content .item-subtitle, .text-image .item-wrap .item-content .item-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.text-image .item-wrap .item-content .item-subtitle {
    margin-bottom: 20px
}

.text-image .item-wrap .item-content .rte, .text-image .item-wrap .item-content .rte p {
    font-size: 18px;
    line-height: 1.5
}

.only-image .image-wrap {
    text-align: center
}

.only-image .image-wrap img {
    max-width: 100%;
    height: auto
}

.video-grid .videos-wrapper {
    font-size: 0;
    position: relative
}

.video-grid .videos-wrapper #ytv {
    position: absolute;
    top: 0;
    width: 100%;
    height: 600px
}

@media (max-width: 1599px) {
    .video-grid .videos-wrapper #ytv {
        width: 100%;
        height: 37.5vw
    }
}

@media (max-width: 880px) {
    .video-grid .videos-wrapper #ytv {
        height: auto;
        min-height: 61.5vw
    }
}

@media (max-width: 480px) {
    .video-grid .videos-wrapper #ytv {
        min-height: 65vw
    }
}

.video-grid .videos-wrapper .single-video {
    position: relative;
    display: inline-block;
    width: 33.3333%
}

@media (max-width: 880px) and (min-width: 480px) {
    .video-grid .videos-wrapper .single-video {
        width: 50%
    }

    .video-grid .videos-wrapper .single-video:nth-of-type(3n+1) {
        width: 100%
    }

    .video-grid .videos-wrapper .single-video:nth-of-type(3n+1):after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 90%;
        border-bottom: 2px dashed #ed7221;
        border-top: 2px dashed #ed7221;
        z-index: 10;
        bottom: 10px;
        pointer-events: none
    }

    .video-grid .videos-wrapper .single-video:nth-of-type(3n+1) .single-video-wrapper .video-thumb .entry {
        bottom: 45px
    }
}

@media (max-width: 880px) and (min-width: 480px) and (max-width: 880px) {
    .video-grid .videos-wrapper .single-video:nth-of-type(3n+1) .single-video-wrapper .video-thumb {
        min-height: 61.5vw
    }
}

@media (max-width: 880px) and (min-width: 480px) and (max-width: 479px) {
    .video-grid .videos-wrapper .single-video:nth-of-type(3n+1) .single-video-wrapper .video-thumb {
        min-height: 37.5vw
    }
}

@media (max-width: 480px) {
    .video-grid .videos-wrapper .single-video {
        width: 100%
    }

    .video-grid .videos-wrapper .single-video:after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        border-bottom: 2px dashed #ed7221;
        z-index: 10;
        bottom: 10px;
        pointer-events: none
    }

    .video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry {
        bottom: 30px
    }
}

@media (min-width: 881px) {
    .video-grid .videos-wrapper .single-video:nth-of-type(3) {
        position: relative
    }

    .video-grid .videos-wrapper .single-video:nth-of-type(3):before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        border-left: 2px dashed #fff;
        border-right: 2px dashed #fff;
        z-index: 5;
        pointer-events: none
    }
}

@media (min-width: 881px) and (max-width: 880px) {
    .video-grid .videos-wrapper .single-video:nth-of-type(3):before {
        border-right: unset
    }
}

@media (max-width: 880px) and (min-width: 480px) {
    .video-grid .videos-wrapper .single-video:nth-of-type(3n+2) {
        position: relative
    }

    .video-grid .videos-wrapper .single-video:nth-of-type(3n+2):before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        border-right: 2px dashed #fff;
        z-index: 5;
        pointer-events: none
    }
}

.video-grid .videos-wrapper .single-video .single-video-wrapper {
    position: relative
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .7;
    -webkit-transition: all .35s;
    transition: all .35s;
    z-index: 10;
    cursor: pointer
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .play-button:hover {
    opacity: 1
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .play-button:before {
    content: "";
    bottom: 20px;
    right: 20px;
    left: auto;
    top: auto;
    height: 80px;
    width: 80px;
    display: block;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 20px 5px hsla(0, 0%, 100%, .2);
    box-shadow: 0 0 20px 5px hsla(0, 0%, 100%, .2);
    border-radius: 50%
}

@media (max-width: 768px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .play-button:before {
        background-size: cover;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 480px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .play-button {
        top: 45%
    }
}

.video-grid .videos-wrapper .single-video .single-video-wrapper a.play-button {
    display: none
}

@media (max-width: 479px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper a.play-button {
        display: block
    }
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb {
    position: relative;
    min-height: 300px;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width: 880px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb {
        min-height: 31.5vw
    }
}

@media (max-width: 479px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb {
        min-height: 65vw
    }
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb:hover .play-button {
    opacity: 1
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry {
    position: absolute;
    bottom: 20px;
    left: 50%;
    min-width: 300px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

@media (max-width: 768px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry {
        bottom: 5px
    }
}

@media (max-width: 480px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry {
        bottom: 20px
    }
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry .person-name {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (max-width: 1110px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry .person-name {
        font-size: 16px
    }
}

.video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry .person-company {
    display: block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 1110px) {
    .video-grid .videos-wrapper .single-video .single-video-wrapper .video-thumb .entry .person-company {
        font-size: 14px
    }
}

.video-grid .videos-wrapper .single-video.main.children-video-playing .video-thumb, .video-grid .videos-wrapper .single-video.main.video-playing .video-thumb {
    opacity: 0 !important;
    pointer-events: none !important
}

.video-grid .videos-wrapper .single-video.main.children-video-playing .play-button, .video-grid .videos-wrapper .single-video.main.video-playing .play-button {
    opacity: .001
}

.video-grid .videos-wrapper .single-video.main.children-video-playing .play-button:before, .video-grid .videos-wrapper .single-video.main.video-playing .play-button:before {
    -webkit-box-shadow: 0 0 20px 5px hsla(0, 0%, 100%, .2);
    box-shadow: 0 0 20px 5px hsla(0, 0%, 100%, .2);
    border-radius: 50%
}

.video-grid .videos-wrapper .single-video.main.children-video-playing:hover .play-button, .video-grid .videos-wrapper .single-video.main.video-playing:hover .play-button {
    opacity: 1
}

.video-grid .videos-wrapper .single-video:not(.main).video-playing .play-button:before {
    -webkit-box-shadow: 0 0 20px 5px hsla(0, 0%, 100%, .2);
    box-shadow: 0 0 20px 5px hsla(0, 0%, 100%, .2);
    border-radius: 50%
}

.video-grid .videos-wrapper .single-video.main {
    width: 100%
}

.video-grid .videos-wrapper .single-video.main:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    border-bottom: 2px dashed #ed7221;
    z-index: 10;
    bottom: 10px;
    pointer-events: none
}

.video-grid .videos-wrapper .single-video.main .single-video-wrapper .video-thumb {
    min-height: 600px
}

@media (max-width: 1599px) {
    .video-grid .videos-wrapper .single-video.main .single-video-wrapper .video-thumb {
        width: 100%;
        min-height: 37.5vw
    }
}

@media (max-width: 880px) {
    .video-grid .videos-wrapper .single-video.main .single-video-wrapper .video-thumb {
        min-height: 61.5vw
    }
}

@media (max-width: 480px) {
    .video-grid .videos-wrapper .single-video.main .single-video-wrapper .video-thumb {
        min-height: 65vw
    }
}

.video-grid .videos-wrapper .single-video.main .single-video-wrapper .video-thumb .entry {
    bottom: 45px
}

@media (max-width: 480px) {
    .video-grid .videos-wrapper .single-video.main .single-video-wrapper .video-thumb .entry {
        bottom: 20px
    }
}

.content-rte {
    padding: 60px 0 45px
}

@media (max-width: 767px) {
    .content-rte {
        padding: 45px 0 30px
    }
}

.job-view {
    position: relative;
    padding: 60px 0;
    background-image: url(/wp-content/themes/fresh2020/static/images/klebek.png);
    background-repeat: no-repeat;
    background-position: 6.666667vw 130%
}

@media (max-width: 1600px) {
    .job-view {
        background-position: 4.666667vw 130%
    }
}

@media (max-width: 1200px) {
    .job-view {
        background-position: 2.666667vw 130%
    }
}

@media (max-width: 991px) {
    .job-view {
        background-image: unset
    }
}

.job-view .right-side {
    position: relative;
    right: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .job-view .right-side {
        display: none
    }
}

.job-view .right-side:before {
    position: relative;
    content: "";
    height: 100%;
    width: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f8981f), color-stop(0, hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(#f8981f 50%, hsla(0, 0%, 100%, 0) 0);
    background-position: 100%;
    background-size: 3px 19px;
    background-repeat: repeat-y;
    left: 52%;
    z-index: 7
}

.job-view .right-side:after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    background-color: #7b164d;
    z-index: 5
}

.job-view .right-side .elements {
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 15
}

.job-view .right-side .elements:before {
    background-image: url(/wp-content/themes/fresh2020/static/images/orange-line.png);
    top: 0
}

.job-view .right-side .elements:after, .job-view .right-side .elements:before {
    content: "";
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    display: block;
    z-index: 10;
    position: absolute;
    right: 0
}

.job-view .right-side .elements:after {
    background-image: url(/wp-content/themes/fresh2020/static/images/yellow-line-2.png);
    bottom: 0
}

.job-view .right-side .promo-image {
    position: relative;
    right: 0;
    z-index: 10
}

.job-view .right-side .promo-image img {
    max-width: 100%
}

.job-view .job-view-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.job-view .job-view-wrapper .job-nav {
    position: absolute;
    font-size: 90px;
    text-decoration: none;
    color: #f8981f;
    z-index: 10;
    display: none
}

.job-view .job-view-wrapper .job-nav.left {
    left: -55px
}

.job-view .job-view-wrapper .job-nav.right {
    right: -55px
}

@media (max-width: 991px) {
    .job-view .job-view-wrapper .job-nav.right {
        right: -20px
    }
}

@media (max-width: 767px) {
    .job-view .job-view-wrapper .icon img {
        max-width: 70px;
        height: auto
    }
}

.job-view .job-title {
    display: inline-block;
    margin-left: 30px;
    font-family: TitilliumFresh, sans-serif;
    color: #f8981f;
    font-size: 48px
}

@media (max-width: 767px) {
    .job-view .job-title {
        font-size: 32px
    }
}

.job-view .job-blocks {
    margin: 30px 0
}

.job-view .block {
    margin-bottom: 30px
}

.job-view .block .block-title {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f8981f
}

.job-view .button {
    display: inline-block
}

.job-view .send-cv-wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 1199px) {
    .job-view .send-cv-wrap {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .job-view .send-cv-wrap input.button {
        float: none;
        margin-top: unset;
        width: auto;
        min-width: 200px
    }
}

.job-view label[for=userCv] {
    margin: 0
}

.job-view label[for=userCv] input[type=file] {
    position: absolute;
    opacity: .001
}

.job-view label[for=userCv] span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 200px
}

.latest-jobs {
    background-color: #f4f4f4;
    padding: 100px 0 60px
}

@media (max-width: 991px) {
    .latest-jobs {
        padding: 60px 0 20px
    }
}

.latest-jobs .title {
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .latest-jobs .title {
        text-align: center;
        width: 100%
    }
}

.latest-jobs .archive-link {
    margin: 45px auto 0
}

.latest-jobs .probation {
    margin-top: 45px
}

.latest-jobs .job-slider {
    padding: 0 30px
}

@media (max-width: 380px) {
    .latest-jobs .job-slider {
        padding: 0 10px
    }
}

.latest-jobs .no-offer {
    display: block;
    text-align: center
}

.latest-jobs .slick-arrow {
    background: url(/wp-content/themes/fresh2020/static/images/arrow.svg) 50% no-repeat;
    width: 100px;
    height: 100px
}

@media (max-width: 991px) {
    .latest-jobs .slick-arrow {
        width: 50px;
        height: 50px
    }
}

.latest-jobs .slick-arrow:before {
    display: none
}

@media (max-width: 991px) {
    .latest-jobs .slick-arrow.slick-prev {
        left: -10px
    }
}

@media (max-width: 380px) {
    .latest-jobs .slick-arrow.slick-prev {
        left: -20px
    }
}

.latest-jobs .slick-arrow.slick-next {
    right: -100px
}

@media (max-width: 991px) {
    .latest-jobs .slick-arrow.slick-next {
        right: -10px
    }
}

@media (max-width: 380px) {
    .latest-jobs .slick-arrow.slick-next {
        right: -20px
    }
}

.item-job {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px -10px #000;
    box-shadow: 0 0 20px -10px #000;
    margin: 0 15px
}

.item-job .wrapper {
    padding: 30px
}

@media (max-width: 380px) {
    .item-job .wrapper {
        padding: 30px 15px
    }
}

.item-job .icon {
    text-align: center
}

.item-job .icon img {
    display: inline-block;
    max-width: 100%
}

.item-job .job-name {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f8981f;
    margin: 45px 0
}

@media (max-width: 767px) {
    .item-job .job-name {
        margin: 20px 0
    }
}

.item-job .short-info {
    text-align: center
}

.item-job .button {
    margin: 45px auto 0;
    width: auto;
    min-width: 150px
}

@media (max-width: 767px) {
    .item-job .button {
        margin-top: 20px
    }
}

.pagination-block {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 45px 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination-block .pages {
    margin: 0;
    padding: 0
}

.pagination-block .pages li {
    display: inline-block;
    font-family: TitilliumFresh;
    font-size: 18px;
    color: #fff;
    background: #d31145;
    padding: 5px 5px 3px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 3px #d31145;
    box-shadow: 0 0 0 3px #d31145;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    min-width: 45px;
    margin-bottom: 7px
}

.pagination-block .pages li.current {
    background: #f8981f;
    -webkit-box-shadow: 0 0 0 3px #f8981f;
    box-shadow: 0 0 0 3px #f8981f
}

.pagination-block .pages li:not(:last-of-type) {
    margin-right: 5px
}

.pagination-block .pages li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%
}

.pagination-block .next, .pagination-block .prev {
    font-family: TitilliumFresh;
    color: #000;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 7px
}

.pagination-block .prev {
    margin-right: 15px
}

.pagination-block .next {
    margin-left: 15px
}

@font-face {
    font-family: TitilliumFresh;
    font-display: block;
    src: url(/wp-content/themes/fresh2020/static/fonts/TitilliumFresh-Thin.822e2d3.woff) format("woff");
    font-weight: 100;
    font-style: normal
}

.styled-select {
    background: url(/wp-content/themes/fresh2020/static/images/select-arrow.png) no-repeat 96% 0;
    height: 43px;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    border: 1px solid #f8981f;
    margin-top: 10px
}

.styled-select select {
    background: 0 0;
    color: #656565;
    border: none;
    font-size: 14px;
    height: 43px;
    padding: 5px;
    width: 115%
}

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #656565;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0;
    display: none !important
}

.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 0
}

.checkmark.checked {
    background: #f8981f
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc
}

.container-checkbox input:checked ~ .checkmark {
    background-color: #f8981f
}

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.filelabel {
    display: block;
    font-family: TitilliumFresh;
    font-size: 18px;
    color: #fff;
    background: #d31145;
    margin-top: 3px;
    padding: 5px;
    text-transform: uppercase;
    width: 250px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 3px #d31145;
    box-shadow: 0 0 0 3px #d31145;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    z-index: 6;
    display: inline-block;
    cursor: pointer
}

@media screen and (max-width: 1850px) {
    .filelabel {
        width: 100%
    }
}

.filelabel {
    background-color: #f8981f
}

.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #656565;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container input {
    position: absolute;
    opacity: 0;
    display: none !important
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f8981f;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

input[type=radio] {
    position: absolute;
    opacity: .0001
}

input[type=radio] + span {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #656565
}

input[type=radio] + span:before {
    position: absolute;
    top: 2px;
    left: -30px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f8981f;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

input[type=radio]:checked + span:before {
    background-color: #f8981f
}

.wpcf7-form-control.wpcf7-radio {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:not(.first) {
    margin-left: 50px
}

span.wpcf7-not-valid-tip {
    font-size: 13px !important
}

.container:hover input ~ .checkmark {
    background-color: #ccc
}

.container input:checked ~ .checkmark {
    background-color: #f8981f
}

* {
    margin: 0;
    padding: 0;
    font-family: Titillium Web, sans-serif
}

body, html {
    height: 100%;
    width: 100%;
    min-width: 100%
}

.clr {
    clear: both
}

.header {
    width: 100%;
    position: fixed;
    height: 25%;
    z-index: 999;
    pointer-events: none
}

@media screen and (max-width: 991px) {
    .header {
        background: #fff;
        height: auto;
        padding-bottom: 20px;
        -webkit-box-shadow: 0 0 20px -10px #000;
        box-shadow: 0 0 20px -10px #000
    }
}

@media screen and (max-width: 991px) {
    .header .logo-container {
        display: block !important;
        text-align: left !important
    }
}

.header .logo {
    display: block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    pointer-events: all
}

.header .logo svg {
    width: 247px;
    height: 68px
}

@media screen and (max-width: 1614px) {
    .header .logo svg {
        width: 13vw;
        height: 7vw
    }
}

@media screen and (max-width: 991px) {
    .header .logo svg {
        width: 135px;
        height: 40px;
        margin-top: 20px;
        margin-left: 10px;
        display: inline-block
    }
}

.header .logo:hover {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.header .lang {
    display: none;
    position: relative;
    margin-right: 35px;
    font-weight: 400;
    font-size: 18px;
    margin-top: 50px;
    pointer-events: all
}

@media screen and (max-width: 991px) {
    .header .lang {
        margin-top: 30px
    }
}

@media screen and (max-width: 370px) {
    .header .lang {
        font-size: 14px;
        line-height: 25px
    }
}

.header .lang a {
    color: #fff;
    opacity: .5
}

@media screen and (max-width: 991px) {
    .header .lang a {
        color: #eb6708
    }
}

.header .lang a.active, .header .lang a:hover {
    opacity: 1
}

.header .lang a:first-child:after {
    content: "/";
    display: inline-block;
    margin: 0 3px 0 5px;
    opacity: .5
}

.header .burger {
    display: inline-block;
    width: 40px;
    margin-top: 25px;
    margin-right: 35px;
    cursor: pointer;
    pointer-events: all
}

@media screen and (max-width: 991px) {
    .header .burger {
        margin-top: 33px;
        margin-right: 20px
    }
}

.header .burger.open .line:first-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 0;
    margin-top: 8px
}

.header .burger.open .line:nth-of-type(2) {
    width: 0;
    margin-bottom: 0;
    height: 0
}

.header .burger.open .line:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: 0;
    position: relative;
    top: -4px
}

.header .burger.open:hover .line:nth-of-type(2) {
    width: 0
}

.header .burger:hover .line:nth-of-type(2) {
    width: 50%
}

.header .burger .line {
    width: 100%;
    margin-bottom: 8px;
    display: block;
    border-top: 2px dashed #fff;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (max-width: 991px) {
    .header .burger .line {
        border-top: 2px dashed #eb6708
    }
}

#bgvid {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    min-width: 83.33333333%;
    min-height: 100%
}

@media screen and (max-width: 991px) {
    #bgvid {
        min-height: 110%
    }
}

.left-frame {
    width: 16.666667%;
    height: 100%;
    position: fixed;
    z-index: 6;
    background: #fff;
    top: 0
}

@media screen and (max-width: 479px) {
    .page-portfolio .left-frame, .portfolio-subpage .left-frame {
        display: none !important
    }
}

@media screen and (max-width: 991px) {
    .left-frame {
        position: relative;
        width: 100%;
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
        height: 200px;
        border-bottom: 2px dashed #f4772d;
        border-top: 2px dashed #f4772d
    }
}

.left-frame a {
    display: block;
    height: 25%;
    border-bottom: 2px dashed #f4772d;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #555;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    line-height: 16px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (max-width: 991px) {
    .left-frame a {
        height: 100%;
        border-left: 2px dashed #f4772d;
        border-bottom: none
    }
}

@media screen and (max-width: 767px) {
    .left-frame a {
        font-size: 12px
    }
}

.left-frame a:hover {
    background: #f4772d;
    color: #fff;
    border-color: #fff
}

.left-frame a:hover svg {
    stroke: #fff
}

.left-frame a:first-child {
    border-top: 2px dashed #f4772d
}

@media screen and (max-width: 991px) {
    .left-frame a:first-child {
        border: none
    }
}

.left-frame a .monitor svg {
    width: 70px;
    height: 70px
}

.left-frame a svg {
    width: 50px;
    height: 50px;
    stroke: #f4772d;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.social-widget {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;
    text-align: right;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width: 991px) {
    .social-widget {
        top: 40%
    }
}

.social-widget a {
    display: inline-block;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    background: #dfe0e1;
    padding: 5px;
    margin-bottom: 10px;
    width: 100px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-shadow: 14px 13px 17px 0 rgba(0, 0, 0, .29);
    box-shadow: 14px 13px 17px 0 rgba(0, 0, 0, .29)
}

@media screen and (max-width: 991px) {
    .social-widget a {
        width: 50px;
        margin-bottom: 5px
    }
}

.social-widget a:hover {
    padding-right: 20px;
    width: 120px
}

.social-widget a i {
    display: block;
    width: 100%;
    padding-right: 50px;
    border-right: 2px dashed #767676
}

@media screen and (max-width: 991px) {
    .social-widget a i {
        padding-right: 40px
    }
}

.social-widget a i svg {
    width: 35px;
    height: 35px;
    position: relative;
    top: 3px
}

@media screen and (max-width: 991px) {
    .social-widget a i svg {
        width: 20px;
        height: 20px
    }
}

.sm-logo {
    margin-top: 0 !important
}

.start-section {
    height: 75%
}

@media screen and (max-width: 991px) {
    .start-section {
        height: calc(100% - 200px)
    }
}

.head-slider-container {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 991px) {
    .slick-next {
        right: 0
    }
}

.head-slider {
    z-index: 2;
    position: relative;
    top: 26%
}

@media screen and (max-width: 991px) {
    .head-slider {
        top: 45%
    }
}

.head-slider .slick-track {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.head-slider .slick-arrow {
    display: none !important
}

.head-slider h3 {
    font-family: TitilliumFresh;
    color: #fff;
    font-size: 6vw;
    text-align: center
}

@media screen and (max-width: 991px) {
    .head-slider h3 {
        font-size: 10vw
    }
}

.head-slider h3 span {
    font-family: TitilliumFresh;
    color: #f8c71d
}

.head-slider .slick-dots li {
    border: 1px dashed #fff;
    border-radius: 50%
}

.head-slider .slick-dots li.slick-active {
    background: #fff
}

.head-slider .slick-dots li button:before {
    display: none
}

.mouse {
    color: #fff;
    font-size: 14px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    font-style: normal;
    width: 38px;
    height: 46px;
    margin: auto;
    text-align: center;
    bottom: 60px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (max-width: 991px) {
    .mouse {
        display: none
    }
}

.mouse svg {
    stroke: #fff;
    width: 38px;
    height: 46px;
    display: inline-block
}

.mouse span {
    color: #fff
}

.title {
    font-family: TitilliumFresh;
    font-size: 45px;
    display: inline-block
}

.title.white {
    color: #fff
}

.title.orange {
    color: #f8981f
}

.subtitle {
    font-family: TitilliumFresh;
    font-size: 24px;
    display: inline-block
}

.subtitle.white {
    color: #fff
}

.subtitle.orange {
    color: #f8981f
}

.wheel {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: wheel .5s linear infinite alternate;
    animation: wheel .5s linear infinite alternate
}

@-webkit-keyframes wheel {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
}

@keyframes wheel {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
}

.yellow-bg {
    background: #f8981f
}

.orange-bg {
    background: #ef7203
}

.red-bg {
    background: #e73313
}

.pink-bg {
    background: #d31045
}

.violet-bg {
    background: #932653
}

.grey-bg {
    background: #f0f0f0
}

.white-bg {
    background: #fff
}

.actual {
    z-index: 5
}

@media screen and (max-width: 1470px) {
    .actual h2 {
        font-size: 3vw
    }
}

@media screen and (max-width: 991px) {
    .actual h2 {
        font-size: 6vw
    }
}

.actual:after {
    content: "";
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -15px;
    background: #f8981f;
    top: 0;
    bottom: 0;
    margin: auto
}

.item-logo {
    position: relative;
    z-index: 1
}

.item-logo svg {
    width: 200px;
    height: 100px;
    fill: #fff !important
}

@media screen and (max-width: 1470px) {
    .item-logo svg {
        width: 10vw;
        height: 5vw
    }
}

@media screen and (max-width: 991px) {
    .item-logo svg {
        width: 34vw;
        height: 24vw
    }
}

.item-logo svg path {
    fill: #fff
}

.no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width: 991px) {
    .no-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.actual-projects-description {
    color: #fff;
    text-align: center;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    z-index: 1;
    margin: 0
}

@media screen and (max-width: 991px) {
    .actual-projects {
        height: 500px !important
    }
}

@media screen and (max-width: 991px) {
    .actual-projects > div > div {
        height: 50% !important
    }
}

.actual-project {
    cursor: pointer;
    position: relative;
    z-index: 4;
    overflow: hidden
}

.actual-project, .actual-project img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.actual-project img {
    opacity: 0;
    position: absolute;
    z-index: 0;
    width: 100%
}

.actual-project:hover {
    height: 150% !important;
    background: #000
}

@media screen and (max-width: 991px) {
    .actual-project:hover {
        height: 50% !important
    }
}

.actual-project:hover .actual-projects-description {
    padding: 0 30px;
    max-height: 200px
}

@media screen and (max-width: 991px) {
    .actual-project:hover .actual-projects-description {
        font-size: 12px
    }
}

.actual-project:hover img {
    opacity: .3
}

.lines {
    position: absolute;
    display: block;
    height: 100%;
    left: auto;
    left: calc(100% + 5vh)
}

@media screen and (max-width: 991px) {
    .lines {
        display: none
    }
}

.lines svg {
    height: 100%;
    width: auto;
    position: absolute;
    z-index: 10;
    right: 0
}

.wloczka {
    position: absolute;
    z-index: -1;
    left: 10%;
    bottom: -10%
}

@media screen and (max-width: 991px) {
    .wloczka {
        display: none
    }
}

.p-150 {
    padding: 150px 0
}

@media screen and (max-width: 991px) {
    .p-150 {
        padding: 50px 0
    }
}

.cookie-notice-container {
    padding: 20px 10px 10px !important
}

.cms-section {
    padding: 100px 0
}

.cms-section a {
    color: #000
}

.button {
    display: block;
    font-family: TitilliumFresh;
    font-size: 18px;
    color: #fff;
    background: #d31145;
    padding: 5px 5px 3px;
    text-transform: uppercase;
    width: 250px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 3px #d31145;
    box-shadow: 0 0 0 3px #d31145;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    z-index: 6;
    background-image: none !important
}

.button.cn-button {
    font-size: 14px;
    display: inline-block;
    width: auto;
    margin-top: 10px
}

.button.cn-button:hover {
    background: #f8971e
}

.button:focus, .button:hover {
    color: #fff;
    text-decoration: none;
    background: #f8971e
}

@media screen and (max-width: 1696px) {
    .button.sorter {
        font-size: 14px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 479px) {
    .button.sorter {
        font-weight: 700
    }
}

.page-homepage .portfolio-home-section {
    padding-bottom: 250px
}

@media screen and (max-width: 991px) {
    .page-homepage .portfolio-home-section {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-home-section {
        text-align: center
    }
}

.portfolio-home-section .button {
    margin-bottom: 16px;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .portfolio-home-section .button {
        display: inline-block;
        margin-left: 10px
    }
}

@media screen and (max-width: 543px) {
    .portfolio-home-section .button {
        margin-left: 0
    }
}

.portfolio-home-section .button:first-of-type {
    margin-left: 0
}

.portfolio-home-section p {
    color: #656565;
    width: 30%
}

@media screen and (max-width: 991px) {
    .portfolio-home-section p {
        width: 100%;
        text-align: center
    }
}

.portfolio-home-section h2 {
    width: 30%
}

@media screen and (max-width: 991px) {
    .portfolio-home-section h2 {
        text-align: center;
        width: 100%
    }
}

@-webkit-keyframes portfolio {
    0% {
        top: 200px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes portfolio {
    0% {
        top: 200px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

.page-websites .solutions-section {
    padding-top: 100px
}

@media screen and (max-width: 991px) {
    .page-websites .solutions-section {
        padding-top: 50px
    }
}

.testimonials {
    color: #656565;
    padding: 150px 0
}

@media screen and (max-width: 991px) {
    .testimonials {
        padding: 50px 0 0
    }
}

.testimonials h2 {
    text-align: center;
    width: 100%;
    margin: 20px 0
}

.testimonials img {
    border-radius: 50%;
    border: 2px dashed #ee7203
}

@media screen and (max-width: 1346px) {
    .testimonials img {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .testimonials img {
        width: auto
    }
}

@media screen and (max-width: 524px) {
    .testimonials img {
        width: 60%
    }
}

.testimonials .testimonials-name {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block
}

.testimonials .testimonials-title {
    font-size: 14px;
    margin-top: 10px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center
}

.testimonials .testimonials-description {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    position: relative
}

@media screen and (max-width: 991px) {
    .testimonials .testimonials-description {
        padding: 0 5%;
        margin-bottom: 70px
    }
}

.testimonials .testimonials-description:before {
    content: '"';
    font-family: Georgia;
    font-size: 140px;
    color: #000;
    position: absolute;
    left: 5%;
    top: 40px;
    opacity: .1
}

.why-us-section {
    padding: 150px 0
}

@media screen and (max-width: 991px) {
    .why-us-section {
        padding: 50px 0
    }
}

@media screen and (max-width: 991px) {
    .why-us-section h2.title {
        text-align: center;
        width: 100%
    }
}

.icon-column {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px
}

.icon-column h3 {
    color: #f36e20;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0;
    text-align: center
}

.icon-column p {
    color: #656565;
    font-size: 14px;
    line-height: 28px;
    text-align: center
}

.color-icon {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: #f36b21;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f36b21), color-stop(50%, #e42f30), to(#9b2a5b));
    background: linear-gradient(180deg, #f36b21 0, #e42f30 50%, #9b2a5b);
    border: 1px dashed #fff
}

.color-icon:hover svg {
    width: 40px;
    height: 40px
}

.color-icon svg {
    width: 60px;
    height: 60px;
    stroke: #fff;
    stroke-width: 30;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.bulb {
    background: url(/wp-content/themes/fresh2020/static/images/bulb.gif) 90% no-repeat #f0f0f0
}

@media screen and (max-width: 1980px) {
    .bulb {
        background-size: 25%
    }
}

@media screen and (max-width: 991px) {
    .bulb {
        background: #f0f0f0
    }
}

.awards-slider {
    padding: 80px 100px;
    position: relative;
    z-index: 20
}

@media screen and (max-width: 500px) {
    .awards-slider img {
        width: 90%
    }
}

.awards-slider .slick-slide {
    text-align: center
}

.awards-slider .slick-slide img {
    display: inline-block;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.awards-slider .slick-arrow {
    background: url(/wp-content/themes/fresh2020/static/images/arrow.svg) 50% no-repeat;
    width: 100px;
    height: 100px
}

.awards-slider .slick-arrow:before {
    display: none
}

.awards-slider .slick-arrow.slick-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -50px;
    left: 0
}

.phone-widget {
    display: none;
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 90px;
    width: 60px;
    height: 60px
}

@media screen and (max-width: 991px) {
    .phone-widget {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

.phone-widget svg {
    width: 30px;
    height: 30px
}

.branding {
    padding: 100px 0;
    background: url(/wp-content/themes/fresh2020/static/images/branding-bg.jpg) 50% no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.branding h2 {
    width: 100%
}

.branding h2, .branding p {
    text-align: center;
    margin-bottom: 50px
}

.branding p {
    color: #656565;
    font-size: 18px;
    padding: 0 25%
}

@media screen and (max-width: 991px) {
    .branding p {
        padding: 0 2.5%
    }
}

.branding img {
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.branding img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.branding .button {
    color: #fff;
    width: 270px;
    margin-top: 30px
}

.branding .branding-box {
    padding: 0 30px
}

@media screen and (max-width: 685px) {
    .branding-container {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.branding-logo {
    position: absolute;
    z-index: 0
}

@media screen and (max-width: 991px) {
    .branding-logo {
        position: relative
    }
}

.branding-logo svg {
    width: 30vw;
    height: 30vw
}

@media screen and (max-width: 991px) {
    .branding-logo svg {
        width: 100px;
        height: 100px
    }
}

.branding-logo.wsl {
    left: -250px;
    top: 0
}

@media screen and (max-width: 1632px) {
    .branding-logo.wsl {
        left: -10vw
    }
}

@media screen and (max-width: 991px) {
    .branding-logo.wsl {
        left: auto;
        top: auto
    }
}

.branding-logo.polmed {
    right: -250px;
    bottom: 0;
    width: auto;
    margin: 0
}

@media screen and (max-width: 685px) {
    .branding-logo.polmed {
        margin-top: 50px
    }
}

@media screen and (max-width: 1632px) {
    .branding-logo.polmed {
        right: -10vw
    }
}

@media screen and (max-width: 991px) {
    .branding-logo.polmed {
        right: auto;
        bottom: auto
    }
}

.tech-slider {
    padding: 80px 100px;
    position: relative;
    z-index: 20
}

.tech-slider .slick-slide {
    text-align: center
}

.tech-slider .slick-slide img {
    display: inline-block;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.tech-slider .slick-slide svg {
    width: 60px;
    height: 60px;
    opacity: .5;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.tech-slider .slick-slide svg:hover {
    opacity: 1
}

.tech-slider .slick-slide h4 {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    color: #656565;
    font-weight: 700;
    margin-top: 5px
}

.tech-slider .slick-arrow {
    background: url(/wp-content/themes/fresh2020/static/images/arrow.svg) 50% no-repeat;
    width: 100px;
    height: 100px
}

.tech-slider .slick-arrow:before {
    display: none
}

.tech-slider .slick-arrow.slick-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -50px;
    left: 0
}

.contact {
    background: #f8981f;
    padding: 50px 0
}

.contact h2 {
    text-align: center;
    width: 100%
}

.contact-svg svg {
    width: 80px;
    height: 100px;
    stroke: #fff
}

@media screen and (max-width: 390px) {
    .contact-svg svg {
        width: 60px;
        height: 80px
    }
}

.contact-svg.company svg, .contact-svg.phone svg, .contact-svg.pin svg {
    width: 60px;
    height: 80px
}

.contact-description {
    padding-left: 30px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .contact-description {
        width: 50%
    }
}

@media screen and (max-width: 390px) {
    .contact-description {
        width: 60%
    }
}

.contact-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.contact-text {
    font-size: 18px;
    color: #fff;
    line-height: 19px;
    margin: 0;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

@media screen and (max-width: 468px) {
    .contact-text {
        font-size: 14px
    }
}

.contact-text a {
    color: #fff;
    text-decoration: none
}

.contact-text a:hover {
    opacity: .5
}

.contact-box {
    margin: 50px 0 0;
    border-left: 2px dashed #fff
}

@media screen and (max-width: 1688px) {
    .contact-box {
        width: 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%
    }
}

@media screen and (max-width: 685px) {
    .contact-box {
        width: 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        border-left: none;
        border-top: 2px dashed #fff;
        padding-top: 50px
    }
}

@media screen and (max-width: 1688px) {
    .contact-box:nth-of-type(odd) {
        border: none
    }
}

@media screen and (max-width: 685px) {
    .contact-box:nth-of-type(odd) {
        border-top: 2px dashed #fff
    }
}

.contact-box:first-of-type {
    border: none;
    padding-top: 0
}

#map {
    width: 100%;
    height: 500px
}

.no-padding {
    padding: 0
}

.form-section {
    padding: 100px 0
}

.form-section input[type=radio] {
    width: auto !important
}

@media screen and (max-width: 991px) {
    .form-section {
        padding: 50px 0
    }
}

.form-section h2 {
    margin-bottom: 20px
}

.form-section .button {
    margin-top: 10px;
    width: 100%
}

.radio-buttons {
    width: 70%;
    padding: 0 0 15px
}

@media screen and (max-width: 1850px) {
    .radio-buttons {
        width: 90%
    }
}

@media screen and (max-width: 641px) {
    .radio-buttons {
        width: 100%;
        padding: 0
    }
}

@media screen and (max-width: 523px) {
    .radio-buttons {
        display: block !important
    }
}

.form-section input, .form-theme input {
    width: 100%;
    border: 1px solid #f8981f;
    padding: 10px;
    font-size: 14px;
    color: #656565;
    margin-top: 10px
}

.form-section input.button, .form-theme input.button {
    display: block;
    font-family: TitilliumFresh;
    font-size: 18px;
    color: #fff;
    background: #d31145;
    padding: 5px 5px 3px;
    text-transform: uppercase;
    width: 250px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 3px #d31145;
    box-shadow: 0 0 0 3px #d31145;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    z-index: 6;
    margin-left: 37px;
    cursor: pointer
}

@media screen and (max-width: 1516px) {
    .form-section input.button, .form-theme input.button {
        margin-left: 1%
    }
}

@media screen and (max-width: 991px) {
    .form-section input.button, .form-theme input.button {
        float: right;
        margin-top: -70px
    }
}

@media screen and (max-width: 632px) {
    .form-section input.button, .form-theme input.button {
        float: none;
        width: 100%;
        margin-top: 30px;
        margin-left: 0 !important
    }
}

.form-section input.button:hover, .form-theme input.button:hover {
    background: #f8981f
}

.form-section textarea, .form-theme textarea {
    width: 100%;
    border: 1px solid #f8981f;
    padding: 10px;
    font-size: 14px;
    color: #656565;
    height: 153px;
    resize: none;
    margin-top: 10px
}

.left-form {
    width: 33%
}

@media screen and (max-width: 991px) {
    .left-form {
        width: 100%
    }
}

.right-form {
    width: 65%
}

@media screen and (max-width: 991px) {
    .right-form {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .second-form span:nth-of-type(odd) input {
        margin-left: 0
    }
}

@media screen and (max-width: 1516px) {
    .second-form input {
        display: inline-block;
        width: 48%;
        margin-left: 1%
    }
}

@media screen and (max-width: 991px) {
    .second-form input {
        width: 49%;
        margin-left: 1%
    }
}

@media screen and (max-width: 411px) {
    .second-form input {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 1516px) {
    .second-form {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width: 1516px) {
    .second-form .left-form, .second-form .right-form {
        width: 100%
    }
}

.privacy {
    font-size: 11px;
    line-height: 14px;
    color: #656565;
    margin-bottom: 40px;
    margin-left: 30px;
    margin-top: 10px
}

@media screen and (max-width: 1516px) {
    .privacy {
        margin-left: 1%
    }
}

@media screen and (max-width: 991px) {
    .privacy {
        margin-left: 0;
        margin-top: 10px
    }
}

.privacy a {
    color: #f8981f;
    text-decoration: underline
}

.required {
    display: block;
    margin-left: 37px;
    font-size: 11px;
    color: #656565;
    margin-bottom: 10px
}

.footer {
    background: #f8981f;
    color: #fff;
    padding: 50px 0
}

.footer .menu {
    margin-left: 50px
}

@media screen and (max-width: 991px) {
    .footer .menu {
        margin: 0
    }
}

.footer .menu .submenu {
    overflow: visible;
    padding-left: 0
}

.footer .menu .submenu li a {
    font-size: 16px !important
}

.footer .menu ul {
    margin: 0
}

@media screen and (max-width: 991px) {
    .footer .menu ul {
        text-align: center
    }
}

.footer .menu li {
    text-decoration: none;
    display: inline-block
}

@media screen and (max-width: 1932px) {
    .footer .menu li.has-submenu {
        display: none
    }
}

.footer .menu li.has-submenu > a {
    display: none
}

.footer .menu a {
    color: #fff;
    padding: 0 10px
}

.footer .menu a:focus {
    text-decoration: none
}

.footer .copyrights {
    margin-right: 50px
}

@media screen and (max-width: 991px) {
    .footer .copyrights {
        margin: 50px 0 0
    }
}

.menu-section {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}

.menu-section.open {
    opacity: 1
}

.menu-section.open .menu {
    pointer-events: all
}

.menu-section .menu {
    background: url(/wp-content/themes/fresh2020/static/images/menu-bg.jpg) 50% no-repeat;
    background-size: cover;
    pointer-events: none;
    padding: 200px 0;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch
}

.menu-section .menu-items {
    width: 30%;
    border-right: 2px dashed #fff;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

@media screen and (max-width: 991px) {
    .menu-section .menu-items {
        border: none;
        width: 70%
    }
}

.menu-section .menu-items ul {
    list-style: none
}

.menu-section .menu-items ul li {
    line-height: 3vw
}

@media screen and (max-width: 991px) {
    .menu-section .menu-items ul li {
        line-height: 6vw
    }
}

@media screen and (max-width: 600px) {
    .menu-section .menu-items ul li {
        line-height: 10vw
    }
}

.menu-section .menu-items ul li a {
    color: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 3vw;
    font-family: TitilliumFresh
}

@media screen and (max-width: 991px) {
    .menu-section .menu-items ul li a {
        font-size: 6vw
    }
}

@media screen and (max-width: 600px) {
    .menu-section .menu-items ul li a {
        font-size: 10vw
    }
}

.menu-section .menu-items ul li a:hover {
    text-decoration: none;
    color: #ffb900
}

.menu-section .menu-items ul li a:focus {
    text-decoration: none
}

.menu-section .menu-description {
    width: 40%;
    padding-left: 5%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    color: #fff
}

@media screen and (max-width: 1638px) {
    .menu-section .menu-description {
        width: 50%
    }
}

@media screen and (max-width: 1316px) {
    .menu-section .menu-description {
        width: 60%
    }
}

@media screen and (max-width: 991px) {
    .menu-section .menu-description {
        display: none !important
    }
}

.menu-contact-box a {
    color: #fff
}

.menu-contact-box a:hover {
    opacity: .5
}

.input-none {
    display: none
}

.input-none.sklep {
    display: block
}

@media screen and (max-width: 991px) {
    .subpage-header {
        height: auto !important
    }
}

.head {
    background-size: cover !important;
    padding-left: 100px
}

@media screen and (max-width: 991px) {
    .head {
        padding-left: 0;
        padding-top: 120px;
        padding-bottom: 30px
    }
}

.head h1 {
    font-size: 123px;
    font-family: TitilliumFresh;
    color: #f2b021
}

@media screen and (max-width: 1606px) {
    .head h1 {
        font-size: 100px
    }
}

@media screen and (max-width: 1400px) {
    .head h1 {
        font-size: 65px
    }
}

@media screen and (max-width: 1093px) {
    .head h1 {
        font-size: 45px
    }
}

@media screen and (max-width: 991px) {
    .head h1 {
        width: 100%;
        text-align: center;
        font-size: 15vw
    }
}

.head p {
    font-size: 16px;
    color: #fff;
    line-height: 24px
}

@media screen and (max-width: 991px) {
    .head p {
        width: 100%;
        text-align: center;
        padding: 0 2.5%
    }
}

.blur {
    height: 100%;
    width: 100%;
    min-width: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.blur.blured {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.popup-form.form-section {
    padding: 0 !important
}

.popup-form input {
    width: auto !important;
    margin-right: 10px
}

@media screen and (max-width: 920px) {
    .popup-form input {
        width: 100% !important
    }
}

.popup-form input.button {
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .popup-form input.button {
        float: none
    }
}

.popup-form .privacy {
    margin-left: 0;
    text-align: left !important;
    margin-bottom: 20px
}

.popup-form .afermitive {
    text-align: left
}

.popup-form .captcha {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 0
}

@media screen and (max-width: 920px) {
    .popup {
        width: 90% !important;
        height: 90% !important;
        max-height: 90% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important
    }
}

@media screen and (max-width: 920px) {
    .popup .popup-title {
        font-size: 25px !important
    }
}

@media screen and (max-width: 920px) {
    .popup .popup-description {
        font-size: 14px !important;
        padding: 10px 0 !important;
        margin-bottom: 0
    }
}

@media screen and (max-width: 920px) {
    .popup .popup-flex {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width: 920px) {
    .popup .numer_telefonu {
        width: 100%
    }
}

.page-portfolio .portfolio-home-section {
    margin-top: 0px;
    padding-bottom: 250px
}

@media screen and (max-width: 991px) {
    .page-portfolio .portfolio-home-section {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 479px) {
    .page-portfolio .portfolio-home-section {
        margin-top: 0;
        padding-bottom: 0
    }
}

.page-portfolio .portfolio-home-section .portfolio {
    margin-top: -60px
}

@media screen and (max-width: 1618px) {
    .page-portfolio .portfolio-home-section .portfolio {
        margin-top: -30px
    }
}

@media screen and (max-width: 1374px) {
    .page-portfolio .portfolio-home-section .portfolio {
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .page-portfolio .portfolio-home-section .portfolio {
        margin-top: 0
    }
}

.page-campaigns .portfolio-home-section {
    padding-top: 200px;
    padding-bottom: 300px
}

@media screen and (max-width: 991px) {
    .page-campaigns .portfolio-home-section {
        padding: 0 0 100px
    }
}

.page-campaigns .portfolio-home-section .button {
    display: none
}

@media screen and (max-width: 1440px) {
    .page-campaigns .portfolio-home-section h1 {
        font-size: 25px
    }
}

@media screen and (max-width: 991px) {
    .page-campaigns .portfolio-home-section h1 {
        font-size: 45px
    }
}

@media screen and (max-width: 1440px) {
    .page-campaigns .portfolio-home-section p {
        font-size: 12px
    }
}

@media screen and (max-width: 991px) {
    .page-campaigns .portfolio-home-section p {
        font-size: 16px
    }
}

.about-section {
    padding: 100px 0;
    background: url(/wp-content/themes/fresh2020/static/images/lines.svg) 54.5% repeat-y;
    background-size: 250px
}

@media screen and (max-width: 991px) {
    .about-section {
        background: 0 0
    }
}

.about-us-item {
    color: #656565;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 100px
}

@media screen and (max-width: 991px) {
    .about-us-item:nth-of-type(2n) > div:nth-of-type(2) {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }
}

@media screen and (max-width: 991px) {
    .about-us-item .button {
        display: inline-block
    }
}

.about-us-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.about-us-item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (max-width: 1648px) {
    .about-us-item img {
        width: 80%
    }
}

@media screen and (max-width: 991px) {
    .about-us-item img {
        width: auto;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 580px) {
    .about-us-item img {
        width: 100%
    }
}

.about-us-item h2 {
    margin-bottom: 20px;
    font-family: TitilliumFresh;
    font-size: 30px;
    color: #f26a04
}

.about-us-item li {
    margin-bottom: 20px;
    width: 80%
}

@media screen and (max-width: 1648px) {
    .about-us-item li {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .about-us-item li {
        list-style: none
    }
}

.about-us-item > div:first-of-type {
    text-align: right;
    padding-right: 50px
}

@media screen and (max-width: 991px) {
    .about-us-item > div:first-of-type {
        text-align: center;
        padding-right: 15px
    }
}

.about-us-item > div:nth-of-type(2) {
    text-align: left;
    padding-left: 50px
}

@media screen and (max-width: 991px) {
    .about-us-item > div:nth-of-type(2) {
        text-align: center;
        padding-left: 15px
    }
}

.module {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    position: relative;
    top: 100px;
    opacity: 0
}

.module.already-visible, .module.come-in {
    top: 0;
    opacity: 1
}

@media screen and (max-width: 991px) {
    .scrum-section p {
        padding: 0 2.5%
    }
}

@media screen and (max-width: 991px) {
    .scrum-section {
        text-align: center
    }
}

.scrum-section .bg {
    background: #f0f0f0;
    padding: 100px 0
}

.scrum-section svg {
    stroke: #f8981f;
    width: 50%;
    height: 30%
}

.submenu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    padding-left: 30px
}

.submenu li {
    line-height: 1.5vw !important
}

@media screen and (max-width: 991px) {
    .submenu li {
        line-height: 7vw !important
    }
}

.submenu li a {
    font-size: 1.5vw !important
}

@media screen and (max-width: 991px) {
    .submenu li a {
        font-size: 5vw !important
    }
}

.submenu.open {
    max-height: 400px;
    padding-bottom: 20px
}

.title-section {
    text-align: center
}

.title-section h3 {
    color: #ed741d;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 20px 0
}

.title-section p {
    padding: 0 15%;
    color: #656565
}

.icons-section {
    text-align: center
}

.icons-section .bg {
    padding: 150px 0
}

@media screen and (max-width: 991px) {
    .icons-section .bg {
        padding: 50px 0
    }
}

.icons-section .color-icon {
    display: inline-block;
    position: relative
}

.icons-section .color-icon svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    stroke: #fff;
    margin: auto
}

.icons-section .icons-item {
    margin-top: 50px
}

.icons-section svg {
    width: 50px;
    height: 50px;
    stroke: #ed741d
}

.icons-section svg.airplane {
    width: 75px
}

.icons-section h3 {
    color: #ed741d;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 20px 0
}

.icons-section h3 a {
    color: #f36e20;
    text-decoration: none
}

.icons-section p {
    padding: 0 15px;
    color: #656565
}

.boxes {
    margin-left: 20px
}

.box1 svg {
    width: 30px;
    height: 30px
}

.box3 svg {
    width: 60px;
    height: 60px;
    position: absolute
}

.box6 {
    position: relative
}

.box6 svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 90px
}

.solutions-section {
    text-align: center;
    padding-bottom: 150px
}

@media screen and (max-width: 1800px) {
    .solutions-section .solution-item-01 {
        width: 100%;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.solutions-section .portfolio {
    margin: 0
}

@media screen and (max-width: 1800px) {
    .solutions-section .portfolio {
        width: 100%;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 100px 0 0
    }
}

.solutions-section .portfolio .portfolio-item {
    height: 10vw;
    width: 60%
}

@media screen and (max-width: 1800px) {
    .solutions-section .portfolio .portfolio-item {
        height: 22vw
    }
}

@media screen and (max-width: 991px) {
    .solutions-section .portfolio .portfolio-item {
        height: 32vw
    }
}

.solutions-section .portfolio .portfolio-item h3 {
    font-size: .9vw
}

.solutions-section .portfolio .portfolio-item .description {
    padding: .5vw
}

.solutions-section .portfolio .portfolio-item .description p {
    margin-bottom: 0
}

@media screen and (max-width: 1800px) {
    .solutions-section .portfolio .portfolio-item .description h3 {
        font-size: 2vw
    }
}

@media screen and (max-width: 991px) {
    .solutions-section .portfolio .portfolio-item .description h3 {
        font-size: 4vw
    }
}

@media screen and (max-width: 1800px) {
    .solutions-section .portfolio .portfolio-item .description {
        padding: 1vw
    }
}

.solutions-section .portfolio .portfolio-item:first-of-type {
    margin-top: -20px
}

.solutions-section .portfolio .portfolio-item:nth-of-type(odd) {
    float: left
}

.solutions-section .portfolio .portfolio-item:nth-of-type(2n) {
    float: right
}

.solutions-section .portfolio img {
    top: 0
}

.solutions-section .button {
    margin-top: 30px
}

.solutions-section .solutions-item {
    text-align: left;
    padding: 0 100px;
    margin-top: 150px;
    color: #656565
}

@media screen and (max-width: 991px) {
    .solutions-section .solutions-item {
        margin-top: 50px;
        padding: 0 2.5%
    }
}

@media screen and (max-width: 1812px) {
    .solutions-section .solutions-item .reco .button {
        width: 100%
    }
}

@media screen and (max-width: 1800px) {
    .solutions-section .solutions-item .reco .button {
        width: auto
    }
}

.solutions-section .solutions-item .subtitle {
    margin: 20px 0
}

.solutions-section .solutions-item:nth-of-type(odd) > div:nth-of-type(2) {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1
}

@media screen and (max-width: 1800px) {
    .solutions-section .solutions-item:nth-of-type(odd) > div:nth-of-type(2) {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

.solutions-section h1.title {
    text-align: left
}

@media screen and (max-width: 991px) {
    .solutions-section h1.title {
        text-align: center
    }
}

.solutions-section svg {
    width: 50px;
    height: 50px;
    stroke: #ed741d
}

.solutions-section .boxes {
    margin-left: 20px
}

.solutions-section .box1 svg {
    width: 30px;
    height: 30px
}

.solutions-section .box3 svg {
    width: 60px;
    height: 60px
}

.solutions-section .box6 {
    position: relative;
    width: 90px;
    display: inline-block;
    height: 90px
}

.solutions-section .box6 svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 90px
}

@media screen and (max-width: 991px) {
    .solutions-item .title {
        font-size: 24px
    }
}

.steps-section-container {
    padding: 50px 0 0;
    background: url(/wp-content/themes/fresh2020/static/images/steps-bg.png) top no-repeat;
    background-size: 100%
}

.steps-section-container h2.title {
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 556px) {
    .steps-section-container h2.title {
        font-size: 25px
    }
}

p {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.slick-slider {
    margin-bottom: 0 !important
}

.steps-slider {
    width: 1000px;
    background: #ef4023;
    padding-top: 197px;
    margin-top: -107px;
    padding-bottom: 100px
}

@media screen and (max-width: 1374px) {
    .steps-slider {
        width: 100%
    }
}

@media screen and (max-width: 911px) {
    .steps-slider {
        padding-bottom: 50px
    }
}

.steps-slider .slick-dots li button:before {
    font-size: 15px;
    color: #fff
}

.steps-slider .slick-dots {
    position: absolute;
    top: 120px;
    height: 200px
}

.steps-slider .slick-arrow {
    display: none !important
}

.steps-slider img {
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .51);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .51)
}

@media screen and (max-width: 1148px) {
    .steps-slider .step img {
        width: 100%
    }
}

@media screen and (max-width: 1148px) {
    .steps-slider .step {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0 1%
    }
}

.step-content {
    background: #fff;
    color: #656565;
    font-size: 14px;
    line-height: 16px;
    padding: 30px;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .51);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .51)
}

.step-content h3 {
    color: #7b164d;
    font-style: italic;
    font-weight: 700;
    border-bottom: 2px dashed #ec2403;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.step-content h4 {
    color: #7b164d;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px
}

.light-grey {
    background: #f6f6f6
}

.content-section {
    padding-bottom: 100px;
    text-align: center
}

.content-section h1 {
    text-align: center;
    width: 100%;
    margin-bottom: 50px
}

.content-section p {
    padding: 0 30%;
    text-align: left;
    margin-bottom: 40px
}

@media screen and (max-width: 911px) {
    .content-section p {
        padding: 0 2.5%
    }
}

.content-section img {
    width: 30%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 40px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (max-width: 911px) {
    .content-section img {
        width: 100%
    }
}

.content-section img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.content-section .button {
    display: inline-block
}

.header-stripe {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    height: 130px !important
}

@media screen and (max-width: 991px) {
    .header-stripe {
        height: auto !important
    }
}

.header-stripe.down, .portfolio-subpage .header-stripe {
    height: 70px !important
}

.header-stripe.down {
    background: #ed7221
}

@media screen and (max-width: 991px) {
    .header-stripe.down {
        background: 0 0;
        height: auto !important
    }
}

.portfolio-subpage .header-stripe {
    background: #ed7221
}

@media screen and (max-width: 991px) {
    .portfolio-subpage .header-stripe {
        background: 0 0
    }
}

.portfolio-subpage .portfolio-switcher {
    opacity: 1;
    pointer-events: all
}

.portfolio-subpage .blur {
    padding-top: 130px;
    margin-top: -130px
}

.preloader {
    z-index: 9999999;
    background: #b42f15;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #b42f15), to(#e4601a));
    background: linear-gradient(90deg, #b42f15 0, #e4601a);
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    pointer-events: all
}

.preloader.hidden {
    opacity: 0;
    pointer-events: none
}

.preloader svg {
    width: 200px;
    height: 100px;
    fill: #fff !important;
    position: relative;
    display: block;
    overflow: visible
}

.preloader svg path, .preloader svg polygon {
    fill: #fff
}

.preloader svg path.circle {
    display: block;
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
    position: absolute;
    -webkit-transform-origin: 62.7875px 61.4625px;
    transform-origin: 62.7875px 61.4625px;
    -webkit-animation: prerotation 4s linear infinite;
    animation: prerotation 4s linear infinite
}

.preloader svg path.dzyndzel {
    opacity: 0;
    -webkit-animation: insert 4s linear 1s infinite;
    animation: insert 4s linear 1s infinite
}

@-webkit-keyframes insert {
    0% {
        opacity: 0
    }
    35% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    45% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes insert {
    0% {
        opacity: 0
    }
    35% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    45% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes prerotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes prerotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.layer {
    position: absolute;
    right: 0;
    bottom: -50px;
    width: 70%
}

@media screen and (max-width: 1560px) {
    .layer {
        width: 60%;
        bottom: 0
    }
}

@media screen and (max-width: 1386px) {
    .layer {
        bottom: 50px
    }
}

@media screen and (max-width: 991px) {
    .layer {
        width: 100%;
        bottom: auto;
        top: 0
    }
}

.layer.layer-1 {
    z-index: 3
}

.layer.layer-1.animation {
    -webkit-animation: layer 2s linear forwards;
    animation: layer 2s linear forwards
}

.layer.layer-2 {
    z-index: 2
}

.layer.layer-2.animation {
    -webkit-animation: layer 1.5s linear forwards;
    animation: layer 1.5s linear forwards
}

.layer.layer-3 {
    z-index: 2
}

.layer.layer-3.animation {
    -webkit-animation: layer 1s linear forwards;
    animation: layer 1s linear forwards
}

.layer.layer-4 {
    z-index: 2
}

.layer.layer-4.animation {
    -webkit-animation: layer 2.5s linear forwards;
    animation: layer 2.5s linear forwards
}

.layer.layer-5 {
    z-index: 0
}

.layer.layer-5.animation {
    -webkit-animation: layer 2s linear forwards;
    animation: layer 2s linear forwards
}

@-webkit-keyframes layer {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes layer {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.standard {
    background-size: cover
}

.grudnia-header {
    padding-bottom: 100px;
    border-bottom: 3px dashed #eee;
    background-repeat: no-repeat
}

.grudnia-header .logo-27-grudnia {
    margin-left: 150px;
    width: 150px
}

@media screen and (max-width: 1900px) {
    .grudnia-header .logo-27-grudnia {
        width: 100px
    }
}

@media screen and (max-width: 1386px) {
    .grudnia-header .logo-27-grudnia {
        width: 70px
    }
}

@media screen and (max-width: 991px) {
    .grudnia-header .logo-27-grudnia {
        z-index: 10;
        position: relative;
        margin-left: 0;
        left: 10%
    }
}

@media screen and (min-width: 992px) {
    .grudnia-header .portfolio-text {
        position: absolute;
        left: 10%;
        bottom: 100px;
        z-index: 10
    }
}

@media screen and (max-width: 1900px) {
    .grudnia-header .portfolio-text {
        bottom: 130px !important
    }
}

@media screen and (max-width: 1200px) {
    .grudnia-header .portfolio-text {
        bottom: 15vw !important
    }
}

@media screen and (max-width: 991px) {
    .grudnia-header .portfolio-text {
        bottom: 20vw !important;
        text-align: center;
        left: 0;
        width: 100%
    }
}

@media screen and (max-width: 479px) {
    .grudnia-header .portfolio-text {
        bottom: auto !important;
        top: 6vw
    }
}

.grudnia-header .portfolio-title {
    font-family: TitilliumFresh;
    font-size: 55px
}

@media screen and (max-width: 479px) {
    .grudnia-header .portfolio-title {
        font-size: 35px
    }
}

.grudnia-header .portfolio-title.black {
    color: #292929
}

@media screen and (max-width: 479px) {
    .grudnia-header .portfolio-description {
        font-size: 16px !important
    }
}

.padding {
    padding: 150px 25%
}

@media screen and (max-width: 991px) {
    .padding {
        padding: 100px 2.5%
    }
}

.portfolio p {
    font-size: 20px !important;
    padding: 0 10px
}

.loupe01 {
    left: -140px;
    margin-top: -250px
}

@media screen and (max-width: 1719px) {
    .loupe01 {
        width: 30%
    }
}

@media screen and (max-width: 991px) {
    .loupe01 {
        display: none
    }
}

.laptop01 {
    right: -140px
}

@media screen and (max-width: 1719px) {
    .laptop01 {
        width: 60%
    }
}

@media screen and (max-width: 991px) {
    .laptop01 {
        width: 90%;
        right: auto;
        margin: 0 5%
    }
}

@media screen and (max-width: 1990px) {
    .laptop-big {
        width: 100%
    }
}

.red-line {
    position: absolute;
    left: 0;
    margin-top: 2000px
}

.bg-27-grudnia {
    background: url(/wp-content/themes/fresh2020/static/images/27-grudnia-bg.jpg) no-repeat;
    background-position: 50%, 0;
    background-size: 100%;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.padding-top {
    padding: 400px 0
}

@media screen and (max-width: 2130px) {
    .padding-top {
        padding: 200px 0
    }
}

@media screen and (max-width: 740px) {
    .padding-top {
        padding: 50px 0
    }
}

.screen02 {
    left: -220px;
    margin-top: -350px;
    -webkit-box-shadow: 0 0 45px -9px rgba(0, 0, 0, .75);
    box-shadow: 0 0 45px -9px rgba(0, 0, 0, .75)
}

@media screen and (max-width: 2205px) {
    .screen02 {
        width: 35%;
        left: -13%
    }
}

@media screen and (max-width: 740px) {
    .screen02 {
        display: none
    }
}

.tablet01 {
    right: -220px;
    margin-top: 100px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 2205px) {
    .tablet01 {
        width: 35%;
        right: -13%
    }
}

@media screen and (max-width: 1344px) {
    .tablet01 {
        margin-top: 0
    }
}

@media screen and (max-width: 740px) {
    .tablet01 {
        width: 80%;
        margin: 0 10%;
        right: auto
    }
}

.loupe02 {
    margin-top: 500px;
    position: relative;
    z-index: 2;
    left: -140px
}

@media screen and (max-width: 2205px) {
    .loupe02 {
        width: 20%
    }
}

@media screen and (max-width: 1344px) {
    .loupe02 {
        margin-top: 300px
    }
}

@media screen and (max-width: 740px) {
    .loupe02 {
        display: none
    }
}

.white {
    color: #fff
}

.portfolio .second-paragraph {
    width: 22%;
    font-size: 20px;
    text-align: left;
    display: inline-block;
    position: absolute;
    right: 370px;
    top: 900px
}

@media screen and (max-width: 2130px) {
    .portfolio .second-paragraph {
        top: 700px
    }
}

@media screen and (max-width: 2163px) {
    .portfolio .second-paragraph {
        right: 20%
    }
}

@media screen and (max-width: 1904px) {
    .portfolio .second-paragraph {
        top: 600px
    }
}

@media screen and (max-width: 1400px) {
    .portfolio .second-paragraph {
        top: 530px;
        font-size: 14px !important
    }
}

@media screen and (max-width: 1344px) {
    .portfolio .second-paragraph {
        top: 400px
    }
}

@media screen and (max-width: 740px) {
    .portfolio .second-paragraph {
        top: auto;
        position: relative;
        width: 90%;
        padding: 0 5%;
        left: auto;
        right: auto
    }
}

.portfolio .third-paragraph {
    width: 20%;
    position: absolute;
    top: 0;
    left: 200px;
    text-align: left
}

@media screen and (max-width: 2110px) {
    .portfolio .third-paragraph {
        top: -200px;
        width: 30%
    }
}

@media screen and (max-width: 1344px) {
    .portfolio .third-paragraph {
        width: 50%;
        font-size: 14px !important;
        top: -150px
    }
}

@media screen and (max-width: 740px) {
    .portfolio .third-paragraph {
        top: auto;
        position: relative;
        display: inline-block;
        width: 90%;
        padding: 0 5%;
        left: auto;
        right: auto
    }
}

.portfolio .last-paragraph {
    position: absolute;
    width: 20% !important;
    top: 800px
}

@media screen and (max-width: 1786px) {
    .portfolio .last-paragraph {
        width: 30% !important;
        top: 45vw
    }
}

@media screen and (max-width: 1450px) {
    .portfolio .last-paragraph {
        font-size: 14px !important
    }
}

@media screen and (max-width: 1200px) {
    .portfolio .last-paragraph {
        top: 50vw
    }
}

.portfolio .aurum-first-paragraph {
    width: 50%;
    margin: 0 25%;
    text-align: left
}

@media screen and (max-width: 991px) {
    .portfolio .aurum-first-paragraph {
        width: 90% !important;
        margin: 0 5% !important;
        position: relative !important;
        top: auto !important;
        font-size: 20px !important
    }
}

.screen-image {
    width: 100%
}

.portfolio-header {
    margin-top: 70px
}

@media screen and (max-width: 1900px) {
    .portfolio-header {
        height: 60% !important
    }
}

@media screen and (max-width: 991px) {
    .portfolio-header {
        height: 70vw !important;
        margin-top: 0
    }
}

@media screen and (max-width: 704px) {
    .portfolio-header {
        height: 80vw !important
    }
}

@media screen and (max-width: 488px) {
    .portfolio-header {
        height: 90vw !important
    }
}

@media screen and (max-width: 479px) {
    .portfolio-header {
        margin-top: 86px
    }
}

@media screen and (max-width: 350px) {
    .portfolio-header {
        height: 110vw !important
    }
}

.portfolio-subpage {
    margin-top: -86px;
    padding-top: 86px
}

@media screen and (max-width: 991px) {
    .portfolio-subpage .left-frame {
        margin-top: 86px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-aurum-header {
        height: 50vw !important
    }
}

.aurum-header {
    background-size: 100%;
    border-bottom: 3px dashed #e28e1d
}

.aurum-header .aurum-header-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.purple-gradient {
    background: #715581;
    background: radial-gradient(ellipse at center, #715581 0, #39124f 100%);
    padding: 100px 0
}

.orange-gradient {
    background: #efc081;
    background: radial-gradient(ellipse at center, #efc081 0, #e28e1d 100%);
    border-top: 3px dashed #fff
}

.orange-line {
    left: 0;
    width: 20%
}

.orange-line, .white-line {
    position: absolute;
    z-index: 0
}

.white-line {
    right: 0
}

.aurum {
    z-index: 10;
    position: relative
}

@media screen and (max-width: 1974px) {
    .aurum {
        width: 90%;
        margin: 0 5%
    }
}

.purple {
    color: #39124f
}

.p-100 {
    padding: 100px 0
}

.m-top-100 {
    margin-top: 200px
}

.m-top-2300 {
    margin-top: 2300px
}

.m-top-3300 {
    margin-top: 3300px
}

.m-top-3000 {
    margin-top: 1400px
}

.m-top-4000 {
    margin-top: 5000px
}

.white-background {
    border-top: 3px dashed #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.canexpol-header {
    background: #292929
}

.canexpol-parallax {
    width: 50% !important;
    margin-top: 100px;
    z-index: 20
}

@media screen and (max-width: 991px) {
    .canexpol-parallax {
        margin-top: 0;
        z-index: 0
    }
}

.grey-background {
    background: url(/wp-content/themes/fresh2020/static/images/canexpol-bg.jpg) bottom no-repeat
}

.grey-gradient {
    background: #474747;
    background: radial-gradient(ellipse at center, #474747 0, #292929 100%)
}

.dogway-header {
    background: #e11b22;
    overflow: hidden
}

.dogway-header .dog {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 30%
}

@media screen and (max-width: 1900px) {
    .dogway-header .dog {
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width: 991px) {
    .dogway-header h1, .dogway-header p {
        text-align: left;
        padding-left: 10%
    }
}

.crown {
    position: absolute;
    right: 12%;
    width: 24%;
    z-index: 1;
    bottom: 2%
}

@media screen and (max-width: 1900px) {
    .crown {
        top: auto;
        bottom: 5px
    }
}

.crown svg {
    width: 100%
}

.dash svg path {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    stroke: #fff;
    -webkit-animation: dash 5s linear 1s infinite alternate;
    animation: dash 5s linear 1s infinite alternate;
    fill: transparent
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
        fill: #fff
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
        fill: #fff
    }
}

.dogway-first-paragraph {
    padding-bottom: 100px
}

@media screen and (max-width: 1600px) {
    .dogway-image {
        width: 90%;
        margin: 0 5%
    }
}

.dog01 {
    position: absolute;
    left: 0;
    top: 30%;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .dog01 {
        display: none
    }
}

.cocard {
    position: absolute;
    left: 285px;
    top: 40%;
    width: 190px;
    z-index: 1;
    display: block;
    z-index: 4
}

@media screen and (max-width: 1284px) {
    .cocard {
        top: 41%
    }
}

@media screen and (max-width: 1212px) {
    .cocard {
        top: 42%
    }
}

@media screen and (max-width: 991px) {
    .cocard {
        display: none
    }
}

.cocard svg {
    width: 100%
}

.light-grey-background {
    background: #f1f2f2;
    border-top: 3px dashed #e11b22
}

.dogway-image {
    margin: 100px 0;
    z-index: 2;
    position: relative
}

.red-background {
    background: #da040e;
    border-top: 3px dashed #fff
}

.dog03 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
    width: 750px
}

@media screen and (max-width: 1600px) {
    .dog03 {
        display: none
    }
}

.dress {
    width: 560px;
    position: absolute;
    z-index: 1;
    left: 2.5%;
    top: 70%
}

@media screen and (max-width: 1600px) {
    .dress {
        display: none
    }
}

.dress svg {
    width: 100%
}

.aurum-first-paragraph {
    position: relative;
    z-index: 2
}

.fortis-header {
    background: url(/wp-content/themes/fresh2020/static/images/fortis-header.jpg) 50% no-repeat;
    background-size: cover
}

.fortis-red-background {
    background: url(/wp-content/themes/fresh2020/static/images/fortis-red-background.jpg) 50% no-repeat;
    background-size: cover;
    background-repeat: repeat-y
}

.fortis-white-background {
    background: url(/wp-content/themes/fresh2020/static/images/fortis-white-background.jpg) 50% no-repeat;
    background-size: cover;
    background-repeat: repeat-y
}

.fortis-section {
    padding: 150px 0
}

.otvarta-header {
    background: url(/wp-content/themes/fresh2020/static/images/otvarta-bg.jpg) 50% no-repeat fixed;
    background-size: cover
}

.otvarta-header .portfolio-text {
    height: 100%;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0 50px
}

.otvarta-bg, .otvarta-header .portfolio-text {
    background: #c61b31;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #c61b31), to(#ed1b2e));
    background: linear-gradient(90deg, #c61b31 0, #ed1b2e)
}

.otvarta-logo {
    width: 600px;
    height: 300px;
    margin: auto;
    display: block;
    position: relative
}

@media screen and (max-width: 748px) {
    .otvarta-logo {
        width: 90%;
        margin: 0 5%
    }
}

.otvarta-logo svg {
    width: 100%
}

.otvarta-logo-bg {
    background: url(/wp-content/themes/fresh2020/static/images/otvarta-bg-01.jpg) 50% no-repeat;
    background-size: cover;
    background-repeat: repeat-y
}

.otvarta-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/otvarta-bg-02.jpg) 50% no-repeat;
    background-size: cover;
    background-repeat: repeat-y
}

.otvarta-bg-03 {
    background: url(/wp-content/themes/fresh2020/static/images/otvarta-bg-03.jpg) 50% no-repeat;
    background-size: cover;
    background-repeat: repeat-y
}

.m-top-100 {
    margin-top: 100px !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.otvarta-first-paragraph {
    width: 20% !important;
    position: absolute;
    top: 800px;
    z-index: 5
}

@media screen and (max-width: 1975px) {
    .otvarta-first-paragraph {
        width: 30% !important;
        margin: 0 15% !important
    }
}

@media screen and (max-width: 1974px) {
    .otvarta-first-paragraph {
        width: 40% !important;
        margin: 0 5% !important;
        top: 50vw
    }
}

.m-top-m-100 {
    margin-top: -100px !important
}

.w-45 {
    width: 45% !important
}

.movie {
    width: 100%;
    height: 42vw;
    margin-bottom: -10px
}

.ball-bg {
    background: url(/wp-content/themes/fresh2020/static/images/ball-bg.png) -50px -300px no-repeat #c61b31 !important
}

@media screen and (max-width: 991px) {
    .ball-bg {
        background: #c61b31 !important;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, #c61b31), to(#ed1b2e)) !important;
        background: linear-gradient(90deg, #c61b31 0, #ed1b2e) !important
    }
}

.m-top-m-10 {
    margin-top: -10px
}

.padding-b-100 {
    padding-bottom: 100px
}

.p-05 {
    padding: 0 5%
}

@media screen and (max-width: 991px) {
    .portfolio .m-m-top-100 {
        margin-top: 100px !important
    }
}

@media screen and (max-width: 991px) {
    .portfolio .m-m-b-100 {
        margin-bottom: 100px !important
    }
}

@media screen and (max-width: 484px) {
    .otvarta-header h1 {
        text-align: center !important;
        width: 100%
    }
}

@media screen and (max-width: 918px) {
    .otvarta-last-section {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width: 918px) {
    .otvarta-last-section p {
        padding-top: 50px;
        width: 90% !important;
        margin: 0 5% !important
    }
}

@media screen and (max-width: 616px) {
    .otvarta-last-section img {
        width: 90%;
        margin: 0 5%
    }
}

.hertz-header {
    background: url(/wp-content/themes/fresh2020/static/images/hertz-header.jpg) 50% no-repeat;
    background-size: cover
}

.hertz-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/hertz-bg-01.jpg) 50%
}

.hertz-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/hertz-bg-02.jpg) 50%
}

.hertz-bg-03 {
    background: url(/wp-content/themes/fresh2020/static/images/hertz-bg-03.jpg) 50%
}

.hertz-bg-04 {
    background: url(/wp-content/themes/fresh2020/static/images/hertz-bg-04.jpg) 50%
}

.hertz-bg-05 {
    background: url(/wp-content/themes/fresh2020/static/images/hertz-bg-05.jpg) 50%
}

.quality-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/quality-bg-01.jpg) 100% 100% no-repeat;
    background-size: cover
}

.quality-header {
    background: url(/wp-content/themes/fresh2020/static/images/quality-header.jpg) bottom no-repeat;
    background-size: cover;
    border-bottom: none
}

.quality-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .quality-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .quality-header .portfolio-text {
        bottom: 0
    }
}

.quality-header h1 {
    width: 100%;
    text-align: center
}

.quality-header p {
    text-align: center
}

.green-bg {
    background: #92c020
}

.grey-bg-quality {
    background: #f1f2f2
}

.kanu-header {
    background: url(/wp-content/themes/fresh2020/static/images/kanu-header.jpg) 50% no-repeat;
    background-size: cover
}

.kanu-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/kanu-bg-01.jpg) 50%;
    background-size: cover
}

.kanu-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/kanu-bg-02.jpg) 50%;
    background-size: cover
}

.kanu-bg-03 {
    background: url(/wp-content/themes/fresh2020/static/images/kanu-bg-03.jpg) 50%;
    background-size: cover
}

.canagri-header {
    background: url(/wp-content/themes/fresh2020/static/images/canagri-header.jpg) 50% no-repeat;
    background-size: cover
}

.canagri-first-paragraph {
    width: 23% !important;
    position: absolute;
    top: 900px
}

@media screen and (max-width: 1570px) {
    .canagri-first-paragraph {
        top: 50vw
    }
}

@media screen and (max-width: 1208px) {
    .canagri-first-paragraph {
        position: relative;
        top: auto;
        width: 50% !important;
        margin-bottom: 50px !important
    }
}

.canagri-second-paragraph {
    width: 18% !important;
    position: absolute;
    bottom: 500px;
    right: 0
}

@media screen and (max-width: 2148px) {
    .canagri-second-paragraph {
        bottom: 20vw;
        width: 15% !important
    }
}

@media screen and (max-width: 1686px) {
    .canagri-second-paragraph {
        margin-right: 10% !important;
        width: 25% !important;
        bottom: 25vw
    }
}

@media screen and (max-width: 1326px) {
    .canagri-second-paragraph {
        bottom: 15vw
    }
}

@media screen and (max-width: 1080px) {
    .canagri-second-paragraph {
        position: relative;
        width: 50% !important;
        margin: 0 25% !important;
        bottom: auto
    }
}

.canagri-third-paragraph {
    width: 20% !important;
    position: absolute;
    right: 0;
    top: 800px
}

@media screen and (max-width: 1924px) {
    .canagri-third-paragraph {
        margin-right: 10% !important;
        top: 40vw;
        width: 30% !important
    }
}

.canagri-fourth-paragraph {
    width: 30% !important;
    position: absolute;
    bottom: 200px
}

@media screen and (max-width: 1652px) {
    .canagri-fourth-paragraph {
        width: 40% !important;
        margin-left: 10% !important;
        bottom: 12vw
    }
}

@media screen and (max-width: 1260px) {
    .canagri-fourth-paragraph {
        bottom: 8vw
    }
}

@media screen and (max-width: 991px) {
    .canagri-fourth-paragraph {
        position: relative;
        bottom: auto
    }
}

.canagri-green-bg {
    background: #5ab548
}

.canagri-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/canagri-bg-01.jpg) 50%;
    background-size: cover
}

.feuvert-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/feuvert-bg-01.png) 50% no-repeat;
    background-size: auto 100%
}

.feuvert-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/feuvert-bg-02.png) 50% no-repeat;
    background-size: auto 100%
}

.pearson-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/pearson-bg-01.png) 50% no-repeat;
    background-size: auto 100%
}

.pearson-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/pearson-bg-02.png) 50% no-repeat;
    background-size: auto 100%
}

.feuvert-header {
    background: url(/wp-content/themes/fresh2020/static/images/feuvert-header.png) bottom no-repeat;
    background-size: cover;
    border: none
}

.feuvert-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .feuvert-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .feuvert-header .portfolio-text {
        bottom: 0
    }
}

.feuvert-header h1 {
    width: 100%;
    text-align: center
}

.feuvert-header p {
    text-align: center
}

.feuvert-video {
    position: absolute;
    z-index: 40;
    width: 782px;
    margin: auto;
    left: 0;
    right: 0;
    top: 136px
}

@media screen and (max-width: 1974px) {
    .feuvert-video {
        width: 51vw;
        margin: 0 12vw
    }
}

@media screen and (max-width: 1580px) {
    .feuvert-video {
        top: 12.5%
    }
}

@media screen and (max-width: 1116px) {
    .feuvert-video {
        top: 13%
    }
}

@media screen and (max-width: 991px) {
    .feuvert-video {
        margin: auto;
        width: 67.4vw;
        top: 14%
    }
}

@media screen and (max-width: 840px) {
    .feuvert-video {
        margin: auto;
        width: 68vw;
        top: 14.3%
    }
}

@media screen and (max-width: 666px) {
    .feuvert-video {
        margin: auto;
        width: 68vw;
        top: 14.5%
    }
}

.pearson-video {
    position: absolute;
    z-index: 40;
    width: 882px;
    margin: auto;
    left: 0;
    right: 0;
    top: 126px
}

@media screen and (max-width: 1974px) {
    .pearson-video {
        width: 64vw;
        margin: 0 5.5vw;
        top: 130px
    }
}

@media screen and (max-width: 1580px) {
    .pearson-video {
        top: 10%
    }
}

@media screen and (max-width: 1488px) {
    .pearson-video {
        top: 122px
    }
}

@media screen and (max-width: 991px) {
    .pearson-video {
        margin: auto;
        width: 85vw;
        top: 121px
    }
}

@media screen and (max-width: 774px) {
    .pearson-video {
        top: 115px
    }
}

@media screen and (max-width: 554px) {
    .pearson-video {
        top: 110px
    }
}

.pearson-header {
    background: url(/wp-content/themes/fresh2020/static/images/pearson-header.png) bottom no-repeat #ebe6d0;
    background-size: cover;
    border: none
}

.pearson-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .pearson-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .pearson-header .portfolio-text {
        bottom: 0
    }
}

.pearson-header h1 {
    width: 100%;
    text-align: center
}

.pearson-header p {
    text-align: center
}

.pearson-portfolio {
    background: #ebe6d0
}

.whiskey-header {
    background: url(/wp-content/themes/fresh2020/static/images/whiskey-header.jpg) 50% no-repeat;
    background-size: cover;
    border: none;
    position: relative
}

.whiskey-header:after {
    content: "";
    display: block;
    width: 100%;
    background: url(/wp-content/themes/fresh2020/static/images/whiskey-brush.svg) bottom no-repeat;
    background-size: 2800px;
    height: 120px;
    left: 0;
    position: absolute;
    bottom: -100px;
    z-index: 50
}

@media screen and (max-width: 991px) {
    .whiskey-header:after {
        background-size: 1800px;
        height: 180px;
        bottom: -70px
    }
}

.whiskey-logo {
    display: inline-block;
    width: 300px;
    margin-top: 200px
}

@media screen and (max-width: 354px) {
    .whiskey-logo {
        width: 80%
    }
}

.whiskey-logo svg {
    width: 100%
}

.m-top-2000 {
    margin-top: 5600px
}

.m-top-7000 {
    margin-top: 4000px
}

.m-top-8000 {
    margin-top: 10000px
}

.whiskey-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/whiskey-bg-01.jpg) 100% no-repeat
}

.whiskey-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/whiskey-bg-02.jpg) 50% no-repeat;
    background-size: cover
}

.whiskey-bg-03 {
    background: url(/wp-content/themes/fresh2020/static/images/whiskey-bg-03.jpg) 50% no-repeat;
    background-size: cover
}

.whiskey-bg-04 {
    background: url(/wp-content/themes/fresh2020/static/images/whiskey-bg-04.jpg) 50% no-repeat;
    background-size: cover
}

.whiskey-first-paragraph {
    width: 25% !important;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto !important
}

@media screen and (max-width: 1702px) {
    .whiskey-first-paragraph {
        top: auto;
        bottom: 50px
    }
}

@media screen and (max-width: 1560px) {
    .whiskey-first-paragraph {
        position: relative;
        width: 50% !important;
        top: auto;
        bottom: auto;
        left: 0;
        right: 0;
        margin: auto !important;
        padding-top: 100px
    }
}

.whiskey-second-paragraph {
    display: block;
    position: absolute;
    width: 20%;
    right: 90px;
    bottom: 200px;
    z-index: 30;
    text-align: left
}

@media screen and (max-width: 1658px) {
    .whiskey-second-paragraph {
        right: 50px;
        bottom: 100px
    }
}

@media screen and (max-width: 1194px) {
    .whiskey-second-paragraph {
        bottom: 50px
    }
}

@media screen and (max-width: 826px) {
    .whiskey-second-paragraph {
        position: absolute;
        width: 90%;
        margin: 0 5%;
        right: auto;
        bottom: auto;
        top: 50px
    }
}

.whiskey-third-paragraph {
    width: 25%;
    left: 25%;
    position: absolute;
    z-index: 50;
    top: 80px;
    text-align: left
}

@media screen and (max-width: 2236px) {
    .whiskey-third-paragraph {
        position: relative;
        width: 50%;
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        padding-top: 50px
    }
}

@media screen and (max-width: 991px) {
    .whiskey-third-paragraph {
        width: 90%
    }
}

.whiskey-fourth-paragraph {
    width: 25%;
    right: 25%;
    position: absolute;
    z-index: 50;
    top: 80px;
    text-align: left
}

@media screen and (max-width: 2236px) {
    .whiskey-fourth-paragraph {
        position: relative;
        width: 50%;
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 991px) {
    .whiskey-fourth-paragraph {
        width: 90%
    }
}

.whiskey-fifth-paragraph {
    width: 25%;
    right: 15%;
    position: absolute;
    z-index: 50;
    top: 100px;
    text-align: left
}

@media screen and (max-width: 2258px) {
    .whiskey-fifth-paragraph {
        width: 30%;
        right: 10%
    }
}

@media screen and (max-width: 1560px) {
    .whiskey-fifth-paragraph {
        position: relative;
        width: 50%;
        margin: auto;
        top: 0;
        right: auto
    }
}

@media screen and (max-width: 991px) {
    .whiskey-fifth-paragraph {
        width: 90%
    }
}

.whiskey-sixth-paragraph {
    width: 35%;
    right: 15%;
    position: absolute;
    z-index: 50;
    bottom: 80px;
    text-align: left
}

@media screen and (max-width: 1972px) {
    .whiskey-sixth-paragraph {
        bottom: 50px
    }
}

@media screen and (max-width: 1816px) {
    .whiskey-sixth-paragraph {
        position: relative;
        width: 50%;
        right: auto;
        bottom: auto;
        margin: 50px auto auto
    }
}

@media screen and (max-width: 991px) {
    .whiskey-sixth-paragraph {
        width: 90%
    }
}

.whiskey-seventh-paragraph {
    width: 35%;
    left: 15%;
    position: absolute;
    z-index: 50;
    top: 120px;
    text-align: left
}

@media screen and (max-width: 1762px) {
    .whiskey-seventh-paragraph {
        position: relative;
        width: 50%;
        margin: auto;
        right: auto;
        bottom: auto;
        left: auto;
        top: auto
    }
}

@media screen and (max-width: 991px) {
    .whiskey-seventh-paragraph {
        width: 90%
    }
}

.whiskey-eighth-paragraph {
    position: absolute;
    z-index: 50;
    text-align: left;
    left: 25%
}

.whiskey-eighth-paragraph.bottom {
    bottom: 50px
}

.whiskey-eighth-paragraph.top {
    top: 50px
}

@media screen and (max-width: 1932px) {
    .whiskey-eighth-paragraph {
        position: relative;
        width: 50%;
        margin: auto;
        right: auto;
        bottom: auto;
        left: auto;
        top: auto;
        color: #000;
        padding: 50px 0
    }
}

@media screen and (max-width: 991px) {
    .whiskey-eighth-paragraph {
        width: 90% !important
    }
}

.whiskey-brush:before {
    content: "";
    display: block;
    width: 100%;
    background: url(/wp-content/themes/fresh2020/static/images/whiskey-brush-white.svg) top no-repeat;
    background-size: 2800px;
    height: 120px;
    left: 0;
    position: absolute;
    top: -70px;
    z-index: 50
}

.p-200 {
    padding: 200px 0
}

.blend-mode-darken {
    mix-blend-mode: darken
}

.grube-header {
    background: url(/wp-content/themes/fresh2020/static/images/grube-header.png) bottom no-repeat;
    background-size: cover;
    border: none
}

.grube-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .grube-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .grube-header .portfolio-text {
        bottom: 0
    }
}

.grube-header h1 {
    width: 100%
}

.grube-header h1, .grube-header p {
    text-align: center
}

.grube-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/grube-bg-01.png) 50% no-repeat;
    background-size: auto 100%
}

.grube-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/grube-bg-02.png) 50% no-repeat;
    background-size: auto 100%
}

.grube-image {
    position: absolute;
    z-index: 20;
    margin-top: 100px
}

.grube-video {
    position: absolute;
    margin: auto;
    width: 868.5px;
    left: 0;
    right: 0;
    z-index: 11;
    top: 283px
}

@media screen and (max-width: 1974px) {
    .grube-video {
        width: 65.5%;
        top: auto;
        bottom: 30.5%
    }
}

@media screen and (max-width: 1190px) {
    .grube-video {
        bottom: 27%
    }
}

@media screen and (max-width: 750px) {
    .grube-video {
        bottom: 28%
    }
}

@media screen and (max-width: 656px) {
    .grube-video {
        bottom: 29%
    }
}

@media screen and (max-width: 570px) {
    .grube-video {
        bottom: 30%
    }
}

@media screen and (max-width: 496px) {
    .grube-video {
        bottom: 31%
    }
}

@media screen and (max-width: 430px) {
    .grube-video {
        bottom: 32%
    }
}

@media screen and (max-width: 380px) {
    .grube-video {
        bottom: 33%
    }
}

.m-top-50 {
    margin-top: 50px
}

.pfnis-header {
    background: url(/wp-content/themes/fresh2020/static/images/pfnis-header.jpg) bottom no-repeat;
    background-size: cover;
    border: none
}

.pfnis-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .pfnis-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .pfnis-header .portfolio-text {
        bottom: 0
    }
}

.pfnis-header h1 {
    width: 100%
}

.pfnis-header h1, .pfnis-header p {
    text-align: center
}

.pfnis-bg-blue {
    background: #292e66
}

.pfnis-first-paragraph {
    width: 30%;
    left: 19%;
    top: 700px;
    position: absolute;
    text-align: left
}

@media screen and (max-width: 1974px) {
    .pfnis-first-paragraph {
        top: 45%;
        width: 40%;
        left: 10%
    }
}

@media screen and (max-width: 1626px) {
    .pfnis-first-paragraph {
        top: 40%
    }
}

@media screen and (max-width: 1460px) {
    .pfnis-first-paragraph {
        width: 70%;
        left: auto;
        top: auto;
        position: relative;
        margin: auto auto 50px
    }
}

@media screen and (max-width: 991px) {
    .pfnis-first-paragraph {
        width: 90%
    }
}

.pfnis-second-paragraph {
    width: 30%;
    right: 5%;
    position: absolute;
    text-align: left;
    bottom: 250px
}

@media screen and (max-width: 2016px) {
    .pfnis-second-paragraph {
        bottom: 100px
    }
}

@media screen and (max-width: 1832px) {
    .pfnis-second-paragraph {
        width: 70%;
        margin: auto;
        right: auto;
        bottom: auto;
        position: relative
    }
}

@media screen and (max-width: 991px) {
    .pfnis-second-paragraph {
        width: 90%
    }
}

.pfnis-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/pfnis-bg-01.jpg)
}

.pfnis-row {
    position: relative;
    margin-top: -450px
}

@media screen and (max-width: 1300px) {
    .pfnis-row {
        margin-top: auto
    }
}

.pfnis-row img {
    margin-left: -400px
}

@media screen and (max-width: 2016px) {
    .pfnis-row img {
        width: 45%
    }
}

@media screen and (max-width: 1300px) {
    .pfnis-row img {
        width: 90%;
        margin: auto
    }
}

.pfnis-lines {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

.pfnis-lines .line-col {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 1px;
    opacity: .3;
    border-left: 1px solid #ededed;
    z-index: 10;
    width: 25%;
    float: left
}

.nestle-header {
    background: url(/wp-content/themes/fresh2020/static/images/nestle-header.png) bottom no-repeat;
    background-size: cover;
    border: none
}

.nestle-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .nestle-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .nestle-header .portfolio-text {
        bottom: 0
    }
}

.nestle-header h1 {
    width: 100%;
    text-align: center
}

.nestle-header p {
    text-align: center
}

.nestle-video {
    width: 781px;
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    margin: auto;
    top: 133px
}

@media screen and (max-width: 1974px) {
    .nestle-video {
        width: 68%
    }
}

@media screen and (max-width: 1446px) {
    .nestle-video {
        top: 126px
    }
}

@media screen and (max-width: 1116px) {
    .nestle-video {
        top: 120px
    }
}

@media screen and (max-width: 991px) {
    .nestle-video {
        top: 125px
    }
}

@media screen and (max-width: 816px) {
    .nestle-video {
        top: 120px
    }
}

@media screen and (max-width: 650px) {
    .nestle-video {
        top: 115px
    }
}

@media screen and (max-width: 500px) {
    .nestle-video {
        top: 110px
    }
}

.nestle-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/nestle-bg-01.png) 50% no-repeat;
    background-size: auto 100%
}

.nestle-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/nestle-bg-02.png) 50% no-repeat;
    background-size: auto 100%
}

.girl {
    position: absolute
}

@media screen and (max-width: 1974px) {
    .girl {
        width: 300px;
        z-index: 11
    }
}

@media screen and (max-width: 991px) {
    .girl {
        display: none
    }
}

.girl-left {
    left: 10%;
    bottom: 0
}

@media screen and (max-width: 2272px) {
    .girl-left {
        left: 0
    }
}

.girl-right {
    right: 10%;
    bottom: 0
}

@media screen and (max-width: 2272px) {
    .girl-right {
        right: 0
    }
}

.tequilarnia-header {
    background: url(/wp-content/themes/fresh2020/static/images/tequilarnia-header.jpg) bottom no-repeat;
    background-size: cover;
    border: none
}

.tequilarnia-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .tequilarnia-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .tequilarnia-header .portfolio-text {
        bottom: 0
    }
}

.tequilarnia-header h1 {
    width: 100%;
    text-align: center
}

.tequilarnia-header p {
    text-align: center
}

.tequilarnia-skull {
    width: 100%;
    position: absolute;
    opacity: .05;
    margin-top: 4000px
}

.tequilarnia-skull svg {
    width: 100%
}

.tequilarnia-skull svg path, .tequilarnia-skull svg polygon {
    fill: #000 !important
}

.tequilarnia-yellow-bg {
    background: #ffd530;
    padding-top: 100px;
    padding-bottom: 200px
}

.tequilarnia-yellow-bg:before {
    width: 100%;
    content: "";
    display: block;
    background: url(/wp-content/themes/fresh2020/static/images/tequilarnia-pattern.svg) 50% no-repeat;
    height: 50px;
    background-repeat: repeat-x;
    z-index: 10;
    position: absolute;
    top: -50px
}

.tequilarnia-red-bg {
    background: #ed1b35;
    padding-bottom: 200px
}

.tequilarnia-red-bg img {
    margin-top: -200px
}

.powerduck-header {
    background: url(/wp-content/themes/fresh2020/static/images/powerduck-header.jpg) 50% no-repeat;
    background-size: cover;
    border: none
}

.powerduck-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/powerduck-bg-01.jpg) 50% no-repeat;
    background-size: cover;
    padding-bottom: 600px
}

.powerduck-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/powerduck-bg-02.jpg) 50% no-repeat;
    background-size: cover;
    padding-bottom: 600px
}

.region-header {
    background: url(/wp-content/themes/fresh2020/static/images/regionwlkp-header.png) bottom no-repeat;
    background-size: cover;
    border: none
}

.region-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .region-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .region-header .portfolio-text {
        bottom: 0
    }
}

.region-header h1 {
    width: 100%;
    text-align: center
}

.region-header p {
    text-align: center
}

.region-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/region-bg-01.png) 50% no-repeat;
    background-size: auto 100%
}

.region-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/region-bg-02.png) 50% no-repeat;
    background-size: auto 100%
}

.region-bg-main {
    background: url(/wp-content/themes/fresh2020/static/images/region-bg-main.jpg) 50% no-repeat fixed;
    background-size: 100% auto
}

.novia-header {
    background: url(/wp-content/themes/fresh2020/static/images/novia-header.jpg) 50% no-repeat;
    background-size: cover
}

.novia-logo {
    width: 50%;
    display: inline-block;
    margin: 50px auto auto
}

.novia-logo svg {
    width: 100%
}

.novia-pink-background {
    background: #f3eae6;
    margin-top: 100px
}

.novia-pink-background:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    top: -100px;
    left: 0;
    background: url(/wp-content/themes/fresh2020/static/images/novia-pattern.svg)
}

.novia-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/novia-bg-01.jpg) 50% no-repeat;
    background-size: cover
}

.novia-dark-pink {
    background: #e1d6d3
}

.novia-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/novia-bg-02.jpg) 50% no-repeat;
    background-size: cover
}

.nijhof-header {
    background: url(/wp-content/themes/fresh2020/static/images/nijhof-header.jpg) 50% no-repeat;
    background-size: cover
}

.nijhof-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/nijhof-bg-01.jpg) 50% no-repeat;
    background-size: cover
}

.nijhof-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/nijhof-bg-02.jpg) 50% no-repeat;
    background-size: cover
}

.nijhof-bg-03 {
    background: url(/wp-content/themes/fresh2020/static/images/nijhof-bg-03.jpg) 50% no-repeat;
    background-size: cover
}

.nijhof-first-paragraph {
    width: 25%;
    position: absolute;
    right: 25%;
    bottom: 300px;
    text-align: left
}

@media screen and (max-width: 1558px) {
    .nijhof-first-paragraph {
        bottom: 150px
    }
}

@media screen and (max-width: 1266px) {
    .nijhof-first-paragraph {
        bottom: 50px
    }
}

@media screen and (max-width: 1170px) {
    .nijhof-first-paragraph {
        position: relative;
        bottom: auto;
        width: 50%;
        margin: auto;
        right: auto;
        margin-top: 0 !important
    }
}

@media screen and (max-width: 991px) {
    .nijhof-first-paragraph {
        margin-top: 0 !important;
        width: 90%
    }
}

.nijhof-second-paragraph {
    width: 25%;
    position: absolute;
    right: 15%;
    bottom: 100px;
    text-align: left
}

@media screen and (max-width: 1994px) {
    .nijhof-second-paragraph {
        bottom: 50px;
        width: 30%;
        right: 10%
    }
}

@media screen and (max-width: 1710px) {
    .nijhof-second-paragraph {
        position: relative;
        bottom: auto;
        width: 50%;
        margin: auto;
        right: auto;
        margin-top: 0 !important
    }
}

@media screen and (max-width: 991px) {
    .nijhof-second-paragraph {
        margin-top: 0 !important;
        width: 90%
    }
}

.nijhof-blue-background {
    background: #444b91;
    background: radial-gradient(ellipse at center, #444b91 0, #272f81 100%)
}

.sgb-header {
    background: url(/wp-content/themes/fresh2020/static/images/sgb-header.jpg) 50% no-repeat;
    background-size: cover
}

.sgb-grey-bg {
    background: #d7d9d3
}

.sgb-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/sgb-bg-01.jpg) 50% no-repeat;
    background-size: cover
}

.sgb-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/sgb-bg-02.jpg) 50% no-repeat;
    background-size: cover
}

.sgb-first-paragraph {
    margin: 0 5%;
    text-align: left;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1900px) {
    .sgb-column {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.sgb-decoration {
    z-index: 0
}

.pbg-header {
    background: url(/wp-content/themes/fresh2020/static/images/pbg-header.png) bottom no-repeat;
    background-size: cover;
    border: none
}

.pbg-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .pbg-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .pbg-header .portfolio-text {
        bottom: 0
    }
}

.pbg-header h1 {
    width: 100%
}

.pbg-header h1, .pbg-header p {
    text-align: center
}

.pbg-video {
    position: absolute;
    width: 880px;
    z-index: 20;
    margin: auto;
    left: 0;
    right: 0;
    top: 125px
}

@media screen and (max-width: 1974px) {
    .pbg-video {
        width: 85%;
        top: 138px
    }
}

@media screen and (max-width: 1912px) {
    .pbg-video {
        top: 135px
    }
}

@media screen and (max-width: 1772px) {
    .pbg-video {
        top: 130px
    }
}

@media screen and (max-width: 1526px) {
    .pbg-video {
        top: 125px
    }
}

@media screen and (max-width: 1270px) {
    .pbg-video {
        top: 120px
    }
}

@media screen and (max-width: 762px) {
    .pbg-video {
        top: 115px
    }
}

@media screen and (max-width: 558px) {
    .pbg-video {
        top: 110px
    }
}

.pbg-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/pbg-bg-01.png) 50% no-repeat;
    background-size: auto 100%
}

.pbg-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/pbg-bg-02.png) 50% no-repeat;
    background-size: auto 100%
}

.pbg-main-bg {
    background: url(/wp-content/themes/fresh2020/static/images/pbg-bg-main.jpg) 50% no-repeat fixed;
    background-repeat: repeat-y;
    background-size: 100%
}

.polmed-header {
    background: url(/wp-content/themes/fresh2020/static/images/polmed-header.png) bottom no-repeat #f5f5f4;
    background-size: cover;
    border: none
}

.polmed-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .polmed-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .polmed-header .portfolio-text {
        bottom: 0
    }
}

.polmed-header h1 {
    width: 100%;
    text-align: center
}

.polmed-header p {
    text-align: center
}

.polmed-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/polmed-bg-01.jpg) top no-repeat;
    background-size: cover
}

.polmed-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/polmed-bg-02.jpg) top no-repeat;
    background-size: cover
}

.polmed-bg-blue {
    background: #2454b4;
    background: radial-gradient(ellipse at center, #2454b4 3%, #0038a8 100%)
}

.polmed-bg-grey {
    background: #f1f3f2
}

.polmed-list-paragraph {
    margin: 0 5% !important;
    width: 25% !important
}

@media screen and (max-width: 1150px) {
    .polmed-list-paragraph {
        width: 50% !important;
        margin-bottom: 100px !important;
        text-align: center !important
    }
}

@media screen and (max-width: 991px) {
    .polmed-list-paragraph, .portfolio .polmed-list-paragraph {
        margin-bottom: 100px !important
    }
}

@media screen and (max-width: 1150px) {
    .polmed-flex {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.publicat-header {
    background: url(/wp-content/themes/fresh2020/static/images/publicat-header.jpg) 50% no-repeat;
    background-size: cover
}

.publicat-grey-bg {
    background: #f5f5f5
}

.publicat-first-paragraph {
    width: 20%;
    position: absolute;
    top: 300px;
    left: 25%;
    text-align: left
}

@media screen and (max-width: 1474px) {
    .publicat-first-paragraph {
        width: 35%;
        left: 15%
    }
}

@media screen and (max-width: 1172px) {
    .publicat-first-paragraph {
        top: 100px
    }
}

@media screen and (max-width: 668px) {
    .publicat-first-paragraph {
        position: relative;
        width: 90%;
        top: auto;
        left: auto;
        margin: 50px 5% 0
    }
}

.publicat-second-paragraph {
    width: 30%;
    position: absolute;
    top: 130px;
    right: 20%;
    text-align: left
}

@media screen and (max-width: 1689px) {
    .publicat-second-paragraph {
        width: 40%;
        right: 10%
    }
}

@media screen and (max-width: 1348px) {
    .publicat-second-paragraph {
        position: relative;
        width: 90%;
        top: auto;
        right: auto;
        margin: 0 5% 50px
    }
}

.invimed-header {
    background: url(/wp-content/themes/fresh2020/static/images/invimed-header.jpg) 50% no-repeat;
    background-size: cover
}

.invimed-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/invimed-bg-01.jpg) top no-repeat;
    background-size: cover
}

.invimed-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/invimed-bg-02.jpg) top no-repeat;
    background-size: cover
}

.invimed-bg-03 {
    background: url(/wp-content/themes/fresh2020/static/images/invimed-bg-03.jpg) top no-repeat;
    background-size: cover
}

.invimed-lightorange-bg {
    background: #fbf8f3
}

.invimed-first-paragraph {
    width: 25%;
    text-align: left;
    margin: 0 5%
}

@media screen and (max-width: 1666px) {
    .invimed-first-paragraph {
        width: 50%;
        margin-top: 50px
    }
}

@media screen and (max-width: 991px) {
    .invimed-first-paragraph {
        width: 90%
    }
}

.invimed-grey-bg {
    background: #fbf8f3
}

.polmed {
    width: 90%;
    margin: 0 5%
}

@media screen and (max-width: 1666px) {
    .flex-invimed {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.detocell-header {
    background: url(/wp-content/themes/fresh2020/static/images/detocell-header.jpg) bottom no-repeat;
    background-size: cover;
    border: none
}

.detocell-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .detocell-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .detocell-header .portfolio-text {
        bottom: 0
    }
}

.detocell-header h1 {
    width: 100%;
    text-align: center
}

.detocell-header p {
    text-align: center
}

.detocell-grey-bg {
    background: #f3f0e9
}

.detocell-video {
    width: 640px;
    top: 174px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 20
}

@media screen and (max-width: 1974px) {
    .detocell-video {
        width: 55%;
        top: 195px
    }
}

@media screen and (max-width: 1912px) {
    .detocell-video {
        top: 191px
    }
}

@media screen and (max-width: 1842px) {
    .detocell-video {
        top: 187px
    }
}

@media screen and (max-width: 1762px) {
    .detocell-video {
        top: 182px
    }
}

@media screen and (max-width: 1656px) {
    .detocell-video {
        display: none
    }
}

.detocell-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/detocell-bg-01.png) 50% no-repeat #f3f0e9;
    background-size: auto 100%
}

.detocell-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/detocell-bg-02.png) 50% no-repeat #f3f0e9;
    background-size: auto 100%
}

.detocell-iphone {
    width: 156px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 20;
    top: 483px;
    -webkit-transform: translate3d(-177px, 0, 0);
    transform: translate3d(-177px, 0, 0)
}

@media screen and (max-width: 1974px) {
    .detocell-iphone {
        display: none
    }
}

@media screen and (max-width: 500px) {
    .polmed-image {
        width: 90%;
        margin: 0 5%
    }
}

.eurocash-header {
    background: #10824b;
    border-bottom: 0
}

.eurocash-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/eurocash-bg-01.png) top no-repeat;
    background-size: 100% auto
}

.eurocash-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/eurocash-bg-02.png) top no-repeat;
    background-size: auto 100%
}

.eurocash-bg-03 {
    background: url(/wp-content/themes/fresh2020/static/images/eurocash-bg-03.png) top no-repeat;
    background-size: 100% auto
}

.f-left {
    float: left
}

.f-right {
    float: right
}

@media screen and (max-width: 1380px) {
    .eurocash {
        width: 80%
    }
}

.sko-header {
    background: url(/wp-content/themes/fresh2020/static/images/sko-header.png) bottom no-repeat;
    background-size: cover;
    border: none
}

.sko-header .portfolio-text {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 200px
}

@media screen and (max-width: 670px) {
    .sko-header .portfolio-text {
        bottom: 80px
    }
}

@media screen and (max-width: 414px) {
    .sko-header .portfolio-text {
        bottom: 0
    }
}

.sko-header h1 {
    width: 100%
}

.sko-header h1, .sko-header p {
    text-align: center
}

.sko-video {
    position: absolute;
    width: 880px;
    z-index: 20;
    margin: auto;
    left: 0;
    right: 0;
    top: 130px
}

@media screen and (max-width: 1974px) {
    .sko-video {
        width: 67%
    }
}

@media screen and (max-width: 1690px) {
    .sko-video {
        top: 125px
    }
}

@media screen and (max-width: 1412px) {
    .sko-video {
        top: 120px
    }
}

@media screen and (max-width: 1118px) {
    .sko-video {
        top: 115px
    }
}

@media screen and (max-width: 638px) {
    .sko-video {
        top: 110px
    }
}

@media screen and (max-width: 406px) {
    .sko-video {
        top: 107px
    }
}

.sko-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/sko-bg-01.png) top no-repeat;
    background-size: auto 100%
}

.sko-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/sko-bg-02.png) top no-repeat;
    background-size: auto 100%
}

.jonesbo-header {
    background: url(/wp-content/themes/fresh2020/static/images/jonesbo-header.jpg) 50% no-repeat;
    background-size: cover
}

.jonesbo-bg-01 {
    background: url(/wp-content/themes/fresh2020/static/images/jonesbo-bg-01.jpg) top no-repeat
}

.jonesbo-bg-02 {
    background: url(/wp-content/themes/fresh2020/static/images/jonesbo-bg-02.jpg) top no-repeat;
    background-size: cover
}

.wpcf7 {
    width: 100%
}

.wpcf7 p {
    margin-bottom: 0 !important
}

.testimonials-slider {
    margin-top: 50px
}

.testimonials-slider .slick-arrow {
    background: url(/wp-content/themes/fresh2020/static/images/arrow.svg) 50% no-repeat;
    width: 100px;
    height: 100px;
    z-index: 50;
    top: 30%
}

@media screen and (max-width: 991px) {
    .testimonials-slider .slick-arrow {
        top: 23%
    }
}

@media screen and (max-width: 460px) {
    .testimonials-slider .slick-arrow {
        top: 20%
    }
}

@media screen and (max-width: 388px) {
    .testimonials-slider .slick-arrow {
        top: 15%
    }
}

@media screen and (max-width: 344px) {
    .testimonials-slider .slick-arrow {
        top: 10%
    }
}

.testimonials-slider .slick-arrow:before {
    display: none
}

.testimonials-slider .slick-arrow.slick-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -50px;
    left: 0
}

.testimonial-slide {
    padding: 0 15px;
    margin-left: 100px;
    margin-right: 100px
}

@media screen and (max-width: 991px) {
    .testimonial-slide {
        margin-left: 0;
        margin-right: 0;
        padding: 0 50px
    }
}

.parallax svg {
    width: 100px
}

.portfolio-switcher {
    position: absolute;
    left: 50px;
    top: 25px;
    z-index: 99999;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    pointer-events: none
}

@media screen and (max-width: 991px) {
    .portfolio-switcher {
        width: 100%;
        background: #ed7221;
        position: fixed;
        padding: 20px;
        top: calc(100% - 50px);
        left: 0
    }
}

.portfolio-switcher.down {
    opacity: 1;
    pointer-events: all
}

.portfolio-switcher a {
    color: #fff;
    font-family: Titillium Web;
    font-weight: 300;
    display: inline-block;
    margin-right: 50px;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (max-width: 991px) {
    .portfolio-switcher a {
        font-size: 10px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-switcher a:first-child {
        float: left;
        margin-right: 0;
        margin-left: 20px;
        font-size: 1.8vw;
        line-height: 1.8vw
    }
}

@media screen and (max-width: 767px) {
    .portfolio-switcher a:first-child {
        font-size: 2.5vw;
        line-height: 2.5vw
    }
}

@media screen and (max-width: 479px) {
    .portfolio-switcher a:first-child {
        margin-left: 0;
        font-size: 4.5vw;
        line-height: 4.5vw
    }
}

@media screen and (max-width: 991px) {
    .portfolio-switcher a:nth-child(2) {
        float: left;
        margin-left: 20px;
        font-size: 1.8vw;
        line-height: 1.8vw
    }
}

@media screen and (max-width: 767px) {
    .portfolio-switcher a:nth-child(2) {
        font-size: 2.5vw;
        line-height: 2.5vw
    }
}

@media screen and (max-width: 479px) {
    .portfolio-switcher a:nth-child(2) {
        font-size: 4.5vw;
        line-height: 4.5vw;
        margin-right: 0
    }
}

.portfolio-switcher a:hover {
    letter-spacing: 1px
}

.captcha {
    margin-left: 35px
}

@media screen and (max-width: 1516px) {
    .captcha {
        margin-left: 1%
    }
}

@media screen and (max-width: 632px) {
    .captcha {
        margin: 0 auto
    }
}

@media screen and (max-width: 991px) {
    #lhc_status_container {
        display: none
    }
}

body, body .left-frame {
    margin-top: 0;
    -webkit-transition: margin-top .3s;
    transition: margin-top .3s
}

body.cookies-not-set, body.cookies-not-set .left-frame {
    margin-top: 82px
}

.lang-selector {
    color: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 3vw;
    font-family: TitilliumFresh;
    text-decoration: none;
    color: #ffb900
}

.header .lang {
    display: inline-block;
    position: absolute;
    width: 70px;
    top: -28px;
    right: 110px;
    margin-right: 0
}

.header .lang a.active:hover {
    color: #fff
}

@media screen and (max-width: 600px) {
    .header .lang {
        display: none
    }

    .menu-section .lang-selector {
        font-size: 10vw
    }
}

@media screen and (max-width: 991px) {
    .header .lang {
        display: none
    }

    .menu-section .lang-selector {
        font-size: 6vw
    }
}

.head-slider .slick-slide.yes {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 991px) {
    .head-slider .yes h3 {
        font-size: 10vw;
        padding-bottom: 0
    }
}

.head-slider h3 span.font-reserved {
    font-size: 20px;
    position: relative;
    top: -23px;
    left: 2px
}

@media screen and (min-width: 1024px) {
    .head-slider .slick-track {
        height: 100%
    }

    .head-slider.slick-slider {
        height: 100%;
        top: 0
    }

    .head-slider .slick-list {
        height: 100%
    }

    .head-slider .slick-dots {
        bottom: 170px
    }

    .head-slider .slick-slide {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .head-slider .yes h3 {
        text-align: left;
        font-size: 60px;
        padding-left: 50px;
        padding-bottom: 180px;
        position: relative
    }

    .head-slider .slick-slide.yes h3:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 20px;
        display: block;
        width: 100px;
        height: 176px;
        background: url(/wp-content/themes/fresh2020/static/images/award1.png) 50% no-repeat;
        background-size: 100px
    }

    .head-slider .slick-slide.yes {
        background: url(/wp-content/themes/fresh2020/static/images/puchar.png) bottom right 50px no-repeat;
        background-size: 300px
    }
}

@media screen and (min-width: 1200px) {
    .head-slider .yes h3 {
        padding-bottom: 200px;
        font-size: 66px
    }

    .head-slider .slick-slide.yes h3:after {
        left: 36px
    }

    .head-slider .slick-slide.yes {
        background-size: 360px
    }
}

@media screen and (min-width: 1600px) {
    .head-slider .yes h3 {
        font-size: 80px;
        padding-bottom: 202px
    }

    .head-slider .slick-slide.yes h3:after {
        width: 176px;
        height: 250px;
        background-size: 160px
    }

    .head-slider .slick-slide.yes {
        background-size: initial
    }
}

@media screen and (min-width: 1600px) {
    .head-slider .yes h3 {
        padding-bottom: 310px
    }
}

.head-slider h3 span.font-reserved {
    color: #fff;
    font-size: 30px
}

.page-homepage .icons-section_2 .light-grey {
    background: #ff9300;
    padding-left: 8%;
    padding-right: 8%;
    color: #fff
}

.page-homepage .icons-section_2 .lefttitle .title-section {
    text-align: left
}

.page-homepage .icons-section_2 .lefttitle .title.orange {
    color: #fff
}

.page-homepage .icons-section_2 p {
    color: #fff;
    font-size: 14px
}

.page-homepage .icons-section_2 p span {
    color: #9e2056;
    display: block;
    margin-top: 20px
}

.page-homepage .icons-section_2 h3 a {
    color: #9e2056;
    text-decoration: none;
    font-size: 17px
}

.page-homepage .icons-section_2 svg {
    width: 100%;
    height: 100px;
    stroke: #fff
}

.grecaptcha-badge {
    visibility: collapse !important
}

.icons-section figure {
    min-height: 110px
}

.icons-section_2 .icons-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: static
}

.icons-section .justify-content-center {
    position: relative
}

.icons-section_2 .icons-item:first-child .zalety:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 2px;
    background-color: transparent;
    display: block;
    border-bottom: 2px dashed #fff
}

.icons-section_2 .itemsWrapper {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

@media screen and (min-width: 1200px) {
    .icons-section_2 .icons-item:nth-child(2) .itemsWrapper {
        border-left: 1px dashed #fff;
        border-right: 1px dashed #fff;
        margin-bottom: 26px
    }
}

.addPadding {
    padding: 40px 0
}

.zobaczProjekty {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.zobaczProjekty__left {
    min-width: 330px;
    background: url(/wp-content/themes/fresh2020/static/images/award_left.png) 100% no-repeat
}

.zobaczProjekty__right {
    background: url(/wp-content/themes/fresh2020/static/images/award_right.png) 0 repeat-x;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.webp .zobaczProjekty__left {
    background: url(/wp-content/themes/fresh2020/static/images/award_left.png.webp) 100% no-repeat
}

.webp .zobaczProjekty__right {
    background: url(/wp-content/themes/fresh2020/static/images/award_right.png.webp) 0 repeat-x
}

.zobaczProjekty__copy {
    padding-right: 20px
}

.zobaczProjekty__tytul {
    font-size: 22px;
    font-family: TitilliumFresh
}

.zobaczProjekty__opis, .zobaczProjekty__tytul {
    text-align: center;
    color: #fff;
    padding-bottom: 30px
}

.zobaczProjekty__opis {
    font-size: 14px
}

.zobaczProjekty__buttons {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 100px
}

.zobaczProjekty__buttons img {
    max-height: 170px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.zobaczProjekty__buttons figure {
    display: inline-block;
    position: relative
}

.zobaczProjekty__buttons figure:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 79px;
    display: block;
    background: url(/wp-content/themes/fresh2020/static/images/strzalka.png) 100% 100% no-repeat;
    right: 36px
}

.webp .zobaczProjekty__buttons figure:after {
    background: url(/wp-content/themes/fresh2020/static/images/strzalka.png.webp) 100% 100% no-repeat
}

.zobaczProjekty__buttons img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media screen and (min-width: 992px) {
    .zobaczProjekty__buttons {
        padding-bottom: 100px
    }

    .zobaczProjekty {
        height: 640px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 1200px) {
    .zobaczProjekty__tytul {
        font-size: 30px
    }

    .zobaczProjekty__opis {
        font-size: 16px
    }

    .zobaczProjekty__buttons figure {
        margin-left: 20px
    }

    .zobaczProjekty__buttons img {
        max-height: 200px
    }
}

@media screen and (min-width: 1400px) {
    .zobaczProjekty__tytul {
        font-size: 34px
    }
}

@media screen and (min-width: 1600px) {
    .zobaczProjekty__tytul {
        font-size: 38px
    }

    .zobaczProjekty__left {
        min-width: 514px
    }

    .zobaczProjekty__buttons img {
        max-height: 240px
    }

    .zobaczProjekty__buttons figure:after {
        right: 57px
    }
}

@media screen and (min-width: 1800px) {
    .zobaczProjekty__tytul {
        font-size: 45px
    }
}

.textbox .whiskey-eighth-paragraph {
    position: relative;
    top: 0;
    padding: 100px 0
}

@media screen and (min-width: 1933px) {
    .textbox .whiskey-eighth-paragraph {
        margin: auto;
        right: auto;
        left: auto;
        color: #000;
        padding: 100px 0
    }
}

.portfolio .w-50 ul li {
    font-size: 20px
}

.webp .webp_yes {
    display: inherit
}

.webp .webp_no {
    display: none !important
}

.no-webp .webp_yes {
    display: none
}

.no-webp .webp_no {
    display: inherit
}

@media screen and (min-width: 992px) {
    .radio-buttons {
        margin-left: 16px
    }

    .contact_wrap {
        min-height: 160px
    }

    .left-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    span.wpcf7-not-valid-tip {
        font-size: 9px !important;
        position: absolute;
        bottom: -11px
    }

    .wpcf7-form-control-wrap {
        position: relative;
        display: block
    }

    .Zgoda span.wpcf7-not-valid-tip {
        margin-left: 10px
    }

    .right-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wpcf7-submit.button {
        margin-top: auto;
        margin-bottom: 3px !important
    }

    .ajax-loader {
        position: absolute
    }

    .second-form input {
        width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .contact_wrap {
        min-height: 70px
    }
}

.icons-section_2 img {
    height: 110px
}

.logos .logos-slider {
    padding: 30px 100px;
    position: relative;
    z-index: 20;
    margin-bottom: 50px !important
}

.logos .logos-slider .slick-slide {
    text-align: center
}

.logos .logos-slider .slick-slide img {
    display: block;
    height: 120px;
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: -webkit-filter .3s;
    -webkit-transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    margin: 0 auto
}

.logos .logos-slider .slick-slide img:first-of-type {
    margin-bottom: 30px
}

.logos .logos-slider .slick-slide img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.logos .logos-slider .slick-arrow {
    background: url(/wp-content/themes/fresh2020/static/images/arrow.svg) 50% no-repeat;
    width: 100px;
    height: 100px
}

.logos .logos-slider .slick-arrow:before {
    display: none
}

.logos .logos-slider .slick-arrow.slick-prev {
    background: url(/wp-content/themes/fresh2020/static/images/arrow-back.svg) 50% no-repeat;
    left: 0
}

.logos {
    padding-top: 100px
}

@media screen and (max-width: 1366px) {
    .portfolioHome .page-homepage .portfolio-column:nth-of-type(2n) {
        margin-top: -300px
    }

    .portfolioHome .page-homepage .portfolio-column:nth-of-type(odd) {
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .portfolioHome .page-homepage .portfolio-column {
        margin-bottom: 50px
    }

    .portfolioHome .page-homepage .portfolio-column:nth-of-type(2n) {
        margin-top: 0
    }
}

.portfolioHome .portfolio-column {
    margin-bottom: 250px
}

@media screen and (max-width: 1366px) {
    .portfolioHome .portfolio-column {
        margin-bottom: 250px
    }
}

.portfolioHome .portfolio-column:nth-of-type(3n-1) {
    margin-top: -400px
}

@media screen and (max-width: 1676px) {
    .portfolioHome .portfolio-column:nth-of-type(3n-1) {
        margin-top: -350px
    }
}

@media screen and (max-width: 1372px) {
    .portfolioHome .portfolio-column:nth-of-type(3n-1) {
        margin-top: -250px
    }
}

@media screen and (max-width: 1366px) {
    .portfolioHome .portfolio-column:nth-of-type(3n-1) {
        margin-top: 0
    }
}

@media screen and (max-width: 1366px) {
    .portfolioHome .portfolio-column:nth-of-type(odd) {
        margin-top: -300px
    }
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-column {
        margin-bottom: 50px
    }

    .portfolioHome .portfolio-column:nth-of-type(odd) {
        margin-top: 0
    }
}

@media screen and (max-width: 1366px) {
    .portfolioHome .portfolio-column {
        width: 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%
    }
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-column {
        width: 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%
    }
}

.portfolioHome .portfolio-item {
    overflow: hidden;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-animation: portfolio .5s linear forwards;
    animation: portfolio .5s linear forwards;
    display: block;
    padding: 0 20px
}

@media screen and (max-width: 1906px) {
    .portfolioHome .portfolio-item {
        padding: 0
    }
}

.portfolioHome .portfolio-item.visible {
    overflow: visible
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-item {
        width: 95%;
        margin: 0 2.5%;
        height: auto;
        display: block
    }
}

.portfolioHome .portfolio-item:hover {
    z-index: 4 !important;
    text-decoration: none
}

.portfolioHome .portfolio-item:hover img {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.portfolioHome .portfolio-item:hover .description p {
    text-decoration: none
}

.portfolioHome .portfolio-item .description {
    position: relative;
    z-index: 1;
    text-align: left
}

.portfolioHome .portfolio-item .description h3 {
    text-transform: uppercase;
    font-size: 2vw
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-item .description h3 {
        font-size: 4vw
    }
}

.portfolioHome .portfolio-item .description p {
    color: #6b6b6b;
    width: auto;
    padding: 0;
    font-size: 12px !important;
    margin-top: 20px;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-item .description p {
        font-size: 12px !important;
        line-height: 14px
    }
}

.portfolioHome .portfolio-item img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 32px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 32px 3px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-item img {
        -webkit-box-shadow: 0 0 29px -1px rgba(0, 0, 0, .34);
        box-shadow: 0 0 29px -1px rgba(0, 0, 0, .34);
        left: auto;
        top: auto
    }
}

.portfolioHome .portfolio-padding {
    padding-left: 50px
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-padding {
        padding-left: 0
    }
}

.portfolioHome .portfolio .second-paragraph {
    width: 22%;
    font-size: 20px;
    text-align: left;
    display: inline-block;
    position: absolute;
    right: 370px;
    top: 900px
}

@media screen and (max-width: 2130px) {
    .portfolioHome .portfolio .second-paragraph {
        top: 700px
    }
}

@media screen and (max-width: 2163px) {
    .portfolioHome .portfolio .second-paragraph {
        right: 20%
    }
}

@media screen and (max-width: 1904px) {
    .portfolioHome .portfolio .second-paragraph {
        top: 600px
    }
}

@media screen and (max-width: 1400px) {
    .portfolioHome .portfolio .second-paragraph {
        top: 530px;
        font-size: 14px !important
    }
}

@media screen and (max-width: 1344px) {
    .portfolioHome .portfolio .second-paragraph {
        top: 400px
    }
}

@media screen and (max-width: 740px) {
    .portfolioHome .portfolio .second-paragraph {
        top: auto;
        position: relative;
        width: 90%;
        padding: 0 5%;
        left: auto;
        right: auto
    }
}

.portfolioHome .portfolio .third-paragraph {
    width: 20%;
    position: absolute;
    top: 0;
    left: 200px;
    text-align: left
}

@media screen and (max-width: 2110px) {
    .portfolioHome .portfolio .third-paragraph {
        top: -200px;
        width: 30%
    }
}

@media screen and (max-width: 1344px) {
    .portfolioHome .portfolio .third-paragraph {
        width: 50%;
        font-size: 14px !important;
        top: -150px
    }
}

@media screen and (max-width: 740px) {
    .portfolioHome .portfolio .third-paragraph {
        top: auto;
        position: relative;
        display: inline-block;
        width: 90%;
        padding: 0 5%;
        left: auto;
        right: auto
    }
}

.portfolioHome .portfolio .last-paragraph {
    position: absolute;
    width: 20% !important;
    top: 800px
}

@media screen and (max-width: 1786px) {
    .portfolioHome .portfolio .last-paragraph {
        width: 30% !important;
        top: 45vw
    }
}

@media screen and (max-width: 1450px) {
    .portfolioHome .portfolio .last-paragraph {
        font-size: 14px !important
    }
}

@media screen and (max-width: 1200px) {
    .portfolioHome .portfolio .last-paragraph {
        top: 50vw
    }
}

.portfolioHome .portfolio .aurum-first-paragraph {
    width: 50%;
    margin: 0 25%;
    text-align: left
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio .aurum-first-paragraph {
        width: 90% !important;
        margin: 0 5% !important;
        position: relative !important;
        top: auto !important;
        font-size: 20px !important
    }
}

.portfolioHome .screen-image {
    width: 100%
}

.portfolioHome .portfolio-header {
    margin-top: 70px
}

@media screen and (max-width: 1900px) {
    .portfolioHome .portfolio-header {
        height: 60% !important
    }
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-header {
        height: 70vw !important;
        margin-top: 0
    }
}

@media screen and (max-width: 704px) {
    .portfolioHome .portfolio-header {
        height: 80vw !important
    }
}

@media screen and (max-width: 488px) {
    .portfolioHome .portfolio-header {
        height: 90vw !important
    }
}

@media screen and (max-width: 479px) {
    .portfolioHome .portfolio-header {
        margin-top: 86px
    }
}

@media screen and (max-width: 350px) {
    .portfolioHome .portfolio-header {
        height: 110vw !important
    }
}

.portfolioHome .portfolio-subpage {
    margin-top: -86px;
    padding-top: 86px
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-subpage .left-frame {
        margin-top: 86px
    }
}

@media screen and (max-width: 991px) {
    .portfolioHome .portfolio-aurum-header {
        height: 50vw !important
    }
}

.portfolioHome .page-homepage .portfolio {
    margin-top: 300px
}

.portfolioPage .portfolio-item {
    width: 0;
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-animation: portfolio .5s linear forwards;
    animation: portfolio .5s linear forwards
}

.portfolioPage .portfolio-item.visible {
    width: 62.5%;
    height: 15vw;
    overflow: visible
}

@media screen and (max-width: 991px) {
    .portfolioPage .portfolio-item, .portfolioPage .portfolio-item.visible {
        width: 95%;
        margin: 0 2.5%;
        height: auto;
        display: block;
        height: 60vw
    }
}

.portfolioPage .portfolio-item:hover {
    z-index: 4 !important;
    text-decoration: none
}

.portfolioPage .portfolio-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.portfolioPage .portfolio-item:hover .description p {
    text-decoration: none
}

.portfolioPage .portfolio-item:nth-of-type(odd) {
    float: right;
    right: 0;
    z-index: 2
}

@media screen and (max-width: 991px) {
    .portfolioPage .portfolio-item:nth-of-type(odd) {
        right: auto;
        float: none
    }
}

.portfolioPage .portfolio-item:nth-of-type(2n) {
    float: left;
    left: 0;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .portfolioPage .portfolio-item:nth-of-type(2n) {
        right: auto;
        float: none
    }
}

.portfolioPage .portfolio-item:first-of-type {
    margin-top: -100px
}

@media screen and (max-width: 991px) {
    .portfolioPage .portfolio-item:first-of-type {
        margin-top: 0
    }
}

.portfolioPage .portfolio-item .description {
    position: relative;
    z-index: 1;
    text-align: center;
    background: #fff;
    border: 1px dashed #f8971e;
    padding: 30px 30px 20px;
    -webkit-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff;
    width: 50%
}

.portfolioPage .portfolio-item .description h3 {
    text-transform: uppercase;
    font-size: 2vw
}

@media screen and (max-width: 991px) {
    .portfolioPage .portfolio-item .description h3 {
        font-size: 4vw
    }
}

.portfolioPage .portfolio-item .description p {
    color: #6b6b6b;
    width: auto
}

@media screen and (max-width: 991px) {
    .portfolioPage .portfolio-item .description p {
        font-size: 12px !important;
        line-height: 14px
    }
}

.portfolioPage .portfolio-item img {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    z-index: 0;
    top: -35%;
    left: 0;
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-box-shadow: 0 0 32px 3px rgba(0, 0, 0, .43);
    box-shadow: 0 0 32px 3px rgba(0, 0, 0, .43)
}

@media screen and (max-width: 991px) {
    .portfolioPage .portfolio-item img {
        -webkit-box-shadow: 0 0 29px -1px rgba(0, 0, 0, .34);
        box-shadow: 0 0 29px -1px rgba(0, 0, 0, .34);
        left: auto;
        top: auto
    }
}

.portfolio-header .portfolio-description {
    padding-left: 2px
}

.grudnia-header.boo .portfolio-title.black {
    color: #6c2f91
}

.grudnia-header.boo .portfolio-description {
    color: #ff04b5
}

.portfolio h2 {
    font-size: 40px;
    padding-left: 8px;
    padding-bottom: 20px
}

.portfolio h2, .portfolio h2 strong {
    font-family: TitilliumFresh;
    font-weight: 400
}

@-webkit-keyframes pulse-me {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    25% {
        opacity: .8
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulse-me {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    25% {
        opacity: .8
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

.pulsAnimation {
    -webkit-animation: pulse-me 2s linear infinite;
    animation: pulse-me 2s linear infinite
}

@media screen and (min-width: 992px) {
    .head-slider h3 {
        font-size: 5vw
    }

    .radio-buttons {
        margin-left: 16px
    }

    .contact_wrap {
        min-height: 160px
    }

    .left-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    span.wpcf7-not-valid-tip {
        font-size: 9px !important;
        position: absolute;
        bottom: -11px
    }

    .wpcf7-form-control-wrap {
        position: relative;
        display: block
    }

    .Zgoda span.wpcf7-not-valid-tip {
        margin-left: 10px
    }

    .right-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wpcf7-submit.button {
        margin-top: auto;
        margin-bottom: 3px !important
    }

    .ajax-loader {
        position: absolute
    }

    .second-form input {
        width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .contact_wrap {
        min-height: 130px
    }
}

.form-section .h2 {
    margin-bottom: 20px !important
}

p.title.center {
    text-align: center;
    display: block
}

.submenu li.smaller {
    padding-left: 20px
}

.submenu li.smaller a {
    font-size: 1.2vw !important
}

@media screen and (max-width: 991px) {
    .submenu li.smaller {
        line-height: 4vw !important;
        margin-bottom: 10px
    }

    .submenu li.smaller:last-child {
        margin-bottom: 0
    }

    .submenu li.smaller a {
        font-size: 3vw !important
    }
}

.newOffer {
    margin-bottom: 50px
}

.newOffer img {
    max-width: 100%;
    height: auto
}

.newOffer__biggerCopy {
    font-size: 18px !important
}

.newOffer__like__title {
    font-family: TitilliumFresh !important;
    color: #f2b021 !important;
    font-size: 65px !important;
    font-weight: 500;
    line-height: 1.1 !important;
    margin-bottom: 2.5rem
}

.newOffer__linki {
    text-align: center;
    text-transform: uppercase
}

.newOffer__linki a:hover {
    text-decoration: none
}

.newOffer__linki > div a {
    display: block;
    padding: 135px 50px
}

.newOffer__linki > div:hover {
    background: #f6f6f6
}

.newOffer__linki > div h3 {
    font-size: 16px;
    color: #ec6608;
    font-weight: 700;
    margin-bottom: 60px
}

.newOffer .big {
    font-size: 35px;
    color: #ff8921;
    font-family: TitilliumFresh !important;
    margin-bottom: 42px;
    padding-top: 50px
}

@media (min-width: 992px) {
    .newOffer .big {
        font-size: 48px
    }
}

.newOffer .medium {
    font-size: 16px;
    color: #ff8921;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 54px
}

.newOffer .underline {
    border-bottom: 1px dashed #ff8921
}

.newOffer .red {
    color: #ec2308
}

.newOffer .center {
    text-align: center
}

@media (min-width: 992px) {
    .newOffer .notop {
        padding-top: 0;
        margin-top: -160px
    }
}

@media (min-width: 992px) {
    .newOffer__section {
        padding-left: 50px
    }
}

.newOffer__section p {
    font-size: 18px;
    margin-bottom: 30px
}

.newOffer__punkty {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newOffer__punkty > div {
    background: #f4f3f3
}

@media (min-width: 992px) {
    .newOffer__punkty > div {
        max-width: 48%
    }
}

@media (min-width: 992px) {
    .newOffer__punkty.trzy > div {
        max-width: 32%
    }
}

.newOffer__punkty .copy {
    text-align: center
}

.newOffer__punkty .copy .newOffer__punkt {
    padding-top: 30px
}

.newOffer__punkty .copy .newOffer__punkt img {
    margin-bottom: 20px
}

.newOffer__punkty .check {
    position: relative;
    text-align: center
}

.newOffer__punkty .check:before {
    content: "";
    display: block;
    height: 50px;
    width: 130px;
    left: calc(50% - 65px);
    position: absolute;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
    background: #fff url(https://fresh.com.pl/img/check.png) top no-repeat
}

.newOffer__punkty__titleCopy {
    color: #ec6608;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block
}

.newOffer__punkty__titleCopy span {
    position: relative;
    z-index: 2
}

.newOffer__punkty__titleCopy:after {
    content: "";
    z-index: 1;
    display: block;
    height: 50px;
    width: 60%;
    left: 20%;
    position: absolute;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
    background: #fff;
    top: 0
}

.newOffer__punkt {
    margin: 10px;
    text-align: center;
    padding: 60px 30px 0
}

.newOffer__punkt h4 {
    color: #ec6608;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

.newOffer__punkt p {
    font-size: 16px;
    line-height: 24px;
    color: #444
}

.newOffer img.alignright {
    position: relative;
    right: 0;
    display: block;
    margin-left: auto
}

@media (min-width: 992px) {
    .newOffer__punktory {
        padding-left: 25px;
        padding-top: 38px;
        padding-bottom: 60px
    }
}

.newOffer__punktor {
    margin-bottom: 60px;
    padding-bottom: 50px
}

@media (min-width: 992px) {
    .newOffer__punktor {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: #fff url(https://fresh.com.pl/img/punktory.png) 0 100% no-repeat;
        background-size: 922px;
        max-width: 922px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.newOffer__punktor__tytul {
    min-width: 148px
}

.newOffer__punktor__tytul h5 {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #ec6608
}

.newOffer__punktor__numer {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .newOffer__punktor__numer {
        padding: 0 112px 0 14px
    }
}

.newOffer__punktor__numer .color-icon {
    width: 90px;
    height: 90px
}

.newOffer__punktor__numer p {
    font-family: TitilliumFresh !important;
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 0;
    position: relative;
    right: 4px
}

.newOffer__punktor__copy {
    font-size: 18px;
    color: #444;
    line-height: 28px
}

.newOffer__punktor:last-child {
    background: #fff url(https://fresh.com.pl/img/punktory_last.png) 0 100% no-repeat;
    padding-bottom: 20px
}

.newPages .paddingTop {
    padding-top: 50px
}

.newPages .numery {
    text-align: left
}

@media screen and (min-width: 992px) {
    .newPages .numery {
        text-align: center
    }
}

.newPages .newOffer__punktor__numer {
    padding: 0
}



@media screen and (min-width: 992px) {
    .newPages .svg.color-icon {
        margin: 50px auto 40px
    }
}
@media (max-width: 400px) {
   .portfolio-item .description {
        width: 70% !important;
    }
    .portfolio-item .description{
        padding: 5px !important;
    }
}
.newPages .punktorWrap {
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .newPages .punktorWrap {
        max-width: 80%
    }
}

.newPages .czym .big {
    padding-bottom: 15px
}

.newPages .czym .row {
    padding-bottom: 40px
}

.newPages .czym .col-lg-6 {
    padding-right: 40px
}

.newPages .czym .big.underline.top {
    border-bottom: none;
    border-top: 1px dashed #ff8921
}

.newPages .steps-section-container {
    padding: 29px 0 0
}

.newPages .steps-section-container .title span {
    font-size: 15px;
    display: block;
    font-weight: 300;
    color: #fefefe;
    padding-top: 5px
}

.newPages .steps-section-container .step.align-items-center {
    -webkit-box-align: inherit !important;
    -ms-flex-align: inherit !important;
    align-items: inherit !important
}

.newPages .partnerzy h2 {
    padding-bottom: 20px
}

.newPages .partnerzy__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 992px) {
    .newPages .partnerzy__images {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.newPages .partnerzy__images img {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 100px
}

@media (min-width: 992px) {
    .newPages .partnerzy__images img {
        -ms-flex-item-align: center;
        align-self: center;
        margin-right: 150px;
        margin-bottom: 0
    }
}

.newPortfolioMeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newPortfolioMeta .portfolio__meta {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newPortfolioMeta .lang_burg {
    width: 150px;
    position: relative;
    height: 50px;
    top: -10px;
    padding-left: 70px;
    left: -30px
}

@media (min-width: 992px) {
    .newPortfolioMeta .lang_burg {
        left: 0
    }
}

.newPortfolioMeta .portfolio-switcher {
    position: relative;
    top: 0;
    display: none;
    left: 0
}

.newPortfolioMeta .portfolio-switcher a {
    margin: 0
}

.newPortfolioMeta .portfolio-switcher a:first-child {
    margin-right: 10px
}

@media (min-width: 1120px) {
    .newPortfolioMeta .portfolio-switcher a:first-child {
        margin-right: 40px
    }
}

@media (min-width: 992px) {
    .newPortfolioMeta .portfolio-switcher {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.newPortfolioMeta .searchForm {
    opacity: 1;
    pointer-events: all;
    display: none;
    -ms-flex-item-align: center;
    align-self: center
}

@media (min-width: 992px) {
    .newPortfolioMeta .searchForm {
        display: block
    }
}

.newPortfolioMeta .portfolio-tags {
    opacity: 1;
    pointer-events: all;
    display: none
}

@media (min-width: 992px) {
    .newPortfolioMeta .portfolio-tags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.newPortfolioMeta .portfolio-tags a {
    color: #fff;
    font-family: Titillium Web;
    font-weight: 300;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    margin: 0 10px 0 0
}

@media (min-width: 1120px) {
    .newPortfolioMeta .portfolio-tags a {
        margin-right: 20px
    }
}

.newPortfolioMeta .portfolio-tags a:last-child {
    margin-right: 0
}

.newPortfolioMeta .portfolio-tags a:hover {
    letter-spacing: 1px
}

.item-logo svg {
    fill: initial !important
}

.left-frame a {
    font-size: 20px
}

.left-frame a svg > line, .left-frame a svg > path, .left-frame a svg > rect {
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.left-frame a:hover svg > line, .left-frame a:hover svg > path, .left-frame a:hover svg > rect {
    stroke: #fff
}

.left-frame .svg {
    margin-bottom: 10px
}

.portfolioHome {
    padding-top: 250px;
    padding-bottom: 0 !important;
    margin-bottom: -125px
}

@media screen and (min-width: 992px) {
    .zobaczProjekty__opis {
        text-align: right
    }
}

@media screen and (min-width: 1260px) {
    .contact_wrap {
        min-height: 80px
    }
}

.form-section input, .form-section textarea {
    margin-top: 20px
}

.popup-form.form-section input, .popup-form.form-section textarea {
    margin-top: 0
}

@media screen and (min-width: 992px) {
    span.wpcf7-not-valid-tip {
        bottom: -13px
    }
}

.privacy, .wyslijTop {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .portfolioTitle {
        position: relative;
        bottom: 50px;
        left: 30px
    }
}

.portfolioTitle p {
    margin-left: 3px
}

.portfolioTitle .sorter {
    margin-left: 7px !important
}

.testimonials {
    padding-top: 75px
}

.zobaczProjekty__buttons {
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .zobaczProjekty__buttons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 150px
    }
}

.zobaczProjekty__buttons figure {
    position: relative;
    top: -5px
}

@media screen and (min-width: 992px) {
    .zobaczProjekty__copy {
        padding-right: 150px
    }
}

@media screen and (min-width: 992px) {
    .zobaczProjekty__tytul {
        text-align: right
    }
}

#fileuploadfield {
    display: none
}

#uploadtextfield {
    border: none;
    padding-left: 0
}

#uploadbrowsebutton {
    width: 250px;
    position: relative;
    left: 3px;
    top: 20px;
    cursor: pointer
}

div.wpcf7-response-output {
    margin-left: 0;
    border: 0;
    padding-left: 0
}

@media screen and (max-width: 1516px) {
    .second-form input {
        margin-left: 0
    }
}

@media screen and (max-width: 991px) {
    .form-section input.button, .form-theme input.button {
        margin-top: 0
    }
}

@media screen and (min-width: 992px) {
    span.wpcf7-not-valid-tip {
        font-size: 8px !important
    }
}

span.wpcf7-form-control-wrap.uploadtextfield {
    position: absolute
}

.header .lang {
    display: block !important;
    top: 0
}

@media (min-width: 992px) {
    .header .lang {
        top: -28px
    }
}

.grudnia-header {
    position: relative
}

.grudnia-header:after {
    content: "";
    width: 100%;
    height: 35px;
    background-color: #fff;
    display: block;
    bottom: -4px;
    position: absolute;
    left: 0;
    border-bottom: 3px dashed #f6f6f6
}

.header .lang a.active:hover {
    color: #eb6708
}

@media (min-width: 992px) {
    .header .lang a.active:hover {
        color: #fff
    }
}

.mainH1 {
    text-align: center;
    padding: 50px 0
}

.mainH1 h1 {
    font-family: TitilliumFresh;
    font-size: 35px;
    display: inline-block;
    color: #f8981f
}

@media (min-width: 992px) {
    .mainH1 h1 {
        font-size: 60px
    }
}

@media (min-width: 1260px) {
    .mainH1 h1 {
        font-size: 70px
    }
}

.opakowania {
    padding-top: 100px
}

.opakowania .steps-section-container .steps-section-container {
    background: none
}

.opakowania .steps-section {
    margin-top: -18px
}

.opakowania .steps-section .title {
    font-size: 35px
}

.opakowania .portfolio-home-section p {
    display: none
}

.opakowania .aligncenter {
    margin: 0 auto;
    display: block
}

.newOffer__punkty.trzy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newOffer__punkty > div {
    background: #fff;
    margin-bottom: 30px;
    text-align: left;
    font-size: 16px;
    padding: 0;
    line-height: 22px
}

@media (min-width: 992px) {
    .newOffer__punkty > div {
        text-align: center;
        padding: 20px
    }
}

.newOffer__punkty > div h4 {
    font-size: 16px;
    line-height: 20px;
    color: #ed741d;
    margin-bottom: 20px
}

span.fRed {
    color: #ef4023
}

span.forange {
    color: #ff7200
}

span.transform {
    text-transform: uppercase
}

.newOpakowania h2, .newOpakowania p {
    display: none !important
}

@media screen and (min-width: 992px) {
    .paddingLeft {
        max-width: 80%;
        padding-left: 58px
    }
}

.newOffer__punkt2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 992px) {
    .newOffer__punkt2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.newOffer__punkt2 h4 {
    text-transform: uppercase;
    font-weight: 700
}

.rodzajePrac .newOffer__punkty.trzy {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 950px) {
    .coMozesz {
        background: url(/wp-content/themes/fresh2020/static/images/branding_tarcza_strzala.svg) 100% 100% no-repeat
    }
}

.coMozesz_punkt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 992px) {
    .coMozesz_punkt {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 600px) {
    .coMozesz_punkt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }
}

.coMozesz_punkt h4 {
    color: #ed741d;
    font-size: 16px;
    line-height: 20px;
    position: relative
}

@media screen and (min-width: 992px) {
    .coMozesz_punkt h4 {
        text-align: center
    }
}

@media (min-width: 600px) {
    .coMozesz_punkt h4 {
        border-radius: 50%;
        line-height: 43px;
        border: 1px dashed #b5b5b5;
        margin-right: 150px;
        width: 43px;
        height: 43px
    }

    .coMozesz_punkt h4:after {
        width: 130px;
        height: 1px;
        display: block;
        position: absolute;
        left: 36px;
        top: 19px;
        border: 1px dashed #b5b5b5;
        content: ""
    }
}

.coMozesz_punkt h5 {
    color: #ed741d
}

.coMozesz_punkt h5 span {
    font-weight: 700
}

.bigButton {
    font-size: 11px;
    line-height: 74px;
    height: 74px;
    width: 100%;
    text-align: center;
    display: block;
    margin: 50px auto;
    color: #fff;
    text-transform: uppercase
}

@media (min-width: 600px) {
    .bigButton {
        width: 470px;
        font-size: 16px
    }
}

.bigButton.orange {
    background: #f8981f
}

.bigButton.darkOrange {
    background: #ea6e0a
}

.bigButton.red {
    background: #dc3832;
    color: #fff
}

.ile__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 600px) {
    .ile__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ile__wrapper h4 {
    color: #f8981f;
    font-size: 16px
}

.part {
    height: 277px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    padding: 30px
}

@media screen and (min-width: 992px) {
    .part {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.part.nasi {
    background-color: #ea6e0a;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pola_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pola_4__pole {
    margin: 40px;
    min-width: 440px;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background-color: #f3f3f3;
    position: relative;
    text-align: center;
    padding: 150px 70px 70px
}

.pola_4__pole h4 {
    color: #ed741d;
    font-size: 16px
}

.pola_4__pole img {
    max-width: 270px;
    position: absolute;
    top: -20px
}

.co_jest_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 992px) {
    .co_jest_item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.co_jest_item figure {
    min-width: 100%;
    width: 100%;
    padding-top: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .co_jest_item figure {
        min-width: 50%;
        width: 45%;
        margin-right: 5%
    }
}

.co_jest_item span {
    color: #f8981f;
    text-transform: uppercase
}

@media screen and (min-width: 992px) {
    .co_jest_item:nth-child(2n) figure {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 5%;
        margin-right: 0
    }
}

.co_jest_item.--copy {
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.co_jest_item.--copy div {
    min-width: 50%
}

.co_jest_item.--copy div img {
    margin-top: auto
}

.co_jest_item.--copy .spread {
    height: 100%
}

.tekstowe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 600px) {
    .tekstowe {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.tekstowe span {
    color: #f8981f;
    text-transform: uppercase
}

.tekstowe .spread {
    min-width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 5%
}

.tekstowe .spread img {
    margin-top: auto
}

.grafikaTop {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px dashed #ff8921
}

.brandingPage .portfolio-home-section {
    padding-bottom: 150px
}

.realizacja img {
    position: relative;
    top: -38px
}

.page-homepage .icons-section_2 p {
    color: #fff;
    font-size: 15px
}

body {
    overflow-x: hidden
}

@media screen and (min-width: 992px) {
    body {
        overflow-x: auto
    }
}

.actual-project:hover .actual-projects-description {
    padding: 0
}

@media screen and (min-width: 992px) {
    .actual-project:hover .actual-projects-description {
        padding: 0 30px;
        max-height: 200px
    }
}

.mainH1 {
    margin-top: 0;
    padding-bottom: 0
}

@media screen and (min-width: 992px) {
    .mainH1 {
        margin-top: 0;
        padding-bottom: 50px
    }
}

.portfolio-text.black {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px 0 55px;
    background-color: hsla(0, 0%, 100%, .4)
}

@media screen and (min-width: 992px) {
    .portfolio-text.black {
        padding: 20px 50px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-text.black {
        height: 100%
    }
}

.portfolio-text.white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px 0 55px;
    background-color: rgba(0, 0, 0, .4)
}

@media screen and (min-width: 992px) {
    .portfolio-text.white {
        padding: 20px 50px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-text.white {
        height: 100%
    }
}

@media screen and (min-width: 992px) {
    .newOffer__section {
        padding-left: 78px
    }

    .menu-section .menu-items {
        width: 40%
    }
}

@media screen and (max-width: 991px) {
    .portfolio h2 {
        font-size: 30px
    }
}

@media screen and (max-width: 991px) and (min-width: 992px) {
    .portfolio h2 {
        font-size: 32px
    }
}

@media screen and (max-width: 991px) {
    .portfolio p {
        font-size: 14px !important;
        line-height: 22px
    }
}

@media screen and (max-width: 991px) and (min-width: 992px) {
    .portfolio p {
        font-size: 16px !important;
        line-height: 26px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-aurum-header {
        height: 70vw !important
    }

    .break-50 {
        padding-top: 50px
    }

    .part {
        height: auto
    }

    .part p {
        margin-top: 10px
    }

    .brandingPage .portfolio-home-section {
        padding-bottom: 30px
    }

    .coMozesz_punkt {
        margin-bottom: 40px
    }

    .page-homepage .portfolio-home-section {
        padding-top: 50px !important
    }

    .portfolioHome .portfolio-item .description h3 {
        display: block;
        text-align: center
    }

    .portfolioHome .portfolio-item .description p {
        font-size: 16px !important;
        line-height: 20px
    }

    section.why-us {
        margin-top: 100px
    }

    .zobaczProjekty__opis {
        padding: 20px
    }

    .tekstowe .spread img {
        padding: 40px 0
    }

    .left-frame a {
        font-size: 16px
    }
}

@media screen and (max-width: 600px) {
    .menu-section .menu-items ul li a {
        font-size: 8vw
    }
}

.newOffer__punktor__numer p {
    font-size: 40px;
    font-style: normal
}

.opakowania__cennik .steps-section {
    margin-top: 3px
}

@media screen and (max-width: 991px) {
    .pageConsulting .portfolio-home-section {
        padding-bottom: 0
    }

    .pageConsulting .partnerzy__images img {
        margin-bottom: 10px
    }
}

#lhc_status_container {
    display: none !important
}

.newOffer__punktor__numer p {
    right: 0
}

.max_width img {
    width: auto !important
}

.singlePost .postBackground {
    background: url(/wp-content/themes/fresh2020/static/images/post_bg.png) 50% no-repeat fixed
}

.singlePost h1 {
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .singlePost h1 {
        max-width: 70%
    }
}

.singlePostContent {
    padding-left: 0;
    max-width: 1400px
}

.singlePostContent .container-fluid {
    padding-left: 0
}

.singlePostContent img {
    max-width: 100%;
    height: auto
}

.singlePostContent p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .singlePostContent p {
        font-size: 20px;
        line-height: 38px;
        margin-bottom: 40px
    }
}

.singlePostContent ol, .singlePostContent ul {
    list-style-position: inside
}

.singlePostContent ol li, .singlePostContent ul li {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0
}

@media screen and (min-width: 992px) {
    .singlePostContent ol li, .singlePostContent ul li {
        font-size: 20px;
        line-height: 38px;
        margin-bottom: 0
    }
}

.singlePostContent h2 {
    font-family: TitilliumFresh;
    font-size: 58px;
    padding-left: 8px;
    font-weight: 400;
    color: #ff8921;
    padding-top: 62px;
    padding-bottom: 70px
}

.singlePostContent__author {
    background: #f2f2f2
}

@media screen and (min-width: 992px) {
    .singlePostContent__author figure {
        margin-right: 40px;
        padding-right: 40px;
        border-right: 1px dashed #ff8921
    }
}

.author .col-lg-9 {
    padding: 0
}

.author .singlePostContent__author__copy {
    width: 100%
}

.author .singlePostContent__author__copy div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 5px 0
}

@media screen and (max-width: 991px) {
    .author .singlePostContent__author__copy div {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 992px) {
    .author .singlePostContent__author__copy div {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.author .singlePostContent__author__copy div p {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    color: #444
}

@media screen and (max-width: 991px) {
    .author .singlePostContent__author__copy div p {
        font-size: 14px;
        line-height: 22px
    }
}

.author .singlePostContent__author__copy div p.big {
    font-size: 28px;
    line-height: 32px;
    color: #575757;
    font-weight: 600
}

@media screen and (max-width: 991px) {
    .author .singlePostContent__author__copy div p.big {
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase
    }
}

.author .singlePostContent__author__copy div p.stanowisko {
    margin-left: 10px
}

.author .singlePostContent__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 50px
}

@media screen and (max-width: 991px) {
    .author .singlePostContent__author img {
        max-width: 120px
    }
}

@media screen and (min-width: 992px) {
    .author .singlePostContent__author {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 70px 0 70px 160px
    }
}

.author footer, .singlePostContent__thumb img {
    width: 100%
}

.singlePostContent__article__tresc {
    margin-top: 0;
    margin-left: 160px
}

.singlePostContent__article__tresc:before {
    content: "";
    width: 215px;
    height: 1px;
    border-top: 1px dashed #ff8921;
    display: inline-block;
    padding-bottom: 50px
}

.singlePostContent__galeria {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.singlePostContent__galeria.liczba_1 img {
    width: 100%
}

.singlePostContent__galeria.liczba_2 img, .singlePostContent__galeria.liczba_4 img {
    width: 50%
}

.blog__list {
    overflow: hidden;
    background: #f2f2f2
}

.blog__list__article {
    height: 512px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .blog__list__article {
        margin-top: 0
    }
}

.blog__list__article__copy {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

@media screen and (min-width: 992px) {
    .blog__list__article__copy:after {
        content: "";
        width: 215px;
        height: 1px;
        border-top: 1px dashed #ff8921;
        display: inline-block;
        position: absolute;
        bottom: 100px;
        right: -108px
    }
}

.blog__list__article__copy__inside {
    padding-bottom: 10px;
    padding-top: 18px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 992px) {
    .blog__list__article__copy__inside {
        padding-right: 80px;
        margin-bottom: 40px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-item-align: end;
        align-self: flex-end;
        border-left: 1px dashed #ff8921;
        margin-left: 50%
    }
}

.blog__list__article figure {
    width: 50%;
    margin-bottom: 0;
    background-size: cover !important
}

.blog__list__article a {
    color: #d31145;
    font-size: 16px
}

.blog__list__article p {
    color: #6f6f6f;
    font-size: 16px;
    line-height: 20px
}

.blog__list__article h5 {
    font-size: 22px;
    color: #575757;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 50px
}

@media screen and (min-width: 992px) {
    .blog__list.blogPage .blog__list__article:nth-child(2n) figure {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .blog__list.blogPage .blog__list__article:nth-child(2n) .blog__list__article__copy {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .blog__list.blogPage .blog__list__article:nth-child(2n) .blog__list__article__copy:after {
        left: -108px
    }

    .blog__list.blogPage .blog__list__article:nth-child(2n) .blog__list__article__copy__inside {
        margin-right: 50%;
        margin-left: 0;
        border-left: 0;
        border-right: 1px dashed #ff8921;
        text-align: right;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-right: 20px;
        padding-left: 80px
    }
}

.homePage.blog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.homePage.blog__list .blog__list__article:first-child {
    height: 540px
}

@media screen and (min-width: 992px) {
    .homePage.blog__list .blog__list__article:nth-child(2), .homePage.blog__list .blog__list__article:nth-child(3) {
        background: #fff;
        width: 50%;
        height: 370px
    }

    .homePage.blog__list .blog__list__article:nth-child(2) figure, .homePage.blog__list .blog__list__article:nth-child(3) figure {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .homePage.blog__list .blog__list__article:nth-child(2) .blog__list__article__copy, .homePage.blog__list .blog__list__article:nth-child(3) .blog__list__article__copy {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .homePage.blog__list .blog__list__article:nth-child(2) .blog__list__article__copy:after, .homePage.blog__list .blog__list__article:nth-child(3) .blog__list__article__copy:after {
        left: -108px
    }

    .homePage.blog__list .blog__list__article:nth-child(2) .blog__list__article__copy__inside, .homePage.blog__list .blog__list__article:nth-child(3) .blog__list__article__copy__inside {
        padding: 0 40px 20px 20px;
        margin: 0;
        -ms-flex-item-align: start;
        align-self: flex-start;
        border: none
    }

    .homePage.blog__list .blog__list__article:nth-child(2) .blog__list__article__copy__inside p, .homePage.blog__list .blog__list__article:nth-child(3) .blog__list__article__copy__inside p {
        font-size: 13px
    }

    .homePage.blog__list .blog__list__article:nth-child(2) .blog__list__article__copy__inside h5, .homePage.blog__list .blog__list__article:nth-child(3) .blog__list__article__copy__inside h5 {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 600px) {
    .blog__list__article__copy {
        width: 100%;
        z-index: 2
    }

    .blog__list__article__copy:after {
        display: none
    }

    .blog__list__article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px
    }

    .blog__list__article figure {
        height: 250px;
        width: 100%;
        z-index: 1
    }
}

@media screen and (max-width: 991px) {
    .blog__list__article {
        height: auto !important
    }

    .blog__list__article__copy__inside {
        margin: 0;
        padding: 20px
    }
}

.BloglistPostContent {
    margin-bottom: 50px
}

.BloglistPostContent, .BloglistPostContent .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.polecaneArtykuly .blog__list {
    margin-left: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.polecaneArtykuly .blog__list .blog__list__article {
    background: #fff;
    width: 50%;
    height: 370px
}

.polecaneArtykuly .blog__list .blog__list__article figure {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.polecaneArtykuly .blog__list .blog__list__article .blog__list__article__copy {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.polecaneArtykuly .blog__list .blog__list__article .blog__list__article__copy:after {
    left: -108px
}

.polecaneArtykuly .blog__list .blog__list__article .blog__list__article__copy__inside {
    padding: 0 40px 20px 20px;
    margin: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border: none
}

.polecaneArtykuly .blog__list .blog__list__article .blog__list__article__copy__inside p {
    font-size: 13px
}

.polecaneArtykuly .blog__list .blog__list__article .blog__list__article__copy__inside h5 {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 30px
}

.BloglistPostContent__polecane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 130px;
    padding-bottom: 50px;
    margin-left: 15px
}

@media screen and (min-width: 992px) {
    .BloglistPostContent__polecane {
        margin-left: 160px
    }
}

.BloglistPostContent__polecane h2 {
    font-size: 35px
}

@media screen and (min-width: 992px) {
    .BloglistPostContent__polecane h2 {
        font-size: 55px
    }
}

.BloglistPostContent__polecane .button {
    font-size: 14px;
    width: 250px;
    margin-left: 40px
}

.singleBlog .head h1 {
    font-family: TitilliumFresh;
    color: #f2b021
}

@media screen and (min-width: 992px) {
    .singleBlog .head h1 {
        font-size: 80px;
        line-height: 90px
    }
}

.header .logo {
    display: block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    pointer-events: all
}

img.logo {
    width: 90px;
    height: 45px;
    margin-top: 10px
}

@media screen and (min-width: 992px) {
    img.logo {
        width: 160px;
        height: 78px
    }
}

.breadcrumbs {
    color: #f2b021;
    margin: 0 15px
}

@media screen and (min-width: 992px) {
    .breadcrumbs {
        margin: 0
    }
}

.breadcrumbs span {
    font-family: TitilliumFresh;
    color: #fff
}

.breadcrumbs a {
    text-decoration: none;
    color: #fff
}

.breadcrumbs.black a, .breadcrumbs.black span {
    color: #000
}

.singlePostContent__article__tresc {
    padding-top: 60px;
    position: relative;
    margin: 0 32px
}

@media screen and (min-width: 992px) {
    .singlePostContent__article__tresc {
        margin: 0 0 0 160px
    }
}

.tool-pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 50px
}

.tool-pagination, .tool-pagination .pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tool-pagination .pages {
    margin: 0;
    list-style: none
}

.tool-pagination a, .tool-pagination span {
    font-size: 20px;
    color: #575757;
    line-height: 22px;
    font-weight: 700;
    margin: 0 10px
}

.tool-pagination .current {
    color: #d31145
}

@media screen and (min-width: 992px) {
    img.mobile {
        display: none
    }
}

img.desktop {
    display: none
}

@media screen and (min-width: 992px) {
    img.desktop {
        display: block
    }
}

@media screen and (max-width: 1366px) {
    .portfolioHome .portfolio-column:nth-of-type(3n-1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .portfolioHome .portfolio-column:nth-of-type(3n) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .portfolioHome .portfolio-column:nth-of-type(3n-2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media screen and (max-width: 991px) {
    .logos .title {
        font-size: 35px
    }

    .logos .logos-slider .slick-arrow {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width: 991px) {
    .title {
        font-size: 35px
    }
}

@media screen and (max-width: 1093px) {
    .head h1 {
        font-size: 45px !important;
        padding: 20px 0
    }
}

body {
    overflow: hidden
}

body.show {
    overflow: auto
}

@media screen and (max-width: 991px) {
    .head-slider {
        top: 30%
    }
}

@media screen and (min-width: 1600px) {
    .newOpakowania {
        margin-top: 50px
    }
}

.actual-project a {
    text-align: center
}

.grudnia-header {
    padding-bottom: 0
}

.grudnia-header .breadcrumbs {
    text-align: left
}

.grudnia-header .portfolio-title {
    text-align: left !important;
    margin: auto 15px 18px;
    font-size: 30px
}

@media screen and (min-width: 992px) {
    .grudnia-header .portfolio-title {
        font-size: 55px;
        margin: 0 0 12px
    }
}

.grudnia-header .portfolio-description {
    text-align: left;
    margin: 0 15px
}

@media screen and (min-width: 992px) {
    .grudnia-header .portfolio-description {
        padding-left: 2px;
        margin: 0 0 20px
    }
}

@media screen and (min-width: 992px) {
    .grudnia-header {
        padding-bottom: 100px;
        border-bottom: 3px dashed #eee;
        background-repeat: no-repeat
    }
}

.grudnia-header {
    padding: 0
}

@media screen and (max-width: 991px) {
    .footer .menu {
        margin: 0;
        width: 100%
    }

    .footer .menu li {
        text-decoration: none;
        display: block;
        text-align: left
    }
}

@media screen and (max-width: 991px) {
    .head p {
        width: 100%;
        padding: 0
    }

    .head h1, .head p {
        text-align: left;
        margin: 0 15px
    }

    .head h1 {
        font-size: 45px !important;
        padding: 20px 0
    }
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #d31145
}

section.divider50 {
    height: 100px
}

.newnew img {
    max-height: 70px;
    width: auto
}

.popup-form .styled-select {
    margin-top: 0
}

.form-section textarea, .popup .form-section input {
    margin-top: 0 !important
}

.contact-text {
    width: 200px
}

.newform {

}
#uploadbrowsebutton{
    top: 0;

}
.newform  input{
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}
.second-form .left-form .wpcf7-form-control-wrap {
    width: 100%;
    max-width: 330px;
    padding-bottom: 2px;
}

.second-form .left-form .wpcf7-form-control-wrap input::placeholder,
.left-form .wpcf7-form-control-wrap textarea::placeholder {
    color: #656565;
    font-size: 14px;
}

#uploadbrowsebutton {
    width: 100%;
    max-width: 256px;
}

.uploadbrowsebutton0text {
    font-size: 11px;
    font-weight: normal;
    color: #656565;
    display: block;
    margin-left: 30px;
}

.briefwrap {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 2px;
    margin-top: 34px;
}

.form-section .file {
    max-width: 100%;
}
.privacy{
    margin-top: 0 !important;
}
.container-checkbox.privacy .wpcf7-list-item-label {
    font-size: 11px;
    font-weight: normal;
    color: #656565;

}

.second-form-2 {
    margin-left: auto;
    max-width: 350px;
}

.second-form-2 .button {
    margin-top: 24px !important;
}

.newform .h2 {
    font-family: TitilliumFresh !important;
    margin-bottom: 40px !important;
}

.newform .contact_wrap {
    min-height: 100% !important;
}

.newform .left-form{
    width: 100%;
}
.wpcf7 form.sent .wpcf7-response-output{
    border-color: #46b450 !important;
}
span.wpcf7-not-valid-tip{
    bottom: 4px !important;
    font-size: 12px !important;
}
.wpcf7-checkbox + span.wpcf7-not-valid-tip{
    bottom: -25px !important;
}
.newform-eng .privacy {
    margin-bottom: 53px;
}

@media (max-width: 992px) {
    .newform .required {
        margin-left: 1%;
    }

    .second-form .left-form  .wpcf7-form-control-wrap {
        max-width: 100%;
    }

    .second-form .left-form  .wpcf7-form-control-wrap {
        padding-right: 0;
        padding-left: 0;
    }

    .second-form .left-form {
        margin-left: 0;
        margin-right: 0;
    }

    .second-form-2 {
        max-width: 100%;
    }

    .form-section input.button {
        max-width: 256px;
        margin-top: 30px;
        float: none;
    }
    .newform .second-form input{
        width: 100%;
    }
    span.wpcf7-not-valid-tip {
        position: relative !important;
        bottom: 13px !important;
    }
}

@media (max-width: 540px) {
    .briefwrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .briefwrap span {
        text-align: left;
        margin-left: 0;
        margin-top: 20px;
    }

    #uploadbrowsebutton,
    .form-section input.button {
        max-width: 100%;
    }
}