HOME

Mini Shell 1.0
DIR:/home/u112590191/domains/amazconsultancy.com/public_html/Assets/
Current File : /home/u112590191/domains/amazconsultancy.com/public_html/Assets/Style.css
/** Login Page **/

@import url(https://fonts.googleapis.com/css?family=Roboto:300);



.login-page {

  width: 360px;

  padding: 8% 0 0;

  margin: auto;

}

.form {

  position: relative;

  z-index: 1;

  background: #FFFFFF;

  max-width: 360px;

  margin: 0 auto 100px;

  padding: 45px;

  text-align: center;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);

  border-radius: 7px;

}



.login-page-heading {

font-size: 25px;

color: white;

text-align: center;

font-weight: 900px;

}



.login-page-Singin {

    margin-top: -30px;

    font-size: 25px;

    color: Black;

    text-align: center;

    font-weight: 900px;

    }



.form input {

  font-family: "Roboto", sans-serif;

  outline: 0;

  border-radius: 50px;

  background: #f2f2f2;

  width: 100%;

  border: 0;

  border-radius: 50px;

  margin: 0 0 15px;

  padding: 15px;

  box-sizing: border-box;

  font-size: 14px;

}

.form button {

  font-family: "Roboto", sans-serif;

  border-radius: 50px;

  text-transform: uppercase;

  outline: 0;

  background: #FBBA05;

  width: 100%;

  border: 0;

  padding: 15px;

  color: #FFFFFF;

  font-size: 14px;

  -webkit-transition: all 0.3 ease;

  transition: all 0.3 ease;

  cursor: pointer;

}

.form button:hover,.form button:active,.form button:focus {

  background: #FBBA05;

}

.form .message {

  margin: 15px 0 0;

  color: #b3b3b3;

  font-size: 12px;

}

.form .message a {

  color: #FBBA05;

  text-decoration: none;

}

.form .register-form {

  display: none;

}

.container {

  position: relative;

  z-index: 1;

  max-width: 300px;

  margin: 0 auto;

}

.container:before, .container:after {

  content: "";

  display: block;

  clear: both;

}

.container .info {

  margin: 50px auto;

  text-align: center;

}

.container .info h1 {

  margin: 0 0 15px;

  padding: 0;

  font-size: 36px;

  font-weight: 300;

  color: #1a1a1a;

}

.container .info span {

  color: #4d4d4d;

  font-size: 12px;

}

.container .info span a {

  color: #000000;

  text-decoration: none;

}

.container .info span .fa {

  color: #EF3B3A;

}

body {

  background: #FBBA05; /* fallback for old browsers */

  background: #FBBA05(141,194,111);

  

  font-family: "Roboto", sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;      

}



/** Login Page End **/



body {

  font-family: Arial, sans-serif;

  padding: 50px;

  background-color: #ececec;

  

}



form {

  width: 600px;

  background-color: rgb(240, 240, 240);

  padding: 50px;

  margin: 0 auto;

  text-align: left;

  border-radius: 30px;

  border-color: red;

  

}



label {

  font-weight: bold;

  display: block;

  margin-bottom: 10px;

}



input[type="text"], input[type="email"], input[type="password"] {

  padding: 12px;

  font-size: 16px;

  width: 100%;

  margin-bottom: 20px;

  border-radius: 30px;

  border: 1px solid #ccc;

}



input[type="submit"] {

  background-color: #4CAF50;

  color: white;

  padding: 12px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  float: right;

}





/** Index Page **/



body {

  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  background-color: #fff;

  height: 200vh;

  position: relative; }

  body:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.5);

    -webkit-transition: .3s all ease;

    -o-transition: .3s all ease;

    transition: .3s all ease;

    opacity: 0;

    visibility: hidden;

    z-index: 1; }

  body.offcanvas-menu:before {

    opacity: 1;

    visibility: visible; }



p {

  color: #b3b3b3;

  font-weight: 300; }



h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, .h4, .h5, .h6 {

  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }



