.hi:hover, .hi:active {color: darkslategray; cursor: pointer; font-size: 101%;  text-decoration: underline}

#fb-root {
   display: none;
};


.xs-new-angle {
    font-size: 1.6em;
    display: block;
    position: absolute;
    right: 0;
    margin-top: -50px;
    font-weight: 900;
    opacity: 0.9;
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari 3-8 */
    transform: rotate(30deg) !important;
    color: red;
}

.big-new-angle {
    font-size: 1.6em;
    display: block;
    position: absolute;
    right: 0;
    margin-top: -96px;
    font-weight: 900;
    opacity: 0.9;
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari 3-8 */
    transform: rotate(30deg) !important;
    color: red;
}


.xs-new-angle-alt {
    font-size: 1.6em;
    display: block;
    position: absolute;
    right: 0;
    margin-top: -50px;
    font-weight: 900;
    opacity: 0.8;
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari 3-8 */
    transform: rotate(30deg) !important;
    color: whitesmoke;
}

.big-new-angle-alt {
    font-size: 1.6em;
    display: block;
    position: absolute;
    right: 0;
    margin-top: -96px;
    font-weight: 900;
    opacity: 0.8;
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari 3-8 */
    transform: rotate(30deg) !important;
    color: whitesmoke;
}


.new-angle {
    
    display: block;
    position: absolute;
    right: 0;
    margin-top: -7px;
    font-weight: 900;
    opacity: 0.9;
    
    
    
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari 3-8 */
    
    
    transform: rotate(30deg) !important;
    
    
    
    color: red;
}




#call-waiting-charm {opacity: 0.95 !important;}


.hint2 {
    margin-top: 3em;
}

@media (max-width: 768px) {
    .call-waiting-buttons {
        margin-bottom: 3.2em !important;
    }
    .call-waiting-messages {
        margin-right: 2em !important;
    }
    .charm-closer {
        margin-top: 0.4em !important;
    }
    
    .hint2 {
        margin-top: -1em;
    }
    
    
    .spec1   {
       padding-top: 10px !important;
    }
    
}

.ngdialog-close:before {
        margin-right:  -0.4em;
        margin-top:  -0.4em;
    }

.charm-closer:after {
    margin-top: -20px !important;
    
    zoom: 170%;
}


.charm-text {
    font-size: 1.3em;
}


.ngdialog-close {
    zoom: 200%;
}


.calc-payments {
    margin-top: 7em !important;
    margin-left: 1em !important;
    width: 5.5em !important;
    padding-right: 1em;
}




.m-selector:disabled {
    opacity: 0.3;
}

.m-susp-selector:disabled {
    opacity: 0.3;
}

/*1396*/
@media (max-width: 1396px) {
  
    #susp-selector {
        margin-top: 22px !important;
    }
  
}





.mid-vert-tabs {        display: none;    }
@media (min-width: 768) and (max-width: 1023) {
    .mid-vert-tabs {        display: block;    }
    .card-list-bg {margin-top: -160px !important}
}

.no-mid-vert-tabs {        display: none;    }
@media (min-width: 768) and (max-width: 1023) {
    .no-mid-vert-tabs {        display: block;    }
}


.calc-more {
    display: none;
}



/* Планшетs*/

.tablets {
        display: none;
    }
@media (min-width: 600px) and (max-width: 768px) {
    .tablets {
        display: block;
    }
}

.no-mobile-dev {
    display: none;
}

 .mobile-dev {
        display: none;
    }   


@media (min-width: 600px) {
    .no-mobile-dev {
        display: block;
    }       
}


@media (max-width: 400px) {
.calc-detail-2-sec {
        width: 93vw !important;
    }
}


/* Только мобилки */

