/* --------------------------------------------------------------------------
 *  Table of Content

  1 - General
    1.1 - Preloader
    1.2 - Global properties (body, common classes, structure etc)
    1.3 - Page section block
    1.4 - Typography (section title, links, page dividers)
    1.5 - Buttons 
    1.6 - Form / Input / Textarea  
    1.7 - Theme Colors
    1.8 - Theme Fonts
    
  2 - Header

  3 - Home   
    3.1 - Banner
    3.2 - Track Product
    3.3 - About Us
    3.4 - Calculate Your Cost
    3.5 - Steps
    3.6 - Product Delivery
    3.7 - Testimonial
    3.8 - Pricing & Plans
    3.9 - Contact US

  4 - Components / Shortcodes / Widget    
    4.1 - Breadcrumbs
    4.2 - Pagination   
    4.3 - Rating stars    
    4.4 - Blog post
    4.5 - Comments  
    4.6 - Widgets
    4.7 - Back to top button

  5 - Login Popup and Search Popup   
    5.1 - Login Popup   
    5.2 - Search Popup   
    
  6 - Pages   
    6.1 - About Us
    6.2 - Tracking
    6.3 - Contact 
    6.4 - Error
    6.5 - Comingsoon
              
  7 - Footer  

  8 - Responsive 

 * -------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Roboto:100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,600,300,500,700);


/******************************* 
    1 - GENERAL CSS STARTS 
********************************/

