/* общий дизайн морды */

@font-face 
{
    font-family: "Georgia";
    src: url("/fonts/Georgia.ttf") format("truetype");
    font-style: normal; 
    font-weight: normal; 
}
/*@font-face 
{
    font-family: "Myriad Pro";
    src: url("/fonts/myriadpro.otf") format("opentype");
    font-style: normal; 
    font-weight: normal; 
}*/


/* html tags */
html 
{
    height: 100%;
    box-sizing: border-box;
}

body 
{
    min-width: 320px;
    max-width: 1920px;
    max-height: 900px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 12px;
    color: black;
    margin: 0;
    padding: 0;
}
*,::before,::after
{
    margin: 0;
    padding: 0;
}
hr 
{
    background-color:#B29A65;
    height: 1px;
    border-width: 0px;
    margin-top: 20px;
}

a
{
    text-decoration: none;
    color: #336699;
}
a img { border: medium none; }

input[type=image] { cursor: pointer; }


/**** common styles ****/

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.nowrap { white-space: nowrap; }

.left-aligned  { text-align: left; }
.right-aligned { text-align: right; }
.center { text-align: center; }
.justified { text-align: justify; }

/*vetical-align*/
.va-top {vertical-align: top;}
.va-mid {vertical-align: middle;}
.va-bot {vertical-align: bottom;}
.va-sub {vertical-align: sub;}

.h3
{
    font-weight: bold;
    font-size: larger;
    display: block;
}

.not-displayed { display: none; }
.hidden {visibility: hidden;}

.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }    


/* margins */
.m-t-0 { margin-top: 0; }
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-60 { margin-top: 60px; }

.m-b-0 { margin-bottom: 0; }
.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-60 { margin-bottom: 60px; }