@media (max-width: 599px) {
    
    .calc-safe-second {
        display: initial !important; margin-left: 0 !important; width: auto;
        
    }
    
       
    
    .calc-h3 {
        font-family: Arial;
        font-weight: 900;
        font-size: 1.6em;        
    }
    
    .mobile-dev {
        display: block;
    }   
    
    
    
    .calc-h1-sec {
        text-align: center;        
    }
    
    .calc-h1 {
        line-height: 1.3em;
    }
    
    .calc-card-bg-img {
        background-position-x:  -1000px !important;
        background-position-y:  60px;
        padding-bottom: 1em;
    }
    
    .calc-card-bg-img1 {
        background-position-x:  -1000px !important;
        background-position-y:  10px;
        padding-bottom: 1em;
    }
    
    .card-details-btn {
        height: 4em !important;
    }
    
    .card-list-bg {margin-top: -72px !important}
    
    
    /*
    #slick-cards {
        zoom: 80%;
    }
    */
    
    .calc-h1 {
        font-family: Sans;
        font-weight: 900;
        /*font-stretch: expanded;*/
        font-size: 3.1em;
        /*font-size: 1.6em;        */
    }
    
    .m-selector {
        margin-bottom: 0em !important;
        margin-top: 31px !important;
    }
    
    #susp-selector {
        margin-top: -29px !important;        
    }
    
    .park-selector {        
        /*margin-left: 50%;*/
        margin-top: 22px !important;
        
    }
    
    .calc-mass-spacer {
        margin-top: 26px !important;
    }
    
    .calc-park-spacer {
        margin-top: 20px !important;
    }
    
    .calc-bathrobe-spacer {
        margin-top: 8px !important;
    }
    
    .m-bathrobe-selector {
        margin-top: 8px !important;
    }
    
    .m-safe-selector {
        margin-top: 1.2em !important;
    }
    
    
    .calc-safe-spacer {
        margin-top: 19px !important;
    }
    
    .calc-partial-spacer {
        margin-top: 25px !important;
    }
    
    .calc-payments {
        width: 23% !important;
    }
    
    .calc-more {
        margin-top: 4em !important;
        display: block;
        margin-bottom: -40px;
    }
    
    .calc-no-more {
        /*display: none !important;        */
    }
    
}

.m300px {
    min-width: 300px !important;
}

#slick-cards {
    opacity: 0;
}

@media (min-width: 768) and (max-width: 1023) {
.card-list-bg {
        margin-top: -121px !important;
    }
}
@media (min-width: 768) and (max-width: 1023) {
    .card-list-bg {
        margin-top: -91px !important;
    }
    
}



@media (width: 320px) {
    .calc-card-bg-img {
        background-position-x:  -1000px !important;
        background-position-y:  40px;
        padding-bottom: 1em;
    }
    .app-bar-pullmenu-entry a {        
        margin-top: -2px !important;
        margin-bottom: -2px !important;
    }
}





@media (min-width: 960px) and (max-width: 1366px)  {
    .zoom75 {
        zoom: 75% !important;
    }
}


@media (min-width: 375px) {
    .m300px {
       min-width: 350px !important;
    }
    
}

@media (min-width: 769px) {
    .m300px {
       min-width: 450px !important;
    }
    
}





@media (max-width: 768px) {
    .calc-payments {
        margin-top: 2em !important;
        margin-left: 1em !important;
        
      /*  width: 23% !important;*/
        
    }
    
    #calc-partial {
        margin-left: -0.5em !important;
    }
}


@media (min-width: 801px) and (max-width: 940px)  {
    .calc-payments {
        margin-left: -0em !important;
        margin-right: -2em !important;
    }
}
.calc-payments {
        margin-top: 2em !important;
}

@media (min-width: 801px) and (max-width: 1416px)  {
    .calc-payments {
        margin-left: -0em !important;
        margin-right: -2em !important;
        margin-top: 2em !important;
    }
}






@media (width: 768px) {
    #calc-cond {
        width: 768px;
    }
    #your-card {
        margin-top: -3em;
        width: 740px;
    }
}






/* iPad,  vert */
@media (min-width: 568px) and (max-width: 768px){
    #calc-card-bg {
        display: none;
    }
    
    
    .grand-teal-button {
        margin-top: 0.5em !important;
        /*margin-left: 25em !important;*/
        margin-bottom: -1.5em;
    }
    
    #calc-card-b1g {
        margin-top: -90px !important;
    }
    
    #calc-card-b2g {
        margin-top: -90px !important;
    }
    
    #calc-card-b3g {
        margin-top: -107px !important;
    }
    
    #calc-price2 {
        margin-top: 1em !important;
        padding-top: 3em !important;
        padding-bottom: 1em !important;
        padding-left: 8em !important;
        margin-left: 0em !important;
    }
    
}


