#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
    padding: 9px 10px 6px;
    border-radius: 7px;
    font-size: 21px;
}
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
	background: #c34401;
}
.menu-top .con span {
    padding-left: 5px;
    color: #000000;
    text-transform: uppercase;
    font-size: 17px;
}
.lang_switch a:hover {
    color: #fff!important;
    text-shadow: 1px 1px 1px #000;
}
section#sp-main-body:after {
	background: transparent;
	transition: all 400ms ease;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
section#sp-main-body.active:after {
    background: rgba(0, 0, 0, 0.82);
}
.block_project_l li {
	padding-top: 0!important;
}
.com-sppagebuilder #sp-main-body.portpage {
    padding-top: 100px;
}
.box-image {
    overflow-y: auto;
}
a.view_more_project {
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
}
.closeproject {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 55px;
    border: 1px solid #fff;
    cursor: pointer;
    right: 15px;
    top: 15px;
    margin: 0;
}
.box-image.active img {
    position: relative;
    top: 0;
    -webkit-animation-name: move;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: 1; /*infinite;*/
    -webkit-animation-direction: right;
    -webkit-animation-timing-function: linear;
}
.box-image img:hover {
    -webkit-animation-play-state: paused;
}
.detail_project .col-md-8 {
    overflow: hidden;
}
.box-image {
    overflow-y: auto;
    margin-right: -32px;
}
a#scroll-top >i {
    color: #fff;
    border: 2px solid #fff;
    text-indent: -2px;
    box-shadow: 0px 0px 5px #000;
    text-shadow: 0px 0px 2px #000;
}
a#scroll-top:hover >i {
    color: #fff;
}
section#ourstep {
    background: #fff;
}
.steplist {
    width: 100%;
}
.com-sppagebuilder div[class*="-view"] .row {
    margin-right: -15px;
    margin-left: -15px;
}
.offcanvas-menu .lang_switch {
    display: block;
    margin: 0 20px;
    float: right;
}
.sp-module-content {
    clear: both;
}
h1.logo-mobile img {
    width: 110px;
    margin-left: 20px;
    float: left;
}
.offcanvas-menu ul.accordion-menu {
    padding-top: 20px;
}
.bottom_menu ul {
    padding: 0;
    float: left;
}
.bottom_menu li {
    list-style: none;
    float: left;
    padding: 4px 5px 0px;
    border: 1px solid #ff6633;
    margin: 1px;
}
.bottom_menu li:last-child a {
    color: #fff;
}
.bottom_menu li:last-child {
    padding: 0;
    border: 0;
}
.bottom_menu li a {
    font-size: 16px;
    color: #f63;
}
.bottom_menu {
    padding: 20px;
}
.bottom_menu .line-share {
    display: inline-block;
    padding: 9px 0px 6px;
    background: #00b900;
    line-height: 0;
    float: left;
}
.inner-page:after {
    content: '';
    display: block;
    clear: both;
}
.bottom_menu iframe.line-it-button {
    width: 90px!important;
}
.success_project_list .latest-post {
    position: relative;
}
#success_project .latest-post-item:hover > .view-zoom {
    opacity: 1;
    visibility: visible;
}
.view-zoom {
    transition: all 400ms ease;
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.52);
    text-align: center;
    line-height: 85px;
    font-size: 30px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin: -40px;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}
