/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/* vietnamese */
@font-face {
    font-family: 'Francois One';
    font-style: normal;
    font-display: auto;
    src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(https://fonts.gstatic.com/s/francoisone/v13/_Xmr-H4zszafZw3A-KPSZut9zgiRi_Y.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Francois One';
    font-style: normal;
    font-display: auto;
    src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(https://fonts.gstatic.com/s/francoisone/v13/_Xmr-H4zszafZw3A-KPSZut9zwiRi_Y.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Francois One';
    font-style: normal;
    font-display: auto;
    src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(https://fonts.gstatic.com/s/francoisone/v13/_Xmr-H4zszafZw3A-KPSZut9wQiR.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-display: auto;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-display: auto;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* hebrew */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-display: auto;
    src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v11/w8gdH283Tvk__Lua32TysjIfpcuPP9g.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-display: auto;
    src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v11/w8gdH283Tvk__Lua32TysjIfqMuPP9g.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-display: auto;
    src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v11/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-display: auto;
    src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v11/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html,
button,
input,
select,
textarea {
    color: #222;
    background: none;
}
html {
    font-size: 1em;
    line-height: 1.4;
}
body {
    position: relative;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
    box-sizing: border-box;
}
.hr {
    margin-bottom: 19px;
}
a {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-decoration: none;
    color: #bc285c;
}
a:hover {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-decoration: none;
}
p {
    font-family: sans-serif;
    font-size: 16px;
    color: #7b7c7c;
}
h3 {
    color: #3594c4;
    margin-top: 0;
}
audio,
canvas,
img,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.margin_bottom {
    margin-bottom: 15px;
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

.bg_none {
    background: none !important;
}
body {
    font: 16px/26px arial, Helvetica Neue, Arial;
    color: #7b7c7c;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}
.wrapper {
    width: 83.33%;
    margin: 0 auto;
}
/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
    /*	background: url('../img/header-bg.jpg') repeat-x;*/
    padding: 10px 0;
}
@font-face{font-family: 'WebRupee';
 src:url('../font/WebRupee.V2.0.eot');
 src:local('WebRupee'),
url('../font/WebRupee.V2.0.ttf') format('truetype'),
url('../font/WebRupee.V2.0.woff') format('woff'),
url('../font/WebRupee.V2.0.svg') format('svg');
 font-weight:normal;
 font-style:normal;

}
.WebRupee {
    font-family: 'WebRupee';
    display: inline;
    padding: 5px;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.logo {
    float: left;
    position: relative;
    z-index: 9;
}
.cart_panel {
    /*float: right;*/
}
.email {
    display: block;
    height: 28px;
    background: url('../img/e-mail.jpg') no-repeat;
    padding-left: 3.4rem;
    text-decoration: none;
    color: #7b7c7c;
    float: right;
    margin-top: 9px;
}
.login-panel {
    padding: 0;
    float: right;
    margin-top: 0;
}
.login-panel li {
    list-style: none;
    float: left;
    position: relative;
    padding: 0 13px;
}
ul.login-panel li > ul.dropdown-menu {
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    right: 15px;
}
ul.login-panel li > ul.dropdown-menu li {
    float: none;
    border-bottom: 1px solid #cccccc;
    color: #777;
    padding: 0;
}
ul.login-panel li > ul.dropdown-menu li:last-child {
    border-bottom: 0;
}
ul.login-panel li > ul.dropdown-menu li:after {
    content: "";
}
ul.login-panel li > ul.dropdown-menu li a {
    display: block;
    padding: 0 13px;
}
ul.login-panel li > ul.dropdown-menu li a:hover {
    background: #e0e0e0;
    color: #333333;
}
.login-panel li a {
    text-decoration: none;
    color: #777777;
}
.login-panel li:after {
    content: "|";
    display: block;
    position: absolute;
    float: right;
    top: 0;
    right: 0;
}
.login-panel li:last-child:after {
    content: "";
}
.login-panel li:last-child {
    padding-right: 0;
}
.cart {
    display: none;
    height: 40px;
    background: url('../img/cart.png') no-repeat;
    padding-left: 1.8rem;
    text-decoration: none;
    float: right;
    margin-top: 9px;
    color: #bc285c;
    background-size: 25px;
}
.cart2 {
    display: none;
    height: 40px;
    background: url('../img/cart.png') no-repeat;
    padding-left: 5.4rem;
    text-decoration: none;
    float: right;
    margin-top: 9px;
    color: #bc285c;
    background-size: 25px;
}
.phone {
    display: block;
    height: 24px;
    background: url('../img/phone_black_outline.svg') no-repeat;
    padding-left: 1.4rem;
    text-decoration: none;
    float: right;
    margin-top: 9px;
    color: #bc285c;
    line-height: 17px;
    background-size: 20px;
}
.phone span {
    color: #a0a0a0;
}
.login-panel li:hover .open {
    display: block;
}
.open {
    display: none;
    float: left;
    height: auto;
    position: absolute;
    text-align: left;
    top: 28px;
    z-index: 1050;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 233%;
    right: 0;
}
.open a {
    color: #777;
}
.open a {
    border-bottom: 1px solid #cccccc;
    color: #777;
    float: left;
    font-size: 12px;
    list-style: none outside none;
    margin: -1px 0;
    overflow: hidden;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}
.open a:hover {
    background: none repeat scroll 0 0 #e0e0e0;
    color: #333333;
}
/*header part end ----------------------------------------------------------*/

.banner {
    width: 100%;
    border-bottom: 4px solid #44758d;
    background: url(../img/banner-bg.jpg) repeat;
    padding: 20px 0;
}
.banner h1 {
    text-shadow: 1px 1px 1px #666;
    /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
    font-family: 'Francois One', sans-serif;
    font-size: 36px;
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
}
.slogan {
    width: 83.33%;
    margin: auto;
}
.banner span {
    color: #ff99cc;
}
.search {
    width: 48%;
    height: 40px;
    margin: auto;
    margin-top: 30px;
    border-radius: 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-border-radius: 3px;
    /* useful if you don't want a bg color from leaking outside the border: */
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    background: #fff;
    padding-left: 10px;
    position: relative;
}
.inner_banner {
    margin-top: 0 !important;
}
.search input[type="text"],
.search input[type="search"] {
    display: block;
    width: 77%;
    height: 40px;
    border: none;
    outline: none;
    float: left;
    background: none;
    font-size: 12px;
}
.search .searchbtn {
    color: #fff;
    display: block;
    height: 32px;
    margin: 0;
    outline: medium none;
    padding: 0;
    width: 50px;
    background: url(../img/search.svg) 12px 3px no-repeat;
    border-radius: 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-border-radius: 3px;
    border: none;
    float: right;
}
.or {
    display: block;
    text-align: center;
    margin: 20px 0;
}

.request-button {
    display: block;
    width: 16%;
    height: 40px;
    border-radius: 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-border-radius: 3px;
    background: #bc285c;
    font-size: 18px;
    margin: auto;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.request-button-d {
    display: block;
    width: 16%;
    height: 40px;
    border-radius: 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-border-radius: 3px;
    background: #e7eff6;
    font-size: 18px;
    margin: auto;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.request-button:hover {
    background: #017ab3;
}
.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    background: #017ab3;
    padding: 20px 0;
}
/*banner part end ----------------------------------------------------------*/

h2 {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    color: #bc285c;
    text-align: center;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}
h3 {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    color: #bc285c;
    margin-top: 0;
    margin-bottom: 20px;
}
h1 {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    color: #bc285c;
    text-align: center;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}
section {
    width: 83.33%;
    margin: 20px auto;
    margin-bottom: 0;
}
.product {
    width: 23.8%;
    margin: 0.3rem;
    display: inline-block;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    padding-bottom: 10px;
}
.main {
    margin: auto;
}
.sell-now-button {
    width: 140px;
    height: 30px;
    background: #097eb6;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 30px;
    margin: auto;
    display: block;
    border-radius: 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-border-radius: 3px;
    /* useful if you don't want a bg color from leaking outside the border: */
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    font-weight: normal;
}
.sell-now-button:hover {
    background: #bc285c;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
}
.product:hover {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    /*	cursor: grab;*/
    /*
    margin: -5px -5px 10px;
    padding: 10px;
*/
}
/* ========== */

/* = Images and galleries = */

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

.picture {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.picture .img-overlay {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.33);
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
    height: 0;
    -webkit-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
}
.picture .img-overlay .btn,
.picture .img-overlay .icons-zoom {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 20px;
}
.picture .img-overlay .icons-zoom {
    margin-left: -8px;
    margin-top: -8px;
}
.product-img {
    margin-bottom: 20px;
}
.product-img.featured {
    background-size: 100% auto;
    padding-bottom: 14%;
}
.product-img.featured .picture {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.product:hover .img-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.product .picture .btn.more {
    margin-top: -40px;
    margin-left: -250px;
}
.product .picture .btn.buy {
    margin-top: 10px;
    margin-left: 118px;
}
.product:hover .picture .btn {
    margin-left: -75px;
}
.product p {
    text-align: center;
}
.btn.btn-danger {
    background-color: #e54b5d;
    background-image: -webkit-linear-gradient(top, #e54b5d, #e54b5d);
    background-image: linear-gradient(to bottom, #e54b5d, #e54b5d);
    box-shadow: 0 2px 0 #be1b2e;
    -webkit-box-shadow: 0 2px 0 #be1b2e;
    -moz-box-shadow: 0 2px 0 #be1b2e;
    color: white;
    text-align: center;
    text-decoration: none;
    height: 28px;
    padding: 0 5px;
    line-height: 28px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-border-radius: 3px;
    /* useful if you don't want a bg color from leaking outside the border: */
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger.active,
.btn.btn-danger.disabled,
.btn.btn-danger[disabled] {
    background-color: #c54974;
    color: white;
}
/* choose a category  part end ----------------------------------------------------------*/

.step {
    width: 100%;
    background: url(../img/step_bg.jpg) repeat;
    padding-bottom: 20px;
    overflow: hidden;
    margin-top: 10px;
}
.step > section {
    margin: 0 auto;
}
.step h2,
.step p {
    color: #fff;
    text-align: center;
    width: 90%;
    margin: 16px auto;
}
.step-top {
    width: 100%;
    height: 20px;
    background: url(../img/step_top_bg.jpg) repeat-x;
}
.all_step {
    width: 33.3%;
    text-align: center;
    float: left;
    margin-top: 20px;
}
.all_step p a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.all_step_link {
    color: #fff;
    display: block;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    text-decoration: none;
    margin-top: 20px;
}
/* step section  part end ----------------------------------------------------------*/

.video_container {
    float: left;
    width: 50%;
}
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-responsive iframe,
.testi_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.video_container img {
    width: 100%;
}
.testimonial {
    float: right;
    width: 43.60%;
}
.testimonial a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #016dad;
    text-decoration: none;
    font-style: italic;
}
.testimonial span {
    display: block;
    /*    text-align: right;*/
    font-size: 12px;
    color: #505152;
}
.testimonial h2 {
    text-align: center;
    margin: 0 0 10px 0;
}
/*====================== video and testimonial section end =================================================*/

/*====================== owl start =================================================*/

#owl-demo .item {
    margin: 3px;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-buttons div.owl-prev {
    background: url(../img/testi_pre_arrow.jpg);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 5px;
    opacity: 0.5;
    padding: 3px 10px;
    text-indent: -103px;
}
.owl-buttons div.owl-next {
    background: url(../img/testi_next_arrow.jpg);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 5px;
    opacity: 0.5;
    padding: 3px 10px;
    text-indent: -103px;
}
#owl-demo2 .product {
    width: 96%;
}
/*====================== owl section end =================================================*/

footer {
    width: 100%;
    background: url(../img/footer-bg.jpg) repeat-x #0879b0;
    padding: 10px 0;
    overflow: hidden;
}
footer section {
    margin: 0 auto;
}
ul.footer_menu {
    width: 20.2%;
    float: left;
    padding: 0;
    margin: 0;
    margin-right: 2rem;
}
.footer_menu li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px dashed #d3d3d3;
}
.footer_menu li:last-child {
    border-bottom: none;
}
.footer_menu li a {
    color: #d3d3d3;
    font-size: 14px;
}
.footer_contact {
    width: 22.70%;
    float: right;
    background: url(../img/footer_partition.jpg) repeat-y;
    height: auto;
    padding-left: 29px;
    margin: 10px 0;
    padding-top: 7px;
}
.footer_contact a:nth-child(2) {
    background: url(../img/footer_email_icon.png) no-repeat;
    margin: 24px 0;
    background-size: 28px;
}
.footer_contact a {
    font-size: 16px;
    display: block;
    color: #fff;
    padding-left: 45px;
    background: url(../img/footer_phone_icon.jpg) no-repeat;
    background-size: 28px;
    line-height: 28px;
    width: 100%;
}
.footer_contact a:last-child {
    background: none;
    line-height: 30px;
}
.footer_contact .social_icon {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.footer_contact .social_icon li a {
    padding-left: 0;
    margin-right: 5px;
}
.social_icon li {
    float: left;
    list-style: none;
}

.footer_links{
    color:#d6e9f2;
    margin-left:110px;
    margin-top:-20px;
    font-size: small;
}

#link a:link {color:#d6e9f2; font-size: small; font-weight: 300;}
#link a:visited { color:#d6e9f2; }
#link a:hover { color: #d6e9f2; }
#link a:active { color: #d6e9f2; }
#link a:focus { color: #d6e9f2; }
#link p { color: #d6e9f2;}

/*====================== footer section end =================================================*/

.copyright {
    color: #d6e9f2;
    width: 83.33%;
    padding: 20px 0;
    margin: auto;
    overflow: hidden;
}
.copyright span {
    float: left;
}
.copyright div {
    float: right;
}
.copyright div a {
    display: block;
    float: left;
}
.footer-keyword {
    padding: 20px 0;
    border-top: 1px solid #cecece;
    width: 83.33%;
    margin: auto;
    font-size: 12px;
}
.footer-keyword > div {
    color: #848484;
}
.footer-keyword > div span {
    text-transform: uppercase;
    padding-right: 10px;
}
/*====================== copyright section end =================================================*/

.back_to_top {
    position: fixed;
    width: 42px;
    height: 42px;
    background: url(../img/back-to-top.png) no-repeat;
    right: 5%;
    bottom: 20%;
    display: none;
}
/*====================== home page end =========================================================================================================================*/

.featured h2 {
    text-align: center !important;
}
.inner h2 {
    text-align: left;
}
.inner h1 {
    text-align: left;
}
.about_us_to_text {
    overflow: hidden;
}
.about_us_to_text p {
    float: left;
    display: block;
    width: 70%;
    margin: 0;
    vertical-align: text-top;
    padding: 0;
}
.about_us_to_text a {
    color: #bc285c;
}
.about_us_to_text span {
    float: right;
    width: 29.7%;
    display: block;
    text-align: right;
}
.about_us_body {
    margin-top: 20px;
}
.about_us_body ul {
    padding: 0;
}
.about_us_body > ul li {
    list-style: none;
    float: none;
    overflow: hidden;
}
.about_us_body > ul li h3 {
    margin-bottom: 0;
}
.about_us_body > ul li p {
    margin-top: 0;
}
.about_us_body > ul li > p:last-child {
    margin-bottom: 20px;
}
.about_us_body > ul li:last-child {
    margin-top: 20px;
}
.about_us_body > ul li:last-child,
.about_us_body > ul li:last-child img {
    margin-bottom: 0;
}
.about_us_body > ul li ul li {
    background: url(../img/li-img.jpg) no-repeat 0 45%;
    padding-left: 20px;
    margin-bottom: 0;
}
.about_us_body > ul li a.bwWrapper {
    display: block;
    float: left;
    border: 4px solid #d6d6d6;
    margin-right: 20px;
    margin-bottom: 20px;
}
.about_us_body > ul li:nth-child(2) > ul li:last-child {
    margin-top: 0;
}
.about_us_body > ul li:nth-child(2n+2) a.bwWrapper {
    float: right;
    margin-left: 30px;
    margin-right: 0;
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}
.about_us_body a {
    color: #bc285c;
}
.bwWrapper {
    position: relative;
    display: block;
}
.about_us_body > ul li:nth-child(2n+2) a canvas {
    left: 0 !important;
}
/*====================== about us page end =========================================================================================================================*/

.left_panel {
    float: left;
    width: 50.1%;
    margin-left: 10px;
}
.right_panel {
    float: right;
    width: 44.7%;
    margin-right: 10px;
}
.margin_1{
    margin-left:360px;
    margin-top: -25px;
}
.margin_2{
    margin-top: 20px;
}
.option2 {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 31px;
    padding: 7px 8px;
    color: #666;
    width: 60%;
    margin: 0;
}
select.option2 {
    color: #999;
    width: 100%;
    border: none;
    height: 47px;
}
.preview {
    width: 100%;
}
.left_panel label, .right_panel label {
    float: none;
    line-height: 20px;
    padding: 12px 0;
    width: 31%;
}

.provide_detail {
    width: 100%;
    overflow: hidden;
    margin-bottom: 12px;
    color: #017ab3;
    margin-top: 0;
}
input[type="submit"].request-button {
    /*    margin-top: 20px;*/
    border: none;
}
.contactus .left_panel > span,
.contactus .right_panel > span, .raq {
    vertical-align: middle;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.category .right_panel label,
.contactus .left_panel label,
.contactus .right_panel label {
    vertical-align: middle;
    display: inline-block;
    float: none;
}
form input,
form textarea,
form select {
    vertical-align: middle;
    display: inline-block;
    float: none;
    width: auto;
}
form hr {
    margin-top: 0;
    margin-bottom: 19px;
    float: left;
    width: 98%;
}
/*============================== Only for select list start ===========================================*/

.dropdown {
    display: inline-block;
    position: relative;
    width: 62.7%;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0;
    background: #fff;
    vertical-align: middle;
}
.dropdown-select > option {
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
    background: #f2f2f2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
/* Fix for IE 8 putting the arrows behind the select element. */

.lt-ie9 .dropdown {
    z-index: 1;
}
.lt-ie9 .dropdown-select {
    z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
    z-index: 3;
}
/* Dirty fix for Firefox adding padding where it shouldn't. */

@-moz-document url-prefix() {
    .dropdown-select {
        padding-left: 6px;
        padding-top: 3px;
        width: 100%;
        border: none;
    }
}
/*============================== Only for select list end ===========================================*/

.popup_width_desktop {
    width: 52% !important;
}
.popup_height_desktop {
    width: 100% !important;
    height: 461px !important;
}
.popup_height_mob {
    width: 100% !important;
    height: 683px !important;
}
.popup_width_mob {
    width: 90% !important;
}
.pop_up_checkbox,
.pop_up_wrap input.request-button[type="submit"],
.submit a {
    margin-left: 30%;
    margin-bottom: 8px;
}
.pop_up_wrap input.request-button[type="submit"],
.left_panel div.new_user {
    margin-bottom: 0;
}
/*====================== contact us page end =========================================================================================================================*/

/*.testimonials_container {width:100%; overflow:hidden;display:table-cell;}
.testimonials_text {width:55%; float: left; height: auto; margin-right:5%;  vertical-align: middle;}
.testi_video {width:40%; height:250px; background:#000; float:right;}*/

.testimonial_text {
    width: 55%;
    float: left;
    height: auto;
    margin-right: 5%;
    margin-top: 0;
}
.testimonial_video {
    width: 40%;
    float: right;
    height: auto;
    overflow: hidden;
}
.testimonial_video div {
    position: relative;
    height: 250px;
    margin-bottom: 20px;
}
.testimonial_video div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media all and (max-width: 763px) {
    .testimonial_text,
    .testimonial_video {
        width: 100%;
        float: none;
    }
}
/*====================== testimonial page end =========================================================================================================================*/

.not_needed_pasword {
    width: 97% !important;
    position: relative;
    padding-top: 20px;
    margin: 10px 0;
    padding-right: 0;
}
.not_needed_pasword strong {
    position: absolute;
    top: -13px;
    left: 13px;
    background: #fff;
    padding: 0 10px;
}
table {
    width: 100%;
}
.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-collapse: separate;
}
.table-bordered a.request-button {
    float: left;
    font-size: 12px;
    padding: 0 0;
    width: 45%;
    margin-right: 2%;
}
.table-bordered a.request-button-d {
    float: left;
    font-size: 12px;
    padding: 0 0;
    width: 45%;
    margin-right: 2%;
}
.table-bordered a.request-button:last-child {
    margin-right: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0;
    -webkit-border-radius: 4px;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0 none;
    background: #e7e7e7;
    font-size: 14px;
}
table tbody tr:nth-child(2n) {
    background: none repeat scroll 0 0 #f9f9f9;
}
.table-condensed th,
.table-condensed td {
    padding: 4px 10px;
}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
    border-left: 1px solid #ddd;
}
.my-account-checkbox label {
    width: 100%;
}
@media all and (max-width: 1300px) {
    .table-bordered a.request-button {
        float: none;
        width: 96%;
        margin-bottom: 10px;
    }
    .table-bordered a.request-button:last-child {
        margin-bottom: 0;
    }
}
/*====================== my account page end =========================================================================================================================*/

.category_top {
    background: #f6f7f9;
    padding-right: 20px;
}
.category .right_panel .preview {
    padding-top: 10px;
}
.category .right_panel .preview div.dropdown {
    width: 75.7%;
}
.category .right_panel label {
    width: 22%;
}
.category .right_panel {
    width: 30.6%;
}
.category .left_panel h2 {
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    background: #f6f7f9 url(../img/grid.png) no-repeat;
    padding-left: 80px;
}

.category .left_panel h1 {
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    background: #f6f7f9 url(../img/grid.png) no-repeat;
    padding-left: 80px;
}
.center {
    text-align: center;
}
.productlist {
    padding: 0;
    overflow: hidden;
}
.productlist li {
    display: inline-block;
    list-style: outside none none;
    vertical-align: top;
    width: 24.5%;
    text-align: center;
}
.productlist li:nth-child(5n+5) {
    border-right: 0;
}
.productlist figcaption {
    color: #3594c4;
    font-size: 1.17em;
    text-align: center;
    padding: 10px 0;
}
.custom_code {
    width: 30%;
    overflow: hidden;
    margin: auto;
}
.custom_code .request-button {
    display: inline-block;
    margin: 0;
    width: 50%;
}
.custom_code span {
    display: inline-block;
    padding: 8px 0;
    margin-right: 4%;
}
.allpages {
    margin: auto;
    text-align: center;
    padding: 0;
}
.allpages li {
    display: inline-block;
    list-style: none;
}
.allpages li a {
    color: #3594c4;
    padding: 0 5%;
    display: block
}
.pagination {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    float: right;
    padding-left: 0;
    margin-bottom: 20px;
}
.pagination ul {
    padding: 0;
    margin: 0;
}
.pagination ul li {
    display: inline-block;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.pagination ul li.active a {
    color: #3594c4;
}
.pagination ul li a {
    padding: 0 5px;
    display: block;
    background: #f6f7f9;
    border-right: 1px solid #e0e0e0;
    color: #999;
}
.pagination ul li a:hover {
    color: #3594c4;
}
.pagination ul li:first-child a {
    border-left: 1px solid #e0e0e0;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media all and (max-width: 1300px) {
    .product {
        float: none;
        display: inline-block;
        width: 48%;
    }
}
@media all and (min-width: 767px) and (max-width: 1044px) {
    .category .right_panel {
        width: 47.6%;
    }
    .category .right_panel .preview div.dropdown {
        width: 72.7%;
    }
}
@media all and (min-width: 768px)and (max-width: 1450px) {
    .custom_code {
        width: 42%;
    }
}
@media all and (min-width: 1169px)and (max-width: 1304px) {
    .search input[type="submit"] {
        width: 105px;
    }
}
@media all and (max-width: 1024px) {
    .dropdown:before,
    .dropdown:after {
        border-style: hidden;
    }
    .ordersummary_button .request-button {
        padding: 10px;
    }
}
@media all and (max-width: 918px) {
    .ordersummary_button .request-button {
        padding: 10px;
    }
    .login .social-login {
        top: 27% !important;
    }
    .about_us_to_text p {
        float: none;
        width: 100%;
        margin: 20px 0;
    }
    .about_us_to_text span {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }
    .about_us_body > ul li img {
        width: 100%
    }
    .about_us_body > ul li:last-child {
        margin-top: 0;
    }
    /*
.about_us_body a {
	margin-right: 18px;
}
*/
    span.rollover {
        display: none;
    }
}
@media all and (max-width: 853px) {
    .custom_code {
        width: 60%;
    }
    ul.footer_menu {
        width: 28.2%;
    }
    .pop_up_container input.request-button[type="submit"] {
        width: 25% !important;
    }
    .footer_contact a {
        font-size: 16px;
        float: left;
        margin-right: 43px;
    }
    .footer_contact a:last-child {
        margin: 0;
    }
    .footer_contact a:last-child br {
        display: none;
    }
    .category .preview label {
        float: none;
        width: 25%;
    }
}
@media all and (min-width: 640px) and (max-width: 769px) {
    .picture .img-overlay .btn,
    .picture .img-overlay .icons-zoom {
        left: 55%;
    }
    .btn.btn-danger {
        font-size: 12px;
    }
}
@media all and (min-width: 767px) and (max-width: 1168px) {
    .search {
        width: 76%;
    }
    .search input[type="text"] {
        width: 77%;
    }
    .search input[type="submit"] {
        width: 105px;
    }
}
@media all and (max-width: 767px) {
    .about_us_to_text span {
        float: none;
        margin: auto;
        display: block;
    }
    .left_panel label,
    .right_panel label {
        float: none;
        width: 100%;
    }
    .option2 {
        width: 93%;
    }
}
@media all and (max-width: 768px) {
    ul#search-results {
        width: 99.2% !important;
        overflow: hidden !important;
        top: 35px !important;
    }
    .category .right_panel .preview > span label {
        width: 25%;
    }
    .category .right_panel .preview div.dropdown {
        width: 95.7%;
    }
    .about_us_body > ul li a.bwWrapper,
    .about_us_body > ul li:nth-child(2n+2) a.bwWrapper {
        float: none;
        margin-right: 0;
    }
    .about_us_body > ul li:nth-child(2n+2) a.bwWrapper {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .gal {
        width: 96%;
        float: none;
    }
    .gal a {
        /*	float: none;*/
        width: 100%
    }
}
@media all and (min-width: 769px) and (max-width: 1229px) {
    .gal {
        width: 60.4%;
    }
}
@media all and (min-width: 768px) and (max-width: 853px) {
    .left_panel .dropdown {
        width: 64.7%;
    }
}
@media all and (max-width: 766px) {
    .step h2,
    .step p {
        width: 100%;
    }
    .provide_detail {
        margin-top: 12px;
        margin-bottom: 0;
    }
    .category_top,
    .category .left_panel h2 {
        background: none;
        padding: 0;
    }
    .category_top,
    .category .left_panel h1 {
        background: none;
        padding: 0;
    }
    .custom_code {
        width: 100%;
    }
    .category .right_panel {
        width: 100%;
    }
    .left_panel,
    .right_panel {
        float: none;
        width: 100%;
    }
    .productlist li {
        width: 100%;
        float: none;
        text-align: center;
    }
    input[type="submit"].request-button {
        margin-top: 10px;
    }
    /*form hr {
        margin-bottom: 0;
        width: 94%;
    }*/
    .not_needed_pasword strong {
        position: unset;
        padding: 0;
    }
    .not_needed_pasword {
        padding-top: 0px;
        width: 91.5% !important;
        padding-bottom: 12px;
        margin-bottom: 0;
    }
    .dropdown {
        width: 95.5%;
    }
    #nav li:first-child a {
        background: none !important;
        text-indent: inherit !important;
    }
    .request-button {
        width: 50%;
    }
    .cart2 {
        padding-left: 1.8rem;
    }
    .mobile {
        display: block !important;
    }
    .mobile .login-panel li > a {
        text-decoration: none;
        color: #777777;
        width: 24px;
        height: 24px;
        display: block;
    }
    .header-container {
        padding: 5px 0;
    }
    .cart_panel,
    .phone {
        display: none;
    }
    .cart_container {
        overflow: visible !important;
    }
    .back_to_top {
        display: none !important;
    }
    .cart_panel {
        width: 98%;
        float: none;
    }
    .cart {
        float: right;
    }
    .login-panel li:first-child {
        padding: 0 !important;
    }
    .login-panel li:after {
        content: "";
    }
    .phone {
        float: none;
        margin: auto;
        width: 54%;
    }
    .search input[type="submit"] {
        margin: 20px auto;
        font-size: 16px;
        display: none;
    }
    .search {
        width: 88%;
        font-size: 12px;
    }
    /*
.or {
	margin-top: 100px;
}
*/
    .all_step {
        width: 100%;
    }
    .video_container,
    .testimonial {
        float: none;
        width: 100%;
        margin-top: 30px;
        overflow: hidden;
    }
    .contactus .left_panel > span,
    .contactus .right_panel > span {
        margin-bottom: 0;
    }
    .contactus .left_panel,
    .contactus .right_panel {
        width: 97%;
        float: none;
        margin-left: 0;
    }
    div.f_l {
        float: none;
        width: 100%;
    }
}
@media all and (max-width: 700px) {
    ul.footer_menu,
    .footer_contact {
        width: 100%;
    }
    /*    .left_panel, .right_panel , div.f_l {float: none; width: 100%;}*/
    div.f_l {
        margin-right: 0;
    }
    div.f_l:last-child {
        margin-bottom: 0;
    }
}
@media all and (min-width: 767px) {
    .mobile {
        display: none !important;
    }
}
@media all and (max-width: 721px) {
    .pop_up_container > div.right_panel {
        height: 154px !important;
    }
}
@media all and (max-width: 908px) {
    .wrapper {
        text-align: center;
    }
    .request-button {
        height: auto;
        line-height: 25px;
        font-size: 17px;
        padding: 10px;
    }
}
@media all and (max-width: 856px) {
    .footer_contact {
        background: none;
        float: left;
        width: 100%;
        padding: 0;
    }
    .banner h1 {
        line-height: 40px;
    }
}
@media all and (min-width: 516px)and (max-width: 766px) {
    #menu {
        width: 94% !important;
    }
}
@media all and (max-width: 544px) {
    .search .searchbtn {
        display: none;
    }
    .search input[type="text"] {
        width: 100% !important;
    }
    .copyright div a {
        float: none;
        display: inline-block;
    }
    .copyright div,
    .copyright span,
    .copyright {
        text-align: center;
        float: none;
    }
}
@media all and (max-width: 516px) {
    .dropdown {
        width: 98.5%;
    }
    .wrapper {
        width: 95%;
    }
    .search input[type="submit"] {
        display: none;
    }
    .or {
        margin-top: 30px;
    }
    .cart_container {
        text-align: center;
    }
    .product {
        width: 97%;
    }
    #nav li:first-child a {
        line-height: 1.286em;
    }
    #nav ul {
        padding-left: 0;
    }
    .footer_menu li {
        text-align: center;
    }
    .owl-controls {
        display: none !important;
    }
    section {
        width: 90%;
    }
    .wrapper-with-margin {
        margin: 0 !important;
    }
    .about_us_body > ul li img {
        margin-right: 0;
    }
    .custom_code span {
        width: 100%;
        margin-right: 0;
    }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.f_l {
    float: left;
    width: 30%;
    margin-right: 5%;
}
div.f_l:last-child {
    margin-right: 0;
}
.f_r {
    float: right;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .order_detail {
        display: inline-block !important;
        margin-bottom: 15px;
        margin-right: 0 !important;
        width: 230px !important;
        vertical-align: top;
    }
    .internal_use, .internal_use2 {
        display: block !important;
    }
    h4 {
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }
    p {
        padding: 0 !important;
        margin: 0 !important;
    }
    .declaration_form {
        margin: 0 !important;
    }
    .declaration_form_product_detail .left_panel span label,
    .declaration_form_product_detail .right_panel span label,
    .option2,
    .declaration_form .left_panel .signature,
    .declaration_form .right_panel span label {
        float: left !important;
        width: auto !important;
    }
    .account_type {
        padding: 0 !important;
    }
    .option2 {
        margin: 0 8% !important;
    }
    .right_panel .option2 {
        margin-right: 0 !important;
    }
    .declaration_form .left_panel .signature {
        margin-right: 10%;
    }
    .declaration_form .left_panel span {
        margin-bottom: 0 !important;
    }
    .signature_container {
        margin-top: 20px !important;
    }
    .signature_container .signature {
        margin-bottom: 0;
        padding-top: 20px;
    }
    .declaration_form input[type="button"],
    .declaration_form input[type="button"] {
        display: none;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href)")";
    }
    abbr[title]:after {
        content: " (" attr(title)")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 1cm 0.5cm !important;
        size: A4;
    }
    p,
    h1,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h1,
    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*================================================== screen.css for dynamic search ==========================================================*/

h4#search-results-text {
    display: none;
}
ul#search-results {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ababab;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: none;
    margin-top: 5px;
    position: absolute;
    width: 620px !important;
    z-index: 2000;
    top: 35px;
    left: 0;
    padding: 0;
    width: 81.2%;
    overflow: hidden;
}
.landingPage ul#search-results {
    width: 543px;
}
ul#search-results li {
    background-color: rgba(255, 255, 255, 0) !important;
    border-top: 1px solid #cdcdcd;
    cursor: pointer;
    font-size: 14px;
    padding: 9px;
    transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    width: 97%;
    list-style: none;
}
ul#search-results li a {
    font-size: 14px;
}
ul#search-results li:hover {
    background-color: #f7f7f7;
}
ul#search-results li:first-child {
    border-top: medium none;
    color: #c03666 !important;
}
ul#search-results li h3,
ul#results li h4 {
    color: #017ab3 !important;
    font-size: 13px;
    line-height: 2em;
    transition: color 0.3s ease-in-out 0s;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    -o-transition: color 0.3s ease-in-out 0s;
    margin-bottom: 0;
}
ul#search-results li:hover h3,
ul#search-results li:hover h4 {
    color: #3b3b3b;
}
ul#search-results li:last-child span {
    color: #c03666 !important;
}
ul#search-results li:last-child h3 {
    color: #017ab3;
}
#search-results span {
    margin-left: 0;
}
.bg_none + .fancybox-close {
    right: 33px;
    top: 32px;
}
.category_text_heading {
    color: #3594c4;
}
.bg_none {
    background: none !important;
}
.contactus .left_panel label.checkbox,
.contactus .right_panel label.checkbox {
    width: 70%;
}
.contactus .request-button {
    margin-top: 15px;
}
/*========================================= css for tooltip start ============================================*/

