.log_bg {
    background: url(../images/staff-bg.jpg) repeat
}

.floatBtnText {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-family: sans-serif;
    line-height: 25px
}

.zoom:focus {
    color: #fff
}

.zoom {
    position: fixed;
    bottom: 45px;
    right: 24px;
    height: 70px;
    z-index: 9
}

.zoom-fab {
    min-width: 220px;
    height: 60px;
    line-height: 60px;
    max-width: 250px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background-color: #ff5722;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
    cursor: pointer;
    color: #fff
}

    .zoom-fab:hover {
        color: #fff;
        text-decoration: none;
        background-color: #f16c41;
        box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)
    }

.zoom-btn-large {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.zoom-btn-person {
    background-color: #f44336
}

    .zoom-btn-person:hover {
        background-color: #e57373
    }

.zoom-btn-doc {
    background-color: #ffeb3b
}

    .zoom-btn-doc:hover {
        background-color: #fff176
    }

.zoom-btn-tangram {
    background-color: #4caf50
}

    .zoom-btn-tangram:hover {
        background-color: #81c784
    }

.zoom-btn-report {
    background-color: #2196f3
}

    .zoom-btn-report:hover {
        background-color: #64b5f6
    }

.zoom-btn-feedback {
    background-color: #9c27b0
}

    .zoom-btn-feedback:hover {
        background-color: #ba68c8
    }

.zoom-menu {
    position: absolute;
    right: 70px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 500px;
    list-style: none;
    text-align: right
}

    .zoom-menu li {
        display: inline-block;
        margin-right: 10px
    }

.zoom-card {
    position: absolute;
    right: 150px;
    bottom: 70px;
    transition: box-shadow .25s;
    padding: 24px;
    border-radius: 2px;
    background-color: #009688;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
    color: #fff
}

    .zoom-card ul {
        -webkit-padding-start: 0;
        list-style: none;
        text-align: left
    }

.scale-transition {
    transition: transform .3s cubic-bezier(.53,.01,.36,1.63) !important
}

    .scale-transition.scale-out {
        transform: scale(0);
        transition: transform .2s !important
    }

    .scale-transition.scale-in {
        transform: scale(1)
    }

.cd_list_none, ul, ul.dropdown-content, ul.faq {
    list-style-position: outside
}

.mainmenu {
    background-color: transparent;
    display: inline-block
}

.submenu {
    position: absolute;
    width: 700px;
    min-height: 384px;
    border-top: 0;
    right: -371px;
    margin-top: 11px;
    padding: 11px;
    cursor: default;
    visibility: hidden;
    color: #565656;
    background-color: #fff;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.4);
    font-size: 12px;
    z-index: 101;
    transition: visibility 0s;
    transition-delay: .3s;
    border-radius: 2px
}

    .submenu:after {
        content: '';
        position: absolute;
        overflow: auto;
        top: -11px;
        left: 250px;
        margin-left: -5px;
        width: 0;
        height: 0;
        border-bottom: 12px solid #fff;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent
    }

#loginname, .cart_pro_Price, .cart_subcon_top, .line, .owl-carousel, .pro_subcon {
    overflow: hidden
}

.submenu_sec {
    float: left;
    width: 50%;
    padding-left: 0
}

.submenu ul.submenu_sec li {
    list-style-type: none;
    padding: 4px 0 5px 38px
}

    .submenu ul.submenu_sec li:hover {
        background-color: #fff !important
    }

    .submenu ul.submenu_sec li a {
        color: #000;
        font-size: 13px
    }

        .submenu ul.submenu_sec li a:hover {
            color: #ff5722;
            text-decoration: none
        }

    .submenu ul.submenu_sec li.leval1 {
        font-weight: 700;
        padding: 4px 0 3px 6px;
        display: inline-block
    }

.submenu_sec .leval1 {
    margin-top: 15px
}

    .submenu_sec .leval1:first-child {
        margin-top: 0
    }

.mainmenu:hover .submenu {
    visibility: visible
}

.cmenu_img {
    width: 27px;
    height: auto;
    margin-right: 10px
}

.cart_subcon, .cart_subcon_top, .cd_proList_subcon, .cd_subcon, .cd_subcon1, .mp_subcon, .pro_subcon, .subcon {
    box-sizing: border-box
}

.cart_minus_icn, .owl-controls .owl-buttons div, .owl-controls .owl-page, .tansclink, i.fa.fa-trash.cart_pro_dlt:hover {
    cursor: pointer
}

#loginname {
    max-width: 230px;
    text-overflow: ellipsis;
    opacity: .8;
    transition: background-color .15s ease-in;
    color: #fff !important;
    border-radius: 5px
}

.onlyforcart_desk {
    display: block
}

.onlyforcart_Mob {
    display: none !important
}

i.fa.fa-trash.cart_pro_dlt {
    border: 1px solid #ccc;
    padding: 4px 7px;
    border-radius: 5px
}

.cart_pro_name_link {
    text-decoration: none;
    color: #ff5722
}

    .cart_pro_name_link:hover {
        text-decoration: underline;
        color: #ff5722
    }

.cart_tab {
    border-radius: 3px 3px 0 0;
    color: #fff;
    background: #202d33;
    text-transform: none;
    font-size: 18px;
    border: 0;
    float: left;
    padding: 7px
}

.cart_subcon, .cart_subcon_top_right {
    background-color: rgba(204,204,204,.14)
}

.cart_lftcont, .cart_subcon_top_left {
    position: relative;
    border-radius: 3px
}

.cart_brd_top {
    padding: 10px 10px 0 5px;
    color: #ddd;
    border-bottom: 2px solid #202d33
}

.cart_line {
    vertical-align: baseline;
    display: table;
    width: 99%
}

.cart_subcon {
    width: 100%;
    padding: 10px;
    display: inline-flex;
    border-bottom: 1px dashed #ccc
}

.cart_lftcont {
    width: 20%;
    height: auto;
    text-align: center;
    border-right: 1px solid #c2c2c2
}

.cart_rhtcont {
    width: 80%;
    padding-left: 35px
}

.cart_subcon_top {
    width: 100%;
    padding: 2% 10px
}

.cart_subcon_top_left, .cart_subcon_top_right {
    box-shadow: 0 1px 3px 1px #ccc;
    padding: 0;
    float: left
}

.cart_subcon_top_left {
    width: 68%;
    margin-right: 2%
}

.cart_subcon_top_right {
    width: 30%;
    min-height: 150px;
    height: auto
}

.cart_pro_title {
    font-family: 'Fjalla One',sans-serif;
    font-size: 18px
}

.cart_pro_Price {
    font-size: 20px
}

