@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,500italic,600,600italic,700,800&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600,700,800&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Caveat:400,500,600,700&subset=latin-ext);

*{ margin: 0; ma\rgin: 0; }
/* ----- */
HTML, BODY {
  margin: 0px;
  width: 100%; 
  /*height: 100%; /* HIDE 20190726 */
  /*overscroll-behavior-y: none; /* HIDE 20190726 */
}
HTML {
  background: #FFF; /* 114F6D */
  /*overflow-x: hidden; /* hide X-scroll in Firefox Mobile */
}
@media all and (min-width: 800px) 
{
BODY { 
  /*overflow: hidden; /*ADD 20190723 HIDE 20190726*/
}
}

TABLE, TR, TD, P, DIV, SPAN, BUTTON { 
/*
  margin: 0; 
  font-family: Arial,  Tahoma, Verdana; 
  font-size: 14px; 
  color: #444; 
  line-height: 140%; 
*/
}


HR { border: 0; color: rgba(0,0,0,0.15); background-color: rgba(0,0,0,0.15); height: 1px; }
HR.hr25 { border: 0; color: rgba(0,0,0,0.25); background-color: rgba(0,0,0,0.25); height: 1px; }
UL { margin-left: 30px; padding: 0px; }

IFRAME { padding: 3px; border: 1px solid #DDD; }

/*DIV, P, SPAN, TABLE, TR, TD, BUTTON { margin: 0; font-size: 14px; color: #444; }*/
DIV, P, SPAN, TABLE, TR, TD, BUTTON { margin: 0; }

#SiteBox, #BodyAction, #BodyLoad, #BodyInfo {  
  font-family: 'Open Sans', sans-serif; 
  font-weight: 400; 
  font-style: normal; 
  font-size: 18px;
  line-height: 150%; 
  color: #444;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (min-width: 1500px) and (min-height: 800px) 
{
/* TABLE, TR, TD, P, DIV, SPAN, BUTTON { font-size: 20px; } */

#SiteBox, #BodyAction, #BodyLoad, #BodyInfo { font-size: 20px; }
}



/* ALL */
/* ======================================================================================================================== */
A { text-decoration: underline; color: #966D4A; }
A:hover { text-decoration: underline; color: #6B3D15; }
/* ----- */
A.a_none { text-decoration: none; }
A.a_none:hover { text-decoration: none; }
/* ----- */
A.a_no { text-decoration: none; color: #444; }
A.a_no:hover { text-decoration: underline; color: #444; }
/* ----- */
A.a_no_col { text-decoration: none; color: #444; }
A.a_no_col:hover { text-decoration: underline; color: #6B3D15; }
/* ----- */
A.a_er { text-decoration: none; color: #000; }
A.a_er:hover { text-decoration: underline; color: #000; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.Er, .Ok { 
  margin: 15px 0px; 
  padding: 12px 10px 12px 50px; font-size: 15px; line-height: 150%; 
}
.Er {
  background-color: #FFE3E3; 
  background-image: url(cms.svg/Ico-Error.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 46px auto;
  border-top: 1px solid #FB5F5F;
  border-bottom: 1px solid #FB5F5F;
}
.Ok {
  background-color: #E3F5C0; 
  background-image: url(cms.svg/Ico-Ok.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 46px auto;
  border-top: 1px solid #B0E367;
  border-bottom: 1px solid #B0E367;
}
/* ------------------------------------------------------------------------------------------------------------------------ */
IMG.img_ns { float: left; padding: 2px; background: #FFF; border: 1px solid #DDD; margin: 2px 10px 5px 0px; 
             -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* ----- */
IMG.img_mix { padding: 3px; background: #FFF; border: 1px solid #DDD; margin: 5px 0px; 
              -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* ----- */
IMG.img_gal { float: left; padding: 2px; background: #F1F1F1; border: 2px solid #CCC; margin: 0px 15px 15px 0px; 
              -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
IMG.img_gal:hover { padding: 1px; background: #F1F1F1; border: 3px solid #BBB; }
/* ----- */
IMG.img_gal_full { float: left; padding: 2px; background: #F1F1F1; border: 2px solid #CCC; margin: 0px 25px 25px 0px; 
                   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
IMG.img_gal_full:hover { padding: 1px; background: #F1F1F1; border: 3px solid #BBB; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.PhotoSite { 
  margin-top: 20px; 
  width: 100%; 
  text-align: center;
}
.PhotoSite IMG { 
  /*
  background: #EEE;
  outline: 2px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  */
}
.PhotoDesc { padding: 3px 5px; text-align: center; color: #444; }
/* ------------------------------------------------------------------------------------------------------------------------ */
IMG.ico_mailing { float: left; padding: 2px; margin: -5px 5px 5px 0px; border: 0px none; }
/* ------------------------------------------------------------------------------------------------------------------------ */
OBJECT.obj_code { margin: 5px 0px; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.d_both { clear: both; height: 0px; font-size: 0px; }
.both { clear: both; height: 0px; font-size: 0px; }
.none { display: none; }

#SiteStart { clear: both; height: 0px; font-size: 0px; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.red { color: #FF0000; }
.redb { color: #FF0000; font-weight: bold; }
.green { color: #46A24B; }
.greenb { color: #46A24B; font-weight: bold; }
.statiker { color: #666; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.d_er { padding: 10px 10px 10px 50px; margin: 10px 0px 15px; color: #311C00; background: #FFE3E3 url(pre_files/img/ico_er.gif) no-repeat left top; 
        border: 1px solid #FB5F5F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.d_ok { padding: 10px 10px 10px 50px; margin: 10px 0px 15px; color: #311C00; background: #EBF9D1 url(pre_files/img/ico_ok.gif) no-repeat left top; 
        border: 1px solid #84B937; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.info_er { padding: 10px; margin-bottom: 15px; background: #FFE3E3; border-bottom: 1px solid #FB5F5F; }
.info_ok { padding: 10px; margin-bottom: 15px; background: #EBF9D1; border-bottom: 1px solid #84B937; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.d_ie6 { margin: auto; width: 960px; padding: 10px 10px 10px 50px; margin: 10px 0px; color: #311C00; 
         background: #FFE3E3 url(pre_files/img/ico_er.gif) no-repeat left top; border: 1px solid #FB5F5F; 
         -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.d_ramka { padding: 10px; background: #FFF6EC; border: 1px solid #FBCB8E; }
.d_ico { padding: 25px 5px 10px; border-bottom: 1px solid #CCC; text-align: right; }
.d_pad { padding: 10px; }
/* ------------------------------------------------------------------------------------------------------------------------ */



#BodyLoad { width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; z-index: 99; background: rgba(255,255,255,1); } 
.Loader-Text { color: #6B3D15; font-size: 16px; }
.Loader-SVG { height: 60px; border: 0px none; }
.Loader-Logo { width: 250px; border: 0px none; }

#BodyAction { width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; z-index: 99; background: rgba(0,0,0,0.5); } 
.BoxAction {
  display: inline-block; vertical-align: top;
  margin: 20px;
  width: 400px;
}
.BodyActionClose { float: right; margin-bottom: -5px; width: 40px; height: 40px; cursor: pointer; background: rgba(178,2,2,1); }
.BodyActionClose IMG { height: 40px; }
.BoxActionInfo {
  clear: both;
  padding: 15px;
  text-align: center;
  background: rgba(255,255,255,1);
  border: 5px solid rgba(178,2,2,1); 
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 600px) 
{
.BoxAction { width: auto; }
}



/* SUBMIT */
/* ------------------------------------------------------------------------------------------------------------------------ */
INPUT.submit 
{ 
  padding: 5px 20px; 

  font-family: 'Open Sans', sans-serif; 
  font-weight: 400; 
  font-style: normal; 
  font-size: 18px;
  line-height: 150%; 
  color: #FFF;

  background: #67D320; 

  border: 0px none;
  border-bottom: 2px solid #4CC423;

  cursor: pointer;

}
INPUT.submit:hover
{ 
  background: #4CC423; 
  background: -moz-linear-gradient(top, #4CC423 0%, #67D320 100%);
  background: -webkit-linear-gradient(top, #4CC423 0%,#67D320 100%);
  background: linear-gradient(to bottom, #4CC423 0%,#67D320 100%);

  border: 0px none;
  border-bottom: 2px solid #4CC423;
}
INPUT.submit:active, INPUT.submit:focus { -moz-outline: none; outline: none; }
/* ------------------------------------------------------------------------------------------------------------------------ */



/* HEAD / SHOWMORE */
/* ------------------------------------------------------------------------------------------------------------------------ */
.Head { 
  padding: 40px 30px 30px; text-align: center; 
  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 24px; line-height: 150%; /*color: #2597A2;*/

  background-repeat: no-repeat;
	background-size: 65px auto;
  background-image: url(cms.svg/Head-Down.svg);
  background-position: center bottom;
}

/* ----- */
.ShowMore { display: block; padding: 30px; text-align: center; }

.ShowMoreBut {
  padding: 12px 45px 12px 20px; 
  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 16px; line-height: 100%; color: #444; text-align: center;

  background-color: #FFF;
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-image: url(cms.svg/ShowMore-But.svg);
  background-position: right 15px center;
  
  border: 2px solid rgba(0,0,0,0.10);

  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;

  -webkit-transition: background 0.5s ease-out, border 0.5s ease-out;
  -moz-transition: background 0.5s ease-out, border 0.5s ease-out;
  -ms-transition: background 0.5s ease-out, border 0.5s ease-out;
  -o-transition: background 0.5s ease-out, border 0.5s ease-out;
  transition: background 0.5s ease-out, border 0.5s ease-out;

  cursor: pointer;
}

.ShowMoreBut:hover { background-color: #FFF; background-position: right 8px center; border: 2px solid rgba(0,0,0,0.15); }
.ShowMoreBut:active, .ShowMoreBut:focus { -moz-outline: none; outline: none; border: 2px solid rgba(0,0,0,0.15); }
/* ------------------------------------------------------------------------------------------------------------------------ */



/* FULL BOXES */
/* ------------------------------------------------------------------------------------------------------------------------ */
.FullBoxes { 
	position: relative;
  width: 100%; height: 100vh; min-height: 500px;
  
  font-size: 0px;
  overflow: hidden; 
}
/* ------------------------------------------------------------------------------------------------------------------------ */






/* SLI */
/* ------------------------------------------------------------------------------------------------------------------------ */
.SliBox { position: relative;	padding-bottom: 33%; height: 0; overflow: hidden; }
.SliBoxIn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.SliImg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.SliImg0 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.SliImg1 { width: 100%; height: 100%; position: absolute; top: 0; left: 100%; }


.SliInfo { position: relative; top: 0px; left: 0px; font-size: 0px; background: rgba(0,0,0,0.4); }

.SliIco { 
  display: inline-block; vertical-align: top;
  height: 50px; padding: 10px 15px;
}
.SliIco IMG { height: 100%; }

.SliName { 
  display: inline-block; vertical-align: top;
  height: 70px;
  font-size: 24px; line-height: 70px; color: #FFF; }


.SliBot { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: rgba(0,0,0,0.20); }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (min-width: 1300px), (max-height: 800px) { .SliBox { padding-bottom: 32%; } }
@media all and (min-width: 1400px), (max-height: 750px) { .SliBox { padding-bottom: 31%; } }
@media all and (min-width: 1500px), (max-height: 700px) { .SliBox { padding-bottom: 30%; } }
@media all and (min-width: 1600px), (max-height: 650px) { .SliBox { padding-bottom: 29%; } }
@media all and (min-width: 1800px), (max-height: 600px) { .SliBox { padding-bottom: 28%; } }
@media all and (max-height: 550px) { .SliBox { padding-bottom: 27%; } }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 1000px) { .SliBox { padding-bottom: 40%; } .SliName { font-size: 22px; } }
@media all and (max-width: 800px) { .SliBox { padding-bottom: 45%; } .SliName { font-size: 20px; } }
@media all and (max-width: 600px) { .SliBox { padding-bottom: 50%; } .SliLogo { width: 220px; } .SliName { font-size: 18px; } }
@media all and (max-width: 450px) 
{
.SliBox {
  padding-bottom: 0px;
  width: 100%;
  height: 30vh; min-height: 200px;
}
}
/* ------------------------------------------------------------------------------------------------------------------------ */






/* REGISTRATION BOX */
/* ------------------------------------------------------------------------------------------------------------------------ */
.RegBox { 
  margin: auto; padding: 25px 0px; 
  border-top: 2px solid rgba(255,255,255,0.2);
  border-bottom: 2px solid rgba(0,0,0,0.05);
  
  background: #DBBC5C;
  background: -moz-linear-gradient(left, #DBBC5C 0%, #DFD087 50%, #DBBC5C 100%);
  background: -webkit-linear-gradient(left, #DBBC5C 0%,#DFD087 50%,#DBBC5C 100%);
  background: linear-gradient(to right, #DBBC5C 0%,#DFD087 50%,#DBBC5C 100%);
}
/* ----- */
.RegBoxIn { padding: 0px 10px; text-align: center; 

        font-family: 'Roboto', sans-serif; font-weight: 300; font-style: normal; 
        font-size: 18px; line-height: 160%; color: #FFF; }

.RegBoxIn SPAN { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
        font-size: 24px; line-height: 160%; color: #FFF; }

.RegBoxIn A { text-decoration: none; color: #FFF; }
.RegBoxIn A:hover { text-decoration: underline; color: #FFF; }
/* ------------------------------------------------------------------------------------------------------------------------ */




/* NEWS BOX */
/* ------------------------------------------------------------------------------------------------------------------------ */
.NewsBox { margin: auto; max-width: 1600px; }
.NewsBoxIn { padding: 40px 50px 0px; text-align: center; font-size: 0; }
/* ----- */
.NewsImg { 
  display: inline-block; vertical-align: middle; 
  position: relative; z-index: 10;
  margin-right: -70px; padding: 5px; width: 140px; height: 140px; text-align: center;
  border: 3px dashed rgba(37,151,162,0.6); /*#2597A2;*/
  border: 3px solid rgba(37,151,162,0.4);
  background: #FFF;

  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
}
.NewsImg SPAN { 
  display: inline-block; width: 140px; height: 140px; 
  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
}


.NewsText, .NewsTextImg { 
  display: inline-block; vertical-align: middle; 
  width: 100%; 
  text-decoration: none;
  
  background: #EEE; 
  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.NewsText:hover, .NewsTextImg:hover { 
  color: #444; text-decoration: none;
}

.NewsTextImg { 
  padding-left: 90px;
  width: -moz-calc(100% - 180px); 
  width: -webkit-calc(100% - 180px); 
  width: calc(100% - 180px);
}
/* ----- */
.NewsTitle { padding: 20px 20px 0px;
              font-family: 'open Sans', sans-serif; font-weight: 600; font-style: normal; 
              font-size: 22px; line-height: 120%; color: #444; text-align: left; }
.NewsTitle SPAN { font-size: 16px; font-weight: 400; line-height: 150%; color: #999; }

.NewsShort { padding: 7px 20px 20px;
              font-family: 'open Sans', sans-serif; font-weight: 400; font-style: normal; 
              font-size: 18px; line-height: 150%; color: #444; text-align: left; }
/* ----- */


.NewsB { padding: 15px 0px; border-bottom: 1px solid #E6E6E6; }
/* ----- */
.NewsBTitle { padding-bottom: 5px; color: #333; font-size: 20px; line-height: 120%; }
.NewsBTitle A { text-decoration: none; color: #333; }
.NewsBTitle A:hover { text-decoration: none; color: #333; }
.NewsBTitle SPAN { color: #999; font-family: Arial, Tahoma; font-size: 12px; line-height: 14px; }
/* ------------------------------------------------------------------------------------------------------------------------ */
@media all and (max-width: 800px) 
{
.NewsBoxIn { padding: 40px 30px 0px; }

.NewsImg { display: inline-block; margin-right: 0px; margin-bottom: -70px; /*border: 3px dashed rgba(0,0,0,0.4);*/ background: #FFF; }
.NewsTextImg { 
  padding-top: 70px;
  padding-left: 0px;
  width: 100%;
}
}

@media all and (max-width: 600px) 
{
.NewsBoxIn { padding: 40px 20px 0px; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */








/* SITE */
/* ------------------------------------------------------------------------------------------------------------------------ */
.SiteTop { position: relative; height: 90px; text-align: center; }

.SiteLogo {
  display: block;
  position: absolute; top: 5px; left: 20px;
  text-decoration: none;
  opacity: 0.9;

  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.SiteLogo IMG { height: 80px; }
.SiteLogo:hover { opacity: 1; }

.SiteTel { position: absolute; top: 25px; right: 20px; color: #999; }

.SiteContTel { padding: 20px 20px 0px; text-align: center; }

.SiteTel A, .SiteContTel A {
  display: inline-block; vertical-align: middle;
  padding-left: 15px;
  padding-right: 45px;
  height: 40px; 

  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal;
  line-height: 40px; font-size: 20px; color: #FFF;
  text-decoration: none; 

  background-color: #E39720; 
  background-image: url(cms.svg/SiteTel.svg), -moz-linear-gradient(135deg, #F5AC3A 0%, #E39720 100%);
  background-image: url(cms.svg/SiteTel.svg), -webkit-linear-gradient(135deg, #F5AC3A 0%, #E39720 100%);
  background-image: url(cms.svg/SiteTel.svg), linear-gradient(135deg, #F5AC3A 0%, #E39720 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: right 6px center, center center;
  background-size: 38px auto, 100% 100%;

  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.SiteTel A:hover, .SiteContTel A:hover { text-decoration: none; color: #FFF; }
/* ----- */
.SiteTitle { 
  display: block;
  padding: 25px 40px; 
  text-align: center; 

  text-decoration: none;
  color: #FFF; 
  line-height: 40px;
  font-size: 30px;

  background: #966D4A;
  background: -moz-linear-gradient(left, #6B3D15 0%, #966D4A 50%, #6B3D15 100%);
  background: -webkit-linear-gradient(left, #6B3D15 0%, #966D4A 50%, #6B3D15 100%);
  background: linear-gradient(to right, #6B3D15 0%, #966D4A 50%, #6B3D15 100%);

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.SiteTitle:hover { 
  text-decoration: none;
  color: #FFF; 
  line-height: 40px;
  font-size: 36px;

  background: #16767F;
  background: -moz-linear-gradient(left, #2597A2 0%, #16767F 50%, #2597A2 100%);
  background: -webkit-linear-gradient(left, #2597A2 0%,#16767F 50%,#2597A2 100%);
  background: linear-gradient(to right, #2597A2 0%,#16767F 50%,#2597A2 100%);
}
/* ----- */
.SiteH1 {
  display: block;
  padding: 25px 20px;
  text-align: center;

  text-decoration: none;
  color: #FFF;
  line-height: 120%;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;

  border-top: 2px solid rgba(255,255,255,0.20);
  border-bottom: 2px solid rgba(0,0,0,0.05);
  
  background: #966D4A;
  background: -moz-linear-gradient(left, #6B3D15 0%, #966D4A 50%, #6B3D15 100%);
  background: -webkit-linear-gradient(left, #6B3D15 0%, #966D4A 50%, #6B3D15 100%);
  background: linear-gradient(to right, #6B3D15 0%, #966D4A 50%, #6B3D15 100%);
}
.SiteH1 SPAN {
  display: block;
  margin-top: -2px;
  margin-bottom: -5px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
}
/* ----- */
.RegBoxIn, .SiteH1, .SiteTel A, .SiteContTel A, .CatBoxesTitle { text-shadow: 1px 1px rgba(102,79,16,0.3); }
/* ----- */
.SiteBack { 
  display: block;
  padding: 15px 20px 15px 45px; 

  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 20px; color: #333; 
  text-decoration: none;

  background-color: #FFF;
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-image: url(cms.svg/ico_back_grey.svg);
  background-position: 15px center;

  border-bottom: 1px solid #DDD;

  -webkit-transition: background 0.5s ease-out;
  -moz-transition: background 0.5s ease-out;
  -ms-transition: background 0.5s ease-out;
  -o-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}
.SiteBack:hover { background-color: #FFF; background-position: 8px center; color: #333; text-decoration: none; }


.SiteSlo {
  margin-top: 30px;
  padding: 25px 30px;
  text-align: center;

  font-family: 'Open Sans', sans-serif; 
  color: #C7A64B;
  line-height: 130%;
  font-size: 24px;
  font-weight: 500;
  font-style: italic;

  border: 1px solid #DFD086;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  
  background: #FFF;
  /*
  background: -moz-linear-gradient(left, #F7F6EF 0%, #FFF 10%, #FFF 90%, #F7F6EF 100%);
  background: -webkit-linear-gradient(left, #F7F6EF 0%, #FFF 10%, #FFF 90%, #F7F6EF 100%);
  background: linear-gradient(to right, #F7F6EF 0%, #FFF 10%, #FFF 90%, #F7F6EF 100%);
  */
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 1150px) { .SiteLogo { top: 20px; } .SiteLogo IMG { height: 50px; } }
@media all and (max-width: 1000px) {

.SiteTel { display: none; } 

.SiteTop { position: static; height: auto; padding: 10px 0px; }

.SiteLogo { display: inline-block; position: static; }
.SiteLogo IMG { width: 70%; height: auto; }

.SiteH1 { font-size: 28px; }
}
@media all and (max-width: 700px) { .SiteH1 { font-size: 27px; } .SiteLogo IMG { width: 75%; } }
@media all and (max-width: 600px) { .SiteH1 { font-size: 26px; } .SiteLogo IMG { width: 85%; } }
@media all and (max-width: 500px) { .SiteH1 { font-size: 25px; } .SiteLogo IMG { width: 90%; } }
@media all and (max-width: 450px) { 

.SiteTop { padding: 5px 0px; }

.SiteLogo IMG { width: auto; height: 75px; }

.SiteH1 { font-size: 24px; } 
}
@media all and (max-width: 350px) { .SiteLogo IMG { width: 90%; height: auto; } }
/* ------------------------------------------------------------------------------------------------------------------------ */



.SiteTopGrad { 
  border-top: 3px solid #FFF;

  background-repeat: no-repeat;
  background-size: 100% 40px;
  background-position: center top; 
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 100%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 100%);
}

.SiteMinH { min-height: 300px; height: auto !important; height: 300px; }

.SiteCont { padding: 20px 50px; /*padding: 20px 50px 50px; */ }
.SiteCont IMG { max-width: 100%; height: auto; }


/* ----- */
.SiteGalTitle {
  margin-bottom: 20px;
  padding: 12px 20px 12px 60px;

  color: #FFF; line-height: 130%; font-size: 20px;
  font-weight: 400; font-style: normal;

  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

  background-color: #DBBC5C; 
  background-image: url(cms.svg/SiteGalTitle.svg), -moz-linear-gradient(left, #DBBC5C 0%, #DFD087 100%);
  background-image: url(cms.svg/SiteGalTitle.svg), -webkit-linear-gradient(left, #DBBC5C 0%, #DFD087 100%);
  background-image: url(cms.svg/SiteGalTitle.svg), linear-gradient(to right, #DBBC5C 0%, #DFD087 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: left 6px center, center center;
  background-size: auto 40px, 100% 100%;
}

/* ----- */
/*
.GalBoxes {
  margin: 40px -20px 0px;
  padding: 30px 40px; background: #E9E9E9;
  border: 1px solid #D6D6D6;
  font-size: 0px;
}
.GalBox { display: inline-block; vertical-align: top; width: 16.66%; }
.GalBoxIn {
  margin: 1px; position: relative; 
  padding-bottom: -moz-calc(100% - 2px); 
  padding-bottom: -webkit-calc(100% - 2px); 
  padding-bottom: calc(100% - 2px);
  height: 0; overflow: hidden; 
}
.GalBoxImg {
  display: block;
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;

  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover;

  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 0.2s;
}
.GalBoxImg:hover {
	margin-left: -10%;
  margin-top: -10%;
	width: 120%; 
  height: 120%;
}
.GalBoxImg SPAN {
  display: block;
  width: 100%; height: 100%;

  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 15% auto;

  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.GalBoxImg:hover SPAN {
  background-color: rgba(0,0,0,0.4); 
  background-image: url(cms.svg/ico_zoom.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25% auto;
}

.GalBoxImg1 {
  display: block;
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;

  background-color: #2597A2; 
  background-image: url(cms.svg/GalBox1.svg), -moz-linear-gradient(135deg, rgba(15,124,135,1) 0%, rgba(37,151,162,1) 100%);
  background-image: url(cms.svg/GalBox1.svg), -webkit-linear-gradient(135deg, rgba(15,124,135,1) 0%, rgba(37,151,162,1) 100%);
  background-image: url(cms.svg/GalBox1.svg), linear-gradient(135deg, rgba(15,124,135,1) 0%, rgba(37,151,162,1) 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: 50% auto, 100% 100%;
  
}

.RecTitle { padding: 10px 0px 5px; 
              font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
              font-size: 26px; line-height: 26px; color: #444; 
}
.RecTitle SPAN.RecDate { color: #AAA; font-family: Arial, Tahoma; font-size: 12px; line-height: 24px; }

.RecShort {
  padding: 10px 0px 20px; 
  font-weight: 700; 
}
*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*
@media all and (min-width: 1500px) { .GalBox { width: 14.28%; } }
@media all and (min-width: 1800px) { .GalBox { width: 12.5%; } }

@media all and (max-width: 1200px) { .GalBox { width: 20%; } } 
@media all and (max-width: 800px) 
{
.SiteBack { margin: 0px 15px; }
.SiteCont { padding: 20px 25px 50px; }

.GalBoxes { margin: 30px -15px 0px; padding: 25px 30px; }
.GalBox { width: 25%; }
}

@media all and (max-width: 600px) { .GalBox { width: 33.33%; } }
@media all and (max-width: 400px) { .GalBox { width: 50%; } }
*/

@media all and (max-width: 800px) 
{
.SiteBack { margin: 0px 15px; }
.SiteCont { padding: 20px 25px; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */



/* Site-Sort */
/* ======================================================================================================================== */
.Site-Sort { margin-top: 20px; text-align: center; 

  font-family: 'Open Sans', sans-serif; 
  font-weight: 400; 
  font-style: normal; 
  font-size: 18px;
}
.Site-Sort SPAN, .Site-Sort A {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background: #AAA;
  -webkit-border-radius: 20px; 
  -moz-border-radius: 20px; 
  border-radius: 20px;
}
.Site-Sort A:hover {
  text-decoration: none;
  background: #16767F;
}
.Site-Sort SPAN { 
  background: #2597A2;
}
/* ------------------------------------------------------------------------------------------------------------------------ */







/* SPAW */
/* ======================================================================================================================== */
TABLE.table_b { border-left: 1px solid #DDD; border-top: 1px solid #DDD; }
TABLE.table_b TD { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
/* ----- */
TABLE.table_font {  }
TABLE.table_font TD { font-size: 11px; line-height: normal; }
TABLE.table_font DIV { font-size: 11px; line-height: normal; }
/* ----- */
TABLE.table_b_font { border-left: 1px solid #DDD; border-top: 1px solid #DDD; }
TABLE.table_b_font TD { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; font-size: 12px; line-height: normal; }
TABLE.table_b_font DIV { font-size: 11px; line-height: normal; }
/* ----- */
TABLE.table_bb_font { border-top: 1px solid #DDD; }
TABLE.table_bb_font TD { border-bottom: 1px solid #DDD; font-size: 12px; line-height: normal; }
TABLE.table_bb_font DIV { font-size: 11px; line-height: normal; }
/* ----- */
IMG.img_b { padding: 2px; background: #FFF; border: 1px solid #DDD; 
            -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
IMG.img_b_mar_r  { margin: 0px 15px 10px 0px; padding: 2px; background: #FFF; border: 1px solid #DDD; 
                   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
IMG.img_b_mar_l  { margin: 0px 0px 10px 15px; padding: 2px; background: #FFF; border: 1px solid #DDD; 
                   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
IMG.img_b_mar_f { margin: 15px; padding: 2px; background: #FFF; border: 1px solid #DDD; 
                  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* ----- */
.font_small { font-size: 11px; line-height: normal; }
.font_big { font-size: 14px; line-height: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana; }
/* ------------------------------------------------------------------------------------------------------------------------ */


/* WEB */
/* ======================================================================================================================== */
.web_site_title { padding: 10px; border-bottom: 1px solid #DDD;
                  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
                  font-size: 26px; line-height: 26px; color: #444; text-align: center; }
/* ----- */
.web_sites { padding: 10px; text-align: center; background: #EEE; 
              border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.web_sites IMG { display: inline-block; vertical-align: middle; }
.web_sites SPAN { color: #BBB; }
.web_sites A { text-decoration: none; color: #333; }
.web_sites A:hover { text-decoration: underline; color: #333; }
/* ----- */
.web_offer_pdf { padding: 10px; text-align: center; border-bottom: 1px solid #DDD; }
.web_offer_pdf IMG { display: inline-block; vertical-align: middle; }
.web_offer_pdf A { text-decoration: none; color: #333; }
.web_offer_pdf A:hover { text-decoration: underline; color: #333; }
/* ----- */
.web_map { margin: 0 auto; width: 400px; padding: 20px 0px; text-align: center; }
/* ----- */
.web_site_back { padding: 10px; color: #666; font-size: 14px; border-bottom: 1px solid #DDD; }
.web_site_back A { text-decoration: none; color: #333; }
.web_site_back A:hover { text-decoration: underline; color: #333; }
/* ----- */
.web_site_cont { padding: 20px 0px; }
.web_site_cont IMG { max-width: 100%; height: auto; }
/* ======================================================================================================================== */
.web_list_box { padding: 15px 0px; border-bottom: 1px solid #E6E6E6; }
/* ----- */
.web_list_box_title { padding-bottom: 5px; color: #333; font-family: Arial, Tahoma; font-size: 15px; line-height: 18px; }
.web_list_box_title A { text-decoration: none; color: #333; }
.web_list_box_title A:hover { text-decoration: none; color: #333; }
.web_list_box_title SPAN.list_data { color: #AAA; font-family: Arial, Tahoma; font-size: 12px; line-height: 14px; }
.web_list_box_title SPAN.list_rank { color: #444; font-family: Arial, Tahoma; font-size: 12px; line-height: 14px; }
/* ----- */
.web_list_sort { padding: 10px 15px; font-size: 12px; text-align: center; }
.web_list_sort A { text-decoration: none; color: #333; }
.web_list_sort A:hover { text-decoration: none; color: #333; }
/* ======================================================================================================================== */
/*
.web_rec_back { margin-bottom: 10px; padding: 5px 0px 7px; color: #666; font-size: 14px; border-bottom: 1px solid #E6E6E6; }
.web_rec_back A { text-decoration: none; color: #333; font-size: 12px; }
.web_rec_back A:hover { text-decoration: underline; color: #333; }
*/
/* ----- */
.web_rec_title { padding: 10px 0px 5px; 
                  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
                  font-size: 26px; line-height: 26px; color: #444; 
}
.web_rec_title SPAN.list_data { color: #AAA; font-family: Arial, Tahoma; font-size: 12px; line-height: 24px; }
.web_rec_title SPAN.list_rank { color: #444; font-family: Arial, Tahoma; font-size: 12px; line-height: 140%; }
/* ----- */
.web_rec_cont { padding: 10px 0px 20px; }
.web_rec_cont IMG { max-width: 100%; height: auto; }
/* ----- */
.web_rec_com { padding: 0px 10px 10px; font-family: Arial, Tahoma, Verdana; font-size: 24px; line-height: 20px; color: #E2DDCE; 
               font-weight: bold; text-align: right; border-bottom: 1px solid #EDE9DE; }
/* ======================================================================================================================== */
.web_list_rec { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #EEE; }
.web_list_rec SPAN { color: #BBB; line-height: 200%; }
/* ----- */
.web_list_all { margin-top: -13px; text-align: right; }
/* ----- */
.web_list_sort { padding: 10px 30px; text-align: center; font-size: 14px; background: #EEE; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 620px) 
{
.web_map { width: 90%; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */


/* MEDIA BOX */
/* ======================================================================================================================== */
.media_title { padding: 10px 0px; font-family: Arial, Tahoma; font-size: 15px; line-height: 30px; color: #000; font-weight: bold; text-align: center; }
.media_img { padding-bottom: 20px; text-align: center; }
.media_img IMG { border: 0px none; }
/* ======================================================================================================================== */




/* GOOGLE MAP */
/* ------------------------------------------------------------------------------------------------------------------------ */
.GMap { margin-top: 15px; margin-bottom: 60px; width: 100%; height: 502px; border-top: 1px solid #DDD; background: #EEE; }
/* ------------------------------------------------------------------------------------------------------------------------ */




/* IND BOX */
/* ------------------------------------------------------------------------------------------------------------------------ */
.IndBox1, .IndBox2 {
  padding: 50px 100px 40px;
  font-family: 'Open Sans', sans-serif; font-style: normal; line-height: 150%; color: #444;
}
.IndBox1 {
  border-top: 5px solid #EDEDED;

  background: #F0F0F0;
  background: -moz-linear-gradient(left, #F0F0F0 0%, #F5F5F5 100%, #F0F0F0 100%);
  background: -webkit-linear-gradient(left, #F0F0F0 0%, #F5F5F5 100%, #F0F0F0 100%);
  background: linear-gradient(to right, #F0F0F0 0%, #F5F5F5 100%, #F0F0F0 100%);
}
.IndBox2 {
  margin-bottom: 2px;

  background-color: #FFF;
  background-image: -moz-linear-gradient(top, #FFF 0%, #E9E9E9 100%);
  background-image: -webkit-linear-gradient(top, #FFF 0%, #E9E9E9 100%);
  background-image: linear-gradient(to bottom, #FFF 0%, #E9E9E9 100%);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 30px;
}

.IndBox1 STRONG, .IndBox2 STRONG { color: #555; }

.IndBox1 H1 { font-family: 'Roboto', sans-serif; font-size: 26px; font-weight: 600; color: #555; }
.IndBox2 H2 { font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 400; color: #C7A64B; }

.IndBox1 A, .IndBox2 A { color: #333; }
.IndBox1 A:hover, .IndBox2 A:hover { color: #33ABB6; }

.IndLogo { padding: 10px 0px 40px; text-align: center; font-size: 0px; }
.IndLogo SPAN { display: inline-block; vertical-align: middle; text-align: center; }
.IndLogo SPAN:first-child { padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #999; }
.IndLogo SPAN:nth-child(2) { padding: 10px 30px; }
.IndLogo SPAN:nth-child(3) { padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
  background: #33ABB6;
  background: -moz-linear-gradient(45deg, #33ABB6 40%, #1C858F 100%);
  background: -webkit-linear-gradient(45deg, #33ABB6 40%, #1C858F 100%);
  background: linear-gradient(45deg, #33ABB6 40%, #1C858F 100%);
}

.IndLogo SPAN:first-child IMG, .IndLogo SPAN:nth-child(3) IMG { width: 250px; }
.IndLogo SPAN:nth-child(2) IMG { width: 150px; }
.IndLogo SPAN:nth-child(2) IMG:nth-child(2) { display: none; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 1300px) { .IndBox1, .IndBox2 { padding: 50px 50px 40px; } }
@media all and (max-width: 1150px) { 
.IndLogo SPAN:first-child IMG, .IndLogo SPAN:nth-child(3) IMG { width: 200px; } 
.IndLogo SPAN:nth-child(2) IMG { width: 120px; }
}
@media all and (max-width: 1000px) { 
.IndBox1, .IndBox2 { padding: 50px 30px 40px; } 

.IndLogo SPAN:first-child IMG, .IndLogo SPAN:nth-child(3) IMG { width: 250px; } 
.IndLogo SPAN:nth-child(2) IMG { width: 150px; }
}
@media all and (max-width: 1000px) { .IndBox1, .IndBox2 { font-size: 18px; } }
@media all and (max-width: 850px) { 
.IndLogo SPAN:nth-child(2) { display: block; text-align: center; }

.IndLogo SPAN:nth-child(2) IMG:first-child { display: none; }
.IndLogo SPAN:nth-child(2) IMG:nth-child(2) { display: inline-block; }

}
@media all and (max-width: 800px) { .IndBox1, .IndBox2 { /*font-size: 17px;*/ } }
@media all and (max-width: 600px) { .IndBox1, .IndBox2 { /*font-size: 16px;*/ } }
/* ------------------------------------------------------------------------------------------------------------------------ */




/* FEED BOX */
/* ------------------------------------------------------------------------------------------------------------------------ */
.FeedBox { 
  position: relative;
  padding: 30px 100px;

  background-color: #3DB0BB;
  background-image: url(cms.files/img/FeedBox.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
.FeedBoxLT { position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: rgba(0,0,0,0.1); }
.FeedBoxLB { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: rgba(0,0,0,0.05); }

.FeedBoxIn {
  position: relative;
  top: 0; left: 0; width: 100%; min-height: 400px;

  overflow: hidden;
  /*background: white;*/
}
.FeedBoxInv {
  position: absolute;
  top: 50%;
  width: 100%; 

  text-align: center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  /*background: yellow;*/

  /*
  display: flex;
  justify-content: center;
  align-items: center;
  */
}
.FeedBoxInv IMG { margin-bottom: 25px; width: 200px; }
.FeedBoxInv DIV {
  font-family: 'Roboto', sans-serif; font-weight: 300; font-style: normal; 
  font-size: 20px; line-height: 160%; color: #FFF; 
  /*background: pink;*/
}

.Feed-Stars-SVG { margin-bottom: 25px; width: 200px; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 1300px) { .FeedBox { padding: 30px 50px; } }
@media all and (max-width: 1000px) { .FeedBox { padding: 30px 30px; } }
@media all and (max-width: 1000px) { .FeedBoxInv DIV { font-size: 18px; } }
@media all and (max-width: 800px) { .FeedBoxInv DIV { font-size: 17px; } }
@media all and (max-width: 600px) { 
.FeedBoxIn {
  height: -moz-calc(100vh - 60px); 
  height: -webkit-calc(100vh - 60px); 
  height: calc(100vh - 60px);

  min-height: 500px;
}
.FeedBoxInv DIV { font-size: 16px; } 
.Feed-Stars-SVG { width: 150px; }  
}
/* ------------------------------------------------------------------------------------------------------------------------ */




/* GALLERY */
/* ------------------------------------------------------------------------------------------------------------------------ */
/*
.GalImgBox { position: relative; float: left; width: 33.33%; }
.GalImgBox:after { content: ""; display: block; padding-bottom: 75%; }
.GalImgBoxIn { 
  position: absolute; top: 10%; left: 10%; 
  width: 80%; 
  height: 80%; 
 
  outline: 2px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  
  overflow: hidden; 
}
.GalImgBoxIn:hover { 
  outline: 1px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
  box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
}



.Photo { 
  width: 100%; 
  height: 100%; 
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 0.2s;
}
.Photo:hover { 
	margin-left: -10%;
  margin-top: -10%;
	width: 120%; 
  height: 120%;
}
.Photo A { display: block; width: 100%; height: 100%; 
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;

  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 15% auto;
}
.Photo A:hover { 
  background-color: rgba(0,0,0,0.5); 
  background-image: url(cms.files/svg/ico_zoom.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25% auto;
}

.PhotoTitle { 
  position: absolute; left: 0; right: 0; bottom: 0; 
  padding: 8px 10px; 
  
  font-family: 'Roboto', sans-serif; font-weight: 300; font-style: normal; 
  font-size: 18px; line-height: 125%; color: #FFF; 
  text-align: center; text-shadow: 1px 1px rgba(0,0,0,0.5); 
            
  background-color: rgba(0,0,0,0.6);
}

.PhotoCount { 
  position: absolute; right: 0; top: 0; 
  padding: 5px 10px 5px 50px; 
  height: 30px;

  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 20px; line-height: 30px; color: #FFF; 
  text-align: center; text-shadow: 1px 1px rgba(0,0,0,0.5); 

  background-color: rgba(0,0,0,0.6); 

  -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; 

  background-repeat: no-repeat;
  background-position: 7px center; 
  background-image: url(cms.files/svg/ico_camera.svg);
  background-size: 30px auto; }
*/
/* ------------------------------------------------------------------------------------------------------------------------ */
/*
@media all and (max-width: 1300px) { .GalImgBox { width: 50%; } }
@media all and (max-width: 1200px) { .PhotoTitle { font-size: 17px; } }
@media all and (max-width: 1000px) { .PhotoTitle { font-size: 16px; } }
@media all and (max-width: 800px) { .GalImgBox { width: 100%; } }
*/
/* ------------------------------------------------------------------------------------------------------------------------ */



/* TITLE / BACK / CONTENT / SORT / MORE / BUTCOLOR */
/* ------------------------------------------------------------------------------------------------------------------------ */
.Title, .TitleInd {
  margin-top: 5px;
  clear: both;

  padding: 10px 20px 15px; text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  color: #444;

  background-repeat: no-repeat, no-repeat;
  background-size: auto 30px, 100% 2px;
  background-position: center bottom -15px, center bottom;
  background-image: url(cms.svg/Ico-Dot.svg);
  background-image: url(cms.svg/Ico-Dot.svg), -moz-linear-gradient(left, #FFF 0%, #D8A766 50%, #FFF 100%);
  background-image: url(cms.svg/Ico-Dot.svg), -webkit-linear-gradient(left, #FFF 0%, #D8A766 50%, #FFF 100%);
  background-image: url(cms.svg/Ico-Dot.svg), linear-gradient(to right, #FFF 0%, #D8A766 50%, #FFF 100%);
}
.TitleInd { 
  margin: -10px 3% 0px;
  color: #FFF;
  text-shadow: 1px 1px rgba(107,61,21,0.5);
  
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: center bottom;
  background-image: -moz-linear-gradient(left, #D8A766 0%, #FFF 50%, #D8A766 100%);
  background-image: -webkit-linear-gradient(left, #D8A766 0%, #FFF 50%, #D8A766 100%);
  background-image: linear-gradient(to right, #D8A766 0%, #FFF 50%, #D8A766 100%);
}
/* ------------------------------------------------------------------------------------------------------------------------ */
.Back {
  display: block;
  text-decoration: none;

  clear: both;

  padding: 10px 20px; text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #444;

  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: center bottom;
  background-image: -moz-linear-gradient(left, #FFF 0%, #D8A766 50%, #FFF 100%);
  background-image: -webkit-linear-gradient(left, #FFF 0%, #D8A766 50%, #FFF 100%);
  background-image: linear-gradient(to right, #FFF 0%, #D8A766 50%, #FFF 100%);

  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.Back:hover {
  text-decoration: none;
  
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 2px, 100% 100%;
  background-position: center bottom, center center;
  background-image: -moz-linear-gradient(left, #FFF 0%, #D8A766 50%, #FFF 100%), -moz-linear-gradient(left, #FFF 0%, #F7EDE0 50%, #FFF 100%);
  background-image: -webkit-linear-gradient(left, #FFF 0%, #D8A766 50%, #FFF 100%), -webkit-linear-gradient(left, #FFF 0%, #F7EDE0 50%, #FFF 100%);
  background-image: linear-gradient(to right, #FFF 0%, #D8A766 50%, #FFF 100%), linear-gradient(to right, #FFF 0%, #F7EDE0 50%, #FFF 100%);
}
/* ------------------------------------------------------------------------------------------------------------------------ */
.Content { padding: 20px 15px 60px; }
.Content IMG { max-width: 100%; height: auto; width: auto\9; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.Sort { margin-top: 20px; margin-bottom: 30px; text-align: center; }
.Sort SPAN, .Sort A { 
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background: #AAA;
  -webkit-border-radius: 20px; 
  -moz-border-radius: 20px; 
  border-radius: 20px;
}
.Sort A:hover {
  text-decoration: none;
  background: #814F24;
}
.Sort SPAN { 
  background: #BE6D00;
}
/* ------------------------------------------------------------------------------------------------------------------------ */
.More { padding: 10px 10px 20px; text-align: center; }
.More A { text-decoration: none; }
.More A:hover { text-decoration: none; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.ButColor {
  padding: 12px 45px 12px 20px; 
  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 100%; color: #FFF; text-align: center; 
  
  border: 0px none; cursor: pointer; 
  background-color: #E39720;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 30px, 100% 100%;
  background-position: right 15px center, center center;
  background-image: url(cms.svg/Ico-Go.svg);
  background-image: url(cms.svg/Ico-Go.svg), -moz-linear-gradient(left, #E39720 20%, #F5AC3A 50%, #E39720 80%);
  background-image: url(cms.svg/Ico-Go.svg), -webkit-linear-gradient(left, #E39720 20%, #F5AC3A 50%, #E39720 80%);
  background-image: url(cms.svg/Ico-Go.svg), linear-gradient(to right, #E39720 20%, #F5AC3A 50%, #E39720 80%);

  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;

  -webkit-box-shadow: 0px 0px 5px 2px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(255,255,255,1);
  box-shadow: 0px 0px 5px 2px rgba(255,255,255,1);

  -webkit-transition: background 0.5s ease-out;
  -moz-transition: background 0.5s ease-out;
  -ms-transition: background 0.5s ease-out;
  -o-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}
.ButColor:hover { background-position: right 8px center, center center; border: 0px none; }
.ButColor:active, .ButMore:focus { -moz-outline: none; outline: none; border: 0px none; }

.ButNews { background-color: #D8A766; }
/* ------------------------------------------------------------------------------------------------------------------------ */




/* GALLINE D8A766 D8A766 */
/* ------------------------------------------------------------------------------------------------------------------------ */
.GalLine { margin-bottom: 20px; background: #6B3D15; border-top: 2px solid #946B48; border-bottom: 2px solid #946B48; }
.GalLineIn { 
  margin: auto; max-width: 1200px; font-size: 0; 
  padding: 20px 0px;

  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
}
/* ------------------------------------------------------------------------------------------------------------------------ */




/* GALLERY */
/* ------------------------------------------------------------------------------------------------------------------------ */
.GalBox { position: relative; float: left; width: 33.33%; }
.GalBox:after { content: ""; display: block; padding-bottom: 75%; }
.GalBoxIn { 
  position: absolute; top: 10%; left: 10%; 
  width: 80%; 
  height: 80%; 
 
  outline: 2px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  
  overflow: hidden; 
}
.GalBoxIn:hover { 
  outline: 1px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
  box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
}
/* ------------------------------ */
.PhotoBox { position: relative; float: left; width: 25%; }
.PhotoBox:after { content: ""; display: block; padding-bottom: 75%; }
.PhotoBoxIn { 
  position: absolute; top: 10%; left: 10%; 
  width: 80%; 
  height: 80%; 
 
  outline: 2px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  
  overflow: hidden; 
}
.PhotoBoxIn:hover { 
  outline: 1px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
  box-shadow: 0px 0px 10px 5px rgba(150,150,150,1);
}
/* ------------------------------ */
.Photo { 
  width: 100%; 
  height: 100%; 
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 0.2s;
}
.Photo:hover { 
	margin-left: -10%;
  margin-top: -10%;
	width: 120%; 
  height: 120%;
}
.Photo A { display: block; width: 100%; height: 100%; 
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;

  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 15% auto;
}
.Photo A:hover { 
  background-color: rgba(0,0,0,0.5); 
  background-image: url(cms.files/svg/ico_zoom.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25% auto;
}

.PhotoTitle { position: absolute; left: 0; right: 0px; bottom: 0; padding: 1% 2%; text-align: center; text-shadow: 1px 1px rgba(0,0,0,0.5); 
            font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 16px; line-height: 150%; background-color: rgba(0,0,0,0.6); }

.PhotoDate { position: absolute; left: 0; top: 0px; padding: 1% 3%; text-align: center; text-shadow: 1px 1px rgba(0,0,0,0.5); 
            font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 12px; line-height: 150%; background-color: rgba(0,0,0,0.6); 
            -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.PhotoCount { position: absolute; right: 0; top: 0px; padding: 1% 3%; text-align: center; text-shadow: 1px 1px rgba(0,0,0,0.5); 
            font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 12px; line-height: 150%; background-color: rgba(0,0,0,0.6); 
            -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; 
            padding-left: 30px; 
            background-repeat: no-repeat;
            background-position: 7px center; 
            background-image: url(cms.files/svg/ico_camera.svg);
            background-size: 18px auto; }
            
            

/* ------------------------------------------------------------------------------------------------------------------------ */
.GalImg { 
  margin-top: 5px; 
  padding: 20px 50px;
  text-align: center;
}
.GalImg IMG {
  max-width: 100%; height: auto;

  background: #EEE;   
  outline: 2px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
}
.GalImgTitle { padding: 0px 5px 15px; text-align: center; color: #444; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 1000px) { .GalImg { padding: 20px 40px; } }
@media all and (max-width: 800px) { .GalImg { padding: 20px 30px; } }
@media all and (max-width: 600px) { .GalImg { padding: 20px 20px; } }
/* ------------------------------------------------------------------------------------------------------------------------ */
.PhotoSite { 
  /*margin: 20px auto 10px;*/
  margin-top: 20px; 
  width: 100%; 
  text-align: center;
}
.PhotoSite IMG {
/*
  background: #EEE;   
  outline: 2px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
*/
}
.PhotoDesc { padding: 3px 5px; text-align: center; color: #444; }
/* ------------------------------------------------------------------------------------------------------------------------ */
@media all and (min-width: 1400px) { /*.GalBox { width: 25%; }*/ .GalBoxInd { width: 33.33%; } /*.PhotoBox { width: 20%; }*/ }
@media all and (min-width: 1600px) { /*.GalBox { width: 20%; }*/ .GalBoxInd { width: 33.33%; } /*.PhotoBox { width: 16.66%; }*/ }

@media all and (max-width: 1000px) { .GalBox { width: 50%; } .GalBoxInd { width: 100%; } .PhotoBox { width: 33.33%; } }
@media all and (max-width: 800px) { .GalBox { width: 100%; } .PhotoBox { width: 50%; } }
@media all and (max-width: 400px) { .GalBox { width: 100%; } .PhotoBox { width: 100%; } }
/* ------------------------------------------------------------------------------------------------------------------------ */
.GalYT { 
  margin-top: 5px; 
  padding: 20px 50px;
  text-align: center;
}
.GalYTTitle { padding: 0px 5px 15px; text-align: center; color: #444; }

.YTBox { 
  margin: 5px auto; 
  width: 80%; 
  background-color: #EEE;
  background-image: url(cms.svg/Loader-R.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80px auto;

  outline: 2px solid #FFF;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
  box-shadow: 0px 0px 10px 5px rgba(204,204,204,1); 
}
.YTBoxIn { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; }
.YTBoxIn iframe { position: absolute; top: -4px; left: -4px; width: 100%; height: 100%; margin: 0px; }
/*
.YTDesc { 
  z-index: 99;
  position: relative; padding: 3px 5px; text-align: center; color: #FFF; 
  background: #000; outline: 2px solid rgba(255,255,255,0.25); 
}*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 1000px) { .GalYT { padding: 20px 25px; } }
@media all and (max-width: 800px) { .GalYT { padding: 20px 0px; } }


@media all and (min-width: 1400px) { .YTBox { width: 900px; } }

@media all and (max-width: 800px) { .YTBox { width: 100%; } }
/* ------------------------------------------------------------------------------------------------------------------------ */




/* LOGOS */
/* ------------------------------------------------------------------------------------------------------------------------ */
.Logos { margin-bottom: 20px; background: #E3E3E3; }
.LogosIn { 
  margin: auto; max-width: 1100px; 
  padding: 20px;
  font-size: 0; 

  background: #E3E3E3; 
  background: -moz-linear-gradient(left, #E3E3E3 0%, #EEEEEE 50%, #E3E3E3 100%);
  background: -webkit-linear-gradient(left, #E3E3E3 0%, #EEEEEE 50%, #E3E3E3 100%);
  background: linear-gradient(to right, #E3E3E3 0%, #EEEEEE 50%, #E3E3E3 100%);
}

.LogoL {
  display: inline-block; vertical-align: middle;
  width: 200px;
  height: 200px;
}
.LogoL DIV { width: 100%; text-align: center; }

.LogoR {
  display: inline-block; vertical-align: middle;
  margin-left: 30px;
  width: -moz-calc(100% - 230px); 
  width: -webkit-calc(100% - 230px); 
  width: calc(100% - 230px);
  height: auto;
}
.LogoR DIV {
/*
  display: block;
  padding-bottom: 10px;
  margin-bottom: 15px;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 150%;
  color: #444;
  /*border-bottom: 1px solid #CCC;*/
}
/*.LogoR DIV { width: 100%; }*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 550px) {
.LogoL, .LogoR { display: block; width: auto; }
.LogoR { padding-top: 20px; margin-left: 0px; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */






/* CAT */
/* ------------------------------------------------------------------------------------------------------------------------ */
.FullBox { display: inline-block; vertical-align: top; width: 50%; height: 50%; }

.FullBoxImg {
  display: block;
  position: relative;	/*height: 50vh;*/ height: 100%; overflow: hidden; cursor: pointer;

  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover;
}
.FullBoxIn { 
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  
  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 24px; line-height: 160%; color: #FFF;

  -webkit-transition: background 0.5s ease-out, top 0.5s ease-out;
  -moz-transition: background 0.5s ease-out, top 0.5s ease-out;
  -ms-transition: background 0.5s ease-out, top 0.5s ease-out;
  -o-transition: background 0.5s ease-out, top 0.5s ease-out;
  transition: background 0.5s ease-out, top 0.5s ease-out;
}
.FB1 { background-color: rgba(109,39,1,0.85); }
.FB2 { background-color: rgba(228,152,33,0.85); }
.FB3 { background-color: rgba(72,95,148,0.85); }
.FB4 { background-color: rgba(107,61,21,0.85); }


.FullBoxGo {
  position: absolute; top: -100%; left: 0; width: 100%; height: 100%;

  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -ms-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
  
  overflow: hidden; 
}


.FullBoxImg:hover .FullBoxIn { top: 100%; background-color: rgba(0,0,0,0.05); }
.FullBoxImg:hover .FullBoxGo { top: 0%; }


.FullBoxInV { 
  position: absolute;
  top: 50%;
  padding: 0px 25px;
  width: -moz-calc(100% - 50px); 
  width: -webkit-calc(100% - 50px); 
  width: calc(100% - 50px);
  
  text-align: center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  
  /*
  display: flex;
  justify-content: center;
  align-items: center;
  */
}
.FullBoxInV IMG { width: 30%; margin-bottom: 20px; }
.FullBoxInV SPAN { font-variant: small-caps; font-size: 34px; }

.FB1 .FullBoxInV IMG { width: 70%; max-width: 500px; }
.FullBoxGo .FullBoxInV { padding: 0px; width: 100%; }


.FullBoxBut {
  padding: 12px 45px 12px 20px; 
  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 16px; line-height: 100%; color: #FFF; text-align: center;
  
  border: 0px none;

  background-color: #E39720;
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-image: url(cms.svg/CatBox-But.svg);
  background-position: right 15px center;

  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;

  -webkit-box-shadow: 0px 0px 10px 5px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(255,255,255,1);
  box-shadow: 0px 0px 10px 5px rgba(255,255,255,1);

  -webkit-transition: background 0.5s ease-out;
  -moz-transition: background 0.5s ease-out;
  -ms-transition: background 0.5s ease-out;
  -o-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;

  cursor: pointer;
}

.FullBoxBut:hover { background-color: #6B3D15; background-position: right 8px center; }
.FullBoxBut:active, .FullBoxBut:focus { -moz-outline: none; outline: none; border: 0px none; }


.FullBoxDesc {
  margin-bottom: 20px;
  padding: 15px 50px;
  background-color: rgba(0,0,0,0.65);
  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 16px; line-height: 140%; color: #FFF; text-align: left;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (min-width: 1300px), (max-height: 750px) { .FullBoxInV IMG { width: 28%; } .FB1 .FullBoxInV IMG { width: 68%; } }
@media all and (min-width: 1400px), (max-height: 700px) { .FullBoxInV IMG { width: 27%; } .FB1 .FullBoxInV IMG { width: 66%; } }
@media all and (min-width: 1500px), (max-height: 650px) { .FullBoxInV IMG { width: 26%; } .FB1 .FullBoxInV IMG { width: 64%; } }
@media all and (min-width: 1600px), (max-height: 600px) { .FullBoxInV IMG { width: 25%; } .FB1 .FullBoxInV IMG { width: 62%; } .FullBoxDesc { padding: 15px 80px; } }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 800px) 
{ 
.FullBox { width: 100%; height: 25%; }
.FullBoxInV IMG { width: 140px; }
.FB1 .FullBoxInV IMG { width: 250px; }

.FullBoxDesc { padding: 15px 40px; }
}
@media all and (max-width: 600px) 
{ 
.FullBoxInV IMG { width: 120px; }

.FullBoxDesc { padding: 15px 30px; }
}
@media all and (max-width: 400px) 
{ 
.FullBoxDesc { padding: 15px 20px; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */
.FullScroll {
  position: absolute;  
  top: -moz-calc(50% - 75px); 
  top: -webkit-calc(50% - 75px); 
  top: calc(50% - 75px); 
  left: -moz-calc(50% - 75px); 
  left: -webkit-calc(50% - 75px); 
  left: calc(50% - 75px);

  width: 110px; height: 80px;
  padding: 30px 20px 40px 20px;
  
  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 18px; line-height: 150%; color: #444; text-align: center;
  
  background-color: rgba(255,255,255,1); 
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-image: url(cms.svg/FullScroll.svg);
  background-position: center bottom 20px;

  cursor: pointer;

  -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;

  -webkit-transition: background 0.5s ease-out;
  -moz-transition: background 0.5s ease-out;
  -ms-transition: background 0.5s ease-out;
  -o-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}
.FullScroll:hover { background-position: center bottom 5px; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 800px) 
{ 
.FullScroll { 
  top: -moz-calc(25% - 60px); 
  top: -webkit-calc(25% - 60px); 
  top: calc(25% - 60px); 
  left: auto; 
  right: 20px; 

  width: 90px; height: 60px;
  padding: 20px 15px 40px 15px;
 
  font-size: 16px;

  background-size: auto 40px;
  background-position: center bottom 15px;
}
}
@media all and (max-width: 400px) 
{ 
.FullScroll { 
  top: -moz-calc(25% - 50px); 
  top: -webkit-calc(25% - 50px); 
  top: calc(25% - 50px); 
  left: auto; 
  right: 20px; 

  width: 80px; height: 50px;
  padding: 20px 10px 30px 10px;
 
  font-size: 15px; line-height: 120%;

  background-size: auto 35px;
  background-position: center bottom 10px;
}
.FullScroll:hover { background-position: center bottom 0px; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */





/* ------------------------------------------------------------------------------------------------------------------------ */
.LogBox { margin: auto; padding: 40px 20px 60px; text-align: center; }
.LogBoxReg { width: 500px; text-align: left; font-size: 0px; }

.LogBoxReg SPAN { display: inline-block; vertical-align: middle; }
SPAN.Reg1 { width: 140px; padding-right: 20px; text-align: right; line-height: 40px; font-size: 18px; }
SPAN.Reg2 { width: 340px; }

/* ------------------------------ */
.LogBox INPUT { margin-bottom: 10px; }

INPUT.LogText, INPUT.LogPass { 
  width: 200px; padding: 5px 10px;
  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 18px; line-height: 26px; color: #444; text-align: center; 
  border: 2px solid #CCC; background: #FFF; 
          
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
INPUT.LogText:active, INPUT.LogText:focus, INPUT.LogPass:active, INPUT.LogPass:focus { -moz-outline: none; outline: none; }

INPUT.RComp, INPUT.RPhone, INPUT.REmail, INPUT.RPass1, INPUT.RPass2 { text-align: left; }
INPUT.RComp { width: 300px; }
INPUT.RPhone { width: 150px; }
INPUT.REmail { width: 250px; }
INPUT.RPass1, INPUT.RPass2 { width: 150px; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 600px) { 
.LogBoxReg { width: auto; padding: 20px 20px 70px;  }
.LogBoxReg SPAN { display: block; vertical-align: middle; height: auto; }
SPAN.Reg1 { width: auto; padding: 0px; text-align: left; }
SPAN.Reg2 { width: auto; padding: 0px;  }

INPUT.RComp { width: 270px; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */
.LogMenu {
  margin: 15px 0px;
  padding: 10px 20px; font-size: 0px;

  background: #EEE; 
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

.LogMenu1, .LogMenu2 { display: inline-block; vertical-align: middle; }
.LogMenu1 {
  font-size: 16px; 
  line-height: 40px; 

  width: -moz-calc(100% - 150px); 
  width: -webkit-calc(100% - 150px); 
  width: calc(100% - 150px);
}
.LogMenu2 {
  width: 150px; 
  text-align: right;
}
.LogMenu1 SPAN { color: #BBB; }
/* ------------------------------ */
.LogSites {
  margin-bottom: 15px;
  padding: 0px 20px 10px; font-size: 16px; line-height: 150%; text-align: center;

  border-bottom: 1px solid #DDD;
}
.LogSites SPAN { color: #BBB; }
.LogSites A { text-decoration: none; color: inherit; }
.LogSites A:hover { text-decoration: underline; color: inherit; }

.LogSites A.LMNow { text-decoration: underline; font-weight: bold; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media all and (max-width: 600px) {
.LogMenu1, .LogMenu2 { display: block; vertical-align: middle; width: auto; text-align: center; }
.LogMenu1 { padding-bottom: 10px; line-height: 150%; }
.LogMenu2 { padding-bottom: 5px; }
}
/* ------------------------------------------------------------------------------------------------------------------------ */