abbr[title] {
    display: inline-block;
    width: 16px;
    height: 15px;
    border-bottom: 0;
    padding: 0 0px;
}
abbr[rel] {
    padding: 0 0px;
}
#tooltip {
    text-align: center;
    color: #fff;
    background: #017ab3;
    position: absolute;
    z-index: 100;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
#tooltip:after
/* triangle decoration */

{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #017ab3;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #017ab3;
    top: -20px;
    bottom: auto;
}
#tooltip.left:after {
    left: 10px;
    margin: 0;
}
#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
/*========================================= css for tooltip end ============================================*/

/*======================= RAQ page start ====================================================================================================================================*/

.inner h2 + span {
    margin-bottom: 15px;
    display: block;
}
.inner > hr {
    float: left;
    width: 98%;
    margin-bottom: 19px;
}
.other_detail {
    display: block;
    margin-bottom: 19px;
    vertical-align: middle;
    width: 100%;
}
.other_detail label {
    display: inline-block;
    float: none;
    vertical-align: middle;
    line-height: 20px;
    padding: 12px 0;
    width: 15.5%;
}
.other_detail .option2 {
    width: 80.5%;
}
.raq_email_notexist {
    color: green;
    font-size: 14px;
    padding-left: 32%;
    width: 62% !important;
}
.raq_email_exist {
    color: red;
    font-size: 14px;
    padding-left: 32%;
    width: 62% !important;
}
@media all and (max-width: 1300px) {
    .heapBox .holder {
        width: 86% !important;
        padding: 14px 5px !important;
    }
    .holder {
        line-height: 15px !important;
    }
    .category .right_panel .preview div.dropdown .heapBox .holder {
        padding: 14px 5px !important;
    }
}
@media all and (min-width: 767px) and (max-width: 1024px) {
    .inner .dropdown {
        width: 65.7% !important;
    }
}
@media all and (max-width: 766px) {
    .other_detail label,
    .other_detail .option2 {
        float: none;
        width: 90%;
    }
    .raq_email_exist,
    .raq_email_notexist {
        padding-left: 0;
        width: 94% !important;
    }
}
/*======================= RAQ page end ====================================================================================================================================*/