.cart_minus_icn {
    width: 34px;
    height: 34px;
    background: linear-gradient(#fff,#f9f9f9);
    display: inline-block;
    border: 1px solid #c2c2c2;
    font-size: 17px;
    border-radius: 50%;
    line-height: 1;
    font-weight: 700;
    padding: 7px 11px;
    color: #000
}

    .cart_minus_icn:hover {
        text-decoration: none;
        cursor: pointer
    }

.cart_btw_icn {
    width: 50px;
    display: inline-block !important;
    vertical-align: middle;
    text-align: center
}

.crt_price_wrap, .crt_qty_wrap {
    width: 50%;
    float: left
}

.cart_plce_ord {
    text-align: right;
    padding: 20px;
    background-color: rgba(204,204,204,.14)
}

.crt_price_wrap, .text_left {
    text-align: left
}

.cart_plce_ord_btn {
    margin: 10px
}

.text_right {
    text-align: right
}

.inline_block {
    display: inline-block;
    padding: 2px
}

.f_left {
    float: left
}

.btn .caret, .f_right, .register {
    float: right
}

.payable_title {
    padding: 10px
}

.v_al_mdl {
    vertical-align: middle;
    display: inline-block
}

.cart_right_dis_blck {
    display: block !important
}

.padandbrd {
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    font-family: sans-serif;
    font-size: 16px
}

.cart_type {
    font-size: 14px
}

.cart_pro_dlt {
    font-size: 22px !important;
    color: #544949
}

.cart_pimg {
    -webkit-flex: 0 0 120px;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    text-align: center
}

    .cart_pimg > img {
        max-width: 120px;
        height: auto;
        padding: 10%;
        width: 100%
    }

.dinone {
    display: none !important
}

.empty-cart-msg {
    font-weight: 700;
    text-align: center;
    padding: 50px;
    font-size: 14px
}

@media screen and (max-width:850px) {
    .cart_rhtcont {
        padding-left: 20px
    }

    .submenu {
        display: none
    }
}

@media screen and (max-width:700px) {
    .cart_subcon_top_left {
        width: 100%;
        margin-bottom: 15px
    }

    .cart_subcon_top_right {
        width: 100%;
        height: auto
    }

    .cart_subcon_top {
        display: block
    }

    .cart_plce_ord {
        text-align: center
    }

    .cart_subcon .cart_lftcont img {
        padding: 15%
    }

    .onlyforcart_desk {
        display: none !important
    }

    .onlyforcart_Mob {
        display: block !important
    }
}

@media only screen and (max-width:768px) {
    .cartspan {
        margin-right: 18px;
        line-height: 5;
        float: right;
        display: block !important
    }

    .dinone1 {
        display: none !important
    }
}

@media screen and (max-width:450px) {
    .cart_lftcont {
        width: 100%;
        border-right: 0;
        padding: 10px
    }

    .cart_rhtcont {
        width: 100%
    }

    .cart_subcon {
        display: inline-block
    }

        .cart_subcon .cart_lftcont img {
            position: inherit;
            padding: 2%;
            max-width: 50%
        }

    .cart_subcon_top {
        padding: 0
    }

    .cart_plce_ord_btn {
        margin: 5px
    }

    .cart_plce_ord {
        padding: 20px 5px
    }
}

.forfocus:focus {
    color: #fff
}

.onlyforsamplepageheader {
    width: 50px;
    height: auto
}

.modal-body h1, .modal-body h2, .modal-body h3, .modal-body h5 {
    font-weight: 700;
    font-size: 16px;
    font-family: inherit;
    padding-top: 10px;
    color: #000
}

.pro-tip {
    background: #d9edf7;
    padding: 10px
}

.tansclink {
    font-size: 20px;
    margin: 3%
}

    .tansclink:hover {
        color: #ff5722
    }

.ordernowlink:hover {
    text-decoration: none
}

#Defaulttandc .modal-dialog {
    margin-top: 10%
}

.forallpagedesc {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 3%;
    color: #000
}

.cd_Prolist_subcon_title, .cn_cat_pro_Link {
    font-family: 'Fjalla One',sans-serif
}

.txt_left {
    text-align: left !important
}

.dis_inline_block {
    display: inline-block !important
}

.cart-qty {
    color: #000;
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
    border-right: 1px solid #000;
    padding: 3px;
    background-color: #fff;
    border-radius: 13px;
    line-height: 6px;
    text-align: left;
    /*position: absolute;*/
	z-index: 1;
	top: 0;
	right: -10px;
	margin-top: -25px;
}

.fa.fa-shopping-cart {
    position: relative
}

.btn .caret {
    margin-top: 8px
}

.footerwrap {
    border-top: 1px dashed #ccc
}

.cd_proList_subcon {
    width: 100%;
    margin: 3% 0 2%;
    display: inline-flex;
    padding: 0 15px
}

.cd_proList_leftcon {
    width: 25%;
    position: relative;
    text-align: center;
    border-right: 1px solid #c2c2c2;
    border-radius: 3px
}

.cd_proList_middlecon {
    width: 55%;
    padding-left: 20px
}

    .cd_proList_middlecon > p {
        text-align: justify
    }

.cn_pro_start > span {
    text-transform: lowercase
}

.D_dropdown, .Pri_btngrey, .Pri_heading, .h1_pro {
    text-transform: uppercase
}

.cd_proList_rightcon {
    width: 20%;
    padding-left: 10px;
    text-align: right;
    padding-top: 10px
}

.cd_proList_subcon .cd_proList_leftcon img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px
}

.cd_ProList_mar15 {
    margin: 0 10%
}

.cd_Prolist_subcon_title {
    font-size: 22px;
    color: #000 !important
}

.cn_cat_list_Left {
    width: 25%
}

.cn_cat_list_middle {
    padding-left: 20px;
    width: 50%
}

.cn_cat_list_Right {
    padding-left: 20px;
    width: 25%
}

.cn_cat_pro_Link {
    padding: 6px 0;
    display: inline-block;
    color: #000;
    font-size: 14.5px
}

    .cn_cat_pro_Link:hover {
        color: #ff5722
    }

.cn_pro_start {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    padding-right: 10px;
    color: #000
}

.cn_pro_start_dolspan {
    padding-left: 15px;
    font-size: 15px;
    color: #ff5722
}

.cn_pro_start_dol {
    vertical-align: baseline;
    padding: 5px;
    font-size: 15px
}

.cn_main {
    padding: 0 0 5px;
    margin: 0 0 15px;
    box-shadow: 0 1px 3px #ccc
}

.cn_container_mar_15 {
    margin: 0 15%
}

#btn_onlyfor_desk {
    display: block
}

#btn_onlyfor_mob {
    display: none
}

#emailtxt {
    font-size: 12px !important
}

.purchase25 {
    margin-bottom: 15px
}

.puchase10 {
    margin-top: 10px
}

.padpurse {
    padding-right: 0 !important
}

@media only screen and (max-width:1100px) {
    .cd_ProList_mar15, .cn_container_mar_15 {
        margin: 0
    }
}

@media only screen and (max-width:800px) {
    .cn_cat_list_Left {
        width: 1%
    }

    .cn_cat_list_middle {
        width: 65%
    }

    .cn_cat_list_Right {
        width: 34%
    }
}

@media only screen and (max-width:700px) {
    .cd_proList_middlecon, .cd_proList_rightcon {
        width: 100%;
        padding: 10px
    }

    .cd_proList_subcon {
        display: block
    }

    .cd_proList_leftcon {
        width: 100%;
        border-right: 0
    }

    .cd_proList_rightcon {
        text-align: center
    }

    .cd_proList_subcon .cd_proList_leftcon img {
        position: inherit;
        max-width: 50%
    }

    .cn_cat_list_Right, .cn_cat_list_middle {
        padding-left: 0
    }

    #btn_onlyfor_desk, #hideinmob {
        display: none
    }

    #btn_onlyfor_mob {
        display: block;
        padding: 5% 0 0
    }
}

@media only screen and (max-width:450px) {
    .cn_pro_start_dolspan {
        padding-left: 0;
        font-size: 13px
    }

    .cn_cat_pro_Link {
        font-size: 13px
    }

    .cn_pro_start {
        font-size: 12px
    }

    .cd_proList_rightcon {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:400px) {
    .cn_cat_list_middle {
        width: 75%
    }

    .cn_cat_list_Right {
        width: 25%
    }

    .cn_pro_start {
        text-align: right
    }
}

.bodylogin {
    background-size: contain
}

.bg {
    background-color: #0187d0;
    border-radius: 7px;
    border: 2px solid #ccc
}

.bgcolor {
    background-color: #f5f5f5
}

.padding0 {
    padding: 0 !important
}

.text1 {
    margin: 20px 0;
    height: 40px
}

hr {
    margin: 30px 0
}

.login {
    background-color: #0187d0;
    color: #fff;
    font-weight: 600
}

.btn_login {
    padding: 6px 30px !important;
    margin: 15px 0
}

.password {
    margin-right: 10%;
    font-weight: 700;
    color: #0000007a;
    font-size: 11px
}

.text2 {
    margin: 14px 0
}

.register {
    margin: 15px 0 !important;
    background-color: #0187d0;
    color: #fff;
    font-weight: 600
}

.bg324e89, .float {
    float: left
}

.bg324e89 {
    background-color: #324e89;
    width: 20%;
    padding: 13px;
    margin: 13% 7%;
    color: #f5f5f5;
    border-radius: 7px 0 0 7px
}

.fblogin {
    background-color: #3c5a98;
    width: 80%;
    padding: 16px 9px;
    margin: 13% auto;
    color: #f5f5f5;
    font-weight: 600;
    border-radius: 7px
}

.divregister {
    border-left: 1px solid #ccc;
    padding: 0 15px
}

.padding20 {
    padding-bottom: 20%
}

.fbmargin {
    padding: 8% 5%
}

.marginb6 {
    margin-bottom: 3%
}

.white {
    color: #fff
}

.heading {
    margin: 10px
}

.facebook {
    margin: auto
}

.flex {
    display: flex
}

.margin10 {
    margin-top: 10px !important
}

.colorreg {
    color: #707070
}

.fright {
    float: right
}

.checkbox {
    margin-left: 5%
}

.termsulli {
    list-style-type: disc !important
}

.fa-stack1 {
    color: #0187d0 !important
}

.login_float_left {
    float: left
}

.login_float_right {
    float: right
}

.F_left, .d_top_left, .owl-carousel .owl-item {
    float: left
}

.login_width_50 {
    width: 50%
}

@media only screen and (max-width:992px) {
    .bgcolor {
        padding-bottom: 10%
    }

    .divregister {
        border-left: none;
        padding: 0
    }

    .facebook {
        margin: auto
    }

    .margin10 {
        margin-top: 10px !important
    }

    .colorreg {
        color: #707070;
        margin-top: 10%
    }

    .fbmargin {
        margin: 5% !important
    }
}

@media only screen and (max-width:600px) {
    .fbmargin {
        padding: 5%
    }

    .marginb6 {
        margin-bottom: 6%
    }

    .bgcolor {
        padding-bottom: 10%
    }

    .divregister {
        border-left: none;
        padding: 0
    }

    .facebook {
        margin: auto
    }

    .margin10 {
        margin-top: 10px !important
    }

    .colorreg {
        color: #707070;
        margin-top: 10%
    }
}

@media screen and (max-width:535px) {
    .heading {
        font-size: 20px
    }

    .facebook {
        margin: auto
    }

    .margin10 {
        margin-top: 10px !important
    }

    .colorreg {
        color: #707070
    }

    .divregister {
        border-left: none;
        padding: 0
    }

    .checkbox {
        margin-left: 5%
    }

    #login_mob0 {
        padding: 0 !important
    }
}