.preview-box {
    display: none;
    clear: both;
    margin-bottom: 50px;
    overflow: hidden;
    background: #000;
}
.preview-box .box-image {
    padding: 20px;
    background: #2f2f2f;
    box-shadow: 0px 0px 8px #000;
}
.preview-box .container {
    padding: 0;
    background: #2f2f2f;
}
.preview-box .row {
    margin: 0;
}
.preview-box .col-md-4 {
    padding: 0;
}
.preview-box .col-md-8 {
    padding: 0;
    overflow: hidden;
    box-shadow: 1px 1px 11px #000;
}
.preview-box .box-image {
    margin-right: -17px;
}
.closeproject i.fa.fa-times {
    color: #fff;
}
.preview-box .inner {
    padding: 15px;
    clear: both;
}
.preview-box .detail_project_content, .preview-box .detail_project_content h2 {
    color: #fff;
}
.preview-box .detail_project_content h2 {
    margin-right: 50px;
    font-size: 30px;
}
div.line-icon {
    overflow: hidden;
}
.sp-page-title {
    background-size: cover;
}
.button_submit {
    text-align: center;
}
body h1, body h2, body h4, body h5, body h6 {
    font-family: 'DBAdmanXRegular';
    text-transform: uppercase;
    font-family: 'DBAdmanXLight';
    font-weight: bold;
}
ul.list-field input[type="text"]:focus, ul.list-field input[type="email"]:focus {
    border: 1px solid #fff;
    box-shadow: inset 0px 0px 9px rgba(0, 0, 0, 0.5)!important;
}
.error {
    text-align: center;
    padding: 20px 10px 10px;
    background: #303030;
    line-height: 100%;
    color: red;
}
.info {
    text-align: center;
    padding: 20px 10px 10px;
    background: #303030;
    line-height: 100%;
    color: #06b906;
}
section#contact-form form ul.list-field textarea {
    height: 83px;
}
.message_container p {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
}
.message_container .alert_box {
    padding: 8px;
}
.message_container .alert_box.success {
    padding: 8px;
    background: #9bbb58;
}

.pages.content3119 .page {
    width: 100%;
}


.content3119 .content {
    padding-right: 50px;
    font-size: 24px;
    text-shadow: 0px 2px 2px #7b7b7b;
    line-height: 140%;
    color: white;
    margin-top: 26px;
}


.content3112 .content {
    padding-right: 50px;
    font-size: 23px;
    text-shadow: 0px 2px 2px #7b7b7b;
    line-height: 140%;
    color: white;
    margin-top: 26px;
    padding-bottom: 10px;
}

.content3113 .content {
    padding-right: 50px;
    font-size: 24px;
    text-shadow: 0px 2px 2px #7b7b7b;
    line-height: 140%;
    color: white;
    margin-top: 26px;
}

.content3114 .content {
    padding-right: 50px;
    font-size: 24px;
    text-shadow: 0px 2px 2px #7b7b7b;
    line-height: 140%;
    color: white;
    margin-top: 26px;
}

.content3115 .content {
    padding-right: 50px;
    font-size: 24px;
    text-shadow: 0px 2px 2px #7b7b7b;
    line-height: 140%;
    color: white;
    margin-top: 26px;
}
.content4325 .content {
    font-size: 28px;
    text-shadow: none;
    line-height: 140%;
    color: #717171;
    margin-top: 25px;
    margin-bottom: 25px;
}

.pages.content3112 .page {
    width: 100%;
    color: #fff;
}

.pages.content3113 .page {
    width: 100%;
}

.pages.content3114 .page {
    width: 100%;
}

.pages.content3115 .page {
    width: 100%;
}

.style_text {


	font-size: 60px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    text-align: left;
}
.sp-megamenu-parent .sp-dropdown .sp-has-child .sp-dropdown-inner {
    padding: 3px;
}
section#section-id-1481572482 .sppb-column-addons {
    padding: 0;
}
.bottom_menu .icon-l {
    display: block;
    width: 118px;
}
.sppb-addon-feature .sppb-icon >span >i {
    font-size: 50px;
    margin-left: 10%;
}
h1.headingservice a {
    color: white;
    text-transform: uppercase;
}
.content {
    font-size: 25px;
    font-family: 'DbadmanXLight';
    line-height: 150%;
    font-weight: bold;
}
.subscribe_promotion span {
    font-family: 'DBAdmanXLight';
    font-size: 21px;
    text-shadow: 1px 1px 1px #000000;
    font-weight: bold;
    letter-spacing: 1px;
}
.sppb-addon-text-block .sppb-addon-title {
    line-height: 1.3;
    text-transform: uppercase;
}
h1 {
    font-size: 35px;
}
.sppb-pricing-features a {
    color: #f14833;
}
.sppb-pricing-box .sppb-pricing-footer >a.sppb-btn {
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 17px;
}
.sppb-pricing-features a:hover {
    text-decoration: underline;
}
.sppb-addon-feature .sppb-addon-content {
    margin-bottom: 5px;
}
.sppb-pricing-footer a.sppb-btn {
    color: #fff;
}
#sppb-addon-1488811051 .sppb-icon .sppb-icon-container {
    margin-bottom: 0;
}
#section-id-1488811045 .sppb-icon .sppb-icon-container {
    line-height: 98px;
}
li.capcha {
    margin-top: 20px;
}