@media (width: 568px) {
    #calc-card-b1g {
        margin-top: -70px !important;
    }
}



/* iPad hor */
@media (min-width: 960px) and (max-width: 1024px) {
    #calc-card-bg {
        margin-left: -17px;
    }
    
    #calc-conditions {
        margin-left: -3.5em !important;
        margin-right: -4.5em !important;
        
        
    }
    
}


.i1366 {
        display: none !important;
    }

@media (width: 1366px) {
    .i1366 {
        display: block !important;
    }
} 

.i1024 {
        display: none !important;
    }

@media (width: 1024px) {
    .i1024 {
        display: block !important;
    }
} 



@media (width: 667px) {
    #your-card {
        width: 43%;
        margin-left: 4em;
        margin-right: -1em; 
    }
    
    .calc-payments {
        width: 4.16em !important; 
        margin-left: -15px;
        margin-right: -2em;
        padding-left: 7px !important;
    }
} 



@media (min-width: 1024px) and (max-width: 1024px) {
    #calc-card-bg {
        margin-left: -17px;
    }
    
    #calc-conditions {
        margin-left: -3.5em !important;
        margin-right: -4em !important;
        
        
    }
    
}


/* iPag pro*/

@media (width: 1366px) {
    #calc-card-bg {
        margin-left: -8px;
    }
    #calc-price {
        margin-top: -9em !important ;
    }
}

/* Nexus 7*/




.calc-time-btn, .calc-termin-btn {
    background: #DFDFDF;
    border-color: #CCCCCC; 
    margin-right: -4px !important;
    margin-left: -4px !important;
}


.calc-section {
    margin-bottom: -2em !important;
}

.calc-sec-heading {
    padding-bottom: 0 !important;
    margin-bottom: -0.6em !important;
}


.calc-time-btn.active, .calc-termin-btn.active {
    background: #1B9696 !important;
}

.calc-time-btn:active, .calc-time-btn:hover, .calc-termin-btn:active, .calc-termin-btn:hover  
 {
    background: #23C7C7 !important;
    color: whitesmoke !important;
    opacity1: 0.8 !important;
}


.left-dash-orange-border {    
    border: dashed !important; 
    margin-right: 0 !important;
    border-right: none !important; 
    border-color: #FF6C17 !important; 
    padding-bottom: 1em;    
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-width: 2px !important;    
}

.rigth-dash-orange-border {    
    border: dashed !important; 
    margin-left: 0 !important;
    border-left: none !important; 
    border-color: #FF6C17 !important; 
    padding-bottom: 1em;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-width: 2px !important;    
}


.top-bottom-dash-orange-border {    
    border: dashed !important; 
    margin-left: 0 !important;
    margin-right: 0 !important;    
    border-left: none !important; 
    border-right: none !important; 
    border-color: #FF6C17 !important; 
    padding-bottom: 1em;    
    border-width: 2px !important;    
}


.calc-time-btn.active, .calc-termin-btn.active {
    background: #1B9696 !important;
}


.calc-cell {
    margin-bottom: 0;
}



.slick-prev:before {
  color: #1A9696;  
}
.slick-next:before {
  color: #1A9696;
}



.light-teal-button {
    border-color: #23C7C7 ; 
    color: #23C7C7;
    width: 220px;
    background: white !important;
}


.light-orange-button {
    border-color: #FF6C17 ; 
    color: #FF6C17;
    width: 220px;
    background: white !important;
}


@media (max-width: 768px) {
  .slick-prev {
    margin-left: 28px;
    z-index: 1;
  }

  .slick-next {
    margin-right: 28px;  
  }
  
  
  
}


#call {
    /*display: none !important;
    */
}

#bottom-banner {
   /*
    background-position-y: 40%;
    background-size: 100%;
    opacity: 0.9 !important;
    background-image: url(../img/special/summer/2018-06-12-summer-card.jpg);
    background-position: center;
   */
   z-index: 2;
   text-align: center;
   padding: 0;
   background: #08988e;
   cursor: pointer;   
   transition: all 0.5s ease; 
}

