* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

a {
   transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease; 
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #f0083f;
}

 ::selection {
    color: #fff;
    background: #f0083f;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'), url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-light-webfont.woff') format('woff'), url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_problack';
    src: url('../fonts/sourcesanspro-black-webfont.eot');
    src: url('../fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-black-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-black-webfont.woff') format('woff'), url('../fonts/sourcesanspro-black-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #191d28;
    color: #fff;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1410px;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    margin: 0;
    line-height: 30px;
}

.wrapper {
    padding-top: 120px;
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    height: 72px;
    width: 100%;
    z-index: 1;
}

.nav.navbar-nav {
    float: right;
}

.navbar-brand img {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.navbar.sticky {
    /* background: rgba(255, 255, 255, .95); */
    background: rgba(25, 29, 40, 0.95);
    box-shadow: 0 0 15px rgba(0, 0, 0, .7);
    min-height: 70px;
    z-index: 10;
}

.navbar.sticky .navbar-brand {
    margin-top: 5px;
    display: table;
    padding-top: 6px;
    height: auto;
    padding-bottom: 6px;
}

.navbar.sticky .navbar-brand img {
    max-width: 230px;
}

.navbar.sticky .nav {
    margin-top: 15px;
}

.navbar.sticky .nav li a {
    color: #4f5159;
}

.navbar.sticky .nav li.active a,
.navbar.sticky .nav li:hover a {
    color: #f0083f;
}

.navbar {
    min-height: 120px;
    box-shadow: 1px 1.732px 30px 0px rgba(13, 17, 28, 0.5);
    background-color: rgb(25, 29, 40);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-brand {
    height: auto;
    /* margin-top: 16px; */
    padding: 0;
    margin-top: 0px;
}

.nav {
    /* margin-top: 60px; */
    margin-top: 15px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.nav li a {
    background: none !important;
    /* padding: 0 0 10px; */
    border-bottom: 2px solid transparent;
    margin: 0 15px;
    font-family: 'source_sans_prosemibold';
    font-size: 20px;
    padding-bottom: 0;
    text-transform: uppercase;
    /* color: #fff; */
    color: #4f5159;
}

.nav li.active a,
.nav li a:hover {
    /* border-bottom: 2px solid #f0083f; */
    color: #f0083f;
}

.slick-track {
    padding-top: 30px;
}

.slider {
    width: 100%;
    margin: 80px auto;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.flipster__button--prev:before,
.slick-next:before,
.flipster__button--next:before {
    color: black;
}

.slick-prev::before,
.flipster__button--prev::before {
    content: "";
    position: absolute;
    background: url('../images/Left-right-aerrow.png');
    background-size: cover;
    background-position: left;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-next::before,
.flipster__button--next:before {
    content: "";
    position: absolute;
    background: url('../images/Left-right-aerrow.png');
    background-size: cover;
    background-position: right;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#accordion .panel-title a span.rotate {
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

#accordion .panel-title a span::before {
    content: "";
    position: absolute;
    background: url('../images/up-aerrow.png');
    background-size: cover;
    background-position: center;
    width: 25px;
    height: 25px;
    right: 0;
    top: 0;
}

#accordion .panel-title a.collapsed span::before {
    content: "";
    position: absolute;
    background: url('../images/down-aerrow.png');
    background-size: cover;
    background-position: center;
    width: 25px;
    height: 25px;
    right: 0;
    top: 0;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
}


/*.slick-active{opacity:.5;}
.slick-current{opacity:1;}*/

.slick-dots {
    bottom: -75px;
}

.slick-dots li {
    margin: 0 10px;
}

.slick-dots li.slick-active button {
    background: #ef073e;
    height: 7px;
    width: 7px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 1;
}

.slick-dots li button {
    background: #ef073e;
    height: 7px;
    width: 7px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: .3;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.slick-dots li button:before {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-size: 0px;
}

.slick-dots li.slick-active button:before {
    border: 1px solid #ef073e;
    height: 30px;
    width: 30px;
    left: -10px;
    top: -10px;
    position: absolute;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.rotate {
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -ms-transform: rotate(90deg);
    /* IE 9 */
    transform: rotate(90deg);
    /* Standard syntax */
}


/* .our-services-section .slick-dots {
    display: none !important;
} */

.our-services-section {
    padding-bottom: 120px;
}

.our-services-section .slick-prev,
.our-services-section .slick-next {
    background: #1f222f;
    color: #ef073e;
    height: 60px;
    width: 60px;
    z-index: 99;
}

.our-services-section .slick-prev {
    left: -50px;
}

.our-services-section .slick-next {
    right: -50px;
}

.our-services-section .slick-prev:before,
.our-services-section .slick-next:before {
    color: #ef073e;
    font-size: 25px;
}

.banner {
    padding: 130px 0 130px;
}

.banner-set {
    padding: 130px 15px 130px;
}

.home-banner-text {
    font-family: 'source_sans_prosemibold';
    font-size: 18px;
}

.home-banner-text h1 {
    font-family: 'source_sans_probold';
    font-size: 55px;
    line-height: 80px;
    font-weight: normal;
    text-transform: uppercase;
}

.home-banner-text h1 span {
    color: #f0083f;
}

.btn-wht-shdo {
    display: block;
    position: relative;
}

.home-about-text .btn-wht-shdo {
    text-align: center;
    display: block;
}

.btn-crnr {
    position: relative;
    overflow: hidden;
    display: inline-block;
    z-index: 1;
}

.btn-wht-shdo .btn-crnr {
    margin-top: 30px;
}

.btn-wht-shdo .btn {
    border: 0px solid #fff;
    background-image: -moz-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    border-radius: 0px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 80px;
    height: 74px;
    line-height: 70px;
}

.btn-wht-shdo .btn:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100% 0%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
    background-image: -ms-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
}

.btn-wht-shdo .btn-wht-shdo:after {
    content: '';
    height: 60px;
    position: absolute;
    top: 100%;
    margin-top: -20px;
    left: 20px;
    right: 20px;
    opacity: .3;
    background: rgba(87, 21, 45, 1);
    background: -moz-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 21, 45, 1)), color-stop(100%, rgba(87, 21, 45, 0)));
    background: -webkit-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -o-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -ms-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: linear-gradient(to bottom, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#57152d', endColorstr='#57152d', GradientType=0);
}

.btn-wht-shdo .btn .crnr-lt {
    border-right: 0px solid #fff;
    height: 35px;
    width: 35px;
    display: block;
    background: #191d28;
    position: absolute;
    left: -18px;
    top: -18px;
    transform: rotate(45deg);
}

.btn-wht-shdo .btn .crnr-rb {
    border-top: 0px solid #fff;
    height: 35px;
    width: 35px;
    display: block;
    background: #191d28;
    position: absolute;
    right: -18px;
    bottom: -19px;
    transform: rotate(-46deg);
}


/*h2{font-family:'source_sans_probold'; font-size:58px; font-weight:normal; text-align:center; margin-bottom:100px;}
p.title-btm-text{font-size:30px; font-family:'source_sans_prosemibold'; color:#808080; max-width:800px; display:inline-block;}*/

.home-about-section {
    font-family: 'source_sans_prosemibold';
    font-size: 18px;
}

.home-about-section .container>p {
    text-align: center;
    text-indent: inherit !important;
    width: 60%;
    margin: 0 auto 40px;
}

.home-about-section p {
    color: #808080;
    text-indent: 24%;
    margin-top: 0px;
    margin-bottom: 40px;
}

.home-about-section h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0px;
}

.home-about-section h3 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 20px;
}

.home-about-section h3 span {
    color: #f0083f;
}

.home-about-section .btn-crnr {
    margin-top: 20px;
}

.home-about-section .btn {
    border: 0px solid #fff;
    background-image: -moz-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    border-radius: 0px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 80px;
    height: 74px;
    line-height: 70px;
}

.home-about-section .btn:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100% 0%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
    background-image: -ms-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
}


/* .home-about-section .btn-wht-shdo:after {
    content: '';
    height: 60px;
    position: absolute;
    top: 100%;
    margin-top: -20px;
    left: 20px;
    right: 20px;
    opacity: .3;
    background: rgba(87, 21, 45, 1);
    background: -moz-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 21, 45, 1)), color-stop(100%, rgba(87, 21, 45, 0)));
    background: -webkit-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -o-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -ms-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: linear-gradient(to bottom, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#57152d', endColorstr='#57152d', GradientType=0);
} */

.home-about-section .btn .crnr-lt {
    border-right: 0px solid #fff;
    height: 35px;
    width: 35px;
    display: block;
    background: #191d28;
    position: absolute;
    left: -18px;
    top: -18px;
    transform: rotate(45deg);
}

.home-about-section .btn .crnr-rb {
    border-top: 0px solid #fff;
    height: 35px;
    width: 35px;
    display: block;
    background: #191d28;
    position: absolute;
    right: -18px;
    bottom: -19px;
    transform: rotate(-46deg);
}

.work-sort-dlt {
    padding: 80px 0 0;
}

.work-sort-dlt h2 {
    font-family: 'source_sans_prosemibold';
    font-size: 28px;
    line-height: normal;
    color: #fff;
}

.work-sort-dlt .work-dlt img {
    margin-bottom: 20px;
}

.work-sort-dlt .work-dlt {
    text-align: center;
    font-family: 'source_sans_prolight';
    font-size: 18px;
    color: #808080;
}

.work-sort-dlt .work-dlt p {
    padding-top: 25px;
}

.home-about-section .work-sort-dlt p {
    text-indent: 0;
}

.our-services-section {
    text-align: center;
}

.our-services-section h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.our-services-section p {
    font-size: 20px;
    /* font-family: 'source_sans_prosemibold'; */
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.sld-bx {
    position: relative;
    padding-bottom: 42px;
}

.slidr-box {
    background: #1f222f;
    padding: 20px 20px 50px;
    border: 4px solid transparent;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    position: relative;
}

.sld-bx:hover .slidr-box {
    border-color: #ef073e;
}

.slidr-box img {
    /* width: auto; */
    width: 80px;
    display: inline-block;
}

.slidr-box h3 {
    font-family: 'source_sans_probold';
    font-size: 26px;
    line-height: 43px;
    margin: 30px 0;
}

.slidr-box p {
    font-size: 18px;
    font-family: 'source_sans_prolight';
}

.sld-bx:hover .btn-wht-shdo {
    opacity: 1;
    bottom: 0px;
}

.sld-bx .btn-wht-shdo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -100px;
    opacity: 0;
     transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.sld-bx .btn-crnr {
    margin-top: 20px;
}

.sld-bx .btn {
    border: 0px solid #fff;
    font-family: 'source_sans_prosemibold';
    background-image: -moz-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    border-radius: 0px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 80px;
    height: 74px;
    line-height: 70px;
}

.sld-bx .btn:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100% 0%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
    background-image: -ms-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
}

.sld-bx .btn-wht-shdo:after {
    content: '';
    height: 60px;
    position: absolute;
    top: 100%;
    margin-top: -20px;
    left: 20px;
    right: 20px;
    opacity: .3;
    background: rgba(87, 21, 45, 1);
    background: -moz-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 21, 45, 1)), color-stop(100%, rgba(87, 21, 45, 0)));
    background: -webkit-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -o-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -ms-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: linear-gradient(to bottom, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#57152d', endColorstr='#57152d', GradientType=0);
}

