/* Add here all your css styles (customizations) */
@import url("https://use.typekit.net/ipm7khr.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25em;
}
h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.u-header u-header--static {background-color: #090f34;}
.g-bg-primary-dark-v3 {
  background-color: rgba(0, 0, 0, 0) !important; }
.g-bg-black-opacity-0_6 {
  background-color: rgba(0, 0, 0, 0) !important; }

.livechat_icon {
  height: 55px;
  width: 87px;
}

.livechat_icon:hover{
  background-image: url(../images/live_chat_hover_87x55px-29.png);
  background-repeat: no-repeat;
  height: 55px;
  width: 87px;
}

a {
    color: #000;
    outline: none;
}


a:focus,
a:hover {
  color: #F0C57A; }
    a:focus,
    a:hover {
        color: #F0C57A;
    }


#link img a
 {
 border:0;
 outline:none;
 border-style: none;
 }

.right {
  position: absolute;
  right: -20%;
}

/* headers */

.g-color-primary {color:#E7A523;}

.h1 {color:#E7A523;}

.h5 {
      font-weight: 400;
      font-size: 1.3em;}


/* logo */

.logo-wrapper {width: 100%; height: auto; }

@media screen and (max-width: 480px) {
    .logo {
         width: 250px;
    }
}

/* Navigation */
.nav-submenu:hover, .nav-submenu.active {
  border-color: #F0C57A;
  background-color: #F0C57A; } {
background-color: #E7A523;
}

/* Button Primary */
.u-btn-primary {
  color: #fff;
  background-color: #E7A523;
  border: solid 2px #E7A523;
  border-radius: 2px;}

.u-btn-primary:hover, .u-btn-primary.active {
  border-color: #F0C57A;
  background-color: #F0C57A; }

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
  color: #fff; }

.u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active {
  background-color: #F0C57A;
  border-color: #F0C57A; }

.u-btn-primary.u-btn-hover-v1-1 {
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after {
  background-color: #F0C57A; }

.u-btn-primary.u-btn-hover-v1-1:hover {
  background-color: #F0C57A;
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v1-2 {
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after {
  background-color: #F0C57A; }

.u-btn-primary.u-btn-hover-v1-2:hover {
  background-color: #F0C57A;
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v1-3 {
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after {
  background-color: #F0C57A; }

.u-btn-primary.u-btn-hover-v1-3:hover {
  background-color: #F0C57A;
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v1-4 {
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after {
  background-color: #F0C57A; }

.u-btn-primary.u-btn-hover-v1-4:hover {
  background-color: #F0C57A;
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v2-1 {
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after {
  background-color: #F0C57A; }

.u-btn-primary.u-btn-hover-v2-1:hover {
  background-color: #F0C57A;
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v2-2 {
  overflow: hidden; }

.u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after {
  background-color: #F0C57A; }

.u-btn-primary.u-btn-hover-v2-2:hover {
  background-color: #F0C57A;
  overflow: hidden; }



/* home page */
.header2 { 
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 30px;}

/* Contact Page */
.livechat_icon_fill {
  height: 55px;
  width: 87px;
}

.livechat_icon_fill:hover{
  background-image: url(../images/live_chat_hover_87x55px_fill.png);
  background-repeat: no-repeat;
  height: 55px;
  width: 87px;
}

a.no_underline:hover{
    text-decoration: none;
}

.padding-bottom{
    padding-bottom: 20px;
}

/* Solutions Page */

.img-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* News Page */

.set-news-height {
    min-height: 350px;
}

/* Web Design Page */

.set-design-height {
    min-height: 500px;
}

article {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}
 /* Locations Page */
.set-location-height {
  min-height: 600px;
}

/* eLearning-Company page */
.blue-gradient-hr {
    height: 2px;
    background: linear-gradient(to right, red, yellow);

}
a.project-title {
    color: #000;
    outline: none;
}

a.project-title:focus,
a.project-title:hover {
        color: #b7b7b7;
    }

.project-img {
    display: inline-block;
    position: relative;
}

    .project-img::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0 0 0 rgba(255,255,255,.5);
        transition: box-shadow .1s ease;
    }

    .project-img:hover::after {
        box-shadow: inset 0 0 0 10px rgba(255,255,255,.5);
    }

img {
    display: block;
    position: relative;
}

/* eLearning Company Primary */
.blue-gradient-btn {
    background-color: #00468c;
    border: solid 2px #00468c;
    border-radius: 2px;
}
.blue-gradient-btn {
    color: #fff;
    /*background-color: #00468c;*/
    border-radius: 30px;
    border: none;
    background: rgb(0,70,140);
    background: linear-gradient(90deg, rgba(0,70,140,1) 0%, rgba(99,143,174,1) 100%);
}

    .blue-gradient-btn:hover, .blue-gradient-btn.active {
        filter: brightness(1.40);
        text-decoration: none;
        color: #fff;
    }
.blue-gradient-hr {
    background: rgb(0,70,140);
    background: linear-gradient(90deg, rgba(0,70,140,1) 0%, rgba(99,143,174,1) 100%);
    border-radius: 10px;
}