/*======================= product page start ====================================================================================================================================*/

.product_raq_button {
    margin: 0;
    margin-left: 30%;
}
.product_detail_container {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
}
/*========================================= top section of product detail page start ============================================*/

.product_detail_img {
    width: 35.70%;
    text-align: center;
    float: left;
}
.product_detail_content {
    float: left;
    width: 61.3%;
    padding-left: 3%;
    margin-bottom: 15px;
}
.product_detail_left .request-button {
    float: right;
}
.product_detail_left .left_panel label,
.product_detail_left .right_panel label {
    padding: 0;
}
.product_detail_content h2 {
    margin-bottom: 0;
}
.sub-title {
    font-size: 14px;
    color: #858585;
}
.product_detail_left {
    margin-top: 15px;
}
.product_detail_left .left_panel {
    clear: both;
    width: 48.6%;
}
.product_detail_left .right_panel .preview {
    margin-bottom: 0;
}
.product_detail_left .left_panel .preview > label,
.product_detail_left .right_panel .preview > label {
    display: inline-block;
    vertical-align: middle;
    color: #0070ae;
    width: 100%;
    padding: 12px 0;
}
.product_detail_left .left_panel .dropdown,
.product_detail_left .right_panel .dropdown {
    width: 66.7%;
}
.product_detail_left h5,
.order_detail h5 {
    font-size: 16px;
    color: #0070ae;
    font-weight: normal;
    margin: 0;
    padding: 12px 0 7px 0;
}
.order_detail p {
    line-height: 20px;
    margin: 0;
}
.product_detail_left .pop_up_checkbox {
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
}
.product_detail_left .pop_up_checkbox input {
    vertical-align: middle;
}
.product_detail_left .pop_up_checkbox label {
    margin-right: 10px;
    width: auto;
}
/*========================================= top section of product detail page end ============================================*/

