@charset "utf-8";
/* CSS Document */

/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, a, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead { margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;text-decoration:none;list-style:none outside none;}


/* Selection Css */
::-moz-selection {color: #fff;background: #fe8c81;opacity:0.1;}
::selection {color: #fff;background: #fe8c81;opacity:0.1;}


/* Scrollbar width */
::-webkit-scrollbar {width: 5px;height: 5px;}

/* Track (background) */
::-webkit-scrollbar-track {background: #f1f1f1;}

/* Handle (scrollbar thumb) */
::-webkit-scrollbar-thumb {background: #888;border-radius: 6px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}

/* Body Css */
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{background:#ffffff;font-size: 15px;}
a,a:hover,a:active,a:focus{text-decoration:none;transition: 0.3s; color: inherit;}

/* Header Css */
header {border-top: 1px solid #f1f1f1;padding: 5px 0;margin-top: 10px;position: fixed;top: 0;right: 0;left: 0;height: 86px;z-index: 111;background: #fff;}
header::before {content: "";position: absolute;height: 10px;top: -11px;background: #fff;left: 0;right: 0;z-index: 0;border-bottom: 1px solid #f1f1f1;}
.logo img {width: 200px;}
ul.navigation {display: flex;justify-content: flex-end;align-items: center;height: 100%;}
ul.navigation li a{font-family: 'Open Sans';font-size: 13px;color:#555;padding: 20px 15px;}
ul.navigation li a:hover{color: #13aff0;}

/* Menu Css */
.menu {font-size: 13px;font-family: 'Open Sans';color: #4a4a4a;cursor: pointer;display: none;}
.menu:hover{color:#13aff0;}
.menu i{margin-right: 10px;font-size: 18px;}
.menu:hover ul.navigation {display: block !important;}


/* Slider Css */
.demo-2 {width: calc(100% - 40px);height: 100vh;position: relative;margin: 20px;overflow: hidden;margin-top: 116px;}
.project[style="z-index: 30;"] .text{transform: translate(-50%, -50%) !important;opacity: 1 !important;}
.demo-2 .page-view h1 {font:50px 'Montserrat' !important;color:#fff;font-weight: bold !important;padding: 10px 20px;}

/* About Css */
.about {background: url(../images/aboutbg.jpg) no-repeat;padding: 80px 0;text-align: center;background-size: cover;background-position: top center;position: relative;}
.aboutoverlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #0c0c0c;opacity: 0.75;}
.about-heading {font-family: 'Quicksand';font-size: 42px;color: #f8f8f8;font-weight: 700;text-align: center;width: 80%;margin: 0 auto;position: relative;padding-bottom: 20px;}
.about-text {font-family: 'Mulish';font-size: 15px;color: #c9c9c9;}
.about-btn {font-family: 'Montserrat';font-size: 22px;font-weight: 700;color: #ffffff;padding: 10px 30px;border-radius: 5px;border: 0;margin-top: 50px;background: #27507F;}
.about-btn i{font-size: 28px;font-weight: 700;margin-right: 10px;vertical-align: middle;}
.about-blue {position: relative;margin-top: 60px;}
.about-blueoverlay {background-color: #27507F;opacity: 0.5;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.about-item {padding: 45px;}
.about-subheading {font-family: "Quicksand", Sans-serif;color: #CDCDCD;font-weight: 700;font-size: 18px;margin-bottom: 15px;}
.about-subtext {color: #CDCDCD;font-family: "Muli", Sans-serif;font-size: 14px;line-height: 1.5em;}
.about-item i {color: #cdcdcd;font-size: 40px;margin-bottom: 15px;}

/* Team Css */
.team {background: #000;padding: 80px 0;text-align: center;}
.team-heading {font-family: 'Quicksand';font-size: 42px;color: #f8f8f8;font-weight: 700;text-align: center;width: 80%;margin: 0 auto 50px auto;position: relative;padding-bottom: 20px;}
.team-heading::after {position: absolute;content: "";width: 123px;height: 3px;background: #cdcdcd;bottom: 0;margin: 0 auto;left: 0;right: 0;}
.team-item-subheading {font-size: 18px;font-family: 'Quicksand';color: #cdcdcd;font-weight: 800;text-align: left;margin-bottom: 20px;}
.team-item {padding: 15px 30px;}
.team-item-text {font-size: 14px;color: #7a7a7a;font-family: 'Mulish';text-align: left;}
.team-item-heading {font-size: 28px;color: #cdcdcd;font-family: 'Roboto';font-weight: bold;text-align: left;padding: 0 30px;}
.team-btn {font-family: 'Montserrat';font-size: 22px;font-weight: 700;color: #060606;padding: 10px 30px;border-radius: 5px;border: 0;margin-top: 50px;}
.team-btn i{font-size: 28px;font-weight: 700;margin-right: 10px;vertical-align: middle;}

/* Service Css */
.service {padding: 60px 0;text-align: center;}
.service-heading {font-size: 38px;color: #000;font-weight: 600;text-align: center;font-family: 'Josefin Sans';text-transform: uppercase;margin-bottom:10px;}
.services-item{padding: 20px;}
.services-item li {font-size: 18px;font-family: 'Roboto';color: #fff;margin: 10px 15px;padding: 8px 20px;border-radius: 5px;display: inline-block;font-weight: 500;}
.grey{background-color: #dbdbdb;}
.red{background:#ca3131 ;}
.green{background:#1d7029 ;}
.purple{background:#482079 ;}
.blue{background:#3190ca ;}
.yellow{background:#bba81f ;}
.orange{background:#e86939 ;}
.sky{background:#52abb1 ;}
.maroon{background:#901212 ;}
.magenta{background:#4531c6 ;}

/* Promote Css */
.promote {background: #131212;padding: 40px 0;text-align: center;}
.promote-heading {font-family: 'Quicksand';font-size: 36px;color: #f8f8f8;font-weight: 700;text-align: center;width: 80%;margin: 0 auto;}
.promote-text {font-family: 'Mulish';font-size: 15px;color: #c9c9c9;text-align: center;text-transform: capitalize;margin: 30px auto;width: 80%;}
.promote-btn {font-family: 'Montserrat';font-size: 22px;font-weight: 700;color: #060606;padding: 10px 30px;border-radius: 5px;border: 0;}
.promote-btn i{font-size: 28px;font-weight: 700;margin-right: 10px;vertical-align: middle;}

/* Expertise Css */
.expertise{padding: 120px 0;background:#f9f9f9;}
.expertise-heading {font-size: 50px;font-family: 'Roboto';font-weight: 500;text-align: center;color: #292929;margin-bottom: 40px;position: relative;padding-bottom: 10px;}
.expertise-heading::after {position: absolute;content: "";width: 123px;background: #000;bottom: 0;left: 0;height: 3px;right: 0;margin: 0 auto;}
.expertise-item img {max-width: 100%;}
.expertise-item div {font-size: 18px;color: #212121;font-family: 'Roboto';font-weight: 500;text-align: center;padding: 20px;background-color: #fff;}
.expertise-item {margin: 15px;height: calc(100% - 30px);background: #fff;display: block;}
.expertise-item:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px;}

/* Gift Css */
.gift{padding: 120px 0;}
.gift-heading {font-size: 50px;font-family: 'Roboto';font-weight: bold;text-align: center;color: #292929;margin-bottom: 50px;}
.gift-item {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.gift-item img {width: 260px;}

/* Clients Css */
.clients{padding: 120px 0;background: #f9f9f9;}
.clients-heading {font-size: 44px;font-family: 'Montserrat';font-weight: bold;text-align: center;color: #292929;margin-bottom: 50px;}
.client-item {transition: background-size 0.5s ease;display: flex;position: relative;justify-content: center;align-items: center;max-width: 275px;height: 171px;margin: 10px auto;background-image: url(../images/clientbg.jpg);background-position: bottom right;background-size: cover;border-radius: 5px;overflow: hidden;}
.client-overlay {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(255, 255, 255, 0.8);}
.client-item img {max-width: 225px;max-height: 75px;z-index: 2;}
.client-overlay:hover {background-color: #000000;opacity: 0.42;}
.client-item:hover {background-size: 110%; }

/* Portfolio Css */
.portfolio {background: #06090F;padding: 100px 0;display: flex;justify-content: center;align-items: center;}
.portfolio iframe{max-width: 90%;}

/* Footer Css */
footer{background: #000;padding:80px 0;}
.footer-main-heading{font-family: "Archivo";font-size:32px;color:#fff;text-align: center;font-weight: 600;margin-bottom: 40px;}
.footer-item {padding: 24px;}
.footer-icon {text-align: center;padding: 15px;margin-bottom: 20px;}
.footer-icon i{color: #fff;font-size: 30px;font-weight: bold;}
.footer-heading {text-align: center;color: #fff;font-size: 17px;font-family: 'Archivo';font-weight: 600;margin-bottom: 5px;}
.footer-text {text-align: center;color: #fff;font-size: 14px;font-family: 'Lato';padding: 0 40px;}
.copyright{background-color: #1b1b1b;padding: 15px 0;font: 12px 'Open Sans';color: #fff;text-align: center;}

/* Up Arrow Css */
a.up-arrow {position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;background-color: rgba(0, 0, 0, .4);color: #fff;font-size: 14px;cursor: pointer;border-radius: 2px;text-align: center;z-index: 1;display: flex;justify-content: center;align-items: center;}

/* Whatsapp Css */
a.whatspp-icon {position: fixed;bottom: 30px;left: 30px;background: #25d366;width: 60px;height: 60px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.whatspp-icon i.fa.fa-whatsapp {font-size: 40px;color: #fff;}



/*////////////////////// Responsive Css //////////////////////*/
@media (max-width:992px) {
    .menu {display: flex;justify-content: flex-end;align-items: center;height: 74px;}
    .navigation{display: none !important;position: fixed;top: 96px;bottom: 0;right: 0;z-index: 110;background: #fff;width: 300px;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);}
    .navigation li a{border-bottom: 1px solid #efefef;padding: 15px 30px !important;display: block;}
    .hide-menu{display: block !important;}
}