/**



*



* ---------------------------------------------------------------------------



*



* Template : Blue - A One-Page HTML Portfolio/Business Template



* Author : Muhammad Morshd



* Author URI : http://morsheds.com



*



* --------------------------------------------------------------------------- 



*



*/







/* =================================== */



/*  Basic Style 



/* =================================== */







body {
    overflow-x: hidden;


    background-color: #e6e7e8;



    font-family: 'Open Sans', sans-serif;



    line-height: 24px;



    font-size: 17px;



    color: #818181;



}







figure, p, address {



    margin: 0;



}







p {



    line-height: 30px;



}







iframe {



    border: 0;



}







a {



    -webkit-transition: all 0.3s ease-out 0s;



       -moz-transition: all 0.3s ease-out 0s;



        -ms-transition: all 0.3s ease-out 0s;



         -o-transition: all 0.3s ease-out 0s;



            transition: all 0.3s ease-out 0s;



}







a, a:hover, a:focus, .btn:focus {



    text-decoration: none;



    outline: none;



}







h1, h2, h3, h4, h5, h6,



.h1, .h2, .h3, .h4, .h5, .h6 {



    font-family: 'Open Sans', sans-serif;



    color: #252525;



}


/*main{
     padding: 35px 0;
}*/




main > section {



    padding: 70px 0;



}

.navbar-fixed-top{
    padding-right: 30px;
}

.consignment{
    background-color: #fff200; 
    color: #000;
    /*top: 20;*/
    margin-top: 20px;
    left: -20px;
    padding: 9px 9px;
    border: #000 1px solid !important;

}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
    text-decoration: underline #fff200 3px !important;

}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
    color: #000 !important;
    background-color: #fff200 !important;
}


.getqtmr{
    margin: 7px 0;
}


.dropdown-menu{

    background-color: #E6E7E8 !important;

}

.dropdown-header{

    color: #333333 !important;

    font-weight: 600 !important;

}

.dropdown-menu>li>a{

    color: #333333 !important;

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{

    background-color: #fff200 !important;
    color:#000 !important;

}

.btn {



    border-radius: 0;



    border: 0;



    position: relative;



    text-transform: uppercase;



}







.btn-blue {



    background-color: rgba(0,158,227, 0.78);



    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;



    padding: 15px 55px;



    color: #fff;



}







.btn-border {



    border: 2px solid #fff;



    color: #fff;



    padding: 12px 35px;



}







.bg-blue {



    background-color: #009EE3;



}







/* Sweep To Right */



.btn-effect {



    vertical-align: middle;



    box-shadow: 0 0 1px rgba(0, 0, 0, 0);



    position: relative;



    display: inline-block;







    -webkit-transform: translateZ(0);



       -moz-transform: translateZ(0);



        -ms-transform: translateZ(0);



         -o-transform: translateZ(0);



            transform: translateZ(0);



          



    -webkit-backface-visibility: hidden;



       -moz-backface-visibility: hidden;



            backface-visibility: hidden;



          



    -webkit-transition-property: color;



       -moz-transition-property: color;



        -ms-transition-property: color;



            transition-property: color;



          



    -webkit-transition-duration: 0.3s;



       -moz-transition-duration: 0.3s;



        -ms-transition-duration: 0.3s;



            transition-duration: 0.3s;



          



    -moz-osx-font-smoothing: grayscale;



}







.btn-effect:before {



    content: "";



    position: absolute;



    z-index: -1;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    background: #fff;



    



    -webkit-transform: scaleX(0);



       -moz-transform: scaleX(0);



        -ms-transform: scaleX(0);



            transform: scaleX(0);



            



    -webkit-transform-origin: 0 50%;



       -moz-transform-origin: 0 50%;



        -ms-transform-origin: 0 50%;



            transform-origin: 0 50%;



            



    -webkit-transition-property: transform;



       -moz-transition-property: transform;



        -ms-transition-property: transform;



            transition-property: transform;



            



    -webkit-transition-duration: 0.3s;



       -moz-transition-duration: 0.3s;



        -ms-transition-duration: 0.3s;



            transition-duration: 0.3s;



            



    -webkit-transition-timing-function: ease-out;



       -moz-transition-timing-function: ease-out;



        -ms-transition-timing-function: ease-out;



            transition-timing-function: ease-out;



}







.btn-effect:hover, .btn-effect:focus, .btn-effect:active {



    color: #009EE3;



}







.btn-effect:hover:before, .btn-effect:focus:before, .btn-effect:active:before {



    -webkit-transform: scaleX(1);



       -moz-transform: scaleX(1);



        -ms-transform: scaleX(1);



            transform: scaleX(1);



}







.sec-title {



    margin-bottom: 50px;



    margin-top:10px;



}







.sec-title.white {



    color: #fff;



}







.sec-title h2 {



    font-size: 36px;



    margin: 0 0 30px;



    padding-bottom: 30px;



    position: relative;



    text-transform: uppercase;



}







.sec-title.white h2 {



    color: #fff;



}







.sec-title h2:after {



    border-bottom: 1px solid #333333;



    content: "";



    display: block;



    left: 46%;



    bottom: 0;



    position: absolute;



    width: 115px;



}







.sec-title.white h2:after {



    border-bottom: 1px solid #fff;



}







.parallax {



    background-attachment: fixed;



    background-position: center top;



    background-repeat: no-repeat;



    background-size: cover;



}











/**



/*  Preloader



/* ==========================================*/







#preloader {



    background-color: #fff;



    position: fixed;



    width: 100%;



    height: 100%;



    z-index: 9999;



}







