@font-face {font-family: "Graphik Web Regular Regular";
    src: url("../../font/105007d99d9df64c50cc24d696d79555.eot"); /* IE9*/
    src: url("../../font/105007d99d9df64c50cc24d696d79555.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../font/105007d99d9df64c50cc24d696d79555.woff2") format("woff2"), /* chrome、firefox */
    url("../../font/105007d99d9df64c50cc24d696d79555.woff") format("woff"), /* chrome、firefox */
    url("../../font/105007d99d9df64c50cc24d696d79555.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("../../font/105007d99d9df64c50cc24d696d79555.svg#Graphik Web Regular Regular") format("svg"); /* iOS 4.1- */
  }

body 
{
    font-family: 'Graphik Web Regular', sans-serif;
}

img.img-logo 
{
    width:100%;
    max-width:140px;
}

.header 
{
    margin-top:20px;
}

a.navbar-brand 
{
    display:none;
}

.carousel-indicators
{
    left:25px;
    bottom:30px;
    justify-content: left;
    left:0px;
    right:auto;
    margin-left:-10px;
}

.carousel-indicators li 
{
    height:0px;
    width:20px;
    border-radius:50%;
    background:#222;
    opacity:1;
    margin-left:10px;
}

.carousel-indicators .active
{
    width:70px;
    border-radius:25px;
    background:#E3681F;
}

.main-menu li a 
{
    color:#222;
    font-size:18px;
    font-weight:700;
    margin-right:10px;
    transition:linear 0.1s color;
}

.main-menu li a:hover 
{
    color:#E3681F;
    transition:linear 0.2s color;
}

a.btn-main 
{
    background:#E3681F;
    border-radius:25px;
    width:100%;
    display:inline-block;
    padding:10px;
    text-align:center;
    color:#fff;
    font-weight:600;
    font-size:16px;
    margin-top:5px;
    transition:linear 0.1s background;
    text-transform:uppercase;
}

a.btn-main:hover 
{
    background:#222;
    text-decoration:none;
    transition:linear 0.2s background;
}

a.btn-white 
{
    background:#fff;
    border-radius:25px;
    width:100%;
    display:inline-block;
    padding:10px;
    text-align:center;
    color:#222;
    text-transform:uppercase;
    font-weight:600;
    font-size:15px;
    margin-top:5px;
    transition:linear 0.1s background;
}

a.btn-white:hover 
{
    background:#222;
    text-decoration:none;
    transition:linear 0.2s background;
    color:#fff;
}

.slider 
{
    background:#F2F2F2;
    padding:90px 0px;
    margin-top:15px;
}

h2.section-title 
{
    font-weight:700;
    font-size:2em;
}

p.section-para 
{
    font-size:17px;
    margin-top:20px;
    line-height:32px;
}

a.section-link 
{
    color:#E3681F;
    font-weight:700;
    display:inline-block;
    margin-top:20px;
    transition:linear 0.1s margin;
    font-size:18px;
}

a.section-link:hover 
{
    text-decoration:none;
    margin-left:10px;
    transition:linear 0.2s margin;
}

.slider h2 
{
    margin-top:10vh;
    font-size:46px;
}

.slider p 
{
    margin-top:30px;
}

img.slider-image
{
    width:100%;
}

.solutions
{
    padding:90px 0px;
}

.section-btitle 
{
    font-weight:700;
    font-size:46px;
}

.solution-single 
{
    margin-top:70px;
    display:block;
    padding-bottom:70px;
}

.solution-single a 
{
    float:right;
}

.solution-single a:hover 
{
    margin-right:-10px;
}

.solution-single h2 
{
    margin-top:60px;
}

.solution-single p 
{
    line-height:32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.sol-img-left 
{
    width:90%;
    height:340px;
    object-fit: cover;
    border-radius:15px;
    box-shadow:0px 6px 20px #222;
    transition:linear 0.1s transform;
}

.sol-img-left:hover 
{
    transform:scale(1.05);
    transition:linear 0.2s transform;
}

.sol-shape-left 
{
    background:#E3681F;
    width:22%;
    height:120px;
    border-radius:25px;
    position:absolute;
    right:20px;
    top:-40px;
    z-index:-2;
    display:inline-block;
}

.sol-img-right
{
    width:90%;
    height:340px;
    object-fit: cover;
    border-radius:15px;
    box-shadow:0px 6px 20px #222;
    float:right;
    transition:linear 0.1s transform;
}


.sol-img-right:hover 
{
    transform:scale(1.05);
    transition:linear 0.2s transform;
}

.sol-shape-right
{
    background:#E3681F;
    width:22%;
    height:100px;
    border-radius:25px;
    position:absolute;
    left:15px;
    top:-40px;
    z-index:-2;
    display:inline-block;
}

.why-us 
{
    background:#EDF0F5;
    padding:90px 0px;
}

.why-us h3 
{
    color:#E3681F;
    font-size:52px;
}

.why-us h4 
{
    font-weight:700;
    font-size:28px;
    margin-top:15px;
    display:block;
    font-family: 'Graphik Web Regular', sans-serif;
}

.why-us p 
{
    margin-top:15px;
    font-size:16px;
}

.why-single 
{
    margin-top:30px;
}

.why-us h2 
{
    margin-top:40px;
}

.clients 
{
    padding:90px 0px;
}

.client-single 
{
    padding:30px;
    border-radius:25px;
    box-shadow:0px 0px 15px #aaa;
    margin-top:30px;
    transition:linear 0.1s transform;
}

.client-single:hover 
{
    transform:scale(1.05);
    transition:linear 0.2s transform;
}

.client-single h4 
{
    font-size:46px;
    color:#E3681F;
}

.client-single img 
{
    width:70px;
    height:70px;
    object-fit: cover;
    border-radius:50%;
    float:left;
    margin-right:15px;
}

.client-single h3 
{
    font-size:18px;
    font-weight:700;
    margin-top:10px;
    display:inline-block;
}

.client-name 
{
    margin-top:45px;
    display:block;
    margin-bottom:40px;
}

.client-single h5 
{
    color:#E3681F;
    font-size:14px;
}

.client-orange 
{
    background:#E3681F;
    color:#fff;
    margin-top:15px;
    padding-top:45px;
    padding-bottom:45px;
}

.client-orange h4 
{
    color:#fff;
}

.client-orange h5 
{
    color:#fff;
}

.client-orange img 
{
    border:solid 5px #fff;
}

.blogs 
{
    padding:90px 0px;
    background:#F2F2F2;
}

.blog-single a:hover 
{
    text-decoration:none;
}

.blog-single 
{
    margin-top:30px;
    margin-bottom:30px;
    transition:linear 0.1s margin;
}

.blog-single:hover 
{
    margin-top:40px;
    transition:linear 0.2s margin;
}

.blog-single img 
{
    width:100%;
    height:240px;
    border-radius:25px;
    object-fit:cover;
}

.blog-single h2 
{
    color:#E3681F;
    margin-top:25px;
    font-size:13px;
    text-transform:uppercase;
    font-weight:600;
}

.blog-single h3 
{
    color:#222;
    font-size:20px;
    font-weight:600;
    line-height:30px;
    margin-top:15px;
}

.footer-top 
{
    background:#E3681F;
    padding:60px 0px;
    color:#fff;
}

.footer 
{
    background:#222;
    padding:80px 0px;
    color:#eee;
    font-size:14px;
    line-height:30px;
}

.footer img 
{
    width:150px;
    margin-bottom:30px;
    margin-top:15px;
}

.footer h2 
{
    color:#E3681F;
    text-transform:uppercase;
    font-size:16px;
    font-weight:700;
    margin-top:30px;
}

.footer ul 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-top:30px;
}

.footer ul li a  
{
    color:#eee;
    margin-top:10px;
    display:block;
    transition:linear 0.1s margin;
}

.footer ul li a:hover 
{
    margin-left:5px;
    text-decoration:none;
    transition:linear 0.2s margin;
}

.foot-soc 
{
    margin-top:10px;
}

.foot-soc a 
{
    font-size:20px;
    color:#E3681F;
    margin-right:15px;
    transition:linear 0.1s color;
}

.foot-soc a:hover 
{
    color:#fff;
    transition:linear 0.2s color;
}

.foot-credit 
{
    border-top:solid 1px #aaa;
    padding-top:40px;
    color:#eee;
    margin-top:90px;
}

.bread-crumb 
{
    background:#E3681F;
    color:#fff;
    text-align:center;
    padding:45px 0px;
    margin-top:15px;
}

.bread-crumb h1 
{
    font-weight:700;
}

.bread-crumb a 
{
    color:#fff;
}

.about-single 
{
    padding:90px 0px;
}

.about-single img 
{
    width:100%;
    height:400px;
    border-radius:10px;
    object-fit:cover;
}

.about-stats 
{
    background:#E3681F;
    border-radius:10px;
    padding:30px;
    text-align:center;
    color:#fff;
    margin-bottom:30px;
}

.about-stats h2 
{
    font-size:42px;
    margin-top:15px;
}

.about-stats h3 
{
    font-weight:700;
    font-size:32px;
}

.about-single h3 
{
    background:#E3681F;
    width:100%;
    margin-top:15px;
    text-align:center;
    color:#fff;
    font-size:20px;
    border-radius:10px;
    padding:15px;
}

.jobs 
{
    padding:90px 0px;
}

.job-single 
{
    margin-top:30px;
    margin-bottom:30px;
}

.job-single img 
{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px;
}

.job-single h2 
{
    font-size:20px;
    margin-top:15px;
    font-weight:600;
}

.job-single a 
{
    color:#E3681F;
    font-size:16px;
    font-weight:600;
    display:block;
    text-align:right;
}

.job-div 
{
    padding:90px 0px;
}

.services-div 
{
    padding:90px 0px;
}

.service-div-single 
{
    margin-top:30px;
    margin-bottom:30px;
}

.service-div-single img 
{
    width:100%;
    height:300px;
    object-fit: cover;
    border-radius:7px;
    box-shadow:0px 6px 20px #222;
}

.service-div-single h2 
{
    margin-top:25px;
}

.service-div-single a 
{
    display:block;
    text-align:right;
}

.service-div-single p 
{
    line-height:32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.service-div-single a:hover 
{
    margin-right:-5px;
}

.single-div 
{
    padding:90px 0px;
    line-height:32px;
}

.single-div img 
{
    width:100%;
    height:350px;
    border-radius:10px;
    object-fit:cover;
    box-shadow:0px 0px 15px #666;
    margin-bottom:30px;
}

.news-div 
{
    padding:90px 0px;
}

.cover-image 
{
    width:100%;
    height:300px;
    border-radius:25px;
}

.hide-desktop 
{
    display:none;
}

.hide-mobile 
{
    display:block;
}

.navbar-logo 
{
    width:80%;
    float:left;
}

.contact-dtl
{
    background:#EDF0F5;
    border-radius:25px;
    padding:30px;
    margin-top:30px;
}

.contact-dtl h5 
{
    font-weight:700;
    margin-top:20px;
}

.contact-dtl h3 
{
    font-weight:700;
}

.contact-dtl a 
{
    color:#E3681F;
    font-size:28px;
    margin-right:10px;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:470px;
    position:relative;
    height:0;
    margin-top:60px;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:400px;
    border-radius:25px;
    width:100%;
    position:absolute;
}

@media only screen and (max-width: 600px) {
.hide-desktop 
{
    display:block;
}

.hide-mobile 
{
    display:none;
}

a.navbar-display
{
    display:block;
    color:#222;
}

#menu-main-menu 
{
    border-top:solid 1px #ddd;
    margin-top:15px;
}

.main-menu ul li a 
{
    font-size:18px;
    font-weight:400;
    color:#777;
    padding-top:20px;
}

.slider h2 
{
    margin-top:30px;
}

.carousel-indicators
{
    display:none;
}


.sol-img-left 
{
    width:100%;
    height:200px;
    object-fit: cover;
    border-radius:15px;
    box-shadow:none;
    transition:linear 0.1s transform;
}

.sol-shape-left 
{
    display:none;
}

.sol-img-right
{
    width:100%;
    height:200px;
    object-fit: cover;
    border-radius:15px;
    box-shadow:none;
    float:right;
    transition:linear 0.1s transform;
}

.sol-shape-right
{
    display:none;
}

.solution-single h2 
{
    margin-top:30px;
}

.solution-single 
{
    margin-top:20px;
}

.why-us h4 
{
    font-size:18px;
    margin-top:30px;
}

.why-us p 
{
    font-size:14px;
    line-height:28px;
    margin-top:5px;
}

.service-div-single img 
{
    box-shadow:none;
    height:200px;
}

.service-div-single p 
{
    margin-top:-5px;
}


.cover-image 
{
    width:100%;
    height:200px;
    border-radius:25px;
}

.blog-single img 
{
    height:120px;
    width:40%;
}

.footer-top 
{
    text-align:center;
}


.footer
{
    text-align:center;
}

.footer ul 
{
    margin-top:5px;
}

.footer h2 
{
    margin-top:40px;
}

}