@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Source+Sans+Pro:300,400,600,700); .font-1,p {
    font-size: 16px
}

a:focus {
    text-decoration: none
}

.pull_left,.wd_full {
    float: left
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.dropdown-menu-large>li>ul>li,.vr_grid,ul.social-network {
    list-style: none
}

.btn_lg {
    padding: 12px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-danger {
    background-color: #e64c3c;
    border-color: #e64c3c
}

.btn-danger:hover {
    background: #e64c3c;
    border-color: #e64c3c
}

.whyquytch h3,.whyquytch p {
    text-overflow: ellipsis;
    overflow: hidden
}

body,html {
    height: 100%;
    min-height: 1000px;
    margin: 0;
    padding: 0
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a:focus {
    outline: 0;
    outline-offset: 0
}

a:hover {
    text-decoration: none
}

.text-left {
    text-align: left!important
}

p {
    line-height: 30px;
    font-family: 'Source Sans Pro',sans-serif
}

.font-1,.navbar-default .navbar-nav>li>a,h4,h5,h6 {
    font-family: 'Open Sans',sans-serif
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 0;
    outline-offset: 0
}

.clear {
    clear: both
}

.wd_full {
    width: 100%
}

.bold {
    font-weight: 700
}

h4,h5,h6 {
    line-height: 24px
}

.mrgn-sm {
    margin: 5px!important
}

.mrgn-md {
    margin: 10px!important
}

.mrgn-lg {
    margin: 15px!important
}

.mrgn-xl {
    margin: 20px!important
}

.mrgn-lft-sm {
    margin-left: 5px
}

.mrgn-lft-md {
    margin-left: 10px
}

.mrgn-lft-lg {
    margin-left: 15px
}

.mrgn-lft-xl {
    margin-left: 20px
}

.mrgn-rgt-sm {
    margin-right: 5px
}

.mrgn-rgt-md {
    margin-right: 10px
}

.mrgn-rgt-lg {
    margin-right: 15px
}

.mrgn-rgt-xl {
    margin-right: 20px
}

.mrgn-top-sm {
    margin-top: 5px
}

.mrgn-top-md {
    margin-top: 10px
}

.mrgn-top-lg {
    margin-top: 15px
}

.mrgn-top-xl {
    margin-top: 20px
}

.mrgn-btm-sm {
    margin-bottom: 5px
}

.mrgn-btm-md {
    margin-bottom: 10px
}

.mrgn-btm-lg {
    margin-bottom: 15px
}

.mrgn-btm-xl {
    margin-bottom: 20px
}

.pdng-0 {
    padding: 0!important
}

.pdng-sm {
    padding: 5px!important
}

.pdng-md {
    padding: 10px!important
}

.pdng-lg {
    padding: 15px!important
}

.pdng-xl {
    padding: 20px!important
}

.pdng-lft-0 {
    padding-left: 0!important
}

.pdng-lft-sm {
    padding-left: 5px!important
}

.pdng-lft-md {
    padding-left: 10px!important
}

.pdng-lft-lg {
    padding-left: 15px!important
}

.pdng-lft-xl {
    padding-left: 20px!important
}

.pdng-rgt-0 {
    padding-right: 0!important
}

.pdng-rgt-sm {
    padding-right: 5px!important
}

.pdng-rgt-md {
    padding-right: 10px!important
}

.pdng-rgt-lg {
    padding-right: 15px!important
}

.pdng-rgt-xl {
    padding-right: 20px!important
}

.pdng-top-0 {
    padding-top: 0!important
}

.pdng-top-sm {
    padding-top: 5px!important
}

.pdng-top-md {
    padding-top: 10px!important
}

.pdng-top-lg {
    padding-top: 15px!important
}

.pdng-top-xl {
    padding-top: 20px!important
}

.pdng-btm-0 {
    padding-bottom: 0!important
}

.pdng-btm-sm {
    padding-bottom: 5px!important
}

.pdng-btm-md {
    padding-bottom: 10px!important
}

.pdng-btm-lg {
    padding-bottom: 15px!important
}

.pdng-btm-xl {
    padding-bottom: 20px!important
}

.pdng-tpbt-lg {
    padding-bottom: 15px!important;
    padding-top: 15px!important
}

.pdng-tpbt-xl {
    padding-bottom: 20px!important;
    padding-top: 20px!important
}

.pull_right {
    float: right
}

.brdr_tp0 {
    border-top: 0!important
}

.underline {
    text-decoration: underline!important
}

.navbar {
    position: absolute;
    width: 100%;
    top: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    border: transparent;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
    z-index: 1000
}

.navbar-nav>li>a {
    text-transform: uppercase;
    line-height: 42px;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 13.5px
}

.navbar-brand img {
    width: 200px
}

.shrink-nav {
    color: #000!important;
    top: 0;
    background-color: #fff;
    position: fixed;
    box-shadow: 1px 1px 7px rgba(204,204,204,.61)
}

#mask {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 9999;
    z-index: 1
}

.navbar-right .dropdown-menu {
    right: 7%;
    left: 7%
}

.navbar-nav>li>.dropdown-menu {
    border-radius: 0
}

.callIcon {
    color: #fff;
    background-color: #e64c3c;
    border-radius: 50px;
    font-size: 16px;
    text-align: center;
    margin: 8px 0;
    padding: 0 10px;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    margin-right: 5px
}

.contact-number div .fa,.contact-number div a span {
    color: #fff;
    background-color: #e64c3c;
    border-radius: 50px
}

.contact-number {
    width: 18%;
    float: right;
    text-align: right;
    margin-top: 18px
}

.contact-number a {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.contact-number div a span {
    background-position: 11.5% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    margin-top: 0;
    position: relative;
    text-align: center;
    padding: 7px 15px;
    text-transform: uppercase
}

.header .contact-number div a span font {
    margin-left: 35px
}

.contact-number div .fa {
    font-size: 20px;
    text-align: center;
    padding: 7px 10px
}

.shrink-nav .contact-number {
    margin-top: 9px
}

@media (max-width: 767px) {
    footer {
        font-size:16px;
    }

    body {
        font-size: 18px;
    }

    .font-1, p {
        font-size: 18px;
    }

    .navbar-brand {
        padding: 7px 15px
    }

    .navbar-brand img {
        width: 144px
    }

    .inner_bnr_caption span {
        font-size: 24px
    }
}

.dropdown-large {
    position: static!important
}

.inner_bnr,.inner_bnr_cvr {
    position: relative
}

.dropdown-menu-large {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 0
}

.dropdown-menu-large>li>ul {
    padding: 0;
    margin: 0
}

.dropdown-menu-large>li>ul>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: normal
}

.dropdown-menu-large>li>ul>li a {
    font-size: 14px;
    padding: 5px 10px;
    display: block;
    color: #232323
}

.dropdown-menu-large>li>ul>li>a {
    font-size: 16px;
    padding: 5px 10px;
    display: block;
    color: #e64c3c
}

.dropdown-menu-large>li>ul>li:not(:last-child):after {
    content: "";
    display: block;
    border-bottom: 1px solid #e2e2e2;
    margin: 6px 0
}

.dropdown-menu-large>li ul>li>a:focus,.dropdown-menu-large>li ul>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu-large .disabled>a,.dropdown-menu-large .disabled>a:focus,.dropdown-menu-large .disabled>a:hover {
    color: #999
}

.dropdown-menu-large .disabled>a:focus,.dropdown-menu-large .disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.dropdown-menu-large .dropdown-header {
    color: #e64c3c;
    font-size: 16px;
    white-space: normal;
    position: relative
}

.dropdown-menu-large .dropdown-header ul {
    list-style: none;
    padding: 0
}

.dropdown-menu-large .column-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.carousel.slide.hero-slide .item>img {
    width: 100%
}

.carousel-control.left,.carousel-control.right {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.0001)));
    background-image: transparent;
    background-repeat: repeat-x
}

.carousel-control {
    top: 50%;
    font-size: 30px;
    color: #27231a;
    opacity: 1
}

.carousel-control:focus,.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
    background: #e74c3c!important
}

.hero-slide .carousel-control.left,.hero-slide .carousel-control.right {
    width: 40px;
    height: 40px;
    top: 50%;
    background: rgba(255,255,255,.56);
    cursor: pointer;
    border: 0;
    text-shadow: none
}

.hero-slide .carousel-control.right {
    right: 1%
}

.hero-slide .carousel-control.left {
    left: 1%
}

.carousel p {
    margin: 0 0 10px
}

.nav>li {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 39px!important
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #ff3924;
    background-color: transparent;
    font-weight: 500;
    font-size: 13.5px;
    font-family: 'Open Sans',sans-serif
}

.navbar-brand {
    padding: 25px 15px
}

.shrink-nav .navbar-brand {
    padding: 15px
}

.hero-slide .carousel-caption {
    bottom: 50%;
    text-shadow: none;
    transform: translateY(50%)
}

.carousel-caption.icon-text {
    left: 0;
    right: 0;
}
.carousel-caption.icon-text .container {
    display: flex;
    align-items: center;
}
.carousel-caption.icon-text .icons {
    position: absolute;
    display: flex;
    flex-direction: column;
    margin-left: 5rem;
}
.carousel-caption.icon-text .icons img {
    margin: 10px 0;
}
.carousel-caption.icon-text .container .text {
    flex: 1;
}
.carousel-indicators {
    bottom: 15%
}

.hero-slide .carousel-caption h2 {
    font-size: 60px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Source Sans Pro',sans-serif;
    font-style: normal
}

.hero-slide .read_more,.read_more a {
    color: #e74c3c!important;
    font-family: 'Open Sans ',sans-serif
}

.heading,.heading1,.heading_wht {
    text-transform: uppercase;
    letter-spacing: 6px
}

.read_more {
    text-transform: uppercase;
    font-size: 14px
}

.read_more a {
    text-decoration: none
}

.orange_butn,.orange_butn:hover,.trans_butn {
    COLOR: #fff;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600
}

.inner_bnr {
    width: 100%;
    overflow: hidden;
    height: 400px
}

.inner_bnr_caption {
    right: 18%;
    left: 18%;
    z-index: 9;
    position: absolute;
    text-align: center;
    color: #fff;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.inner_bnr_caption>span {
    font-size: 36px;
    margin-top: 55px!important;
    margin-bottom: 10px;
    display: block;
    line-height: 45px
}

.inner_bnr_caption>span+div {
    margin: 5px 0
}

.inner_bnr_caption h5 {
    margin-bottom: 0
}

.orange_butn,.orange_butn:hover {
    background: #e74c3c;
    border-radius: 4px;
    border: 1px solid #e74c3c
}

.trans_butn {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #fff
}

.heading:before,.heading_wht:before {
    content: "";
    border-left: 6px solid #e74c3c;
    position: absolute;
    left: 0;
    height: 100%
}

.section1 {
    background-color: #f4f5f9;
    position: relative;
    padding: 120px 0;
    float: left;
    width: 100%
}

.down_anchr {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -39px;
    text-align: center
}

.heading {
    color: #6a6a6a;
    font-size: 38px;
    font-weight: 600;
    font-family: 'Source Sans Pro',sans-serif
}

.heading:before {
    margin-right: 12px
}

.section1 .heading {
    margin-top: 20px;
    margin-bottom: 50px;
    position: relative;
    padding-left: 20px
}

.section1 p {
    line-height: 28px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    margin-bottom: 50px;
    text-align: justify
}

.img,.img img {
    width: 100%;
    height: 100%
}

.section2 {
    background-color: #202020;
    float: left;
    width: 100%
}

.section2 a {
    text-decoration: none
}

.heading_wht {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    font-family: 'Source Sans Pro',sans-serif;
    position: relative
}

.section2 .heading_wht {
    margin-top: 20px;
    padding-left: 20px
}

.section2 .row {
    margin-right: 0
}

.section2_containt {
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    font-family: 'Open Sans',sans-serif
}

.sec2_row {
    width: 100%;
    float: left;
    position: relative;
    text-align: left;
    padding: 30px 0 0 5%
}

.sec2_icon {
    position: absolute;
    left: -68px
}

.gallery_product,.section4,.section4 .casestudy {
    position: relative
}

.head_org_h3 {
    color: #e74c3c;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Source Sans Pro',sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px
}

.sec3_number,.sec3_number_head {
    color: #fff;
    font-family: 'Source Sans Pro',sans-serif
}

.section3 {
    width: 100%;
    float: left;
    background-image: url(../jpg/number_bg.jpg);
    background-repeat: none;
    background-size: cover;
    height: 400px
}

.sec3_number {
    font-size: 50px;
    border: 1px solid #fff;
    border-radius: 129px;
    padding: 10px;
    width: 150px;
    height: 150px;
    line-height: 124px;
    margin: 30% auto 0
}

.port-image,.section4 {
    width: 100%
}

.sec3_number_head {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px
}

.section4 {
    background-color: #f2f2f2;
    padding: 60px 0;
    float: left
}

.heading1 {
    color: #6a6a6a;
    font-size: 38px;
    font-weight: 600;
    font-family: 'Source Sans Pro',sans-serif
}

.filter-button:hover,.section4 .filter-button:active {
    background-color: transparent;
    color: #e74c3c
}

.heading_small,.heading_small_black {
    text-transform: uppercase
}

.filter-button {
    font-size: 14px;
    border: 0;
    text-align: center
}

.filter-button:hover {
    font-size: 14px;
    text-align: center
}

.casestudy_img {
    width: 55%;
    float: right
}

.casestudy_containt {
    background-color: #fff;
    position: relative;
    left: 5%;
    z-index: 2;
    padding: 20px;
    right: 17%;
    display: flex;
    align-items: center;
    height: inherit;
    justify-content: center;
    margin: 25px 0
}

