/*







Theme Name: thefrank







Theme URI: https://wordpress.org/themes/twentytwelve/







Author: the WordPress team







Author URI: https://wordpress.org/







Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.







Version: 1.9







License: GNU General Public License v2 or later 







License URI: http://www.gnu.org/licenses/gpl-2.0.html







Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready







Text Domain: twentytwelve







This theme, like WordPress, is licensed under the GPL.







Use it to make something cool, have fun, and share what you've learned with others.







*/ 







/* =Notes







--------------------------------------------------------------







This stylesheet uses rem values with a pixel fallback. The rem







values (and line heights) are calculated using two variables:







$rembase:     14;







 







$line-height: 24;







---------- Examples







* Use a pixel value with a rem fallback for font-size, padding, margins, etc.







        padding: 5px 0;







        padding: 0.357142857rem 0; (5 / $rembase)







* Set a font-size and then set a line-height based on the font-size







        font-size: 16px







        font-size: 1.142857143rem; (16 / $rembase)







        line-height: 1.5; ($line-height / 16)







---------- Vertical spacing







Vertical spacing between most elements should use 24px or 48px







to maintain vertical rhythm:



.toprightnewsletter { }





.my-new-div {







        margin: 24px 0;







        margin: 1.714285714rem 0; ( 24 / $rembase )







}







.row.no-mrgn.fm-ftr-froks {







    background: #fff none repeat scroll 0 0;







}







---------- Further reading







http://snook.ca/archives/html_and_css/font-size-with-rem







http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/







/* =Reset







-------------------------------------------------------------- */



.fm-pro-cltn-bund-txt > p:first-child{

    font-size: 25px;

    color: #4eadec;

}

.col-md-4.col-sm-4.col-xs-12.ndm-banner-3 > h1 {

    margin-bottom: 6px;

}

.col-md-4.col-sm-4.col-xs-12.ndm-banner-3 > ul {

    margin-bottom: 5px !important;

}



@font-face {



    font-family: 'RobotoBlack';



    src: url('fonts/Roboto-Black.ttf')format('truetype');



}



@font-face {



    font-family: 'RobotoThin';



    src: url('fonts/Roboto-Thin.ttf')format('truetype');



}



@font-face {



    font-family: 'millertextroman';



    src: url('fonts/MillerTextRoman.ttf')format('truetype');



}



@font-face {



    font-family: 'RobotoMedium';



    src: url('fonts/Roboto-Medium.ttf')format('truetype');



}



@font-face {



    font-family: 'RobotoBold';



    src: url('fonts/Roboto-Bold.ttf') format('truetype');



}



@font-face {



    font-family: 'RobotoLight';



    src: url('fonts/Roboto-Light.ttf') format('truetype');



}



@font-face {



    font-family: 'RobotoRegular';



    src: url('fonts/Roboto-Regular.ttf') format('truetype');



}



@font-face {



    font-family: 'RobotoBold';



    src: url('fonts/Roboto-Bold.ttf') format('truetype');



}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;/*vertical-align: baseline;*/



}



body {



    line-height: 1;



}



.ndm-frank-main-menu .main-navigation li a.menu-item-has-children {



    font-family: robotobold !important;



}



.menu-item-has-children {



    margin-right: 25px !important;



    background: url(images/aero.png) no-repeat center right;



}



/* ---custom 18-12-15----------------------------------------------------- */







.frank-top-bar {



    background: #1E1E1E;



    padding: 0px;



    color: #676767;



}



.nav-menu li.menu-item-has-children.glyphicon-menu-down::before {



    color: #7fc740;



    position: absolute;



    right: 0;



    top: 15px;



}



.ndm-footer-subscrip-2, .ndm-footer-subscrip-1 {



    margin-left: 65px;



}



footer .ndm-content-subscripion h4 {



    font-size: 29px !important;



    linfont-family: "RobotoRegular";



}



footer .ndm-content-subscripion .fm-ftr-excrs-txt h4, .fm-ftr-excrs-txt h4 {



    font-size: 29px !important;



    font-family: "RobotoRegular";



    margin-top: 4px;



    line-height: 19px;



}



/*-------------------------sajid css-------------------------------------------------------------------------*/







.frank-socil-nav-left .social-count-plus .circle .count-facebook a {



    background: rgba(0, 0, 0, 0) url("./images/fb.png") no-repeat scroll 15px 3px !important;



    height: 32px;



    display: block;


c
    float: left;



    width: 30px;



}



.ndm-default-page .entry-content blockquote {



    padding: 0 !important;



}



.ndm-default-page blockquote h1 {



    color: #4eadec;



    font-size: 36px;



    line-height: 42px;



}



.frank-socil-nav-left .social-count-plus .circle .count-youtube a {



    background: rgba(0, 0, 0, 0) url("./images/tv.png") no-repeat scroll 15px 3px !important;



    height: 32px;



    padding-left: 10px !important;



    display: block;



    float: left;



    width: 35px



}



.frank-socil-nav-left .social-count-plus .circle .count-instagram a {



    background: rgba(0, 0, 0, 0) url("./images/insta.png") no-repeat scroll 15px 6px !important;



    height: 32px;



    padding-left: 10px !important;



    display: block;



    float: left;



    width: 34px



}



#ndm-video-cap.ndm-video-caption {



    color: transparent !important;



}



.social-count-plus .icon {



    display: none;



}



#socialcountplus-3 .social-count-plus .items span {



    float: left;



    color: #fff !important;/*width:auto !important*/



    margin-left: 0px !important;



}



#socialcountplus-3 .social-count-plus li {



    float: left;



    margin: 0;



    padding: 0;



    text-align: right !important;



    width: 25%;



    color: #fff



}



#socialcountplus-3 .social-count-plus .items {



    position: relative;



    top: 7px;



    width: 59%;



}



#socialcountplus-3 .social-count-plus .items a {



    width: 10%;



    float: left



}



#socialcountplus-3 .social-count-plus li:lastchild {



    bottom: 2px;



    position: relative;



}



#socialcountplus-3 .social-count-plus .items span.label {



    margin-left: 3px;



    margin-top: 5px;



    color: #fff;



}



#socialcountplus-3 .social-count-plus {



    margin-top: 9px;



}



.frank-socil-nav-right .menu li {



    display: inline-block;



    margin-right: 10px



}



.frank-socil-nav-right .menu {



    float: right;



    margin-top: 13px;



}



.frank-socil-nav-right .menu li a span, .frank-socil-nav-right .menu li:first-child a {



    color: #757575;



}



.frank-socil-nav-right .menu li:hover a span, .frank-socil-nav-right .menu li:first-child:hover a {



    color: #fff;



}



.ndm-logo img {



    margin: 0;



    box-shadow: none;



}

10

.ndm-logo {



    margin-top: 5px;



}



.ndm-logo-description {



    margin-top: 10px;



}



li.count-instagram .items {



   /* width: 100px !important;*/



}



li.count-instagram {



    width: 147px !important;

    margin-left:5px !important;

}



li.count-facebook {



    width: 105px !important;



}



li.count-youtube {



    width: 154px !important;



}



.ndm-frank-menu-wraper .ndm-logo-wraper, .ndm-frank-menu-wraper .ndm-logo-wraper div {



    padding: 0



}



.ndm-frank-menu-wraper {



    background: #000;



}



.ndm-frank-main-menu .main-navigation {



    margin-top: 0px;



    float: right;



    position: relative;



    z-index: 999;



}



.ndm-banner-2 {



    position: relative;



    bottom: 10px;



}



.ndm-frank-menu-wraper .ndm-frank-main-menu {



    padding-right: 0;



}



li.frank-lettr a {



    background: rgba(0, 0, 0, 0) url("./images/mail-img.png") no-repeat scroll 6px 11px;



    color: transparent !important;



    width: 100%;



}



.ndm-frank-main-menu .main-navigation li a {



    font-family: robotobold !important;



}



.ndm-frank-main-menu .main-navigation li a:focus {



    outline: none;



}



.frank-lettr {



    margin: 0 20px 0 0 !important;



    padding: 0 !important;



    width: 34px;



}



.ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation li.current-menu-item a {



    color: #4EADEC;



}



.ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation #menu-main-menu l:hover a {



    color: #fff !important;



}



.subscrbr-newsletr #newsletters-7-form {



    display: table;



}



.subscrbr-newsletr #newsletters-7-fields {



    display: table-cell;



}



/*----------------baner fon ---------------*/







.ndm-banner-1 h1 {



    color: #7fc740;



    font-family: "RobotoBlack";



    font-size: 43px !important;



    line-height: 41px !important;



    margin-bottom: 39px !important;



    text-align: right;



}



.ndm-banner .ndm-banner-3 h1 {



    color: #4eadec;



    font-size: 27px;



    line-height: 34px;



    font-family: "RobotoLight";



}



.ndm-btn-success {



    border: 1px solid #7fc740;



    border-radius: 11px;



    font-family: "RobotoBlack";



    font-size: 18px;



    color: #fff;



    padding: 6px 30px;



    text-decoration: none !important;



    /*border: 4px solid #FFF;background: #7fc740*/



}



.ndm-btn-success:hover {



    color:#fff;



    /*color: #757575;



    border-color: #757575;*/



    background: #73C067



}



.ndm-banner .ndm-banner-3 ul {



    list-style: none;



}



.ndm-banner .ndm-banner-3 ul li {



    font-family: RobotoLight;



    font-size: 21px;



    font-weight: bold;



    line-height: 33px;



    margin: 0;



}



/*.ndm-banner, .ndm-content-subscripion, .ndm-content-package {



        background: #000;

    background: url(img/bg.jpg) no-repeat;

        background-size:cover;

}*/

.home .entry-content{



    background-color: #000;

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

    /*background-size:1482px 36%;*/

    background-size:contain;



    background-repeat: no-repeat;



} 



/*.row.ndm-content-subscripion.justforbaner{ background:none;}*/

.ndm-content-package {



    padding-top: 50px;



    padding-bottom: 50px;



}



#newsletters-4-wrapper div {



    float: left;



}



#newsletters-4 .newsletters-form, #newsletters-4-fields #wpml-newsletters-4email, .newsletters-fieldholder {



    width: 100% !important



}



.newsletters-fieldholder #wpml-newsletters-4email {



    border-radius: 0;



    height: 44px;



}



#newsletters-4-fields {



    width: 70% !important;



}



#newsletters-4-submit {



    width: 30% !important;



    margin-top: 5px;



}



.ndm-content-package .ndm-package-5 p {



    line-height: 20px;



    margin-bottom: 13px;



}



.ndm-product-2 {



    padding: 10px;



}



.ndm-product-2 .ndm-wo-product-1 {



    padding: 0;



}



/*.ndm-product-2  .ndm-wo-product-1 img {height: 140px;}*/


.col-md-8.col-sm-8.col-xs-12.pm-pro-week-vgn-litxt ul li strong {
    font-size: 17px;
}





#newsletters-4-submit #newsletters-4-button {



    background: #222222 none repeat scroll 0 0;



    border: medium none;



    border-radius: 0 5px 5px 0;



    color: #50aee5;



    cursor: pointer;



    font-family: "RobotoRegular";



    font-size: 14px;



    margin: 0;



    padding: 12px 23px 10px;



    text-align: center;



    text-decoration: none !important;



    text-transform: uppercase;



}



.subscrbr-newsletr span#newsletters_buttonwrap.glyphicon-menu-right::before {



    position: absolute;



    right: 4px;



    top: 28px;



    color: #fff;



}