#bottom-banner:hover {    
    opacity: 1 !important;    
    transition-delay:  0.5s;
}


/*
#call {
    z-index: 3 !important;
}
*/

 
.calc-sec-heading1 {
    font-size: 1.6em !important;
}


@media (max-width: 500px) {
    .small-screens-dyn {
        display: block;
    }    
    .wide-screens-dyn {
        display: none;
    }    
    
    .wide-screens-dyn-imp {
        display: none !important;
    }    
    
    .outdoor-teal {
        width: 220px !important;
        margin-left: 16px;
        margin-bottom: 1em;
    }    
    
    
    li.app-bar-pullmenu-entry .d-menu li a {        
        padding-top: 6px;
        padding-bottom: 6px;
         
    }
    
    
    
}

@media (min-width: 501px) {
    .small-screens-dyn {
        display: none;
    }    
    .wide-screens-dyn {
        display: block;
    }  
    
    .wide-screens-dyn-imp {
        display: block !important;
    }  
    
    #call {
        bottom: 110px !important;
    }
    
    
}




#fixedCol1 {
    width: 110px !important; overflow-x: hidden !important; position: absolute; top: 210px; left: 0px; z-index1: 1; background: white;
}



#call {opacity: 0;}


#minus15 {
    z-index: 1 !important; 
    position: fixed; 
    right: 7.2em; 
    bottom: 12.4em;
    transform: rotate(45deg);    
    font-size: 1em;
    /*font-family: 'Kaushan Script';*/
    font-weight: 900;
    color: #5DA7FF;
    opacity:0;
   /* display: none;        */
}





@media screen and (max-width: 770px) {
.tgrid-sizer,
.tgrid-item { width: 50% !important; margin-bottom: 0; padding-bottom: 0; 
  }
}

@media screen and (max-width: 500px) {
.tgrid-sizer,
.tgrid-item { width: 100% !important; 
              margin-bottom: 0 !important; padding-bottom: 0 !important; 
              border-bottom:  solid;
              border-bottom-color: #DFDFDF;
              border-bottom-width: 4px !important;
                }

}

@media screen and (max-width: 1500px) {
    #about1 {margin-top: 3em;}
}




@media screen and  (max-height: 400px) {
    .hide-on-mob-land {
        display: none;
    }
}


@media screen and (min-width: 500px)  {
    #fixedCol1 {
        display: none;
    } 
    #card-spacer-117 {
        display: none;
    } 
    .if-small-screen {
        display: none;
    }
    .cards-top-margin {
        margin-top: -3.5em !important;
    }
    
    
    
}

@media screen and (max-width: 500px)  {
    .if-large-screen {
        display: none;
    }
    #taCardSec0 {
        width: 100% !important; overflow-x: scroll !important;
        position: absolute; top: 210px; left: 0px; 
    }     
    .cards-top-margin {
        margin-top: 1em !important;
    }
    
    
    
    /*
    #minus15 { 
        right:7.4em; 
        bottom: 7.4em;    
    }
    */
    
}



.spec-blue {
    background: #5DA7FF;
}


.free-size {
 /*   max-height: 160px;*/
}

.cards-section {
    /*border-bottom: solid;
    border-bottom-color:  rgba(96, 227, 226, 0.5);;
    border-bottom-width: 4px;
    */
    font-weight: 700;
    font-size: 20px;
    color: darkslategray;
    opacity: 0.9;    
    padding-top: 3em !important;
}

.cards-table thead tr td {
    text-transform: capitalize !important;
}



.calc-table tr td:nth-child(2), .cards-table tr th:nth-child(2) {    
    background-color: rgba(96, 227, 226, 0.10);
    text-align: center;
}



.card-headings td {
    font-weight: 700 !important;
    font-size: 0.97em;
    color: darkslategray;
    opacity: 0.9;
    text-transform: capitalize !important;
    border-bottom-color: #1A9696 !important;    
    border-bottom: solid;
    border-bottom-width: 4px;
}

.cards-table tr td:nth-child(2), .cards-table tr th:nth-child(2) {    
    background-color: rgba(96, 227, 226, 0.03);
    text-align: center;
}

.cards-table tr td:nth-child(3) {
    display: none;
    background-color: rgba(96, 227, 226, 0.05);
    text-align: center;
}