/*----------------1.1 Preloader Starts------------------*/
#preloader {  
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;   
    top: 0px;
    background-color: #000;      
}
.small2 {
    position: absolute;
    height: 100px;
    width: 100px;
    background-color: transparent;
    top: 50vh;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.small1 {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 50vh;
    left: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: transparent;
}

.bigcon {
    position: absolute;
    height: 95px;
    width: 95px;
    top: 50vh;
    left: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: transparent;
    -webkit-animation: bigcon 2s infinite linear;
    animation: bigcon 2s infinite linear;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.ball {
    border-radius: 50%;
    position: absolute;
}

.small {
    width: 25px;
    height: 25px;
    -webkit-animation: small 2s infinite ease;
    animation: small 2s infinite ease;
    box-shadow: 0px 2px rgba(0,0,0,0.3);    
}

.small:nth-child(1) {
    top: 0%;
    left: 0%;
}

.small:nth-child(2) {
    top: 0%;
    right: 0%;
}

.small:nth-child(3) {
    right: 0%;
    bottom: 0%;
}

.small:nth-child(4) {
    bottom: 0%;
    left: 0%;
}

.big {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    z-index: 1;    
    -webkit-animation: bigball 1s infinite linear;
    animation: bigball 1s infinite linear;
}

.smallball1{
    -webkit-animation-delay: -1.75s;
    animation-delay: -1.75s;
}
.smallball6{
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}
.smallball2{
    -webkit-animation-delay: -1.25s;
    animation-delay: -1.25s;
}
.smallball7{
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.smallball3{
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
.smallball8{
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.smallball4{
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}
.smallball5{
    -webkit-animation-delay: -0s;
    animation-delay: -0s;
}

.clear {clear:both;width:100%;padding:0px;margin:0px;}

@-webkit-keyframes bigcon {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes bigcon {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
        transform: translate(-50%, -50%) rotate(405deg);
    }
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-danger {
background-color:#d9534f !important;border-color:#d43f3a;color:#fff !important
}
.badge-danger:hover {
  background-color:#c9302c !important;border-color:#ac2925;color:#fff !important
}
.toolbar{float: right;display:inline !important;position:relative;}
.msglinks{display:inline !important;text-align:right;position:absolute;top:15px;right:0px}
.trashlinks a.active,.msglinks a.active{color:#333;font-weight:bold;border-bottom:2px solid #f20000;}
.ordbtn{display:inline !important;text-align:right;position:absolute;top:5px;right:0px;}
.plcord{display:block;text-align:center;}
.ordbtn a,.plcord a{font-weight:bold;color:#fff !important;font-size:14px !important;}
#myOrders a.btn{color:#fff !important;}
.ords{border-bottom:1px dotted #ddd;padding-bottom:5px;margin-bottom:10px;}
div.ords:last-child{border-bottom:none;}
/*----------------1.1 Preloader Ends------------------*/

/*----------------1.2 Global properties (body, common classes, structure etc) Starts----------------------*/

body {
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin: 0;height: 100%;
    background: #222222;
    color: #333333;
    -webkit-font-kerning: auto;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: visible !important;  
    overflow-x: hidden;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
	-webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
	-o-user-select: none;
        user-select: none;
}
.body_wrapper{width:100%;min-height:300px;padding:0px;margin:0px;background: #ffffff;}
.header-main {background: #ffffff;}

.theme-container{
    padding-left: 0;
    padding-right: 0;
}

.boxed .wrapper {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 1200px;
    box-shadow: 0 5px 53px -7px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
}
body.off-canvas-body{
    margin-left: 301px;
}
.effect {
    animation-duration: 2s;
    animation-delay: 2s;
    animation-iteration-count: 1;

    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
}
.no-pad{
    padding-left: 0;
    padding-right: 0;
}
.no-pad-r{
    padding-right: 0;
}
.no-pad-l{
    padding-left: 0;
}
.no-margin{
    margin: 0;
}
img{
    max-width: 100%;
}
.light-bg{
    background-color: #f2f2f2;
}
.white-bg{
    background-color: #fff;
}
.black-bg{
    background-color: #222;
}
.rel-div {
    position: relative;
}
.clrbg-before {
    position: relative;
}
.clrbg-before:before {
    content: "";    
}
.mask-overlay:before,.theme-clr-mask,.white-mask{    
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background-color: #0F365D;
}
.mask-overlay{    
    position: relative;
}
.white-mask{
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}
.title-wrap{
    display: inline-block;
    width: 100%;
    vertical-align: middle;    
    position: relative;
}
.title-wrap > p {
    letter-spacing: 2px;
}
.section-title, .title-1, .title-2, .title-3, .post-title, .widget-title, .font2-title1 {
    color: #222222;  
    text-transform: uppercase;  
    letter-spacing: 1px;
}

.font2-title1 .dropdown-menu{text-transform: none !important}
ul.xusr li{border-bottom:1px dotted #ddd;}
ul.xusr li:last-child{border-bottom:none;}

.section-title { font-size: 24px; }
.title-1{ font-size: 16px; }
.title-2, .widget-title-2{ font-size: 14px; }
.title-3 {font-size: 20px;}
.post-title, .product-title, .widget-title{font-size: 18px;}
.bg-text {
    color: #f6f6f6;
    font-size: 114px;    
    position: absolute;
    text-transform: uppercase;
    top: 8%;
    left: -2%;
}
.bg-text.right {
    left: auto;
    right: 2%;
}
.bg-text.center {
    text-align: center;    
    left: 0;
    right: 0;
    margin: auto
}
.white-clr, .white-clr .section-title, .white-clr .title-1, .white-clr .title-2, .white-clr .title-3, .white-clr p, .white-clr a {
    color: #fff;
}
.black-clr, .black-clr a {
    color: #222222;
}
.light-black {
    color: #333;
}
.gray-clr{ color: #9f9f9f; }
.green-clr{ color: #33be61; }
.red-clr{ color: #ff0000;}
.blue-clr, a.blue-clr{color: #0099cc;}
.main-clr{ color: #acacac;}
.block-inline{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.divider-small{
    border-color: #000;  
    border-style: dashed;
    width: 190px;
}
.fullwidth-divider{ border-color: #ccc; }
.line-divider{width:100%;border:1px solid #ddd;margin:15px 0;}
.list-items li{
    display: inline-block;
    margin: 0 5px;
    position: relative;
    text-transform: uppercase;
}
.list-items{ margin-bottom: 0; margin-left: -5px;}
.black-arrow i,.white-arrow i{   
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;

    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
.black-arrow:hover i, .white-arrow:hover i{
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}
.black-arrow,a.black-arrow{
    color: #000 !important;
}
.white-arrow, a.white-arrow{
    color: #fff !important;
}
.owl-carousel .owl-item img {    
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
/*-------------------1.2 Global properties (body, common classes, structure etc) Ends-----------------*/

.gfree {font-weight:bold;color:#33be61;border-bottom:2px solid #f20000;}

.hw_32 {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    vertical-align:middle;
    margin:-7px 10px 0px -10px;
}

.m-auto {
  margin: 0 auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

#paspg {
width:500px; margin:0 auto;padding:0px
}

/*Card*/
#paspg .card:not([class*="card-outline-"]) {
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
#paspg .card {
    font-weight: 400;
    border-radius: .3rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #0000001a;
    border-radius: 0.25rem;
}
#paspg .card .card-body {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1.25rem;
}

#paspg .btn-1{padding-left:20px;padding-right:20px;}

/*---------------------- 1.3 Page section block Starts----------------------------*/
.pad-120 {
    padding-bottom: 120px;
    padding-top: 120px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pt-120 {
    padding-top: 120px;
}
.pad-100 {
    padding-bottom: 100px;
    padding-top: 100px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pad-80 {
    padding-bottom: 80px;
    padding-top: 80px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pt-80 {
    padding-top: 80px;
}
.pad-10 {
    padding-bottom: 10px;
    padding-top: 10px;
}
.pt-10{
    padding-top: 10px;
}
.pb-10{
    padding-bottom: 10px;
}
.pad-30 {
    padding-bottom: 30px;
    padding-top: 30px;
}
.pad-50 {
    padding-bottom: 50px;
    padding-top: 50px;
}
.pb-50{
    padding-bottom: 50px;
}
.pt-50{
    padding-top: 50px;
} 
.pt-30{
    padding-top: 30px;
} 
.mbx15{
    margin-bottom: 15px;
} 
.mt-30{
    margin-top: 30px;
} 
.mt-15{
    margin-top: 15px;
} 
.ml-15{margin-left:15px;}
/*---------------------------- 1.3 Page section block Ends ---------------------------*/

/*--------------------------- 1.4 Typography (section title, links, page dividers) Starts -------------------------- */

a, .btn{
    color: #222222;
    text-decoration: none;

    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
a:focus, a:hover,
.btn:hover, .btn:focus,.btn:active {  
    text-decoration: none;
    outline: 0;
}
.accts a{color:#003399;}
.accts a.active{border-bottom:2px solid #f20000;}

a.dx4{color:#003399;}
a.dx4:hover{text-decoration: underline;}

.under-line {
    text-decoration: underline;
}
p {
    margin-bottom: 15px;
    line-height: 1.8;
}
ul,
ol {
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px;
}

ul ul,
ol ul,
ul ol,
ol ol {
    padding-left: 20px;
}
h2,h3,h4,h5,h6{
    margin-top: 10px;
    margin-bottom: 10px;
}
.transition, .transition:after, .transition:before {
    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
/*------------------------ 1.4 Typography (section title, links, page dividers) Ends ---------------------- */

/*--------------------------- 1.5 Buttons Starts ---------------------- */
.btn-0 {    
    text-align: center;
    border: medium none;
    height: 50px;
    line-height: 30px;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    color:#f20000;text-decoration: line-through;
    text-transform: uppercase;cursor:default;
    background-color: #222222 !important;
    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.btn-1 {    
    text-align: center;
    border: medium none;
    height: 50px;
    line-height: 30px;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    color: #ffffff;
    text-transform: uppercase;

    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.btn-1:hover, .btn-1:focus {
    background-color: #222222;
}
.btn-1.dark:hover, .btn-1.dark:focus {
    background-color: #c7c7c7;
}
.btn-1sm { 
    height: 36px !important;
    line-height: 16px !important;
    padding: 10px 25px !important;
}
.btn-2 {    
    text-align: center;
    border: 1px solid #2e6da4;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    border-radius: 4px;
    color: #337ab7;
    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.btn-2:hover, .btn-2:focus {
    background-color: #337ab7;
    color:#ffffff;
}
.btn-r {    
    border-color:#d43f3a;
    color: #d9534f;
    font-size: 14px;
}
.btn-r:hover, .btn-r:focus {
    background-color: #d9534f;
    color:#ffffff;
}
.btntxt{font-size: 14px;}
.btn-round {
    border-radius: 30px;
    text-align: center;
    border: 2px solid #222222;
    height: 50px;
    line-height: 30px;
    padding: 10px;
    font-size: 14px;    
    color: #222;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-width: 200px;

    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.btn-round:hover, .btn-round:focus {
    color: #ffffff;
}
.btn-s {    
    text-align: center;
    border: medium none;
    height: 50px;
    line-height: 30px;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    color: #ffffff;
    font-weight:bold;
   cursor:pointer;
    text-transform: uppercase;
    background-color: #222222;
    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.btn-s:hover, .btn-s:focus {
    background-color: #337ab7;
}
/*------------------------ 1.5 Buttons Ends ---------------------------- */

/*----------------------- 1.6 Form / Input / Textarea Starts --------------------------- */
textarea{
    resize: vertical;
}
label{
    font-weight: normal;
    margin: 0;
}
.form-control, .input-group-addon, .bootstrap-select .btn {
    background-color: #ffffff;
    border-color: #e7e8ec;
    border-radius: 3px;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    height: 46px;    
    padding: 10px 20px;
    font-weight: 300;
    text-transform: none;
}
textarea.form-control {
    height: auto;
}
.bootstrap-select .btn {
    text-transform: none;
}
.form-control.submit-btn{
    height: auto;
    line-height: normal;
}
.form-alert{
    margin: 0;
}
.box-shadow {
    box-shadow: 0 3px 20px -6px rgba(0, 0, 0, 0.2);
}
.form-control.from {
    border-right-color: transparent;
}


/*-- Checkbox/Radiobox Starts --
.form-group [type="checkbox"], .form-group [type="radio"]{
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.form-group .checkbox-inline, .form-group .radio-inline {
    margin: 0;
    padding-left: 0;
    line-height: 1.2;
    vertical-align: -moz-middle-with-baseline;
}
.form-group [type="checkbox"] + span, .form-group [type="radio"] + span {
    cursor: pointer;
    vertical-align: text-top;
}
.form-group [type="checkbox"] + span::before{   
    color: #999999;
    content: "\56";
    font-family: "ElegantIcons";
    font-size: 20px;
    margin-right: 3px;
    vertical-align: middle;
    line-height: 0;
}
.form-group [type="checkbox"]:checked + span:before {  
    content: "\5a";
    font-family: "ElegantIcons";
}
.form-group [type="radio"] + span::before{   
    color: #000;
    content: "\5b";
    font-family: "ElegantIcons";
    font-size: 20px;
    margin-right: 3px;
    vertical-align: middle;
    line-height: 0;
}
.form-group [type="radio"]:checked + span:before {  
    content: "\5c";
    font-family: "ElegantIcons";
}
-- Checkbox/Radiobox Ends --*/


/*--Bootstrap Select--*/

.bootstrap-select .btn-default.active.focus, .bootstrap-select .btn-default.active:focus, .bootstrap-select .btn-default.active:hover, 
.bootstrap-select .btn-default.focus:active, .bootstrap-select .btn-default:active:focus, .bootstrap-select .btn-default:active:hover, 
.bootstrap-select > .dropdown-toggle.btn-default.focus, .bootstrap-select > .dropdown-toggle.btn-default:focus, 
.bootstrap-select > .dropdown-toggle.btn-default:hover,.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #e7e8ec;
    color: #333333;    
    box-shadow: none;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: 0 none !important;
    outline-offset: 0;
}

::-webkit-input-placeholder {
    color: #222 ;    
}
:-moz-placeholder {
    color: #222;
}
::-moz-placeholder {
    color: #222;
}
:-ms-input-placeholder {
    color: #222;
}

.form-control::-webkit-input-placeholder {
    color: #222;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #222;
    opacity: 1;
}
.form-control::-ms-input-placeholder{
    color: #222;
    opacity: 1;
}
.form-control:focus {
    background-color: transparent;    
    box-shadow: none;
    outline: 0 none;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
    outline: 0;
}
input:focus::-webkit-input-placeholder {
    color: transparent !important;
}
input:focus:-moz-placeholder {
    color: transparent !important;
}
input:focus::-moz-placeholder {
    color: transparent !important;
}
input:focus:-ms-input-placeholder {
    color: transparent !important;
}
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}
textarea:focus:-moz-placeholder {
    color: transparent !important;
}
textarea:focus::-moz-placeholder {
    color: transparent !important;
}
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}


/*---------------------------- 1.6 Form / Input / Textarea Ends ------------------------------ */

/*---------------------------------- 1.7 Theme Colors Starts -------------------------------- */
/**-- Color-1 Light --**/
.theme-clr, .hvr-clr:hover, .hvr-clr:focus, a:focus, a:hover, .theme-menu > li:hover > a::after, .theme-menu > li.active > a,
.list-items li.active a, .header-main .theme-menu .dropdown-menu > li > a:hover, .header-main  .theme-menu .dropdown-menu > li > a:focus {
    color: #f5ab35; 
}
.small, .theme-clr-bg, .btn-1, .btn-round:hover, .btn-round:focus, .owl-nav div:hover, .owl-nav div:focus, .theme-menu > li > a::after,
.header-style3 .menu-bar, .pagintn > li a:hover, .pagintn > li a:focus, .widget-wrap.tag-cloud a:hover, .widget-wrap.tag-cloud a:focus {
    background-color: #f5ab35;
}
.clrbg-before:before, .clrbg-after:after, .social-icons li a:hover, .social-icons li a:focus,
.pricing-box.active .btn-round {
    background-color: #f5ab35;
}
.banner { border-bottom: 5px solid #f5ab35; }
.form-control:focus, .themeclr-border, .social-icons li a:hover, .social-icons li a:focus, 
.btn-round:hover, .btn-round:focus, .pricing-box.active, .pricing-box.active .btn-round {
    border-color: #f5ab35;
}


/**-- Color-2 Dark --**/
.theme-dark, .hvr-dark:hover, .hvr-dark:focus {
    color: #df9826; 
}
.theme-dark-bg, .btn-1.dark {
    background-color: #df9826;
}    
.darkclr-border, .owl-dot.active {
    border-color: #df9826;
}
.big {
    box-shadow:0px 0px 10px #df9826, 0px 0px 20px #df9826, 0px 0px 30px #df9826, 0px 0px 50px #df9826, 0px 0px 60px #df9826 ;
    background-color: #df9826;
}

/**-- Preloader --**/
@-webkit-keyframes small {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #f5ab35;
    }
    10% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        background-color: #df9826;
    }
    15% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%{
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #f5ab35;
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #f5ab35;
    }
}

@keyframes small {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #f5ab35;
    }
    10% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        background-color: #df9826;
    }
    15% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%{
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #f5ab35;
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #f5ab35;
    }
}
/*------------------------1.7 Theme Colors Ends------------------------ */


/*--------------------------1.8 Theme Fonts Starts------------------- */

.font-2, .font2-title1, .title-1, .title-2, .title-3, .btn-1, .btn-round, .theme-countdown {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.section-title, .bg-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.font2-light {
    font-family: 'Poppins', sans-serif; 
    font-weight: 300;
}
.italic-text {
    font-style: italic;
}
.upper-text{
    text-transform: uppercase;
}
.capital-text{
    text-transform: capitalize;
}

.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-20 { font-size: 20px; }
.fs-26 { font-size: 26px; }
.fs-36 { font-size: 36px; }
.fs-48 { font-size: 48px; }
.fs-50 { font-size: 50px; }

.fs-96 { font-size: 96px; }

.fw-400 { font-weight: 400; }
.fw-600 { font-weight: 600; }
.fw-900 { font-weight: 900; }

/*------------------------- 1.8 Theme Fonts Ends --------------------- */


/******************************* 
    1 - GENERAL CSS ENDS 
********************************/

/******************************* 
    2 - HEADER CSS STARTS 
********************************/
/*-------------------- Topbar Starts -------------------- */
.top-bar {
    background-image: url('../images/topbar-bg.jpg');
    padding: 10px 0;
    position: relative;
}
.top-bar .list-items {
    margin-top: 3px;
}
.top-bar .list-items li + li:before {
    content: "";
    background-color: #3e3e3e;
    height: 10px;
    width: 2px;
    left: 0;
    top: 2px;
    position: absolute;
}
.top-bar .list-items li + li {
    margin-left: 12px;
    padding-left: 17px;
    vertical-align: middle;
}
.contact-num {
    margin: 0 95px 0 15px;
    text-align: right;
}
.boxed .contact-num {
    margin: 0 150px 0 15px;
}
.nopdx{padding-right:5px;padding-left:5px;}
.sign-in {
    height: 42px;
    padding: 13px 6px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 90px;
}
.sign-in:hover, .sign-in:focus { background-color: #ffffff; }
.sign-in span{text-transform: lowercase;}
.sign-in:first-child{margin-right:5px;}
#dal, #los{font-weight:bold;}

/*-------------------- Topbar Ends -------------------- */

/*-------------------- Menu Bar Starts -------------------- */
.menu-bar {
    background-color: #ffffff;
    padding: 25px 0;
    z-index: 11;
    position: static;
    top: 100px;
    transition: top 0.75s ease 0s;
    -webkit-transition: top 0.75s ease 0s;
}
.is-sticky .menu-bar {
    top: 0;
    padding: 5px 0;
    box-shadow: 0 5px 53px -7px rgba(0, 0, 0, 0.2);
}
.theme-menu {
    float: right;
    padding-top: 10px;
}
.theme-menu > li {
    padding: 5px 20px;
    position: relative;
}
/*
.theme-menu > li:last-child {
    padding: 0 0 0 20px;
}*/
.theme-menu > li > a {
    display: inline-block;   
    padding: 0;
    position: relative;
}
.theme-menu > li > a::after {    
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;    
    width: 100%;
    opacity: 0;

    transform: translateY(30px);
    -webkit-transform: translateY(30px);

    transition: all 0.4s ease-in-out;    
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.theme-menu > li:hover > a::after, .theme-menu > li.active > a::after {
    opacity: 0.4;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.theme-menu .search {
    margin-top: -2px;
    border: 1px solid;
    border-radius: 2px;
    font-size: 14px;
    height: 30px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    width: 30px;
    cursor: pointer;
}
.theme-menu .search:hover, .theme-menu .search:focus {
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
}
.theme-menu .dropdown-menu  li{
    position: relative;
}
.theme-menu .dropdown-menu > li > a {
    font-size: 12px;
    font-weight: 600;
    background-color: transparent ;
    color: #222222;
    padding: 5px 20px
}
.header-main .navbar-toggle {
    border: 1px solid #222222;
    border-radius: 0;
    padding: 9px;
    margin: 12px 0 0;
}
.navbar-toggle .icon-bar {
    background-color: #222222;
    height: 1px;
    width: 20px;
}
/*-------------------- Menu Bar Ends -------------------- */

/*-------------------- Header Style-2 Starts -------------------- */
.header-style2 .is-sticky .menu-bar {
    background-color: rgba(0, 0, 0, 0.8);
}
.header-style2 .navbar-toggle {
    border: 1px solid #ffffff;
}
.header-style2 .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
/*-------------------- Header Style-2 Ends -------------------- */

/*-------------------- Header Style-3 Starts -------------------- */
.top-bar2 {
    padding: 5px 0;
}
.top-bar2 .rtlinks{
    padding: 20px 0;
}
.top-bar2 .navbar-logo img{
  height:80px;
}

.top-bar2 ul {
    display: inline-block;
    margin: 0px 0 0;  
    /*text-transform: uppercase;*/
    width: 100%;
}
.top-bar2 .ctrack{
    padding-top: 20px;padding-bottom: 20px;
}
.top-bar2 .ctrack input{
    text-transform: none !important;
}

.top-bar2 .ctrack #trackme{
cursor:pointer;font-weight:bold;color:#f5ab35;
}

.top-bar2 .font2-title1 {
    margin: 5px 0 0;
}
.top-bar2 ul li + li {
    border-left: 1px solid #e7e8ec;
    margin-left: 21px;
    padding-left: 25px;
}
.top-bar2 .font2-light {
    margin: 0;
}
.header-style3 .theme-menu {
    float: left;
    margin-left: -15px;
    padding-top: 5px;
}
.header-style3 .menu-bar {    
    padding: 10px 0;
}
.header-style3 .theme-menu .search {
    margin-top: 0;
}
.header-style3 .theme-menu > li.active > a, .header-style3 .theme-menu > li > a:hover, .header-style3 .theme-menu > li > a:focus {
    color: #222222;
}
.header-style3 .theme-menu > li > a::after {
    background-color: transparent; 
}
.header-style3 .sign-in {    
    border-radius: 3px;
    position: static;
    display: inline-block;
    width: 90px;
}

.sticky-logo {
    display: none;
    float: left;
    height: 40px;
    margin-right: 35px;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
}
.is-sticky .sticky-logo {
    display: block;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.sticky-logo img{height:40px;}

/*-------------------- Header Style-3 Ends -------------------- */

/******************************* 
    2 - HEADER CSS ENDS 
********************************/


/******************************* 
    3 - HOME CSS STARTS 
********************************/

/*-------------------- 3.1 - Banner Starts -------------------- */

/*----------------------------------------------------
start div swiper-container for carousel page
----------------------------------------------------*/
.swiper-container{width: 100%;height: 100%;}
.swiper-container .swiper-wrapper .swiper-slide{
	height: 540px;margin:0px;padding:0px;
	background-size: cover;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay{
    background-color: rgba(0,0,0,0.35);
    height: 540px;width: 100%;
    padding: 70px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.swiper-container .swiper-wrapper .left .overlay{
	text-align: left
}

.swiper-container .swiper-wrapper .left .title{
	text-align: left;
	padding-left: 60px; 
}

.swiper-container .swiper-wrapper .swiper-slide.left .overlay .title p{
	margin: 20px 50% 0 0;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title h1{
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    margin: 0;
	transform: translateY(60px);
	transition-delay: 0.6s;
	transition-duration: 1.5s;
	opacity: 0;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title p{
    line-height: 1.6em;
    color: #eee;
    font-size: 36px;
    font-weight: 400;
	margin: 0 28%;
	margin-top: 20px;
	transform: translateY(60px);
	transition-delay: 1.2s;
	transition-duration: 1.5s;
	opacity: 0;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title .a-btn{
    font-weight: 400;
    display: inline-block;
    margin-top: 30px;
    margin-right: 20px;
	color: #fff;
	border: 2px solid #fff;
	overflow: visible;
	background-image: none;
	transform: translateY(60px);
	transition-delay: 1.7s;
	transition-duration: 2s;
	opacity: 0;
	transition-property: transform, opacity;
}

.swiper-container .swiper-wrapper .swiper-slide-active .overlay .title h1,
.swiper-container .swiper-wrapper .swiper-slide-active .overlay .title p,
.swiper-container .swiper-wrapper .swiper-slide-active .overlay .title .a-btn{
	opacity: 1;
	transform: translateY(0);
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title .a-btn.first{
    border: 2px solid #f5ab35;  
	color: #fff;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title .a-btn.first:hover{
    background-color: #f5ab35;
	color: #222;
	border-color: #fff;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title .a-btn:hover{
    border-color: #f5ab35;
    color: #fff;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title .a-btn.first:before{
	background-color: #fff;
}

.swiper-pagination-white .swiper-pagination-bullet-active{
	background-color: #f5ab35;
}

.swiper-button-next,
.swiper-button-prev{
	width: 35px;
	height: 35px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
}


/*-------------------- 3.1 - Banner Ends -------------------- */

/*-------------------- 3.2 - Track Product Starts -------------------- */

.track-prod {
    background-color: #fefefe;
    border-radius: 3px;
    margin-top: -100px;
    padding: 20px 35px;
    box-shadow: 0 5px 53px -7px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #eaeaea;
}
.track-prod .title-1 {
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
}
.track-prod::before {
    height: 5px;
    left: 0;
    position: absolute;
    top: 38px;
    width: 20px;
}
.track-prod .form-group {
    margin: 5px 0 10px;
}
.track-prod .form-control {
    height: 50px;
    text-transform: none;
}
.track-prod .btn-1 {
    height: 54px;
}
.track-prod .font2-light {
    letter-spacing: 1px;
}

.track-prod .form-group .btn-1 {
    width: 100%;    
}
/*-------------------- 3.2 - Track Product Ends -------------------- */

/*-------------------- 3.3 - About Us Starts -------------------- */
.about-wrap {
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
.about-wrap:before {
    bottom: -3px;
    height: 5px;
    left: 15%;
    position: absolute;
    width: 70%;
}
.about-wrap .bg-text {
    top: 4%;
}
.about-us .feature {
    display: inline-block;
    margin-top: 35px;
    width: 100%;
}
.about-us .feature > li {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
}
.feature .title-1 {
    margin: 0;
}
.feature img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.feature-content {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
}
.feature-content > p {
    margin: 5px 0 0;
    letter-spacing: 1px;
}

.about-2 .bg-text {
    top: 24%;
}
.feature-2 {
    border-bottom: 1px solid #eaeaea;
}
.feature-2::before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin-bottom: -1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 70%;
}
/*-------------------- 3.3 - About Us Ends -------------------- */

/*-------------------- 3.4 - Calculate Your Cost Starts -------------------- */
.calculate-form {
    display: inline-block;
    margin-top: 0px;
    width: 100%;
}
.calculate {
    position: relative;
}
.calculate .bg-text.right {    
    top: 8%;
}
.calculate-form .form-group {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.calculate-form .form-control.from {
    border-radius: 4px 0 0 4px;  
    font-size: 12px;
}
.calculate-form .form-control.to {
    border-radius: 0 4px 4px 0;
    font-size: 12px;
}

.calculate-form label {
    margin-top: 14px;
}
.calculate-form .btn-1 {
    padding: 10px 25px;
    position: relative;
    text-align: left;
}
.calculate-form .btn-1.dark {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 145px;
}
.calculate-form .bootstrap-select .btn {
    font-weight: 600;    
    font-size: 12px;
}
/*-------------------- 3.4 - Calculate Your Cost Ends -------------------- */

/*-------------------- 3.5 - Steps Starts -------------------- */
.steps-wrap {
    background-image: url("../images/bg/slide2-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.steps-wrap .row div {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
}
.steps-content {
    margin-left: 15px;
}
.steps-content .title-3 {
    color: #ffffff;
    font-weight: 900;
    margin-top: 20px;
    text-transform: none;
}

.font3{
    color: #fff;
    font-weight: 900;
    text-align:center;
    font-size:30px;
    text-transform: capitalize;
    opacity: 1;
}
.step-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*-------------------- 3.5 - Steps Ends -------------------- */

/*-------------------- 3.6 - Product Delivery Starts -------------------- */
.prod-delivery {
    position: relative;
}
.prod-delivery::before {
    border: 5px solid #f4f4f4;
    content: "";
    height: 50%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 30%;
    width: 36%;
    z-index: -1;
}
.delivery-img {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: -1;
}
.boxed .prod-delivery::before, .boxed .delivery-img {
    z-index: 0;
}
/*-------------------- 3.6 - Product Delivery Ends -------------------- */

/*-------------------- 3.7 - Testimonial Starts -------------------- */
.testimonial {
    background-image: url("../img/background/testimonial-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center center;
}

.testimonial-img span {
    display: inline-block;
    font-size: 40px;
    margin-top: -15px;    
    position: relative;
    z-index: 2;

    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.testimonial-img > img {
    border: 4px solid;
    border-radius: 50%;
    z-index: -1;
}
.testimonial-img {
    border-radius: 50%;
    display: inline-block;
    height: 90px;
    margin-bottom: 40px;
    margin-top: 10px;
    position: relative;
    width: 90px;
}
.testimonial-img::before {
    background-color: #ffffff;
    border-radius: 50%;
    bottom: -18px;
    content: "";
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 40px;
    z-index: 1;
}
.owl-nav div {
    background-color: #444444;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    width: 40px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.owl-nav {
    bottom: 0;
    position: absolute;
    right: 0;
}

.owl-dots {
    bottom: 65px;
    left: 0;
    position: absolute;
    right: 0;
}
.owl-dot {
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    display: inline-block;
    height: 17px;
    line-height: normal;
    margin: 4px;
    vertical-align: middle;
    width: 17px;
}
.owl-dot > span {
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 13px;
    margin-top: -7px;
    vertical-align: middle;
    width: 13px;
    z-index: 1;
}
.owl-dot.active > span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;    
}
.no-pagination .owl-dots, .no-nav .owl-nav {
    display: none !important;
}

/*-------------------- 3.7 - Testimonial Ends -------------------- */

/*-------------------- 3.8 - Pricing & Plans Starts -------------------- */
/*-- Border Effects --*/
.pricing-box:after {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;    
    width: 0;    
    opacity:0;
}
.pricing-box:before {
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;    
    width: 0;    
    opacity:0;
}
.pricing-hover:before {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;    
    width: 2px;
    opacity:0;
}
.pricing-hover:after {
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;    
    width: 2px;
    opacity:0;
}
.pricing-box:hover:before, .pricing-box:hover:after {
    width: 100%;    
    opacity:1;
}
.pricing-box:hover .pricing-hover:after, .pricing-box:hover .pricing-hover:before {
    height: 100%;    
    opacity:1;
}
.pricing-hover {
    position: static;
}
/*-- /.Border Effects --*/

.pricing-wrap {    
    position: relative;    
}
.pricing-wrap .bg-text {
    top: 1%;
}
.pricing-box {
    width:100%;
    border: 2px solid #f4f4f4;    
    transition: all 1s ease 0s;
    position: relative;
}

.pricing-box .title-wrap {
    border-bottom: 5px solid #f4f4f4;
    padding: 15px 30px;
}
.pricing-box .section-title { font-size: 24px;font-weight:600 }
.pricing-box .title-wrap .btn-1 {
    border-radius: 50px;
    height: 40px;
    line-height: normal;
    margin: auto auto -35px;
    width: 200px;    
}
.price-content {
    padding: 55px 30px 0;
}
.price-content li {
    padding: 7px 0;
    font-weight: 600;
}
.price-content li .gray-clr span{font-size:11px;text-transform:none}
.pricing-box .order {
    padding: 10px 10px 23px;
    text-align: center;
}
.order {
    padding: 10px 10px 23px;
    position: relative;
    text-align: center;    
}
.order span {
    left: 0;
    margin: 1px auto;
    position: absolute;
    opacity: 1;
}
.order .title-1:hover {
    color: #222222;
}
.order .title-1 {
    display: block;
    padding: 0 80px;

    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
}
.pricing-box:hover .order .title-1 {
    transform: translateX(50px);    
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
}
.pricing-box:hover .order span {
    left: 13%;
    opacity: .8;
}

.pricing-2 .bg-text {
    top: -7%;
}
.price-content-2 {
    padding: 0 30px;
}
.price-content-2 ul {
    margin: 0;
}
.price-content-2 li {
    border-bottom: 1px solid #f4f4f4;
    padding: 18px 15%;
}
.order-2 .btn-round {
    display: inline-block;
    margin: 28px;
}
.pricing-box.active .btn-round {
    color: #ffffff;
}

/*-------------------- 3.8 - Pricing & Plans Ends -------------------- */

/*-------------------- 3.9 - Contact US Starts -------------------- */
.contact-wrap .bg-text {
    top: 11%;
}
.contact-wrap {
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
}
.contact-detail p {
    text-transform: none;
    display: inline-block;
    margin-top: -2px;
    vertical-align: text-top;
    width: 65%;
}
.contact-detail li:last-child p {
    margin-bottom: 5px;
}
.contact-detail span {
    width: 31%;
    display: inline-block;
}
.contact-detail {
    margin: 35px 0 0;
}
.contact-detail > li {
    padding-top: 17px;
}

.contact-2 .contact-detail > li {
    padding-left: 25%;
}
.contact-2 .contact-detail span {    
    width: 35%;
}
.contact-2 .contact-detail p {
    width: 63%;
}

.contact-detail .form-control{
height:28px;padding:6px 12px;font-size:14px;line-height:1.22857143;}
.contact-detail .input-group-addon{height: 24px;padding: 6px 12px;cursor:pointer;background-color:#f5f5f5}
#panel{width:95%;margin:0 auto}

/*-------------------- 3.9 - Contact US Ends -------------------- */

/******************************* 
    3 - HOME CSS ENDS 
********************************/

/****************************************************** 
    4 - Components / Shortcodes / Widget STARTS
*******************************************************/

/*-------------------- 4.1 - Breadcrumbs Starts -------------------- */
.btline {
    border-bottom: 1px solid #eaeaea;padding-bottom:5px
}

.theme-breadcrumb {}
.theme-breadcrumb .section-title {
    letter-spacing: 3px;
}
.breadcrumb-menubar {
    font-size: 12px;
    margin: 20px 0 0;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
}
.breadcrumb-menubar > li + li::before {
    color: #9f9f9f;
    content: "/";
    padding: 0 5px 0 0;
}
.breadcrumb-menubar li + li {
    padding-left: 0;
}
/*-------------------- 4.1 - Breadcrumbs Ends -------------------- */


/*-------------------- 4.2 - Pagination Starts -------------------- */
.pagintn {
    border: 1px solid #e7e8ec;
    display: inline-block;
    padding: 0;
    margin: 30px 0 0;
    vertical-align: middle;
}
.pagintn > li {
    float: left;
}
.pagintn li + li {
    border-left: 1px solid #e7e8ec;
}
.pagintn > li a {
    display: inline-block;    
    padding: 15px 22px;
    text-align: center;
    text-transform: uppercase;
}
.pagintn > li a:hover, .pagintn > li a:focus {
    color: #fff;
}

/*-------------------- 4.2 - Pagination Ends -------------------- */

/*-------------------- 4.3 - Rating stars Starts -------------------- */
.rating .star {
    cursor: pointer;     
}
.rating span.star::before{
    color: #ffd33b;
    content: "\f006";
    font-family: FontAwesome;
}
.rating span.star.half:before{
    color: #ffd33b;
    content: "\f123";
    font-family: FontAwesome;
}
.rating span.star.active::before, .rating span.star:hover::before, .rating span.star:hover span.star::before{
    color: #ffd33b;
    content: "\f005";
    font-family: FontAwesome;
}

/*-------------------- 4.3 - Rating stars Ends -------------------- */

/*-------------------- 4.4 - Blog post Starts -------------------- */
.post-img img{
    display: block;
    margin: auto;
}
.post-wrap p {
    font-size: 16px;
}
.post-readmore {
    display: block;
    text-align: right;
}
.post-readmore span{
    vertical-align: middle;
}
.post-footer {
    display: block;
    margin-top: 25px;
}
.post-tags,.post-categories {
    display: block;
}
.post-tags > a, .post-categories > a{
    display: inline-block;
}
/*---------------------- 4.4 Blog Post Ends ------------------------- */

/*--------------------- 4.5 Comments Starts ------------------------ */
.comments-box {
    padding: 0;
}
.comments-box ol{
    padding-left: 15px;
}
.comments-box li{
    list-style: none;
    display: inline-block;
    width: 100%;
}
.comment-body { 
    display: inline-block;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.comment-author {
    display: inline-block;
    margin-bottom: 8px;
}
.comment-author, .comment-content {
    padding-left: 80px;
}
.comment-author .says {
    display: none;
}
.comment-author .avatar {
    border-radius: 50%;
    height: 60px;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 25px;
    width: 60px;
}
.comment-list {
    list-style: outside none none;
    padding: 0;
}
.comment-list .children {
    list-style: outside none none;
    margin-bottom: 10px;
    padding-left: 20px;
}
.comment-metadata {
    display: inline-block;
    margin-bottom: 8px;
    padding-left: 5px;
    width: auto;
}
.comment-body .reply {
    position: absolute;
    right: 0;
    top: 0;
}
.comment-author .fn {   
    font-weight: normal;
}
.comment-metadata .reply a {
    display: inline-block;
    float: right;
    text-align: right;
}
.comment-content { 
    border: 1px solid #e7e8ec;
    border-radius: 0;   
    display: inline-block;
    font-size: 15px;
    margin-left: 80px;
    padding: 10px;
    white-space: normal;
    width: 90%;
}
.reply-box {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.comment-respond .calculate-form label {
    margin-top: 0;
}

/*------------------------4.5 - Comments Ends------------------------ */

/*---------------------------4.6 - Widgets Starts-------------------- */
.widget-wrap {
    display: inline-block;
    width: 100%;
}
.widget-wrap .title-1{ 
    font-size: 16px;   
    margin: 0 0 20px;    
}
.widget-wrap ul {
    margin: 0;
    padding-left: 0;
}
.sidebar .form-group{
    margin-bottom: 5px;
}
.sidebar .form-control {
    background-color: #f5f5f5;
    border-color: #f5f6f7;
    color: #404040;
    height: 40px;
    padding: 6px 12px;
}
.sidebar .form-control:focus {    
    box-shadow: none;
    background-color: transparent;
}
.widget-wrap.categories li a{
    padding: 6px 0;
}
.widget-wrap li a {     
    display: block;   
    text-transform: capitalize;
    font-size: 14px;
}
.widget-wrap li a small {
    float: right;
}
.widget-wrap.flickr-feed li {
    float: left;
    margin: 0 8px 10px 0;
}
.widget-wrap.flickr-feed li a {
    border: 1px solid transparent;
    display: block;
    border-radius: 3px;
    overflow: hidden;
}
.tag-cloud li {
    float: left;
    margin: 0 10px 10px 0;
}
.widget-wrap.tag-cloud a{
    border: 1px solid #e7e8ec;
    display: inline-block;  
    line-height: normal;
    padding: 10px 15px;
}
.widget-wrap.tag-cloud a:hover,.widget-wrap.tag-cloud a:focus{
    color: #fff;
}

/*------------------4.6 Widgets Ends------------------- */

/*-------------------- 4.7 - Back to top button Starts -------------------- */
.to-top {    
    border-radius: 0;
    bottom: -150px;
    color: #ffffff;
    cursor: pointer;    
    font-size: 22px;
    height: 30px;    
    position: fixed;
    right: 3%;
    text-align: center;
    width: 30px;
    z-index: 999;
}
/*-------------------- 4.7 - Back to top button Ends -------------------- */

/*********************************************** 
4 - Components / Shortcodes / Widget ENDS 
************************************************/

/******************************* 
    5 - LOGIN POPUP AND 
        SEARCH POPUP CSS STARTS
********************************/
/*-------------------- 5.1 - Login Popup Starts -------------------- */
.login-wrap {
    position:relative;
    display: inline-block;
    padding: 15px 25px 10px 25px;
    width: 100%;
}
.login-form .btn-1 {
    font-weight: 900;
    letter-spacing: 1px;
    width: 100%;
    height: 55px;
}
.close-btn {
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -30px;
}
.modal-dialog {
    margin: 100px auto;
    width: 470px;
}
.modal-content {
    border-radius: 4px;
}
.login-form {
    border-top: 1px solid #eaeaea;
    display: inline-block;
    margin-top: 10px;
    padding-top: 20px;
    width: 100%;
}
.login-form .form-control {
    height: 50px;padding-left:15px;padding-right:15px;
}
.login-form::before {
    height: 1px;
    left: 25%;
    margin: auto;
    position: absolute;
    top: -1px;
    width: 50%;
}
.create-accnt {
    background-color: #222222;
    border-radius: 0 0 4px 4px;
    display: inline-block;
    margin-bottom: -1px;
    padding: 15px 20px 10px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

#signuprslt {position:absolute;left:15px;right:15px;top:20px;text-align:left;z-index:12}

/*-------------------- 5.1 - Login Popup Ends -------------------- */

/*-------------------- 5.2 - Search Popup Starts -------------------- */
.search-popup {
    background: rgba(255, 255, 255, 0.95);
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}
.search-popup > div {
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.popup-box-inner {
    display: table-cell;
    vertical-align: middle;
}
.close-search {
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: 1px solid #222222;
    color: #222222;
    font-size: 2rem;
    line-height: 4rem;
    width: 4rem;
    text-align: center;
    transition: color 250ms, border-color 250ms;
}
.close-search:hover {
    color: #999;
    border-color: #999;
}
.search-popup form {
    max-width: 70%;
    margin: 0 auto;
}
.search-popup .search-query {
    border: 0;
    background: transparent;
    color: #c7c7c7;    
    line-height: 5rem;
    border-bottom: 2px solid #e7e8ec;
    height: 6rem;
    font-style: italic;
    width: 100%;
    outline: invert none medium;
}

.search-popup .search-query:focus {
    background: transparent;
    border: 0;
    border-bottom: 2px solid #262626;
}
/*-------------------- 5.2 - Search Popup Ends -------------------- */

/******************************* 
    5 - LOGIN POPUP AND 
        SEARCH POPUP CSS ENDS 
********************************/

/*********************************************** 
6 - PAGES STARTS 
************************************************/
/*-------------------- 6.1 - About Us Page  Starts -------------------- */
.about-page .about-wrap {
    border-bottom: 0;
}
.more-about {
    border: 1px solid #eaeaea;
    padding: 18px 15px 8px 15px;
   min-height:200px;}
}
.more-about:before {
    margin: -1px auto auto;
    height: 1px;
    left: 0;    
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
.about-page .about-wrap .bg-text {
    top: 1%;
}
/*-------------------- 6.1 - About Us Page Ends -------------------- */

/*-------------------- 6.2 - Tracking Page  Starts -------------------- */
.tracking-form .title-1 {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.tracking-form .font2-light {
    letter-spacing: 1px;
}
.tracking-form .form-control {
    height: 55px;    
    text-transform: none;
}
.tracking-form .btn-1 {
    height: 54px;
}
.tracking-form .form-group .btn-1 {
    width: 100%;
}
.prod-info {
    background-color: #222222;
}
.prod-info li {
    border-bottom: 1px solid #3e3e3e;
    padding: 21px 30px;
}
.prod-info .title-2 {
    display: inline-block;
    width: 38%;
}
.prod-info .fs-16 {
    display: inline-block;    
    width: 60%;
}
.prod-info li:last-child {
    border-bottom: 0 none;
}
.progress-wrap {    
    display: inline-block;
    position: relative;
    width: 100%; 
}
.progress-status {
    margin-bottom: 23px; 
}

.border-right {
    border-bottom: 5px dotted #efefef;
    position: absolute;
    right: 0;
    width: 37%;
    margin-right: 25px;
}
.border-left {
    border-top: 5px dotted #d5d5d5;
    margin-left: 25px;
    position: absolute;
    width: 55%;
}
.progress-wrap .dot {
    border-radius: 50%;
    height: 15px;    
    position: absolute;
    top: -5px;
    width: 15px;
}
.dot-left {
    left: 0;
    background-color: #222222;
}
.dot-right {
    background-color: #efefef;  
    right: 0;  
}
.progress-wrap .themeclr-border {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 23px;
    left: 58%;
    position: absolute;
    top: -10px;
    width: 23px;
}
.progress-wrap .dot-center {
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}
.progress-content p b {
    padding: 0 5px;
}

/*-------------------- 6.2 - Tracking Page Ends -------------------- */

#profile-form{}
#profile-form .form-group .form-control{margin-bottom:15px;}
#profile-form .form-control, .edtbtn,#cancelrec,#profile-form .infopox{display:none;}
#profile-form .showrec{height:40px;font-weight:bold}
.addressbox{width:100%;border:1px solid #ddd;border-radius:3px;background:#f2f2f2;padding:12px;}
#mysettings {padding-left:12px;padding-right:12px;}
#mysettings .form-group{border-bottom:1px dotted #ddd;}
#mysettings .form-group:last-child{border-bottom:none;}
.usadd{border-bottom:1px solid #ddd;margin:20px 0;padding-bottom:20px}

/*-------------------- 6.3 - Contact Page  Starts -------------------- */
.contact_form::before {
    background-color: #e5e5e5;
    bottom: 0;
    content: "";
    height: 80%;
    left: -20%;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;
}
.contact-page .contact-detail span {
    width: 40%;
}
.contact-page .contact-detail p {
    width: 58%;
}
.contact-map {
    position: relative;
}
.map{
    margin: 30px 0 -20px 0; 
}

.map .map-canvas {
    height: 400px;
}
#map { 
    height: 100%; 
    margin: 0px; 
    padding: 0px 
}
.map-indicator {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.marker-1 {
    left: 20%;
    position: absolute;
    top: 35%;
}
.marker-2 {
    position: absolute;
    right: 19%;
    top: 18%;
}
.marker-3 {
    left: 53%;
    position: absolute;
    top: 64%;
}
/*-------------------- 6.3 - Contact Page Ends -------------------- */

/*-------------------- 6.4 - Error Page  Starts -------------------- */
.error-wrap .section-title {
    font-size: 160px;
    line-height: 1.1;
}
.error-wrap .title-1 i {
    vertical-align: middle;
}

/*-------------------- 6.4 - Error Page Ends -------------------- */

/*-------------------- 6.5 - Comingsoon Page  Starts -------------------- */
.theme-countdown > span {
    color: #ffffff;
    font-size: 50px;
    margin-right: 6px;
}
.theme-countdown {
    text-transform: uppercase;
}
.theme-countdown > span + span {
    padding-left: 25px;
}
.countdown-wrap .social-icons {
    margin-left: 5px;
}

/*-------------------- 6.5 - Comingsoon Page Ends -------------------- */

/*********************************************** 
    6 - PAGES STARTS 
************************************************/

/******************************* 
    7 - FOOTER CSS STARTS 
********************************/
.footer-main {
    background-image: url(../images/footer-top-bg.png);
}
.footer-widget{position:relative;}
.footer-widget ul li a {
    font-size: 12px;
    text-transform: uppercase;
}
.footer-widget li {
    padding: 5px 0;
}
.footer-widget ul {
    margin: 25px 0 0;
}
.footer-widget .logo {
    margin-top: 10px;
}
.footer-widget .falert{
text-align:center;
}
.social-icons li a {
    border: 2px solid #656565;
    border-radius: 50%;
    color: #656565;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 32px;
    margin-right: 5px;
    text-align: center;
    width: 35px;
}
.social-icons li a:hover, .social-icons li a:focus {
    color: #ffffff;
}
.payment-icons > li {
    padding-right: 3px;
}
.footer-bottom {
    background-color: #222222;
    padding: 20px 0;
    color:#777;
}
.footer-bottom p {
    margin: 0;
}

/******************************* 
    7 - FOOTER CSS STARTS 
********************************/
.icontx ol {list-style-type: decimal !important;}
.icontx ul {list-style-type: disc !important;}
.icontx ol, .icontx ul{margin-left:25px !important;}


/* Icon Box */
.widget_pw_icon_box .icon-box { display: inline-block; width: 100%; border: 1px solid #e6e6e6; border-bottom: 2px solid #b9babc; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 27px 30px 26px 30px; line-height: 1.3; transition: all 100ms ease-out; }
.widget_pw_icon_box .icon-box:hover { box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1); border-bottom: 2px solid #4ab9cf; text-decoration: none; }
.widget_pw_icon_box .icon-box:hover .fa { color: #4ab9cf; }
.widget_pw_icon_box .icon-box__title { margin-top: 0; margin-bottom: 8px; font-size: 16px; }
.widget_pw_icon_box .icon-box__subtitle { color: #aaaaaa; font-size: 13px; }
.widget_pw_icon_box .icon-box .fa { float: right; font-size: 45px; color: #f20000; padding: 10px 0 10px 10px; transition: all 100ms ease-out; }
#track_ship{padding:0px;margin:0px;}

.trackheader {font-size:16px;line-height:18px;text-align:center;color:#009900;}
#trackship {width:100%;min-height:600px; height:100%;border:0px;padding:0px;margin:0px;}
#icountdown {text-align:center;padding:10px;margin:5px 0px;
color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;
}

.form-light input[type="email"]:focus:not([readonly]), .form-light input[type="password"]:focus:not([readonly]){
    /*border-bottom: transparent;*/
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*Card*/
.form-light .card:not([class*="card-outline-"]) {
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.form-light .card {
    font-weight: 400;
    border-radius: .3rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #0000001a;
    margin-bottom: 15px;
}
.form-light .card .card-body{
    padding:15px;
}
.form-light .justify-content-center{
text-align:center;padding:10px;
}
.form-light .header{
border-radius:5px 5px 0 0 !important;
}

.form-light .bg-color-base {
    background: #304352 !important;
}
.form-light .font-bold {
    font-weight: 600;
}
.color-white {
    color: #fff !important;
}

/*********************************************** 
    8 - Responsive STARTS 
************************************************/
@media (max-width:1200px) {
    .theme-container{
        padding-left: 15px;
        padding-right: 15px;
    }  
}
@media (min-width:768px) {
    /*---- Dropdown Style  Starts ---*/
    .theme-menu li .dropdown-menu {
        opacity: 0;    
        visibility: hidden;
        display: block;
        border-radius: 3px;

        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);

        transition: transform 0.3s ease 0s;
        -webkit-transition: -webkit-transform 0.3s ease 0s;
        -ms-transition: -ms-transform 0.3s ease 0s;

        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }
    .theme-menu > li:hover > .dropdown-menu {
        opacity: 1;    
        visibility: visible;

        transform: translateY(0px);   
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
    }
    .theme-menu .dropdown-menu  li:hover > .dropdown-menu {
        opacity: 1;        
        visibility: visible;

        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
    }
    .theme-menu .dropdown-menu li .dropdown-menu{
        left: 100%;       
        top: 0;  
        margin-right: 25px;

        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    /*---- Dropdown Style Ends  ---*/


    /*-------------------- Header Style-2 Starts -------------------- */
    .header-style2 {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 11;
    }
    .header-style2 .menu-bar {
        background-color: rgba(0, 0, 0, 0);
    }
    /*-------------------- Header Style-2 Ends -------------------- */
}

@media (min-width:768px) and (max-width:1200px) {

.swiper-container .swiper-wrapper .swiper-slide{
	height: 250px;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay{
    height: 250px;
}
.swiper-container .swiper-wrapper .swiper-slide.left .overlay .title p{
	margin: 20px 50% 0 0;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title h1{
    font-size: 25px;
}
.swiper-container .swiper-wrapper .swiper-slide .overlay .title p{
    line-height: 1.2em;font-size: 20px;
}

}

@media (min-width:992px) and (max-width:1199px) {
    /*---- Home Starts  ---*/
    .feature-content {
        width: 80%;
    }
    .about-2 .bg-text {
        top: 10%;
    }

    .contact-2 .contact-detail span {
        width: 42%;
    }
    .contact-2 .contact-detail p {
        width: 55%;
    }
    /*---- Home Ends  ---*/
}
@media (min-width:768px) and (max-width:991px) {
    /*---- Header Starts ---*/
    .contact-num {
        margin: 0 135px 0 0;
    }
    .theme-menu > li {
        padding: 5px 15px;
    }
    .theme-menu > li:last-child {
        padding: 0;
    }

    .top-bar2 .navbar-logo {
        display: table;
        margin: auto auto 5px;
        text-align: center;
    }
    /*---- Header Ends  ---*/

    /*---- Home Starts ---*/  
    .prod-delivery::before {
        width: 60%;
    }

    .pricing-box {
        display: table;
        margin: auto auto 50px;
    }
    .pricing-wrap .bg-text {
        top: 1%;
    }
    .pricing-wrap .col-md-4:last-child .pricing-box {
        margin-bottom: 0;
    }

    .feature-content {
        width: 80%;
    }
    .feature-2 img {
        margin-right: 10px;
    }

    .about-2 .bg-text {
        top: 8%;
    }

    .contact-2 .contact-detail > li {
        padding-left: 20%;
    }
    /*---- Home Ends  ---*/

    /*---- Pages Starts ---*/    
    .more-about {   
        padding: 28px 15px 18px;
    }

    .contact_form::before {
        left: -10%;
    }
    .contact-page .contact-detail {
        margin: 0;
        padding: 0;
    }

    .prod-info li {
        padding: 15px 30px;
    }
    .prod-info .title-2 {
        width: 45%;
    }
    .prod-info .fs-16 {
        width: 54%;
    }

    .map .map-canvas {
        height: 400px;
    }
    /*---- Pages Ends  ---*/

    /*---- Comment Ends  ---*/
    .comment-author .avatar{
        top: 0;
    }
    .comment-metadata{
        padding-left: 80px;
        display: block;
    }
    .comment-content{
        margin: 15px 0 0 0;
        width: 100%;
    }
    /*---- Comment Ends  ---*/

    /*---- Footer Starts ---*/  
    .footer-widget:nth-child(-n+2) {
        margin-bottom: 30px;
    }
    /*---- Footer Ends  ---*/

}
@media (max-width:767px) {
    /*---------------- Global properties (body, common classes, structure etc) Starts ----------------------*/

    .wow{
        animation-name: none !important;
        visibility: visible !important;
    }

    .section-title { font-size: 20px; }
    .pricing-box .section-title{font-size: 18px; } 
    .title-3 {font-size: 18px;}
    .post-title, .product-title, .widget-title{font-size: 18px;}
    .bg-text { font-size: 50px; } 

    .fs-16 { font-size: 14px; }
    .fs-20 { font-size: 16px; }
    .fs-26 { font-size: 20px; }
    .fs-36 { font-size: 30px; }
    .fs-48 { font-size: 24px; }
    .fs-50 { font-size: 36px; }

    .pad-120 {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .pb-120 { padding-bottom: 60px; }
    .pt-120 { padding-top: 60px; }
    .pt-100 { padding-top: 50px; }
    .pad-100 {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .pb-100 { padding-bottom: 50px; }
    .pad-80 {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .pb-80 { padding-bottom: 50px; }
    .pt-80 { padding-top: 50px; }
    .pad-10 {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .pt-10{ padding-top: 10px; }
    .pb-10{ padding-bottom: 10px; }
    .pad-50 {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .pb-50{ padding-bottom: 30px; }    
    .pt-50{ padding-top: 30px; }    
    .pt-30{ padding-top: 10px; } 

.pricing-wrap .pt-80 { padding-top: 35px; }
.pricing-wrap .pb-50{ padding-bottom: 5px; } 
.price-content {padding: 35px 15px 0;}
.mt-30{margin-top: 15px;}
.mb-15{margin-bottom:15px;}

.stblkx{margin-bottom:15px;padding-bottom:5px;border-bottom:1px dotted #ddd;}
.stblkx:last-child{padding-bottom:0px;border-bottom:none;}

.steps-wrap .theme-container {margin-bottom: 250px;}

iframe {margin-top:15px;width:100% !important}

.icontx img{float:none !important; display:block; width:100% !important;height:auto !important;margin:15px 0 0 0 !important;}

    /*---------------- Global properties (body, common classes, structure etc) Ends ----------------------*/

    /*---- Header Starts ---*/    
    .contact-num {
        margin: 20px 120px 0 0;
        text-align: left;
    }
    .sign-in {
        top: auto;
        bottom: 0;        
    }
    .theme-menu { 
        float: left;
        //margin: 0;
        padding-top: 17px;
    }    
    .theme-menu li.open .dropdown-menu{
        display: block;
        padding-left: 20px;
    }
    .theme-menu > li:last-child {
        padding-left: 20px;
    }
    .theme-menu .search, .header-style3 .theme-menu .search {
        margin: 20px 0 0 20px;
    }
    .menu-bar .navbar-collapse {
        box-shadow: none;
    }

    .header-style2 .menu-bar {
        background-color: #222222;
    }
    .header-style2 .theme-menu .dropdown-menu > li > a {
        color: #ffffff;
    }

    .top-bar2 .navbar-logo {
        display: table;
        margin: auto auto 5px;
        text-align: center;
    }
.top-bar2 .navbar-logo img{
  height:60px;
}
    .top-bar2 ul {        
        text-align: center;
    }
    .top-bar2 ul li { display: blocks; }
    .top-bar2 ul li + li {
        border-left: 0 none;
        margin: 5px 0 0;
        padding: 0;
    }
.top-bar2 ul li:first-child {padding-right:25px; }
   .top-bar2 .rtlinks{
    padding: 5px 0;
   }

   .top-bar2 .ctrack{
    padding-bottom: 0px;padding-top:0px
   }

    .sticky-logo {display:none;}

    .header-style3 .sign-in {    
        float: left;    
        width: 90px;
    }
    .header-style3 .sign-in:first-child{
     margin-right:5px;}

    .header-style3 .navbar-toggle {
        margin: 6px 0 0;
    }
    .header-style3 .theme-menu .dropdown-menu > li > a:hover, .header-style3 .theme-menu .dropdown-menu > li > a:focus {
        color: #ffffff;
    }

    /*---- Header Ends  ---*/

    /*--- Home Starts --- */
    .track-prod {
        margin: 65px 15px 0;
    }

    .prod-delivery::before {
        width: 70%;
    }
    .delivery-img {
        bottom: 0;
        left: 15px;
        margin: auto;  
        right: 15px;
        top: 0;
        text-align: center;
    }

    .feature-2 .col-sm-4:nth-child(-n+2) {
        margin-bottom: 25px;
    }
    .feature-content {
        width: 80%;
    }

    .pricing-box {
        display: table;
        margin: auto auto 50px;
    }
    .pricing-wrap .col-md-4:last-child .pricing-box {
        margin-bottom: 0;
    }
    /*---- Home Ends  ---*/

    /*---- Popup: Login Starts ---*/   
    .modal-dialog {
        margin: 35px 15px;
        width: auto;
    }

.login-form .form-control {
    height: 35px;padding:7px;
}

.signup .rt{
padding-right:5px;
}
.signup .lt{
padding-left:5px;
}

.swiper-container .swiper-wrapper .swiper-slide{
	height: 170px;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay{
    height: 170px;
}
.swiper-container .swiper-wrapper .title{
	padding-right: 50px; 
	padding-left: 50px;
 }

.swiper-container .swiper-wrapper .swiper-slide.left .overlay .title p{
	margin: 10px 50% 0 0;
}

.swiper-container .swiper-wrapper .swiper-slide .overlay .title h1{
    font-size: 18px;
}
.swiper-container .swiper-wrapper .swiper-slide .overlay .title p{
    line-height: 1.0em;font-size: 16px;
}

    /*---- Popup: Login Ends  ---*/

    /*---- Blog Starts ---*/  
    .post-wrap p {
        font-size: 14px;
    }
    .pagintn > li a {
        height: 45px;
        padding: 15px;
    }
    /*---- Blog Starts ---*/  

    /*---- Comment Ends  ---*/
    .comment-author .avatar{
        top: 0;
    }
    .comment-metadata{
        padding-left: 80px;
        display: block;
    }
    .comment-content{
        margin: 15px 0 0 0;
        width: 100%;
    }
    /*---- Comment Ends  ---*/

    /*---- Pages Starts ---*/  
    .more-about-wrap .col-md-4:nth-child(-n+2) {
        margin-bottom: 50px;
    }
    .error-wrap .section-title {
        font-size: 80px;
    }

    .tracking-form .title-1 {
        display: block;
    }
    .tracking-form span {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
    }

    .progress-wrap {
        margin-left: 16.6667%;
    }
    .progress-content div {
        margin: 20px 0;
        text-align: center;
    }
    .border-left {
        border-top: 3px dotted #d5d5d5;
        margin-left: 0;
        width: 29%;
    }
    .progress-status::before {
        border-bottom: 3px dotted #d5d5d5;
        content: "";
        position: absolute;
        top: 42%;
        width: 65%;
    }
    .progress-status::after {
        border-left: 3px dotted #d5d5d5;
        content: "";
        height: 40%;
        left: -3px;
        position: absolute;
        top: 5px;
        width: 2px;
    }
    .border-right {
        border-bottom: 3px dotted #efefef;
        left: 34%;
        margin-right: 0;        
        top: 80%;
        width: 31%;
    }
    .progress-wrap .themeclr-border {
        left: 30%;    
        top: 39%;
        background-color: #ffffff;
    }
    .progress-wrap::after {
        border-left: 3px dotted #efefef;
        content: "";
        height: 38%;
        left: 66%;
        position: absolute;
        top: 42%;
        width: 3px;
    }
    .dot-left {
        left: 30%;
    }
    .dot-right {
        margin-top: 2px;
        right: 66%;
        top: 78% !important;
    }
    
    .theme-countdown > span {
        font-size: 30px;        
    }

    .map .map-canvas {
        height: 300px;
    }
    /*---- Pages Ends  ---*/   
    
    /*---- Footer Starts ---*/  
    .footer-widget:nth-child(-n+2) {
        margin-bottom: 30px;
    }
    .footer-bottom p {
        text-align: center;
    }
    /*---- Footer Ends  ---*/    
.no-pad-r{
    padding-right: 15px;}
.no-pad-l{
    padding-left: 15px;}
#contact_form .btn-1{display:block;width:100%;text-align:center !important;}
#paspg {width:95%;}

}
@media (max-width:479px) { 

    /*---- Contact us Starts ---*/    
    .contact-detail span, .contact-2 .contact-detail span {        
        width: 50%;
    }
    .contact-detail p, .contact-2 .contact-detail p {
        width: 48%;
    }
    .contact-2 .contact-detail > li {
        padding-left: 0;
    }
    /*---- Contact us Ends  ---*/    

    /*---- Pricing & Plans Starts ---*/      
    .price-content {
        padding: 35px 20px 0;
    } 
    .pricing-box .title-wrap {    
        padding: 15px 30px;
    }
    .pricing-box:hover .order span {
        left: 0;
    }
    .order span {
        margin: -1px auto;
    }
    .price-content-2 li {
        padding: 18px 5%;
    }
    /*---- Pricing & Plans Ends  ---*/

    /*---- Pages Starts  ---*/
    .theme-countdown {
        font-size: 12px;
    }
    .theme-countdown > span + span {
        padding-left: 10px;
    }
    .theme-countdown > span {
        font-size: 20px;
        margin-right: 0;
    }
    /*---- Pages Ends  ---*/
}

/*********************************************** 
    8 - Responsive ENDS 
************************************************/
.trpbox {display:none;}
#ctspec {display:none;}
/* service photo grid */
.pg_wrapper a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #f5f5f5;
}
.pg_wrapper .more {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 2em;
	font-weight: 600;
	line-height: 100%;
	text-align: center;
	padding-top: 40%;
}

.pg_1x {
	text-align: center;
}
.pg_1x img {
	max-width: 100%;
}

.pg_2x {
	width: 50%;
	float: left;
	padding-right: 1px;
}
.pg_2x > a {
	padding-bottom: 100%;
}

.pg_2o3, .pg_1o3 {
	float: left;
	margin-right: 1px;
}
.pg_1o3 {
	margin-right: -1px;
}

.pg_2o3 .pg_2o3_in {
	margin-bottom: 1px;
}
.pg_2o3 .pg_2o3_in:last-child {
	margin-bottom: 0;
}

.pg_1o3 .pg_1o3_in {
	margin-bottom: 1px;
}
.pg_1o3 .pg_1o3_in:last-child {
	margin-bottom: 0;
}


@media (min-width:768px){
.pg_2o3 .pg_2o3_in {width:275px;height:275px;}
}
@media (min-width:992px){
.pg_2o3 .pg_2o3_in {width:361px;height:361px;}
}
@media (min-width:1200px){
.pg_2o3 .pg_2o3_in {width:439px;height:439px;}
.pg_3x .pg_1o3_in {width:146px;height:146px;}
}

@media (max-width:767px){
.pg_2o3 .pg_2o3_in {width:214px;height:214px;}
.pg_1o3 .pg_1o3_in {width:64px;height:64px;}
}


/********** Tracking *************************/
header{z-index:15;}
#trackrslt{margin-top:15px;}
#trackrslt ul{list-style-type:none !important;}

.timeline {
    list-style-type: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            z-index:2;
        }
        .timeline > li > .timeline-badge i{line-height: 50px;}
        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

/*** Booking form ****/
.form-subheader {width:100%; background-color: #1c2e5d; padding: 10px 13px; border-radius: 2px; color: #ffffff; 
border-right: 2px solid transparent; border-top: 1px solid transparent; text-align:left;font-size:16px;
border-bottom: 1px solid transparent; background-clip: padding-box;font-weight:bold; }
.ibook a{color:#003399;}
.ibook a:hover{text-decoration:underline;}
.reqd {color:#f20000;font-size:12px;}
/*** end booking form ***/
#svcpay{display:none}
.svccap{color:#0F365D;}
.clesvc i{color:#f20000;}
.svcdesti{padding-bottom:2px;margin:15px 0;border-bottom:1px dotted #ddd;}
.aronly{display:none;}
.aronly .input-group-addon:first-child{width:82px;}
ul.reliable{margin-left: 10px;}
.reliable li{padding:0 5px 5px 5px;font-size:14px;}
.reliable li:before{content:"\f00c";font-family:'FontAwesome';color:#009900;padding-right:5px;}
.need_to_know{width:100%;background:#f2f2f2;padding:5px;border-radius:5px;}
.need_to_know li{margin-bottom:10px;}
.need_to_know li:last-child{margin-bottom:0px;}
.need_to_know a{color:#003399;}
.need_to_know a:hover{text-decoration:underline;}
#mysettings .tooltip-inner {
width: 250px !important;
max-width: 250px !important;
text-align:left !important;  
}
.lastupd{font-size:11px;text-align:right;font-style:italic;margin:0 15px 10px 0}
a.shref{color:#003399;}
a.shref:hover{text-decoration:underline;}
.pwd_msg {font-size:11px;text-align:right;font-style:italic;color:#990000;}
.inf{position:relative !important;}
.infopox{position:absolute !important;top:-2px;right:2px;}
.signup .popover,#profile-form .popover, #myOrders .popover {width: 275px !important;}
.d-block {display: block !important;font-size:12px !important}

table.dataTable {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}
div.dataTables_wrapper div.dataTables_filter{
float:left !important;text-align:left !important;
}

div.dataTables_wrapper div.dataTables_filter input {
padding:5px !important;height:32px !important;margin: 5px 0 5px 0px !important;
}

div.dataTables_wrapper {
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
}
.box-footer{padding-left:15px !important;padding-right:15px !important;}
.help-block{font-size:12px;}
/* File Input General Setting Image*/
.btn-file  {
    overflow:  hidden;
    position:  relative;
    vertical-align:  middle;
}
.btn-file > input  {
    position:  absolute;
    top:  0;
    right:  0;
    margin:  0;
    opacity:  0;
    filter:  alpha(opacity=0);
    transform:  translate(-300px,  0) scale(4);
    font-size:  23px;
    direction:  ltr;
    cursor:  pointer;
}
.fileinput  {
    margin-bottom:  3px;
}
.fileinput .uneditable-input  {
    display:  inline-block;
    margin-bottom:  0px;
    vertical-align:  middle;
    cursor:  text;
}
.fileinput i + .fileinput-filename, 
.fileinput .btn + .fileinput-filename  {
    padding-left:  5px;
}
.fileinput.fileinput-exists .close  {
    opacity:  1;
    color:  #dee0e4;
    position:  relative;
    top:  3px;
    margin-left:  5px;
}
.fileinput .thumbnail  {
    overflow:  hidden;
    display:  inline-block;
    margin-bottom:  5px;
    vertical-align:  middle;
    text-align:  center;
}
.fileinput .thumbnail[data-trigger="fileinput"]  {
    cursor:  pointer;
}
.fileinput .thumbnail:after  {
    clear:  both;
}
.fileinput .thumbnail > img  {
    max-height:  100%;
    display:  block;
}
.fileinput .btn  {
    vertical-align:  middle;
}
.fileinput-exists .fileinput-new, 
.fileinput-new .fileinput-exists  {
    display:  none;
}
.fileinput-inline .fileinput-controls  {
    display:  inline;
}
.fileinput .uneditable-input  {
    white-space:  normal;
}
.fileinput-new .input-group .btn-file  {
    border-radius:  0 3px 3px 0;
}
.fileinput-new .input-group .btn-file.btn-xs, 
.fileinput-new .input-group .btn-file.btn-sm  {
    border-radius:  0 2px 2px 0;
}
.fileinput-new .input-group .btn-file.btn-lg  {
    border-radius:  0 3px 3px 0;
}

.blockCont { text-align: center; margin-bottom:10px;}
.blockCont .txtCont {
		display: block;
		font-size: 35px;
		font-weight: 300;
		line-height: 25px;
		text-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
	}
.blockCont hr {
		background: #f20000 none repeat scroll 0 0;
		border: 0 none;
		display: inline-table;
		height: 2px;
		margin: 10px 0 15px;
		padding: 0;
		width: 160px;
	}
.blockCont .titleCont {
		display: block;
		font-size: 18px;
		font-weight: 300;
		text-transform: uppercase;
		text-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
	}
.blockCont .titleCont a { color: #333; font-weight: 300; }
.blockCont .titleCont a:hover { color: #555; }
.checked{font-size:50px;text-align:center;font-weight:bold;margin:20px auto;}
.checked span{font-size:30px;line-height:32px;}
.text-success{color:#009900;}
.text-danger{color:#f20000;}
.text-warning{color:#e08600;}

/*---------------- WhatsApp Module ------------------*/
/* WhatsChat Main Panel */
.wc-system{
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Common CSS */
.wc-system .wc-header,
.wc-system .wc-button,
.wc-system .wc-footer .wc-list{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}
.wc-system .wc-panel,
.wc-system .wc-content .wc-bubble,
.wc-system .wc-footer{
    background-color: #fff;
}
.wc-system .wc-panel .wc-header,
.wc-system .wc-button i,
.wc-system .wc-user-info,
.wc-system .wc-list p,
.wc-system .wc-list i{
    color: #fff;
}

/* WhatsChat Floating Button */
.wc-system .wc-button{
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 20px;
	right: 15px;
	border: 1px solid #fff;
	border-radius: 50px;
	text-align: center;
	box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);	
	cursor: pointer;
}
.wc-system .wc-button:hover{
	box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
}
.wc-system .wc-button i{
	margin-top: 13px;
	font-size: 25px;
}

#wc-whatsapp{
display: inline-block;
}

#wc-times{
display: display: none !important;
}

/* The popup chat - hidden by default */
.wc-system .wc-panel{
  	display: none;
  	position: fixed;
  	width: 300px;
  	bottom: 85px;
	right: 30px;
	border-radius: 10px;
  	box-shadow: 0 3px 6px #b4b4b4;
  	z-index: 9;
}

/* WhatsChat Header */
.wc-system .wc-panel .wc-header{
	display: flex;
	padding: 15px 20px;
	text-align: center;
	border-radius: 7px 7px 0 0;
}
.wc-system .wc-header .wc-img-cont{
    position: relative;
    padding: 3px;
    margin-bottom: 4px;
    height: 52px;
    width: 52px;
    border: 2px solid #fff;
    border-radius: 50%;
	overflow: hidden;
    transition: transform 200ms ease-in-out;
}
.wc-system .wc-img-cont .wc-user-img{
    display: block;
    margin: 0 auto;
	max-width: 100%;
    height: 100%;
    border-radius: 50%;
}
.wc-system .wc-header .wc-user-info{
	margin-left: 15px;
    text-align: left;
}
.wc-system .wc-user-info strong{
	font-size: 15px;
	line-height: 20px;
}
.wc-system .wc-user-info p{
	margin-bottom: 0;
	font-size: 12px;
	line-height: 20px;
}

/* WhatsChat Body */
.wc-system .wc-body{
  	display: flex;
  	flex-direction: column;
    position: relative;
  	padding: 16px 20px 20px 10px;
  	width: 300px;
  	background-color: rgb(230, 221, 212);
}
.wc-system .wc-body::before{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.08;
    z-index: 0;
    background-image: url(../images/whatsapp.png); 
}

/* CSS Chat Bubble */
.wc-system .wc-content .wc-bubble{
	display: inline-block;
  	position: relative;
	padding: 7px 14px 6px;
    margin-top: 5px;
    margin-left: 15px;
	width: 200px;
	height: auto;
	border-radius: 0 8px 8px 8px;
    transition: 0.3s ease all;
}
.wc-system .wc-content .tri-right.border.left-top:before{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  	left: -40px;
	right: auto;
  	top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.wc-system .wc-content .tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  	left: -20px;
	right: auto;
  	top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: #fff transparent transparent transparent;
}
.wc-system .wc-content .wc-bubble span{
	font-size: 13px;
    font-weight: 700;
    line-height: 18px;
}
.wc-system .wc-content .wc-bubble p{
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
}

/* WhatsChat Footer */
.wc-system .wc-footer{
    margin: 20px
    border-radius: 18px;
}
.wc-system .wc-footer .wc-list{
    display: flex;
    position: relative;
    padding: 8px 0;
    margin: 20px 20px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    line-height: 20px;
    border: none;
    border-radius: 18px;
    cursor: pointer;
    overflow: hidden;    
}
.wc-system .wc-list p{
	margin-bottom: 0;
	margin-left: 8px;
    margin-right: 8px;
	font-size: 15px;
}
.wc-system .wc-list i{	`
	font-size: 20px;
}

.wchat{
position:fixed;
right:10px; bottom:75px;
font-size:10px;color:#333;
text-shadow: 1px 1px #fff;
}

.wcapp{
position:fixed;
right:20px; bottom:5px;
font-size:10px;color:#333;
text-shadow: 1px 1px #fff;
}

/*---------------- WhatsApp Module Ends ------------------*/
.cleanfrm .popover{width:220px !important;}
.bold{font-weight:bold;}
.cleanfrm  hr{color:#555;border:none;height:1px;background-color:#555;}
#morerows, #lessrows{font-size:12px !important;cursor:pointer}
#morerows i, #lessrows i{font-size:13px !important;}
#lessrows i{color:#f20000;}
.ohiws {font-size:12px;}
.ohiws li{margin-left:10px;}
.ohiws .htxt{font-family:"Comic Sans MS", cursive, sans-serif;}
.cleanfrm .morow:nth-of-type(odd) {
background-color:#ffffff;
}  
.cleanfrm .morow:nth-of-type(even) {
background-color:#f2f2f2;
}
.mitms .alert{padding:5px 10px;margin-bottom:20px;border-radius:2px}
.mitms .alert-default{background-color:#f2f2f2;}
.mitms .alert-default em{display:block;font-size:11px;}
.discl{text-align:right;}
.discl a{color:#003399;}
.discl a:hover{text-decoration:underline;}
.discl span{color:#f20000;}
.mbtd{margin-top:20px;}
.proimg{height:50px;width:auto;max-width:50px;border-radius:2px;}
.uplimg {display:none;}
.uplimg label{width:100%;color:#fff !important;border-radius:0px;margin-top:5px}
.prodoc{height:50px;width:auto;max-width:150px;border-radius:2px;}
.upldoc {display:none;}
.upldoc label{width:100%;color:#fff !important;border-radius:0px;margin-top:5px}

.ordez em{font-size:11px}
.ordez .form-control{height:120px;}
.sa-video-popup {
	position: relative;
	transition: 0.3s;
}
.sa-video-popup:hover{
	box-shadow: 2.5px 4.33px 30px 0px rgba( 0, 0, 0, 0.6);
}
.sa-video-popup .thumb img {
	width: 100%;border:1px solid #ddd;
	border-radius: 4px;height:auto;
}
.sa-video-popup .popup-youtube {
	top: 50%;
	bottom: 0;
	left: 50%;
	right: 0;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.8);
	height: 50px;
	width: 50px;
	border-radius: 50%;
	line-height: 54px;
	text-align: center;
	color: #d0193c;
	font-size: 20px;
        padding-left:5px;padding-top:4px;
	margin: -25px 0 0 -25px;
	box-shadow: 2.5px 4.33px 30px 0px rgba( 0, 0, 0, 0.6);
}

.sa-video-popup .popup-youtube:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.sa-video-popup .popup-youtube i {
	font-size:30px;
}
.sa-video-popup .video_icon a {
	width: 60px;
	height: 60px;
	line-height: 63px;
}

.sa-video-popup .video_icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	text-align: center;
	padding: 40% 0;
}
.stp4 input.form-control, .stp4 .input-group-addon{
 height: 36px; padding: 5px 10px;
}
.reqdo{position:absolute;top:5px;right:10px;font-size:11px;}
#myOrders .btn-default{background-color:#999 !important;}
#myrecipient{padding: 5px 10px !important;}
.videocap{font-size:12px;font-weight:bold;text-align:center;margin-top:25px;}
.docveri{font-size:10px;color:#990000}
#itmz label, #iinx label{font-weight:bold;}
#itmz .col-sm-10,#itmz .col-sm-2{border-bottom:1px dotted #ddd;}
#itmz .clear{margin-bottom:15px !important;}
#itmz .clear:last-child{margin-bottom:0px !important}
#iinx,#irslt{position:relative;}
#iinx .addressbox{margin-bottom:15px;}
#irslt .alert{position:absolute;top:5px;left:0;right:0;z-index:15}
.trk .form-control,#myOrders .trxfrm .form-control{width:150px !important;display:inline !important;padding:5px 5px !important;height:30px !important;line-height:28px !important;}
.trk span,#myOrders .trxfrm{display:none;}
.acctwd{width: 160px !important;}
.mpb0{margin-bottom:0px !important;padding-bottom:0px !important;}
.mpb0 .alert{margin-bottom:0px;} .mpb0 .alert hr{margin:5px 0px !important;}
.mbt10{margin-bottom:10px;}
.mbt10 span{display:block;padding-left:15px;padding-bottom:5px}
.mbt10 .bold{line-height:24px;}
.fa-file-pdf-o{color:#f20000;}
ul.maiords{margin-bottom: 0px;}
ul.maiords li{border-bottom:1px solid #fff;margin-bottom:10px}
ul.maiords li:last-child{border-bottom:none;margin-bottom:0px}
ul.maiords em{font-size:11px;color:#555}
#msgnot {position:absolute;right:5px;top:-3px;}
#msgnotx {position:absolute;left:160px;top:-3px;}
@media (max-width:767px) {
.mb15{margin-bottom:15px !important;}
.mpb0 .alert{margin-bottom:10px !important;}
.mpb0 .alert:last-child{margin-bottom:0px;}
.videocap{margin-top:15px;}
.mbtd{margin-top:0px;margin-bottom:15px !important;}
.discl{font-size:11px;line-height:24px;}
.hideme{display:none;}
}
@media (min-width:992px){.modal-lg{width:900px}}
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-step .btn-default{
background-color: #fff;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.setup-contents{display:none;}
.stepwizard .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.stepwizard .btn-primary.focus,.stepwizard .btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.stepwizard .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
.stepwizard button.btn{color:#fff;}

	.setup-contents #file-upload {
	    position: absolute;
	    left: -9999px;
	}
	.setup-contents label[for="file-upload"]{
	  padding:1em;  
	  display:inline-block;
	  background:#064D06;
	  color: #fff;
	  cursor:pointer;
	  &:hover{color:#fff}
	}
	.setup-contents .btn-upload{
		padding:1em;  
	  	display:inline-block;
	  	background:#011401;
	  	color: #fff;
	  	cursor:pointer;
	  	margin-left: -5px;
	  	border: 0;
	}
	.setup-contents #filename{
	  padding:1em;
	  float:left;text-align:left;
	  min-width:300px;width:66.5%;
	  white-space: nowrap;
	  overflow:hidden;
	  color: #fff;
	  background:#3c763d;
	}
.ireqd{padding:10px 0px;border:none;background:transparent !important;display:block;}
.ireqd:focus {
    background-color: transparent;    
    box-shadow: none;
    outline: 0 none;border:none;
}
.ireqd::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
}
.ireqd::-moz-placeholder {
    color: #333;
    opacity: 1;
}
.ireqd::-ms-input-placeholder{
    color: #333;
    opacity: 1;
}

.has-error .ireqd::-webkit-input-placeholder {
    color: #f20000;
    opacity: 1;
}
.has-error .ireqd::-moz-placeholder {
    color: #f20000;
    opacity: 1;
}
.has-error .ireqd::-ms-input-placeholder{
    color: #f20000;
    opacity: 1;
}

.uplmd{background:#fff !important;text-align:center;margin:0px auto 15px auto;}
.uplmd .img-responsive{
text-align:center;min-width:250px;width:100%;margin:0px auto;
height:auto;border:0px;border-radius:0px;background:#fff !important;
}

.uplmd .dropzone {
    min-height: 50px;
   min-width:200px;width:100%;
    border: 2px dashed #009900 !important;
    border-radius:4px;
    border-image: none;
}
.uplmd .dropzone .dz-message .drag-icon-cph i {font-size: 50px; }
.uplmd .dropzone .dz-message {margin: 0.1em 0; }
.attms{font-size:11px;color:#009900}
.remz{cursor:pointer;font-size:11px;color:#f20000;text-align:center;}
.msg_delete{color:#cf0606}
.muted{font-size:11px}
.imgatt{text-align:center;}
.imgatt img{width:200px;margin:0 auto;}

#cameralense{
width:100%;height:auto;max-height:378px;
padding:0px;margin:0 auto 15px auto;text-align:center;
}
#my_camera{padding:0px;margin:0px}
ul.miords {margin-left:12px;list-style-type: square;}

@media (max-width:767px) {
.stepwizard {width: 100%;}
.setup-contents #filename{min-width:235px;width:100%;}
.setup-contents label[for="file-upload"]{width:60%;}
.setup-contents .btn-upload{width:40%;}
#cameralense{max-height:378px;}
}