@charset "utf-8";


.clearfix,
.clr {
    clear: both
}

.row .col,
.row .col p {
    vertical-align: middle
}


.productBox .productBoxBg ul li a:hover,
.smallBoxBg ul li a:hover,
div#banner div#bannerBg div#innerContent p a:hover,
div#footer .footerBoxBg ul li a:hover,
table.clientList tr td a:hover {
    text-decoration: underline
}

.noBg {
    background: 0 0!important
} 

small {
    padding-left: 20px;
    font-size: .8em
}

.fontSize13 {
    font-size: .9em!important
}

div#header {
    position: relative;
    width: 960px;
    min-height: 81px;
    height: 155px;
    margin: 0 auto
}

div#header div#contact,
div#header div#liveChat,
div#header div#logo,
div#menuBg div#menu div#searchBox {
    position: absolute
}

div#header div#logo {
    top: 13px;
    left: 0
}

div#header div.topNav {
    margin-right: 0;
    position: absolute;
    right: 196px;
    top: 20px
}

div#header div.topNav .topBgLeft {
    background: url(../image/searchBoxLeft.gif) no-repeat;
    width: 5px;
    height: 34px;
    float: left;
    margin-left: 10px
}

div#header div.topNav .topBgMid {
    background: #73afdf;
    height: 34px;
    float: left;
    font: 1.2em Arial, Helvetica, sans-serif;
    color: #FFF;
    line-height: 34px;
    text-transform: uppercase;
    padding: 0 5px;
    margin-bottom: 14px
}

div#header div.topNav .topBgMid span a {
    color: #FFF
}

div#header div.topNav .topBgMid .email {
    background: url(../image/emailIco.gif) left center no-repeat;
    height: 26px;
    padding-left: 30px
}

div#header div.topNav .topBgRight {
    background: url(../image/searchBoxRight.gif) no-repeat;
    width: 5px;
    height: 34px;
    float: left
}

div#header div#contact {
    top: 45px;
    right: 0
}

div#header div#contact h2 {
    color: #FFF;
    text-transform: uppercase;
    margin: 0
}

div#header div#liveChat {
    top: 18px;
    right: 285px
}

div#menuBg div#menu {
    width: 960px;
    margin: 0 auto;
    position: relative
}

div#menuBg div#menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

div#menuBg div#menu ul li {
    border-right: solid 1px #dbdbdb;
    float: left
}

div#menuBg div#menu ul li a {
    font: .875em Arial, Helvetica, sans-serif;
    color: #585858;
    text-transform: uppercase;
    line-height: 40px;
    padding: 0 15px;
    display: block
}

#menu .cartBox li table tbody tr td a {
    color: #fff!important;
    text-transform: none!important;
    line-height: normal!important;
    padding: 0!important;
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 16px!important
}

div#menuBg div#menu ul li a.active,
div#menuBg div#menu ul li a:hover {
    background: url(../image/menuBgHover.gif) repeat-x;
    color: #026daa
}

div#menuBg div#menu ul li ul li {
    border-right: 0;
    border-bottom: solid 1px #dbdbdb
}

div#menuBg div#menu ul li ul li a {
    font-size: .8em;
    line-height: 25px;
    white-space: nowrap;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0 1em;
    color: #fff
}

div#menuBg div#menu ul li ul li a:hover {
    background-image: none;
    color: #fff
}

div#menuBg div#menu div#searchBox {
    top: 1px;
    right: 0;
    width: 428px
}

div#menuBg div#menu div#searchBox div#searchform {
    margin-top: 2px
}

div#menuBg div#menu div#searchBox div#searchform input {
    margin: 0 2px
}

div#menuBg div#menu div#searchBox div#searchform input.searchField {
    background: url(../image/searchField.gif) no-repeat;
    border: 0;
    width: 183px;
    height: 19px;
    line-height: 19px;
    padding: 3px 5px;
    color: #666;
    font-size: .71em
}

div#menuBg div#menu div#searchBox div#searchform input.searchBtn {
    background: url(../image/searchBtn.gif) no-repeat;
    width: 56px;
    height: 25px;
    border: 0;
    cursor: pointer
}



div#banner div#bannerBg div#subMenu {
    position: absolute;
    top: 0;
    left: 350px
}

div#banner div#bannerBg div#subMenu div#submenuLeft {
    background: url(../image/subMenuLeft.gif) no-repeat;
    width: 57px;
    height: 21px;
    float: left
}

div#banner div#bannerBg div#subMenu div#submenuBg {
    background: url(../image/subMenuBg.gif) repeat-x;
    height: 21px;
    float: left
}

div#banner div#bannerBg div#subMenu div#submenuRight {
    background: url(../image/subMenuRight.gif) no-repeat;
    width: 57px;
    height: 21px;
    float: left
}

div#banner div#bannerBg div#subMenu div#submenuBg ul {
    list-style: none;
    margin: -5px 0 0;
    padding: 0
}

div#banner div#bannerBg div#subMenu div#submenuBg ul li {
    float: left;
    color: #fff
}

div#banner div#bannerBg div#subMenu div#submenuBg ul li a {
    color: #fff;
    font-weight: 700;
    padding: 0 10px;
    font-size: .9em
}

div#banner div#bannerBg div#subMenu div#submenuBg ul li a:hover {
    color: #73afdf
}

div#banner div#bannerBg div#bannerContent {
    margin-bottom: 15px
}

div#banner div#bannerBg div.bannerTxt {
    width: 340px
}

div#banner div#bannerBg div.pics {
    width: 349px;
    height: 101px;
    overflow: hidden
}

div#banner div#bannerBg div.bannerTxt p {
    font: 700 .82em Arial, Helvetica, sans-serif!important;
    color: #606060!important;
    text-align: justify
}

div#banner div#bannerBg div#innerContent table tr td ul {
    margin-left: 20px
}

div#banner div#bannerBg div#innerContent table tr td ul li {
    color: #5e5e5e!important;
    font-size: .9em;
    line-height: 1.9em
}

div#banner div#bannerBg div#innerContent table tr td ul li a {
    color: #5e5e5e!important
}

div#banner div#bannerBg div#innerContent table tr td ul li a.active,
div#banner div#bannerBg div#innerContent table tr td ul li a:hover {
    color: #026daa!important;
    text-decoration: underline
}

div#banner div#bannerBg div#innerContent p a,
div#banner div#bannerBg div#innerContent p strong {
    color: #026daa
}

div#banner div#bannerBg div#innerContent ul.arrowBullets {
    list-style: none;
    margin: 0 0 10px 5px;
    padding: 0
}

div#banner div#bannerBg div#innerContent ul.arrowBullets li {
    background: url(../image/arrowBullet.gif) 0 8px no-repeat;
    padding-left: 15px;
    color: #5e5e5e;
    font-size: .81em;
    line-height: 1.5em
}

div#banner div#bannerBg div#innerContent .faqsTxt {
    padding-left: 20px
}

div#banner div#bannerBg div#innerContent ul li {
    color: #5e5e5e
}

.productBox .productBoxBtn,
a.productBtn {
    text-align: center;
    color: #fff;
    font-weight: 700
}

div#productBg {
    background: #eee;
    padding: 15px 0
}

div#productBg div#product {
    width: 960px;
    margin: 0 auto
}

a.productBtn {
    background: url(../image/featuredProductBg.gif) no-repeat;
    width: 149px;
    height: 29px;
    line-height: 29px;
    display: block;
    font-size: 1em
}

.productBox {
    width: 233px
}

.productBox .productBoxTop {
    background: url(../image/productBoxTop.png) no-repeat;
    width: 233px;
    height: 10px
}

.productBox .productBoxBg {
    background: #fff;
    border-left: solid 1px #dbdada;
    border-right: solid 1px #dbdada;
    min-height: 300px;
    width: 211px;
    padding: 5px 10px
}

.productBox .productBoxBottom {
    background: url(../image/productBoxBottom.png) no-repeat;
    width: 233px;
    height: 10px
}

.productBox .productBoxBtn {
    background: url(../image/productBoxBtn.gif) no-repeat;
    width: 233px;
    height: 33px;
    line-height: 33px;
    font-size: .8em
}

.productBox .productBoxBtn:hover {
    background: url(../image/productBoxBtn.gif) 0 -33px no-repeat
}

.productBox .productBoxBg ul {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0
}

.productBox .productBoxBg ul li {
    background: url(../image/bullet.gif) 0 7px no-repeat;
    padding-left: 10px;
    line-height: 20px
}

.productBox .productBoxBg ul li a {
    color: #2057a4;
    font-size: .9em
}

#contentArea {
    width: 960px;
    margin: 0 auto;
    padding: 15px 0
}

#contentArea .content {
    width: 460px
}

#contentArea .content h3 {
    margin: 0
}

.contentSeprater {
    background: url(../image/contentSeprater.gif) no-repeat;
    width: 1px;
    height: 200px;
    margin: 0 15px
}
#newsletter {
    margin: 10px 0
}

#newsletter label {
    color: #5e5e5e
}

#newsletter input.textField {
    background: url(../image/textField.gif) no-repeat;
    border: 0;
    width: 287px;
    height: 24px;
    line-height: 24px;
    padding: 5px;
    color: #5e5e5e
}

.contactForm {
    margin-left: 12px
}

.contactForm label {
    color: #616161;
    font-size: .7em;
    width: 70px;
    margin-top: 8px
}

.contactForm input.field,
.contactForm textarea.field {
    padding: 8px;
    margin-bottom: 6px;
    float: left;
    width: 180px;
    border: 0;
    font: .84em Arial, Helvetica, sans-serif;
    color: #6c6c6c
}

.contactForm input.field {
    background: url(../image/contect-field.gif) no-repeat
}

.contactForm textarea.field {
    height: 188px;
    background: url(../image/textArea-field.gif) no-repeat;
    resize: none
}

.contactForm .btn {
    float: right;
    margin-right: 10px
}



.emailFriend {
    margin-bottom: 10px
}

.emailFriend p {
    margin: 0!important
}

.emailFriend p a {
    margin-left: 25px;
    line-height: 26px
}

.emailFriend p a.email {
    background: url(../image/emailIcon.gif) 0 6px no-repeat;
    padding-left: 20px
}

table.loginRegister,
table.shoppingCart {
    margin-top: 15px
}

table.shoppingCart tr td {
    padding: 7px!important
}

table.shoppingCart tr td p {
    margin: 5px 0!important
}

.proceedToCheckOut {
    padding: 10px;
    min-height: 185px;
    margin-top: 12px
}

.proceedToCheckOut .TxtField,
.proceedToCheckOut label {
    margin-bottom: 12px
}

.proceedToCheckOut table tr td {
    padding: 5px 7px;
    color: #666;
    font-size: .93em!important
}

.proceedToCheckOut table tr td span.required {
    color: red;
    font-size: .81em!important
}

.proceedToCheckOut p,
label {
    font-size: .9em
}

#signIn label {
    float: left;
    width: 80px;
    text-align: right;
    padding: 5px
}

#billingaddress input.TxtField,
#billingaddress select,
#payment input.TxtField,
#payment select,
#signIn input.TxtField,
table.contact input.txtField,
table.login input.txtField {
    border: 1px solid #dbdbdb;
    padding: 5px;
    margin: 2px 0;
    color: #5e5e5e
}

#payment a,
.reviewOrder tr td a {
    color: #026daa
}

#guestcustomer label {
    color: #026daa;
    float: left
}

#guestcustomer input {
    float: left
}

#billingaddress table td,
#payment table td {
    padding: 3px!important
}

.sepraterLarge {
    background: url(../image/sepraterLarge.gif) no-repeat;
    height: 1px;
    width: 896px;
    margin: 10px 0
}

table.login {
    margin-top: 0
}

table.login tr td.headerTable {
    border-bottom: solid 1px #dbdbdb
}