.cards-table tr td:nth-child(4) {
    display: none;
    background-color: rgba(96, 227, 226, 0.10);
    text-align: center;
}

.cards-table tr td:nth-child(5) {    
    display: none;
    background-color: rgba(96, 227, 226, 0.15);
    text-align: center;
}

.cards-table tr td:nth-child(6) {
    background-color: rgba(96, 227, 226, 0.20);
    text-align: center;
}

.cards-table tr td:nth-child(7) {
    background-color: rgba(96, 227, 226, 0.25);
    text-align: center;
}

.cards-table tr td:nth-child(8) {
    background-color: rgba(96, 227, 226, 0.30);
    text-align: center;
}

.cards-table tr td:nth-child(9) {
    background-color: rgba(96, 227, 226, 0.35);
    text-align: center;
}

.cards-table tr td:nth-child(10) {
    background-color: rgba(96, 227, 226, 0.40);
    text-align: center;
}



.cards-table tr td:nth-child(11) {
    background-color: rgba(96, 227, 226, 0.45);
    text-align: center;
}

.cards-table tr td:nth-child(12) {
    background-color: rgba(96, 227, 226, 0.5);
    text-align: center;
}


.cardsadd-table tr td:nth-child(2) {
    background-color: rgba(96, 227, 226, 0.03);
    text-align: center;
    min-width: 5em;
}

.cardsadd-table tr td:nth-child(3) {
    background-color: rgba(96, 227, 226, 0.05);
    text-align: center;
    min-width: 5em;
}

.cardsadd-table tr td:nth-child(4) {
    background-color: rgba(96, 227, 226, 0.10);
    text-align: center;
}

.cardsadd-table tr td:nth-child(5) {
    background-color: rgba(96, 227, 226, 0.15);
    text-align: center;
}

.cardsadd-table tr td:nth-child(6) {
    background-color: rgba(96, 227, 226, 0.20);
    text-align: center;
}

.cardsadd-table tr td:nth-child(7) {
    display: none;
    
    background-color: rgba(96, 227, 226, 0.25);
    text-align: center;
}

.cardsadd-table tr td:nth-child(8) {
    display: none;    
    background-color: rgba(96, 227, 226, 0.30);
    text-align: center;
}

.cardsadd-table tr td:nth-child(9) {
    
    background-color: rgba(96, 227, 226, 0.35);
    text-align: center;
}

.cardsadd-table tr td:nth-child(10) {
    background-color: rgba(96, 227, 226, 0.40);
    text-align: center;    
}

.cardsadd-table tr td:nth-child(11) {
    background-color: rgba(96, 227, 226, 0.45);
    text-align: center;
    min-width: 5em;
}

.cardsadd-table tr td:nth-child(12) {
    background-color: rgba(96, 227, 226, 0.5);
    text-align: center;
    min-width: 5em;
}






#href_1_2 {
    display: none;
}

#href_1_1 {
    display: none;
}


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

.envelope {    
                     background-image: url('../img/envelope1.png') !important; 
                     background-size: 95% 120% !important;
                     padding-right: 5em !important;
}






}



.spec1:hover, .spec1:active {
    border-color: #CCCCCC; border-width: 2px;
    opacity: 0.9 !important;
    background1: darkorchid !important;
}

/*.notify-container {display: none;}*/

.simple-list li:before {
  color: rgba(27, 150, 150, 0.60);
  top: 0.5em;
}

.select2-search {
    display:none
}




.image-container .image-overlay {
    
    
    margin-right: 17px; margin-left: 19px; margin-bottom: 19px;
    
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  overflow: hidden;
  font-size: .875rem;
  line-height: 1rem;
  padding: 1em 1.5em;
  background-color: rgba(27, 150, 150, 0.60);
  /*rgba(27, 161, 226, 0.17);*/
  color: #ffffff;
  text-align: center;
  border-radius: inherit;
  transition: all 0.65s ease;
}



.turq-button {
     border-color: #1A9696;
     color: #1A9696;
     width: 230px
}

.charm {
    opacity: 0.93 !important;
}

.whiteCharm {
    opacity: 1 !important;
    background: white;
}