/*========================================= Tab panel start of product detail page ============================================*/

.product_detail_tab #horizontalTab .resp-tabs-list li {
    background: #e7e7e7;
    width: 33%;
    text-align: center;
    color: #8f8f8f;
    margin-right: 0.5%;
    font-size: 16px;
    border: 1px solid #c1c1c1;
    border-bottom: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.product_detail_tab #horizontalTab .resp-tabs-list li:last-child {
    margin-right: 0;
}
.product_detail_tab #horizontalTab .pop_up_wrap {
    background: none !important;
}
.product_detail_tab #horizontalTab .social-login {
    top: 22% !important;
    left: 47% !important;
    margin-left: -20% !important;
}
.left_panel p span {
    color: #0070ae;
}
.padding_bottom .right_panel {
    text-align: center;
    width: 16.6%;
    padding-right: 15px;
}
.padding_bottom .right_panel .request-button {
    width: 100%;
}
.padding_bottom .right_panel .dropdown {
    width: 100%;
}
.price {
    color: #bc285c;
    font-size: 26px;
    margin-bottom: 15px;
}
.terms_condition {
    width: 76.4%;
    margin-top: 15px;
    padding-right: 15px;
    padding-left: 40px;
    line-height: 22px;
    float: right;
    background: url(../img/terms_condition_bg.jpg) top left no-repeat #e7e7e7;
    color: #494949;
    font-size: 12px;
}
.resp-tabs-container .padding_bottom {
    padding-bottom: 0;
    padding-right: 0;
}
.resp-tabs-container .pop_up_wrap {
    /*height: 302px;*/
}
.resp-tab-content h2 {
    text-align: left;
}
.resp-tab-content h4 {
    margin: 0;
    font-size: 24px;
    color: #565556;
    font-weight: normal;
}
.order_detail {
    width: 19.40%;
    float: left;
    margin-right: 20%;
    margin-bottom: 15px;
}
.order_detail:last-child {
    margin-right: 0;
}
.order_detail h5 {
    padding-bottom: 3px;
}
.resp-tab-content .table-bordered,
.resp-tab-content .table-bordered thead:first-child tr:first-child th:first-child,
.resp-tab-content .table-bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 0;
    -webkit-border-radius: 0;
    border-color: #c5e1ef;
}
.resp-tab-content .table-bordered thead:first-child tr:first-child th,
.resp-tab-content .table-bordered tbody:first-child tr:first-child th,
.resp-tab-content .table-bordered tbody:first-child tr:first-child td {
    background: none;
    text-align: center;
}
.resp-tab-content .table-bordered th + th,
.resp-tab-content .table-bordered td + td,
.resp-tab-content .table-bordered th + td,
.resp-tab-content .table-bordered td + th {
    border-color: #c5e1ef;
}
.resp-tab-content table tbody tr:nth-child(2n) {
    background: none;
}
.resp-tab-content table tbody tr td:first-child {
    text-align: center;
}
.resp-tab-content .table-condensed th,
.table-condensed td {
    border-bottom: 1px solid #c5e1ef;
}
.pagination + .table-condensed td {
    width: 25%;
}
.resp-tab-content .table-bordered {
    border-bottom: 0;
}
.resp-tab-content .table-bordered tbody:first-child tr td:first-child {
    text-align: left !important;
}
.resp-tab-content .table-bordered tbody:first-child tr:first-child td:nth-child(4),
.resp-tab-content .table-bordered tbody:first-child tr:first-child td:last-child {
    text-align: right !important;
}
.resp-tab-content .table-bordered tbody:first-child tr td:first-child,
.resp-tab-content .table-bordered tbody:first-child tr td:nth-child(4),
.resp-tab-content .table-bordered tbody:first-child tr td:nth-child(5),
.resp-tab-content .table-bordered tbody:first-child tr td:last-child {
    width: 5%;
    text-align: center;
}
.resp-tab-content .table-bordered tbody:first-child tr:first-child td:nth-child(2) {
    width: 30%;
}
.resp-tab-content .table-bordered tbody:first-child tr:first-child td:nth-child(3) {
    width: 30%;
}
.resp-tab-content .table-bordered tbody:first-child tr td:nth-child(4),
.resp-tab-content .table-bordered tbody:first-child tr td:nth-child(6) {
    text-align: right;
}
.resp-tab-content .table-bordered tbody:first-child tr:last-child td:first-child {
    text-align: left;
}
.resp-tab-content .table-bordered tbody:first-child tr:last-child td:last-child {
    text-align: right;
}
.grand_total {
    display: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    overflow: hidden;
}
.grand_total span {
    display: block;
    float: left;
    width: 60%;
}
.grand_total span:last-child {
    float: right;
    text-align: right;
    width: 40%;
}
.margin_top {
    margin-top: 20px;
}
.ordersummary_button {
    width: 100%;
    margin: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 15px;
}
.ordersummary_button input {
    vertical-align: top;
}
.ordersummary_button a {
    color: #fff !important;
    padding: 0 10px;
}
.ordersummary_button .request-button {
    display: inline-block;
    margin-right: 40px;
    width: auto;
}
.ordersummary_button .request-button:last-child {
    margin-right: 0;
}
.next_step {
    font-size: 14px;
    color: #0070ae;
    margin-top: 15px;
}
.next_step ol {
    padding: 0;
    padding-left: 15px;
    margin: 0;
}
.or2 {
    color: #b7b6b6;
    font-size: 22px;
    padding: 6px 0;
}
.after_login_alart {
    padding: 10px;
    background: #fdfeee;
    border: 1px solid #cacda0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 15px;
}
.after_login_alart_button {
    overflow: hidden;
    margin-top: 15px;
    line-height: 40px;
}
.after_login_alart_button .request-button {
    float: left;
    margin-right: 15px;
    width: 10%
}
.resp-tab-content .pop_up_container .left_panel input.option2 {
    padding: 7px 8px;
}
.preview .f_l {
    display: inline-block;
    width: auto;
}
.preview .f_l:last-child {
    margin-right: 0;
}
.after_login_alart_button input.request-button {
    margin-left: 0 !important;
}
.resp-tabs-container .pop_up_container .left_panel label {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.resp-tabs-container .pop_up_container .left_panel .pop_up_checkbox input {
    display: inline-block;
    vertical-align: middle;
}
.resp-tabs-container .pop_up_container .left_panel .pop_up_checkbox label.checkbox {
    display: inline-block;
    width: 92%;
    vertical-align: middle;
    padding: 0;
}
.resp-tabs-container .pop_up_container .left_panel .pop_up_checkbox {
    overflow: hidden;
    margin: 10px 0;
    margin-left: 31% !important;
}
.resp-tabs-container .pop_up_container input.request-button[type="submit"] {
    margin-left: 31%;
}
select.not_satisfied_bg {
    background: #bc285c;
    padding: 12px 8px;
    color: white;
    text-align: center;
}
select.not_satisfied_bg option {
    background: #fff;
    color: #7b7c7c;
    text-align: left;
}
table td span {
    display: block;
}
.acc_content > div {
    overflow: hidden;
}
.acc_content > div:last-child span {
    float: none;
    width: 100%;
    text-align: left;
}
.acc_content > div:last-child {
    font-size: 14px;
    line-height: 20px;
}
.acc_head > div:last-child {
    width: 94%;
}
.donation_button {
    background: #017ab3 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: medium none;
}
/*========================================= Tab panel end of product detail page ============================================*/

@media all and (min-width: 1024px) and (max-width: 1300px) {
    .resp-tab-content .ordersummary_button .request-button {
        width: 22%!important;
    }
}
@media all and (max-width: 960px) {
    .product_detail_left .request-button {
        width: 30%;
    }
    .product_detail_tab #horizontalTab .social-login {
        left: 33%;
    }
    .resp-tabs-container .padding_bottom {
        padding: 15px;
    }
    .terms_condition {
        float: none;
        width: 100%;
        background: none;
        padding: 0;
        text-align: center;
        margin-bottom: 15px;
    }
}
@media all and (min-width: 767px) and (max-width: 1500px) {
    .padding_bottom .right_panel {
        width: 25.6%
    }
}
@media all and (min-width: 767px) and (max-width: 1450px) {
    .preview .f_l {
        font-size: 14px;
    }
    .product_detail_left .left_panel .dropdown,
    .product_detail_left .right_panel .dropdown {
        width: 99% !important;
    }
}
@media all and (min-width: 767px) and (max-width: 860px) {
    .product_detail_tab #horizontalTab .resp-tabs-list li {
        font-size: 13px;
    }
}
@media all and (max-width: 768px) {
    .product_detail_img,
    .product_detail_content {
        width: 100%;
        float: none;
    }
    .product_detail_content {
        padding-left: 0;
        margin-top: 20px;
    }
}
@media all and (max-width: 766px) {
    .product_detail_left .left_panel {
        width: 100%;
    }
    .after_login_alart_button .request-button {
        margin-top: 0 !important;
    }
    .ordersummary_button .request-button:last-child {
        display: none;
    }
    .pagination {
        float: none;
    }
    .order_summary_table {
        display: none;
    }
    .smk_accordion,
    .grand_total {
        display: block;
    }
    .order_detail {
        width: 100%;
        mergin-right: 0;
        float: none;
    }
    .order_detail h5 {
        padding: 15px 0;
    }
    .padding_bottom .right_panel {
        width: 40.6%;
        margin: auto;
        margin-top: 20px;
    }
    .product_detail_left .left_panel .dropdown,
    .product_detail_left .right_panel .dropdown {
        width: 99%;
    }
    .product_detail_img {
        border-top: 1px solid #ccc;
        padding-top: 20px;
    }
    .product_detail_container .request-button {
        float: none;
        margin: auto;
    }
}
@media all and (max-width: 792px) {
    .resp-tabs-container .pop_up_container .left_panel .pop_up_checkbox {
        margin-left: 0 !important;
    }
    .resp-tabs-container .pop_up_checkbox,
    .resp-tabs-container .pop_up_wrap input.request-button[type="submit"],
    .resp-tabs-container .submit a {
        margin-left: 0;
    }
    .resp-tabs-container .pop_up_wrap input.request-button[type="submit"] {
        margin-right: 10px;
    }
    .resp-tab-content h4,
    .resp-tab-content h2 {
        font-size: 16px;
        margin-bottom: 0;
    }
}
@media all and (max-width: 1300px) {
    .resp-tab-content .request-button {
        width: auto;
    }
}
@media all and (max-width: 480px) {
    .ordersummary_button .request-button {
        margin-right: 0;
    }
    .padding_bottom .right_panel {
        width: 65.6%;
    }
    .product_detail_tab #horizontalTab .social-login {
        margin-left: -37%;
    }
}
/*======================= product page end ====================================================================================================================================*/

