body {min-width:1260px; text-align:center; font-size: 16px; margin:0; padding:0; font-family: arial; color:#000000}

/* стандартные элементы */
div {box-sizing: border-box; margin:0; padding:0}
td {vertical-align:top; font-size:13px}
img {border:none; vertical-align:middle;}
form {margin:0; padding:20px}
button, .button {cursor: pointer}

.type_text input {width:98%; text-align:left; border:1px dotted #5B8191; background:#D6D9D9; font-size:14px; color:#535353; padding:7px 13px; border:none; border-radius:7px; 
-moz-border-radius:7px;-webkit-border-radius:7px}
fieldset {color:#475189; }
legend {color:#475189; }
button, .button, input.type_text, form {border-radius: 10px; outline:none;/* Иначе Chrome выделяет текущее поле рамкой */}
textarea.type_text {width:95%}

h1, .h1 {color:#000; font-weight: normal; font-size:23px; text-align: left !important; text-transform:uppercase; font-weight: bold}
div.mob {display:none}


h2 {font-size:23px; text-align: left; text-transform:uppercase; color:#000; font-weight: bold}
.h2 {color:#000; font-size:23px}
h3 {color:#000; font-size:23px; text-align: left; text-transform:uppercase; font-weight: bold}
a {color:#c30f0f}
.clear {clear:both !important}
.clear30 {margin-bottom:30px; clear: both}
.center {text-align:center !important}
.tar {text-align:right !important}
.fl {float:left; margin-right:15px}
div.center1 {float:left; margin:15px}
.fr {float:right; margin-left:15px}
.content p {text-align:justify}
.content ul li {list-style: url(/include/style/bul.png); list-style-position: inside
;}

.red {color:#c30f10; font-weight:bold}
.red1 {color:#c30f10; font-weight:bold; font-size 24px !important; text-transform: uppercase}
img.fl2 {vertical-align:top; margin:0 5px 10px; width:250px; border-radius:50%; border: 3px solid #c30f0f}
img.fl {margin-right:15px; margin-bottom:10px}
img.fr {margin-left:15px; margin-bottom:10px}
.bold {font-weight:bold; color:#c30f0f; font-size:21px}
.b {color:#c30f0f}
.blue {font-weight:bold; color:#c30f0f; font-size:21px; text-transform: uppercase;}

/* глобальные блоки */
div.centerblock {text-align:center; width:100%; margin-top:20px}
div.centerblock1 {text-align:center; width:100%; margin-top:205px}

/* шапка */
.top {top:0; width:100%; height:172px; color:#fff; padding:0; margin:0 auto; text-align:center; background:url(/include/style/fon.jpg) left top repeat-x; position: fixed; z-index: 1000; -webkit-box-shadow: 5px 10px 5px -5px #000;
	-moz-box-shadow: 5px 5px 5px -5px #000;
	box-shadow: 5px 5px 5px -5px #000;}
.topvn {width:1240px; height:122px; margin:0 auto; vertical-align: middle; text-align:left}

.topvn div {float:left; margin:0 7px auto 0; display: inline-block; font-size: 17px}
.topvn div a {color:#fff}

.topvn div.topvnrightmap {height:120px; text-align:left; width:280px}
.topvn div.topvnrightmap p {padding-top:13px}
.topvn div.topvnrightmap img {float: left; margin-right:15px; top: 0; left: 0}
.topvn div.topvnrighttel {height:120px; text-align:left; width:270px}
.topvn div.topvnrighttel img {float: left; margin-right:15px}
.topvn div.topvnrighttel p {padding-top:22px}
.topvn div.topvnrighttel a {text-decoration: none}
.topvn div.topvnright {text-align:left; height:120px}
.topvn div.topvnright img {float: left; margin-right:15px}
	
.logo {width: 166px; margin-right: 20px}

.cit {width: 200px; display: inline-block; padding:0; text-align: left}

.preview-block__btn {
    max-width: 155px;
    margin: -15px 0 0 43px
}
 
.custom-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 18px;
    padding: 10px 20px;
	border-radius:5px; 
-moz-border-radius:5px;-webkit-border-radius:5px;
	text-decoration: none;
    border: none;
    position: relative;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: #6ee7db;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
}
.custom-btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 300px;
    margin-left: 60px;
    background: #00D5C2;
    background: -moz-linear-gradient(top, rgba(100,0,9,16,0.7) 0%, rgba(100,0,9,16,1) 50%, rgba(100,0,9,16,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(100,0,9,16,0.7) 0%,rgba(100,0,9,16,1) 50%,rgba(100,0,9,16,0.7) 100%);
    background: linear-gradient(to bottom, rgba(100,0,9,16,0.7) 0%,rgba(100,0,9,16,1) 50%,rgba(100,0,9,16,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

/* menu */
table.hmemutable {height:48px; padding:0 !important; margin:0 auto; width:1240px;}

table.hmemutable td {padding:0; margin:0}

.hmenu {text-align:center; width:100%}
.hmenu li {display:block; margin:0; padding:0}
ul.hmenu {list-style:none; margin:0; padding:0; height:48px}
ul.hmenu * {display:block; margin:0; padding:0}
ul.hmenu a {display:block; text-decoration:none; color:white;
   -webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
   -o-transition: all 0.4s ease-in-out 0s;
   -ms-transition: all 0.4s ease-in-out 0s;
   transition: all 0.4s ease-in-out 0s; margin:0; padding:0}
ul.hmenu span {position:relative; display:block; margin:0; padding:0}
ul.hmenu span a {line-height:48px; margin:0; padding:0; color:#fff; font-size:17px; font-weight:normal}
ul.hmenu li {position:relative; float:left}
ul.hmenu ul {position:absolute; display:none; list-style:none; background:#000; z-index:1000; padding:0; margin:0 auto; z-index:80}
ul.hmenu ul li {position:relative; border-bottom:1px solid #4e4e4f; float:none; margin:0; text-align:left; width:250px}
ul.hmenu ul li a {display:block; padding:10px}
ul.hmenu ul ul {left:245px; top:-1px}
ul.hmenu span a {padding:0 8px; font-weight:normal}
ul.hmenu span a:hover, ul.hmenu .curent {color:#fff; background: URL(/include/style/podmenu.png) center 35px no-repeat;}
ul.hmenu span a.curent {color:#fff; background: URL(/include/style/podmenu.png) center 35px no-repeat;}
ul.hmenu ul li a:hover {background:#c30f0f; COLOR:#FFF}

.treugolnik {float:right; border:none !important}

#imageContainer {width:972px; height:229px; margin:auto}
#imageContainer img {position:absolute; display:block}

/* Блок контента */
div.content {width:1240px; text-align:justify; margin:0 auto 30px; padding:0 10px}

/*slayder*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }
 
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.flexslider a img { outline: none; border: none; }
 
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
    width: 100%;
    display: block;
 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.flexslider {
    position: relative;
    zoom: 1;
    padding: 0;
}
.flex-container {margin-top: 173px; min-width: 1005px;
    max-width: 1920px;
}
 
.flexslider .slides { zoom: 1; }
.flexslider .flex-control-nav {
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;
    margin: 0;
}
 
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
}
 
.flex-control-paging li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background-color: #b6b6b6 \9;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
    -moz-box-shadow: inset 0 0 0 2px #b6b6b6;
    box-shadow: inset 0 0 0 2px #b6b6b6;
}
 
.flex-control-paging li a.flex-active {
    background-color: #82d344;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbc92), to(#0b3f88));
    background-image: -webkit-linear-gradient(top, #5dbc92, #0b3f88);
    background-image: -moz-linear-gradient(top, #5dbc92, #0b3f88);
    background-image: -o-linear-gradient(top, #5dbc92, #0b3f88);
    background-image: linear-gradient(to bottom, #5dbc92, #0b3f88);
 
    -webkit-box-shadow:  0 0 0 2px #fff;
    -moz-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

/*endslider*/

img.fl1 {float:left; margin:0 15px 15px 0; border-radius:20px; border:3px solid #03557b; width:300px}
.frm_post {width:80%}
td.lefttd {width:200px}
legend {font-size:18px} 
fieldset {border:1px dotted #59656A}

table.scrollable {width:1200px; height:212px; border-collapse:collapse; margin:0; padding:0}
.scrollable td {padding:0}
td.leftscrollable {padding-right:10px}
td.rightscrollable {padding-left:10px}
#galery {margin:0; width:1090px; overflow:hidden}
#galerycontent {border-collapse:collapse}
#galerycontent td {padding:0 !important; text-align:center; vertical-align:top; margin:0}
#galerycontent a {display:block; margin:0 10px; color:#978d89; text-decoration:none; font-size:25px}
#galerycontent a img {margin:0 auto; width:340px; height:212px; border:1px solid #6c7580;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);}

#prev, #next {display:block; height:212px; width:50px}
.prev, #aktery_prev {background: url(/include/style/prev-next.png) left top no-repeat}
.next, .aktery_next {background: url(/include/style/prev-next.png) right top no-repeat}
.prev2, .next2 {visibility:hidden}
#prevras, #nextras {display:block; height:40px; width:40px}

a.images3 {display:block; float:right; margin:38px auto 0 15px; padding:10px; width:170px; text-align:center; opacity:0; transition: 450ms; animation: show3 2s 1; animation-fill-mode: forwards; animation-delay: 1s;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc); background:#c30f0f; text-decoration:none; color:#fff;     
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;}
	  @keyframes show3{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}
a.images3:hover {background:#8F8F91;     
    -webkit-transform: scale(1.05,1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.05,1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms; color:#fff !important}
div.fvd {width: 100%; margin: 0; padding: 0; text-align: center}
div.fvd ul.mul {margin: 0; padding:0}

div.gl2 {width:299px; height:213px; margin:0 4px 5px 0; padding:10px; float:left; text-align:center; border:2px solid #000; overflow:hidden;}

div.gl2 div.head {height:50px; width:270px; margin:auto; z-index:100;}
div.gl2 img {width:270px}

div.gl2 div.head a {font-size:20px; text-decoration:none; color:#6c7580}

div.gl2, div.gl1, div.gl4 {opacity:0.8;filter:alpha(opacity="80");  
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms; }
div.gl2:hover, div.gl1:hover, div.gl4:hover {opacity:1;filter:alpha(opacity="100");
    -webkit-transform: scale(1.02,1.02);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.02,1.02);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms; z-index:101}
div.gl2:hover a {color:#000 !important}

div.mul, div.mul1 {text-align:center}

div.gl1 {position: relative; display:block; width:299px; height:405px; margin:0 3px 6px 0; padding:10px; float:left; text-align:center; border:2px solid #000; overflow:hidden}
div.gl1 p {margin:12px; text-align:center !important}
div.gl1 p.dalee {display: block; width: 249px; height: 30px; background:#c30f0f; font-size:17px; line-height: 30px; text-align: center}
div.gl1 p.dalee a {color:#fff; text-decoration: none}
div.gl1 div.head1 {display: block; text-align:center !important; height:80px; overflow:hidden; padding:5px; font-size:20px; ; font-weight:bold}
div.gl1 div.head1 a {text-decoration:none; color:#6c7580 !important}
div.gl1 div.head1 p.head {overflow:hidden; text-align:center; font-size:20px; color:#6c7580}

div.gl4 {position: relative; display:block; width:299px; height:213px; margin:0 5px 10px 0; padding:10px; float:left; text-align:center; border:2px solid #000}
div.gl4 div.glcont {display: block; text-align: center; height: 193px; overflow:hidden; padding:5px}
div.gl4 div.glcont img {text-align:center; width: 279px}
div.gl4 div.glcont p {text-align:center; margin:0 auto; padding-top:0}
div.gl4 div.glcont a {text-decoration: none; color:#000}
div.gl4 div.glcont a:hover {color:#c30f0f}

div.spec {display: inline-block; width: 123px; height: 136px; float:left; margin-right:10px}
div.spec1 {display:table; width: 100px; height: 136px; float:left; vertical-align: middle !important; margin-right:10px}
div.spec1 p {font-size: 14px !important; color:#222222; text-align: left}


div.gl3 {position: relative; display:block; width:265px; height:350px; margin:10px 17px 18px 17px; padding:10px; float:left; text-align:center; border:1px solid #747476;
     border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);}

div.gl3 p {margin:12px; text-align:center !important}
div.gl3 div.head1 {display: block; text-align:center !important; height:55px; overflow:hidden; padding:5px; font-size:20px; ; font-weight:bold; color:#c30f0f}
div.gl3 p.tar {display:block; width:220px; text-decoration:none; color:#6ee7db; margin-top:0}
div.gl1 div.glcont {display: block; text-align: center; height:190px; overflow:hidden; padding:5px;}
div.gl1 div.glcont img, div.gl1 div.glcont p {text-align:center}

table.lit {width:100%; border-spacing: 15px}
table.lit td {border:1px solid #222222}
table.lit td.border {border:1px solid #222222}
table.lit td p.date {font-size:20px; color:#222222}
table.lit td p {font-size:17px; color:#42434a}
table.lit td p.head {font-size:25px; color:#42434a; text-align:left}
table.lit td p.more_news {display: block; width: 155px; height: 50px; background:#c30f0f; font-size:20px; line-height: 50px; text-align: center}
table.lit td p.more_news a {color:#fff; text-decoration: none}

.small {font-size:13px}
#jsiMainBox {background:white; color:black; border:1px solid gray}
#jsiBoxClose {color:#868686}
#jsiBoxMainImageWrap {max-width:100%}
#jsiBoxMainImageWrap img {max-width:100%}
p.includefoto {text-align:center !important}
p.includefoto img {vertical-align:top; margin:0 3px 6px 0;}

.hideframe {width:0; height:0;border:none; position:absolute}
.guest_text {font-size: 24px; color:#c30f0f}
.vremia {color:#c30f0f}


div.futer {margin:35px 0 0 0 !important; padding:20px; font-size:15px; background:#42434a; text-align:left; height: 290px}
div.futer div p {font-size:15px; color:#fff}
.futer a {color:#fff}
.futer div {display: inline-block; margin:5px 40px 10px 5px; color:#fff; float:left; width:330px}

.copiring {float:right !important; text-align:right; margin:0 !important; padding:0}
.copiring p {font-size:13px !important; }
.copiring a img {margin-right:10px}

p.goback {text-align:center}
.otherpage  {display:inline-block; color:#5B8191; background:#ffffff; border:2px solid #5B8191; width:33px; line-height:33px; text-align:center; font-weight:bold}
a.otherpage {text-decoration:none; color:#ffffff; background:#5B8191; border:2px solid #ffffff; font-weight:bold !important}

.news p {padding:0 0 0 59px; clear:both}
.news img {width:48px; height:48px; background:#A3CB88; float:left; margin:3px 0 0 -59px}
.news a {color:#5B8191}
p.newshead {background: url(/include/style/ship.gif) 28px center no-repeat; padding:15px 0 15px 84px; color:#475189; border-bottom:solid 5px; font-size:20px}

div.link {text-align:left; font-weight:bold; position:fixed; z-index:10000; top:100px; left:50%; margin:0 0 0 500px; width:150px; padding:5px; background:white; border:red 1px solid}
div.link a {color:blue; display:block; margin:10px}
a.maina {color:#00aa00 !important}
a.mainb {color:#aaaa00 !important}
a.mainc {color:#aa0000 !important}
a.maina:hover {color:#00ff00 !important}
a.mainb:hover {color:#ffff00 !important}
a.mainc:hover {color:#ff0000 !important}

#okdiv {z-index:10000; position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.6;filter:alpha(opacity="70")}
#savetel, #inokdiv {z-index:20000; position:absolute; top:50%; left:50%; margin:-70px 0 0 -160px; width:400px; padding:0; background:#F9F9F8; text-align:center; opacity:0; transition: 1s; animation: show5 1s 1; animation-fill-mode: forwards; animation-delay: 0s;
}
	  @keyframes show5{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}
#savetel form {width:350px;}
#savetel table td {font-size:15px}
#savetel p.head {font-size:19px; color:#c30f0f; height: 20px;}

#inokdiv {margin:-70px 0 0 -110px; width:220px; height:140px}
#inokdiv p {padding:0; margin:10px} 
#waitdiv {position:absolute; z-index:1000; top:50%; left:50%; margin:-30px; width:60px; height:30px; padding:10px; border: 1px outset #555555; background:#DAE9FF; font-weight:bold; color:white; text-align:center}
#waitdiv, #inokdiv, #savetel {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/include/ie-css3.htc);

	-moz-box-shadow: 0px 2px 3px #000;
	-webkit-box-shadow: 0px 2px 3px #000;
	box-shadow: 0px 2px 3px #000;
	}
.scrollTop {background:url(/include/style/polzun.png) 0 0 no-repeat; width:50px; height:50px; bottom:10px; left:90%}
.scrollTop:hover{background-position:0 bottom}

div.closed {padding:10px 0; text-align:left}
div.closed a {color:#fff; text-decoration:underline; font-size:10px}
.closed div {display:none}
.plus {padding:0 0 0 20px; text-decoration:none; background:url(/include/style/plus.gif) left center no-repeat;}
.opened div {border:1px dashed; margin:10px 0 10px 20px; padding:0 15px; opacity:0; transition: 1s; animation: show4 1s 1; animation-fill-mode: forwards; animation-delay: 0s;}
.minus {text-decoration:none; padding:10px 0 0 20px; background:url(/include/style/minus.gif) left center no-repeat; font-size:20px}

/*zapis_na_priem*/

#parent_popup {background:url(/include/style/fon_pop.png) left top repeat; display:none; height:100%;
position:fixed; width:100%; z-index:10000; top:0;left:0}

#popupup {margin:30px auto 0; background:#f9f9f9; border-radius:7px; width:450px; 
-moz-border-radius:7px;-webkit-border-radius:7px;-webkit-box-shadow:#000 0px 2px 3px;
-moz-box-shadow:#000 0px 2px 3px; box-shadow:#000 0px 2px 3px; padding:0 0 0 0; color:#f00; z-index:20001;     
 opacity:0; transition: 1s; animation: show4 1s 1; animation-fill-mode: forwards; animation-delay: 0s;
}
	  @keyframes show4{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}

#popupup p.head {font-size:23px; color:#c30f0f; padding-top:15px}


#close {
    top: 20px;
    margin-left: 430px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
   
    text-align: center;
    text-decoration: none;
    font: 13px/20px 'Tahoma', Arial, sans-serif;
    font-weight: bold;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}
#close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 12px;
}
#close:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);    
}
.lable {text-align:left; clear:left; display:block; font-size:13px; color:#fff}
table.form input, table.form textarea, input, textarea  {text-align:left; background:#fff; font-size:14px; color:#535353; padding:7px 13px; border:1px dotted #535353; width:230px; border-radius:5px; 
-moz-border-radius:5px;-webkit-border-radius:5px}
select {text-align:left; background:#fff; font-size:14px; color:#535353; padding:13px; border:1px dotted #535353; border-radius:5px; 
-moz-border-radius:5px;-webkit-border-radius:5px}

table.form {width: 390px; margin:-25px auto 0; padding-bottom:10px}
table.form td, td.lefttd {font-size:15px; color:#535353; text-align:left}
button.but, button.fl {width:100px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; background:#c30f0f; border:none; border-radius:7px;
-moz-border-radius:7px;-webkit-border-radius:7px; float:left}
button.but1, button {width:100px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; background:#c30f0f; border:none; border-radius:7px;
-moz-border-radius:7px;-webkit-border-radius:7px; float:right}

blockquote {background:#AAFFFF; border-left:5px solid #969698; padding:10px}

#cookie_note {
    display: none;
    position: fixed;
    z-index: 2000;
    bottom: 15px;
    left: 50%;
    max-width: 100%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p {
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
}

#cookie_note .btn-sm {
    display: block;
    margin: 0 auto;
}

.cookie_accept {
    width: 20%;
}

#cookie_note.show {
    display: flex;
}