.tealCharm {
    opacity: 0.9 !important;
    background: #1A9696;
    border-bottom-left-radius: 32%;
}

.mid-button {    
    width: 41px; 
    height: 41px;
    border: none;
}

.mid-icon {
    position: absolute !important; 
    top: 0 !important; 
    left: 0 !important;
    width: 42px !important;
    height: 42px !important;
    padding: 4px;
    background: white
}


a {
    color: gray !important;
}

.d-menu  {
  background: white !important;
}


.app-bar-pullmenu-entry:active, .app-bar-pullmenu-entry:hover {
    color: gray;
}

.bg-turq1 {
    background-color: rgba(96, 227, 226, 0.10);
}
.bg-turq2 {
    background-color: rgba(96, 227, 226, 0.15);
}
.bg-turq3 {
    background-color: rgba(96, 227, 226, 0.20);
}
.bg-turq4 {
    background-color: rgba(96, 227, 226, 0.25);
}


.btn-turq {
 /*   background: white; 
  width: 230px;
 */
    background-color: rgba(96, 227, 226, 0);
    border-color: #1b9696; 
    color: #1b9696;
    min-width: 10em;
}

.calend { 
    margin-top: 30px
}

.calend-m { 
    margin-top: 30px;
    width: 7%;        
}

.calend-fab {
    position: absolute;
    bottom: 0.35em;
    right: 0.5em;
    font-size: 1.8em !important;
    opacity: 0.3;
    cursor: pointer;
}

.plus-fab {
    position: absolute;
    bottom: 1.5em;
    right: 1.6em;
    font-size: 0.5em !important;
    opacity: 0.65;
    cursor: pointer;
    border: solid;
    border-width: 1px;
    border-radius: 50%;
    padding-bottom: 1px;
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 1px;
    background: white;
}

.youtube-fab {
    position: absolute;
    top: 0.25em;
    right: 2.3em;
    font-size: 1.8em !important;
    opacity: 0.65;
    cursor: pointer;
}

.d3-fab {
    position: absolute;
    top: 0.25em;
    right: 0.5em;
    font-size: 1.8em !important;
    opacity: 0.65;
    cursor: pointer;
}

.pre2-fab {
    position: absolute;
    bottom: 0.35em;
    right: 2.4em;
    opacity:0.2;
    font-size: 1.8em !important;
    cursor: pointer;
}

.pre-fab {
    position: absolute;
    bottom: 0.45em;
    right: 2.3em;
    opacity: 0.6;
    font-size: 1.8em !important;
    cursor: pointer;
}



.calend-sec-m {
   /* opacity: 1; //margin-top: -4.5em !important;
    display: block;*/
    margin-bottom: 1.5em; text-align: center;
    margin-left: -2em;
    background1: white;    
}


.schedule-filter-fab {
    position: absolute;
    top: 8.7em;
    right: 1em;       
    opacity: 0.7;
}



.select2-selection__rendered {
    padding-top: 5px;
    padding-left: 1em;   
}

.no-center {
    text-align: left !important;
}

select.m-selector {
    height: 3em;
    color: #999999;
    background: white;
    margin-top: 1.4em;
    margin-left: 1em;
    padding-left: 0.85em;
    /*padding-right1: 0.85em;*/
}

select.m-susp-selector {
    height: 3em;
    color: #999999;
    background: white;
    margin-top: 1.4em;
    margin-left: 1em;
    padding-left: 0.85em;
    /*padding-right1: 0.85em;*/
}


textarea {
		min-height: 3.25rem !important;		
	}

.x15 {
    font-size: 1.5em
}

.cw150 {
    width: 150px !important;
}

.cw300 {
    width: 300px !important;
}



.training {
   color: #1A9696;
   text-transform: uppercase;
   display: block;
   margin-top: 0.3em;
   margin-bottom: -20px;
}

.trainer {
   color: #666666;   
}

.studio {
   margin-top: 0.5em; 
   color: #999999;   
}




.check:before  { opacity: 0.5; }


li:before { 
    vertical-align: top;
    display: inline-block; }

.check {
    height: 40px !important;
    width: 40px !important;
    border-radius: 45px;   
    border-color: #91CDCD !important;
    color: #91CDCD !important;
}

.obsoleted {
    border-color: lightgray !important;
    color: lightgray !important;
}