input.loginBtn,
input.registerBtn {
    cursor: pointer;
    height: 23px;
    border: 0
}

input.loginBtn {
    background: url(../image/login.gif) no-repeat;
    width: 69px
}

input.registerBtn {
    background: url(../image/register.gif) no-repeat;
    width: 79px
}

.button {
    cursor: pointer
}

.button a {
    float: left;
    background: url(../image/btnLeft.png) left top no-repeat;
    padding: 0 0 0 10px;
    text-decoration: none;
    line-height: 30px
}

.button a span {
    display: block;
    background: url(../image/btnBg.png) right top no-repeat;
    padding: 0 10px 0 0;
    color: #fff;
    line-height: 30px;
    font-size: 1em;
    float: none
}

.button #current a {
    background-position: 0 -30px
}

.button #current a span {
    background-position: 100% -30px;
    color: #000
}

.button a:hover {
    background-position: 0 -30px
}

.button a:hover span {
    background-position: 100% -30px
}

#inline1 p a {
    color: #026daa
}

.myaccount,
.myaccount a {
    color: #FFF
}

#inline1 p a:hover {
    text-decoration: underline
}

.quoteBg {
    background-color: black;
    /*background: url(../image/quote-background.png) no-repeat;*/
    width: 691px;
    height: 59px;
    position: relative;
    margin: 0 auto 15px;
    margin-top: 15px;
}

.quoteBg img[alt="5step"] {
    top: 15px;
    left: 20px;
    position: absolute
}

.quoteBg img[alt=slogan] {
    top: 18px;
    left: 250px;
    position: absolute
}

.quoteBg img[alt="Start Quote"] {
    top: 10px;
    right: 15px;
    position: absolute
}

.myaccount {
    float: right;
    font-size: 15px;
    padding-right: 10px;
    min-width: 204px
}

.addtoCart div {
    font-size: .9em!important
}

.google_language1 {
    position: absolute;
    top: 43%;
    right: 0;
    float: right
}

.google_language2 {
    margin-top: -41px;
    float: right
}

.goog-te-gadget {
    color: #FFF!important
}

.clearfix:after {
    width: 0
}

.rightSide .table {
    width: 685px;
    border: 1px solid #dcdbdb
}

.table .row {
    border-top: solid 1px #dcdbdb
}

.row.top {
    background: url(../image/tabelHeader.gif) repeat-x
}

.row:first-child {
    border-top: 0
}

.row .col {
    border-left: 1px solid #dbdbdb;
    color: #666;
    padding: 8px 10px;
    width: 82px;
    text-align: center;
    height: 100%;
    display: table-cell
}

.row .col p,
.row .col p a,
.row .col p strong {
    color: #026daa
}

.row .col:first-child {
    border-left: 0;
    width: 252px;
    text-align: left
}

.row .col:first-child p {
    text-align: left
}

.row .col p {
    margin: 5px 0 0;
    text-align: center;
    font: 400 16px Arial, Helvetica, sans-serif!important;
    display: block
}

.row .col p:first-child {
    margin: 0
}

.row .col p span {
    color: #666
}

.p1 {
    font-size: 12px
}

.contact label {
    font-size: .9em;
    color: #666
}

.error {
    color: red;
    font-size: 11px
}

.rightBox .rightBoxBg.seat {
    min-height: 50px!important;
    padding: 10px
}

.rightBox .rightBoxBg.seat .floatLeft {
    width: 190px
}

.rightBox .rightBoxBg.seat .floatLeft input[type=text] {
    background: url(../image/searchField.gif) no-repeat;
    border: 0;
    width: 190px;
    height: 19px;
    line-height: 19px;
    padding: 3px 5px;
    color: #666;
    font-size: .71em
}

.productCat .catIn ul li,
.productCat h4 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif!important
}

.rightBox .rightBoxBg.seat .floatLeft a.buyBtn {
    float: right;
    margin: 8px 0 0 12px
}

.rightBox .rightBoxBg.seat .floatRight {
    width: 450px
}

.rightBox.marginTop {
    margin-top: 12px
}

.productCat {
    margin-bottom: 15px
}

.productCat h4 {
    color: #183d71;
    margin-bottom: 8px;
    background: url(../image/catTab.png) right bottom no-repeat;
    padding: 0 8px 0 0;
    font-weight: 400;
    cursor: pointer
}

.productCat h4 span {
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    display: block;
    background: url(../image/catTab.png) no-repeat;
    padding: 0 0 0 8px
}

.productCat h4 span img {
    float: right
}

.productCat h4.acc_trigger.active,
.productCat h4:hover {
    background: url(../image/catTabSel.png) right bottom no-repeat;
    color: #fff
}

.productCat h4.acc_trigger.active span,
.productCat h4:hover span {
    background: url(../image/catTabSel.png) no-repeat
}

.productCat h4.active img,
.productCat h4:hover img {
    display: none
}

.productCat .catBox {
    width: 343px
}

.productCat .catIn {
    margin: 10px 0 20px;
    display: none
}

.productCat .catIn ul {
    margin: 0 8px
}

.productCat .catIn ul li {
    padding: 0 0 0 20px;
    background: url(../image/productsDropArrow.gif) no-repeat;
    margin-bottom: 7px;
    list-style: none;
    color: #434343
}

.productCat .catIn ul li a {
    color: #434343;
    text-decoration: underline
}

.butGreen a,
.productCat .catIn ul li a:hover,
.tabs a {
    text-decoration: none
}

.productCat .catIn ul li ul {
    margin: 15px 0 20px 5px;
    display: none
}

.productCat .catIn ul li ul li {
    background: url(../image/bulitBlack.jpg) 0 6px no-repeat;
    padding: 0 0 0 10px
}

#header #cart.active .heading {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 6px;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -khtml-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0
}

#header #cart.active .content {
    display: block
}

#header #cart .cart {
    width: 300px;
    margin-bottom: 5px
}

#header #cart .cart td {
    color: #000;
    vertical-align: top;
    padding: 10px 5px;
    border-bottom: 1px solid #EEE
}

#header #cart .cart .image {
    width: 1px
}

#header #cart .cart .image img {
    border: 1px solid #EEE;
    text-align: left
}

#header #cart .cart .name small {
    color: #666
}

#header #cart .cart .quantity,
#header #cart .cart .remove,
#header #cart .cart td.total {
    text-align: right
}

#header #cart .cart .remove img {
    cursor: pointer
}

#header #cart table.total {
    border-collapse: collapse;
    padding: 5px;
    float: right;
    clear: left;
    margin-bottom: 5px
}

#header #cart table.total td {
    color: #000
}

#header #cart .content .checkout {
    text-align: right;
    clear: both
}

#header #cart .empty {
    padding-top: 50px;
    text-align: center
}

.cartBox {
    float: right;
    margin-top: 0;
    font: .875em Arial, Helvetica, sans-serif
}

.rightBox .rightBoxBg table a,
.tabs a span {
    font-weight: 700
}

.cartBox ul {
    list-style: none
}

.cartBox ul li a.link {
    cursor: pointer;
    display: block;
    line-height: 30px;
    background: url(../image/cartBg.jpg) repeat-x;
    color: #585858
}

.cartBox ul li a.link:hover {
    color: #026daa
}

#mini_cart .content {
    display: none;
    border: 2px solid #1e75bb;
    position: absolute;
    top: 39px;
    right: 0;
    z-index: 9991;
    background: rgba(73, 142, 202, .9);
    width: 400px
}

#mini_cart,
.mainFiled {
    position: relative;
    float: right;
    margin-left: 15px
}

#mini_cart a strong {
    float: none;
    display: inline-block
}

#mini_cart .content table tr td {
    border-top: 1px solid #1e75bb;
    color: #fff
}

#mini_cart .content table tr:first-child td {
    border-top: 0
}

#mini_cart .content table tr td a {
    color: #fff
}

#mini_cart img {
    vertical-align: middle;
    margin: 23px 5px 0
}

#cart_total>img {
    vertical-align: text-bottom
}

#mini_cart .content a {
    padding: 0
}

form,
input,
p,
select,
textarea {
    margin: 0;
    padding: 0
}

.wrap {
    padding: 0 10px;
    width: 0 auto
}

.mainFiled {
    background: url(../image/searchBg.jpg) no-repeat;
    height: 34px;
    margin: 0 41px 0 0;
    padding: 0 0 0 5px
}

.mainFiled .textField {
    padding-left: 35px;
    padding-right: 5px
}

.mainFiled .textFieldIn {
    padding-left: 5px
}

.mainFiled .textField input[type=text] {
    height: 34px;
    line-height: 34px;
    width: 100%;
    border: 0;
    outline: 0;
    background: 0
}

.mainFiled input[type=image] {
    position: absolute;
    right: -41px;
    top: 0
}

.mainFiled input[type=button] {
    outline: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: -41px;
    top: 0;
    width: 41px;
    height: 34px;
    background: url(../image/goBtn.jpg) no-repeat;
    color: transparent
}

.selector {
    position: absolute;
    top: 5px;
    left: 5px;
    overflow: hidden
}

.selector select#header_category_id {
    background: #fff;
    border: 1px solid #DDD;
    left: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 3px;
    width: 100%
}

.navactive #header_category_id {
    cursor: pointer;
    height: 29px;
    left: 0;
    opacity: 0;
    top: 0;
    visibility: visible;
    width: auto;
    font-size: 12px!important
}

.formBlueBg {
    background: url(../image/form-blue-bg.jpg) 0 top repeat-x #5c7fb1!important;
    padding: 10px 10px 20px!important;
    display: none
}

#quickContactFrom input[type=text],
#quickContactFrom textarea {
    display: block;
    height: 28px;
    padding: 0 0 0 10px;
    width: 300px;
    border: 1px solid #dbdbdb;
    margin: 0 0 10px;
    color: #5e5e5e
}

#quickContactFrom textarea {
    padding: 0 0 0 10px;
    height: 150px;
    resize: none;
    width: 300px;
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 14px;
    color: #5e5e5e
}

#quickContactFrom .button a span {
    font-size: 13px
}

#quickContactFrom #errors {
    background-color: #fcf5a6;
    border: 1px dotted red;
    color: red!important;
    font-size: 11px!important;
    margin: 6px 0;
    padding: 5px 10px
}

.quesForm {
    text-align: center
}

.quesForm input[type=text] {
    padding: 5px 0 5px 10px!important;
    height: 15px!important;
    margin: 0!important;
    line-height: none!important;
    border-bottom: 1px solid #026daa!important
}

.quesForm textarea {
    border-left: 1px solid #026daa!important;
    border-top: 0 solid #026daa!important;
    border: 0
}

.quesForm .formWrap {
    border: 1px solid #026daa;
    width: 660px;
    margin: 0 auto
}

.butGreen a {
    display: inline-block;
    background: url(../image/btnGLeft.png) left top no-repeat;
    padding: 0 0 0 10px;
    line-height: 30px
}

.butGreen a span {
    display: block;
    background: url(../image/btnGreen.png) right top no-repeat;
    white-space: nowrap;
    padding: 0 10px 0 0;
    color: #fff;
    line-height: 30px;
    font-size: 1em;
    font-weight: 700;
    float: none
}

.FormBorder {
    text-align: left;
    padding: 0;
    border-top: 0;
    margin: 10px 0
}

.butGreen {
    text-align: center
}

.rightBox {
    margin-bottom: 10px
}

.rightBox .rightBoxBg h3 {
    margin: 5px 0
}

.rightBox .rightBoxBg h2 {
    margin: 5px 0;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}

.panes div p,
.panes div p span,
.rightBox .rightBoxBg p,
.rightBox .rightBoxBg strong {
    font-family: Arial, Helvetica, sans-serif!important
}

.rightBox .rightBoxBg h2 span {
    color: red
}