/*================== For error message and success message ============== */

.error_msg {
    border: solid 1px #efc0be;
    background: #ffe4e3 no-repeat;
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    color: #888888;
    margin: auto;
    margin-bottom: 10px;
    width: 90%;
    position: relative;
    overflow: hidden;
}
.error_msg span {
    width: 90%;
    float: left;
}
.error_msg p,
.error_msg span {
    margin: 0 !important;
    line-height: 18px;
}
.cross {
    float: right;
    display: block;
    text-decoration: none;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
    font-family: 'Varela Round', sans-serif;
    line-height: 12px;
}
.success_msg {
    border: solid 1px #b1e4a8;
    background: #defdd9 no-repeat;
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    color: #888888;
    position: relative;
    margin: 5px 0 10px;
    width: 90%;
    overflow: hidden;
}
.success_msg span {
    width: 90%;
    float: left;
}
.success_msg p,
.success_msg span {
    margin: 0 !important;
    line-height: 18px;
}
/*================== End for error message and success message ============== */

/*======================= Why budli page start ============================================================*/

.whyBudli {
    float: left;
    width: 28%;
}
.whyBudli2 {
    float: right;
    width: 28%;
}
.tright {
    overflow: hidden;
}
.whyBudli:nth-child(2) {
    text-align: center;
    width: 44%;
}
.whyBudli .tright .f_l,
.whyBudli2 .tright .f_l {
    background: url(../img/riskfree.png) top center no-repeat;
    width: 100%;
    padding-top: 70px;
    margin-bottom: 20px;
    text-align: center;
}
.whyBudli .tright:nth-child(2) .f_l {
    background: url(../img/environment.png) top center no-repeat;
}
.whyBudli .tright:nth-child(3) .f_l {
    background: url(../img/value.png) top center no-repeat;
}
.whyBudli .tright .f_l span,
.whyBudli2 .tright .f_l span,
.whyBudli3 .tright .f_l span,
.whyBudli2 .tright .f_l span {
    display: block;
    margin-bottom: 10px;
    font-size: 1.17em;
    color: #3594c4;
    font-weight: bold;
}
.whyBudli2 .tright:first-child .f_l {
    background: url(../img/speed.png) top center no-repeat;
}
.whyBudli2 .tright:nth-child(2) .f_l {
    background: url(../img/convenience.png) top center no-repeat;
}
.whyBudli2 .tright:nth-child(3) .f_l {
    background: url(../img/simplicity.png) top center no-repeat;
}
.whyBudli3 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.whyBudli3 .tright .f_l {
    background: url(../img/transparent.png) top center no-repeat;
    width: 100%;
    padding-top: 70px;
    margin: auto;
}
.whyBudli > img {
    margin-bottom: 14px;
}
@media all and (max-width: 768px) {
    .whyBudli:nth-child(2) {
        text-align: center;
        width: 100%;
    }
    .whyBudli,
    .whyBudli2 {
        float: none;
        width: 100%;
    }
    .whyBudli > img {
        margin-bottom: 20px;
    }
    .whyBudli3 .tright .f_l {
        background: url(../img/transparent.png) top center no-repeat;
        width: 100%;
        padding-left: 0;
        padding-top: 70px;
        margin: auto;
        margin-bottom: 20px;
    }
    .whyBudli3 {
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
}
/*======================= Why budli page end ================================*/

/*======================= Terms and condition page start  ==========================================================================================================================*/

.t_c hr {
    margin-top: 0;
    float: none;
    width: 100%;
}
.t_c h3,
.t_c ol,
.t_c_type {
    margin: 15px 0;
}
.t_c_type ol {
    padding: 0;
}
.t_c_type ol li {
    list-style-position: inside;
}
.t_c_type ol li > ol {
    padding-left: 10px;
    margin: 0;
}
/*======================= Terms and condition page end  ==========================================================================================================================*/

.login-iframe {
    border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
/*======================= career page start  ==========================================================================================================================*/

.career ul {
    padding: 0;
}
.career ul li {
    list-style: inside;
}
.career p,
.career h3 {
    margin-bottom: 15px;
}
.top {
    overflow: hidden;
}
.top a {
    display: block;
}
.back_to_top2 {
    font-size: 14px;
}
@media all and (max-width: 1023px) {
    .top,
    .top a {
        float: none;
    }
    .back_to_top2 {
        margin: auto;
    }
}
/*======================= career page end  ==========================================================================================================================*/

.checkout_frame_container {
    width: 100%;
    /*height: 680px;*/
}
.order_summery_frame_container {
    width: 100%;
    /*height: 755px;*/
}
/*======================= career page end  ==========================================================================================================================*/

/*======================= How it works page start  ==========================================================================================================================*/

.inner .video_container {
    float: none;
    margin: auto;
}
.step_section {
    overflow: hidden;
}
.inner a {
    color: #ca557f;
}
.how-works-h3 {
    margin-top: 16px;
}
.step_section + .request-button {
    color: #fff;
}
.step_section .all_step_container {
    margin-right: 2%;
    margin-top: 20px;
    width: 32%;
    overflow: hidden;
    float: left;
}
.step_section .all_step_container .all_step {
    margin-top: 0;
    background: #ca557f;
    padding: 7%;
    width: 86%;
    float: none;
}
.step_section .all_step_container:last-child {
    margin-right: 0;
}
.step_section .all_step_container .all_step p {
    color: #fff;
}
.step_section .all_step_container:nth-child(2) .all_step {
    background: #00b297;
}
.step_section .all_step_container:nth-child(3) .all_step {
    background: #e4af0d;
}
@media all and (max-width: 766px) {
    .step_section .all_step_container {
        float: none;
        width: 100%;
    }
}
/*======================= How it works page end  ==========================================================================================================================*/

/*======================= 404 page start  ==========================================================================================================================*/

.link_break_container {
    background: #f1f1f1;
    padding: 15px;
}
.link_break_inner_container {
    background: url(../img/404_page_bg.png) repeat;
    overflow: hidden;
    text-align: center;
}
.link_break_container > p {
    text-align: center;
    margin-top: 15px;
}
.link_break_container .left_panel,
.link_break_container .right_panel {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
#listone,
#listtwo {
    float: left;
    width: 46%;
    margin: 0 2%;
}
#listone ul,
#listtwo ul {
    padding-left: 0;
}
#listone ul li,
#listtwo ul li {
    list-style: none;
}
#listone ul li a,
#listtwo ul li a {
    text-align: left;
    display: block;
    width: auto;
    background: #fff;
    line-height: 31px;
    padding-left: 15px;
    margin-bottom: 4px;
    border-left: #3594c4 3px solid;
}
#listone ul li a:hover,
#listtwo ul li a:hover {
    border-left: #3594c4 10px solid;
}
@media all and (max-width: 766px) {
    #listone ul li a,
    #listtwo ul li a {
        width: auto;
    }
}
@media all and (max-width: 600px) {
    #listone,
    #listtwo {
        float: none;
        width: 100%;
        margin: 0;
    }
    #listone ul,
    #listtwo ul,
    #listtwo ul li:last-child a {
        margin: 0;
    }
}
/*======================= 404 page end  ==========================================================================================================================*/