span#newsletters_buttonwrap.glyphicon-menu-right::before {



    position: absolute;



    right: 2px;



    top: 16px;



    color: #fff;



}



.ndm-content-package .ndm-package-1 h1 {



    font-family: "RobotoBlack";



    font-size: 20px;



    line-height: 20px;



    margin: 0;



}



.ndm-content-package .ndm-package-1 h1 .ndm-pkg-1 {



    color: #7FC740;



}



.ndm-content-package .ndm-package-1 h1 .ndm-pkg-2 {



    color: #B9CED1;



}



.ndm-content-package .ndm-package-1 h1 .ndm-pkg-3 {



    color: #4FADED;



}



.row.ndm-content-subscripion .ndm-content-subscripion .fm-ftr-excrs-txt h4, .fm-ftr-excrs-txt h4 {



    font-weight: bold;



    margin-top: 5px;



}



.ndm-content-subscripion .fm-ftr-hdng-txt h4 {



    font-family: "RobotoRegular";



    font-size: 28px !important;



    margin: 0;



    margin: 4px 0 0;



}



#newsletters-4-fields .newsletters-fieldholder.list {



    display: none;



}



.ndm-content-subscripion .fm-ftr-eml-log {



    padding: 0px;



}



.ndm-content-package .col-md-2 img {



    width: 100% !important;



}



.footer-subs-logo {



    padding: 11px 0;



}



.ndm-content-subscription .fm-ftr-excrs-txt {



    color: #FFF;



    font-size: 18px !important;



    padding-top: 0px;



    padding-bottom: 0px;



}



.ndm-subscription-wrapper {



    width: 80%;



    margin: 0 auto;



    float: none;



    height: 63px;



}



.ndm-subscription-wrapper .fm-ftr-excrs-txt {



    color: #FFF;



    padding-top: 6px;



    padding-bottom: 0;



}



#newsletters-4-fields .newsletters-fieldholder.email {



    margin: 5px 0 0 !important;



}



.ndm-content-subscripion {



    padding-top: 0px;



}



.ndm-content-package .col-md-2 {



    width: 19.667% !important;



    padding: 9px;



}



.ndm-package-1 {



    text-align: right;



}



.ndm-content-package .ndm-package-1 img {



    width: 69% !important;



    height: 118px;



}



.ndm-content-package .ndm-btn-success {



    /*border: 2px solid #fff;*/



    border:1px solid #7fc740;



    border-radius: 5px;



    color: #fff !important;



    font-family: "RobotoBlack";



    font-size: 14px;



    padding: 4px 30px;



    text-decoration: none !important;



}



.ndm-content-package .ndm-btn-success:hover {



    /*border: 2px solid #757575 !important;



    color: #757575 !important**/; color:#FFF;



}



.ndm-content-product .ndm-product-1 ul, .ndm-content-product .ndm-product-3 ul {



    display: flex;



    list-style: none;



    margin-bottom: 0;



}



.ndm-content-product .ndm-product-1 ul li, .ndm-content-product .ndm-product-3 ul li {



    margin: 0;



}



.ndm-content-product .ndm-product-1 h1 {



    border-bottom: 1px solid;



    color: #4eaded;



    font-family: RobotoBlack;



    font-size: 23px;



    line-height: 25px;



    margin-bottom: 0;



    margin-top: 78px;



    padding-bottom: 6px;



    text-align: right;



}



.ndm-content-product .ndm-product-3 h1 {



    border-bottom: medium none navy;



    color: #7fc740;



    font-family: RobotoBlack;



    font-size: 25px;



    line-height: 29px;



    margin-bottom: 0;



    margin-top: 80px;



    padding-bottom: 6px;



    text-align: right;



}



.ndm-product-1 ul li img {



    width: 100%;



}



.ndm-product-3 ul li img {



    width: 85%;



    position: relative



}



.ndm-btn-success2 {



    border: 2px solid #7fc740;



    border-radius: 5px;



    color: #757575;



    padding: 0 9px;



    text-decoration: none !important;



    position: absolute;



}



.ndm-product-2 {



    margin-top: 55px;



    padding: 0;



}



/*--------video ------------------*/	







.ndm-content-video {



    position: relative;



    height: 450px;



}



.button-vidro {



    background: rgba(255, 255, 255, 0.69) none repeat scroll 0 0;



    height: 350px;



    position: absolute;



    text-align: center;



    top: 0;



    width: 100%;



}



.ndm-content-video .button-vidro .ndm-btn-success {



    border: 2px solid #51afe2;



    border-radius: 11px;



    color: #fff !important;



    float: none !important;



    font-family: "RobotoBlack";



    font-size: 26px;



    margin: 0 auto;



    padding: 4px 31px;



    text-decoration: none !important;



}



.ndm-content-video .button-vidro h1 {



    color: #fff;



    font-family: RobotoBlack;



    font-size: 41px;



    margin-top: 8rem;



}



.ndm-content-product {



    padding-top: 11px;



}



.ndm-content-video iframe {



    margin-bottom: 0 !important;



}



/*--------body weight ------------------*/		







.ndm-body-weight {



    background: rgba(0, 0, 0, 0) url("./img/below-banner.png") no-repeat scroll 0 0 / 100% 100%;



}



.ndm-body-weight .ndm-body-weight-1 p {



    color: #fff;



    font-size: 16px;



    font-family: "RobotoLight";



}



.ndm-body-weight .ndm-body-weight-3 h1 {



    color: #fff;



    font-size: 27px;



    line-height: 39px;



    margin-top: 0;



    font-family: RobotoLight



}



.ndm-body-weight .ndm-body-weight-3 .ndm-btn-success {



    border: 1px solid #fff;



    border-radius: 6px;



    color: #fff !important;



    float: left !important;



    font-family: "RobotoBlack";



    ;



    font-size: 13px;



    padding: 6px 20px;



    text-decoration: none !important;



}



.ndm-body-weight .ndm-body-weight-3 .ndm-btn-success:hover {



    /*border: 2px solid #757575;



    color: #757575 !important;*/ color:#FFF;



}



.ndm-body-weight-2 {



    padding: 0



}



/*.ndm-body-weight-2 div {padding:25px 13px 0px 54px} */







.ndm-body-weight-2.pull-right {



    padding: 18px 2px;



}



.ndm-body-weight {



    padding: 33px 0;



}



.ndm-medicin {



    background: rgba(0, 0, 0, 0) url("./img/mid-banner.jpg") no-repeat scroll 0 0 / 100% 100%;



}



.ndm-medicin-2 h1 {



    color: #bcdf5f;



    font-family: "RobotoBlack";



    font-size: 20px !important;



    line-height: 24px !important;



    margin-bottom: 13px !important;



    margin-top: 5px !important;



}



.ndm-medicin-2 p {



    color: #fff;



    margin-bottom: 9px;



}



.ndm-medicin-2 .ndm-btn-success {



    /*	border: 2px solid #fff;*/; border:1px solid #7fc740;



    border-radius: 7px;



    color: #FFF !important;



    font-family: RobotoBlack;



    font-size: 17px;



    padding: 4px 24px;



    text-decoration: none !important;



}



.ndm-medicin-2 .ndm-btn-success:hover {



    /*border: 2px solid #757575 !important;



    color: #757575 !important;*/



    color:#FFF;



}



.ndm-medicin {



    padding: 0px 0;



}



.ndm-about {



    background: #3B3B3B;

    background-image: url(img/bg.jpg)!important;



}



.ndm-about .ndm-about-1 h1 {



    color: #fff;



    font-family: "RobotoBlack";



    font-size: 25px;



    text-align: center;



}



.ndm-about .ndm-about-1 p {



    color: #fff;



    font-family: millertextroman;



    font-size: 20px;



    margin-bottom: 35px;



    text-align: center;



    line-height: 26px;



}



.ndm-logo-wraper .ndm-logo {



    padding: 0 24px 0 18px !important;



}



/**********************************************************/







.home footer .fm-frt-body-text {



    display: none;



}



ol, ul {



    list-style: none;



}



blockquote, q {



    quotes: none;



}



blockquote:before, blockquote:after, q:before, q:after {



    content: '';



    content: none;



}



table {



    border-collapse: collapse;



    border-spacing: 0;



}



caption, th, td {



    font-weight: normal;



    text-align: left;



}



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



    clear: both;



}



html {



    overflow-y: scroll;



    font-size: 100%;



    -webkit-text-size-adjust: 100%;



    -ms-text-size-adjust: 100%;



}



a:focus {



    outline: thin dotted;



}



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {



    display: block;



}



audio, canvas, video {



    display: inline-block;



}



audio:not([controls]) {



    display: none;



}



del {



    color: #333;



}



ins {



    background: #fff9c0;



    text-decoration: none;



}



hr {



    background-color: #ccc;



    border: 0;



    height: 1px;



    margin: 24px;



    margin-bottom: 1.714285714rem;



}



sub, sup {



    font-size: 75%;



    line-height: 0;



    position: relative;



    vertical-align: baseline;



}



sup {



    top: -0.5em;



}



sub {



    bottom: -0.25em;



}



small {



    font-size: smaller;



}



img {



    border: 0;



    -ms-interpolation-mode: bicubic;



}



/* Clearing floats */







.clear:after, .wrapper:after, .format-status .entry-header:after {



    clear: both;



}



.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {



    display: table;



    content: "";



}



/* =Repeatable patterns







-------------------------------------------------------------- */







/* Small headers */







.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {



    font-size: 11px;



    font-size: 0.785714286rem;



    line-height: 2.181818182;



    font-weight: bold;



    text-transform: uppercase;



    color: #636363;



}



/* Shared Post Format styling */







article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta {



    font-size: 11px;



    font-size: 0.785714286rem;



    line-height: 2.181818182;



}



/* Form fields, general styles first */







button, input, select, textarea {



    border: 1px solid #ccc;



    border-radius: 3px;



    font-family: inherit;



    padding: 6px;



    padding: 0.428571429rem;



}



button, input {



    line-height: normal;



}



textarea {



    font-size: 100%;



    overflow: auto;



    vertical-align: top;



}



/* Reset non-text input types */







input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {



    border: 0;



    border-radius: 0;



    padding: 0;



}



/* Buttons */







.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {



    padding: 6px 10px;



    padding: 0.428571429rem 0.714285714rem;



    font-size: 11px;



    font-size: 0.785714286rem;



    line-height: 1.428571429;



    font-weight: normal;



    color: #7c7c7c;



    background-color: #e6e6e6;



    background-repeat: repeat-x;



    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);



    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);



    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);



    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);



    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);



    border: 1px solid #d2d2d2;



    border-radius: 3px;



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



}



.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {



    cursor: pointer;



}



button[disabled], input[disabled] {



    cursor: default;



}



.menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {



    color: #5e5e5e;



    background-color: #ebebeb;



    background-repeat: repeat-x;



    background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);



    background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);



    background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);



    background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);



    background-image: linear-gradient(top, #f9f9f9, #ebebeb);



}



.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {



    color: #757575;



    background-color: #e1e1e1;



    background-repeat: repeat-x;



    background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);



    background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);



    background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);



    background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);



    background-image: linear-gradient(top, #ebebeb, #e1e1e1);



    box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;



    border-color: transparent;



}



.bypostauthor cite span {



    color: #fff;



    background-color: #21759b;



    background-image: none;



    border: 1px solid #1f6f93;



    border-radius: 2px;



    box-shadow: none;



    padding: 0;



}



/* Responsive images */







.entry-content img, .comment-content img, .widget img {



    max-width: 100%; /* Fluid images for posts, comments, and widgets */



}



img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {



    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */



}