.rightBox .rightBoxBg h2 a,
.rightBox .rightBoxBg p a {
    text-decoration: none;
    color: #026daa
}



.rightBox .rightBoxBg table tr td a img {
    float: none!important;
    margin-right: 0;
    margin-bottom: 5px
}

.rightBox .rightBoxBg table em a {
    font-weight: 400
}

.rightBox .rightBoxBg strong {
    display: block;
    margin: 5px 0;
    font-size: 12px
}

.rightBox .rightBoxBg .contentSeprater {
    background: url(../image/contentSeprater.gif) no-repeat;
    height: 200px;
    margin: 0 15px;
    width: 1px
}

.rightBox .rightBoxBg .prettyBox {
    border: 1px solid #ccc;
    margin: 0 30px 0 0;
    width: 165px;
    text-align: center;
    color: #000;
    font-size: 12px
}

.panes div,
input.qty {
    border: 1px solid #dcdbdb
}

#TB_ajaxContent,
#TB_window,
.panes div p,
.panes1 div p {
    text-align: left
}

.rightBox .rightBoxBg .butPad {
    padding: 5px 0
}

.rightBox .rightBoxBg .Padbox {
    padding: 0 10px
}

.productDetailTxt {
    width: 675px
}

.productDetail {
    margin-top: 10px
}

.productDetail img {
    margin-top: 5px
}

input.qty {
    font-size: .9em;
    padding: 5px;
    color: #5e5e5e;
    margin-bottom: 5px
}

#recaptcha_area,
#recaptcha_table {
    width: auto!important
}

.contact2 .ConRequire div {
    width: 326px;
    float: left
}

.addtoCart div div strong {
    color: red;
    font-size: 12px!important
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.tabs,
.tabs li {
    padding: 0;
    margin: 0!important
}

.sf-menu {
    line-height: 1
}

.sf-menu ul {
    background: #1a4683;
    border: 1px solid #c9c9c9;
    position: absolute;
    top: -999em
}

.sf-menu ul li {
    width: 100%;
    position: relative
}

.sf-menu li ul li:hover {
    background: #158ec5
}

.sf-menu li:hover ul {
    left: 0;
    top: 2.5em;
    z-index: 99
}

.sf-menu ul li ul {
    display: none
}

.sf-menu span.sf-sub-indicator {
    background: url(../image/arrows-ffffff.png) right 0 no-repeat;
    display: inline-block;
    float: right;
    position: absolute;
    top: 9px;
    right: 6px;
    width: 10px;
    height: 10px
}

.tabs {
    list-style: none;
    height: 23px
}

.tabs li {
    float: left;
    text-indent: 0;
    list-style-image: none!important
}

.tabs a {
    float: left;
    background: url(../image/tabLeft-old.jpg) left top no-repeat;
    padding: 0 0 0 10px;
    line-height: 23px;
    position: relative;
    margin-right: 5px;
    top: 1px
}

#TB_HideSelect,
#TB_overlay {
    position: fixed;
    top: 0;
    width: 100%
}

.tabs a span {
    display: block;
    background: url(../image/tabBg-old.jpg) right top no-repeat;
    padding: 0 10px 0 0;
    color: #fff;
    line-height: 23px;
    font-size: .9em;
    float: none
}

#TB_load,
#TB_window,
.panes .pane,
.panes1 .pane {
    display: none
}

.panes div,
.panes1 div {
    text-align: left;
    padding: 10px
}

.tabs a.current {
    background-position: 0 -24px
}

.tabs a.current span {
    background-position: 100% -24px;
    color: #4d4d4d
}

.tabs a:hover {
    background-position: 0 -24px
}

.tabs a:hover span {
    color: #4d4d4d;
    background-position: 100% -24px
}

.panes div {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.panes div p {
    line-height: 18px!important;
    margin-bottom: 15px!important;
    font-size: 13px!important
}

.panes1 div {
    border-top: solid 1px #dcdbdb
}

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    position: fixed;
    background: #fff;
    z-index: 102;
    border: 4px solid #525252;
    top: 50%;
    left: 50%
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666
}

#TB_window a:active,
#TB_window a:focus,
#TB_window a:link,
#TB_window a:visited {
    color: #666
}

#TB_window,
#TB_window a:hover {
    color: #000
}

.questionBox h2,
.questionBox h2 span strong,
.topContent ul li a {
    color: #fff
}

#TB_overlay {
    z-index: 100;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
    height: 100%
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight+'px')
}

* html #TB_window {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight/2)+(TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px')
}

#TB_window img#TB_Image {
    display: block;
    margin: 15px 0 0 15px;
    border: 0
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px;
    overflow: auto;
    line-height: 1.4em
}

#TB_ajaxContent.TB_modal {
    padding: 15px
}

#TB_ajaxContent p {
    padding: 5px 0
}

#TB_load {
    position: fixed;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px
}

* html #TB_load {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight/2)+(TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px')
}

#TB_HideSelect {
    z-index: 99;
    left: 0;
    background-color: #fff;
    border: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%
}

* html #TB_HideSelect {
    position: absolute;
    height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight+'px')
}

#TB_iframeContent {
    clear: both;
    border: 0;
    margin-bottom: -1px;
    margin-top: 1px
}

.topSectionWrapper {
    background: #1D74B7;
    height: 100px;
}

.topSectionWrapper .logo {
    position: absolute;
    left: 15px;
    top: -2px;
}

/* Salman Work*/
.top1{
    top:10px !important;
}
.top3{
    top:50px !important;
	right: 0px !important;
	    width: 370px;;
}
.topSectionWrapper .topContent {
    /*
    float: right;
    margin-top: 0;
    position: absolute;
    top:35px;
    right: 15px;
    */
}
.top-icons li a .fa{
	font-size:20px;
}
.topContent ul {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: right;
    float: right
}

.topContent ul li {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 13px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 600
}

.topContent ul li:first-child {
    border-left: 0;
    margin-left: 0;
    padding: 0
}

.topContent ul li.active a {
    text-decoration: underline!important
}

.breadcrumbInner p a,
.footer li a:hover,
.topContent ul li a:hover {
    text-decoration: underline
}

.topContent ul li.toggle-tab a:after {
    margin: 0;
    content: ""
}
.topSectionWrapper .logo img {
    width: 195px;
}
.topContent strong {
    color: #fff;
    font-size: 19px;
    margin-bottom: 0;
    display: block;
    text-align: right;
    float: right
}

.topSectionWrapper .questionBox {
	float: left;
	text-align: left;
}

.questionBox h2,
.questionBox h2 span {
    font-family: 'Open Sans', sans-serif;
    padding-left: 15px
}

.footer li,
.footer-social span,
.mainLogos p,
.navWrapper .nav ul li,
.sideLinks ul li {
    font-family: 'Open Sans', sans-serif!important
}

.questionBox h2 {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 300
}

.questionBox h2 span {
    font-size: 17px;
    font-weight: 300
}

.questionBox p {
    color: #58595b;
    font-size: 12px
}

.topSectionWrapper .topTab {
    width: 212px;
    position: absolute;
    top: 19px;
    right: 0
}

.topTab ul li {
    margin-top: 5px;
    background: url(../image/tabBg.png) no-repeat;
    width: 212px;
    height: 36px
}

.topTab ul li:first-child {
    margin-top: 0
}

.topTab ul li a {
    display: block;
    padding: 0 10px 0 35px;
    line-height: 36px
}

.topTab ul li a.cartIcon {
    background: url(../image/tabIcon2.png) 8px center no-repeat
}

.topTab ul li a.chatIcon {
    background: url(../image/tabIcon.jpg) 8px center no-repeat
}

.topTab ul li a strong {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.topTab ul li a span {
    color: #58595b;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle
}
/*
.navWrapper {
    background: #e8e9ea;
    height: 62px
}
*/
.navWrapper .nav ul li:first-child {
    margin-left: 0
}

.navWrapper .nav ul li {
    float: left;
    color: #58595b;
    font-size: 15px;
    font-weight: 900;
    margin-left: 20px;
    line-height: 62px;
    margin-left: 14px\0/;
    padding: 0 13px 0 0\9
}

.navWrapper .nav ul li.pro-search {
    float: right
}

.nav ul li a {
    display: block;
    color: #58595b
}

.nav ul li:hover a {
    color: #1D74B7
}

.searchBox {
    height: 41px;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #b7b9bb;
    position: relative;
    padding: 0 41px 0 0;
    margin-bottom: 7px
}

.searchBox .textField {
    padding-left: 38px;
    padding-right: 10px
}

.searchBox .textFieldIn {
    padding-left: 5px
}

.searchBox .textField input[type=text] {
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: 0;
    outline: 0;
    background: 0
}

.searchBox input[type=image] {
    position: absolute;
    right: 0;
    top: 0
}

.selector2 {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

#nav-search-in-content {
    padding: 0 12px;
    position: relative;
    font-size: 14px;
    color: #6d6e71;
    height: 39px;
    line-height: 40px;
    display: block;
    font-weight: 700;
    border-right: 1px solid #b7b9bb;
    background: #d8d8d8
}

.selector2 select#searchDropdownBox {
    background: #fff;
    border: 1px solid #DDD;
    left: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 3px;
    width: 100%
}

.navactive #searchDropdownBox {
    cursor: pointer;
    height: 40px;
    left: 0;
    opacity: 0;
    top: 0;
    visibility: visible;
    width: auto
}





.bannerSection #next,
.bannerSection #prev {
    position: absolute;
    bottom: 10px;
    z-index: 100;
    cursor: pointer
}

.bannerSection #next {
    left: 45px
}

.bannerSection #prev {
    left: 15px
}

.bannerSection #nav {
    position: absolute;
    bottom: 24px;
    right: 22px;
    z-index: 9
}

.bannerSection #nav a {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background: url(../image/bulitIcon.png) no-repeat;
    opacity: 0;
    font-size: 0;
    color: transparent
}

.bannerSection #nav a.activeSlide {
    background: url(../image/bulitIconActive.png) no-repeat
}

.bannerrightSide {
    width: 208px;
    float: right
}

.quickOrder p {
    font-size: 11px;
    margin-bottom: 3px
}

.quickOrder h2,
.trackOrder h2 {
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    border-left: 9px solid #29aae2;
    background: #1D74B7;
    padding: 0 0 0 6px
}

.quickOrder h2 {
    margin-bottom: 0
}

.quickOrder .col1 {
    width: 122px;
    float: left
}

.quickOrder .col1 input[type=text] {
    width: 110px;
    margin-bottom: 5px
}

.quickOrder .col2 {
    width: 42px;
    float: right
}

.quickOrder .col2 input[type=text] {
    width: 30px;
    margin-bottom: 5px
}

.trackOrder input[type=text] {
    width: 170px
}

.trackOrder h2 {
    margin-bottom: 0;
    letter-spacing: .09em
}

.searchBox {
    width: 370px\0/
}

.footer {
    background: url(../image/footerBg.jpg);
    padding-top: 40px
}

.footer-midbar:before,
.footer::before {
    content: "";
    top: 0;
    position: absolute;
    z-index: 999;
    left: 0
}

.footer::before {
    background: url(../image/footer-topline.jpg) top repeat-x;
    width: 100%;
    height: 15px
}

.footer-social {
    width: 99%;
    margin: 40px auto 0;
    background: url(../image/footer-topborder.jpg) top repeat-x;
    padding: 30px 0
}

.footer-midbar:before {
    background: url(../image/footer-bottom-shad.jpg) top repeat-x;
    width: 100%;
    height: 7px
}

.footer-midbar {
    background: #272727;
    clear: both;
    text-align: right;
    color: #828282;
    position: relative;
    padding: 22px 15px 22px 0;
    font-size: 13px;
    border-bottom: 5px solid #000
}