.sld-bx .btn .crnr-lt {
    border-right: 0px solid #fff;
    height: 35px;
    width: 35px;
    display: block;
    background: #1f222f;
    position: absolute;
    left: -18px;
    top: -17px;
    transform: rotate(45deg);
}

.sld-bx .btn .crnr-rb {
    border-top: 0px solid #fff;
    height: 35px;
    width: 35px;
    display: block;
    background: #191d28;
    position: absolute;
    right: -18px;
    bottom: -18px;
    transform: rotate(-46deg);
}

.why-us-ssection {
    text-align: center;
    padding-bottom: 180px;
}

img {
    max-width: 100%;
}

.why-us-ssection h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.why-us-ssection p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.why-us-ssection .row {
    margin-top: 80px;
}

#accordion {
    text-align: left;
}

#accordion .panel-collapse {
    background: #1f222f;
    text-align: left;
}

#accordion .panel-default:first-child {
    margin-top: 0;
}

#accordion p {
    font-size: 20px;
    font-family: 'source_sans_prolight';
    color: #fff;
}

#accordion .glyphicon {
    position: absolute;
    right: 20px;
    top: 10px;
}

#accordion .panel-heading {
    position: relative;
    background: #1f222f;
}

#accordion .panel-default {
    border: 0px !important;
    background: #1f222f;
    padding: 15px;
    margin-top: 30px;
}

#accordion .panel-title {
    font-size: 30px;
    line-height: 43px;
    font-family: 'source_sans_prosemibold';
    color: #fff;
}

#accordion .panel-title a {
    text-decoration: none !important;
    outline: none;
    color: #ee063d;
    display: block;
}

#accordion .panel-title a.collapsed {
    color: #fff;
}

#accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
}

.our-portfolios-section {
    text-align: center;
    padding-bottom: 100px;
}

.our-portfolios-section h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.our-portfolios-section p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.get-contact {
    text-align: center;
}

.get-contact h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.get-contact p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.map-addrss-section {
    background: url(../images/map-bg.png) no-repeat center top;
    padding-top: 200px;
}

.map-addrss-section .container {
    background: #1f222f;
    max-width: 933px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 50px;
}

.map-addrss-section .form-group .form-control {
    background: none;
    border-color: #797a82;
    height: 51px;
    font-size: 18px;
    padding: 0 21px;
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.map-addrss-section .form-group textarea.form-control {
    height: 140px;
    padding: 15px 21px;
    box-shadow: none;
    -webkit-box-shadow: none;
    resize: none;
}

.map-addrss-section .btn-common {}

.form-submit .btn-crnr {
    margin-top: 20px;
    display: block !important;
    width: 100%;
}

.form-submit .btn {
    /* border: 3px solid #fff; */
    color: #fff !important;
    background-image: -moz-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    border-radius: 0px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 80px;
    height: 74px;
    line-height: 70px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    width: 100%;
    display: block;
    font-weight: 700;
}

.form-submit .btn:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100% 0%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
    background-image: -ms-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
}

.form-submit .btn-wht-shdo:after {
    content: '';
    height: 60px;
    position: absolute;
    top: 100%;
    margin-top: -20px;
    left: 20px;
    right: 20px;
    opacity: .3;
    background: rgba(87, 21, 45, 1);
    background: -moz-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 21, 45, 1)), color-stop(100%, rgba(87, 21, 45, 0)));
    background: -webkit-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -o-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -ms-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: linear-gradient(to bottom, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#57152d', endColorstr='#57152d', GradientType=0);
}

.form-submit .btn .crnr-lt {
    /* border-right: 3px solid #fff; */
    height: 35px;
    width: 35px;
    display: block;
    background: #1f222f;
    position: absolute;
    left: -18px;
    top: -18px;
    transform: rotate(45deg);
}