.press_containt,.press_logo,.section5,.section5 .press {
    width: 100%;
    float: left
}

.casestudy_containt .containt_head {
    font-size: 20px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Source Sans Pro',sans-serif
}

.contact_form,.section5 .press,footer {
    font-family: 'Open Sans',sans-serif
}

.filter-btn .btn-default {
    background-color: transparent
}

.section5 {
    background-color: #fff;
    padding: 60px 0
}

.section5 .press {
    min-height: 305px;
    padding: 60px 10px;
    background-color: #202020;
    color: #fff;
    text-align: center
}

.press_logo {
    text-align: center;
    padding-bottom: 50px
}

.media-carousel {
    margin-bottom: 0;
    padding: 0 40px 30px;
    margin-top: 30px
}

.media-carousel .carousel-inner .item div {
    padding: 0 8px
}

.media-carousel .carousel-inner .item div img {
    max-width: 100%
}

.media-carousel .carousel-control.left {
    left: -12px;
    top: 28%;
    background: #cacaca;
    border: 0 solid #fff;
    height: 40px;
    width: 40px
}

.media-carousel .carousel-control.right {
    right: -12px!important;
    top: 28%;
    background: #cacaca;
    border: 0 solid #fff;
    height: 40px;
    width: 40px
}

.section5 .carousel-control {
    color: #8c8b8b
}

.media-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px
}

.media-carousel .carousel-indicators li {
    background: silver
}

.media-carousel .carousel-indicators .active {
    background: #333
}

.section5 .thumbnail {
    border: 0!important
}

.contact_bg {
    width: 100%;
    background-color: #fff;
    padding: 10px 40px;
    float: left;
    box-shadow: 1px 4px 12px #d6d6d6
}

.contact_form {
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    color: #55585a
}

::-webkit-input-placeholder {
    color: #55585a
}

::-moz-placeholder {
    color: #55585a
}

:-ms-input-placeholder {
    color: #55585a
}

:-moz-placeholder {
    color: #55585a
}

footer {
    background-color: #282828;
    padding: 20px 0 0;
    float: left;
    width: 100%;
    color: #adadad;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px
}

.footer_link a {
    text-decoration: none;
    color: #adadad;
    border: 0
}

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

.footer_link ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px
}

.footer_link ul li i {
    position: absolute;
    top: 5px;
    left: 0
}

footer img {
    padding-bottom: 20px
}

hr {
    border-top: 1px solid #4c4c4c;
    margin-top: 1px;
    margin-bottom: 1px
}

footer h4 {
    font-weight: 600;
    margin: 20px 0
}

footer div {
    font-weight: 300
}

.semifooter {
    background-color: #202020;
    padding: 10px 0;
    margin-top: 10px
}

.semifooter a {
    text-decoration: none;
    color: #adadad;
    border: 0
}

ul.social-network {
    display: inline;
    margin-left: 0!important;
    padding: 0
}

ul.social-network li {
    display: inline;
    margin: 0 3px
}

.social-network a.icoPintrest:hover {
    background-color: #bd081c
}

.social-network a.icoFacebook:hover {
    background-color: #3b5998
}

.social-network a.icoTwitter:hover {
    background-color: #3cf
}

.social-network a.icoGoogle:hover {
    background-color: #bd3518
}

.social-network a.icoVimeo:hover {
    background-color: #0590b8
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7
}

.social-network a.icoFacebook:hover i,.social-network a.icoGoogle:hover i,.social-network a.icoLinkedin:hover i,.social-network a.icoRss:hover i,.social-network a.icoTwitter:hover i,.social-network a.icoVimeo:hover i {
    color: #fff
}

.socialHoverClass,a.socialIcon:hover {
    color: #44bcdd
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 14px
}

.social-circle li i {
    margin: 0;
    line-height: 31px;
    text-align: center;
    padding-left: 0!important
}

.social-circle i {
    color: #fff
}

.social-network a {
    background-color: transparent;
    border: 1px solid #fff
}

.heading_small:before,.heading_small_black:before {
    border-left: 5px solid #e74c3c;
    margin-right: 12px;
    min-height: 40px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.bg_gray,.vertical-align .page-section:nth-child(even) {
    background-color: #f2f2f2!important
}

.bg_white {
    background-color: #fff
}

.bg_orange {
    background-color: #e74c3c;
    color: #fff!important
}

.cmpny_ovrview,.cmpny_ovrview1 {
    width: 100%;
    float: left;
    padding: 50px 0
}

.heading_small {
    width: 100%;
    color: #6a6a6a;
    font-size: 25px;
    font-weight: 600;
    font-family: 'open Sans',sans-serif;
    position: relative;
    padding-left: 18px
}

.heading_small a {
    color: #6a6a6a!important;
    cursor: pointer
}

.heading_small_black {
    width: 100%;
    color: #000;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Source Sans Pro',sans-serif;
    position: relative;
    padding-left: 15px;
    line-height: 32px
}

.semi_heading,.semi_heading_ul {
    width: 100%;
    position: relative;
    color: #6a6a6a;
    margin-bottom: 50px;
    text-align: center
}

.semi_heading {
    font-size: 25px;
    font-weight: 600;
    font-family: 'open Sans',sans-serif;
    text-transform: uppercase;
    line-height: 32px
}

.heading_orange,.semi_heading_ul {
    font-family: 'Source Sans Pro',sans-serif
}

.semi_heading_ul {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 36px
}

.semi_heading_ul:before {
    content: "";
    width: 100px;
    position: absolute;
    bottom: -18px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-bottom: 4px solid #e74c3c
}

.progress,.vr_grid,.vr_grid figure {
    position: relative
}

.heading_orange {
    width: 100%;
    color: #e74c3c;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0
}

.bar-info,.bg_gray .breadcrumb,.services_icon {
    font-family: 'Open Sans',sans-serif
}

.bg_orange .semi_heading_ul {
    color: #fff!important
}

.bg_orange .semi_heading_ul:before {
    border-bottom: 4px solid #fff
}

.bg_gray .breadcrumb {
    color: 333333;
    font-weight: 600;
    font-size: 12px;
    padding: 8px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0
}

.color_white {
    color: #fff!important
}

.color_orange {
    color: #e74c3c!important
}

.bg_gray .breadcrumb a {
    color: #333!important;
    text-decoration: none
}

.bg_gray .breadcrumb>.active {
    color: #e74c3c
}

.bg_gray .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #e74c3c;
    content: ">"
}

.services_icon {
    font-size: 18px;
    margin: 18px;
    font-weight: 600
}

.cmpny_ovrview a {
    color: #333;
    cursor: pointer;
    text-decoration: none
}

.progress.alternative .bar {
    height: 25px
}

.progress .bar {
    background: #e74c3c!important;
    -webkit-border-top-right-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    -webkit-border-top-left-radius: inherit;
    -moz-border-radius-topright: inherit;
    -moz-border-radius-bottomright: inherit;
    -moz-border-radius-bottomleft: inherit;
    -moz-border-radius-topleft: inherit;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    height: 37px;
    color: #fff;
    float: left;
    font-size: 12px;
    text-align: center;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-transition: all width .6s ease ease-out;
    -moz-transition: all width .6s ease ease-out;
    -o-transition: all width .6s ease ease-out;
    transition: all width .6s ease ease-out
}

.progress.alternative {
    height: 25px;
    border: none;
    background-color: #f4f5f9;
    margin: 10px 0
}

.progress {
    border: 2px solid #e74c3c;
    margin: 20px 0;
    background: #f5f5f5;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    overflow: hidden;
    height: 20px;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.bar-info {
    color: #999;
    font-size: 16px;
    font-weight: 500
}

.contact_modal .modal-body p,figure.effect-sadie h2 {
    font-family: 'Source Sans Pro',sans-serif
}

#fade-quote-carousel.carousel {
    padding-bottom: 60px
}

#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px
}

#fade-quote-carousel.carousel .carousel-indicators>li {
    background-color: #e74c3c;
    border: none
}

#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px
}

.contact_modal .pre-cost {
    text-decoration: line-through;
    color: #a5a5a5
}

.contact_modal .space-ten {
    padding: 10px 0
}

.contact_modal .modal-body p.us {
    background-image: url(../png/us-flag-2.png)
}

.contact_modal .modal-body p.uae {
    background-image: url(../png/uae-flag.png)
}

.modal-body p.uk {
    background-image: url(../png/uk-flag-2.png)
}

.modal-body p.india {
    background-image: url(../png/india-flag-2.png)
}

.contact_modal .modal-content {
    background-color: #f4f5f9!important
}

.contact_modal .modal-body p {
    background-repeat: no-repeat;
    background-position: 0;
    color: #e74c3c;
    font-size: 25px;
    line-height: 38px;
    margin: 0;
    padding-left: 35px;
    font-weight: 600
}

.contact_modal .modal-body p a,.contact_modal .modal-body p a:hover {
    color: #e74c3c;
    text-decoration: none
}

.vr_grid {
    margin: 0 auto;
    padding: 1em 0 4em;
    text-align: center
}

.vr_grid figure {
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    width: 31%;
    height: 250px;
    background: #f4f5f9;
    text-align: center;
    cursor: pointer
}

.vr_grid figure figcaption,.vr_grid figure figcaption>a,figure.effect-sadie figcaption::before {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.vr_grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.vr_grid figure figcaption::after,.vr_grid figure figcaption::before {
    pointer-events: none
}

.vr_grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.vr_grid figure h2 {
    word-spacing: -.15em;
    font-weight: 300
}

.vr_grid figure h2 span {
    font-weight: 800
}

.vr_grid figure h2,.vr_grid figure p {
    margin: 0
}

figure.effect-sadie figcaption::before {
    background: #e64c3c;
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,90%,0);
    transform: translate3d(0,90%,0)
}

figure.effect-sadie h2 {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    color: #6a6a6a;
    -webkit-transition: -webkit-transform .35s,color .35s;
    transition: transform .35s,color .35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    font-size: 24px;
    line-height: 30px;
    word-spacing: normal
}

figure.effect-sadie figcaption::before,figure.effect-sadie p {
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0)
}

figure.effect-sadie:hover figcaption::before,figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.cmpny_ovrview ul {
    list-style-position: inside;
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    line-height: 24px;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 16px
}

.whyquytch h2,.whyquytch h3,.whyquytch p {
    font-family: 'Source Sans Pro',sans-serif
}

.cmpny_ovrview li {
    background: url(../png/tick-big.png) no-repeat top 6px left/12px;
    padding-left: 25px;
    margin-bottom: 10px
}

.work-flow {
    border: 1px solid #edefef;
    border-bottom: 0;
    float: left;
    width: 50%;
    padding: 60px 0 45px 60px
}

.work-flow:nth-child(2n+1) {
    border-left: 0;
    border-right: 0
}

.work-flow:nth-child(2n) {
    border-right: 0
}

.whyquytch h3 {
    margin: 20px 0;
    color: #303134;
    font-size: 22px;
    line-height: 24px;
    white-space: nowrap;
    font-weight: 600;
    text-transform: capitalize
}

.whyquytch p {
    margin: 0;
    color: #6b7c93;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.dwnld_resrc p,.portfolio p,.portfolio1 p,.sitemap {
    line-height: 30px
}

.whyquytch h2 {
    width: 100%;
    font-size: 33px;
    color: #e74c3c;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0
}

.work_cover {
    position: relative;
    width: 100%;
    overflow: hidden
}

.home_portfolio .work_cover_overlay .inner p {
    line-height: 24px;
    padding: 0 15px 15px
}

.home_portfolio .work_cover .work_cover_overlay .case-study__link {
    width: initial;
    color: #000;
    display: inline-block;
    padding: 10px 25px
}

.home_portfolio .work_cover:hover .work_cover_overlay .case-study__link {
    top: 0
}

.home_portfolio .work_cover .work_cover_overlay .text {
    position: relative;
    top: -255px;
    display: block;
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3);
    -moz-transition: all .3s cubic-bezier(.3,0,0,1.3);
    transition: all .3s cubic-bezier(.3,0,0,1.3)
}

.home_portfolio .work_cover:hover .work_cover_overlay .text {
    top: 0;
    opacity: 1
}

.work_cover_image {
    display: block;
    width: 100%;
    height: auto
}

.work_cover_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0,0,0,.5)
}

.work_cover:hover .work_cover_overlay {
    opacity: 1
}

.work_cover_text {
    color: #fff;
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.logo_hover .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

.logo_hover .hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: #e74c3c;
    opacity: 0;
    -webkit-transform: translate(460px,-100px) rotate(180deg);
    -ms-transform: translate(460px,-100px) rotate(180deg);
    transform: translate(460px,-100px) rotate(180deg);
    -webkit-transition: all .2s .4s ease-in-out;
    transition: all .2s .4s ease-in-out
}

.logo_hover .hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.logo_hover .hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px
}

.logo_hover .hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 40% 0 0;
    background-color: transparent;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.portfolio .white_brdr_btn,.portfolio1 .white_brdr_btn {
    background-color: transparent;
    cursor: pointer;
    text-transform: uppercase
}

.portfolio .wd_full {
    margin-top: 15px
}

.logo_hover .hovereffect:hover .overlay {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.logo_hover .hovereffect:hover h2 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.logo_hover .hovereffect:hover a.info {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.sitemap h4 {
    font-weight: 600;
    color: #6a6a6a
}

.portfolio p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    padding-top: 35px;
    clear: both
}

.portfolio-vAlign .tab-pane .cmpny_ovrview .btn {
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600
}

.portfolio .white_brdr_btn {
    color: #fff;
    padding: 5px 15px;
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: 300;
    border-radius: 4px;
    font-family: 'Open Sans',sans-serif
}

.portfolio1 .white_brdr_btn,.portfolio1 p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif
}