/*Battery*/



.loder-box {



  background-color: rgba(0, 0, 0, 0.02);



  border-radius: 1px;



  height: 100px;



  left: 50%;



  margin-left: -64px;



  margin-top: -50px;



  position: absolute;



  top: 50%;



  width: 128px;



}







.battery{



    width: 60px;



    height: 25px;



    top: 35%;



    border: 1px #2E2E2E solid;



    border-radius: 2px;



    position: relative;



    -webkit-animation: charge 5s linear infinite;



       -moz-animation: charge 5s linear infinite;



            animation: charge 5s linear infinite;



    margin: 0 auto;



}







.battery:after {



  background-color: #2E2E2E;



  border-radius: 0 1px 1px 0;



  content: "";



  height: 10px;



  position: absolute;



  right: -5px;



  top: 7px;



  width: 3px;



}







@-webkit-keyframes charge{



    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}



    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}



}







@-moz-keyframes charge{



    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}



    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}



}







@keyframes charge{



    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}



    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}



}























/**



/*  Header



/* ==========================================*/







#navigation {



    -webkit-transition: all 0.8s ease 0s;



       -moz-transition: all 0.8s ease 0s;



        -ms-transition: all 0.8s ease 0s;



         -o-transition: all 0.8s ease 0s;



            transition: all 0.8s ease 0s;







    background-color: #E6E7E8;



    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);



    /*padding: 5px 0;*/



}















h1.navbar-brand {



    font-size: 20px;



    font-weight: 700;



    margin: 0;



    text-transform: uppercase;



}







.navbar-inverse .navbar-nav > li > a {



    color: #333333;



    font-size: 14px;



    text-transform: uppercase;



}


@media (min-width:1600px)
{
.navbar-inverse .navbar-nav > li > a {
    font-size:15px;
}
}




/*.navbar-inverse .navbar-nav > li > a:hover {



    border-bottom:rgba(0,158,227, 0.78) 4px solid;



}*/











/*=================================================================



    Home Slider



==================================================================*/











#home-slider {



    position: relative;



    padding: 0;



}







.sl-slider-wrapper {



    width: 100%;



    margin: 0 auto;



    position: relative;



    overflow: hidden;



}







.sl-slider {



    position: absolute;



    top: 0;



    left: 0;



}







/* Slide wrapper and slides */







.sl-slide,



.sl-slides-wrapper,



.sl-slide-inner {



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



} 







.sl-slide {



    z-index: 1;



}







.slide-caption {



    color: #fff;



    display: table;



    height: 100%;



    left: 0;



    min-height: 100%;



    position: absolute;



    text-align: center;



    top: 0;



    width: 100%;



    z-index: 11;



}







.slide-caption .caption-content {



    vertical-align: middle;



    display: table-cell;



}







