body {
              font-family: Verdana, sans-serif;
              margin: 0;
            }

            * {
              box-sizing: border-box;
            }

            .row > .column {
              padding: 0 8px;
            }

            .row:after {
              content: "";
              display: table;
              clear: both;
            }

            .column {
              float: left;
              width: 25%;
            }

            /* The Modal (background) */
            .modal {
              display: none;
              position: fixed;
              z-index: 1;
              padding-top: 40px;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              overflow: auto;
              background-color: #00000085;
            }

            /* Modal Content */
            .modal-content {
              position: relative;
              background-color: #fefefe;
              margin: auto;
              padding: 0;
              width: 90%;
              max-width: 1200px;
            }

            /* The Close Button */
            .close {
              color: white;
              position: absolute;
              top: 10px;
              right: 25px;
              font-size: 35px;
              font-weight: bold;
            }

            .close:hover,
            .close:focus {
              color: #999;
              text-decoration: none;
              cursor: pointer;
            }

            .mySlides {
              display: none;
              width: 
            }

            .cursor {
              cursor: pointer
            }

            /* Next & previous buttons */
            .prev,
            .next {
              display: block;
              z-index: 3;
              color: white;
              background-color: rgba(72, 72, 72, 0.47);
              font-size: 6vmin;
              cursor: pointer;
              position: absolute;
              top: 50%;
              width: auto;
              padding: 16px;
              margin-top: -50px;
              color: white;
              font-weight: bold;
              font-size: 20px;
              transition: 0.6s ease;
              border-radius: 0 3px 3px 0;
              user-select: none;
              -webkit-user-select: none;
            }

            /* Position the "next button" to the right */
            .next {
              right: 0;
              border-radius: 3px 0 0 3px;
            }

            /* On hover, add a black background color with a little bit see-through */
            .prev:hover,
            .next:hover {
              background-color: rgba(0, 0, 0, 0.8);
            }

            /* Number text (1/3 etc) */
            .numbertext {
              color: #f2f2f2;
              font-size: 12px;
              padding: 8px 12px;
              position: absolute;
              top: 0;
            }

            img {
              margin-bottom: -4px;
            }

            .caption-container {
              text-align: center;
              background-color: black;
              padding: 2px 16px;
              color: white;
            }

            .demo {
              opacity: 0.6;
            }

            .active,
            .demo:hover {
              opacity: 1;
            }

            img.hover-shadow {
              transition: 0.3s
            }

            .hover-shadow:hover {
              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
            }
            
            .man {
              position: relative;
              width: 70%;
            }

            .image {
              display: block;
              width: 100%;
              height: auto;
            }

            .hovering {
              position: absolute;
              bottom: 100%;
              left: 0;
              right: 0;
              background-color: #141A7799;
              overflow: hidden;
              width: 100%;
              height:0;
              transition: .5s ease;
            }

            .man:hover .hovering {
              bottom: 0;
              height: 100%;
            }

            .text {
              color: white;
              font-size: 30px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              text-align: center;
            }
            hr {
                margin-top: 20px;
                margin-bottom: 20px;
                border: 0;
                border-top: 2px solid #f76705;
            }
           
            .shadow{
                box-shadow: 0 1px 15px rgba(0, 0, 0, 0.45), 1px 3px 12px 6px rgba(0, 0, 0, 0.1)
            }
            /*.center {
                margin: auto;
                width: 55%;

                padding: 10px;
            }*/
            .margi{
                margin-top: 20px;
            }
            .zoomin img {
                height: 100%;
                width: 250%;
                -webkit-transition: all 2s ease;
                 -moz-transition: all 2s ease;
                  -ms-transition: all 2s ease;
                      transition: all 2s ease;
            }
            .zoomin img:hover {
              height: 500%;
              width: 250%;
              
            }
            .margi{
                margin-top: 20px;
            }
            .mar{
                margin-bottom:2px; 
            }
            .nomarg{
                margin:0px;
                padding-bottom:10px;
                border-top: 1px solid gray;
            }
            .footer_links{
              color:#fff;

            }
            .footer_links:hover{
              color:#f76705;
            }
            .marg-top{
              margin-top: 130px;
            }