.portfolio1 p {
    padding-top: 35px;
    clear: both
}

.portfolio1 .white_brdr_btn {
    padding: 5px 15px;
    border: 1px solid #000;
    border-radius: 4px
}

.heading_small_white {
    width: 100%;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Source Sans Pro',sans-serif;
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    padding-left: 15px;
    line-height: 32px
}

.casestudy-inner p,.press_description {
    font-weight: 600;
    font-family: 'Open Sans',sans-serif
}

.heading_small_white a {
    color: #fff!important;
    cursor: pointer
}

.heading_small_white:before {
    border-left: 5px solid #fff;
    margin-right: 12px;
    min-height: 40px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.case-study__overlay:after,.casestudy-inner h2:after,.press_preview:after {
    content: ''
}

.casestudy-inner {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #e74c3c
}

.casestudy-inner .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 50px 20px
}

.casestudy-inner p {
    font-size: 18px;
    color: #fff;
    padding-top: 25%;
    clear: both
}

.casestudy-inner img {
    display: block;
    position: relative;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.casestudy-inner:hover img {
    opacity: .1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.casestudy-inner h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    overflow: hidden;
    padding: .5em 0;
    background-color: transparent
}

.casestudy-inner h2:after,.press_description,.press_preview:after {
    position: absolute;
    width: 100%;
    left: 0
}

.casestudy-inner h2:after {
    bottom: 0;
    height: 2px;
    background: #fff;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.casestudy-inner:hover h2:after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.casestudy-inner a,.hovereffect p {
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.casestudy-inner:hover a,.hovereffect:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.press_preview img {
    opacity: 0;
    height: auto!important
}

.press_preview:after {
    top: 0;
    background: #29272a;
    background: linear-gradient(to bottom,rgba(41,39,42,0) 0,rgba(19,19,19,.91) 100%);
    height: 100%
}

.press_description {
    bottom: 0;
    padding: 20px;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase
}

.press_description a {
    color: #fff
}

.press_description a:hover {
    color: #e74c3c
}

.press_category,.press_date {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    padding: 10px;
    font-weight: 600;
    font-size: 14px
}

.press_category {
    border: 2px solid #fff;
    width: 100px;
    text-align: center;
    margin-bottom: 20px
}

.press_category:hover {
    border-color: #e74c3c
}

.press_date {
    text-align: left;
    margin-top: 20px
}

.press_date a:hover,.press_news a:hover {
    color: #e74c3c
}

.cmpny_ovrview1 .nav>li,.press_news {
    text-transform: uppercase;
    font-weight: 500
}

.press_box_wrap {
    background: #f3f3f3;
    width: 100%;
    padding: 20px
}

.press_news {
    font-size: 14px
}

.testimonial_section {
    display: flex;
    align-items: center
}

@media (min-width: 1200px) {
    .testimonial_section .owl-carousel .owl-item {
        height:275px
    }
}

.testimonial_section .testimonial_item {
    height: inherit;
    display: flex;
    align-items: center
}

.testimonial_section .col-sm-8 {
    position: relative;
    z-index: 1;
    left: 60px
}

.testimonial_inner {
    display: flex;
    background: rgba(255,255,255,.8);
    padding: 25px 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.testimonial_inner .avatar {
    padding: 0 10px
}

.testimonial_inner .content {
    padding: 15px 5px 0 10px
}

.testimonial_inner strong {
    display: block;
    font-size: 20px;
    color: #e64c3c;
    font: 600 22px 'Source Sans Pro',sans-serif
}

.testimonial_inner span {
    font: 600 20px/22px 'Source Sans Pro',sans-serif
}

.testimonial_inner p {
    font: 17px/28px 'Source Sans Pro',sans-serif;
    margin-top: 10px
}

.testimonial_section .col-sm-4 {
    position: relative;
    right: 75px
}

.testimonial_section .img-responsive {
    position: relative;
    border-radius: 10px;
    box-shadow: 0 5px 7px rgba(0,0,0,.1)
}

.testimonial_subtitle {
    color: #eb6759;
    font-size: 12px
}

.testimonial_section .owl-theme .owl-controls {
    margin: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -32px
}

.testimonial_master_btn {
    background-color: #eb6759!important;
    color: #fff!important
}

.testimonial_seprator {
    height: 2px;
    width: 56px;
    background-color: #eb6759;
    margin: 7px 0 10px
}

.cmpny_ovrview1 .nav>li {
    font-family: 'open Sans',sans-serif!important;
    font-size: 16px!important;
    text-align: left;
    margin: 15px 0
}

.cmpny_ovrview1 .nav>li>a {
    position: relative;
    display: block;
    padding: 0 15px
}

.cmpny_ovrview1 .nav>li>a:focus {
    background-color: transparent
}

.vertical-tabs>li.active>a,.vertical-tabs>li.active>a:focus,.vertical-tabs>li.active>a:hover {
    border-width: 0
}

.nav-stacked>li+li {
    margin-top: 0
}

.vertical-tabs>li>a {
    color: #333;
    border-left: 3px solid #333;
    border-radius: 0;
    margin: 0
}

.vertical-tabs>li.active>a,.vertical-tabs>li.active>a:focus,.vertical-tabs>li.active>a:hover {
    color: #e74c3c;
    border-left: 3px solid #e74c3c
}

.vertical-tabs>li>a:focus,.vertical-tabs>li>a:hover {
    color: #e74c3c;
    border-left: 3px solid #e74c3c;
    z-index: 99
}

.vertical-tabs>li.active>a {
    z-index: 100
}

.dwnld_resrc {
    background-image: url(../jpg/dwnld-resources.jpg);
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: center;
    color: #fff
}

.dwnld_resrc p {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 16px
}

.case-study {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 2rem;
    background-size: cover;
    overflow: hidden;
    transition: all .4s ease
}

.case-study__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10
}

.case-study__overlay:after {
    width: 100%;
    height: 100%;
    background-color: #202020;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -10;
    left: 0;
    transition: all .3s ease
}

.case-study__link,.case-study__title {
    position: relative;
    font-family: 'Source Sans Pro',sans-serif;
    color: #fff;
    text-align: center;
    transition: all .3s cubic-bezier(.3,0,0,1.3);
    text-transform: uppercase
}

.case-study__title {
    top: -200px;
    margin-bottom: 10%;
    margin-top: 30%;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5px
}

.case-study__link {
    display: block;
    width: 60%;
    top: 230px;
    padding: 10px;
    margin: 0 auto;
    background-color: #fff;
    letter-spacing: 3px;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 3px;
    font-size: 14px
}

.col5,.col5_1 {
    width: 20%;
    padding: 0 10px;
    float: left;
    text-align: center;
    height: 120px;
    margin-bottom: 20px
}

.case-study__link:hover {
    background-color: #fff;
    color: #202020
}

.case-study:hover .case-study__link,.case-study:hover .case-study__title {
    top: 0
}

.case-study:hover .case-study__overlay:after {
    opacity: .75
}

.col5 {
    min-height: 237px
}

.btn-lg,p button .btn-group-lg>.btn {
    padding: 0!important
}

p button .color_white {
    padding: 10px;
    line-height: 35px!important
}

.btn-lg,div button .btn-group-lg>.btn {
    padding: 0!important
}

div button .color_white {
    padding: 10px;
    line-height: 35px!important
}

.contact_bg .orange_butn {
    padding: 10px!important
}

.header_btn {
    padding: 10px 16px!important
}

@media (max-width: 1200px) {
    .hero-slide .carousel-caption h2 {
        font-size:30px;
        font-weight: 700
    }
}

@media (max-width: 1024px) {
    .nav>li>a {
        padding:10px 9px
    }

    .contact-number {
        width: 19%
    }

    .sec2_row {
        padding: 14px 0 0 5%
    }

    .sec2_icon {
        left: -54px
    }

    .sec2_icon img {
        width: 70%
    }

    .press_logo img {
        width: 90%
    }

    .casestudy_containt {
        top: 9%
    }

    .services_icon {
        margin: 18px 7px;
        font-size: 16px
    }
}

@media (max-width: 768px) {
    .navbar-brand img {
        width:100%
    }

    .contact-number {
        display: none
    }

    .container>.navbar-header {
        margin: 0
    }

    .navbar-brand {
        padding: 16px 15px
    }

    .casestudy_ico,.services_img {
        display: none
    }

    .carousel-indicators {
        bottom: 33px!important
    }

    .section1 {
        padding: 50px 0
    }

    .section1 p {
        margin-bottom: 20px
    }

    .section1 .heading {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .section2 {
        padding: 0 0 50px
    }

    .sec2_icon {
        left: 13px
    }

    .sec2_icon img {
        width: 50%
    }

    .sec2_row {
        padding: 14px 0 0 8%
    }

    .sec3_number {
        font-size: 30px;
        border-radius: 129px;
        padding: 10px;
        width: 100px;
        height: 100px;
        line-height: 80px;
        margin: 10% auto 0
    }

    .sec3_number_head {
        margin-bottom: 10%
    }

    .section3 {
        height: auto
    }

    .casestudy_containt {
        width: 60%;
        top: 10%
    }

    .casestudy_img {
        width: 40%
    }

    .casestudy_containt .containt_head {
        margin-bottom: 10px
    }

    .section4 .carousel-indicators {
        bottom: 0!important
    }

    #fade-quote-carousel.carousel {
        padding-bottom: 10px
    }

    .press_logo img {
        width: 100%
    }

    .contact-number {
        width: 23%
    }
}

@media (max-width: 425px) {
    .casestudy_containt,.casestudy_img {
        position:relative;
        width: 100%
    }

    .sec2_row {
        padding: 14px 0 0 13%
    }

    .sec2_icon {
        left: 7px
    }

    .sec3_number {
        margin-top: 5%
    }

    .casestudy_containt {
        float: left
    }

    .section5 .press {
        width: 100%;
        min-height: 220px;
        padding: 10px;
        margin: 10px 0
    }

    .section4,.section5 {
        padding: 20px 0
    }

    .contact-number {
        width: 100%
    }

    .navbar-brand img {
        width: 200px
    }

    .navbar-brand {
        padding: 16px 15px
    }

    .contact-number {
        display: block;
        text-align: right
    }

    .container>.navbar-header {
        width: 100%
    }

    .carousel-inner {
        margin-top: 50px
    }

    .carousel p {
        display: none
    }

    .hero-slide .carousel-caption h2 {
        font-size: 18px;
        margin-top: 5px
    }

    .hero-slide .carousel-caption {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .carousel-indicators {
        display: none
    }

    .head_org_h3 {
        margin-bottom: 10px;
        font-size: 18px;
        padding-top: 5px
    }

    .section2_containt {
        padding-left: 10px
    }

    .semi_heading {
        font-size: 25px;
        letter-spacing: 0
    }

    .semi_heading {
        margin-bottom: 0
    }

    .testi_p p {
        display: block!important
    }

    .media-carousel {
        padding: 0
    }

    .section1 .heading {
        font-size: 25px
    }

    .heading_wht {
        font-size: 25px
    }

    .heading1 {
        font-size: 25px
    }

    .inner_bnr_caption h1 {
        font-size: 24px
    }

    .cmpny_ovrview,.cmpny_ovrview1 {
        padding: 20px 0
    }

    .vr_grid figure {
        width: 100%
    }

    #first-slider .carousel .item {
        min-height: 200px!important
    }

    #first-slider .slide1 h3,#first-slider .slide2 h3,#first-slider .slide3 h3,#first-slider .slide4 h3 {
        font-size: 16px!important
    }

    .semi_heading_ul {
        font-size: 25px
    }

    .contact_bg {
        padding: 10px
    }

    .sec3_number {
        font-size: 26px;
        padding: 10px;
        width: 80px;
        height: 80px;
        line-height: 54px
    }

    .sec3_number_head {
        margin-top: 15px;
        font-size: 18px
    }

    .section3 {
        padding-top: 10px
    }

    .social-ntwrk-mbl {
        width: 100%;
        text-align: left!important;
        margin-top: 10px!important
    }

    .heading_small,.heading_small_black {
        letter-spacing: 0
    }

    .press_description {
        font-size: 12px
    }

    .mbl-20 {
        width: 20%;
        padding-bottom: 10px
    }

    .mbl-20 img {
        width: 100%;
        height: 100%
    }

    .mbl-80 {
        width: 80%;
        padding: 0 10px!important;
        font-size: 14px
    }

    .services_icon {
        margin: 16px 0
    }

    .col5,.col5_1 {
        width: 50%;
        margin-bottom: 10px
    }

    .work-flow {
        width: 100%;
        padding: 10px
    }

    body {
        overflow-x: hidden!important
    }
}

@media (max-width: 320px) {
    .section5 .press {
        width:100%;
        min-height: 232px;
        padding: 4px;
        margin: 10px 0
    }

    .press_logo {
        text-align: center;
        width: 100%;
        padding: 20px 0;
        float: left
    }

    .contact-number {
        float: left;
        text-align: left;
        width: 100%
    }

    .navbar-brand {
        padding: 15px
    }

    .navbar-brand img {
        width: 200px
    }

    .contact-number {
        display: block;
        text-align: right
    }

    .container>.navbar-header {
        width: 100%;
        margin: 0
    }

    .carousel-inner {
        margin-top: 50px
    }

    .carousel p {
        display: none
    }

    .hero-slide .carousel-caption h2 {
        font-size: 18px;
        margin-top: 5px
    }

    .hero-slide .carousel-caption {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .carousel-indicators {
        display: none
    }

    .head_org_h3 {
        margin-bottom: 10px;
        font-size: 18px;
        padding-top: 5px;
        padding-left: 10px
    }

    .semi_heading {
        font-size: 25px;
        letter-spacing: 0
    }

    .semi_heading {
        margin-bottom: 0
    }

    .testi_p p {
        display: block!important
    }

    .media-carousel {
        padding: 0
    }

    .section1 .heading {
        font-size: 25px
    }

    .heading_wht {
        font-size: 25px
    }

    .heading1 {
        font-size: 25px
    }

    .inner_bnr_caption h1 {
        font-size: 24px
    }

    .cmpny_ovrview,.cmpny_ovrview1 {
        padding: 20px 0
    }

    .vr_grid figure {
        width: 100%
    }

    #first-slider .carousel .item {
        min-height: 200px!important
    }

    #first-slider .slide1 h3,#first-slider .slide2 h3,#first-slider .slide3 h3,#first-slider .slide4 h3 {
        font-size: 16px!important
    }

    .semi_heading_ul {
        font-size: 25px
    }

    .contact_bg {
        padding: 10px
    }

    .sec3_number {
        font-size: 26px;
        padding: 10px;
        width: 80px;
        height: 80px;
        line-height: 54px
    }

    .sec3_number_head {
        margin-top: 15px;
        font-size: 18px
    }

    .section3 {
        padding-top: 10px
    }

    .social-ntwrk-mbl {
        width: 100%;
        text-align: left!important;
        margin-top: 10px!important
    }

    .heading_small,.heading_small_black {
        letter-spacing: 0
    }

    .press_description {
        font-size: 12px
    }

    .mbl-20 {
        width: 20%;
        padding-bottom: 10px
    }

    .mbl-20 img {
        width: 100%;
        height: 100%
    }

    .mbl-80 {
        width: 80%;
        padding: 0 10px!important;
        font-size: 14px
    }

    .services_icon {
        margin: 16px 0
    }

    .col5,.col5_1 {
        width: 50%;
        margin-bottom: 20px
    }

    .work-flow {
        width: 100%;
        padding: 10px
    }

    .modal-content .semi_heading {
        margin-bottom: 0;
        font-size: 20px
    }

    body {
        overflow-x: hidden!important
    }
}