.form-submit .btn .crnr-rb {
    /* border-top: 3px solid #fff; */
    height: 35px;
    width: 35px;
    display: block;
    background: #1f222f;
    position: absolute;
    right: -18px;
    bottom: -19px;
    transform: rotate(-46deg);
}

.home-addrss-dlt {
    text-align: center;
}

.home-addrss-dlt ul {
    list-style-type: none;
}

.home-addrss-dlt ul li {
    font-family: 'source_sans_prosemibold';
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 50px;
}

.home-addrss-dlt ul li:last-child {
    margin-bottom: 0px;
}

.home-addrss-dlt ul li span.glyphicon {
    font-size: 30px;
    margin-bottom: 17px;
}

.home-addrss-dlt ul li span.glyphicon.glyphicon-envelope {
    font-size: 32px;
}


/*****Portfolio*****/

.portfolioFilter.clearfix {
    background: #1f222f;
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 50px;
    border-radius: 50px;
}

.portfolioFilter.clearfix a {
    height: 65px;
    line-height: 65px;
    padding: 0 40px;
    font-family: 'source_sans_prosemibold';
    font-size: 20px;
    color: #808080;
}

.portfolioFilter {
    padding: 15px 0;
}

.portfolioFilter a {
    margin: 0 10px;
    color: #666;
    text-decoration: none;
    border: 2px solid transparent;
    padding: 4px 15px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}

.portfolioFilter a.current {
    /*background:#1e1e1e;*/
    color: #f9f9f9;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    background-image: -moz-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
}

.portfolioFilter a.current:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100% 0%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
    background-image: -ms-linear-gradient( 0deg, rgb(25, 29, 40), rgb(25, 29, 40) 100%, 0%);
}