.caption-content h2 {



    color: #fff;



    font-size: 52px;



    font-weight: 400;



    margin-bottom: 25px;



    text-transform: uppercase;



}







.caption-content > span {



    display: block;



    font-size: 24px;



    margin-bottom: 45px;



    text-transform: capitalize;



}







.caption-content p {



    font-size: 29px;



    margin-bottom: 65px;



}







/* The duplicate parts/slices */







.sl-content-slice {



    overflow: hidden;



    position: absolute;



    -webkit-box-sizing: content-box;



    -moz-box-sizing: content-box;



    box-sizing: content-box;



    background: #fff;



    -webkit-backface-visibility: hidden;



    -moz-backface-visibility: hidden;



    -o-backface-visibility: hidden;



    -ms-backface-visibility: hidden;



    backface-visibility: hidden;



    opacity : 1;



}







/* Horizontal slice */







.sl-slide-horizontal .sl-content-slice {



    width: 100%;



    height: 50%;



    left: -200px;



    -webkit-transform: translateY(0%) scale(1);



    -moz-transform: translateY(0%) scale(1);



    -o-transform: translateY(0%) scale(1);



    -ms-transform: translateY(0%) scale(1);



    transform: translateY(0%) scale(1);



}







.sl-slide-horizontal .sl-content-slice:first-child {



    top: -200px;



    padding: 200px 200px 0px 200px;



}







.sl-slide-horizontal .sl-content-slice:nth-child(2) {



    top: 50%;



    padding: 0px 200px 200px 200px;



}







/* Vertical slice */







.sl-slide-vertical .sl-content-slice {



    width: 50%;



    height: 100%;



    top: -200px;



    -webkit-transform: translateX(0%) scale(1);



    -moz-transform: translateX(0%) scale(1);



    -o-transform: translateX(0%) scale(1);



    -ms-transform: translateX(0%) scale(1);



    transform: translateX(0%) scale(1);



}







.sl-slide-vertical .sl-content-slice:first-child {



    left: -200px;



    padding: 200px 0px 200px 200px;



}







.sl-slide-vertical .sl-content-slice:nth-child(2) {



    left: 50%;



    padding: 200px 200px 200px 0px;



}







/* Content wrapper */



/* Width and height is set dynamically */



.sl-content-wrapper {



    position: absolute;



}







.sl-content {



    width: 100%;



    height: 100%;



}







/* Default styles for background colors







.btn-effect:after {



    width: 0%;



    height: 100%;



    top: 0;



    left: 0;



    background: #fff;



    content: "";



    position: absolute;



    z-index: -1;







    -webkit-transition: all 0.3s ease-out 0s;



       -moz-transition: all 0.3s ease-out 0s;



        -ms-transition: all 0.3s ease-out 0s;



         -o-transition: all 0.3s ease-out 0s;



            transition: all 0.3s ease-out 0s;



}







.btn-effect:hover,



.btn-effect:active {



    color: #0e83cd;



}







.btn-effect:hover:after,



.btn-effect:active:after {



    width: 100%;



} */











/* Project laughtbox setup */







.fancybox-item.fancybox-close {



    background: url("../img/icons/close.png") no-repeat scroll 0 0 transparent;



    height: 50px;



    right: 0;



    top: 0;



    width: 50px;



}







.fancybox-next span {



    background: url("../img/right.png") no-repeat scroll center center #009ee3;



    height: 50px;



    width: 50px;



    right: 0;



}







.fancybox-prev span {



    background: url("../img/left.png") no-repeat scroll center center #009ee3;



    height: 50px;



    width: 50px;



    left: 0;



}







/*=================================================================



    About



==================================================================*/







#about {



    background-color: #009EE3;



    color: #fff;



}







#about h3 {



    color: #fff;



    margin: 0 0 35px;



    text-transform: uppercase;



}







#about .welcome-block h3 {



    margin: 0 0 35px;



}







#about .welcome-block img {



    border: 3px solid #fff;



    border-radius: 50%;



    margin-right: 35px;



    max-width: 100px;



}







#about .message-body {



    /*font-size: 13px;*/



    line-height: 20px;



    margin-bottom: 35px;



}







.owl-buttons {



    border: 2px solid #fff;



    display: inline-block;



    float: right;



    padding: 1px 8px 5px;



}