@media screen and (max-width:460px) {
    .heading {
        font-size: 15px
    }

    .facebook {
        margin: auto
    }

    .margin10 {
        margin-top: 10px !important
    }

    .colorreg {
        color: #707070;
        margin-top: 35%
    }

    .divregister {
        border-left: none;
        padding: 0
    }

    .checkbox {
        margin-left: 8%
    }

    #login_mob0 {
        padding: 0 !important
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel, .owl-carousel .owl-wrapper {
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height .5s ease-in-out;
            -moz-transition: height .5s ease-in-out;
            -ms-transition: height .5s ease-in-out;
            -o-transition: height .5s ease-in-out;
            transition: height .5s ease-in-out
        }

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8,move
}

.catbox, .dropbtn, .fa-question-circle:hover, .faq li.q, .maindiv:hover, a#gotoprice:hover, p#valueaddedexpand:hover {
    cursor: pointer
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #fff;
        display: inline-block;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50)
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none
    }

#wowslider-container1 .owl-controls.clickable {
    width: 100%;
    bottom: 0;
    z-index: 999;
    text-align: center
}

.owl-theme .owl-controls .owl-page {
    display: inline-block
}

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #414141
    }

    .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        background: #ff7e00
    }

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #fff;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    font-size: 0
}

.owl-theme .owl-controls .owl-buttons . {
    left: 0;
    background-color: #fff;
    margin-top: -15px;
    top: 50%
}

    .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
        background-color: #fff
    }

    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 0;
        background-color: #fff;
        margin-top: -15px
    }

        .owl-theme .owl-controls .owl-buttons .owl-next:hover {
            background-color: #fff
        }

        .owl-theme .owl-controls .owl-buttons .owl-next.disabled, .owl-theme .owl-controls .owl-buttons .owl-prev.disabled {
            display: none
        }

    .owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-prev {
        top: 50%;
        transition: background-color .2s ease;
        transition: opacity .2s ease;
        height: 0
    }

        .owl-theme .owl-controls .owl-buttons .owl-next:hover:before, .owl-theme .owl-controls .owl-buttons .owl-prev:hover:before {
            box-shadow: 1px 2px 10px 1px rgba(0,0,0,.3)
        }

        .owl-theme .owl-controls .owl-buttons .owl-next:before, .owl-theme .owl-controls .owl-buttons .owl-prev:before {
            padding: 30px 10px;
            top: 50%;
            margin-top: -49px;
            box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);
            background-color: #fff;
            cursor: pointer;
            transition: box-shadow .2s ease;
            font-size: 20px;
            color: #333;
            font-family: fontello;
            font-style: normal;
            font-weight: 400
        }

.D_dropdown, .Pri_btngrey {
    transition: background-color .1s ease;
    text-decoration: none
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before {
    content: '<';
    position: absolute;
    left: 1px;
    padding: 13px 10px;
    text-indent: 1px ;
    background-color: #0187d0;
    color: white;
    font-weight: bold;
    border-radius: 4px;
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: '>';
    position: absolute;
    left: 1px;
    padding: 13px 10px;
    text-indent: 1px;
    background-color: #0187d0;
    color: white;
    font-weight: bold;
    border-radius: 4px;
}

.D_login_padding {
    padding: 4% 0
}

.D_width_70 {
    width: 60%;
    float: left;
    padding: 10px;
    font-size: 16px
}

.d_top_left {
    width: 40%;
    text-align: right
}

.pad_all_10_d {
    padding: 10%
}

.D_bg {
    background-color: #ff5300;
    height: 35px
}

.D_bg1 {
    background-color: #e8e6e6;
    margin: 0 10% 5%
}

.D_font {
    font-size: 30px
}

.D_margin {
    margin: 3% 0
}

.dropbtn {
    background-color: #4caf50;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: 0
}

.dropdown {
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff !important;
    min-width: 170px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1
}

ul.dropdown-content {
    padding-left: 0
}

.dropdown-content li {
    list-style-type: none;
    border-bottom: 1px solid #ccc
}

.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left
}

    .dropdown-content a:hover {
        background-color: #f1f1f1
    }

.dropdown:hover .dropdown-content {
    display: block
}

.D_dropdown, .Dw_orange {
    color: #fff;
    background-color: #ff5722 !important
}

.D_dropdown {
    padding: 7px 10px;
    font-size: 14px;
    display: inline-block;
    line-height: normal;
    border: 1px solid #ff5723;
    font-weight: 400;
    border-radius: 2px;
    width: 200px
}

.d_pad_main {
    padding: 20px 10%;
    width: 100%;
    display: flex
}

.FM_right {
    margin-right: 2%
}

.Dw_orange {
    border-color: #ff5722 !important
}

@media only screen and (max-width:1150px) {
    .d_pad_main {
        display: inline-block
    }

    .D_width_70 {
        width: 100%
    }

    .d_top_left {
        width: 100%;
        text-align: right;
        padding: 0 0 10px
    }
}

.Pri_h2, .pro_cncontent, .pro_lftcont {
    text-align: center
}

@media only screen and (max-width:600px) {
    .d_pad_main {
        padding: 0
    }

    .D_bg1 {
        margin: 0 0 5%
    }
}

@media only screen and (max-width:425px) {
    .D_font {
        font-size: 20px
    }

    .D_padding0 {
        padding: 0
    }
}

@media only screen and (max-width:350px) {
    .D_font {
        font-size: 20px
    }

    .D_padding0 {
        padding: 0
    }
}

.belowsectiondiv_mar {
    margin: 0 10%
}

.pri_tbl_font_sans {
    font-family: sans-serif
}

.Pri_h2 {
    color: #ff5722;
    font-size: 45px;
    font-weight: 600
}

.Pri_heading {
    font-size: 18px;
    width: 100%;
    padding-left: 0 !important
}

.pri_main_ttl {
    padding-bottom: 10px
}

.pri_table table tr th {
    padding: 5px;
    background-color: #19a64f;
    color: #fff;
    font-size: 15px
}

.pri_table table tr td {
    padding: 5px;
    background-color: #fff;
    color: #000;
    font-size: 15px;
    width: 25%;
    line-height: 1.2
}

.pri_checkbox {
    margin-left: 10px;
    font-family: 'Fjalla One',sans-serif;
    line-height: 1.8
}

.checkbox_size {
    height: 20px;
    width: 20px;
    margin-top: 0;
    margin-left: -12px !important;
    vertical-align: top
}