.btn-orange {
    padding: 8px 14px;
    background: #e64c3c;
    color: #fff!important;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid #e74c3c;
    display: inline-block;
    line-height: 1.42857143
}

.btn-orange:hover {
    color: #fff
}

@media (min-width: 1345px) {
    .inner_bnr .item center img,.inner_bnr .item>img {
        width:100%
    }
}

a[data-target] {
    cursor: pointer
}

a[data-slide]:hover {
    color: #fff
}

ul.clients_logo li {
    padding: 0;
    background: 0 0;
    margin: 0;
    border: 1px solid #efefef
}

ul.clients_logo li img {
    max-width: 100%
}

.cards .inner {
    background: #fff;
    padding: 7px 18px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.cards .inner h4 {
    color: #e74c3c;
    font-size: 20px
}

.cards .inner p {
    color: #484848
}

.callToAction {
    position: relative;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.callToAction .inner {
    padding: 25px 15px;
    background: #e74c3c;
    color: #fff;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.2);
    position: relative;
    text-align: center
}

.callToAction img {
    padding: 10px 10px 0
}

.callToAction p {
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px
}

.callToAction p span {
    display: block;
    font-size: 40px;
    font-weight: 600;
    margin-top: 15px
}

.callToAction .inner a.btn-orange {
    background: #fff;
    color: #e74c3c!important;
    display: inline-block
}

.callToAction .text {
    padding: 24px 24px 20px
}

.callToAction h2 {
    text-align: center;
    font-size: 20px;
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #e64c3c
}

.callToAction ul {
    margin: 10px 0 0
}

.callToAction ul li {
    list-style: none;
    background: 0;
    padding: 5px;
    font-size: 18px;
    background: #f3f1f1
}

.callToAction ul li img {
    width: inherit;
    padding: inherit
}

.cnt-icon-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.cnt-icon-boxes:after,.cnt-icon-boxes:before {
    display: none
}

.cnt-icon-boxes .inner {
    padding: 25px 20px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    height: 100%;
    display: block
}

.circle_icon_5 ul {
    margin: 0;
    padding: 0;
    display: flex
}

.circle_icon_5 ul li {
    background: 0 0;
    padding: 0;
    text-align: center;
    flex: 1
}

.circle_icon_5 ul li .inner {
    padding: 0 15px
}

.circle_icon_5 ul li .icon {
    display: table;
    margin: 0 auto 15px
}

.circle_icon_5 ul li span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.circle_icon_5 ul li p {
    line-height: 19px;
    font-size: 14px
}

.callToActionInner {
    background-color: #e64c3c;
    padding: 4.5rem 0;
    background-image: url(../png/circle-bg.png);
    background-position: right -22% center;
    background-repeat: no-repeat
}

.callToActionInner .heading_small {
    color: #fff;
    margin: 0;
    position: relative
}

.callToActionInner .heading_small:before {
    content: "";
    position: absolute;
    border-left: 3px solid #fff;
    margin-right: 15px;
    top: 0;
    bottom: 0;
    min-height: initial!important;
    height: 100%
}

.callToActionInner .inner {
    display: flex;
    align-items: center
}

.callToActionInner p {
    font-size: 34px;
    line-height: 34px;
    vertical-align: -webkit-baseline-middle;
    flex: 1;
    color: #fff;
    margin: 0
}

.callToActionInner p b {
    font-size: 40px
}

.callToActionInner .inner a.btn-orange {
    background: #fff;
    color: #e64c3c!important;
    min-width: 220px;
    text-align: center;
    height: inherit;
    padding: 15px 20px
}

.blog_footer .blog {
    position: relative
}

.blog_footer .blog .blog-img {
    border: 1px solid #f3f3f3;
    box-shadow: 0 2px 5px rgba(0,0,0,.12)
}

.blog_footer .blog .blog-img img {
    width: 100%
}

.blog_footer .blog .blog-content {
    position: relative;
    padding: 32px 30px;
    margin: -30px 15px 0;
    z-index: 10;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px 1px #f1f2f6;
    box-shadow: 0 10px 20px 1px #f1f2f6;
    border: 1px solid #f1f2f6
}

.blog_footer .blog .blog-content .blog-title {
    margin: 0 0 20px;
    color: #505050;
    font-size: 19px;
    line-height: 25px
}

.blog_footer .blog .blog-content p {
    margin: 12px 0;
    line-height: inherit;
    color: #6b6b6b
}

.blog_footer .blog .blog-content a {
    text-transform: uppercase;
    color: #ff7148
}

.carousel.slide.media-carousel .carousel-control {
    background: #e64c3c;
    color: #fff;
    text-shadow: none
}

.carousel.slide.media-carousel .carousel-control i {
    font-size: 34px
}

.inner-iconbox-list.align-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.inner-iconbox-list li {
    float: left;
    width: calc(100%/5);
    padding: 0 15px;
    background: #fff;
    margin: 0;
    text-align: center;
    height: 134px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    margin-bottom: -1px
}

.inner-iconbox-list li h4 {
    font-size: 13px;
    margin: 10px 0 0;
    line-height: 20px
}

.inner.testimonials .row {
    display: flex;
    flex-wrap: wrap
}

.inner.testimonials .clearfix,.inner.testimonials .row:after,.inner.testimonials .row:before {
    display: none
}

.inner.testimonials .row>div {
    float: none;
    margin: 15px 0
}

.inner.testimonials .inner {
    padding: 15px;
    position: relative;
    box-shadow: 0 5px 8px rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.08);
    height: 100%
}

.inner.testimonials .inner .avatar {
    padding: 0 10px
}

.inner.testimonials .inner .avatar .caption {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 8px 5px;
    line-height: 20px
}

.inner.testimonials .inner .avatar .ttl {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.inner.testimonials .inner .tesimonial_content {
    padding: 0 15px 15px
}

.inner.testimonials .inner .tesimonial_content p {
    margin-bottom: 0
}

.inner.testimonials .inner .avatar span {
    color: #e74c3c
}

.inner.testimonials .inner .avatar img {
    box-shadow: 0 2px 2px rgba(0,0,0,.08);
    border: 1px solid rgba(0,0,0,.08);
    padding: 1px;
    display: none
}

.big-img {
    max-width: 100%
}

.big-icons ul {
    padding: 0;
    list-style: none
}

.big-icons ul li .inner {
    border: 1px solid #dcdcdc;
    margin: 15px 0;
    padding: 15px;
    text-align: center;
    font-size: 16px
}

.big-icons ul li .inner span {
    display: block;
    margin: 10px 0 0
}

.big-icons ul li img {
    width: initial;
    height: initial;
    display: block;
    margin: auto;
    max-width: 100%
}

.cardbox .inner {
    box-shadow: 0 5px 5px rgba(0,0,0,.1)
}

.cardbox .inner .image img {
    max-width: 100%
}

.cardbox .inner .content {
    padding: 15px;
    background: #fff
}

.cardbox .inner .content h3 {
    margin: 5px 0 20px;
    font-size: 22px;
    padding: 0 6px 15px;
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.cardbox .inner .content ul {
    margin: 0
}

.cardbox .inner .content ul li {
    padding-left: 38px;
    background-position: left 5px center;
    margin-bottom: 15px
}

.normalcase {
    text-transform: none
}

#submit_form {
    background: #e74c3c
}

.form_field label.error {
    color: red;
    font-size: 12px;
    font-weight: 300;
    margin-top: -5px;
    display: block
}

.mapcontainer {
    padding: 0 2px;
    position: relative
}

.mapael .map {
    position: relative;
    width: 85%;
    margin: 0 auto
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #fff;
    moz-opacity: .9;
    opacity: .9;
    border-radius: 5px;
    padding: 4px 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #343434;
    font-size: 14px
}

.map_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    display: none;
    width: 100%
}

.ser_in_title {
    margin-bottom: 3rem
}

.ser_in_title h3 {
    font-size: 25px;
    font-weight: 600;
    font-family: 'open Sans',sans-serif;
    text-transform: uppercase;
    position: relative
}

.ser_in_title h3:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #e64c3c;
    display: block;
    margin: 15px 0 0
}

.choose_cat_wrap ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.choose_cat_wrap ul:after,.choose_cat_wrap ul:before {
    display: none
}

.choose_cat_wrap ul li {
    padding: 0 25px 0 65px;
    background: 0 0;
    position: relative;
    margin: 25px 0 0
}

.choose_cat_wrap ul li .img_divs {
    position: absolute;
    top: 5px;
    left: 0;
    width: 55px;
    text-align: center
}

.choose_cat_wrap ul li strong {
    font-size: 19px;
    display: block;
    margin-bottom: 5px;
    line-height: 28px;
    font-weight: 600
}

.full-img {
    max-width: 100%
}

.v-align {
    display: flex;
    align-items: center
}

.box_images ul {
    margin: 0;
    padding: 0;
    display: flex
}

.box_images ul li {
    padding: 5px;
    background: 0 0
}

.box_images ul li img {
    border: 1px solid #ccc
}

.flex-boxes {
    display: flex;
    flex-wrap: wrap
}

.flex-boxes:after,.flex-boxes:before {
    display: none
}

.flex-boxes .col-sm-4 {
    margin: 15px 0
}

.flex-boxes .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.flex-boxes .inner .icon {
    margin-top: 15px
}

.flex-boxes .inner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(to right,#f7934c 15%,#e64c3c 85%);
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.flex-boxes.no-hover .inner:hover:after {
    display: none
}

.flex-boxes .inner:hover:after {
    opacity: 1
}

.flex-boxes .inner:hover * {
    color: #fff;
    z-index: 1
}

.flex-boxes.no-hover .inner:hover * {
    color: #484848;
    z-index: 1
}

.flex-boxes.no-hover.cards .inner:hover h4 {
    color: #e74c3c
}

.flex-boxes .inner:hover .icon {
    filter: invert(100%) brightness(100) grayscale(1)
}

.tabTitleSection {
    position: relative;
    background-attachment: fixed;
    background-position: top
}

.flex-content {
    display: flex
}

.tabTitleSection h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 3.5rem;
    position: relative;
    z-index: 1;
    line-height: 50px
}

.tabTitleSection:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5)
}

.tabTitleSection:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    width: 50%;
    z-index: 0
}

.tabTitleSection .title-tab ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px
}

.tabTitleSection .title-tab ul li {
    background: 0 0;
    width: 50%;
    list-style: none;
    padding: 0 10px;
    color: #fff;
    margin-bottom: 15px
}

.tabTitleSection .title-tab ul li .inner {
    padding: 25px 10px;
    padding-left: 60px;
    font-size: 16px;
    border: 1px solid rgba(255,255,255,.4);
    cursor: pointer;
    position: relative
}

.tabTitleSection .title-tab ul li .inner span {
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.tabTitleSection .title-tab ul li .inner:hover {
    border-color: rgba(255,255,255,.7)
}

.tabTitleSection .title-tab ul li.active .inner {
    background: #e64c3c
}

.tabTitleSection .title-content {
    display: flex;
    height: 100%
}

.tabTitleSection .title-content .item {
    display: none;
    background: rgba(255,255,255,.95);
    padding: 4rem;
    position: relative
}

.tabTitleSection .title-content .item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    border-top: 20px solid transparent;
    border-right: 20px solid rgba(255,255,255,.95);
    border-bottom: 20px solid transparent;
    margin: auto 0;
    height: 0
}