.owl-buttons > div {



    display: inline-block;



    padding: 0 5px;



}







.welcome-message {



    padding: 0 50px;



}







.welcome-message img {



    display: block;



    height: auto;



    max-width: 100px;



    float: left;



}







.welcome-message p {



    font-size: 13px;



    margin-left: 135px;



}







/*=================================================================



    Services



==================================================================*/







.service-icon {



    border: 3px solid transparent;



    display: inline-block;



    height: 85px;



    width: 85px;



    line-height: 101px;







    -webkit-transform: rotate(47deg);



       -moz-transform: rotate(47deg);



        -ms-transform: rotate(47deg);



         -o-transform: rotate(47deg);



            transform: rotate(47deg);







    -webkit-transition: all 0.3s ease 0s;



       -moz-transition: all 0.3s ease 0s;



        -ms-transition: all 0.3s ease 0s;



         -o-transition: all 0.3s ease 0s;



            transition: all 0.3s ease 0s;



}







.service-icon1 {



    border: 3px solid transparent;



    display: inline-block;



    height: 15rem;



    width: 100%;



    line-height: 101px;







    /*-webkit-transform: rotate(47deg);



       -moz-transform: rotate(47deg);



        -ms-transform: rotate(47deg);



         -o-transform: rotate(47deg);



            transform: rotate(47deg);*/







    -webkit-transition: all 0.3s ease 0s;



       -moz-transition: all 0.3s ease 0s;



        -ms-transition: all 0.3s ease 0s;



         -o-transition: all 0.3s ease 0s;



            transition: all 0.3s ease 0s;



}







.service-item:hover .service-icon {



    border: 3px solid #009ee3;



    margin-bottom: 20px;



    color: #009ee3;



}



.service-item1:hover .service-icon1 {



    border: 3px solid #009ee3;



    margin-bottom: 20px;



    color: #009ee3;



}







.service-icon i {



    -webkit-transform: rotate(-48deg);



       -moz-transform: rotate(-48deg);



        -ms-transform: rotate(-48deg);



         -o-transform: rotate(-48deg);



            transform: rotate(-48deg);



}







.service-item h3 {



    font-size: 20px;



    text-transform: uppercase;



}







.service-item1 h3 {



    font-size: 20px;



    text-transform: uppercase;



}







.service-item1 img {



    width: 98%;



    height: 98%;



    margin: 2px;



    image-rendering: -webkit-optimize-contrast;



}















/*=================================================================



    Portfolio



==================================================================*/







.project-wrapper {



    margin: 0;



    padding: 0;



    list-style: none;



    text-align: center;



}







.project-wrapper li {



    display: inline-block;



}







.portfolio-item {



    cursor: pointer;



    margin: 0 1% 1% 0;



    overflow: hidden;



    position: relative;



    width: 32%;



}







figcaption.mask {



    background-color: rgba(54, 55, 50, 0.79);



    bottom: -126px;



    color: #fff;



    padding: 25px;



    position: absolute;



    width: 100%;



    text-align: left;



    



    -webkit-transition: all 0.4s ease 0s;



       -moz-transition: all 0.4s ease 0s;



        -ms-transition: all 0.4s ease 0s;



         -o-transition: all 0.4s ease 0s;



            transition: all 0.4s ease 0s;



}







.portfolio-item:hover figcaption.mask {



    bottom: 0;



}







figcaption.mask h3 {



    margin: 0;



    color: #fff;



}







ul.external {



    list-style: outside none none;



    margin: 0;



    padding: 0;



    position: absolute;



    right: 0;



    top: -47px;



    



    -webkit-transition: all 0.4s ease 0s;



       -moz-transition: all 0.4s ease 0s;



        -ms-transition: all 0.4s ease 0s;



         -o-transition: all 0.4s ease 0s;



            transition: all 0.4s ease 0s;



}







ul.external li {



    display: inline-block;



}







ul.external li a {



    background-color: rgba(255, 255, 255, 0.9);



    color: #818181;



    display: block;



    padding: 10px 18px 13px;



    



    -webkit-transition: all 0.5s ease 0s;



       -moz-transition: all 0.5s ease 0s;



        -ms-transition: all 0.5s ease 0s;



         -o-transition: all 0.5s ease 0s;



            transition: all 0.5s ease 0s;



}