img.size-full, img.size-large, img.header-image, img.wp-post-image {



    max-width: 100%;



    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */



}



/* Make sure videos and embeds fit their containers */







embed, iframe, object, video {



    max-width: 100%;



}



.entry-content .twitter-tweet-rendered {



    max-width: 100% !important; /* Override the Twitter embed fixed width */



}



/* Images */







.alignleft {



    float: left;



}



.alignright {



    float: right;



}



.aligncenter {



    display: block;



    margin-left: auto;



    margin-right: auto;



}



.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {



    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */







    /*border-radius: 3px;*/







    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/







}



.wp-caption {



    max-width: 100%; /* Keep wide captions from overflowing their container. */



    padding: 4px;



}



.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {



    font-style: italic;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 2;



    color: #757575;



}



img.wp-smiley, .rsswidget img {



    border: 0;



    border-radius: 0;



    box-shadow: none;



    margin-bottom: 0;



    margin-top: 0;



    padding: 0;



}



.entry-content dl.gallery-item {



    margin: 0;



}



.gallery-item a, .gallery-caption {



    width: 90%;



}



.gallery-item a {



    display: block;



}



.gallery-caption a {



    display: inline;



}



.gallery-columns-1 .gallery-item a {



    max-width: 100%;



    width: auto;



}



.gallery .gallery-icon img {



    height: auto;



    max-width: 90%;



    padding: 5%;



}



.gallery-columns-1 .gallery-icon img {



    padding: 3%;



}



/* Navigation */







.site-content nav {



    clear: both;



    line-height: 2;



    overflow: hidden;



}



#nav-above {



    padding: 24px 0;



    padding: 1.714285714rem 0;



}



#nav-above {



    display: none;



}



.paged #nav-above {



    display: block;



}



.nav-previous, .previous-image {



    float: left;



    width: 50%;



}



.nav-next, .next-image {



    float: right;



    text-align: right;



    width: 50%;



}



.nav-single + .comments-area, #comment-nav-above {



    margin: 48px 0;



    margin: 3.428571429rem 0;



}



/* Author profiles */