.text-slide h1 {
    font-size: 70px !important;
    color: #eb6822;
}

.copyrighttext {
    margin: 0;
    color: #70797e;
    padding-top: 10px;
    padding-bottom: 10px;
}

#sp-footer {
    color: #fff;
    text-align: center;
    padding: 22px 0;
}

.menu-footer{
    padding: 10px 10px 10px 10px;
    float: left;
    font-size: 17px;
}

.company-footer{

    padding: 10px 0 10px;
    font-size: 17px;
    color: #70797e;
}

.colorbackground{
    text-align: center;
    background-color : #161b1f;
    width:100%;
}


footer#sp-footer {
    background-color: #101417;
}

#sp-footer a:hover {
    color: #eb6822 !important;
}

#sp-footer a {
    color: #70797e !important;
}

.copyrighttext a {
    color: #70797e;
}

.copyrighttext a:hover {
    color: #fff;
}

.banner_project .caption_banner {
    position: relative;
    top: 0;
    font-size: 44px;
    color: white;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 4px;
    box-shadow: initial;
}


#sppb-addon-1482237126 .sppb-addon-image-overlay {
    background-color: rgba(77, 77, 77, 0.4);
}

#sppb-addon-1482237123 .sppb-addon-image-overlay {
    background-color: rgba(77, 77, 77, 0.4);
}

#sppb-addon-1482237129 .sppb-addon-image-overlay {
    background-color: rgba(77, 77, 77, 0.4);
}

section#section-id-1481572482 h3.block-ecom-title {
    height: 60px;
    font-family: 'DBAdmanXLight';
    font-size: 28px;
    font-weight: bold;
}

.headingstep h3 {
    color: black;
    font-size: 34px;
    line-height: 125%;
    font-family: 'DBadmanXlight';
    font-weight: bold;
}

.headingserve h3 {
    color: white;
    font-size: 41px;
    font-family: 'DBadmanXlight';
    font-weight: bold;
}

div#sp-simpleportfolio div h3 {
    padding-top: 0;
    clear: both;
    margin: 0 0 15px;
    font-family: 'DBadmanXlight';
    font-weight: bold;
}
section#map-contact:after {
    content: '';
    display: block;
    clear: both;
}
section#contact iframe {
    width: 100%;
}
section#contact {
    margin: 30px 0 0;
}
.content4325 .section-partner-content{
    background-image: url(../images/bg-partner.png);
    background-size: cover;
    padding-top: 7% !important;
    padding-bottom: 7% !important;
}
.content4325 .content_block.sixth {
    background-image: url(../images/bg_apps.png);
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    background-size: cover;
    background-attachment: fixed;
    background-position: -6px -120px;;
}
.content4325 .section-partner-content .content{
    color: #fff;
    font-size: 30px;
}
.content4325 .content-parallax .content{
    color: #fff;
    font-size: 30px;
    text-align: center;
}
.magento-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.bg-light{
    background-color: #F8F8F8;
}
.nav-tabs.nav-tabs-magento>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #EB6821;
    border: 1px solid #d5d5d5;
    border-bottom-color: transparent;
}
.nav-tabs.nav-tabs-magento>li>a {
    padding: 15px 30px;
    font-size: 25px;
    line-height: 30px;
    background-color: #F8F8F8;
    border : 1px solid #D5D5D5;
    color: #767676;
}
.tab-magento-content{
    padding: 30px;
    background-color: #f8f8f8;
    border: 1px solid #D5D5D5;
}
.tab-magento-content .content p{
    color: #4B4B4B;
}
.tab-magento-content .content h3{
    font-size: 28px;
    color: #010032;
}
.sppb-content-box{
    background-color: #fff;
}
.sppb-content-box .sppb-content-drop-zone{
    padding: 20px;
}
.content-flex-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.content-image-icon{
    margin-right: 15px;
}
.content-image-icon img{
    width: 70px;
}
.content-caption{
    font-size: 24px;
    line-height: 24px;
}