.tabTitleSection .title-content .item .icon {
    margin-bottom: 15px
}

.tabTitleSection .title-content .item strong {
    font-size: 28px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px
}

.tabTitleSection .title-content .item.active {
    display: block;
    align-items: center;
    text-align: center
}

.tabTitleSection .title-content .item .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 100%
}

.tabTitleSection .title-content.left-align .item .inner {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left
}

.tabTitleSection .title-content.left-align ul {
    margin: 5px 0 0
}

.tabTitleSection .title-content.left-align ul li {
    list-style: none;
    background: url(../png/tick-big.png) no-repeat center left/12px;
    padding-left: 25px
}

.tabTitleSection .title-content.left-align ul li:last-child {
    margin-bottom: 0
}

.tools_tech {
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.tools_tech:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6)
}

.tools_tech .flex-content .flex-content {
    display: flex;
    flex-direction: column
}

.check_list {
    background: rgba(255,255,255,.9);
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 40px
}

h3.heading_h3 {
    font-size: 32px;
    margin: 0 0 25px;
    color: #fff
}

.tech_logos ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center
}

.tech_logos ul li {
    width: 33.33%;
    margin: 0;
    padding: 1px;
    background: 0 0
}

.tech_logos ul li .inner {
    background: rgba(255,255,255,.9);
    padding: 15px
}

.tech_logos ul li .inner img {
    max-width: 100%
}

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

ul.list_big li {
    font-size: 18px;
    margin: 30px 0;
    padding: 0 0 0 20px;
    background: 0 0;
    position: relative
}

ul.list_big li:before {
    content: "";
    background: url(../png/tick-big.png) no-repeat top 5px left 0/15px;
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px
}

.industries-items .inner {
    position: relative;
    margin: 15px 0;
    padding-left: 55px
}

.industries-items .inner .icon {
    position: absolute;
    top: -10px;
    left: -15px
}

.industries-items .inner strong {
    font: 600 22px 'Source Sans Pro',sans-serif;
    display: block;
    margin: 7px 0
}

.industries-items .inner ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 18px;
    font: 16px/28px 'Source Sans Pro',sans-serif
}

.industries-items .inner ul li {
    margin: 0;
    padding: 0;
    background: 0 0;
    position: relative
}

.industries-items .inner ul li:before {
    content: "";
    background: url(../png/tick-big.png) no-repeat center/10px;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: -22px
}

.serv-box-left {
    background: url(../jpg/serv-box-left.jpg) no-repeat center/100% fixed;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 25px;
    box-shadow: 5px 10px 10px rgba(0,0,0,.15)
}

.serv-box-left .inner {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    background: rgba(255,255,255,.9);
    color: #333;
    padding: 35px
}

.serv-box-left .inner h2,.serv-box-left .inner strong {
    font: 600 50px/55px 'Source Sans Pro',sans-serif;
    display: block
}

.industries-items .inner strong a {
    font-size: 15px;
    color: #e74c3c;
    margin-left: 5px
}

.serv-box-left .inner h2 b,.serv-box-left .inner strong b {
    display: block;
    color: #e74c3c
}

.serv-box-left .inner p {
    font-size: 17px;
    line-height: 28px;
    margin-top: 20px
}

.column_icon__list ul {
    display: flex;
    flex-wrap: wrap
}

.column_icon__list ul li {
    margin: 0;
    padding: 0;
    background: 0 0
}

.column_icon__list ul li .inner {
    display: flex;
    align-items: center;
    padding: 25px 0
}

.column_icon__list ul li .inner .text {
    padding-left: 15px;
    font-size: 18px;
    font-weight: 600
}

.integration h4 {
    font-size: 32px;
    line-height: 35px
}

.integration .list-inline {
    display: table
}

.integration .list-inline li {
    display: table-cell;
    width: 1%
}

.integration .list-inline img {
    border: 1px solid #d0d0d0;
    padding: 5px 5px
}

.text-white {
    color: #fff!important
}

.hover_box {
    position: relative
}

.hover_box ul {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5rem 0 2rem;
    width: 100%
}

.hover_box ul .icon {
    text-align: center;
    padding: 10px 15px;
    position: relative
}

.hover_box ul li {
    padding: 0;
    background: 0 0;
    margin: 0;
    position: relative;
    width: 174px;
    padding-bottom: 12rem
}

.hover_box ul li:nth-child(even) {
    padding-top: 12rem;
    padding-bottom: 0
}

.hover_box ul li a {
    display: table;
    width: 100%
}

.hover_box ul .caption {
    position: absolute;
    display: none
}

.hover_box ul .ttl {
    border: 2px dashed #a5acaf;
    padding: 0;
    font-size: 15px;
    letter-spacing: normal;
    min-height: 80px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    line-height: 20px
}

.hover_box ul .ttl .count {
    position: absolute;
    width: 48px;
    height: 48px;
    color: #fff;
    top: -35px;
    background: #a2a6a7;
    font-size: 24px;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    border: 4px solid #d3d7d8
}

.hover_box ul li:nth-child(even) .ttl .count {
    top: initial;
    bottom: -35px
}

.hover_box ul .ttl b {
    font-size: 17px;
    display: block
}

.hover_box ul .caption {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50%;
    display: flex;
    width: 230px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translate(-50%,-50%);
    left: 50%;
    text-align: center;
    background: rgba(230,76,60,.95);
    color: #fff;
    padding: 15px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.hover_box ul li:hover .caption {
    visibility: visible;
    opacity: 1
}

.hover_box ul .caption strong {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px
}

.hover_box ul .caption p {
    font-size: 15px;
    line-height: 22px;
    margin: 0
}

.hover_box ul li:not(:last-child):nth-child(odd):before {
    content: "";
    position: absolute;
    top: 80px;
    right: 2px;
    border-left: 2px dashed #a5acaf;
    bottom: 40px;
    width: 27px
}

.hover_box ul li:not(:first-child):nth-child(even):after {
    content: "";
    position: absolute;
    top: 40px;
    right: 2px;
    border-left: 2px dashed #a5acaf;
    bottom: 80px;
    width: 27px
}

.hover_box ul li:not(:first-child) .ttl:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -28px;
    width: 26px;
    height: 10px;
    background: url(../jpg/arrow-gray.jpg) no-repeat
}

.hover_box ul li>div {
    position: relative
}

.hover_box ul li .popover {
    min-width: 250px;
    font-size: 13px
}

.service_logo {
    display: flex;
    align-items: center
}

.service_logo .press_logo img {
    max-width: 100%
}

.video_img {
    position: relative
}

.video_img span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 30px;
    background: #fff;
    cursor: pointer
}

.video_img>img {
    max-width: 100%
}

.portfolio-vAlign .cmpny_ovrview .row {
    display: flex;
    flex-wrap: wrap
}

.portfolio-vAlign .cmpny_ovrview .row:after,.portfolio-vAlign .cmpny_ovrview .row:before {
    display: none
}

.portfolio-vAlign .cmpny_ovrview:nth-child(even) .row div:nth-child(odd) {
    order: 1
}

.hover_images {
    display: flex;
    flex-wrap: wrap
}

.hover_images:after,.hover_images:before {
    display: none
}

.hover_images>div {
    margin: 15px 0
}

.hover_images .inner {
    background: #fff;
    box-shadow: 0 8px 10px rgba(0,0,0,.12);
    height: 100%;
    border-radius: 0 0 5px 5px
}

.hover_images .inner img {
    max-width: 100%;
    border-radius: 5px 5px 0 0
}

.hover_images .inner .caption {
    padding: 20px 25px
}

.hover_images .inner .caption strong {
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    font-family: 'Open Sans',sans-serif;
    color: #e64c3c
}

.tick-cards {
    display: flex;
    flex-wrap: wrap
}

.tick-cards:after,.tick-cards:before {
    display: none
}

.tick-cards>div {
    margin: 20px 0
}

.tick-cards .inner {
    box-shadow: 0 8px 8px rgba(0,0,0,.12);
    padding: 20px 25px 20px 55px;
    height: 100%;
    background: #fff url(../png/tick-big.png) no-repeat 16px 24px/25px
}

.tick-cards .inner strong {
    font: 600 16px "Open Sans",sans-serif;
    display: block;
    margin-bottom: 5px
}

.tick-cards .inner strong span {
    color: #de6b68
}

.tick-cards .inner p {
    margin: 0
}

.p-relative {
    position: relative
}

.about-text {
    position: absolute;
    background: #e64c3c;
    box-shadow: 5px 5px 0 0 rgba(230,76,60,.5);
    top: 50%;
    left: 50%;
    color: #fff;
    padding: 15px;
    transform: translate(-50%,-50%);
    height: 135px;
    width: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-style: italic
}

.about-content {
    padding-left: 30px
}

.about-title h1 {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 25px
}

.about-content p {
    margin-bottom: 20px
}

.about-title p span {
    display: inline-block;
    height: 2px;
    width: 40px;
    background: #e64c3c;
    margin-right: 20px;
    position: relative;
    top: -5px
}

.about-content .btn {
    width: 200px;
    display: inline-block;
    height: inherit;
    margin: 10px 0 0;
    padding: 12px 10px;
    border-radius: 100px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    background: #e64c3c
}

.image-cards .inner {
    background: #fff;
    margin: 15px 0;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 5px
}

.image-cards .image img {
    max-width: 100%;
    border-radius: 5px 5px 0 0
}

.image-cards .inner .caption {
    padding: 18px 15px
}

.image-cards .inner .caption p {
    margin-bottom: 5px;
    line-height: 22px
}

.heading-block {
    margin-bottom: 30px
}

.heading-block h3 {
    font-size: 42px;
    font-weight: 600;
    line-height: inherit
}

.heading-block h4 {
    font-size: 38px;
    font-weight: 800;
    line-height: 38px;
    margin: 0
}

.counter-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Open Sans",sans-serif
}

.counter-box .inner {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column
}

.counter-box span {
    display: block;
    font-size: 37px;
    font-weight: 700;
    color: #e64c3c
}

.counter-box strong {
    font-weight: 600;
    display: block;
    margin-bottom: 20px
}

.customer-stories .nav-tabs {
    display: flex;
    border: none
}

.customer-stories p {
    font-size: 22px
}

.customer-stories .nav-tabs>li>a:hover {
    background: #fff
}

.our-services .inner strong {
    display: block;
    font-size: 16px;
    margin: 8px 0
}

.customer-stories .tab-pane {
    border: none;
    padding-top: 15px
}

.customer-stories .nav-tabs>li>a {
    position: relative;
    border: none!important;
    margin: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.customer-stories .nav-tabs>li.active>a {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-radius: 4px 4px 0 0
}

.customer-stories .nav-tabs>li>a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #e64c3c;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.customer-stories .nav-tabs>li>a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    border-top: 10px solid #e64c3c;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    width: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.customer-stories .nav-tabs>li.active a:after,.customer-stories .nav-tabs>li.active a:before {
    opacity: 1
}

.customer-stories .content {
    padding: 5rem 0
}

.big-count-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.big-count-list ul li {
    background: 0 0;
    margin: 30px 0;
    padding: 0;
    display: flex;
    align-items: center
}

.big-count-list ul li span {
    font-size: 85px;
    font-weight: 800;
    display: block;
    margin-right: 20px;
    color: #ccc
}

.big-count-list ul li p {
    margin: 0;
    font-size: 20px;
    line-height: 30px
}

.big-icon-boxes {
    display: flex;
    flex-wrap: wrap
}

.big-icon-boxes:after,.big-icon-boxes:before {
    display: none
}

.big-icon-boxes .inner,.small-icon-boxes .inner {
    box-shadow: 5px 5px 20px rgba(0,0,0,.12);
    position: relative;
    padding: 50px 35px;
    background: #fff;
    height: 100%
}

.small-icon-boxes .inner {
    padding: 40px 15px
}

.small-icon-boxes.hover_caption .inner {
    padding: 40px 15px;
    height: 180px;
    overflow: hidden
}

.small-icon-boxes.hover_caption .inner .caption {
    margin-top: 50px
}

.small-icon-boxes.hover_caption .inner .image {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.small-icon-boxes.hover_caption .inner:hover .image {
    margin-top: -110px!important;
    margin-bottom: 22px!important
}

.small-icon-boxes.hover_caption .inner:hover .caption {
    margin-top: 0
}

.small-icon-boxes.hover_caption .inner:hover h4 {
    color: #e74c3c
}

.small-icon-boxes.hover_caption .inner .caption p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px
}

.small-icon-boxes.hover_caption .inner .caption .btn-orange {
    padding: 8px 25px;
    margin-top: 5px
}

.small-icon-boxes._8 .inner {
    padding: 20px 15px
}

.small-icon-boxes._8>div {
    width: calc(100%/8);
    padding: 0 10px
}

.small-icon-boxes._5>div {
    width: calc(100%/5);
    padding: 0 10px
}

.small-icon-boxes._5>div {
    padding: 25px 15px
}