.pop_up_container input.opc_button_fix[type="submit"] {
    width: 41% !important;
}
@media all and (max-width: 480px) {
    .pop_up_container input.opc_button_fix[type="submit"] {
        width: 63% !important;
    }
}
/*======================= popup_css ============================================*/

.pop_up_container span {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
.or_separator_mobile,
.clear {
    display: none;
}
.pop_up_wrap {
    background: rgba(20, 25, 25, .4) !important;
    padding: 15px;
    overflow: hidden;
}
.pop_up_container {
    background: #fff !important;
    padding: 6px;
    overflow: hidden;
}
.pop_up_container > div.right_panel {
    width: 29.6%;
    float: left;
    height: 192px;
    position: relative;
}
.pop_up_wrap .left_panel {
    width: 52%;
    float: left;
}
.pop_up_container .left_panel label {
    float: left;
    padding: 10px 0;
}
.pop_up_container .left_panel label.checkbox {
    padding-top: 0;
}
.pop_up_container .left_panel input.option2 {
    padding: 0 8px;
    width: 63%;
    line-height: 34px;
}
.pop_up_container h2 {
    text-align: left;
    color: #c03566;
    margin-top: 0;
}
.pop_up_container p {
    color: #017ab3;
    padding: 0;
    margin: 0;
}
.pop_up_container > div.right_panel > div.social-login a {
    margin-bottom: 20px;
    display: block;
    text-align: left;
}
.or_separator {
    border-right: 1px dotted #ccc;
    float: left;
    height: 250px;
    margin: 0 7% 0 8%;
    width: 1px;
    position: relative;
}
.login .or_separator {
    height: 191px;
}
.or_separator span {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    float: left;
    padding: 3px 6px;
    position: absolute;
    height: 25px;
    top: 46%;
    margin-top: -16.5px;
    left: 0;
    margin-left: -15px;
}
.social-login {
    position: absolute;
    top: 39%;
    text-align: center;
}
.submit {
    overflow: hidden;
}
.pop_up_container .login .submit,
.login .submit {
    margin-bottom: 0;
    overflow: hidden;
}
.pop_up_container .request-button[type="submit"],
.login .request-button[type="submit"] {
    float: left;
}
.pop_up_container .submit a {
    float: left;
    margin-left: 8px;
    line-height: 39px;
}
.login .new_user {
    margin-left: 0 !important;
}
.pop_up_checkbox label {
    padding: 0;
}
.pop_up_checkbox > label.checkbox {
    float: none;
    width: 100%;
}
.pop_up_container input.request-button[type="submit"] {
    margin-top: 0;
    line-height: normal;
    padding: 10px;
    font-size: 16px;
}
.pop_up_container .left_panel div.new_user a {
    color: #017ab3;
}
.submit a {
    font-size: 12px;
    color: #666;
}
.login_container {
    overflow: hidden;
    margin-bottom: 10px;
}
.login_container p,
.login_container span {
    float: left;
    margin-right: 20px;
}
.login_container span {
    font-size: 12px;
}
.clear {
    clear: both;
    padding: 0;
    margin: 0;
}
.resp-tab-content iframe.login-iframe html body div.pop_up_container div.or_separator {
    display: none !important;
}
@media all and (max-width: 600px) {
    .login_container p,
    .login_container span {
        float: none;
        margin-right: 0;
    }
    div.new_user {
        margin-bottom: 35px !important;
    }
    .pop_up_container > div.right_panel {
        width: 100%;
    }
    .pop_up_container .left_panel input.option2 {
        padding: 0 8px;
        width: 90% !important;
        margin-bottom: 0;
    }
    .or_separator {
        display: none;
    }
    .or_separator_mobile,
    .clear {
        display: block !important;
        border-bottom: 1px dotted #ccc !important;
        position: relative;
    }
    .or_separator_mobile span {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #cccccc;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        float: left;
        height: 25px;
        left: 50%;
        margin-left: -15px;
        margin-top: -16.5px;
        padding: 3px 6px;
        position: absolute;
        top: 0;
    }
    .pop_up_checkbox + input + a {
        display: block;
        padding-left: 0 !important;
        width: 54%;
    }
    .pop_up_checkbox,
    .submit > .request-button,
    .new_user {
        margin-left: 0 !important;
    }
    .pop_up_wrap .left_panel {
        width: 100%;
    }
    .social-login {
        top: 40% !important;
        margin-top: 0;
        left: 50% !important;
        margin-left: -90px;
    }
    .signup .social-login {
        top: 28% !important;
    }
    .pop_up_container .left_panel label {
        padding: 5px 0 !important;
    }
    .pop_up_checkbox {
        margin-bottom: 0 !important;
    }
    .submit {
        margin-top: 10px;
    }
}
.not_needed_pasword {
    width: 93.5% !important
}
.pinned {
    width: 50%;
}
div.table-wrapper div.scrollable {
    margin-left: 50%;
}
@media all and (max-width: 360px) {
    .login .submit a {
        margin-bottom: 0 !important;
    }
    .pop_up_container .submit a {
        margin-left: 0;
    }
    .pop_up_container input.request-button[type="submit"] {
        width: 46% !important;
        float: none;
    }
    .pop_up_container input.opc_button_fix[type="submit"] {
        width: auto!important;
    }
    .social-login {
        margin-left: 0 !important;
        left: 0 !important;
    }
}
/*======================= popup_css end ============================================*/

/*======================= row css start ============================================*/
.resp-tab-content .table-bordered tbody:first-child tr td:first-child, .resp-tab-content .table-bordered tbody:first-child tr td:nth-child(4), .resp-tab-content .table-bordered tbody:first-child tr td:nth-child(5), .resp-tab-content .table-bordered tbody:first-child tr td:last-child {width:auto !important;}
.inner a.request-button {color:#fff;}
.inner a.request-button-d {color:#c2d6e4;}.resp-tab-content table.responsive a.request-button {margin-top:0;}
	@media all and (min-width:769px) and (max-width:1000px)
	{
		.resp-tabs-container > .new_my_account form > .left_panel label , .resp-tabs-container > .new_my_account form > .right_panel label ,  .resp-tabs-container > .new_my_account form > .left_panel .preview label
		{
			width:100% !important;
		}
		.resp-tabs-container > .new_my_account form > .left_panel input.option2 , .resp-tabs-container > .new_my_account form > .right_panel input.option2 , .resp-tabs-container > .new_my_account form > .right_panel textarea.option2
		{
			width:90%;
		}
		 .resp-tabs-container > .new_my_account form > .right_panel .preview div.dropdown , .resp-tabs-container > .new_my_account form > .left_panel .preview div.dropdown 
		{
			width:97% !important;
		}
}
.product_loginpage {
    left: 47% !important;
    margin-left: -20% !important;
    top: 22% !important;
}
@media all and (max-width: 768px) {
    .product_loginpage {
        left: 24% !important;
        margin-left: -20% !important;
    }
}
@media all and (max-width: 766px) {
    .product_loginpage {
        left: 10% !important;
        margin-left: -8% !important;
    }
    .ordersummary_button .request-button {
        margin-right: 0 !important;
    }
    .ordersummary_button a.not_satisfied_back {
        display: inline !important;
        width: 40% !important;
    }
}
@media all and (max-width: 600px) {
    .product_loginpage {
        left: 42% !important;
        margin-left: -8% !important;
    }
}
@media all and (max-width: 480px) {
    .product_loginpage {
        left: 33% !important;
        margin-left: -8% !important;
    }
}
@media all and (max-width: 320px) {
    .product_loginpage {
        left: 20% !important;
        margin-left: -8% !important;
    }
}
textarea.option2 {
    line-height: 18px !important;
}
.product_detail_left .pop_up_checkbox input[type="radio"] + label {
    display: inline;
}
#prod_submit {
    margin-top: 20px;
}
@media all and (min-width: 900px) and (max-width: 1300px) {
    .resp-tab-content .after_login_alart_button > a.request-button {
        width: 20% !important;
    }
}
.contactus .left_panel label.checkbox,
.contactus .right_panel label.not_satisfied {
    width: 100%;
}
.fb_iframe_widget {
    display: inline !important;
    float: left;
}
.required_cant_blank {
    display: inline-block;
    margin-top: 20px;
    line-height: 40px;
    color: red;
}
.contactus .ordersummary_button input.not_satisfied_input {
    display: inline-block !important;
    margin-top: 0 !important;
}
.ordersummary_button a.not_satisfied_back {
    display: inline-block !important;
    margin-top: 0;
}
.contactus .left_panel label.checkbox,
.contactus .right_panel label.x {
    width: 88%;
    margin-left: 10px;
}
.checkout_contactus {
    padding-bottom: 20px;
    width: 98%;
    margin: 0 auto;
}
.inner .order_no_panel a {
    color: #fff !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #menu1 li:first-child a {
        background: url("../img/home_icon.png") no-repeat scroll 0 21px;
    }
    #menu1 li:first-child a:hover {
        background: url("../img/home_icon_hover.png") no-repeat scroll 0 21px;
    }
}
/*======================= row css end ============================================*/

