/*************************
    01. General
*************************/
@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswalddemibold';
    src: url('fonts/oswald-demibold-webfont.eot');
    src: url('fonts/oswald-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-demibold-webfont.woff2') format('woff2'),
         url('fonts/oswald-demibold-webfont.woff') format('woff'),
         url('fonts/oswald-demibold-webfont.ttf') format('truetype'),
         url('fonts/oswald-demibold-webfont.svg#oswalddemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldextralight';
    src: url('fonts/oswald-extralight-webfont.eot');
    src: url('fonts/oswald-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-extralight-webfont.woff2') format('woff2'),
         url('fonts/oswald-extralight-webfont.woff') format('woff'),
         url('fonts/oswald-extralight-webfont.ttf') format('truetype'),
         url('fonts/oswald-extralight-webfont.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldmedium';
    src: url('fonts/oswald-medium-webfont.eot');
    src: url('fonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-medium-webfont.woff2') format('woff2'),
         url('fonts/oswald-medium-webfont.woff') format('woff'),
         url('fonts/oswald-medium-webfont.ttf') format('truetype'),
         url('fonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {height: 100%;}
body {color: #90939c; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; font-family: 'Rubik', sans-serif;}
.clear{clear:both}
.fix {overflow: hidden}
.block {display: block}
.img{ max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height:auto;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; color: #383838}
a{-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
a:focus{text-decoration: none; outline:0px solid;}
a:focus, a:hover { color: #303030; text-decoration: none;}
a:active, a:hover {outline: 0 none;}
a, button, input {outline: medium none; color: #383838; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
button{border: 0}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit}
label {font-size: 15px; font-weight: 400; color: #606060;}
*::-moz-selection {background: #b3d4fc; color: #fff; text-shadow: none;}
::-moz-selection {color: #fff; background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none; color: #fff;}
.browserupgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
.mark, mark {background: #4fc1f0 none repeat scroll 0 0; color: #ffffff; font-weight: 600;}
.f-left {float: left}
.f-right {float: right}
p{line-height: 24px; font-size: 13px;}
ul{list-style: outside none none; margin: 0; padding: 0}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #969696;}
::-moz-placeholder { /* Firefox 19+ */ color: #969696; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
:-ms-input-placeholder { /* IE 10+ */color: #969696;}
:-moz-placeholder { /* Firefox 18- */color: #969696;}
.default-btn {background: #21252c none repeat scroll 0 0; border-radius: 2px; color: #90939c; display: inline-block; font-family: "oswaldmedium"; font-size: 13px; padding: 17px 40px 14px; position: relative; text-transform: uppercase; transition: all 0.5s ease 0s; }
.default-btn::after {background: #e51515 none repeat scroll 0 0; border-radius: 0 0 3px 3px; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100%;    transition: all 0.5s ease 0s; }
.default-btn:hover, .default-btn:focus, .default-btn:active {background: #E51515;}
.default-btn:hover span, .default-btn:focus span, .default-btn:active span {color: #fff}
.default-btn:hover:after {height: 100%; border-radius: 2px;}
.default-btn span {z-index: 2; position: relative}
input, select, textarea {-webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
img {max-width: 100%}
/*************************
    02. Text color
*************************/
.text-white { color: #fff ;}

/*************************
    04. Scrollup
*************************/
#scrollUp {background: #181b24 none repeat scroll 0 0; border: 4px solid #e51515; bottom: 60px; color: #ffffff; font-size: 18px; height: 56px; line-height: 56px; margin: 0; position: fixed; right: 15px; text-align: center; transform: rotate(45deg); transition: all 0.5s ease-in-out 0s; width: 56px; z-index: 999;}
#scrollUp i {bottom: 0; display: block; font-size: 12px; height: 100%; left: 0; line-height: 44px; margin: auto; position: absolute; right: 0; top: 0; transform: rotate(-45deg); width: 100%;}
#scrollUp:hover {background: #e51515}
/*************************
    05. Basic margin padding
*************************/
.m-0 {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;}
.p-0 {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;}
/*************************
    Margin top
*************************/
.mt-0 { margin-top: 0;} .mt-10 { margin-top: 10px;} .mt-15 { margin-top: 15px } .mt-20 { margin-top: 20px } .mt-25 { margin-top: 25px } .mt-30 { margin-top: 30px } .mt-35 { margin-top: 35px } .mt-40 { margin-top: 40px } .mt-45 { margin-top: 45px } .mt-50 { margin-top: 50px } .mt-55 { margin-top: 55px } .mt-60 { margin-top: 60px } .mt-65 { margin-top: 65px } .mt-70 { margin-top: 70px } .mt-75 { margin-top: 75px } .mt-80 { margin-top: 80px } .mt-85 { margin-top: 85px } .mt-90 { margin-top: 90px } .mt-95 { margin-top: 95px } .mt-100 { margin-top: 100px } .mt-105 { margin-top: 105px } .mt-110 { margin-top: 110px } .mt-115 { margin-top: 115px } .mt-120 { margin-top: 120px } .mt-125 { margin-top: 125px } .mt-130 { margin-top: 130px } .mt-135 { margin-top: 135px } .mt-140 { margin-top: 140px } .mt-145 { margin-top: 145px } .mt-150 { margin-top: 150px } 

/*************************
    Margin right
*************************/
.mr-0 { margin-right: 0px } .mr-10 { margin-right: 10px } .mr-15 { margin-right: 15px } .mr-20 { margin-right: 20px } .mr-30 { margin-right: 30px } .mr-40 { margin-right: 40px } .mr-50 { margin-right: 50px } .mr-60 { margin-right: 60px } .mr-70 { margin-right: 70px } .mr-80 { margin-right: 80px } .mr-90 { margin-right: 90px } .mr-100 { margin-right: 100px } .mr-110 { margin-right: 110px } .mr-120 { margin-right: 120px } .mr-130 { margin-right: 130px } .mr-140 { margin-right: 140px } .mr-150 { margin-right: 150px } 

/************************* 
    Margin bottom
*************************/
.mb-0 { margin-bottom: 0 } .mb-10 { margin-bottom: 10px } .mb-15 { margin-bottom: 15px } .mb-20 { margin-bottom: 20px } .mb-25 { margin-bottom: 25px } .mb-30 { margin-bottom: 30px } .mb-35 { margin-bottom: 35px } .mb-40 { margin-bottom: 40px } .mb-45 { margin-bottom: 45px } .mb-50 { margin-bottom: 50px } .mb-55 { margin-bottom: 55px } .mb-60 { margin-bottom: 60px } .mb-65 { margin-bottom: 65px } .mb-70 { margin-bottom: 70px } .mb-75 { margin-bottom: 75px } .mb-80 { margin-bottom: 80px } .mb-85 { margin-bottom: 85px } .mb-90 { margin-bottom: 90px } .mb-95 { margin-bottom: 95px } .mb-100 { margin-bottom: 100px } .mb-105 { margin-bottom: 105px } .mb-110 { margin-bottom: 110px } .mb-115 { margin-bottom: 115px } .mb-120 { margin-bottom: 120px } .mb-125 { margin-bottom: 125px } .mb-130 { margin-bottom: 130px } .mb-135 { margin-bottom: 135px } .mb-140 { margin-bottom: 140px } .mb-145 { margin-bottom: 145px } .mb-150 { margin-bottom: 150px }

/*************************
    Margin left
*************************/
.ml-0 { margin-left: 0 } .ml-10 { margin-left: 10px } .ml-15 { margin-left: 15px } .ml-20 { margin-left: 20px } .ml-30 { margin-left: 30px } .ml-40 { margin-left: 40px } .ml-50 { margin-left: 50px } .ml-60 { margin-left: 60px } .ml-70 { margin-left: 70px } .ml-80 { margin-left: 80px } .ml-90 { margin-left: 90px } .ml-100 { margin-left: 100px } .ml-110 { margin-left: 110px } .ml-120 { margin-left: 120px } .ml-130 { margin-left: 130px } .ml-140 { margin-left: 140px } .ml-150 { margin-left: 150px }

/*************************
    Padding top
*************************/
.pt-0 { padding-top: 0 } .pt-10 { padding-top: 10px } .pt-15 { padding-top: 15px } .pt-20 { padding-top: 20px } .pt-25 { padding-top: 25px } .pt-30 { padding-top: 30px } .pt-35 { padding-top: 35px } .pt-40 { padding-top: 40px } .pt-45 { padding-top: 45px } .pt-50 { padding-top: 50px } .pt-55 { padding-top: 55px } .pt-60 { padding-top: 60px } .pt-65 { padding-top: 65px } .pt-70 { padding-top: 70px } .pt-75 { padding-top: 75px } .pt-80 { padding-top: 80px } .pt-85 { padding-top: 85px } .pt-90 { padding-top: 90px } .pt-95 { padding-top: 95px } .pt-100 { padding-top: 100px } .pt-105 { padding-top: 105px } .pt-110 { padding-top: 110px } .pt-115 { padding-top: 115px } .pt-120 { padding-top: 120px } .pt-125 { padding-top: 125px } .pt-130 { padding-top: 130px } .pt-135 { padding-top: 135px } .pt-140 { padding-top: 140px } .pt-145 { padding-top: 145px } .pt-150 { padding-top: 150px } .pt-160 { padding-top: 160px } .pt-165 { padding-top: 165px } .pt-170 { padding-top: 170px } .pt-175 { padding-top: 175px } .pt-180 { padding-top: 180px } .pt-185 { padding-top: 185px } .pt-190 { padding-top: 190px }

/*************************
    Padding right
*************************/
.pr-0 { padding-right: 0 } .pr-10 { padding-right: 10px } .pr-15 { padding-right: 15px } .pr-20 { padding-right: 20px } .pr-30 { padding-right: 30px } .pr-40 { padding-right: 40px } .pr-50 { padding-right: 50px } .pr-60 { padding-right: 60px } .pr-70 { padding-right: 70px } .pr-80 { padding-right: 80px } .pr-90 { padding-right: 90px } .pr-100 { padding-right: 100px } .pr-110 { padding-right: 110px } .pr-120 { padding-right: 120px } .pr-130 { padding-right: 130px } .pr-140 { padding-right: 140px }

/*************************
    Padding bottom
*************************/
.pb-0 { padding-bottom: 0 } .pb-10 { padding-bottom: 10px } .pb-15 { padding-bottom: 15px } .pb-20 { padding-bottom: 20px } .pb-25 { padding-bottom: 25px } .pb-30 { padding-bottom: 30px } .pb-35 { padding-bottom: 35px } .pb-40 { padding-bottom: 40px } .pb-45 { padding-bottom: 45px } .pb-50 { padding-bottom: 50px } .pb-55 { padding-bottom: 55px } .pb-60 { padding-bottom: 60px } .pb-65 { padding-bottom: 65px } .pb-70 { padding-bottom: 70px } .pb-75 { padding-bottom: 75px } .pb-80 { padding-bottom: 80px } .pb-85 { padding-bottom: 85px } .pb-90 { padding-bottom: 90px } .pb-95 { padding-bottom: 95px } .pb-100 { padding-bottom: 100px } .pb-105 { padding-bottom: 105px } .pb-110 { padding-bottom: 110px } .pb-115 { padding-bottom: 115px } .pb-120 { padding-bottom: 120px } .pb-125 { padding-bottom: 125px } .pb-130 { padding-bottom: 130px } .pb-135 { padding-bottom: 135px } .pb-140 { padding-bottom: 140px } .pb-145 { padding-bottom: 145px } .pb-150 { padding-bottom: 150px } .pb-155 { padding-bottom: 155px } .pb-160 { padding-bottom: 160px } .pb-165 { padding-bottom: 165px } .pb-170 { padding-bottom: 170px } .pb-175 { padding-bottom: 175px } .pb-180 { padding-bottom: 180px } .pb-185 { padding-bottom: 185px } .pb-190 { padding-bottom: 190px }

/*************************
    Padding left
*************************/
.pl-0 { padding-left: 0 } .pl-10 { padding-left: 10px } .pl-15 { padding-left: 15px } .pl-20 { padding-left: 20px } .pl-30 { padding-left: 30px } .pl-40 { padding-left: 40px } .pl-50 { padding-left: 50px } .pl-60 { padding-left: 60px } .pl-70 { padding-left: 70px } .pl-80 { padding-left: 80px } .pl-90 { padding-left: 90px } .pl-100 { padding-left: 100px } .pl-110 { padding-left: 110px } .pl-120 { padding-left: 120px } .pl-130 { padding-left: 130px } .pl-140 { padding-left: 140px } .pl-150 { padding-left: 150px }

/***************************
    06. Page section padding 
****************************/
.ptb-0 { padding: 0 } .ptb-10 { padding: 10px 0 } .ptb-20 { padding: 20px 0 } .ptb-30 { padding: 30px 0 } .ptb-40 { padding: 40px 0 } .ptb-50 { padding: 50px 0 } .ptb-60 { padding: 60px 0 } .ptb-70 { padding: 70px 0 } .ptb-80 { padding: 80px 0 } .ptb-90 { padding: 90px 0 } .ptb-100 { padding: 100px 0 } .ptb-110 { padding: 110px 0 } .ptb-120 { padding: 120px 0 } .ptb-130 { padding: 130px 0 } .ptb-140 { padding: 140px 0 } .ptb-150 { padding: 150px 0 } .ptb-160 { padding: 160px 0 } .ptb-170 { padding: 170px 0 } .ptb-180 { padding: 180px 0 } .ptb-190 { padding: 190px 0 }

/***************************
    07. Page section margin 
****************************/
.mtb-0 { margin: 0 } .mtb-10 { margin: 10px 0 } .mtb-15 { margin: 15px 0 } .mtb-20 { margin: 20px 0 } .mtb-30 { margin: 30px 0 } .mtb-40 { margin: 40px 0 } .mtb-50 { margin: 50px 0 } .mtb-60 { margin: 60px 0 } .mtb-70 { margin: 70px 0 } .mtb-80 { margin: 80px 0 } .mtb-90 { margin: 90px 0 } .mtb-100 { margin: 100px 0 } .mtb-110 { margin: 110px 0 } .mtb-120 { margin: 120px 0 } .mtb-130 { margin: 130px 0 } .mtb-140 { margin: 140px 0 } .mtb-150 { margin: 150px 0; } 

/***************************
    08. Custom cloumn
****************************/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {float: left;} .col-1{width: 10%;} .col-2{width: 20%;} .col-3{width: 30%;} .col-4{width: 40%;} .col-5{width: 50%;} .col-6{width: 60%;} .col-7{width: 70%;} .col-8{width: 80%;} .col-9{width: 90%;} .col-10{width: 100%;} 

/*************************************
    09. Background variation set 
**************************************/
.bg-white { background: #fff }
.bg-light-1 { background: #F1F2F4 }
.bg-light-2 { }
.bg-dark {background: #181b24 none repeat scroll 0 0;}
.bg-dark-2 {background: #14151B none repeat scroll 0 0;}
.transparent-bg { background: transparent }
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10, .bg-11, .bg-12, .image-1, .image-2, .image-3 {background-attachment: scroll; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.bg-1 { background-image: url("img/bg/1.jpg");}
.bg-2 { background-image: url("img/bg/2.jpg");}
.bg-3 { background-image: url("img/bg/3.jpg");}
.bg-4 { background-image: url("img/bg/4.webp"); background-position: top center}
.bg-5 { background:#b1b9c3;}
.bg-6 { background-image: url("img/bg/6.jpg");}
.bg-7 { background-image: url("img/bg/7.jpg");}
.bg-8 { background-image: url("img/bg/8.jpg"); background-position: top center}
.bg-9 { background-image: url("img/video-bg.gif");}
.bg-10 { background-image: url("img/bg/10.jpg");}
.bg-11 { background-image: url("img/bg/11.jpg");}
.bg-12 { background-image: url("img/bg/12.jpg");}
.image-1 { background-image: url("img/slider/1.jpg");}
.image-2 { background-image: url("img/slider/2.jpg");}
.image-3 { background-image: url("img/slider/3.jpg"); background-position: center top;}
.overlay-dark:before, .overlay-dark-2:before, .overlay-dark-3:before{content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;}
.overlay-dark:before{background: rgba(21, 23, 29, 0.95) none repeat scroll 0 0;}
.overlay-dark-2:before{background: rgba(24, 27, 36, 0.9) none repeat scroll 0 0;}
.overlay-dark-3:before{background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}
.gradient-overlay, .gradient-overlay-2, .gradient-overlay-3 {position: relative}
.gradient-overlay:after, .gradient-overlay-2:after, .gradient-overlay-3:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 2; background: url("img/slider/overlay.png"); opacity: .3;}
.gradient-overlay-2:after {background: url("img/bg/bg-overlay.png"); opacity: .4; background-size: cover}
.gradient-overlay-3:after {background: url("img/bg/bg-overlay.png"); opacity: .3;}
.bg {height: 100%; left: 60px; position: absolute; right: 60px; top: 0;}

/*----------------------Header Start --------------------*/
.header-area, .header-full-area {z-index: 2; position: relative;}
#mobile-device .header-full-area{background:#e5e3e0;}

.logo {padding:15px 0 15px;}
.logo a {display: inline-block}
.logo h1{display:none;}
.logo img {-webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%;}
#mobile-device .logo {padding:5px 0 5px;}
#mobile-device .logo img{width:40%; padding:0;}
.main-menu {display: block; z-index: 2; position: relative; margin-top:30px;}
.main-menu ul {text-align: left; }
.main-menu ul li {display: inline-block; margin-left: 20px; position: relative;}
.main-menu ul li a {color: #F20; display: inline-block; font-size: medium; padding: 0; position: relative; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.main-menu ul li:last-child a{background:#F20; padding:10px 12px; color:#fff;}
.main-menu ul li:last-child a:hover{background:#fff; border:#f20 1px solid; color:#F20;}


.main-menu li a i {font-size: 9px; padding-left: 5px;}
.main-menu > nav > ul > li:hover > a, .main-menu > nav > ul > li.active > a {color: #000}
.main-menu ul li ul {background: #ffffff none repeat scroll 0 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 14px 18px;   position: absolute; text-align: left; top: 100%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; width: 180px; z-index: 999;}
.main-menu ul li:hover > ul {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible;}
.main-menu ul li ul li a {}
.main-menu ul li ul li {display: block; margin: 0; padding: 6px 0;}
.main-menu ul li ul li a {color: #313131; display: block; font-size: 13px; line-height: 22px; padding: 0; text-transform: uppercase;}
.main-menu ul li ul li:hover > a {color: #e51515;}
.main-menu ul li ul li a:before {display: none;}
.main-menu ul li ul li > ul {left: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 17%; visibility: hidden;}
.mobile-menu-area, .mean-container .mean-bar:after {display: none}
.mean-container .mean-bar {background: transparent none repeat scroll 0 0; min-height: 0; padding: 0;}
.mean-container a.meanmenu-reveal {border: 0 none; color: #e51515; margin-top: -56px; padding: 2px 0px; position: absolute;}
.mean-container a.meanmenu-reveal span {background-color: #FFF;}
.mean-container .mean-nav {margin-top: 0; position: absolute;}
.header-sticky.sticky {-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; box-shadow: 0 0 9.9px 0.1px rgba(91, 91, 91, 0.2); left: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: 9;}
.sticky .main-menu > nav > ul > li {padding: 0;}
.sticky .main-menu > nav > ul > li > a {line-height: 70px;}
.sticky .logo {padding: 23px 0;}
.sticky .main-menu {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-bottom: 0;}
.sticky .header-btn {padding: 14px 0;}
.mainmenu-area .sticky {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)}
.header-area .sticky .main-menu > nav > ul > li > a, .header-full-area .sticky .main-menu > nav > ul > li > a {line-height: 65px;}
.mobile-menu-area {background-color: #fff; display: block; height: 100%; left: 0; overflow-y: scroll; position: fixed; top: 0; width: 100%; z-index: 999999;}
.mobile-menu-area .menu-close {background-color: transparent; border: 2px solid #fff; border-radius: 50%; color: #858585; height: 40px; padding: 0; width: 40px; margin-bottom:30px;}
.mobile-menu-area .menu-close:hover {color: #433a8b; border-color: #433a8b;}
.mobile-menu-area .menu-close i {display: block; font-size: 30px; line-height: 30px; padding-right: 2px;}
.mean-container .mean-bar ul li a {color: #252525; font-size: 12px; line-height: 15px;}
.mean-container .mean-nav ul li a:hover {color: #e51515;}
.mean-nav ul li a i {display: none;}
.mean-container .mean-nav ul li a.mean-expand {font-weight: 400;}
.fixed {position: absolute; left: 0; width: 100%; z-index: 7; top: 0;}

.header-full-area .container-fluid {padding: 0 60px;}


/*************************************
    Home Banner
**************************************/
.home-banner {padding: 210px 0;}
.banner-text {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position: relative; z-index: 1;}
.banner-text h2{font-size:xx-large; color:#f20; font-weight:normal; margin-bottom:20px; text-shadow: 0 2px 4px rgba(0,0,0,0.4);}
.banner-text p{color:#F20; font-size:20px; line-height:28px; margin-bottom:35px; text-shadow: 0 2px 4px rgba(0,0,0,0.4);}
.banner-text a{background:#fe0000; color:#fff; padding:12px 45px; font-size:16px;}
.banner-text a:hover{background:rgba(218, 0, 0, 1);}

.inner-banner{float:left; width:100%; margin-bottom:20px;}


/*************************************
    How it Work
**************************************/
.grey-bg{background:#f9fafb;}
.how-it-work{margin:0 auto; width:50%;}
.how-it-work h2{text-align:center; font-size:40px; font-weight:normal; margin-bottom:70px;}
.how-it-work li{list-style:none; float:left; width:100%; margin-bottom:50px;}
.how-it-work li .lft-side-img{float:left; width:25%; margin-right:10%; margin-top:30px;}
.how-it-work li .lft-side-img img, .how-it-work li .right-side-img img{width:100%;}

.how-it-work li .right-side-img{float:left; width:25%; margin-left:10%; margin-top:30px;}

.how-it-work li .right-side{float:left; width:50%;}
.how-it-work li span{float:none; border-radius:50%; border:1px solid #7b7b7b; padding:10px 17px;}
.how-it-work li h3{font-size:25px; font-weight:normal; margin-top:30px; margin-bottom:10px; color:#000000;}
.how-it-work li h4{font-size:16px; font-weight:normal; margin-bottom:10px; color:#656565;}
.how-it-work li p{font-size:14px; font-weight:normal; line-height:22px; color:#656565;}


/*************************************
    Heading Text
**************************************/
.heading-txt{ margin:40px 0 40px; float:left; width:100%;}
.heading-txt h2{font-size:35px;}
.heading-txt ul{margin:30px auto 0; width:30%; border:1px solid #242424; padding:5px;}
.heading-txt li{list-style:none; text-align:left; color:#000;}
.heading-txt li label{float:left; width:100%; display:none;}
.heading-txt li input[type="text"]{float:left; width:78%;}
.heading-txt li input[type="submit"]{float:left; width:auto; padding:5px 10px;}
/*************************************
    let's Get Started
**************************************/
.lets-get-started{ margin:0 0 40px; float:left; width:100%;}
.lets-get-started h3{font-size:20px; margin:20px 0;}
.lets-get-started p{font-size:16px; margin:0 0 20px;}

.step1, .step2, .step3, .user_add, .step3-new{float:left; width:100%; margin-bottom:40px;}
/*--- Step1 ----*/
.step1 .choose-vhicle{float:left; width:70%;}
.step1 .choose-vhicle ul{margin:0 0 20px; padding:0;}
.step1 .choose-vhicle li{list-style:none; float:left; width:25%;}
.step1 .choose-vhicle li:first-child, .choose-vhicle li:nth-child(2), .choose-vhicle li:nth-child(3), .choose-vhicle li:nth-child(4){border:1px solid #242424;}
.step1 .choose-vhicle li img{float:left; width:100%; padding:0 10%; margin-bottom:20px; }
.step1 .choose-vhicle li input[type="radio"]{float:left; width:15%; margin-top:3px;}
.step1 .choose-vhicle li p{float:left; width:85%; font-size:15px; color:#242424;}
.step1 .choose-vhicle li h2{text-align: center; font-size: 16px; color: #F20; margin-bottom: 10px;}
.step1 .city-to-city{float:right; width:25%; margin-top:10px;}
.step1 .city-to-city img{width:100%;}
.step1 h3{font-weight:500; font-size:16px; color:#f20; margin:10px; float:left; width:100%; text-align:center;font-weight:bold; }
.step2 #map{width:25%; height:250px; border: 2px solid #f20; position: relative !important; float:right; margin-top:-70px; overflow:no-display;}


.step2 ul{margin:0; padding:0; float:left; width:70%;}
.step2 li{list-style:none; float:left; width:100%; margin-bottom:10px;}

.step2 li label{width:100%; float:left; font-size:15px; color:#242424;}
.step2 li input, .step2 li select {padding:11px 5px; border-radius:8px; border:1px solid #000; width:100%;}
.step2 a{padding:11px 5px; border-radius:8px; border:1px solid #000; width:100%;}
.step2 li select{width:95%;}
.step2 li input[name="cname"], .step2 li input[name="cname"]{width:33%;}
.step2 li input[name="address"], .step2 li input[name="address"]{width:100%;}
.step2 li input[name="unitorapt"], .step2 li input[name="unitorapt"]{width:33%;}
.step2 a{background:#f20; padding:5px 10px; color:#fff;}
.step3 .left, .step3-new .left{float:left; width:70%;}

.step3 ul{margin:0; padding:0; float:left; width:100%;}
.step3 li{list-style:none; float:left; width:100%; margin-bottom:10px;}
.step3 li label{width:100%; float:left; font-size:15px; color:#242424;}
.step3 li input{padding:11px 5px; border-radius:8px; border:1px solid #000;}
.step3 li select{padding:10px 5px; border-radius:8px; border:1px solid #000;}
.step3 li select, .step3 li input{width:60%;}
.step3 button{float:left; background:#f20; padding:5px 20px; color:#fff; border-radius:5px;}
.step3 button:hover{background:#000;}

.step3-new .left .radio1{float:left; width:100%;}
.step3-new .left .radio1 h4{color:#666; margin:0 0 10px; padding:0 0 0 10px; font-weight:normal;  }
.step3-new .left .radio1 ul{margin:0; padding:0;}
.step3-new .left .radio1 li{list-style:none; float:left; width:33%;}
.step3-new .left .radio1 input[type="radio"]{float:left; width:15%; margin-top:3px;}
.step3-new .left .radio1 p{float:left; width:85%; font-size:12px; color:#242424; margin-bottom:5px;}

.step3-new .left .weight-amount{float:left; width:100%; margin-bottom:20px;}
.step3-new .left .weight-amount ul{margin-top:0;}
.step3-new .left .weight-amount li{float:left; width:48%; list-style:none; margin:0 1%;}
.step3-new .left .weight-amount li label{float:left; width:100%;}
.step3-new .left .weight-amount li input{width:100%; padding:11px 5px; border-radius:8px; border:1px solid #000;}


.step3 .right, .step3-new .right{float:right; width:25%; text-align: center; margin-top:15px;}
.step3 .right .right-new, .step3-new .right .right-new{width:100%; float:left; border:2px solid #F20; padding:20px 0 10px;}
.step3 .right .right-new h3, .step3-new .right .right-new h3{font-size:20px; font-weight:bold; color:#f20; margin:0 0 20px; padding:0;}
.step3 .right .right-new .right-list-top ul, .step3-new .right .right-new .right-list-top ul{margin:0; padding:0;}
.step3 .right .right-new .right-list-top li, .step3-new .right .right-new .right-list-top li{list-style:none; float:left; width:98%; margin:0 1% 8px; background:none; text-align:left; border-bottom:1px solid #ccc;}
.step3 .right .right-new .right-list-top li .txt-head, .step3-new .right .right-new .right-list-top li .txt-head{float:left; width:100%; color:#d40a0a; margin-bottom:5px; text-transform:uppercase; font-weight:bold; font-size:15px;} 
.step3 .right .right-new .right-list-top li .txt-normal, .step3-new .right .right-new .right-list-top li .txt-normal{float:left; width:100%; margin-bottom:5px; color:#242424 !important;} 
.step3 .right .right-new .right-list-top li:last-child, .step3-new .right .right-new .right-list-top li:last-child{margin-top:0;}

.step3 .right .right-new .right-list-bot ul, .step3-new .right .right-new .right-list-bot ul{margin:0; padding:0;}
.step3 .right .right-new .right-list-bot li, .step3-new .right .right-new .right-list-bot li{float:left; width:48%; padding:8px 0; background:#000; margin:0 1%; border-radius:8px;}
.step3 .right .right-new .right-list-bot li:last-child, .step3-new .right .right-new .right-list-bot li:last-child{width:98%; margin-top:10px;}

.step3 .right .right-new .right-list-bot li .fa, .step3-new .right .right-new .right-list-bot li .fa{font-size:26px;text-align:center; display: inline-block; color:#f20;}
.step3 .right .right-new .right-list-bot input[type="button"], .step3-new .right .right-new .right-list-bot input[type="button"]{float:left; width:auto; padding:10px 25px; background:#f20; color:#FFF; border-radius:10px; border:none; margin-top:30px;}
.step3 .right .right-new .right-list-bot input[type="button"]:hover, .step3-new .right .right-new .right-list-bot input[type="button"]:hover{background:rgba(218, 0, 0, 1);}

.step3 .right .right-new .right-list-bot span#totalamount, .step3-new .right .right-new .right-list-bot span#totalamount{color:#fff;}
.step3 .right .right-new .right-list-bot h2 .fa, .step3-new .right .right-new .right-list-bot h2 .fa{color:#f20; font-size:23px;}
.step3 .right .right-new .right-list-bot span, .step3-new .right .right-new .right-list-bot span{font-size:16px;}


.step3 .right input[type="submit"],.step3 .right input[type="reset"], .step3-new .right input[type="button"]{margin:27px 2px 0px 0px; width:49%; padding:10px 0px; background:#f20; color:#FFF; border:none; float:left;}
.step3 .right input[type="button"]:hover, .step3-new .right input[type="button"]:hover{background:rgba(218, 0, 0, 1);}
.bk{ background:#000 !important;}

.user_add ul{margin:0; padding:0; float:left; width:70%;}
.user_add li{list-style:none; float:left; width:100%; margin-bottom:10px;}

.user_add li label{width:100%; float:left; font-size:15px; color:#242424;}
.user_add li input {padding:11px 5px; border-radius:8px; border:1px solid #000; width:100%;}
.user_add li button{ text-align:center; background:#F20; padding:10px 20px; text-transform:uppercase; border:1px solid #F20; font-weight:600; letter-spacing:3px; color:#fff; border-radius:5px;}

.lets-get-started .right .city-to-city{float:left; width:100%;}
.lets-get-started .right .city-to-city img{width:80%; margin:0 10% 20px;}
.lets-get-started .right #map{float:left; width:25%; margin:0 3%; height:220px; top:560px; border:2px solid #f20; position:absolute !important; overflow:no-display;}
#mode-selector, #duration, #distance{display:block;}
#mode-selector{display:none;}
#dur1{float:left; width:100%; margin-bottom:10px;}
#duration, #distance{float:left; width:100%; color:#fff; font-weight:bold;}


.picup-address{margin:30px auto 30px; width:50%; border:1px solid #F20;}
.picup-address h2{font-size:25px; margin:0 0 20px; text-align:center; background:#f20; color:#fff; padding:10px 0;}
.picup-address h3{font-size:16px; margin:20px 0; background:#f20; color:#fff; padding:10px 10px;}
.picup-address p{font-size:20px; color:#666; margin:0 0 20px; text-align:center;}

.search-by-invoice{margin:0px auto; width:35%; border:1px solid #F20;}
.search-by-invoice h2{font-size:15px; margin:0 0 10px; text-align:center; background:#f20; color:#fff; padding:8px 0;}
.search-by-invoice ul{margin:0; padding: 0;}
.search-by-invoice li{list-style: none; float: left; width: 100%; padding: 0 10px 10px;}
.search-by-invoice li input{float:left; width: 80%; padding: 11px 5px; border-radius: 8px; border: 1px solid #000;}
.search-by-invoice li button{float:right; width: 18%; padding: 12px 5px; border-radius: 8px; background: #f20; color: #fff;}
.search-by-invoice li button:hover{background: #000000;}


.picup-address .step2 {margin-bottom:10px; padding:0 10px;}
.picup-address .step2 ul{margin:0; padding:0; float:left; width:100%;}
.picup-address .step2 li{list-style:none; float:left; width:100%; margin:0 0.5% 10px;}
.picup-address .step2 li input[type="checkbox"]{float:left; width: auto;}
.picup-address .step2 li input[type="checkbox"]:hover{color:#f20;}
.picup-address .step2 li p{font-size:14px; text-align: left; margin-bottom: 0; color:#242424; float: left; margin-left: 15px; width: auto;}
.picup-address .step2 li:first-child, .picup-address .step2 li:nth-child(2), .picup-address .step2 li:nth-child(3), .picup-address .step2 li:nth-child(4){width:49%;}
/*.picup-address .step2 li:nth-child(2), .picup-address .step2 li:nth-child(4){margin-left:2%;}*/
.picup-address .step2 li label{width:100%; float:left; font-size:15px; color:#242424;}
.picup-address .step2 li span{color: #f20;}
.picup-address .step2 li input, .picup-address .step2 li textarea {padding:11px 5px; border-radius:8px; border:1px solid #000; width:100%;}
.picup-address .step2 li select {padding:10px 5px; border-radius:8px; border:1px solid #000; width:100%; color: #000}
.picup-address .step2 li input[name="e_name"]{width:130px; float:right; height: auto; margin-left: 10px; padding: 0px;}
.picup-address .step2 li input[name="n_name"]{width:130px; float:right; height: auto; margin-left: 10px; padding: 0px;}
.picup-address .step2 li select{width:100%; background: #ff9a03;}
.picup-address .step2 li input[name="address"], .picup-address .step2 li input[name="address"]{width:100%;}
.picup-address .step2 li input[name="unitorapt"], .picup-address .step2 li input[name="unitorapt"]{width:33%;}

.picup-address .step2 a{background:none; padding: 0;margin-left: -2px;}
.picup-address .step2 .errspan{margin-top:-32px;}

.picup-address .step2 li input[name="full_address"], .picup-address .step2 li input[name="company_name"]{background:#000000; color: #fff}


.picup-address .step3{float:left; width:100%; padding:0 10px; margin-bottom:0;}

.picup-address .step3 ul{margin:0; padding:0;}
.picup-address .step3 li{list-style:none; float:left; width:100%; margin-bottom:10px;}
.picup-address .step3 li label{width:100%; float:left; font-size:15px; color:#242424;}


.picup-address .step3 li:first-child{width:59%;}
.picup-address .step3 li:first-child input[name="length"], .picup-address .step3 li:first-child input[name="breath"], .picup-address .step3 li:first-child input[name="height"]{width:32%;}

.picup-address .step3 li:nth-child(2){width:39%;}
.picup-address .step3 li:nth-child(2){margin-left:2%;}
.picup-address .step3 li input{padding:11px 5px; border-radius:8px; border:1px solid #000;}
.picup-address .step3 li select{padding:10px 5px; border-radius:8px; border:1px solid #000; color: #000;}
.picup-address .step3 li select, .step3 li input{width:100%;}


.picup-address .step4{float:left; width:100%; padding:0 10px; margin-bottom:0;}

.picup-address .step4 ul{margin:0; padding:0;}
.picup-address .step4 li{list-style:none; float:left; width:100%; margin-bottom:10px;}
.picup-address .step4 li label{width:100%; float:left; font-size:15px; color:#242424;}
.picup-address .step4 li input{padding:11px 5px; border-radius:8px; border:1px solid #000;}
.picup-address .step4 li select{padding:10px 5px; border-radius:8px; border:1px solid #000;}
.picup-address .step4 li select, .step4 li input{width:100%;}


.buttons{margin:0 auto 10px; width:100px; padding:20px 0;}
.buttons a, .buttons button{text-align:center; background:#F20; padding:10px 20px; text-transform:uppercase; border:1px solid #F20; font-weight:600; letter-spacing:3px; color:#fff; border-radius:5px;}
.buttons a:hover, .buttons button:hover{background:none; border:1px solid #F20; color:#f20;}



/*************************************
    Do My Delivery
**************************************/


.do-my-delivery{ margin:0 0 40px; float:left; width:100%;}
.do-my-delivery li{list-style:none; margin:0 0.5% 10px; float:left; width:24%; border:1px solid #F20; padding:10px; text-align:center;}
.do-my-delivery li h3{font-size:12px;}
.do-my-delivery li h3 a {background:#f20; color:#fff; padding:12px 7px;}
.do-my-delivery li h3 a:hover{background:#000;}
.do-my-delivery li img{width:80%; margin:0 -115px 10px;}

.dashboard{ margin:0 0 40px; float:left; width:100%;}
.dashboard li{list-style:none; margin:0 0.5%; float:left; width:24%; padding:10px; text-align:center; margin-bottom:20px; border:1px dotted #5a5a5a;}
.dashboard li h3{font-size:19px;}
.dashboard li a {color:#f20; padding:8px 15px;}
.dashboard li a:hover{color:#000;}
.dashboard li img{width:50%; margin:0 0 0;}
.dashboard li span{color: #ffffff; font-size: 20px; background: #000; border-radius: 57px; margin-left: -14px; z-index: 999 !important; position: absolute; margin-top: -2px; padding: 5px 10px;}
/*************************************
    Contract Drivers
**************************************/
.contract-page{ margin:0 0 40px; float:left; width:100%;}
.drivers-txt{}
.drivers-txt h4{margin-bottom:20px;}
.drivers-txt p{font-size:14px; text-align:justify; color:#333; margin-top:20px; margin-bottom:20px;}

.drivers-txt ul, .drivers-txt ol{margin:0; padding:0;}
.drivers-txt li{list-style:square; margin-left:20px; color:#333; line-height:24px;}
.drivers-txt ol li {margin-bottom:20px;}
.drivers-txt ul li a, .drivers-txt ol li a{color:#f20;}

/*************************************
    Confirm Pickup Details
**************************************/
.pickup-page{margin:0 auto 40px; width: 50%; border:1px solid #f20; padding-bottom: 10px;}

.confirm-pickup{ margin:0 0 40px; float:left; width:100%;}
.confirm-pickup .pick-detail{float:left; width:65%;}
.confirm-pickup .pick-detail .tag-head, .confirm-pickup1 .tag-head{float:left; width: 100%; background:#f20; margin-bottom: 20px;}
.confirm-pickup .pick-detail .tag-head h2, .confirm-pickup1 .tag-head h2{color:#fff; padding:10px; font-size:20px; font-weight:normal; float:left; width: 70%;} 
.confirm-pickup .pick-detail .tag-head span, .confirm-pickup1 .tag-head span{float:right; width:20%; text-align:right; margin-top: 5px;}
.confirm-pickup .pick-detail .tag-head span button, .confirm-pickup1 .tag-head span button{background: transparent;}
.confirm-pickup .pick-detail .tag-head span a{float:right; width: auto; background: yellow; color: #000; padding:8px;}
.confirm-pickup .pick-detail .tag-head span a:hover{background: #000; color: #fff;}
.confirm-pickup .pick-detail .tag-head span a, .confirm-pickup1 .tag-head span a{margin-right: 8px;}
.confirm-pickup .pick-detail .tag-head span .fa, .confirm-pickup1 .tag-head span .fa{background: none; padding: 5px; border:1px solid #fff; color: #fff; font-size: 20px;}

.confirm-pickup .pick-detail .step1{float:left; width:100%; margin-bottom:5px; border:1px solid #f20;}
.confirm-pickup1 .step1{float:left; width:100%; margin-bottom:0;}
.confirm-pickup .pick-detail .step1 .top, .confirm-pickup1 .top{float:left; width:100%;}
.confirm-pickup .pick-detail .step1 .top h3, .confirm-pickup1 .top h3{font-size:16px; color:#000; margin-left:15px; margin-top:20px;}
.confirm-pickup .pick-detail .step1 .top li, .confirm-pickup1 .top li{list-style:none; float:left; width:29.3%;}
.confirm-pickup .pick-detail .step1 .top li p, .confirm-pickup1 .top li p{font-weight:500; font-size:14px; color:#f20; margin-right:20px; float:left; width:30%; margin-bottom:0;}
.confirm-pickup .pick-detail .step1 .top li span, .confirm-pickup1 .top li span{font-size:14px; color:#000; float:left; width:56%;}

.confirm-pickup .pick-detail .step1 ul, .confirm-pickup1 .step1 ul{margin:20px 0;}
.confirm-pickup .pick-detail .step1 li, .confirm-pickup1 .step1 li{list-style:none; float:left; width:96%; margin:0 2%; border-bottom:1px dashed #ccc; padding-bottom:1px; margin-bottom:8px;}
.confirm-pickup .pick-detail .step1 li p, .confirm-pickup1 .step1 li p{font-weight:500; font-size:14px; color:#f20; margin-right:20px; float:left; width:20%; margin-bottom:0;}
.confirm-pickup .pick-detail .step1 li span, .confirm-pickup1 .step1 li span{font-size:14px; color:#000; float:left; width:76%;}


.track-details-page{margin:0 auto 40px; width:60%; padding-bottom: 10px;}
.track-details-page iframe{width: 100%; height: 500px;}

.final-confirm-page{margin:0 auto 40px; width:80%; padding-bottom: 10px;}
.final-confirm-page .step1{float:left; width:49%; margin:0 0.5% 5px; border:1px solid #f20;}
.final-confirm-page .step1 h2, .final-confirm-page .step2 h2, .final-confirm-page .step3 h2{background:#f20; margin-bottom: 20px; color:#fff; padding:10px; font-size:20px; font-weight:normal; text-align:center;} 
.final-confirm-page .step1 h3, .final-confirm-page .step2 h3{font-size:16px; color:#000; margin-left:15px; margin-top:20px;}
.final-confirm-page .step1 li{list-style:none; float:left; width:94%; margin:0 3%; border-bottom:1px dotted #ccc; margin-bottom:5px; padding-bottom:2px;}
.final-confirm-page .step1 li p{font-weight:500; font-size:14px; color:#f20; margin-right:20px; float:left; width:27%; margin-bottom:0;}
.final-confirm-page .step1 li span{font-size:14px; color:#000; float:left; width:59%;}

.final-confirm-page .step1 li:nth-child(2) span{min-height: 40px;}

.final-confirm-page .step2, .final-confirm-page .step3{float:left; width:49%; margin:5px 0.5% 5px; border:1px solid #f20;}
.final-confirm-page .step2 .top ul{margin:20px 0 10px; width:100%;}
.final-confirm-page .step2 .top li{float:left; width:30%; border-bottom: 1px dotted #ccc; margin:0 0 0 3%;}
.final-confirm-page .step2 .top li p{font-weight: 500; font-size: 14px; color: #f20; margin-right: 20px; float: left; width: 30%; margin-bottom: 0; line-height:normal;}
.final-confirm-page .step2 .top li span {font-size: 14px; color: #000; float: left; width: 56%;}

.final-confirm-page .step2 .bottom ul{margin: 0; width:100%;}
.final-confirm-page .step2 .bottom li{list-style:none; float:left; width:94%; margin:0 3%; border-bottom:1px dotted #ccc; margin-bottom:5px; padding-bottom:2px;}
.final-confirm-page .step2 .bottom li p{font-weight:500; font-size:14px; color:#f20; margin-right:20px; float:left; width:36%; margin-bottom:0; line-height:normal;}
.final-confirm-page .step2 .bottom li span{font-size:14px; color:#000; float:left; width:50%;}
.final-confirm-page button, .final-confirm-page input{float:left; width: auto; border:none; background: #f20 !important; color: #fff; padding: 5px 10px;}
.final-confirm-page button, .final-confirm-page a{float:left; width: auto; border:none; background: #f20 !important; color: #fff; padding: 5px 10px;}
.final-confirm-page button{margin-left: 10px;}
.final-confirm-page button:hover, .final-confirm-page input:hover{background: #000 !important;}

.final-confirm-page .step3 ul{margin:0 0 10px; width:100%;}
.final-confirm-page .step3 .bottom li{list-style:none; float:left; width:94%; margin:0 3%; margin-bottom:4px; padding-bottom:2px; color: #000}
.final-confirm-page .step3 .bottom li label{font-weight:500; font-size:14px; color:#f20; margin-right:2%; float:left; width:25%; margin-bottom:0; line-height:normal;}
.final-confirm-page .step3 .bottom li input{float:left; width: 72%; background: #FFFFFF !important; color: #000000; padding: 5px 10px;}
.final-confirm-page .step3 .bottom li input[name="proof_submit"]{float:right; width:auto; background: #000000 !important; color: #ffffff;}
.final-confirm-page .step3 .bottom li input[name="route_submit"]{float:right; width:auto; background: #000000 !important; color: #ffffff;}


.confirm-pickup .cont-detail{float:right; width:30%;}
.confirm-pickup .cont-detail #map{width:100%; height:250px; border: 2px solid #f20; position: relative !important; float:right; overflow:no-display;}
.confirm-pickup .cont-detail .right{float:right; width:100%; text-align: center; margin-bottom: 5px;}
.confirm-pickup .cont-detail .right .right-new{width:100%; float:left; border:2px solid #F20; padding:5px 0 10px;}
.confirm-pickup .cont-detail .right .right-new h3{font-size:20px; font-weight:bold; color:#f20; margin:0 0 20px; padding:0;}
.confirm-pickup .cont-detail .right .right-new .right-list-top ul{margin:0; padding:0;}
.confirm-pickup .cont-detail .right .right-new .right-list-top li{list-style:none; float:left; width:98%; margin:0 1% 8px; background:none; text-align:left; border-bottom:1px solid #ccc;}
.confirm-pickup .cont-detail .right .right-new .right-list-top li .txt-head{float:left; width:100%; color:#d40a0a; margin-bottom:5px; text-transform:uppercase; font-weight:bold; font-size:15px;} 
.confirm-pickup .cont-detail .right .right-new .right-list-top li .txt-normal{float:left; width:100%; margin-bottom:10px; color:#242424 !important;} 
.confirm-pickup .cont-detail .right .right-new .right-list-top li .txt-normal select{width:100%; padding:5px 0;}
.confirm-pickup .cont-detail .right .right-new .right-list-top li:last-child{margin-top:0;}

.confirm-pickup .cont-detail .right .right-new .right-list-bot ul{margin:0; padding:0;}
.confirm-pickup .cont-detail .right .right-new .right-list-bot li{float:left; width:48%; padding:8px 0; background:#000; margin:0 1%; border-radius:8px; margin-top: 10px;}
.confirm-pickup .cont-detail .right .right-new .right-list-bot li:last-child{width:48%; margin-top:10px;}

.confirm-pickup .cont-detail .right .right-new .right-list-bot li .fa{font-size:26px;text-align:center; display: inline-block; color:#f20;}
.confirm-pickup .cont-detail .right .right-new .right-list-bot input[type="button"]{float:left; width:auto; padding:10px 25px; background:#f20; color:#FFF; border-radius:10px; border:none; margin-top:30px;}
.confirm-pickup .cont-detail .right .right-new .right-list-bot input[type="button"]:hover{background:rgba(218, 0, 0, 1);}

.confirm-pickup .cont-detail .right .right-new .right-list-bot span#totalamount{color:#fff;}
.confirm-pickup .cont-detail .right .right-new .right-list-bot h2 .fa{color:#f20; font-size:23px;}
.confirm-pickup .cont-detail .right .right-new .right-list-bot span{font-size:16px;color: #fff;}


.confirm-pickup .cont-detail .right input[type="submit"]{margin:27px 2px 0px 0px; width:100%; padding:10px 0px; background:#f20; color:#FFF; border:none; float:left;}
.confirm-pickup .cont-detail .right input[type="submit"]:hover{background:rgba(218, 0, 0, 1);}

.card-details{float:left; width:100%; margin-top:10px;}
.card-details li{list-style:none; float:left; width:96%; border-bottom:1px dashed #ccc; padding-bottom:1px; margin:0 10px 8px;}
.card-details li p{font-weight:500; font-size:14px; color:#f20; margin-right:20px; float:left; width:30%; margin-bottom:0; text-align:left !important; margin-left:10px;}
.card-details li span{font-size:14px; color:#000; float:left; width:56%;}






.other-to-other{margin:0 auto; width:90%;}
.other-to-other .top {float:left; width:100%;}
.other-to-other .top .steps1{float:left; width:49%; margin:0 0.5% 10px; border:1px solid #f20; padding:0;}
.other-to-other .top .steps1 h2{background:#f20; margin-bottom: 20px; color:#fff; padding:10px; font-size:20px; font-weight:normal; text-align:center;} 

.other-to-other .top .steps1 ul{margin:0 2%; padding:0 0; float:left; width:96%;}
.other-to-other .top .steps1 li{list-style:none; float:left; width:100%; margin-bottom:10px;}
.other-to-other .top .steps1 li:first-child, .other-to-other .top .steps1 li:nth-child(2), .other-to-other .top .steps1 li:nth-child(3), .other-to-other .top .steps1 li:nth-child(4){width:49%;}
.other-to-other .top .steps1 li:nth-child(2), .other-to-other .top .steps1 li:nth-child(4){margin-left:2%;}
.other-to-other .top .steps1 li label{width:100%; float:left; font-size:15px; color:#242424;}
.other-to-other .top .steps1 li input, .other-to-other .top .steps1 li select, .other-to-other .top .steps1 li textarea {padding:11px 5px; border-radius:8px; border:1px solid #000; width:100%;}
.other-to-other .top .steps1 li select{width:95%;}
.other-to-other .top .steps1 li input[name="address"], .other-to-other .top .steps1 li input[name="address"]{width:100%;}
.other-to-other .top .steps1 li input[name="unitorapt"], .other-to-other .top .steps1 li input[name="unitorapt"]{width:33%;}

.other-to-other .top .steps2{float:left; width:99%; margin:0 0.5% 5px; border:1px solid #f20; padding:10px 0;}
.other-to-other .top .steps2 ul{margin:0 1%; padding:0 0; float:left; width:98%;}
.other-to-other .top .steps2 li input, .other-to-other .top .steps2 li textarea {padding:11px 5px; border-radius:8px; border:1px solid #000; width:100%; margin-bottom:10px;}
.other-to-other .top .steps1 a{background:none; padding: 0;}
.other-to-other .top .steps1 .errspan{margin-top:-32px;}
.other-to-other .top .steps2 li input[type="checkbox"]{float:left; width: auto; margin-right: 15px;}
.other-to-other .top .steps2 li input[type="checkbox"]:hover{color:#f20;}
.other-to-other .top .steps2 li span,.other-to-other .top .steps1 li span{color: #f20;}
.other-to-other .top .steps2 li p{font-size:15px; color:#242424;}
/*************************************
    Contract Drivers
*************************************
.contract-drivers{margin:40px 0; float:left; width:100%;}

/*============ Login Page ===============*/

.new-login-page{width: 80%; margin: 0 auto;}
.login-left{float: left; width: 60%;}

.login-left li{list-style:none; margin:0 0.5%; float:left; width:49%; padding:10px; text-align:center; margin-bottom:20px; border:1px dotted #5a5a5a;}
.login-left li h3{font-size:19px;}
.login-left li a {color:#f20; padding:8px 15px;}
.login-left li a:hover{color:#000;}
.login-left li img{width:25%; margin:0 0 15px;}
.login-left li span{color: #ffffff; font-size: 20px; background: #000; border-radius: 57px; margin-left: -14px; z-index: 999 !important; position: absolute; margin-top: -2px; padding: 5px 10px;}


.login-right{float: right; width: 40%;}




.admin-detail{}
.bgwhite{border:1px #F20 solid; padding:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; /*margin:20px auto 0;*/ float: right; width:350px;}
.admin-detail h3{margin-top:0; margin-bottom:20px;}
.admin-detail ul{margin:0; padding:0;}
.admin-detail li{list-style:none; margin-bottom:10px;}  
.admin-detail li input{margin:5px 0;}
.admin-detail .btn{background:#F20 !important; border:none; color:#fff; float:left; width:80px; margin-top:10px;}
.admin-detail .btn:hover{background:#000;}
.admin-detail span{float:right; text-align:right; margin-top:18px;}

.new-user {width:100%; margin:30px auto 20px; text-align:center;}
.new-user a{padding:8px 10px; border:1px solid #bbb;}
.new-user a:hover{color:#000; text-decoration:none; border:1px solid #000;}

#signup_bg{border:1px #F20 solid; padding:15px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; margin:20px auto 0; width:600px;}
#pickup-add{float:left; border:1px #F20 solid; padding:15px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; margin:20px 0.5% 0; width:49%;}
#signup_bg h3, #pickup-add h3{margin-top:0; margin-bottom:20px;}
#signup_bg h2, #pickup-add h2, #profileModal h2{margin:20px 0; font-size:18px; font-weight:bold; color:#F20; border-bottom:1px solid #bbb; padding-bottom:5px;}
#signup_bg h4, #pickup-add h4{margin:20px 0; font-size:22px; font-weight:bold; color:#F20; padding-bottom:5px; text-align:center;}
#signup_bg p, #pickup-add p{font-size:16px; margin-bottom:20px; color:#242424;}
#signup_bg input, #signup_bg select, #pickup-add input, #pickup-add select{margin-bottom:15px;}

#signup_bg input[type="checkbox"], #pickup-add input[type="checkbox"]{width:20px; float:left; margin:3px 10px 20px 0; padding:0; height:10px; zoom:1.5;}
#signup_bg .btn, #pickup-add .btn{background:#F20 !important; border:none; color:#fff; float:left; width:80px; margin-top:24px;}
#signup_bg .btn:hover, #pickup-add .btn:hover{background:#000 !important;}


.errspan {float: right; margin-right: 10px; margin-top: -42px; font-size:20px; position: relative; z-index: 2; color: red;}



.authorized-user{float:left; width: 100%; margin: 30px 0;}
.authorized-user .top{float:left; width:100%; border:1px solid #f20; background:#f20;}
.authorized-user .bottom{float:left; width: 100%; border-left:1px solid #000;}
.authorized-user .add{float:right; width: auto;}
.authorized-user .add a{background: #f20; color: #fff; padding: 8px; font-size:18px; border-bottom:3px solid #fff;}
.authorized-user .top ul, .authorized-user .bottom ul{margin:0; padding: 0;}
.authorized-user .top li{list-style: none; float:left; width: 10%; border-right:1px solid #FFF; padding: 5px; color: #fff; font-size: 18px; font-weight: bpld;}
.authorized-user .top li:nth-child(2), .authorized-user .top li:nth-child(3){width: 35%;}
.authorized-user .top li:last-child{border-right:none;}
.authorized-user .bottom li{list-style: none; float:left; width: 10%; border-right:1px solid #000; border-bottom:1px solid #000; color: #000; padding: 5px;}
.authorized-user .bottom li h2{font-size:14px; display:none;}
.authorized-user .bottom li p{font-size:12px; margin-bottom: 0; line-height: normal !important; padding: 8px 0;}
.authorized-user .bottom li:nth-child(2), .authorized-user .bottom li:nth-child(3){width: 35%;}
.authorized-user .bottom li a{font-size: 14px;}
.authorized-user .bottom li a:hover{color:#f20;}



/*************************************
    orders Screen Shot
**************************************/
.orders-table{float:left;width:100%;margin-top: 30px;}
.orders-table table, .third-login-access table{width:100%;}
.orders-table table tr th, .third-login-access table tr th{background: #f20; color:#fff; }
.third-login-access table tr th{text-align: left; padding: 5px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #90939c;}
.orders-table table tr td, .third-login-access table tr td{color:#000;font-size: 12px;}
.orders-table table tr td, .third-login-access table tr td, .orders-table table tr th{text-align:left; padding: 5px; border-width: 1px 1px 1px 1px; border-style: solid; border-color:#90939c; }
.orders-table table tr td a, .third-login-access table tr td a{font-size: 18px; color:#000;}
.orders-table table tr td a:hover{color:#f20;}
.orders-table table tr td select{padding: 5px 0;}

.order_status{margin: 20px auto 10px auto; width:70%;}
.order_status .left{float:left; width:49%; margin-right: 2%; border: 1px solid black; border-radius: 5px;padding:10px 5px;}
.order_status .right{float:left; width:49%; border: 1px solid black; border-radius: 5px;padding:10px 15px;}
.order_status label{margin-right:10px;}
.order_status select{padding:5px;}
.order_status p{color:#000;font-weight:bold;margin-bottom: 0;}
.order_status p span{font-weight: normal;}

.order_status a{background: #f20; color:#fff; padding: 8px; border:1px solid #f20;}
.order_status a:hover{background:none; border:1px solid #f20; color: #f20}
.order_status form{margin-bottom: 20px;}
.order_status_left{width:30%;float:left;}
.order_status_right{width:60%;float:left;margin-top: 20px;}
.order_status_right p{line-height: 18px;}
.order_status_right a{background: #f20; color:#fff; padding:3px 8px; margin-top: 5px; border:1px solid #f20; float:left;}
.order_status_right a:hover{background:none; border:1px solid #f20; color: #f20}
.order_status_left img{width:100%;}
.order_status_right1{width:100%;float:left;}
.order_status_right1 h4{font-size: 18px;  color: #f20; margin-bottom: 10px;}
.order_status_right1 p{line-height: 18px;}

.reorder_status{margin: 20px auto 10px auto; border-radius: 5px; width:15%;padding:0 15px;}
.reorder_status a{background: #f20; color:#fff; padding: 8px; border:1px solid #f20;}
.reorder_status a:hover{background:none; border:1px solid #f20; color: #f20}

.third-login-access{float:left; width: 100%; margin-bottom: 30px;}


.red {background: #F20; padding: 5px 10px; border: 0; color: #FFFFFF !important;
    margin: 10px 0; font-size: 14px !important; border-radius: 5px;}
.red:hover{background: #000000;}

.green {background: #008000; padding: 5px 10px; border: 0; color: #FFFFFF !important;
    margin: 10px 0; font-size: 14px !important; border-radius: 5px;}
.green:hover{background: #000000;}

.waiting {background: #0091ea; padding: 5px 10px; border: 0; color: #FFFFFF !important;
    margin: 10px 0; font-size: 14px !important; border-radius: 5px;}
.waiting:hover{background: #000000;}

/*************************************
    App Screen Shot
**************************************/
.app-screen{float:left; width:25%; margin:0 2.5%;}
.app-screen img{width:100%;}

.app-down{float:left; width:60%; margin:100px 5% 0;}
.app-down h4{font-size:50px; text-align:center; font-weight:100;}
.app-down ul{margin:50px auto 0; width:50%;}
.app-down li{list-style:none; float:left; width:50%; text-align:center;}




/*************************************
    Footer
**************************************/
.footer-top {border-top: 2px solid #e51515; padding-top:30px;}
.footer-top li{list-style:none; float:left; width:100%; line-height:28px; color:#fff; font-size:14px;  font-weight:normal;}
.footer-top li p{float:left; width:150px; margin-bottom:0;}
.footer-top li a{color:#f20; margin-left:20px;}
.footer-top h5{font-size:25px; color:#242a30; font-weight:normal;}
.footer-top p{color:#fff; font-size:16px; margin-bottom:15px;}
.footer-top .app-icon li{float:left; width:auto; margin:0 2%;}

.social-links{float:left; width:100%; margin:10px 0 40px;}
.social-links h6{float:left; width:22%; font-size:20px; color:#242a30; font-weight:normal; padding-top:5px;}
.social-links li{float:left; width:auto; padding:0 5px; /*border-right:1px solid #242a30; border-bottom:1px solid #242a30; border-top:1px solid #242a30;*/}
/*.social-links li:first-child{border-left:1px solid #242a30;}*/
.social-links li a{color:#FFF; margin-left: 0;}
.social-links li a:hover{color:#242a30;}

.footer-bottom {padding-top: 31px; position: relative; padding-bottom:80px;}
.footer-bottom .left{float:left; width:60%;color:#242a30;}
.footer-bottom .right{float:right; width:auto;}

.footer-info-wrapper {padding-top: 32px;}
.footer-list li {float: left; width: 50%;}
.footer-list li a {color: #90939c; font-size: 13px;}
.footer-list li a:hover{color: #e51515;}
.footer-list > li {line-height: 11px; margin-bottom: 25px;}
.twt-text p a {color: #e51515;}
.twt-text p a:hover {color: #fff;}
.twt-text > span {float: left; line-height: 30px; width: 32px;}
.twt-text > span i {color: #8b8d96; font-size: 18px;}
.twt-text > p {margin-bottom: 5px; overflow: hidden; padding-right: 15px;}
.twt-info {color: #61626b; display: block; font-size: 13px; padding-right: 13px; text-align: right; }
.single-tweet-text {margin-bottom: 27px;}



.footer-bottom {padding-top: 31px; position: relative;}
.footer-border {background: rgba(255, 255, 255, 0.05) none repeat scroll 1px center; height: 1px; left: 60px; position: absolute; right: 60px;}
.payment-img {padding: 59px 0; text-align: right;}
.footer-bottom span {color: #838896; display: inline-block; font-size: 13px;}
.footer-links-copyright {padding: 63px 0;}
.footer-bottom span a {color: #e51515;}
.footer-bottom span a:hover {border-bottom: 1px solid #e51515;}
.footer-bottom .social-links {display: inline-block; margin-left: 54px; padding: 0;}
.footer-bottom .social-links a {color: #838896; font-size: 16px; margin: 0 8px;}
.footer-bottom .social-links a:hover {color: #e51515;}

.display-none{display: none;}

.mb{margin-bottom: 2px;}
.accordion-heading .accordion-toggle {background: #f20; color:#fff; display: block; padding: 8px 15px; font-size:20px;}
.accordion-setting .accordion-toggle {background: #f20; color:#fff; display: block; padding: 8px 15px; font-size:18px; width: 33.3%; float: left; border-right: solid #fff 1px;}
.collapse.in {height: auto;}
.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}

.accordion-heading span{float:right; width:20%; text-align:right; margin-top: -37px;}
.accordion-heading span button{background: transparent;}
.accordion-heading span a{margin-right: 8px;}
.accordion-heading span .fa{background: none; padding: 5px; border:1px solid #fff; color: #fff; font-size: 20px;}
.dn{display:none;}
.db{display:block;}

.usr_icon{ width:100%; float:left;}
.usr_icon li{list-style:none; float:left; width: 24%; margin: 0 0.5% 20px; text-align: center; border:1px solid #f20;}
.usr_icon li img{width: 50%; padding: 6px;}

.icon_box{ width:100%;
           text-align:center;
           margin-bottom:50px;
           height:127px;}
.icon_box h6{ font-size:16px;
              margin-top:10px;} 
              
.archive{ width:36% !important;}

.step22{ width:100%;
         float:left;
          height:41px;}
.size{ background: none;
       padding: 5px;
       border: 1px solid #fff;
       color: #fff;
       font-size: 20px;
        margin-top:-2px;}

.rrr{ background: #f20;
      padding:5px;
      float:right;
      margin-top:-10px;}

.round{ background: #f20;
      padding:5px;
      float:right;
      margin-top:-3px;}

.confirm-pickup1 .account_setting{width:98%;padding:1%;}
.confirm-pickup1 .account_setting .radio_button{width:15%;float:left;}
.confirm-pickup1 .account_setting .radio_button label{float:right;}
.confirm-pickup1 .account_setting .p-bar{width:25%;float: left;background: green;border: 1px dashed;margin-top: 9px;}
.confirm-pickup1 .account_setting .radio_button input[type="radio"]{margin: 3px 0 0;border:1px solid #f20;}
.payment-active{background-color: #000 !important;}
.setting-active{background-color: #000 !important; width: 30%;}

.terms-page h4{margin-bottom:10px;}
.terms-page p{margin-bottom:10px; text-align: justify; line-height: 18px; color: #242424;}

.pickup-new-info{float: left; width: 100%; margin: 50px 0 50px;}
.pickup-new-info .left{float: left; width: 50%; margin-top: 5px;}
.pickup-new-info .left1{float: left; width: 50%; margin-top: 5px;}
.pickup-new-info .right{float: left; width: 50%; margin-top: 5px;}
.pickup-new-info .right1{float: left; width: 50%; margin-top: 5px;}
.pick-lft, .pick-rgt{border-top: 2px solid #000; padding-top: 10px;}
.pick-lft, .shipper-sign, .ser-del-info{float: left; width: 100%; padding-right: 1%; border-right: 2px solid #000000;}
.pick-rgt, .recipient-sign{float: left; width: 100%; padding-left: 1%;}

.pick-lft li, .pick-rgt li, .ser-del-info li, .bill-info li, .fee-info li{float: left; width: auto; margin:0 1% 5px;}
.pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(11), .pick-lft li:nth-child(12),
.pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(11), .pick-rgt li:nth-child(12){width: 48%;}

.pick-lft li:nth-child(3), .pick-lft li:nth-child(4), .pick-lft li:nth-child(13), 
.pick-rgt li:nth-child(3), .pick-rgt li:nth-child(4), .pick-rgt li:nth-child(13),
.ser-del-info li:first-child, .ser-del-info li:nth-child(2), .ser-del-info li:nth-child(3),
.bill-info li, .fee-info li {width: 98%;}

.pick-lft li:nth-child(5), .pick-lft li:nth-child(6), .pick-lft li:nth-child(7), .pick-lft li:nth-child(8), .pick-lft li:nth-child(9), .pick-lft li:nth-child(10), 
.pick-rgt li:nth-child(5), .pick-rgt li:nth-child(6), .pick-rgt li:nth-child(7), .pick-rgt li:nth-child(8), .pick-rgt li:nth-child(9), .pick-rgt li:nth-child(10)
{width: 31.3%;}

.pick-lft li:last-child input[name="p_vender_list"], .pick-rgt li:last-child input[name="d_vender_list"]{float:left; width:auto; margin-right: 15px;}
.pick-lft li:last-child input[name="d_vender_list"], .pick-rgt li:last-child input[name="p_vender_list"]{float:left; width:auto; margin-right: 15px;}
.pick-lft li:last-child label, .pick-rgt li:last-child label{float:left; width: auto; padding-top: 4px;}
.pick-lft li label, .pick-rgt li label, .ser-del-info li label, .bill-info li label{float: left; width: 100%; margin-top: 0; color: #000; font-size: 12px;}
.pick-lft li span, .pick-rgt li span{color: #a5a5a5;}
.pick-lft li input, .pick-rgt li input, .ser-del-info li input{float: left; width: 100%; border:none; border-bottom: 1px dashed #5f5f5f;}


.ser-del-inform {float: left; width: 100%; padding-right: 1%; border-right: 2px solid #000000; border-bottom: 2px solid #000000; padding-top: 10px; padding-bottom: 10px; border-top: 2px solid #000;}
.ser-del-inform li{float: left; width: 100%; margin: 0 1% 5px;}
.ser-del-inform li:nth-child(3) label{width: 30%;}
.ser-del-inform li label {float: left; width: 100%; margin-top: 0; color: #000; font-size: 12px;}
.ser-del-inform li select {float: left; width: 99%; padding: 5px; background: #fbc4bc; color: #4a4949;}
.ser-del-inform li textarea {float: left; width: 99%; padding: 5px; height: 106px; background: #fbc4bc;}
.ser-del-inform li:nth-child(3) input {float: left; width: 68%; border: 1px solid #5f5f5f; background: #fbc4bc; padding: 3px 0 4px;}


.bill-inform{float: left; width: 100%; border-right: 2px solid #000; border-bottom: 2px solid #000; padding:10px 1% 3px;}
.bill-inform li{width: 33.3%; float: left;}
.bill-inform li:nth-child(2){width: 31.3%; margin-left: 1%; margin-right: 1%;}
.bill-inform li label {float: left; width: 100%; margin-top: 0; color: #000; font-size: 12px;}
.bill-inform li select{float: left; width: 100%; padding: 5px; background: #fbc4bc; color: #4a4949;}
.bill-inform li input {float: left; width: 100%; padding: 5px; background: #fbc4bc; color: #4a4949;}

.no-pices-inform{float: left; width: 100%; text-align: center; border-right: 2px solid #000; padding:10px 0 7px;}
.no-pices-inform li{float: left; width: 23%; margin:0 1%;}
.no-pices-inform li label{text-align: center; font-size: 12px; color: #000;}
.no-pices-inform li input{border:0;text-align: center; border-bottom:1px solid #000; width: 100%; background: #fbc4bc; padding-top: 5px; padding-bottom: 5px;}
.no-pices-inform li select{border:0;text-align: center; border-bottom:1px solid #000; width: 100%; color: #000000; font-size: 12px; padding: 6px 0; background: #fbc4bc;}

.button-new-zip{float: left; width: 100%; text-align: center; padding: 30px 0 0;}
.button-new-zip button{background: #f20; color: #ffffff; border-radius: 5px; padding: 8px 10px; margin: 0 5px;}






.shipper-sign{float: left; width: 100%; padding-bottom: 10px;}
.recipient-sign{float: left; width: 100%; padding-bottom: 10px;}
.shipper-sign, .recipient-sign{border-top:2px solid #000000;}
.shipper-sign h3, .recipient-sign h3{font-size: 14px; text-align: center; color: #f20; padding: 10px 1%;}

.shipper-sign li, .recipient-sign li{float: left; width: auto; margin: 0 0.5%;}
.shipper-sign li:first-child, .shipper-sign li:nth-child(2),
.recipient-sign li:first-child, .recipient-sign li:nth-child(2){width: 49%;}

.shipper-sign li label, .recipient-sign li label {width: 100%; float: left; font-size: 15px;}
.shipper-sign li span, .recipient-sign li span {color: #f20;}
.shipper-sign li input[name="full_address"], .shipper-sign li input[name="company_name"], .shipper-sign li input[name="full_address_d"],
.recipient-sign li input[name="full_address_d"], .recipient-sign li input[name="company_name"]{background:#000000; color: #fff; padding: 11px 5px; border-radius: 8px; border: 1px solid #000; width: 100%;}

.shipper-sign .errspan, .recipient-sign .errspan {margin-top: -32px;}

.ser-del-info{border-bottom:2px solid #000000; padding-top: 10px; padding-bottom: 10px; border-top: 2px solid #000;}
.ser-del-info select, .bill-info select, .bill-info input{float: left; width: 100%; padding: 5px; background: #fbc4bc; color: #4a4949;}
.ser-del-info textarea{float: left; width: 100%; padding: 5px; height: 50px; background: #fbc4bc;}
.ser-del-info li:nth-child(3) label{float: left; width: 28%; margin-top: 0; color: #000; font-size: 12px;}
.ser-del-info li:nth-child(3) input{float: left; width: 72%; border:none; border: 1px solid #5f5f5f; background: #fbc4bc; padding: 3px 0 4px;}
.pickup-new-info .button{margin: 15px auto 0; width: 100px; background: #f20; text-align: center; border-radius: 5px;}
.button {margin: 15px auto 0; width: 100px; text-align: center; border-radius: 5px; }
.pickup-new-info .button button { color: #FFF; background: transparent; padding: 8px 0; }
.pickup-new-info .button button{color: #FFF; background: transparent; padding: 8px 0; }
.pickup-new-info .button:hover{background: #000;}

.custom_button{background: #f20; color: #fff; padding: 5px 10px; border-radius: 5px;}

.quick-delivery{display:none;}

.bill-info{float: left; width: 40%; border-top: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; padding:10px 1% 3px;}
.no-pices-info{float: left; width: 20%; border-top: 2px solid #000; text-align: center; border-right: 2px solid #000; border-bottom: 2px solid #000; padding:10px 0 7px;}
.no-pices-info li{float: left; width: 98%; margin:0 1%;}
.no-pices-info li label{text-align: center; font-size: 12px; color: #000;}
.no-pices-info li input{border:0;text-align: center; border-bottom:1px solid #000; width: 100%; background: #fbc4bc;}
.no-pices-info li select{border:0;text-align: center; border-bottom:1px solid #000; width: 100%; color: #000000; font-size: 12px; padding: 2px 0; background: #fbc4bc;}
.fee-info{float: left; width: 40%; border-top: 2px solid #000; padding: 10px 1% 3px; border-bottom: 2px solid #000;}
.fee-info li{margin-bottom: 5px;}
.fee-info li label{float: left; width: 47%; font-size: 12px; color: #000000; margin-bottom: 0;}
.fee-info li input{float: left; width: 53%;}
.fee-info li input[id="duration"], .fee-info li input[id="distance"]{width: 60% !important; color:#000 !important; font-weight: normal !important; font-size: 12px;}


.other-order-status{margin:0 auto 15px; width: 60%; border:1px solid #000; border-radius: 8px; padding:10px;}
.other-order-status .qrcode{float:left; width: 20%;}
.other-order-status .qrcode img{width: 100%;}
.other-order-status-right{float: left; width: 40%; margin-top: 20px;}
.other-order-status-right p, .other-order-payment-status p {line-height: 18px; color: #000; font-weight: bold; margin-bottom: 0;}
.other-order-status-right p span, .other-order-payment-status p span {font-weight: normal;}

.other-order-payment-status{float:right; width: 35%; margin-top: 20px;}
.other-order-payment-status h4 {font-size: 18px; color: #f20; margin-bottom: 10px;}

.print-ticket-shipper{margin: 0 auto 50px; width: 60%;}
.print-ticket-shipper button, .print-ticket-shipper a{background: #f20; color: #fff; padding: 5px; margin-right: 8px;}
.print-ticket-shipper button:hover, .print-ticket-shipper a:hover{background:#000;}
/*.ser-ref-no-info input {float: left; width: 50%;padding: 5px;height: 53px !important; }*/

.show-invoice-button{float:right; width:100%; text-align: right; margin-top: 20px;}
.show-invoice-button input{float: right; width:auto; margin-left: 10px; background: #f20; border:1px solid #242424; color: #fff; padding: 5px;}
.show-invoice-button input.active, .show-invoice-button input:hover{background: #242424;}


.third-party-30{margin: 0 auto 40px; width: 70%;}
.third-party-30 .left{float:left; width: 59%; border: 1px solid #f20; padding-bottom: 10px; margin-right: 2%;}
.third-party-30 .right{float:left; width: 39%; border: 1px solid #f20; padding-bottom: 10px;}

.third-party-30 .top{float: left; width: 100%; padding: 10px;}
.third-party-30 .top li{list-style: none; float:left; width: 100%; border-bottom: 1px dashed #242424; margin-bottom: 8px;}
.third-party-30 .top li:nth-child(odd){width:65%;}
.third-party-30 .top li:nth-child(even){width:35%;}
.third-party-30 .top li label{float: left; width: auto; margin-right: 10px; font-size: 14px; line-height:18px; color: #f20;}
.third-party-30 .top li span{float: left; width: auto; font-size: 14px; line-height:18px; color: #242424;}

.third-party-30 .bottom{float: left; width: 100%; padding:0 10px 0;}
.third-party-30 .bottom li{list-style: none; float:left; width: 100%; margin-bottom: 8px;}
.third-party-30 .bottom li label{float: left; width: 100%; font-size: 14px; line-height:18px; color: #f20;}
.third-party-30 .bottom li input[type="text"]{float: left; width: 100%; padding: 5px;}

.third-party-30 .bottom li input[type="submit"]{float: left; width: auto; background: #f20; color: #ffffff; font-size: 14px; border:0; padding:8px 5px; border-radius:8px; }
.third-party-30 .bottom li input[type="submit"]:hover{background: #000000;}

.thank-you{float: left; width: 100%; margin-top: 100px; text-align: center;}
.thank-you img{width:200px;}
.thank-you h2{margin-top: 10px; font-size:20px;}
.thank-you h3{margin-top: 10px; font-size:20px;}
.thank-you p{line-height: 25px; font-size: 15px; color: #242424; font-weight: bold;}

.blinking{animation:blinkingText 0.6s infinite; font-size: 16px; border-radius:5px;}
@keyframes blinkingText{
    0%{background: #F20; color: #FFF;}
    49%{background: #F20; color: #FFF;}
    50%{background: #F20; color: #FFF;}
    70%{background: #006F31; color: #FFF;}
    99%{background: #006F31; color: #FFF;}
    100%{background: #006F31; color: #FFF;}
}

.sticky-container{padding: 0px; margin: 0px; position: fixed; right: -160px; z-index: 9999; top:180px; width: 200px;}
.sticky li{list-style-type: none; background-color: #333; color: #efefef; height: 43px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor: pointer; /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);*/ }
.sticky li:hover{margin-left: -125px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.sticky li img{float: left; margin: 5px 5px; margin-right: 10px;}
.sticky li p{padding: 0px; margin: 0px; color: #FFFFFF; text-transform: uppercase; line-height: 43px;}
.sticky li a{color: #ffffff;}



.top-header{float: left; width: 100%; background: rgba(0,0,0, 0.7); min-height: 40px;}
.top-header .container{width: 96%; margin-top: 5px;}
.top-header ul{margin:0; padding:0;}
.top-header li{list-style: none; float: right; margin-top: 4px; width: auto; margin-right: 15px; color: #ffffff; font-size: large;}
.top-header li a{color: #FFFFFF; padding: 7px; font-size: large;}
.top-header li:last-child a:hover{color: #F20;}


/*bottom credit card form css start here*/

.bottom-form-sec { padding: 0px 0px ; display: flex; align-items: center;  }
.bottom-form-sec .form-group { margin-right: 0px; }
.bottom-form-sec .form-group:last-child { margin-right: 0px; }
.bottom-form-sec .form-group .form-control {
    background: #fbc4bc;
    border-radius: 0;
    border-color: #000;
    color: #000;
}

#creditcard_div{ margin-top: 20px; }