.btn_mar15 {
    margin: 15px
}

.Pri_margin_bottom {
    margin-bottom: 3% !important;
    margin-top: 5px
}

.Pri_back_color {
    background-color: #d2d2d2
}

.Pri_btngrey {
    padding: 8px 10px;
    background-color: #9e9e9e;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    line-height: normal;
    border: 1px solid #9e9e9e;
    font-weight: 400;
    border-radius: 2px;
    font-family: sans-serif
}

.h1_pro, .h1_pro_price, .valueaddedtext {
    font-family: 'Fjalla One',sans-serif
}

.Pri_padding2 {
    padding: 0 0 20px
}

.Pri_margin3 {
    margin: 3% 0
}

.Pri_margin6 {
    margin: 6% 0
}

.bottomFixed {
    visibility: visible;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    margin: 0;
    padding: 15px 0;
    -webkit-box-shadow: 0 3px 25px #888;
    -moz-box-shadow: 0 3px 25px #888;
    box-shadow: 0 3px 25px #888;
    animation-name: slideInUp1;
    z-index: 9
}

.Pri_font_size25 {
    font-size: 25px
}

.Pri_marginright2 {
    margin-right: 2% !important
}

.pri_border1 {
    border: 1px solid #000;
    padding: 0 2%;
    border-right: 0
}

.F_right {
    float: right
}

.B_right {
    border-right: 1px solid #000
}

.p_fon_clr {
    color: #707070;
    padding: 10px 0
}

.pri_main_pad {
    padding: 2% 5%
}

.innertbl_chkbx > input {
    margin: 6px 0 !important;
    width: 16px;
    height: 16px
}

.in_tbl_slct {
    width: 60px;
    height: 27px;
    float: right;
    display: inline-block !important;
    padding: 2px 5px
}

.innertbl_chkbx > label {
    margin: 5px 3px
}

.hide {
    display: none !important
}

.collpsediv {
    padding-top: 15px
}

.maindiv {
    display: inline-flex;
    width: 100%
}

    .maindiv img {
        height: 13px;
        width: 13px;
        margin-top: 8px
    }

.collpsediv .Pri_margin_bottom table {
    max-width: 950px;
    width: 100%
}

.onlyforpricingftr_chk {
    padding: 0 !important;
    margin-left: 20px
}

.cartbtninprodfirst {
    margin-left: 0
}

.onlyforpad0 {
    padding-top: 0 !important
}

@media only screen and (max-width:900px) {
    .belowsectiondiv_mar {
        margin: 0
    }
}

@media only screen and (max-width:600px) {
    .Pri_margin_bottom table tr td, .Pri_margin_bottom table tr th {
        font-size: 13px
    }

    .Pri_heading {
        font-size: 17px;
        padding-left: 0 !important;
        width: 100%
    }

    .checkbox_size {
        height: 17px;
        width: 17px;
        margin-left: 0 !important;
        position: inherit !important
    }

    .Pri_font_size25 {
        font-size: 15px
    }

    .pri_checkbox {
        margin-left: 0
    }

    .pri_main_pad {
        padding: 2%
    }

    .innertbl_chkbx > input {
        margin: 3px 0 !important;
        width: 14px;
        height: 14px
    }

    .onlyfor_pri_mobpad0 {
        padding: 10px !important
    }
}

@media only screen and (max-width:490px) {
    .Pri_margin_bottom table tr td, .Pri_margin_bottom table tr th {
        font-size: 13px;
        padding: 2px 0 2px 5px
    }

    .input[type=checkbox], input[type=radio] {
        margin: 1px 0 0 !important
    }

    .checkbox_size {
        height: 17px;
        width: 17px
    }

    .Pri_font_size25 {
        font-size: 15px
    }

    .innertbl_chkbx > label {
        margin: 3px
    }

    .in_tbl_slct {
        float: none
    }

    .Pri_heading {
        font-size: 16px
    }
}

@media only screen and (max-width:465px) {
    .Pri_heading {
        width: 100%
    }
}

@media only screen and (max-width:365px) {
    .Pri_margin_bottom table tr td, .Pri_margin_bottom table tr th {
        font-size: 13px
    }

    .Pri_heading {
        font-size: 16px
    }

    .input[type=checkbox], input[type=radio] {
        margin: 1px 0 0 !important
    }

    .checkbox_size {
        height: 15px;
        width: 15px;
        margin-left: 0 !important
    }

    .Pri_font_size25 {
        font-size: 15px
    }
}

.proPricefordesk {
    display: block
}

.col-md-12.paddingbottom.item-box:hover .normal, .proPriceforMob {
    display: none
}

.btn-orange, .titleforcd, .tooltipnew {
    display: inline-block
}

.cartbtninprodfirst {
    width: 50%;
    padding-top: 8px;
    float: left
}

.cartbtninprodsecond {
    width: 50%;
    float: right
}

.bothhoverandbtn {
    padding: 0 0 8%
}

.tooltipnew {
    position: relative
}

.tooltiptextnew:after {
    content: '';
    position: absolute;
    overflow: auto;
    bottom: -8px;
    left: 20px;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-top: 12px solid rgba(162,209,155,.9);
    border-right: 12px solid transparent;
    border-left: 12px solid transparent
}

.tooltiptextnew {
    visibility: hidden;
    width: 400px;
    background-color: rgba(162,209,155,.9);
    color: #000;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: 1.6;
    bottom: 100%;
    margin-bottom: 10px;
    left: -17px
}

.lftcont, .nav > li > a, .pro_lftcont, .pro_subcon {
    position: relative
}

.h1_pro, .sb_clr {
    color: #ff5722
}

.cnstack > img, .videoscript {
    z-index: 99;
    position: relative
}

.tooltipnew:hover .tooltiptextnew {
    visibility: visible
}

ul {
    list-style-type: disc;
    padding-left: 15px
}

    .cd_list_none, .footerul, .topnav ul li, .ulli, ul.faq {
        list-style-type: none
    }

.pr_mar0 {
    margin: 0 auto
}

.pro_subcon {
    width: 100%;
    padding: 0 15px
}

.pro_lftcont {
    width: 40%;
    border-right: 2px solid #dcdada;
    border-radius: 3px;
    height: 480px;
    float: left
}

.pro_subcon .pro_lftcont img {
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10% 25%
}

.pro_rhtcont {
    width: calc(100% - 40%);
    padding-left: 20px;
    float: left
}

.h1_pro {
    font-size: 25px;
    border-bottom: 2px solid #dcdada;
    padding-bottom: 10px
}

.pro_btn {
    width: 125px !important;
    padding: 10px !important;
    text-transform: uppercase !important
}

.btn-orange, .content_title_cd, .h1_pro_price, .pro_btn_sample {
    text-transform: uppercase
}

.pro_rhtcont table tr th {
    padding: 5px;
    background-color: #19a64f;
    color: #fff;
    font-size: 15px
}

.pro_rhtcont table tr td {
    padding: 5px;
    color: #000;
    font-size: 15px;
    line-height: 1.2
}

.clr_black {
    color: #000
}

.p_left14 {
    padding: 10px 0 0 14px
}

.h1_pro_price {
    color: #000;
    font-size: 55px;
    padding: 15px 0
}

.pro_btn_sample {
    background-color: #a2d19b;
    color: #000;
    border: 0;
    width: 100%;
    padding: 8px;
    font-size: 18px;
    box-shadow: 1px 2px 2px #ccc
}

.pro_below_sample_p {
    padding: 3% 10%
}

.pro_padall_10 {
    padding: 10px
}

.pro_cncontent {
    padding-bottom: 5px;
    color: #5a5252;
    min-height: 100px
}

.col-md-12.paddingbottom.item-box:hover .hover {
    display: block
}

.col-md-12.paddingbottom.item-box:hover .cnstack {
    background-color: #ff5722;
    box-shadow: 0 2px 4px grey;
    border: 2px solid #fff
}

.col-md-12.paddingbottom.item-box:hover .learnmore {
    background-color: #ff5722;
    color: #fff;
    text-decoration: none
}

.pro_pls_mins {
    padding: 9px 10px !important;
    color: #424040 !important
}

p.sb_clr.text-right + div {
    border-bottom: 1px solid #dcdada;
    padding-bottom: 10px
}