.futured {
    border-color: black !important;
    color: black !important;
}

.check-mini {
    height: 30px !important;
    width: 30px !important;
    border-radius: 45px;   
    border-color: #91CDCD !important;
    color: #91CDCD !important;
}


.odd {
    background:   #effcfc !important;
        /*rgba( 118, 192,192, 0.1) !important  ;*/
    
}

.odd > .cell {
    background:  rgba( 118, 192,192, 0.0) !important  ;
    
}


.cell {
    vertical-align: text-top;    
    padding-top: 0.7em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    border: solid;
    border-width: 0.5px;
    border-color: #CCCCCC;    
}

.app-bar-pullbutton {
    color: black !important;
}




.tah16 {
    font-family: Tahoma !important; 
    font-size: 19 !important;
}


.bg-opace {
    background:  rgba(255,255,255,0);
}

.app-bar-pullbutton:hover,
.app-bar-element:hover,
.app-bar-menu > li:hover,
.app-bar-menu > li > a:hover,
.app-bar-element:active,
.app-bar-menu > li:active,
.app-bar-menu > li > a:active {
  /*background-color: white !important;*/
  border-bottom: solid;
  border-bottom-color: gray;
  border-bottom-width: 4px;
  background-color:  rgba(255,255,255,0) !important;
}



.app-bar-pullmenubar   {
    color: gray !important;
    background: white !important;
    border-color: lightgray !important;
}



.d-menu {    
    border: none !important;
}


/*
.app-bar-menu > li > a {
    padding-left: 0 !important;
}
*/


/*
a, button {
    font-size: 14px !important;
    font-family: Tahoma;
    
}
*/


.sel1:hover, .sel1:active .sel1:focus {color: darkslategray; cursor: pointer; font-size: 101%;  text-decoration: underline}


.large-button1 {height: 52px;}

.bg-gradOpaceToWhite {
    height: 170px;
    
    background: rgba(255,255,255,0);
    background: -webkit-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 35%, 
        rgba(255,255,255,0.75) 58%, 
        rgba(255,255,255,0.9) 62%, 
        rgba(255,255,255,0.99) 68%, 
        rgba(255,255,255,1) 100%)  /* Standard syntax (must be last) */
}


.bg-gradOpaceToWhiteHor {
    height: 1.5em;
    
    background: rgba(255,255,255,0);
    background: -webkit-linear-gradient(90deg,  rgba(255,255,255,0.6), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, rgba(255,255,255,0.6) , rgba(255,255,255,1) 
        )  /* Standard syntax (must be last) */
}

.bg-gradOpaceToWhite1 {
    height: 170px;
    
    background: rgba(255,255,255,0);
    background: -webkit-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 35%, 
        rgba(255,255,255,0.75) 58%, 
        rgba(255,255,255,0.9) 62%, 
        rgba(255,255,255,0.99) 68%, 
        rgba(255,255,255,1) 100%)  /* Standard syntax (must be last) */
}



.cardsSec2 {
    display: none;
}

.s-plus {
    font-size: 1.5em;
    color: #1B9696;
    text-align: center;
}
.s-minus {
    font-size: 1.5em;
    color: #1B9696;
    text-align: center;
}


.bg-gradTeal {
    height: 100px;
    background: teal; /* For browsers that do not support gradients */        
    background: -webkit-linear-gradient(90deg, black, teal); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, black, teal); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, black, teal); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, black, teal); /* Standard syntax (must be last) */
}


.superlarge-button {
    height: 64px;
    
    /*
    padding-left: 2.5em;
    padding-right: 2.5em;
    margin: 1em
    */
}


.grand-teal-button {
    height: 108px;
    width: 350px;
    background: #1B9696;
    color: white;
    
    /*border-top-left-radius: 40px;*/
    /*border-top-right-radius:  40px;*/
    border-bottom-left-radius: 390px;
    /*border-bottom-right-radius:  390px;*/
    
    
}