/*======================= Order detail page start  ==========================================================================================================================*/

.orser_detail .resp-tab-content {
    display: block;
}
.order_no_panel h4 {
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
}
.order_no_panel .request-button {
    float: right;
}
@media all and (max-width: 768px) {
    .order_no_panel .request-button {
        display: none;
    }
}
/*======================= Order detail page end  ==========================================================================================================================*/

/*======================= Declaration Form start  ==========================================================================================================================*/

.declaration_form {
    overflow: hidden;
}
.declaration_form input.request-button[type="submit"] {
    margin-top: 0;
}
.declaration_form_product_detail {
    overflow: hidden;
}
.declaration_form_product_detail > span {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.declaration_form .left_panel label,
.declaration_form .right_panel label {
    width: auto;
    margin-right: 10px;
}
.account_type {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.account_type_option {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}
.account_type_option input,
.account_type_option label {
    display: inline-block;
    vertical-align: middle;
}
.declaration_form .request-button {
    margin-top: 0;
    display: inline-block;
    border: none;
}
.internal_use,
.internal_use2 {
    border-top: 3px #000 solid;
    margin-top: 20px;
    display: none;
}
.internal_use textarea {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
#printableArea h4 {
    text-align: center;
    margin: 0.33em 0;
}
.signature_container .signature {
    margin-bottom: 0;
    padding-top: 20px;
}
.bank_information .left_panel {
    width: 100% !important;
}
.bank_information .left_panel span {
    float: left;
    display: block;
    width: 20%;
}
@media all and (max-width: 766px) {
    .declaration_form_product_detail > span {
        margin-bottom: 0;
    }
    .account_type,
    .account_type_option {
        width: 100%;
    }
    .account_type_option label {
        width: 40%;
    }
    .declaration_form .request-button {
        margin-bottom: 15px;
        width: 20%;
    }
}
@media all and (max-width: 640px) {
    .declaration_form .request-button {
        display: block;
        width: 40%;
    }
}
/*======================= Declaration Form end  ==========================================================================================================================*/

/* == print shipping label */

.print_shipping {
    margin: 0 !important;
}
.print_shipping {
    overflow: hidden;
}
.print_shipping input.request-button {
    display: inline-block;
    border: none;
    margin-top: 0;
}
/*==================== CSS for RAQ processor search =================== */

#processor_search {
    position: relative;
}
.model_search_results {
    position: relative;
}
ul#processor_search_results, ul.model_search_results  {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ababab;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: none;
    margin-top: 5px;
    position: absolute;
    z-index: 2000;
    top: 45px;
    left: 32%;
    padding: 0;
    width: 62.5%;
    overflow-y: scroll;
    height: 200px;
}
@media all and (min-width: 600px) and (max-width: 767px) {
    ul#processor_search_results, ul.model_search_results {
        width: 96%;
        left: 0;
        top: 90px;
    }
}
@media all and (min-width: 320px) and (max-width: 599px) {
    ul#processor_search_results, ul.model_search_results {
        width: 98% !important;
        left: 0;
        top: 90px;
    }
}
ul#processor_search_results li, ul.model_search_results li {
    background-color: rgba(255, 255, 255, 0) !important;
    border-top: 1px solid #cdcdcd;
    cursor: pointer;
    font-size: 14px;
    padding: 9px;
    transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    width: 90%;
    list-style: none;
}
ul#processor_search_results li a, ul.model_search_results li a {
    font-size: 14px;
}
ul#processor_search_results li:hover {
    background-color: #f7f7f7;
}
ul#processor_search_results li:first-child, ul.model_search_results li:first-child {
    border-top: medium none;
    color: #c03666 !important;
}
ul#processor_search_results li h3,
ul#results li h4, ul.model_search_results li h3 {
    color: #017ab3 !important;
    font-size: 13px;
    line-height: 2em;
    transition: color 0.3s ease-in-out 0s;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    -o-transition: color 0.3s ease-in-out 0s;
    margin-bottom: 0;
}
ul#processor_search_results li:hover h3,
ul#processor_search_results li:hover h4, ul.model_search_results li:hover h3 {
    color: #3b3b3b;
}
ul#processor_search_results li:last-child span, ul.model_search_results li:last-child span {
    color: #c03666 !important;
}
ul#processor_search_results li:last-child h3 {
    color: #017ab3;
}
#processor_search_results span {
    margin-left: 0;
}
#other_processor_span {
    display: none;
}

