img { max-width: 100%; }
.no-padding { padding: 0 }
.no-margin { margin: 0 }
.center, .text-center p { text-align: center!important; }
p { text-align: justify; }
/* =======================================================HEADER START */
.topHeader{background: #FD9E14;line-height:35px;color:#dae9ff;font-size:12px;position:relative;z-index:12;}
.topHeader a{ color:#dae9ff }
.topHeader .topNav {padding: 3px;margin:0;}
.topHeader .topNav li{list-style:none; display:inline-block; position:relative;}
.topHeader .topNav li:after{content:'|';display: none;}
.topHeader .topNav li:last-child:after{ content:'';}
.topHeader .topNav li a{padding: 5px 24px;font-size: 17px;font-weight: bold;color: #FD9E14;border-radius: 2px;border: #92084d;background: white;}
.topHeader .topNav li:last-child a{/* padding-right:0 */background: #fbbb08;color: #000;}
#header .main-header{padding: 9px 0;background: #FFFFFF;position:relative;z-index:12;transition:.3s;}
#header {padding-bottom:0px;position: fixed;left: 0;right:0;box-shadow: 0 1px 5px 0 rgba(0, 106, 194, 0.2);top: 0;width: 100%;z-index: 9999;}
#header.fixed .main-header{padding:5px 0;}
#header.fixed .logo{/* max-width:75%; */}

.socialbar-row {background: rgba(178, 178, 178, 0.31);padding: 6px 0;text-align: right;box-shadow:inset 0 2px 4px #b1a3a4;}
.socialbar-row .search-form {display:inline-block; max-width:250px;margin-right: 2em; position:relative }
.socialbar-row .search-form .form-control{border-radius: 25px;height: auto;padding: 4px 35px 4px 15px;}
.socialbar-row .search-form .btn{position: absolute;right: 2px;top: 2px;background:url(../images2/iconSearch.png) no-repeat 50%;border: none;font-size: 0px;width: 30px;height: 25px;}
.socialbar-row .social{display:inline-block; float:right}
.socialbar-row .social i.fa{width: 28px;height: 28px;border-radius: 50%;background: #fff;color: #b2b2b2;text-align: center;line-height:28px;font-size: 17px;}
.socialbar-row  .social a:hover i.fa{color:#fff}
.socialbar-row  .social a:hover i.fa-facebook{ background:#3a559f;}
.socialbar-row  .social a:hover i.fa-twitter{background:#50abf1; }
.socialbar-row  .social a:hover i.fa-linkedin{background:#0084b1;}
.socialbar-row  .social a:hover i.fa-youtube{background:#dc472e; }
.socialbar-row  .social a:hover i.fa-google-plus{background:#dd4b39;}
.pull-left.toplefts {
      padding: 4px 0 0 157px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}.doenloadbtnd {
    padding: 24px 25px;
    max-width: 800px;
    margin: auto;
    text-align: center;
}

button#don7 {
    display: inline;
    width: 157px;
    background: #363535;
    border-radius: 6px;
}
.conaddress{ margin-bottom:3em; margin-top:2em; text-align:center; font-size:18px;}
.conaddress .box{    background-color: #f1f1f1;
    border-radius: 10px;
    height: 215px;
    border: 6px solid #fff;
    position: relative;
    background-repeat: no-repeat;
    background-position: center 15px;
    padding-top: 100px;
    margin-bottom: 20px;
    transition: .5s;}
.conaddress .box:before{position: absolute;content: '';border: 1.5px dashed #dedede;left: -5px;right: -5px;top: -5px;bottom: -5px;border-radius: 8px;}
.conaddress .box.icon-address{ background-image:url(../images2/iconAddress.png)}
.conaddress .box.icon-phone{ background-image:url(../images2/iconPhone.png)}
.conaddress .box.icon-fax{ background-image:url(../images2/iconFax.png)}
.conaddress .box.icon-email{ background-image:url(../images2/iconEmail.png)}
.conaddress .box:hover{background-color:#fff; box-shadow:0 0 10px #630b4c}
.confrm label{ font-size:16px; font-weight:normal;}
.confrm .form-control{ border-color:#f1f1f1; height:54px; box-shadow:none; background:#f1f1f1;transition:.3s}
.confrm .form-control:focus{ border-color:#710054;background:#fff}
.confrm textarea.form-control{ height:250px}
.confrm .btn{ font-size:16px; text-transform:uppercase; padding:12px 35px;    background: #FD9E14;
    border: 0;}
.confrm .btn:hover{background:#fff; color:#710054; }
.map iframe{ width:100%; border:none; display:block}
#myNavbar .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;
    font-size: 16px;
    border-radius: 0px;
    font-weight: 500;
    border: none;
    color: #000000;
    border-radius: 25px;
}#myNavbar .nav>li>a:focus, #myNavbar .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #FD9E14;
}.box-certificate {
    border: 2px dashed #c2c2c2;
    padding: 15px 12px;
    border-radius: 4px;
}
.box-form {
    margin: 10px 0 0 0;
}.pull-left.rewardsname {
    width: 75%;
}
.slider{ margin:0 auto  2em; max-width:1600px; position:relative;}
.slider .container{ position:relative;}
.slider .item{overflow:hidden}
.slider .slidertxt{ position: absolute;top:0%; height:100%;z-index: 99; width:100%; }
.slider .desc{float:left; padding-top:8%; max-width:600px}
.slider .slidertxt h1{font-size:27px;  font-weight:normal;color:#fff;margin:0 0 15px;line-height:normal;text-shadow:2px 2px 2px #191919;}
.slider .slidertxt ul{font-weight:300; list-style:none; padding:0; margin:0; font-size:20px; color:#fff;text-shadow:2px 2px 2px #191919; }
.slider .slidertxt ul li{padding-bottom:5px;}
.gutterss {background: #fff; padding: 10px 20px;}
.slider .slidertxt h1 strong{font-weight:400}
.slider .slidertxt .btn-large{ padding:10px 3em}


.mobileSlide{ float:right; position:relative;    width: 258px;    margin-top: 45px;}
.mobileSlide .slideInner{position: absolute;right: 0; text-align:center;top: 110px;width: 195px;left: 35px;height: 315px;}
.mobileSlide .slideInner .slide-logo{margin:15px 0 25px;}
.mobileSlide .slideInner .item img{margin:auto;}
.mobileSlide .targetImg{position:absolute;left:-272px;top:29px;width:180px;height:143px;background:#fff;}
.mobileSlide .targetImg .inner{ position:relative; z-index:999}
.mobileSlide .targetImg:after{position: absolute;background: url(../images2/slide-ray.html) no-repeat left;content: '';width: 324px;height: 222px;left: 0;top: 0;background-size: 100%;}
.mobileSlide .targetImg img{ transition:.6s}
.mobileSlide .slideInner .btn{background: #d6d6d6;width: 89%;font-size: 20px;color: #fff;margin-top: 45px;padding: 10px 0;}
.how-it-work .box img {
    max-width: 80px;
    max-height: 200px;
}

.team-box img {
    max-width: 88px;
}

.team-box {
    margin: 40px 0 0 0;
    position: relative;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 15px #e8e8e8;
    margin: 15px 0;
    padding: 15px;
    transition: .5s;
}section.happy-clientsd {
    padding: 70px 0;
    background: #fbfbfb;
}.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}.go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #424866;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}.go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}.go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}
.go-top.active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
}
.go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    background-color: #e03127;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
}
.box-lista {
    /* border: 1px solid #d8d8d8; */
    /* max-width: 90%; */
    /* margin: 0 6px; */
}

.box-lista  .row {
    max-width: 100%;
    box-shadow: 0 7px 25px 0 rgba(0,0,0,.1);
    margin: 0;
    padding: 20px 6px;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 15px 0;
}span.name {}
.dashboard .leftnav li.main-nav ul {
    margin: 0;
    display: none;
    background: #fbfbfb;
    width: 100%;
}.box-user {
    background: #fff;
    box-shadow: 0 0px 8px 1px rgba(125, 126, 126, 0.1);
    display: flex;
    padding: 0 11px;
    flex-wrap: wrap;
    position: relative;
    margin-top: 34px;
}.owl-homebanner {
    padding-top: 40px;
}
.user_name {
    width: calc(100% - 80px);
    padding: 22px 0 0 10px;
}

.emailverfyl {
    width: 100%;
    border-top: 1px solid #ebebeb;
    margin: 15px 0 0;
    padding: 10px 10px;
    font-size: 12px;
    font-family: "Open Sans",sans-serif;
    color: #787878;
}

span.notverfy {
    background: #ffeff4;
    color: #ff0d0d;
    font-size: 10px;
    border-radius: 90px;
    font-weight: 700;
    padding: 4px 8px;
    display: inline-block;
    line-height: 17px;
    margin: 0  0 0 2px;
    /* border: 1px solid #ededed; */
}

.welcomena {
    font-size: 12px;
    color: #787878;
}

.nameuser {
    font-family: "Open Sans",sans-serif;
    FONT-WEIGHT: 600;
    color: #5b5b5b;
}.logout-btn {
    position: absolute;
    right: 16px;
    top: 15px;
}.logout-btn a img {
    position: absolute;
    left: 12px;
    top: 5px;
} .logout-btn a {
    padding: 4px 10px 4px 12px;
    color: #ef175c;
    border-radius: 50px;
    background-color: #ffeff4;
    font-size: 12px;
}
.progress{width:150px;height:150px;line-height:150px;background:none;margin:0 auto;box-shadow:none;position:relative}
.progress:after{content:"";width:100%;height:100%;border-radius:50%;border:7px solid #eee;position:absolute;top:0;left:0}
.progress > span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}
.progress .progress-left{left:0}
.progress .progress-bar{width:100%;height:100%;background:none;border-width: 4px;border-style:solid;position:absolute;top:0;border-color: #43824f;}
.progress .progress-left .progress-bar{left:100%;border-top-right-radius:75px;border-bottom-right-radius:75px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}
.progress .progress-right{right:0}
.progress .progress-right .progress-bar{left:-103%;border-top-left-radius:75px;border-bottom-left-radius:75px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right}

.progress .progress-value div{margin-top: 0px;}
.progress .progress-value span{font-size:12px;text-transform:uppercase}
.progress[data-percentage="10"] .progress-right .progress-bar{animation:loading-1 1.5s linear forwards}
.progress[data-percentage="10"] .progress-left .progress-bar{animation:0}
.progress[data-percentage="20"] .progress-right .progress-bar{animation:loading-2 1.5s linear forwards}
.progress[data-percentage="20"] .progress-left .progress-bar{animation:0}
.progress[data-percentage="30"] .progress-right .progress-bar{animation:loading-3 1.5s linear forwards}
.progress[data-percentage="30"] .progress-left .progress-bar{animation:0}
.progress[data-percentage="40"] .progress-right .progress-bar{animation:loading-4 1.5s linear forwards}
.progress[data-percentage="40"] .progress-left .progress-bar{animation:0}
.progress[data-percentage="50"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}
.progress[data-percentage="50"] .progress-left .progress-bar{animation:0}
.progress[data-percentage="60"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}
.progress[data-percentage="60"] .progress-left .progress-bar{animation:loading-1 1.5s linear forwards 1.5s}
.progress[data-percentage="70"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}
.progress[data-percentage="70"] .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.5s}
.progress[data-percentage="80"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}
.progress[data-percentage="80"] .progress-left .progress-bar{animation:loading-3 1.5s linear forwards 1.5s}
.progress[data-percentage="90"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}
.progress[data-percentage="90"] .progress-left .progress-bar{animation:loading-4 1.5s linear forwards 1.5s}
.progress[data-percentage="100"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}
.progress[data-percentage="100"] .progress-left .progress-bar{animation:loading-5 1.5s linear forwards 1.5s}
@keyframes loading-1 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(36);transform:rotate(36deg)}
}
@keyframes loading-2 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(72);transform:rotate(72deg)}
}
@keyframes loading-3 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(108);transform:rotate(108deg)}
}
@keyframes loading-4 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(144);transform:rotate(144deg)}
}
@keyframes loading-5 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(180);transform:rotate(180deg)}
}
.progress:after {
    border-width: 4px;
    border: 4px solid #e3e3e3;
}
.progress-value {
    font-size: 13px;
}

.progress .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 32px;
    text-align: center;
    line-height: 15px;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 300;
}.progress-value div {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
}
.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}.lock-design {
    font-size: 43px;
    padding: 12px 0 0px;
    color: #f7971e;
}

.progress {
       width: 40px;
       height: 40px;
       line-height: 29px;
       background: none;
       margin: 22px  auto 0;
       box-shadow: none;
       position: relative;
       display: block;
}.business-chks {
    background: #fff;
    padding: 30px 15px;
    box-shadow: 0 0px 8px 1px rgba(125, 126, 126, 0.04);
    display: flex;
    flex-wrap: wrap;
}.dashboard .leftnav li a.selected {
    background: #bcc2c6;
}
.registerbtn a {
    background: #b1f375 !important;
    color: #000 !important;
}
.box-chk {
    display: inline-block;
    -ms-flex: 0 0 calc(25% - 15px);
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    margin-right: 15px;
    position: relative;
    padding: 10px 10px;
    border: 1px solid #e5e5e5;
}

.box-chkangle {
    position: absolute;
    right: 16px;
    top: 50%;
    color: #3977c0;
    font-size: 18px;
    transform: translate(-50%, -50%);
}

.box-chkname {
    font-size: 13px;
    margin: 8px 0 0;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    color: #575757;
}

.box-chkno {
    font-size: 16px;
    margin: 1px 0 0;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
}.business-box-dash {
    margin: 25px 0 0;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0px 8px 1px rgba(125, 126, 126, 0.04);
}.add_sumhead {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    color: #55636c;
    position: relative;
    font-size: 17px;
    padding: 0 0 7px 0;
    line-height: 24px;
    border-bottom: 2px solid #d0d0d0;
    margin: 0 0 5px;
    clear: both;
}.tab_span {
    border-bottom: 2px solid #ff3131;
    display: block;
    padding: 0px 0 9px 0;
    width: 30%;
    margin: 0 0 -9px 0;
}.user_detail {
    padding: 17px 0 0 0;
}
span.currency.currency-RUB {
    display: block;
    color: #0033ff;
}.pull-left.logo.dashlogo {
      margin: -19px 0 -46px 0px;
    max-width: 111px;
    background: #fff;
    padding: 4px 5px;
    border-radius: 7px;
    box-shadow: 0px 4px 4px #909090;
}.welcompp8 {
    margin: 0 0 20px 0;
    font-size: 15px;
    font-weight: 600;
    color: #ff000c;
}.copry-box {
    max-width: 652px;
    margin: 0 18px 0 auto;
    background: #fff;
    margin-bottom: 26px;
    box-shadow: rgba(118, 118, 118, 0.19) 1px 1px 13px 1px;
    text-align: center;
    border-radius: 4px;
}.copry-box input#copy {
    border: 1px solid #dad4d4;
    height: 41px;
    padding: 0 12px;
}h2.headig {
    margin: 10px 0 0 0;
    font-size: 22px;
}
.UserArea {
    height: 40px;
    display: flex;
}.UserArea > div {
    display: inline-block;
}
.dashboards{    background-color: #f6f6f6;
    padding: 70px  0 50px;}
.UserArea > * {
    vertical-align: middle;
}.IrecUiAvatar.small {
    width: 40px;
    height: 40px;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    transition: -webkit-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s,-webkit-transform 250ms ease-out 0s;
}
.IrecUiAvatar {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 60px;
    height: 60px;
}.IrecUiAvatar.rounded img {
    border-radius: 50%;
}
.IrecUiAvatar img {
    width: 100%;
    height: 100%;
}.logoline .get-money, .logoline .get-money span.name {
    max-width: 100px;
    overflow: hidden;
    text-decoration: none;
}
.logoline .get-money {
    display: inline-block;
    margin: 4px 0 4px 8px;
}
.UserArea > .text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 9px 15px 6px 6px;
    margin-left: 10px;
    min-width: 58px;
}
.UserArea  a {color: #fff;    padding: 9px 20px 0 5px;}
.logoline .get-money span.name, .logoline .get-money span.name + strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.logoline .get-money span.name {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}.UserArea > .text > strong {
    color: #FF8D00;
}
.box-lista img {
    border-radius: 100%;
    height: 70px;
    width: 70px;
}

.box-lista h2 {
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    margin: 6px 0px 7px;
}

.box-lista p {
    text-align: left !important;
    font-size: 13px;
    color: #afa6a6;
}

.box-lista .thumb {
    padding: 0;
    text-align: center;
}
.about-teamimg{ max-width: 100% !important;}
.team-box h3 {
    margin: 10px 0 0 0;
    font-weight: 500;
    font-size: 16px;
}section.aboutsec {
    padding-top: 50px;border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0;
}.left-sb-inner {
    background-image: url(../images2/back_dots.png);
    background-repeat: no-repeat;
    height: 455px;
    width: 424px;
}.aboutlogo {
    position: absolute;
    bottom: 64px;
    z-index: 999;
    background: #fff;
    left: 330px;
    padding: 15px 11px;
    box-shadow: 19px 19px 14px -13px rgba(8, 8, 97, .08);
}.right-sb-inner {
    padding-top: 100px;
    padding-bottom: 50px;
}.right-sb-innerC h5 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}.right-sb-innerC h5:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #175eff;
    top: 57px;
    left: 0px;
}.right-sb-innerC h4 {
    color: #08223a;
    margin-right: 125px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
}

.team-box h4 {
    margin: 0;
    font-size: 15px;
}
.newslistd{    max-width: 99%;
    box-shadow: 0 7px 25px 0 rgba(0,0,0,.1);
    margin: 0;
    padding:10px;
    background: #fff; border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    margin: 0 auto;}
.choose-section{padding:3.5em 0;background: #fff;}
.choose-section h2, .fleet-section h2, .client-experience h2 {font-size:28px;color: #292929;font-weight: 600;margin: 0;text-transform: uppercase;position:relative;text-align:center;}
.choose-section h2:after, .fleet-section h2:after, .client-experience h2:after{position:absolute;content:"";bottom:-10px;left:0;right:0;margin: 0px auto;background:#008cc1;width:100px;height:3px;}
.choose-section .choose-list {margin-top:2.2em;}
.choose-list .text {position:relative;padding:20px 15px;}
.text .list-content h5 {font-size: 18px;color: #000;text-transform: uppercase;margin-top: 15px;margin-bottom:20px;position:relative; font-weight: 600;}
.text .list-content h5:after{position:absolute;content:"";bottom:-10px;left:0;right:0;margin: 0px auto;background: #d8d9da;width:130px;height:1px;}
.text .list-content p {font-size: 15px;color: #424141;line-height: 1.8;margin:0px;}
.choose-list .text:nth-child(2) .list-content:before{position:absolute;content:"";bottom:0px;left:0px;background:#dcdfe0;width:1px;box-shadow:-1px 0px 0px #fff;height:190px;}
.choose-list .text:nth-child(2) .list-content:after{position:absolute;content:"";bottom:0px;right:0px;background:#dcdfe0;width:1px;box-shadow:-1px 0px 0px #fff;height:190px;}
.choose-list .text:hover {background:#fff;transition:.4s all ease-in-out;-webkit-transition:.4s all ease-in-out;/* box-shadow:0px 0px 10px rgba(19, 20, 21, .8); */cursor: pointer;}

.pull-left.logo {
        margin: -37px 0 -46px 0px;
        max-width: 140px;
        background: transparent;
        padding: 10px 10px;
        border-radius: 7px;
        /* box-shadow: 0px 4px 4px #909090; */
}


/* How It Works */
.how-it-work{text-align:center; margin:2em 0;position: relative;z-index: 999;}
.how-it-work h1{ margin:0 }
.how-it-work p{ text-align:center; font-size:16px;}
.how-it-work .box{position: relative;border-radius: 5px;border: 1px solid #f1f1f1;box-shadow: 0 0 15px #e8e8e8; margin:15px 0; padding:15px;transition:.5s;}
.how-it-work .box h3{border-top:1px solid #dfdfdf;padding:10px 0;margin:0;font-weight:300;color:#181818;}
.how-it-work .box .workStep{font-size: 50px;color: #d8d8d8;font-weight: 300;position: absolute;left: 15px;top: 5px;line-height: normal;}
.how-it-work .box:hover{box-shadow:0 0 15px #9e9e9e}

.btn-large{font-size: 17px;text-transform:uppercase;background: #FD9E14;margin:1.5em 0;padding: 13px 2em;border: 0;border-radius:35px;}


.about-scan .more{ font-size:18px; color:#0c3b82; font-weight:300}

/* Participatiing Brand - Our Brand */
.ourBrand{ padding:2em 0; background:#fafafa; border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0; max-width:1600px; margin:auto}
.ourBrand h1{ color:#0c3b82; margin-bottom:0}
.ourBrand h5{ margin-top:0; margin-bottom:1.5em}
.ourBrand .desc{ padding-left:10%}
.ourBrand .box,.ourWork .box{margin-bottom:20px; }
.ourBrand .box img,.ourWork .box img{width: 100%;border: 1px solid #e0e0e0;box-shadow: 0 0 5px #ececec; border-radius: 5px;}



/* Our Work */
.ourWork .desc{ padding-right:10%; padding-left:15px}
.ourWork{ padding-bottom:0}
.ourWork .btn{background: #FD9E14;border-color: #FD9E14;}


/* Our Happy Clients */
.happy-clients{ background:url(../images2/bg-happy-clients.jpg) no-repeat left top; max-width:1600px; margin:0 auto 1em; padding:2em 0 3em}
.happy-clients .owl-clients{ padding-left:25%;    font-family: Times New Roman;}
.happy-clients .owl-clients h2{font-size:30px;color: #505050;font-weight:300;margin: 16px 0 0 0;font-size: 21px;text-align: left;/* border-bottom:2px solid #0c3b82; */display:inline-block;width: 100%;}
.happy-clients .owl-clients p{font-size:14px;text-align: left !important;color:#000000;}
.happy-clients .owl-clients .thumb img{ border:1px solid #dddddd; border-radius:5px; width:100%;box-shadow: -10px -10px 0 #f5f5f5;margin-left: 10px;margin-top: 10px;}
.happy-clients .more{ font-size:18px; color:#0c3b82; font-weight:300;    font-family: 'Roboto', sans-serif;}
.happy-clients .quote{position:relative;padding: 0em 15px;text-align: left;display: block;}
.happy-clients .quote:after,.happy-clients .quote:before{position:absolute;content:'';width:42px;display: none;height:28px;background:url(../images2/quote-open.html) no-repeat;left: 0;top: -10px;}
.happy-clients .quote:after{ left:auto; top:auto; right:0; bottom:15px;    transform: rotate(180deg);}


/* Footer section */
#footer{background: #233539;color:#e0e0e0;font-weight:300;font-size:12px;padding:1em 0 0;margin-top:2em;}
#footer a{color: #fff;font-size: 15px;font-weight: 500;}
#footer a:hover{ color:#fff}
#footer .h3{font-size: 20px;font-weight: 800;color: #fff;text-align: center;margin: 10px 0 10px;}
#footer .ftrnav ul{padding:0;margin:0;text-align: center;list-style:none;}
#footer .ftrnav ul li{margin-bottom:5px;display: inline-block;padding: 0 10px 1px;}
#footer .newsletter .form-control{ font-size:12px}
#footer .newsletter .form-group{margin-bottom:10px;}
#footer .newsletter .btn{background: #7f1f7e;border: none;width: 100%;text-transform: uppercase;}
#footer .social a{}
#footer .social i.fa{background: #f2f2f2;color: #233539;width: 36px;height: 36px;line-height: 37px;text-align: center;font-size: 20px;margin:2px;border:1px solid transparent;}
#footer .social a:hover i.fa{color: #FFFFFF;border-color:#fff;}
#footer .social a:hover i.fa-facebook{background: #FD9E14;}
#footer .social a:hover i.fa-twitter{background:#50abf1; }
#footer .social a:hover i.fa-linkedin{background:#0084b1;}
#footer .social a:hover i.fa-youtube{background:#dc472e; }
#footer .social a:hover i.fa-google-plus{background:#dd4b39;}
#footer .copyright{padding:1em 0; margin-top:1em}



/* Inner page custom code */
.innerContent{margin-bottom:2em; margin-top:2em;display: inline-block;width: 100%;}
.innerContent.ourWork .box{ margin-top:2em; margin-bottom:0}
.innerContent h1{color:#0c3b82}
.innerContent h2{margin-top:0}
.innerContent p a{ color:#0c3b82}


.innerContent iframe{ border:none; width:100%;}

/* login page */
.login-user-outer{max-width: 400px;padding: 1em 2em 2em 2em;margin: 6em auto 2em;box-shadow: 0 0 15px #d6d6d6;border-radius: 5px;}
.userLoginFrm .form-control{height: auto;padding: 10px;}
.userLoginFrm .btn{width:100%;padding: 10px;font-size: 16px;background: #FD9E14;border: 0;}
.userLoginFrm h1{text-align: center;margin: 0;line-height: normal;padding:5px 0 10px;font-size: 28px;margin-bottom: 15px;border-bottom: 0px double #e6e6e6;}
.userLoginFrm  .option-action{ text-align: center;color: #c7c5c5;font-size: 14px;}
.userLoginFrm  .option-action a{ color:#0c3b82}
#createAccountForm,#resetPasswordForm{ display:none; }


/* contact Us Page */
.confrm .form-control{ height:auto; padding:12px 15px;}
.confrm textarea.form-control{ height:200px }
.confrm .btn{padding: 12px 30px;font-size: 18px;}

.conAddress {
    padding-top: 50px;
}
.conAddress ul{margin:0; padding:0; list-style:none;}
.conAddress li{padding-left: 40px; position: relative; margin-bottom:20px}
.conAddress li i.fa{    font-size: 0px;position: absolute;left: 5px;color: #424242;width: 30px;text-align: center;}
.conAddress li i.fa:before{ font-size:24px;}
.conAddress a{color:#f18200}
.confrm {
    padding-top: 50px;
}
.accordion .detail{ display:none;padding: 1em;border: 1px solid #f18200;border-top: none;}
.accordion .accordion-title.active{ border-color:#f18200; background:#f18200; color:#fff}
.accordion .accordion-title.active:before{border-color:#fff;transform: rotate(45deg);}
.accordion .accordion-title{border: 1px solid #e4e4e4;padding: 10px 25px 10px 15px;font-size: 16px;margin-top: 15px;background: #f9f9f9;color: #2d2d2d;position:relative; cursor:pointer; transition:.5s}
.accordion .accordion-title:hover{box-shadow: 0 0 15px #dcdcdc;}
.accordion .accordion-title:before{position: absolute;content: '';right: 15px;top: 15px;border-bottom: 3px solid #7d7d7d;border-right: 3px solid #7d7d7d;width: 15px;height: 15px;transform: rotate(-48deg);transition:.5s}

/* Blog */
.recentBlog{}
.recentBlog ul{padding: 0;list-style: none; margin-bottom:1em}
.recentBlog ul li{ margin-bottom:5px;}
.recentBlog ul li a{display: block;position: relative;padding-left: 15px;}
.recentBlog ul li a:before{     position: absolute;content: "\f054";font: normal normal normal 12px/1 FontAwesome;left: 0px;top: 7px;color: #f18200;}
.recentBlog ul li:hover a{ color:#f18200; text-decoration:none}
.blog-thumb{ position:relative; text-align:center; width:100%; border:1px solid #ccc; padding:5px; margin-bottom:15px;}
.blog-thumb img{ width:100%; }
.blog-thumb .date{position: absolute;left: 0;top: 0;padding: 3px 5px;background: #ccc;color: #fff;font-weight: 600;font-size: 14px;}
.blog-post-row{ padding-bottom:1.5em; padding-top:1.5em}
.blog-post-row h3{font-weight: 600;margin: -6px 0 8px;line-height: normal;}
.blog-post-row h3 a{color: #272727;}
.blog-post-row:hover h3 a{ color:#f18200; text-decoration:none}
.blog-post-row:hover a.btn{ background:#f18200; color:#fff; border-color:#f18200}
.blog-post-row:hover .blog-thumb{  border-color:#f18200}
.blog-post-row:hover .date{  background:#f18200;}


.editor_section .thumb_listing{max-height: 410px;overflow-y: auto;}
.canvas_details  .cart_icon {border-radius: 34px;display: inline-block;font-size: 16px;padding: 5px 50px;text-align: center;position: static;}


.dashboard .leftnav li a img {
           max-width: 22px;
           opacity: 0.9;
          
           color: red;
           margin: -3px 6px 0 0;
           filter: drop-shadow(1px 1px 5px #333);
}.blog-post-row a.btn {
    background-color: #FD9E14;
    border-color: #d00411;
}
/* User dashboard */
.dashboard .leftnav ul{padding: 10px 0 0 0;margin: 0 0 1em;border: 0;background: #fff;width: 100%;box-shadow: 0 0px 8px 1px rgba(125, 126, 126, 0.1);}
.dashboard .leftnav li{font-size: 19px;color: #5b5959;position: relative;list-style: none;}
.dashboard .leftnav li a{
       display: block;
    padding: 8px 0 8px 18px;
    color: #101010;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    opacity: 0.8;
    border-bottom: 1px solid #e8e8e8;
    }.box-tiles  img {
    max-width: 79px;
    /* height: 57px; */
}

.box-tiles {
    text-align: center;
    position: relative;
    max-width: 100%;
    border-radius: 5px;
    margin: 0px auto 20px;
    min-height: 100px;
    background: #fff;
    padding: 15px 25px 10px;
    box-shadow: rgba(118, 118, 118, 0.19) 1px 1px 13px 1px;
}

.row.gutters {
    display: flex;
    flex-wrap: wrap;
}

.box-tiles h2 {
    font-size: 14px;
    font-weight: 600;
    min-height: 55px;
    padding: 13px 0 0;
}
.dashboard .leftnav li:last-child > a{ border-bottom:none}
.dashboard .leftnav li a i.fa{position: absolute;right: 0;top: 18px;font-size: 21px;width: 70px;text-align: center;color: #303131;}	
.dashboard .leftnav li.active a,.dashboard .leftnav li.active:hover a{background:#fff; color:#f18200}
.dashboard .leftnav li.active a i.fa{color:#f18200;}
.dashboard .leftnav li:hover> a{background: #fafafa;}
.savedlogosList .box{ margin-bottom:30px; background:#f2f2f2; transition:.5s }
.savedlogosList .box:hover{ box-shadow:0 0 15px #a9a9a9}
.savedlogosList .box img { width:100%; }
.savedlogosList .action-row{padding: 10px 5px;border: 1px solid #ccc; background:#fff}



/* smart Label category listing page */
.create-qr-process{ text-align:center}
.create-qr-process .process-list{ font-size:22px; border-bottom:1px solid #dbdbdb; padding:0 0 10px; margin:0 0 25px; display:inline-block; font-weight:300}
.create-qr-process .process-list li{ counter-increment: count-inc; color:#9d9d9d; display:inline-block;padding: 10px 10px 10px 65px; position:relative; margin-right:10px;}
.create-qr-process .process-list li:last-child{padding-right:0; margin-right:0}
.create-qr-process .process-list li:before{background: #dbdbdb;position: absolute;content: counter(count-inc);width: 50px;height: 50px;left: 0;border-radius: 50%;color: #fff;top: 2px;line-height: 47px;}
.create-qr-process .process-list li.active:before{ background:#0c3b82;  }
.create-qr-process .process-list li.active{ color:#1e1e1e}


.left-cat-list h2{font-weight: 300;font-size: 30px;color: #2d2d2d;}
.left-cat-list .nav-tabs{padding: 0;list-style: none;margin: 1em 0;font-family: 'Roboto';border: none;}
.left-cat-list .nav-tabs li{margin-bottom: 8px;display: block;float: none; }
.left-cat-list .nav-tabs li a{display: block;margin: 0;background: #FFFFFF;border: 1px solid #e7e7e7;border-radius: 3px;box-shadow: inset 0 0 10px #dadada;padding: 7px 0 7px 40px; position:relative; text-decoration:none;color: #000000;}
.left-cat-list .nav-tabs li a:before{position: absolute;content: "\f105";font: normal normal normal 20px/1 FontAwesome;left: 20px;}
.left-cat-list .nav-tabs li.active a {background-color: #f18200;border-color: #d17100;box-shadow: 0 0 6px #a5a5a5;color: #fff;}
.cat-list-preview{margin: 0 -10px;}
.outer-mobile-preview{ display:inline-block; margin:0 15px 30px 15px;}
.outer-mobile-preview:hover h3{ color:#0c3b82}
.outer-mobile-preview a{ text-decoration:none}
.outer-mobile-preview h3{font-size: 15px;text-align: center;color: #f1047b; margin:0 0 5px;font-weight: 400;}
.mobile-box-detail{background: url(../images2/i-phone-cat-preview.png) no-repeat;height: 558px;width: 295px;  padding: 60px 17px 54px 17px; position:relative}



/* Qr info Form*/
.qrinfo_form{}
.qrinfo_form .form-control{height: auto;padding: 13px;font-size: 18px;}
#detail_form_preview{position: absolute;left: 18px;top: 60px;width: 260px;height: 445px;margin: auto;    text-align: left;}
#detail_form_preview iframe{width: 260px;height: 440px;overflow-y: auto;}


/********************************************
*                                           *
*                                           *
*             MEDIA QUERY                   * 
*                                           *
*                                           *
*********************************************/
@media only screen and ( max-width: 1200px ) {
#header .container{width:100%;}	

.mobileSlide{display:none;}	
}


@media only screen and ( max-width: 992px ) {
.how-it-work .box h3{ font-size:16px;}
#header .logo{max-width: 300px;}

.happy-clients {background-image:none;}
.happy-clients .owl-clients{padding-left:0;}

.ourBrand .desc{padding-left:15px;}
.ourWork .desc{ padding-right:15px;}
.btn-large{ padding:10px 2.5em; margin:0 0 1em}



.slider .slidertxt h1{font-size:25px; margin-bottom:10px;}
.slider .slidertxt .btn-large{padding: 6px 2em;font-size: 15px;}
}


@media only screen and ( max-width: 767px ) {
.text-xs-center{text-align:center}
.h1, h1{font-size:30px;}
.owl-homebanner {
    padding-top: 0px;
}
.socialbar-row{display:none!important}
#header{position:static;}
#header .main-header{padding: 0px 0!important;}
.afterHeader{ margin:0!important}


#footer .newsletter{margin-top: 1em;display: inline-block;width: 100%;}
.how-it-work .box .workStep{font-size:30px;}
.topHeader {line-height:normal;padding: 14px 0;font-size:11px;}
.topHeader .pull-right{ width:100%;}
.topHeader .topNav li a{padding: 4px 6px;font-size: 11px;}

.btn-large{ font-size:15px; padding:10px 2em}

.happy-clients .owl-clients h2{ font-size:22px; margin:0 0 10px}
.happy-clients .owl-clients .thumb{text-align:center;}
.happy-clients .owl-clients .thumb img{ margin:0; box-shadow:none; padding:5px; margin-bottom:10px; width:auto}
.slider .desc{top: 19%;padding-top: 12%;}
.slider .slidertxt h1{font-size:20px; margin-bottom:5px;}
.slider .slidertxt ul li{padding-bottom: 2px;line-height: initial;}
.slider .slidertxt ul {font-size:16px;margin-bottom: 5px;}
.slider .slidertxt .btn-large {padding: 6px 2em;font-size: 13px;}
.innerContent{margin-top:2em}

#header .pull-right{/* width:100%; */position:relative;}
.accordion .accordion-title{ font-size:14px; font-weight:600; line-height:normal}
.accordion .accordion-title:before{ width:12px; height:12px;}

}.leftnav button.navbar-toggle {
    margin: 0 0 15px 0;
}
.text-right {
    float: right;
    font-size: 16px !important;
    font-weight: 700;
}.Collapsable {
    font-size: 18px !important;
    font-weight: 600 !important;
    cursor: pointer;
}
@media only screen and ( max-width: 640px ) {
    .leftnav button.navbar-toggle {
    margin: 0 0 15px 0;
        display: block;
}.table-responsive {
    max-width: 327px !important;}.UserArea > .text {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 22px;
    padding: 9px 7px 6px 6px;
    margin-left: 10px;
    min-width: 58px;
}.lock-design {
    font-size: 43px;
    padding: 0px 0 0px;
    color: #f7971e;
}.UserArea a {
    color: #fff;
    padding: 9px 4px 0 5px;
}.pull-left.logo.dashlogo {
    margin: -1px 0 -46px 0px !important;
    max-width: 70px !important;
    background: transparent;
    padding: 0;
    border-radius: 7px;
    box-shadow: none;
}.list-group.listnewgroup {
    display: inline-block;
    margin: 0 0 13px 0;
    width: 100%; }.content-wrapper {
    background: #fff;
    padding: 18px 14px 0px 11px;
}
.slider .slidertxt h1{font-size: 15px;}
.slider .slidertxt ul{font-size: 14px;}
.slider .slidertxt .btn-large{padding: 5px 2em;font-size: 10px;display: none;}
.row.gutters {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}.content-wrapper.newcontentwrap {
    background: #fff;
    padding: 18px 14px 0px 11px;
}.slider {
    margin: 0 auto 0em;}
    .dashboard .leftnav ul {display: none;}
    .how-it-work .row{    display: flex;
    flex-wrap: wrap;}.team-box {
    min-height: 206px;
    margin: 40px 0 0 0;
    position: relative;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 15px #e8e8e8;
    margin: 15px 0;
    padding: 15px;
    transition: .5s;
}.pull-left.toplefts {
    display: none;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}
}


@media only screen and ( max-width: 640px ) {
	#header .logo {
    max-width: 63px;
    margin: -43px 0 -54px -4px;
    padding-top: 2px;
    padding: 0;
}.conaddress {
    margin-bottom: 0em;}
    .conaddress .box {
        background-color: #FD9E14;
        border-radius: 10px;
        height: 200px;
        border: 6px solid #fff;
        position: relative;
        background-repeat: no-repeat;
        padding: 0 6px;
        background-position: center 15px;
        padding-top: 70px;
        background-size: 49px;
        margin-bottom: 20px;
        transition: .5s;
        font-size: 14px;
    }
.main-header .navbar-toggle {
    position: relative;
    float: right;
    color: #0c3b82;
    font-size: 18px;
    border-radius: 100%;
    width: 35px;
    height: 34px;
    text-align: center;
    padding: 2px 10px;
    background-color: #FFFFFF;
    text-align: left;
    border: none;
    margin-top: -39px;
}	.main-header .navbar-toggle a {
    color: #0c3b82;
    float: right;
}
.topHeader .topNav {
    padding: 3px;
    margin: 0;
    text-align: right;
    padding: 0 44px 1px 7px;
} .owl-carousel .owl-item .slider img {
    height: 170px;
}
}
@media only screen and ( max-width: 480px ) {
.h1, h1{font-size:25px;}
.how-it-work .box h3{ font-size:12px;}

}
section.how-it-work.opty {
    border-top: 1px solid #FD9E14;
    /* border-bottom: 1px solid #f0f0f0; */
}