.footer-bottombar {
    height: 6px;
    width: 100%;
    background: #000;
    clear: both
}

.social-link {
    float: left
}

.social-link img {
    margin-left: 1px
}

.safe-payment {
    float: right
}

.safe-payment img {
    margin-left: 2px;
    margin-top: 2px
}

.footer-social span {
    color: #fff;
    font-size: 14px;
    vertical-align: bottom;
    float: left;
    margin: 10px 10px 0 0;
    text-transform: uppercase;
    font-weight: 600
}

.footer-social .safe-payment span {
    margin-top: -2px;
    line-height: 17px
}

.footer h3 {
    color: #fff;
    padding-bottom: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px
}

.footer h4 {
    color: #fff;
    margin: 0
}

.footer h5 {
    color: #58595b;
    margin: 10px
}

.footer li,
.footer li a {
    color: #adadad
}

.footer ul {
    margin-bottom: 5px
}

.footer li {
    line-height: 19px;
    font-weight: 300
}

.fCol1,
.fCol2,
.fCol3,
.fCol4,
.fCol5 {
    margin-right: 26px
}

.fCol1 {
    width: 133px
}

.fCol2,
.fCol3 {
    width: 140px
}

.fCol4,
.fCol5 {
    width: 112px;
    float: left
}

.fCol6 {
    width: 136px;
    background: #f1f1f2;
    min-height: 172px
}

.bestSeller h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    line-height: 35px;
    border-left: 9px solid #29aae2;
    background: #1D74B7;
    padding: 0 0 0 6px
}

.breadcrumbInner p,
.breadcrumbInner p a {
    font-size: 12px!important
}

.bestSeller .jcarousel-skin-tango {
    border-left: 1px solid #c6c8ca;
    border-right: 1px solid #c6c8ca
}

.mainLogos .jcarousel-next,
.mainLogos .jcarousel-prev {
    display: none!important
}

.bestSeller .jcarousel-skin-tango .jcarousel-next-horizontal,
.bestSeller .jcarousel-skin-tango .jcarousel-prev-horizontal {
    top: 10px!important
}

.featuredProducts {
    border-right: 1px solid #bebebe
}

.breadcrumbOuter {
    background: #f2f2f2;
    padding: 8px 0 10px
}

.breadcrumbInner {
    margin: 0 auto;
    width: 960px
}

.breadcrumbInner p {
    margin-bottom: 0
}

.breadcrumbInner p a:hover,
.butblue a,
a,
a:hover {
    text-decoration: none
}



.marginRight {
    margin-right: 15px!important
}

.marginTop {
    margin-top: 15px!important
}

.marginBottom {
    margin-bottom: 15px!important
}

.nomarginLeft {
    margin-left: 0!important
}

.nomarginRight {
    margin-right: 0!important
}

.nomarginTop {
    margin-top: 0!important
}

.nomarginBottom {
    margin-bottom: 0!important
}

.nomargin {
    margin: 0!important
}

.margin {
    margin: 15px!important
}

.marginBottom5 {
    margin-bottom: 5px!important
}

.paddingLeft {
    padding-left: 15px!important
}

.paddingRight {
    padding-right: 15px!important
}

.paddingTop {
    padding-top: 15px!important
}

.paddingBottom {
    padding-bottom: 15px!important
}

.nopaddingLeft {
    padding-left: 0!important
}

.nopaddingRight {
    padding-right: 0!important
}

.nopaddingTop {
    padding-top: 0!important
}

.nopaddingBottom {
    padding-bottom: 0!important
}

.nopadding {
    padding: 0!important
}

.padding {
    padding: 15px!important
}

ol,
ul {
    padding: 0
}

.floatLeft {
    float: left!important
}

.floatRight {
    float: right!important
}

.nofloat {
    float: none!important
}

.clearfix:after {
    display: block;
    line-height: 0;
    height: 0
}

.clear {
    clear: both;
    width: 0;
    height: 0
}

.imgLeft img,
.leftImg {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.imgRight img,
.rightImg {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

.alignLeft {
    text-align: left!important
}

.alignRight {
    text-align: right!important
}

.alignJustify {
    text-align: justify!important
}

.alignCenter {
    text-align: center!important
}

.positionAbsolute {
    position: absolute
}

.noborderLeft {
    border-left: none!important
}

.noborderRight {
    border-right: none!important
}

.noborderTop {
    border-top: none!important
}

.noborderBottom {
    border-bottom: none!important
}

.displayIB {
    display: inline-block
}

.nobg {
    background: 0 0!important
}

.listPrice {
    font-size: 15px
}

.pricePro {
    font-size: 15px!important
}

.butblue a {
    display: inline-block;
    background: #29aae2;
    background: -moz-linear-gradient(top, #29aae2 0, #1488B9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #29aae2), color-stop(100%, #1488B9));
    background: -webkit-linear-gradient(top, #29aae2 0, #1488B9 100%);
    background: -o-linear-gradient(top, #29aae2 0, #1488B9 100%);
    background: -ms-linear-gradient(top, #29aae2 0, #1488B9 100%);
    background: linear-gradient(to bottom, #29aae2 0, #1488B9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#29aae2', endColorstr='#1488B9', GradientType=0);
    padding: 0 0 0 10px;
    line-height: 21px;
    border-radius: 4px;
    border: 1px solid #2AA4D8
}

.butGreen {
    margin-left: auto!important
}

.butblue a span {
    display: block;
    white-space: nowrap;
    padding: 0 10px 0 0;
    color: #fff;
    line-height: 21px;
    font-weight: 700;
    float: none;
    font-size: 13px
}

.orderForm {
    margin-bottom: 10px;
    list-style: none
}

.rightBox .rightBoxBg .Padbox .butblue a,
.rightBox .rightBoxBg .Padbox .butblue a span {
    line-height: 26px
}

.orderForm li {
    list-style: none!important;
    margin-bottom: 10px
}

.contactUsForm {
    min-height: 362px!important
}

.toggle-tab a:after {
    content: url(../image/arrow-up.png);
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle
}

.toggle-tab a.active:after {
    content: url(../image/arrow-down.png)
}

.toggle-tab a.active {
    color: #026daa
}

.toggle-content {
    background: #e8e9ea;
    position: absolute;
    top: 0px;
    left: 13px;
    z-index: 99999;
    width: 98%;
    display: none;
    box-shadow: 0 5px 40px rgba(51, 51, 51, .6);
    padding: 30px!important;
    text-align: left;
}

.toggle-content-full {
    text-align: left;
    top: 90px;
    padding: 40px 30px!important;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .5)
}

.toggle-content h3 {
    line-height: normal;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 30px
}

.toggle-content .call-us {
    margin-top: -12px
}

.toggle-content .call-us span {
    font-size: 15px!important;
    display: inline-block;
    margin-right: 20px;
    font-weight: 500;
    color: #1D74B7
}

#hamburger,
.mobile-logo,
.mobile-view,
nav:not(.mm-menu) {
    display: none
}

.toggle-content .close {
    position: absolute;
    top: -20px;
    right: 0;
    color: #000;
    font-size: 14px
}

.toggle-content .col-5 {
    width: 49%;
    float: left
}

.toggle-content .seprator {
    border-left: 1px solid #c6c6c6;
    padding-left: 100px
}

.toggle-content input,
.toggle-content textarea {
    background: #fff;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box
}

.toggle-content textarea {
    height: 100px
}

.toggle-content .forgot {
    font-size: 12px;
    margin-bottom: 20px
}

.toggle-content .forgot a {
    color: #333;
    text-decoration: underline
}

.toggle-conten p {
    font-size: 12px
}

.blu-btn {
    background-color: #408bcc;
    padding: 8px 15px;
    color: #fff!important;
    border-bottom: 3px solid #2f6da1;
    font-weight: 600
}

.blu-btn:hover {
    background-color: #29AAE2;
    border-bottom: 3px solid #1893C8
}

.pro-search {
    width: 32%
}

.pro-search .searchBox {
    width: 100%
}

.navWrapper .nav .multi-list:first-child {
    padding-left: 0;
    border: none
}

.navWrapper .nav .multi-list {
    float: left;
    border-left: 1px solid #B9B9B9;
    padding-left: 25px;
    max-width: 208px;
    min-height: 240px
}

.navWrapper .nav .multi-list li {
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    margin: 0 0 10px!important;
    float: none!important
}

.navWrapper .nav .multi-list li a {
    color: #58595b;
    font-weight: 600;
}

.navWrapper .nav .multi-list li a:hover {
    text-decoration: underline;
    color: #1D74B7
}

.navWrapper .nav .multi-list li a:after {
    content: "";
    margin: 0
}

.captcha_width {
    width: 50%!important;
    vertical-align: top;
    margin-top: -1px;
    margin-left: 6px
}

ul#ui-id-1 {
    background-color: #fff;
    width: 308px!important;
    padding: 10px;
    font-size: 15px;
    line-height: 21px;
    border: 1px solid #D8D8D8
}

ul#ui-id-1 li {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
    color: #717171;
    font-size: 13px
}

#hamburger {
    width: 70px;
    height: 45px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 4
}

#hamburger span,
#hamburger:after,
#hamburger:before {
    background: #fff;
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    right: 20px;
    -webkit-transition: none .5s ease .5s;
    transition: none .5s ease .5s;
    -webkit-transition-property: transform, top, bottom, right, opacity;
    transition-property: transform, top, bottom, right, opacity
}

#hamburger:before {
    top: 10px
}

#hamburger span,
html.mm-opening #hamburger:after,
html.mm-opening #hamburger:before {
    top: 20px
}

#hamburger:after {
    top: 30px
}

html.mm-opening #hamburger span {
    right: 0;
    opacity: 0
}

html.mm-opening #hamburger:before {
    transform: rotate(45deg)
}

html.mm-opening #hamburger:after {
    transform: rotate(-45deg)
}

html.mm-opening #hamburger {
    right: -440px!important
}

.mobile-cart {
    display: none
}

.mob-show {
    display: none!important
}

#TB_window #TB_title~#TB_title,
.sideLinks h2 {
    display: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contactUsForm {
        min-height: 362px!important
    }
}

.contactUsForm:nth-of-type(1n) {
    min-height: 397px\9
}

.quoteclass a span {
    font-size: 12px
}

.email_this input[type=text],
.email_this textarea {
    padding: 10px;
    margin-bottom: 10px;
    width: 85%
}

.email_this input[type=button] {
    margin-left: 45px;
    margin-bottom: 0;
    font-size: 15px
}

a[href^=tel] {
    text-decoration: none!important;
    color: #fff!important
}

.product-btn {
    margin-right: 8px
}

.product-btn a {
    color: #fff!important;
    padding: 0 37px 0 13px!important;
    background: url(../image/whiteArrow.png) 168px 29px no-repeat #929292
}

.leftBox.floatLeft {
    margin-top: -12px
}

.sideLinks ul li:first-child {
    border-top: none
}

a.bs-view-all {
    display: block;
    background-color: #EAE6E6;
    padding: 5px 10px;
    font-size: 14px;
    text-align: right
}

.placeholder-fix:focus::-webkit-input-placeholder {
    color: transparent
}

.placeholder-fix:focus::-moz-placeholder {
    color: transparent
}

.placeholder-fix:-moz-placeholder {
    color: transparent
}

.fancybox-custom.fancybox-skin {
    box-shadow: 0 0 50px #222
}

#collapse-payment-method .radio label {
    font-weight: 700
}

.rightSide .rightBox table td p {
    font-size: 12px!important;
    color: #000!important
}

.paymnet-area .radio label {
    font-weight: 700;
    font-size: 12px;
    line-height: 22px
}