.author .archive-header {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.author-info {



    border-top: 1px solid #ededed;



    margin: 24px 0;



    margin: 1.714285714rem 0;



    padding-top: 24px;



    padding-top: 1.714285714rem;



    overflow: hidden;



}



.author-description p {



    color: #757575;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



}



.author.archive .author-info {



    border-top: 0;



    margin: 0 0 48px;



    margin: 0 0 3.428571429rem;



}



.author.archive .author-avatar {



    margin-top: 0;



}



/* =Basic structure







-------------------------------------------------------------- */







/* Body, links, basics */







html {



    font-size: 87.5%;



}



body {



    font-size: 14px;



    font-size: 1rem;



    font-family: Helvetica, Arial, sans-serif;



    text-rendering: optimizeLegibility;



    color: #444;



}



body.custom-font-enabled {



    font-family: "Open Sans", Helvetica, Arial, sans-serif;



}



a {



    outline: none;



    color: #21759b;



}

a:focus {

    outline: none;
}	



a:hover {



    color: #0f3647;



}



/* Assistive text */







.assistive-text, .site .screen-reader-text {



    position: absolute !important;



    clip: rect(1px, 1px, 1px, 1px);



    overflow: hidden;



    height: 1px;



    width: 1px;



}



.main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, .site .screen-reader-text:focus {



    background: #fff;



    border: 2px solid #333;



    border-radius: 3px;



    clip: auto !important;



    color: #000;



    display: block;



    font-size: 12px;



    height: auto;



    padding: 12px;



    position: absolute;



    top: 5px;



    left: 5px;



    width: auto;



    z-index: 100000; /* Above WP toolbar */



}



/* Page structure */







.site {



    /*padding: 0 24px;







    padding: 0 1.714285714rem;*/







    background-color: #fff;



    overflow: hidden;



}



.site-content {



    /*margin: 24px 0 0;
    
    
    
    
    
    
    
            margin: 1.714285714rem 0 0;*/







}



.widget-area {



    margin: 24px 0 0;



    margin: 1.714285714rem 0 0;



}



/* Header */







.site-header {



    /*padding: 24px 0;
    
    
    
    
    
    
    
            padding: 1.714285714rem 0;*/







}



.site-header h1, .site-header h2 {



    text-align: center;



}



.site-header h1 a, .site-header h2 a {



    color: #515151;



    display: inline-block;



    text-decoration: none;



}



.site-header h1 a:hover, .site-header h2 a:hover {



    color: #21759b;



}



.site-header h1 {



    font-size: 24px;



    font-size: 1.714285714rem;



    line-height: 1.285714286;



    margin-bottom: 14px;



    margin-bottom: 1rem;



}



.site-header h2 {



    font-weight: normal;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



    color: #757575;



}



.header-image {



    margin-top: 24px;



    margin-top: 1.714285714rem;



}



/* Navigation Menu */







.main-navigation {



    margin-top: 24px;



    margin-top: 1.714285714rem;



    text-align: center;



}



.main-navigation li {



    margin-top: 24px;



    margin-top: 1.714285714rem;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 1.42857143;



}



.main-navigation a {



    color: #5e5e5e;



}



.main-navigation a:hover, .main-navigation a:focus {



    color: #21759b;



}



.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {



    display: none;



}



.main-navigation ul.nav-menu.toggled-on, .menu-toggle {



    display: inline-block;



}



/* Banner */







section[role="banner"] {



    margin-bottom: 48px;



    margin-bottom: 3.428571429rem;



}



/* Sidebar */







.widget-area .widget {



    -webkit-hyphens: auto;



    -moz-hyphens: auto;



    hyphens: auto;



    margin-bottom: 48px;



    margin-bottom: 3.428571429rem;



    word-wrap: break-word;



}



.widget-area .widget h3 {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



}



.widget-area .widget p {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.widget-area .textwidget ul {



    list-style: disc outside;



    margin: 0 0 24px;



    margin: 0 0 1.714285714rem;



}



.widget-area .textwidget li {



    margin-left: 36px;



    margin-left: 2.571428571rem;



}



.widget-area .widget a {



    color: #757575;



}



.widget-area .widget a:hover {



    color: #21759b;



}



.widget-area .widget a:visited {



    color: #9f9f9f;



}



.widget-area #s {



    width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */



}



/* Footer */







footer[role="contentinfo"] {



    /*border-top: 1px solid #ededed;
    
    
    
    
    
    
    
            clear: both;
    
    
    
    
    
    
    
            font-size: 12px;
    
    
    
    
    
    
    
            font-size: 0.857142857rem;
    
    
    
    
    
    
    
            line-height: 2;
    
    
    
    
    
    
    
            max-width: 960px;
    
    
    
    
    
    
    
            max-width: 68.571428571rem;
    
    
    
    
    
    
    
            margin-top: 24px;
    
    
    
    
    
    
    
            margin-top: 1.714285714rem;
    
    
    
    
    
    
    
            margin-left: auto;
    
    
    
    
    
    
    
            margin-right: auto;
    
    
    
    
    
    
    
            padding: 24px 0;
    
    
    
    
    
    
    
            padding: 1.714285714rem 0;*/







}



footer[role="contentinfo"] a {



    color: #686868;



}



footer[role="contentinfo"] a:hover {



    color: #21759b;



}



/* =Main content and comment content







-------------------------------------------------------------- */







.entry-meta {



    clear: both;



}



.entry-header {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.entry-header img.wp-post-image {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.entry-header .entry-title {



    font-size: 20px;



    font-size: 1.428571429rem;



    line-height: 1.2;



    font-weight: normal;



}



.entry-header .entry-title a {



    text-decoration: none;



}



.entry-header .entry-format {



    margin-top: 24px;



    margin-top: 1.714285714rem;



    font-weight: normal;



}



.entry-header .comments-link {



    margin-top: 24px;



    margin-top: 1.714285714rem;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



    color: #757575;



}



.comments-link a, .entry-meta a {



    color: #757575;



}



.comments-link a:hover, .entry-meta a:hover {



    color: #21759b;



}



article.sticky .featured-post {



    border-top: 4px double #ededed;



    border-bottom: 4px double #ededed;



    color: #757575;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 3.692307692;



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



    text-align: center;



}



.entry-content, .entry-summary, .mu_register {



    line-height: 1.714285714;



}



.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {



    margin: 24px 0;



    margin: 1.714285714rem 0;



    line-height: 1.714285714;



}



.entry-content h1, .comment-content h1 {



    font-size: 21px;



    font-size: 1.5rem;



    line-height: 1.5;



}



.entry-content h2, .comment-content h2, .mu_register h2 {



    font-size: 18px;



    font-size: 1.285714286rem;



    line-height: 1.6;



}



.entry-content h3, .comment-content h3 {



    font-size: 16px;



    font-size: 1.142857143rem;



    line-height: 1.846153846;



}



.entry-content h4, .comment-content h4 {



    font-size: 14px;



    font-size: 1rem;



    line-height: 1.846153846;



}



.entry-content h5, .comment-content h5 {



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



}



.entry-content h6, .comment-content h6 {



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 1.846153846;



}



.entry-content p, .entry-summary p, .comment-content p, .mu_register p {



    /*margin: 0 0 24px;
    
    
    
    
    
    
    
            margin: 0 0 1.714285714rem;
    
    
    
    
    
    
    
            line-height: 1.714285714;*/







}



.entry-content a:visited, .comment-content a:visited {



    .color: #9f9f9f;



}



.entry-content .more-link {



    white-space: nowrap;



}



.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {



    margin: 0 0 24px;



    margin: 0 0 1.714285714rem;



    line-height: 1.714285714;



}



.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul {



    margin-bottom: 0;



}



.entry-content ul, .comment-content ul, .mu_register ul {



    list-style: disc outside;



}



.entry-content ol, .comment-content ol {



    list-style: decimal outside;



}



.entry-content li, .comment-content li, .mu_register li {



    margin: 0 0 0 36px;



    margin: 0 0 0 2.571428571rem;



}



.entry-content blockquote, .comment-content blockquote {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



    padding: 24px;



    padding: 1.714285714rem;



    font-style: italic;



}



.entry-content blockquote p:last-child, .comment-content blockquote p:last-child {



    margin-bottom: 0;



}



.entry-content code, .comment-content code {



    font-family: Consolas, Monaco, Lucida Console, monospace;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 2;



}



.entry-content pre, .comment-content pre {



    border: 1px solid #ededed;



    color: #666;



    font-family: Consolas, Monaco, Lucida Console, monospace;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 1.714285714;



    margin: 24px 0;



    margin: 1.714285714rem 0;



    overflow: auto;



    padding: 24px;



    padding: 1.714285714rem;



}



.entry-content pre code, .comment-content pre code {



    display: block;



}



.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym {



    border-bottom: 1px dotted #666;



    cursor: help;



}



.entry-content address, .comment-content address {



    display: block;



    line-height: 1.714285714;



    margin: 0 0 24px;



    margin: 0 0 1.714285714rem;



}



img.alignleft, .wp-caption.alignleft {



    margin: 12px 24px 12px 0;



    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;



}



img.alignright, .wp-caption.alignright {



    margin: 12px 0 12px 24px;



    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;



}



img.aligncenter, .wp-caption.aligncenter {



    clear: both;



    margin-top: 12px;



    margin-top: 0.857142857rem;



    margin-bottom: 12px;



    margin-bottom: 0.857142857rem;



}



.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.entry-content dl, .comment-content dl {



    margin: 0 24px;



    margin: 0 1.714285714rem;



}



.entry-content dt, .comment-content dt {



    font-weight: bold;



    line-height: 1.714285714;



}



.entry-content dd, .comment-content dd {



    line-height: 1.714285714;



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.entry-content table, .comment-content table {



    border-bottom: 1px solid #ededed;



    color: #757575;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 2;



    margin: 0 0 24px;



    margin: 0 0 1.714285714rem;



    width: 100%;



}



.entry-content table caption, .comment-content table caption {



    font-size: 16px;



    font-size: 1.142857143rem;



    margin: 24px 0;



    margin: 1.714285714rem 0;



}



.entry-content td, .comment-content td {



    border-top: 1px solid #ededed;



    padding: 6px 10px 6px 0;



}



.site-content article {



    /*border-bottom: 4px double #ededed;
    
    
    
    
    
    
    
            margin-bottom: 72px;
    
    
    
    
    
    
    
            margin-bottom: 5.142857143rem;
    
    
    
    
    
    
    
            padding-bottom: 24px;
    
    
    
    
    
    
    
            padding-bottom: 1.714285714rem;
    
    
    
    
    
    
    
            word-wrap: break-word;
    
    
    
    
    
    
    
            -webkit-hyphens: auto;
    
    
    
    
    
    
    
            -moz-hyphens: auto;
    
    
    
    
    
    
    
            hyphens: auto;*/







}



.page-links {



    clear: both;



    line-height: 1.714285714;



}



footer.entry-meta {



    margin-top: 24px;



    margin-top: 1.714285714rem;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



    color: #757575;



}



.single-author .entry-meta .by-author {



    display: none;



}



.mu_register h2 {



    color: #757575;



    font-weight: normal;



}



/* =Archives







-------------------------------------------------------------- */







.archive-header, .page-header {



    margin-bottom: 48px;



    margin-bottom: 3.428571429rem;



    padding-bottom: 22px;



    padding-bottom: 1.571428571rem;



    border-bottom: 1px solid #ededed;



}



.archive-meta {



    color: #757575;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 2;



    margin-top: 22px;



    margin-top: 1.571428571rem;



}



/* =Single audio/video attachment view







-------------------------------------------------------------- */







.attachment .entry-content .mejs-audio {



    max-width: 400px;



}



.attachment .entry-content .mejs-container {



    margin-bottom: 24px;



}



/* =Single image attachment view







-------------------------------------------------------------- */







.article.attachment {



    overflow: hidden;



}



.image-attachment div.attachment {



    text-align: center;



}



.image-attachment div.attachment p {



    text-align: center;



}



.image-attachment div.attachment img {



    display: block;



    height: auto;



    margin: 0 auto;



    max-width: 100%;



}



.image-attachment .entry-caption {



    margin-top: 8px;



    margin-top: 0.571428571rem;



}



/* =Aside post format







-------------------------------------------------------------- */







article.format-aside h1 {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



article.format-aside h1 a {



    text-decoration: none;



    color: #4d525a;



}



article.format-aside h1 a:hover {



    color: #2e3542;



}



article.format-aside .aside {



    padding: 24px 24px 0;



    padding: 1.714285714rem;



    background: #d2e0f9;



    border-left: 22px solid #a8bfe8;



}



article.format-aside p {



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



    color: #4a5466;



}



article.format-aside blockquote:last-child, article.format-aside p:last-child {



    margin-bottom: 0;



}



/* =Post formats







-------------------------------------------------------------- */







/* Image posts */







article.format-image footer h1 {



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



    font-weight: normal;



}



article.format-image footer h2 {



    font-size: 11px;



    font-size: 0.785714286rem;



    line-height: 2.181818182;



}



article.format-image footer a h2 {



    font-weight: normal;



}



/* Link posts */







article.format-link header {



    padding: 0 10px;



    padding: 0 0.714285714rem;



    float: right;



    font-size: 11px;



    font-size: 0.785714286rem;



    line-height: 2.181818182;



    font-weight: bold;



    font-style: italic;



    text-transform: uppercase;



    color: #848484;



    background-color: #ebebeb;



    border-radius: 3px;



}



article.format-link .entry-content {



    max-width: 80%;



    float: left;



}



article.format-link .entry-content a {



    font-size: 22px;



    font-size: 1.571428571rem;



    line-height: 1.090909091;



    text-decoration: none;



}



/* Quote posts */







article.format-quote .entry-content p {



    margin: 0;



    padding-bottom: 24px;



    padding-bottom: 1.714285714rem;



}



article.format-quote .entry-content blockquote {



    display: block;



    padding: 24px 24px 0;



    padding: 1.714285714rem 1.714285714rem 0;



    font-size: 15px;



    font-size: 1.071428571rem;



    line-height: 1.6;



    font-style: normal;



    color: #6a6a6a;



    background: #efefef;



}



/* Status posts */







.format-status .entry-header {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



.format-status .entry-header header {



    display: inline-block;



}



.format-status .entry-header h1 {



    font-size: 15px;



    font-size: 1.071428571rem;



    font-weight: normal;



    line-height: 1.6;



    margin: 0;



}



.format-status .entry-header h2 {



    font-size: 12px;



    font-size: 0.857142857rem;



    font-weight: normal;



    line-height: 2;



    margin: 0;



}



.format-status .entry-header header a {



    color: #757575;



}



.format-status .entry-header header a:hover {



    color: #21759b;



}



.format-status .entry-header img {



    float: left;



    margin-right: 21px;



    margin-right: 1.5rem;



}



/* =Comments







-------------------------------------------------------------- */







.comments-title {



    margin-bottom: 48px;



    margin-bottom: 3.428571429rem;



    font-size: 16px;



    font-size: 1.142857143rem;



    line-height: 1.5;



    font-weight: normal;



}



.comments-area article {



    margin: 24px 0;



    margin: 1.714285714rem 0;



}



.comments-area article header {



    margin: 0 0 48px;



    margin: 0 0 3.428571429rem;



    overflow: hidden;



    position: relative;



}



.comments-area article header img {



    float: left;



    padding: 0;



    line-height: 0;



}



.comments-area article header cite, .comments-area article header time {



    display: block;



    margin-left: 85px;



    margin-left: 6.071428571rem;



}



.comments-area article header cite {



    font-style: normal;



    font-size: 15px;



    font-size: 1.071428571rem;



    line-height: 1.42857143;



}



.comments-area cite b {



    font-weight: normal;



}



.comments-area article header time {



    line-height: 1.714285714;



    text-decoration: none;



    font-size: 12px;



    font-size: 0.857142857rem;



    color: #5e5e5e;



}



.comments-area article header a {



    text-decoration: none;



    color: #5e5e5e;



}



.comments-area article header a:hover {



    color: #21759b;



}



.comments-area article header cite a {



    color: #444;



}



.comments-area article header cite a:hover {



    text-decoration: underline;



}



.comments-area article header h4 {



    position: absolute;



    top: 0;



    right: 0;



    padding: 6px 12px;



    padding: 0.428571429rem 0.857142857rem;



    font-size: 12px;



    font-size: 0.857142857rem;



    font-weight: normal;



    color: #fff;



    background-color: #0088d0;



    background-repeat: repeat-x;



    background-image: -moz-linear-gradient(top, #009cee, #0088d0);



    background-image: -ms-linear-gradient(top, #009cee, #0088d0);



    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);



    background-image: -o-linear-gradient(top, #009cee, #0088d0);



    background-image: linear-gradient(top, #009cee, #0088d0);



    border-radius: 3px;



    border: 1px solid #007cbd;



}



.comments-area .bypostauthor cite span {



    position: absolute;



    margin-left: 5px;



    margin-left: 0.357142857rem;



    padding: 2px 5px;



    padding: 0.142857143rem 0.357142857rem;



    font-size: 10px;



    font-size: 0.714285714rem;



}



.comments-area .bypostauthor cite b {



    font-weight: bold;



}



a.comment-reply-link, a.comment-edit-link {



    color: #686868;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



}



a.comment-reply-link:hover, a.comment-edit-link:hover {



    color: #21759b;



}



.commentlist .pingback {



    line-height: 1.714285714;



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



/* Comment form */







#respond {



    margin-top: 48px;



    margin-top: 3.428571429rem;



}



#respond h3#reply-title {



    font-size: 16px;



    font-size: 1.142857143rem;



    line-height: 1.5;



}



#respond h3#reply-title #cancel-comment-reply-link {



    margin-left: 10px;



    margin-left: 0.714285714rem;



    font-weight: normal;



    font-size: 12px;



    font-size: 0.857142857rem;



}



#respond form {



    margin: 24px 0;



    margin: 1.714285714rem 0;



}



#respond form p {



    margin: 11px 0;



    margin: 0.785714286rem 0;



}



#respond form p.logged-in-as {



    margin-bottom: 24px;



    margin-bottom: 1.714285714rem;



}



#respond form label {



    display: block;



    line-height: 1.714285714;



}



#respond form input[type="text"], #respond form textarea {



    -moz-box-sizing: border-box;



    box-sizing: border-box;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 1.714285714;



    padding: 10px;



    padding: 0.714285714rem;



    width: 100%;



}



#respond form p.form-allowed-tags {



    margin: 0;



    font-size: 12px;



    font-size: 0.857142857rem;



    line-height: 2;



    color: #5e5e5e;



}



.required {



    color: red;



}



/* =Front page template







-------------------------------------------------------------- */







.entry-page-image {



    margin-bottom: 14px;



    margin-bottom: 1rem;



}



.template-front-page .site-content article {



    border: 0;



    margin-bottom: 0;



}



.template-front-page .widget-area {



    clear: both;



    float: none;



    width: auto;



    padding-top: 24px;



    padding-top: 1.714285714rem;



    border-top: 1px solid #ededed;



}



.template-front-page .widget-area .widget li {



    margin: 8px 0 0;



    margin: 0.571428571rem 0 0;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.714285714;



    list-style-type: square;



    list-style-position: inside;



}



.template-front-page .widget-area .widget li a {



    color: #757575;



}



.template-front-page .widget-area .widget li a:hover {



    color: #21759b;



}



.template-front-page .widget-area .widget_text img {



    float: left;



    margin: 8px 24px 8px 0;



    margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;



}

.page-template-ebook-promotions-page .snp-submit {
	background: #53aee9 !important;
}



/* =Widgets







-------------------------------------------------------------- */







.widget-area .widget ul ul {



    margin-left: 12px;



    margin-left: 0.857142857rem;



}



.widget_rss li {



    margin: 12px 0;



    margin: 0.857142857rem 0;



}



.widget_recent_entries .post-date, .widget_rss .rss-date {



    color: #aaa;



    font-size: 11px;



    font-size: 0.785714286rem;



    margin-left: 12px;



    margin-left: 0.857142857rem;



}



#wp-calendar {



    margin: 0;



    width: 100%;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



    color: #686868;



}



#wp-calendar th, #wp-calendar td, #wp-calendar caption {



    text-align: left;



}



#wp-calendar #next {



    padding-right: 24px;



    padding-right: 1.714285714rem;



    text-align: right;



}



.widget_search label {



    display: block;



    font-size: 13px;



    font-size: 0.928571429rem;



    line-height: 1.846153846;



}



.widget_twitter li {



    list-style-type: none;



}



.widget_twitter .timesince {



    display: block;



    text-align: right;



}



/* =Plugins







----------------------------------------------- */







img#wpstats {



    display: block;



    margin: 0 auto 24px;



    margin: 0 auto 1.714285714rem;



}







/* =Media queries







-------------------------------------------------------------- */







