@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body,
html {
    font-family: Raleway, sans-serif!important
}

a,
a:focus,
a:hover,
a>* {
    outline: 0;
    text-decoration: none
}

body,
p {
    line-height: 30px
}

#our-services h3,
.btn-download {
    text-align: left
}

.overlay,
.overlay .container,
.ph-no a {
    position: relative
}

.hero-clouds,
.overlay:before {
    left: 0;
    top: 0;
    position: absolute
}

.error-info h1,
.error-wrapper-alt h1 {
    text-shadow: 5px 5px 0 #dadada, -1px -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada
}

.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:hover,
a,
a>* {
    cursor: pointer
}

.overlay:before,
.progress-dot::before {
    content: ""
}

.btn-download strong,
.error-sub,
.request-quite h3 {
    text-transform: uppercase
}

.our-txt ul li,
a,
a:focus,
a:hover,
a>* {
    text-decoration: none
}

.tel svg,
.valign-cell {
    vertical-align: middle
}

body {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased!important;
    width: 100%;
    height: 100%
}

.ph-no.pull-left a {
    font-family: 'Open Sans', sans-serif
}

a {
    color: #ed145b
}

a:focus,
a:hover {
    color:#E61E25;
}

.form-control,
.navbar a,
a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

h1,
h2,
h2 a,
h3,
h4,
h5,
h6 {
    font-family: Raleway, sans-serif!important;
    font-weight: 400;
    color: #202020;
    margin: 0 0 15px
}

.hover:hover h2 a {
    color: #fff!important
}

h1 {
    font-size: 40px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

hr,
p img {
    margin: 0
}

p {
    margin: 0 0 30px
}

.btn {
    height: 50px;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 26px;
    background-color: #e61e25;
    border: 0;
    border-radius: 30px
}

.border-tb,
.border-top {
    border-top: 1px solid #eee
}

.btn-lg {
    padding: 12px 38px
}

.ph-no a {
    color: #fff;
    display: inline-block;
    padding-left: 0;
    background-repeat: no-repeat;
    background-position: left center;
	font-size:14px
}

.ph-no {
    padding-top: 9px;
    transition: all 0.3s ease;
}

.re-qu {
    padding-top: 5px;
	transition: all 0.3s ease;
}

.re-qu a {
    color: #fff;
    height: 40px;
    border-radius: 30px;
    background-color: #0948C9;
    padding: 7px 15px;
	font-size:13px;
	
}

.tt-nav.sticky .re-qu.mt-30 {
    margin-top: 10px
}

.tt-nav.sticky .ph-no.mt-30 {
    margin-top: 10px;
    color: #000
}

.tt-nav.sticky .ph-no.mt-30 a {
    color: #000
}

.tt-nav.sticky .tel a #phone path {
    fill: #000
}

.tt-nav.sticky .re-qu.mt-30 a {
    background-color: #114F92;
    color: #fff
}

.btn:hover,
.tt-nav.sticky .re-qu.mt-30 a:hover {
    background-color: #104884;
}

@media screen and (max-width:767px) {
    .btn-lg {
        height: auto;
        font-size: 14px;
        padding: 8px 25px
    }
}

.contact-form-bg,
.contact-form-wrapper {
    background: url(assets/img/vactor-map.png) center center no-repeat
}

.btn.active,
.btn:active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn.white,
.btn.white:focus,
.btn.white:hover {
    color: #03a9f4
}

.btn i.material-icons {
    font-size: 20px
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #fff
}

.btn:focus,
button:focus {
    outline: 0!important
}

.btn-download {
    padding: 16px 38px;
    line-height: 22px;
    height: 75px
}

.btn-download i {
    font-size: 30px;
    line-height: 48px
}

.btn-download span {
    display: block!important;
    overflow: hidden
}

.btn-download strong {
    display: block;
    font-size: 20px;
    font-weight: 900
}

address {
    margin: 30px 0 0;
    font-style: normal;
    line-height: 25px
}

address hr {
    margin-top: 20px;
    margin-bottom: 20px
}

.contact-info i {
    font-size: 30px;
    line-height: 38px;
    float: left;
    margin-right: 18px;
    padding-left: 2px
}

.contact-info .address,
.contact-info .mail,
.contact-info .phone {
    overflow: hidden
}

.contact-info .mail a {
    color: #999
}

.contact-info .mail a:hover {
    color: #03a9f4
}

#mapcontent p {
    margin: 0
}

.contact-form-bg {
    background-size: contain
}

.form-control {
    border-radius: 0
}

.input-field {
    margin-top: 45px
}

.input-field label {
    color: #4c4c4c;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0
}

.input-field label.active {
    font-size: 12px;
    color: #673ab7!important
}

.alert {
    padding: 12px 15px
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea.materialize-textarea {
    border-bottom: 1px solid #9b9b9b;
    font-size: 14px
}

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #03a9f4;
    box-shadow: 0 1px 0 0 #03a9f4
}

input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #03a9f4
}

textarea.materialize-textarea {
    min-height: 60px
}

.solid-bg input[type=email],
.solid-bg input[type=text],
.solid-bg textarea.materialize-textarea {
    border-bottom: 1px solid #fff
}

.solid-bg input[type=email]:focus:not([readonly]),
.solid-bg input[type=text]:focus:not([readonly]),
.solid-bg textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff
}

.solid-bg .input-field label,
.solid-bg input[type=email],
.solid-bg input[type=email]:focus:not([readonly])+label,
.solid-bg input[type=text],
.solid-bg input[type=text]:focus:not([readonly])+label,
.solid-bg textarea.materialize-textarea:focus:not([readonly])+label {
    color: #fff
}

.no-margin {
    margin: 0!important
}

.no-gutter>[class*=col-], .no-gutter.owl-carousel .owl-item > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.no-padding {
    padding: 0!important
}