ul.external li a:hover {



    background-color: #009EE3;



    color: #fff;



}







.portfolio-item:hover ul.external {



    top: 0;



}







.fancybox-skin {



    border-radius: 0;



}







.fancybox-title.fancybox-title-inside-wrap {



    padding: 15px;



}







.fancybox-title h3 {



    margin: 0 0 15px;



}







.fancybox-title p {



    color: #818181;



    font-size: 16px;



    line-height: 22px;



}







.fancybox-title-inside-wrap {



    padding-top: 0;



}







/*=================================================================



    Testimonials



==================================================================*/











#testimonials {



    background-image: url(../img/parallax/testimonial1.jpg);



    padding: 0;



    color: #fff;



}







#testimonials .sec-title h2:after {



    border-bottom: 1px solid #fff;



}







#testimonials .overlay {



    background-color: rgba(15,155,224, 0.78);



    padding: 70px 0 40px;



}







.testimonial-item {



    margin: 0 auto;



    padding-bottom: 50px;



    width: 64%;



}







.testimonial-item img {



    border: 3px solid #fff;



    border-radius: 50%;



    display: inline-block;



    height: auto;



    max-width: 100px;



}







.testimonial-item > div {



    line-height: 30px;



    position: relative;



}







.testimonial-item > div:before {



    background-image: url("../img/icons/quotes.png");



    background-repeat: no-repeat;



    bottom: 127px;



    height: 33px;



    left: -35px;



    position: absolute;



    width: 45px;



}







.testimonial-item > div:after {



    background-image: url("../img/icons/quotes.png");



    background-position: -58px 0;



    background-repeat: no-repeat;



    bottom: -50px;



    height: 33px;



    position: absolute;



    right: 0;



    width: 45px;



}







.testimonial-item > div > span {



    display: inline-block;



    font-weight: 700;



    margin: 40px 0 30px;



    text-transform: uppercase;



}







#testimonials .owl-controls.clickable {



    margin-top: 20px;



    text-align: center;



}







#testimonials .owl-buttons {



    border: 2px solid #fff;



    float: inherit;



}







#testimonials .owl-prev:hover,



#testimonials .owl-next:hover {



    color: #fff;



}







.price-table {



    border: 1px solid #e3e3e3;



}







.price-table.featured {



    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.19);



       -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.19);



            box-shadow: 0 4px 5px rgba(0,0,0,0.19);



}







.price-table > span {



    color: #252525;



    display: block;



    font-size: 24px;



    padding: 30px 0;



    text-transform: uppercase;



}







.price-table .value {



    background-color: #f8f8f8;



    color: #727272;



    padding: 20px 0;







    -webkit-transition: all 0.7s ease 0s;



       -moz-transition: all 0.7s ease 0s;



        -ms-transition: all 0.7s ease 0s;



         -o-transition: all 0.7s ease 0s;



            transition: all 0.7s ease 0s;



}







.price-table.featured .value {



    background-color: #009EE3;



    color: #fff;



}







.price-table .value span {



    display: inline-block;



}







.price-table .value span:first-child {



    font-size: 32px;



    line-height: 32px;



}







.price-table .value span:nth-child(2) {



    font-size: 65px;



    line-height: 65px;



    margin-bottom: 25px;



}







.price-table .value span:last-child {



    font-size: 16px;



}







.price-table ul {



    margin: 0;



    padding: 0;



    list-style: none;



    text-align: center;



}







.price-table ul li {



    border-top: 1px solid #e3e3e3;



    display: block;



    padding: 25px 0;







    -webkit-transition: all 0.7s ease 0s;



       -moz-transition: all 0.7s ease 0s;



        -ms-transition: all 0.7s ease 0s;



         -o-transition: all 0.7s ease 0s;



            transition: all 0.7s ease 0s;



}







.price-table ul li a {



    display: block;



    text-transform: uppercase;



}







.price-table.featured ul li:last-child,



.price-table ul li:last-child:hover {



    background-color: #009EE3;



}







.price-table.featured ul li:last-child a,