/* Does the same thing as <meta name="viewport" content="width=device-width">,







 * but in the future W3C standard way. -ms- prefix is required for IE10+ to







 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor







 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.







*/







@-ms-viewport {



    width: device-width;



}



@viewport {



    width: device-width;



}







/* Minimum width of 600 pixels. */







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



    .author-avatar {



        float: left;



        margin-top: 8px;



        margin-top: 0.571428571rem;



    }



    .author-description {



        float: right;



        width: 80%;



    }



    .site {



        margin: 0 auto;



        /*max-width: 960px;







                max-width: 68.571428571rem;*/







        overflow: hidden;



    }

    .site-content {



        /*float: left;
        
        
        
        
        
        
        
                        width: 65.104166667%;*/







    }



    body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content {



        width: 100%;



    }



    .widget-area {



        float: right;



        width: 26.041666667%;



    }



    .site-header h1, .site-header h2 {



        text-align: left;



    }



    .site-header h1 {



        font-size: 26px;



        font-size: 1.857142857rem;



        line-height: 1.846153846;



        margin-bottom: 0;



    }



    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {



        /*border-bottom: 1px solid #ededed;







                border-top: 1px solid #ededed;*/







        display: inline-block !important;



        text-align: left;



        width: 100%;



    }



    .main-navigation ul {



        margin: 0;



        text-indent: 0;



    }



    .main-navigation li a, .main-navigation li {



        display: inline-block;



        text-decoration: none;



    }



    .main-navigation li a {



        border-bottom: 0;



        color: #6a6a6a;



        line-height: 3.692307692;



        text-transform: uppercase;



        white-space: nowrap;



    }



    .main-navigation li a:hover, .main-navigation li a:focus {



        color: #fff;



    }



    .main-navigation li {



        margin: 0 15px 0 0;



        padding: 0 15px 0 0;



        position: relative;



        position: relative;



    }



    .main-navigation li ul {



        margin: 0;



        padding: 0;



        position: absolute;



        top: 98%;



        z-index: 1;



        height: 1px;



        width: 1px;



        overflow: hidden;



        clip: rect(1px, 1px, 1px, 1px);



    }



    .main-navigation li ul ul {



        top: 0;



        left: 100%;



    }



    .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul {



        border-left: 0;



        clip: inherit;



        overflow: inherit;



        height: inherit;



        width: inherit;



    }



    .main-navigation li ul li a {



        background: #efefef;



        border-bottom: 1px solid #ededed;



        display: block;



        font-size: 12px;



        /*font-size: 0.785714286rem;*/







        line-height: 2.181818182;



        padding: 8px 10px;



        padding: 0.571428571rem 0.714285714rem;



        width: 180px;



        width: 12.85714286rem;



        white-space: normal;



    }



    .main-navigation li ul li a:hover, .main-navigation li ul li a:focus {



        background: #e3e3e3;



        color: #444;



    }



    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {



        color: #636363;



        font-weight: bold;



    }



    .menu-toggle {



        display: none;



    }



    .entry-header .entry-title {



        font-size: 22px;



        font-size: 1.571428571rem;



    }



    #respond form input[type="text"] {



        width: 46.333333333%;



    }



    #respond form textarea.blog-textarea {



        width: 79.666666667%;



    }



    .template-front-page .site-content, .template-front-page article {



        overflow: hidden;



    }



    .template-front-page.has-post-thumbnail article {



        float: left;



        width: 47.916666667%;



    }



    .entry-page-image {



        float: right;



        margin-bottom: 0;



        width: 47.916666667%;



    }



    .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets {



        float: left;



        width: 51.875%;



        margin-bottom: 24px;



        margin-bottom: 1.714285714rem;



    }



    .template-front-page .widget-area .widget:nth-child(odd) {



        clear: right;



    }



    .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {



        float: right;



        width: 39.0625%;



        margin: 0 0 24px;



        margin: 0 0 1.714285714rem;



    }



    .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) {



        float: none;



        width: auto;



    }



    .commentlist .children {



        margin-left: 48px;



        margin-left: 3.428571429rem;



    }



}







/* Minimum width of 960 pixels. */







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



    body {



        background-color: #e6e6e6;



    }



    body .site {



        /*padding: 0 40px;
        
        
        
        
        
        
        
                        padding: 0 2.857142857rem;
        
        
        
        
        
        
        
                        margin-top: 48px;
        
        
        
        
        
        
        
                        margin-top: 3.428571429rem;
        
        
        
        
        
        
        
                        margin-bottom: 48px;
        
        
        
        
        
        
        
                        margin-bottom: 3.428571429rem;
        
        
        
        
        
        
        
                        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);*/







    }



    body.custom-background-empty {



        background-color: #fff;



    }



    body.custom-background-empty .site, body.custom-background-white .site {



        padding: 0;



        margin-top: 0;



        margin-bottom: 0;



        box-shadow: none;



    }



}















/* =Print







----------------------------------------------- */







@media print {



    body {



        background: none !important;



        color: #000;



        font-size: 10pt;



    }



    footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after {



        content: " [" attr(href) "] "; /* Show URLs */



    }



    a {



        text-decoration: none;



    }



    .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image {



        border-radius: 0;



        box-shadow: none;



    }



    .site {



        clear: both !important;



        display: block !important;



        float: none !important;



        max-width: 100%;



        position: relative !important;



    }



    .site-header {



        margin-bottom: 72px;



        margin-bottom: 5.142857143rem;



        text-align: left;



    }



    .site-header h1 {



        font-size: 21pt;



        line-height: 1;



        text-align: left;



    }



    .site-header h2 {



        color: #000;



        font-size: 10pt;



        text-align: left;



    }



    2 .site-header h1 a, .site-header h2 a {



        color: #000;



    }



    .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation {



        display: none;



    }



    .wrapper {



        border-top: none;



        box-shadow: none;



    }



    .site-content {



        margin: 0;



        width: auto;



    }



    .entry-header .entry-title, .entry-title {



        font-size: 21pt;



    }



    footer.entry-meta, footer.entry-meta a {



        color: #444;



        font-size: 10pt;



    }



    .author-description {



        float: none;



        width: auto;



    }



    /* Comments */







    .commentlist > li.comment {



        background: none;



        position: relative;



        width: auto;



    }



    .commentlist .avatar {



        height: 39px;



        left: 2.2em;



        top: 2.2em;



        width: 39px;



    }



    .comments-area article header cite, .comments-area article header time {



        margin-left: 50px;



        margin-left: 3.57142857rem;



    }



}







/*----------------------------custom query 1023px------------------------------*/







@media only screen and (min-width: 1024px) and (max-width: 1199px) {



    .ndm-about .ndm-about-1 p {



        margin-bottom: 10px;



    }



    .ndm-about .ndm-about-1 h1 {



        margin: 5px 0



    }



    .ndm-content-subscripion .fm-ftr-hdng-txt h4 {



        font-size: 15px;



        line-height: 20px;



    }



    .fm-wth-for {



        clear: both



    }



    .mb_view_programs {



        float: left



    }



    #newsletters-4-fields {



        width: 62% !important



    }



    #newsletters-4-submit {



        width: 38% !important



    }



    .fm-ftr-eml-log img {



        width: auto



    }



    /**top bar right**/







    .frank-top-bar .container .frank-socil-nav-left {



        width: 45% !important;



    }



    .frank-socil-nav-right {



        width: 35% !important



    }



    .fm-pro-pdst-clr {



        padding: 2px 13px !important;



    }



    .fm-pro-pst-hd-img {



        font-size: 24px !important;



        margin-bottom: 33px !important;



        float: left;



        width: 100%;



    }



    .fm-pro-sec-tb > ul {



        padding: 0 7px !important;



        float: left;



    }



    .fm-pro-tstimls .fm-tstiml {



        background-position: 28px !important;



    }



    .fm-pro-tstml-img {



        height: 194px !important;



        overflow: hidden;



        margin-bottom: 27px;



    }



    .fm-pro-tstimls {



        height: 498px !important;



        overflow: hidden;



    }



    .fm-wth-one, .fm-wth-two, .fm-wth-thre, .fm-wth-for, .fm-wth-fiv {



        float: left;



        width: 29% !important;



        margin: 16px;



    }



    .fm-pro-week-imgg {



        height: 288px !important;



        position: relative;



    }



    .pm-pro-week-vgn-litxt {



        float: left !important;



        width: 85% !important;



    }



    .fm-pro-pg-updt-anchr a, .fm-pro-cltn-bund-btn a {



        float: right !important;



    }



}







/*----------------------------custom query 768px------------------------------*/