.bg-gradWhiteToOpace {
    height: 100px;
    
    background: rgba(255,255,255,1);
    background: -webkit-linear-gradient( rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
    
    
    background: -ms-linear-gradient(to bottom,  rgba(255,255,255,1) 0%,        
        rgba(255,255,255,0.9) 40%, 
        
        /*rgba(255,255,255,0.99) 35%, 
        rgba(255,255,255,0.9) 58%, 
        rgba(255,255,255,0.75) 62%, 
        rgba(255,255,255,0.60) 68%, */
        rgba(255,255,255,0) 100%);  /* Standard syntax (must be last) */
    
    
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,        
        rgba(255,255,255,0.9) 40%, 
        
        /*rgba(255,255,255,0.99) 35%, 
        rgba(255,255,255,0.9) 58%, 
        rgba(255,255,255,0.75) 62%, 
        rgba(255,255,255,0.60) 68%, */
        rgba(255,255,255,0) 100%)  /* Standard syntax (must be last) */
}


.bg-graytosmoke {
    /*height: 100px;*/
    
    background: whitesmoke;
    
    background: linear-gradient(to bottom,  lightgray 0%,        
        whitesmoke 12%, 
        whitesmoke 100%)  /* Standard syntax (must be last) */
}






.margin2 {
    margin: 2px;
    flex: left;
}

.tile-label {z-index: 4 !important;}

body.ngdialog-open { overflow: initial !important; }


 div.vertical-line{
      width: 1px; /* Line width */
      background-color: black; /* Line color */
      height: 100%; /* Override in-line if you want specific height. */
      float: left; /* Causes the line to float to left of content. 
        You can instead use position:absolute or display:inline-block
        if this fits better with your design */
    }

    
.animate-show-hide.ng-hide {
  opacity: 0;
}

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: all linear 10000;
}
    
    
.ima-center {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#gradB {
    height: 1800px;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(darkblue, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(darkblue, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(darkblue, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(darkblue, black); /* Standard syntax (must be last) */
}


.overlay {
   background:transparent; 
   position:relative; 
   width:640px;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}

.hover-smoke1 {
    background: white;
    opacity: 1 !important;
    color: whitesmoke;    
}

.hover-smoke1:hover {
    background: #DFDFDF;
    opacity: 1 !important;
    color: gray;    
}

.hover-smoke:hover {
    border-bottom: solid;
    border-bottom-color: lightgray;
    border-bottom-width: 5px;    
    opacity: 1 !important;
}

.hover-smoke:hover div #video1 {
    background: #76C0C0 !important;
    border-color: gray;
    color: white;
}

.hover-smoke:hover div #about1 {
    background: #D55000 !important;
    border-color: gray;
    opacity: 0.8;
    color: white;
}


.cch:hover {
    background: #76C0C0 !important;
    border-color: gray;
    opacity: 0.8;
    color: white;
};

.hover-smoke:hover > div > button {
    background: red;
}



.brown-button {
    border: none;
    color: darkred;
}

.darkbrown {
    color: #5f272f
        ;
}

.wide-banner {
    margin-top: -40px;
    width: 100%; height1: 88vh; 
    opacity1: 0.8; 
    z-index1: -2
}

.small-banner {
    width: 100%;
    margin-top: -10px;
}


.grid-sizer,
.grid-item { width: 33%; }

.tgrid-sizer,
.tgrid-item { width: 33%; }


/* 2 columns wide */
.grid-item--width2 { width: 50%; }

.grid-sizer3,
.grid-item3 { width: 33%; }


.page-content {
    
}

.wide-content {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  /*  margin-top: 1.5em;    */
}

.notify-container {
    margin-top: 6.6em;
}

.notify {
    opacity: 0.9;
}


.ngdialog-content {
    margin-top: 10px !important;
    border-radius: 0 !important;
    background: white !important;
    min-width: 25em;
    overflow-x: hidden;
     box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}

.ngdialog-close {
    
    border: none;
    border-color: white; 
    background: rgba(0,0,0,0);
    color: black;
    overflow: hidden;
    width:  39px;
    height: 34px;
    margin-top: 5px !important;
    margin-right: 5px !important;
    border-radius: 0 !important;
}


.ngdialog-close:focus {
outline: none;
border: none;
}

.ngdialog-close:hover {
/*border:solid;*/
/*border-color: black; */
cursor: pointer;
background: lightblue;
opacity: 0.5;

}

td {
  vertical-align: top !important;
}