.price-table ul li:last-child:hover a {



    color: #fff;



}











/*=================================================================



    Price



==================================================================*/







#social {



    background-image: url(../img/slider/banner.jpg);



    padding: 0;



}







#social .overlay {



    background: url("../img/slide_bg.png") repeat scroll 0 0 #e6e7e8a8;



    padding: 100px 0 100px



}







.social-button {



    margin: 0;



    padding: 0;



    list-style: none;



    text-align: center;



}







.social-button li {



    display: inline-block;



}







.social-button li {



    margin: 0 10px;



}







.social-button li a {



    border: 2px solid #fff;



    border-radius: 50%;



    color: #fff;



    display: block;



    height: 65px;



    line-height: 71px;



    width: 65px;



    



    -webkit-transition: all 0.2s ease 0s;



       -moz-transition: all 0.2s ease 0s;



        -ms-transition: all 0.2s ease 0s;



         -o-transition: all 0.2s ease 0s;



            transition: all 0.2s ease 0s;



}







.social-button li a:hover {



    color: #008ECC;



    border: 2px solid #008ECC;



}











/*=================================================================



    Contact



==================================================================*/







.input-field {



    margin-bottom: 10px;



}







.form-control {



    border: 1px solid #ececec;



    border-radius: 0;



    box-shadow: none;



    color: #818181;



   /* font-size: 16px;



    height: 50px;*/



}







textarea.form-control {



    width: 100%;



    height: 100px;



}







#submit:hover {



  color: #fff;



}







#submit:before {



  background-color: #0A85BB;



}







#submit.btn-effect:after {



  background: #2E2E2E;



}







.contact-details h3 {



    border-bottom: 1px solid #008ecc;



    font-weight: 700;



    margin-bottom: 15px;



    padding-bottom: 15px;



    text-transform: uppercase;



    color: #FFFFFF;



}







.contact-details p {



    /*line-height: 40px;*/
    font-size:16px;



}







.contact-details p i {



    margin-right: 10px;



}







.contact-details span {



    display: block;



    margin-left: 19px;



}











/*============================================================



    Google Maps



==============================================================*/







#google-map {



    padding: 0;



}







#map-canvas {



    width: 100%;



    height: 300px;



}











/*============================================================



    Footer



==============================================================*/







#footer {



    background-color: #009EE3;



    padding: 35px 0;



    color: #FFFFFF;



    /*margin: 50px 0 0 0;*/



}







.footer-content {



    /*width: 390px;*/



    margin: 0 auto;



}







.footer-content > div {



    margin-bottom: 40px;



}







.footer-content > div > p:first-child {



    margin-bottom: 15px;



    text-transform: uppercase;



}







.subscribe-form {



    position: relative;



}







.subscribe.form-control {



    background-color: transparent;



    border: 1px solid #7f7f7f;



}







.navbar-brand{



    



    text-align: left;



    font-size: small;



    font-weight: 600;



}



.navbar-brand > span{



    color: #50aeff;



}



.navbar-brand > a{



    color: #333333 !important;



}







.subscribe.form-control:focus {



    -webkit-box-shadow: none;



       -moz-box-shadow: none;



            box-shadow: none;



}







.submit-icon {



    background-color: #7f7f7f;



    border: 0 none;



    border-radius: 0;



    color: #c1c1c1;



    padding: 5px 20px;



    position: absolute;



    overflow: hidden;



    right: 0;



    top: 0;



}







.submit-icon .fa-paper-plane {



    position: relative;



    top: 0;



    



    -webkit-transform: translateX(0);



       -moz-transform: translateX(0);



        -ms-transform: translateX(0);



         -o-transform: translateX(0);



            transform: translateX(0);







    -webkit-transition: all 0.3s ease 0.2s;



       -moz-transition: all 0.3s ease 0.2s;



        -ms-transition: all 0.3s ease 0.2s;



         -o-transition: all 0.3s ease 0.2s;



            transition: all 0.3s ease 0.2s;



}







.submit-icon:hover .fa-paper-plane {



    position: relative;



    top: -37px;



    



    -webkit-transform: translateX(30px);



       -moz-transform: translateX(30px);



        -ms-transform: translateX(30px);



         -o-transform: translateX(30px);



            transform: translateX(30px);



}