@media only screen and (min-width: 768px) and (max-width: 1023px) {



    .mb_bolg_title_wrpr h1 {



        height: 59px;



    }



    .post-program .fm-pro-cltn-bund a img {



        width: 100% !important;



    }



    .frank-top-bar .container {



        padding: 0 6px;



    }



    .ndm-about .ndm-about-1 p {



        margin-bottom: 10px;



    }



    .ndm-medicin {



        padding: 4px 0;



    }



    .frank-lettr {



        margin: 0 0px 0 0 !important;



    }



    .ndm-about .ndm-about-1 h1 {



        margin: 7px 0



    }



    .ndm-content-video {



        height: 283px !important;



        position: relative;



    }



    .ndm-about {



        padding: 13px 0px 0px 0px;



    }



    .ndm-product-2 {



        margin-top: 32px;



        padding: 0;



    }



    .ndm-body-weight-2.pull-right {



        padding: 0 2px;



    }



    .ndm-medicin-2 h1 {



        font-size: 16px !important;



        line-height: 18px !important;



        margin-bottom: 3px !important;



        margin-top: 5px !important;



    }



    .ndm-medicin {



        background: rgba(0, 0, 0, 0) url("./img/mid-banner.jpg") no-repeat scroll 0 0 / 100%;



    }



    .ndm-medicin-2 .ndm-btn-success {



        font-size: 15px;



        padding: 1px 19px;



        text-decoration: none !important;



    }



    .ndm-medicin-2 p {



        color: #fff;



        margin-bottom: 1px;



        text-align: center;



        font-size: 13px;



    }



    .post-progrm-wrpr .fm-pro-pdst-clr {



        float: left;



        font-size: 15px;



        padding: 0 9px 15px;



        text-align: center;



        width: 100%;



        height: 508px;



        position: relative;



    }



    .post-program .fm-pro-pst-btn {



        bottom: 7px;



        left: 0;



        margin: 10px !important;



        position: absolute;



        width: 91% !important;



        font-size: 13px;



    }



    .fm-pro-sec-tb > ul {



        padding: 0 5px !important;



    }



    .fm-pro-sec-tb {



        float: left;



        height: 643px;



    }



    .fm-pro-tstimls .fm-tstiml {



        background-position: 0 center !important;



    }



    .fm-pro-tstml-img {



        height: 143px !important;



        margin-bottom: 27px !important;



        overflow: hidden !important;



    }



    .fm-pro-tstimls .fm-pro-tstml-txt {



        font-size: 16px !important;



        height: 286px !important;



        overflow: hidden;



    }



    .fm-abt-us-pg-ifrme-sec h3 {



        font-size: 40px;



    }



    body .post-progrm-wrpr .fm-pro-sec-tb li {



        color: #fff;



        font-size: 13px;



        line-height: 16px;



        list-style: outside none none;



        margin: 10px 0;



        text-align: left;



    }



    .fm-pro-pst-hd-img {



        background-position: 1px 0 !important;



        color: #fff;



        font-family: "RobotoRegular" !important;



        font-size: 17px !important;



        font-weight: bold;



        height: 30px;



        margin: -2px 6px 5px 0;



    }



    .fm-pro-sec-tb {



        float: left;



        height: 447px;



    }



    .fm-wth-one, .fm-wth-two, .fm-wth-thre, .fm-wth-for, .fm-wth-fiv {



        float: left !important;



        margin: 10px;



        width: 30% !important;



    }



    .fm-progrm-page h1 {



        font-family: "RobotoLight";



        font-size: 40px !important;



    }



    .fm-pro-week-imgg {



        height: 218px;



        position: relative;



    }



    .pm-pro-week-vgn-litxt {



        position: relative;



    }



    .fm-pro-cltn-bund-txt {



        bottom: 56px !important;



        position: absolute;



    }



    /*------------------------25-12-15-------------------------------*/	







    span#newsletters_buttonwrap.glyphicon-menu-right::before {



        left: 80px;



        top: 16px;



    }



    .ndm-content-subscripion .fm-ftr-hdng-txt h4 {



        font-size: 19px !important;



        line-height: 36px !important;



    }



    .fm-mtivtn-vdos .entry-content > h1 {



        font-size: 18px;



        line-height: 21px;



        min-height: 63px;



    }



    /*------------------------23-12-15-------------------------------*/	







    .frank-socil-nav-left .social-count-plus .circle .count-facebook a {



        background: rgba(0, 0, 0, 0) url("./images/fb.png") no-repeat scroll 4px 0 !important;



        display: block;



        float: left;



        position: relative;



        top: 3px;



        width: 12%;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-youtube a {



        background: rgba(0, 0, 0, 0) url("./images/tv.png") no-repeat scroll -2px 0 !important;



        display: block;



        float: left;



        padding-left: 17px !important;



        position: relative;



        top: 3px;



        width: 12%;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-instagram a {



        background: rgba(0, 0, 0, 0) url("./images/insta.png") no-repeat scroll 0px 4px !important;



        display: block;



        float: left;



        padding-left: 10px !important;



        position: relative;



        top: 2px;



        width: 12%;



    }



    .#socialcountplus-3 .social-count-plus .items {



        left:3px;



    }



    .ndm-content-package .ndm-package-1 h1 {



        font-family: "RobotoBlack";



        font-size: 35px;



        line-height: 31px;



        margin: 0;



        padding: 8px;



        text-align: center;



    }



    .ndm-default-page blockquote h1 {



        color: #4eadec;



        font-size: 36px;



        text-align: center



    }



    .post-sidebar {



        padding: 9px !important;



        text-align: center;



    }



    #newsletters-4 .newsletters-form, #newsletters-4-fields #wpml-newsletters-4email, .newsletters-fieldholder {



        margin: 0 !important



    }



    footer .ndm-content-subscripion .fm-ftr-excrs-txt h4, .fm-ftr-excrs-txt h4 {



        font-size: 16px !important;



    }



    .ndm-footer-subscrip-2, .ndm-footer-subscrip-1 {



        margin-left: 28px;



    }



    .fm-frt-body-text .fm-ftr-scs-strs a {



        font-size: 14px;



    }



    #socialcountplus-3 .social-count-plus li {



        float: left;



        margin: 0;



        padding: 0;



        text-align: right !important;



        width: 33%;



        color: #fff;



    }



    .social-count-plus .circle a {



        height: 30px !important;



        width: 19px !important;



    }



    .ndm-logo-wraper .ndm-logo {



        padding: 0px 18px 1px 11px !important;



    }



    .site-header h1 {



        font-size: 18px !important;



        line-height: 35px;



        margin-bottom: 0;



    }



    .main-navigation li {



        margin: 0px 2px 0px 0px;



        position: relative;



    }



    .ndm-banner-2 {



        position: relative;



        bottom: 0px;



    }



    .ndm-banner-1 h1 {



        font-size: 33px !important;



        line-height: 34px !important;



    }



    .ndm-banner .ndm-banner-3 h1 {



        color: #4eadec;



        font-size: 20px;



        line-height: 28px;



    }



    .ndm-banner .ndm-banner-3 ul li {



        margin: 0;



        font-size: 18px;



        line-height: 22px;



    }



    .ndm-content-subscripion .fm-ftr-hdng-txt h4 {



        font-family: "RobotoRegular";



        font-size: 18px;



        margin: 0;



        line-height: 38px;



    }



    .ndm-content-subscripion .fm-ftr-eml-log {



        padding: 0px 4px 0 31px;



    }



    .ndm-subscription-wrapper .fm-emaal-sbcreb {



        margin-top: 0;



    }



    #newsletters-4-submit #newsletters-4-button {



        font-size: 12px;



        padding: 14px 21px 12px 13px;



    }



    .ndm-subscription-wrapper {



        width: 97%;



    }



    .ndm-content-package .col-md-2 {



        width: 49.667% !important;



        padding: 9px;



        text-align: center



    }



    .col-md-2.col-sm-2.col-xs-12.ndm-package-1 {



        text-align: center



    }



    .ndm-content-package .ndm-package-1 img {



        width: 61% !important;



        height: 199px



    }



    .ndm-content-package .col-md-2.col-sm-2 col-xs-12.ndm-package-5 {



        width: 100% !important;



    }



    .ndm-content-product .ndm-product-1 h1 {



        font-size: 17px;



        line-height: 19px;



        margin-top: 41px;



        text-align: right;



    }



    .ndm-product-2 .ndm-wo-product-1 img {



        height: auto;



    }



    .ndm-content-product .ndm-product-3 h1 {



        font-family: RobotoBlack;



        font-size: 19px;



        line-height: 15px;



        margin-bottom: 0;



        margin-top: 56px;



        text-align: right;



    }



    .ndm-btn-success2 {



        border: 2px solid #7fc740;



        border-radius: 5px;



        font-size: 10px;



        color: #000;



        padding: 0 2px;



        text-decoration: none !important;



    }



    .ndm-body-weight .ndm-body-weight-1 p {



        color: #fff;



        font-size: 14px;



        line-height: 19px;



    }



    .ndm-body-weight .ndm-body-weight-3 h1 {



        color: #fff;



        font-size: 18px;



        line-height: 25px;



        margin-top: 0;



    }



    .ndm-body-weight .ndm-body-weight-3 .ndm-btn-success {



        padding: 6px 8px;



    }



    .ndm-medicin-2 h1 {



        line-height: 25px;



        margin-top: 0;



        margin-bottom: 3px;



    }



    .ndm-about .ndm-about-1 h1 {



        color: #fff;



        font-family: "RobotoRegular";



        font-size: 21px;



        text-align: center;



        margin: 8px 5px;



    }



    .ndm-about .ndm-about-1 p {



        color: #fff;



        margin-bottom: 9px;



        text-align: center;



        line-height: 17px;



        font-size: 16px;



    }



    .ndm-content-package-just-baner .ndm-package-5 {



        display: table;



        float: none;



        margin: 0 auto;



        padding: 29px 0 2px;



        text-align: center



    }



    li.count-instagram {



        width: 121px !important;



    }



    li.count-youtube {



        width: 148px !important;



    }



    li.count-facebook {



        width: 91px !important;



    }



    .fm-abt-us-pg-ifrme-sec h3 {



        font-size: 40px !important;



    }



    .menu-item-has-children {



        margin-right: 15px !important;



    }



    .main-navigation li {



        padding: 0px 13px 0px 0px;



    }



}