a {

  -webkit-transition: .3s all ease;

  -o-transition: .3s all ease;

  transition: .3s all ease; }

  a, a:hover {

    text-decoration: none !important; }



.hero {

  height: 100vh;

  width: 100%;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat; }



.site-navbar {

  margin-bottom: 0px;

  z-index: 1999;

  position: absolute;

  top: 2rem;

  width: 100%; }

  .site-navbar.transparent {

    background: transparent; }

  .site-navbar.absolute {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%; }

  .site-navbar .site-logo {

    position: relative;

    left: 0;

    font-size: 24px !important; }

  .site-navbar .site-navigation .site-menu {

    margin-bottom: 0; }

    .site-navbar .site-navigation .site-menu .active > a span {

      background: #007bff;

      color: #fff;

      border-radius: 30px;

      display: inline-block;

      padding: 5px 20px; }

    .site-navbar .site-navigation .site-menu a {

      text-decoration: none !important;

      display: inline-block; }

    .site-navbar .site-navigation .site-menu > li {

      display: inline-block; }

      .site-navbar .site-navigation .site-menu > li > a {

        padding: 10px 0px;

        color: #fff;

        font-size: 16px;

        text-decoration: none !important; }

        .site-navbar .site-navigation .site-menu > li > a > span {

          padding: 5px 20px;

          display: inline-block;

          -webkit-transition: .3s all ease;

          -o-transition: .3s all ease;

          transition: .3s all ease;

          border-radius: 30px; }

        .site-navbar .site-navigation .site-menu > li > a:hover > span {

          background: #007bff;

          color: #fff;

          border-radius: 30px;

          display: inline-block; }

    .site-navbar .site-navigation .site-menu .has-children {

      position: relative; }

      .site-navbar .site-navigation .site-menu .has-children > a span {

        position: relative;

        padding-right: 30px; }

        .site-navbar .site-navigation .site-menu .has-children > a span:before {

          position: absolute;

          content: "\e313";

          font-size: 16px;

          top: 50%;

          right: 10px;

          -webkit-transform: translateY(-50%);

          -ms-transform: translateY(-50%);

          transform: translateY(-50%);

          font-family: 'icomoon'; }

      .site-navbar .site-navigation .site-menu .has-children .dropdown {

        visibility: hidden;

        opacity: 0;

        top: 100%;

        position: absolute;

        text-align: left;

        border-top: 2px solid #007bff;

        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);

        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);

        padding: 0px 0;

        margin-top: 20px;

        margin-left: 0px;

        background: #fff;

        -webkit-transition: 0.2s 0s;

        -o-transition: 0.2s 0s;

        transition: 0.2s 0s; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {

          position: absolute; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

            bottom: 100%;

            left: 20%;

            border: solid transparent;

            content: " ";

            height: 0;

            width: 0;

            position: absolute;

            pointer-events: none; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

            border-color: rgba(136, 183, 213, 0);

            border-bottom-color: #fff;

            border-width: 10px;

            margin-left: -10px; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown a {

          text-transform: none;

          letter-spacing: normal;

          -webkit-transition: 0s all;

          -o-transition: 0s all;

          transition: 0s all;

          color: #343a40; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {

          color: #007bff !important; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {

          list-style: none;

          padding: 0;

          margin: 0;

          min-width: 200px; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {

            padding: 9px 20px;

            display: block; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {

              background: #fafafb; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a {

            position: relative; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:after {

              position: absolute;

              right: 0;

              content: "\e315";

              right: 20px;

              font-family: 'icomoon'; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {

            left: 100%;

            top: 0; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {

            background: #fafafb; }

      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {

        color: #007bff; }

        .site-navbar .site-navigation .site-menu .has-children:hover > a span, .site-navbar .site-navigation .site-menu .has-children:focus > a span, .site-navbar .site-navigation .site-menu .has-children:active > a span {

          background: #007bff;

          color: #fff; }

      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {

        cursor: pointer; }

        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {

          -webkit-transition-delay: 0s;

          -o-transition-delay: 0s;

          transition-delay: 0s;

          margin-top: 0px;

          visibility: visible;

          opacity: 1; }



.site-mobile-menu {

  width: 300px;

  position: fixed;

  right: 0;

  z-index: 2000;

  padding-top: 20px;

  background: #fff;

  height: calc(100vh);

  -webkit-transform: translateX(110%);

  -ms-transform: translateX(110%);

  transform: translateX(110%);

  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

  -webkit-transition: .3s all ease-in-out;

  -o-transition: .3s all ease-in-out;

  transition: .3s all ease-in-out; }

  .offcanvas-menu .site-mobile-menu {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%); }

  .site-mobile-menu .site-mobile-menu-header {

    width: 100%;

    float: left;

    padding-left: 20px;

    padding-right: 20px; }

    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {

      float: right;

      margin-top: 8px; }

      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {

        font-size: 30px;

        display: inline-block;

        padding-left: 10px;

        padding-right: 0px;

        line-height: 1;

        cursor: pointer;

        -webkit-transition: .3s all ease;

        -o-transition: .3s all ease;

        transition: .3s all ease; }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {

          color: #f8f9fa; }

    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {

      float: left;

      margin-top: 10px;

      margin-left: 0px; }

      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {

        display: inline-block;

        text-transform: uppercase; }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {

          max-width: 70px; }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {

          text-decoration: none; }

  .site-mobile-menu .site-mobile-menu-body {

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    position: relative;

    padding: 0 20px 20px 20px;

    height: calc(100vh - 52px);

    padding-bottom: 150px; }

  .site-mobile-menu .site-nav-wrap {

    padding: 0;

    margin: 0;

    list-style: none;

    position: relative; }

    .site-mobile-menu .site-nav-wrap a {

      padding: 10px 20px;

      display: block;

      position: relative;

      color: #212529; }

      .site-mobile-menu .site-nav-wrap a:hover {

        color: #007bff; }

    .site-mobile-menu .site-nav-wrap li {

      position: relative;

      display: block; }

      .site-mobile-menu .site-nav-wrap li.active > a {

        color: #007bff; }

    .site-mobile-menu .site-nav-wrap .arrow-collapse {

      position: absolute;

      right: 0px;

      top: 10px;

      z-index: 20;

      width: 36px;

      height: 36px;

      text-align: center;

      cursor: pointer;

      border-radius: 50%; }

      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {

        background: #f8f9fa; }

      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {

        font-size: 12px;

        z-index: 20;

        font-family: "icomoon";

        content: "\f078";

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(-180deg);

        -ms-transform: translate(-50%, -50%) rotate(-180deg);

        transform: translate(-50%, -50%) rotate(-180deg);

        -webkit-transition: .3s all ease;

        -o-transition: .3s all ease;

        transition: .3s all ease; }

      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {

        -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%); }

    .site-mobile-menu .site-nav-wrap > li {

      display: block;

      position: relative;

      float: left;

      width: 100%; }

      .site-mobile-menu .site-nav-wrap > li > a {

        padding-left: 20px;

        font-size: 20px; }

      .site-mobile-menu .site-nav-wrap > li > ul {

        padding: 0;

        margin: 0;

        list-style: none; }

        .site-mobile-menu .site-nav-wrap > li > ul > li {

          display: block; }

          .site-mobile-menu .site-nav-wrap > li > ul > li > a {

            padding-left: 40px;

            font-size: 16px; }

          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {

            padding: 0;

            margin: 0; }

            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {

              display: block; }

              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {

                font-size: 16px;

                padding-left: 60px; }

    .site-mobile-menu .site-nav-wrap[data-class="social"] {

      float: left;

      width: 100%;

      margin-top: 30px;

      padding-bottom: 5em; }

      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {

        width: auto; }

        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {

          padding-left: 15px !important; }





/** Index Page End **/