.portfolioFilter a.current:after {
    content: '';
    height: 30px;
    position: absolute;
    top: 100%;
    margin-top: 2px;
    left: 20px;
    right: 20px;
    opacity: .4;
    background: rgba(87, 21, 45, 1);
    background: -moz-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 21, 45, 1)), color-stop(100%, rgba(87, 21, 45, 0)));
    background: -webkit-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -o-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: -ms-linear-gradient(top, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    background: linear-gradient(to bottom, rgba(87, 21, 45, 1) 0%, rgba(87, 21, 45, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#57152d', endColorstr='#57152d', GradientType=0);
}

.portfolioContainer {
    border: 1px solid transparent;
    /*box-shadow:0 0 0px rgba(255,255,255,.5);*/
    border-radius: 0px;
}

.portfolioFilter img {
    margin: 0px;
    max-width: 100%;
    width: 100%;
}

.isotope-item {
    z-index: 2;
    padding: 5px;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /*change duration value to whatever you like*/
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.gallery_product {
    margin-bottom: 40px;
}

.gallery_product p {
    text-indent: 0;
}

.prtfoli-text {
    text-align: left;
    padding-top: 25px;
}

.prtfoli-text h4 {
    font-size: 26px;
    font-family: 'source_sans_prosemibold';
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.prtfoli-text p {
    font-size: 18px;
    font-family: 'source_sans_prolight';
    color: #8c8e94;
}

.prtfoli-text a {
    color: #ee063d;
    font-size: 18px;
    text-decoration: none;
    font-family: 'source_sans_prosemibold';
    display: block;
}

.prtfoli-text a:after {
    content: '→';
    margin-left: 16px;
    font-size: 30px;
    font-weight: bolder;
    position: relative;
    top: 4px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.prtfoli-text a:hover:after {
    margin-left: 10px;
}

.prtfoli-img {
    height: 250px;
   
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    top: 0px;
    position: relative;
}

.prtfoli-img img {
    object-fit: cover;
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    max-width: 100%;
}

.gallery_product:hover .prtfoli-text h4 {
    color: #ee063d;
}

.gallery_product:hover .prtfoli-text p {
    color: #fff !important;
}

.gallery_product:hover .prtfoli-img {
    position: relative;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, .4);
    top: -20px;
}


/*****Portfolio*****/


/**Footer CSS**/

.footer-box {
    border-radius: 20px;
    background-color: rgb(31, 34, 47);
    box-shadow: 0px 39px 54px 0px rgba(0, 0, 0, 0.08);
    width: 1080px;
    margin: 0 auto;
    padding: 60px;
    margin-top: 40px;
}

.footer-box .form-submit .btn,
.footer-box .form-submit .btn span {
    border: 0 !important;
}

.footer-box .form-control {
    height: 50px;
    font-family: 'source_sans_prosemibold';
    font-size: 18px;
    font-weight: normal;
    color: #fff !important;
    background-color: transparent !important;
}

.footer-box .form-group {
    margin-bottom: 30px !important;
}

.footer-box textarea.form-control {
    resize: none;
    height: inherit !important;
}

.home-foot.ftr-social-icon {
    text-align: center;
    margin-top: 100px;
    background: #1e222d;
    padding: 30px 0;
}

.ftr-social-icon {
    text-align: center;
    background: #1e222d;
    padding: 30px 0;
}

.ftr-social-icon ul {
    list-style-type: none;
    margin-bottom: 0px;
}

.ftr-social-icon ul li {
    padding: 0 20px;
}

.ftr-social-icon ul li i {
    font-size: 38px;
    color: #fff;
}

.ftr-social-icon ul li a:hover i,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #b1032c;
    position: relative;
}

ul#top-menu li.active a::before,
.navbar-inverse .navbar-nav>.active>a:focus::before,
.navbar-inverse .navbar-nav>.active>a:hover::before,
.navbar-inverse .navbar-nav>li>a:focus::before,
.navbar-inverse .navbar-nav>li>a:hover::before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    bottom: -10px;
    left: auto;
    border-bottom: 2px solid #b1032c;
}

.ftr-social-icon ul li {
    display: inline-block;
}

.copy-right {
    text-align: center;
    padding: 30px 0;
    font-size: 18px;
    font-family: 'source_sans_prolight';
}

.copy-right p span {
    margin-bottom: 0px;
    color: #f0083f;
}


/**Footer CSS**/


/****About Us****/

.about-welcome-cntnt {
    padding: 0 0 100px;
}

.about-welcome-cntnt .col-xs-12.col-lg-7 {
    padding-top: 100px;
}

.about-welcome-cntnt .row {
    display: flex;
    /* align-content: center; */
    align-items: center;
}

div#aboutuss p {
    color: #808080;
}

.abt-wlcm-text {
    /* font-family: 'source_sans_prosemibold'; */
    font-family: 'source_sans_proregular';
    font-size: 20px;
    /* color: #a8a8ab; */
    color: #fff;
}

.abt-wlcm-text h1 {
    font-family: 'source_sans_prosemibold';
    font-size: 60px;
    line-height: 61px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 20px;
    line-height: 62px;
}

.abt-wlcm-text h1 span {
    color: #f0083f;
    text-transform: uppercase;
    font-family: 'source_sans_problack';
    display: block;
}

.abt-wlcm-text h2 {
    font-family: 'source_sans_prosemibold';
    font-size: 32px;
    line-height: 80px;
    font-weight: normal;
    font-style: italic;
    color: #fff;
    margin-bottom: -2px;
}

.work-sort-dlt .work-dlt img {
    margin-bottom: 20px;
}

.portfolio-set.about-welcome-cntnt h2 {
    font-style: normal;
}

.abt-wlcm-text h2 span {
    color: #f0083f;
}

.banner-img {
    position: relative;
    bottom: -16px;
}

.banner-img .prt-bnr-img {
    position: absolute;
    left: 0px;
    z-index: -1;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.banner-img:hover .prt-bnr-img {
    transform: scale(1.1);
}

.about-business-section {
    font-family: 'source_sans_proregular';
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.about-business-section p {
    color: #808080;
    margin-top: 30px;
    margin-bottom: 30px;
}

.about-business-section h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.about-business-section h3 {
    font-family: 'source_sans_probold';
    font-size: 40px;
    line-height: 50px;
    font-weight: normal;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.about-business-section h3 span {
    color: #f0083f;
}

.about-business-section .about-text {
    text-align: left;
    padding-top: 70px;
}

.meet-our-team-section {
    text-align: center;
    padding: 40px 0 100px;
}

.set-app-dev {
    text-align: center;
    padding: 40px 0 60px;
}

.client-requirements-set {
    padding: 10px 0 100px;
}

.meet-our-team-section h3,
.set-app-dev h3 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.what-do-design h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
}

.meet-our-team-section p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.set-app-dev p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    display: inline-block;
}

.what-do-design p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    display: inline-block;
}

.what-do-design ul.slick-dots {
    opacity: 0;
}

.meet-our-team-section .row {
    padding-top: 50px;
}

.team-persion {
    background: #222735;
    border-radius: 10px;
    position: relative;
    top: 0px;
    -webkit-border-radius: 10px;
    padding: 40px 0;
    border: 2px solid transparent;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.seo-box,
.client-say {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid transparent;
    position: relative;
    top: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.seo-box:hover,
.team-persion:hover,
.client-say:hover {
    border: 2px solid #ef073e;
    top: -20px;
}

.seo-box:hover h3,
.team-persion:hover .persion-dtl h3 {
    color: #ef073e;
}

.seo-box:hover p {
    color: #fff;
}

.team-persion:hover .persion-dtl h3 small {
    color: #ef073e;
}

.persion-pic {
    height: 140px;
    width: 140px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.persion-pic img {
    object-fit: cover;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
}

.persion-dtl h3 {
    font-family: 'source_sans_prosemibold';
    font-size: 28px;
    line-height: normal !important;
    padding-top: 20px;
    color: #fff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.persion-dtl h3 small {
    display: block;
    font-family: 'source_sans_prolight';
    color: #fff;
    padding-top: 6px;
    font-size: 16px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.persion-dtl ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-top: 10px;
}

.persion-dtl ul li {
    display: inline-block;
    padding: 0 10px;
}

.persion-dtl ul li a {
    color: #fff;
    font-size: 25px;
}

.persion-dtl ul li a:hover {
    color: #ef073e;
}

.our-clients-say-section {
    text-align: center;
    padding: 0px 0 100px;
}

.our-clients-say-section h3 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.our-clients-say-section p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.our-clients-say-section .slick-dotted.slick-slider {
    margin-top: 50px;
}

.slick-prev,
.slick-next {
    width: 50px !important;
    height: 50px !important;
    background: #222735 !important;
}

.slick-prev {
    left: -45px;
}

.slick-next {
    right: -45px;
}

.client-say {
    background: #1f222f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 30px 35px;
    text-align: left;
}

.client-say p {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-family: 'source_sans_proregular';
}

.client-say p:before {
    content: '“';
    font-family: 'source_sans_problack';
    color: #ef073e;
    font-size: 35px;
    position: relative;
    bottom: -5px;
    margin-top: -5px;
}

.client-say p:after {
    content: '“';
    font-family: 'source_sans_problack';
    color: #ef073e;
    transform: rotate(180deg);
    position: absolute;
    font-size: 35px;
    margin-top: -12px;
    margin-left: 5px;
}

.clint-pic-name {
    display: flex;
    padding-top: 10px;
}

.clint-pic-name .clnt-pic {
    height: 87px;
    width: 87px;
    overflow: hidden;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.clint-name {
    height: 84px;
    padding: 15px 0 15px 20px;
}

.clint-name strong {
    display: block;
    font-family: 'source_sans_prosemibold';
    font-size: 22px;
    font-weight: normal;
}

.clint-name span {
    font-family: 'source_sans_proregular';
    font-size: 16px;
    opacity: .2;
}


/****About Us****/


/****Portfolio inner Page****/

.get-in-touch {
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

.get-in-touch .container {
    background: #1f222f;
    max-width: 1051px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    height: 102px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .9);
    padding: 12px 14px 12px 35px;
}

.get-in-touch .form-control {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background: none;
    height: 50px;
    border: 0px;
    border-bottom: 2px solid rgba(255, 255, 255, .1);
    box-shadow: none;
    color: #fff;
    font-family: 'source_sans_prolight';
    font-size: 18px;
}

.get-in-touch .form-group {
    padding: 14px 0;
}

.get-in-touch .form-submit {
    padding-left: 50px;
}

.get-in-touch .form-submit .btn-common {
    font-size: 20px;
    color: #fff !important;
    text-transform: none;
    font-family: 'source_sans_probold';
    padding: 0px;
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100px;
    height: 78px;
    border: 2px solid #fff;
    box-shadow: 0 0 22px rgba(240, 8, 63, .5);
}

.client-requirements .col-md-6 {
    padding: 0px;
}

.client-requirements h2 {
    font-family: 'source_sans_probold';
    font-size: 40px;
    line-height: 80px;
    font-weight: normal;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 10px;
}

.client-requir-cntnt {
    background: #222735;
    padding: 40px;
    border-radius: 20px;
    position: relative;
    margin-top: 34%;
    margin-right: -120px;
    z-index: 8;
}

.client-requir-cntnt:after {
    content: '';
    clear: both;
    display: table;
    width: 100%;
}

.client-requir-cntnt p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #a9abae;
    margin-bottom: 20px;
}

.client-requir-cntnt ul {
    width: 50%;
    float: left;
    list-style-type: none;
}

.client-requir-cntnt ul li {
    font-size: 22px;
    line-height: 42px;
    font-family: 'source_sans_proregular';
    color: #f0083f;
}

.client-requir-img {
    border-radius: 20px;
    overflow: hidden;
}

.screenshots-img {
    width: 100%;
    height: 552px;
    background: #222735;
}

.app-features-section {
    font-family: 'source_sans_prosemibold';
    font-size: 18px;
    text-align: center;
    margin-top: 100px;
}

.app-features-section .row {
    display: flex;
    align-content: center;
    align-items: center;
}

.app-features-section p {
    color: #808080;
}

.app-features-section h3 {
    font-family: 'source_sans_probold';
    font-size: 40px;
    line-height: 80px;
    font-weight: normal;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.app-features-section h3 span {
    color: #f0083f;
}

.app-feature-list {
    text-align: left;
}

.app-feature-list .af-list {}

.app-feature-list .af-list h4 {
    color: #f0083f;
    background: url(../images/graphics-design-icon.png) no-repeat 0 0;
    background-size: 40px;
    padding: 12px 0 12px 60px;
    font-family: 'source_sans_prosemibold';
    font-size: 30px;
}

.app-feature-list .af-list p {
    font-size: 20px;
    line-height: 35px;
    color: #fff;
    font-family: 'source_sans_proregular';
    padding-left: 60px;
    padding-bottom: 40px;
}

.about-the-app-section {
    margin-top: 100px;
}

.about-the-app-section .row {
    display: flex;
    align-content: center;
    align-items: center;
}

.about-the-app-section h3 {
    font-size: 42px;
    line-height: 80px;
    font-family: 'source_sans_probold';
    color: #f0083f;
    margin-bottom: 20px;
}

.about-the-app-section .about-the-app-contnt p {
    font-size: 20px;
    color: #fff;
    font-family: 'source_sans_proregular';
    line-height: 35px;
    margin-bottom: 30px;
}

.app-futr-img {
    position: relative;
    display: table;
    margin: 0 auto;
}

.app-futr-img .prt-bnr-img {
    position: absolute;
    left: 0px;
    z-index: -1;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.app-futr-img:hover .prt-bnr-img {
    transform: scale(1.1);
}

.screenshots-section {
    margin-top: 60px;
    text-align: center;
    padding: 0px 0 100px;
}

.screenshots-section h3 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.screenshots-section p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}


/****Portfolio inner Page****/


/****Graphics Page inner Page****/

.graphics-banner {
    padding-top: 100px;
    padding-bottom: 80px;
    text-align: center;
    /* margin-bottom: -62px; */
}

.graphics-banner h1 {
    font-family: 'source_sans_prosemibold';
    font-size: 52px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 20px;
    line-height: 62px;
}

.graphics-banner h1 span {
    color: #f0083f;
    text-transform: uppercase;
    font-family: 'source_sans_problack';
}

.graphics-banner p {
    font-size: 18px;
    max-width: 900px;
    margin: 0 auto 20px;
    font-family: 'source_sans_proregular';
}

.gh-bnnr-img {
    position: relative;
    overflow: hidden;
    display: block;
    max-width: 1067px;
    margin: 0 auto;
    left: 40px;
}

.gh-bnnr-img img.gb-img {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(1);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    z-index: -1;
}

.gh-bnnr-img:hover img.gb-img {
    transform: scale(1.1);
}

.multi-item-carousel {
    overflow: hidden;
}

.multi-item-carousel img {
    height: auto;
    width: 100%;
}

.multi-item-carousel .carousel-control.left,
.multi-item-carousel .carousel-control.right {
    background: rgba(255, 255, 255, 0.3);
    width: 25%;
}

.multi-item-carousel .carousel-inner {
    width: 150%;
    left: -25%;
}

.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
}

.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
}

.item__third {
    float: left;
    position: relative;
    /* captions can now be added */
    width: 33.33333333%;
}

.carousel-inner>.item img {
    border: 10px solid transparent;
    transform: scale(0.9);
}

.carousel-inner>.item.active img {
    border: 10px solid #fff;
    transform: scale(1);
}

.item {
    opacity: 0.1;
    transition: .4s ease all;
    margin: 0 0px;
    transform: scale(.8);
}

@media(max-width:1000px) {
    .item {
        margin: 0;
        transform: scale(.9)
    }
}

.active .item {
    opacity: 1;
    transform: scale(1);
}

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}


/*.inner{position:relative; bottom:0px; left:0; right:0; text-align:center;}*/

.inner a {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    transition: .3s ease border-color
}

.inner a:hover {
    border-color: #fff;
}

.black .inner a {
    color: #000;
    border-color: rgba(0, 0, 0, 0.4)
}

.black .inner a:hover {
    border-color: #000;
}

.owl-carousel .owl-item img {
    border: 8px solid #fff;
}

.owl-controls {
    position: absolute;
    margin-top: 0px;
    left: 0px;
    right: 0px;
    bottom: -75px;
}

.owl-controls .owl-dots {
    text-align: center;
}

.owl-controls .owl-dot {
    margin: 0 14px;
    display: inline-block;
}

.owl-controls .owl-dots .owl-dot span {
    background: #ef073e;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: .2;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    display: block;
    position: relative;
}

.owl-controls .owl-dots .owl-dot.active span {
    background: #ef073e;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 1;
}

.owl-controls .owl-dots .owl-dot span:before {
    content: '';
    opacity: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-size: 0px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #ef073e;
}

.owl-controls .owl-dots .owl-dot.active span:before {
    border: 1px solid #ef073e;
    height: 40px;
    width: 40px;
    opacity: 1;
}

.owl-item.active {
    margin: 0 0 !important;
}

.design-ui-section {
    padding-top: 100px;
}

.design-ui-section img {
    max-width: 100%;
}

.design-ui-cntnt {
    padding: 0px 20px 0px 60px;
}

.design-ui-cntnt h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
}

.design-ui-cntnt p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #a8a8ab;
}