/*----------------------------custom query 480px------------------------------*/







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



    .post-program .fm-pro-tstimls {



        height: 494px !important;



    }



    .ndm-content-video {



        height: 185px;



        position: relative;



    }



    body .fm-pro-pst-hd-img {



        background-position: 58px 4px !important;



    }



    /*------------------------25-12-15-------------------------------*/	







    .ndm-footer-subscription .fm-emaal-sbcreb {



        width: 80%;



    }



    .fm-footer .ndm-footer-subscrip-2 {



        padding: 6px 9px 16px;



    }



    footer .ndm-footer-subscrip-2 .fm-ftr-excrs-txt h4 {



        font-size: 25px !important;



        text-align: center;



    }



    .ndm-medicin .ndm-body-weight-2 div {



        width: 49%;



    }



    /*.ndm-body-weight-2 div{margin: 10px;width: 45.33% !important;}*/







    .ndm-body-weight .ndm-body-weight-2 div, .fm-frt-body-text .fm-ftr-pics {



        margin: 10px;



        width: 43.33% !important;



    }



    .ndm-body-weight .ndm-body-weight-2 div:last-child, .fm-frt-body-text .fm-ftr-pics:nth-child(4) {



        width: 100% !important;



        text-align: center;



    }



    .ndm-body-weight .ndm-body-weight-2 div:last-child img, .fm-frt-body-text .fm-ftr-pics:nth-child(4) img {



        width: auto !important;



    }



    .mb_prdct_details h1 {



        font-size: 22px;



        line-height: 30px;



        margin-top: 8px;



        padding-bottom: 15px;



        text-align: center;



    }



    .frank-socil-nav-right .menu {



        float: left;



        margin-top: 13px;



        text-align: center;



        width: 100%;



    }



    .mb_read_mre_lnks {



        float: none !important;



        margin: 21px auto !important;



    }



    /*------------------------23-12-15-------------------------------*/		







    .fm-mtivtn-vdos {



        text-align: center;



    }



    .frank-socil-nav-right .menu li {



        margin-right: 4px;



    }



    .ndm-footer-subscrip-2, .ndm-footer-subscrip-1 {



        margin-left: 0;



    }



    .fm-abt-pg-ssbcrb-style {



        font-family: Verdana;



        font-size: 12px;



        font-weight: bolder;



        padding: 0px;



    }



    /*------------------------new -------------------------------*/	







    .ndm-banner-1 h1 {



        color: #7fc740;



        font-family: "RobotoRegular", sans-serif;



        font-size: 49px !important;



        line-height: 47px !important;



        margin-bottom: 39px !important;



        text-align: center;



    }



    .ndm-banner-2 {



        position: relative;



        bottom: 0;



        text-align: center;



        top: 25px



    }



    .ndm-banner-1 p {



        text-align: center;



    }



    .ndm-banner-1 a.ndm-btn-success {



        float: none !important;



    }



    .ndm-banner .ndm-banner-3 h1 {



        color: #4eadec;



        font-size: 27px;



        line-height: 34px;



        text-align: center;



    }



    .ndm-banner .ndm-banner-3 ul {



        list-style: none;



        text-align: center;



    }



    .ndm-banner {



        padding-bottom: 37px !important;



    }



    .ndm-content-subscripion .fm-ftr-hdng-txt h4 {



        font-family: "RobotoRegular";



        font-size: 24px;



        margin: 15px;



        text-align: center;



        line-height: 25px;



    }



    #newsletters-4-submit #newsletters-4-button {



        background: #000 none repeat scroll 0 0;



        border: medium none;



        border-radius: 0 5px 5px 0;



        cursor: pointer;



        font-size: 12px;



        margin: 0;



        padding: 14px 32px 12px 9px;



        text-align: center;



        text-decoration: none !important;



        color: #50AEE5;



    }



    .ndm-subscription-wrapper {



        width: 100%;



        margin: 0;



        float: none;



        height: 150px;



    }



    .ndm-content-package .col-md-2 {



        width: 100% !important;



        padding: 17px;



        text-align: center;



    }



    .ndm-content-package {



        text-align: center;



    }



    .ndm-product-2 .ndm-wo-product-1 {



        padding: 0;



        text-align: center;



    }



    .ndm-product-2 .ndm-wo-product-1 img {



        height: auto;



        margin-bottom: 30px



    }



    .ndm-content-product .ndm-product-3 h1 {



        text-align: center;



    }



    .ndm-btn-success2.pull-right {



        float: none !important;



    }



    .ndm-content-product .ndm-product-1 h1 {



        margin-top: 88px;



        text-align: center;



    }



    .ndm-banner-3 p {



        text-align: center;



    }



    .ndm-logo-description .site-title {



        margin: 3px;



    }



    #socialcountplus-3 .social-count-plus li {



        width: 32%;



    }



    .ndm-frank-main-menu .menu-toggle, .ndm-frank-main-menu .menu-toggle.toggled-on {



        background: #696566 none repeat scroll 0 0;



        border: medium none;



        box-shadow: none;



        color: white;



        font-size: 11px;



        position: absolute;



        right: 10px;



        text-shadow: 0 2px 3px #000;



        top: -40px;



        width: 14%



    }



    .ndm-logo-wraper .ndm-logo {



        padding: 0 25px 0 0 !important;



    }



    .ndm-frank-main-menu {



        padding: 0;



    }



    .ndm-frank-main-menu .main-navigation {



        margin-top: 10px;



        width: 100%;



    }



    .ndm-frank-main-menu .menu-toggle:hover, .ndm-frank-main-menu .menu-toggle.toggled-on:hover {



        color: #fff;



    }



    .ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation {



        float: right;



        margin-top: 9px;



    }



    .ndm-frank-menu-wraper .ndm-logo-wraper, .ndm-frank-menu-wraper .ndm-logo-wraper div {



        padding: 0 7px;



    }



    .ndm-logo-description .site-title {



        margin: 3px;



        text-align: center;



    }



    .ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation .menu-main-menu {



        width: 100%



    }



    .ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation li {



        border-bottom: 1px dotted;



        font-size: 0.857143rem;



        line-height: 1.42857;



        margin-top: 0;



        padding: 13px 1px;



        width: 100%;



    }



    .ndm-frank-menu-wraper .main-navigation li ul li a {



        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;



        display: block;



        font-size: 0.786rem;



        line-height: 2.182;



        margin: 0;



        padding: 0;



        width: 100%;



    }



    .ndm-frank-menu-wraper .main-navigation li ul li {



        margin: 0 !important;



    }



    .ndm-frank-menu-wraper .main-navigation ul.nav-menu.toggled-on, .menu-toggle {



        width: 100%;



    }



    .ndm-frank-menu-wraper .main-navigation ul.sub-menu {



        display: none;



        width: 100%;



        background: #333;



    }



    .ndm-frank-menu-wraper .main-navigation ul.nav-menu li:hover ul.sub-menu {



        display: block;



    }



    .frank-socil-nav-right .menu li {



        margin-right: 0px;



    }



    /*******************************************header css start form here*********************************************/







    #socialcountplus-3 .social-count-plus .items {



        position: relative;



        top: 6px;



        width: 62% !important;



    }



    div.row.no-mrgn.frank-top-bar .container {



        padding: 1px 5px 15px 3px !important;



    }



    .frank-top-bar #socialcountplus-3 .count-instagram a {



        height: 25px !important;



        padding: 0 !important;



        width: 21px !important;



    }



    .frank-top-bar #socialcountplus-3 .count-facebook a {



        height: 25px !important;



        width: 11px !important;



        padding: 0 !important



    }



    .frank-top-bar #socialcountplus-3 .count-youtube a {



        height: 25px !important;



        width: 21px !important;



        height: 25px !important;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-instagram a {



        background: rgba(0, 0, 0, 0) url("./images/insta.png") no-repeat scroll 0 4px !important;



        height: 24px !important;



        padding-left: 0px !important;



        display: block;



        float: left;



        width: 25px !important;



    }



    /*******************************************header css end here*********************************************/	







    /***************************home page css start********************************************************/







    .ndm-body-weight {



        padding: 33px 0;



        text-align: center;



    }



    .ndm-body-weight .ndm-body-weight-3 .ndm-btn-success {



        float: none !important;



    }



    .ndm-medicin {



        padding: 25px 0;



        background: #000;



        text-align: center;



    }



    .ndm-medicin .ndm-btn-success.pull-left {



        float: none !important;



    }



    .ndm-content-product .ndm-product-3 ul {



        display: block;



        list-style: none;



        margin-bottom: 0;



        text-align: center



    }



    /****************************************home page css end***************************************/







    .ndm-frank-menu-wrapper .container {



        padding: 0;



    }



    .ndm-content-package .ndm-package-1 img {



        width: auto !important;



        height: auto;



    }



    .ndm-content-package .col-md-2 img {



        width: auto !important;



    }



    .ndm-product-3 ul li img {



        width: auto;



    }



    .ndm-btn-success2 {



        position: relative;



    }



    .nav-menu li.menu-item-has-children.glyphicon-menu-down::before {



        right: 23px;



    }



    .fm-ftr-excrs-txt h4 {



        font-size: 20px !important;



        text-align: center;



    }



    .footer-subs-logo {



        text-align: center;



        width: 20%;



    }



    .frank-socil-nav-left {



        float: none;



        margin: 0 auto;



        width: 91.66% !important;



    }



    .ndm-default-page blockquote h1 {



        color: #4eadec;



        font-size: 36px;



        text-align: center;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-youtube a {



        background: rgba(0, 0, 0, 0) url("./images/tv.png") no-repeat scroll -2px 3px !important;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-facebook a {



        background: rgba(0, 0, 0, 0) url("./images/fb.png") no-repeat scroll -1px 3px !important;



    }



    .ndm-medicin-2 .ndm-btn-success {



        padding: 4px 16px;



    }



    .frank-socil-nav-left .social-count-plus ul {



        display: table;



        float: none !important;



        margin: 0 auto;



        text-align: center !important;



    }



    li.count-instagram {



        padding-left: 15px !important;



    }



    .fm-pro-cltn-bund-btn a {



        background: #81c549 none repeat scroll 0 0;



        border-radius: 5px;



        color: #fff;



        float: right !important;



        margin: 10px 0 !important;



        padding: 10px !important;



    }



    .fm-pro-cltn-bund-txt {



        bottom: 0 !important;



    }



    .fm-pro-cltn-bund-txt > p {



        line-height: 16px !important;



        margin: 0 0 10px !important;



    }



    .pm-pro-week-vgn-litxt h1 {



        width: 65%



    }



    .fm-pro-pg-updt-anchr a {



        float: right !important



    }



    .fm-pro-pg-updt-anchr {



        bottom: 0px !important;



    }



    .fm-pro-week-imgg {



        height: auto !important;



    }



}







/*----------------------------custom query 320px------------------------------*/







@media only screen and (min-width: 320px) and (max-width: 479px) {



    .frank-socil-nav-right .menu {



        padding: 0 !important;



    }



    .post-program .fm-pro-tstimls {



        height: 500px;



    }



    body .fm-pro-tstimls .fm-tstiml {



        background-position: 40px !important;



    }



    .ndm-content-video {



        height: 137px;



        position: relative;



    }



    /*----------------------------25-12-15-----------------------------*/







    .menu-top-bar-right-menu-container li a {



        font-size: 13px;



    }



    .ndm-logo-description .site-title {



        margin: 3px;



        text-align: center;



        font-size: 18px !important;



    }



    .ndm-content-video .button-vidro h1 {



        color: #fff;



        font-family: "RobotoBlack";



        font-size: 41px;



        line-height: 39px;



        margin-top: 8rem;



    }



    .mb_prdct_details h1 {



        font-size: 22px;



        line-height: 30px;



        margin-top: 8px;



        padding-bottom: 15px;



        text-align: center;



    }



    .mb_read_mre_lnks {



        float: none !important;



        margin: 21px auto !important;



    }



    /*----------------------------23-12-15-----------------------------*/	















    .ndm-default-page blockquote h1 {



        color: #4eadec;



        font-size: 36px;



        text-align: center



    }



    .fm-abt-pg-ssbcrb-style {



        font-size: 12px !important;



        font-weight: bolder;



    }



    .fm-mtivtn-vdos {



        text-align: center;



    }



    footer .ndm-content-subscripion .fm-ftr-excrs-txt h4, .fm-ftr-excrs-txt h4 {



        font-size: 19px !important;



        text-align: center;



    }



    .footer-subs-logo {



        text-align: center;



    }



    .ndm-logo-wraper .ndm-logo {



        padding: 0 0px 0 0 !important;



    }



    .nav-menu li.menu-item-has-children.glyphicon-menu-down::before {



        right: 23px;



    }



    .ndm-footer-subscrip-2, .ndm-footer-subscrip-1 {



        margin-left: 0;



    }



    /*------------------------new -------------------------------*/	







    .ndm-banner-1 h1 {



        color: #7fc740;



        font-family: "RobotoRegular", sans-serif;



        font-size: 49px !important;



        line-height: 47px !important;



        margin-bottom: 39px !important;



        text-align: center;



    }



    .ndm-banner-2 {



        position: relative;



        bottom: 0;



        top: 25px



    }



    .ndm-banner-1 p {



        text-align: center;



    }



    .ndm-banner-1 a.ndm-btn-success {



        float: none !important;



    }



    .ndm-banner .ndm-banner-3 h1 {



        color: #4eadec;



        font-size: 27px;



        line-height: 34px;



        text-align: center;



    }



    .ndm-banner .ndm-banner-3 ul {



        list-style: none;



        text-align: center;



    }



    .ndm-banner {



        padding-bottom: 37px !important;



    }



    .ndm-content-subscripion .fm-ftr-hdng-txt h4 {



        font-family: "RobotoRegular";



        font-size: 20px !important;



        margin: 15px;



        text-align: center;



        line-height: 22px;



    }



    #newsletters-4-submit #newsletters-4-button {



        background: #000 none repeat scroll 0 0;



        border: medium none;



        border-radius: 0 5px 5px 0;



        cursor: pointer;



        font-size: 12px;



        margin: 0;



        padding: 14px 24px 12px 5px;



        text-align: center;



        text-decoration: none !important;



        color: #50AEE5;



    }



    .ndm-subscription-wrapper {



        width: 100%;



        margin: 0;



        float: none;



        height: 192px;



    }



    .ndm-content-package .col-md-2 {



        width: 100% !important;



        padding: 17px;



        text-align: center;



    }



    .ndm-btn-success2 {



        position: relative;



    }



    .ndm-content-package {



        text-align: center;



    }



    .ndm-product-2 .ndm-wo-product-1 {



        padding: 0;



        text-align: center;



    }



    .ndm-product-2 .ndm-wo-product-1 img {



        height: auto;



        margin-bottom: 30px



    }



    .ndm-content-product .ndm-product-3 h1 {



        text-align: center;



    }



    .ndm-btn-success2.pull-right {



        float: none !important;



    }



    .ndm-content-product .ndm-product-1 h1 {



        margin-top: 88px;



        text-align: center;



    }



    .ndm-banner-3 p {



        text-align: center;



    }



    .ndm-logo-description .site-title {



        margin: 3px;



    }



    #socialcountplus-3 .social-count-plus li {



        width: 32%;



    }



    .ndm-frank-main-menu .menu-toggle, .ndm-frank-main-menu .menu-toggle.toggled-on {



        background: #696566 none repeat scroll 0 0;



        border: medium none;



        border-radius: 3px;



        box-shadow: none;



        color: white;



        font-size: 11px;



        position: absolute;



        right: -7px;



        text-shadow: 0 2px 3px #000;



        top: -35px;



        width: 16%;



    }



    .ndm-frank-main-menu {



        padding: 0;



    }



    .ndm-frank-main-menu .main-navigation {



        margin-top: 10px;



        width: 100%;



    }



    .ndm-frank-main-menu .menu-toggle:hover, .ndm-frank-main-menu .menu-toggle.toggled-on:hover {



        color: #fff;



    }



    .ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation {



        float: right;



        margin-top: 9px;



    }



    .ndm-frank-menu-wraper .ndm-logo-wraper, .ndm-frank-menu-wraper .ndm-logo-wraper div {



        padding: 0 7px;



    }



    .ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation .menu-main-menu {



        width: 100%



    }



    .ndm-frank-menu-wraper .ndm-frank-main-menu .main-navigation li {



        border-bottom: 1px dotted;



        font-size: 0.857143rem;



        line-height: 1.42857;



        margin-top: 0;



        padding: 13px 1px;



        width: 100%;



    }



    .ndm-frank-menu-wraper .main-navigation li ul li a {



        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;



        display: block;



        font-size: 0.786rem;



        line-height: 2.182;



        margin: 0;



        padding: 0;



        width: 100%;



    }



    .ndm-frank-menu-wraper .main-navigation li ul li {



        margin: 0 !important;



    }



    .ndm-frank-menu-wraper .main-navigation ul.nav-menu.toggled-on, .menu-toggle {



        width: 100%;



    }



    .ndm-frank-menu-wraper .main-navigation ul.sub-menu {



        display: none;



        width: 100%;



        background: #333;



    }



    .ndm-frank-menu-wraper .main-navigation ul.nav-menu li:hover ul.sub-menu {



        display: block;



    }



    .frank-socil-nav-right .menu li {



        margin-right: 8px;



    }



    /*******************************************header css start form here*********************************************/







    #socialcountplus-3 .social-count-plus .items {



        position: relative;



        top: 6px;



        width: 76% !important;



    }



    div.row.no-mrgn.frank-top-bar .container {



        padding: 1px 0px 16px 3px !important;



    }



    .frank-top-bar #socialcountplus-3 .count-instagram a {



        height: 25px !important;



        padding: 0 !important;



        width: 21px !important;



    }



    .frank-top-bar #socialcountplus-3 .count-facebook a {



        height: 25px !important;



        width: 11px !important;



        padding: 0 !important



    }



    .frank-top-bar #socialcountplus-3 .count-youtube a {



        height: 25px !important;



        width: 21px !important;



        height: 25px !important;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-instagram a {



        background: rgba(0, 0, 0, 0) url("./images/insta.png") no-repeat scroll 0 4px !important;



        height: 24px !important;



        padding-left: 0px !important;



        display: block;



        float: left;



        width: 25px !important;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-youtube a {



        background: rgba(0, 0, 0, 0) url("./images/tv.png") no-repeat scroll 0 3px !important;



    }



    .frank-socil-nav-left .social-count-plus .circle .count-facebook a {



        background: rgba(0, 0, 0, 0) url("./images/fb.png") no-repeat scroll -1px 3px !important



    }



    .circle .items .label, .circle .items .count {



        padding: 0 1px 14px 13px;



    }



    #socialcountplus-3 .social-count-plus .items {



        width: 16% !important;



    }



    li.count-facebook {



        width: 81px !important;



    }



    li.count-youtube {



        width: 105px !important;



    }



    li.count-instagram {



        width: 99px !important;



    }



    /*******************************************header css end here*********************************************/	







    /***************************home page css start********************************************************/







    .ndm-body-weight {



        padding: 33px 0;



        text-align: center;



    }



    .ndm-body-weight .ndm-body-weight-3 .ndm-btn-success {



        float: none !important;



    }



    .ndm-medicin {



        padding: 25px 0;



        background: #000;



        text-align: center;



    }



    .ndm-medicin .ndm-btn-success.pull-left {



        float: none !important;



    }



    .ndm-content-product .ndm-product-3 ul {



        display: block;



        list-style: none;



        margin-bottom: 0;



        text-align: center



    }



    /****************************************home page css end***************************************/







    .ndm-logo-wraper .ndm-logo img {



        max-width: 100%;



    }



}