.paymnet-area {
    border: 2px solid #eee;
    padding: 16px;
    border-radius: 5px;
    box-shadow: inset 0 0 20px #eee;
    margin-bottom: 10px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%,
    100% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {
    0%,
    100% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.bounceOut,
.flipOutX {
    -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    animation-duration: .75s;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}



.mm-indexer a,
.mm-listview a,
.mm-listview a:hover,
.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none
}

.mm-arrow:after,
.mm-listview .mm-next:before,
.mm-listview>li:not(.mm-divider):after,
.mm-next:after,
.mm-prev:before {
    position: absolute;
    bottom: 0;
    content: ''
}

.mm-divider>span,
.mm-listview .mm-divider,
.mm-listview>li>a,
.mm-listview>li>span,
.mm-navbar .mm-title,
.mm-navbar>.mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-indexer,
.mm-menu>.mm-panel,
.mm-navbar .mm-btn,
.mm-page,
.mm-search,
.mm-search input {
    box-sizing: border-box
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-navbar,
.mm-navbar .mm-btn {
    height: 40px;
    position: absolute
}

.mm-menu,
.mm-menu>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    -moz-transition: -moz-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-panel,
.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel.mm-highest {
    z-index: 1
}

.mm-menu>.mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px
}

.mm-divider>span,
.mm-listview .mm-divider,
.mm-navbar .mm-title,
.mm-navbar>.mm-breadcrumbs,
html.mm-opened,
html.mm-opened body {
    overflow: hidden
}

.mm-menu>.mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-menu>.mm-panel:after,
.mm-menu>.mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important
}

.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-navbar>*,
.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
    display: block
}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after,
.mm-navbar {
    border-color: inherit
}

.mm-listview>li.mm-vertical>.mm-next,
.mm-vertical .mm-listview>li>.mm-next {
    height: 40px;
    bottom: auto
}

.mm-listview>li.mm-vertical>.mm-next:after,
.mm-vertical .mm-listview>li>.mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-navbar {
    border-bottom: 1px solid;
    text-align: center;
    line-height: 20px;
    padding: 0 40px;
    margin: 0;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    padding: 10px 0
}

.mm-navbar .mm-btn {
    width: 40px;
    top: 0;
    z-index: 1
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview,
.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview>li {
    position: relative
}

.mm-listview>li>a,
.mm-listview>li>span {
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview>li>a.mm-arrow,
.mm-listview>li>span.mm-arrow {
    padding-right: 50px
}

.mm-listview>li:not(.mm-divider):after {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    right: 0;
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-page,
html.mm-opened {
    position: relative
}

.mm-listview .mm-next:before {
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    top: 0;
    left: 0
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-menu>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-menu>.mm-panel>.mm-listview:first-child,
.mm-menu>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -7px
}

.mm-listview .mm-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset>li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-arrow:after,
.mm-next:after,
.mm-prev:before {
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-navbar-bottom,
.mm-navbar-top~.mm-navbar-top,
.mm-prev:before {
    border-bottom: none
}

.mm-prev:before {
    border-right: none;
    left: 20px
}

.mm-arrow:after,
.mm-next:after {
    border-top: none;
    border-left: none;
    right: 20px
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .7)
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>*,
.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-navbar .mm-btn:after,
.mm-menu .mm-navbar .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu .mm-listview>li .mm-arrow:after,
.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, .5)
}

.mm-menu .mm-divider,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0, 0, 0, .05)
}

.mm-slideout {
    transition: transform .4s ease
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

html.mm-blocking #mm-blocker,
html.mm-opened #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed
}

.mm-menu.mm-current,
em.mm-counter {
    display: block
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

.mm-menu.mm-bottom.mm-autoheight,
.mm-menu.mm-top.mm-autoheight {
    max-height: 80%
}

.mm-menu.mm-bottom.mm-autoheight.mm-fullscreen,
.mm-menu.mm-top.mm-autoheight.mm-fullscreen {
    max-height: 100%
}

.mm-menu.mm-measureheight>.mm-panel {
    bottom: auto!important;
    height: auto!important
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

.mm-collapsed:not(.mm-uncollapsed),
.mm-nosubresults>.mm-counter {
    display: none
}

em.mm-counter+a.mm-next {
    padding-left: 40px
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
    margin-right: 90px
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px
}

.mm-divider>span {
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    transform: translate3d(0, 0, 0)
}

.mm-fixeddivider,
.mm-iconpanel .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
    content: none!important;
    display: none!important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, .05)
}

html.mm-opened.mm-dragging #mm-blocker,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left, right;
    -moz-transition-property: -moz-transform, left, right;
    -ms-transition-property: -ms-transform, left, right;
    -o-transition-property: -o-transform, left, right;
    transition-property: transform, left, right
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    right: 40px;
    transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-menu>.mm-navbar {
    background: inherit;
    padding: 0;
    transform: translate3d(0, 0, 0)
}

.mm-indexer,
.mm-menu>.mm-navbar {
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-close:after {
    content: 'x'
}

.mm-navbar[class*=mm-navbar-content-]>* {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar>.mm-breadcrumbs {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar>.mm-breadcrumbs>* {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar>.mm-breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panel {
    top: 40px
}

.mm-hasnavbar-top-1 .mm-indexer {
    top: 50px
}

.mm-hasnavbar-top-1 .mm-fixeddivider,
.mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panel {
    top: 80px
}

.mm-hasnavbar-top-2 .mm-indexer {
    top: 90px
}

.mm-hasnavbar-top-2 .mm-fixeddivider,
.mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panel {
    top: 120px
}

.mm-hasnavbar-top-3 .mm-indexer {
    top: 130px
}

.mm-hasnavbar-top-3 .mm-fixeddivider,
.mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panel {
    top: 160px
}

.mm-hasnavbar-top-4 .mm-indexer {
    top: 170px
}

.mm-hasnavbar-top-4 .mm-fixeddivider {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panel {
    bottom: 40px
}

.mm-hasnavbar-bottom-1 .mm-indexer {
    bottom: 50px
}

.mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panel {
    bottom: 80px
}

.mm-hasnavbar-bottom-2 .mm-indexer {
    bottom: 90px
}

.mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panel {
    bottom: 120px
}

.mm-hasnavbar-bottom-3 .mm-indexer {
    bottom: 130px
}

.mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panel {
    bottom: 160px
}

.mm-hasnavbar-bottom-4 .mm-indexer {
    bottom: 170px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2>* {
    width: 50%
}

.mm-navbar-content-3>* {
    width: 33.33%
}

.mm-navbar-content-4>* {
    width: 25%
}

.mm-navbar-content-5>* {
    width: 20%
}

.mm-navbar-content-6>* {
    width: 16.67%
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0
}

.mm-search input {
    border: none;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    outline: 0;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-panel>.mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 40px 0
}

.mm-noresults .mm-noresultsmsg {
    display: block
}

.mm-noresults .mm-indexer {
    display: none!important
}

li.mm-nosubresults>a.mm-next {
    display: none
}

li.mm-nosubresults>a.mm-next+a,
li.mm-nosubresults>a.mm-next+span {
    padding-right: 10px
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .7)
}

.mm-menu .mm-indexer a,
.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -100px;
    -webkit-transition: right .4s ease;
    -moz-transition: right .4s ease;
    -ms-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
    transform: translate3d(0, 0, 0)
}

.mm-indexer a {
    display: block;
    height: 3.85%
}

.mm-indexer~.mm-panel.mm-hasindexer {
    padding-right: 40px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

input.mm-check,
input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check,
label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20px
}

label.mm-check:before,
label.mm-toggle:before {
    content: '';
    display: block
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked~label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked~label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-check,
li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px
}

label.mm-toggle+a,
label.mm-toggle+span {
    padding-right: 80px
}

label.mm-check+a,
label.mm-check+span {
    padding-right: 60px
}

a.mm-next+label.mm-check,
a.mm-next+label.mm-toggle {
    right: 60px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span,
a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    margin-right: 50px
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    padding-right: 70px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
    padding-right: 50px
}

em.mm-counter+a.mm-next+label.mm-check,
em.mm-counter+a.mm-next+label.mm-toggle {
    right: 100px
}

em.mm-counter+a.mm-next+label.mm-check+a,
em.mm-counter+a.mm-next+label.mm-check+span,
em.mm-counter+a.mm-next+label.mm-toggle+a,
em.mm-counter+a.mm-next+label.mm-toggle+span {
    margin-right: 90px
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, .7)
}

.mm-listview.mm-border-none>li:after,
.mm-menu.mm-border-none .mm-listview>li:after {
    content: none
}

.mm-listview.mm-border-full>li:after,
.mm-menu.mm-border-full .mm-listview>li:after {
    left: 0!important
}

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    transition: transform .4s ease
}

html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu,
html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease
}

html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu {
    transition: transform .4s ease
}

html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu {
    opacity: 1
}

.mm-menu.mm-effect-zoom-panels .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(1) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(2) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(3) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(4) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(5) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(6) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(7) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -ms-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(8) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -ms-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(9) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -ms-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview>li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

@media all and (max-width:140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width:10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -moz-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        -o-transform: translate(10000px, 0);
        transform: translate(10000px, 0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

@media all and (max-width:140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width:10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -moz-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        -o-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0)
    }
}

.mm-menu.mm-fullscreen.mm-bottom,
.mm-menu.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none!important
}

.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,
.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span {
    text-overflow: clip;
    white-space: normal
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-pageshadow.mm-front:after,
.mm-menu.mm-pageshadow.mm-next:after,
.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-bottom,
.mm-menu.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    z-index: 0!important
}

.mm-menu.mm-front {
    z-index: 1
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar>*,
.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-navbar .mm-btn:after,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,
.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-divider,
.mm-menu.mm-theme-dark .mm-fixeddivider span,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-indexer a,
.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar>*,
.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-navbar .mm-btn:after,
.mm-menu.mm-theme-white .mm-navbar .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,
.mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-divider,
.mm-menu.mm-theme-white .mm-fixeddivider span,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-indexer a,
.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-navbar>*,
.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-navbar .mm-btn:after,
.mm-menu.mm-theme-black .mm-navbar .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,
.mm-menu.mm-theme-black .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-divider,
.mm-menu.mm-theme-black .mm-fixeddivider span,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-indexer a,
.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu .mm-tileview.mm-listview:after,
.mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,
.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,
.mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu .mm-tileview.mm-listview>li,
.mm-menu.mm-tileview .mm-listview>li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}

.mm-menu .mm-tileview.mm-listview>li:after,
.mm-menu.mm-tileview .mm-listview>li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu .mm-tileview.mm-listview>li>a,
.mm-menu .mm-tileview.mm-listview>li>span,
.mm-menu.mm-tileview .mm-listview>li>a,
.mm-menu.mm-tileview .mm-listview>li>span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next,
.mm-menu.mm-tileview .mm-listview>li>.mm-next {
    width: auto
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    cursor: pointer;
    z-index: 8040;
    position: absolute
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(blank.gif);
    -webkit-tap-highlight-color: transparent
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock,
.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-next span,
    .fancybox-prev span {
        background-image: url(fancybox_sprite@2x.png);
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url(fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}


/*All in css */

@media only screen and (min-width:1024px) {
    
    .specific_breadcrumb .breadcrumbInner {
        width: 79%;
        margin-left: 19.6%
    }
   
    .breadcrumbInner .sort {
        margin-right: 0!important
    }
    .breadcrumbInner p {
        margin-top: 4px!important
    }
    #innerContent .leftBox.floatLeft {
        margin-top: -50px
    }
    .leftBox,
    .navWrapper .nav ul li.product-btn {
        width: 18%
    }
    .sideLinks ul li>a {
        background-image: none!important;
        padding: 13px 23px 13px 10px
    }
    
    .navWrapper .nav .multi-list {
        width: 23.4%;
        max-width: inherit
    }
    #accordion .panel-body form {
        width: 50%
    }
    .rightBox table caption {
        background: #F1F1F1;
        padding: 10px
    }
    #content_search td input[type=text],
    #content_search td select {
        padding: 8px;
        width: 45%
    }
    .heading {
        margin-bottom: 15px;
        margin-top: 20px;
        font-weight: 600
    }
    .pagination {
        font-size: 12px;
        color: #666
    }
    .search-page #innerContent .leftBox.floatLeft {
        margin-top: -12px!important
    }
}
@media only screen and (max-width:1023px) {
    #search input[type=text] {
        width: 200px;
    }
	.contentTop{background:#e8e9ea;height:62px;}

}
@media only screen and (min-width:0px) and (max-width:960px) {
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }
    .breadcrumb:before{
        left: 0px;
        right: 0;
    }
    .mob-container,
    .wrapper {
        width: 96%;
        margin: 0 auto
    }
    .dispayNone {
        display: none
    }
    .ispayBlock {
        display: block
    }
    #mini_cart .content table tr td strong {
        color: #fff!important
    }
}

