@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{font-family: 'Montserrat', sans-serif;color: #000;}
 .affix {
    top: 0px !important;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color:#fff !important;
    border-color: #F44336;
	max-width: inherit !important;
	border-radius:0px !important;
	box-shadow: 0px 2px 6px #424242;
  }
  .affix a {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .affix-top a {
  }
  .affix + .container-fluid {
  }
   .affix .navbar-brand {     padding: 10px 12px; margin-top: 0px;}
  .affix .navbar-brand>img {width: 86px;}
 .affix .navbar-nav {clear: inherit;}
  .affix .navbar-nav>li>a {padding: 35px 20px;}
.affix .hdr-top{display: none;}
.affix  .hdr-top-cnt { display: none;}
.affix .navbar-nav>li.GetQuote a{margin-top: 23px;}
img{max-width: 100%;}
  a{}
  h1, h2{margin-top:0px;    font-weight: 700;}
h1, h2, h3, h4, h5{margin-top: 0px;}
h1{ font-size:48px;}
button:focus, a:focus{outline: none;}
.pding-lft5{padding-left: 5px;}
.pding-rgt5{padding-right: 5px;}
p{line-height: 26px;font-size: 16px;font-weight: 400;margin-bottom: 20px;}
.btn-danger {text-transform: uppercase; font-weight: 600;padding: 8px 25px;
    color: #fff;
    background-color: #e3000f;
    border-color: #e3000f;
}
.btn-primary {
    color: #fff;
    background-color:#008ddd;
    border-color:#008ddd;
}
.btn-primary:hover{
    color: #fff;
     background-color: #e43039;
    border-color: #e43039;
}
.container-fluid {padding-right: 50px;padding-left: 50px;}
header{ position: relative; z-index:1000;}
.hdr-top{padding-top: 20px;
    position: relative;
    padding-bottom: 16px;}
.hdr-top .logo{ padding: 0px;}
.hdr-top-cnt{ display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;}
.navbar-form{    margin-bottom: 0;
    position: relative;
    margin-top: 0;
    border: none;
    box-shadow: none;
    padding: 0;display: none;}
.navbar-form .form-group {width: 260px;}
.navbar-form .form-control {width: 100%;height: 42px;}
.navbar-form .btn{
    position: absolute;
    right: 0px;
    top: 0px; padding: 10px 15px;
    height: 42px;
}
.navbar-form .btn-primary{ background-color: #008ddd;
    border-color: #008ddd;}
.hdr-top-cnt li a{ font-weight: 500;
    color: #616161;
    text-transform: capitalize;
    display: block;
    padding: 10px 15px;
    font-size: 16px;}
.hdr-top-cnt li:last-child{padding-right: 0px;}
.hdr-top-cnt li:last-child>a{padding-right: 0px;}
.hdr-top-cnt li{float: left; text-align: left; position: relative;padding-right: 10px;
    padding-left: 10px;}
.hdr-top-cnt li:first-child{}
.hdr-top-cnt li a img{}
.hdr-top-cnt li.MMart a{border: 2px solid #333;
    color: #000;padding: 10px 12px; font-size: 15px;}
.hdr-top-cnt li.MMart a img, .hdr-top-cnt li.get-in-touch a img{display: none;}
.hdr-top-cnt li.MMart a:hover, .hdr-top-cnt li.get-in-touch a:hover{color: #fff;border: 2px solid #1b4676; background-color: #1b4676;}
.hdr-top-cnt li.get-in-touch{padding-left: 0px;}
.hdr-top-cnt li.get-in-touch a{padding: 10px 14px; border: 2px solid #204c7b;color: #000;}
.hdr-top-cnt li a:hover{color:#4d2784; text-decoration: none;}
.hdr-top-cnt li.cart{}
.hdr-top-cnt li.cart a{position: relative;}
.hdr-top-cnt li.cart a span{    position: absolute;
    top: -15px;
    background-color: #70c6bf;
    color: #fff;
    width: 18px;
    height: 18px;
    display: block;
    right: 0px;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;}
.hdr-social-link li h4{ color:#fff;}
.hdr-social-link li a{font-size: 20px;
    color: #fff;    transition: 0.5s;
    display: block;}
.hdr-social-link li a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);}
.hdr-social-link li a span{ font-weight: 900;}
.txt-rgt{ text-align:right;}
.mobilesrch {margin-top: 10px;
    border-right: 1px solid #ddd;
    padding-right: 20px;
    cursor: pointer;}
.navbar-default {z-index: 1000;
    margin: auto;
    border-radius: 0px;
    background-color: transparent;
    border: none;}
.navbar-brand {
    /* padding:10px 15px; */
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 800;
}
.navbar-default .navbar-brand {
    color: #e43039;
    float: left;
}
.navbar-brand span{ color: #00318a; text-transform:capitalize;}
.navbar-brand>img { }
.navbar-default .navbar-nav>li>a{color:#000;}
.navbar-nav>li>a.logo{    padding: 5px 35px;margin-top: 10px;}
.navbar-nav {float: none;text-align: center;clear: both;}
.navbar-nav>li {position: inherit;}
.navbar-nav>li.dropdown2{position: relative;}
.navbar-nav>li>a {     color: #fff;
    padding: 10px 30px 25px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;}
.breack{display: block; clear: both;}
.navbar-nav>li:last-child>a{padding-right: 0px;}
.navbar-nav>li.GetQuote{}
.navbar-nav>li.GetQuote > a{
    color: #fff;
    background-color: #d8f0ee;
    background-image: linear-gradient(to top right, #f5444a, #d80a12);
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 14px;
    overflow: hidden;
    transition: 0.5s;
    }
.navbar-nav>li.GetQuote > a span{position: relative; display: block; z-index: 1;}
.navbar-nav>li.GetQuote > a:after{content: "";
    top: 0px;
    width: 100%;
    left: 0px;
    position: absolute;
    bottom: 0px;
    background-color: #ed1e26;
    background-image: linear-gradient(to top right, #ed1e26, #ed1c24);     transform: translate(-500px, 0px);-webkit-transform: translate(-500px, 0px);-o-transform: translate(-500px, 0px);
   transition: 0.5s;}
.navbar-nav>li.GetQuote:hover > a:after{ transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);-o-transform: translate(0px, 0px); color: #fff !important; }
	.navbar-nav>li:hover>.drop-menu{ }
	.drop-menu{     width: 100%;
    left: 0px !important;
    padding: 0px;
    border: none;
    border-top: 3px solid #ed1c24;
border-radius: 0px;    overflow: hidden;}
.drop-menu:before{content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 23.333%; background-color: #583494;}
.navbar-nav>li.dropdown2 .drop-menu:before{display: none;}
.drop-menu-srvs{ }
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color:#4d2784;}
.navbar-nav>li.dropdown2 .drop-menu{padding: 15px;}
.navbar-nav>li.dropdown2 .drop-menu>li{    position: relative;}
.navbar-nav>li.dropdown2 .drop-menu>li:before{position: absolute; left: 0px; top: 11px;content: "\f105";    font: normal normal normal 14px/1 FontAwesome;}
	.drop-menu>li>a { padding: 12px 20px;font-weight: 600;color: #333;font-size: 12px;
    text-transform: uppercase;}
.drop-menu>li:last-child>a{border-bottom: none;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #70c6bf;
}
.drop-menu>li>a:focus, .drop-menu>li>a:hover {
    color: #4e2888;
    text-decoration: none;
    background-color: transparent;
    -o-transform: translate(10px, 0px); -webkit-transform: translate(10px, 0px); transform: translate(10px, 0px);
}
/*.navbar-nav>li>a.logo:hover{background-color: transparent;}*/
.navbar-default .navbar-nav>li>a.logo:focus, .navbar-default .navbar-nav>li>a.logo:hover{background-color: transparent;}
.drop-menu-tab{background-color: #583494;}
.drop-menu-tab li{position: relative;}
.drop-menu-tab li a{display: block;
    padding: 25px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border-top: 1px solid #673bb1;}
.drop-menu-tab li.active > a:before{content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 38%;
    width: 0;
    height: 0;
    border-top:  10px solid transparent;
    border-right:0px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid #78c9c4;}
.drop-menu-tab li:first-child> a{border-top: none;}
.drop-menu-tab li.active > a{background-color:#78c9c4; color: #fff;text-decoration: none;}
.drop-menu-tab li a:hover, .drop-menu-tab li a:focus{text-decoration: none;    background-color: #78c9c4;
    color: #fff; }
.drop-menu .tab-content{padding-left: 30px; padding-top: 10px;}
.tab-submenu{margin-top: 15px;    margin-bottom: 15px;}
.tab-submenu li{
    position: relative;
    display: block;
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
    transition: 0.5s;
    font-size: 14px;
    /* text-transform: uppercase; */
    }
.tab-submenu li.explore-menu-btn{padding-left: 0px;}
.tab-submenu li.explore-menu-btn a{display: inline-block;
    padding: 10px 20px;
    color:#78c9c4;
    font-weight: 600;
    transition: 0.5s;
    font-size: 12px;
    text-transform: capitalize;text-decoration: underline;}
.tab-submenu li:before{position: absolute; left: 0px; top: 11px;content: "\f105";    font: normal normal normal 14px/1 FontAwesome;}
.tab-submenu li.explore-menu-btn:before{display: none;}
.tab-submenu li:hover, .tab-submenu li a:focus{text-decoration: none;color: #583494; -o-transform: translate(10px, 0px); -webkit-transform: translate(10px, 0px); transform: translate(10px, 0px);}
.tab-submenu li.explore-menu-btn a:hover{color: #583494;text-decoration: none;}
	/*============ slider css =============*/
.type-box{text-align: center; margin: 30px;}
.type h1 a{ color:#fff; font-size:45px;}
	.bs-slider{
    overflow: hidden;
   /* height: 650px;*/
    position: relative;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);*/
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto; height:650px;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/
.slider-wrap{ width: 100%; position: relative;overflow: hidden;}
.slider-wrap .owl-nav{position: absolute;
    top: 50%;
    width: 100%;}
.slider-wrap .owl-prev{float: left;margin-left: 30px;}
.slider-wrap .owl-next{float: right;margin-right: 30px;}
.slider-wrap .owl-prev span{ font-size: 50px; color: #fff; }
.slider-wrap  .owl-next span{ font-size: 50px; color: #fff; }


/*---------- SLIDE CAPTION ----------*/
.mrgn-auto { margin:auto;}

.slide-text {left: 3%;
        top: 18%;
    right: 3%;
    margin: auto;
    position: absolute;
    
}
.slide-text-box{position: relative; }
.slide-text h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 80px;
    font-style: normal;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    color: #fff;
    line-height: 85px;
    margin-top: 0px;
    position: relative;
    }
.slide-text h3{
    font-size: 60px;
    font-weight: 800;
    -webkit-text-stroke: 2px #fff;
    color: transparent;
    text-transform: uppercase;
    margin-bottom: 15px;
    }
.slide-text h4{
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    /* width: 453px; */
    }
  .slide-text h4 span  {color:#ed1c24; font-weight:900}
.slide-text h1 span.blub{
    position: relative;
    bottom: 9px;
    right: 0px;
    float: right;
    margin: 20px 0 0 30px;
    }
.slide-text h1 span.blub img{    width: 328px;}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text-box .text-danger{color: #e3000e;}
.slide-text-box .text-primary{ color: #008dde;}
.slider-wrap .owl-dots {
  position: absolute;
    bottom: 5%;
    left: 45%;





}
.slider-wrap .owl-dots .owl-dot {
    margin: 6px;
    position: relative;
    width: 10px;
    border: 2px solid transparent;
    height: 10px;
    border-radius: 50%;
    display: table;
    background-color: #fff;
    float: left;
}
.slider-wrap .owl-dots .owl-dot.active {
    margin: 3px;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
    background-color: transparent;
}
.slider-wrap .owl-dots .owl-dot.active span {
    position: absolute;
    left: 4px;
    bottom: 0px;
    right: 0px;
    top: 4px;
    background-color:#fff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
}
/*=========== end ===========*/
.btn-lightblue{
    border-radius: 30px;
    border: none;
    padding: 15px 40px;
    color: #fff;
    background-color: #ed1c24; /* For browsers that do not support gradients */
    /* background-image: linear-gradient(to top right, #d8f0ee, #8ed9d3); */
    font-size: 16px;
    font-weight: 600;
    }
.btn-lightblue i{margin-left: 10px;
    font-size: 22px;
    position: relative;
    top: 1px;}
.btn-lightblue:hover{background-color: #ca0910; border: none; color: #fff;
  }
.tmb{padding: 0px; border: none; position: relative;border-radius: 0px;}
.zoom-hover{overflow: hidden;}
.zoom-hover>img{transition: 0.5s;}
.zoom-hover:hover>img{transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.wrap{ position:relative; padding-top:70px; padding-bottom:70px;}
.bg-gray{background-color: #f7f7f7;}
.title{ position:relative; margin-bottom:35px;}
.title h1{ }
.title h2{font-weight: 100;
    font-size: 85px;
    color: #000;
    text-transform: uppercase;
    line-height: 70px;}
.title h2 b{font-weight: 800;font-size:68px;}
.title h2 b span{}
.title h3{ font-size: 36px; text-transform: uppercase;font-weight: 300;}
.title h3 b{font-weight: 700;}
.color-teal{color: #70c6bf;}
.blueviolet{color: #583494;}
.red{color: #e43039;}
.white{ color:#fff;}
.title-header{    margin-bottom: 15px;
    position: relative;
}
.title-header h2{font-size: 26px;}
.view{}
.view a{ color: #000; text-transform: uppercase; font-weight: 700;display: inline-block;}
/*========== home page section ========*/
.pding0{padding-left: 0px;padding-right: 0px;}

/*============= INDUSTRIES =========*/
.industries-list{width: 100%;}
.industries-list li{ float: left; width: 20%;padding-left: 10px;
    padding-right: 10px;
    margin-top: 25px;
}
.app-content {border-radius: 10px;
    background-color: #fff;
    padding: 40px 15px;    transition: 0.5s;
    box-shadow: 0 0 30px -2px #ddd;
}
.app-content:hover{box-shadow: 0 20px 23px -5px rgb(0 0 0 / 20%);transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.industry-icon{width: 90px;
    margin: 10px auto 20px;}
.app-content h3 {
    font-weight: 600;
    font-size: 17px;
}
/*================== Core Features =============*/
.features-list{width: 100%;}
.features-list li{ float: left; width:12.5%; padding-left: 10px; padding-right: 10px;}
.features-item{position: relative;text-align: center; margin-bottom: 20px;}
.features-item img{    width: 100px;
    background-color: #fff;
    padding: 22px;
    transition: 0.5s;
    box-shadow: 0px 0px 15px -2px #ddd;
    border-radius: 4px;
    margin: 0px auto 15px;}
.features-item:hover>img{transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.features-item h5{    font-size: 12px;
    line-height: 20px;min-height: 62px;}

/*============= technology-stack ==============*/
.technology-stack{position: relative;}
.technology-stack:before{position: absolute;
    left: 105px;
    right: 160px;
    top: 80px;
    content: "";
    border-bottom: 2px dashed #ddd;}
.technology-stack li{    width: 20%;
    float: left;
    text-align: center;}
.technology-stack li h5{    font-weight: 600;
    color: #000;}
.technology-item{width: 90px;
    padding: 20px;position: relative; z-index: 1;
    background-color: #fff;
    box-shadow: 0px 0px 12px 2px #f0f0f0;
    border-radius: 50%;
    margin: 20px auto;}
.technology-item img{}
/*============= what we do =========*/
.what-wedo-title{margin-top: 0;text-align: center;}
.what-wedo-title b{}
.what-wedo-title b img{position: relative;top: -7px;}
.whatwedo-box{position: relative;
    border-radius: 8px;
    padding: 30px 25px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 1px #f0f0f0;
    border-bottom: 6px solid #4d2785;
margin-bottom: 15px;margin-top: 15px;
height: 305px;}
.whatwedo-icon{position: relative;}
.whatwedo-icon img{}
.whatwedo-box:hover>.whatwedo-icon{display: none;}
.whatwedo-content{position: relative;position: relative;
   transition: 0.5s;margin-top:80px;}
.whatwedo-content h4{      font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
    min-height: 50px;}
.whatwedo-content p{    display: none;
    line-height: 22px;
    font-size: 13px;
    font-weight: 500;
    color: #444;}
.whatwedo-content ul{}
.whatwedo-content ul li{text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    border-right: 1px solid #ddd;
    color: #000;
    padding: 0px 6px;}
.whatwedo-content ul li:last-child{border-right: none;}
.whatwedo-box-teal{border-bottom: 6px solid #5ec0b9;}
.long-arrow-btn{
    width: 24px;
    height: 24px;
    background-color: #ed1c24;
    color: #fff;
    border-radius: 50%;
    display: block;
    line-height: 25px;
    font-size: 18px;
    }
.long-arrow-btn:hover{background-color: #70c6bf; color: #fff; text-decoration: none;}
.whatwedo-content .long-arrow-btn{display: none;}
.whatwedo-box:hover{padding: 20px;}
.whatwedo-box:hover>.whatwedo-content{margin-top: 0px;}
.whatwedo-box:hover>.whatwedo-content h4{min-height: inherit; font-size: 18px;}
.whatwedo-box:hover>.whatwedo-content p{display: block;}
.whatwedo-box:hover>.whatwedo-content .long-arrow-btn{display: block;}
/*================ who we are ================*/
.whoweare-cnt{position: relative;}
.whoweare-cnt p{font-size: 16px;
    line-height: 26px;}
.whoweare-cnt p .long-arrow-btn{float: right;}
.counter-box{position: relative;margin: 0 20px;}
.counter-iocn{
    position: relative;
    margin: 50px auto 25px;
    /* background-color: #fff; */
    border-radius: 2px;
    /* transform: rotate(45deg); */
    -o-transform: rotate(45deg);
    /* -webkit-transform: rotate(45deg); */
    height: 150px;
    width: 150px;
    background-color: #313131;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 40px;
    }
.counter-iocn img{/* transform: rotate(-45deg); */-o-transform: rotate(-45deg);/* -webkit-transform: rotate(-45deg); */position: relative;/* bottom: -32px; */}
.counter-box h1{font-size: 70px;
    font-weight: 600;
    color: #583494;}
.counter-box h4{font-size: 17px;
    line-height: inherit;}


/*================ why choose us ================*/
.whychoose-wrap{background: url(../images/why-choose-bg.jpg)no-repeat; background-position: bottom left; background-size: cover;padding-bottom: 10px;}
.why-choose-title{padding-right: 30px;}
.why-choose-title .title{width: 415px;position: relative;}
.why-choose-title .title h2{ color: #fff; }
.why-choose-title .title h2 b{font-size: 75px;}
.why-choose-title .title h2 b img{    position: absolute;
    right: 0px;
    bottom: 5px;}
.why-choose-title p{color: #fff;
    font-weight: 600;
    margin-bottom: 35px;}
.why-choose-title .long-arrow-btn{background-color: #fff; color:#583494;}
.why-choose-title .long-arrow-btn:hover{background-color:#70c6bf; color:#fff;}
.why-choose-box{position: relative;
    text-align: center;
    margin-bottom: 75px;
    margin-left: 35px;}
.choose-icon{}
.choose-icon img{width: 110px !important;    margin: 0px auto 20px;}
.why-choose-box h4{color: #fff; font-size: 24px;line-height: initial;}
.why-choose-box h4 span{display: block;}
.why-choose-box p{color: #fff;    font-size: 14px;
    line-height: 24px;}
.owl-nav{position: absolute;
    right: 0px;
    top: 0px;}
.owl-nav .owl-next span, .owl-nav .owl-prev span {
    font-size: 50px;
    color: #fff;
    font-weight: 300;}
.owl-nav .owl-prev{float: left;}
.owl-nav .owl-next{float: right;}
.whychoose-wrap .owl-nav {    right: -35px;
    top: -32px;
    width: 35px;}
/*================ process ================*/
.process-line-wt{position: relative;    margin-top: 80px;}
.process-line{    position: absolute;
    top: 28px;
    left: 90px;
    right: 90px;}
.process-line img{    z-index: 0;}
.process-list{float: left; width: 100%;margin-bottom: 0px;}
.process-list li{float: left; width: 20%;    text-align: center;}
.process-box{position: relative;}
.process-icon{position: relative; width: 140px; height: 140px; border-radius: 50%; margin: 0px auto 25px;    box-shadow: 0px 0px 10px 1px #f0f0f0;    background-color: #fff;}
.process-icon img{position: relative; top: 35px;}
.process-icon span{position: absolute;
    top: -15px;
    right: 0px;
    background: url(../images/spet-bg.png)no-repeat;
    width: 65px;
    height: 54px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;}
.process-list li h4{font-size: 19px; font-weight: 600;}
.process-list li p{ font-size: 14px;
    line-height: 24px;
    padding: 0px 20px;}

/*================= partner ==============*/
.partner-title{position: relative;}
.partner-title .title{    margin-bottom: 15px;}
.partner-title .title h2{font-weight: 400; font-size: 46px;line-height: 60px;}
.partner-title .title h2 b{ font-size: 46px;}
.partner-title p{font-size: 14px;
    line-height: 24px;
    padding-right: 20px;
    margin-bottom: 35px;}
.partner-logo-list{position: relative; float: left; width: 100%;}
.partner-logo-list li{    float: left;
    width: 25%;
    margin-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;}
.partner-logo{background-color: #fff;box-shadow: 0px 0px 10px 1px #f0f0f0; border-radius: 4px;padding: 20px;     transition: 0.5s;overflow: hidden;}
.partner-logo img{width: 100%;transition: 0.5s;}
.partner-logo-list li:hover>.partner-logo img{transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}
/*======================= out work ==================*/
.work-title{}
.work-title h2{ font-size: 56px; font-weight: 400;}
.work-title h2 b{ font-size: 56px; }
.work-tab{    margin-top: 38px;
    margin-bottom: 0px;}
.work-tab li{}
.work-tab li a{    color: #626262;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 0px 15px;}
.work-tab li.active> a{color: #000;}
.work-tab li a:hover{text-decoration: none; color: #000;}
.our-work-tmb{height: 500px;margin-bottom: 0px;overflow: hidden;}
.our-work-tmb img{ width: 100%; height: 100%; transition: 0.5s;object-fit: cover;}
.our-work-tmb:hover> img{transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}
.work-hover-txt{position: absolute; left: 0px; right: 0px; padding: 25px; bottom: 0px;}
.work-hover-txt h3{    font-weight: 700;
    color: #fff;
    font-size: 45px;
    margin-bottom: 20px;}
.work-hover-txt h5{position: relative;color: #fff; padding-left: 40px;}
.work-hover-txt h5 em{}
.work-hover-txt h5:before{content: "";
    position: absolute;
    left: 0px;
    bottom: 8px;
    width: 30px;
    height: 1px;
    background-color: #fff;}
.our-work-wrap .owl-nav { top: -98px;width: 55px;}
/*=========== digital-wrap ================*/
.digital-wrap{position: relative; background: url(../images/digital-bg.jpg)no-repeat; background-size: cover; padding: 70px 0px;}
.digital-title{position: relative;/*margin-top: 90px;*/
    margin-bottom: 50px;
}
.digital-title .title{margin-bottom: 10px;}
.digital-title .title h2{font-weight: 400; color: #fff; font-size: 45px;}
.digital-title .title h2 b{font-size: 66px;}
.digital-title .title h2 b img{    position: relative;
    bottom: -14px;
    left: -14px;
    width: 46px;}
.digital-title h5{    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 25px;
    padding-right: 25px;}
.digital-title .long-arrow-btn{background-color: #fff; color: #583494;}
.digital-title .long-arrow-btn:hover{background-color: #70c6bf; color: #fff;}
.digital-box{position: relative; border-radius: 4px; background-color: #fff; padding: 15px; margin-bottom: 10px;min-height: 290px;}
.height-auto{min-height:inherit;}
.digital-icon{margin-bottom: 10px; position: relative;}
.digital-icon img{}
.digital-box h4{ font-weight: 600; font-size: 18px;line-height: inherit;}
.digital-box p{line-height: 24px;font-size: 14px;}



.wrap-bdr-btm{border-bottom: 5px solid #fde5e5;}
.owl-carousel-wrap{}
.item-box{position: relative;}
.item-box .tmb{border: 1px solid #ddd;}
.item-box .tmb img{}
.item-dec{}
.item-dec h5{font-size: 16px;
    font-weight: 700;}
.item-dec .price{ font-size: 20px;
    color: #008dde;font-family: 'Montserrat', sans-serif;
    font-weight: 500;}
.item-dec .price del{ font-size: 14px; color: #c3c3c3;}
.item-dec .btn-danger{border-radius: 0px;
    text-transform: uppercase;
    color: #e3000e;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 20px;}
.bg-none{background-color: transparent;}
.item-dec .btn-danger:hover{color: #fff;}
.owl-carousel-wrap .owl-nav{    position: relative;
    bottom: 0px;
    right: 0px;
    float: right;
    margin-top: 35px;}
.owl-carousel-wrap .owl-nav .owl-prev{margin-right: 50px;}
.owl-carousel-wrap .owl-dots{ display: none;}
.view{padding-right: 30px;}


/*=========== hompe page ================*/
.bg-gryblack{ background-color: #151617;}

/*================= client home page ===================*/


/*==================== home page team ===============*/

.button-width{width: 200px;position: relative;}
/*============= button style ================*/
.button-1{width: 100%;
    height: 52px;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    /*margin: 0 0 40px 0;*/
    background-color:transparent;
    border: 2px solid #000;
}
.button-1 a{ text-transform: capitalize;
  font-size:15px;
  color:#000;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
    font-weight: 600;
}
.button-1 a i{padding-left: 10px;}
.button-1 a img{    float: none;
    margin-left: 10px;}
.eff-1{
  width:100%;
  height:52px;
  right:-640px;
  background:#1b4676;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-1:hover .eff-1{
  right:0;
}
.button-1:hover{ border: 2px solid #1b4676;}
.button-1:hover a{
  color:#fff;
}


/*============= slider =============*/
.slide-text .button-1 a {color: #fff;}
.slide-text .button-1 {border: 2px solid #fff;}
.slide-text .eff-1 {background: #ffffff;border: 2px solid #ffffff;}
.slide-text .button-1:hover a{
  color:#1b4676;}
/*=========== footer ================*/
footer{background:#fff;padding-top:70px;border-top: 1px solid #f7f7f7;}
.payment-icon{}
.payment-icon li{padding-right: 0px;padding-left: 0px;}
.payment-icon li a img{}
footer h4{font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;}
footer p{     color: #333;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 20px;
    padding-right: 30px;}
.footer-abt-mdia{}
.footer-abt-mdia p{}
.fotr-logo{ width: 150px;margin-right: 25px;}
.fotr-logo img{}
.fotr-menu{    margin-bottom: 30px; }
.fotr-menu li a{color: #333;
    display: block;
    padding: 10px 0px;
    transition: 0.5s;
    font-weight:600;}
.fotr-menu li a i{margin-right: 8px;
    font-size: 18px;
    top: 1px;
    position: relative;}
.fotr-menu li:first-child> a{padding-top: 0px;}
	.fotr-menu li a:hover{transform: translate(10px, 0px);-o-transform: translate(10px, 0px);-webkit-transform: translate(10px, 0px); text-decoration:none;    color: #4d2784;}
	
footer .hdr-social-link{ margin-bottom: 35px;}
footer .hdr-social-link li a{color: #000;
    width: 40px;
    height: 40px;
    background-color: #ebf0f6;
    text-align: center;
    border-radius: 50%;




    line-height: 40px;
    display: block;
    font-size: 16px;}
.foter-search .navbar-form{    width: 100%;
    padding: 0px;}
.foter-search .navbar-form .form-group {
    width: 100%;}
.foter-search .navbar-form .form-control {border-radius: 30px;border: none;
    height: 50px;}
.foter-search .navbar-form .btn {border-radius: 30px;
    top: 4px;
    background-color: #fee0e2;
    border-color: #fee0e2;
    color: #000;
    right: 4px;
    padding: 10px 20px;}
.cpyrgt-wrap{
    position: relative;
    padding-top: 10px;
    /* margin-top: 40px; */
    /* padding-bottom: 20px; */
    border-top: 1px solid #eee;
    }
    .cpyrgt-wrap p{padding-top: 10px;
    color: #333;margin-bottom: 0px;
        padding-right: 0px;
    font-weight: 600;
    font-size: 12px;}
.cpyrgt-wrap p a{color: #583494;}
.cpyrgt-wrap p a:hover{color:#70c6bf;}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 99;
    font-size: 14px;
    border: none;
    background-color:#4d2785;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}	
#myBtn:hover {
    background-color:#70c6bf;
}
/*============== whats app =================*/
.whatsap{right: 10px;
    position: fixed;
    z-index: 100;
    bottom: 75px;
}
.whatsap a {
    color: #fff;
    font-weight: 600;
}
.whatsap a i {
    border-radius: 50%;
    font-size: 26px;
    color: #fff;
    background: #4CAF50;
    padding: 6px;
    height: 40px;
    width: 40px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
}
/*================ inner pages ===========*/
/*========= pop up ===========*/

#GetaQuote .modal-body {padding: 35px 50px;}
#GetaQuote .modal-title {font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;}
#GetaQuote .form-group{position: relative;margin-bottom: 25px;}
#GetaQuote .form-ctrl{box-shadow: none; border-radius: 30px; height: 50px;    padding-left: 22px;}
#GetaQuote .form-msg{    box-shadow: none;    padding-left: 22px;
    border-radius: 20px;}
.close {float: none;
    font-size: 22px;color: #fff;
    opacity: 9;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 36px;
    height: 36px;
    background-color: #583494;
    border-radius: 50%;
background:#583494 !important;}
.select-form{    appearance: none;    -webkit-appearance: none;}
.form-icon{    position: absolute;
    right: 15px;
    bottom: 5px;
    font-size: 26px;
    color: #999;}
/*=============== check out button =================*/
/* The container */
.container_chechout {
  display: block;
  position: relative;
      font-size: 13px;
    font-weight: 600;
    position: relative;
    /*float: left;*/
    padding-left: 35px;
    color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_chechout input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container_chechout .checkmark {position: absolute;
    top: 0px;
    left: 0px;
    height:20px;
    width:20px;
    background-color:#f1f1f1;
    border-radius: 4px;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.container_chechout:hover input ~ .checkmark {

}

/* When the checkbox is checked, add a blue background */
.container_chechout input:checked ~ .checkmark {
}

/* Create the checkmark/indicator (hidden when not checked) */
.container_chechout .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_chechout input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_chechout .checkmark:after {    left: 6px;



    top: 2px;
    width: 7px;
    height: 12px;
    border: solid #55369a;
    border-width: 0px 2px 2px 0px;
    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container_chechout2{font-size: 14px;float: none;padding-right: 0px;padding-left: 25px; padding-bottom: 25px;}
.container_chechout2 .checkmark {right: initial;left: 0px;height: 20px;
    width: 20px;
    background-color:#fff;
    border: 1px solid #ddd;}
.container_chechout2 .checkmark:after {
    border: solid #f82222;width: 6px;
    height: 10px;
    border-width: 0px 1px 1px 0px;}

/*============= about us ================*/
.teal{color: #75ded7;}
.inr-wrap{position: relative;}
.inr-wrap>img{width: 100%;height: 300px; object-fit: cover;}
.inner-section{ position: relative; padding-top: 10px; padding-bottom: 10px;background-color: #e1f1fa; }
.brdcrm{ background-color: rgb(255 255 255 / 28%);
    border-radius: 30px;
    margin: auto;
    padding: 8px 25px;
    bottom: 0px;
    display: inline-block;
    border: 2px solid #4b2683;}
.brdcrm>li {font-size: 14px; font-weight:600;}
.brdcrm>li+li:before {
    color: #4b2683;
}
.brdcrm>li a{ color: #4b2683;}
.brdcrm>li.active{ color: #4b2683;}
.orange{color: #f99011;}
.inr-wrap-overlay{
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(76 39 132 / 42%);
    background-color:rgb(76 39 132 / 0%); /* For browsers that do not support gradients */
    background-image:linear-gradient(rgb(76 39 132 / 0%), #4c2784);
    }
.inner-banner{
    position: relative;
    /* margin-top: 40px; */
    }
.inner-banner h1{
    font-size: 55px;
    text-transform: capitalize;
    font-weight: 300;
    position: relative;
    color: #222222;
    color: #fff;
    }
.inner-banner p{color: #222222;font-weight: 500;}
.abt-inr-wrap{background: url(../images/dots-arrow-left-side.png)no-repeat;}
.bg-img-absulte{position: absolute; right: 50px; top: 50px;}
.vision-box{background-color: #fff;
    padding: 35px;
    border-radius: 50px 6px;
    position: relative;
    transition: 0.5s;}
.vision-box:hover{border-radius:6px 50px;}
.vision-box img{width: 64px;
    margin-bottom: 10px;}
.vision-box h3{    font-weight: 800;
    font-size: 28px;position: relative;}
.vision-box p{}
.vision-mission-wrap{position: relative; overflow: hidden;}
.shape {
    position: absolute;
}
.shape-c1 {
    background: 0 0;
    width: 200px;
    height: 200px;
    border-radius: 100px 100px 100px 100px;
    border: 6px solid #6ee0d8;
}
.shape-c2 {
    background: 0 0;
    width: 200px;
    height: 200px;
    border-radius: 100px 100px 100px 30px;
    border: 6px solid #6ee0d8;
    right: -20px;
    top: -70px;
}
.shape-c3 {
    background: 0 0;
    width: 100px;
    height: 100px;
    border-radius: 100px 100px 100px 30px;
    border: 6px solid #fff;
    right: 90px;
    bottom: -20px;
}
.whychoose-inr-wrap{}
.whychoose-inr-wrap .why-choose-title .title h2 {
    color: #000;}
.whychoose-inr-wrap .why-choose-title p {color: #555;}
/*================= web development =============*/
.web-development-grid{}
.web-development-grid figure{width: 100%;height: 300px;}
.web-development-grid figure h2 {font-size: 24px;text-transform: uppercase;}
.web-development-grid figure p{    font-size: 14px;}
.web-development-grid figure.effect-romeo h2{top: 45%;}
.web-development-grid figure.effect-romeo p{top: 35%;}
.corporate-list{}
.corporate-list li{ float: left; width: 20%;}
.corporate-box{border: 1px solid #d2d2d2;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 8%);
    padding: 20px 20px 20px 0px;




    margin: 0px 0px 40px 40px;
    -webkit-transition: .2s linear;
    transition: .2s linear;}
.corporate-box .img{max-width: 75px;
    max-height: 75px;
    min-width: 0;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-left: -90px;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 8%);
    background-color: #fff;
    border-radius: 50%;
    padding: 10px;}

.corporate-box h3{-webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin-left: 15px;}

/*=============== mobile app development =============*/
.mobile-row{position: relative;margin-bottom: 40px;}
.mobile-app-txt{position: relative;
    margin-left: -110px;
    top: 100px;
    background: rgb(255 255 255 / 86%);
    padding: 20px;
border-radius: 4px;}
.mobile-app-txt h2{position: relative;
    font-size: 48px;
    font-weight: 400;}
.mobile-row .tmb{border-radius: 4px;}
.mobile-row .tmb img{ width: 100%;border-radius: 4px;}
.mobile-app-txt h2 b{font-weight: 800;color: #53ccc4;}
.mobile-app-txt h2:before{content: "";
    position: absolute;
    left: -80px;
    top: 22px;
    height: 5px;
    width: 55px;
    background-color: #53ccc4;}
.mobile-app-txt p{}
.mobile-app-txt-lft{margin-left:0px;margin-right: -110px; text-align: right;z-index: 3;}
.mobile-app-txt-lft h2:before{left: inherit; right: -80px;}
/*==================== Virtual Reality & <br/>Interactive Solution ======================*/
.vr-row{margin-bottom: 30px; margin-top: 30px;}
.vr-dec:first-child{margin-top: 100px;}
.vr-dec{margin-top: 100px;}
.vr-dec h2{}
.vr-dec p{}
.vr-iocn-box{width: 90px;margin-right: 15px;}
/*============= business startup ==========*/
.startup-inr-wrap:before{content: "";
    position: absolute;
    right: 0px;
    background: url(../images/element11.png)no-repeat;
    width: 330px;
    height: 537px;
    bottom: 10%;}
.startup-box{background-color: #fafafb;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 90px 35px 70px;
    -webkit-clip-path: polygon(0 10%,100% 0,100% 90%,0 100%);
    clip-path: polygon(0 10%,100% 0,100% 90%,0 100%);}
.startup-box:before{content: ""; position: absolute; right: 0px; top: 0px; background: url(../images/shape-1.png)no-repeat;     width: 110px;
    height: 199px;}

.startup-icon{    width: 90px;
    height: 90px;
    position: relative;
    background-color: #80c54d;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;padding: 10px;}
.startup-box h3{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;}
.startup-box p{color: #6b6b84;
    font-weight: 500;
    line-height: 28px;}
.bg-blue{background-color: #522c8f;}
.bg-teal{background-color: #6ebdb7;}
.bg-light-blue{background-color: #2c47e8;}
.bg-2{background-color: #de6742;}

.approver-img{position: relative;}
/*================ E-commerce Development =============*/
.e-commerce-wrap{background: url(../images/element-lft.png)no-repeat; background-position: center left;}
.e-commerce-title{margin-top: 130px; margin-bottom: 70px;}
.e-commerce-title h2{    font-size: 40px;
    font-weight: 300;
    line-height: initial;}
.e-commerce-title h2 b{font-size: 40px;}
.e-commerce-box{    position: relative;
    display: block;
    padding: 30px 35px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 7%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
margin-bottom: 35px;
border-bottom: 2px solid #552f91;}
.e-commerce-box:hover{background-color: #4a2480;}
.e-commerce-box:hover>h3{color: #fff;}
.e-commerce-box:hover>p{color: #fff;}
.e-commerce-box:hover>.e-commerce-icon{background-color: rgb(255 255 255 / 36%);
    border-radius: 50%;
    border: 3px solid #fff;}
.e-commerce-icon{  width: 120px;

    height: 120px;
    margin: 20px auto 30px;
    background: url(../images/logo-opcity.png)no-repeat;
    padding: 25px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.e-commerce-icon img{}
.e-commerce-box h3{color: #000;
    font-weight: 700;}
.e-commerce-box p{    position: relative;
    display: block;
    color: #666;line-height: 28px;}
.e-commerce-box1-mrgntp{margin-top: 60px;}
/*================ prolisting =============*/
/*.ondemand-list{}
.ondemand-list li{float: left; width: 20%;}
.ondemand-list li:nth-child(6){clear: both;}
.ondemand-box{background-color: #fff;
    padding: 22px;
    transition: 0.5s;
    border-radius: 4px;
    margin: 10px 10px 15px;}
.ondemand-box:hover{box-shadow: 0px 0px 15px -2px #ddd;transform: scale(1.1);}
.ondemand-box h5{    font-weight: 500;
    color: #000;
    font-size: 13px;}
.ondemand-box h5 span{display: block;}
.ondemand-icon{width: 64px; height: 64px; margin:10px auto 15px;}
.ondemand-icon img{}*/
.col-eq-ht{height: 394px;
    padding: 40px;
    position: relative;}
.col-eq-ht h4{font-weight: 700;
    font-size: 20px;}
.col-eq-ht p{font-size: 14px; line-height: 24px;    font-weight: 500;}
.col-eq-ht-img{background: url(../images/food-delivery.jpg)no-repeat; background-position: left bottom;
background-size: cover;}
.col-text-white h4{color: #fff;}
.col-text-white p{color: #fff;}
.col-eq-dec{}
.col-eq-dec-rgt{margin-left: 215px;
    margin-top: 40px;}
.col-eq-ht-img2{background: url(../images/pickup-delivery.jpg)no-repeat; background-position: center bottom;
background-size: cover;}
.col-eq-ht-img3{background: url(../images/taxi-booking.jpg)no-repeat; background-position: center bottom;
background-size: cover;}

/*================ industries =============*/
.industries-box{      box-shadow: 0 0px 23px -5px rgb(0 0 0 / 20%);
    padding: 20px;
    border-radius: 38px 6px;
    margin-bottom: 20px;
    transition: 0.5s;}
.industries-box h4{font-weight: 600;
    font-size: 17px;}
.industries-box p{ font-size: 15px;}
.industries-icon{margin:0px auto 10px;  width: 105px;   transition: 0.5s;}
.industries-box:hover{background-color: #56379a; border-radius: 6px;}
.industries-box:hover>.industries-icon{ width: 110px;}
.industries-box:hover> h4{color: #fff;}
.industries-box:hover> p{color: #fff;}
/*================ get a quote =============*/
.getaquote-wrap{background: #f0f0f0 url(../images/patten-3.png)no-repeat;
    background-position: right center;}
.getaquote-box{background-color: #fff;
    padding: 40px;
    box-shadow: 0px 0px 17px 2px #b8b8b8;
    border-radius: 6px;}
.getaquote-box .getaquote:last-child{margin-bottom: 0px;}
.getaquote {    position: relative;
    margin-bottom: 70px;}
.getaquote-heading{margin-bottom: 30px;position: relative;}
.getaquote-heading h3{text-transform: capitalize;
    font-weight: 600;
    font-size: 28px;}
.getaquote .form-group{margin-bottom: 25px;}
.getaquote .form-group label{    font-size: 15px;
    font-weight: 600;}
.getaquote .form-group .form-ctrl{border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
    padding-left: 0px;
    font-weight: 600;
    font-size: 13px;}
.spaceShip{top: 200px;
    top: 20rem;
    right: -50px;
    right: -5rem;
    bottom: 0;
    position: absolute;
    width: 277px;
    width: 27.7rem;
    z-index: 2;
    padding-top: 250px;
    padding-top: 25rem;
    background: url(../images/spaceship-path.svg) right top no-repeat;}
.getaquote .form-group label.container_chechout{    background-color: #f0f0f0;
    padding: 15px 30px;    cursor: pointer;
    border-radius: 4px;
    width: 100%;}
.getaquote .form-group label.container_chechout .checkmark { top: 15px; left: 5px;}

/*================ Case Studies =============*/
.casestudy-wrap{background: url(../images/diverging-ger.png)no-repeat; 
    background-position:left;background-size: 40%;}
.casestudy-wrap2{background:#f0f0f0 url(../images/diverging-ger.png)no-repeat;    
      background-position: right center;background-size: 40%;}
.casefavicon{position: absolute;
    top: 0px;
    left: 0px;}
.casefavicon2{top: inherit; bottom: 0px; right: 0px;}
.casefavicon img{}
.casestudy-dec{margin-top: 40px;position: relative;}
.casestudy-dec h3{font-size: 36px;
    font-weight: 800;}
.casestudy-dec p{line-height: 28px;}

/*================ prolisting =============*/
.our-work-tmb-inr{height: 400px;    margin-bottom: 15px;
    margin-top: 15px;box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);}
.our-work-tmb-inr .work-hover-txt h3 {font-size: 32px;}

/*================ prolisting =============*/
.prolist-wrap{padding-top: 70px; padding-bottom: 25px;}
.pro-listing{}
.pro-listing li{padding-left: 15px; padding-right: 15px; margin-bottom: 25px;}
/*=========== product details ================*/
.prolisting-section{position: relative; padding: 40px 0px;}
.ui-slider-horizontal {
	height: 8px;
	background: #e3e3e3;
	clear: both;
	margin: 8px 0;
	border-radius: 16px;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
	top: -1px;
	height: 100%;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	height: 8px;
	font-size: .7em;
	display: block;
	border-radius: 6px;
	background:#fa4b5a;
}
.ui-slider .ui-slider-handle {
	border-radius: 50%;
	top: -5px;
	width: 15px;
	height: 15px;
	border: 1px solid #c8c8c8;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	cursor: default;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider a:focus {
	outline:none;
}

#slider-range {
  width: 100%;
  margin: 0 auto;
}
#time-range {
    padding-bottom: 15px;
}

.extra-controls .slider-time, .extra-controls .slider-time2 {
	width: 100%;
	margin-bottom: 0px;
	padding: 4px;
	font-size: 14px;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: #333;
	background: #f5f5f6;
	display: inline-block;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.extra-controls .slider-credits {
	width: 100%;
	margin-bottom: 0px;
	padding: 4px;
	font-size: 14px;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: #333;
	background-color: transparent;
	display: inline-block;
}

.sliders_step1 {
    width: 100%;
    margin:25px 0px 25px 0px;
}

.preview {overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; 
    background: #fbfbfb;
  padding-bottom: 10px;
    height: 450px;
}

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.wishlisticon { display: none;
    position: absolute;
	right: 20px;
	top: 20px;
	z-index: 99;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 42px;
	padding: 0px 0 0 0;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
.wishlisticon a{ color:#008dde;}
.wrap-detail-product {
  padding: 50px 0 60px 50px;
  position: relative;
}
.wrap-detail-product .box-btn {
  position: absolute;
  top: 30px;
  right: 60px;
}
.wrap-detail-product .box-btn2 {
  top: 10px;
  right: 20px;
}
.detail-btn {
  opacity: 1;
  position: relative;
  margin: 0 -1px;
}

.detail-btn:hover {
  background: #333;
}
.detail-btn:hover i {
  color: #fff;
}
.detail-btn.btn-left:after {
  transform: rotate(-164deg);
  bottom: -6px;
}
.detail-gallery {
  padding: 0 0 0 110px;
  position: relative;
  margin: 10px 10px 0;
}
.detail-info {
  margin-left: -65px;
  position: relative;
  z-index: 99;
  padding-top: 45px;
}

.gallery-control {
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 45px;
}
.control-button-gallery {
  position: absolute;
  top: -10px;
  z-index: 99;
  left: 0;
  right: 0;
       /* height: 100%;*/
}
.control-button-gallery .prev, .control-button-gallery .next {
  width: 30px;
  height: 20px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.9);
}
.control-button-gallery .next{position: absolute;
    bottom: 16px;
    left: 33%;}
.detail-gallery .thumb-product {
  position: relative;
}
.detail-info .product-rate:after {
  display: none;
}
.gallery-control .list-none li img{ width: 100%; height: 100px; }
		
		.thumb-product img{ width: 100%; }	

	.slideshow {
  display: flex;
  height: 80vh;
  width: 80vw;
  max-width: 1240px;
  min-height: 400px;
  max-height: 700px;
  position: relative;
  background-color: #fff;
  padding: 20px;
}
.slideshow__gallery {
  height: 100%;
  width: calc(80% - 20px);
  margin-right: 20px;
}
.slideshow__gallery-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
.slideshow__gallery-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 32px;
  color: #fff;
  letter-spacing: 3.2px;
  transform: translate3d(0, 0, 0);
  will-change: font-size;
  transition: font-size .3s ease;
}
.slideshow__gallery-slide.active {
  font-size: 36px;
}
.slideshow__thumbs {
  height: 100%;
  width: 20%;
}
.slideshow__thumbs-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
.slideshow__thumbs-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  will-change: font-size;
  transition: font-size .3s ease;
}
.slideshow__thumbs-slide.active {
  font-size: 26px;
}
.details {
    padding-left:30px;
}
.product-title {margin-bottom: 20px;
    font-size: 26px;color: #000;
}
.price{ font-size: 20px;font-family: 'Montserrat', sans-serif; margin-bottom: 20px;}
.price i{font-size: 18px;}
.price del{padding-left: 5px;font-size: 14px; color: #999;}
.price del i{font-size: 12px;}
.offer_txt{padding-left: 5px;font-size: 14px;}
.availtext{ margin-bottom: 20px;}
.availtext li{}
.availtext li p{    font-weight: 500;
    font-size: 14px;}
.availtext li p .in-stock{color:#e3000f;}
.rating{margin-bottom: 20px;}
.rating .stars .checked{    color: #ffb900;}
.rating .stars .non-rate{    color: #999;}
.review-no a{ color:#939393;}
.delivery{    font-weight: 600;
    display: block;
    margin-top:10px;}
.pincodebtn{position: relative; margin-bottom: 5px;}
.pincodebtn .form-control{ height: 42px;
    border: 1px solid #ddd;
    border-radius: 0px;
    box-shadow: none;}
.pincodebtn .searchpin{    position: absolute;
    right: 3px;
    top: 3px;
    height: 36px;}
.pincodebtn .searchpin a{ color: #fff; display: block;background-color: #008dde;
     font-weight: 600;
    padding:8px 20px;}
.pincodebtn .searchpin a:hover{background-color: #000;text-decoration: none;}
.seller-msg {position: relative; margin-bottom: 20px;}
.seller-msg p{font-size: 13px;
    color: #777;}
.prd-block_qty{display: flex; margin-bottom: 30px;}
.prd-block_qty .option-label{    margin-right: 30px;
    font-weight: 600;
    margin-top: 5px;}
.qty-changer{}
.qty-changer input[type="button"] {
    transition: border-color 0.2s ease;
    background: #fff;
    background-color: transparent;
    border: #ccc solid 1px;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #656565;
    font-size: 16px;
    height: 29px;
    line-height: 12px;
    min-width: 27px;
    padding: 7px 5px 8px;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
}
.qty-changer input[type="text"] {
    background: #fff;
    border: #ccc solid 1px;
    border-radius: 0;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    padding: 0;
    text-align: center;
    -webkit-appearance: none;
    width: 30px;
    font-family: 'Montserrat', sans-serif;
}
.addcartbox{}
.addcartbox a{font-weight: 600;
    font-size: 14px;border-radius: 0px;
    padding: 8px 25px;}
.addcartbox a i{padding-right: 5px;}
.bynow{}
.tabs-details{background-color: #fff;margin-top: 40px;
    box-shadow: 0px 0px 15px 3px #f4f4f4;
    padding: 25px;}
.tabs-details .nav-tabs {
    margin-bottom: 25px;
}
.tabs-details .nav-tabs>li.active>a, .tabs-details .nav-tabs>li.active>a:focus, .tabs-details .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #008dde;
    border: 1px solid #008dde;
}
.tabs-details .nav>li>a {
    font-weight: 500;
    padding: 10px 25px;
    color: #959494;
    font-size: 16px;border-radius: 0px 0px 0px 0px;
}
.txt_dec{margin-bottom: 30px;}
.rating-media{    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 15px 15px 0px;}
.rating-media h5{}
.rating-media p{ font-size: 14px;}
.media-icon{ width: 64px;}
.dateBox{font-family: 'Montserrat', sans-serif;
    color: #777;
    font-size: 12px;margin-bottom: 5px;}
.post-review{margin-top: 50px;}
.post-review .form-control{box-shadow: none;}
.post-review .file{border: none;padding-left: 0px;}

/*============== dashboard-wrap ==================*/
.dashboard-wrap{padding:30px 0px; position: relative;}
/*============== login ===================*/
.btn-sumbit{font-weight: 600;  }
.login{border: 1px solid #b4cad6;
    padding: 25px 35px 15px;
    background-color: #f0f8fd;}
.login h4{font-weight: 600;
    font-size: 20px;
    margin-bottom: 25px;}
.login .form-group{}
.login .form-control{border-left: none;border-right: none;border-top: none;box-shadow: none; border-radius: 0px; padding-left: 0px;    background-color: transparent;}
.or {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 20px auto 15px;
}
.or:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color:#b4cad6;
    width: 100%;
    left: 0px;
    top: 20px;
}
.or span {
    text-transform: uppercase;
    background-color: #e1f1fa;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    display: block;
    margin: auto;
    z-index: 1;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
}
.login .btn-sumbit{margin-top: 20px;                
    text-transform: uppercase;}
.login .btn-sumbit:hover{    background-color: #008ddd;
    border-color: #008ddd;}
.login p {
    font-size: 13px;
    margin: 0px 0 10px 0;
    color: #0e1010;
    line-height: 22px;
}
.login-socialmedia { text-align: center;
    margin:15px auto;
}
.login-socialmedia .fb {
    list-style: none;
    background: #3b5998;
}
.login-socialmedia li a {
    padding: 5px;
    display: block;
    font-size: 15px;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    transition: all 0.6s ease 0s;
    text-transform: capitalize;
    border-radius: 50%;
}
.login-socialmedia>li {padding-right: 2px;
    padding-left: 2px;}
.login-socialmedia .google {
    list-style: none;
    background: #d34836;
}
#field1 .sub, .add{width: 26px;
    background-color: transparent;
    border: 1px solid #ddd;
    height: 26px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #333;}
#field1 .qty-input{padding-left: 10px;
    width: 40px;border: 1px solid #ddd;
    height: 26px;
    font-weight: 600;}

/*=================== cart ===================*/
.buttonnone{border: none; background-color: transparent;}
.buttonnone:hover{color: #ff0000;}
.order-summary, .track-box{border: 1px solid #c7cbce;padding: 20px;position: relative;}
.title-shopping-cart{padding-bottom: 15px;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #c7cbce;}
.checkout-element-content{}
.checkout-element-content p{font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000;}
.inr-price{font-family: 'Montserrat', sans-serif;font-weight: 500;}
.inr-price .fa-inr{font-size: 13px;}
.order-left{font-size: 13px;
    margin-bottom: 15px;}
.order-left strong{ float: right;}
.order-left strong i{ font-size: 13px;}
.totalpay{    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: 40px;}
.pro-img-table{}
.pro-img-table .img-responsive{width: 110px;}
/*============= checkout ==================*/
.price {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
.price del {
    padding-left: 5px;
    font-size: 14px;
    color: #999;
}
.offer_txt {
    padding-left: 5px;
    font-size: 14px;
}
.cartborder{ margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.cartborder h4{    font-size: 22px;font-weight: 500;    color: #000;}
.cartborder p{color: #000;line-height: 24px;
    font-size: 14px;}
.cartborder .changeaddress{    font-size: 12px;    font-weight: 600;float: right;
    margin-top: 8px;}
.cartborder .changeaddress a{ color: #333;}
.reviewOrderBackResponse{position: relative; margin-bottom: 35px;}
.cartimg{width: 100%; margin-bottom: 20px;}
.cartimg img{width: 100%;}
.cartdetails{}
.cartdetails h4, .paymothed h4{font-size: 20px;
    margin-bottom: 20px;}
.cartdetails p{    font-weight: 500;
    font-size: 14px;}
.cartdetails .in-stock {
    color: #fa6671;}
.form-cart .btn-danger, .order-summary .btn-danger{ }
.form-cart .btn-danger:hover, .order-summary .btn-danger:hover{background-color: #008ddd;
    border-color: #008ddd;}
.paymothed{position: relative; margin-top: 40px; margin-bottom: 25px;}
.paymnetthodBox{border:1px solid #c7cbce;
    padding:25px 15px 5px;position: relative;}
.paymothed p{margin-top: 15px;}
.paymothed .payment-icon li a img {width: 50px;}
.paymothed .paymnetthodBox1{border-bottom: none;}
.paymnetthodBox .rgt-img{    position: absolute;
    top: 20px;
    right: 15px;}
.paymnetthodBox .container_chechout_radio {margin-bottom: 20px;color: #000;
    font-size: 15px;    font-weight: 500;}
.productIncart .totalpay {margin-bottom: 20px;}

/*================= cancel order ============*/
.item-ordered{}
.item-ordered h4{ margin-bottom: 20px;font-size: 22px;}
.item-ordered p{margin-bottom: 12px;font-size: 14px;
    color: #000;
    line-height: 24px;}
.paymentorder{}
.payaddres{ }
.payaddres p{    font-size: 14px;
    color: #000;
    line-height: 24px;}
.cancel-radio{position: relative;top:0px;left: 20%;}
.terms a{color:#717070;}
.cancle-sumbit{margin-top: 20px; text-align: right;}
.reason-form{position: relative;}

/*================== table =================*/
.table {
    display: table;
    text-align: left;
    width: 100%;
    border-collapse: separate;
}
.theader {display: table-row;
    background: #f0f8fd;
    color: #333;}
.table_header {
    display: table-cell;
    padding:15px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight:700;}
.theader .table_header:first-child{/*border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/}
.theader .table_header:last-child{/*border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;*/}
.table_row {display: table-row;}
.table_small {
    display: table-cell;
    padding:20px 10px;
    vertical-align: middle;
    border-bottom: 1px solid #c7cbce !important;
}
.table_row > .table_small:first-child > .table_cell {
}
.table_row > .table_small > .table_cell {
    color: #333;
    font-size: 14px;
}
.table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    color: #333;
    text-transform: capitalize;
    font-weight: bold;
    text-align: left;}

/*============= my account ===========*/
.dashbordlinks {
    border: 1px solid #c7cbce;
    padding: 25px 35px 15px;
}
.dashbordlinks h4 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.name_info {

    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
}
.name_info span {
    font-size: 16px;
}
.name_info h5 {
    font-size: 20px;
}
.account-menu li a {
    font-size: 14px;
    display: block;
    padding:15px 0px;
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
}
.account-menu li:last-child>a{border-bottom: none;}
.account-menu li.active> a {
    font-weight: 600;
    color:#009ee3;
}
.account-menu li a:hover { text-decoration: none;
    color: #009ee3;
}
.account_dashboard {
    position: relative;
    padding-left: 10px;
}
.account_dashboard h3 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 25px;
    color: #000;
}
.account_dashboard .form-group {
    margin-bottom: 20px;
    position: relative;
}
.form_ctrl {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px solid #c7cbce;
    padding-left: 0px;
}
.edit_txt {
    margin-bottom: 0px;
    margin-top: 12px;
}
.edit_txt a {padding-right: 5px;
    color: #777;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.edit_txt a:hover{ color: #fa5e6a;}
.account_dashboard .gender {
    margin-bottom: 45px;
}
.gender p {
    font-weight: 600;
    color: #000;
    font-size: 15px;
    margin-bottom: 0px;
}
.account_dashboard h4 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}
.delivery_address_box {
    border:1px solid #c7cbce;
    margin-top: 15px;
    padding: 30px;
    margin-bottom: 60px;
}
.delivery_address_box h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
}
.delivery_address_box p {
    margin-bottom: 15px;
}
.add_boox_btns {
    margin-bottom: 0px;
    margin-top: 15px;
    margin-left: -5px;
    margin-right: -5px;
}
.account_dashboard .btn {padding: 6px 20px;text-transform: inherit;font-weight: 600;}
._select_arrow {
    -webkit-appearance: none;
}
.form_icon {
    position: absolute;
    right: 5px;
    top: 12px;
    color: #333;
}
  #account-btn, #filter-btn{ float: right;color: #000;
      cursor: pointer;text-align: center; display: none;}
.orders_table_main .table_row > .table_small .table_cell a {
    color: #000;
}
.orderbtn_main_butt .orderbtn {
    display: block;
    border: solid 1px #ddd;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    margin-bottom: 8px;
    border-radius: 25px;
    text-align: center;
    padding: 3px 12px;
    font-weight: 500;
}
.orderbtn_main_butt .orderbtn:hover{border: 1px solid #008ddd;color: #fff !important; background-color: #008ddd;}
.dashboard-tab>li>a{font-weight: 600; color: #a5bcca;border-radius: 0px;}
.dashboard-tab>li.active>a, .dashboard-tab>li.active>a:focus, .dashboard-tab>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #0d92de;
    border: 1px solid #0d92de;
    border-bottom-color: #0d92de;
}
/*================== track order ==================*/
.track-wrap{position: relative; padding-top: 50px; padding-bottom: 20px;}
.track-box{margin-bottom: 30px;}
.track-box .pading0{padding-left: 0px; padding-right: 0px;}
.track-box .media-left{padding-right: 0px;}
.add-image{ width: 90px;}
.add-image img{ width: 100%;}
.order-dex{padding-top: 15px;padding-left: 20px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;}
.order-dex h5{ font-weight: 500;
    font-size: 20px;}
.order-dex h5 a{ color: #000;}
.order-dex p{     color: #000;
    font-family: 'Montserrat', sans-serif;
    line-height: inherit;
    font-weight: 600;

    font-size: 14px;}
.order-dex p .small{    color: #888;
    display: block;
    font-weight:500;
    font-size: 12px;
}

.order-price{font-family: 'Montserrat', sans-serif;
    line-height: inherit;
    font-weight: 600;
    font-size: 20px; margin-bottom: 14px;}
.order-price i{font-size: 18px;}
.track-order-section{    margin-top: 30px;
    padding-left: 20px;

    position: relative;
    margin-bottom: 50px;}
.track-orderbox{margin-top: 25px;}
.txt-green{color: green;}
.progtrckr{    width: 100%;
    position: relative;}
.progtrckr li{    width: 20%;    color: #333;
    float: left;position: relative;
    text-align: center;padding:0px;}
.progtrckr li span{border-bottom: 5px solid #ddd; display: block;margin: 15px 0px;}
.progtrckr li span.redbg{border-bottom:5px solid #008ddd;}
.progtrckr li:before{content: "";
    position: absolute;
    left: 45%;
    width: 15px;
    height: 15px;
    border: 2px solid #008ddd;
    border-radius: 50%;
    background-color: #008ddd;
    top: 30px;}
.progtrckr li.last:before{background-color: #ddd;border: 2px solid #ddd}
.progtrckr li.last span:before{border: 2px solid #ddd;background-color: #ddd;}
.progtrckr li i{position: relative;}
/*============= contact us ======================*/
.contactinfo{padding: 0px 30px;position: relative;}
.contactinfo h4{    font-size: 22px;
    margin-bottom: 20px;}
.contactinfo .mrgn-auto{margin-bottom: 30px;}
.mainbox{}
.mainbox h5{font-weight: 600;}
.mainbox p{font-size: 16px; color: #000;}
.mainbox p i{    font-size: 18px;}
.mainbox p a{color: #000;font-weight: 400;}
.contactform{padding-left: 50px;padding-top: 25px;}
.contactform h4{    font-size: 22px;
    margin-bottom: 20px;}
.contactform .form_ctrl{box-shadow: none;
    height: 45px;}
.contactform .form_msg{border-left:none;border-top:none;
    border-right:none;
    border-bottom: 1px solid #c7cbce;
    border-radius: 0px;box-shadow: none;
    padding-left: 15px;}
.contactform .btn-sumbit:hover{background-color:#008ddd; border-color: #008ddd;}
.contact-social{ margin-top: 25px;}
.contact-social h5{ font-weight: 600; font-size: 16px; margin-bottom: 15px;}
.contact-social ul{}
.contact-social ul li{}
.contact-social ul li a{color: #333;
    width: 40px;
    height: 40px;
    transition: 0.5s;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    display: block;
    box-shadow:0px 0px 10px 3px #f1f1f1;}
.contact-social ul li a:hover{    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);}
/*============== faqs ===========*/
.helpfaq-section #accordion .panel-title a {
    background: #f0f8fd none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #008ddd;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.helpfaq-section #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #008ddd none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 45px;
    left: -20px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    top: -2px;
    transition: all 0.3s ease 0s;
    width: 45px;
}
.helpfaq-section #accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
.helpfaq-section #accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
    background-color: transparent;
}
.helpfaq-section #accordion .panel-heading {
    border-radius: 4px;
    padding: 0;
}
.helpfaq-section #accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
.helpfaq-section #accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #787878;
}
.point{     margin-top:20px;
    margin-bottom: 30px;}
.point li{    font-size: 16px; position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
    color: #5d5d5d;}
.point li:before{    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 0px;
    top: 6px;
    background-color: #fa5e6a;
    content: "";
    position: absolute;}
/*================ about us =============*/
.inr-wrap-abt .inr-wrap-overlay {
    background: #f7f7f7;
    background-image: none;
    padding: 30px 0;
    /* border-bottom: 1px solid #efefef; */
    /* border-top: 1px solid #efefef; */
    background-color: #ed1e26;
    color: #fff;
    }
.about-txt{}
.about-txt h2{    color: #000;
    font-size: 35px;
    font-weight: 400;}
.about-txt h2 b{font-weight: 800;}
.about-txt p{margin-bottom: 25px;}
.about-txt p:last-child{margin-bottom: 0px;}
.about-txt-rgt{padding-right: 45px;}
.txt_dec{position: relative; margin-bottom: 30px; }
.txt_dec h4{color: #000;}
/*=============== blog ==============*/
.blog-section{padding: 40px 0px 40px 0px;position: relative;}
.blog-section .blog-item {
    width: 100%;}
.blog-section .blog-item .blog-text {
    position: relative;
        padding-top: 10px;
}
.blog-section .blog-item .blog-text h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.blog-section .blog-item .blog-text h4 a{color: #000;
} 
.blog-section .blog-item .blog-text h3 {font-size: 30px;}
.blog-section .blog-item .blog-text ul {
    list-style: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.blog-section .blog-item .blog-text ul li {
    font-size: 13px;
    line-height: 25px;
    color: #999;
}
.blog-section .blog-item .blog-text ul li em {
    color: #000;
}
.blog-section .blog-item .blog-text i {
    padding: 10px 0 0 0;
    font-size: 14px;
}
.blog-section .blog-item .blog-text p {
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}
.blog-section .blog-item .blog-text .btn{border-radius: 0px; background-color: transparent; color: #e3000f;}
.blog-section .blog-item .blog-text .btn:hover{background-color:#e3000f; color: #fff;}
.blog-section .blog-item {
    width: 100%;
    margin-bottom: 40px;
}
.blog-section .blog-item .blog-img {
    margin-bottom: 10px;border-radius: 6px;
    overflow: hidden;
}
.blog-section .blog-item .blog-img img{width: 100%;}
.blog-cate{padding: 20px;     border:1px solid #c7cbce;}
.blog-cate h4{font-size: 20px; color: #000;}
.blog-cate ul{}
.blog-cate ul li{}
.blog-cate ul li a{    font-size: 14px;
    display: block;
    padding: 15px 0px;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #ddd;}
.blog-cate ul li:last-child>a {
    border-bottom: none;
}
.blog-cate ul li a:hover {
    text-decoration: none;
    color: #008ddd;
}
.blog-search{}
.blog-search .navbar-form {
    width: 100%;
    padding: 0px;}
.blog-search .navbar-form .form-group {
    width: 100%;
}
.blog-search{margin-bottom: 30px;}
.blog-search .navbar-form .form-control {border: 1px solid #999;border-radius: 4px;}
.blog-search .navbar-form .btn {border-radius: 4px;}
.paginatoin-area{margin-top: 20px;}
.paginatoin-area .pagination>.active>a{background-color:#e3000f; color: #fff; border-color:#e3000f;}
.paginatoin-area .pagination li a{ color: #000;}

/*================== thanks ==================*/
.thankyou-section{position: relative; padding: 70px 0px; border-top: 1px solid #ddd;}
.thankyou-txt{text-align: center;padding: 50px;}
.thankyou-txt i{    font-size: 50px;
    color: #50cc0d;}
.thankyou-txt h2{}
.thankyou-txt p strong{font-family: 'Montserrat', sans-serif;}



.mrgn-btm0{margin-bottom: 0px;}


.order-summary .checkout-element-content li {
    list-style: none;
    margin: 0 0 10px 0;
}
.order-summary .checkout-element-content ul{ padding: 0; }
.order-summary .checkout-element-content li .form-control {
    border: 1px solid #eee;
    box-shadow: none;

    margin: 15px 0 0 0;
    font-size: 14px;
    color: #222;
    height: 40px;
    border-radius: 3px;
    font-weight: normal;
}
.order-summary .checkout-element-content li label.inline { font-size: 14px; font-weight: 600; margin-bottom: 0; }
.order-summary .checkout-element-content .applybtn {
    padding: 8px 25px;
    background: #e3000f;
    border: 1px solid #e3000f;
    border-radius: 4px;
    line-height: 26px;
    color: #fff;
    width: 100%;
    display: inline-block;
    margin: 10px 0 0 0;
    transition: all .6s ease 0s;
    font-size: 16px;
    font-weight: 500;
}
.order-summary .checkout-element-content .applybtn:hover{ background: #c9302c; border-color: #c9302c; }

.dropdown-menu {min-width: 300px;}

.service-box {
    position: relative;
    border-radius: 8px;
    padding: 30px 25px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 1px #f0f0f0;
    border-bottom: 6px solid #ed1c24;
    margin-bottom: 92px;
    margin-top: 15px;
    margin-top: 40px;
    min-height: 284px;
}.service-box-icon {
    position: absolute;
    top: -62px;
}.service-box-content {
    position: relative;
    position: relative;
    transition: 0.5s;
    margin-top: 70px;
}.service-box-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
}.service-box-content p {
 
    line-height: 22px;
    font-size: 13px;
    font-weight: 500;
    color: #444;
}.long-arrow-btn {
    width: 24px;
    height: 24px;
    background-color: #ed1c24;
    color: #fff;
    border-radius: 50%;
    display: block;
    line-height: 25px;
    font-size: 18px;
}

.whoweare-cnt h2{ font-size:35px; font-weight:400;}
.counter-box h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-top: 7px;
}

.container-gray{ background-color:#f7f7f7;}
h2 span { font-weight:300;}
h1 span { font-weight:300;}


/*-------- DIGITAL MARKETING SECTION --------*/
.digital_marketing_section_marketing{
    padding: 70px;
  /*  background-image: url(../images/digital-marketing-bg.png);
    background-repeat: no-repeat;*/
	
}
.digital_marketing_section_marketing .marketing_info h2{
    font-size: 60px;
    font-weight: 800;
    margin-bottom: 20px;
}
.digital_marketing_section_marketing .marketing_info  h2 span{
    font-weight: 400;
}
.digital_marketing_section_marketing .marketing_info  p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 50px -10px 0px;
}
.digital_marketing_section_marketing .marketing_info .cms_info a {
    color: #0f5373;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    margin: 0px 0 0;
    display: inline-block;
    transition: all 0.6s ease 0s;
    padding-left: 0;
}
.digital_marketing_section_marketing .marketing_info  a:hover{
    text-decoration: none;
    color: #e83e22;
    transition: all 0.6s ease 0s;
}
.digital_marketing_section_marketing .marketing_info  a:hover i{
    margin: 10px 0 0 25px;
    background: #e83e22;
    transition: all 0.6s ease 0s;
    color: #fff;
}
.digital_marketing_section_marketing .marketing_info  a i {
    background: #0f5373;
    margin: 10px 0 0 10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    transition: all 0.6s ease 0s;
}
.digital_marketing_section_marketing .marketing_info img{
    /* width: 100%; */
    margin: 0;
    float: right;
}   

/*-------- SEO 2 SECTION --------*/
.seo_section_sec{
    padding: 60px 0 60px;
    background-color: #ed1e26;
}
.seo_section_sec .seo_info_sec h2{
    font-size: 60px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff;
}
.seo_section_sec .seo_info_sec  h2 span{
    font-weight: 800;
}
.seo_section_sec .seo_info_sec  p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0px 10px 0;
    color: #fff;
}
.seo_section_sec .seo_info_sec a {
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    margin: 0px 0 0;
    display: inline-block;
    transition: all 0.6s ease 0s;
    padding-left: 0;
}
.seo_section_sec .seo_info_sec  a:hover{
    text-decoration: none;
    color: #e83e22;
    transition: all 0.6s ease 0s;
}
.seo_section_sec .seo_info_sec  a:hover i{
    margin: 10px 0 0 25px;
    background: #e83e22;
    transition: all 0.6s ease 0s;
    color: #fff;
}
.seo_section_sec .seo_info_sec  a i {
    background: #0f5373;
    margin: 10px 0 0 10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    transition: all 0.6s ease 0s;
}
.seo_section_sec .seo_info_sec img{
    width: 100%;
    margin: 30px -60px 0px;
} 



/*-------- SMM SECTION --------*/
.smo_section_sec{
    padding: 60px 0 60px; 
}
.smo_section_sec .smo_info_sec h2{
    font-size: 60px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #000;
}
.smo_section_sec .smo_info_sec  h2 span{
    font-weight: 500;
}
.smo_section_sec .smo_info_sec  p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0px 10px 0;
    color: #000;
}
.smo_section_sec .smo_info_sec a {
    color: #0d4765;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    margin: 0px 0 0;
    display: inline-block;
    transition: all 0.6s ease 0s;
    padding-left: 0;
}
.smo_section_sec .smo_info_sec  a:hover{
    text-decoration: none;
    color: #e83e22;
    transition: all 0.6s ease 0s;
}
.smo_section_sec .smo_info_sec  a:hover i{
    margin: 10px 0 0 25px;
    background: #e83e22;
    transition: all 0.6s ease 0s;
    color: #fff;
}
.smo_section_sec .smo_info_sec  a i {
    background: #0f5373;
    margin: 10px 0 0 10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    transition: all 0.6s ease 0s;
}
.smo_section_sec .smo_info_sec img{
    width: 100%;
    margin: -61px 0px 0px;
} 

/*-------- SMM SECTION --------*/
.smm_section{
    padding: 60px 0 60px;
    background: #f8f3f3;
}
.smm_section .smm_info h2{
    font-size: 56px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
}
.smm_section .smm_info  h2 span{
    font-weight: 800;
}
.smm_section .smm_info  p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0px 10px 0;
    color: #000;
}
.smm_section .smm_info a {
    color: #0d4765;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    margin: 0px 0 0;
    display: inline-block;
    transition: all 0.6s ease 0s;
    padding-left: 0;
}
.smm_section .smm_info  a:hover{
    text-decoration: none;
    color: #e83e22;
    transition: all 0.6s ease 0s;
}
.smm_section .smm_info  a:hover i{
    margin: 10px 0 0 25px;
    background: #e83e22;
    transition: all 0.6s ease 0s;
    color: #fff;
}
.smm_section .smm_info  a i {
    background: #0f5373;
    margin: 10px 0 0 10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    transition: all 0.6s ease 0s;
}
.smm_section .smm_info img{
    width: 100%;
    margin: 30px 0px 0px;
} 

/*-------- PSD TO HTML PAGE SECTION --------*/
.ppc_advertising_section{
    padding: 190px 0;
    position: relative;
    background-color: #000;
    background-image: ../images/ppc-image.png;
    background-image: url(../images/ppc-image-bg.png);
    background-repeat: no-repeat;
}
.ppc_advertising_section .ppc_advertising_info{
    text-align: center;
}
 .ppc_advertising_section  .ppc_advertising_info h3{
    font-size: 60px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 22px;
    color: #fff;
}
.ppc_advertising_section .ppc_advertising_info h3 span{ 
    font-weight: 400;
}
.ppc_advertising_section .ppc_advertising_info p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    padding: 0 143px 0;
}
.ppc_advertising_section .ppc_advertising_img {
    display: inline-block;
    margin: 50px 80px 0px;
}


/*-------- SMO THIRD SECTION --------*/
.smo_third_section{
    padding: 60px 0 0px;
    position: relative;
}
.smo_third_section::before{
    content: '';
    width: 390px;
    height: 152px;
    position: absolute;
    bottom: 230px;
    left: 0;
    background-image: url(../images/smo-after-image.png);
}
.smo_third_section::after{
    content: '';
    width: 390px;
    height: 152px;
    position: absolute;
    bottom: 120px;
    right: 0px;
    background-image: url(../images/smo-before-image.png);
}
.smo_third_section .smo_third_info{
    text-align: center;
}
.smo_third_section .smo_third_info h2{
    text-transform: uppercase;
    color: #0f5373;
    font-size: 18px;
    margin: 0 0 0;
    font-weight: 600;
}
.smo_third_section  .smo_third_info h3{
    font-size: 40px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 22px;
}
.smo_third_section .smo_third_info p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    padding: 0 22px 0;
}
.smo_third_section .smo_third_img {
    display: inline-block;
    margin: 50px 80px 0px;
}

p.text-box{background-color: #;padding: 20px;margin: 20px 0;border-left: 5px solid #f77075;border-radius: 3px;background-color: #fff;color: #222!important;padding: 20px!important;font-weight: 700!important;}


.casestudy-wrap2 h2 {
    font-size: 56px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
}

.casestudy-wrap2 h2 span {
    font-weight: 800;
}
.center-text { text-align:center;}

.banner2{ margin-top:80px;}

.wrap2{
    position: relative;
    padding-top: 70px;

}

.video-img{margin-bottom: 70px;}
.video-img img{
    /* border: 8px solid #fff; */
    /* box-shadow: 0px 0px 9px 3px #eceaea; */
    /* border-radius: 3px; */
}

.tab-submenu2 li {
    position: relative;
    display: block;
    padding: 10px 20px;
    color: #333;
    font-weight: 700;
    transition: 0.5s;
    font-size: 14px;
}

.tab-submenu2 li:before {
    position: absolute;
    left: 0px;
    top: 11px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}

.video-services-left{
    float: left;
    display: inline-block;
    width: 50%;
}

.video-services{
    float: right;
    display: inline-block;
    width: 50%;
}
.video-services img{}

.bg-img-absulte{ display:none;}



.getaquote-heading h4 {
    background-color: #fbfbfb;
    padding: 10px;
}h4 {
    line-height: 28px;
}.marked {
    font-size: 12px;
    color: #f5050e;
}

.width100 {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}

.partners_form label {
    color: #8c8c9c;
    display: block;
    font-size: 14px;
    margin-bottom: 17px;
    font-weight: 400;
    width: 100%;
}

.partners_form input {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #eaeaea;
    color: #808080;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin: -20px 0 15px 21px;
    outline: medium none;
    /* padding: 9px 20px; */
    width: 100%;
    /* float: right; */
    /* display: inline-block; */
}

.join-utnetwork .getaquote-heading h4{ text-align:center}
.join-utnetwork .getaquote-heading p{ text-align:center}

.whoweare-cnt h3{
    color: #f52222;
    font-weight: 600;
}
.whoweare-cnt h4{
    font-size: 24px;
    color: #4e1dc3;
    margin-bottom: 20px;
    font-weight: 600;
}

.about-txt h3 {
    color: #f52222;
    font-weight: 600;
}
.about-txt h4 {
    font-size: 24px;
    color: #4e1dc3;
    margin-bottom: 20px;
    font-weight: 600;
}

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


ul.branchesliest li{ 
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: normal;
    float: left;
    margin-right: 16px;
    padding: 30px 10px 10px 10px;
    background-color: #F7F5F5;
    margin-bottom: 17px;
    display: inline-block;
    width: 30%;
    min-height: 200px;
}


.wrap3{ background-color:#f7f7f7;
    position: relative;
    padding-top: 70px;
	padding-bottom: 70px;

}

.partners_form input[type="checkbox"]:checked {
  box-shadow: 0 0 0 3px hotpink;
}

.joinusbutton .btn-lightblue {
	margin-top:270px; margin-left:250px}