.small-icon-boxes._5 .inner .image img {
    filter: grayscale(1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.small-icon-boxes._5 .inner:hover .image img {
    filter: grayscale(0)
}

.small-icon-boxes._5 .inner h4 {
    font-size: 15px
}

.small-icon-boxes._8 .image img {
    filter: grayscale(1);
    height: 50px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.small-icon-boxes._8 .inner:hover img {
    filter: grayscale(0)
}

.small-icon-boxes._8 .inner h4 {
    font-size: 15px;
    font-weight: 400
}

.big-icon-boxes .inner .image {
    margin-bottom: 35px
}

.small-icon-boxes .inner .image {
    margin-bottom: 22px
}

.big-icon-boxes .inner h4,.small-icon-boxes .inner h4 {
    font-size: 18px;
    font-weight: 600;
    color: #6a6a6a;
    margin-bottom: 15px
}

.small-icon-boxes .inner h4 {
    margin-bottom: 0
}

.big-icon-boxes .inner p {
    margin-bottom: 0
}

.white-icon-boxes {
    margin: 30px 0
}

.white-icon-boxes ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.white-icon-boxes ul li {
    background: 0 0;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff
}

.white-icon-boxes.column-5 ul li {
    width: calc(100%/5);
    padding: 0 10px
}

.white-icon-boxes ul li .image {
    margin-bottom: 25px
}

.white-icon-boxes ul li span {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600
}

.circle-checklist li {
    background: url(../png/circle-tick.png) no-repeat left center;
    min-height: 26px;
    display: flex;
    align-items: center;
    padding-left: 42px;
    margin-top: 25px
}

.circle-checklist li:not(:last-child) {
    margin-bottom: 25px
}

.contactAddress {
    padding: 0;
    margin: 40px 0 15px
}

.contactAddress .col-lg-4 {
    margin: 15px 0
}

.contactAddress h3.color_orange {
    color: #333!important;
    position: relative;
    padding-left: 15px;
    font-size: 26px
}

.contactAddress h3.color_orange:before {
    content: "";
    position: absolute;
    border-left: 4px solid #e64c3c;
    top: 4px;
    bottom: 5px;
    left: 0
}

#contactModal .semi_heading {
    margin: 0
}

#contactModal .modal-body {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px
}

#contactModal .semi_heading a.class.pull-right {
    position: relative;
    top: -4px
}

.cmpny_ovrview .text-orange {
    color: #e64c3c
}

.contentWrapper.vAlignFlex:after,.contentWrapper.vAlignFlex:before,.contentWrapper:after,.contentWrapper:before {
    display: none
}

.vertical-align .row:after,.vertical-align .row:before {
    display: none
}

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

.icon_boxes ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 35px 15px
}

.icon_boxes .icon {
    width: 85px;
    height: 85px;
    text-align: center;
    line-height: 85px;
    margin: 0 auto 20px;
    border-radius: 100px
}

.icon_boxes ul li .title {
    letter-spacing: 0;
    background: 0 0;
    color: #5a5a5a;
    -webkit-text-fill-color: inherit;
    font: bold 20px "open Sans"
}

.icon_boxes ul li p {
    line-height: 22px;
    margin: 8px 0 0
}

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

.icon_boxes_new ul li {
    margin: 15px 0
}

.icon_boxes_new ul .title {
    font-size: 18px;
    text-transform: uppercase;
    font: 800 20px 'Source Sans Pro',sans-serif;
    margin-bottom: 12px
}

.icon_boxes_new .icon {
    margin-bottom: 25px
}

.icon_boxes_new .inner {
    padding: 0 25px
}

.case_study .owl-theme .owl-controls,.case_study ul {
    margin: 0;
    padding: 0
}

.case_study li {
    list-style: none
}

.case_study li .inner {
    display: flex;
    align-items: center
}

.case_study li .inner .brief {
    padding-left: 15px
}

.case_study li .inner .brief h4 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px
}

.case_study li .inner .img img {
    width: auto;
    height: auto
}

.case_study li .inner .brief ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.case_study li .inner .brief ul li {
    line-height: 28px
}

.case_study li .inner strong {
    display: block;
    margin-bottom: 5px;
    font: 600 20px 'Source Sans Pro',sans-serif
}

.icon-animate {
    padding: 70px 0;
    position: relative
}

.icon-animate ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.icon-animate li {
    flex: 1;
    padding: 50px 0
}

.icon-animate li:last-child {
    display: flex;
    justify-content: flex-end
}

.icon-animate li:not(:last-child) {
    border-right: 2px solid #d7dfe2
}

.icon-animate .inner {
    display: flex;
    align-items: center
}

.icon-animate .inner .text {
    position: relative;
    margin-left: 50px
}

.icon-animate .inner .text .inner_box {
    padding: 12px 15px 4px
}

.icon-animate .inner .text::after,.icon-animate .inner .text::before {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    transition: all .2s linear;
    background: #cfd8dc
}

.icon-animate .inner .text .inner_box::after,.icon-animate .inner .text .inner_box::before {
    content: "";
    width: 3px;
    height: 30px;
    position: absolute;
    transition: all .2s linear;
    background: #cfd8dc
}

.icon-animate .inner .text::after {
    right: 0;
    bottom: 0;
    transition-duration: .4s
}

.icon-animate .inner .text .inner_box::after {
    left: 0;
    top: 0;
    transition-duration: .4s
}

.icon-animate .inner .text::before {
    left: 0;
    top: 0;
    transition-duration: .4s
}

.icon-animate .inner .text .inner_box::before {
    right: 0;
    bottom: 0;
    transition-duration: .4s
}

.icon-animate .inner .text small {
    display: block;
    font-size: 12px;
    font-family: 'Source Sans Pro',sans-serif;
    letter-spacing: 1px;
    font-weight: 500
}

.icon-animate .inner .text strong {
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro',sans-serif;
    letter-spacing: 4px
}

.icon-animate .inner .text::after,.icon-animate .inner .text::before {
    background: #e64c3c
}

.icon-animate .inner .text .inner_box::after,.icon-animate .inner .text .inner_box::before {
    background: #e64c3c
}

.landing_inner_banner {
    padding: 7rem 0;
    font-family: 'open Sans',sans-serif
}
.landing-inner-banner {
    padding: 11rem 0;
    font-family: 'open Sans',sans-serif
}

.landing_inner_banner .inner-banner,
.landing-inner-banner .inner-banner {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.landing_inner_banner .caption,
.landing-inner-banner .caption {
    color: #fff
}

.landing_inner_banner .caption h1,
.landing-inner-banner .caption h1 {
    font-size: 42px
}

.landing_inner_banner .caption p,
.landing-inner-banner .caption p {
    font-size: 18px;
    font-weight: 300
}

.head_form {
    padding: 15px 25px
}

.head_form .form_inner {
    background: rgba(0,0,0,.6);
    padding: 25px;
    color: #fff;
    text-align: center;
    border-radius: 5px
}

.head_form .form_inner h3 {
    font-size: 28px;
    margin: 0 0 10px;
    font-family: "Open Sans";
    font-weight: 600
}

.head_form .form_inner h4 {
    font-size: 16px;
    color: #ececec;
    font-weight: 300;
    margin: 0 0 22px
}

.head_form .form_inner .btn {
    border-radius: 3px;
    border: none
}

.head_form .form_inner .form-control {
    border: none;
    border-radius: 1
}

.head_form .form_inner input.form-control {
    height: 40px
}

.head_form .form_inner p {
    font-size: 13px;
    font-weight: 500;
    font-family: "Open Sans"
}

.head_form .form_inner label.error {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    margin: 2px 0 0;
    text-align: left;
    width: 100%
}

.overheader {
    margin-bottom: 5rem;
    position: relative;
    z-index: 1
}

.overheader .container {
    position: relative
}

.overheader .overheader_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 25px 35px;
    background: #fff;
    position: absolute;
    top: -57px;
    right: 0;
    left: 0;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.22);
    font-family: 'Open Sans',sans-serif
}

.overheader .overheader_inner>div {
    display: flex;
    align-items: center;
    padding: 0;
    width: inherit
}

.overheader .count {
    font-size: 28px;
    color: #000
}

.overheader .ttl {
    font-weight: 700
}

.overheader .overheader_inner>div .caption {
    padding-left: 10px
}

.overheader .overheader_inner>div img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.overheader .overheader_inner>div:hover img {
    -webkit-transform: scale(1.1) rotate(-10deg);
    -moz-transform: scale(1.1) rotate(-10deg);
    transform: scale(1.1) rotate(-10deg)
}


.overheader .overheader-inner {
	position: absolute;
	top: -95px;
	right: 0;
	left: 0;
	width: 100%
}
.overheader .overheader-inner .icon_box {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(24, 24, 24,.86);
	padding: 20px
}
.overheader .overheader-inner .icon_box:nth-child(even) {
	background: rgba(0,0,0,.79);
}
.overheader .overheader-inner .icon_box .caption {
	margin-left: 12px
}
.overheader .overheader-inner .icon_box .caption {
	margin-left: 12px;
	line-height: 22px;
	text-transform: uppercase;
	color: #fff
}
.overheader .overheader-inner .count {
	font-size: 28px;
	color: #fff;
}
.addCallToAction {
	padding: 8rem 0;
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.addCallToAction .content {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.addCallToAction h1 {
	margin: 0;
	font-size: 42px;
	letter-spacing: 1px;
}

.memphis-parallax {
    list-style: none;
    margin: 0;
    padding: 0
}

.memphis-parallax li {
    position: absolute;
    z-index: 1;
    background: 0 0;
    margin: 0;
    padding: 0
}

.tab-content .verticalIcon {
	display: flex;
	flex-wrap: wrap
}
.verticalIcon .inner {
    display: flex;
    align-items: center;
		margin: 1.5rem 0;
}
.verticalIcon .inner .text {
	padding-left: 15px;
	font: 18px 'Source Sans Pro',sans-serif
}
.verticalIcon .inner .text b {
	font-weight: 600;
	color: #000
}
.verticalTabs-1 {
	padding-right: 60px;
	font-family: 'Source Sans Pro',sans-serif
}
.verticalTabs-1 .inner {
	padding: 18px 35px;
	background: #fff;
	margin: 18px 0;
	border-radius: 15px;
	position: relative;
	cursor: pointer
}
.verticalTabs-1 .item.active .inner {
	padding: 35px;	
}
.verticalTabs-1 .item.active .inner:after {
	content: "";
	position: absolute;
	top: 0;
	right: -45px;
	bottom: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 45px solid #fff;
	height: 0;
	margin: auto
}
.verticalTabs-1 .inner strong {
	font-size: 28px;
	line-height: 30px;
	display: block
}
.verticalTabs-1 .item.active .inner strong {
	margin-bottom: 5px
}
.verticalTabs-1 .inner p {
	display: none;
	line-height: inherit
}
.verticalTabs-1 .inner p:last-child {
	margin: 0;
}
.verticalTabs-1 .item.active .inner {
	border-radius: 15px 0 0 15px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
			transition: all .5s ease
}
.verticalTabs-1 .item.active .inner p {
	
}
[class*=parallax-] {
    position: relative
}

.pos_relative {
    position: relative
}

ul.service_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

ul.service_box._3>li {
    width: calc(100%/3);
    margin: 0;
    padding: 10px 5px;
    background: 0 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #ececec
}

ul.service_box._3>li:nth-child(even) {
    background: #f3f3f3
}

ul.service_box._3>li img {
    height: 60px;
    margin: 10px 0
}

ul.service_box._3>li h4 {
    font-size: 15px;
    margin: 0
}

.semi_heading._new {
    margin-bottom: 15px;
    font-size: 34px;
    text-transform: capitalize;
    line-height: initial
}

p.para-title.quote {
    font-size: 18px;
    text-align: center;
    position: relative
}

p.para-title.quote:before {
    content: "\f10d";
    position: absolute;
    font: 14px/1 FontAwesome;
    top: 0;
    left: 0;
    color: #e64c3c
}

p.para-title.quote:after {
    content: "\f10e";
    position: absolute;
    font: 14px/1 FontAwesome;
    bottom: 0;
    right: -5px;
    color: #e64c3c
}

.hire_section {
    position: relative;
    background-attachment: fixed;
    background-position: top
}

.hire_section:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 0
}

.hire_section .content {
    position: relative;
    color: #fff;
    text-align: center
}

.hire_section .content h3 {
    font-size: 40px;
    line-height: 55px
}

.hire_section .content p {
    font-size: 18px;
    margin-bottom: 30px
}

.hire_section .content ul.list-inline {
    margin: 0 0 35px;
    padding: 0;
    list-style: none
}

.hire_section .content ul.list-inline li {
    background: 0 0;
    margin: 0;
    padding: 0 3rem;
    text-align: center
}

.hire_section .content ul.list-inline li img {
    display: block;
    margin: 0 auto
}

.btn-white {
	background: #fff;
	border: 2px solid #fff;
	color: #000;
	-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
			transition: all .3s ease
}
.btn-white:hover {
	border: 2px solid #fff;
	background: transparent;
	color: #fff
}
.btn-lg-n {
	padding: 10px 35px;
	font-size: 16px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 700
}

.title_hover_boxes .inner {
	box-shadow: 0 0px 19px rgba(0,0,0,.1);
	position: relative;
	overflow: hidden;
}
.title_hover_boxes .inner[role="button"] {
	cursor: pointer
}
.title_hover_boxes .caption {
	position: absolute;
	right: 0;
	left: 0;
	background: #fff;
	padding: 0 15px 15px;
	bottom: 0;
	-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
			transition: all .2s ease;
	-webkit-transform: translateY(calc(100% - 44px));
		-moz-transform: translateY(calc(100% - 44px));
			transform: translateY(calc(100% - 44px))
}
.title_hover_boxes .inner:hover .caption {
	-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
			transform: translateY(0)
}
.title_hover_boxes .inner .image img {
	width: 100%
}
.title_hover_boxes .caption .btn-sm {
	padding: 7px 20px;
	font-size: 12px;
	text-transform: none
}

.btn-black {
	background: #232323;
	color: #fff;
	border: 2px solid #232323;
	-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
			transition: all .5s ease
}
.btn-black:hover {
	color: #232323;
	background: transparent
}

#galleryModal .modal-body {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0
}
#galleryModal .modal-body .content {
	padding: 20px 30px;
}
#galleryModal .modal-body .content h3 {
	margin-top: 0;
}
#galleryModal .modal-body .content p {
	margin: 15px 0
}
#galleryModal button.close {
	position: absolute;
	top: -15px;
	right: -20px;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #e64c3c;
	color: #fff;
	font-weight: 300;
	font-size: 34px;
	opacity: 1;
	z-index: 1;
	font-family: arial
}

