/* Button used to open the chat form - fixed at the bottom of the page */
        .open-button {
          background-color: green;
          color: white;
          padding: 10px 15px;
          border: none;
          cursor: pointer;
          opacity: 0.8;
          position: fixed;
          bottom: 23px;
          right: 100px;
          width: auto;
        }
        /* The popup chat - hidden by default */
        .chat-popup {
          display: none;
          position: fixed;
          bottom: 0;
          right: 90px;
          border: 3px solid #f1f1f1;
          z-index: 9;
        }
        /* Add styles to the form container */
        .form-container {
          max-width: 300px;
          padding: 10px;
          background-color: white;
        }
        /* Set a style for the submit/send button */
        .form-container .btn {
          background-color: #4CAF50;
          color: white;
          padding: 10px 10px;
          border: none;
          cursor: pointer;
          width: 100%;
          margin-bottom:10px;
          opacity: 0.8;
        }
        /* Add a red background color to the cancel button */
        .form-container .cancel {
          background-color: red;
        }
        /* Add some hover effects to buttons */
        .form-container .btn:hover, .open-button:hover {
          opacity: 1;
        }

        /* for search */
        .top-header .search-container {
            float: right;
        }
        .top-header input[type=text] {
            padding: 6px;
            margin-top: 24px;
            font-size: 15px;
            border: none;
            width: 300px;
        }
        .top-header .search-container button {
            float: right;
            padding: 6px 10px;
            margin-top: 24px;
            margin-right: -20px;
            background: #ddd;
            font-size: 15px;
            border: none;
            cursor: pointer;
        }
        .top-header .search-container button:hover {
            background: #ccc;
        }
        @media screen and (max-width: 600px) {
            .top-header .search-container {
                float: none;
            }
            .top-header a, .top-header input[type=text], .top-header .search-container button {
                float: none;
                display: block;
                text-align: left;
                width: 100%;
                margin: 0;
                padding: 14px;
            }
            .top-header input[type=text] {
                border: 1px solid #ccc;  
            }
        }

        /* For Menu */
        .main-menu .navigation > li {
            margin-right: 20px;
        }

        .colorborder {
            background: #e72428 none repeat scroll 0 0;
        }
        .colorborder::after {
            background: #e72428 none repeat scroll 0 0;
        }
        .colorborder::before {
            background: #e72428;
        }
        
        .amplebiz-service-inner:hover .amplebiz-service-icon i {
            color: #e72428;
        }