/*
**********************************
*** MEDIA QUERY OPTIONS
**********************************
*** mobile-hidden
*** tablet-hidden
*** desktop-hidden
**********************************
*/

body { font-size: 16px; }
p { font-size: 16px; }



/*
**********************************
*** SECTION BACKGROUND 
**********************************
*/
.zbackground_1{ background-image: url("../img/background/background_baby_1.jpg"); background-position: center bottom;}
.zbackground_2{ background-image: url("../img/background/blog_01.jpg");}
.zbackground_3{ background-image: url("../img/background/stena-risunok-solnce-ostrov.jpg");}
.zbackground_4{ background-image: url("../img/background/pattern.png");}


/*
**********************************
*** FONT COLOR
**********************************
*/
.zcolor_white{color: white;}
.zcolor_black{color: black;}
.zcolor_blue_1{color: #0da9c2;}


/*
**********************************
*** MASTER SLIDER
**********************************
*/
.zslider_font{
  background: rgba(0, 0, 0, 0.5); 
  font-size: 35px; 
  color: white; 
  font-weight:bolder; 
  text-align:center;
  width:100%!important;
  bottom: 0;
}





/*
**********************************
*** SPACER CSS
**********************************
*/
.zmt_1{ margin-top: 1px; }
.zmt_2{ margin-top: 2px; }
.zmt_3{ margin-top: 3px; }
.zmt_4{ margin-top: 4px; }
.zmt_5{ margin-top: 5px; }
.zmt_6{ margin-top: 6px; }
.zmt_7{ margin-top: 7px; }
.zmt_8{ margin-top: 8px; }
.zmt_9{ margin-top: 9px; }

.zmt_10{ margin-top: 10px; }
.zmt_15{ margin-top: 15px; }
.zmt_20{ margin-top: 20px; }
.zmt_25{ margin-top: 25px; }
.zmt_30{ margin-top: 30px; }
.zmt_35{ margin-top: 35px; }
.zmt_40{ margin-top: 40px; }
.zmt_50{ margin-top: 50px; }
.zmt_60{ margin-top: 60px; }
.zmt_70{ margin-top: 70px; }


.zmb_1 { margin-bottom: 1px; }
.zmb_10{ margin-bottom: 10px; }
.zmb_15{ margin-bottom: 15px; }
.zmb_20{ margin-bottom: 20px; }
.zmb_25{ margin-bottom: 25px; }
.zmb_30{ margin-bottom: 30px; }
.zmb_35{ margin-bottom: 35px; }
.zmb_40{ margin-bottom: 40px; }
.zmb_50{ margin-bottom: 50px; }

/*
**********************************
*** FONT SIZE 
**********************************
*/
.fs_36{ font-size: 36px; }
.fs_34{ font-size: 34px; }
.fs_32{ font-size: 32px; }
.fs_30{ font-size: 30px; }
.fs_28{ font-size: 28px; }
.fs_26{ font-size: 26px; }
.fs_24{ font-size: 24px; }
.fs_22{ font-size: 22px; }
.fs_20{ font-size: 20px; }
.fs_18{ font-size: 18px; }
.fs_16{ font-size: 16px; }
.fs_14{ font-size: 14px; }

/*
**********************************
*** TEXT ALIGN
**********************************
*/
.ta_center { text-align:center ; }
.ta_left   { text-align:left   ; }
.ta_justify{ text-align:justify; }


/*
**********************************
*** TABLE TAG CSS
**********************************
*/
tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}
tbody tr{
    line-height: 1rem;
    padding: 0.5625rem 0.625rem;
    color: #222222;
}



/*
**********************************
*** PAGINATION TAG CSS
**********************************
*/
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

ul.pagination li a.active {
    background-color: #0dacc4;
    color: white;
}
ul.pagination li a.active:hover { color: white;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}



/*
**********************************
*** breadcrumbs TAG CSS
**********************************
*/
.g-breadcrumbs-separator:before {
    content: '\f105';
    font-family: uncodeicon;
    vertical-align: center;
    padding-left: 5px;
    padding-right: 5px;
}


/*
**********************************
*** CUSTOM TAG CSS
**********************************
*/
.z-breadcrumbs-padding{padding: 10px 0px 0px 36px;}
.z-row-parent{padding: 6px 36px 36px 36px;}




/*
* BEGIN KEYBOARD CSS
**********************
*/
div.zdiv_keyboard{
  border-radius: 0px; 
} 
a.za_keyboard_letter{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  width:50px;
  border:#FFFFFF;
  color: black;
  border-style: solid;
  border-width: 1px;
  /* background-color: #01acc3; FFAE00*/
  background-color: #FFFFFF;
}
.za_keyboard_letter:hover{
  width:50px;
  border:#ddd;
  /* color: #01acc3; FFAE00*/
  color: #ddd;
  border-style: solid;
  border-width: 1px;
  background-color: #ddd;
}
/* 0dacc4
* END KEYBOARD CSS
**********************
*/