.Benefits-colum .sppb-col-sm-8 {
    padding: 0px;
}
.Benefits-colum .sppb-col-sm-6 {
    padding: 0px;
}
.sppb-addon-text-block h1.sppb-addon-title {
    line-height: 94px;
    margin: 0 0 39px;
}
.Benefits-colum h2.sppb-addon-title-sub span {
    line-height: 71px;
    text-transform: none;
    font-weight: normal;
}
h2.sppb-addon-title-sub {
    display: inline;
}
.sppb-column.mw-number-colum {
    text-align: center;
    margin-top: 30px;
}

.sppb-column.mw-content-detail-colum p {
    font-size: 40px;
    line-height: 44px;
}
.sppb-column.mw-content-desc-colum {
    margin-top: 21px;
}
.sppb-col-sm-9.desc-right {
    float: right;
}
.why-colum h1.sppb-addon-title {
    font-size: 59px !important;
    line-height: 64px;
    margin: 0px;
}
h2.title-center {
    text-align: center;
}
.line-colum {
    border: 1px solid #EB6821;
    height: 199px;
    border-width: 0 1px 0 0;
}
.dot-colum {
    width: 0.5em;
    height: 0.5em;
    text-align: center;
    line-height: 1em;
    border-radius: 1em;
    background: #EB6821;
    margin: -10px auto;
    display: block;
    color: white;
    position: relative;
}
.colum-img-2 .line-colum {
    max-height: 146px;
}
.colum-right .line-colum-Benefits .col-lg-6 {
    float: right;
}
.colum-img-3 .line-colum {
    max-height: 150px;
}
.desc-right {
    float: right;
}

/* ############### */