.help-you-section {
    text-align: center;
    margin-top: 120px;
}

.help-you-section h2 span {
    font-size: 26px;
    display: block;
    font-family: 'source_sans_proregular';
    color: #ef073e;
}

.help-you-section .row {
    margin-top: 40px;
    display: flex;
    align-content: center;
    align-items: center;
}

.help-you-section h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
}

.help-you-section p {
    font-size: 30px;
    line-height: 43px;
    font-family: 'source_sans_prosemibold';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.hlp-u-contnt {
    text-align: left;
}

.hlp-u-contnt h3 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    margin-bottom: 50px;
}

.hlp-u-contnt p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #a8a8ab;
}

.related-Projects {
    text-align: center;
    margin-bottom: 100px;
}

.related-Projects h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.related-Projects p {
    font-size: 20px;
    line-height: 30px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.related-Projects p {
    margin: 20px auto !important;
    text-indent: 0;
}

.mob-text p {
    color: #fff;
    font-size: 18px !important;
}

.related-Projects .row {
    /* padding-top: 80px; */
    padding-top: 40px;
}

.our-project {
    text-align: center;
    margin-top: 30px;
}

.our-project h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.our-project p.title-text {
    font-size: 30px;
    line-height: 43px;
    font-family: 'source_sans_prosemibold';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.our-project .owl-carousel {
    padding-top: 80px;
}

.project-text {
    text-align: center;
    font-size: 20px;
    max-width: 70%;
    margin: 0 auto;
    font-family: 'source_sans_proregular';
    margin-top: 35px;
}

.project-text h4 {
    font-size: 40px;
    color: #ef073e;
    font-family: 'source_sans_prosemibold';
    margin-bottom: 23px;
}

.about-services-section {
    text-align: center;
    margin-top: 120px;
    margin-bottom: 100px;
}

.about-services-section h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.about-services-section p {
    font-size: 30px;
    line-height: 43px;
    font-family: 'source_sans_prosemibold';
    color: #808080;
    max-width: 800px;
    display: inline-block;
}

.about-services-section ul {
    list-style-type: none;
    text-align: left;
    padding-top: 90px;
}

.about-services-section ul li {
    background: url(../images/about-srvic-icon.png) no-repeat 0 0;
    font-size: 22px;
    float: left;
    width: 50%;
    padding: 10px 0 9px 70px;
    min-height: 49px;
    margin-bottom: 12px;
}


/****Portfolio inner Page****/

.portfolio-set .abt-wlcm-text h1 {
    margin-bottom: 0;
}

.portfolio-set .abt-wlcm-text strong {
    margin: 30px 0;
    display: block;
}

.sld-bx-design {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(40, 45, 60);
    /* background-image: -moz-linear-gradient( -45deg, rgba(34, 39, 53, 0) 0%, rgba(240, 8, 63, 0.54902) 100%);
    background-image: -webkit-linear-gradient( -45deg, rgba(34, 39, 53, 0) 0%, rgba(240, 8, 63, 0.54902) 100%);
    background-image: -ms-linear-gradient( -45deg, rgba(34, 39, 53, 0) 0%, rgba(240, 8, 63, 0.54902) 100%); */
    width: 297px;
    height: 214px;
}

.what-do-design .slick-slide.slick-current.slick-active .sld-bx-design,
.what-do-design .slick-slide:hover .sld-bx-design {
    border-color: rgb(40, 45, 60);
    background-image: -moz-linear-gradient( -45deg, rgba(239, 7, 62, 0.14902) 0%, rgba(156, 41, 72, 0.05) 37%, rgba(75, 74, 81, 0) 53%, rgba(73, 75, 81, 0) 54%, rgba(239, 7, 62, 0.14902) 100%);
    background-image: -webkit-linear-gradient( -45deg, rgba(239, 7, 62, 0.14902) 0%, rgba(156, 41, 72, 0.05) 37%, rgba(75, 74, 81, 0) 53%, rgba(73, 75, 81, 0) 54%, rgba(239, 7, 62, 0.14902) 100%);
    background-image: -ms-linear-gradient( -45deg, rgba(239, 7, 62, 0.14902) 0%, rgba(156, 41, 72, 0.05) 37%, rgba(75, 74, 81, 0) 53%, rgba(73, 75, 81, 0) 54%, rgba(239, 7, 62, 0.14902) 100%);
    box-shadow: 0px 58px 40px 0px rgba(13, 17, 28, 0.15);
    width: 297px;
    height: 214px;
}

.slick-slide div div:focus,
.slick-slide.slick-active {
    border: 0;
    outline: 0;
}

.sld-bx-set .sld-bx-design img {
    width: auto;
}

.sld-bx-set h3 {
    font-family: 'source_sans_prosemibold';
    font-size: 28px;
    padding-top: 30px;
}

.sld-bx-set p {
    color: #515560;
    padding-top: 30px;
}

.what-do-design>div {
    position: relative;
}

.what-do-design>div::before {
    background: #222735;
    border-top-left-radius: 40px;
    width: 2000px;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    left: -20px;
    top: -50px;
}

.what-do-design .slider {
    width: 100%;
    margin: 40px auto 60px;
}

.what-do-design .slick-prev.slick-arrow {
    height: 50px;
    width: 50px;
    left: -5px;
    z-index: 1;
    top: 32%;
    background: #292f3d;
}

.what-do-design .slick-next.slick-arrow {
    height: 50px;
    width: 50px;
    right: -5px;
    z-index: 1;
    top: 32%;
    background: #292f3d;
}

.what-do-design .slick-slide.slick-current.slick-active .slidr-box-set h3,
.what-do-design .slick-slide:hover .slidr-box-set h3 {
    color: #ee063d;
}

.what-do-design .slick-slide.slick-current.slick-active .slidr-box-set p,
.what-do-design .slick-slide:hover .slidr-box-set p {
    color: #ffffff;
}

.design-ui-cntnt.padd-set {
    padding: 0px 20px 0px 20px;
}

.Branding-set {
    padding: 0 0 80px 0;
}

.Branding-set-right {
    padding: 0 0 80px 0;
    text-align: right;
}

.design-ui-cntnt.padd-set p {
    font-size: 18px;
    padding-bottom: 10px;
}

.what-do-design>div {
    padding-bottom: 50px;
}

.related-Projects a {
    font-family: 'source_sans_prosemibold';
}

.seo .abt-wlcm-text h2 {
    font-family: 'source_sans_prosemibold';
    font-size: 32px;
    line-height: 80px;
    font-style: normal;
    font-weight: normal;
    color: #f0083f;
    margin-bottom: -2px;
}

.seo.about-business-section p {
    margin-top: 0;
    margin-bottom: 60px;
}

.seo.about-business-section>p {
    font-size: 20px;
    max-width: 900px;
    margin: 0 auto 80px;
    font-family: 'source_sans_proregular';
}

.seo.about-business-section h3 {
    margin: 0 auto 30px !important;
}

.seo-box {
    border-radius: 10px;
    background-color: rgba(34, 39, 53, 0.3);
    box-shadow: 0px 12px 32px 0px rgba(32, 31, 31, 0.1);
    padding: 30px;
    text-align: left;
}

.seo-box h3 {
    font-size: 20px;
    font-family: 'source_sans_probold';
    padding: 40px 0 20px 0;
    color: #ffffff;
    line-height: 28px;
}

.seo-box .seo-content p {
    font-size: 16px !important;
    line-height: 22px;
    color: #515560;
    margin: 0;
}

.seo-box .seo-content a {
    font-size: 16px !important;
    line-height: 22px;
    margin-top: 30px;
    display: block;
    color: #f0083f;
}

.set-box-bottom {
    margin-bottom: 55px;
    display: inline-block;
}

.latest-news {
    padding-top: 100px;
}

.latest-news h2 {
    font-family: 'source_sans_probold';
    font-size: 42px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
}

.latest-news div.container>p {
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #808080;
    max-width: 800px;
    display: block;
    margin: 0 auto;
    padding-bottom: 70px;
    text-align: center;
}

.latest-news .new-content .round-datte {
    background: #fff;
    color: #555;
    padding: 2px 15px;
    border-radius: 100px;
    /* margin-bottom: 20px; */
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
}

.latest-news .new-content h3 {
    font-family: 'source_sans_probold';
    font-size: 24px;
    line-height: 50px;
    color: #fff;
}

.latest-news .new-content p {
    font-size: 18px;
    line-height: 32px;
    font-family: 'source_sans_proregular';
    color: #515560;
    text-align: left;
}

.set-news.row {
    padding-bottom: 100px;
}

.latest-news .col-xs-12.col-sm-6.col-md-6.col-lg-5.mb-15 .row:last-child {
    padding-bottom: 40px;
}

.section {
    width: 100%;
    float: left;
    overflow: hidden;
}

div#getconnect {
    padding-bottom: 5px;
}

.foot-img {
    padding-top: 100px;
    background-image: url('../images/map.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.img-center-flex {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}


/* Mobile Application page */

.portfolio-set .abt-wlcm-text.mob-text h1 {
    margin-bottom: 20px !important;
}

.mob-first-text h2 {
    font-size: 16px;
    line-height: 50px;
    font-style: normal;
}

.mob-first-text h1 {
    font-size: 42px;
    line-height: 50px;
}

.mob-first-text p {
    font-size: 18px;
    color: #515560;
}

h4.set-working {
    position: absolute;
    bottom: 20px;
    right: 30px;
    font-size: 42px;
}


/* .seo-box:hover p,
.seo-box:hover a {
    color: #fff;
} */

.seo.about-business-section.digitl-ags h2 {
    margin-bottom: 80px !important;
}


/* .seo-box:hover .icon-set img {
    border-radius: 50%;
    background-color: rgb(254, 254, 254);
    box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.3);
    width: 112px;
    height: 112px;
} */

.client-requir-cntnt-set h2 {
    line-height: 40px;
    margin-bottom: 30px;
}

.client-requir-cntnt-set p {
    font-size: 18px;
    font-family: 'source_sans_proregular';
    color: #515560;
    margin-bottom: 20px;
    line-height: 27px;
}

.client-requir-cntnt-set ul {
    width: 50%;
    float: left;
    list-style-type: none;
}

.client-requir-cntnt-set ul li {
    font-size: 22px;
    line-height: 42px;
    font-family: 'source_sans_proregular';
    color: #f0083f;
}

.client-proj-sec {
    background-image: -moz-linear-gradient( 45deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -webkit-linear-gradient( 45deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(161, 2, 40) 0%, rgb(240, 8, 63) 100%);
    padding: 60px 0;
    margin-bottom: 100px;
}

.cont-set span {
    font-size: 60px;
    font-family: 'source_sans_prosemibold';
    display: inline-block;
}

.cont-set p {
    font-size: 22px;
    font-family: 'source_sans_proregular';
    display: inline-block;
    text-transform: uppercase;
}

.client-requir-cntnt-set ul li {
    position: relative;
    padding-left: 20px;
}

.client-requir-cntnt-set li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 17px;
    background-image: url("../images/Dot.png");
    background-position: center;
    background-size: cover;
    width: 10px;
    height: 10px;
}

.web-details h3 {
    font-family: 'source_sans_probold';
    font-size: 36px;
    color: #f0083f;
    margin-bottom: 30px;
}

.web-details p {
    font-family: 'source_sans_proregular';
    font-size: 18px;
    color: #515560;
}

.dt-main-box,
.web-tech-dev {
    text-align: center;
}

.web-tech-dev {
    padding-top: 70px;
}

.d-flex-cent {
    display: flex;
    align-items: center;
    padding: 0px;
}

.detail-box img {
    min-height: 80px;
}

.box-setbox-set {
    text-align: center;
}

.img-box {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w-200 {
    width: 210px;
    display: inline-block;
    padding: 0 15px;
}

.detail-box {
    border-radius: 10px;
    background-color: rgb(34, 39, 53, 0.30);
    /* width: 300px; */
    width: 294px;
    height: 228px;
    display: inline-block;
    margin: 13px;
    padding: 30px;
}

.detail-box:hover,
.detail-box:focus {
    background-color: rgb(34, 39, 53);
    box-shadow: 0px 34px 45px 0px rgba(0, 0, 0, 0.21);
    height: 210px;
    width: 294px;
    height: 228px;
}

.detail-box:hover p,
.detail-box:focus p {
    color: #f0083f
}

.box-dev {
    width: 210px;
    height: 210px;
    padding: 50px;
}

.box-dev:hover {
    background-color: rgb(34, 39, 53);
    box-shadow: 0px 34px 45px 0px rgba(0, 0, 0, 0.21);
    width: 210px;
    height: 210px;
    padding: 50px;
}

.box-dev p {
    font-family: 'source_sans_prosemibold';
    font-size: 22px;
    color: #30343e;
    padding-top: 30px;
}

.box-dev:hover p {
    color: #f0083f;
}

.detail-box .on-hover,
.box-dev .on-hover {
    display: none;
}

.detail-box:hover .default,
.detail-box:focus .default,
.box-dev:hover .default {
    display: none;
}

.detail-box:hover .on-hover,
.detail-box:focus .on-hover,
.box-dev:hover .on-hover,
.box-dev:focus .on-hover {
    display: block;
    margin: 0 auto;
}

.detail-box p {
    font-family: 'source_sans_probold';
    font-size: 24px;
    padding-top: 30px;
    color: #404248;
}

.box-dev {
    text-align: center;
}

.form-control:focus {
    border-color: #f0083f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 8, 63, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 8, 63, .6);
}

.pb-0 {
    padding-bottom: 0;
}

.mt-15 {
    padding-top: 15px;
}

.mb-15 {
    padding-bottom: 15px;
}

.beg-black {
    background-color: #191d28 !important;
}

.modal-body {
    padding: 0px 80px 30px !important;
}

.modal-body .slider {
    margin-top: 0 !important;
}

.modal-body p {
    font-size: 36px;
    padding-top: 10px;
    font-family: 'source_sans_prosemibold';
    color: #fff;
}

.disc-popup {
    padding-top: 80px;
}

.d-inline-block {
    display: inline-block;
}

.disc-popup h5 {
    color: #808080 !important;
    font-size: 18px;
}

.disc-popup p {
    font-size: 16px !important;
    line-height: 25px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.px-15 {
    padding: 0 15px;
}

h4.modal-title {
    color: #f0083f !important;
    font-size: 18px !important;
    text-transform: uppercase;
}

.link-set a {
    color: #f0083f !important;
    font-size: 18px;
}

.link-set>a img {
    padding: 0 15px;
}

.modal-header {
    border-bottom: 0 !important;
    padding-bottom: 0;
    padding-top: 30px;
}

button.close,
button.close:hover {
    height: 60px;
    width: 60px;
    text-align: center;
    background: #292f3d;
    color: #f0083f;
    opacity: 1;
    font-size: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    text-shadow: none;
}

.slick-list.draggable.set-bag::after {
    content: "";
    background-color: rgb(25, 29, 40, 0.5);
    position: absolute;
    right: 0px;
    top: 0px;
    width: 11vw;
    height: 100%;
}

button.flipster__button svg {
    display: none;
}

.flipster {
    overflow-x: visible !important;
}

.modal-body .slick-next,
.flipster__button--next {
    right: -100px;
    background: #292f3d;
    height: 50px;
    width: 50px;
    margin: 0;
    opacity: 1;
}

.modal-body .slick-prev,
.flipster__button--prev {
    left: -100px;
    background: #292f3d;
    height: 50px;
    width: 50px;
    margin: 0;
    opacity: 1;
}

.modal-lg {
    width: 53vw;
}

.gallery_product a:first-child::after {
    display: none;
}

div#carousel li.flipster__item {
    max-width: 350px !important;
}

ul.flipster__nav {
    opacity: 0 !important;
    margin-bottom: 2em !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .slick-list.draggable::after {
        width: 13vw !important;
    }
    .modal-body {
        padding: 0px 40px 30px !important
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1401px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-addrss-dlt {
        margin-top: 40px;
    }
    .footer-box {
        border-radius: 0;
    }
    .set-news.row {
        padding-bottom: 30px;
    }
    .nav>li>a {
        padding: 10px 4px;
        font-size: 15px;
    }
    .detail-box {
        width: 203px;
        margin: 10px;
    }
    .detail-box:hover,
    .detail-box:focus {
        width: 203px;
        margin: 10px;
    }
    .d-flex-cent {
        display: block;
    }
    .client-requir-cntnt-set ul {
        width: 100%;
    }
    .abt-wlcm-text.mob-first-text {
        margin-top: 50px;
    }
    .about-business-section .col-xs-12.col-sm-6.col-md-6.col-lg-3.col-xl-3 {
        height: 400px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1025px) {
    .nav>li>a {
        padding: 10px 4px;
        font-size: 18px;
    }
    .detail-box,
    .detail-box:hover,
    .detail-box:focus {
        width: 203px;
        margin: 10px;
    }
    h4.set-working {
        bottom: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1025px) {
    .nav li a {
        margin: 0 5px;
    }
    .navbar.sticky .nav {
        margin-top: 35px;
    }
    .container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-brand img {
        max-width: 200px;
    }
    .banner {
        padding: 130px 0 40px;
    }
    #accordion .panel-title {
        font-size: 24px;
        line-height: 30px;
    }
    #accordion p {
        font-size: 18px;
        line-height: 24px;
    }
    #accordion .panel-default {
        margin-top: 15px;
    }
    .container.footer-box,
    .why-us-ssection .row {
        margin-top: 50px;
    }
    .what-do-design>div::before {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    .home-banner-text h1,
    .home-about-section h2,
    .home-about-section h3,
    .our-services-section h2,
    .why-us-ssection h2,
    .our-portfolios-section h2,
    .about-business-section h3,
    .meet-our-team-section h3,
    .our-clients-say-section h3,
    .get-contact h2,
    .work-sort-dlt h2,
    .what-do-design h2,
    .design-ui-cntnt h2,
    .meet-our-team-section h3,
    .set-app-dev h3,
    .portfolio-set .abt-wlcm-text.mob-text h1,
    .web-details h3,
    .latest-news h2,
    .graphics-banner h1,
    h4.set-working,
    .mob-first-text h1,
    .about-business-section h2,
    .abt-wlcm-text h1 {
        font-size: 28px !important;
        line-height: 36px !important;
        margin-bottom: 30px !important;
    }
    .clint-name strong {
        font-size: 18px !important;
    }
    .clint-name span {
        font-size: 14px !important;
    }
    .client-say {
        padding: 30px !important;
    }
    .clint-name {
        padding: 15px 0 15px 15px;
    }
    .home-about-section p {
        text-indent: 0;
        margin-bottom: 30px;
    }
    .work-sort-dlt .work-dlt p {
        padding-top: 0;
    }
    .work-sort-dlt {
        padding: 40px 0;
    }
    .home-about-section p,
    .our-services-section p {
        font-size: 18px;
    }
    .sld-bx {
        padding-bottom: 55px;
    }
    .set-app-dev {
        padding-bottom: 0;
    }
    .slider {
        margin: 30px auto;
    }
    .slick-dots {
        bottom: -30px;
    }
    .our-services-section {
        padding-bottom: 40px;
    }
    .sld-bx .btn {
        padding: 0 50px;
    }
    .our-services-section .slick-next {
        right: 0;
    }
    .our-services-section .slick-prev {
        left: 0;
    }
    .graphics-banner {
        padding-top: 120px;
    }
    .slick-prev,
    .slick-next {
        height: 50px;
        width: 50px;
        background: rgba(25, 29, 40, 0.95);
        box-shadow: 0 0 15px rgba(0, 0, 0, .7);
        z-index: 10;
    }
    .slick-prev {
        left: 0;
    }
    .slick-next {
        right: 0;
    }
    .wrapper {
        padding-top: 60px;
    }
    .navbar-header {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .client-requir-cntnt-set ul {
        width: 100%;
    }
    .about-welcome-cntnt {
        padding: 0 0 80px;
    }
    .why-us-ssection {
        padding-bottom: 50px;
    }
    .container.footer-box {
        max-width: 97%;
    }
    .ftr-social-icon {
        margin-top: 70px;
    }
    .our-portfolios-section {
        padding-bottom: 40px;
    }
    .client-requirements-set {
        padding: 10px 0 30px;
    }
    .our-clients-say-section,
    .meet-our-team-section {
        padding-bottom: 50px;
    }
    .flipster {
        overflow-x: hidden !important;
    }
    .client-proj-sec {
        margin-bottom: 30px;
    }
    .date {
        padding-top: 15px;
    }
    .latest-news {
        padding: 0;
    }
    .latest-news .new-content h3 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    p {
        line-height: normal;
    }
    .date {
        padding-top: 15px;
    }
    .container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .nav.navbar-nav {
        float: none !important;
    }
    .banner {
        padding: 40px 0 40px;
    }
    .home-banner-text h1,
    .home-about-section h2,
    .home-about-section h3,
    .our-services-section h2,
    .why-us-ssection h2,
    .our-portfolios-section h2,
    .about-business-section h3,
    .meet-our-team-section h3,
    .our-clients-say-section h3,
    .get-contact h2,
    .work-sort-dlt h2,
    .what-do-design h2,
    .design-ui-cntnt h2,
    .meet-our-team-section h3,
    .set-app-dev h3,
    .portfolio-set .abt-wlcm-text.mob-text h1,
    .web-details h3,
    .latest-news h2,
    .graphics-banner h1,
    .mob-first-text h1,
    .about-business-section h2,
    .abt-wlcm-text h1 {
        font-size: 28px !important;
        line-height: 36px !important;
        margin-bottom: 30px !important;
    }
    .latest-news .new-content h3 {
        font-size: 22px;
    }
    h4.set-working {
        font-size: 16px !important;
        line-height: 20px !important;
        bottom: -30px;
        right: 15px;
    }
    .home-about-section p,
    .work-sort-dlt .work-dlt p {
        text-indent: 0;
        margin-bottom: 30px;
    }
    .work-sort-dlt .work-dlt p {
        padding-top: 0;
    }
    .work-sort-dlt {
        padding: 40px 0;
    }
    .home-about-section p,
    .our-services-section p {
        font-size: 18px;
    }
    .sld-bx {
        padding-bottom: 55px;
    }
    .what-do-design>div::before {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    .slider {
        margin: 30px auto;
    }
    .slick-dots {
        bottom: -45px;
    }
    .detail-box {
        margin: 15px auto;
    }
    .w-200 {
        padding: 0;
    }
    .set-app-dev {
        padding-bottom: 0;
    }
    .our-services-section {
        padding-bottom: 40px;
    }
    .sld-bx .btn {
        padding: 0 50px;
    }
    .our-services-section .slick-prev {
        left: 0;
    }
    .our-services-section .slick-next {
        right: 0;
    }
    .slick-prev,
    .slick-next {
        height: 50px;
        width: 50px;
        background: rgba(25, 29, 40, 0.95);
        box-shadow: 0 0 15px rgba(0, 0, 0, .7);
        z-index: 10;
    }
    .slick-prev {
        left: 0 !important;
        top: 32% !important;
    }
    .slick-next {
        right: 0;
        top: 32% !important;
    }
    .navbar {
        position: relative;
    }
    .wrapper {
        padding-top: 10px;
    }
    .our-portfolios-section {
        padding-bottom: 40px;
    }
    .ftr-social-icon {
        margin-top: 40px;
    }
    .navbar {
        min-height: auto;
        position: inherit;
        height: auto;
    }
    .navbar-header {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .about-welcome-cntnt {
        padding: 20px 0 20px;
    }
    .footer-box {
        border-radius: 0;
    }
    .gh-bnnr-img {
        left: 0;
    }
    .graphics-banner {
        padding-top: 0;
    }
    .home-addrss-dlt {
        margin-top: 40px;
    }
    .footer-box {
        padding: 30px 15px;
    }
    .home-about-text,
    .why-us-ssection .row {
        margin-top: 50px;
    }
    .meet-our-team-section {
        padding-top: 0;
    }
    .design-ui-cntnt.padd-set h2 {
        padding-top: 30px;
        margin-bottom: 10px;
    }
    .d-flex-cent {
        display: block;
        float: left;
        padding: 40px 0 20px;
    }
    .modal-lg {
        width: 95vw;
    }
    .modal-body {
        padding: 0 15px 30px !important;
    }
    .slick-list.draggable::after {
        display: none;
    }
    h4.modal-title {
        font-size: 14px !important;
    }
    .modal-body>p.text-center {
        font-size: 26px !important;
    }
    .modal-body p {
        font-size: 18px !important;
        line-height: normal !important;
    }
    .set-news.row {
        padding-bottom: 30px;
    }
    button.close,
    button.close:hover {
        right: 10;
        width: 40px;
        height: 40px;
    }
    .modal-body .slick-dots {
        bottom: -75px;
    }
    .banner-set {
        padding: 0 15px;
    }
    .flipster {
        overflow-x: hidden !important;
    }
    .flipster__button--prev {
        left: 0px !important;
    }
    .flipster__button--next {
        right: 0px !important;
    }
    .latest-news {
        padding: 0;
    }
    .seo .abt-wlcm-text h2 {
        line-height: normal;
        padding: 25px 0;
    }
    .client-requir-cntnt-set ul {
        width: 100%;
    }
    .client-requirements-set {
        padding: 10px 0 30px;
    }
    .client-proj-sec {
        margin-bottom: 30px;
    }
    .abt-wlcm-text.mob-first-text {
        margin-top: 50px;
    }
}

a.btn.btn-primary:hover,
a.btn.btn-primary:hover span.crnr-lt, 
a.btn.btn-primary:hover span.crnr-rb,
.form-submit .btn:hover,
.form-submit .btn:hover span.crnr-lt,  
.form-submit .btn:hover span.crnr-rb{
border:2px solid #fff !important;
 transition: none !important;
    -webkit-transition: none !important; 
}