.headerarea__main__menu nav ul > li a {
                padding: 47px 6px 10px 6px;
            }

            .row.headerarea__submenu ul li a {
                padding: 5px;
                font-size: 14px;
            }
            li.dropdown:hover ul.dropdown-menu {
                display: block;
            }
            ul#textresizer ul.dropdown-menu li {
                text-align: left;
                width: 100%;
                border: none;
                border-bottom: 1px solid #f5f5f5;
                padding: 4px 5px;
            }

            ul#textresizer ul.dropdown-menu li:hover {
                background-color: aliceblue;
            } 
            .fas {
                margin-right: 4px !important; /*override*/
            }

            .pagination .fas {
                margin-right: 0px !important; /*override*/
            }

            .pagination a {
                color: #0d2e4d;
            }

            .card ul {
                padding: 0px;
                margin: 0px;
                list-style: none;
            }

            .news-item {
                padding: 4px 4px;
                margin: 0px;
                border-bottom: 1px dotted #555;
            }

            .revGallery-anchor,
            .gal-overlay,
            .nak-gallery-poster {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
            }

            .revGallery-anchor {
                overflow: hidden;
                position: relative;
                width: calc(100% / 5);
                display: block;
                float: left;
                border: 5px solid #e9e9e9;
            }

            .gal-overlay {
                display: block;
                width: 100%;
                height: 100%;
                background: rgba(27, 27, 27, 0.6);
                position: absolute;
                top: 0;
                left: 0;
                transition: background 0.4s ease;
                -webkit-transition: background 0.4s ease;
            }

            .revGallery-anchor:hover .gal-overlay {
                background: rgba(27, 27, 27, 0);
            }

            .nak-gallery {
                display: block;
                width: 100%;
                position: relative;
                margin-top: 30px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
            }

            .nak-gallery-poster {
                padding-bottom: 100%;
                transform-origin: 50% 50%;
                -webkit-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                transform: scale(1, 1);
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
            }

            .revGallery-anchor:hover .nak-gallery-poster {
                transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                -ms-transform: scale(1.1, 1.1);
            }

            .img-responsive {
                display: none;
            }

            .button {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                width: 200px;
                height: 48px;
                border: 1px solid rgba(0, 169, 157, 1);
                background-color: rgba(0, 169, 157, 1);
                border-radius: 2px;
                color: #fff;
                letter-spacing: 2px;
            }

            .button:hover {
                background-color: #363636;
                text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
                color: #fff;
            }

            .button:active,
            .button.is-checked {
                background-color: #28f;
            }

            .button.is-checked {
                color: white;
                text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
            }

            .button:active {
                box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
            }

            .revGallery-anchor-width1 {
                width: 40%;
            }

            .revGallery-anchor-width2 {
                width: 30%;
            }

            .revGallery-anchor-width3 {
                width: 20%;
            }

            .nak-gallery-height1 {
                padding-bottom: 400px;
            }

            .nak-gallery-height2 {
                padding-bottom: 300px;
            }

            .nak-gallery-height3 {
                padding-bottom: 200px;
            }

            .preloader {
                display: none;
            }

            .preloaderStyle {
                background: red;
                width: 100%;
                height: 100px;
            } 
 
            .flip-container {
                perspective: 1000px;
                transform-style: preserve-3d;
            }

            .flip-container:hover .back {
                transform: rotateY(0deg);
            }

            .flip-container:hover .front {
                transform: rotateY(180deg);
            }

            .flip-container,
            .front,
            .back {
                width: 100%;
                height: 259px;
                float: left;
                border-radius: 10px;
            }

            .flipper {
                transition: 0.6s;
                transform-style: preserve-3d;
                position: relative;
            }
            /* hide back of pane during swap */
            .front,
            .back {
                backface-visibility: hidden;
                transition: 0.6s;
                transform-style: preserve-3d;
                position: absolute;
                top: 0;
                left: 0;
            }

            .front {
                z-index: 2;
                transform: rotateY(0deg);
            }

            .back {
                transform: rotateY(-180deg);
                background: #fff;
                color: #000;
                text-align: center;
                line-height: 1.4em;
            }

            .vertical.flip-container {
                position: relative;
            }

            .vertical .back {
                transform: rotateX(180deg);
            }

            .vertical.flip-container:hover .back {
                transform: rotateX(0deg);
            }

            .vertical.flip-container:hover .front {
                transform: rotateX(180deg);
            }

            .front {
                background: #9c3;
                color: #fff;
                text-align: center;
                border: 5px solid #fff;
            }

            .front h1 {
                font-size: 19px;
                background-color: #ffffffe3;
                margin: 108px 0px;
                padding: 10px 0px;
            }

            .back h2 {
                font-size: 22px;
                padding: 7px 0px;
                margin-bottom: 18px;
                border-bottom: 1px dashed rgba(154, 157, 162, 0.3);
            }

            .back p {
                margin-bottom: 0px;
                text-align: left;
                margin-left: 25px;
                font-size: 14px;
                padding: 2px 0px;
                transition: 0.2s;
            }

            .back p:hover {
                padding-left: 3px;
            }

            .back p:before {
                content: url(img/right-arrow.png);
                display: inline-block;
                text-rendering: auto;
                margin-right: 5px;
                position: absolute;
                left: 0;
                padding: 0px 7px;
            }
            .sidebar-contact {
                position: absolute;
                top: 76%;
                left: -223px;
                transform: translateY(-50%);
                width: 223px;
                height: auto;
                padding: 6px;
                background: #fff;
                /* box-shadow: 0 20px 50px rgba(0,0,0,.5); */
                box-sizing: border-box;
                transition: 0.5s;
                z-index: 99;
            }

            .sidebar-contact.active {
                left: 0;
            }

            .sidebar-contact input,
            .sidebar-contact textarea {
                width: 100%;
                height: 36px;
                padding: 5px;
                margin-bottom: 10px;
                box-sizing: border-box;
                border: 1px solid rgba(0, 0, 0, 0.5);
                outline: none;
            }

            .sidebar-contact h2 {
                margin: 0 0 20px;
                padding: 0;
            }

            .sidebar-contact textarea {
                height: 60px;
                resize: none;
            }

            .sidebar-contact input[type="submit"] {
                background: #00bcd4;
                color: #fff;
                cursor: pointer;
                border: none;
                font-size: 18px;
            }

            .toggle {
                position: absolute;
                height: 98px;
                width: 75px;
                text-align: center;
                cursor: pointer;
                /* background: #f3f6f9; */
                top: -76px;
                left: 247px;
                line-height: 16px;
                border-radius: 50%;
                z-index: 99999999999;
            }

            @media (max-width: 768px) {
                .sidebar-contact {
                    height: 83%;
                    top: 54% !important;
                }
                .box a {
                    color: #fff;
                    font-size: 10px !important;
                    transition: 0.2s;
                }
                .zoom-in-zoom-out {
                    margin-top: 25px !important;
                    width: 63px !important;
                }

                .sidebar-contact .toggle {
                    top: 0%;
                    transform: translateY(-50%);
                    transition: 0.5s;
                }
                p.rounded {
                    font-size: 8px !important;
                }
                .sidebar-contact.active .toggle {
                    top: 0;
                    right: 0;
                    transform: translateY(0);
                }

                .scroll {
                    width: 100%;
                    height: 100%;
                    overflow-y: auto;
                }

                .content {
                    padding: 50px 50px;
                }
            }

            .zoom-in-zoom-out {
                margin-top: 108px;
                width: 90px;
                /* height: 50px; */
                animation: zoom-in-zoom-out 2s ease-out infinite;
                /* border: 1px solid #003662; */
                z-index: 99999;
            }

            @keyframes zoom-in-zoom-out {
                0% {
                    transform: scale(1, 1);
                }

                50% {
                    transform: scale(1.2, 1.2);
                }

                100% {
                    transform: scale(1, 1);
                }
            }

            .scroll ul li {
                border-bottom: 1px dotted #e1dfdf;
                list-style: none;
            }

            .scroll ul li:hover {
                border-bottom: 1px dotted #e1dfdf;
                background: #e5eff7;
            }

            .scroll ul li a {
                list-style: none;
                transition: 0.5s;
                padding: 4px 0px;
                color: #ebe7e7;
            }

            .scroll ul li:last-child {
                border-bottom: none;
            }

            .scroll ul {
                padding: 0px;
            }
            .box {
                border-bottom: 1px dotted #e1dfdf;
                color: #fff;
                transition: 0.2s;
            }
            .box:hover {
                padding-left: 2px;
            }
            .box a {
                color: #fff;
                font-size: 14px;
                transition: 0.2s;
            }
            .box:hover {
                background: #042c4c;
            }

            .scroll ul li a:hover {
                color: #003662 !important;
                padding-left: 15px;
            }

            .sidebar-contact {
                background-color: #003662;
            }

            i.fa.fa-chevron-down {
                font-size: 10px;
                position: relative;
                top: -2px;
            }