 body {
     font-family: 'Muli', sans-serif;
}
 :focus {
     outline:0 !important;
     box-shadow:none !important;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 a {
     color:inherit;
}
 a:hover {
     text-decoration:none;
     color:inherit;
}
 .main-banner header {
     background: none;
}
 header {
     background: #0066ff;
    /* Old browsers */
     background: -moz-linear-gradient(left, #0066ff 1%, #ff7200 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(left, #0066ff 1%,#ff7200 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, #0066ff 1%,#ff7200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff7200',GradientType=1 );
    /* IE6-9 */
}
 header {
     position: absolute;
     width: 100%;
     z-index: 99;
     top: 0;
}
 .main-banner {
     height:100vh;
     overflow:hidden;
}
 .main-banner:before {
     content: '';
     display: inline-block;
     height: 100%;
     width: 100%;
     background: rgba(0, 0, 0, 0.7);
     position: absolute;
     top: 0;
     left: 0;
}
 .home-menu .navbar-inverse {
     border-radius: 0;
}
 .home-menu .navbar-toggle .icon-bar {
     display: block;
     width: 22px;
     height: 2px;
     border-radius: 1px;
     background-color: #ffffff;
}
 .home-menu .navbar-nav > li > a {
     text-transform: uppercase;
     color: #fff;
     margin: 16px 0px;
     font-weight: 700;
     font-size: 13px;
}
 .home-menu .navbar-nav {
     margin-right: 20px;
}
 .home-menu .nav > li > a:focus, .home-menu .nav > li > a:hover {
     background: none;
     color: #ff8f00;
}
 .home-menu .navbar {
     padding: 20px 10px;
     position: relative;
     min-height: initial;
     margin-bottom: 0;
     border: 0;
}
 .navbar-brand {
     padding: 6px 15px;
     height: auto;
}
 .call-action {
     float: right;
     position: relative;
}
 .call-action h3 {
     font-size: 23px;
     font-weight: 900;
     margin: 0;
     color: #ffffff;
     margin-bottom: 10px;
}
 .call-action .btn-start {
     background-color:#ffffff;
     font-size:15px;
     font-weight:900;
     text-transform:uppercase;
     color:#222222;
     padding:10px 30px;
}
 .call-action .btn-start:hover {
     background-color: #ff8f00;
     color:#ffffff;
}
 .call-action i {
     font-size: 25px;
     position: relative;
     top: 5px;
}
 #myVideo {
     right: 0;
     bottom: 0;
     min-width: 100%;
     min-height: 100%;
}
 .navbar-inverse .navbar-nav > li > a {
     color: #ffffff;
}
 .welcometext p {
     text-align:center;
     font-size:30px;
     font-weight:700;
     color:#ffffff;
}
 .welcometext p span {
     color:#ff8f00;
}
 .main_counter_content .single_counter h2 {
     font-size: 40px;
     color: #ff8f00;
     font-weight: 900;
     margin: 5px 0px;
}
 .main_counter_content .single_counter p {
     color: #ffffff;
     font-size: 23px;
     margin: 0;
}
 .main_counter_content {
     margin-top: 40px;
     display: inline-block;
     width: 100%;
}
 .main_counter_content .statistic-counter.plus:after {
     content: '+';
     color: #ff8f00;
     font-weight: 900;
     display: inline-block;
     margin-left: 3px;
     position: relative;
     top: -2px;
}
 .main_counter_content .single_counter {
     background-color: rgba(255, 255, 255, 0.10);
     border-radius: 5px;
     padding: 15px 0px;
}
 .home-block {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
     height: 100%;
}
 .home-middle {
     display: table;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
}
 .cuv {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
}
 .block-title {
     text-align: center;
     display: inline-block;
     padding: 5px 15px;
     margin-bottom: 40px;
}
 .block-title h3 {
     font-size:32px;
     font-weight:900;
     text-transform:uppercase;
     margin:0;
}
 .block-title h3 a{
     color:#ff8f00;
}
 .block-title span {
     height: 1px;
     width: 200px;
     display: inline-block;
     background-color: #ccc;
     position: relative;
     text-align: center;
}
 .block-title span:after {
     content: '';
     display: inline-block;
     height: 3px;
     background-color: #ff8f00;
     width: 70px;
     position: relative;
     top: -13px;
}
 .how-work {
     margin-top: -50px;
     position: relative;
}
 .business-slider {
     background: url(../images/monitor.png);
     background-repeat: no-repeat;
     z-index: 99;
     background-position-x: 60px;
     height: 640px;
     z-index: 2;
}
 .business-slider .slick-slide img {
     margin: 28px 85px;
}
 .business-slider.slick-dotted.slick-slider {
     margin: 0;
     margin-top: 20px;
}
 .main-banner .affix {
     background: #0066ff;
    /* Old browsers */
     background: -moz-linear-gradient(left, #0066ff 1%, #ff7200 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(left, #0066ff 1%,#ff7200 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, #0066ff 1%,#ff7200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff7200',GradientType=1 );
    /* IE6-9 */
}
 .affix .navbar {
     padding:7px 0px;
}
 .welcometext {
     padding:0px 15px;
}
 .how-work-middle {
     padding: 30px 0px;
     padding-bottom: 0;
     padding-top: 0;
}
 .how-work-menu {
     margin-top:5px;
}
 .wework-menu {
     text-align: center;
     border: solid 1px #cccccc;
     border-radius: 3px;
     padding: 12px 10px;
     margin-bottom: 17px;
     font-weight: 700;
     cursor: pointer;
}
 .wework-menu:hover {
     border: solid 1px #ffffff;
     background: #0066ff;
    /* Old browsers */
     background: -moz-linear-gradient(left, #0066ff 1%, #ff7200 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(left, #0066ff 1%,#ff7200 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, #0066ff 1%,#ff7200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff7200',GradientType=1 );
    /* IE6-9 */
}
 .wework-menu.active {
     border: solid 1px #ffffff;
     background: #0066ff;
    /* Old browsers */
     background: -moz-linear-gradient(left, #0066ff 1%, #ff7200 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(left, #0066ff 1%,#ff7200 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, #0066ff 1%,#ff7200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff7200',GradientType=1 );
    /* IE6-9 */
}
 .wework-menu.active span {
     background-color: #ffffff;
     color: #ff8f00;
}
 .wework-menu.active p {
     color: #ffffff;
}
 .wework-menu span {
     display: inline-block;
     height: 40px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     background-color: #ff8f00;
     font-size: 20px;
     color: #ffffff;
     border-radius: 100%;
}
 .wework-menu:hover span {
     background-color: #ffffff;
     color:#ff8f00;
}
 .wework-menu p {
     font-size: 16px;
     margin: 0;
     margin-top: 5px;
     font-size: 15px;
}
 .wework-menu:hover p {
     color:#ffffff;
}
 .our-process {
     padding: 30px 0px;
     background-color: #f2f2f2;
     padding-top: 12%;
     position: relative;
}
 .our-process .block-title {
     margin-bottom:40px;
}
 .our-process .cuv2 {
     width: 100%;
     position: absolute;
     top: 0;
}
 .our-process .process-graph {
     display:inline-block;
     width:100%;
}
 .our-process .process-graph img{
     margin: 0 auto;
     padding:0px 10px;
}
 .aria-experiance {
}
 .aria-experiance .launch-bg {
     width: 100%;
     background-color: #f2f2f2;
     padding-top: 20px;
}
 img {
     -webkit-user-drag: none;
     -khtml-user-drag: none;
     -moz-user-drag: none;
     -o-user-drag: none;
     user-drag: none;
}
 .aria-lavels {
     background: #d1702e;
    /* Old browsers */
     background: -moz-linear-gradient(top, #d1702e 0%, #0066ff 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #d1702e 0%,#0066ff 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #d1702e 0%,#0066ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1702e', endColorstr='#0066ff',GradientType=0 );
    /* IE6-9 */
     position:relative;
     padding-bottom:11%;
}
 .aria-lavels .left-book {
     position:absolute;
     left:0;
     top:0;
}
 .aria-lavels .right-book {
     position: absolute;
     right: 0;
     top:0;
}
 .aria-lavels .left-book, .aria-lavels .right-book {
     top:50px;
}
 .aria-lavels {
}
 .aria-lavels .block-title h3 {
     color:#ffffff;
}
 .aria-lavels .lavel {
     background-color: #ffffff;
     padding: 14px;
     border-radius: 50px;
     color: #222222;
     font-size: 22px;
     font-weight: 700;
     padding-left: 60px;
     margin-bottom: 15px;
     position: relative;
     transition: 0.5s ease all;
     -webkit-transition: 0.5s ease all;
     -moz-transition: 0.5s ease all;
     cursor:default;
}
 .aria-lavels .lavel:hover {
     box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.50);
     background-color: #dddddd;
}
 .aria-lavels .lavel span {
     position: absolute;
     left: 5px;
     top: 5px;
     height: 48px;
     width: 48px;
     background-color: #ff8f00;
     color: #ffffff;
     border-radius: 100%;
     text-align: center;
     line-height: 48px;
     font-size: 22px;
     display: inline-block;
}
 .our-services {
     padding-bottom: 1%;
}
 .our-services .service-list {
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.20);
     border-radius: 3px;
     overflow: hidden;
     margin:15px 0px;
     transition:0.5s ease all;
}
 .our-services .service-list:hover p {
     background-color:#ff8f00;
     color:#ffffff;
}
 .our-services .service-list img {
     height: 200px;
     object-fit: cover;
     width: 100%;
}
 .our-services .service-list p {
     text-align: center;
     padding: 10px;
     margin: 0;
     font-size: 16px;
     font-weight: 700;
     transition: 0.5s ease all;
     -webkit-transition: 0.5s ease all;
     -moz-transition: 0.5s ease all;
}
 .our-services .service-list .view-more {
     background: #ff7200;
     background: -moz-linear-gradient(-45deg, #ff7200 0%, #0066ff 100%);
     background: -webkit-linear-gradient(-45deg, #ff7200 0%,#0066ff 100%);
     background: linear-gradient(135deg, #ff7200 0%,#0066ff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#0066ff',GradientType=1 );
     min-height: 242px;
     text-align: center;
     line-height: 242px;
     transition: 0.5s ease all;
     -webkit-transition: 0.5s ease all;
     -moz-transition: 0.5s ease all;
     -o-transition: 0.5s ease all;
}
 .our-services .service-list .view-more:hover {
     background: #0066ff;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #0066ff 0%, #ff7200 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #0066ff 0%,#ff7200 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #0066ff 0%,#ff7200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff7200',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .our-services .service-list .view-more {
     color:#ffffff;
     font-size:20px;
}
 .our-services .service-list .view-more {
     position:relative;
     text-align:center;
}
 .our-services .service-list .view-more i {
     height:30px;
     width:30px;
     display:inline-block;
     background-color:#ffffff;
     border-radius:100%;
     color:#222222;
     line-height:30px;
     color:#ff8f00;
     position:relative;
     top:6px;
}
 .main-services {
     padding: 1% 0;
}
 .main-services .list-main {
     min-height: 100px;
     width: 100%;
     display: inline-block;
     background-color: #777777;
     text-align: center;
     position: relative;
     overflow: hidden;
     margin-bottom: -5px;
}
 .main-services .list-main img {
     height: 270px;
     object-fit: cover;
     width: 100%;
}
 .main-services .list-main .overlay {
     position:relative;
}
 .main-services .container a {
}
 .main-services .list-main .overlay:before {
     content: '';
     display: inline-block;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.70);
     position: absolute;
     top: 0;
     left: 0;
     transition: 0.5s ease all;
     -webkit-transition: 0.5s ease all;
     -moz-transition: 0.5s ease all;
     -o-transition: 0.5s ease all;
}
 .main-services .list-main:hover .overlay:before {
     background: -moz-linear-gradient(-45deg, rgba(255,114,0,0.85) 0%, rgba(0,102,255,0.8) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, rgba(255,114,0,0.85) 0%,rgba(0,102,255,0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, rgba(255,114,0,0.85) 0%,rgba(0,102,255,0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ff7200', endColorstr='#cc0066ff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .main-services .col-sm-4 {
     padding: 0;
}
 .main-services .list-main .bottom-block {
     position: absolute;
     bottom: 20px;
     width: 100%;
     color: #ffffff;
     padding: 0px 10px;
}
 .main-services .list-main .bottom-block p {
     font-size:18px;
}
 .main-services .list-main .bottom-block span {
     width: 50px;
     height: 50px;
     display: inline-block;
     border-radius: 100%;
     line-height: 50px;
     background-color: #ffffff;
     color: #ff8f00;
     transition: 0.5s ease all;
     -webkit-transition: 0.5s ease all;
     -moz-transition: 0.5s ease all;
     position: relative;
     top: 150px;
}
 .main-services .list-main .bottom-block i {
     line-height:50px;
     font-size:35px;
}
 .main-services .list-main:hover .bottom-block span {
     position: relative;
     top: 0;
}
 .more {
     text-align: center;
     position: relative;
     margin: 30px 0px;
}
 .more:after {
     content: '';
     width: 100%;
     height: 1px;
     background-color: #ff8f00;
     display: inline-block;
     position: absolute;
     left: 0;
     top: 20px;
}
 .more a {
     padding: 10px 20px;
     font-size: 15px;
     color: #222222;
     display: inline-block;
     text-align: center;
     border-radius: 50px;
     position: relative;
     z-index: 2;
     background-color: #fff;
     border: solid 1px #ff8f00;
     font-weight: 500;
     font-weight: 700;
}
 .more a:hover {
     background-color:#ff7200;
     color:#ffffff;
}
 .testimonal {
     background: url(../images/review-bg.jpg);
     padding:5% 0;
     position:relative;
     background-attachment:fixed;
     background-size:cover;
     overflow:hidden;
}
 .testimonal:before {
     content: '';
     background-color: rgba(255, 255, 255, 0.8);
     display: inline-block;
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
}
 .testimonal .testi-title {
     font-size: 30px;
     font-weight: 700;
     text-align: center;
     position: relative;
}
 .testimonal .testi-title span {
     font-weight: 900;
     color: #ff8f00;
}
 .review-block {
     padding:30px 0;
}
 .testimonal .review-list {
     background-color: #ffffff;
     border-radius: 3px;
     overflow: hidden;
     box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.20);
}
 .testimonal .review {
     padding: 17px 12px;
     font-size: 16px;
     color: #000000;
}
 .testimonal .review.head {
     background-color: #dddddd;
     font-weight: 700;
     padding: 12px 12px;
     font-size: 18px;
}
 .ratings-blocks {
     background-color: #ffffff;
     padding: 20px;
     border-radius: 3px;
     box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.20);
}
 .rating-part {
     margin-bottom: 10px;
}
 .rating-part h3 {
     font-size:17px;
     font-weight:700;
     margin:0;
     margin-bottom:8px;
     color:#000000;
}
 .rating-part .emoji {
     display:inline-block;
     margin:0px 3px;
     text-align:center;
}
 .rating-part .emoji img {
     margin: 0 auto;
}
 .rating-part .emoji span {
     display: block;
     font-size: 9.2px;
     text-align: center;
}
 .arrows {
     position:absolute;
     top:48%;
     width:100%;
}
 .arrows a {
     position: absolute;
     height: 100px;
     width: 100px;
     border-radius: 100%;
     background-color: #ff8f00;
     text-align: center;
}
 .arrows a:hover {
     background-color:#0066ff;
     cursor:pointer;
}
 .arrows a i {
     font-size: 40px;
     line-height: 100px;
     color: #ffffff;
}
 .arrows .back {
     left: -50px;
}
 .arrows .back i {
     position:relative;
     left:20px;
}
 .arrows .next i {
     position: relative;
     right: 20px;
}
 .arrows .next {
     right: -50px;
}
 .btn-viewmore {
     border: solid 2px #ff8f00;
     padding: 13px 24px;
     display: inline-block;
     border-radius: 3px;
     text-transform: uppercase;
     font-weight: 700;
     color: #ff8f00;
     position:relative;
     top:25px;
}
 .btn-viewmore:hover {
     border: solid 2px #222222;
     color:#222222;
}
 .contact-block {
     padding:3% 0;
     background:url(../images/contact-bg.jpg);
     background-size:cover;
     background-attachment:fixed;
     position:relative;
}
 .contact-block:before {
     content:'';
     display:inline-block;
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     left:0;
     background: -moz-linear-gradient(-45deg, rgba(255,114,0,0.85) 0%, rgba(0,102,255,0.8) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, rgba(255,114,0,0.85) 0%,rgba(0,102,255,0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, rgba(255,114,0,0.85) 0%,rgba(0,102,255,0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ff7200', endColorstr='#cc0066ff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .contact-block .block-title {
     position:relative;
}
 .contact-block .block-title h3 a {
     color: #ffffff;
}
 .messanger {
     position:relative;
     text-align:center;
     margin:20px 0px;
}
 .messanger a {
     display: inline-block;
     background-color: #ffffff;
     padding: 13px 30px;
     border-radius: 100px;
     position: relative;
     font-size: 22px;
     color: #000000;
     font-weight: 900;
     padding-left: 80px;
     overflow: hidden;
     margin: 0px 10px;
}
 .messanger a span {
     display: inline-block;
     position: absolute;
     left: 0;
     background-color: #ff8f00;
     height: 100%;
     top: 0;
     padding: 0px 5px;
     line-height: 48px;
     text-align: center;
     width: 60px;
}
 .messanger a span img {
     position:relative;
     top:3px;
}
 .messanger .fb span {
     background-color: #007fff;
}
 .messanger .whatup span {
     background-color: #0ecf00;
}
 .messanger .whatup {
}
 .contact-text {
     text-align:center;
     font-size:20px;
     color:#ffffff;
}
 .contact-form {
     margin-top:30px;
}
 .form-group input, .form-group select {
     padding: 10px;
     width: 100%;
     border: solid 1px #aaaaaa;
     border-radius: 3px;
     box-shadow: none;
     font-size: 14px;
     height: 50px;
     background: none;
}
 .form-group textarea {
     padding: 10px;
     width: 100%;
     border: solid 1px #cccccc;
     border-radius: 3px;
     box-shadow: none;
     font-size: 14px;
     resize: none;
     background: none;
}
 .contact-form .form-group input, .contact-form .form-group textarea {
     border: solid 1px #ffffff;
     color: #ffffff;
}
 .contact-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #ffffff;
}
 .contact-form ::-moz-placeholder {
    /* Firefox 19+ */
     color: #ffffff;
}
 .contact-form :-ms-input-placeholder {
    /* IE 10+ */
     color: #ffffff;
}
 .contact-form :-moz-placeholder {
    /* Firefox 18- */
     color: #ffffff;
}
 .btn-theme {
     padding: 12px 30px;
     display: inline-block;
     background-color: #ff7200;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 17px;
     color:#ffffff;
}
 .btn-theme.btn-small {
     padding: 5px 10px;
     font-size:14px;
     border:0;
}
 .btn-light {
     background-color:#aaaaaa;
}
 .btn-theme:hover {
     background-color:#0066ff;
     color:#ffffff;
}
 .btn-theme .contact-form .btn-theme {
     background-color: #ffffff;
}
 .contact-form .btn-theme:hover {
     background-color:#ff8f00;
     color:#ffffff;
}
 .inner-page header {
     position:relative;
}
 .inner-page .navbar {
     padding: 10px 10px;
}
 .inner-page .affix {
     position: fixed;
     z-index: 999;
}
 .page-title:before {
     content: '';
     height: 100%;
     width: 100%;
     display: inline-block;
     background-color: rgba(0, 0, 0, 0.75);
     position: absolute;
     top: 0;
}
 .page-title {
     color: #ffffff;
     position: relative;
     padding: 25px 0px;
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 900;
     background:url(../images/page-title.jpg);
     background-size:cover;
     background-attachment:fixed;
}
 .page-title h3 {
     position:relative;
     margin:0;
     font-weight:900;
     z-index:2;
}
 .v-space {
     margin:2% 0;
}
 .what-offer h3 {
     font-size:22px;
     font-weight:700;
     text-transform:uppercase;
}
 .what-offer .offer-list {
     margin-bottom:30px;
}
 .what-offer ul {
     padding: 0;
}
 .what-offer ul li {
     list-style: none;
     padding-left: 20px;
     position: relative;
     font-size: 17px;
     line-height: 30px;
}
 .what-offer ul li:before {
     content: '';
     display: inline-block;
     position: absolute;
     left: 0;
     height: 10px;
     width: 10px;
     border-radius: 100%;
     border: solid 2px #ff8f00;
     top: 7px;
}
 .sapmle-work {
     padding:30px 0px;
     background-color:#f2f2f2;
}
 .title-arrow h3 {
     text-transform: uppercase;
     font-size: 22px;
     margin: 0;
     font-weight: 700;
     float: left;
     position: relative;
     top: 3px;
}
 .sapmle-work .pdf {
     display: inline-block;
     width: 100%;
     padding: 30px 10px;
     background-color: #ee4035;
     border-radius: 5px;
     text-align: center;
     position: relative;
     margin: 20px 0px;
}
 .sapmle-work .pdf:hover {
     background-color:#ff8f00;
}
 .sapmle-work .pdf .corner {
     position: absolute;
     top: -1px;
     right: 0;
}
 .sapmle-work .pdf i {
     color: #ffffff;
     font-size: 50px;
}
 .sapmle-work .pdf p {
     color: #ffffff;
     min-height: 40px;
}
 .sapmle-work .pdf span{
     color: #ff645a;
}
 .title-arrow .lrarrow {
     float: right;
}
 .title-arrow .lrarrow a {
     display: inline-block;
     width: 33px;
     height: 33px;
     border-radius: 3px;
     margin-left: 5px;
     background-color: #ff8f00;
     text-align: center;
     cursor: pointer;
}
 .title-arrow .lrarrow a:hover {
     background-color:#0066ff;
}
 .title-arrow .lrarrow a i {
     color: #ffffff;
     line-height: 33px;
     font-size: 25px;
     text-align: center;
}
 .title-arrow {
     display:inline-block;
     width:100%;
}
 .sapmle-slider {
     margin-bottom:0 !important;
}
 .btn-login {
     background-color:#0066ff;
     border-radius:30px;
}
 .btn-login:hover {
     background-color:#ffffff !important;
}
 .suggest-service {
     padding:10px 0px;
}
 .new-project .title h3 {
     text-transform: uppercase;
     font-size: 22px;
     margin: 0;
     font-weight: 700;
     margin-bottom:20px;
}
 .new-project .form-group select {
     background-color: #ff7200;
     border: 0;
     color: #ffffff;
     font-weight: 700;
}
 .new-project .form-group select option {
     padding:10px;
}
 .value {
     text-align:center;
}
 .value .total {
     display: inline-block;
     height: 126px;
     width: 126px;
     background-color: #ffffff;
     box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.10);
     line-height: 126px;
     font-size: 40px;
     font-weight: 900;
     color: #ff7200;
     border-radius: 100%;
     margin: 30px 0px;
}
 .value .btn-theme {
     background: #0066ff;
     background: -moz-linear-gradient(left, #0066ff 1%, #ff7200 100%);
     background: -webkit-linear-gradient(left, #0066ff 1%,#ff7200 100%);
     background: linear-gradient(to right, #0066ff 1%,#ff7200 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff7200',GradientType=1 );
     color: #ffffff;
     font-size: 20px;
     font-weight: 700;
     border: 0;
     padding: 15px 30px;
}
 .value .btn-theme:hover {
     background: #0066ff;
}
 .custom-select option {
     background-color:#ff8f00;
     color:#ffffff;
     padding:10px !important;
     height:auto !important;
}
 .custom-select option:hover {
     background-color:#ff7200;
}
 .custom-combobox {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .custom-combobox .ui-button {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     vertical-align: middle;
     border: 0;
     background-color: #cccccc;
     color: #ffffff;
     margin-right: 0;
}
 .steps-box {
     padding: 40px;
     box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
     margin: 20px 0px;
     border-radius: 3px;
     margin-top: 40px;
}
 .steps-box .select-selected {
     background-color: #ffffff;
     border: solid 1px #cccccc;
     color: #222222;
     width: 100%;
     float: none;
     text-align: left;
     padding: 15px;
     font-size: inherit;
}
 .steps-box .select-selected:after {
     position: absolute;
     content: "";
     bottom: 17px;
     right: 10px;
     width: 0;
     height: 0;
     border: 6px solid transparent;
     border-color: #222222 transparent transparent transparent;
}
 .tab-content .btn-theme {
     color: #ffffff;
}
 .tab-content .btn-theme i {
     line-height: normal;
     font-size: 17px;
     position: relative;
     top: 2px;
}
 .tab-content .btn-pre {
     background-color: #cccccc;
}
 .tab-content .main_counter_content .single_counter {
     background: #ff7200;
     background: -moz-linear-gradient(-45deg, #ff7200 0%, #0066ff 100%);
     background: -webkit-linear-gradient(-45deg, #ff7200 0%,#0066ff 100%);
     background: linear-gradient(135deg, #ff7200 0%,#0066ff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#0066ff',GradientType=1 );
}
 .step-button {
     margin:15px 0px;
}
 .tab-content .main_counter_content .single_counter h2 {
     font-size: 30px;
     color: #ffffff;
}
 .tab-content .main_counter_content .statistic-counter.plus:after {
     color: #ffffff;
}
 .tab-content .main_counter_content .single_counter img {
     width:40px;
}
 .tab-content .main_counter_content .single_counter p {
     font-size: 16px;
}
 .tab-content > .tab-pane {
     position:relative;
}
 .core-value {
}
 .core-value .value-text {
     padding: 15px;
     background:url(../images/bg.jpg);
     background-attachment:fixed;
     border-radius: 3px;
     text-align: center;
     font-size: 14px;
     min-height: 100px;
     margin: 10px 0px;
     position:relative;
     overflow:hidden;
}
 .core-value .value-text p {
     position:relative;
     z-index:2;
     color:#ffffff;
}
 .core-value .value-text:after {
     content: '';
     display: inline-block;
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgba(17, 17, 17, 0.68);
     top: 0;
     left: 0;
}
 .commitment {
}
 .commitment .commit-text {
     padding: 20px;
     color:#ffffff;
     text-align:center;
     font-size:15px;
     font-weight: 700;
     border-radius: 3px;
     position: relative;
     background: #ff7200;
     background: -moz-linear-gradient(-45deg, #ff7200 0%, #0066ff 100%);
     background: -webkit-linear-gradient(-45deg, #ff7200 0%,#0066ff 100%);
     background: linear-gradient(135deg, #ff7200 0%,#0066ff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#0066ff',GradientType=1 );
     border-radius:50px;
}
 .loginbox .login-heading {
     font-size: 18px;
}
 .loginbox .login-heading i {
     font-size: 20px;
     color: #ff7200;
     margin-right: 3px;
}
 .loginbox .not-member {
     margin: 15px 0px;
     font-size: 14px;
}
 .loginbox .not-member a {
     color: #ff7200;
     font-weight: 700;
}
 .loginbox .modal-content {
     background-color: rgba(255, 255, 255, 0.95);
}
 footer {
     text-align: center;
     background-color: #eeeeee;
}
 footer a {
     display: inline-block;
     margin: 15px 8px;
     font-size: 16px;
}
 footer a:hover {
     color: #ff7200;
}
 .count-price {
     display: inline-block;
     width: 110px;
     height: 110px;
     background-color: #eeeeee;
     border-radius: 100%;
     font-weight: 900;
     text-align: center;
     padding: 28px 0px;
     position: absolute;
     right: -40px;
     top: -20px;
}
 .count-price p {
     margin: 0;
     font-size: 16px;
     text-transform: uppercase;
}
 .count-price span {
     display: inline-block;
     font-size: 30px;
     color: #ff7200;
}
 .social {
     text-align: center;
     padding: 20px 0px;
     padding-bottom:10px;
}
 .social a {
     height: 35px;
     width: 35px;
     text-align: center;
     background-color: #ffffff;
     border-radius: 100%;
     display: inline-block;
     margin: 0px 2px;
     transition: 0.3s ease;
     -webkit-transition: 0.3s ease;
     -moz-transition: 0.3s ease;
     -o-transition: 0.3s ease;
}
 .social a i {
     color: #ff7200;
     font-size: 16px;
     line-height: 35px;
}
 .social a:hover {
     background-color: #fe7200;
}
 .social a:hover i {
     color: #ffffff;
}
 .social-register a {
     display: block;
     color: #ffffff;
}
 .cover {
     background: url(../images/bg.jpg);
     background-size: cover;
     background-attachment: fixed;
     text-align: center;
     padding: 50px 0px;
     padding-bottom: 150px;
     position:relative;
}
 .cover:after {
     content: '';
     display: inline-block;
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgba(0, 0, 0, 0.40);
     top: 0;
     left: 0;
}
 .cover img {
     position:relative;
     z-index:2;
}
 .order-details {
     background-color: #ffffff;
     box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.20);
     margin-top: -100px;
     border-radius: 3px;
     padding: 0px 20px 20px 20px;
     position:relative;
}
 .order-details h2{
     font-size:22px;
     text-transform:uppercase;
     font-weight:900;
     margin:0;
     padding:30px 0px;
}
 .order-details .que {
     display: inline-block;
     width: 100%;
     padding: 10px;
     background-color: #f2f2f2;
     border-radius: 50px;
     font-size: 17px;
     position: relative;
     padding-left: 35px;
     overflow: hidden;
     margin: 5px 0px;
}
 .order-details .que:before {
     content: '';
     position: absolute;
     height: 10px;
     width: 10px;
     border-radius: 100%;
     background-color: #d6d6d6;
     display: inline-block;
     left: 15px;
     top: 17px;
}
 .order-details .que span {
     display: inline-block;
     background-color: #ff7200;
     color: #ffffff;
     position: absolute;
     left: 0;
     height: 100%;
     width: 45px;
     top: 0;
     text-align: center;
     line-height: 45px;
     font-weight: 700;
     display: none;
}
 .order-details .ans {
     color: #222222;
     font-weight: 700;
     font-size: 17px;
     margin-left: 5px;
     display:inline-block;
}
 .bottom-button {
     margin: 30px 0px;
     text-align:right;
}
 .od .btn-theme {
     width:145px;
}
 .od .btn-theme i {
     line-height:0;
     font-size:16px;
}
 .od .edit {
     background-color: #0066ff;
}
 .login-register {
     background-color: #ffffff;
     box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.20);
     margin-top: -100px;
     border-radius: 3px;
     padding: 30px;
     position: relative;
}
 .login-register .form-group {
     margin-bottom:20px;
}
 .login-register .register-box {
}
 .login-register .register-box h3, .login-box h3 {
     margin: 0;
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 20px;
}
 .login-register .bottom-button {
     margin:0;
}
 .login-register .btn-theme i {
     margin-top: -10px;
     font-size: 21px;
     position: relative;
     top: 3px;
}
 .login-box {
     background-color: #f2f2f2;
     padding: 20px;
     border-radius: 3px;
     min-height: 375px;
}
 .login-box .fp {
     text-align:right;
     font-size:16px;
     font-weight:700;
     margin-top:5px;
}
/*tab start*/
 .top-tab {
     background-color: #eeeeee;
     margin-bottom: 20px;
}
 .dbtab .tab-content {
     border-top: 0;
}
 .dbtab {
     background: none;
     margin-bottom:20px;
}
 .dbtab .nav-pills > li {
     width: 50%;
     margin: 0;
     text-align: center;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 700;
     background-color: #e7e7e7;
}
 .acsetting-tab .dbtab .nav-pills > li {
     width: 12.5%;
     margin: 0;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     background: none;
     border-bottom: 0;
}
 .acsetting-tab .dbtab .nav-pills > li > a {
     padding: 15px 0px;
     font-size:12px;
}
 .acsetting-tab .dbtab .nav-pills > li > a:hover {
     background-color:#dddddd;
}
 .acsetting-tab .dbtab .nav-pills > li i {
     margin-right: 5px;
     font-size: 20px;
}
 .dbtab .nav-pills > li > a {
     border-radius: 0;
     padding: 12px 0px;
}
 .dbtab .sortby-block {
     background-color: #fbfbfb;
     padding: 15px 30px;
     font-size: 14px;
     display: inline-block;
     width: 100%;
}
 .dbtab .sortby-block .ddshortby {
     display: inline-block;
}
 .dbtab .sortby-block .ddshortby select {
     line-height: inherit;
     min-width: 200px;
     padding: 8px;
     font-size: 14px;
     margin-left: 5px;
}
 .dbtab .sortby-block .openjob {
     float: right;
     display: inline-block;
     padding: 7px 0px;
}
 .border-right0 {
     border-right: 0 !important;
}
 .dbtab .nav-pills > li > a {
     border-radius: 0;
     font-size: 14px;
     font-weight:700;
}
 .dbtab .nav-pills > li.active > a, .dbtab .nav-pills > li.active > a:focus, .dbtab .nav-pills > li.active > a:hover {
     background-color: #ed2764;
}
 .acsetting-tab .dbtab .nav-pills > li.active, .acsetting-tab .dbtab .nav-pills > li.active, .acsetting-tab .dbtab .nav-pills > li.active {
     background-color: #ffffff;
}
 .first-msg {
     position:relative;
}
 .acsetting-tab .more-comments .dd {
     position: absolute;
     right: 0;
     bottom: 0;
}
 .acsetting-tab .more-comments button {
     border:0;
     background:none;
     font-size:18px;
     color:#0066ff;
}
 .acsetting-tab .more-comments .comment-time {
     display:block;
     font-weight:700;
     color:#000000;
}
 .acsetting-tab .more-comments .collapse {
     background-color: #eee;
     padding: 7px;
     margin-top: 10px;
     position:relative;
}
 .acsetting-tab .more-comments .collapse:after {
     content: '';
     display: inline-block;
     position: absolute;
     top: -9px;
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 10px solid #eeeeee;
}
 .acsetting-tab .dbtab .nav-pills > li.active > a, .acsetting-tab .dbtab .nav-pills > li.active > a:focus, .acsetting-tab .dbtab .nav-pills > li.active > a:hover {
     background: none;
     color: #222222;
}
 .order-search {
     margin: 17px 0px;
}
 .order-search .form-group {
     margin:0;
}
 .order-search .form-search {
     position:relative;
}
 .order-search .form-search a {
     position: absolute;
     right: 10px;
     top: 38px;
     display: inline-block;
     cursor:pointer;
}
 .order-search .form-search a:hover {
     color:#ff7200;
}
 .call-action .receved-job {
     text-transform: capitalize;
     padding: 3px 10px;
     line-height: 40px;
}
 .call-action .receved-job .user {
     display: inline-block;
     width: 43px;
     height: 43px;
     border-radius: 100%;
     overflow: hidden;
     float: left;
     margin-right: 5px;
}
 .call-action .receved-job .user img{
     height:43px;
     object-fit:cover;
}
 .call-action .dropdown-menu {
     width: 100%;
     padding: 0;
}
 .call-action .dropdown-menu > li > a {
     padding:10px;
}
 .tbl-your-order .table-head {
     background-color: #ff7200;
     color: #ffffff;
}
 .tbl-your-order .table-head tr th {
     padding: 15px 8px !important;
     border: 0 !important;
     font-size: 14px;
}
 .delivered {
     color: #2f9a00;
}
 .pending {
     color: #0066ff;
}
 .pending {
     color: #0066ff;
}
 .replied {
     color: #ff7200;
}
 .tbl-your-order {
}
 .tbl-your-order .view-more {
     background-color: #eeeeee;
}
 .tbl-your-order .view-more .btn-more {
     display: inline-block;
     background-color: blue;
     color: #fff;
     padding: 13px 20px;
     margin: -12px 0px;
     background: #0066ff;
     background: -moz-linear-gradient(-45deg, #0066ff 0%, #ff7200 100%);
     background: -webkit-linear-gradient(-45deg, #0066ff 0%,#ff7200 100%);
     background: linear-gradient(135deg, #0066ff 0%,#ff7200 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff7200',GradientType=1 );
     position: relative;
     text-align: center;
     border:0;
}
 .tbl-your-order .view-more .btn-more:hover {
     background: #0066ff;
}
 .tbl-your-order .view-more .btn-more i {
     font-size: 22px;
     line-height: 0;
     position: relative;
     top: 6px;
}
 .tbl-your-order .view-more .btn-more span {
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #ffffff;
     display: inline-block;
     position: absolute;
     top: 0;
     left: 42%;
}
 .tbl-your-order tr td {
     padding: 11px 8px !important;
     font-size: 13px;
}
 .tbl-your-order tr td.action {
     text-align:center;
}
 .tbl-your-order tr td.action p {
     display: inline-block;
     margin: 0;
}
 .tbl-your-order tr td.action p button {
     padding:2px;
     margin:0;
     line-height:0;
     background:none;
     border:solid 1px #cccccc;
}
 .tbl-your-order tr td.action p button i{
     margin:0;
     font-size:16px;
     color:#222222;
}
 .tbl-your-order tr td.action p button.blue i {
     color:#0066ff;
}
 .tbl-your-order tr td.action p button.orange i {
     color: #ff7200;
}
 .tbl-your-order tr td.action p button.blue:hover {
     background-color: #0066ff;
     border-color:#ffffff;
}
 .tbl-your-order tr td.action .new-submit {
}
 .tbl-your-order tr td.action .new-submit button {
}
 .tbl-your-order tr td.action p button.orange:hover {
     background-color: #ff7200;
     border-color: #ffffff;
}
 .tbl-your-order tr td.action p button.blue:hover i, .tbl-your-order tr td.action p button.orange:hover i {
     color: #ffffff;
}
 .receved-model .modal-header .close {
     margin-top: 0;
     position: absolute;
     right: -20px;
     top: -20px;
     width: 45px;
     height: 45px;
     background-color: #ffffff;
     border-radius: 100%;
    /* line-height: 17px;
     */
     opacity: 9;
     box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
     z-index: 2;
}
 .receved-model .modal-header .close:hover {
     background-color:#ccc;
}
 .receved-model .modal-header {
     padding: 0;
     border-bottom: 0;
}
 .receved-model .modal-body {
     padding: 0;
}
 .receved-model .tab-content {
     padding: 30px;
}
 .receved-model .tbl-your-order .table-head {
     background-color: #0066ff;
     color: #ffffff;
}
 .receved-model .acsetting-tab .dbtab .nav-pills > li > a span {
     font-size: 10px;
     height: 17px;
     width: 17px;
     display: inline-block;
     background-color: #ff7200;
     border-radius: 100%;
     color: #ffffff;
     line-height: 20px;
     margin-left: 4px;
     display: inline-block;
}
 .receved-model .tbl-your-order .table-head tr th {
     font-size: 13px;
     text-transform:uppercase;
}
 .receved-model .ratings-blocks {
     box-shadow:none;
     padding:0;
}
 .receved-model .rating-part h3 {
     font-size: 16px;
}
 .receved-model .rating-part {
     margin-bottom: 15px;
}
 .receved-model .acsetting-tab .dbtab .nav-pills > li {
     width: 20%;
}
 .new-input h3 {
     font-size: 20px;
     font-weight: 700;
     margin: 0;
     margin-bottom: 10px;
}
 .brifing-main {
     border: solid 1px #cccccc;
     border-radius: 3px;
     margin-bottom: 20px;
}
 .brifing-main .brif-title {
     padding: 12px;
     border-bottom: solid 1px #cccccc;
     font-weight: 700;
}
 .brifing-main .brifing-box {
     padding: 12px;
}
 .brifing-main .brifing-box .brifing-fealds {
}
 .brifing-main .brifing-box .brifing-fealds input {
     background-color:#f2f2f2;
     border:0;
}
 .brifing-main .brifing-box .brifing-fealds .form-group {
     margin:0;
}
 .detail-brifeing {
     max-height: 550px;
     overflow-y: scroll;
     overflow-x: hidden;
}
 .detail-brifeing::-webkit-scrollbar {
     width: 10px;
}
 .detail-brifeing::-webkit-scrollbar-track {
     background: #f1f1f1;
}
 .detail-brifeing::-webkit-scrollbar-thumb {
     background: #888;
}
 .detail-brifeing::-webkit-scrollbar-thumb:hover {
     background: #555;
}
 .rating-texts {
     margin-top:20px;
}
 .rating-texts h4 {
     font-weight: 700;
}
 .rating-texts button {
     margin-top:5px;
}
 .query-replay {
     background-color: #ecf3ff;
     padding: 20px;
     border-radius: 3px;
}
 .query-replay h4 {
     color: #000000;
     margin:0;
     margin-bottom: 10px;
     font-weight: 700;
     font-size: 18px;
     text-transform: uppercase;
     margin-bottom: 20px;
}
 .query-replay ul {
     padding-left:0;
     margin:12px 0px;
}
 .query-replay ul li {
     list-style: none;
     margin:7px 0px;
}
 .query-replay ul li span {
     font-weight:700;
}
 .acsetting-tab .dbtab .nav-pills > .more-tb {
     width: 5% 
}
 .acsetting-tab .dbtab .nav-pills > .more-tb > a {
     background-color:#ff7200;
     color:#ffffff;
}
 .acsetting-tab .dbtab .nav-pills > .more-tb a:hover {
     color: #222222;
}
 .more-tb .dropdown-menu {
     margin: 0;
     padding: 0;
     left: inherit;
     border: 0;
     width: 100%;
     right: 0;
}
 .more-tb .dropdown-menu li a {
     padding:10px 15px;
}
 .more-tb .dropdown-menu li a:hover {
     background-color: #ff7200;
     color: #ffffff !important;
}
 .perfect-box {
     border:solid 1px #cccccc;
     margin-bottom:10px;
}
 .perfect-box h4 {
     margin:0;
     background-color:#dddddd;
     color:#222222;
     padding:10px;
}
 .perfect-box .under-box {
     padding:10px;
}
 .perfect-box .under-box p {
     font-size:13px;
}
 .perfect-box .btn-dowload {
     padding: 4px 8px;
}
 .perfect-box .btn-dowload i {
     position:relative;
     top:3px;
}
 .more-action {
     display:inline-block;
}
 .more-action button {
     padding: 0;
     width: 22px;
     height: 22px;
     position: relative;
     top: 4px;
     background: none;
     border: 0;
     border: solid 1px #ccc;
     border-radius: 3px;
}
 .more-action button:hover {
     background-color:#ff7200;
     border:solid 1px #cccccc;
     color:#ffffff;
}
 .more-action button i {
     font-size: 17px;
     position: relative;
     top: 1px;
}
 .tbl-your-order .more-action p button {
     position: relative;
     top: 0;
     border: solid 1px #06f !important;
     margin: 1px 0px !important;
}
 .tbl-your-order .dropdown-menu {
     width: inherit;
     min-width: inherit;
     border: 0;
     margin: 0;
     padding: 0;
     background-color: #eeeeee;
     border-radius: 3px;
     margin-top: 4px;
     padding: 3px;
     box-shadow: none;
     margin-top: 6px;
}
 #edit-brifeing .detail-brifeing {
     max-height: inherit;
     overflow-y: inherit;
     overflow-x: inherit;
}
 .more-comments {
     position:relative;
}
 .more-comments .comment-ic {
     cursor: pointer;
     display: inline-block;
     position: absolute;
     color: #0066ff;
     margin-left: 2px;
     right: 5px;
     bottom: 5px;
     z-index: 1;
}
 .more-comments .comment-ic i {
     font-size:22px;
}
 .more-comments .comment-ic:hover {
     color:#ff7200;
}
 .acsetting-tab .testimonal {
     background:none;
     padding:0;
}
 .acsetting-tab .testimonal:before {
     display:none;
}
 .acsetting-tab .testimonal .review-block {
     display:inline-block;
     width:100%;
}
 .acsetting-tab .testimonal .review-list {
     background-color: #f2f2f2;
     box-shadow: none;
}
 .acsetting-tab .testimonal .review {
     padding: 11.7px;
}
 .acsetting-tab .testimonal .ratings-blocks {
     box-shadow: none;
     border: solid 1px #ccc;
}
 .themetxt {
     color:#ff7200;
}
 .all-feedback .testimonal .review {
     padding: 15px 10px;
}
 .bg-orange {
     background-color:#ff7200 !important;
}
 .tooltip {
     font-size:12px;
}
 .padding20 {
     padding:20px;
}
 .brifing-box .please-specify {
     margin-top:10px;
}
 .brifing-box .please-specify label {
     position: relative;
     top: 5px;
     font-size: 13px;
}
 .home-map {
     text-align:center;
     padding:50px 0px;
}
 .ui-widget-content {
     max-height: 400px;
     overflow-y: scroll;
     overflow-x: hidden;
}
 .word-select .ui-menu .ui-menu-item {
     margin: 0;
     cursor: pointer;
     list-style-image: inherit;
}
 .word-select .ui-menu .ui-menu-item-wrapper {
     position: relative;
     padding: 3px 1em 3px .4em;
     width: 100px;
     float: left;
}
 .pvr {
     display:none;
     background-color:#eeeeee;
}
 .pvr ul{
     padding:0;
}
 .pvr ul li {
     padding: 5px 10px;
     font-size:13px;
     list-style:none;
}
/* ====================== Wizard Start ====================== */
/*Start Wizard*/
 .bootstrapWizard {
     display: block;
     list-style: none;
     padding: 0;
     position: relative;
}
 .bootstrapWizard a:hover, .bootstrapWizard a:active, .bootstrapWizard a:focus {
     text-decoration: none 
}
 .bootstrapWizard li {
     display: block;
     float: left;
     width: 33%;
     text-align: center;
     padding-left: 0 
}
 .bootstrapWizard li:before {
     border-top: 4px solid #ff7200;
     content: "";
     display: block;
     font-size: 0;
     overflow: hidden;
     position: relative;
     top: 11px;
     right: 1px;
     width: 100%;
     z-index: 1 
}
 .bootstrapWizard li:first-child:before {
     left: 50%;
     max-width: 50% 
}
 .bootstrapWizard li:last-child:before {
     max-width: 50%;
     width: 50% 
}
 .bootstrapWizard li.complete .step {
     background: #0aa66e;
     padding: 1px 6px;
     border: 3px solid #55606E 
}
 .bootstrapWizard li .step i {
     font-size: 10px;
     font-weight: 400;
     position: relative;
     top: -1.5px 
}
 .bootstrapWizard li .step {
     background: #B2B5B9;
     color: #fff;
     display: inline;
     line-height: 12px;
     border: 3px solid transparent;
     border-radius: 50%;
     line-height: normal;
     position: relative;
     text-align: center;
     z-index: 2;
     height: 32px;
     width: 32px;
     display: inline-block;
     background-color: #fff;
     border: solid 2px #ff7200;
     position: relative;
     top: -7px;
}
 .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
     background: #ff7200;
     padding: 0;
     border-radius: 50%;
     border: 0;
     height: 32px;
     width: 32px;
     display: inline-block;
     position: relative;
     top: -7px;
}
 .bootstrapWizard li.complete .title, .bootstrapWizard li.active .title {
     color: #2B3D53 
}
 .bootstrapWizard li .title {
     color: #bfbfbf;
     display: block;
     font-size: 13px;
     line-height: 15px;
     max-width: 100%;
     position: relative;
     table-layout: fixed;
     text-align: center;
     word-wrap: break-word;
     z-index: 104;
     font-size:17px;
}
 .wizard-actions {
     display: block;
     list-style: none;
     padding: 0;
     position: relative;
     width: 100% 
}
 .wizard-actions li {
     display: inline 
}
 .tab-content.transparent {
     background-color: transparent 
}
 .forgotp {
     color:#222222 !important;
}
 .padding20 {
     padding:20px;
}
 .more-details {
     display:inline-block;
     font-weight:700;
     color:#000000;
     margin-left:5px;
     cursor:pointer;
     color:#ff7200;
}
/*End Wizard*/
/*Radio button start*/
 .radio-btn, .checking-box .checkbox {
     display: inline-block;
     position: relative;
     padding-left: 27px;
     margin-bottom: 0;
     cursor: pointer;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-right: 15px;
     font-weight: normal;
}
/* Hide the browser's default radio button */
 .radio-btn input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}
/* Create a custom radio button */
 .radio-btn .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 20px;
     width: 20px;
     border-radius: 50%;
     border: solid 2px #ff7200;
}
/* On mouse-over, add a grey background color */
 .radio-btn:hover input ~ .checkmark {
     background-color: #eeeeee;
}
/* When the radio button is checked, add a blue background */
 .radio-btn input:checked ~ .checkmark {
     background-color: #ff7200;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
 .radio-btn .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
/* Show the indicator (dot/circle) when checked */
 .radio-btn input:checked ~ .checkmark:after {
     display: block;
}
/* Style the indicator (dot/circle) */
 .radio-btn .checkmark:after {
     top: 4px;
     left: 4px;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: white;
}
/*Radio button end*/
/*******checkbox start***********/
 .checking-box {
     position:relative;
     padding-left:30px;
}
 .checking-box input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}
/* Create a custom checkbox */
 .checking-box .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 22px;
     width: 22px;
     background-color: #eee;
     border-radius: 3px;
}
/* On mouse-over, add a grey background color */
 .checking-box:hover input ~ .checkmark {
     background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
 .checking-box input:checked ~ .checkmark {
     background-color: #0066ff;
}
/* Create the checkmark/indicator (hidden when not checked) */
 .checking-box .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
/* Show the checkmark when checked */
 .checking-box input:checked ~ .checkmark:after {
     display: block;
}
/* Style the checkmark/indicator */
 .checking-box .checkmark:after {
     left: 9px;
     top: 5px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
/*checkbox end*/
/* ===================== MEDIA QUERY START. ===================== */
 @media(max-width:1366px) {
     .business-slider {
         background-position-x: 160px;
         height: 570px;
         background-size: 80%;
    }
     .business-slider .slick-slide img {
         margin: 28px 0px;
         width: 73%;
         float: right;
         margin-right: 38px;
    }
     .how-work-menu .slick-dots {
         display: none !important;
    }
}
 @media(max-width:1280px) {
     .business-slider {
         background-position-x: 260px;
         height: 480px;
         background-size: 68%;
    }
     .business-slider .slick-slide img {
         width: 61%;
         margin-right: 40px;
    }
}
 @media(max-width:1200px) {
     .business-slider {
         height: 530px;
         background-size: 90%;
    }
     .wework-menu p {
         font-size: 13px;
    }
     .wework-menu span {
         height: 35px;
         width: 35px;
    }
     .wework-menu span {
         line-height: 35px;
         font-size: 16px;
    }
     .wework-menu {
         margin-bottom: 10px;
    }
     .business-slider {
         background-position-x: 50px;
    }
     .business-slider .slick-slide img {
         width: 83%;
         margin-right: 46px;
    }
     .testimonal .testi-title {
         font-size: 19px;
         padding: 0px 40px;
    }
     .our-services .service-list p {
         font-size: 14px;
    }
     .our-services .service-list .view-more {
         font-size: 17px;
    }
}
 @media(max-width:1152px) {
     .business-slider {
         background-position-x: 60px;
    }
     .business-slider .slick-slide img {
         margin-right: 35px;
    }
     .arrows {
         top: 40px;
         z-index: 2;
    }
     .arrows a {
         height: 40px;
         width: 40px;
    }
     .arrows .next {
         right: 10px;
    }
     .arrows .back {
         left: 10px;
    }
     .arrows a i {
         font-size: 30px;
         line-height: 40px;
         color: #ffffff;
    }
     .arrows .back i {
         left: 0;
    }
     .arrows .next i {
         right: 0px;
    }
     .home-menu .navbar-nav > li > a {
         font-size: 12px;
    }
}
 @media(max-width:991px) {
     .business-slider .slick-slide img {
         margin: 0 auto;
         border: solid 7px rgba(34, 34, 34, 0.23);
         border-radius: 3px;
    }
     .business-slider {
         background: none;
    }
     .business-slider .slick-slide img {
         margin: 0 auto;
    }
     .business-slider {
         height: auto;
    }
     .main_counter_content .single_counter h2 {
         font-size: 30px;
    }
     .welcometext p {
         font-size: 22px;
    }
     .main_counter_content .single_counter p {
         font-size: 20px;
    }
     .main_counter_content .single_counter {
         margin: 15px 0px;
    }
     .main_counter_content .single_counter img {
         width: 40px;
    }
     .main_counter_content {
         margin-top: 0px;
    }
     .top-action {
         float: none;
         padding: 10px;
         display: inline-block !important;
         width: 100%;
         padding-bottom: 0;
    }
     .top-action h3 {
         float: left;
    }
     .top-action .btn-start {
         float: right;
    }
     .top-action h3 {
         font-size: 16px;
    }
     .top-action i {
         font-size: 17px;
    }
     .top-action .btn-start {
         background-color: #ffffff;
         font-size: 12px;
         font-weight: 900;
         text-transform: uppercase;
         color: #222222;
    }
     .call-action .receved-job {
         padding: 3px 5px;
    }
     .call-action .receved-job {
         line-height: 34px;
    }
     .top-action .btn-start {
         font-size: 11px;
    }
     .call-action .receved-job .user {
         width: 35px;
         height: 35px;
    }
     .call-action .receved-job .user img {
         height: 40px;
         object-fit: cover;
    }
     .navbar-brand > img {
         width: 100px;
    }
     .home-menu .navbar {
         padding: 0px 0px;
    }
     .home-menu .navbar-nav > li > a {
         padding: 10px 10px;
    }
     .home-menu .navbar-nav > li > a {
         margin: 7px 0px;
    }
     .home-menu .navbar-nav {
         margin-right: 0;
    }
     .main_counter_content .single_counter h2 {
         font-size: 25px;
    }
     .business-slider .slick-slide img {
         width: 100%;
    }
     .aria-lavels .left-book, .aria-lavels .right-book {
         display: none;
    }
     .our-services .service-list p {
         min-height: 65px;
    }
     .main-services .list-main .bottom-block p {
         font-size: 17px;
    }
     .main-services .list-main img {
         height: 200px;
    }
     .main-services .list-main .bottom-block span {
         width: 40px;
         height: 40px;
    }
     .main-services .list-main .bottom-block i {
         line-height: 40px;
         font-size: 25px;
    }
     .testimonal .review {
         font-size: 14px;
    }
     .rating-part h3 {
         font-size: 14px;
    }
     .rating-part .emoji img {
         width: 34px;
    }
     .testimonal .testi-title br {
         display: none;
    }
     .testimonal .testi-title {
         font-size: 22px;
    }
     .testimonal .review-list {
         margin-bottom: 20px;
    }
     .tab-content .main_counter_content .single_counter h2 {
         font-size: 17px;
    }
     .tab-content .main_counter_content .single_counter p {
         font-size: 12px;
    }
     .login-register .register-box h3, .login-box h3 {
         font-size: 17px;
    }
     .dbtab .nav-pills > li > a {
         font-size: 12px;
    }
}
 @media(max-width:768px) {
     #myVideo {
         display: none;
    }
     .main-banner {
         height: inherit;
         background: url(../images/bg.jpg);
         background-size: cover;
         position: relative;
         padding-bottom: 60px;
    }
     .home-middle {
         display: inline-block;
         width: 100%;
         position: relative;
    }
     .how-work {
         margin-top: 0px;
         position: relative;
    }
     .home-block {
         display: inline-block;
         height: inherit;
         margin-top: 20px;
    }
     .business-slider .slick-slide img {
         width: 100%;
         margin-right: 0;
    }
     .navbar-nav > li > a {
         padding-top: 5px;
         padding-bottom: 5px;
         margin: 25px 0px;
    }
     header {
         position: relative;
    }
     .welcometext p {
         font-size: 17px;
    }
     .block-title h3 {
         font-size: 20px;
    }
     .main_counter_content .single_counter p {
         font-size: 15px;
    }
     .wework-menu {
         padding: 10px 10px;
         margin-bottom: 10px;
         width: 50%;
         float: left;
         min-height: 91px;
         margin: 0px 0px;
         border-radius: 0;
    }
     .wework-menu span {
         height: 30px;
         width: 30px;
         line-height: 30px;
         font-size: 14px;
    }
     .wework-menu p {
         font-size: 12px;
    }
     .how-work-middle {
         padding: 30px 0px;
         padding-bottom: 30px;
    }
     .aria-lavels .lavel {
         padding: 10px;
         border-radius: 50px;
         color: #222222;
         font-size: 16px;
         font-weight: 700;
         padding-left: 30px;
         margin-bottom: 25px;
    }
     .wework-menu.last-level {
         width: 100%;
         min-height: inherit;
    }
     .aria-lavels .lavel span {
         position: absolute;
         left: -3px;
         top: -14px;
         height: 32px;
         width: 32px;
         background-color: #ff8f00;
         color: #ffffff;
         border-radius: 100%;
         text-align: center;
         line-height: 32px;
         font-size: 17px;
         display: inline-block;
    }
     .aria-lavels .block-title {
         padding-bottom: 40px;
         padding-top: 20px;
    }
     .block-title span {
         width: 130px;
    }
     .block-title span:after {
         content: '';
         display: inline-block;
         height: 3px;
         background-color: #ff8f00;
         width: 50px;
         position: relative;
         top: -13px;
    }
     .our-process {
         padding-bottom: 10px;
    }
     .our-process .block-title {
         margin-bottom: 20px;
    }
     .how-work-menu {
         margin-top: 0px;
         display: inline-block;
         width: 100%;
    }
     .our-services .service-list p {
         min-height: 60px;
    }
     .our-services .service-list p {
         font-size: 13px;
    }
     .our-services .service-list img {
         height: 120px;
    }
     .our-services .service-list .view-more {
         min-height: 180px;
         line-height: 180px;
         font-size: 14px;
    }
     .our-services .service-list .view-more i {
         height: 25px;
         width: 25px;
         line-height: 25px;
         top: 6px;
    }
     .main-services .list-main {
         min-height: 80px;
    }
     .main-services .list-main img {
         height: 150px;
    }
     .main-services .list-main .bottom-block p {
         font-size: 14px;
    }
     .main-services, .our-services {
         padding: 5% 0;
         margin-bottom: 0 !important;
    }
     .title-arrow {
         margin-top: 10px;
    }
     .title-arrow h3 {
         font-size: 17px;
    }
     .more a {
         padding: 10px 20px;
         font-size: 12px;
    }
     .testimonal .review {
         padding: 10px 12px;
         font-size: 13px;
    }
     .testimonal .review.head {
         padding: 10px 12px;
         font-size: 14px;
    }
     .rating-part h3 {
         font-size: 13px;
    }
     .rating-part .emoji img {
         width: 25px;
         margin: 0 auto;
    }
     .testimonal .testi-title {
         font-size: 17px;
    }
     .review-block {
         padding: 20px 0;
    }
     .contact-text {
         font-size: 16px;
    }
     .messanger a {
         padding: 10px 20px;
         font-size: 17px;
         padding-left: 65px;
    }
     .messanger a span img {
         top: -2px;
         width: 30px;
    }
     .messanger a span {
         width: 50px;
    }
     .btn-viewmore {
         top: 0;
         padding: 10px 20px;
    }
     .btn-theme {
         padding: 10px 20px;
    }
     .form-group input {
         padding: 10px;
    }
     .page-title {
         padding: 20px 0px;
    }
     .page-title h3 {
         font-size: 16px;
    }
     .what-offer h3 {
         font-size: 16px;
    }
     .what-offer ul li {
         font-size: 14px;
         line-height: 25px;
    }
     .new-project .title h3 {
         font-size: 17px;
         margin:10px 0px;
    }
     .sapmle-work h3 {
         font-size: 17px;
    }
     footer a {
         margin: 10px 7px;
         font-size: 14px;
    }
     .value .btn-theme {
         font-size: 16px;
    }
     .value .total {
         height: 100px;
         width: 100px;
         line-height: 100px;
         font-size: 30px;
         margin: 20px 0px;
    }
     .count-price {
         width: 100px;
         height: 100px;
         font-weight: 900;
         padding: 22px 0px;
         position: relative;
         right: 0;
         top: 63px;
         margin-top: -20px;
    }
     .btn-theme {
         font-size: 14px;
    }
     .loginbox .loginfield {
         padding: 5px;
    }
     .loginbox .modal-header {
         padding: 15px 20px;
         border-bottom: 1px solid #e5e5e5;
    }
     .steps-box {
         padding: 30px 20px;
    }
     .bootstrapWizard li .title {
         font-size: 14px;
    }
     .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step, .bootstrapWizard li .step {
         height: 25px;
         width: 25px;
    }
     .bootstrapWizard li:before {
         top: 7px;
    }
     .forgotp {
         float:none;
         display:block;
    }
     .cover {
         padding: 20px 0px;
         padding-bottom: 120px;
    }
     .login-box {
         min-height: initial;
         margin-top:20px;
    }
     .login-register {
         padding: 20px;
    }
     .acsetting-tab .dbtab .nav-pills > li {
         width: 100%;
    }
     .receved-model .modal-header .close {
         right: -10px;
         top: -10px;
    }
     .brifing-main .brif-title {
         font-size: 12px;
    }
     .receved-model .tbl-your-order .table-head tr th {
         font-size:12px;
    }
     .tbl-your-order .table-head tr th {
         font-size: 12px;
    }
     .receved-model .tab-content {
         padding: 15px;
    }
     .acsetting-tab .dbtab .nav-pills > .more-tb, .more-tb .dropdown-menu {
         width: 100%;
    }
     .brifing-box .please-specify label {
         position: relative;
         top: 0;
    }
     .block-title {
         margin-bottom: inherit;
    }
}
 @media(max-width:320px) {
     .top-action h3 {
         font-size: 12px;
    }
}
 @media(min-width:991px) {
     .navbar-right {
         margin-right: 0;
    }
     .our-process {
         margin-top: -40px;
    }
     .modal-lg {
         width: 1170px;
    }
}
 @media (min-width: 768px) {
     .main_counter_content {
         margin-top: 10px;
    }
}
 @media(min-width:768px) and (max-width:991px) {
     .acsetting-tab .dbtab .nav-pills > li {
         min-height: 65px;
    }
}
 