/* No CSS *//*# sourceMappingURL=style.css.map */

/*---------------------------------------- 
1) font-family: 'Open Sans', Arial, Helvetica, sans-serif;
2) font-family: 'Roboto', Arial, Helvetica, sans-serif;
-------------------------------------------*/
@font-face
{
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face
 {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf');
}
  /* ----------------------------------------*/
body 
{
  color: #C2C2C2;
  font-size: 15px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 400;
  position:relative;
  line-height: 33px;
}
  
h1,
h2,
h3,
h4,
h5,
h6 
{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
    padding: 0 0 10px 0;
}
  
h1 
{
    font-size: 76px;
    color: #FFF;
}
  
h2
{
    font-size: 37px;
    color: #303030;
    font-weight:500;
}
  
h3
{
    font-size: 17px;
    color: #000;
}
p
{
  font-size: 18px;
}
ul
{
    padding:0px;
    margin: 0px;
    list-style-type: none;
}
ul li
{
    padding:0px;
}
a
{
    color: #666666;
}
a:hover
{
    text-decoration: none;
}
.btn__blue
{
    background-color:#4274B7;
    transition: ease-in .5s;
    font-weight:700;
}
.btn__hover:hover
{
    cursor:pointer;
    background-color:#737373;
}
.color-accent
{
    color:#4274B7;
}
/* ---------------------------------- */

/* start engage_demo_panel */
.engage_demo_panel
{
    position: fixed;
    top:20%;
    right:0px;
    z-index:2;
    background-color: #FFF;
    font-size:15px;
    border-radius:5px 0px 0px 5px;
}
.engage_demo_panel ul li a
{
    padding:10px;
}
.engage_demo_panel ul li a:hover
{
    color:#218FE6;
}
.engage_demo_panel ul li a:hover .engage_demo_panel_title
{
    display:block;
    cursor: pointer;
}
.engage_demo_panel_title
{
    position:absolute;
    color:#000;
    background-color:#fff;
    font-size:12px;
    top:0px;
    right:100%;
    border-radius: 3px;
    margin-right: 1px;
    padding:0px 5px;
    display: none ;
    white-space:nowrap;
    text-align: center;
    z-index:5;
    box-shadow:0px 0px 5px rgba(2, 2, 51, 0.1);
    transition: ease-in-out 0.3;
}
.engage_demo_panel_title:hover
{
    background-color:#218FE6;
    color:#fff;
}
/* end engage_demo_panel */

/* start header */
.home
{
    background-image: url('../images/business-main.jpg');
    background-size: cover ;
    background-repeat: no-repeat;
    height: 100vh;
}
.overflow
{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
    background-color: rgba(2, 2, 51, 0.1);
    z-index: 1;
}
.navbar
{
    transition:ease-in 1s;
}
.navbar-light .navbar-nav .nav-link
{
    color: #fff!important;
}
.dropdown-menu
{
    width:20%;
    padding: 0px;
}
.navbar-toggler{
    border-color: transparent!important;
    border:none!important;
}
.navbar-toggler:focus
{
    outline:none!important;
}
.navbar-toggler__icon
{
    color: #fff;
}
.navbar-toggler__icon__child:focus .navbar-toggler__icon__child::after
{
    width: 70px;
}
.navbar-toggler__icon__child
{
    position:relative;
}
.navbar-toggler__icon__child::after
{
    content:'';
    position: absolute;
    top:0px;
    right:0px;
    width:30px;
    border:1px solid #fff;
}
.navbar-toggler__icon__child:nth-child(2)::after
{
    top:12px;
}
.navbar-toggler__icon__child:nth-child(3)::after
{
    top:24px;
}
.navbarScroll
{
    background-color:#000!important;
}
.headerContent
{
    position: relative;
    z-index:2;
}
.headerContent__p
{
    color: #fff;
    font-size: 22px;
}
.headerContent__btn1
{
    transition: ease-in .5s;
}
.headerContent__btn1:hover{
    cursor: pointer!important;
    background-color:#fff!important;
    color:#000!important;
}
.headerContent__btn2
{
    transition: ease-in .5s;
}
.headerContent__btn2:hover{
    cursor: pointer!important;
    background-color:rgba(210, 210, 238, 0.1)!important;
}
/* end header */

/* start services */
.services,.about
{
    background-color:#F8F8F9;
}
#first
{
    color:#4274B7;
    font-size:25px;
}
.services  i:not(#first) 
{
    color:#fff;
    background-color:#4274B7;
    padding:15px;
    font-size:20px;
    border-radius: 50%;
}
/* end services */

/* start news */
.news
{
    background-image:url('../images/business-main.jpg');
    background-size:cover;
    background-position:center center;
    color:#fff;
    position:relative;
}
.news__overall
{
    position: absolute;
    top:0px;
    width:100%;
    height:100%;
    background-color:rgba(81, 127, 189, 0.7);
}
.news .splide__arrow
{
    top:100%;
}
.news .splide__arrow--prev ,.news .splide__arrow--next
{
    margin-top:20px;
}
.news .splide__arrow--prev
{
    left:40%;
}
.news .splide__arrow--next
{
    right:40%;
}

/* end news */

/* start clients */
.clients
{
    background-color:#F8F8F9;
}
.clients .splide__arrow
{
    display:none;
}
.splide__pagination
{
    display:none;
}

/* end clients */


/* start contact */
.contact 
{
    color: #58606B;
    background-color:#162231;
    font-size: 14px!important;
}
.contact a
{
    color:#58606B;
}
.contact a:hover
{
    color:#2E548C;
}
.contact p
{
    font-size:14px;
}
.contact h3
{
    color:#fff;
}
.contact ul 
{
    padding:0px;
}
.contact .col-lg-3:last-child ul:last-child
{
    position:relative;
    z-index:3;
}
.contact .col-lg-3:last-child ul:last-child li
{
    position:relative;
    z-index:3;
}
.contact .col-lg-3:last-child ul:last-child::after
{
    content:'';
    position:absolute;
    top: 10px;
    width: 100%;
    height: 100%;
    background-image: url('../images/contact-details-map.png');
    background-size: 100% 100%;
    background-position: center center;
    z-index:1;
}
.contact .col-lg-3:last-child ul:last-child::before
{
    content:'';
    position:absolute;
    top: 10px;
    width: 100%;
    height: 100%;
    background-color:rgba(22, 34,49, 0.8);
    z-index:2;
}
.contact .list
{
    padding:15px;
}
.contact .list li 
{
    position:relative;
    padding:0px;
}
.contact .list li::after
{
    content:'>';
    position:absolute;
    top:0px;
    left:0px;
    transform:translateX(-100%);
    padding-right:10px;
}
/* end contact */

/* start footer */
footer
{
    background-color:#121B25;
    height:auto;
}
footer ul li 
{
    display: inline-block;
}
footer ul li a
{
    background-color:#000;
    padding:10px;
    border-radius: 50%;
}
footer ul li a:hover
{
    color:#fff;
}
footer ul li:first-child a:first-child:hover
{
    background-color:#3B5998;
}
footer ul li:nth-child(2) a:hover
{
    background-color:#DD4B39;
}
footer ul li:nth-child(3) a:hover
{
    background-color:#007BB5;
}
footer ul li:nth-child(4) a:hover
{
    background-color:#00ACED;
}
/* end footer */