.valueaddedtext {
    font-size: 18px;
    color: green
}

@media screen and (max-width:615px) {
    .pro_cncontent {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        min-height: auto;
        -webkit-box-orient: vertical
    }
}

@media screen and (max-width:1120px) {
    .cartbtninprodfirst, .cartbtninprodsecond {
        width: 100%;
        padding: 10px 0;
        float: none
    }

    .tooltiptextnew {
        left: auto;
        right: 0
    }

        .tooltiptextnew:after {
            left: auto;
            right: 2px
        }
}

@media screen and (max-width:600px) {
    .tooltiptextnew {
        width: 300px;
        left: auto;
        right: 0
    }

        .tooltiptextnew:after {
            left: auto;
            right: 2px
        }

    .pro_lftcont {
        width: 100%;
        border-right: 0;
        height: auto
    }

    .pro_subcon .pro_lftcont img {
        padding: 10% 20%
    }

    .pro_rhtcont {
        width: 100%;
        padding-left: 0
    }

    .h1_pro {
        font-size: 22px
    }

    .h1_pro_price {
        font-size: 25px
    }

    .pro_subcon {
        display: block;
        padding: 0
    }

    .pro_below_sample_p {
        padding: 3% 5%
    }

    .pro_btn_sample {
        font-size: 15px
    }

    .proPricefordesk {
        display: none
    }

    .proPriceforMob {
        display: block;
        margin: 0;
        padding: 5px 0
    }

    .p_left14 {
        padding: 0
    }
}

@media screen and (max-width:450px) {
    .pro_rhtcont table tr td, .pro_rhtcont table tr th {
        font-size: 13px;
        padding: 5px 2px
    }
}

@media screen and (max-width:365px) {
    .pro_rhtcont table tr td, .pro_rhtcont table tr th {
        font-size: 13px;
        padding: 2px
    }

    .pro_pls_mins {
        padding: 10px !important
    }
}

.Abg {
    background-image: url(../images/About-Us-bg.png);
    background-size: contain;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: right
}

.af_left {
    float: left
}

#navbar > ul, .faq li.q > img {
    float: right
}

.af_weight {
    font-weight: 600
}

.a_padding {
    padding: 5% 0 0 20%
}

.ap {
    line-height: 1.6;
    width: 65%;
    font-size: 17px
}

.dppurchase {
    background-color: transparent;
    border: 1px solid #ccc;
    width: 100% !important;
    text-align: left !important
}

.cncontent, .lftcont, .title, .topnav a, .txt_center {
    text-align: center
}

@media screen and (max-width:900px) {
    .Abg {
        height: auto;
        background: 0
    }

    .ap {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .a_img {
        display: none
    }

    .a_padding {
        padding: 2%
    }

    .ap {
        width: 100%
    }
}

@media screen and (max-width:450px) {
    .h2_font {
        font-size: 20px
    }

    .ap {
        line-height: 1.6;
        font-size: 16px
    }
}

ul.faq {
    padding-left: 0
}

.title {
    background: #0187d0;
    color: #fff
}

    .title h3 {
        color: #fff !important
    }

.faq li {
    padding: 10px
}

    .faq li.a ul li {
        padding: 3px
    }

    .faq li.q {
        font-weight: 700;
        font-size: 100%;
        border: 1px solid #ddd;
        margin-bottom: 10px;
        color: #000;
        border-radius: 4px
    }

.blogposth3, .csheading, .h5title {
    font-weight: 600
}

.img-responsive, .row, .thumbnail {
    border-radius: 4px
}

.faq li.q:focus, .faq li.q:hover {
    background-color: #ff5722;
    color: #fff
}

.faq li.a {
    display: none;
    color: #000
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#table2 {
    max-width: 600px
}

    #table2 tr td, #table2 tr th {
        padding: 4px
    }

.fordeskpadd {
    padding-top: 15%
}

.navbar {
    margin-bottom: 0
}

.navbar-brand {
    height: auto
}

.nav > li > a {
    display: block;
    padding: 10px 8px
}

.navbar-default .navbar-nav > li > a {
    color: #000 !important;
    font-family: verdana
}

.all_fonts, .content_title_cd, .contentneeds, .contentneedsanother, .contentsampleh3, .footerh4, .h4heading, .newsletter, .offera, .offerh2, .offerh6, .offerheading {
    font-family: 'Fjalla One',sans-serif
}

.navbar-nav {
    padding: 25px 0
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }

.logo {
    width: 80%
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent !important
}

.navbar-toggle {
    margin-top: 16px
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle .icon-bar {
    border-color: #000
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #e15223
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent
    }

.body {
    background-image: url(../images/new/BG_1.png);
    background-size: contain
}

.sectionbanner1 {
    margin-top: 20px
}

.bpad20 {
    padding-bottom: 20px
}

.thumbnail {
    margin: 2% 4%
}

.fa-stack {
    width: 3em;
    height: 3em;
    line-height: 3em;
    color: #e1e1e1
}

.fa-facebook, .fa-google-plus, .fa-linkedin, .fa-pinterest-p, .fa-twitter, .fa-vimeo, .fa-youtube {
    font-size: 25px
}

.fa-stack-2x {
    font-size: 3em
}

.fa-inverse {
    color: #ff5300 !important
}

.fa-twitter {
    padding: 77% 52% !important
}

.fa-facebook {
    padding: 77% 70% !important
}

.videoscript {
    margin: 77% 55%;
    padding: 5%
}

.blogposth3 {
    color: #ff5300
}

.thumbnail {
    padding-bottom: 2%;
    background-color: #e1e1e1;
    color: #333 !important
}

.h5title {
    font-size: 16px;
    margin: 5% 0
}

.clicktoread {
    background-color: #000;
    color: #fff;
    padding: 6px;
    border-radius: 2px
}

.h4heading {
    color: #ff5300;
    font-size: 22px;
    line-height: 1.4
}

.footerh4, .newsletter {
    font-size: 24px
}

.footer {
    margin-top: 0;
    padding-top: 2%;
    margin-bottom: 0;
    background-repeat: repeat;
    background-position: center;
    padding-right: 0 7% !important;
    padding-left: 0 7% !important
}

.footerh4 {
    color: #ff5722
}

.margin10 {
    margin: 10% 0
}

.newsletter {
    color: #ef4513
}

.brd_none {
    border: none !important
}

.newsletterbtn {
    background-color: #ff5722;
    color: #fff
}

.footerul {
    padding-left: 0
}

.contentsampleh3 {
    color: #000;
    padding: 20% 0;
    font-size: 38px;
    line-height: 1.3
}

.contentneeds, .contentneedsanother {
    line-height: 1.2
}

.padding2 {
    padding: 5% 2% 30px
}

.fontsize5em {
    font-size: 5em !important
}

.fa-facebook {
    font-size: 45px !important
}

.csheading {
    padding: 20px 0;
    font-size: 14.5px
}

.csclicktoread {
    transition: background-color .2s ease-in;
    background-color: #000;
    color: #fff;
    padding: 6px;
    border-radius: 2px
}

.cnstack, .learnmore {
    transition: background-color .25s ease-in
}

.fa-twitter {
    font-size: 45px !important
}

.paddingbottom {
    padding: 0 0 2%
}

.contentneeds {
    color: #000;
    font-size: 38px;
    margin: 3%
}

.contentneedsanother {
    color: #ff5722;
    font-size: 32px;
    margin: 2%;
    padding-top: 2%
}

.cnstack {
    border: 2px solid #9e9e9e;
    background-color: #fff;
    border-radius: 50%;
    width: 4em !important;
    height: 4em !important;
    padding: 8px !important
}

    .cnstack > img {
        padding: 5%
    }

.cnborderright {
    border-right: 1px dashed #000;
    padding: 5%
}

a.cont_det_section:focus, a.cont_det_section:hover {
    text-decoration: none
}

.margin2 {
    padding-bottom: 2%;
    margin: 0 2%
}

.cnheading {
    margin: 5%;
    font-size: 17px;
    font-family: 'Fjalla One',sans-serif;
    color: #000
}

.cncontent {
    padding-bottom: 5px;
    color: #5a5252;
    min-height: 130px
}

.learnmore {
    background-color: #000;
    color: #fff;
    padding: 8px 5%;
    border-radius: 2px
}

.paddingright5 {
    padding-right: 5%;
    margin: 0 2%
}

.topnav ul {
    display: inline-flex;
    margin-left: 20px;
    margin-bottom: 0
}

.topnav a {
    float: left;
    display: block;
    color: #000;
    padding: 10px;
    text-decoration: none;
    font-size: 17px
}

    .topnav a:hover {
        background-color: #ddd;
        color: #000
    }

.icon {
    display: none
}

#myTopnav {
    top: 20px;
    margin-top: 10px;
    width: 70%;
    float: right
}

