/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */

    /*+GLOBALRESETS--------------------------------------------------------------------------------------*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}navul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}input,textarea{outline:none;}body{font:13px/1.231sans-serif;*font-size:small;}select,input,textarea,button{font:99%sans-serif;}pre,code,kbd,samp{font-family:monospace,sans-serif;}body,select,input,textarea{color:#444;}h1,h2,h3,h4,h5,h6{font-weight:bold;}html{overflow-y:scroll;}a:hover,a:active{outline:none;}ul,ol{margin-left:1.8em;}ol{list-style-type:decimal;}navul,navli{margin:0;}small{font-size:85%;}strong,th{font-weight:bold;}td,tdimg{vertical-align:top;}textarea{overflow:auto;}.ie6legend,.ie7legend{margin-left:-7px;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;}.ie7input[type="checkbox"]{vertical-align:baseline;}.ie6input{vertical-align:text-bottom;}td{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px;}.ie6legend,.ie7legend{margin-left:-7px;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}input:valid,textarea:valid{}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px0px5pxred;-webkit-box-shadow:0px0px5pxred;box-shadow:0px0px5pxred;}.no-boxshadowinput:invalid,.no-boxshadowtextarea:invalid{background-color:#f0dddd;}/*Hideouthighlightcolor--::-moz-selection{background:#FF5E99;color:#fff;text-shadow:none;}::selection{background:#FF5E99;color:#fff;text-shadow:none;}*/a:link{/*-webkit-tap-highlight-color:#FF5E99;*/}button{width:auto;overflow:visible;}.ie7img{-ms-interpolation-mode:bicubic;}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}.hidden{display:none;visibility:hidden;}.visuallyhidden{position:absolute!important;clip:rect(1px1px1px1px);clip:rect(1px,1px,1px,1px);}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after,.ezcol-divider:before,.ezcol-divider:after{content:"\0020";display:block;height:0;visibility:hidden;}.clearfix:after,.ezcol-divider:after{clear:both;}.clearfix,.ezcol-divider{zoom:1;}/*+FANCYSTYLES--------------------------------------------------------------------------------------*/.left{float:left;}.right{float:right;}.first{margin-left:0!important;}.last{margin-right:0!important;}.hide{display:none;}.visible{display:block!important;}.empty{visibility:hidden!important;}/*Usage<divclass="hr"><hr/></div>*/.hr{clear:both;margin:18px0;background:transparent;border:none;border-top:1pxsolid#bbb;}hr{visibility:hidden;font-size:0;line-height:0;height:0;border:none;}.accent,strong.accent,span.accent,em.accent{background:#ffffbf!important;color:inherit;padding:.25em;font-weight:bold;}div.accent,p.accent{padding:1.5em;}.amp{font:italic1.1em/10%"WarnockPro","GoudyOldStyle","Palatino","BookAntiqua",serif;}/*jQueryUIHelpers-*/.ui-helper-hidden{display:none;}.ui-helper-hidden-accessible{position:absolute;left:-99999999px;}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.ui-helper-clearfix{display:inline-block;}/*requiredcommentforclearfixtoworkinOpera\*/*html.ui-helper-clearfix{height:1%;}.ui-helper-clearfix{display:block;}/*endclearfix*/.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}.ui-tabs-panel{display:block;}.ui-tabs-hide{display:none;}
    /*Reset*/

/*
= FONT EMBEDING
-------------------------------------------------------------------------------------- */
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:600,600italic,700,700italic);

    @font-face {
        font-family: 'ImpactRegular';
        src: url('../fonts/impact-webfont.eot');
        src: url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/impact-webfont.woff') format('woff'),
             url('../fonts/impact-webfont.ttf') format('truetype'),
             url('../fonts/impact-webfont.svg#ImpactRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

/*
= COMMON
-------------------------------------------------------------------------------------- */
    body{
        font-family: Arial,sans-serif;
        background: #cccccc url("../img/htmlbg.jpg") repeat scroll 0 0;
        }
    body.page-template-resource-page,
    body.tax-resource_category,
    body.single-resource, body.search.post-type-archive,
    body.tax-resource_tag{
        background-image: url(../img/body-resources-background.jpg);
        background-repeat: repeat;
    }

    .wrapper{width:930px; padding:20px 15px; margin: 0 auto; z-index: 5; position: relative;}

    .content h1{color: #000; font-size: 28px; line-height: 30px;}

    .content h2{
        margin: 0 0 20px;
        color: #333; font-size: 24px; line-height: 28px;
        }
    .woocommerce-order-received .content h2.green{color: #8fae1b}
    .content h3, .content h4, .content h5 {
        margin: 0 0 20px;
        color: #333; font-size: 20px; font-weight: normal; line-height: 24px;
        }
    .content h4{font-size: 18px; line-height: 22px;}
    .content h5{font-size: 16px; line-height: 20px;}
    .content h6 { margin-bottom: 15px; color: #999; font-size: 12px; font-weight: normal;}
    .content h6 em {
        color: #f00;
        }

    .content p{
        color: #666;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
        }
    .content p.no-results{color: #fff;}

    .content hr{
        background-color: #d9d9d9;
        display: block;
        height: 2px; width: 90%;
        line-height: 2px;
        margin: 15px auto 30px;
        visibility: visible;
        clear: both;
        }

    .content ul{list-style: none; margin: 0 0 20px 20px;}
    .content ul.feedback{margin-left: 0;}
        .content ul li{
            padding-left: 8px; margin-bottom: 10px;
            color: #666; font-size: 14px; line-height: 22px;
            background: url("../img/bullet.png") no-repeat 0 10px transparent;
            }
    .content ol{margin: 0 0 20px 20px;}
        .content ol li{color: #666; font-size: 14px; line-height: 22px; margin-bottom: 15px;}

    .content article a{color: #ff0000; text-decoration: underline;}
        .content article  a:hover{text-decoration: none;}
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
        background-color: #ed1c24;
    }

    .content article .shipping-calculator-button {
        display: none;
    }

    .alignright{
        float: right;
        margin: 0 0 20px 40px;
        }
    .alignleft{
        float: left;
        margin: 0 40px 20px 0;
        }

    .content .wrapper, .content.sidebar, .content.reviews-wrapp{
        position: relative;
        padding-bottom: 40px; margin-bottom: 20px;
        background-color: #f1f1f1;
        -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.75);
        }
    .search.post-type-archive .content .wrapper{position: relative;
        padding-bottom: 40px; margin-bottom: 20px;}
    .content.pages article.left, .content.sidebar article.left{width: 60%;}
    .content.pages .full-width article.left{width: 100%;}

    .content.pages aside.right, .content.sidebar aside.right, .content.sidebar aside.right.color{
        width: 33%;
        margin: 40px 0 0 0; padding: 14px 18px 20px;
        background-color: #ffffff;
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        }
    .asidefeed{text-align: center;}

    .content.sidebar aside.right{
        padding: 0;
        background: none;
        border-radius: 0;
        border: medium none;
        }
    .postid-47.woocommerce.single-product .content aside{padding-top: 137px;}
    .postid-42.woocommerce.single-product .content aside{padding-top: 172px;}

    .content .button, .content .form-cf7 .button-li .button{
        display: inline-block; *display: inline; *zoom: 1;
        padding: 10px 20px;
        text-decoration: none; color: #666; line-height: 16px;
        border:0;
        -moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.78); -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.78); box-shadow:0px 2px 2px rgba(0, 0, 0, 0.78);
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.45);
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
        -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.78); -webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.78); box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.78);
        }
    .content .gray, .content .form-cf7 .button-li .gray{
        background: #e5e4e4;
        background: -webkit-linear-gradient(#e5e4e4 0%, #bbbbbb 100%) !;
        background: -webkit-linear-gradient(#e5e4e4 0%, #bbbbbb 100%) !;
        background: -o-linear-gradient(#e5e4e4 0%, #bbbbbb 100%) !;
        background: linear-gradient(#e5e4e4 0%, #bbbbbb 100%) !;
        background: linear-gradient(#e5e4e4 0%, #bbbbbb 100%) !;
        filter: progid:DXImageTransform.Microsoft.gradient(startColo: ;rstr="#e5e4e4", endColorstr="#bbbbbb", GradientType=0);
        }

    .content .form-cf7 .gray.red{
        color: #fff;
        background: #ff0000; /* Old browsers */
        background: -moz-linear-gradient(top, #ff0000 0%, #d60101 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#d60101)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ff0000 0%,#d60101 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ff0000 0%,#d60101 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ff0000 0%,#d60101 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d60101',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ff0000 0%,#d60101 100%); /* W3C */
        }

    .content .gray:hover, .content .form-cf7 .button-li .gray:hover, /*.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover*/{
        background: #bbbbbb;
        background: -moz-linear-gradient(top, #bbbbbb 0%, #e5e4e4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #e5e4e4));
        background: -webkit-linear-gradient(top, #bbbbbb 0%, #e5e4e4 100%);
        background: -o-linear-gradient(top, #bbbbbb 0%, #e5e4e4 100%);
        background: -ms-linear-gradient(top, #bbbbbb 0%, #e5e4e4 100%);
        background: linear-gradient(top, #bbbbbb 0%, #e5e4e4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbbbbb", endColorstr="#bbbbbb", GradientType=0);
        }

    .content .form-cf7 .gray.red:hover{
        color: #fff;
        background: #ff0000;
        background: -moz-linear-gradient(top, #d60101 0%, #ff0000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d60101), color-stop(100%, #ff0000));
        background: -webkit-linear-gradient(top, #d60101 0%, #ff0000 100%);
        background: -o-linear-gradient(top, #d60101 0%, #ff0000 100%);
        background: -ms-linear-gradient(top, #d60101 0%, #ff0000 100%);
        background: linear-gradient(top, #d60101 0%, #ff0000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d60101", endColorstr="#ff0000", GradientType=0);
        }

    .author-top .author-top .wrapper{margin-bottom: 20px;}

    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi,
    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi:before,
    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi:after{
        content: '';
        display: none;
        }
    .woocommerce .bg-block div.product .red.stock{color: #ff0000; font-size: 14px;
    font-weight: bold;}

/*
= Header
-------------------------------------------------------------------------------------- */
    header{
        position: relative;
        padding: 15px 0 0 0;
        z-index: 1000;
    }



        header h1, header a.logo{
            float: left;
            width: 316px; height: 63px;
            margin-right: 10px; margin-top: -2px;
            text-indent: -9999px;
            background: url(../img/logo.jpg) no-repeat 0 0;
            }

        nav.mobile{display: none;}

        /*cart part*/
            .top-block-cart{
                position: absolute; right: 0; top: 0;
                width: 450px;
                }
            .cart-block{float: right;}
            .cart-block.login-block{}
                .cart-block.login-block .widget_shopping_cart_content, .cart-block.login-block .menu-top-menu-container{float: right;}

                .cart-block .widget_shopping_cart_content, .cart-block .menu-top-menu-container{float: left;}

                .cart-block .widget_shopping_cart_content{margin-right: 25px;}
                    .cart-block .empty, .cart-block .cart-full{
                        display: block;
                        padding-left: 30px;
                        color: #f1f1f1; font-size: 11px; line-height: 25px; text-decoration: none;
                        background: url(../img/cart_ico.jpg) no-repeat 0 -1px;
                        visibility: visible !important;
                        }
                    .cart-block .cart-full{background-position: 0 -24px;}

                    .cart-block .menu{list-style: none; margin: 0; text-align: right; float: right;}
                        .cart-block .menu li{
                            position: relative;
                            display: inline-block; *display: inline; *zoom: 1;
                            }
                            .cart-block .menu li a{
                                padding: 0 10px;
                                color: #f1f1f1; font-size: 11px; line-height: 18px; text-decoration: none;
                                }
                            .cart-block .menu li a:hover{text-decoration: underline; color: #fff;}



        /*social - old*/
           /* .social{
                float: left;
                list-style: none;
                margin: 0;
                }
                .social li{float: left; margin-right: 12px;}
                .social .gp{margin-right: 0px;}
                    .social a{
                        display: block;
                        width: 60px; height: 59px;
                        text-indent: -9999px;
                        background: url(../img/facebook-big.png) no-repeat 0 0;
                        }
                    .social .gp a{margin-top: 1px; background: url(../img/gp-big.png) no-repeat 0 0;}*/
        /*social network new*/
            .social-part.wrapper{padding: 27px 0 0; margin-bottom: 15px; width: 960px; z-index: 0;}
            .social-part ul{list-style: none; margin: 0; padding: 0;}
                .social-part li{float: left; margin-right: 8px;}
                    .social-part a{font-size: 26px; color: rgba(241,241,241,0.3);}
                    .social-part a:hover{color: rgba(241,241,241,0.5);}

        /*top navigation*/
            header nav{
                float: right;
                margin-top: 25px;
                text-align: center;
                }
                header nav ul{list-style: none; margin: 0; padding: 0;}
                    header nav li{
                        position: relative;
                        display: inline-block; *display: inline; *zoom: 1;
                        padding: 5px 12px;
                        }
                        header nav a{color: #dcdada; font-size: 14px; text-transform: uppercase;font-weight: bold; text-decoration: none;}
                        header nav .menu-item-3288 em{
                            color: #ff0000;
                            font-style: normal;
                            font-weight: bold;
                            }
                        header nav .menu-item-3288 a{color: #fff;}
                        header nav .menu-item-3288 u{
                            text-decoration: none;
                            color: #FF7F00;
                            font-style: normal;
                            font-weight: bold;
                            }
                        header nav .menu-item-3288 b{
                            text-decoration: none;
                            color: #FFFF00;
                            font-style: normal;
                            font-weight: bold;
                            }
                        header nav .menu-item-3288:hover em, header nav .menu-item-3288:hover u, header nav .menu-item-3288:hover b, header nav .menu-item-3288.current_page_item em, header nav .menu-item-3288.current_page_item u, header nav .menu-item-3288.current_page_item b{
                            color: #fff;
                            }

                        header nav .menu-item-3288 .sub-menu{
                            left: -20px;
                            top: 25px;
                            }

                        header nav li:hover, header nav li.current-menu-item, header nav li.current-menu-ancestor{
                            background-color: #ff0000;
                            border-radius: 5px;
                            }
                        header nav li:hover:before, header nav li.current-menu-item:before, header nav li.current-menu-ancestor:before{
                            content: '';
                            position: absolute; left: 50%; bottom: -5px;
                            display: block;
                            width: 10px; height: 5px;
                            margin-left: -5px;
                            background: url(../img/navbg.png) no-repeat 0 0;
                            }
                            header nav li:hover a, header nav li.current-menu-item a, header nav li.current-menu-ancestor a{
                                color: #fff;
                                }
            header nav li.menu-item-has-children{position: relative;}
            header nav li.menu-item-has-children:hover:before{display: none;}
                header nav ul .sub-menu{
                    display: none;
                    position: absolute; left: -38px; top: 25px;
                    width: 135px;
                    padding: 5px;
                    background-color: #ff0000;
                    border-radius: 5px;
                    }
                    header nav ul .sub-menu li{
                        float: none;
                        display: block;
                        text-align: left;
                        margin: 3px 0; padding: 3px 0;
                        }
                    header nav ul .sub-menu li:before{display: none;}
                    header nav ul .sub-menu li:last-child{margin-bottom: 0;}
                        header nav ul .sub-menu a{
                            display: block;
                            color: #fff; font-size: 14px; text-transform: capitalize; font-weight: bold; text-decoration: none; text-align: center;
                            }
                        header nav ul .sub-menu a:hover{
                            color: #dcdada;
                            }
                header nav li.menu-item-has-children:hover > ul{display: block;}

                header nav ul li.menu-item-83 .sub-menu{
                    left: -31px;
                    width: 154px;
                    }

        /*breadcrumbs*/
            .breadcrumbs{list-style: none; padding: 15px 0; margin: 0 auto; width:960px;}
                .breadcrumbs li{
                    float: left;
                    position: relative;
                    margin-right: 10px; padding-right: 5px;
                    font-size: 11px; color: #cccccc;
                    }
                .breadcrumbs li:after{
                    content: '>';
                    position: absolute; top: 50%; right: -5px;
                    display: block;
                    margin-top: -5px;
                    font-size: 11px; color: #cccccc; line-height: 11px;
                    }
                .breadcrumbs li:last-child:after{display: none;}
                    .breadcrumbs a{
                        font-size: 11px; color: #cccccc; text-decoration: none;
                        }
                    .breadcrumbs a:hover{color: #7e7e7e;}

/*
= Homepage
-------------------------------------------------------------------------------------- */
    .content.homepage{margin-top: 20px;}
        .front-slider{
            position: relative;
            width: 950px; height: 370px;
            margin: -20px 0 0 -15px;
            z-index: 10;
            border: 5px solid #000;
            overflow: hidden;
            }
            .front-slider article{
                width: 628px; height: 370px;
                border-right: medium none;
                }
                .front-slider article .slider a{
                    display: block;
                    width: 628px; height: 370px;
                    background-position: 50% 50%;
                    background-size: cover;
                    background-repeat: no-repeat;
                    }
                    .front-slider article .slider a img{display: none;}
                .front-slider article .slidervideo{
                    display: block;
                    width: 628px; height: 370px;
                    }
                    .front-slider article .video-img{
                        position: relative;
                        }
                        .front-slider article .video-img span{
                            position: absolute; left: 50%; top: 50%;
                            display: block;
                            width: 64px; height: 64px;
                            margin: -32px 0 0 -32px;
                            background: url(../img/yt-play.png) no-repeat 0 0;
                            }

/*
                // .front-slider .cycle-pager{
                //     position: absolute; right: 8px; bottom: -5px;
                //     z-index: 1000;
                //     }
                //     .front-slider .cycle-pager span{
                //         position: relative;
                //         display: inline-block; *display: inline; *zoom: 1;
                //         width: 8px; height: 8px;
                //         margin: 0 2px;
                //         text-indent: -9999px;
                //         border-radius: 100%;
                //         background-color: #fff;
                //         cursor: pointer;
                //         border: 1px solid rgba(0,0,0,0.3);
                //         }
                //     .front-slider .cycle-pager span.cycle-pager-active:after{
                //         content: '';
                //         position: absolute; left: 50%; top: 50%;
                //         display: block;
                //         width: 4px; height: 4px;
                //         margin: -2px 0 0 -2px;
                //         border-radius: 100%;
                //         background-color: #333;
                //         }
*/

            .front-slider aside{
                width: 317px;
                border-left: 5px solid #000;
                }
                .front-slider aside a{
                    position: relative;
                    display: block;
                    width: 100%; height: 120px;
                    background-position: 50% 50%;
                    background-size: cover;
                    background-repeat: no-repeat;
                    }
                .front-slider aside a:nth-child(2){
                    border-top: 5px solid #000;
                    border-bottom: 5px solid #000;
                    }
                .front-slider aside span{
                    position: absolute; right: 10px; bottom: 5px;
                    font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 700; font-style: italic; color: #fff; text-transform: uppercase;
                    text-shadow: 2px 2px 2px rgba(0,0,0,1);
                    }



    /*Product list*/
        .sections-front{padding: 15px 10px 0;}
            .content .sections-front h2{
                font-size: 26px; color: #000000; font-weight: normal;
                margin: 0; padding: 0;
                }
            .sections-front .title-part{margin: 15px 0;}
            .sections-front .product-home-item{
                float: left;
                width: 30%;
                margin-bottom: 20px; padding: 10px;
                /*border-bottom: 1px solid #d5d5d5;*/
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                }
            .sections-front .product-home-item:hover{
                box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
                }
            .sections-front .product-home-item:nth-child(3n-1){margin: 0 5%;}

                .product-front .product-image, .swag-product .product-image .swag-img{
                    width: 100%; min-height: 150px;
                    display: block;
                    margin-bottom: 20px;
                    background-position: 50% 50%;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-color: transparent;
                    border: 1px solid #cccccc;
                    }
                .swag-product .product-image, .swag-product .product-image .swag-img{
                    min-height: 240px;
                    }
                    .swag-product .product-image .swag-img{
                        opacity: 0;
                        border: medium none;
                        transition: opacity .25s ease-in-out;
                        -moz-transition: opacity .25s ease-in-out;
                        -webkit-transition: opacity .25s ease-in-out; 
                        background-position: 50% 5%;
                    }
                    .product-home-item:hover .product-image .swag-img{
                        opacity: 1;
                    }

                    .product-front .product-image img{display: none;}
                .product-front hgroup{
                    margin-bottom: 10px;
                    border-bottom: 1px solid #DCDCDC;
                    box-shadow: 0 1px 0 0 #FFFFFF;
                    clear: both;
                    }
                    .product-front hgroup h3{
                        float: left;
                        margin-bottom: 0px; padding-bottom: 12px;
                        font-family: 'Impact'; font-size: 21px; font-weight: normal; line-height: 17px;
                        color: #333333; text-decoration: none;
                        }
                    .product-front hgroup span{float: right; font-size: 13px; font-weight: bold; line-height: 25px; color: #333;}

                    .product-front .hiperfire-challenge-t-shirt hgroup  span{
                        margin-top: -8px;
                        }
                    .product-front hgroup span span.amount{
                        float: none;
                        margin: 0 2px;
                        display: inline-block;
                        }
                    .product-front hgroup span span.amount:last-child{
                        margin-right: 0;
                        }
                .product-front h4{
                    margin: 0 0 10px; padding: 0;
                    font-size: 18px; color: #333333; line-height: 17px; font-weight: bold;
                    }
                .product-front blockquote{
                    margin-bottom: 10px;
                    text-align: right; font-size: 11px; line-height: 12px; font-weight: bold;
                    }
                    .product-front blockquote .green, .product-front blockquote .stock.in-stock, .product-front blockquote .stock.available-on-backorder{
                        color: #009900;
                        }
                    .product-front blockquote .red, .product-front blockquote .stock.out-of-stock{
                        color: #ff0000;
                        }
                .product-front ul{margin-left: 10px;}
                    .product-front ul li{
                        font-size: 13px; line-height: 16px;
                        margin-bottom: 5px;
                        background-position: 0px 6px;
                        }

                .swag-product .product-image {
                    background-color: #fff;
                    background-size: 85%;
                }
                .swag-product .product-image .swag-img {
                    margin-bottom: 0;
                    background-color: #fff;
                    background-size: 85%;
                    background-position: 50% 50%;
                }


        .feedbacks-front{
            margin: 55px 0 0;
            text-align: center;
            }
            .feedbacks-front .title-part, .product-front .title-part{
                position: relative;
                text-align: center;
                padding: 0;
                border: medium none;
                box-shadow: none;
                }
                .feedbacks-front .title-part h2, .product-front .title-part h2, .product-front .title-part h1{
                    position: relative;
                    display: inline-block;
                    padding: 0 25px; margin-bottom: 25px;
                    background-color: #f1f1f1;
                    z-index: 10;
                    }
                .product-front .title-part h2{
                    margin-bottom: 0;
                    }
            .feedbacks-front .title-part:after, .product-front .title-part:after{
                content: "";
                display: block;
                left: 0; position: absolute; top: 13px;
                width: 100%;
                border-bottom: 1px solid #dcdcdc;
                box-shadow: 0 1px 0 0 #ffffff;
                z-index: 8;
                }
                .feedbacks-front section{

                    }
                    .feedbacks-front article{
                        float: left;
                        width: 30%;
                        }
                    .feedbacks-front article:nth-child(2n){
                        margin: 0 5%;
                        }
                        .feedbacks-front article blockquote p{
                            font-size: 12px; line-height: 17px; margin-bottom: 5px;
                            text-align: left;
                            }
                        .feedbacks-front article cite{
                            display: block;
                            font-size: 10px; font-weight: bold; color: #333; text-align: right;
                            }

                .feedbacks-front .popup-trigger{margin: 25px 0 0;}

/*
= Inner pages
-------------------------------------------------------------------------------------- */

    .title-part{
        margin-bottom: 30px; padding-bottom: 10px;
        border-bottom: 1px solid #dcdcdc;
        box-shadow: 0 1px 0 0 #ffffff;
        }
        .title-part.dark {
            border-bottom: 1px solid #000;
            box-shadow: 0px 1px 0px rgb(46,46,46);
            }
            .title-part h1 {font-weight: normal;}
            .author-top .title-part h1{color: #fff;}

            .resources-pages .title-part h1{color: #fff;}
        .wp-caption{
            border: 1px solid #cdcdcd;
            box-sizing: border-box;
            margin-bottom: 25px;
            padding: 5px;
            }
            .wp-caption img{width: 100%; height: auto;}

            .wp-caption p{color: #666; font-size: 12px; line-height: normal; margin: 0;}

    .content aside .phone{
        display: inline-block; *display: inline; *zoom: 1;
        position: relative;
        padding: 0 5px 0 45px; margin-bottom: 15px;
        color: #333; font-size: 23px; font-weight: bold; line-height: 34px;
        }
        .content aside .phone:after{
            content: '';
            position: absolute; left: 5px; top: 50%;
            display: block;
            width: 24px; height: 34px;
            margin: -14px 0 0 0;
            background: url(../img/infobg.png) no-repeat 0 0;
            }

    .content aside.right p{line-height: 22px;}

    .btn-wrap{
        padding-top: 15px; margin-top: 15px;
        border-top:1px solid #e3e3e3;
        }
        .btn{
            position: relative;
            display: block;
            width:120px; height:auto;
            padding: 10px 0px 10px 40px; margin: 0 auto;
            text-decoration: none; font-size: 20px; color: #666; text-transform: uppercase; text-align: center;
            border:0;
            background: #e5e4e4;
            background: -moz-linear-gradient(top, #e5e4e4 0%, #bbbbbb 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e4e4), color-stop(100%, #bbbbbb));
            background: -webkit-linear-gradient(top, #e5e4e4 0%, #bbbbbb 100%);
            background: -o-linear-gradient(top, #e5e4e4 0%, #bbbbbb 100%);
            background: -ms-linear-gradient(top, #e5e4e4 0%, #bbbbbb 100%);
            background: linear-gradient(top, #e5e4e4 0%, #bbbbbb 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e4e4", endColorstr="#bbbbbb", GradientType=0);
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.45);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.78);
            -webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.78);
            box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.78);
            }
            .btn em{display: block; margin-left: -42px; font-style: normal;}
        .btn:after{
            content: '';
            position: absolute; left: 30px; top: 10px;
            display: block;
            width: 32px; height: 25px;
            margin-left: 0;
             background: url("../img/emailem.png") no-repeat left 0 transparent;
            }
        .btn:hover{
            color: #fff;
            }

/*
= Tabs
-------------------------------------------------------------------------------------- */
    .tabs-part {
        position: relative;
        width: 100%;
        margin: 0px auto;
        }
        .tabs-part > div > label {
            position: relative;
            z-index: 99;
            display: block;
            width: 100%;
            margin-top: -36px; padding: 12px;
            font-size: 12px; line-height: 12px; color: #333; text-align: center; text-transform: uppercase; font-weight: 700; white-space: nowrap;
            background-color: transparent;
            border-radius: 5px 5px 0 0;
            -moz-transition: all 200ms ease-in-out;
            -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            }
            .tabs-part > div > label:hover {
                background: rgba(255,255,255,0.5); color: #333;
                }
                .tabs-part > div > section {
                    display: none;
                    position:relative;
                    }

        .tabs-part > div > input[type="radio"] {
            position: absolute; top: 0;  left: 0;
            z-index: -1;
            opacity: 0;
            }
            .tabs-part > div > input[type="radio"]:checked ~ section {
                display: block;
                }
                .tabs-part > div > input[type="radio"]:checked + label {
                    background: #fff; color: #333;
                    }

        .tabs-part > div > section {
            z-index: 1;
            padding: 20px 17px 70px; margin-top: 64px;
            background-color: #fff;
            border-radius: 0 5px 5px;
            }
            .tabs-part > div > label {
                position: absolute; top: 0; left: 0;
                width: 25%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
                }
            .content.sidebar .tabs-part > div > label, .content.reviews-wrapp .tabs-part > div > label{width: 35%;}
                .content.sidebar .tabs-part > div label.last-tab, .content.reviews-wrapp .tabs-part > div > label.last-tab {left: 35%}

/*
= News
-------------------------------------------------------------------------------------- */
    #mobile-tabs{display: none;}

    .news-post{
        padding: 5px 10px 5px; margin-bottom: 20px;
        border-bottom: 1px solid #dcdcdc;
        box-shadow: 0 1px 0 0 #ffffff;
        }

    .content.sidebar h3{
        margin-bottom: 20px;
        color: #333; font-size: 18px; line-height: 20px; font-weight: bold;
        }

/*
= Reviews
-------------------------------------------------------------------------------------- */

   .transition, .review-block, ul.accordion li i:before, ul.accordion li i:after {
        transition: all 0.25s ease-in-out;
        }

        .flipIn, ul.accordion li {
            animation: flipdown 0.5s ease both;
            }

        .no-select, h3 {
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

        .review-block {
            position: relative;
            overflow: hidden;
            /*max-height: 800px;*/
            opacity: 1;
            transform: translate(0, 0);
            margin: 20px 0;
            z-index: 2;
            }

        ul.accordion {
            list-style: none;
            perspective: 900;
            padding: 0; margin: 0;
            }
        ul.accordion li {
            position: relative;
            padding: 0; margin: 0;
            padding-bottom: 4px; padding-top: 18px;
            line-height: 26px;
            border-top: 1px dotted #dce7eb;
            background: none;
            }
        ul.accordion li:nth-of-type(1) {animation-delay: 0.5s;}
        ul.accordion li:nth-of-type(2) {animation-delay: 0.75s;}
        ul.accordion li:nth-of-type(3) {animation-delay: 1s;}
        ul.accordion li:last-of-type {padding-bottom: 0;}
        
        /*
        // ul.accordion li i {position: absolute; transform: translate(-6px, 0); margin-top: 16px; right: 0;}
        // ul.accordion li i:before, ul.accordion li i:after {
        //     content: "";
        //     position: absolute;
        //     background-color: #ff6873;
        //     width: 3px; height: 9px;
        //     }
        // ul.accordion li i:before {transform: translate(-2px, 0) rotate(45deg);}
        // ul.accordion li i:after {transform: translate(2px, 0) rotate(-45deg);}
        */
        
        ul.accordion li input[type=checkbox] {
            position: absolute;
            cursor: pointer;
            width: 100%; height: 100%;
            z-index: 1;
            opacity: 0;
            }
        ul.accordion li input[type=checkbox]:checked ~ .review-block {
            display: block;
            margin: 0;
            max-height: 0;
            opacity: 0;
            transform: translate(0, 50%);
            }
        ul.accordion li input[type=checkbox]:checked ~ i:before {
            transform: translate(2px, 0) rotate(45deg);
            }
        ul.accordion li input[type=checkbox]:checked ~ i:after {
            transform: translate(-2px, 0) rotate(-45deg);
            }

        @keyframes flipdown {
            0% {
            opacity: 0;
            transform-origin: top center;
            transform: rotateX(-90deg);
            }
            5% {
            opacity: 1;
            }
            80% {
            transform: rotateX(8deg);
            }
            83% {
            transform: rotateX(6deg);
            }
            92% {
            transform: rotateX(-3deg);
            }
            100% {
            transform-origin: top center;
            transform: rotateX(0deg);
            }
        }

    .acc-style{

        }

    .reviews{
        width: 90%;
        margin: 0 auto;
        }

        .reviews thead td, .reviews tbody tr td{text-align: center; vertical-align: middle;}

        .reviews thead{margin-bottom: 10px;}
        .reviews thead tr{}
        .reviews thead th{
            padding: 10px 0;
            /*background-color: #ddd;*/
            font-size: 16px; line-height: 18px; text-align: center; vertical-align: middle;
            border-bottom: 2px solid #ddd; border-top: medium none;
            }

        .reviews tbody{}
            .reviews tbody tr{margin-bottom: 5px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
            .reviews tbody tr.dark{border-bottom: medium none;}
                .reviews tbody tr td{
                    padding: 5px 0;
                    line-height: 18px;
                    border-bottom: medium none; border-top: medium none;
                    background-color: rgba(221,221,221,0.5);
                    }
                .reviews tbody tr td:nth-child(1){width: 10%;}
                .reviews tbody tr td:nth-child(2){font-weight: bold; width: 40%; text-align: left; padding: 3%;}
                .reviews tbody tr td:nth-child(3){width: 35%; text-align: left; padding: 3%;}
                .reviews tbody tr td:nth-child(4){}

                .reviews tbody tr.dark td{background: none;}

                .reviews tbody tr.content-review td{
                    width: 100%;
                    padding: 20px 30px;
                    text-align: center;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    }

                .readmore-tr{text-align: left;}
                    .readmore-tr p{font-size: 13px; line-height: 16px; margin-bottom: 10px;}


                        .reviews td .tags a:hover{text-decoration: none;}
                    .reviews tbody .ico{
                        position: relative;
                        display: inline-block;
                        width: 22px; height: 25px;
                        color: #666;
                        }
                    .reviews tbody .ico.wrap-pdf{top: 1px;}
                    .reviews tbody .ico:hover{color: #000;}
                    .reviews tbody .ico:nth-child(2n), .reviews tbody .ico:nth-child(3n){margin: 0 0 0 3px;}
                    .reviews tbody .ico .pdf{
                        position: absolute; top: 50%; left: 50%;
                        display: inline-block;
                        width: 25px; height: 29px;
                        margin: -13px 0 0 -12px;
                        background: rgba(0, 0, 0, 0) url("../img/pdf.png") no-repeat scroll 0 0;
                        }

/*
= Feedbacks
-------------------------------------------------------------------------------------- */
    .feedback{}
        .feedback li{
            margin-bottom: 15px; padding-bottom: 15px;
            border-bottom: 1px solid #dcdcdc;
            -webkit-box-shadow: 0 1px 0 #fff;
            box-shadow: 0 1px 0 #fff;
            }
        .asidefeed .feedback li{text-align: left;}
            .feedback blockquote{padding-right: 20px;}
                .feedback blockquote p{margin-bottom: 10px;}
        .feedback cite{
            float: right;
            margin-right: 15px;
            color: #000; font-weight: bold; font-size: 10px;
            }

    /* .content.sidebar aside.right .feedback li{
        background: none;
        padding: 0 0 15px 0;
        }
        .content.sidebar aside.right .feedback blockquote{
            padding: 0;
            }
        .content.sidebar aside.right .feedback cite{margin-right: 0;} */

    .send-feedback{display: none;}

    .customer-feedback .button{
        display: block;
        width: 25%;
        margin: 0 auto;
        text-align: center;
        }
        .customer-feedback .button.load-more{margin-bottom: 25px;}

/*
= Reseller
-------------------------------------------------------------------------------------- */
    .content.reseller h2{
        font-size: 18px; line-height: 17px; color: #000;
        }

    .reseller-top{}
        .reseller-top li{
            float: left;
            width: 30%;
            margin-right: 3%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            }
        .reseller-top li:nth-child(3n){margin-right: 0;}

/*
= Resource center
-------------------------------------------------------------------------------------- */
    .page-template-resource-page{
        }
    .resources-pages{
        position: relative;
        z-index: 10;
        }
        .resources-pages .wrapper, .resource-single  .wrapper,
        .author.archive .content .wrapper {
            background-color: #252424;
            }
            .resources-pages .top-content{padding-bottom: 25px;}
                .resources-pages .top-content img{margin:0 5px 0 13px;}
                .resources-pages .top-content h1{
                    position: relative;
                    padding-top: 25px; margin: 15px 0 20px;
                    position: relative;
                    color: #f1f1f1;  font-size: 26px; font-weight: normal; line-height: normal;
                    }
                .resources-pages .top-content .term-title{text-align: center;}
                .resources-pages .top-content p{
                    padding-right: 10px;
                    overflow: hidden;
                    color: #c1c1c1; font-family: Arial,sans-serif; font-size: 14px; line-height: 22px;
                    }

        .resources-pages .top-content.faq-landing{ position: relative; padding-bottom: 15px; margin-bottom: 50px;}
        .resources-pages .top-content.faq-landing h2{
            display: inline-block;
            margin-top: 0; padding-top: 0;
        }
            .resources-pages .top-content.faq-landing h2:after{ display: none;}
        .resources-pages .top-content.faq-landing p{ overflow: visible;}
        .resources-pages .top-content.faq-landing img{ margin-left: 50px; width: 165px; height: auto;}
        .resources-pages .top-content.faq-landing:after{
            content: '';
            position: absolute; left: 0; bottom: 0;
            display: block;
            clear: both;
            width: 100%; height: 1px;
            background-color: rgb(46, 46, 46);
            box-shadow: 0 -1px 0 rgb(0, 0, 0);
        }
        .resources-pages .accordion{
            padding-bottom: 25px; margin: 0 50px;
            border-bottom: 1px solid #925212;
            }
            .resources-pages .accordion li{
                padding: 25px 25px;
                border-top: 1px solid #925212;
                }
                .resources-pages .accordion li h3{
                    margin-bottom: 0;
                    color: #f1f1f1;
                    }
                    .resources-pages ul.accordion li i::before, .resources-pages ul.accordion li i::after{
                        background-color: #925212;
                        right: 25px; top: -50%;
                        margin-top: -5px; 
                        }
        .content ul.faq-list{
            margin: 0; padding: 0 25px;
            list-style-type: none;
            }
            .content ul.faq-list li{
                padding: 25px; margin: 0;
                background-color: #201f1f;
                border-bottom: 1px solid #111111; border-top: 1px solid #111111;
                box-shadow: 0 1px 0 #2c2b2b;
                font-size: 17px; line-height: 20px;
                border-top: medium none;
                }
                .content ul.faq-list li:nth-child(2n){
                    background: none;
                    border: medium none;
                    
                    }
                    .content ul.faq-list li a{
                        display: block; position: relative;
                        padding: 0;
                        color: #f1f1f1;
                    }
                        .content ul.faq-list li a:hover{
                            color: #fd8204;
                        }
                        
/*
                        // .content ul.faq-list li a:after{
                        //     position: absolute; right: 12px;
                        //     content: "\f105"; display: inline-block;
                        //     font-family: FontAwesome; font-size: 18px;
                        //     -webkit-font-smoothing: antialiased;
                        //     -moz-osx-font-smoothing: grayscale;
                        // }
*/

        .divider-hr{
            background: #1b1b1b none repeat scroll 0 0;
            box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.75);
            height: 62px;
            margin: 0 -15px;
            }

        .resources-pages article.left{
            margin-top: 0;
            }

        .resources-pages .tabs-part{
            padding-top: 45px;
            }

        .resources-pages .tabs-part > div.tab-wrapp > label, .woocommerce .bg-block .resources-pages.single-product .tabs-part > div.tab-wrapp label{width: 25%; left: 0;}
        .resources-pages .tabs-part > div.tab-wrapp label.tab2, .woocommerce .bg-block .resources-pages.single-product .tabs-part > div.tab-wrapp label.tab2 {left: 25%;}
        .resources-pages .tabs-part > div.tab-wrapp label.tab3, .woocommerce .bg-block .resources-pages.single-product .tabs-part > div.tab-wrapp label.tab3 {left: 50%;}
        .resources-pages .tabs-part > div.tab-wrapp label.tab4, .woocommerce .bg-block .resources-pages.single-product .tabs-part > div.tab-wrapp label.tab4 {left: 75%;}

        .resources-pages .tabs-part > div > label{margin-top: 0; }
        .resources-pages .tabs-part > div > label:hover{background: transparent; color: #ff7f00;}
        .resources-pages .tabs-part > div > input[type="radio"]:checked + label{
            background: #252424 none repeat scroll 0 0;
            border-top: 1px solid #343333;
            color: #ff7f00;
            border-radius: 0;
            padding-bottom: 15px;
            }
        .resources-pages .tabs-part > div > input[type="radio"] + label{position: absolute; top: -45px; line-height: 20px; color: #fff;}



            .resources-pages .tabs-part > div > section{
                border-radius: 0;
                padding: 45px 0 0;
                margin-top: -45px;
                background: none;
                }

                .content .res-post-list{list-style: none; margin: 0; padding: 0;}
                    .content .res-post-list li{
                        position: relative;
                        padding: 0 0 35px; margin-bottom: 25px;
                        background: none;
                        border-bottom: 1px solid #000000;
                        box-shadow: 0 1px 0 rgb(46,46,46);
                        }
                        .content .res-post-list li .featured-img{
                            display: block;
                            margin-bottom: 15px;
                            border: 4px solid #161515;
                            -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                            }
                        .content .res-post-list li .featured-img img{display: block;}
                        .content .res-post-list li h4 a{
                            font-size: 20px; color: #f1f1f1; font-weight: normal; line-height: 25px; text-decoration: none;
                            }
                        .content .res-post-list li h4 a:hover{text-decoration: underline;}

                            .content .res-post-list li .excerpt{color: #AEAEAE;}

                            .content .res-post-list li .res-read-more{
                                background: #202020 none repeat scroll 0 0;
                                bottom: 0;
                                clear: both;
                                color: #d60d0d !important;
                                display: block;
                                float: right;
                                font-size: 14px;
                                padding: 6px 25px 6px 8px;
                                position: absolute;
                                right: 0;
                                text-decoration: none;
                                }
                            .content .res-post-list li .res-read-more:hover{text-decoration: underline;}
                            .content .res-post-list li .res-read-more:after{
                                background: rgba(0, 0, 0, 0) url("../img/read-more-arrow.png") no-repeat scroll 0 0;
                                content: "";
                                display: block;
                                height: 12px;
                                position: absolute;
                                right: 6px;
                                top: 11px;
                                width: 8px;
                                }

    .pagination.related .page-numbers {
        padding: 4px 6px; margin: 0 3px;
        color: #cccccc; font-size: 14px;
        background: transparent;
        }
        .pagination.related .page-numbers.current {color: #ffffff; background: #7d7d7d;}
        .pagination.related .page-numbers.prev,
        .pagination.related .page-numbers.next {
            display: inline-block; zoom: 1; *display: inline;
            width: 8px; height: 100%;
            margin: 0 15px; padding: 0;
            color: transparent;
            background: transparent url(../img/pagi-arrow.png) 0 50% no-repeat;
            border: none;
            }
            .pagination.related .page-numbers.next {background-position: -8px 50%;}
            .pagination.related.no-ajax a{text-decoration: none;}
            .pagination.related.no-ajax a:hover{text-decoration: underline;}




    .resource-single .top-content{

        }
        .resource-single .top-content h1{
            border-bottom: 1px solid #000;
            box-shadow: 0 1px 0 rgb(46, 46, 46);
            color: #f1f1f1;
            font-size: 26px;
            font-weight: normal;
            padding-bottom: 7px;
            }
        .resource-single .top-content .date{
            color: #999999;
            display: block;
            font-size: 14px;
            padding: 13px 0;
            }

        .resources-pages.resource-single article.left{margin-top: 30px;}
            .resource-single img{width: 100%; height: auto;}


        /* .content.pages.resource-single .res-center-aside, .content.pages.resources-pages .res-center-aside, .search.post-type-archive  .res-center-aside, .search.post-type-archive .res-center-aside{
            width: 33%; float: right;
            padding: 0 0 0 2%; float: right; margin: 45px 0 30px;
            border: medium none;
            border-left: 1px solid #2e2e2e;
            box-shadow: -1px 0 0 #000000;
            background-color: transparent;
            border-radius: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            } */
        .content.pages.resource-single .res-center-aside .res-buttons, .content.pages.resource-page .res-center-aside .res-buttons {margin:0 0 50px; list-style:none;}
        .content.pages.resource-single .res-center-aside .res-buttons li {
            margin:0 0 20px !important; list-style: none !important; padding: 0 !important; background: none !important;
            font-size:20px; font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
            }
            .res-buttons li a {
                display:block;
                height:45px;
                padding:0 5px 0 52px;
                line-height:46px; color:#fff; text-decoration:none;
                background-color:#007466; background-image:url(../img/aside-links-icons.png); background-repeat:no-repeat;
                border-radius:3px;
                }
                .res-buttons li.play a {background-position:8px -92px;}
                .res-buttons li.print a {background-image:url(../img/aside-reso-icons.png); background-position: 8px -92px;}
                .res-buttons li a:hover {background-color:#006256; color: #fff !important; text-decoration: none;}

    .content.pages.resource-single .res-center-aside h3, .content.pages.resource-page .res-center-aside h3, .search.post-type-archive .res-center-aside h3, .search.post-type-archive .res-center-aside h3 {
        margin-bottom:20px;
        font-size:25px; color:#203e7c;
        }
    .content.pages.resource-single .res-center-aside form input[type=text], .content.pages.resources-pages .res-center-aside form input[type=text], .search.post-type-archive .res-center-aside form input[type=text], .search.post-type-archive .res-center-aside form input[type=text] {
        display:block;
        height:35px; width:100%;
        padding:0 38px 0 10px;
        color:#aeaeae; line-height:35px;
        background-color:#313030;
        border: none;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        }
    .content.pages.resource-single .res-center-aside form input[type=submit], .content.pages.resources-pages .res-center-aside form input[type=submit], .search.post-type-archive .res-center-aside form input[type=submit], .search.post-type-archive .res-center-aside form input[type=submit] {
        display:block; position:absolute; top:0; right:0;
        height:35px; width:37px;
        text-indent:-9999px;
        background: #20201f url(../img/search.png) 50% 50% no-repeat;
        border:none;
        border-radius: 0 5px 5px 0;
        opacity:0.8;
        -webkit-opacity:0.8;
        -moz-opacity:0.8;
        filter:alpha(opacity=80);
        box-shadow: inset 0 -1px 0 #000101;
        }
    .content.pages.resource-single .res-center-aside form input[type=submit]:hover, .content.pages.resources-pages .res-center-aside form input[type=submit]:hover {
        opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
        filter:alpha(opacity=100);
        }
    .content.pages.resource-single .res-center-aside h4, .content.pages.resources-pages .res-center-aside h4 {font-size: 20px; color: #ffffff; font-weight: normal; margin: 15px 0 10px;}
    .content.pages.resource-single .res-center-aside p, .content.pages.resource-page .res-center-aside p{
        /* color: #aeaeae; */
        /* font-size: 13px;
        line-height: 23px; */
        padding-bottom: 10px;
        /* position: relative; */
        }
            .content.pages.resource-single .res-center-aside .search,
            .content.pages.resource-single .res-center-aside .error404 span.content, .content.pages.resource-page .res-center-aside .search,
            .content.pages.resource-page .res-center-aside .error404 span.content{float: none; border: 0px; box-shadow: none;}
    .content.pages.resource-single .res-center-aside .res-author img {
        float:left;
        height:auto; max-width:100px;
        margin:0 15px 10px 0;
        }

    #related-resources {
        border-bottom: 1px solid #000;
        box-shadow: 0 1px 0 rgb(46, 46, 46);
        padding-bottom: 4px;
    }
    .content.pages.resource-single .res-center-aside #related-resources ul {
    list-style: outside none none;
    margin: 0;
    }
    .content.pages.resource-single .res-center-aside #related-resources ul li {
        margin-bottom: 15px;
        width: 47%;
        padding-left: 0;
        background: none;
    }
    .content.pages.resource-single .res-center-aside #related-resources ul li:nth-child(2n) {
        float: right;
    }
    .content.pages.resource-single .res-center-aside #related-resources ul li:nth-child(2n+1) {
        float: left;
    }
    .content.pages.resource-single .res-center-aside #related-resources a, .content.pages.resource-page .res-center-aside #related-resources a {
        color: #ff0000;
        text-decoration: none;
    }
    .content.pages.resource-single .res-center-aside #related-resources h5, .content.pages.resource-page .res-center-aside #related-resources h5 {
        color: #ff7f00;
        font-size: 13px;
        line-height: normal;
        margin: 1px 0 0;
        overflow: hidden;
        padding: 0 7px 0 0;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
        width: 100%;
    }

    .content.pages.resource-single .res-center-aside #related-resources a:hover h5, .content.pages.resource-page .res-center-aside #related-resources a:hover h5 {
        text-decoration: underline;
    }

    .content.pages.resource-single .res-center-aside .res-author a, .content.pages.resources-pages .res-center-aside .res-author a{
        font-size:14px; font-weight: bold; line-height:22px; color: #d4d4d4; text-decoration: none;
        }
    .content.pages.resource-single .res-center-aside .res-author a:hover, .content.pages.resource-page .res-center-aside .res-author a:hover {text-decoration: underline;}
    .content.pages.resource-single .res-center-aside .res-author p, .content.pages.resource-page .res-center-aside .res-author p {font-size:14px; color:#aeaeae; line-height:22px;}

    .content .share-social{
        list-style: none;
        margin: 25px 0; padding: 15px 0;
        text-align: left;
        border: 1px dashed #dedede;
        border-left: medium none; border-right: medium none;
        }
        .content .share-social li{
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin: 0 5px; padding: 0;
            list-style: none;
            background: none;
            }
            .content .share-social li.gp{width: 66px;}
            .content .share-social li.fb{position: relative; top: -7px;}

    .content .fb-comments{width: 100%;}

/*
= FAQ
-------------------------------------------------------------------------------------- */

    .search-wrapper{
        position: relative;
        margin: 0 auto;
        width: 90%;
        }
        /*.search-wrapper hgroup{
            margin-bottom: 40px;
        }
        .search-wrapper h2{
            float: left;
            width: 60%;
            color: #f1f1f1; font-size: 26px; font-weight: normal; line-height: normal;
            }*/

        .search-wrapper h3{
            color: #444;
            font-size: 14px;
            margin: 25px 0 0;
            }
        .search-wrapper .tag-list{
            position: relative;
            margin: 0; padding: 10px;
            height: 50px; width: 100%;
            overflow: hidden;
            background-color: #312f30;
            border-radius: 5px;
            list-style-type: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
        }
            .search-wrapper .tag-list.active{
                overflow: visible;
                height: auto;
            }

            .search-wrapper .tag-list:after{
                position: absolute; right: 1px; top: 1px;
                display: block; content: "\f107";
                height: 48px; width: 55px;
                line-height: 48px; font-size: 25px; text-align: center;
                cursor: pointer;
                color: #ff7f00;
                font-family: FontAwesome; 
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;

                -webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }
                .search-wrapper .tag-list.active:after{
                    -ms-transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                    transform: rotate(-180deg);
                }

                .search-wrapper .tag-list li{
                    display: none;
                    width: 100%; height: 30px;
                    margin: 0 auto; padding: 0;
                    font-size: 17px; font-weight: 700; line-height: 30px;
                    border-radius: 0;
                    background: none;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;
                    position: relative; z-index: 200;
                }
                    
            
                .search-wrapper .tag-list.active li{ display: block;}

                    .search-wrapper .tag-list li.active{
                        display: block;
                    }
                        .search-wrapper .tag-list li a{
                            display: block;
                            color: #f1f1f1;
                            text-transform: uppercase;
                            width: 80%;
                        }
                        .search-wrapper .tag-list li a em{font-style: normal; text-transform: lowercase;}

        .sear-box{
            position: relative;
            }
            .search-wrapper input{
                width: 100%; height: 50px;
                padding: 16px 15px; margin-bottom: 15px;
                color: rgba(241,241,241,0.5); font-size: 14px;
                background-color: #312f30;
                border: 1px solid #925212;
                box-sizing: border-box;
                }
            .archive .search-wrapper input{margin-bottom: 0;}
            .search-wrapper .searchQualifications{
                position: absolute; top: 1px; right: 1px;
                width: 55px; height: 48px;
                font-size: 20px; line-height: 48px; color: #ff7f00; text-align: center;
                background-color: #222224;
                cursor: pointer;
                }
            .search-wrapper .searchQualifications:hover{
                background-color: #1d1d1f;
                }
            .search-wrapper .nothing-fonud{
                display: none;
                position: absolute; left: 0; top: 50px;
                width: 80%;
                padding: 5px 15px; margin: 0;
                background-color: #312f30;
                border: 1px solid #925212;
                border-top: medium none;
                box-sizing: border-box;
                z-index: 6;
                }
            .search-wrapper.category-faq .nothing-fonud, .search-wrapper.category-faq .serach-reasult{
                top: 101px;
                }
            .archive .search-wrapper.category-faq .serach-reasult, .archive .search-wrapper.category-faq .nothing-fonud{
                top: 49px;
                z-index: 1000;
                }
            .archive .search-wrapper.category-faq .nothing-fonud{ z-index: 1001;}
            .search-wrapper .serach-reasult{
                display: none;
                position: absolute; left: 0; top: 49px;
                width: 80%;
                list-style: none;
                padding: 5px 15px; margin: 0;
                background-color: #312f30;
                border: 1px solid #925212;
                border-top: medium none;
                box-sizing: border-box;
                z-index: 5;
                }
                .search-wrapper .serach-reasult li{
                    list-style: none;
                    margin: 0 0 5px; padding: 0;
                    background: none;
                    }
                    .search-wrapper .serach-reasult li a{
                        color: rgba(241,241,241,0.5); font-size: 14px; line-height: 18px;
                        }
                    .search-wrapper .serach-reasult li a:hover{
                        color: #f1f1f1;
                        }

/*
= Footer
-------------------------------------------------------------------------------------- */
    footer.wrapper{
        padding: 0; width: 960px; margin: 0 auto 15px;
        }
        footer .left{
            width: 35%;
            color: #666; font-size: 13px;
            }
        footer .right{
            width: 55%;
            text-align: right;
            margin-top: -5px;
            }
            footer .right nav a{
                position: relative;
                display: inline-block; *display: inline; *zoom: 1;
                padding-right: 13px; margin-right: 8px;
                color: #333333; font-size: 13px; text-decoration: none;
                }
            footer .right nav a:hover{text-decoration: underline;}
            footer .right nav a:after{
                content: '';
                position: absolute; right: 0; top: 50%;
                display: block;
                width: 3px; height: 10px;
                margin-top: -5px;
                background: url(../img/bottomnavbg.png) no-repeat 0 0;
                }
            footer .right nav a:last-child{
                margin-right: 0; padding-right: 0;
                }
            footer .right nav a:last-child:after{display: none;}

            footer .dev-block, footer .dev-block a{color: #666; font-size: 11px; margin-top: 15px; text-decoration: none;}
            footer .dev-block a:hover{text-decoration: underline;}

/*
= Plug-in
-------------------------------------------------------------------------------------- */
    /*CF7*/
        .content .form-cf7{
            margin: 0;
            list-style: none;
            }
            .content .form-cf7 li{
                padding: 0 15px; margin: 0 0 15px;
                background: none;
                }
            /*.content .form-cf7 li em{
                position: relative; top: -5px;
                display: inline-block;
                width: 5px; height: 5px;
                margin: 0 5px;
                background: url(../img/required_mark.png) no-repeat 0 0;
                }*/
                .content .form-cf7 li label{
                    font-size: 13px; color: #333; line-height: 32px;
                    }
                .content .form-cf7 li .wpcf7-form-control-wrap{
                    display: block;
                    }
                    /* .content .form-cf7 li input[type="text"], .content .form-cf7 li input[type="email"], .content .form-cf7 li textarea, .content .form-cf7 li select, .woo-pages .woocommerce input[type="text"], .woo-pages .woocommerce input[type="email"], .woo-pages .woocommerce textarea{
                        width: 90%;
                        padding: 5px;
                        line-height: 20px;
                        border: 1px solid #dfe6ed;
                        border-radius: 3px;
                        box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        } */
                        .content .form-cf7 li select{height: 36px;}
                    /*.content .form-cf7 li select{
                        border: 1px solid #dfe6ed;
                        border-radius: 3px;
                        box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
                        line-height: 20px;
                        padding: 5px;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        }*/
                    .content .form-cf7 li .wpcf7-checkbox{overflow: hidden;}
                    .content .form-cf7 li input[type="checkbox"]{float: left; margin: 4px 0 0 0;}
                    .content .form-cf7 li .wpcf7-list-item-label{float: left; margin: 0 0 0 15px;}
                    .content .form-cf7 li textarea{width: 90%;}
                    .content .form-cf7 li .button-li{}
                    .content .form-cf7 li .mc4wp-checkbox input[type="checkbox"] { margin: 9px 7px 0 0; }
                    .content .form-cf7 li .mc4wp-checkbox span { color: rgba(31, 32, 33, 0.75); }
                    



    /*CF7 PopUp*/
        #lightcase-case:not([data-type="error"]) .lightcase-content{background-color: #f1f1f1;}
        #lightcase-case:not([data-type="error"]) .lightcase-content h3{
            margin: 0 0 15px; padding-bottom: 15px;
            font-size: 26px; font-weight: 400; color: #000;
            border-bottom: 1px solid #dcdcdc;
            box-shadow: 0 1px 0 0 #ffffff;
            }
        .popup-wrapper > .form-cf7.popup{list-style: none; margin: 15px 0;}
            .form-cf7.popup li{
                float: left;
                width: 45%;
                margin: 0 0 15px;
                font-size: 14px; line-height: 16px; color: #333; text-align: left;
                }
            .form-cf7.popup li:nth-child(2n), .form-cf7.popup li.button{float: right;}
            .form-cf7.popup li.full-width{float: none; clear: both; width: 100%;}
                .form-cf7 li em{
                    color: red; font-size: 12px; font-style: normal;
                    }
                .form-cf7.popup li span{display: block; margin-top: 10px;}
                .form-cf7.popup li .wpcf7-form-control-wrap input, .form-cf7.popup li textarea, .form-cf7.popup li select{
                    width: 100%;
                    padding: 5px;
                    color: #2d2d2d;
                    background-color: #fff;
                    border: 1px solid #dfe6ed;
                    -moz-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.2);
                    -webkit-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.2);
                    box-shadow:0px 1px 2px rgba(255, 255, 255, 0.2);
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    }
                .form-cf7.popup li textarea{height: 130px;}
            .form-cf7.popup li.captchac{float: left; width: 65%;}
                .form-cf7 li.captchac blockquote{margin-bottom: 10px;}
                .form-cf7 li.captchac div{}
                    .form-cf7 li.captchac div img{float: left; margin-top: 4px;}
                    .form-cf7 li.captchac div span{float: left; margin-left: 5%; width: 60%;}

            .form-cf7.popup li.button-li{text-align: center; float: right; margin-top: 23px; width: 35%;}
            .form-cf7.popup li.captchac div img{float: left; margin-top: 14px;}

    /*Salesforce*/
        .content.pages .salesforce_w2l_lead .sf_field,
        .content.pages .salesforce_w2l_lead .w2lsubmit,
        .content.pages .salesforce_w2l_lead .sf_required_fields_msg{
            padding: 0 15px; margin: 0 0 15px;
            background: none;
        }
        .content.pages .salesforce_w2l_lead .w2llabel{
            margin: 0;
            color: #666;
            font-size: 14px; line-height: 22px;
        }
            .content.pages .salesforce_w2l_lead .required{ font-weight: normal;}
        .content.pages .salesforce_w2l_lead .w2linput.text,
        .content.pages .salesforce_w2l_lead .w2linput.textarea{
            width: 60%;
            margin: 0; padding: 5px;
            border: 1px solid #dfe6ed; border-radius: 3px; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
            line-height: 20px;
        }
            .content.pages .salesforce_w2l_lead .w2linput.textarea{ width: 90%; min-height: 200px;}
        
        .content.pages .salesforce_w2l_lead .w2linput.submit{
            display: inline-block;
            padding: 10px 20px; margin: 0;
            line-height: 16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45); color: #fff;
            border: 0 none; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.78);
            background: #ff0000; /* Old browsers */
            background: -moz-linear-gradient(top, #ff0000 0%, #d60101 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#d60101)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ff0000 0%,#d60101 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ff0000 0%,#d60101 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(top, #ff0000 0%,#d60101 100%); /* IE10+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d60101',GradientType=0 ); /* IE6-9 */
            background: linear-gradient(top, #ff0000 0%,#d60101 100%); /* W3C */
        }
            .content.pages .salesforce_w2l_lead .w2linput.submit:hover{ 
                background: #ff0000;
                background: -moz-linear-gradient(top, #d60101 0%, #ff0000 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d60101), color-stop(100%, #ff0000));
                background: -webkit-linear-gradient(top, #d60101 0%, #ff0000 100%);
                background: -o-linear-gradient(top, #d60101 0%, #ff0000 100%);
                background: -ms-linear-gradient(top, #d60101 0%, #ff0000 100%);
                background: linear-gradient(top, #d60101 0%, #ff0000 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d60101", endColorstr="#ff0000", GradientType=0);
            }

        
        .content.pages .salesforce_w2l_lead .sf_field .w2linput.checkbox{ margin-bottom: 5px;}
        .content.pages .salesforce_w2l_lead .w2limg{ float: none; width: auto; height: 45px; margin-bottom: 10px;}
            .content.pages .salesforce_w2l_lead .w2linput.text.captcha{
                margin-bottom: 15px;
                height: inherit;
                font-size: inherit; text-align: inherit;
            }
        .content.pages .salesforce_w2l_lead .sf_field span.error_message{ padding-top: 5px;}

    /*YT Slider*/
        #mainWrapper, #playlist_list{
            max-height: 470px; max-width: 960px;
            margin: 0 auto; padding: 10px;
            position: relative;
            z-index: 10;
            background: rgb(26, 26, 26) none repeat scroll 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            }
            .videoList{
                position: absolute; right: 9px; /*top: 15px;*/
                /*width: 300px;*/
                width: 321px;
                padding: 5px 0 7px;
                z-index:4;
                background-image: -moz-linear-gradient(top, #2e2e2e, #000000);
                background-image: -webkit-gradient(linear, center top, center bottom, from(#2e2e2e), to(#000000));
                background-image: -o-linear-gradient(top, #2e2e2e, #000000);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#000000');
                -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#000000')';
                background-image: linear-gradient(top, #2e2e2e, #000000);
                border-top: 1px solid #3a3a3a;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                }
                .videoList h4{
                    padding-left: 17px;
                    font-size:12px; font-weight: bold; color:#f1f1f1; line-height: 17px;
                    background: url(../img/videopoint.png) 7px 50% no-repeat;
                    }
            #mainWrapper .componentWrapper .playlistHolder{
                padding-top: 31px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                }

            .componentWrapper .info_toggle{display: none !important;}

    /*Woo plugins*/
        .single-product div.pp_woocommerce div.ppt{display: none !important;}

        /*Product page*/
            .woocommerce .woocommerce-message{line-height: 38px;}

        /*Cart page*/
            .woocommerce-cart.woocommerce-page table.shop_table td.actions{padding: 20px 10px;}
            
            .woocommerce-edit-account.customize-support fieldset{margin: 25px 0;}
            .woocommerce-edit-account.customize-support fieldset legend{
                margin: 0 0 10px;
                }

            .content #customer_login h2{padding-left: 25px;}

            .content .margin-top-block{margin-top: 25px;}

            #hf-term-checkbox{margin: 25px 0;}
                #hf-term-checkbox h3{margin-bottom: 15px;}
                #hf-term-checkbox .checkbox{line-height: 20px;}

            .content .woocommerce .order_details li{background: none;}

            .woocommerce div.product form.cart .button{margin-top: -3px;}

            .woocommerce div.product form.cart .single_variation_wrap{display: block; position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0; padding: 0; overflow: visible; height: auto;}
            .woocommerce.woocommerce-page div.product form.cart .variations select{
                position: relative;
                display: block;
                margin: 0; padding: 0%;
                width: 100%; height: 23px;
                font-size: 14px; font-weight: 400; line-height: 23px;
                border: 1px solid #3c3c3c;
                background-color: #fff;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                }
            .woocommerce.woocommerce-page div.product form.cart .variations .reset_variations{display: block;}
                .woocommerce.woocommerce-page div.product form.cart .variations select option{

                    }

            .woocommerce-checkout #payment ul.payment_methods li{background: none; padding-left: 0;}

            .woocommerce-cart .content .cart-collaterals .cart_totals table td{padding: 5px;}
                /*.cart_totals table tr.order-total .amount, .woocommerce-checkout-review-order .order-total .amount{
                    display: block;
                    width: 22px; height: 22px;
                    text-indent: -9999px;
                    background: url(../img/loading.gif) no-repeat 0 0; 
                    background-size: cover;
                    }*/
               .woocommerce-checkout-review-order .order-total .amount{background: none;}
               .cart_totals table tr.order-total .amount.complete, .woocommerce-checkout-review-order .order-total .amount.complete{
                    background: none;
                    text-indent: 0;
                    width: auto; height: auto;
                    }    


            .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{background: none;}

            .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th{text-align: left; line-height: 16px !important;}
            .woocommerce ul#shipping_method li{background: none;}


            .woocommerce-checkout.woocommerce-page div.create-account{}
                .woocommerce-checkout.woocommerce-page div.create-account p{margin-bottom: 0;}

            .checkout.woocommerce-checkout h3#order_review_heading{margin-top: 25px;}

            .woocommerce .bg-block #container div.product .woocommerce-tabs .alignleft{float: none;}

/*
= Pop up
-------------------------------------------------------------------------------------- */
    .popup-wrapper {
        display: none;
        position: fixed; top: 0; left: 0; right: 0; bottom: 0;
        z-index: 999999;
        -moz-transform: preserve-3d;
        -webkit-transform: preserve-3d;
        transform: preserve-3d;
        }
        .popup-wrapper > .content {
            display: block;
            position: absolute; left: 50%; top: 50%; z-index: 99;
            width: 50vw; height: auto; max-height: 80vh;
            padding: 25px;
            background: rgba(255,255,255,0.95);
            border-radius: 7px; 
            box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.5);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
            box-sizing:border-box;
            overflow:auto;
            }
            .popup-wrapper > .content ul.form-cf7 {margin: 0;padding: 0}
                .popup-wrapper > .content ul.form-cf7 li {padding: 0; text-align: left;}
                    .popup-wrapper > .content ul.form-cf7 li textarea {box-sizing:border-box; height: 80px;}
        .popup-wrapper > .overlay {
            position: absolute; top: 0; left: 0; z-index: 9;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.5);
            }
        .popup-wrapper a.close,
        .popup-wrapper a.close-popup-wrap {
            position: absolute; top: 5px; right: 5px; z-index: 99;
            text-decoration: none; font-size: 25px; color: #333;
            }
        .popup-wrapper a.close:hover{color: red;}
        .content .popup-wrapper p, .popup-wrapper p {margin-bottom: 8px;}

/*
= Pagination
-------------------------------------------------------------------------------------- */
    .pagination{
        padding: 10px 0 25px;
        text-align: center;
    }
    .pagination .page-numbers.current {color: #ffffff; background: #7d7d7d;}
    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        display: inline-block; zoom: 1; *display: inline;
        width: 8px; height: 100%;
        margin: 0 15px; padding: 0;
        color: transparent;
        background: transparent url(../img/pagi-arrow.png) 0 50% no-repeat;
        border: none;
    }
    .pagination .page-numbers {
        padding: 4px 6px; margin: 0 3px;
        color: #cccccc; font-size: 14px;
        background: transparent;
    }
    .pagination .page-numbers.next {background-position: -8px 50%;}
    .pagination a{text-decoration: none;}
    .pagination a:hover{text-decoration: underline;}

/*
= HIPERTECH
-------------------------------------------------------------------------------------- */
    .page-template-tpl-bulletin{

    }
        .page-template-tpl-bulletin h1{
            text-transform: uppercase;
        }

        .page-template-tpl-bulletin .pdf-posts{
            margin: 0; padding: 0 25px;
            list-style-type: none;
            }
            .page-template-tpl-bulletin .pdf-posts li{
                padding: 25px 25px 5px 70px; margin: 0;
                background: none 0 0 #201f1f;
                border-bottom: 1px solid #111111; border-top: 1px solid #111111;
                box-shadow: 0 1px 0 #2c2b2b;
                font-size: 17px; line-height: 20px;
                border-top: medium none;
                }
                .page-template-tpl-bulletin .pdf-posts li:nth-child(2n){
                    background: none;
                    border: medium none;
                    }
                    .page-template-tpl-bulletin .pdf-posts li a, .page-template-tpl-bulletin .pdf-posts li h3{
                        display: block; position: relative;
                        padding: 0;
                        color: #f1f1f1;
                        }
                        .page-template-tpl-bulletin .pdf-posts li h3{
                        margin: 0 0 10px;
                        }

                        .page-template-tpl-bulletin .content p{
                            color: #cccccc;   
                        }

                        .page-template-tpl-bulletin .pdf-posts li a:hover h3{
                            color: #fd8204;
                        }
                        .page-template-tpl-bulletin .pdf-posts li a:after{
                            position: absolute; left: -50px; top: 50%;
                            display: block;
                            margin-top: -13px;
                            content: "\f1c1";
                            font-family: FontAwesome; font-size: 26px; line-height: 26px;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            color: rgba(225, 225, 225, 0.5);
                        }
/*
                        // .page-template-tpl-bulletin .pdf-posts li a:hover:after{
                        //     color: #fd8204;
                        // }
*/

/*
= Sponsorship Program
-------------------------------------------------------------------------------------- */
    .page-id-2428 .content.pages .full-width article.left{
        width: 90%;
        margin: 0 auto;
        float: none;
        }
        .page-id-2428 .title-part{
            margin: 0 -5% 0;
        }

        .page-id-2428 .content.pages .full-width article.left h2{
            margin: 30px 0 20px;
            }
        .page-id-2428 .content.pages .full-width article.left h3{
            margin: 45px 0 30px;
            }

    .content .sponsorship-program{
        margin-top: 35px;
        width: 80%;
        }

        .page-id-2428 .alignright{
            border: 1px solid #777;
            box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
            }

/*
= Mobile devices
-------------------------------------------------------------------------------------- */

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

        /* .wrapper{width:760px; -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;}

        header .wrapper, .breadcrumbs, footer.wrapper{
            width: 760px;
            } */
        .social-part.wrapper{width: 760px; padding: 14px 0 0;}
            .social-part .right{
                float: none;
                text-align: center;
                }
                .social-part li{
                    display: inline-block;
                    float: none;
                    margin: 0 6px;
                    }


        header nav{width: 100%; float: left;}
        header nav ul{text-align: center;}

        .cart-block .menu {
            float: none;
            list-style: outside none none;
            margin: 30px 0 0;
            text-align: right;
            }

        .cart-block .widget_shopping_cart_content, .cart-block .menu-top-menu-container {
            float: none;
            position: absolute;
            right: 0;
            top: 0;
            }

        .front-slider{
            width: 790px; height: 320px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            }
            .front-slider article{
                width: 576px; height: 310px;
                }
                .front-slider article .slider, .front-slider article .slider a{
                    width: 100%; height: 310px;
                    }
            .front-slider .cycle-pager{bottom: 0;}
            .front-slider aside{
                width: 199px;
                }
                .front-slider aside a{height: 100px;}

        #mainWrapper, #playlist_list{
            max-width: 760px; min-height: 525px;
            }
        .videoList{width: 158px;}

        /* footer .left, footer .right{
            float: none;
            width: 100%;
            text-align: center;
            }
        footer .right{margin-top: 15px;} */

        /* cart */
        .cart-block .widget_shopping_cart_content{margin-right: 0;}
            .cart-block .widget_shopping_cart_content, .cart-block .menu-top-menu-container{float: none;}

        .sections-front .product-home-item{width: 45%;}
        .sections-front .product-home-item:nth-child(3n-1){margin: 0;}
        .sections-front .product-home-item:nth-child(2n-1){margin-right: 10%; clear: left;}

        .resources-pages .top-content img:first-child{float: none; margin: 0 auto 20px;}
        .resources-pages .top-content img{display: block; min-height: 194px; margin: 0 5px 0 20px;}

        .content .res-post-list li .featured-img img{max-width: 100%; height: auto;}


        ul#tabs-products-nav li a {
            color: #aeaeae;
            font-size: 11px;
            height: 23px;
            line-height: 23px;
            outline: medium none !important;
            padding: 5px;
            position: relative;
            }

        .pagination.related .page-numbers{padding: 4px;}

    }

    @media screen and (max-width:830px) {
        /* .wrapper, header .wrapper, .breadcrumbs, footer.wrapper{
            width:90%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            } */
        /* .social-part.wrapper{width: 90%; padding: 25px 0 0;} */

        /* .breadcrumbs{display: none;} */

        .content.pages article.left, .content.sidebar article.left, .content.pages aside.right, .content.sidebar aside.right, .content.sidebar aside.right.color{
            width: 100%;
            float: none;
            }
        .content.pages aside.right, .content.sidebar aside.right, .content.sidebar aside.right.color, #mainWrapper{margin-top: 25px;}

        .content aside .phone {
            color: #333;
            display: block;
            font-size: 23px;
            font-weight: bold;
            line-height: 34px;
            margin: 15px auto;
            padding: 5px 0 0 45px;
            position: relative;
            width: 200px;
            }
        .tabs-part > div > label{width: 45%}
        .tabs-part > div label.last-tab{left: 45%;}

        .reviews{width: 98%;}

        header .social{display: none;}

        .front-slider{
            width: 100%; height: auto;
            margin: 0;
            border: 5px solid #000;
            }
            .front-slider article{float: none; width: 100%; height: 400px;}
            .front-slider article div.slider, .front-slider article div.slider a{width: 100%; height: 400px;}

            .front-slider aside{
                float: none; width: 100%;
                border: medium none;
                border-top: 5px solid #000;
                }
                .front-slider aside a{
                    float: left;
                    width: 33%;
                    }
                .front-slider aside a:nth-child(2){
                    width: 34%;
                    border: medium none;
                    border-left: 5px solid #000;
                    border-right: 5px solid #000;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;
                    }
                /*.front-slider aside a:nth-child(3){float: right; width: 34%;}*/

        .sections-front .product-home-item{width: 48%;}
        .sections-front .product-home-item:nth-child(2n-1){margin-right: 4%;}

        /* .content.pages.resource-single .res-center-aside, .content.pages.resources-pages .res-center-aside{
            width: 80%; float: none; margin: 45px auto 30px;
            padding: 0;
            border: medium none;
            -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
            } */
        .content.resources-pages .top-content img{display: none;}
        .content.resources-pages .top-content p:first-child{
            text-align: center;
    padding: 0;
    margin: 0;
        }
        .content.resources-pages .top-content p:first-child img{
            display: inline-block;
    width: 224px;
    height: auto;
    margin: 50px 0 0;
        }
        .content .res-post-list li .featured-img{display: inline-block;}

        .feedbacks-front article:nth-child(2n){margin:20px 5%;}

        .feedbacks-front article {width: 90%; margin: 0 5%; float: none;}

        .woocommerce.single-product .content aside{padding-top: 0 !important;}

        .content .product-info{position: relative; right: auto; top: auto; width: 100%; -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; margin-bottom: 15px;}

        .content .woocommerce .actions .button.gray{float: right;}

        .videoList{position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 100%;}

        .res-center-aside ul#tabs-products-nav li{float: none; width: 100%;}
        .res-center-aside ul#tabs-products-nav li a{width: 100%; border-bottom: 1px solid #ccc; display: block;}
        .res-center-aside  ul#tabs-products-nav li.active a{border-radius: 0;}

        .bg-block .price-box{float: left; width: 45%;}
        .woocommerce.single-product #container .product-info .cart{float: right; width: 45%;}
        .woocommerce.single-product div.product form.cart .variations{margin-bottom: 5px; float: left;  width: 100%;}
            .woocommerce.single-product div.product form.cart .variations .label{text-align: left;}
        .bg-block .product-info .cart{float: right; width: auto; text-align: right;}
            .bg-block .product-info .cart > span.left{float: left; margin-right: 1em;}
            .woocommerce .bg-block div.product form.cart div.quantity{float: none; display: inline-block;}
        .woocommerce .bg-block .product-info .cart .single_add_to_cart_button{
            clear: both !important;
            display: block !important;
            float: right !important;
            margin-left: 2em !important;
            margin-top: 0 !important;

            }
        .woocommerce.postid-42 .bg-block .product-info .cart .single_add_to_cart_button{display: block !important;}
        .woocommerce div.product form.cart .single_variation_wrap{display: inline-block !important; float: left; margin-left: 1em;}
        }

    @media screen and (max-width:750px) {
        .front-slider article{float: none; width: 100%; height: 350px;}
        .front-slider article div.slider, .front-slider article div.slider a{width: 100%; height: 350px;}

        .front-slider aside span{font-size: 20px}

        .woocommerce .woocommerce-message{line-height: 25px;}

        .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button{float: none;}

        }

    @media screen and (max-width:720px) {
        .bg-block .price-box{width: 100%;}

        .woocommerce.single-product #container .product-info .cart{width: 100%;}

        .woocommerce.single-product div.product form.cart .variations .label, .woocommerce div.product form.cart .variations td{width: 100%; display: block;}

        div.bg-block:before, .admin-bar div.bg-block::before{display: none;}
        }

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

        .content .res-post-list li .featured-img{display: block;}

        .wrapper{z-index: 0;}

        header::before{display: none;}

        
        .top-block-cart{display: none;}
        nav{display: none;}
        footer nav{
            display: block;
            margin: 0 auto;
            }

        hgroup {float: left; width: 320px;}
        nav.mobile{
            display: block;
            float: right;
            margin: 0;
            text-align: left;
            }
        header nav .mobile-menu {
            cursor: pointer;
            display: block;
            position: absolute; top: 25px; right: 0;
            width: 30px; height: 50px;
            outline: none;
            padding: 0;
          }
          header nav .mobile-menu span,
          header nav .mobile-menu span:before,
          header nav .mobile-menu span:after {
            content: '';
            position: absolute;
            display: block;
            height: 3px;
            width: 35px;
            cursor: pointer;
            background: white;
          }
          header nav .mobile-menu span:before {
            top: -10px;
          }
          header nav .mobile-menu span:after {
            bottom: -10px;
          }
          header nav .mobile-menu span,
          header nav .mobile-menu span:before,
          header nav .mobile-menu span:after {
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            -ms-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
          }
          header nav .mobile-menu.active span {
            background-color: transparent;
          }
          header nav .mobile-menu.active span:before,
          header nav .mobile-menu.active span:after {
            top: 0;
          }
          header nav .mobile-menu.active span:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
          }
          header nav .mobile-menu.active span:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
          }

        header nav div.wrapp-mobile {
            position: absolute; right: -300px; top: 50px;
            width: 280px; height: auto;
            margin-right: -10%; padding: 10px;
            border: 1px solid rgba(225,225,225,0.5);
            background-color: #313131;
            z-index: 2600;
            -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.9);
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.9);
            }
        header nav .mobile-menu.active ~ .wrapp-mobile{margin-right: 0;}
            header nav div.wrapp-mobile li{
                display: block;
                padding: 0; margin-bottom: 15px; padding-bottom: 10px;
                border-radius: 0;
                background: none;
                border-bottom: 1px solid rgba(225,225,225,0.5);
                }
                header nav div.wrapp-mobile li ul.sub-menu{display: none;}
            header nav div.wrapp-mobile li:hover::before,  header nav div.wrapp-mobile li.current-menu-item::before{content: ''; display: none;}
                header nav div.wrapp-mobile .widget_shopping_cart_content{margin-bottom: 10px;}
                header nav div.wrapp-mobile li a, header nav div.wrapp-mobile li{font-size: 15px; font-weight: normal; text-align: left;}
            header nav div.wrapp-mobile li a{display: block; width: 100%;}

            header nav div.wrapp-mobile h3{color: #fff; margin-bottom: 10px}
            header nav div.wrapp-mobile h3:nth-child(2n){margin-top: 25px;}

        #mainWrapper, #playlist_list, .single.single-product.woocommerce.woocommerce-page .content.sidebar, .single.single-product.woocommerce.woocommerce-page .content.sidebar.wrapper{z-index: 0}

        header nav div.wrapp-mobile .empty{visibility: visible !important; color: #fff;}



        header h1, header a.logo{display: block; float: none; margin: auto auto;}

        .content.homepage, #mainWrapper, #playlist_list{margin-top: 25px;}
        .single.single-product.woocommerce.woocommerce-page .content.sidebar{position: relative;}

        .front-slider article{float: none; width: 100%; height: 250px;}
            .front-slider article div.slider, .front-slider article div.slider a{width: 100%; height: 250px;}

            .cart-block{

                }
                .cart-block .menu{}
                .cart-block .widget_shopping_cart_content{}

        .reviews tbody tr td:nth-child(1), .reviews tbody tr td:nth-child(2), .reviews tbody tr td:nth-child(3){width: auto; padding: 0;}

        .reviews{width: 100%;}
        .reviews thead{display: none;}
        .reviews tbody, .reviews tbody tr td, .reviews tbody tr{display: block; text-align: left;}
        .reviews tbody, .reviews tbody tr{margin-bottom: 10px; border-top: medium none;}
        .reviews tbody, .reviews tbody tr.dark{border-bottom: 1px solid #ddd;}
        .reviews tbody, .reviews tbody tr:last-child{border: medium none;}
        .reviews tbody, .reviews tbody tr td{margin-bottom: 5px; background-color: transparent;}

            .reviews td span{
                display: block;
                position: relative;
                padding: 28px 5px 5px 5px;
                overflow: hidden;
                }
            .reviews td span:after{
                content:'Date:';
                position: absolute; left: 5px; top: 5px;
                width: 150px; height: 25px;
                font-size: 16px; line-height: 25px; color: #444; font-weight: normal;
                }
            .reviews td:nth-child(2n) span:after{content: 'Reviewed By:';}
            .reviews td:nth-child(3n) span:after{content: 'Products:';}
            .reviews td:last-child span:after{content: 'View Review:';}

            .reviews td a span{display: inline-block; padding: 5px 0 0 0;}
            .reviews td a span:after{display: none;}

            .reviews tbody .ico.wrap-pdf{top: -1px;}
            ::i-block-chrome, .reviews tbody .ico.wrap-pdf {
                 top:0;
                }

        .cart-block{width: 348px; left:50%; top: 75px; margin-left: -160px;}
        /*.cart-block .widget_shopping_cart_content{margin-right: 25px;}*/
            .cart-block .widget_shopping_cart_content, .cart-block .menu-top-menu-container{float: left;}
        header nav{margin-top: 45px;}

        .sections-front .product-home-item{width: 80%; margin: 0 10% 20px 10% !important;}
            .product-front .product-image {min-height: 215px;}

        .bg-block footer.wrapper{z-index: 0;}
        footer .right nav{width: 80%; margin: 0 auto;}
        footer .right nav a {
            position: relative;
            display: block;
            margin: 0 0 6px 0; padding: 0 0 6px 0;
            font-size: 16px; line-height: 16px;
            }
            footer .right nav a:after{
                top: auto; right: auto; bottom: 0; left: 0;
                background: none;
                width: 100%; height: 1px;
                background-color: #B3B3B3;
                }
            footer .right nav a:last-child::after{display: block;}

        .front-slider aside a{float: none; width: 100%; height: 90px;}
        .front-slider aside a:nth-child(2){
            width: 100%; height: 90px;
            border: medium none;
            border-top: 5px solid #000;
            border-bottom: 5px solid #000;
            -webkit-box-sizing: unset;
            -moz-box-sizing: unset;
            -ms-box-sizing: unset;
            box-sizing: unset;
            }

        .resources-pages .accordion{
            width: 90%;
            margin: 0 auto;
            }
            .resources-pages .accordion li{ padding: 15px; }
        .content ul.faq-list{padding: 0; }
            .content ul.faq-list li{
                padding: 15px;
                font-size: 14px; line-height: 18px;
            }

        }

    @media screen and (max-width:570px) {
        .product-front .product-image {min-height: 180px;}

        .front-slider article{float: none; width: 100%; height: 230px;}
            .front-slider article div.slider, .front-slider article div.slider a{width: 100%; height: 230px;}

        .page.woocommerce-cart table.cart td{display: block; }

        .page.woocommerce-cart table.cart td.product-thumbnail{display: none;}

        .page.woocommerce-cart table.cart td.product-price, .page.woocommerce-cart table.cart td.product-quantity, .page.woocommerce-cart table.cart td.product-subtotal{
            position: relative;
            /* padding-left: 50%; */
            }
        .page.woocommerce-cart table.cart td.product-price:after, .page.woocommerce-cart table.cart td.product-quantity:after, .page.woocommerce-cart table.cart td.product-subtotal:after{
                content: 'Price:';
                position: absolute; left: 0; top: 0;
                width: 50%;
                padding: 9px 12px;
                font-weight: 700; font-size: 16px; line-height: 17px;
            }
        .page.woocommerce-cart table.cart td.product-price:after, .page.woocommerce-cart table.cart td.product-quantity:after, .page.woocommerce-cart table.cart td.product-subtotal:after{
            display: none;
            }
        .page.woocommerce-cart table.cart td.product-quantity:after{content: 'Quantity:'; line-height: 29px;}
         .page.woocommerce-cart table.cart td.product-quantity input{
             margin-right: 0 !important;
         }

        .page.woocommerce-cart table.cart td.product-subtotal:after{
             content: 'Total:';
            }

        .page.woocommerce-cart .coupon .button.gray, .page.woocommerce-cart .coupon #coupon_code, .page.woocommerce-cart .actions .button.gray, .page.woocommerce-checkout .checkout_coupon .form-row-first, .page.woocommerce-checkout .checkout_coupon .form-row-last{
            display: block;
            float: none !important;
            margin: 0 auto !important;
            width: 70%;
            }
        .page.woocommerce-cart .coupon .button{
            float: none !important;
            margin: 15px auto !important;
            }

        .woocommerce-cart .cart-collaterals .cart_totals table td{
            line-height: 22px !important;
            }

        .woocommerce-page.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
            display: block !important;
        }
        .page.woocommerce-checkout .checkout_coupon .form-row-last.button.grey{display: inline-block;  text-align: center;}
        .page.woocommerce-cart .coupon .button.gray{margin-top: 15px; margin-bottom: 15px;}

            .page.woocommerce-cart table.cart th{display: none; }

            .reviews td span:after{
                    content:'Date:';
                    position: absolute; left: 5px; top: 2px;
                    width: 120px; height: 25px;
                    font-size: 14px; line-height: 25px; color: #444; font-weight: normal;
                    }
            .reviews tbody .ico .pdf{margin-top: -16px;}
        .customer-feedback .button{width: 100%; -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;}

        .content .share-social{
            list-style: none;
            margin: 25px 0; padding: 15px 0;
            text-align: left;
            border: 1px dashed #dedede;
            border-left: medium none; border-right: medium none;
            }
            .content .share-social li{
                display: block;
                width: 100%;
                margin: 5px 0; padding: 0;
                }
                .content .share-social li.gp{width: 100%;}
                .content .share-social li.fb{position: relative; top: 0; margin: 0 0 11px;}

        .woocommerce .bg-block #container div.product .woocommerce-tabs ul.tabs li{}
        .woocommerce .bg-block div.product .woocommerce-tabs ul.tabs li{padding: 0 10px;}
            .woocommerce .bg-block div.product .woocommerce-tabs ul.tabs li a{
                font-weight: 400;
                }

        .woocommerce.woocommerce-page div.product form.cart .variations .reset_variations{display: block; width: 100%; margin: 10px 0 15px; float: right;}


        }

    @media screen and (max-width:480px) {
        /* .wrapper, header .wrapper, .breadcrumbs, footer.wrapper, .social-part.wrapper{width: 94%;} */
        .sections-front .product-home-item{width: 90%; margin: 0 5% 20px 5% !important;}
            /*.product-front .product-image {min-height: 150px;}*/

        .reviews tbody .ico:nth-child(2n), .reviews tbody .ico:nth-child(3n){margin: 0 0 0 10px;}

        .front-slider article{float: none; width: 100%; height: 200px;}
            .front-slider article div.slider, .front-slider article div.slider a{width: 100%; height: 200px;}

        /*#mainWrapper, #playlist_list{width: 94% !important; max-width: none;}*/

        /*.product-front .product-image {min-height: auto; background: none;}
            .product-front .product-image img{display: block; max-width: 100%; height: auto;}*/

        .sections-front .product-home-item{padding: 0;}
        .sections-front .product-home-item:hover{-webkit-box-shadow: none;
        box-shadow: none;}

        .product-front hgroup{width: 100%;}

        /*nav products tabs*/
        #product-tabs-wc #navi,
        #product-tabs-wc.active #navi{
            position: absolute; z-index: 9999;  top: 1px; right: 4px;
            display: block; width: 50px; height: 50px;
            cursor: pointer;
        }
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi,
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi:before,
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi:after {
                content: '';
                position: absolute; right: 10px; top: 17px;
                display: block;
                height: 3px;
                width: 35px;
                cursor: pointer;
                background-color: #999;
                }
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi:before, .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi:after{top: 11px; right: 0;}
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper span.navi:after{top: 21px;}

            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.active span.navi{
                background-color: transparent;
                }
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.active span.navi:before,
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.active span.navi:after{
                top: 13px;
                }
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.active span.navi:before{
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                }
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.active span.navi:after{
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                }

        /*Product tab ul*/
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper{position: relative;}
                .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper ul.tabs{
                    margin: 20px 0 5px; padding: 10px;
                    height: 60px; width: 100%;
                    overflow: hidden;
                    background-color: #fff;
                    border: 1px solid #999;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    }
                .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.active ul.tabs{
                    height: auto;
                    overflow: visible;
                    }

                    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper ul.tabs li{
                        display: none;
                        float: none;
                        width: 100%; height: 40px;
                        margin: 0 auto; padding: 0;
                        font-size: 17px; font-weight: 700; line-height: 40px;
                        border-radius: 0;
                        background: none;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                        box-sizing: border-box;
                        }
                        .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{
                            position: relative;
                            display: block;
                            width: 100%;
                            padding: 0;
                            }
                    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active{}
                    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper ul.tabs li:last-child{border-bottom: medium none;}
                    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active, .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.active ul.tabs li{
                        display: block;
                        }

        /*Product tab content*/
            .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab{border-radius: 0;}
                .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab ul{margin-left: 5px;}

                .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li{padding: 0;}

                .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li input[type="text"], .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li input[type="email"], .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li textarea, .woo-pages .woocommerce input[type="text"], .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab textarea{
                    width: 100%;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    }

                .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li .wpcf7-list-item-label {
                    float: left;
                    font-size: 11px;
                    margin: 2px 0 0 15px;
                    }

                .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li.captchac div img {
                    float: left;
                    margin-bottom: 10px;
                    margin-top: 0;
                    }

                .woocommerce #container div.product .woocommerce-tabs .panel{padding: 10px;}

        /*Mobile tabs*/
            .blog .tabs-part > div > label, .blog .tabs-part > div > input, .page-template-tpl-reviews .tabs-part > div > label, .page-template-tpl-reviews .tabs-part > div > input, .page-template-resource-page .tabs-part > div > label, .page-template-resource-page .tabs-part > div > input, .woocommerce.woocommerce-page .tabs-part > div > label, .woocommerce.woocommerce-page .tabs-part > div > input{display: none;}

            .content article #mobile-tabs{
                position: relative;
                display: block;
                margin: 0; padding: 10px;
                width: 100%; height: 60px;
                font-size: 17px; font-weight: 700; line-height: 60px;
                border: 1px solid #3c3c3c;
                background-color: #fff;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                }
            /* .content article #custom-label-mobile{
                display: block;
                position: relative;
                width: 100%;
                z-index: 9999;
                } */

            .content article #custom-label-mobile::before {
                background: #fff url("../img/dropdown-arrow.png") no-repeat scroll 50% 50%;
                border-left: 1px solid #3c3c3c;
                content: "";
                display: block;
                height: 58px;
                pointer-events: none;
                position: absolute;
                right: 1px;
                top: 1px;
                width: 35px;
                z-index: 555;
                }
                .content article #mobile-tabs option{
                    padding: 10px;
                    font-size: 17px; font-weight: 700; line-height: 40px;
                    }
                .content article .mobile-tabs li.active{
                    /*background-color: rgba(255, 255, 255, 0.5);
                    color: #fff;*/
                    }

            .bg-block .tabs-part > div > input[type="radio"]:checked ~ section {display: none;}
            .single-resource .bg-block .tabs-part > div > input[type="radio"]:checked ~ section {display: block; margin-top: 35px;}
            .bg-block .tabs-part > div > section{margin-top: 0; padding: 0;}

        .divider-hr{display: none;}
        .resources-pages .top-content{padding-bottom: 0;}

        .woocommerce .bg-block #container div.product .woocommerce-tabs #tab-answers_tab{background: #252424 none repeat scroll 0 0;}
        .woocommerce .bg-block #container div.product .woocommerce-tabs .resources-pages.single-product .tabs-part > div > section {padding: 0;}

        .woocommerce .bg-block #container div.product .woocommerce-tabs .resources-pages, .woocommerce .bg-block #container div.product .woocommerce-tabs .resources-pages .tabs-part{margin: 0; padding: 0;}
        .woocommerce .bg-block #container div.product .woocommerce-tabs .resources-pages .tab-wrapp{margin-top: 30px;}
        .woocommerce .bg-block #container div.product .woocommerce-tabs .resources-pages.single-product{background: transparent; }
        .woocommerce .bg-block #container div.product .woocommerce-tabs .resources-pages.single-product .tabs-part > div > section{box-shadow: none;}


        .woocommerce .bg-block #container div.product .woocommerce-tabs .alignleft{float: none; margin: 15px 0;}

        .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li .wpcf7-list-item-label{float: right; line-height: 16px; width: 85%;}
        .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper .panel.entry-content.wc-tab .form-cf7 li.captchac{margin-top: 15px;}

        .content .form-cf7 li .wpcf7-form-control-wrap.checkbox-325{overflow: hidden;}

        .bg-block .popup-wrapper{position: relative; left: auto; bottom: auto; top: auto; right: auto; margin-top: 15px;}
            .bg-block .popup-wrapper > .content{position: relative; left: auto !important; top: auto; right: auto; bottom: auto; transform: none; width: 100%; background: none; max-height: unset;}
            .bg-block .popup-wrapper > .overlay{display: none;}
                .bg-block .popup-wrapper a.close{display: none;}
                .bg-block .popup-wrapper > .content .form-cf7.popup li.captchac{width: 100%;}
                    .bg-block .popup-wrapper > .content .form-cf7.popup li.captchac div img{margin-top: 0;}


        }

    @media screen and (max-width:420px) {
        .product-front .product-image {min-height: 160px;}

        .front-slider article{float: none; width: 100%; height: 180px;}
            .front-slider article div.slider, .front-slider article div.slider a{width: 100%; height: 180px;}

        header{padding-top: 25px;}

        hgroup{width: 70%;}
        .product-front hgroup{width: 100%}
            header h1, header a.logo{width: 100%; height: 55px; background-size: contain;}

        header nav .mobile-menu{top: 17px; right: 10px;}

        .product-front hgroup h3{font-size: 18px; font-weight: 400px;}

        /**
        * Swich tabs to accordions
        */
        .tabs-part > div > section {
            margin-top: 25px; margin-bottom: 50px;
            }
            .tabs-part > div > label {
                position: static !important;
                margin-bottom: 10px;
                width: 100% !important;
                background: #333333;
                border: 1px solid #3c3c3c; border-radius: 0px;
                }
        .resources-pages .tabs-part > div > input[type="radio"] + label{
            position: static;
            line-height: 20px; color: #fff; font-size: 16px;
            }

        ul.accordion li h3{font-size: 18px; line-height: 43px;}

        /*Salesforce*/
        .content.pages .salesforce_w2l_lead .w2linput.text,
        .content.pages .salesforce_w2l_lead .w2linput.textarea,
        .content.pages .salesforce_w2l_lead .w2linput.textarea,
        .content.pages .salesforce_w2l_lead .w2linput.submit{ width: 100%;}

        }

    @media screen and (max-width:380px) {
        .product-front .product-image {min-height: 140px;}
        .pagination .page-numbers{padding: 7px; font-size: 15px;}
        .pagination .page-numbers.prev, .pagination .page-numbers.next{margin: 0 5px;}
        .pagination .page-numbers.dots{margin: 0; padding: 0;}
        }
    @media screen and (max-width:340px) {
        .product-front .product-image {min-height: 110px;}
        }

/*
= Print
-------------------------------------------------------------------------------------- */
    @media print {
      * { background:transparent !important; color:#444 !important; text-shadow:none !important; }
      a, a:visited { color:#444 !important; text-decoration:underline; }
      a:after { content:" (" attr(href) ")"; }
      abbr:after { content:" (" attr(title) ")"; }
      .ir a:after { content:""; }
      pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
      thead { display:table-header-group; }
      tr, img { page-break-inside:avoid; }
      @page { margin:0.5cm; }
      p, h2, h3 { orphans:3; widows:3; }
      h2, h3{ page-break-after:avoid; }
    }

    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.disabled {color: #999999;}
    .woocommerce.woocommerce-page .bg-block #content .woocommerce-tabs.wc-tabs-wrapper.disabled ul.tabs {background: #cccccc;}