.section-padding {
    padding: 50px 0
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-80 {
    margin-top: 80px
}

.mt-100 {
    margin-top: 100px
}

.mb-10 {
    margin-bottom: 10px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.mb-80 {
    margin-bottom: 80px!important
}

.mb-100 {
    margin-bottom: 100px!important
}

.mtb-50 {
    margin: 50px 0!important
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.ml-10 {
    margin-left: 10px
}

.ml-20 {
    margin-left: 20px
}

.padding-top-50 {
    padding-top: 50px
}

.padding-top-70 {
    padding-top: 70px
}

.padding-top-90 {
    padding-top: 90px
}

.padding-top-100 {
    padding-top: 100px
}

.padding-top-110 {
    padding-top: 110px
}

.padding-top-120 {
    padding-top: 120px
}

.padding-top-160 {
    padding-top: 160px
}

.padding-top-220 {
    padding-top: 220px
}

@media screen and (max-width:768px) {
    .padding-top-220 {
        padding-top: 170px
    }
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-50 {
    padding-bottom: 50px
}

.padding-bottom-70 {
    padding-bottom: 70px
}

.padding-bottom-80 {
    padding-bottom: 80px
}

.padding-bottom-90 {
    padding-bottom: 90px
}

.padding-bottom-100 {
    padding-bottom: 100px
}

.padding-bottom-110 {
    padding-bottom: 110px
}

.padding-bottom-120 {
    padding-bottom: 120px
}

.padding-bottom-190 {
    padding-bottom: 190px
}

@media screen and (min-width:992px) {
    .pl-100 {
        padding-left: 100px
    }
}

.ptb-30 {
    padding: 30px 0
}

.ptb-50 {
    padding: 50px 0
}

.ptb-70 {
    padding: 70px 0
}

.ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.ptb-110 {
    padding-top: 110px;
    padding-bottom: 110px
}

.ptb-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.ptb-150 {
    padding: 150px 0
}

.ptb-190 {
    padding: 190px 0
}

@media (max-width:991px) {
    .mb-sm-30 {
        margin-bottom: 30px
    }
    .mb-sm-50 {
        margin-bottom: 50px
    }
    .mt-sm-50 {
        margin-top: 50px
    }
}

.radius-2 {
    border-radius: 2px
}

.radius-3 {
    border-radius: 3px
}

.radius-4 {
    border-radius: 4px
}

.font-20 {
    font-size: 20px
}

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

.font-30 {
    font-size: 30px
}

.font-35 {
    font-size: 35px
}
.font-36 {
    font-size: 36px
}
.font-40 {
    font-size: 40px
}

@media screen and (max-width:767px) {
    .font-30 {
        font-size: 25px
    }
    .font-35,
    .font-40,
    h1 {
        font-size: 30px
    }
}

.line-height-40 {
    line-height: 40px
}

.line-height-50 {
    line-height: 50px
}

.text-light {
    font-weight: 300!important
}

.text-regular {
    font-weight: 400!important
}

.text-medium {
    font-weight: 500!important
}

.text-bold {
    font-weight: 700!important
}

.text-extrabold {
    font-weight: 900!important
}

.dark-text {
    color: #202020!important
}

.list-icon li {
    font-size: 17px;
    line-height: 40px
}

.list-icon li .material-icons {
    position: relative;
    top: 5px
}

.height-350 {
    height: 350px!important
}

.height-450 {
    height: 450px!important
}

.height-650 {
    height: 650px!important
}

.brand-color {
    color: #03a9f4!important
}

.brand-bg {
    background-color: #03a9f4!important
}

.brand-bg.darken-2 {
    background-color: #000!important
}

.brand-hover:hover {
    background-color: #03a9f4!important
}

.green-bg {
    background-color: #71c44c
}

.green-color {
    color: #71c44c
}

.pink {
    background-color: #ed145b!important
}

.white-bg {
    background-color: #fff!important
}

.gray-bg {
    background-color: #eee!important
}

.light-gray-bg {
    background-color: #f3f3f3!important
}

.light-pink-bg {
    background: #fff8f1!important
}

.dark-bg.darken-1 {
    background: #101010!important
}

.dark-bg {
    background: #202020!important
}

.dark-bg.lighten-1 {
    background-color: #1e262a!important
}

.dark-bg.lighten-2 {
    background-color: #303b41!important
}

.dark-bg.lighten-3 {
    background-color: #2c2c2c!important
}

.border-tb {
    border-bottom: 1px solid #eee
}

.overlay:before {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

.overlay.dark-0:before {
    background-color: rgba(0, 0, 0, 0)
}

.overlay.dark-1:before {
    background-color: rgba(0, 0, 0, .1)
}

.overlay.dark-2:before {
    background-color: rgba(0, 0, 0, .2)
}

.overlay.dark-3:before {
    background-color: rgba(0, 0, 0, .3)
}

.overlay.dark-4:before {
    background-color: rgba(0, 0, 0, .4)
}

.overlay.dark-5:before {
    background-color: rgba(0, 0, 0, .5)
}

.overlay.dark-6:before {
    background-color: rgba(0, 0, 0, .6)
}

.overlay.dark-7:before {
    background-color: rgba(0, 0, 0, .7)
}

.overlay.dark-8:before {
    background-color: rgba(0, 0, 0, .8)
}

.overlay.dark-9:before {
    background-color: rgba(0, 0, 0, .9)
}

.overlay.dark-10:before {
    background-color: rgba(0, 0, 0, 1)
}

.overlay.light-0:before {
    background-color: rgba(255, 255, 255, 0)
}

.overlay.light-1:before {
    background-color: rgba(255, 255, 255, .1)
}

.overlay.light-2:before {
    background-color: rgba(255, 255, 255, .2)
}

.overlay.light-3:before {
    background-color: rgba(255, 255, 255, .3)
}

.overlay.light-4:before {
    background-color: rgba(255, 255, 255, .4)
}

.overlay.light-5:before {
    background-color: rgba(255, 255, 255, .5)
}

.overlay.light-6:before {
    background-color: rgba(255, 255, 255, .6)
}

.overlay.light-7:before {
    background-color: rgba(255, 255, 255, .7)
}

.overlay.light-8:before {
    background-color: rgba(255, 255, 255, .8)
}

.overlay.light-9:before {
    background-color: rgba(255, 255, 255, .9)
}

.overlay.light-10:before {
    background-color: rgba(255, 255, 255, 1)
}

.full-height {
    height: 100vh;
    width: 100%
}

.half-height {
    height: 78vh!important;
    width: 100%
}

.valign-wrapper {
    display: table;
    width: 100%
}

.valign-cell {
    display: table-cell
}

.intro-title {
    font-size: 50px;
    font-weight: 700
}

.sub-intro {
    display: block;
    margin: 0 auto 30px
}

@media (min-width:768px) {
    .sub-intro {
        width: 60%
    }
}

.section-title {
    font-size: 40px;
    margin-bottom: 20px
}

.section-sub,
.width-60 {
    margin: 0 auto
}

@media (min-width:992px) {
    #contactForm .submit-button {
        float: right
    }
    .section-sub {
        width: 60%
    }
}

.width-60 {
    width: 60%
}

@media screen and (max-width:767px) {
    .intro-title {
        font-size: 35px
    }
    .section-title {
        font-size: 30px
    }
    .section-title p,
    .width-60 {
        width: 100%
    }
}

.hero-clouds {
    width: 250.625em;
    height: 100vh;
    background: url(assets/img/banner/clouds.png) 0 100% repeat-x;
    -webkit-animation: cloudLoop 80s linear infinite;
    animation: cloudLoop 80s linear infinite
}

@-webkit-keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

.mouse-icon {
    position: absolute;
    left: 50%;
    bottom: 40px;
    border: 2px solid #fff;
    border-radius: 16px;
    height: 40px;
    width: 24px;
    margin-left: -15px;
    display: block;
    z-index: 10
}

.mouse-icon .wheel {
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    position: relative;
    border-radius: 10px;
    background: #fff;
    width: 2px;
    height: 6px;
    top: 4px;
    margin-left: auto;
    margin-right: auto
}

@-webkit-keyframes drop {
    0% {
        top: 5px;
        opacity: 0
    }
    30% {
        top: 10px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0
    }
}

@keyframes drop {
    0% {
        top: 5px;
        opacity: 0
    }
    30% {
        top: 10px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0
    }
}

.video-intro {
    position: relative
}

.video-intro .external-link {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px
}

.mocup-wrapper,
.profile .author-cover,
.video-trigger i.material-icons {
    position: relative
}

.video-intro .external-link .material-icons {
    font-size: 60px;
    color: rgba(255, 255, 255, .4);
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

.video-intro:hover .external-link .material-icons {
    color: rgba(255, 255, 255, .9)
}

.video-trigger i.material-icons {
    font-size: 68px;
    color: #fff;
    margin: 0 20px;
    top: 24px
}

.mocup-wrapper img {
    max-width: 100%
}

@media screen and (max-width:991px) {
    .mocup-wrapper-sm img {
        width: 100%
    }
}

.banner-wrapper {
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.banner-1 {
    background-image: url(assets/img/banner/banner-1.jpg)
}

.banner-2 {
    background-image: url(assets/img/banner/banner-2.jpg)
}

.banner-3 {
    background-image: url(assets/img/banner/banner-3.jpg)
}

.banner-4 {
    background-image: url(assets/img/banner/banner-4.jpg)
}

.banner-5 {
    background-image: url(assets/img/banner/banner-5.jpg)
}

.banner-6 {
    background-image: url(assets/img/banner/banner-6.jpg)
}

.banner-7 {
    background-image: url(assets/img/banner/banner-7.jpg)
}

.banner-8 {
    background-image: url(assets/img/banner/banner-8.html)
}

.banner-9 {
    background-image: url(assets/img/banner/banner-9.jpg)
}

.banner-10 {
    background-image: url(assets/img/banner/banner-10.jpg)
}

.banner-11 {
    background-image: url(assets/img/banner/banner-11.jpg)
}

.banner-12 {
    background-image: url(assets/img/banner/banner-12.jpg)
}

.banner-13 {
    background-image: url(assets/img/banner/banner-13.jpg)
}

.banner-14 {
    background-image: url(assets/img/banner/banner-14.jpg)
}

.banner-14.overlay::before {
    background-color: rgba(246, 72, 63, .9)
}

.banner-15 {
    background-image: url(assets/img/banner/banner-15.jpg)
}

.banner-16 {
    background-image: url(assets/img/banner/banner-16.jpg)
}

.banner-17 {
    background-image: url(assets/img/banner/banner-17.jpg)
}

.banner-18 {
    background-image: url(assets/img/banner/banner-18.jpg)
}

.banner-19 {
    background-image: url(assets/img/banner/banner-19.jpg)
}

.banner-20 {
    background-image: url(assets/img/banner/banner-20.jpg)
}

.banner-21 {
    background-image: url(assets/img/banner/banner-21.jpg)
}

.banner-22 {
    background-image: url(assets/img/banner/banner-22.html)
}

.banner-23 {
    background-image: url(assets/img/banner/banner-23.jpg)
}

.banner-24 {
    background-image: url(assets/img/banner/banner-24.jpg)
}

.banner-25 {
    background-image: url(assets/img/banner/banner-25.jpg)
}

.banner-28 {
    background-image: url(assets/img/banner/banner-28.html)
}

.banner-29 {
    background-image: url(assets/img/banner/banner-29.jpg)
}

.banner-30 {
    background-image: url(assets/img/banner/banner-30.jpg)
}

.banner-31 {
    background-image: url(assets/img/banner/banner-31.jpg)
}

.banner-32 {
    background-image: url(assets/img/banner/banner-32.jpg);
    background-size: cover
}

.banner-33 {
    background-image: url(assets/img/banner/banner-33.jpg)
}

.banner-34 {
    background-image: url(assets/img/banner/banner-34.jpg)
}

.banner-35 {
    background-image: url(assets/img/banner/banner-35.jpg)
}

.banner-36 {
    background-image: url(assets/img/banner/banner-36.jpg)
}

.banner-37 {
    background-image: url(assets/img/banner/banner-37.jpg)
}

.error-wrapper {
    padding: 50px 0
}

.error-wrapper i {
    font-size: 130px;
    line-height: 170px;
    text-align: center;
    display: block;
    color: #dadada
}

.error-info {
    padding-left: 60px;
    border-left: 1px solid #eee
}

.error-info h1 {
    color: #fff;
    font-size: 130px;
    line-height: 100px;
    font-weight: 700
}

.ie9 .error-info h1,
.ie9 .error-wrapper-alt h1 {
    color: #999
}

.error-sub {
    display: block;
    font-size: 30px;
    line-height: 45px;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .banner-wrapper {
        margin-top: 45px
    }
    .error-info {
        padding-left: 0;
        border-left: 0;
        text-align: center
    }
}

@media (min-width:992px) {
    .error-wrapper {
        padding: 200px 0
    }
}

.error-wrapper-alt h1 {
    color: #fff;
    font-size: 130px;
    line-height: 130px;
    font-weight: 700
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    right: -10px;
    padding-right: 0;
    width: 40px;
    text-align: center
}

button.mfp-arrow,
button.mfp-close:focus {
    background-color: transparent
}

.mfp-bg {
    z-index: 1055
}

.mfp-wrap {
    z-index: 1056
}

.mfp-zoom-out-cur {
    cursor: default
}

.box-padding {
    padding: 60px 40px
}

.profile .author-cover img {
    width: 100%
}

.author-wrapper.profile .author-avatar {
    position: relative;
    padding: 15px 20px 30px 130px
}

.author-wrapper.profile .author-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    padding: 5px;
    position: absolute;
    top: -30px;
    left: 15px;
    z-index: 20
}

.progress,
.waves-button-input {
    box-shadow: none;
    border-radius: 0
}

.profile .author-meta {
    padding: 0 40px;
    overflow: hidden
}

.profile .author-meta li {
    margin: 10px 0;
    font-weight: 500
}

.profile .author-meta li .title {
    display: inline-block;
    width: 135px;
    color: #202020
}

.profile .author-meta li .address {
    float: right;
    width: 50%
}

.profile .available {
    display: block;
    padding: 10px;
    text-align: center
}

.profile .available a {
    display: inline-block;
    color: #999
}

.profile .available a:hover {
    color: #03a9f4
}

@media screen and (max-width:991px) {
    .author-wrapper.profile {
        margin-top: 30px
    }
}

@media screen and (max-width:479px) {
    .box-padding .cta-button .btn {
        display: block;
        margin-top: 10px
    }
    .profile .author-meta li .title {
        width: 80px
    }
    .profile .author-meta li .address {
        width: 60%
    }
}

.progress-section {
    position: relative
}

.progress-title {
    display: block;
    margin-bottom: 8px
}

.progress {
    background-color: #eee;
    height: 5px;
    overflow: visible;
    margin-bottom: 30px
}

.progress-bar {
    box-shadow: none;
    text-align: right
}

.clients-grid .border-box:hover,
.screenshot-carousel-wrapper .carousel-control {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

#preloader,
.custom-upload,
.our-txt ul li::before,
.secondary-footer.brand-bg.darken-2,
.select-field .input-field::after,
.thank-sec,
.tt-animate i {
    text-align: center
}

.progress-bar span {
    position: absolute;
    top: -32px;
    color: #999;
    font-size: 14px;
    display: inline-block
}

.ie10 .progress-bar span,
.ie11 .progress-bar span,
.ie9 .progress-bar span {
    top: -25px;
    right: 0
}

.progress .progress-bar.six-sec-ease-in-out {
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out
}

.progress-dot {
    position: relative
}

.progress-dot::before {
    width: 20px;
    height: 20px;
    background-color: #03a9f4;
    border-radius: 50%;
    position: absolute;
    top: 0;
    margin-top: -8px;
    right: -1px
}

.clients-grid .border-box {
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    transition: box-shadow .3s
}

.clients-grid .border-box a,
.clients-grid .border-box img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.clients-grid .border-box img {
    padding: 30px 50px;
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.clients-grid .border-box img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.clients-grid.grid-gutter .border-box {
    margin-bottom: 30px
}

@media (max-width:991px) {
    .clients-grid.gutter .border-box {
        margin-bottom: 30px
    }
}

.gallery-thumb .flex-viewport li img {
    width: 100%
}

.gallery-thumb .flex-control-thumbs {
    margin: -35px 0 0
}

.gallery-thumb .flex-control-thumbs li {
    width: 70px;
    float: none;
    margin: 0 5px
}

.gallery-thumb .flex-control-thumbs img {
    width: 70px;
    height: 70px!important;
    border-radius: 50%;
    background: #fff;
    padding: 5px;
    opacity: .7;
    z-index: 100;
    position: relative
}

.gallery-thumb .flex-control-thumbs img.flex-active {
    opacity: 1
}

.gallery-thumb .flex-direction-nav a {
    opacity: 1;
    top: auto;
    bottom: 45px;
    text-align: center
}

.gallery-thumb .flex-direction-nav .flex-prev {
    left: 15px
}

.gallery-thumb .flex-direction-nav .flex-next {
    right: 15px
}

.gallery-thumb .flex-direction-nav a.flex-next::before,
.gallery-thumb .flex-direction-nav a.flex-prev::before {
    font-family: 'Material Icons';
    font-size: 20px;
    color: #fff
}

.gallery-thumb .flex-direction-nav a.flex-prev::before {
    content: 'arrow_back'
}

.gallery-thumb .flex-direction-nav a.flex-next::before {
    content: 'arrow_forward'
}

@media screen and (max-width:370px) {
    .gallery-thumb .flex-control-thumbs li {
        width: 50px
    }
    .gallery-thumb .flex-control-thumbs img {
        width: 50px;
        height: 50px!important
    }
}

nav ul li {
    float: none
}

nav ul li.active,
nav ul li:hover {
    background-color: transparent
}

nav ul a {
    font-size: inherit
}

@media only screen and (min-width:1200px) {
    .container {
        width: 1170px
    }
}

@media only screen and (max-width:749px) {
    .container {
        width: 100%
    }
}

.container .row,
.container-fluid .row {
    margin-bottom: 0
}

.container .row {
    margin-right: -15px;
    margin-left: -15px
}

.row .col {
    padding-right: 15px;
    padding-left: 15px
}

.carousel {
    height: auto
}

#owl-demo .section img {
    display: block;
    width: 100%;
    height: auto
}

.button-style .btn,
.button-style .btn-large {
    margin-right: 30px;
    margin-bottom: 30px
}

.button-style .btn-floating i {
    height: auto!important
}

@media (max-width:767px) {
    .equal-height-column {
        height: auto!important
    }
}

.tt-animate i {
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.tt-animate i::before {
    speak: none;
    display: block;
    -webkit-font-smoothing: subpixel-antialiased!important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.tt-animate.ltr i:hover::before {
    -webkit-animation: LeftToRight .3s forwards;
    -moz-animation: LeftToRight .3s forwards;
    animation: LeftToRight .3s forwards
}

.tt-animate.ltr i:before {
    -webkit-animation: RightToLeft .3s forwards;
    -moz-animation: RightToLeft .3s forwards;
    animation: RightToLeft .3s forwards
}

.tt-animate.btt i:hover::before {
    -webkit-animation: BottomToTop .3s forwards;
    -moz-animation: BottomToTop .3s forwards;
    animation: BottomToTop .3s forwards
}

.tt-animate.btt i:before {
    -webkit-animation: TopToBottom .3s forwards;
    -moz-animation: TopToBottom .3s forwards;
    animation: TopToBottom .3s forwards
}

@-webkit-keyframes LeftToRight {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes LeftToRight {
    49% {
        -moz-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes LeftToRight {
    49% {
        transform: translate(100%)
    }
    50% {
        opacity: 0;
        transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes RightToLeft {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes RightToLeft {
    49% {
        -webkit-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes RightToLeft {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes BottomToTop {
    49% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes BottomToTop {
    49% {
        -moz-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes BottomToTop {
    49% {
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes TopToBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes TopToBottom {
    49% {
        -moz-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes TopToBottom {
    49% {
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

.device-mockup {
    position: relative;
    width: 100%;
    padding-bottom: 61.775701%
}

.device-mockup>.device {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url(assets/img/device-mockups/macbook.png)
}

.device-mockup>.device>.screen {
    background-color: #000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    top: 11.0438729%;
    bottom: 14.6747352%;
    left: 13.364486%;
    right: 13.364486%;
    overflow: hidden
}

.device-mockup[data-device=ipad],
.device-mockup[data-device=ipad][data-orientation=portrait] {
    padding-bottom: 128.406276%
}

.device-mockup[data-device=ipad][data-orientation=landscape] {
    padding-bottom: 79.9086758%
}

.device-mockup[data-device=ipad]>.device,
.device-mockup[data-device=ipad][data-color=black]>.device,
.device-mockup[data-device=ipad][data-orientation=portrait][data-color=black]>.device {
    background-image: url(assets/img/device-mockups/ipad_port_black.png)
}

.device-mockup[data-device=ipad][data-color=white]>.device,
.device-mockup[data-device=ipad][data-orientation=portrait][data-color=white]>.device {
    background-image: url(assets/img/device-mockups/ipad_port_white.png)
}

.device-mockup[data-device=ipad][data-orientation=landscape]>.device,
.device-mockup[data-device=ipad][data-orientation=landscape][data-color=black]>.device {
    background-image: url(assets/img/device-mockups/ipad_land_black.png)
}

.device-mockup[data-device=ipad][data-orientation=landscape][data-color=white]>.device {
    background-image: url(assets/img/device-mockups/ipad_land_white.png)
}

.device-mockup[data-device=ipad]>.device>.screen,
.device-mockup[data-device=ipad][data-orientation=portrait]>.device>.screen {
    top: 12.025723%;
    bottom: 12.154341%;
    left: 13.45995%;
    right: 13.45995%
}

.device-mockup[data-device=ipad][data-orientation=landscape]>.device>.screen {
    top: 13.87755102%;
    bottom: 13.87755102%;
    left: 11.5459883%;
    right: 11.5459883%
}

.screenshot-carousel-wrapper .carousel-control {
    top: 50%;
    margin-top: -35px;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    width: 70px;
    height: 70px;
    font-size: 40px;
    line-height: 70px;
    background: #fff;
    background-image: none!important;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.screenshot-carousel-wrapper .carousel-control:hover {
    color: #fff;
    background: #81c784;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

@media screen and (min-width:850px) {
    .screenshot-carousel-wrapper .carousel-control.left {
        left: -70px
    }
    .screenshot-carousel-wrapper .carousel-control.right {
        right: -70px
    }
}

@media screen and (max-width:767px) {
    .screenshot-carousel-wrapper .carousel-control {
        margin-top: -20px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px
    }
}

.has-header-search .menuzord-menu {
    margin-right: 30px
}

@media (max-width:800px) {
    .intro-page .search-wrapper {
        display: none
    }
    .intro-page.has-header-search .menuzord-menu,
    .intro-page.has-header-search .menuzord-responsive .showhide {
        margin-right: 0
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 999999
}

#preloader .preloader-position {
    width: 100%;
    margin: 0 auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#preloader .progress {
    height: 2px;
    margin: 35px 0
}

#preloader .progress .indeterminate {
    background: #dd0a14
}

#quote-carousel {
    padding: 0 10px 30px;
    margin-top: 30px
}

#quote-carousel .carousel-control {
    background: 0 0;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
    width: 5%
}

#quote-carousel .carousel-control.left {
    left: -30px
}

#quote-carousel .carousel-control.right {
    right: -30px
}

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

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: .4;
    overflow: hidden;
    transition: all .4s
}

#quote-carousel .carousel-indicators .active {
    background: #333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden
}

.item blockquote {
    border-left: none;
    margin: 0
}

.item blockquote p:before {
    content: "\f10d";
    font-family: Fontawesome;
    float: left;
    margin-right: 10px
}

.footer-list .ftr-address a {
    line-height: 22px;
    margin-bottom: 20px
}

.content a {
    color: #fff
}

.brand-hover:hover a,
.content a:focus,
.content a:hover {
    color: #03a9f4
}

.clear,
.clear::after,
.clear::before {
    clear: both;
    box-sizing: border-box
}

.request-form.modal {
    top: 60px;
    background-color: rgba(0, 0, 0, .5);
    max-height: 100%;
    width: 100%
}

.request-form button.close {
    background: #03a9f4;
    color: #fff;
    opacity: 1;
    padding: 0 9px 3px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 3px 0 0
}

.request-quite {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-sizing: border-box;
    position: relative;
    transition: all .3s ease 0s;
    margin: 0 auto 100px;
    max-width: 460px;
    width: 100%;
    padding: 30px 0 0
}

.orm-icon,
.sem-icon,
.seo-icon,
.woo-icon {
    background-repeat: no-repeat;
    background-position: top center
}

.request-quite form {
    padding: 0 30px 30px
}

.request-form .input-field:first-child {
    margin-top: 30px
}

.request-form .input-field {
    margin-top: 20px
}

.request-quite h3 {
    border-left: 5px solid #03a9f4;
    color: #03a9f4;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    padding: 10px 0 10px 23px;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%
}

.product-variety .col-md-3 {
    width: 20%
}

.seo-icon {
    background-image: url(assets/img/seo-icon-w.png);
    background-size: 50px auto;
    padding: 30px 28px 14px
}

.sem-icon {
    background-image: url(assets/img/sem-icon-w.png);
    background-size: 52px auto;
    padding: 44px 28px 14px
}

.orm-icon {
    background-image: url(assets/img/orm-icon-w.png);
    background-size: 50px auto;
    padding: 30px 28px 14px
}

.featured-item.feature-icon .icon-sem {
    line-height: 60px
}

.our-txt ul {
    list-style: none;
    counter-reset: li;
    padding: 0 10px 10px 25px;
    left: -8px;
    width: 100%
}

.our-txt li {
    width: 100%;
    left: 0;
    margin: 0 0 1px 12px
}

.our-txt ul li {
    position: relative;
    display: block;
    padding: 0 .4em .4em .8em;
    margin: .5em 0 .5em .4em;
    transition: all .1s ease-in-out
}

/*.our-txt ul li::before {
    color: #0288d1;
    content: counter(li, square);
    counter-increment: li;
    font-size: 32px;
    left: -30px;
    line-height: 24px;
    margin-top: 0;
    position: absolute;
    top: 1px;
    height: 1.5em;
    width: 1.5em
}
*/
.inner-pages ul li{background:url(images/bullet.png) no-repeat left 9px; padding-left:20px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .our-txt ul li::before {
        font-size: 24px;
        top: 5px
    }
}

.our-txt .product-variety {
    margin-bottom: 30px
}

.portfolio-title a,
.portfolio-title h2 {
    font-size: 18px;
    color: #202020;
    margin-bottom: 5px;
    text-transform: capitalize
}

.address a,
.phone a {
    color: #4c4c4c
}

.sticky .menuzord-menu>li {
    margin-top:9px
}

.section-padding.inner-pages {
    padding: 60px 0
}

.inner-pages img {
    max-width: 100%;
    height:auto;
}

.right-img {
    box-sizing: border-box;
    float: right;
    width: 38%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    margin-left: 20px;
    border: 6px solid #fff;
    margin-top: 12px;
    margin-bottom: 30px
}

.left-row {
    box-sizing: border-box
}

.clear,
.clear:after,
.clear:before {
    clear: both;
    box-sizing: border-box
}

.our-txt h2 {
    font-weight: 500
}

select,
select option {
    color: #999;
    font-weight: 400
}

.woo-icon {
    background-image: url(assets/img/woocommerce-icon.png);
    background-size: 41px auto;
    padding: 5px 25px
}

.quick-icon,
.reco-icon,
.spec-icon,
.uni-icon {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 41px auto;
    padding: 20px 25px
}

.reco-icon {
    background-image: url(assets/img/opencart-icon.png)
}

.spec-icon {
    background-image: url(assets/img/Magento-icon.png)
}

.quick-icon {
    background-image: url(assets/img/Shopify-icon.png)
}

.uni-icon {
    background-image: url(assets/img/shopping-icon.png)
}

.work-field .white-text p {
    font-size: 18px;
    line-height: 26px
}

.product-variety.work-field .featured-box:nth-child(3) .white-text p {
    margin-bottom: 0
}

.our-process .mb-80 {
    margin-bottom: 50px!important
}

.our-field p,
.our-process .desc p {
    line-height: 26px
}

.our-field .desc h2 {
    font-size: 22px
}

.custom-upload,
.input-field select,
.input-field select option,
select option {
    font-size: 14px
}

.featuread-field .content p {
    line-height: 26px;
    margin-bottom: 15px
}

#header .menuzord,
.menuzord * {
    text-transform: none
}

.section-title span {
    text-transform: lowercase
}

.our-field .sticky,
.our-txt .featured-box h2.white-text,
.work-field .sticky {
    padding: 0 10px
}

.req-quo {
    margin-top: 0
}

select {
    display: block;
    border-color: #9b9b9b;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 31px;
    padding: 0 0 11px;
    width: 100%;
    background-color: transparent;
    line-height: 15px
}

select:focus {
    outline: 0
}

select option {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 10px;
    left: 0;
    line-height: 16px;
    margin: 0;
    top: 0
}

select option:last-child {
    border: none
}

.custom-upload {
    position: relative;
    background: #03a9f4;
    padding: 9px 12px;
    width: 25%;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    color: #fff
}

.custom-upload input.upload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0)
}

.disabled-input {
    background: 0 0;
    padding: 3px 10px
}

input.disabled-input {
    width: 73%;
    font-size: 14px
}

.select-field .input-field::after {
    background: #fff;
    color: #bbb;
    content: "▼";
    cursor: pointer;
    line-height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -1px;
    width: 26px
}

.inner-bottom {
    padding: 0 0 60px
}

.inner-top {
    padding: 80px 0
}

.our-field,
.work-field {
    margin-bottom: 30px!important
}

.waves-button-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 12px 20px;
    font-style: inherit
}

.contactForm .btn {
    padding: 0;
    font-style: inherit;
    margin-top: 25px
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=date],
select,
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.page-title {
    overflow: hidden
}

.captcha-img {
    margin: 0
}

.submit-section {
    margin-top: 40px
}

.input-field input,
.input-field textarea {
    margin-bottom: 0;
    display: block
}

.input-field {
    margin-bottom: 15px
}

.thank-sec img {
    display: inline-block;
    width: 80%
}

.thank-sec p {
    font-size: 18px
}

.heading-txt h2,
.heading-txt p {
    font-weight: 500;
    font-size: 24px;
    color: #000;
    font-family: Raleway, sans-serif!important;
    margin: 0 0 15px;
    display: inline-block
}

.three-box h3 {
    font-size: 26px
}

.our-process {
    overflow: hidden
}

.heading2.text-capitalize>h2 {
    display: inline
}

.about-us .col-md-7 img,
.upload:checked+label {
    display: none
}

.heading2 {
    font-weight: 400
}

.left.carousel-control,
.right.carousel-control {
    filter: none!important
}

.req-form h2 {
    font-size: 40px;
    font-weight: 300
}

.what-we-do .content-with-img img {
    width: auto
}

@media (max-width:768px) {
    #quote-carousel .carousel-control.right {
        right: 0
    }
    #quote-carousel .carousel-control.left {
        left: 0
    }
    .row.submit-section .col-md-6 {
        width: 50%
    }
}

.new-nav {
    margin-left: 40px
}

.disabled-input {
    border: 0!important
}

.input.tel,
.input.tel input {
    border-radius: 0!important
}

.req-form .main-field .input-field .field textarea {
    font-size: 14px
}

input:-webkit-autofill {
    -webkit-text-fill-color: #000!important;
    -webkit-transition: background 1000s ease 1000s
}

.req-form input:-webkit-autofill {
    -webkit-text-fill-color: #fff!important
}

.product-variety.our-field .featured-box {
    min-height: 331px
}

.product-variety.our-field .featured-wrapper header {
    margin: 60px 0 0
}

.product-variety.work-field .featured-wrapper header {
    margin: 40px 0 0
}

.product-variety.our-field .featured-box .content,
.product-variety.work-field .featured-box .content {
    padding: 20px 5px
}

.product-variety.our-field .featured-box,
.product-variety.work-field .featured-box {
    background-color: #0F3B69
}

.product-variety.our-field .featured-box.pink {
    background-color: #5936ae!important
}
/*
.product-variety.our-field .col-md-4:nth-child(3) .featured-box {
    background-color: #6542ba!important
}

.product-variety.work-field .col-md-3:nth-child(2) .featured-box {
    background-color: #5936ae!important
}

.product-variety.work-field .col-md-3:nth-child(3) .featured-box {
    background-color: #6542ba!important
}

.product-variety.work-field .col-md-3:nth-child(4) .featured-box {
    background-color: #7452c7!important
}

.product-variety.work-field .col-md-3:nth-child(5) .featured-box {
    background-color: #8361d6!important
}
*/

.product-variety.work-field .feat-item:nth-child(2) .featured-box{background-color: #0F3F72}
.product-variety.work-field .feat-item:nth-child(3) .featured-box{background-color: #104884}
.product-variety.work-field .feat-item:nth-child(4) .featured-box{background-color: #114F92}
.product-variety.work-field .feat-item:nth-child(5) .featured-box{background-color: #105cad}

.product-variety.work-field .feat-item:hover .featured-box{background-color: #051F3A !important;}

.product-variety.our-field .z-depth-1,
.product-variety.work-field .z-depth-1 {
    box-shadow: none!important
}

.product-variety.our-field .z-depth-1:hover,
.product-variety.work-field .z-depth-1:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)!important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)!important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)!important
}

.product-variety.our-field .col-md-4 .featured-box:hover,
.product-variety.work-field .col-md-3 .featured-box:hover {
    background-color: #512da8!important
}

.field.fileUpload {
    position: relative
}

.upload-path {
    position: absolute;
    color: #fff;
    top: -3px;
    left: 35px
}

.error {
    color: #fff;
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px;
    background-color: red;
    padding: 2px 4px;
    border-radius: 3px;
    position: relative;
    font-family: sans-serif
}

.error:before {
    position: absolute;
    top: -6px;
    left: 6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid red;
    content: '';
    border-style: solid;
    border-top: 0
}

.list-news blockquote {
    min-height: 130px
}

.req-a-quote .btn:hover {
    background-color: #fff;
    color: #000!important
}

.select select option {
    background-color: #03a9f4
}

.portfolio-container {
    overflow: hidden;
	padding-bottom: 10px
}
.inner-pages ul{
    list-style: none;
    counter-reset: li;
    padding: 0 10px 10px 0;
    left: -8px;
    width: 100%
}

blockquote ul li {
    list-style: none;
    counter-reset: li;
    padding: 0 10px 10px 25px;
    left: -8px;
    width: 100%
}

.inner-pages ul li,
blockquote ul li {
    position: relative;
    display: block;
    padding: 0 .4em .4em .8em;
    margin: .5em 0 .5em .4em;
    text-decoration: none;
    transition: all .1s ease-in-out
}

.inner-pages h2:first-child {
    margin-bottom: 40px;
}

/*.inner-pages ul li:before,
blockquote ul li:before {
    color: #0288d1;
    content: counter(li, square);
    counter-increment: li;
    font-size: 32px;
    left: -30px;
    line-height: 24px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 1px;
    height: 1.5em;
    width: 1.5em;
    pointer-events:none;
}*/

.tel svg {
    margin: 0 10px 0 0
}

.tel a #phone {
    width: 20px;
    height: 20px
}

.tel a #phone path {
    fill: #fff
}

/*.tel a #phone path:nth-child(2) {
    -webkit-animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1);
    animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1)
}

.tel a #phone path:nth-child(3) {
    -webkit-animation: header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1);
    animation: header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1)
}*/

@-webkit-keyframes header-phone {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0)
    }
    80% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0
    }
}

@keyframes header-phone {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0)
    }
    80% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes header-phone2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0)
    }
    70%,
    90% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0
    }
}

@keyframes header-phone2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0)
    }
    70%,
    90% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0
    }
}
/*
.featuread-field{display: flex;flex-wrap: wrap;text-align: center;justify-content: center;}
*/
.process-section .processes{counter-reset: pros;display: flex;flex-flow: row wrap;align-content:space-between;}
.process-section .processes .process{position: relative;z-index: 0;flex:0 0 49.5%;}
.processes .process:after{
	position: absolute;
    top: 20%;
    left: 16%;
    font-size: 130px;
    transform: translateY(-50%);
    z-index: -1;
    color: rgba(221, 9, 19, 1);/*#09315A;*/
    counter-increment: pros;
/*
    content: counter(pros);
*/
    font-weight: 700;
}

.testimonial_slider__textonly.testimonial_slider_set{margin: 0 auto;}
.testimonial_slider__textonly div{margin: 0 auto !important;}
.testimonial_slider__textonly .testimonial_content{max-width:710px;}
.testimonial_slider .testimonial_slideri{text-align:center;height:auto !important;}
.testimonial_slider__textonly .testimonial_content span, .testimonial_slider__textonly .testimonial_by_wrap .testimonial_by{font-family:'Raleway', sans-serif !important;font-weight:500;}
.testimonial_slider__textonly .testimonial_content span{position:relative;}
.testimonial_slider__textonly .testimonial_content span:before{content: "\f10d";font-family: 'Fontawesome';float: left;margin-right: 10px;}
.testimonial_slider__textonly .testimonial_by_wrap .testimonial_by:before{content:'\2014 \00A0';}
.testimonial_slider__textonly .testimonial_by_wrap .testimonial_by{text-transform:initial !important;}
.testimonial_slider__textonly .testimonial_content_wrap:before, .testimonial_slider__textonly .testimonial_content_wrap:after{content:none !important;}
.testimonial_slider__textonly .testimonial_by_wrap .testimonial_by_inner{width:80%;margin:0 auto !important;}
.testimonial_slider__textonly .testimonial_nav_arrow_wrap a{bottom: 50% !important;-webkit-transform: translateY(50%);-moz-transform: translateY(50%);transform: translateY(50%);}
/**/

.nav-border-bottom .menuzord .menuzord-menu>.current-menu-parent > a{border-bottom: 3px solid #e61e25;}
.sticky .menuzord .menuzord-menu>.current-menu-parent > a{color:#e61e25;}
.menuzord-menu ul.sub-menu li.current-menu-item>a{color: #E61E25;background-color: #fafafa;}
.menuzord-menu ul.sub-menu li.current-menu-item>a:before{width: 100%;}

.head-info {
    width: 35%;
}

.progress .indeterminate:before,.progress .indeterminate:after{background: linear-gradient(90deg,#202d43,#dd0a14);}
/*.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}*/
.footer-social a {
	color: #fff;
    line-height: 1;
/*
    width: 188px;
*/
    text-align: left;
    display: block;
    background-color: #114f92;
    border-radius: 32px;
	font-size: 16px;
	font-weight: 500;
	padding:0 16px;
	position:relative;
}
.footer-social .social-link{float:none;}
.social-navigation {
    clear: left;
    float: left;
    margin-bottom: 0;
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1em;
	background-color:transparent;
	box-shadow:none;
}
.social-link li a .icon {
    background: #fff;
    margin-right:0px;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    border-radius: 50%;
	padding:8px 0px 8px 0px;
	text-align: center;
	top: 0;
	position: absolute;
	left: 0;
}
.social-link li .screen-reader-text{display:none;}
a .icon-facebook{background-color: #224597 !important; fill:#fff;}
a .icon-linkedin{background-color: #0E6FBE !important; fill:#fff;}
a .icon-twitter{background-color: #139FFE !important; fill:#fff;}
nav.social-navigation{height:auto; line-height:1;} 
.social-link .menu-item{line-height:1; margin-left:0; margin-right:10px; margin-top:0;} 
/*
.social-link .menu-item:not(:last-child){margin-bottom:10px;}
*/

.submit-section .waves-input-wrapper{width: auto;height: auto;padding: 0;font-style: inherit;margin-top: 25px;border-radius: 30px;}
.contact-form .ajax-loader{position: absolute;right: 15px;bottom: 17px;}
.wpcf7-form-control-wrap{display:block;}

.page-title.page-title-center .breadcrumb{color:#fff;/*#de1a21;*/font-size:14px;}
.page-title.page-title-center .breadcrumb a{color:#fff;}
.breadcrumb .delm{display: inline;color: #fff;}
.page-title .breadcrumb li{display:inline-block; margin-left:10px;}

.home-blog .blog-home-btm{background: #fff;padding: 20px 15px 15px;height: 274px;}

.listing-page .post{border-bottom:1px solid #e1e1e1;padding-bottom:20px;}
.listing-page .post:after{content:'';display:table;clear:both;}
.listing-page .post + .post{padding-top:20px;}
.listing-page .post-thumbnail{width:50%;padding-right:30px;float:left;}
.listing-page .post-list-content-wrap{width:50%;float:left;}

.entry-summary p:last-child{margin-bottom:0;}

.sidebar > section{padding: 20px;box-sizing: border-box;border: 1px solid #e1e1e1;clear: both;width: 100%;float: left;}
.sidebar > section:nth-child(n+2){margin-top: 30px;}
.sidebar .widget-title, .sidebar h2{font-size: 20px;font-weight: 500;padding: 10px;margin: -20px -20px 10px;background: #114F92;color: #fff;}
.sidebar h2 + ul > li > a{display: block;border-bottom: 1px solid #e1e1e1;color: #000;line-height: 1.3;padding: 10px 0;}
.sidebar h2 + ul > li > a:hover{color: #E61E25;border-bottom-color: #E61E25;}

.single-post .post-thumbnail{max-width:100%;text-align:center;padding-right: 30px;padding-bottom: 10px;margin-bottom:20px;}

.pagination,.post-navigation{background: transparent;box-shadow: none;}
.pagination .screen-reader-text,.post-navigation .screen-reader-text{display: none;}
.pagination .nav-links .page-numbers{display: inline-block;font-size: 16px;line-height: 1.3;padding: 5px 15px;background-color: #E61E25;border-radius: 3px;color: #fff;}
.pagination .nav-links .page-numbers .icon{width: 20px;height: 10px;fill: #fff;}
.pagination .nav-links .page-numbers.current{background: #e1e1e1;color: #000;}
.pagination .nav-links .page-numbers.current .icon{fill:#000;}
.icon{max-width: 100%;}

.post-navigation .nav-links > [class^="nav-"] a{display: inline-block;font-size: 16px;line-height: 1.3;padding:10px 15px;background-color: #E61E25;border-radius:30px;color: #fff;position:relative;}
.post-navigation .nav-links > [class^="nav-"] a:before{font-family:'FontAwesome';position: absolute;text-align: center;width: 20px;line-height: 20px;border-radius: 20px;}
.post-navigation .nav-links .nav-previous{float: left;}
.post-navigation .nav-links .nav-next{float: right;}
.post-navigation .nav-links .nav-previous a{padding-left:40px;}
.post-navigation .nav-links .nav-next a{padding-right:40px;}
.post-navigation .nav-links .nav-previous a:before{content:'\f104';left:10px;}
.post-navigation .nav-links .nav-next a:before{content:'\f105';right:10px;}

.post-navigation .nav-links .nav-title{display: none;}

.testimonials{min-height:172px;}
.submit-section .waves-input-wrapper.btn{background-color: #e61e25;}
.submit-section .waves-input-wrapper.btn:hover{background-color: #104884;}

.features-section h3{font-size: 26px;}
/*.features-section .product-variety{display: flex;flex-wrap: wrap;justify-content: center;}*/
.product-variety.work-field .feat-item .featured-box{height:100%;}
.product-variety .brand-icon{width: 50px;height: 50px;display: inline-block;vertical-align: middle;position: relative;}
.product-variety .brand-icon img{position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

/*.single-post header#header.transparent-header:not(.stiky),.blog header#header.transparent-header:not(.stiky),.archive header#header.transparent-header:not(.stiky){background: rgba(0,0,0,0.6) !important;}
.single-post .breadcrumb .delm,.single-post .page-title.page-title-center .breadcrumb a,.blog .breadcrumb .delm,.blog .page-title.page-title-center .breadcrumb a,.archive .breadcrumb .delm,.archive .page-title.page-title-center .breadcrumb a{color: #2a2a2a;}*/
.withe-bg{background: #fff;}


.sidebar .widget_search .search-field{height: 3rem;border: none;border-bottom: 1px solid #9b9b9b;font-size: 14px;padding: 0;}
.sidebar .widget_search button{height: 30px;width: 30px;pointer-events: none;fill: #a0a0a0;}
.sidebar .widget_search label.active ~ button{pointer-events:all;fill: #000;}
.sidebar .widget_search .icon{width: 20px;height: 20px;}
.sidebar .widget_search label,.sidebar .widget_search .screen-reader-text{display:none;}
.blockElement{display:block;}

.contact-form{padding: 20px;}

.portfolio .concealed{transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1) !important;visibility: hidden !important;}

.expand-data{display: none;}
.expand-data p{text-transform:none;}
a.vew-detail{color: #114f92;font-size: 16px;}
a.vew-detail:after{content: '\f107';font-family: 'FontAwesome';margin-left: 3px;}
.up a.vew-detail:after{content: '\f106';}
.up{z-index:9;}
.over-visible{overflow:visible;}
.portfolio-intro .btn{padding: 0px 15px;line-height: 40px;font-size: 13px;height: auto;font-weight: bold;}

.list-2col,.list-3col{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.list-2col li{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin-left: 0 !important;padding-right: 30px !important;}
.list-3col li{-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;margin-left: 0 !important;padding-right: 30px !important;}

ul.list-with-icon > li:before{content:'';}
ul.list-with-icon > li .list-icon{position: absolute;left: -15px;width: 24px;top: 3px;}
img.list-icon{font-size: 12px;font-style: italic;line-height:1;}
.single-post .entry-title{font-size: 28px;}
.page-id-553 .thumb-img{max-width:270px;}
.gapeNormal{margin-bottom: 8px;}
.entry-meta{padding-bottom:15px;}
.page-title h1 span{color: #fff;font-size:85%;margin-top:0;}

.not-found .search-form {
    position: relative;
    display: table;
    width: 100%;
}
.not-found .search-form > label{display:none;}
.not-found .search-form input[type="search"] {
    width: 90%;
    width: calc(100% - 30px);
    float: left;
    max-width: 390px;
}
.not-found .search-form .search-submit {
    height: 30px;
    width: 30px;
    fill: #fff;
    border: 0;
    background: #114f92;
    padding: 0px 8px;
    float: left;
}
.not-found .search-form .search-submit .icon.icon-search {
    width: 15px;
    height: 30px;
}
.not-found .search-form .search-submit .icon.icon-search + .screen-reader-text {
    display: none;
}
.featured-wrapper .content a{color:#000;}
.bold{font-weight: bold;font-size: 130%;line-height: 1;}

#our-services .featuread-field-carousel .featured-wrapper header{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;}
#our-services .featuread-field-carousel .featured-wrapper header h2{min-height:1px;flex: 1;max-width: calc(100% - 83px);margin-bottom: 0;text-align: left;margin-left: 15px;}
#our-services .featuread-field-carousel .featured-wrapper header i.material-icons{margin-bottom: 0;}
#our-services .featuread-field-carousel:not(.owl-theme) .feat-item:nth-child(-n + 4) .featured-box{border-bottom:1px solid #eee;}
#our-services .featuread-field-carousel .featured-box.brand-hover{min-height:300px;}
#our-services .featuread-field-carousel .featured-box.brand-hover:hover{background-color: transparent!important;}


#our-services .featuread-field-carousel.owl-theme .featured-box.brand-hover{border: 1px solid transparent;border-right: 1px solid #eee;min-height:418px;}
#our-services .featuread-field-carousel.owl-theme .featured-box.brand-hover:hover {
    background-color: transparent !important;
    border: 1px solid #ccc;
    box-shadow:none;
}
.featuread-field-carousel.owl-theme .owl-controls{margin:0;}
.featuread-field-carousel.owl-theme .owl-controls .owl-nav [class*="owl-"]{line-height:1;background: #e61e25;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.featuread-field-carousel.owl-theme .owl-controls .owl-nav .owl-prev{right:100%;}
.featuread-field-carousel.owl-theme .owl-controls .owl-nav .owl-next{left:100%;}
.featuread-field-carousel.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{background: #114f92;}
.tab-content>.tab-pane {width: 100%;}
.technologyContainer .nav-tabs>li {display: inline-block; float: none; }
.technologyContainer .nav-tabs {text-align: center;margin-bottom: 30px; } 
.technologyContainer .nav-tabs>li>a {border-radius: 50px; font-size: 14px; padding: 10px 25px; margin: 10px 5px; }
.technologyContainer .nav-tabs>li.active>a {background-color: #dc0913; color: #fff;}
.technologyContainer .iconBox h4 {font-weight: 700; padding-top: 10px;margin-bottom: 0;}
.technologyContainer .owl-carousel .owl-stage {margin: 0 auto;}
.multiBtns a {margin-left: 5px; margin-right: 5px; }
.multiBtns a.waves-dark {background-color: #0948C9; }
.multiBtns a.waves-dark:hover {background-color: #104884; }
.technology {display: flex; flex-wrap: wrap;margin-left: -15px;margin-right: -15px;justify-content: center; }
.technology > div {flex:0 0 20%;-ms-flex:0 0 20%;max-width: 20%; padding-left: 15px;padding-right: 15px;}
.technology > div img {max-width: 100%; display: inline-block;max-height: 100px;}