.col-md-2.col-sm-6.paddingbottom:hover .fa-stack {
    background-color: #ff5722;
    color: #fff
}

.col-md-2.col-sm-6.paddingbottom:hover .learnmore {
    background-color: #ff5722;
    color: #fff;
    text-decoration: none
}

.col-md-2.col-sm-6.paddingbottom:hover .cnheading {
    color: #ff5722
}

.col-md-2.col-sm-6.paddingbottom:hover .cnstack {
    box-shadow: 0 2px 4px grey;
    border: 2px solid #fff
}

.Socmedia, .blogpost, .ebook, .webcontent {
    background-size: cover;
    height: 430px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px
}

.learnmore:hover {
    background-color: #ff5722;
    color: #fff;
    text-decoration: none
}

.ebook {
    background-image: url(../images/new/Offerings/Ebook.png)
}

.blogpost {
    background-image: url(../images/new/Offerings/Blog-Post.png)
}

.webcontent {
    background-image: url(../images/new/Offerings/Website-Content.png)
}

.Socmedia {
    background-image: url(../images/new/Offerings/Social-Media.png)
}

#blog_section tr td {
    width: 16.5%
}

.offercolmd2 {
    padding: 6%;
    margin: 3% 0
}

.offer1 {
    padding: 10% 0
}

.twitter1 {
    padding: 0 !important;
    color: #fff
}

.icon-blogger {
    font-size: 50px;
    color: #fff
}

.offerheading {
    margin-top: 8%;
    color: #fff;
    font-size: 16px
}

.offerh6 {
    margin-top: 30%;
    font-weight: 700;
    font-size: 18px
}

.fa-play-circle-o {
    font-size: 45px !important;
    color: #fff
}

.offerh2 {
    margin: 20% 0;
    color: #ff5300;
    font-weight: 600;
    font-size: 45px;
    letter-spacing: 4px
}

.col-md-3.col-sm-11.thumbnail:hover .h4heading, .offera {
    color: #fff
}

.ford_sign {
    font-size: 30px;
    vertical-align: super
}

.content_title_cd, .fa-stack_cd {
    vertical-align: middle !important
}

.offera {
    background-color: #00336e;
    padding: 6px;
    font-size: 11px;
    letter-spacing: .5px
}

    .offera:hover {
        text-decoration: none;
        color: #fff
    }

.margin16 {
    margin-top: 16%
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    padding: 0 5%;
    transition: background-color .15s ease-in
}

.col-md-3.col-sm-11.thumbnail:hover {
    background-color: #ff5722;
    transition: background-color .5s ease;
    border-color: transparent
}

    .col-md-3.col-sm-11.thumbnail:hover .clicktoread {
        background-color: #fff;
        color: #000;
        text-decoration: none
    }

.normal {
    display: block
}

.col-md-2.col-sm-6.paddingbottom:hover .normal, .hover {
    display: none
}

.col-md-2.col-sm-6.paddingbottom:hover .hover {
    display: block
}

ul.footerul li {
    padding: 3px 0
}

.subcon {
    width: 100%;
    margin: 7% 0;
    display: inline-flex;
    padding: 0 15px
}

.lftcont {
    width: 35%;
    height: 185px;
    border-right: 1px solid #c2c2c2;
    border-radius: 3px
}

.rhtcont {
    width: 65%;
    padding-left: 20px
}

.subcon .lftcont img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

#Second_row {
    padding: 20px 0
}

    #Second_row .col-md-2.col-sm-6.paddingbottom, .col-md-2.col-sm-6.paddingbottom.catbox {
        width: 20%
    }

        #Second_row .col-md-2.col-sm-6.paddingbottom:first-child {
            margin-left: 10%
        }

        #Second_row .col-md-2.col-sm-6.paddingbottom:last-child {
            margin-right: 10%
        }

.row .col-md-2.col-sm-6.paddingbottom:last-child .cnborderright {
    border-right: 0
}

.chkothers {
    width: 4em;
    padding: 14px;
    height: 4em
}

.chkothers_Bg {
    transition: background-color .2s ease-in;
    background-color: #fff;
    border-radius: 50%;
    width: 5em !important;
    height: 5em !important
}

.secsection-icon1 {
    color: #fa8085;
    font-size: 60px !important;
    line-height: 1.6em !important
}

.secsection-icon2 {
    color: #57d4cc;
    font-size: 60px !important;
    line-height: 1.6em !important
}

.btn-black, .btn-green, .btn-orange {
    transition: background-color .1s ease;
    text-decoration: none
}

.forh_effact:hover {
    box-shadow: 1px 3px 5px #ccc3c3
}

.col-md-2.col-sm-6.col-xs-6.padding2:hover .normal {
    display: none
}

.col-md-2.col-sm-6.col-xs-6.padding2:hover .hover {
    display: block
}

.col-md-2.col-sm-6.col-xs-6.padding2:hover .chkothers_Bg, .col-md-2.col-sm-6.col-xs-6.padding2:hover .csclicktoread {
    background-color: #ff5722
}

.csclicktoread:hover {
    text-decoration: none;
    color: #fff
}

.bmargin30 {
    margin-bottom: 30px
}

.ftr_brd_right {
    border-right: 1px solid #d192a7
}

.lpad5 {
    padding-left: 5%
}

.ftr_feathers {
    width: 60%;
    margin-bottom: -10%
}

.b_padd50 {
    padding-bottom: 50px
}

.tooltip1 {
    width: 100%;
    height: auto !important;
    position: absolute;
    color: #000;
    background: #fff;
    line-height: 15px;
    text-align: left;
    border-radius: 6px;
    font-size: 11px;
    padding: 5px 10px;
    z-index: 1;
    margin-top: 10px;
    left: -10px;
    border: 3px solid #ff5722
}

#navbar > ul li:hover {
    background-color: rgba(232,226,226,.6);
    border-radius: 3px
}

.bodyforcd {
    background-size: cover
}

.padall20 {
    padding: 20px
}

.fa-stack_cd {
    width: 3.5em;
    height: auto;
    line-height: 4em;
    margin-right: 15px
}

.content_title_cd {
    color: #ff5722;
    font-size: 29px
}

.btn-green, .btn-orange {
    font-family: sans-serif
}

.btn-orange {
    padding: 8px 10px;
    background-color: #ff5722;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    border: 1px solid #ff5723;
    font-weight: 400;
    border-radius: 2px
}

.btn-white {
    background-color: transparent !important;
    color: #000
}

.btn-orange:hover {
    color: #ff5722;
    background-color: #fff;
    text-decoration: none
}

.cd_bg {
    background-color: #c3e3d3
}

.cd_bg_padd {
    padding: 1% 5%
}

.bold {
    font-weight: 700 !important
}

.cd_subcon {
    width: 100%;
    display: inline-flex;
    margin: 15px 0
}

.cd_lftcont {
    width: 55%;
    height: 100%;
    position: relative;
    text-align: justify;
    border-radius: 3px;
    font-size: 15px;
    line-height: 1.6;
    margin: auto
}

.cd_rhtcont {
    width: 45%;
    padding: 2%;
    text-align: right
}

.org_btn_pad {
    padding: 12px 20px
}

.btn-green {
    padding: 8px 10px;
    background-color: #00a650;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    line-height: normal;
    text-transform: capitalize;
    border: 1px solid #00a650;
    font-weight: 400;
    border-radius: 2px
}

    .btn-green:hover {
        color: #00a650;
        background-color: #fff;
        text-decoration: none
    }

.t_margin_15 {
    margin-top: -15px
}

.b_margin_15 {
    margin-bottom: 15px
}

.cd_list_none {
    padding-left: 0;
    line-height: 1.7
}