.footer-content .footer-social {



    margin: 40px 0 35px;



}







.footer-social ul {



    list-style: outside none none;



    margin: 0;



    padding: 0;



    text-align: center;



}







.footer-social ul li {



    display: inline-block;



    margin: 0 10px;



}







.footer-social ul li a {



    color: #7f7f7f;



    display: block;



    



    -webkit-transition: all 0.2s ease 0s;



       -moz-transition: all 0.2s ease 0s;



        -ms-transition: all 0.2s ease 0s;



         -o-transition: all 0.2s ease 0s;



            transition: all 0.2s ease 0s;



}







.footer-social ul li a:hover {



    color: #009EE3;



}







.footer-content > p {



    color: #E6E7E8;



    font-size: 12px;



}


.consignment_nav{
    padding-left: 50px !important;
    color: #333333 !important;
    font-weight: 600;
}

/*@media (min-width:2200px){
.consignment_nav{
    padding-right: 50px !important;
}
}*/











/*============================================================ 



    Responsive Styles



 ============================================================*/







/*============================================================



    For Small Desktop



==============================================================*/







@media (min-width: 1210px) and (max-width: 1350px) {



    .navbar-inverse .navbar-nav > li > a {



    font-size: 11px;



}



}







@media (min-width: 980px) and (max-width: 1209px) {







/*about*/



    #about .welcome-block img {



        margin-bottom: 30px;



    }







/* portfolio */



    figcaption.mask {



        bottom: -151px;



    }







    .testimonial-item > div:after {



        bottom: -40px;



    }






    .consignment_nav{
        padding: 10px 15px !important;
        color: #50aeff !important;
    }


    .main_logo{
            width: 52rem !important;
            height: auto !important;
    }



}











/*============================================================



    Tablet (Portrait) Design for a width of 768px



==============================================================*/







@media (min-width: 760px) and (max-width: 992px) {







/* home slider  */



    .caption-content h2 {



        font-size: 40px;



    }







    .caption-content p {



        font-size: 25px;



    }







    .caption-content strong {



        font-size: 45px;



    }







/* about */



    .recent-works {



        margin-bottom: 50px;



    }







    .service-item {



        margin-bottom: 50px;



        margin: 0 auto 50px;



        width: 55%;



    }







/* portfolio */



    .portfolio-item {



        width: 48%;



    }







/* testimonial */



    .testimonial-item {



        width: 100%;



    }







    .testimonial-item {



        width: 80%;



    }







    .testimonial-item > div:after {



        bottom: -35px;



    }







/* price */



    .price-table {



        margin-bottom: 50px;



    }







/* contact form */



    .contact-form {



        margin-bottom: 50px;



    }





    .consignment_nav{
        padding: 10px 15px !important;
        color: #50aeff !important;
    }

    
    .main_logo{
            width: 43rem !important;
            height: auto !important;
    }



}











@media only screen and (min-width: 1210px) {



    .main_logo{



        width: 78rem ;
        /*height: 4rem;*/
        padding-top: 1rem;



    }



}







/*============================================================



    Mobile (Portrait) Design for a width of 320px



==============================================================*/







@media only screen and (max-width: 1209px) {







    #navigation.animated-header {



        padding: 10px 0 15px 0;



    }







    .main_logo{



        width: 24rem ;
        
        height: 32px;
        margin-top: 9px;


    }







    body {



        font-size: 14px;



    }




    .consignment{
        top: 0px;
        left: -15px;
        font-size: 10px;
        z-index: 1000;
        margin-top: 8px;
    }


    #topContact,.navbar-nav>li>.dropdown-menu



    {
        display: none !important;
    }







    .parallax {



        background-position: centet tip !important;



    }







    .sec-title h2 {



        font-size: 25px;



    }







    .sec-title h2:after {



        left: 30%;



    }







/*navigation*/



    .navbar-inverse .col-sm-12 .navbar-toggle {



        border-color: #333333;



    }







    .navbar-inverse .navbar-toggle:hover,



    .navbar-inverse .navbar-toggle:focus {



        background-color: transparent;



    }