@media only screen and (min-width: 360px) and (max-width: 479px) {



    .ndm-logo-description .site-title {



        font-size: 23px !important;



        margin-top: 14px;



    }



    .ndm-logo-wraper .ndm-logo {



        padding: 0 !important;



    }



    .ndm-logo {



        margin-top: 28px;



    }



    .ndm-logo-wraper .ndm-logo img {



        max-width: 100%;



    }



}



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



    #site-navigation .menu-toggle, #site-navigation .nav-menu.toggled-on {



        display: block !important



    }



    #site-navigation .nav-menu {



        display: none !important



    }



}



@media only screen and (min-width: 960px)and (max-width:1023px) {



    .ndm-banner-2 {



        bottom: -15px !important;



    }



}



.home .ndm-content-package-just-baner {

    background-color:#000;

}

.home .ndm-content-product{

    background: #fff !important;



}
/*.......... added new css................*/

.entry-content td, .comment-content td {
    border-top: none !important;
}
.swpm-join-us-link, .swpm-profile-membership-level-row {
    display: none !important;
}
.swpm-pw-reset-submit, .swpm-edit-profile-submit, .swpm-login-form-submit {
    background: #000000 none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 7px 28px !important;
    margin-top: 10px;
}
.member_profile {
    border: 1px dotted #ccc;
    margin: 0 auto;
    padding: 10px 50px;
    width: 70%;
    margin-top:30px;
}
.member_profile h1 {
    color: #7fc740;
    font-size:24px;
    font-weight: bold;
    border-bottom: 1px solid #7fc740;
    padding-bottom: 10px;
}
.entry-content table, .comment-content table {
    border-bottom:none !important;
}
.swpm-reset-pw-success, .updated {
    text-align: center;
    margin-top: 10px;
    color: #7fc740;
    font-size: 20px;
}
.password_reset{
    border: 1px dotted #ccc;
    margin: 0 auto;
    padding: 20px 30px;
    width: 50%;
    margin-top:30px;
}
.password_reset h1 {
    color: #7fc740;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 1px solid #7fc740;
    padding-bottom: 10px;
}
.swpm-reset-pw-error {
    text-align: center;
    margin-top: 20px;
    color: red;
    font-size: 20px;
}
.swpm-reset-pw-success-email {
    text-align: center;
}
.thank_you {
    border: 1px dotted #ccc;
    margin: 0 auto;
    padding: 10px 50px !important;
    width: 50%;
}
.thank_you h1 {
    color: #7fc740;
    font-size: 30px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #7fc740;
    padding-bottom: 10px;
}
.member_login { 
    margin: 0 auto;
    padding:0px 50px;
    width: 50%;
    background: rgba(0, 0, 0, 0) linear-gradient(50deg, #7fc73f, #4eaded) repeat scroll 0 0;
    border-radius:10px;
    margin-top:50px;
}
.member_login h1 {
    color: #fff;
    font-size:24px;
    font-weight: bold; 
    text-align:center;
    padding-top:25px;
}
.member_login .swpm-login-widget-form {
  float: left;
  width: 54%;
}
.member_login .swpm-login-widget-logged {
  float: left;
  width: 54%;
}
.member_login .swpm-text-field.swpm-username-field {
    width: 100%;
    height: 45px;
}
.member_login .swpm-text-field.swpm-password-field {
    width: 100%;
    height: 45px;
}
.member_login .swpm-username-label {
    text-align: left;
    color: #fff;
    font-size: 20px;
}
.member_login .swpm-password-label {
    text-align: left;
    color: #fff;
    font-size: 20px;
}
.member_login .swpm-remember-me {
    text-align: left;
    color: #fff;
}
.member_login .swpm-login-form-submit {
    width:100% !important;
    height: 44px;
    font-size: 20px !important;
    border: 2px solid #fff !important;
}
.member_login .swpm-login-form-submit:hover {
    width:100% !important;
    height: 44px;
    font-size: 20px !important;
    border: 2px solid #000 !important;
    background:#fff;
    color:#000;
}
.member_login .swpm-forgot-pass-link {
  text-align: center;
}
.member_login .swpm-login-form-pw-reset-link {
    color: #fff;
}
.password_reset input, select, textarea {
    width: 100%;
}
@media (min-width:901px) and (max-width:1200px) {
    .member_login {  
        width:66%;
    }
}
@media (min-width:769px) and (max-width:900px) {
 .member_login {  
        width:78%;
    }   
}
@media (max-width:768px) {
    .member_login {  
        width: 85%;
    }
    .password_reset {  
        width: 80%;
    }
    .member_profile { 
        margin: 0 auto;  
        width: 95%;
        margin-top: 30px;
    }
    .swpm-edit-profile-form input[type="text"], .swpm-edit-profile-form input[type="password"] {
        width: 100%;
    }
}
@media(min-width:480px) and (max-width:705px) {  
    .member_login {  
        width:98%;
    }
    .member_login h1 {
       font-size: 20px;
     }    
    .member_login .swpm-forgot-pass-link {
        text-align: left;       
    }
}
@media(min-width:561px) and (max-width:650px) {  
    .member_login {  
        width:98%;
    }
    .member_login h1 {
       font-size: 20px;
     }    
    .member_login .swpm-forgot-pass-link {
        text-align: left;       
    }
    .member_login .swpm-login-widget-form {
       float: left;
       width:46%;
   }
   .member_login .swpm-login-widget-logged {
    float: left;
    width: 46%;
  }
}
@media(min-width:511px) and (max-width:560px) {  
    .member_login {  
        width:98%;
    }
    .member_login h1 {
       font-size: 20px;
     }    
    .member_login .swpm-forgot-pass-link {
        text-align: left;       
    }
    .member_login .swpm-login-widget-form {
       float: left;
       width:42%;
   }
   .member_login .swpm-login-widget-logged {
     float: left;
     width: 42%;
    }
}
@media(min-width:480px) and (max-width:510px) {  
    .member_login {  
        width:98%;
    }
    .member_login h1 {
       font-size: 20px;
     }    
    .member_login .swpm-forgot-pass-link {
        text-align: left;       
    }
    .member_login .swpm-login-widget-form {
       float: left;
       width: 36%;
   }
   .member_login .swpm-login-widget-logged {
     float: left;
     width:36%;
   }
}
@media(min-width:100px) and (max-width:479px) { 
    .member_login {  
        width: 100%;
    }
    .member_login .swpm-login-widget-form {
      float: none;
      width: 100%;
      padding-bottom: 20px;
     }
     .member_login .swpm-login-widget-logged {
         float: none;
         width: 100%;
         padding-bottom: 20px;
     }
    .frank_img {
       display: none;
     }
    .member_login .swpm-username-label {
        margin-left: 10px;
    }
    .member_login .swpm-password-label {  
        margin-left: 10px;
    }
    .member_login .swpm-remember-me {      
        margin-left: 10px;
    }
    .member_login .swpm-login-form-submit {
        width:100% !important;   
        text-align: left;
    }
    .member_login .swpm-login-form-submit:hover {
        width:100% !important;
    }
    .member_login .swpm-username-input, .member_login .swpm-password-input {
        text-align: left;
        margin-left:10px;
    }
    .member_login .swpm-login-submit {
        text-align: left;
        margin-left:10px;
    }
    .member_login .swpm-text-field.swpm-username-field {
        width: 100%;
    }
    .member_login .swpm-text-field.swpm-password-field {
        width: 100%;
    }
    .member_login h1 {
        font-size: 18px;
    }
}