.cd_all_pad5 {
    padding: 5% 5% 0
}

.res_all_pad5 {
    padding: 5% 10%
}

.cd_top_btn {
    float: right;
    width: 141px;
    display: none
}

.bgcontact, .btn-black, .modal-title, .pmenulink {
    display: inline-block
}

.cd_clr_blck, .cd_clr_blck > a {
    color: #000;
    line-height: 1.3;
    font-size: 12px;
    padding: 5px
}

.cd_empty_bg {
    background-color: #ff5722;
    height: 15px;
    margin-top: 20px
}

ul#onlyforlist {
    margin: 0 17%
}

div#cd_list_det {
    margin: 0 15%
}

.padding8 {
    padding: 5px 0
}

.bgcontact {
    background-color: #9e9e9e;
    padding: 4% 2%;
    margin-bottom: 5%;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 3px 4px 4px rgba(206,201,201,.45)
}

.wfs_desc {
    padding: 15px 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    line-height: 1.6;
    text-align: center;
    color: #000
}

.h1_contact, .modal-title, .pmenulink {
    font-family: 'Fjalla One',sans-serif
}

.fweight {
    font-weight: 700
}

.txt_rght {
    text-align: right
}

.bgcontact input.form-control {
    height: 28px
}

.h1_contact {
    color: #ff5722;
    text-transform: uppercase
}

.btn-black {
    padding: 8px 10px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
    border: 1px solid #000;
    font-weight: 400;
    border-radius: 2px
}

    .btn-black:hover, .btn:focus {
        color: #000;
        text-decoration: none
    }

    .btn-black:hover {
        background-color: #fff
    }

#btnvisit:focus {
    color: #fff;
    background: #000
}

#btnvisit:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none
}

.t_mar0 {
    margin-top: 0 !important
}

ul.footerul li a {
    color: #000
}

    ul.footerul li a:hover {
        text-decoration: underline
    }

.ulli li a, a#gotoprice:hover {
    text-decoration: none
}

ul#onlyforlist li.q {
    border: 0;
    margin-bottom: 0;
    padding: 5px
}

    ul#onlyforlist li.q:hover {
        background-color: #fff;
        color: #ff5722
    }

.t_ucase {
    text-transform: uppercase
}

.t_success {
    font-size: 18px;
    padding: 20px 25%
}

.t_pad10 {
    padding-top: 10px
}

.t_f_size {
    font-size: 17px
}

.t_fail, .t_suc_h3 {
    font-size: 18px
}

.t_fail {
    font-weight: 700;
    padding: 20px 15%
}

.AF_weight, .cd_rhtcont1 h5, .sb_clr b {
    font-weight: 600
}

.succ_and_fail {
    width: 70px
}

.succ_and_fail_b_pad {
    padding-bottom: 30px
}

.ftr_feather_div {
    text-align: center;
    background-image: url(../images/new/Feather.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    padding: 5% 3%;
    width: 90%;
    margin-top: -7%
}

.cd_lftcont1, .pos_rel {
    position: relative
}

.in_feather_sp {
    color: #fff;
    padding-right: 20%;
    font-size: 14px
}

.in_btm_feather_line {
    color: #000;
    padding: 4% 0 1%;
    text-align: center;
    font-size: 14px
}

.pro_pad_ab20 {
    padding: 20px 0
}

.fa-check {
    color: green;
    margin-right: 1%
}

.modal-title {
    font-size: 17px
}

    .modal-title img {
        padding: 5px
    }

.pmenulink:hover {
    color: #ff5722
}

.pmenulink {
    padding: 10px 0;
    color: #000
}

.sb_clr b {
    font-size: 18px
}

.fa-shopping-cart {
    font-size: 20px !important;
    padding: 0
}

.cd_rhtcont1 {
    width: 45%;
    padding: 5% 0;
    margin-left: 4%;
    float: left
}

    .cd_rhtcont1 h5 {
        background-color: #ff5722;
        padding: 4% 6%;
        text-align: center;
        color: #fff;
        margin: 0
    }

    .cd_rhtcont1 div {
        background-color: #f9f7f7;
        margin: 0;
        padding: 6%;
        text-align: center
    }

        .cd_rhtcont1 div p {
            min-height: 115px
        }

    .cd_rhtcont1 a {
        margin: 15% 5% 4%
    }

.cd_lftcont1 {
    line-height: 1.6;
    width: 65%;
    height: 100%;
    text-align: left;
    border-radius: 3px;
    font-size: 15px
}

.cd_rgtebook {
    width: 70%
}

.h4_ebook {
    width: 80%;
    line-height: 1.5
}

.cd_lftcont1 h4 b {
    line-height: 1.6
}

.cd_subcon1 {
    width: 100%;
    display: inline-flex;
    margin: 15px 0
}

#Authoritative .modal-body, #BlogpostExample .modal-body, #CheckoutOther .modal-body, #Checkout_Email .modal-body, #Checkout_Product .modal-body, #ContentDetViewsamp .modal-body, #ForRequest .modal-body, #LeadGenerating .modal-body, #ProductSample .modal-body, #Twitterpost .modal-body {
    max-height: 400px;
    overflow: auto;
    text-align: justify;
    line-height: 1.6;
    margin-bottom: 5px
}

.cd_in_prod_Stripe {
    margin: 30px 0
}

.footer .col-md-3.ftr_brd_right.lpad5:first-child {
    margin-left: 8%
}

.footer .col-md-4.lpad5:last-child {
    margin-right: 8%
}

@media only screen and (max-width:1100px) {
    .offerh6 {
        margin-top: 60%
    }

    div#cd_list_det, ul#onlyforlist {
        margin: 0
    }

    .footer .col-md-3.ftr_brd_right.lpad5:first-child {
        margin-left: 0
    }

    .footer .col-md-4.lpad5:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:1092px) {
    .fordeskpadd {
        padding-top: 0
    }
}

@media only screen and (max-width:992px) {
    .bgcontact {
        display: block
    }
}

@media only screen and (max-width:990px) {
    .ftr_brd_right, .row .col-md-2.col-sm-6.paddingbottom:nth-child(even) .cnborderright {
        border-right: 0
    }

    .cnheading {
        margin: 2%
    }

    #Second_row .col-md-2.col-sm-6.paddingbottom:first-child, .row .col-md-2.col-sm-6.paddingbottom:first-child {
        margin-left: 0
    }

    #Second_row .col-md-2.col-sm-6.paddingbottom:last-child, .row .col-md-2.col-sm-6.paddingbottom:last-child {
        margin-right: 0
    }

    .paddingbottom {
        margin: 0
    }

    #Second_row .col-md-2.col-sm-6.paddingbottom, .col-md-2.col-sm-6.paddingbottom.catbox {
        width: 50%
    }

    .offerh6 {
        margin-top: 8%
    }

    .Socmedia, .blogpost, .ebook, .webcontent {
        background-size: contain
    }

    #blog_section tr td {
        width: 25%;
        display: inline-block
    }

    .offer1 {
        padding: 20% 0
    }

    .offerh2 {
        margin: 16% 0
    }

    .contentsampleh3 {
        padding: 3% 0
    }

    .b_padd50 {
        padding-bottom: 0
    }

    .txt_rght {
        text-align: left
    }

    .cncontent {
        min-height: 100px
    }

    #btn_cnt_us {
        text-align: center;
        padding: 15px 0
    }
}

@media only screen and (max-width:845px) {
    #Second_row .col-md-2.col-sm-6.paddingbottom, .col-md-2.col-sm-6.paddingbottom.catbox {
        width: 100%
    }

    .cnborderright {
        border-right: 0;
        border-bottom: 1px dashed rgba(193,193,193,.74)
    }
}