/* slider */



    .caption-content h2 {



        font-size: 18px;



    }







    .caption-content > span {



        font-size: 16px;



        margin-bottom: 20px;



    }







    .caption-content p {



        font-size: 16px;



        margin-bottom: 30px;



    }

  





    .caption-content strong {



        font-size: 22px;



    }







/* about */



    .recent-works {



        margin-bottom: 85px;



    }







    #about h3 {



        font-size: 18px;



        margin: 0 0 35px !important;



    }







    #about .owl-buttons {



        margin-top: 20px;



    }







    #about .message-body {



        margin-bottom: 45px;



    }







    #about .welcome-block img {



        margin: 0 25px 15px 0;



    }







/* service */



    /*.service-item {



        width: 100%;



    }*/







/*portfolio*/



    .portfolio-item {



        margin: 0 auto 10px;



        font-size: 14px;



        width: 280px;



    }







    figcaption.mask {



        bottom: -107px;



        color: #fff;



        padding: 15px;



    }







/* lightbox */



    .fancybox-title h3 {



        font-size: 20px;



    }







    .fancybox-title p {



        font-size: 14px;



    }







/* testimonial */



    .testimonial-item {



        width: 95%;



    }







    .testimonial-item > div:before,



    .testimonial-item > div:after {



        background-image: none;



    }







    .testimonial-item > div > span {



        margin: 30px 0 20px;



    }







/* price */



    .price-table {



        margin-bottom: 50px;



    }







/* follow us */



    .social-button li:nth-child(2) {



        margin: 0 18px;



    }







    .social-button li a {



        height: 40px;



    line-height: 50px;



    width: 44px;



    }







/* contact form */



    .contact-form {



        margin-bottom: 50px;



    }







/* footer */



    .footer-content {



        width: 100%;



    }







    .footer-social ul li {



        margin: 0 7px;



    }



    nav li a {







        font-size: 12px !important;



    }



}











/*============================================================



    Mobile (Landscape) Design for a width of 480px



==============================================================*/







@media only screen and (max-width: 767px) {



     .page_img{

        height: 250px !important;
        image-rendering: -webkit-optimize-contrast;

      }



    .sec-title h2:after {



        left: 38%;



    }







/* home slider */



    .caption-content h2 {



        font-size: 35px;



    }







    .caption-content p {



        font-size: 25px;



    }







    .caption-content strong {



        font-size: 35px;



    }







/*about*/







    #about .welcome-block h3 {



        margin: 0 0 35px;



    }







/* service */







    .service-item {



        margin: 0 auto 50px;



        width: 55%;



    }







/* portfolio */



    .portfolio-item {



        width: 48%;



    }







    figcaption.mask {



        bottom: -132px;



    }







/* testimonial */



    .testimonial-item {



        width: 80%;



    }







    .testimonial-item > div:before {



        bottom: 160px;



    }







/* social */



    .social-button li:nth-child(2) {



        margin: 0 50px;



    }







    .social-button li a {



        height: 65px;



        line-height: 71px;



        width: 65px;



    }







/* price */



    .price-table {



        margin-bottom: 50px;



    }







/* contact form */



    .contact-form {



        margin-bottom: 50px;



    }







/* footer */



    .footer-content {



      /*   width: 380px;*/



    }

    .consignment_nav{
        padding: 10px 15px !important;
        color: #50aeff !important;
    }



}











nav {



  margin-top: 7px;



  box-shadow: 5px 4px 5px #000;



  text-align: left;



}







.quick_list ul li a{







    text-decoration: none;



    color: #FFFFFF;



    padding-bottom: 10px;



    list-style-type: none;







}



.quick_list ul{



list-style-type: none;

margin-bottom: 20px !important;

padding: unset !important;

font-size:16px;


}





.page_section{



    padding: 35px 0;



}



.page_img{



        margin: 0px 0 50px 0;



        height: 400px;



        width: 100%;



}



#myBtn {



  display: none;



  position: fixed;



  bottom: 20px;



  right: 30px;



  z-index: 99;



  font-size: 18px;



  border: none;



  outline: none;



  background-color: #000;



  color: white;



  cursor: pointer;



  padding: 15px;



  border-radius: 4px;



}







#myBtn:hover {



  background-color: rgba(0,158,227, 0.78);



}