/* font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif; 
font-family: 'Raleway', sans-serif;
*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #717171;
    line-height: 22px;
     background-repeat: repeat;

}

a,
a:hover,
a:focus {
    text-decoration: none;
    color: #000;
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus {

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button,
button:hover,
button:focus,
.btn {
    box-shadow: none !important;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.small-devider {
    height: 19px;
    width: 1px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.d-flex {
    display: flex
}

.topbar {
    background: #1e1f21;
    padding: 10px 0
}

.topbar .top-left {
    float: left;
}

.topbar .top-left a {
    color: #fff;
    font-size: 14px;    
}

.topbar .top-left a i {
    margin-right: 8px;
}

.topbar .top-left .top-phone-icon {
    transform: rotate(260deg);
    font-size: 14px
}

.topbar .top-right {
    float: right;
}

.topbar .top-right ul li {
    float: left;
    margin: 0 10px
}

.topbar .top-right ul li a {
    color: #fff;
}

.topbar .top-right ul li a i {
    vertical-align: middle
}

.topbar .top-right ul li a:hover i {
    color: #ccc
}


.main-header {
    padding: 25px 0;
    background-image: url('../images/header-bg.jpg');
    background-position: center center; 
    background-repeat: repeat;
}

.main-header .logo {
    max-width: 293px;
}

.navigation-menu {
    position: relative;
    width: 100%;
    padding-top:40px;
    padding-left: 25px;
}

.navigation-menu:after {
    content: "";
    background-image: url('../images/menubar-image.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    height: 52px;
    left: 0;
    right: 0;
    top: 0px;

}

ul#mainnavbar {margin: 20px 0 0 -160px;}

.nav-inner{position: relative; z-index: 12;}
.navigation-menu .header-menu li{display: inline-block; position: relative;}
.navigation-menu .header-menu li:after{content: ""; width: 1px; height: 16px;background-color: #000; display: inline-block; vertical-align: middle; margin: 0 6px}
.navigation-menu .header-menu li:last-of-type:after{display: none}
.navigation-menu .header-menu li a{font-family: 'Raleway', sans-serif; font-weight: 600; font-size:16px; color: #000; padding-bottom: 20px;}
.navigation-menu .header-menu li.current-menu-item a{color: #fff}
.header-headline-block{border: 3px solid #000; border-left: none; border-right: none; background: #3f47cc; padding: 5px 0; color: #fff; font-size: 20px; font-family: 'Oswald', sans-serif; }


.caption-main{display: flex; align-items: center; height: 100%;}
.home-banner-slider{position: relative;}
.home-banner-slider .banner-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  /*  height: 690px;*/
  height: 60vh;
    display: flex;
}

