/* 09.11.17 */

/* https://www.fonts-online.ru/fonts/cyrillic */
@font-face {font-family: 'header'; src:url('./font/header.ttf') format('truetype');}
@font-face {font-family: 'menu'; src:url('./font/head.otf') format('truetype');}
/*
* {margin:0;padding:0;}
body {
   position:relative;
   z-index:0;
   margin:0;
   padding:0;
   color:#000;
   background:#eee;
} */
#bg{ position:fixed; left:0px; top:0px; width:100%; min-height:100%; min-width:1000px; width:expression(document.body.clientWidth > 1000 ? "100%" : "1000" );z-index:-1;
}
body, html {height:100%;}
::selection {background:#ffff00;color:red;text-shadow:none;}
a {
   text-decoration:none;
   color:#99270B;
}
a img, fieldset {border:0;}
ol, ul {padding-left:25px;}
li {padding-left:10px;}
input:focus {outline:none;}
form {display:inline;}

.clear {clear:both;}
.background {
   min-width:1020px;
   margin:0;
   padding:15px 0;
   border:0;
   background-image:url(../i/bgb.jpg);
   background-attachment:scroll;
}
.content {
   width:990px;
   background-color:#fff;
   margin:0 auto;
   padding:0;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:15px;
}
.content .header {
   background-image:url(../i/b.jpg);
   background-color:#CFC5E6;
   
   height:75px;
   padding:5px;
   position:relative;
   border-radius:15px 15px 0 0;
}
.content .header .logo {
   position:absolute;
   margin-left:15px;
   width:700px;
   height:60px;
   overflow:hidden;
   text-overflow:clip;
}
.content .header .logo a {
   white-space:nowrap;
   font:38px 'header';
   font-weight:normal;
   letter-spacing:0px;
   color:white;
   text-shadow:3px 3px 10px #555;
   opacity:0.9;
}
.content .header .logo a:hover {
   color:white;
   opacity:1;
}
.content .header .nav {
   float:right;
   margin:0;
   padding:0;
   text-align:right;
   width:500px;
}
.content .header .nav .a {
   height:50px;
   width:50px;
   background:url(../i/rdi/icon_blat.png) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .nav .b {
   height:50px;
   width:50px;
   background:url(../i/rdi/icon_guar1.png) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .nav .c {
   height:50px;
   width:50px;
   background:url(../i/rdi/icon_smil.png) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .nav .d {
   height:50px;
   width:50px;
   background:url(../i/rdi/icon_rubl.png) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .nav .e {
   height:50px;
   width:50px;
   background:url(../i/rdi/icon_stern.png) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .nav .p {
   height:50px;
   width:50px;
   background:url(../i/rdi/icon_profile.png) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .nav .h {
   height:50px;
   width:50px;
   background:url(../i/rdi/icon_haus.png) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}

.content .header .title {
   position:absolute;
   margin:55px 0 0 15px;
   height:20px;
   width:950px;
   overflow:hidden;
   text-overflow:ellipsis;
   clear:both;
}
.content .header .title h1 {
   color:white;
   margin:0;
   padding:0;
   font:18px 'menu';
   font-weight:normal;
   letter-spacing:1px;
   text-shadow:3px 3px 10px #555;
}
.content .body {
   margin:0;
   padding:0 20px 10px 20px;
   min-height:1000px;
   font-family:Verdana,Tahoma,Arial,Helvetica;
   font-weight:normal;
   font-size:17px;
   color:black;
}
.alert {
   position: relative;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:15px;
   margin:10px auto;
   background-color:white;
}
.alert select,
.alert input[type="url"],
.alert input[type="text"],
.alert input[type="email"],
.alert input[type="submit"],
.alert input[type="password"],
.alert textarea {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   font-size:21px;
   height:35px;
   text-align:left;
   margin:5px 0 0 5px;
   padding:10px;
}
.alert select {height:57px;}
.alert textarea {
   font-size:16px;
   resize:none;
   height:300px;
}
.alert select:focus,
.alert input:focus,
.alert textarea:focus {
   background-color:#CFC;
}
.alert input[type="submit"] {
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -24px 0px 0px #EBEBEB, inset 0px 32px 0px 1px #f8f8f8;
   font-size:16px;
   height:57px;
   text-align:center;
   background:transparent;
   margin-bottom:10px;
}
.alert input[type="submit"].red {color:red;}
.side {
   position:relative;
   width:260px;
   padding:0;
   margin:0;
}
.menu {
   width:250px;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:10px;
}
.menu .head, .alert .head {
   background-image:url(../i/b.jpg);
   background-color:#CFC5E6;
   
   height:40px;
   padding:5px 10px;
   border-radius:10px 10px 0 0;
   color:#fff;
}
.menu .head .icon, .alert .head .icon {
   float:left;
   padding-right:5px;
   margin-right:10px;
   border-right:1px solid #fff;
}
.menu .head .icon .a {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_blat.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .b {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_guar1.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .c {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_rubl.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .d, .alert .head .icon .d {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_stern.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .e, .alert .head .icon .e {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_smil.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .faq, .alert .head .icon .faq {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_faq.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .gear, .alert .head .icon .gear {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_gear.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .post, .alert .head .icon .post {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_post.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .post1, .alert .head .icon .post1 {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_post1.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .pen, .alert .head .icon .pen {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_pen.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .pen1, .alert .head .icon .pen1 {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_pen1.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .pp, .alert .head .icon pp {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_partner.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .tw, .alert .head .icon tw {
   height:40px;
   width:40px;
   background:url(../i/rdi/twitter.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .l, .alert .head .icon l {
   height:40px;
   width:40px;
   background:url(../i/rdi/z1.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .m, .alert .head .icon m {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_menu.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .mnl, .alert .head .icon .mnl {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_manual.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .mag, .alert .head .icon .mag {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_store.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .p, .alert .head .icon .p {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_profile.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .r, .alert .head .icon .r {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_radio.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .g, .alert .head .icon .g {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_guar1.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .s, .alert .head .icon .s {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_dubl.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .v, .alert .head .icon .v {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_vid.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .z, .alert .head .icon .z {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_ziel.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .zz, .alert .head .icon .zz {
   height:40px;
   width:40px;
   background:url(../i/rdi/icon_zap.png) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .title, .alert .head .title {
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   font:19px 'menu';
   letter-spacing:1px;
   font-weight:normal;
   padding-top:7px;
   text-shadow:3px 3px 10px #555;
   opacity:1.0;
}
.alert .head .title a {
   color:#fff;
   text-decoration:underline;
}
.menu ul {
   list-style:none;
   margin:0;
   padding:0 0 3px 5px;
}
.menu li {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -18px 0px 0px #EBEBEB, inset 0px 33px 0px 1px #f8f8f8;
   text-align:left;
   margin:5px 0;
   padding:10px 0 7px 5px;
   width:227px;
   font:14px Tahoma;
   font-weight:bold;
   white-space:nowrap;
   overflow-x:hidden;
}
.menu li a {color:#333;}
.menu li a:hover {color:#0F8F82;}
.menu li a.selected {color:#FA591E;}

.footer {
   background-image:url(../i/b.jpg);
   background-color:#CFC5E6;
   
   height:40px;
   padding:10px;
   position:relative;
   border-radius:0 0 15px 15px;
}
.footer p {
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   font:18px 'menu';
   letter-spacing:1px;
   font-weight:normal;
   color:white;
   text-align:center;
   padding:0;
   text-shadow:3px 3px 10px #555;
}
.footer p a {
   color:white;
}
.content-admin-buttons {
   text-align:center;
   margin:10px 0 0 0;
   display:block;
}
.content-admin-buttons input { /*button.csscook.com*/
   width:255px;
   margin-left:5px;
   border:solid 1px #777777;
   border-radius:10px;
   moz-border-radius:10px;
   -webkit-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   -moz-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   font-size:13px;
   padding:7px 3px;
   background:#ffffff;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#E6F23D), color-stop(54%,#D3E848), color-stop(100%,#b6b6b6));
   background: -moz-linear-gradient(top, #ffffff 0%, #E6F23D 53%, # 54%, # 100%);
   background: -webkit-linear-gradient(top, #ffffff 0%, #E6F23D 53%, #D3E848 54%, #EFF53B 100%);
   background: -o-linear-gradient(top, #ffffff 0%, #E6F23D 53%, #D3E848 54%, #EFF53B 100%);
   background: -ms-linear-gradient(top, #ffffff 0%, #E6F23D 53%, #D3E848 54%, #EFF53B 100%);
   background: linear-gradient(top, #ffffff 0%, #E6F23D 53%, #D3E848 54%, #EFF53B 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#b6b6b6",GradientType=0);
   color:#777;
}
.content-admin-buttons input:active {
   -webkit-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   -moz-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   box-shadow:2px 2px 10px rgba(0,100,0,0.4);
}
.content-admin-buttons input.red {color:red;}
.content-admin-buttons input.brown {color:brown;}
.content-admin-buttons input.orange {color:orange;}
.content-admin-buttons input.blue {color:blue;}
.content-admin-buttons input.navy {color:navy;}
.content-admin-buttons input.green {color:green;}
.content-admin-buttons input.violet {color:violet;}
.content-admin-buttons input.black {color:black;}
._editor {height:400px;}
._editor textarea {height:700px;}

p {
   margin:0px 0;
   text-align:justify;
}
 h4, h5 {
   color:#333;
   font-size:18px;
   font-weight:bold;
   margin:20px 0px;
   padding:0;
   text-shadow: 3px 3px 3px #ccc;
}
h1{     color:#877C87;
	font-family:Georgia,Arial,Helvetica,sans-serif;		
	text-shadow: black 1px 1px 0px;
	font-size:20px;
	position:relative;
	top:0px;
}
h2{     color:#471956;
	font-family:Georgia,Arial,Helvetica,sans-serif;		
	text-shadow: grey 0px 0px 3px;
	font-size:20px;
	position:relative;
	top:0px;
}
h3{     color:#115950;
	font-family:Cambria;		
	text-shadow: white 1px 0px 3px;
	font-size:18px;
	position:relative;
	top:0px;
}
h4{     color:#FC0818;
	font-family:Cambria;		
	text-shadow: white 0px 0px 0px;
	font-size:12px;
	position:relative;
	top:0px;
}
blockquote {
   padding-left:10px;
   margin-left:20px;
   color:#555;
   border-left:1px #333 dotted;
}
.ol {margin:0 35px;}

input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
   background-position:right top;background-repeat:no-repeat; -moz-box-shadow:none;background-image:url(../i/rdi/lock.png);
}
input:required:valid,
textarea:required:valid {
   background-position:right top;background-repeat:no-repeat;background-image:url(../i/rdi/v.png);
}

.toolbar {padding-top:5px;text-align:center;}
.toolbar .button {margin:2px;padding:0;width:23px;height:22px;border:1px silver solid;}
.toolbar .button:hover {border-color:orange;}

/* slim */
.alert {width:690px;}
.alert.slim {width:500px;}
.alert select {width:675px;}
.alert input,
.alert textarea {width:655px;}
.alert input[type="submit"] {width:677px;}
.alert.slim select {width:487px;}
.alert.slim input,
.alert.slim textarea {width:465px;}
.alert.slim input[type="submit"] {width:487px;}
.alert input[type="checkbox"] {
   width:20px;
   height:20px;
   margin:10px;
   padding:0;
}
/* slim */



/* right menu */
.side {float:right;}
.menu {margin:10px 0;}
.content .body {float:left;width:690px;}
/* right menu */

/* All modules start */

/* Start Statistic */ 
#stat h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 
.point {      
   box-shadow:0px 0px 15px 0px #777;
   border-radius:15px; 
   margin:15px 0px;
   overflow:hidden;
   width:auto; 
}
.point .content-admin-buttons {margin:0;}
.point .content-admin-buttons input[type="submit"] {
   float:right;
   width:485px;
   height:60px;
   margin:0 10px 0 0;
   font-size:21px;
}
.point .content-admin-buttons select {
   float:left;
   width:170px;
   margin:0 0 0 10px;
   padding:5px;
}
.point input[type='checkbox'] {
   margin:0 10px 10px 10px;
   width:20px;
   height:20px;
}
.anonce { 
   background-color:#eee;
   color:#000;
   margin:0; 
   padding:10px 20px;
   white-space:nowrap; 
   overflow:hidden;
   text-overflow:ellipsis; 
   display:block;
   font-size:16px; 
} 
.point .head {border-top:1px #888 solid;clear:both;margin:0;padding-top:10px;} 
.point .foot {border-bottom:1px #888 solid;clear:both;} 
.point img {border:0;margin:5px;padding:0;width:678px;height:auto;}
.point .graf {border:0;margin:5px;padding:0;} 
.point .desc {margin:0 0 15px 20px;font-size:13px;overflow:hidden;text-overflow:ellipsis;width:650px;} 
.point pre {margin:0;padding:0;} 
.hits {float:left;margin:0 0 10px 10px;padding:0;}
.hits .hit {width:60px;margin:0;padding:0;overflow:hidden;} 
.hits .zap {width:60px;margin:0 0 0 5px;padding:0;overflow:hidden;} 
.hits .poisk {width:185px;margin:0 0 0 5px;padding:0;overflow:hidden;} 
.hits span {display:block;padding:0 0 3px;color:green;} 
.hits pre, 
.value pre, 
.numb pre {font:15px verdana,arial,sans-serif;padding:2px;overflow:hidden;text-overflow:ellipsis;} 
.numb {float:left;text-align:right;overflow:hidden;width:60px;margin-left:10px;} 
.value {overflow:hidden;padding:0 10px 0 5px;} 
.value pre a, .poisk a {color:blue;} 
.value pre span {color:silver;} 
/* End Statistic */

/* Start Comments */
.paginator {
   display:inline-block;
   margin-top:10px;
   padding:0;
   text-align:right;
   border-radius:5px;
   box-shadow:5px 5px 15px 0px #999;
}
.paginator .current {
   background-color:#eee;
   border:2px solid #777;
   border-top-right-radius:5px;
   border-bottom-right-radius:5px;
   border-top-left-radius:5px;
   border-bottom-left-radius:5px;

}
.paginator a,
.paginator span {
   float:left;
   margin-left:-1px;
   padding:5px;
   color:#400E96;
   text-decoration:none;
   background-color:#fff;
   border:1px solid #ccc;
   font-size:15px;
}
.paginator a:first-child,
.paginator span:first-child {
   margin-left:0;
   border-top-left-radius:5px;
   border-bottom-left-radius:5px;
}
.paginator a:last-child, 
.paginator span:last-child {
   margin-left:-1px;
   border-top-right-radius:5px;
   border-bottom-right-radius:5px;
}
.paginator .bum:hover {color:green;}
.paginator .cum:hover {color:gold;}
.paginator .dum:hover {color:red;}
.paginator .num:hover {color:#400E96;}
.paginator .zum:hover {color:#6E2607;}
.paginator .current:hover {color:red;}

#comments .text {margin:5px 10px;}
#comments .desc {color:#888;margin:5px 10px 3px;text-align:right;font:bold 13px georgia,arial,sans-serif;}
/* End Comments */


/* Start Transfer */
.point .from {
   padding:5px 15px;
   white-space:nowrap;
}
.point .to {
   float:right;
   padding:5px 15px;
   margin-bottom:5px;
   text-align:right;
   white-space:nowrap;
   width:600px;
   overflow:hidden;
   text-overflow:ellipsis;
   -o-text-overflow:ellipsis;
}
.gotolotbody {margin:10px auto 20px;overflow:hidden;}
.gotolotbody td {font:15px verdana;height:21px;padding:3px 5px;margin:0;}
.gotolotbody td {white-space:nowrap;color:rgb(46,46,46);border:1px #FFC125 solid;background-color:rgb(247,247,247);border-color:rgb(170,170,170);}
.gotolotbody tr.tt td {text-align:center;color:rgb(1,101,0);background-color:rgb(216,254,200);border-color:rgb(88,193,19);}
.gotolotbody .rule-stat,
.gotolotbody .rule-show,
.gotolotbody .rule-clear,
.gotolotbody .rule-kill {margin:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.gotolotbody .rule-stat {width:555px;}
.gotolotbody .rule-show {width:525px;}
.gotolotbody .rule-clear {width:565px;}
.gotolotbody .rule-kill {width:565px;}
.gotolotbody .rule-create {width:610px;}
.gotolotbody td p {padding:0 5px 0 3px;}
#transfer {color:#000;font-size:14px;}
#transfer .file {color:blue;font-size:14px;width:100px;}
#transfer .strt {color:black;font-size:18px;display:block;margin:3px 0;padding:5px 10px;width:670px;}
/* End Transfer */


/* Start Member Zone */
.zonelotbody {margin:10px auto 20px;overflow:hidden;}
.zonelotbody td {height:21px;padding:3px 5px;margin:0;}
.zonelotbody td {
   vertical-align:top;
   white-space:nowrap;
   font-size:15px;
   font-family:verdana;
   color:rgb(46,46,46);
   border:1px #FFC125 solid;
   background-color:rgb(247,247,247);
   border-color:rgb(170,170,170);
}
.zonelotbody tr.tt td {
   text-align:center;
   color:rgb(1,101,0);
   background-color:rgb(216,254,200);
   border-color:rgb(88,193,19);
}
.zonelotbody td div {
   margin:0px;
   padding:0px;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   -o-text-overflow:ellipsis;
}
.zonelotbody input.i {width:335px;margin:0;padding:0;border:1px white solid;color:red;font-family:verdana;background-color:rgb(247,247,247);}
.zoneletter {text-indent:1em;margin:10px;font-family:verdana,arial,sans-serif;font-size:11;font-weight:normal;}
.zone-namefile {width:700px;}
.zone-pincode {width:365px;}
.field-form  input{width:500px;}
.submit-form  input{width:520px;}
/* End Member Zone */

/* Start Postman */
.desman {
   border:0;
   clear:both;
   width:690px;
   margin:0 auto;
   padding:0;
   display:block;
   font-size:14px;
}
.desman .content-admin-buttons form {display:inline;margin:0;padding:0;}
.desman .content-admin-buttons {text-align:center;}
.desman .content-admin-buttons input {font-size:14px;}
.desman .content-admin-buttons select {padding:5px;font-size:14px;}
.desman .empty {height:1px;border:0;display:inline-block;}
.desman .empty,
.desman .content-admin-buttons input,
.desman .content-admin-buttons select {width:224px;margin:3px 1px;}
.desman .content-admin-buttons input.full {width:685px;}
.desman .content-admin-buttons input[type='text'] {padding-left:20px;}
.desman .content-admin-buttons select.double {width:455px;} 
.desman .content-admin-buttons input.double {width:430px;} 
.desman .content-admin-buttons input[type='radio'],
.desman .content-admin-buttons input[type='checkbox'] {
   width:20px;
   height:20px;
   padding:0;
   border:0;
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
}
.desman .content-admin-buttons input.disabled {color:silver;}
.desman .warning {
   display:block;
   padding:0 5px;
   margin:10px auto;
   width:98%;
   border:1px green solid;
   color:green;
   font-size:13px;
}
.desman .content-admin-buttons textarea {
   width:670px;
   height:300px;
   font-size:15px;
   padding:5px;
   resize:vertical;
}
.table {float:left;margin:0;padding:0;width:98%;border:0;}
.table label {
   clear:both;
   float:left;
   text-align:right;
   display:block;
   width:390px;
   padding:5px;
}
.table input  {border:1px silver solid;margin:1px;padding:5px;width:250px;}
.table select {border:1px silver solid;margin:1px;padding:5px 0;width:260px;}
#td, #td td, #td td.title {border:1px gray solid;}
#td {width:100%;margin:10px 0;}
#td td {padding:3px 5px;}
#td td.title {
   vertical-align:top;
   white-space:nowrap;
   font-size:15px;
   font-family:verdana;
   color:rgb(1,101,0);
   background-color:#eee;
}
.desman .morda label {
   display:inline-block;
   clear:both;
   float:left;
   text-align:left;
   display:block;
   width:350px;
   padding:0;
   border:0;
}
.desman iframe {
   width:100%;
   height:900px;
   border:1px silver solid;
   background-color:white;
}
.desman pre {
   display:block;
   overflow-x:auto;
   overflow-y:hidden;
   width:675px;
   padding:5px;
   border:1px silver solid;
   background-color:#ffffdb;
   font-family:tahoma !important;
   font-size:16px;
   font-weight:normal;
}
.desman input.box {width:20px;}
.desman strong {background-color:yellow;font-weight:bold;padding:3px;}
.desman h2 span {color:blue;}
/* End Postman */

/* Start Shop */
.lot {
   margin:10px auto;
   padding:0;
   width:100%;
   border:1px silver solid;
}
.lot .button {
   width:100%;
   border:0;
   float:right;
}
.lot .button td {
   border:0;
   margin:0;
   padding:0;
}
.lot .button .email {
   width:380px;
   padding-left:20px;
}
.lot td {
   border:1px silver solid;
   padding:5px;
   margin:0;
   text-align:left;
   vertical-align:top;
   font-size:15px;
}
.lot li {
   margin:5px 0 5px 5px;
   padding:0 0 0 10px;
   text-align:left;
}
.lot img {
   border:0;
   margin:0;
   padding:0;
}
.lot p {
   text-align:left;
   text-indent:0em;
   margin:0;
   padding:0;
}
.price {
   width:100%;
   margin:10px 0;
   border:0;
}
.price td {
   border:1px #ddd solid;
   padding:5px;
   font-size:15px;
}
.price .serfer {}
.price .on {background-color:#eeffff;}
.price .off {background-color:#ffeeee;}
.price .cat {
   border-top:1px #fd9e02 solid;
   border-bottom:1px #fd9e02 solid;
   border-left:0;
   border-right:0;
   background-color:#FFEFD5;

}
.price .desc a {
   color:#400E96;
}
.price .cost {
   width:100px;
   white-space:nowrap;
   text-align:right;
   vertical-align:top;
}
.content-admin-buttons input.disabled {color:silver;}
.w200 {text-align:center;}
.w200 input[type='submit'] {width:200px;}
/*                                                     ,                 . */
/* End Shop */

/* Start Blog */

.blog_body {font:17px/1.25 Verdana,Helvetica,Tahoma,Arial,sans-serif;font-weight:normal;}

/* setup */
#setup .intro {text-align:right;margin:10px 10px -10px 0;}
#setup h2 {text-decoration:underline;}
#setup ul .on {color:green;}
#setup ul .off {color:red;}
#setup select,
#setup input,
#setup options {width:200px;}
#setup input[type='submit'] {width:125px;}
#setup textarea {width:99%;height:300px;float:left;margin:5px auto;padding:5px;resize:vertical;}
#setup table {margin:0;width:98%;}
#setup table td {width:100%;border-bottom:1px silver solid;padding:2px;margin:0px;}

/* date */
#date .date {
   color:#777;
   margin:5px;
   text-align:right;
   clear:both;
}
#date .date span {
   height:20px;
   width:20px;
   background:url(../i/sek.gif) 0% 100% no-repeat;

   color:brown;
   border:0px gray solid;
   padding:30px 75px;
}


/* anonce */
#anonce {
   margin:0;
   padding:3px 0 10px 0;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
}
#anonce .date {
   color:#777;
   margin:5px;
   text-align:right;
   clear:both;
}
#anonce .date span {
   color:brown;
   border:1px red solid;
   padding:3px 5px;
}
#anonce .blog_body {
   padding:0px;
}
#anonce h2 {
   margin:5px;
   padding:0;
}
#anonce .text {
   margin:10px 5px;
   text-align:justify;
}
#anonce .text img {
   float:left;
   margin:0 15px 5px 0;
   border:1px #eee solid;
   box-shadow:3px 3px 5px #999;
   -o-transform:scale(1);
   -o-transition-duration:1s;
   -webkit-box-shadow:3px 3px 5px #999;
   -webkit-transform:scale(1);
   -webkit-transition-duration:1s;
   -moz-box-shadow:3px 3px 5px #999;
   -moz-transform:scale(1);
   -moz-transition-duration:1s;
   opacity:0.95;
}
#anonce .text img:hover {
   -webkit-transform:scale(1.1);
   -webkit-transition-duration:1s;
   -webkit-box-shadow:3px 3px 10px gray;
   -moz-transform:scale(1.1);
   -moz-transition-duration:1s;
   -moz-box-shadow:3px 3px 10px gray;
   -o-transform:scale(1.1);
   -o-transition-duration:1s;
   box-shadow:3px 3px 10px gray;
   opacity:1;
}
#anonce .link {
   margin-right:5px;
   text-align:right;
}
#anonce .link a {color:rgb(5,122,214);}
#anonce .last {
   padding-left:15px;
   border-left:1px solid #ddd;
   color:#222;
   text-align:left;
}
#anonce .last span {color:red;}
#anonce .last a {display:block;color:rgb(5,122,214);}
#anonce .last a.new {color:green;}
#anonce .last a.wait {color:#777;}
#anonce .last a:hover,
#anonce .link a:hover,
#anonce .last a span:hover {color:blue;}

/* post */
#post {
   margin-top:10px;
   padding-top:3px;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
}
#post .date {
   color:#555;
   margin-right:5px;
   text-align:right;
}
#post .date span {
   color:red;
   border:1px red solid;
   padding:3px 5px;
}
#post .blog_body {
   padding:0px;
}
#post h2 {
   margin:5px;
   padding:0 0 10px 0;
}
#post .postimg img {
   float:left;
   margin:0 15px 5px 0;
   border:1px #eee solid;
   box-shadow:3px 3px 5px #999;
   -webkit-box-shadow:3px 3px 5px #999;
   -moz-box-shadow:3px 3px 5px #999;
}
.to_comments, .to_comments h5, .to_cat, .to_cat h5 {
   margin-top:10px;
   padding:0px;
}
.to_comments h5, .to_cat, .to_cat h5 {
   margin:0;
   padding:0px;
}
#post form.editor {
   display:inline;
}

/* comment */
#comment {
   margin-top:20px;
   padding:0;
}
#comment .date {
   margin-right:2px;
   text-align:right;
   padding:0;
}
#comment .blog_body {
   overflow:hidden;
   margin:0;
   padding:5px;
   border:1px silver solid;
}
#comment h3 {
  background-color:#fff;
  color:#222;
  font:bold 1.2rem helvetica;
  margin:0 5px;
  padding:0;
}
#comment h3 span {
   color:#111;
   float:right;
   font:1.00rem arial,verdana,"Trebuchet MS",sans-serif;
}
#comment .comment {
   background-color:#F6F5F7;
   margin-top:10px;
   padding:5px;
   text-align:justify;
}
#comment .faxim {
   clear:both;
   color:#4F4E35;
   text-align:right;
   margin-top:5px;
}
#comment .faxim a {color:rgb(5,122,214);}
#comment .faxim a:hover {color:brown;}
#comment .autor {
   clear:both;
   margin:10px 0;
   color:#873E28;
}
#comment .comment .waiting,
#comment .comment .userpic {
   background:url(../i/blog/user.png) no-repeat;
   border:0;
   float:left;
   margin:2px 10px 2px 2px;
   padding:0;
   width:96px;
   height:96px;
}
#comment .user {
   clear:both;
   color:#00009F;
   text-align:right;
   margin-top:5px;
}
#comment .comment .waiting {
   background:url(../i/blog/wait.png) no-repeat;
}
#comment .autor .userpic {
   background:url(../i/blog/autor.png) no-repeat;
}
#comment .postlink {margin:5px;text-align:right;}
#comment .postlink a {color:darkviolet;}
#comment .postlink a:hover {color:brown;}
#comment form.editor {
   display:inline;
}

/* Editors */
.error  p {color:red;font:17px Verdana;}
.error h2 {color:red;}
.error2  p {color:red;font:10px Verdana;}
.error2 h2 {color:brown;font:18px Georgia;}
#editor {
   border:1px silver solid;
   overflow:hidden;
   margin:10px 0;
   padding:0 0 5px 5px;
   width:684px;
}
#editor div {
   position:relative;
   overflow:hidden;
}
#editor input,
#editor textarea,
#editor select {
   border:1px silver solid;
   outline:0;
   font:1.2rem Arial;
   color:black;
   background-color:white;
   margin-top:5px;
   padding:5px;
}
#editor input {
   width:667px;
}
#editor select {
   width:679px;
}
#editor .postarea {height:550px;}
#editor .macros {height:100px;}
#editor .icon {
   position:relative;
   clear:both;
   border:0;
   margin:5px 0 0 0;
   padding:0;
   overflow:hidden;
   width:680px;
   height:97px;
   background:url(../i/blog/download.png) repeat-x;
}
#editor input[type="file"] {
   width:2000px;
   height:97px;
   margin:0px;
   padding:0px;
   cursor:pointer;
   direction:rtl;
   font-size:18px;
   z-index:22;
   -moz-opacity:0.35;
   filter:alpha(opacity:0.5);
   opacity:0.35;
   -o-transform:scale(1);
   -o-transition-duration:1s;
   -webkit-transform:scale(1);
   -webkit-transition-duration:1s;
   -moz-transform:scale(1);
   -moz-transition-duration:1s;
}
#editor input[type="file"]:hover {
   -moz-opacity:0;
   filter:alpha(opacity:0);
   opacity:0;
}
#editor textarea {
   resize:vertical;
   height:400px;
   width:667px;
}
#editor textarea:focus {
   background-color:#CFC;
   border-color:orange;
   color:black;
}
#editor input[type="submit"] {
   background-color:#fff;
   cursor:pointer;
   width:680px;
}
#editor input[type="submit"].red,
#editor input[type="submit"]:hover,
#editor input:focus, 
#editor select:focus {
   background-color:#CFC;
   border-color:orange;
   color:red;
}
#editor input[type="checkbox"] {
   text-align:left;
   width:20px;
   height:20px;
   margin:10px;
   padding:0;
}
#editor #mydiv {margin:0 10px;}
/*                                                     ,                 . */
/* End Blog */

/* Start Ticket */
.ticket {
   width:700px;
   margin:0 auto;
   background-color:white;
}
.ticket td {
   font:15px verdana;
   vertical-align:top;
   height:21px;
   padding:3px 5px;
   margin:0;
   color:rgb(46,46,46);
   border:1px #FFC125 solid;
   background-color:white;
   border-color:rgb(170,170,170);
}
.ticket td a {font-size:16px;}
.ticket td p {font-size:16px;margin:10px;}
.ticket td.nowrap {white-space:nowrap;}
.ticket tr.tt td {
   color:rgb(1,101,0);
   background-color:rgb(216,254,200);
   border-color:rgb(88,193,19);
}
.ticket_title {
   width:680px;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;   
}
.ticket_area {
   width:680px;
   display:none;
   margin:0;
   padding:0;
   border:0;
}
.ticket_area div.info p {
   margin:0;
   padding:2px;
   font-size:13px;
}
.ticket_body {
   width:670px;
   margin:5px 0;
   padding:5px;
   border:silver 1px solid;
   background-color:#ffc;
   overflow:hidden;
   text-overflow:ellipsis;
}
.ticket_title span {color:green;}
/*                                                       ,                      . */
/* End Ticket */

/* All modules end */

/* start glamur */
.view {
   width:240px;
   margin:3px auto;
   padding:0;
   overflow:hidden;
   position:relative;
   background:#fff;
   border:0;
}
.view h3 {
   text-align:center;
   font:bold normal 12px Georgia;
   color:#333;
   padding:2px;
   margin:0;
}
.view img {
   display:block;
   position:relative;
   margin:2px auto;
   width:230px;
   height:173px;
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -18px 0px 0px #EBEBEB, inset 0px 33px 0px 1px #f8f8f8;
}
.view p {
   color:#333;
   font:11px verdana,arial,sans-serif;
   padding:0;
   margin:5px;
   text-align:left;
}
.view p a {color:#333;}
.view p a:hover {color:blue;}
.view p:first-letter {text-transform:capitalize;}
.view p.points:first-letter {color:#fff;}
/* end glamur */

/* Start Site feature*/
ul.mark {
   list-style:none;
   margin:0;
   padding:0;
}
ul.mark li {
   padding-left:20px;
   margin:15px 5px;
   background:url(../i/round.gif) no-repeat 0 5px;
}
.tbl {
   padding:5px 0 5px 50px;
   width:600px;
}
.tbl table td {
   border:0;
   margin:0;
   padding:0;
   font-size:14px;
}
.tbl table td.nm {
   padding:0 0 0 5px;
}
.t_e,.t_enp,.t_f,.t_fm,.t_fo,.t_j,.t_jb,.t_l,.t_b,.t_np {
   background:url(../i/m/m.png) no-repeat;
   width:18px;
   height:18px;
}
.t_e {background-position:0 0;} 
.t_enp {background-position:0 -51px;} 
.t_f {background-position:0 -119px;} 
.t_fm {background-position:0 -187px;} 
.t_fo {background-position:0 -255px;} 
.t_j {background-position:0 -323px;} 
.t_jb {background-position:0 -391px;} 
.t_l {background-position:0 -459px;} 
.t_b {background-position:0 -527px;} 
.t_np {background-position:0 -592px;} 

.manual {
   background-color:#ffffdb;
   border:1px red solid;
   padding:0 10px 15px 10px;
   margin:0;
}
.manual h2 {color:green;margin:10px 0;}
.manual .desman .empty,
.manual .desman .content-admin-buttons input[type='button'] {width:210px;}
.manual .desman .content-admin-buttons input[type='email'] {background-color:white;}
.manual .desman .content-admin-buttons {padding-right:15px;}
.manual ol,
.manual p {width:630px;}
.gotodemo, code {
   display:block;
   padding:5px;
   margin:10px auto;
   width:94%;
}
.gotodemo {
   border:1px green solid;
   color:green;
   font-size:14px;
}
 code-js {
   white-space:nowrap;
   width: 550px;
   font-family:monospace;
   color:green;
   font-size:15px;
   border:1px silver solid;
   overflow-x:auto;
   overflow-y:hidden;
   background-color:#ffffdb;
}
 code {
   white-space:nowrap;
   font-family:monospace;
   color:green;
   font-size:15px;
   border:1px silver solid;
   overflow-x:auto;
   overflow-y:hidden;
   background-color:#ffffdb;
}

/* End Site feature*/


.commentbox{
background-color: #ffffff;
width: 550px;
padding: 10px;
-moz-border-radius:15px; /*add some nice CSS3 round corners*/
-webkit-border-radius:15px;
border-radius:15px;
}

.commentfooter{
background: url(../i/blog/lo.png) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.main_blk .top_rama {height:10px;width:631px;background: url(../i/blog/img55.png) no-repeat scroll 1px top transparent;}
.main_blk .middle_rama {color:#512d1a;width:601px;padding:5px 15px;background: url(../i/blog/img56.png) top left repeat-y;}
.main_blk .bottom_rama {color:#735e3c;font-size:11px;padding: 10px 0 0 43px;height:20px;width:588px;background: url(../i/blog/img57.png) top left no-repeat;}


/* post image */
.post-image img {border-bottom: solid 2px #d1ad80;}
.post-image.right img {margin-left: 20px;}
.post-image.left img {margin-right: 20px;}
/* post date */
.post-date {display:none;position: absolute;margin-left: -150px;margin-top: -20px;width: 95px;text-align: right;color: #FFE6A8;}
.post-date span {display: block;}
.post-date .day {font-size: 2em;font-weight: bold;letter-spacing: -.05em;padding: 0 0 6px;margin-bottom: 5px;}
.post-date .month {font-size: .9em;line-height: .8em;text-transform: uppercase;letter-spacing: 1px;}
.post-date .year {font-size: .9em;line-height: .8em;}
.post-date a {color: #5c462e;text-decoration: none;}
.post-date a:hover {text-decoration: underline;}
.post-date .postcomment {border-top: dashed 1px #FFE6A8;margin-top: 8px;padding-top: 5px;}
.postcomment a {font-weight: bold;color: #FFE6A8;}


}

.hovergallery img{
-webkit-transform:scale(0.5); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.5); /*Mozilla scale version*/
-o-transform:scale(0.5); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 0px 0px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(2.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(2.1); /*Mozilla scale version*/
-o-transform:scale(2.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

/* ------------------------------------------------------------------------ FAQ page -*/

#faq_page {
	background: url(../i/faq.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}
.panel-group{
	position: relative;
}
.faq-panel{
	background:none;
	position: relative;
}
.panel-group:before, .faq-panel:after {
  content: "";
  position: absolute;  
  left: -2px;
  background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(115,217,245,1) 35%, rgba(55,201,241,1) 50%, rgba(123,219,246,1) 67%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(115,217,245,1)), color-stop(50%, rgba(55,201,241,1)), color-stop(67%, rgba(123,219,246,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(115,217,245,1) 35%, rgba(55,201,241,1) 50%, rgba(123,219,246,1) 67%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(115,217,245,1) 35%, rgba(55,201,241,1) 50%, rgba(123,219,246,1) 67%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(115,217,245,1) 35%, rgba(55,201,241,1) 50%, rgba(123,219,246,1) 67%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(115,217,245,1) 35%, rgba(55,201,241,1) 50%, rgba(123,219,246,1) 67%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
  
}
.panel-group:before {
	right: -2px;
	height: 2px;
	top: -2px;
	
}
.faq-panel:after {
  	right: -2px;
  	height: 2px;
  	bottom: -2px;
}
.panel-heading{
	border:none;
}
.panel-heading a{
	color:#FFF;
}
.panel-heading a:hover, .panel-heading a:active , .panel-heading a:focus{
	text-decoration:none;
}

.panel-heading .panel-heading-icon {
	margin-right:20px;
	width:38px;
	height:38px;
}
.panel-body {
	padding-left:73px;
}

.panel-body p, panel-body ol{
	padding-left:30px;
	border-left: 2px solid #57bcdd;
}

@media only screen and (max-width : 768px) {
	#faq_page {
		background: url(../i/faq.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		
	}
	.panel-heading{
		text-align:center;
	}
	.panel-heading .panel-heading-icon {
		margin-right:15px;
		width:22px;
		height:22px;
	}
	.panel-body {
		padding-left:35px;
	}
	
	.panel-body p{
		padding-left:15px;
		border-left: 1px solid #57bcdd;
	}



/* ------------------------------------------------------------------------ -*/

/* uparrowdiv, downarrowdiv, leftarrowdiv, rightarrowdiv - triangels */

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
width:600px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: black;
color:white;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}

.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:30px;
width:0;
height:0;
border-color: transparent transparent black transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;

}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color: black transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent black transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent black; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}
}

/* End Site feature*/


/* Pricing table*/
.pricingdiv{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: 'Source Sans Pro', Arial, sans-serif;
}

.pricingdiv ul.theplan{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white;
  background: #C91C39;
  position: relative;
  width: 200px; /* width of each table */
  margin-right: 10px; /* spacing between tables */
  margin-bottom: 1em;
  transition: all .5s;
}

.pricingdiv ul.theplan:hover{ /* when mouse hover over pricing table */
  transform: scale(1.05);
  transition: all .5s;
  z-index: 100;
  box-shadow: 0 0 10px gray;
}

.pricingdiv ul.theplan li{
  margin: 10px 20px;
  position: relative;
}

.pricingdiv ul.theplan li.title{
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
  border-bottom: 5px solid white;
}
.pricingdiv ul.theplan li.tut{
  font-size: 16px;
  font-weight: bold;
  font-family: 'georgia';
  text-align: center;
  margin-top: 10px;
  color: gold;
}


.pricingdiv ul.theplan:nth-of-type(2){
  background: #C7BA08;
}
.pricingdiv ul.theplan li.tut2{
  font-size: 16px;
  font-weight: bold;
  font-family: 'georgia';
  text-align: center;
  margin-top: 10px;
  color: navy;
}
    
.pricingdiv ul.theplan:nth-of-type(3){
  background: #318A04;
}
.pricingdiv ul.theplan li.tut3{
  font-size: 16px;
  font-weight: bold;
  font-family: 'georgia';
  text-align: center;
  margin-top: 10px;
  color: red;
}

.pricingdiv ul.theplan:last-of-type{ /* remove right margin in very last table */
  margin-right: 0;
}

/*very last LI within each pricing UL */
.pricingdiv ul.theplan li:last-of-type{
  text-align: center;
  margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
}  

.pricingdiv a.pricebutton{
  background: white;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
  margin: 10px auto;
  border-radius: 5px;
  color: navy;
  text-transform: uppercase;
}

@media only screen and (max-width: 500px) {
  .pricingdiv ul.theplan{
    border-radius: 0;
    width: 100%;
    margin-right: 0;
  }
  
  .pricingdiv ul.theplan:hover{
    transform: none;
    box-shadow: none;
  }
  
  .pricingdiv a.pricebutton{
    display: block;
  }
}
/* End pricing table*/

/* BUTTONS*/
#free-access {
	margin: 30px auto 30px auto;
    text-align: center;
}
#free-access .button{
    display: block;
    text-align: center;
    margin: 20px auto 0 auto;
    width: 264px;
    padding: 18px 0 15px 0;
    font-family: 'HelveticaNeueLTCom-Bd', Georgia, times, serif;
    font-size: 24px;
    letter-spacing: -.5px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
    background: #fec100;
    background: url(b1.jpg);
    background: -moz-linear-gradient(top,  #fec100 0%, #f2b100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#f2b100));
    background: -webkit-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -o-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -ms-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: linear-gradient(to bottom,  #fec100 0%,#f2b100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f2b100',GradientType=0 );
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#free-access .button:hover{
    background: #63FC2B;
    background: url(b.jpg);
    background: -moz-linear-gradient(top,  #fcc214 0%, #efbc39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc214), color-stop(100%,#efbc39));
    background: -webkit-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -o-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -ms-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: linear-gradient(to bottom,  #fcc214 0%,#efbc39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc214', endColorstr='#efbc39',GradientType=0 );
}
#free-access .button:after{
    content: url(t/bottom3.png);
    margin-left: 10px;
}

.submit-btn{
    cursor: pointer;  
    width: 344px; 
    text-align: center;
    font-family: 'SourceSansPro-Bold', Georgia, times, serif;
    padding: 10px 0 10px 0;
    font-size: 24px;
    text-shadow: 1px 1px 2px rgba(3, 3, 3, 0.55); 
    letter-spacing: 0px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
    background: #fec100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmIxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fec100 0%, #075E0C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#075E0C));
    background: -webkit-linear-gradient(top,  #fec100 0%,#075E0C 100%);
    background: -o-linear-gradient(top,  #fec100 0%,#075E0C 100%);
    background: -ms-linear-gradient(top,  #fec100 0%,#075E0C 100%);
    background: linear-gradient(to bottom,  #fec100 0%,#075E0C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f2b100',GradientType=0 );
}

.submit-btn:hover{
    background: #fcc214;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYzIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmJjMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #075E0C 0%, #10DB1C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#075E0C), color-stop(100%,#10DB1C));
    background: -webkit-linear-gradient(top,  #075E0C 0%,#10DB1C 100%);
    background: -o-linear-gradient(top,  #075E0C 0%,#10DB1C 100%);
    background: -ms-linear-gradient(top,  #075E0C 0%,#10DB1C 100%);
    background: linear-gradient(to bottom,  #075E0C 0%,#10DB1C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc214', endColorstr='#efbc39',GradientType=0 );
}

/* End BUTTONS*/
/* ECKS*/
.curl{
  width: 60px; /* default width of page curl */
  height: 60px; /* default height of page curl */
  position: absolute;
  left: 0;
  top: 0;
	z-index: 1000;
  overflow: hidden;
  background: white;
  box-shadow: 0 0 10px gray;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.curl .curlcontent{
  position: absolute;
  left: 15px; /* left position of curl content to show */
  top: 15px; /* top position of curl content to show */
}

.curl:after{ /* the curl itself */
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: rotate(45deg) translateX(70%) scale(1.4);
  background: #afafaf;
  background: -moz-linear-gradient(left,  #afafaf 0%, #ffffff 29%);
  background: -webkit-linear-gradient(left,  #afafaf 0%,#ffffff 29%);
  background: linear-gradient(to right,  #afafaf 0%,#ffffff 29%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#ffffff',GradientType=1 );

}

.curl:hover{
  width: 200px; /* width of page curl when mouse over */
  height: 200px; /* height of page curl when mouse over */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 10px 10px 50px gray;
}

/* #### Right corner curl specific CSS (instead of default left corner) ### */

.curl.rightcorner{
  left: auto;
  right: 0;
}

.curl.rightcorner:after{
  left: auto;
  right: 0;
  transform: rotate(135deg) translateX(70%) scale(1.4);  
}

.curl.rightcorner .curlcontent{
  left: auto;
  right: 15px; /* right position of curl content to show */
  top: 15px; /* top position of curl content to show */
}
/* End ECKS*/
/* --- svg_modal_guests.css --- */

.svg-modal-guests #overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: url(rgba.php?r=0&g=0&b=0&a=165); background: rgba(0, 0, 0, 0.65); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000,endColorstr=#A5000000);
	z-index: 999;
	-webkit-animation: fade .6s;
	   -moz-animation: fade .6s;
	        animation: fade .6s;
	overflow: auto;
}
.svg-modal-guests .popup {
	
		font-family: 'Open Sans', sans-serif;
	
}
.svg-modal-guests .popup {
	font-size: 14px;
color: rgb(255, 255, 255);
margin: auto;
top: 20%;
left: 0;
right: 0;
min-width: 320px;
max-width: 600px;
position: absolute;
z-index: 1000;
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
width: 85%;

}
.svg-modal-guests .popup h1.split {font-size:2em; position:relative; font-family:georgia, "times new roman", serif; height:1em;}
h1.split span.line {position:absolute; left:0; top:0; color:#c60; height:0.6em; overflow:hidden; border-bottom:1px solid #fff;}
h1.split span.noline {position:absolute; left:0; top:0; color:#ff0; height:0.6em; overflow:hidden;}
h1.split:before {content:attr(title); position:absolute; left:0; top:0; color:#c60;}
h1.split span.dgrey {color:#555;}
h1.ln:before {color:#c60;}
h1.lgrey:before {color:#aaa;}

.svg-modal-guests .popup h2 {
	color: rgb(255, 5, 5);
margin: 0 0 10px;
font-weight: 600;
line-height: 1.3;} 
 
.svg-modal-guests .popup h3 {
	color: rgb(255, 155, 55);
margin: 0 0 10px;
font-weight: 600;
line-height: 1.3;

}
.svg-modal-guests .popup h1.split {
	font-size: 22px;
margin-left: 35%;

}
.svg-modal-guests .popup h2 {
	font-size: 20px;

}
.svg-modal-guests .popup h3 {
	font-size: 16px;
margin-left: 5%;

}
.svg-modal-guests .popup p {
	padding: 10px;
}
.svg-modal-guests .popup a {
	font-weight: bold;
color: rgb(242, 38, 19);

}
.svg-modal-guests .popup condition {
	font-weight: bold;
color: rgb(42, 138, 219);

}
.svg-modal-guests button.close {
	top: 10px;
	right: 10px;
	position: absolute;
	background: transparent;
	color: rgb(255, 255, 255);
	border: none;
	cursor: pointer;
	outline: none;
}
.svg-modal-guests button.close:before {
	content: "\2716";
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	        transition: all 0.5s;
}
.svg-modal-guests button.close:hover {
	color: rgb(242, 38, 19);
}
.svg-modal-guests .popup img {
	width: 100%;
	height: auto;
}
.svg-modal-guests .pl-right {
	float: right;
	margin: 15px 0 5px 0;
}
.svg-modal-guests .pl-left {
	float: left;
	margin: 5px 18px 5px 0;
}
@-moz-keyframes fade {
	from { opacity: 0; }
	to { opacity: 1 }
}
@-webkit-keyframes fade {
	from { opacity: 0; }
	to { opacity: 1 } 
}
@keyframes fade {
	from { opacity: 0; }
	to { opacity: 1 }
}

/* End SVG*/
/* PAGER CONTAINER */

#pager-container{display:block;margin-top:30px}
#pager{font-family:"BebasNeueRegular",Tahoma;text-shadow:0 -1px 0 gray;font-size:20px;position:relative;width:auto;display:inline-block;margin-bottom:0}.oldIE 
#pager{width:100%}
#pager span,#pager img,
#pager input{display:block;float:left}
#pager input{font-family:"BebasNeueRegular",Tahoma!important;font-size:20px!important;text-align:center!important;color:#83807c!important;width:50px!important;height:20px!important;margin:0!important;padding:0!important;margin-top:4px!important;margin-left:5px!important;margin-right:5px!important;background:url("../img/page.png") no-repeat!important;border:none!important;outline:none!important;border-radius:0!important}.oldIE #pager input,.ie9 
#pager input{font-size:19px!important;line-height:23px!important}
#pager span{display:block;margin-top:5px}

/* End PAGER CONTAINER */
/* WP-PAGENAVI */
.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#707070 !important;
		background:#FFFFFF !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		border-color:#3390CA !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		color:#fff !important;
		margin-right:3px !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
}
/*END WP-PAGENAVI */