@media only screen and (max-width: 768px) {
    #cart {
        display: none;
    }
    .bannerLeftSide,
    .form-control,
    input[type=password],
    input[type=text] {
        box-sizing: border-box;
    }
    #mini_cart img {
        margin: 3px 5px 0
    }
    .mm-navbar {
        border-color: #E6E6E6!important
    }
    
    .bannerLeftSide,
    .contentSide,
    .leftBox,
    .rightSide,
    div#header {
        width: 100%
    }
    .contentSide,
    .leftBox,
    .rightSide {
        float: none!important
    }
    #column-left,
    #menuBg ul li,
    .desktop-logo,
    .fCol1,
    .fCol2,
    .fCol4,
    .rightBox .rightBoxBg .contentSeprater,
    .topContent ul {
        display: none;
    }
    #hamburger,
    #menuBg ul li.pro-search,
    .mobile-cart,
    .mobile-logo,
    .mobile-view {
        display: block !important;
    }
    #hamburger {
        color: #fff;
        line-height: 46px;
        width: 105px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        text-align: left;
        font-size: 15px;
    }
    .search_main{
        width: 295px;
        padding: 10px;
        top: 90px;
        margin: 0px auto;
        }
    #search input[type=text]{
        width: 100%;
    }
    .topSectionWrapper .logo img {
        width: 179px;
    }
    #menuBg ul li.pro-search {
        margin: 0 auto;
        display: block;
        float: none;
        padding-top: 10px;
        width: 85%
    }
    ul#ui-id-1 {
        width: 70%!important
    }
    #content {
            width: 96% !important;
            padding: 0px!important;
            margin: 0px auto;
            float: none;
        }
	   .contentTop2{
	   	background:none;
	   }
       /* NOTE: the selector list below contains BARE `h1, h2`. The author
          meant `.featuredCatagories h1, .featuredCatagories h2` but dropped
          the ancestor, so these match every h1/h2 on the site below 768px.
          Left as-is deliberately: unaudited pages (cart, checkout, account)
          now depend on the font-size/centering it applies. Only the
          uppercase was removed - see below. */
       .featuredCatagories h2, h1, h2,
       .featuredCatagories h2, .bestSeller h1, #checkout-checkout h1 {
            border: none;
            background: 0 0;
            text-align: center;
            color: #545454;
            font-family: 'Open Sans'!important;
            font-weight: 600;
            margin-bottom: 20px;
            /* Mobile responsive audit: headings rendered in BLOCK CAPITALS
               between 481px and 768px but title case above and below, because
               the reset at the 480px breakpoint further down covers h1 only,
               never h2. Commented out so headings keep the case they are
               authored in at every width. Short labels (eyebrow pills,
               .trust-text, .footer h4) keep their capitals - they are styled
               separately and are unaffected.
               text-transform is purely visual, so this has no SEO impact:
               crawlers read the source text either way. */
            /* text-transform: uppercase; */
             font-size: 30px;
        }
    #menuBg ul li.pro-search .searchBox {
        margin: 0!important
    }
    .borderBottom {
        border-bottom: none!important
    }
    .featuredCatagories h2,
    h1,
    h2 {
        border: none;
        background: 0 0;
        text-align: center;
        color: #545454;
        font-family: 'Open Sans'!important;
        font-weight: 600;
        margin-bottom: 20px
    }
    .bannerSection,
    .bestSeller {
        margin-bottom: 30px
    }
    .mobile-cart a,
    .mobile-menu ul li {
        font-family: 'Open Sans', sans-serif
    }
    .contact2 h2,
    .tabs2 .nav,
    .tabs2 .nav li,
    .txtbox h2 {
        text-align: left
    }
    
    .nav-tabs,
    .tabs2 .list-wrap .box {
        border: none !important;
    }
    .tabs2 .nav li {
        float: none;
        display: inline-block;
    }
    .tabs2 .nav li a {
        border: none;
        width: auto;
        background-color: #eee;
        border-radius: 4px;
        height: auto;
        padding: 8px 22px;
        line-height: 15px;
        margin-bottom: 4px;
    }
    .tabs2 .nav li.active a {
        background: #1B75BC !important;
        color: #fff!important;
    }
    .tabs2 .list-wrap, .tabs2 .nav li:first-child{
        border: none !important;
    }
    .tabs2 .list-wrap h3 {
        font-size: 12px;
    }
    .tabs2 .list-wrap .box {
        padding: 0;
        border: none;
        width: 164px;
    }
    .tabs2 .list-wrap .img {
        width: 100%;
        height: 140px;
        border: 1px solid #c5c6c8;
    }
    .tabs2 .list-wrap .img img {
        width: 100%;
        vertical-align: middle;
        margin-top: 17px;
    }
    .tabs2 .list-wrap .marginBottom5 {
        margin-bottom: 20px!important;
    }
    .main-menu .col-sm-3, .main-menu .col-sm-6 {
        padding: 0px;
        width: 100%;
    }
    #menuBg .col-sm-3 {
        display: none;
    }
    .main-menu .col-sm-6 {
        text-align: center;
    }
    .contact2 h2 {
        font-weight: 400
    }
    .topSectionWrapper {
        height: 120px !important;
    }
    .topSectionWrapper .logo {
        left: 20px;
        top: 12px
    }
    .topSectionWrapper .questionBox {
        right: 0px;
        top: 10px;
		float: right;
		margin-top: 0px!important;
    }
    .mobile-cart {
        position: absolute!important;
        right: 22%;
        top: 62px;
    }
    .mobile-cart .btn.btn-inverse i {
        color: #444;
        font-size: 20px;
        margin-right: 5px;
    }
    .mobile-cart .btn.btn-inverse {
        background: transparent !important;
        border: none !important;
        color: #fff !important;
        padding: 0px;
        font-size: 16px !important;
        font-weight: 700;
        box-shadow: none;
    }
    .mobile-cart a {
        color: #fff;
        font-weight: 600
    }
    .breadcrumbInner {
        width: 100%;
        padding: 0 20px
    }
    .bannerSection {
        box-shadow: inset 0 0 90px #E4E4E4
    }
    .bannerLeftSide {
        height: 360px;
        padding: 60px 30px
    }
    .bannerLeftSide li {
        width: 100% !important;
    }
    .bannerLeftSide .imgbox {
        width: 35%
    }
    .bannerLeftSide .txtbox {
        width: 60%
    }
    .txtbox h2 {
        line-height: normal
    }
    .bannerLeftSide .txtbox p {
        font-size: 17px;
        line-height: normal
    }
    .bannerSection #next,
    .bannerSection #prev {
        bottom: 20px
    }
    .bannerSection #prev {
        left: 30px
    }
    .bannerSection #next {
        left: 58px
    }
    
    .featuredCatagories .featuredProducts {
        border: none
    }
    .featuredCatagories .featuredProducts .fProduct {
        padding: 0 20px;
        border: none;
        width: 50%;
        background: 0 0;
        margin-bottom: 30px
    }
    .featuredCatagories .featuredProducts .img {
        border: 1px solid #eee;
        float: none;
        width: 100%;
        margin: 0 0 20px;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        box-shadow: inset 0 0 60px #F7F7F7
    }
    .featuredCatagories .featuredProducts .img a {
        text-align: center;
        display: block
    }
    .featuredCatagories .featuredProducts .desc {
        float: none;
        width: 100%;
        margin-bottom: 40px
    }
    .featuredCatagories .featuredProducts .desc h3 {
        font-size: 17px;
        padding-bottom: 15px;
        border-bottom: 3px solid #DCDCDC;
        display: inline-block
    }
    .featuredCatagories .featuredProducts .desc h3 a {
        color: #3d3d3d
    }
    .mainLogos p {
        text-align: center
    }
    .mobile-menu ul li:first-child {
        border-top: 1px solid #E6E6E6
    }
    .mobile-menu ul li {
        font-size: 14px;
        font-weight: 600
    }
    .mm-menu.mm-theme-white .mm-search input {
        background: 0 0!important;
        color: rgba(0, 0, 0, .6);
        border: 1px solid #eee;
        padding: 18px;
        margin-bottom: 20px
    }
    #innerContent,
    .inner-content {
        padding: 30px 20px 20px
    }
    #innerContent .inner-content {
        padding: 0
    }
    #search .btn-lg{
    background: #1D74B7;
    color: #fff;
        }
    .rightBox .rightBoxBg .prettyBox img {
        width: 100%
    }
    .panes div div {
        padding: 0;
        border: none
    }
    .rightBox .rightBoxBg .Padbox {
        width: auto!important;
        text-align: left
    }
    .rightBox .rightBoxBg .butPad {
        text-align: left
    }
    #accordion input[type=button] {
        padding: 7px 20px;
        margin-bottom: 20px;
        font-size: 14px;
        height: inherit
    }
    .contact2 {
        background: 0 0;
        width: 100%;
        border-radius: 10px;
        border: 2px solid #eee;
        padding: 10px 20px;
        box-shadow: inset 0 0 50px #eee
    }
    .contact2 input[type=password],
    .contact2 input[type=text],
    .contact2 select {
        padding: 8px!important
    }
    .contact2 select {
        width: 15%
    }
    .contact2 .ConRequire textarea {
        width: 50%
    }
    .contact2 input[type=button] {
        float: right;
        padding: 7px 20px;
        margin-right: 10px;
        margin-bottom: 20px;
        font-size: 14px
    }
    .fCol3 h3:first-child,
    .fCol3 ul {
        display: none
    }
    .fCol3 ul~ul {
        display: block
    }
    .fCol3,
    .fCol5,
    .fCol6 {
        width: 30%!important
    }
    .fCol6 {
        text-align: center
    }
    .loginRegister tr td {
        padding: 0
    }
    .proceedToCheckOut {
        border: 1px solid #dbdbdb;
        padding: 15px;
        min-height: 365px;
        margin-top: 12px;
        border-radius: 5px;
        box-shadow: inset 0 0 30px #ECECEC
    }
    .loginRegister tr td~td {
        padding: 0 5px!important;
        vertical-align: middle
    }
    .loginRegister tr td~td~td {
        padding: 0
    }
    .proceedToCheckOut .TxtField {
        padding: 6px;
        width: 74%
    }
    .proceedToCheckOut p {
        margin-top: 0!important
    }
    #contact table tr td {
        display: table
    }
    #contact .g-recaptcha,
    #contact table tr td input,
    #contact table tr td textarea {
        margin-bottom: 15px;
        width: 300px!important;
        box-sizing: content-box
    }
    #contact label {
        margin-bottom: 5px;
        display: block
    }
    .catlogWrap {
        margin-left: 18px
    }
    .catlogWrap .pro-box {
        margin-top: 20px
    }
    .smallBoxBg {
        width: 221px
    }
    #cart table~table td {
        display: table;
        text-align: right;
        float: right;
        width: 100%;
        margin-bottom: 10px
    }
    #cart table td a {
        cursor: pointer
    }
    #pp_full_res h3 {
        margin-bottom: 10px;
        background: 0 0;
        border-left: none;
        color: #1B75BC;
        font-size: 20px;
        line-height: 35px;
        text-transform: uppercase;
        padding: 10px 0 0
    }
    .tabs a {
        margin-right: 4px
    }
    .rightBox hr {
        display: none
    }
    .rightBox table td {
        border: 1px solid #DCDBDB!important;
        padding: 10px 5px
    }
    .rightBox table td a img {
        margin: 0 0 10px;
        width: 142px!important;
    }
    .rightBox table td a ~ a img {
        width: auto !important;
    }
    .inner-content h1,
    .mainLogos h2 {
        font-size: 26px;
        background-color: transparent;
        border: none;
        color: #545454
    }
    #forgotten div {
        box-shadow: inset 0 0 30px #ECECEC!important;
        border: 1px solid #dbdbdb!important;
        border-radius: 5px!important;
        background: #fff!important
    }
    #forgotten tr td~td {
        text-align: left;
        padding: 0!important
    }
    #forgotten input[type=text] {
        padding: 5px;
        width: 80%;
        margin-bottom: 20px
    }
    form#forgotten {
        width: 525px
    }
    div#banner div#bannerBg div#innerContent .faqsTxt {
        padding-left: 0
    }
    table.clientList {
        width: 100%
    }
    .breadcrumbOuter .sort {
        margin-right: 0!important
    }
    .order-form td {
        display: table!important;
        width: 70%
    }
    .order-form td table td {
        display: table-cell!important
    }
    .order-form td table {
        width: 100%!important
    }
    .order-form td table td input {
        padding: 7px
    }
    .order-form td table td textarea {
        width: 100%
    }
    .order-mob-hide {
        display: none!important
    }
    .order-mob-show {
        display: block
    }
    #feedus input[type=text] {
        padding: 6px
    }
    #recaptcha_response_field {
        width: 35%!important
    }
    .rightBoxBg div img {
        float: none
    }
    .sideLinks.sideBox {
        border: none;
        text-align: left
    }
    .sideLinks.sideBox h1 {
        font-size: 26px;
        text-align: left;
        margin-bottom: 10px
    }
    .sideLinks.sideBox ul {
        margin-bottom: 30px
    }
    .sideLinks.sideBox ul li:first-child {
        border-top: 1px solid #D7D7DE
    }
    .sideLinks.sideBox ul li {
        border-top: 0;
        border-bottom: 1px solid #D7D7DE
    }
    #shipping,
    .rightBoxBg table {
        width: 100%!important
    }
    #shipping td,
    .rightBoxBg table td {
        padding: 8px 0;
        font-size: 14px;
        width: 25%!important;
    }
    .rightBoxBg .content {
        padding: 15px
    }
    #shipping td input,
    .rightBoxBg input {
        padding: 8px;
        width: 60%
    }
    .rightBox .rightBoxBg h2 {
        margin-bottom: 20px
    }
    .rightBox .rightBoxBg h4 {
        background: #1b75bc;
        color: #fff;
        padding: 15px
    }
    .rightBox .rightBoxBg .buttons {
        margin-right: 10px
    }
    .mm-listview .mm-next {
        width: 100%!important
    }
    .mm-navbar .mm-title {
        font-size: 18px;
        font-weight: 600
    }
    .smallBoxBg ul li a {
        font-size: .96em
    }
    .smallBoxBg ul {
        background-color: #F5F5F5;
        padding: 2px 0;
        margin: 10px 0 0!important;
        text-align: center
    }
    .rightBoxBg.feedbackBox input {
        width: auto
    }
    .rightSide .rightBoxBg h1,
    .rightSide .rightBoxBg h2,
    .rightSide .rightBoxBg p {
        text-align: left
    }
}