.home-banner-slider .banner-item .banner-caption{background-color: rgba(0,0,0,0.85); padding: 35px; width: auto; display: inline-block; margin-left: 30px;}
.home-banner-slider .banner-item .banner-caption .banner-heading{margin-top: 0; font-family: 'Raleway', sans-serif; font-size: 50px; color: #f6f7fb; margin-bottom: 20px;}
.banner-paragraph{font-size: 19px; color: #fff; margin-bottom: 35px;}
.banner-link{font-size: 14px; color: #fff; display: inline-block; background: #0892d0; padding:8px 15px; float: right}
.home-banner-slider .owl-dots{position: absolute; top: auto; bottom: 18px; left: 0; right: 0; text-align: center}
.home-banner-slider .owl-dots button.owl-dot{width: 12px; height: 12px; border-radius: 10000px; background: #fff; margin:0 5px}
.home-banner-slider .owl-dots button.owl-dot.active{background: #000}


.portfolio-block {text-align: center; padding: 100px 0}
.portfolio-listing .portfolio-img img{max-width: 100%}
.heading-title{font-size: 40px; font-weight: 700; font-family: 'Raleway', sans-serif; text-transform: uppercase; color: #000; display: inline-block; margin-bottom: 35px}
.portfolio-block .grid-item h5{font-size: 16px; text-transform: uppercase; margin-top: 30px;}
.grid-item{position: relative !important;}
.portfolio-filter{margin-bottom: 20px}
.portfolio-filter li{display: inline-block;position: relative;}
.portfolio-filter li:after{content: "|"; margin: 0 5px; display: inline-block; color: #000}
.portfolio-filter li:last-of-type:after{display: none;}
.portfolio-filter li a{color: #000;}
.portfolio-filter li.active a{color: #0000fe;}

.inner-page-title{padding: 70px 0 30px}
.inner-page-title h1{margin: 0; font-size: 45px;font-family: 'Raleway', sans-serif; color: #fff; font-weight: 600; position: relative; padding-bottom: 15px;}
.inner-page-title h1:after{content: ""; width: 75px; height: 1px; background: #fff; display: inline-block; position: absolute; left: 0; bottom: 0}

.services-block{padding-bottom: 80px}
.services-main-content{font-size: 16px; color: #000; line-height: 22px}
.services-display-row .service-product-listing{display: flex; flex-wrap: wrap; margin: 0 -7px;}
.services-display-row .service-product-listing li{padding: 7px; width: 20%}
.services-display-row .service-product-listing li a{position: relative; display: flex;}
.services-display-row .service-product-listing li a:after{content: "\f0b2"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(25,3,225,0.70); font-family: FontAwesome; font-size: 32px; color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0;}
.services-display-row .service-product-listing li a:hover:after{opacity: 1;}
.services-display-row .service-product-listing li a img{max-width: 100%}
.services-display-row { margin-top: 35px;}

.col2-section{display: flex; }
.col2-section .left-col{width: 50%; padding:80px 10%; background: #141414; display: inline-block}
.clients-slider{position: relative;}
.clients-slider .owl-nav .owl-prev i,
.clients-slider .owl-nav .owl-next i{font-size: 60px; color: #fff}
.clients-slider .owl-nav .owl-prev,
.clients-slider .owl-nav .owl-next{position: absolute; top: 16%}
.clients-slider .owl-nav .owl-prev{left: -10%;}
.clients-slider .owl-nav .owl-next{left: auto; right: 25%}
.col2-section .left-col .testiheading{font-size: 42px; font-family: 'Oswald', sans-serif; color: #fff; margin-bottom: 30px; margin-top: 0}
.clients-slider .testi-inner .client-display{display: flex; align-items: center}
.clients-slider .testi-inner .client-img{width: 148px; height: 148px; border-radius: 1000000px; border: 2px solid #fff; overflow: hidden; margin-right: 15px;}
.clients-slider .testi-inner .client-img img{max-width: 100%; width: 148px; height: 148px;}
.client-details .client-name{font-size: 21px; font-weight: 700; color: #fff; margin-bottom: 5px;}
.client-details .client-designation{font-size: 15px; color: #fff; font-weight: 400}
.clinet-say-text{margin-top: 55px; color: #fff}
.clinet-say-text p{opacity: 0.70; color: #fff; font-size: 15px;}
.col2-section .right-col{width: 50%;}

.footer-main{background-image: url('https://showcase.sprybit.com/demo/c5systems/wp-content/uploads/2019/08/Korama-Preview.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; height: 430px; padding: 40px 0; z-index: 1;}
.footer-main:after{content: ""; position: absolute;top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.60); }

.footer-inner{position: relative; z-index: 1; }
.footer-inner h4{color: #fff; font-family: 'Oswald', sans-serif;  font-size: 42px; margin-top: 0}
.footer-inner h2{color: #fff; font-size: 55px; font-family: 'Raleway', sans-serif; font-weight: 600; padding-right: 30%}


.copyright{background-color: #000; padding: 25px 0}
.copyright .copyright-inner{display: flex; justify-content: space-between; text-align: center; color: #fff}
.copyright .copyright-inner a{color: #fff}
.copyright .copyright-inner .middle-part ul li{display: inline-block; margin: 0 5px}

.contact-information-block .contact-info-heading h4{color: #272727; font-size: 45px; font-weight: 300; font-family: 'Raleway', sans-serif; margin-bottom: 30px}

.box-listing{margin: 0 -10px; display: flex}
.box-listing .box-inner{background: #F9F9F9}
.box-listing .box-block{width: 33%; padding:0 10px;}
.box-listing .box-block .box-inner{height: 240px; border-radius: 10px; width: 100%; padding: 12px 30px;}
.icon-block{width: 81px; height: 81px; border-radius: 100%; background: #3e3e3e; display: inline-block; line-height: 81px; margin-bottom: 30px;}

.user-listing{display:flex; justify-content: space-between}
.user-listing .details h5{font-size: 24px; font-family: 'Raleway', sans-serif; font-weight: 400; color: #232323}
.user-listing .details h6{font-size: 14px; font-weight: 300; font-family: 'Raleway', sans-serif; color: #000}

.contact-info h4{font-size: 24px;font-family: 'Raleway', sans-serif; font-weight: 700; color: #232323}
.contact-info p{color: #1e1e1e; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700; margin-bottom: 0}

.contact-form{padding: 80px 0}
.contact-form-block .contact-form .fancy-heading h4{color: #1e1e1e;font-family: 'Raleway', sans-serif; font-size: 24px; font-weight: 700; position: relative; padding-bottom: 25px; margin-bottom: 15px}
.contact-form-block .contact-form .fancy-heading h4:after,
.contact-form-block .contact-form .fancy-heading h4:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background-color: #1903e1; display: inline-block}
.contact-form-block .contact-form .fancy-heading h4:after{width: 146px; height: 4px; }
.contact-form-block .contact-form .fancy-heading h4:before{width: 14px; height: 14px; border-radius: 1000000px; bottom: -5px;}
.contact-form-block .contact-form .fancy-heading p{color: #1e1e1e; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 14px; margin-bottom: 47px}

.contact-form-block .contact-form {max-width: 540px; margin: 0 auto}
.contact-form-block .contact-form .form-group .form-control{height: 45px; border-radius: 0; background: #fff; border:1px solid transparent; box-shadow: none}
.contact-form-block .contact-form .form-group .form-control:focus{box-shadow: none; border-color: #0000fe}
.form-btn .black-btn{padding: 15px 25px; display: inline-block; color: #fff; background: #000; font-family: 'Raleway', sans-serif; font-weight: 400;}
.form-btn {text-align: center; margin-top: 30px; display: inline-block}
.contact-form-block .contact-form .form-group textarea.form-control{resize: none; height: 127px;}

.page-template-about-us{}
.aboutus-content-part .image-repeater {
    flex-wrap: wrap;
}
.aboutus-content-part .image-col {
    width: 100%;
    margin: 2px;
	border-radius: 7px;
}
.left_image{
	display: flex;
	border-radius: 7px;
	margin: 2px;
}
.aboutus-content-part .image-col img{
    max-width: 100%;
    border-radius: 7px;
}
.dash-listing{margin-bottom: 20px;}
.dash-listing li{font-size: 16px; font-weight: 700; color: #000; padding-left: 15px; position: relative; line-height: 28px;}
.dash-listing li:after {
    content: "--";
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    left: 0;
}
.aboutus-content-part .content-part h4{font-size: 20px;font-family: 'Raleway', sans-serif; font-weight: 600; color: #000; margin-bottom: 20px;}
.aboutus-content-part .content-part h3{font-size: 30px;font-family: 'Raleway', sans-serif; font-weight: 600; color: #000; margin-bottom: 20px;}
.aboutus-content-part .content-part{font-weight: 300; font-size: 16px; color: #000}
.feature-content-block{padding: 80px 0 20px}
.feature-box{background: #F8F8F8; border-radius: 7px; display: inline-block; width: 100%;height: 178px; padding: 10px 15px}
.feature-box h4{font-size: 24px; color: #000; text-transform: uppercase; font-weight: 700}
.feature-box p{font-weight: 300; font-size: 15px; color: #000}


.aboutus-bottom2col-section{background: #f2f1fe; padding: 3px 0 70px}
.fixedcontent{background: #fff; border-radius: 7px; height: 327px; display: flex; flex-direction: column}
.fixedcontent.content{padding: 20px}
.fixedcontent.content h4{font-size: 24px; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 20px;}
.fixedcontent.content p{color: #000; font-size: 16px; font-weight: 300; margin-bottom: 20px}
.fixedcontent img{max-width: 100%; object-fit: cover; height: 100%; border-radius: 7px;}

.col-2-section-inner{display: flex; align-content: stretch; height: 100%; padding: 35px 0;}
.col-2-section-inner .col-left,
.col-2-section-inner .col-right{display: flex; width: 50%;}
.col-2-section-inner .col-left{display: flex; padding-right: 15px;  position: relative;}
.col-2-section-inner .col-left img, .col-2-section-inner .col-right img{width: 100%}
.col-2-section-inner .col-right{display: flex; padding-left: 15px; flex-direction: column;}
.col-2-section-inner .col-right .col-box-top{ height: 50%; padding-bottom: 15px; position: relative; width: 65%}
.col-2-section-inner .col-right .col-box-bottom{ height: 50%; padding-top: 15px; position: relative; width: 65%}
.col-2-section-inner .col-right .col-box-top .about-comp-info-content,
.col-2-section-inner .col-right .col-box-bottom .about-comp-info-content{right: 0;}
.about-comp-info-content{
    position: absolute;
    top: auto;
    left: 0;
    bottom: 35px;
    right: 15px;
}
.about-short-desc{
    background: rgba(0,0,0,0.6);
    padding: 15px 30px 15px;
    padding-left: 37%;
    position: relative;
    z-index: 9;
}
.about-short-desc h3{color: #fffefe; font-size: 54px; font-family: 'Raleway', sans-serif; font-weight: 400; margin-top: 0}
.about-short-desc p{color: #fafffb; font-size: 16px; line-height: 24px; }
.about-comp-info-content a{float: right; margin-right: 30px; background-color: #202223; padding: 15px 28px; color: #fff; font-size: 18px; display: inline-block; margin-top: 30px}

.col-2-section-inner .col-right .about-short-desc{padding: 15px; display: flex;}
.col-2-section-inner .col-right .col-box-top .about-short-desc{justify-content: flex-end;}
.col-2-section-inner .col-right .col-box-botttom .about-short-desc{justify-content: flex-start;}
.col-2-section-inner .col-right .about-short-desc-inner h4{font-family: 'Raleway', sans-serif; font-size: 35px; color: #fff; margin: 0}
.col-2-section-inner .col-right .about-short-desc-inner h5{font-family: 'Oswald', sans-serif; font-size: 22px; color: #fff; margin: 0}

.sub-toggle{display: none}
.header-menu .sub-menu {
    position: absolute;
    z-index: 999999;
    top: 100%;
    background: #000;
    left: 0;
    width: 160px;
    display: none;
    
}
.header-menu .sub-menu li{display: inline-block; width: 100%; margin: 2px 0}
.header-menu .sub-menu li a{display: inline-block; width: 100%; color: #fff; padding:5px 15px 5px; font-size: 14px;}
.header-menu .sub-menu li:after{display: none}

#homeVideo button.btn.btn-default {
    background: black;
    border-radius: 100000px;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 5;
    color: white;
}

@media (max-width:1600px) {
    .clients-slider .owl-nav .owl-next{right: 0}
}
@media (min-width:1240px) {
    .container{width: 1216px}
}
@media (max-width:1400px) {
    .about-short-desc{padding-left: 12%}
}
@media (max-width:1199px) {
    .footer-inner h2{padding-right: 0}
    .col-2-section-inner .col-right .col-box-top, .col-2-section-inner .col-right .col-box-bottom{width: 100%}
    .about-short-desc{padding-left: 15px}
    .sub-toggle {
        display: inline-block;
        position: absolute;
        top: 3px;
        right: 15px;
    }
    .menu-collapser {
        position: relative;
        width: 100%;
        height: 15px;
        padding: 0 0px;
        color: #FFF;
        font-size: 16px;
        line-height: normal;
        background-color: transparent;
    }
    .header-menu{position: absolute; top: 160%; background: #000; padding: 15px; z-index: 99;}
    .navigation-menu .header-menu li{width: 100%; margin: 5px 0}
    .navigation-menu .header-menu li a{width: 100%; color: #fff; padding: 3px 15px;}
    .navigation-menu .header-menu .sub-menu{position: relative;}
    .navigation-menu .header-menu .sub-menu li a{font-size: 14px; padding-left: 35px;}
    .navigation-menu .header-menu li:after{display: none}
    .feature-box{height: 242px;}
    .user-listing .details h5{font-size: 20px;}
    .user-listing {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .box-listing .box-block .box-inner{height: 300px;}
    .col2-section .left-col{padding: 50px 5%}
}
@media (max-width:991px) {
    .navigation-menu:after{display: none}
    .navigation-menu{padding-top: 10px;}
    .portfolio-block{padding: 60px 0}
    .portfolio-listing{height: 100% !important;}
    .footer-inner h2{font-size: 42px;}
    .home-banner-slider .banner-item .banner-caption{margin-left: 0}
    .feature-box{height: auto; margin-bottom: 15px;}
    .fixedcontent{height: auto;}
    .fixedcontent:last-of-type{margin-top: 15px;}
    .services-display-row .service-product-listing li{width: 33%}
    .col2-section{flex-direction: column;}
    .col2-section .left-col, .col2-section .right-col{width: 100%}
    .col2-section .left-col {
        padding: 50px 5% 50px 10%;
    }
    .clients-slider .owl-nav .owl-prev{left: -6%}
}
@media (max-width:768px) {
    .nav-inner, .navigation-menu{position: static;}
    .main-header{position: relative;}
    .header-menu{top: 100%; left: 0; right: 0;}
    .col-2-section-inner{display: inline-block; padding: 25px 15px;}
    .col-2-section-inner .col-left, .col-2-section-inner .col-right{width: 100%; padding: 0; margin-bottom: 25px;}
    .about-comp-info-content{right: 0}
    .portfolio-block{padding: 30px 0}
    .footer-main{height: auto;}
    .copyright .copyright-inner{flex-direction: column}
    .left-part, .middle-part{margin-bottom: 10px;}
    .box-listing .box-block .box-inner{height: auto;}
    .box-listing{flex-direction: column; margin: 0}
    .box-listing .box-block{margin-bottom: 15px; width: 100%}
	ul#mainnavbar{margin:0px;}
     
}
@media (max-width:767px) {
    .home-banner-slider .banner-item{height: 390px;}
    .home-banner-slider .banner-item .banner-caption .banner-heading{font-size: 32px;}
	
	
	
}
@media (max-width:575px) {
    .topbar .top-right{display: none}
    .topbar .top-left{text-align: center; width: 100%}
    .navigation-menu{width: 50%; float: right}
    .logo img{max-width: 100%}
    .col-left .about-comp-info-content{bottom: 15px}
    .col-left .about-comp-info-content .about-short-desc{padding: 15px;}
    .col-left .about-comp-info-content .about-short-desc h3{font-size: 42px}
    .col-left .about-comp-info-content .about-short-desc p{font-size: 14px; line-height: normal}
    .about-comp-info-content a{margin-top: 8px}
    .col-2-section-inner .col-left{height: 440px}
    .col-2-section-inner .col-left img{max-width: 100%; object-fit: cover}
    .footer-inner h2{font-size: 34px;}
    .home-banner-slider .banner-item .banner-caption .banner-heading{font-size: 32px;}
    .inner-page-title h1{font-size: 36px}
    
    .services-display-row .service-product-listing li, .services-display-row .service-product-listing li a img{width: 100%}
    .clients-slider .owl-nav{display: none}
    .clients-slider .testi-inner .client-display{flex-direction: column}
    .clients-slider .testi-inner .client-img{margin: 0 0 15px 0}
    .testi-inner, .col2-section .left-col .testiheading{text-align: center}
    .col2-section .left-col{padding: 15px;}
}
@media (max-width:360px) {
  .topbar .top-left a{font-size: 12px;}
  .footer-inner h2{font-size: 24px;}
  .footer-inner h4{font-size: 26px;}
  .home-banner-slider .banner-item .banner-caption .banner-heading{font-size: 24px;}
}
.details {
    width: 100%;
}