.m-l-0 { margin-left: 0; }
.m-l-5 { margin-left: 5px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-l-20 { margin-left: 20px; }
.m-l-30 { margin-left: 30px; }
.m-l-40 { margin-left: 40px; }
.m-l-60 { margin-left: 60px; }

.m-r-0 { margin-right: 0; }
.m-r-5 { margin-right: 5px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }
.m-r-20 { margin-right: 20px; }
.m-r-30 { margin-right: 30px; }
.m-r-40 { margin-right: 40px; }
.m-r-60 { margin-right: 60px; }

.m-0  { margin: 0px; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }

.m-0-a    { margin:0 auto; }
.m-20-0 { margin: 20px 0px }
.m-c-b-20 { margin:0 auto 20px auto; }
.m-c-t-b-20 { margin:20px auto 20px auto; }
.m-t-b-10   {margin: 10px auto}
.m-t-b-20   {margin: 20px auto}
/* margins % from preorder.tpl*/
.m-l-r-2 { margin: 0 2%;}

/* paddings */
.p-0  { padding: 0px; }
.p-5  { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }

.p-r-5 { padding-right:5px; }
.p-r-10 { padding-right:10px; }
.p-l-5 { padding-left:5px; }
.p-l-10 { padding-left:10px; }
.p-t-5 { padding-top:5px; }
.p-b-5 { padding-bottom:5px; }
.p-b-10 { padding-bottom:10px; }

/*font-size*/
.f-s-10 { font-size:10px }
.f-s-11 { font-size:11px }
.f-s-12 { font-size:12px }
.f-s-13 { font-size:13px }
.f-s-14 { font-size:14px }
.f-s-15 { font-size:15px }
.f-s-16 { font-size:16px }
.f-s-18 { font-size:18px }
.f-s-26 { font-size:26px }
.f-s-1-4 { font-size: 1.4em }

/* colors */
.c-333 { color: #333; }
.c-666 { color: #666; }
.c-888 { color: #888; }
.c-999 { color: #999; }
.c-336699 { color: #336699; }
.c-b29a65 { color: #b29a65; }
.c-606d77 { color: #606D77; }
.c-428bca { color:#428bca; }
.c-0094d9 { color: #0094d9; }

.c-red   { color:red; }
.c-gray  { color:gray; }
.c-green { color:green }
.c-white { color:white }

.c-price { color:#d2232c }

/* background-colors */
.b-c-fff { background-color:#fff }
.b-c-d8d8d8 { background-color:#D8D8D8 }
.b-c-e5edf7 { background-color:#E5EDF7 }

/* width % */
.w-5    {width: 5%}
.w-10   {width: 10%}
.w-15   {width: 15%}
.w-20   {width: 20%}
.w-25   {width: 25%}
.w-30   {width: 30%}
.w-34   {width: 34%}
.w-40   {width: 40%}
.w-50   {width: 50%}
.w-60   {width: 60%}
.w-70   {width: 70%}
.w-80   {width: 80%}
.w-85   {width: 85%}
.w-90   {width: 90%}
.w-95   {width: 95%}
.w-100  {width: 100%}
.w-110  {width: 110%}
/* width px */
.w-5p   {width: 5px;}
.w-10p  {width: 10px;}
.w-20p  {width: 20px;}
.w-30p  {width: 30px;}
.w-40p  {width: 40px;}
.w-50p  {width: 50px;}
.w-60p  {width: 60px;}
.w-70p  {width: 70px;}
.w-80p  {width: 80px;}
.w-90p  {width: 90px;}
.w-100p {width: 100px;}
.w-126p {width: 126px;}
.w-300p {width: 300px;}
.w-600p {width: 600px;}

.w-a {width:auto;}

/* min-width px*/
.m-w-1  {min-width: 1px}

/* heigth px */
.h-30  {height: 30px}
.h-48   {height: 48px}
.h-53   {height: 53px}
.h-63   {height: 63px}
.h-70  {height: 70px;}
.h-90   {height: 90px} 
/* heigth % */
.h-100   {height: 100%}  
/* display */
.block  {display: block}
.inline-block   {display: inline-block}
.table  {display: table}
.inline-table {display: inline-table}
.table-row {display: table-row}
.table-caption {display: table-caption}
.table-cell {display: table-cell}
.inline {display: inline}

/* positions */
.relative   {position: relative;}
.absolute   {position: absolute;}

/* cursors */
.pointer {cursor: pointer}

/* borders */ 
.border-solid-ccc { border: 1px solid #ccc;}
.border-solid-becad8 {border: 1px solid #BECAD8;}
.border-solid-d8d8d8 {border: 1px solid #D8D8D8;}
.border-solid-2x-becad8 { border: 2px solid #BECAD8;}

.border-bottom-d8d8d8  {border-bottom: 1px solid #D8D8D8;}
.border-bottom-eaeaea  {border-bottom: 1px solid #eaeaea}
.border-bottom-dotted  {border-bottom: 1px dotted;}
.border-bottom-336699  {border-bottom: 1px solid #336699;}

.border-radius-1  { border-radius: 1px;}
.border-radius-2  { border-radius: 2px;}
.border-radius-3  { border-radius: 3px;}
.border-radius-4  { border-radius: 4px;}

.b-s-0-10   {border-spacing: 0px 10px;}


/* box-size */
.box {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;};

/* line-heigth */
.l-h-1   {line-height: 1em }
.l-h-1-4 {line-height: 1.4em}
.l-h-1-6 {line-height: 1.6em}
.l-h-2   {line-height: 2em }

.mobile-full-wide, .mobile-full-wide img
{
    max-width: 100%;
    height: auto;
}

.flipped
{
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
    transform: scaleX(-1);
/*transform: rotateY(180deg);*/    
}

.shadow { box-shadow: 1px 1px 4px rgba(250, 247, 242, 1); }

.rounded_corners
{
   border-radius: 6px; 
}

div.with-inline-divs > div
{
    display: inline-block;
    vertical-align: top;
}

.video 
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video iframe, .video object, .video embed 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* элементы интерфейса */

.side_panel_head 
{
    text-align: center;
    color: #4477AA;
    font-weight: normal;
    font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
    border: solid 2px #becad8;
    margin: 12px 0 2px;
    padding: 6px 0;
    letter-spacing: 0.3ex;
}
.side_panel_head img { vertical-align: middle; }

.side_panel 
{
    background-color: #e5edf7;
    text-align: left;
    padding-left: 15px;  
}
.side_panel label
{
    margin-left: 8px;
    color: #999;
    font-weight: bold;
}

.side_panel_white
{
    text-align: left;
    border: solid 2px #becad8;
}

button.side_btn
{
    background-color: #839dbc;
    color: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.4ex;
    width: 85%;
    padding: 1px 5px;
    border-radius: 7px;
    border: 0.5px solid #BECAD8;
    /*border-style: none;*/
    cursor: pointer;
}
button.side_btn:hover { background-color: #4477AA; }
button.side_btn:focus { background-color: #b29a65; outline-style: none;  }


#wrapper 
{
    clear: both;
    width: 100%;
    /*display: flex;*/
}

/* ------------- TOP ---------------- */
header
{
    width: 100%;
}

div#sky
{
  background-color: #e6edf7; 
  width: 100%;
  height: 138px;
  position: absolute;
  z-index: -100;
}

div.atlant
{
    /*width: 212px;*/
    width: 228px;
    height: 186px;
    background: url("/images/atlant.png") no-repeat;
    /*background-color: #e6edf7;*/
    position: relative;
}



#header_left 
{
    float: left;
/*    background: url("/imgdiz/top_left.jpg") no-repeat;*/
}

#header_right 
{
    float: right;
/*    background: url("/imgdiz/top_right.jpg") no-repeat;*/
}
/*#header_right > p 
{
    vertical-align: bottom;
    text-align: right;
    margin-top: 112px;
    margin-bottom: 0;
}*/

#header_center 
{
    float: left;
    /*width: calc(100% - 424px);*/
    width: 500px; /*opera11-1024*/
    width: calc(100% - 456px);
    background: url("/images/top_centr.jpg") no-repeat top center;
 /*   background-color: #e6edf7;*/
/*    border-bottom: 2px solid #becad8;*/
    text-align: center;
/*    height: 136px;*/
}
#header_center > p 
{
    margin-bottom: 0px;
    margin-top: 5px;
}

#gruppa_companiy_caption
{
    font-family: "Tahoma", "Verdana", sans-serif;
    font-weight: bolder;
    color: silver;
    opacity: 0.5;
    font-size: 12px;
    letter-spacing: 0.26em;
    text-shadow: 2px 2px 4px black, 1px 2px 2px black;
    position: absolute;
    /*bottom: 29px;*/
    bottom: 77px;
    left: 20px;
}
#conros_caption
{
    font-family: "Times New Roman","Times", serif;
    font-weight: bold;
    color: #9c9c9c;
    opacity: 0.7;
    font-size: 32px;
    letter-spacing: 0.25em;
    text-shadow: 2px 2px 4px black, 1px 2px 8px black;
    position: absolute;
    /*bottom: 0px;*/
    bottom: 48px;
    left: 4px;
}
#right_caption
{
    font-family: "Verdana", "Tahoma", sans-serif;
    font-weight: bold;
    color: #999;
    opacity: 0.9;
    font-size: 12px;
    letter-spacing: 0.22em;
    text-shadow: 1px 1px 4px black, 0 0 2px black;
    position: absolute;
    text-align: right;
    top: 114px;  
    left: 5px;
}
.contact_header, .contact_header_800
{
    display: none;
}

/*--------------------------------Menu-top------------------------------------*/
#menu-top 
{
    clear: both;
    width: 100%;
    position: absolute;
    top: 136px;
    left: 4px;    
    width: calc(100% - 13px);
    height: 30px;
    background-color: #ffffff;
    margin: 0;
    border: 2px solid #BECAD8;
    white-space: nowrap;
    
}
#menu-top div > ul > li > a 
{
    text-decoration: none;
    letter-spacing: 2px;
    font-weight: normal;
    color: #336699;
    
}
#menu-top div > ul > li > a:hover, #menu-top div > ul > li > a:active, #menu-top div > ul > li > a:focus 
{
    color: #B29A65;
}
#menu-top div > ul > li 
{
    width: 100px;
    display: inline;
    margin: 0px;
    
    
}


#menu-top-center 
{
    width: 96px;
    height: 96px;
    position: absolute;
    display: inline-block;
    left: calc(50% - 48px);
    top: -48px; /*86px;*/
}
#menu-top-center:before 
{
    content: url("/images/star_gold.gif");
    /*content: url("/imgdiz/vektor/good_star.svg"); top: 59px;*/
    position: absolute;
    left: calc(50% - 61px);
    top: 55px;
}
#menu-top-center:after 
{
    content: url("/images/star_gold.gif");
    /*content: url("/imgdiz/vektor/good_star.svg"); top: 59px */
    position: absolute;
    left: calc(50% - -50px);
    top: 55px
}

#menu-top-left 
{
    float: left;
    width: 45%;
}
#menu-top-left > ul > li:before 
{
    content: url("/images/star_gold.gif");
    /*content: url("/imgdiz/vektor/good_star.svg");*/
    padding: 0 9.01%;
    
}


#menu-top-right 
{
    float: right;
    width: 45%;
    text-align: right;
}
#menu-top-right > ul > li:after 
{
    content: url("/images/star_gold.gif");
    /*content: url("/imgdiz/vektor/good_star.svg");*/
    padding: 0 9.1%;
    
}


.menu-top-list 
{
    list-style: none;
    font-size: 16px;
    font-family: Georgia, "Times New Roman", serif;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    padding: 0;
}


/* mobile menu button */
#top-short-title
{
    display: none; 
    background-color: #B29A65;
    color: white;
    padding: 2px 4px;
    letter-spacing: 0.4em;
    font-family: Verdana, Arial, sans-serif; 
}
#top-short-title a { color: white; }


/*#mobile-menu-button
{
    display: none;
    cursor: pointer;
    z-index:999;
    font-size:30px;
    position:absolute;
}

.btn-open:after 
{
    color:#333; 
    content:"\f0c9";
    font-family:"FontAwesome";
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-open:hover:after { color: #B29A65; }

.btn-close
{
    text-align: right;
    margin-right: 5px;
    margin-top: 2px;
    font-size: 24px;
    cursor: pointer;
}
.btn-close:after 
{
    color:#333; 
    content:"\f00d";
    font-family:"FontAwesome";
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-close:hover:after { color: #B29A65; }

// mobile menu 
#mobile-menu
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #e6edf7;
    width: 100%;
    text-align: center;
    font-family: Verdana, Arial;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0.15ex;
    padding-bottom: 10px;
}
#mobile-menu h3
{
    font-weight: normal;
    padding: 5px 0;
    background-color:  #aaa;
    color: white;
    margin: 5px 0; 
}
#mobile-menu label
{
    color: #777;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#mobile-menu ul
{
    list-style-type: none;
    padding: 0;
    margin:0 0 7px;
}
#mobile-menu  ul ul li
{
  border-bottom: 1px solid #336699;
}
#mobile-menu a
{
    display: inline-block;
    width: 100%;
    
}
#mobile-menu a:hover
{
    color: white;
    background-color: #4477AA; 
}
#mobile-menu-sites a
{
    padding-bottom: 3px;
    border-bottom: 1px solid #abb;
}


#content-center 
{
  margin-top: 0;   
}*/

/*================================footer============================*/
footer 
{
    width: 100%;
    height: 200px;
}

#footer-center 
{
    width: 100%;
    height: 36px;
    background: url("/imgdiz/resh.png") repeat-x;
    position: relative;
    bottom: -164px;
}
#footer-left { float: left; }
#footer-right { float: right; }

.footer-griffin
{
    height: 203px;
    background: url("/imgdiz/grif-left.png") no-repeat;
    position: relative;
    bottom: 167px;
    width: 171px;
}


#copyright-line 
{
    background: url(/imgdiz/bgniz.gif) repeat-x;
    width: 100%;
    position: relative;
    bottom: 3px;
    text-align: center;
    padding: 3px 10px 0px 10px;
    box-sizing: border-box;
    clear: both;
    font-size: 11px;
    color: #333;
}
#copyright-line p 
{
    display: inline-block;
    margin: 0 10px;
}
#copyright-line > div > p:nth-child(1), #copyright-line a, #copyright-line a:hover, #copyright-line a:active, #copyright-line a:visited 
{
    color: #336699;
    /*text-decoration: none;*/
}
#copyright-line > div > p:nth-child(1) { float: left; }
#copyright-line > div > p:nth-child(5) { float: right; }


#footer-menu 
{
    height: 160px;
    color: #888;
    padding-left: 30px;
    font-size: 13px;
    background-color: #1B1D15;
    background-image: url("/imgdiz/logo-grey-med.png");
    background-position: right 30px bottom 20px;
    background-repeat: no-repeat;
}
#footer-menu hr 
{
    display: none;
}
#footer-menu > div 
{
    display: inline-block;
    vertical-align: text-top;
    width: calc((100% - 270px) / 4);
    margin: 20px 30px 0;
    line-height: 1.4em;
}
#footer-menu > div > div 
{
    font-size: 15px;
    letter-spacing: 0.3ex;
    margin-bottom: 10px;
}
#footer-menu a 
{
    color: #E4EAF4;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.7em;
}
#footer-menu a:hover { text-decoration: underline; }
#footer-menu #social_icons .fa 
{
    font-size: 25px;
    color: white;
}
#footer-menu #social_icons .fa:hover { color: aqua; }


/*===========================REQUEST MEDIA SCREEN=======================*/

@media screen and (max-width: 1250px) 
{
    .mobile-hidden { display: none !important; }
}

@media screen and (max-width: 1200px) 
{
    #menu-top-left  > ul > li:before,
    #menu-top-right > ul > li:after 
    {
        padding: 0 7.01%;
    }
}

@media screen and (max-width: 1100px) 
{
    #menu-top-left  > ul > li:before, 
    #menu-top-right > ul > li:after 
    {
        padding: 0 2.01%;
    }
}

@media screen and (max-width992px)
{
    .column_left,.column_right { display: none; }
}

@media screen and (max-width: 960px) 
{
    .copyright-line { padding-bottom: 3px; }
    .copyright-line > .copy > .bank_icos_small,.copyright-line > .copy > p { float: none !important; }
    .copyright-line > .copy > .bank_icos_small  { display: block;text-align: center }
    .copyright-line > .copy > p:nth-child(3){display: block;}
}

@media screen and (max-width: 890px) 
{
    #menu-top-left  > ul > li:before,
    #menu-top-right > ul > li:after 
    {
        content: "";
        padding: 0 2%;
    }
}

@media screen and (max-width: 878px) 
{
    .menu-top-list { font-size: 14px; }
    
    #mobile-menu-button
    {
	display: inline;
	right: 7px;
	top: 185px;
    }
    
    
}

@media screen and (max-width: 812px) 
{
    #footer-menu > div 
    {
        width: calc((100% - 110px) / 4);
        margin: 20px 0 0 15px;
    }
}

@media screen and (max-width: 768px) 
{
    #header_right, #header_left { display: none; }

    #header_center 
    {
        float: none;
        width: 100%;
    }
    #header_center > p { margin: 0px; }

    .menu-top-list {
        font-size: 12px;
        margin-top: 8px;
    }

    #content-center { margin-top: 45px; }
    
    #copyright-line > div > p:nth-child(4) { display: block; }

    .footer-bottom { display: inline-block !important;height: auto !important;text-align: center;}
    .footer-bottom > div
    {
        width: calc((100% - 125px) / 2);
        margin: 20px 30px 0;
        display: inline-block !important;
        float:none !important;
    }
    #nsc_wnd,#nsc_mobtab{display:none!important}
}

@media screen and (max-width: 690px) 
{
    #menu-top-center, #header_center, div#sky, #social_icons { display: none; }
    
    #menu-top { top: 0; }

    #menu-top-left, #menu-top-right { width: 50%; }
    #menu-top-right > ul > li:nth-child(2):after {
        content: " ";
        padding: 0;
    }

    .menu-top-list { text-align: center; }
    
    #mobile-menu-button
    {
        top: 40px;
        right: 10px;
    }  
    
    #content-center { margin-top: 25px; }
    
    .footer-bottom{ background-image: none !important; }
}

@media screen and (max-width: 640px) 
{
    #footer-center { bottom: -167px; }
}

@media screen and (max-width: 560px) 
{
    #menu-top { display: none; }
    
    #top-short-title { display: block; }  
    
    #content-center { margin-top: 0px; }    
}

@media screen and (max-width: 530px) 
{
    .footer-bottom > div {
        width: calc((100% - 35px) / 2);
        margin: 20px 0px 0 15px;
    }
}

@media screen and (max-width: 480px) 
{
    #menu-top-right, #menu-top-left { width: 50%; }
}

@media screen and (max-width: 440px) 
{
    .footer-bottom
    {
        
        text-align: center;
    }
    .footer-bottom > div 
    {
        width: 100%;
        margin: 20px 0px 0 0px;
    }
    .footer-bottom > hr 
    {
        display: block !important;
        margin-bottom: 0!important;
    }
}

@media screen and (max-width: 400px) 
{
    .footer-top-left, .footer-top-right { display: none; }
    #copyright-line { bottom: -163px !important; }

    #footer-menu
    {
        position: relative;
        bottom: -163px;
    }
}
@media screen and (min-width:1280px) 
{
    .contact_header
    {
        position: absolute;
        right: 18%;
        top: 15px;
        font-family: Verdana, Geneva, sans-serif; 
        font-size: 10px;
        color: #777;
        display: block;
        text-align: left;
    }
    .contact_header_moscow
    {
        font-size: 9px;
        margin-top: 5px;
    }
    .contact_header img
    {
        position: relative;
        top: 5px;
    }
    .contact_header_strong
    {
        font-weight: bolder;
        font-size: 11px;
    }
    .contact_header_strong span
    {
        font-weight: normal;
    }
    .contact_header_tel
    {
        margin-left: 10px; 
        font-size: 12px;
        font-weight: bold;
    }
    
    
    .contact_header_800
    {
        position: absolute;
        left: 22%;
        top: 26px;
        font-family: Verdana, Geneva, sans-serif; 
        font-size: 10px;
        color: #777;
        display: block;
         text-align: left;
    }
    .contact_header_800_tel
    {
        margin: 3px 0 10px; 
        font-size: 12px;
        font-weight: bold;
    }
    .contact_header_800_do
    {
        font-size: 11px;
        margin: 5px 0;
        cursor: pointer;
    }
    .contact_header_800_do:hover
    {
        text-decoration: underline;
    }
    .contact_header_800_do > img
    {
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-right: 4px;
    }
}

@media screen and (max-width:992px)
{
    .hidden-992 { display: none !important; }
}
@media screen and (max-width:768px)
{
    .hidden-768 { display: none !important; }
}
@media screen and (max-width:720px)
{
    .hidden-720 { display: none !important; }
}
@media screen and (max-width:600px)
{
    .hidden-600 { display: none !important; }
}
@media screen and (max-width:500px)
{
    .hidden-500 { display: none !important; }
}
@media screen and (max-width:440px)
{
    .hidden-440 { display: none !important; }
}
@media screen and (max-width:340px)
{
    .hidden-340 { display: none !important; }
}