@media only screen and (min-width:0px) and (max-width:736px) {
    .tabs2 .list-wrap .box {
        margin-left: 13px;
        width: 160px
    }
    .catlogWrap {
        margin-left: 4px
    }
    .rightBox .rightBoxBg table a:first-child img {
        width: 142px!important
    }

}

@media only screen and (min-width:0px) and (max-width:667px) {
    .bannerLeftSide {
        height: 425px
    }
    .tabs2 .list-wrap .box {
        width: 146px!important;
        margin-left: 12px
    }
   .tabs2 .nav li a {
        width: 100%;
    }

    .pro-box {
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 5px;
        margin-left: 10px!important;
        width: 31%
    }
    .pro-box img {
        width: 100%
    }
    .pro-box .smallBoxBg,
    .pro-box .smallBoxBottom,
    .pro-box .smallBoxTop {
        width: 100%;
        height: auto;
        border: none
    }
    .rightBox table td {
        border: 1px solid #DCDBDB!important;
        padding: 10px;
        display: inline-block;
        width: 33.5%!important;
        margin-left: -1px;
        margin-bottom: -1px;
        height: 350px;
        vertical-align: top;
    }
    .rightBox table {
        border: none;
        margin-bottom: 10px
    }
    .rightBox table td p,
    .rightBox table td span {
        display: block;
        width: 100%;
        text-align: center
    }
    .rightBox table td span a {
        display: block
    }
    .rightBox .rightBoxBg .priceSec {
        width: 58%
    }
    .rightBox .rightBoxBg .Padbox {
        float: left!important;
        padding: 0
    }
    .rightBox .rightBoxBg .addtoCart {
        margin-left: 185px
    }
    .tabs a {
        margin-right: 3px
    }
    .tabs a span {
        font-size: .8em;
        padding: 0 9px 0 0
    }
    .lastviewed-container .col-lg-3 .product-thumb {
        width: 100%!important
    }
    .feedbackBox .feedbackInn,
    .feedbackBox input[type=email],
    .feedbackBox input[type=password],
    .feedbackBox input[type=text],
    .feedbackBox textarea,
    .productDetailTxt {
        width: 100%!important;
        box-sizing: border-box
    }
    .cart-btn table td {
        padding: 5px 2px
    }
    .rightBox .rightBoxBg table a:first-child img {
        width: 130px!important
    }
    .contact2 .ConRequire label {
        width: 170px
    }
    footer.footer .footer-social span,
    .social-link,
    .safe-payment,
    footer.footer .footer-social .safe-payment a:first-child{
        float: none;
        display: block !important;
        text-align: center;
    }
    footer.footer .footer-social .safe-payment{
        margin-top: 10px;
    }
    footer.footer .container {
        text-align: center;
    }
}

@media only screen and (min-width:0px) and (max-width:568px) {

    .bannerSection {
        box-shadow: inset 0 0 90px rgba(228, 228, 228, .4)
    }
    .bannerLeftSide {
        padding: 33px 20px
        height: auto !important;
    }
    .bannerLeftSide .imgbox {
        width: 45%;
        display: none !important;
    }
    .bannerLeftSide .txtbox {
        width: 100% !important;
    }
    .txtbox h2 {
        font-size: 28px
    }
    #ComparePricesForm input {
        padding: 5px
    }
    #ComparePricesForm textarea {
        width: 100%!important;
        box-sizing: border-box
    }
    .lastviewed-container .product-thumb .caption {
        width: 62%!important
    }
    .lastviewed-container .product-thumb .caption h4 {
        font-size: 14px!important
    }
    .cart-table {
        width: 100%;
        overflow-x: scroll
    }
    .cart-btn table td {
        display: block;
        width: 100%;
        text-align: right;
        padding-right: 0;
        float: right
    }
    .loginRegister tr td {
        display: block;
        height: auto;
        width: 100%
    }
    .loginRegister tr td~td {
        margin-bottom: 20px;
        text-align: center
    }
    .loginRegister tr td~td~td {
        margin-bottom: 0;
        text-align: left
    }
    .proceedToCheckOut {
        min-height: inherit;
        margin-bottom: 30px!important
    }
    .quoteBg {
        width: 100%
    }
    .quoteBg img[alt=slogan] {
        left: 164px
    }
    .rightBox .rightBoxBg table a:first-child img {
        border-radius: 5px;
        width: 100%!important;
        height: 150px;
        margin-bottom: 10px
    }
    .rightBox .rightBoxBg table img {
        float: none
    }
    .rightBox .rightBoxBg table a~a img {
        width: 90px!important;
        height: auto!important
    }
    .rightBox .rightBoxBg p {
        margin: 10px 0
    }
    .rightBox table td {
        display: inline-block;
        width: 50% !important;
        text-align: center!important;
        margin-left: -1px;
        margin-bottom: -1px;
        height: 345px;
        padding: 10px 12px;
    }
    #contact table tr td input[type=email],
    #contact table tr td input[type=text],
    #contact table tr td textarea {
        width: 230px!important;
        box-sizing: border-box!important
    }
    #contact table tr td .g-recaptcha iframe {
        width: 76%;
        border-right: 1px solid #D3D3D3;
        border-radius: 0 5px 5px 0
    }
    .rightBox .rightBoxBg .addtoCart {
        margin-left: 0
    }
    .featuredCatagories h2,
    h1,
    h2 {
        font-size: 22px
    }
    .sitelock {
        width: auto!important
    }
    .tabs2 .list-wrap .box {
        width: 42%!important;
        margin: 0px 10px 30px 10px;
        float: none!important;
        display: inline-block;
    }
    .tabs2 .list-wrap .marginBottom5 {
        text-align: center;
    }
    .tabs2 .list-wrap h3 {
        text-align: left;
    }
    .tabs2 .list-wrap .img {
        box-shadow: inset 0 0 60px #F7F7F7;
        text-align: center;
        border: 1px solid #eee;
    }
    .tabs2 .list-wrap h3 {
        font-size: 16px !important;
    }
    .tabs2 .list-wrap p, .tabs2 .list-wrap p span {
        font-size: 14px!important;
        text-align: left;
    }


}

@media only screen and (min-width:0px) and (max-width:480px) {
    .mobile-logo {
        width: 75%;
        margin-top: 7px
    }
    .mobile-cart {
        right: 28%
    }
    .bannerLeftSide .imgbox {
        width: 50%;
        margin-left: 10px
    }
    .bannerLeftSide .txtbox {
        width: 47%
    }
    .txtbox h2 {
        font-size: 25px
    }
    .bannerLeftSide .txtbox p {
        font-size: 16px
    }
    .txtbox a.btn {
        font-size: 13px;
        padding: 0 27px 0 8px
    }
    .tabs2 .nav li {
        float: none;
        display: block;
    }
    .tabs2 .nav li a {
        width: 100%;
    }
    .fCol3,
    .fCol5,
    .fCol6 {
        width: 28%!important
    }
    .rightBox .rightBoxBg .prettyBox {
        margin: 6px 19px 0 0;
        width: 30%
    }
    .rightBox .rightBoxBg .addtoCart select {
        padding: 5px;
        width: 100%!important;
        box-sizing: border-box;
        height: 30px!important
    }
    .productTab li a {
        width: 212px;
        padding: 5px 13px;
        text-transform: uppercase
    }
    .lastviewed-container .product-thumb .caption {
        width: 55%!important
    }
    .quoteBg,
    form#forgotten {
        width: 100%
    }
    .lastviewed-container .row {
        border-bottom: 1px solid #eee
    }
    .lastviewed-container .col-lg-3 {
        border-bottom: none!important
    }
    .quoteBg {
        background-size: cover;
        height: 70px
    }
    .quoteBg img[alt="5step"] {
        top: 7px;
        left: 20px
    }
    .quoteBg img[alt=slogan] {
        top: 40px;
        left: 19px
    }
    .quoteBg img[alt="Start Quote"] {
        top: 16px
    }
    .rightBox .rightBoxBg .addtoCart {
        margin-left: 0
    }
    html.mm-opening #hamburger {
        right: -58px!important
    }
    #ComparePricesForm table td {
        display: flex
    }
    .featuredCatagories h2,
    h1 {
        text-transform: none
    }
    .contact2 .ConRequire label {
        width: 115px
    }
    .contact2 .ConRequire input[type=text],
    .contact2 .ConRequire textarea {
        width: 65%
    }
    .contact-sec td {
        display: table;
        width: 100%
    }
    .mob-show {
        display: block!important
    }
    .mob-hide {
        display: none!important
    }
    #contact table tr td input[type=text],
    #contact table tr td textarea {
        width: 65%!important
    }
    .client-list-area {
        width: 100%;
        overflow-x: scroll;
        border-right: 1px solid #dbdbdb
    }
    .client-list-area table {
        width: 600px;
        margin-top: 0
    }
    

}