@media only screen and (max-width:800px) {
    .contentsampleh3 {
        padding: 5% 0
    }

    #blog_section tr td {
        width: 33.33%;
        display: inline-block
    }

    .Socmedia, .blogpost, .ebook, .webcontent {
        background-size: contain
    }

    .offer1 {
        padding: 25% 0
    }

    .contentneedsanother {
        font-size: 29px;
        padding-bottom: 2%
    }

    .cd_subcon1 {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        margin: 15px 0
    }

    .cd_lftcont1, .cd_rgtebook {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .cnborderright {
        border-right: 0;
        padding: 1% 3%;
        border-bottom: 1px dashed rgba(193,193,193,.74)
    }

    .t_fail, .t_success {
        padding: 20px 10%
    }

    #navbar > ul {
        width: 100%;
        float: none
    }

    .logo {
        width: 70%
    }

    .navbar-brand {
        width: 50%
    }

    #navbar > ul li {
        display: inline-block;
        vertical-align: bottom
    }

        #navbar > ul li:hover {
            background-color: rgba(232,226,226,.6)
        }

    .t_fail {
        font-size: 16px
    }

    .in_feather_sp {
        padding-right: 20%;
        font-size: 13px
    }

    #Second_row .col-md-2.col-sm-6.paddingbottom:last-child .cnborderright {
        border-bottom: 0
    }

    .cncontent {
        min-height: auto;
        padding-bottom: 10px
    }
}

@media screen and (max-width:600px) {
    .topnav.responsive {
        position: relative
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
            border-bottom: 1px solid #fff
        }

    #btn_cnt_us, #navbar > ul, .cd_rhtcont {
        text-align: center
    }

    .topnav a {
        display: none
    }

    .cd_subcon, .topnav ul, a.icon {
        display: block
    }

    a.icon {
        color: #000;
        width: 15px
    }

    .topnav ul {
        margin-left: 0;
        padding-left: 0
    }

    #myTopnav {
        width: 100%;
        background-color: rgba(255,255,255,.18);
        top: 0;
        margin-bottom: 15px
    }

    .onlyfornav {
        float: right;
        padding: 10px;
        border-radius: 4px;
        background-color: rgba(156,145,119,.32)
    }

        .onlyfornav:hover {
            cursor: pointer
        }

    .logo, .navbar-brand {
        width: 60%
    }

    .contentneeds, .contentneedsanother {
        font-size: 21px
    }

    .lftcont {
        height: 100px
    }

    .Socmedia, .blogpost, .ebook, .webcontent {
        height: 355px
    }

    .contentsampleh3 {
        font-size: 21px;
        padding: 3% 0
    }

    .fa-stack_cd {
        width: 2.5em;
        height: 2.5em;
        line-height: 3em;
        margin-right: 10px
    }

    .cd_lftcont, .cd_lftcont1, .cd_rhtcont {
        width: 100%
    }

    .content_title_cd {
        font-size: 21px;
        margin: 11px
    }

    .padall20 {
        padding: 20px 0
    }

    #cd_empty_last, #cd_list_det, .pad0_mob {
        padding: 0 !important
    }

    .sectionbanner1 {
        margin-top: 10px
    }

    .padding8 {
        padding: 4px 0
    }

    .res_all_pad5 {
        padding: 5% 0
    }

    .t_success {
        padding: 20px 10%
    }

    .h1_contact {
        font-size: 30px
    }

    .navbar {
        margin: 0 0 15px
    }

    .ftr_feather_div {
        padding: 7% 0;
        margin-top: -13%
    }

    .cd_rhtcont1 {
        width: 100%;
        margin-left: 0
    }

        .cd_rhtcont1 a {
            margin: 0
        }

        .cd_rhtcont1 div p {
            min-height: 60px
        }

    .footer {
        padding-bottom: 1px
    }

    .in_btm_feather_line {
        font-size: 13px
    }
}

@media screen and (max-width:550px) {
    #blog_section tr td {
        width: 50%
    }

    .offer1 {
        padding: 12% 0
    }

    .offerh2 {
        margin: 17% 0
    }

    .margin16 {
        margin-top: 0
    }

    .ftr_feathers {
        width: 80%;
        margin-bottom: -15%
    }

    .t_f_size {
        font-size: 14px
    }

    .t_fail {
        font-size: 15px;
        padding: 10px 5%
    }

    .footerh4 {
        font-size: 20px
    }

    .in_feather_sp {
        padding-right: 0
    }
}

@media screen and (max-width:500px) {
    .in_feather_sp {
        padding-right: 30%;
        font-size: 11px
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12.5px;
        padding: 7px 6px
    }

    .navbar-nav {
        padding: 10px 0;
        margin: 0
    }

    #navbar {
        padding: 0
    }
}

@media screen and (max-width:400px) {
    .container-fluid {
        padding: 1px !important
    }

    .logo, .navbar-brand {
        width: 70%
    }

    .contentneedsanother {
        font-size: 19px;
        margin: 5%
    }

    .contentneeds {
        font-size: 17px
    }

    .rhtcont {
        padding-left: 12px
    }

    .subcon .lftcont img {
        max-width: 80%
    }

    .offerh6 {
        margin-top: 20%
    }

    .t_success {
        padding: 10px
    }

    .h1_contact {
        font-size: 25px
    }

    .t_suc_h3 {
        font-size: 18px
    }

    .Socmedia, .blogpost, .ebook, .webcontent {
        background-position: top;
        height: 310px
    }

    .offer1 {
        padding: 15% 0
    }

    .pad0_mob {
        padding: 5px !important
    }
}

@media screen and (max-width:385px) {
    .in_feather_sp {
        padding-right: 15%
    }
}

@media screen and (max-width:370px) {
    .offer1 {
        padding: 10% 0
    }

    .offerh6 {
        margin-top: 15%
    }
}

@media screen and (min-width:1025px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px
    }
}

.AB_right, .A_padding0 {
    padding: 0
}

.User {
    height: 100px;
    margin: auto
}

.A_gray {
    color: gray
}

.AB_bottom {
    border-bottom: 2px solid #e4dfdf
}

.AB_right {
    border-right: 2px solid #e4dfdf;
    margin: 10px 0
}

.A_pbottom {
    padding-bottom: 1%
}

.ulli {
    padding: 0
}

    .ulli li a {
        font-size: 14px;
        color: #444343;
        font-weight: 700;
        line-height: 1.5;
        padding: 5px;
        border: none !important
    }

    .ulli li {
        padding: 0;
        width: 100%;
        box-shadow: 1px 1px 3px #ccc
    }

#table1 tr td {
    width: 12px;
    font-size: 15px;
    line-height: 2
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff !important;
    border-radius: 4px;
    cursor: default;
    border: 1px solid !important;
    border-bottom-color: none !important;
    background-color: #0187d0 !important
}

.P_bgcolor_row, .p_table tbody tr th {
    background-color: #cccbcb
}

.nav-tabs > li > a:hover {
    border-color: none !important
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    border: 0
}

.nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    padding: 10px
}

.nav-tabs {
    border-bottom: 0
}

.p_table, .p_table tbody tr td, .p_table tbody tr th, .p_table thead tr th {
    border: 1px solid #000
}

.A_padding4 {
    padding: 20px
}

.A_padding1 {
    padding-top: 1%
}

.F_22 {
    font-size: 22px
}

.p_table tbody tr th {
    font-size: 12px
}

.mp_subcon {
    width: 100%;
    display: inline-flex;
    margin: 2% 0
}

.mp_left_con, .mp_right_con {
    width: 50%;
    padding: 0;
    margin: 10px
}

.mp_left_con {
    position: relative;
    text-align: center;
    border-radius: 3px
}

.mp_subcon .mp_left_con table tr td, .mp_subcon .mp_right_con table tr td, th {
    text-align: center;
    padding: 5px;
    font-size: 14px;
    border: none
}

.mp_subcon .mp_left_con table, .mp_subcon .mp_right_con table {
    box-shadow: 2px 2px 8px #ccc
}

.tble_innr_btn {
    padding: 7px !important;
    font-size: 11px !important
}

.tbl_caption {
    text-align: left;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    padding: 6px
}

.tbl_cap_span {
    border-radius: 5px
}

.fcontrol_wid {
    width: 70%
}

@media screen and (max-width:700px) {
    .mp_subcon {
        display: block
    }

    .mp_left_con, .mp_right_con {
        width: 100%;
        margin: 10px 0
    }
}

@media screen and (max-width:490px) {
    .p_table, .p_table tbody tr td, .p_table thead tr th {
        padding: 3px;
        font-size: 12px
    }

        .p_table tbody tr th {
            padding: 3px;
            font-size: 11px
        }

    .A_padding4 {
        padding: 4% 0
    }

    .container1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .F_22 {
        font-size: 15px
    }

    .title h3 {
        font-size: 18px
    }
}