.portfolio_tabs {
	margin-top: 20px
}
.portfolio_tabs ul.nav.nav-tabs {
	border: none;
	text-align: center
}
.portfolio_tabs ul.nav.nav-tabs li {
	border: none;
	display: inline-block;
	float: none;
}
.portfolio_tabs ul.nav.nav-tabs li a {
	font-size: 16px;
	border: none !important;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #939393;
	position: relative
}
.portfolio_tabs ul.nav.nav-tabs li.active a {
	color: #000
}
.portfolio_tabs ul.nav.nav-tabs li.active a:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #777777
}
.portfolio_tabs ul.nav.nav-tabs li a:hover {
	background: transparent;
}

.portfolio_tabs .contentWrapper.clearfix {
	display: flex;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	border-bottom: 1px dashed #b1b1b1;
}
.portfolio_tabs .contentWrapper > div {
	display: table-cell;
	vertical-align: middle;
	float: none
}
.portfolio_tabs .contentWrapper > div h3 {
	font: 28px "Open Sans";
	margin: 0
}
.portfolio_tabs .contentWrapper > div .content p {
	margin: 10px 0
}
.portfolio_tabs .cmpny_ovrview ul {
	margin-bottom: 20px
}
.portfolio_tabs .contentWrapper.clearfix:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.portfolio_tabs .carousel-indicators {
	bottom: -30px;
	position: relative;
	margin: 0;
	left: 0;
	width: 100%;
}
.portfolio_tabs .carousel-indicators li {
	margin: 0;
	background: 0;
	padding: 0;
	border: 1px solid #9a9a9a;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
			transition: all .2s ease
}
.portfolio_tabs .carousel-indicators .active {
	width: 14px;
	height: 14px;
	background-color: #e64c3c;
	border-color: #e64c3c
}
.portfolio_tabs a.carouselControl {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	width: 40px;
	height: 40px;
	margin: auto 0;
	color: #a0a0a0;
	border: 1px solid #a0a0a0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px
}
.portfolio_tabs a.carouselControl:hover {
	color: #a0a0a0;
}
.portfolio_tabs a.right.carouselControl {
	left: initial	;
	right: 15px
}

@media (max-width: 419px) {
    .inner-iconbox-list li {
        width:calc(100%/2)
    }
}

@media (max-width: 425px) {
    .tech_logos {
        margin-bottom:15px
    }

    .tech_logos ul li {
        width: 50%
    }

    .tech_logos ul li img {
        max-width: 100%
    }

    .white-icon-boxes.column-5 ul li {
        width: 100%!important
    }

    .small-icon-boxes._8>div {
        width: calc(100%/2);
        padding: 5px
    }

    ul.service_box._3>li {
        width: calc(100%/2);
        background: #fff!important
    }
}

@media (min-width: 420px) and (max-width:767px) {
    .inner-iconbox-list li {
        width:calc(100%/3)
    }

    ul.service_box._3>li {
        width: calc(100%/3)
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .inner-iconbox-list li {
        width:calc(100%/4)
    }

    .big-icons ul li .inner {
        border: 1px solid #dcdcdc;
        margin: 15px 0;
        padding: 15px 10px;
        text-align: center;
        font-size: 16px
    }

    .service_logo div[class*=col-] {
        padding: 0 5px;
        font-size: 16px
    }

    .icon-animate {
        padding: 50px 0 40px
    }

    .icon-animate li {
        padding: 30px 0
    }

    .icon-animate .inner .icon img {
        max-width: 80px
    }

    .icon-animate .inner .text {
        margin-left: 20px
    }

    .icon-animate .inner .text strong {
        font-size: 25px;
        letter-spacing: 2px
    }

    .small-icon-boxes._8>div {
        width: calc(100%/4);
        padding: 5px
    }

    ul.service_box._3>li {
        width: calc(100%/3)
    }
		.portfolio_tabs .contentWrapper img {
			max-width: 100%
		}
		.portfolio_tabs .contentWrapper > div h3 {
			font: 22px "Open Sans"
		}
		.portfolio_tabs .contentWrapper > div .content p {
			margin: 10px 0
		}
		.carousel-caption.icon-text .container {
			display: block
		}
		.carousel-caption.icon-text .icons {
			position: relative;
			flex-direction: row;
			margin-left: 0px;
			margin-bottom: 10px;
			justify-content: space-around;
		}
		.carousel-caption.icon-text .icons img {
			margin: 0
		}
		.carousel-indicators {
			display: none
		}
}

@media (min-width: 992px) {
    .shrink-nav .navbar-nav>li>a {
        color:#000!important;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        margin:0!important
    }

    header nav .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        overflow-y: auto;
        background: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 2
    }

    header nav .navbar-collapse.active {
        left: 0
    }

    header nav .navbar-collapse .caret {
        float: right
    }

    .dropdown-menu-large .dropdown-header ul {
        display: none;
        padding: 0 0 0 10px
    }

    .dropdown-menu .divider {
        display: none
    }

    .navbar-nav .fa-angle-down {
        position: absolute;
        top: 0;
        right: 18px;
        bottom: 0;
        display: flex;
        align-items: center
    }

    header .navbar-default .container {
        padding: 0
    }

    .navbar-default .navbar-brand {
        color: #777;
        padding: 15px 10px
    }

    .inner_bnr_caption {
        top: 0;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 0
    }

    .inner_bnr,.inner_bnr_cvr {
        margin-top: 52px
    }

    .inner_bnr_caption .text-center.mrgn-btm-lg.mrgn-top-lg {
        margin: 0
    }

    .inner_bnr_caption p.mrgn-top-xl {
        margin: 10px 0 0
    }

    .small-icon-boxes._5>div,.small-icon-boxes._8>div {
        width: calc(100%/4);
        padding: 5px
    }

    .small-icon-boxes .inner {
        padding: 20px 10px
    }

    .small-icon-boxes._5 .inner h4 {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .inner_bnr {
        height:250px
    }

    .callToActionInner .heading_small {
        margin: 0 0 10px;
        font-size: 16px
    }

    .callToActionInner .heading_small:before {
        display: none
    }

    .service_logo {
        flex-wrap: wrap
    }

    .service_logo div[class*=col-] {
        padding: 0 5px;
        font-size: 12px
    }

    .press_logo {
        padding: 20px 0
    }

    .v-align {
        display: block
    }

    .inner_bnr .item center img,.inner_bnr .item>img {
        width: inherit
    }

    .circle_icon_5 ul {
        display: block;
        text-align: center
    }

    .circle_icon_5 ul li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin-top: 20px
    }

    .circle_icon_5 ul li:last-child {
        width: 80%
    }

    .cards .inner {
        margin-bottom: 15px
    }

    .parallel-section .bgImg:nth-child(odd) .row {
        display: flex;
        flex-flow: column
    }

    .parallel-section .bgImg:nth-child(odd) .row .col-sm-6:first-child {
        order: 1
    }

    .parallel-section .content.text-justify {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .cnt-icon-boxes .inner {
        padding: 20px 10px
    }

    .cnt-icon-boxes h4 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0
    }

    .inner.testimonials .inner .avatar {
        padding: 0
    }

    .inner.testimonials .inner .avatar .caption {
        width: 65%;
        margin: 8px 0 0
    }

    .inner.testimonials .inner .tesimonial_content {
        padding: 15px 0 0
    }

    .big-icons ul li .inner {
        font-size: 16px
    }

    .zsiq_theme1 div.zsiq_cnt {
        display: none
    }

    .inner.testimonials .inner .avatar span {
        color: #e74c3c;
        font-size: 12px;
        margin-top: 5px;
        display: block
    }

    .flex-content {
        display: block
    }

    .tabTitleSection:after,.title-content .item:before {
        display: none
    }

    .tabTitleSection .flex-content .col-sm-6 {
        padding: 0 15px!important
    }

    .tabTitleSection .title-tab ul {
        display: block;
        margin: 0 -2px;
        white-space: nowrap;
        overflow-x: auto
    }

    .tabTitleSection .title-tab ul li {
        width: inherit;
        padding: 0 2px;
        display: inline-block;
        white-space: normal;
        position: relative
    }

    .tabTitleSection .title-tab ul li.active:after,.tabTitleSection .title-tab ul li.active:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -10px;
        left: 0;
        width: 0;
        border-top: 12px solid #e64c3c;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        margin: 0 auto;
        z-index: 1
    }

    .tabTitleSection .title-tab ul li.active:after {
        bottom: -12px;
        border-top: 12px solid rgba(255,255,255,.4);
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        z-index: 0
    }

    .tabTitleSection .title-tab ul li .inner {
        padding: 8px 10px;
        padding-left: 15px;
        font-size: 13px;
        padding-right: 15px;
        min-width: 100px;
        text-align: center
    }

    .tabTitleSection .title-tab ul li .inner span {
        position: relative;
        left: 0;
        top: 0;
        display: table;
        align-items: center;
        margin: 0 auto
    }

    .tabTitleSection .title-tab ul li .inner span img {
        height: 25px
    }

    .title-content .item {
        padding: 2.5rem
    }

    .title-content .item strong {
        font-size: 20px;
        margin-bottom: 15px
    }

    .title-content .item p {
        font-size: 16px;
        line-height: 22px
    }

    .tabTitleSection h3 {
        font-size: 23px;
        margin: 15px 0 25px;
        line-height: 38px;
        text-align: center
    }

    .tabTitleSection h3 br {
        display: none
    }

    ul.list_big li {
        font-size: 16px;
        margin: 10px 0;
        padding: 0 0 0 15px
    }

    .check_list {
        padding: 10px 30px
    }

    .tech_logos {
        margin-bottom: 20px
    }

    .testimonial_section {
        display: block
    }

    .testimonial_section>div {
        left: 0!important;
        right: 0!important;
        padding: 0
    }

    .testimonial_section .col-sm-4 {
        display: none
    }

    .testimonial_inner {
        display: block;
        padding: 15px 10px
    }

    .testimonial_inner .avatar {
        padding: 0 10px;
        position: absolute;
        top: 15px;
        width: 60px
    }

    .testimonial_inner .avatar img {
        max-width: 100%
    }

    .testimonial_inner .content {
        padding: 5px 5px 0 10px
    }

    .testimonial_inner strong {
        font-size: 20px;
        font: 600 16px/15px 'Source Sans Pro',sans-serif;
        padding-left: 50px
    }

    .testimonial_inner span {
        font: 600 13px/22px 'Source Sans Pro',sans-serif;
        display: block;
        padding-left: 50px
    }

    .testimonial_inner p {
        font: 16px/21px 'Source Sans Pro',sans-serif;
        margin-top: 5px
    }

    .testimonial_section .owl-theme .owl-controls {
        position: relative;
        bottom: 0
    }

    .portfolio-vAlign .cmpny_ovrview:nth-child(even) .row div:nth-child(odd) {
        order: 0
    }

    .portfolio p,.portfolio1 p {
        padding-top: 15px;
        margin: 0
    }

    .portfolio-vAlign .heading_small_black,.portfolio-vAlign .heading_small_white {
        margin-top: 10px
    }

    .portfolio-vAlign .heading_small_black:before,.portfolio-vAlign .heading_small_white:before {
        min-height: 30px
    }

    .portfolio-vAlign .mrgn-top-xl {
        margin-top: 10px
    }

    .portfolio .white_brdr_btn,.portfolio1 .white_brdr_btn {
        padding: 7px 15px;
        font-size: 14px;
        margin: 0
    }

    .portfolio-vAlign .mrgn-top-xl+.wd_full {
        margin-top: 15px
    }

    .callToActionInner {
        padding: 3rem 0
    }

    .callToActionInner .inner {
        display: block;
        text-align: center
    }

    .callToActionInner p {
        font-size: 24px;
        margin: 0 0 15px;
        line-height: initial
    }

    .callToActionInner .inner a.btn-orange {
        display: inline-block
    }

    .small-icon-boxes>div {
        margin: 0;
        padding: 5px
    }

    .small-icon-boxes .inner {
        padding: 15px
    }

    .small-icon-boxes .inner .image img {
        max-width: 100%
    }

    .white-icon-boxes.column-5 ul li {
        width: calc(100%/2)
    }

    .white-icon-boxes ul li .image {
        margin-bottom: 10px
    }

    .white-icon-boxes.column-5 ul li .image img {
        max-width: 70px
    }

    .white-icon-boxes ul li span {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .big-count-list ul li {
        margin: 10px 0;
        padding: 0 15px;
        width: 100%
    }

    .big-count-list ul li span {
        font-size: 35px;
        margin-right: 15px
    }

    .big-count-list ul li p {
        font-size: 16px;
        line-height: 20px
    }

    .big-icon-boxes .inner h4,.small-icon-boxes .inner h4 {
        font-size: 15px
    }

    .cmpny_ovrview.bg_white .container.portfolio.mrgn-top-xl .row {
        display: flex;
        flex-direction: column
    }

    .cmpny_ovrview.bg_white .container.portfolio.mrgn-top-xl .row>:nth-child(1) {
        order: 2
    }

    .cmpny_ovrview.bg_white .container.portfolio.mrgn-top-xl .row>:nth-child(2) {
        margin-top: 25px
    }

    .cmpny_ovrview.bg_white .container.portfolio.mrgn-top-xl .row>:nth-child(2)>img {
        max-width: 100%
    }

    .cmpny_ovrview.bg_white .container.portfolio.mrgn-top-xl .row>:nth-child(2)>br {
        display: none
    }

    .cmpny_ovrview.bg_white .container.portfolio.mrgn-top-xl .row>:nth-child(1)>.mrgn-top-xl {
        margin: 0
    }

    .portfolio .wd_full a[target="_blank"] {
        margin-bottom: 10px;
        display: inline-block
    }

    .icon_boxes ul li {
        width: 100%;
        padding: 15px 0
    }

    .icon-animate {
        padding: 50px 0 40px
    }

    .icon-animate li {
        flex: 1;
        padding: 30px 0
    }

    .icon-animate .inner .text {
        margin-left: 15px
    }

    .icon-animate .inner .icon img {
        max-width: 70px
    }

    .icon-animate .inner .text strong {
        font-size: 20px;
        letter-spacing: 2
    }

    .icon-animate .inner .text small {
        letter-spacing: initial
    }

    .icon-animate .inner .text .inner_box {
        padding: 8px 10px 4px
    }

    .serv-box-left .inner h2,.serv-box-left .inner strong {
        font: 600 28px/30px 'Source Sans Pro',sans-serif
    }

    .small-icon-boxes._5>div,.small-icon-boxes._8>div {
        width: calc(100%/3);
        padding: 5px
    }

    .hire_section .content h3 {
        font-size: 22px!important;
        line-height: 34px!important
    }

    .hire_section .content ul.list-inline li {
        padding: 5px 15px!important
    }

    .hire_section .content h3 br {
        display: none!important
    }

    .landing_inner_banner {
        padding: 6rem 0 2.5rem
    }
    .landing-inner-banner {
        padding: 10rem 0
		}

    .landing_inner_banner .caption,
    .landing-inner-banner .caption {
        text-align: center
    }

    .landing_inner_banner .caption h1,
    .landing_inner-banner .caption h1 {
        font-size: 26px
    }

    .landing_inner_banner .caption p,
    .landing-inner-banner .caption p {
        line-height: inherit
    }

    .head_form {
        padding: 10px;
        max-width: 460px;
        margin: auto
    }

    .head_form .form_inner {
        padding: 20px 20px;
        text-align: center
    }

    .head_form .form_inner h3 {
        font-size: 20px
    }

    .head_form .form_inner h4 {
        font-size: 15px;
        margin: 0 0 18px;
        line-height: inherit
    }

    .head_form .form_inner input.form-control {
        height: 40px
    }

    .overheader {
        margin-bottom: 0
    }

    .overheader .overheader_inner {
        position: relative;
        top: 0;
        padding: 15px;
        text-align: center
    }

    .overheader .overheader_inner>div {
        display: block;
        width: 50%;
        margin: 5px 0;
        position: relative;
        top: 0
    }
		.overheader .overheader-inner {
			position: relative;
			top: 0
		}
		.overheader .overheader-inner .icon {
			filter: invert(1)
		}
		.overheader .overheader-inner .icon img {
			height: 35px
		}
		.overheader .overheader-inner .icon_box {
			background: #fff !important
		}
		.overheader .overheader-inner .icon_box .caption {
			color: #363636;
			font-size: 10px;
			line-height: inherit;
		}
		.overheader .overheader-inner .count {
			font-size: 16px;
			line-height: 18px;
			font-weight: 600
		}
    .small-icon-boxes._5 .inner h4 {
        font-size: 14px;
        font-weight: 400
    }

    .semi_heading._new {
        margin-bottom: 15px;
        font-size: 25px
    }

    .small-icon-boxes.hover_caption .inner .caption .btn-orange {
        padding: 8px 10px;
        margin-top: 0;
        font-size: 12px
    }

    .small-icon-boxes.hover_caption .inner .caption p {
        font-size: 13px;
        line-height: inherit;
        margin-top: 5px
    }

    .small-icon-boxes.hover_caption .inner:hover h4 {
        line-height: inherit
    }

    .zsiq_theme1 div.zsiq_cnt {
        display: none!important
    }

    .hire_section .content h3 {
        margin-top: 0;
        font-size: 26px;
        line-height: 36px
    }

    .hire_section .content h3 br {
        display: none
    }

    .hire_section .content ul.list-inline li {
        padding: 0 10px
    }
		.title_hover_boxes .caption h4 {
			font-size: 12px;
			margin: 5px 0
		}
		.title_hover_boxes .caption p {
			display: none
		}
		.title_hover_boxes .caption .mrgn-btm-lg,
		.title_hover_boxes .caption .mrgn-btm-lg p {
			display: none;
		}
		.title_hover_boxes .caption {
			-webkit-transform: translateY(calc(100% - 34px));
				-moz-transform: translateY(calc(100% - 34px));
					transform: translateY(calc(100% - 34px));
		}
		#galleryModal .modal-body {
			flex-direction: column
		}
		#galleryModal .modal-body .content p {
			margin: 15px 0
		}
		#galleryModal button.close {
			position: absolute;
			top: 10px;
			right: 10px
		}
		.addCallToAction {
			text-align: center
		}
		.addCallToAction h2.text-white {
			font-size: 20px;
			margin-bottom: 15px !important
		}
		.verticalTabs-1 {
			padding: 0 0 10px;
			display: flex;
			overflow: auto;
		}
		.verticalTabs-1 .item {
			padding: 0 2px;
		}
		.verticalTabs-1 .item.active .inner:after {
			display: none
		}
		.verticalTabs-1 .inner,
		.verticalTabs-1 .item.active .inner {
			margin: 0;
			padding: 15px 10px;
			width: 160px;
			text-align: center;
			height: 100%;
			display: flex;
			align-items: center;
			border-radius: 5px;
			box-shadow: none
		}
		.verticalTabs-1 .item .inner strong,
		.verticalTabs-1 .item.active .inner strong {
			margin-bottom: 5px;
			font-size: 12px;
			line-height: 16px;
			display: block;
			font-weight: 500;
		}
		.verticalTabs-1 .inner p {
			display: none !important
		}
		.verticalTabs-1 .item.active .inner p {
			display: none !important
		}
		.verticalIcon .inner {
			display: block;
			align-items: center;
			margin: 10px 0;
			text-align: center;
		}
		.verticalTabs-1 .item.active .inner:before {
			content: "";
			display: block;
			width: 10px;
			border-top: 10px solid #fff;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			z-index: 99;
			position: absolute;
			right: 0;
			bottom: -10px;
			left: 0;
			margin: auto;
		}
		.verticalIcon .col-lg-6 {
			padding: 0 5px;
		}
		.verticalIcon .inner .text {
			padding: 10px 0 0;
		}
		.verticalIcon .inner .text b {
			font-size: 14px;
			display: block;
		}
		.portfolio_tabs .contentWrapper > div {
			display: block;
			padding: 0
		}
		.portfolio_tabs .contentWrapper > div > img {
			max-width: 100%
		}
		.portfolio_tabs .contentWrapper > div .content {
			padding: 1.5rem 15px
		}
		.portfolio_tabs .contentWrapper+.divider {
			margin: 10px 0
		}
		.portfolio_tabs .contentWrapper > div .content .wd_full a img {
			height: 30px
		}
		.portfolio_tabs .contentWrapper > div h3 {
			font-size: 18px;
			font-weight: 600;
		}
		.portfolio_tabs .contentWrapper > div .content p {
			margin: 10px 0 20px;
			display: block
		}
		.portfolio_tabs a.carouselControl {
			left: 5px;
			width: 30px;
			height: 33px;
			font-size: 22px;
		}
		.portfolio_tabs a.right.carouselControl {
			right: 5px
		}
		.down_anchr {
			top: -25px
		}
		.down_anchr img {
			height: 50px
		}
		.carousel-caption.icon-text .container {
			display: block
		}
		.carousel-caption.icon-text .icons {
			position: relative;
			flex-direction: row;
			margin-left: 0px;
			margin-bottom: 10px;
			justify-content: space-around;
		}
		.carousel-caption.icon-text .icons img {
			height: 60px;
			margin: 0
		}
		.carousel-indicators {
			display: none
		}
}