div.span3 {
    float: left;
    width: 25%;
}
div.span9 {
    float: left;
    width: 100%;
}
.product_option {
    width: 33%;
    float: left;
}
@media all and (max-width: 1287px) {
    div.span3 {
        float: left;
        width: 30%;
    }
}
@media all and (max-width: 1082px) {
    div.span3 {
        float: left;
        width: 40%;
    }
}
@media all and (max-width: 830px) {
    div.span3 {
        float: left;
        width: 45%;
    }
}
@media all and (max-width: 745px) {
    div.span3 {
        float: left;
        width: 100%;
    }
}

.order_detail ul {
    padding: 10px 0;
    margin: 0;
    background: #fff;
}
.order_detail ul:first-child,
.sent_mail > ul:first-child {
    margin: 0;
}
.order_detail ul li,
.sent_mail > ul li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
}
.order_detail ul li:first-child
{
    padding: 0 10px 0 0;
}
.order_detail ul li:first-child {
    width: 50%;
}
.cancel > li:first-child {
    text-decoration: line-through;
}

.hover {
    position: relative;
}
.tooltip2 {
    background-color: #e6e6e6;
    border: 1px solid #cecece;
    border-radius: 5px;
    color: black;
    left: -540%;
    margin-left: -58%;
    display: none;
    padding: 10px;
    position: absolute;
    top: -78px;
    z-index: 99;
    width: 1180%;
}
div.hover:hover .tooltip2 {
    display: block;
}
.tooltip2:after {
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 14px solid rgba(230, 230, 230, 0);
    border-top-color: #e6e6e6;
    margin-left: -14px;
}
.tooltip2 ul {
    padding: 0;
    margin: 0 !important;
    background: none;
}
.tooltip2 ul li {
    border: medium none;
    display: block;
    margin: 0 !important;
    text-align: left !important;
    width: 100% !important;
    padding: 0;
}

.order_detail .rows2 {
    top: -72px;
}
.order_detail .rows4 {
    top: -112px;
}
.order_detail .rows6 {
    top: -182px;
}
.order_detail .rows8 {
    top: -182px;
}

/*============================== Header Budli Buy Banner section ===============*/
.header_banner {
    float: right;
    margin: 6px 2%;
    width: 49%;
}

@media all and (max-width: 1165px) {
    .header_banner {
        float: right;
        margin: 6px 1%;
        width: 49%;
    }
}

@media all and (max-width: 1109px) {
    .header_banner {
        float: left;
        margin: 10px auto 0;
    }
}

@media all and (max-width: 908px) {
    .header_banner {
        float: left;
        margin: 10px auto 0;
        width: 100%;
    }
}

.charity_message_box {
    width: 100%;
    border-bottom: 4px solid #44758d;
    padding: 20px 0;
}
.charity_message_box h2 {
    font-size: 26px;
    color: #777777;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

.charity_message_box h2 a {
    color: #777777;
    text-decoration: none;
}

.gadget_charity_message {
    color: #777777;
    float: right;
    margin: 0 10px 0 0;
}

.gadget_charity_message a {
    color: #777777;
    text-decoration: none;
}

/** =================== APP icon placed ==================== **/
.top_middle { float:left; width: 59%;}
.top_middle_box {margin: 0 auto; width: 50%;}
.app_icon { float: left; line-height: 48px; padding: 0 4px 0 4px;}
.top_middle_mobile { float: left; width: 100%; display: none; }
.top_middle_mobile .app_icon { /*width: 25%;*/ line-height: 20px; padding: 0 4px 0 4px;}

@media all and (max-width: 1280px) {
    .top_middle { width: 55%; }
    .top_middle_box {width: 54%}
}
@media all and (max-width: 1024px) {
    .top_middle { width: 45%; }
    .top_middle_box {width: 74%}
}
@media all and (max-width: 980px) {
    .top_middle { width: 44%; }
    .top_middle_box {width: 84%}
}
@media all and (max-width: 800px) {
    .top_middle {display: none;}
    .top_middle_mobile{display: block;}
    .top_middle_box {width: 50%}
}

.dropdown-select[disabled], .dropdown-select[readonly], fieldset[disabled] .dropdown-select {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}

.button_order_list {
    width: auto !important;
}

.cancel_order_row {
    margin-bottom: 15px;
}

.cancel_order_form_heading {
    background: #e7e7e7 none repeat scroll 0 0;
    padding: 4px 10px;
}

.button_order_list {
    width: auto !important;
}

.coupon_box {
    font-size: 15px;
    padding: 5px;
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    color: #0070ae;
    width: 50%;
}

.coupon_input {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #666;
    line-height: 21px;
    margin: 0;
    padding: 7px 8px;
    width: 60%;
    display: inline-block;
}

.error_coupon_code {
    font-size: 13px;
    color: #bc285c;
    display: none;
}

input[disabled], input[readonly] {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}

.divisions { float:left; width:30%; margin-top:-20px;}
.divisions ul { list-style:none;margin-left: -40px;}
.divisions ul li { text-decoration:none; display:block;height:22px; }
.divisions ul li a { text-decoration:none; color:#d6e9f2; font-size:small;font-weight:300;}
.divisions ul li a:hover { text-decoration:underline; color:#d6e9f2; }


.h1_div{
    text-align: justify;
    width: 80%;
    padding-left: 10%;
}

/** =================== APP icon placed ==================== **/
.top_middle { float:left; width: 59%;}
.top_middle_box {margin: 0 auto; width: 50%;}
.app_icon { float: left; line-height: 48px; padding: 0 4px 0 4px;}
.top_middle_mobile { float: left; width: 100%; display: none; }
.top_middle_mobile .app_icon { width: 25%; line-height: 20px; padding: 0 4px 0 4px;}

@media all and (max-width: 1280px) {
    .top_middle { width: 55%; }
    .top_middle_box {width: 54%}
    .app_icon {width: 47%;}
}
@media all and (max-width: 1024px) {
    .top_middle { width: 45%; }
    .top_middle_box {width: 74%}
}
@media all and (max-width: 980px) {
    .top_middle { width: 44%; }
    .top_middle_box {width: 84%}
}
@media all and (max-width: 800px) {
    .top_middle {display: none;}
    .top_middle_mobile{display: block;}
    .top_middle_box {width: 50%}
}
.msg h3{
    width:100%;
    color:white;
    font-size:1.5em;
    text-align: center;
}

.bx-wrapper .bx-viewport {
    background: #cde5f4 none repeat scroll 0 0;
    padding-bottom: 20px;
    transform: translateZ(0px);
}
.bx-controls-direction {
    display: block;
}
.bx-wrapper .bx-controls-direction a {
    position: static;
    margin: 0 10px;
}
.bx-wrapper .bx-viewport {
    background: #cde5f4 none repeat scroll 0 0;
    padding-bottom: 20px;
    transform: translateZ(0px);
}
.bx-controls-direction {
    display: block;
}
.bx-wrapper .bx-controls-direction a {
    position: static;
    margin: 0 10px;
}

@media (min-width: 1281px) { .button_set{ display: none;} }
@media (min-width: 320px) and (max-width: 1024px) {
    .h1_div{
        display: none;
        width: 96%;
        padding: 0;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px) {
    .coupon_box {
        width: 90%;
        margin-bottom: 20px;
    }
}
/* =================== Override fancybox default css to here ================= */
.fancybox-slide--iframe .fancybox-content {
    width  : 76%;
    height : 64%;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
    background: transparent;
}
@media screen and (max-width: 768px) {
    .fancybox-slide--iframe .fancybox-content {
        width  : 99%;
        height : 99%;
        max-width  : 100%;
        max-height : 100%;
    }
    .fancybox-slide {
        padding: 0;
    }
}

/* =============================== New css rule for new google login ==================== */

#customBtn:hover {
    cursor: pointer;
}