@media only screen and (min-device-width: 1400px){
    .block_project_l li:nth-child(2n+1) img.port_animate.logoheight {
        display: inline-block;
    }
    .block_project_l li:nth-child(2n+2) .textport_2 {
        text-align: right;
    }
    .block_project_l li:nth-child(2n+2) .textport_2 img {
        display: inline-block;
    }
}
@media screen and (max-width: 1399px){
    .content4325 .section-partner-content{
        padding-top: 4% !important;
        padding-bottom: 4% !important;
    }

}
@media screen and (max-width: 768px){
    .preview-box .col-md-8 {
        width: 50%;
        float: left;
    }
    .col-md-4.detail_project_content {
        width: 50%;
        float: left;
    }
    .detail_project .col-md-8 {
        width: 50%;
        float: left;
    }
.offcanvas-menu .offcanvas-inner {
    padding: 25px 20px;
}
.sp-module ul >li >a {
    display: block;
    margin-right: 50px;
}
.sp-module ul >li >a, .sppb-addon-module ul >li >a {
    text-transform: uppercase;
    font-size: 18px;
    font-family: Open Sans, sans-serif;
}
.sp-module ul ul >li >a {
    text-transform: capitalize;
    font-family: inherit;
}
    .sp-module ul >li {
        position: relative;
    }
    .sp-module ul >li span {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
    }
    .sp-module ul ul li {
        padding-left: 15px;
    }
    span.offcanvas-menu-toggler .fa.fa-angle-up {
        display: block;
    }
    span.offcanvas-menu-toggler.collapsed .fa.fa-angle-up {
        display: none;
    }
    span.offcanvas-menu-toggler .fa.fa-angle-down {
        display: none;
    }
    span.offcanvas-menu-toggler.collapsed .fa.fa-angle-down {
        display: block;
    }
    ul.accordion-menu {
        padding: 0 20px;
    }
    .top_link {
        display: none!important;
    }
    .line-colum-Benefits {
    display: none;
  }
  .sppb-column.mw-number-colum {
    margin-top: 10px;
  }
  .Benefits-colum h2.sppb-addon-title-sub span {
    line-height: 35px;
    }
    .mw-content-desc-colum h2.sppb-addon-title-sub {
    font-size: 35px !important;
  }
  .mw-content-desc-colum .sppb-column.mw-content-detail-colum p {
    font-size: 23px;
    line-height: 25px;
  }
  .mw-number-colum .number-circle p {
      text-align: center;
      margin: 0px;
      padding: 5px 15px;
      font-size: 30px;
      line-height: 32px;
  }


}
@media screen and (max-width: 414px){
.content {
    font-size: 24px;
    text-align: justify;
    font-family: DbadmanXLight;
    font-weight: 600;
}
.sppb-addon-feature .sppb-media-heading {
    font-size: 26px;
    /* text-align: left; */
}
#sp-main-body .sppb-addon-feature .sppb-addon-text h3 {
    font-size: 23px;
    font-family: 'DBAdmanXLight';
    line-height: 150%;
    text-align: left;
}
.subscribe_promotion h3 {
    font-size: 28px;
}
    .bottom_menu {
    padding: 20px 10px;
}
    section#section-id-1489143656 .sppb-media-body {
    margin-bottom: 30px;
}
    .preview-box .closeproject {
        margin-right: 15px;
    }
    a#scroll-top >i {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
    line-height: 37px;
    text-indent: 1px;
}
    a#scroll-top.open {
        right: 10px!important;
        bottom: 10px!important;
    }
    .brand {
        padding-top: 6%!important;
    }
    #sp-header #sp-menu {
    padding-top: 11px;
}
    .detail_project_content h2 {
        font-size: 19px;
    }
    .closeproject {
        position: relative;
        float: right;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 17px;
    }
    .col-md-4.detail_project_content {
     word-wrap: break-word;
    }
    .detail_project .container {
        padding: 0;
    }

    .Benefits-colum .sppb-col-sm-6.desc-right {
      float: none;
      text-align: center;
  }
    .Benefits-colum .sppb-col-sm-8 {
        padding: 0 10px;
    }
    .Benefits-colum .sppb-col-sm-8.desc-right {
    float: none;
    text-align: left;
}
.Benefits-colum .sppb-col-sm-6.desc-right .sppb-column.mw-number-colum {
    display: inline-block;
    margin-top: 10px;
}
.sppb-row.colum-left .sppb-column.mw-number-colum {
    text-align: center;
    margin-top: 10px;
}
.mw-content-desc-colum h2.sppb-addon-title-sub {
    font-size: 30px !important;
}
.sppb-column.mw-content-desc-colum {
    margin-top: 10px;
}
.sppb-addon-text-block h1.sppb-addon-title {
    line-height: 44px;
    margin: 0 0 15px;
}



}
@media screen and (max-width: 1440px){
  .number-circle p {
    text-align: center;
    margin: 0px;
    padding: 5px 17px;
    font-size: 50px;
    line-height: 50px;
}
h2.sppb-addon-title-sub {
    font-size: 45px !important;
}
.sppb-column.mw-content-detail-colum p {
    font-size: 28px;
    line-height: 30px;
}
.line-colum {
    max-height: 120px;
}
.colum-img-2 .line-colum {
    max-height: 100px;
}
.colum-img-3 .line-colum {
    max-height: 100px;
}
.Benefits-colum h2.sppb-addon-title-sub span {
    line-height: 50px;
}

}
@media screen and (max-width: 1280px){
  .mw-content-desc-colum h2.sppb-addon-title-sub {
      font-size: 40px !important;
  }

.line-colum {
    max-height: 90px;
}
.colum-img-2 .line-colum {
    max-height: 70px;
}
.colum-img-3 .line-colum {
    max-height: 80px;
}
.mw-number-colum .number-circle p {
    text-align: center;
    margin: 0px;
    padding: 5px 15px;
    font-size: 30px;
    line-height: 32px;
}
.Benefits-colum h2.sppb-addon-title-sub span {
    line-height: 47px;
}


}
@media screen and (max-width: 1200px){
  .line-colum-Benefits {
    display: none;
}
}
@media screen and (max-width: 1750px){
  h2.sppb-addon-title-sub {
      font-size: 50px !important;
  }
  .sppb-column.mw-content-detail-colum p {
    font-size: 28px;
    line-height: 30px;
}
.line-colum {
    max-height: 150px;
}
.colum-img-2 .line-colum {
    max-height: 100px;
}
.colum-img-3 .line-colum {
    max-height: 150px;
}

}

@media (min-width: 415px)and (max-width: 767px) {
  .Benefits-colum {
      width: 75%;
  }

.sppb-addon-text-block .sppb-addon-title {
    font-size: 40px !important;
}
.sppb-col-sm-8.desc-right {
    float: right;
    text-align: left;
}
.sppb-col-sm-6.desc-right {
    float: none;
}



}