@media (max-width: 650px) {
    .icon-animate {
        padding:40px 0 25px 0
    }

    .icon-animate li {
        padding: 10px 0
    }

    .icon-animate .inner {
        display: block;
        align-items: center;
        text-align: center
    }

    .icon-animate .inner .icon img {
        max-width: 70px
    }

    .icon-animate .inner .text {
        margin-left: 0;
        display: table;
        margin: 0 auto
    }

    .icon-animate .inner .text::after,.icon-animate .inner .text::before {
        width: 20px;
        height: 2px
    }

    .icon-animate .inner .text .inner_box {
        padding: 8px 20px 8px;
        display: table;
        margin: 0 auto;
        position: relative
    }

    .icon-animate .inner .text .inner_box::after,.icon-animate .inner .text .inner_box::before {
        width: 2px;
        height: 20px
    }

    .icon-animate .inner .text small {
        font-size: 16px;
        letter-spacing: 0
    }

    .icon-animate .inner .text strong {
        font-size: 21px;
        letter-spacing: 2px;
        line-height: 25px
    }

    .icon-animate ul {
        display: table;
        margin: 0 auto
    }

    .icon-animate li:not(:last-child) {
        border: none
    }

    .icon-animate li:last-child {
        justify-content: flex-start
    }

    .small-icon-boxes._5>div,.small-icon-boxes._8>div {
        width: calc(100%/2);
        padding: 5px
    }
}

@media (max-width: 991px) {
    .tabs.v-tabs .col-sm-3 {
        white-space:nowrap;
        overflow-x: auto;
        width: 100%;
        margin-bottom: 10px;
        padding: 0
    }

    .tabs.v-tabs .col-sm-3 li {
        display: inline-block;
        border: none!important
    }

    .tabs.v-tabs .col-sm-3 li a {
        padding: 8px 10px;
        font-size: 14px
    }

    .tabs .nav-tabs li:before {
        display: none
    }

    .tabs.v-tabs .col-sm-9 {
        width: 100%;
        padding: 0
    }

    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0
    }

    .dropdown-menu-large>li {
        margin-bottom: 30px
    }

    .dropdown-menu-large>li:last-child {
        margin-bottom: 0
    }

    .navbar-nav>li>a {
        line-height: 20px
    }

    header .navbar-default {
        background-color: #fff
    }

    .navbar-default .navbar-nav>li>a {
        color: #000;
        padding: 10px 15px
    }

    .navbar-default .navbar-nav>li>ul a {
        padding: 5px 20px 5px 0!important
    }

    .navbar-nav .open .dropdown-menu {
        padding: 0 0 0 10px;
        margin-bottom: 5px
    }

    .navbar-default .navbar-nav>li>a:hover {
        color: #000;
        background-color: transparent
    }

    .dropdown-menu-large>li {
        margin-bottom: 0
    }

    .dropdown-menu-large {
        padding: 10px 0
    }

    .dropdown-menu-large>li>ul>li:not(:last-child):after {
        display: none
    }

    .dropdown-menu-large>li>ul>li>a {
        color: #000;
        font-size: 14px;
        position: relative
    }

    .dropdown-menu-large .dropdown-header>span {
        top: 0;
        right: -5px;
        position: absolute;
        width: 25px;
        color: #2f2f2f;
        height: 30px;
        line-height: 30px;
        text-align: center
    }

    .dropdown-menu-large .dropdown-header>span.time:after {
        content: "\0002B"
    }

    .dropdown-menu-large .dropdown-header.active>span.time:after {
        content: "--";
        letter-spacing: -2px;
        font-weight: 300;
        position: relative;
        top: -2px;
        left: -1px
    }

    .dropdown-menu-large .column-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .integration .v-align {
        display: block
    }

    .integration .list-inline {
        display: block;
        overflow-x: auto;
        white-space: nowrap
    }

    .cmpny_ovrview.bg_white .container.portfolio.mrgn-top-xl .row>:nth-child(2)>img {
        display: block;
        margin: 0 auto
    }

    #video-modal .modal-footer.text-center {
        text-align: center
    }

    .hide_bg {
        background: 0 0!important
    }

    .inner_bnr_caption>span {
        font-size: 24px!important;
        margin-top: 0!important;
        line-height: 35px
    }

    .inner_bnr_caption h5 {
        display: none
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .tabs.v-tabs .col-sm-3 {
        width:325px
    }

    .tabs.v-tabs .col-sm-9 {
        width: 65%
    }

    .inner.testimonials .inner {
        margin: 15px 0
    }

    .inner.testimonials .inner .avatar {
        position: relative;
        top: 0;
        left: 0;
        padding: 0
    }

    .inner.testimonials .inner .tesimonial_content {
        padding: 0 5px
    }

    .icon_boxes ul li {
        padding: 15px 5px
    }

    .icon_boxes ul li .title {
        font: bold 16px "open Sans"
    }

    .icon-animate {
        padding: 60px 0
    }

    .icon-animate .inner .text {
        margin-left: 20px
    }

    .icon-animate .inner .icon img {
        max-width: 100px
    }

    .icon-animate .inner .text strong {
        letter-spacing: 2px
    }
		.carousel-caption.icon-text .icons img {
				margin: 2px 0
		}
}

@media (min-width: 992px) and (max-width:1200px) {
    header .container {
        width:100%
    }

    .navbar-brand {
        padding: 25px 15px
    }
}

@media (max-width: 1360px) {
    .inner_bnr .item.active {
        display:flex;
        align-items: center;
        justify-content: center
    }
}