@charset "utf-8";
/* CSS Document */
body{background:#f1f2f7; line-height:22px; margin:0 auto; padding:0; font-family: 'Open Sans', sans-serif; font-size:15px; color:#363636;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Header Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.logo{margin:0; padding:0;}
.call-top{ padding:0; margin:10px 0 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-size:20px; text-align:right; color:#250d0d;}
.call-top2{ padding:0; margin:75px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-size:20px; text-align:right; color:#250d0d; display:none;}
.call-top .name-top{font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; margin-left: 15px; text-align:right; color:#250d0d;color:orange;}
.topnav{background: url(../images/nav-bg.png) repeat; margin:0; padding:0;}
.nav-theam{ font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#250d0e;}
.nav-theam li a { color:#250d0e !important; padding:6px 12px 6px 12px;}
.nav-theam li a:hover{color:#a83c3c !important;}
.nav-theam .broun{background:#B84546; color:#FFFFFF !important; border-radius:3px;}
.nav-theam .broun a{ color:#FFFFFF !important;}
.nav-theam .broun a:hover{color:#fff !important;}
.dropdown-menu li a{ color:rgba(255,255,255,1.00)!important;}  

.current {border-bottom:4px solid #a83c3c !important;}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# top-se Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#top-se{ margin:82px auto 20px auto;}
#top-se-2{ margin:0 auto; background: url(../images/bg-all-goods.png) repeat-x top left #a83c3c; min-height:660px; position:relative;}
#form-home{ margin-top:100px; z-index:900;    position: absolute;}
#top-se-2 #form-home h1{ font-size:35px; font-weight:bold; color:#fff; text-shadow: -1px -1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.6); margin:0;}
#top-se-2 #form-home h1 span{color:#ff8200;}
#top-se-2 #form-home h2{ font-size:23px; color:#fff; text-shadow: -1px -1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.6); margin:0; }
#top-se-2 #form-home h2 span{color:#ff8200;}
.big-text-top{font-size:45px;font-weight:bold;}
.form-out{ background:url(../images/form-out.png) repeat; margin:0; padding:0; min-height:350px; margin:30px 0 0 0;}
.form-out h1{ background:url(../images/form-out.png) repeat; text-align:center !important; color:#fff !important; margin:0 0 20px 0 !important; padding:5px 0; }
.form-out p{color:white;margin:0 0 0 10px;}
.form-out-f{ margin:0 0 23px 0; padding:0;}
.form-out-f .lable-home{ display:inline-block; font-weight:100; color:#F9F9F9; text-align:right; width:95px;}
.form-out-f .in-home{ font-size:16px; color:#000; background:#FFFFFF; padding:5px; margin:0; display:inline-block; border:0; width:257px;}
.road{ background:url(../images/bg-road.png) no-repeat center bottom; margin:0; padding:0; min-height:427px; width:100%; position:absolute; top:233px; z-index:100; }
.home-butt{ background:#ca5354; color:#FFFFFF; text-align:center; padding:10px 45px; margin:0 0 0 100px; border:0; font-size:18px;}
.home-butt:hover{ background:#ED5E36 !important;}
.bike-one{ background:url(../images/bike-01.png) no-repeat; width:719px; height:502px; position:absolute; top:-80px; left:70px; z-index:200;}
.wheel-1{ width:138px; height:138px; margin:0; padding:0; position:absolute; top:351px; left:186px; background:url(../images/wheel-small.png) no-repeat center top; -webkit-animation:spin 5s linear infinite; -moz-animation:spin 5s linear infinite;  animation:spin 5s linear infinite; z-index:300px;}
.wheel-2{ width:154px; height:151px; margin:0; padding:0; position:absolute; top:339px; left:383px; background:url(../images/wheel-big.png) no-repeat center top; -webkit-animation:spin 5s linear infinite; -moz-animation:spin 5s linear infinite;  animation:spin 5s linear infinite; z-index:300px;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.bike-two{ background:none; width:100%; height:103px; position:absolute; top:247px; z-index:70; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.bike-three{ background:none; width:100%; height:103px; position:absolute; top:300px; z-index:100; transition: all 1s;}
.bike-four{ background:none; width:100%; height:103px; position:absolute; top:350px; z-index:50; transition: all 1s; }
.text-bli{min-height:80px;} 
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# 3 Box Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#box3all{ background:#250d0e; padding:70px 0 80px 0; position:relative;}
#box3all hr{ background:url(../images/hr-bg.png) repeat-x left center; min-height:20px; border:0; animation: drive 4s steps(4, end) infinite;}
.liv{background:#ffffff; border:4px solid #9e3839; border-radius: 10em; display: block !important; height: 160px; width:160px;
     position:absolute; top:20px; left:110px;}
.liv2{background:#ffffff; border:4px solid #9e3839; border-radius: 10em; display: block !important; height: 160px; width:160px;
      position:absolute; top:20px; left:340px;}
.liv3{background:#ffffff; border:4px solid #9e3839; border-radius: 10em; display: block !important; height: 160px; width:160px;
      position:absolute; top:20px; right:560px;}
.liv4{background:#ffffff; border:4px solid #9e3839; border-radius: 10em; display: block !important; height: 160px; width:160px;
      position:absolute; top:20px; right:340px;}
.liv5{background:#ffffff; border:4px solid #9e3839; border-radius: 10em; display: block !important; height: 160px; width:160px;
      position:absolute; top:20px; right:110px;}
.img0icom{ margin:10px auto 0 auto; width:96px; height:77px;}
#box3all h4{ color:#9e3839; font-size:20px; padding:0; margin:4px 0 0 0;}
.small-r{ background:#ffffff; padding:4px 0 0 0; border:3px solid #9e3839; font-size:16px; text-align:center; color:#250d0e; width:36px; height:36px; border-radius:20em; float:right;}
.mraun{-webkit-animation: mymove 3s infinite; /* Chrome, Safari, Opera */  animation: mymove 3s infinite;}
.mraun2{-webkit-animation: mymove 10s infinite; /* Chrome, Safari, Opera */  animation: mymove 10s infinite;}
.mraun3{-webkit-animation: mymove 13s infinite; /* Chrome, Safari, Opera */  animation: mymove 13s infinite;}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes mymove {0% {top: 0px;}   25% {top: 30px;}   75% {top: 40px}   100% {top: 50px;}}
/* Standard syntax */
@keyframes mymove {0%   {top: 0px;}  25% {top: 30px;}  75% {top: 40px} 100% {top: 50px;}}
.raun{animation:5s ease 0s normal none infinite running changeColor, 7s ease-in 5s normal none infinite running changeSize}
@keyframes changeSize {0% {transform: scale(0.5)}	65% {transform: scale(0.7)}	100% {transform: scale(0.9)}}

.clawn{transform: scale(0);
       transform-origin: 50% 50% 0;
       transition: none 0s ease 0s ;}

.claw{opacity: 1;
      transform: scale(1);
      transition-duration: 1s;
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Main Content Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#main-content{ }
#main-content h1{font-weight:bold; margin:20px 0 25px 0; padding:0; color:#9e3839; font-size:28px; }
#main-content h2{font-weight:200; margin:60px 0 25px 0; padding:0; color:#363636; font-size:30px; }
#main-content p{ font-size:10px; display:inline-block;}
#main-content h5{ color:#E18A61; font-size:23px; font-weight:bold; margin:0; padding:0;}
.pad-right-bott{ margin:0 0px 0px 0; padding:0 0 0 0; }
#main-content p{ color:#454545; line-height:22px; font-size:13px; 
   /*display:inline;*/
}
.read-more { font-size:19px; font-weight:bold; color:#9e3839; padding-bottom: 15px;}
.read-more a{ color:#9e3839;     }
.read-more a:hover{ color:#333333; text-decoration:none;}
.box-alle{padding:10px; border:1px solid #1D1D1D; background:#e1e1e1; margin:5px 13px; width:97%; display:inline-block; text-align:center; color:#1A1A1A; font-size:14px; min-height:50px;}
.home-text{ font-size:25px !important;}
.home-text span{ color:#c6504a;}
.med {color:red;}
.box-alle input, select, textarea{ width:100%;}
.sign-up{ margin-top:100px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Images Scroller css Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#images-scroller{ background:#f68b1e; margin:45px 0 60px 0; padding:20px 0 30px 0; position:relative; min-height:276px;}
#yellow-box{ background:#f68b1e; margin:0px 0 0px 0; padding:20px 0 30px 0;}
#images-scroller .triangle{ background:#f68b1e; width:40px; height:40px; position:absolute; bottom:-21px; transform:rotate(-45deg); margin:0 auto; left:0; right:0;border:1px solid #f68b1e;}
#images-scroller h1{ font-weight:normal; margin:0px 0 0px 0; padding:0; color:#f1f2f7; font-size:30px; }
#images-scroller .owl-carousel .owl-wrapper-outer{ padding:0 0 0 0px;}
.r-box{ background:#FFFFFF; min-height:172px; min-width:172px; overflow:hidden; margin:30px 19px 0 0; border-radius:86px; }
#images-scroller .owl-buttons{ position:relative;}
#images-scroller .owl-buttons .owl-prev{background:url(../images/pre.png) center top; position:absolute; top:-120px; left:-50px; float:left; width:44px; height:44px; opacity:0.9 ; font-size:0;}
#images-scroller .owl-buttons .owl-next{background:url(../images/next.png) center top; position:absolute; top:-120px; right:-31px; float:right; width:44px; height:44px; opacity:0.9 ; font-size:0;}

.home-last-b{border-left:1px solid #000;overflow-y:scroll;height:300px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Testimonials css Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#testimonials{ }
#testimonials P{ font-size:15px; margin:0 0 30px 0;}
.clients{ margin:0 auto;}
.cimgeall{width:54px; height:59px; margin:0 auto;}
.clients h1{ color:#000000; font-size:18px; font-style:normal; margin:10px 0 0 0 ;}
.clients h1 span{ color:#9e3839; font-size:18px; font-weight:bold;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Accordion css Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.cu-panel-group .panel-default > .panel-heading{background:#C04C48 !important; border:#C04C48 !important; outline:0;}
.panel-title{ color:#ffffff; font-weight:normal; font-size:20px; outline:0;}
.panel-title a:hover{ color:#000000; text-decoration:none; outline:0;}

.usermenu {margin:0; padding:0; background:#FFFFFF;}
.usermenu ul{ margin:0; padding:0;}
.usermenu ul li {border-bottom: 1px solid #f0f4f7; list-style:none; padding:10px 0; margin:0 0 0 0;}
.usermenu ul li a {color: #000; font-size: 16px; margin:0 0 0 10px;}
.usermenu ul li a:hover {color:#AD3F3F; text-decoration:none;}
.usermenu ul li.active{background-color:#dcdce0; border-left:2px solid #B50003; color:#FFFFFF;}
.back-w{ background:#FFFFFF; min-height:600px;}
.back-w-400{ background:#FFFFFF; min-height:400px;}
.admin h1{ margin:10px 0 !important;}
.act-butt{ background:#0eb306; width:100%; margin:0 0; border:1px solid #0bad03;}
.act-butt:hover{ background:#0c8606;}
.dea-butt{ background:#ff6a0c; width:100%; margin:0 0; border:1px solid #ff6a0c;}
.dea-butt:hover{ background:#e25902; border:1px solid #ff6a0c;}
.exp-butt{ background:#ff0c0c; width:100%; margin:0 0; border:1px solid #ff0c0c;}
.exp-butt:hover{ background:#d10606; border:1px solid #d10606;}
.profile-userpic{ margin:0 auto;}
.profile-userpic h3{color:#C04B4A; font-size: 20px; font-weight: 600; margin:10px 0; text-align:center;}
.he-300{ width:160px; margin:0 auto; height:160px;}
.form-group{ margin:0 0 20px 0;}
.green-haze.btn {background-color:#C44E4C; color:#fff;}
.btn.default {background-color: #e5e5e5; color: #333333; }
.green-haze2 {background-color:#C44E4C; color:#fff; margin:30px auto; font-size:15px; padding:11px 15px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Sign Up Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.signup{width:235px; border:1px solid #C9554B; margin:30px auto; padding:5px 20px; border-radius:10px;}
.signup h1 { font-size:25px; text-align:center; margin:0 0 20px 0; padding:0;}
.signup-FB {background:url(../images/face.gif); border-radius: 50%; cursor: pointer; height: 60px; margin:0 auto; transition: all 1s ease 0s; width:60px; padding:1px 0 0 0;}
.signup-FB:hover {background:url(../images/face.gif) repeat-x scroll 0 -70px ; transition: all 1s ease 0s;}
.signup-FB-icon {background:url(../images/faandgoogle.png) no-repeat; height:37px; margin:12px 0 0 22px; padding:0;}
.or-text{ border-bottom:1px solid rgba(199,198,198,1.00); margin:20px 0 20px 0;}
.or-text span{ color:rgba(199,198,198,1.00); font-size:14px; text-align:center; line-height:10px; padding:0; margin:0px 0 0 97px;}
.login-butt{ background:#ff6a0c; width:100%; margin:20px 0; border:1px solid #e75c05;}
.sign-butt{ background:#2B416F; width:100%; margin:5px 0; border:1px solid #2B416F;}
button.close{ padding:0 3px 0 0;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Contact Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#con-form{ background:#fff; border-radius:10px; padding:20px; border:1px solid rgba(203,203,203,1.00);}
#con-form .form-group{ width:48%; display:inline-block;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Services Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.ser-box{ background:#FFFFFF; border-radius:5px; color:#676767; border:1px solid #C8544B; padding:25px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.ser-box:hover{ background:#CCCCCC;}
.ser-box h4 { font-size:25px; text-align:center; color:#C8544B; margin:12px 0 0 0;}
.icone-ser{font-size:100px; text-align:center; margin:20px auto 0 auto; left:32%; color:#B94647;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Footer css Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#footer{background:#363839; border-bottom:1px; color:#bcbdbd; margin:0px auto 0 auto; padding:30px 0 20px 0;}
#footer2nd{ background:#282a2b; padding:15px 0;}
#footer h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; margin:0px 0 18px 0; padding:0; color:#f1f2f7; font-size:26px; }
#footer h1 span{ color:#9e3839;}
#footer h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0px 0 18px 0; padding:0; color:#f1f2f7; font-size:26px; }
#footer p{ color:#bcbdbd; font-size:13px;font-weight: initial;}
.read-more3 { font-size:14px; color:#fff; margin:15px 0 15px 0;}
.read-more3 a{color:#fff; border:1px solid #f37b45; border-radius:3px; padding:8px; font-weight: initial; margin:0;}
.read-more3 a:hover{ color:#f37b45; text-decoration:none; background:rgba(255,255,255,1.00)}
.list-style1{ padding:0; margin:0; font-size:13px;}
.list-style1 ul{ padding:0; margin:0;}
.list-style1 ul li{ padding:0; margin:5px 0; text-align:left; color:#f1f2f7; list-style:none;}
.list-style1 li a{ color:#f1f2f7;font-weight: initial;}
.list-style1 li a:hover{ color:#9e3839; text-decoration:none;}
.copy{ color:#58595a; font-size:13px; margin:10px 0 0 0}
.soc-icons{ width:225px; margin:0 auto;}
.facebook{ width:35px; height:35px; margin:0 3px; padding:0; background:url(../images/facebook.png) no-repeat center top; display:inline-block; cursor:pointer;
           -webkit-transition: -webkit-transform .8s ease-in-out; -ms-transition: -ms-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.facebook:hover{ background:url(../images/facebook-r.png) no-repeat center top;
                 transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.twitter{ width:35px; height:35px; margin:0 3px; padding:0; background:url(../images/twitter.png) no-repeat center top; display:inline-block; cursor:pointer;
          -webkit-transition: -webkit-transform .8s ease-in-out; -ms-transition: -ms-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.twitter:hover{ background:url(../images/twitter-r.png) no-repeat center top;
                transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.google{ width:35px; height:35px; margin:0 3px; padding:0; background:url(../images/google+.png) no-repeat center top; display:inline-block; cursor:pointer;
         -webkit-transition: -webkit-transform .8s ease-in-out; -ms-transition: -ms-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.google:hover{ background:url(../images/google+-r.png) no-repeat center top;
               transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.youtube{ width:35px; height:35px; margin:0 3px; padding:0; background:url(../images/youtube.png) no-repeat center top; display:inline-block; cursor:pointer;
          -webkit-transition: -webkit-transform .8s ease-in-out; -ms-transition: -ms-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.youtube:hover{ background:url(../images/youtube-r.png) no-repeat center top;
                transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.linkin-r{ width:35px; height:35px; margin:0 3px; padding:0; background:url(../images/linkin.png) no-repeat center top; display:inline-block; cursor:pointer;
           -webkit-transition: -webkit-transform .8s ease-in-out; -ms-transition: -ms-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.linkin-r:hover{ background:url(../images/linkin-r.png) no-repeat center top;
                 transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

/*Demo csss Start*/
.dell{ width:70px; height:77px; background:url(../images/kid.png) no-repeat center top; position:absolute; top:-29px; left:327px;	
       -webkit-animation-name: linkQuake;
       -moz-animation-name: linkQuake;
       animation-name: linkQuake;
       -webkit-animation-duration: 0.8s;
       -moz-animation-duration: 0.8s;
       animation-duration: 0.8s;
       -webkit-transform-origin:50% 50%;
       -moz-transform-origin:50% 50%;
       transform-origin:50% 50%;
       -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
       -webkit-animation-timing-function: linear;
       -moz-animation-timing-function: linear;
       animation-timing-function: linear;
}

@keyframes linkQuake {
    0%   { 
        transform: translate(2px, 1px)   rotate(0deg); 
    }
    10%  { 
        transform: translate(-1px, -2px) rotate(-1deg); 
    }
    20%  { 
        transform: translate(-3px, 0px)  rotate(1deg); 
    }
    30%  { 
        transform: translate(0px, 2px)   rotate(0deg); 
    }
    40%  { 
        transform: translate(1px, -1px)  rotate(1deg); 
    }
    50%  { 
        transform: translate(-1px, 1px)  rotate(-1deg); 
    }
    60%  { 
        transform: translate(-3px, -2px)  rotate(0deg); 
    }
    70%  { 
        transform: translate(2px, 1px)   rotate(-1deg); 
    }
    80%  { 
        transform: translate(-1px, -2px) rotate(1deg); 
    }
    90%  { 
        transform: translate(2px, -1px)   rotate(0deg); 
    }
    100% { 
        transform: translate(1px, -2px)  rotate(-1deg); 
    }
}

@-moz-keyframes linkQuake { /* Firefox */
    0%   { 
        -moz-transform: translate(2px, 1px)   rotate(0deg); 
    }
    10%  { 
        -moz-transform: translate(-1px, -2px) rotate(-1deg); 
    }
    20%  { 
        -moz-transform: translate(-3px, 0px)  rotate(1deg); 
    }
    30%  { 
        -moz-transform: translate(0px, 2px)   rotate(0deg); 
    }
    40%  { 
        -moz-transform: translate(1px, -1px)  rotate(1deg); 
    }
    50%  { 
        -moz-transform: translate(-1px, 1px)  rotate(-1deg); 
    }
    60%  { 
        -moz-transform: translate(-3px, -2px)  rotate(0deg); 
    }
    70%  { 
        -moz-transform: translate(2px, 1px)   rotate(-1deg); 
    }
    80%  { 
        -moz-transform: translate(-1px, -2px) rotate(1deg); 
    }
    90%  { 
        -moz-transform: translate(2px, -1px)   rotate(0deg); 
    }
    100% { 
        -moz-transform: translate(1px, -2px)  rotate(-1deg); 
    }
}

@-webkit-keyframes linkQuake { /* Safari and Chrome */
    0%   { 
        -webkit-transform: translate(2px, 1px)   rotate(0deg); 
    }
    10%  { 
        -webkit-transform: translate(-1px, -2px) rotate(-1deg); 
    }
    20%  { 
        -webkit-transform: translate(-3px, 0px)  rotate(1deg); 
    }
    30%  { 
        -webkit-transform: translate(0px, 2px)   rotate(0deg); 
    }
    40%  { 
        -webkit-transform: translate(1px, -1px)  rotate(1deg); 
    }
    50%  { 
        -webkit-transform: translate(-1px, 1px)  rotate(-1deg); 
    }
    60%  { 
        -webkit-transform: translate(-3px, -2px)  rotate(0deg); 
    }
    70%  { 
        -webkit-transform: translate(2px, 1px)   rotate(-1deg); 
    }
    80%  { 
        -webkit-transform: translate(-1px, -2px) rotate(1deg); 
    }
    90%  { 
        -webkit-transform: translate(2px, -1px)   rotate(0deg); 
    }
    100% { 
        -webkit-transform: translate(1px, -2px)  rotate(-1deg); 
    }
}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# common css Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.clear{clear:both;}
.bckNone{background:none}
.flLeft{float:left;}
.flRight{float:right;}
.img100{ width:100%;}
.pad10{ padding:10px 0;}
.mg0010{margin-bottom:10px;}
.mg0020{margin-bottom:20px;}
.mg0015{ margin:15px 0;}
.m-r15{ margin-right:15px;}
.mg15{ margin:15px; display:inline-block;}
.p0010{ padding-left:10px;}
.p0020{ padding-left:20px;}
.pt100{ padding-top:100px;}
.blue{ color:#1217e5; font-weight:bold;}
.red{ color:#c6504a;}
.back-white{ background:#FFFFFF; padding:5px 15px;}
.auto{ margin:0 auto;}
/* Clear Fix */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*coman link*/
a {color:#000000; text-decoration:none; outline:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}			 
a:hover{color:#dba118; text-decoration:underline; outline:0; }
a:focus{ outline:0 !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Table css Start
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.table-1 table { color: #333; width:100%; border-collapse: collapse; border-spacing: 0; font-style:normal !important;}
.table-1 td, th { border: 1px solid transparent; /* No more visible border */ height: 70px; transition: all 0.3s;  /* Simple transition for hover effect */}
.table-1 th {background:#D65F54;  /* Darken header a bit */ font-weight:normal; text-align:center; color:rgba(255,255,255,1.00);}
.table-1 td {background:none; text-align: center;}
/* Cells in even rows (2,4,6...) are one color */ 
.table-1 tr:nth-child(even) td { background:none; border-bottom:1px solid rgba(189,189,189,1.00); }   
/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
.table-1 tr:nth-child(odd) td { background: #FEFEFE; border-bottom:1px solid rgba(189,189,189,1.00); }  
.table-1 tr td:hover { } /* Hover cell effect! */

.table-2 table { color: #333; width:100%; border-collapse: collapse; border-spacing: 0; }
.table-2 td, th { border: 1px solid transparent; /* No more visible border */ height: 55px; transition: all 0.3s;  /* Simple transition for hover effect */}
.table-2 th {background:#006DC2;  /* Darken header a bit */ font-weight:normal; text-align:center; color:rgba(255,255,255,1.00);}
.table-2 td {background: #FAFAFA; text-align: center;}
/* Cells in even rows (2,4,6...) are one color */ 
.table-2 tr:nth-child(even) td { background: none; border-bottom:1px solid #d3d3d3; }   
/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
.table-2 tr:nth-child(odd) td { background: none; border-bottom:1px solid #d3d3d3; }  
/*.table-2 tr td:hover { background: #666; color: #FFF; }  Hover cell effect! */

.table-3 table { color: #333; width:100%; border-collapse: collapse; border-spacing: 0; }
.table-3 td, th { border: 1px solid transparent; /* No more visible border */ height: 55px; transition: all 0.3s;  /* Simple transition for hover effect */}
.table-3 th {background:#006DC2;  /* Darken header a bit */ font-weight:normal; text-align:center; color:rgba(255,255,255,1.00);}
.table-3 td {background: #FAFAFA; text-align: center;}
/* Cells in even rows (2,4,6...) are one color */ 
.table-3 tr:nth-child(even) td { background: #F8F8F8; border-bottom:1px solid #d3d3d3; }   
/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
.table-3 tr:nth-child(odd) td { background: none; border-bottom:1px solid #d3d3d3; }  
/*.table-3 tr td:hover { background: #666; color: #FFF; }  Hover cell effect! */

.w-60{ max-width:30px;}

.c-box{ float:left; width:30px; display:inline-block;}

/************************************************************************************
smaller than 1024 
*************************************************************************************/
@media screen and (max-width: 1024px) {
    .big-text-top{ font-size:32px;}
    form-out p{ text-align:center;}
    .form-out-f .in-home{ width:184px;}
    .home-butt{ padding:10px 9px;}
    .liv2{ left:439px;}
    .text-bli{ margin-top:32px;}
    #images-scroller .owl-buttons .owl-prev{ left:0;}
    #images-scroller .owl-buttons .owl-next{ right:0;}
}

/************************************************************************************
smaller than 980 
*************************************************************************************/
@media screen and (max-width: 980px) { 
    #box3all{ display:none;}
    .home-last-b{ border-left:0px; }
    .logo img{ height:60px;}
    .call-top, .call-top2{ font-size:16px;}
    .copy{ text-align:center; margin-bottom:10px;}
    /*.facebook{ margin:8px 3px 0 254px;}*/
    .ser-box{ margin-bottom:25px;}
    .icone-ser{ margin-left:43%;}
    #con-form{ margin-bottom:15px;}
    .contact-can{ display:none;}
    /*#home{ display:none;}*/
    .nav-theam li a {padding:6px 12px 6px 12px; }
    .usermenu ul li a{ font-size:13px; }
    #sc-middle .sc-col{border-bottom:1px solid #FFFFFF;}
    .sc-col { font-size:12px; line-height:12px; height:65px;}
    .sc-col #tab01 label{ width:100%; margin-top:5px;}
    #footer{ padding:10px 0;}
    .read-more3 { margin-bottom:30px;}
    #img-visa{ display:none;}
    .big-text-top{ font-size:40px;}
    .form-out-f .lable-home{ width:86px;}
    .form-out-f .in-home{ width:235px;}
    .home-butt{ padding:10px 33px; margin:0 0 0 92px;}
    .bike-one{ left:0px;}
    #images-scroller .owl-buttons .owl-prev{ left:0px;}
    #images-scroller .owl-buttons .owl-next{ right:0px;}
}

@media screen and (max-width: 767px) {
    .navbar-toggle{ margin-top:13px; background:#AA3C3D;  }
    .navbar-default .navbar-toggle .icon-bar{ background:#FFFFFF;} 
    #top-se{ margin:61px auto 20px;}
    .call-top{ display:none;}
    .call-top2{ display:block;}
    #footer h2{ font-size:19px; margin-bottom:6px;}
    .bike-two{ display:none;}
    .road{ display:none;}
    #top-se-2{ min-height:347px;}
    #form-home{ margin-top:20px;}
    .form-out-f .lable-home{ width:33%;}
    .home-butt{ margin:0 0 0 34%;}
    .form-out p{ text-align:center; }
    .text-bli{ text-align:center;}
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
    /*#images-scroller{ display:none;}*/
    .form-out{ margin-top:0px;text-align: center;}
    .lable-home{text-align: center !important;}
    #top-se-2{ min-height:430px;}
    .dropdown-menu li a{ color:#000 !important;}  
    /*.facebook{ margin:8px 3px 0 200px;}*/

    /************************************************************************************
    smaller than 560
    *************************************************************************************/
    @media screen and (max-width: 480px) {
        .form-out{ min-height:325px;}
        .form-out-f .lable-home{ text-align:left; text-indent:16px;}
        .form-out-f .in-home{ margin:0 0 0 16px;}
        .call-top{ display:none;}
        .call-top2{ display:block;}
        .navbar-toggle{ margin-top:13px;}
        #form-home{ margin-top:20px; position: relative;}
        .form-out {min-height:248px;}
        .form-out-f .lable-home{ width:120px;}
        .home-butt{ margin:0 0 7% 5%;}
        #top-se-2{ min-height:450px; }
        #top-se-2 #form-home h1{ font-size:25px;}
        .big-text-top{ font-size:25px;}
        .road{ display:none;}
        #main-content h1{ font-size:25px;}
        /*.facebook{ margin:8px 3px 0 27%;}*/
        /*.box-alle input, button, select, textarea{ width:100%;}*/
        .sc-col label { font-size:11px; line-height: word-wrap break-word;}
        .panel-title{ font-size:17px;}
        #map-top iframe{height:250px; pointer-events:none; overflow:hidden;}
        .contact-img{ display:none;}
        .sc-col{ height:95px;}
        .table-2{ font-size:12px;}
    }

    /************************************************************************************
    smaller than 320
    *************************************************************************************/
    @media screen and (max-width: 320px) {
        #top-se-2{ min-height:525px;}
        .home-butt {margin:0 0 7% 6%;}
        /*.facebook{ margin:8px 3px 0 36px;}*/

    }

    /* 
    Max width before this PARTICULAR table gets nasty
    This query will take effect for any screen smaller than 760px
    and also iPads specifically.
    */
    @media 
    only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {

        /* Force table to not be like tables anymore */
        .table-3 table, .table-3 thead, .table-3 tbody,.table-3 th, .table-3 td, .table-3 tr { 
            display: block; 
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-3 thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .table-3 tr { border: 1px solid #ccc; }

        .table-3 td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 50%; 
        }

        .table-3 td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
        }

        .table-3 td { 
            padding-top:6px;
        }
        /*
        Label the data
        */
        .table-3 td:nth-of-type(1):before { content: "Request ID"; }
        .table-3 td:nth-of-type(2):before { content: "Request Date"; }
        .table-3 td:nth-of-type(3):before { content: "Lease Period"; }
        .table-3 td:nth-of-type(4):before { content: "Monthly Cost"; }
        .table-3 td:nth-of-type(5):before { content: "Insurance"; }
        .table-3 td:nth-of-type(6):before { content: "View"; }
        .table-3 td:nth-of-type(7):before { content: "Delete"; }
        .table-3 td:nth-of-type(8):before { content: "Status"; }
        .table-3 td:nth-of-type(9):before { content: "Action"; }
        #verifiedUser{display:none;}
    }
/*     @media 
    only screen and (max-width: 981px),
    (min-device-width: 981px) and (max-device-width: 1290px)  {
        #box3all{ background:#250d0e; padding:70px 0 80px 0; position:relative;}
#box3all hr{ background:url(../images/hr-bg.png) repeat-x left center; min-height:20px; border:0; animation: drive 4s steps(4, end) infinite;}
        .liv{background:#ffffff; border:4px solid #9e3839; border-radius: 8em; display: block !important; height: 100px; width:100px;
     position:absolute; top:20px; left:80px;}
.liv2{background:#ffffff; border:4px solid #9e3839; border-radius: 8em; display: block !important; height: 100px; width:100px;
      position:absolute; top:20px; left:140px;}
.liv3{background:#ffffff; border:4px solid #9e3839; border-radius: 8em; display: block !important; height: 100px; width:100px;
      position:absolute; top:20px; left:400px;}
.liv4{background:#ffffff; border:4px solid #9e3839; border-radius: 8em; display: block !important; height: 100px; width:100px;
      position:absolute; top:20px; right:140px;}
.liv5{background:#ffffff; border:4px solid #9e3839; border-radius: 8em; display: block !important; height: 100px; width:100px;
      position:absolute; top:20px; right:80px;}
    }*/