@media only screen and (min-width:0px) and (max-width:470px) {
    .topSectionWrapper .logo img {
        width: 170px;
    }
    .topSectionWrapper .logo {
        left: 0;
        top: 0px;
        width: 100%;
        text-align: center;
    }
    .topSectionWrapper .questionBox {
        display: none
    }
    #hamburger {
        top: 58px
    }
    .mobile-cart {
        left: 1%;
        width: 57%;
        top: 70px;
    }
    #mini_cart img,
    .mobile-cart a #cart_total {
        float: left!important
    }
    .rightBox .rightBoxBg .floatLeft a {
        display: block;
        text-align: left
    }
}

@media only screen and (min-width:0px) and (max-width:414px) {
    .topSectionWrapper .logo {
        left: 0;
    }
    .featuredCatagories .featuredProducts .desc h3,
    .featuredCatagories h2,
    .inner-content h1 {
        display: block
    }
    .mainLogos h1,
    h1 {
        font-size: 24px
    }
    .bannerLeftSide {
        height: 450px;
    }
    .bannerLeftSide .imgbox {
        display: none;
        margin-bottom: 10px
    }
    .bannerLeftSide .imgbox,
    .bannerLeftSide .txtbox {
        float: none;
        margin: 0;
        width: 100%
    }
    .breadcrumbInner p,
    .breadcrumbOuter .sort,
    .rightBoxBg .floatLeft,
    .rightBoxBg .floatLeft img {
        float: none!important
    }
    .mob-container,
    .wrapper {
        width: 88%
    }
    .tabs2 .list-wrap {
        margin-left: 0
    }
    .tabs2 .list-wrap .box {
        width: 100%!important;
        margin-left: 0
    }
    .featuredCatagories .featuredProducts .fProduct {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }
    .fCol3,
    .fCol5,
    .fCol6 {
        width: 100%!important
    }
    .rightBox table td {
        width: 100%;
        height: auto
    }
    .pro-box {
        margin-left: 0!important;
        width: 100%
    }
    .productTab li a {
        width: 335px
    }
    .rightBox .rightBoxBg .prettyBox {
        margin: 6px 19px 20px 0;
        width: 60%
    }
    .lastviewed-container .col-lg-3 {
        width: 100%!important;
        margin-top: 10px
    }
    .lastviewed-container .product-thumb {
        border-bottom: 1px solid #eee;
        margin-bottom: 10px
    }
    .lastviewed-container .row {
        border-bottom: none
    }
    .lastviewed-container .product-thumb .caption {
        width: 64%!important
    }
    .rightBox .rightBoxBg .addtoCart {
        margin-left: -9px
    }
    #mini_cart .content {
        right: -122px;
        width: 300px
    }
    div.pp_pic_holder {
        width: 97%!important;
        left: 3%!important
    }
    div.light_rounded .pp_content,
    div.pp_default .pp_content {
        width: 98%!important
    }
    #pp_full_res h3 a {
        color: #333
    }
    .g-recaptcha div {
        width: 180px!important
    }
    .rc-anchor-normal {
        width: 230px!important
    }
    .quoteBg {
        background-size: cover;
        width: 100%;
        height: 117px;
        background-position: center;
        border-radius: 10px
    }
    .quoteBg img[alt=slogan] {
        left: 48px
    }
    .quoteBg img[alt="5step"] {
        left: 80px
    }
    .quoteBg img[alt="Start Quote"] {
        top: 70px;
        left: 62px
    }
    .breadcrumbInner,
    .breadcrumbInner p {
        text-align: center
    }
    .breadcrumbInner p {
        margin-top: 5px
    }
    .contact2 .ConRequire label {
        width: 100%;
        display: block;
        text-align: left;
        margin-bottom: 5px
    }
    .contact2 .ConRequire select {
        width: 22%
    }
    .contact2 .ConRequire input[type=text],
    .contact2 .ConRequire textarea {
        width: 100%
    }
    #recaptcha-quote iframe,
    .proceedToCheckOut iframe {
        width: 131%;
        border-right: 1px solid #D3D3D3;
        border-radius: 0 5px 5px 0
    }
    #contact table tr td input[type=text],
    #contact table tr td textarea {
        width: 88%!important
    }
    #contact table tr td .g-recaptcha iframe {
        width: 130%!important
    }
    .contact-sec td {
        width: 90%
    }
    .order-form td {
        width: 98%
    }
    .order-form td table td input {
        width: 130px
    }
    .copy-code td {
        padding: 0!important
    }
    .copy-code td textarea {
        margin-bottom: 10px;
        box-sizing: border-box
    }
    #mini_cart #cart_total,
    #mini_cart img {
        float: left!important
    }
    .tabs2 .nav li,
    .tabs2 .nav li a {
        display: block;
        width: 100%
    }

    .tabs2 .list-wrap .img {
        width: 100%;
        height: auto;
    }
    .tabs2 .list-wrap .img img {
        width: 50%;
        vertical-align: middle;
        margin-top: 0;
        height: auto;
        padding: 10px;
    }
    .tabs2 .list-wrap h3 {
        height: auto;
    }
    .mob-container .tabs2 .nav li a {
        height: auto !important;
        font-weight: 600;
    }
    .tabs2 .list-wrap .marginBottom5 {
        margin-bottom: 0px!important;
    }
    .rightBox table td {
        width: 100% !important;
        height: auto;
    }
}

@media only screen and (min-width:769px) and (max-width: 899px) {
    .topSectionWrapper .logo img{
        width: 115px; 
    }
header#header #logo {
    margin-top: 19px;
    }
.questionBox {
    padding-left: 0px;
    width: 19%;
    padding-right: 0px;
    margin-top: 0px !important;
    }
header#header .questionBox h2{
    padding-left: 0px;
    font-size: 14px;
    }
header#header .questionBox h2 span {
    font-size: 14px;
    padding-left: 0px;
    display: block;
    margin-top: 8px;
    }
header#header .questionBox strong {
    display: block;
    }
.search_main{
    width: 34%;
    padding-left: 0px;
    }
#search input[type=text] {
    width: 156px;
    }
.topContent ul{
    margin-bottom: 0px;
    margin-top: 0px;
    }
.topSectionWrapper .topContent{
    top: 53px;
    }
.contentTop2{
    width: 133px;
    padding-left: 0px;
        padding-right: 0px;
    }
#cart{
    background: transparent !important;
    }
#cart > .btn i{
    font-size: 20px;
       margin: 0 0px; 
    }
.contentTop {
    height: 0;
    margin-bottom: 15px;
    }
.topContent.top1 ul li{
    display: block !important;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1170px) {
    .topSectionWrapper .logo img{
        width: 135px;
    }
header#header #logo {
    margin-top: 12px;
    }
.questionBox {
    padding-left: 0px;
    width: 19%;
    padding-right: 0px;
    margin-top: 0px !important;
    }
header#header .questionBox h2{
    padding-left: 0px;
    font-size: 14px;
    }
header#header .questionBox h2 span {
    font-size: 14px;
    padding-left: 0px;
    display: block;
    margin-top: 8px;
    }
header#header .questionBox strong {
    display: block;
    }
.search_main {
    width: 47%;
    padding-left: 0px;
    }
#search input[type=text] {
    width: 100%;
    }
.topContent ul{
    margin-bottom: 0px;
    margin-top: 0px;
    }
.topSectionWrapper .topContent{
    top: 53px;
    }
.contentTop2{
    width: 133px;
    padding-left: 0px;
        padding-right: 0px;
    }
#cart{
    background: transparent !important;
    }
#cart > .btn i{
    font-size: 20px;
       margin: 0 0px; 
    }
.contentTop {
    height: 0;
    margin-bottom: 15px;
    }
.topContent.top1 ul li{
    display: block !important;
    }
body .menu_set_main{
    width: 15%;
    }
}

@media only screen and (min-width: 1171px) and (max-width: 1184px) {
    header#header .topContent ul li{
        font-size: 13px;
    }
.questionBox h2, .questionBox h2 span {
    padding-left: 5px;
    }
}

/*All  in css end*/


/* ==================================================================
   GLOBAL HEADING SCALE - typography adjustments.

   Guarantees H1 > H2 > H3 on EVERY page at EVERY breakpoint, including
   pages never covered by the mobile responsive audit (cart, checkout,
   account, privacy, terms, delivery, returns...).

       breakpoint    h1      h2      h3
       >=768px       32px    28px    24px
       <=767px       28px    24px    20px
       <=480px       24px    20px    18px

   All even, standard values - no odd sizes. line-height is 1.3 on all
   three at every width.

   PLACEMENT: last in all.css, which is the last theme stylesheet
   linked (stylesheet.css -> style.css -> all.css). Nothing above is
   edited; this simply wins on source order. That includes the rule at
   line ~8095, whose selector list contains bare `h1, h2` and pinned
   them to 30px below 768px.

   NO !important, deliberately. These are bare tag selectors (0,0,0,1),
   so any class-based rule outranks them. That is intended - page
   components that need their own size keep it:
     .card-title      18/16/16   card headings
     .post-title      24/20/18   blog listing items
     .category-tile-name         category tiles
   Adding !important here would flatten all of those to 32/28/24 and
   wreck the card and listing layouts. This block sets the BASELINE;
   component classes refine it.

   Page-level stylesheets (about-us.css, contact-us.css, pages.css) and
   inline <style> blocks load AFTER this file, so their rules still win
   where they exist - by design. Their values already match this scale.
   ================================================================== */

/* The bare tags below are the baseline. The class-based selectors
   alongside them exist because most headings in this theme carry a
   class (.page-title, .section-title, .section-header h2 ...), and a
   class outranks a bare tag - so without them the scale would never
   reach those headings.

   BOOTSTRAP 5 ISO PAGES ARE A DELIBERATE EXCEPTION. About Us and
   Contact Us load their own stylesheets (about-us.css, contact-us.css)
   from the page body, i.e. AFTER this file, and their rules are
   prefixed `.bootstrp-iso` (0,0,2,0) which outranks anything here.
   They keep their own typography, as intended - nothing in this block
   can reach inside that wrapper. Same for the page-scoped rules in
   information.twig (`.price-match-page`, `.security-page`). */

h1,
.page-title {
    font-size: 32px;
    line-height: 1.3;
}

h2,
.section-header h2,
.section-heading h2,
.section-title {
    font-size: 28px;
    line-height: 1.3;
}

h3 {
    font-size: 24px;
    line-height: 1.3;
}

@media only screen and (max-width: 767px) {
    h1,
    .page-title {
        font-size: 28px;
        line-height: 1.3;
    }

    h2,
    .section-header h2,
    .section-heading h2,
    .section-title {
        font-size: 24px;
        line-height: 1.3;
    }

    h3 {
        font-size: 20px;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 480px) {
    h1,
    .page-title {
        font-size: 24px;
        line-height: 1.3;
    }

    h2,
    .section-header h2,
    .section-heading h2,
    .section-title {
        font-size: 20px;
        line-height: 1.3;
    }

    h3 {
        font-size: 18px;
        line-height: 1.3;
    }
}