html, body{
width:100%;
height:100%;
min-width: 1340px;
padding:0px;
margin:0px;
background-image: url(../img/start.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover;
background-attachment: fixed;
font-family: ‘Rouge Script’, cursive;
 font-size: 24px;
 font-weight: bold;
  color: #FFDEAD;
  line-height: 1.2;
  text-align: justifyLeft;

}

a{
  text-decoration: none !important;
}

ul, li, p{

padding:0px;

margin:0px;

}
.transition {
  transition: 0.5s;
}
a {
    color: #FFDEAD;
	 font-size: 20px;
}
a:hover{
    transition: 0.5s;
    color:goldenrod;
    }
.wrapper{
    width: 1170px;
    height: auto;
    margin: 0 auto;
    position: relative;

}
.header{
    height: 580px;
    position: relative;
}
    .button {
    	vertical-align: top;
    
	    position: relative; /* IE 8 */
	    z-index: 1; /* IE 8 */
    
    	display: inline-block; 
    	padding: 0px; 
    	margin-top: -14px;         
        line-height: 30px;
        padding: 0 10px 1px 10px;
    
	color: #FFDEAD;
	font-family: ‘Rouge Script’, cursive; font-size: 18px; font-weight: bold;
        text-align: center; text-decoration: none; text-transform: uppercase;
 
        border: 1px solid #e1c467;
        -moz-border-radius:8px; /* Firefox */ 
        -webkit-border-radius:8px; /* Safari and chrome */ 
        -khtml-border-radius:8px; /* Linux browsers */ 
        border-radius:8px; /* CSS3 */
        
        -webkit-box-shadow: #222 0px 2px 3px;
        -moz-box-shadow: #222 0px 2px 3px;
        box-shadow: #222 0px 2px 3px;
    /* height: 40px; */
	    background: #052602; /* Old browsers */
        background: -moz-linear-gradient(top,  #052602 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#118707), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #052602 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #052602 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #052602 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #052602 0%,#118707 100%); /* W3C */
        /* IE<10 */
        -pie-background: linear-gradient(#ff6000, #be1b04);

    }
    
    .rtl .button {font-family: ‘Rouge Script’, cursive; font-size: 18px; font-weight: bold; }
    
    .button:hover {
    /* height: 40px; */
	    background: #0b5704; /* Old browsers */
        background: -moz-linear-gradient(top,  #0b5704 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d76e00), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #0b5704 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #0b5704 0%,#118707 100%); /* W3C */
        /* IE<10 */
        -pie-background: linear-gradient(#ff9c00, #118707);
        behavior: url(PIE.htc);
    }
    
    .button:link, .button:visited, .button:focus, .button:active { color: #e1c467; text-decoration: none; }
    
    a.inactive {
	    background: #F4F4F4 !important;
    	color: #999999 !important;
    	border: 1px solid #999999;
    	cursor: default; 
        -pie-background: #F4F4F4; behavior: url(PIE.htc); /* IE<10 */
    }
    
    a.inactive:hover { color: #999999 !important; -pie-background: #F4F4F4; }
    
    a.selected { 
    /* height: 40px; */
	    background: #0b5704; /* Old browsers */
        background: -moz-linear-gradient(top,  #0b5704 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d76e00), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #0b5704 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #0b5704 0%,#118707 100%); /* W3C */
        /* IE<10 */
        -pie-background: linear-gradient(#ff9c00, #118707);
        behavior: url(PIE.htc);
	}
  
    .nav { text-align:center; }
     ul.nav {padding-top:-60; margin:0 0 5px 0;}
    .nav li { display: inline-block;  margin: 0 5px;color: #FFFFFF; }
    .nav li a { text-align: center; padding: 0 10px;color: #FFFFFF; }


.active{opacity: 1; }


.toppers {
    width: 290px;
    height: 72px;
  font-size: 16px;
  font-family: "Philosopher";
  color: rgb(207, 194, 153);
  line-height: 1.1;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.56);
  background: url(../images/topers.png) center center;
  z-index: 76;
    margin: -10px auto;
}
.toppers span{
    display: block;
    width: 290px;
    margin: 10px auto;
    position: relative;
    top: 11px;
    text-align: center;
	color: #FFDEAD;
	font-family: ‘Rouge Script’, cursive;

}

.topperss {
    width: 840px;
    height: 72px;
  font-size: 16px;
  font-family: "Philosopher";
  color: rgb(207, 194, 153);
  line-height: 1.1;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.56);
  background: url(../images/toperss.png) center center;
  z-index: 76;
    margin: -14px auto;
}
.topperss span{
    display: block;
    width: 800px;
    margin: 10px auto;
    position: relative;
    top: 11px;
    text-align: center;
	color: #FFDEAD;
	font-family: ‘Rouge Script’, cursive;

}

.wimz {
width: 229px;
height: 34px;
border: 1px solid #3C2C1C;
border-radius: 10px;
text-align: center;
font-size: 20pt;
padding: 5px 0px 5px 0px;
margin: -27px 0px 0px 0px;
color: #3C2C1C;
}

.garant-bkz {
width: 200px;
float: left;
margin: 6px 0px 0px 0px;
text-align: center;
color: #3C2C1C;
font-size: 12pt;
font-weight: bold;
}

.bonusin {
padding: 3px 14px;
margin: 5px 0;
border: 1px solid #8c7c6c;
border-radius: 4px;
    background: linear-gradient(to bottom, rgb(253, 239, 204) 0%, rgb(253, 239, 204) 35%, rgb(253, 239, 204) 62%, rgb(253, 239, 204) 100%);
text-decoration: none;
color: #3c2c1c;
}

.bonusin h3 {
padding: 5px;
margin: 0px;
}
.sadfsaf {
color: #3c2c1c;
font-family: "arian_amu_serifbold",sans-serif;
font-size: 16px;
}
        .referals_system{
            overflow: hidden;
            margin-bottom: 40px;
        }
        .referals_system h3{
            font-weight: normal;
            font-size: 20px;
            color: #7d363e;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 10px;
        }
        .referals_system h4{
            font-size: 19pt;
            margin: 0px 0px 15px 0px;
            color: #8d4046;
            text-align: center;
            font-weight: bold;
            display: block;
        }
        .referals_system .half{
            width: 100%;
            box-sizing: border-box;
            margin: 0px 1% 0px 1%;
            padding-bottom: 10px;
        }
.rounded {
            counter-reset: li;
            list-style: none;
            font-size: 13pt;
            padding: 0;
            text-shadow: 0 1px 0 rgba(255,255,255,.5);
            margin-left: 40px;
            margin-right: 30px;
        }
		.rounded .for_blosk {height: 73px;}
        .rounded a {
            position: relative;
            display: block;
            padding: .4em .4em .4em 2em;
            margin: .5em 0;
	    background: #052602; /* Old browsers */
        background: -moz-linear-gradient(top,  #052602 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#118707), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #052602 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #052602 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #052602 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #052602 0%,#118707 100%); /* W3C */

    color: #F0E68C;
            text-decoration: none;
            border-radius: .3em;
            transition: .3s ease-out;			
        }
        .rounded a:hover {
	    background: #0b5704; /* Old browsers */
        background: -moz-linear-gradient(top,  #0b5704 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d76e00), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #0b5704 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #0b5704 0%,#118707 100%); /* W3C */
    color: #F0E68C;
        }
        .rounded a:hover:before {
            transform: rotate(360deg);
        }
        .rounded a:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            left: -1.3em;
            top: 50%;
            margin-top: -1.3em;
	    background: #052602; /* Old browsers */
        background: -moz-linear-gradient(top,  #052602 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#118707), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #052602 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #052602 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #052602 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #052602 0%,#118707 100%); /* W3C */

    color: #F0E68C;
            height: 2em;
            width: 2em;
            line-height: 2em;
            border: .3em solid white;
            text-align: center;
            font-weight: bold;
            border-radius: 2em;
            transition: all .3s ease-out;
        }

        .gpraccmain li{
            width: 540px;
            display: inline-block;
            margin: 0px 15px;
            vertical-align: top;
        }




.contentic{
box-shadow: rgb(35, 24, 18) 0px 0px 20px;
background-color: rgba(0,1,1,0.45);
border-radius: 10px;
position: relative;
top: 50px;
left: 40%;
margin-left: -508px;

}

.contentic td {
color: #ffffff;
padding: 3px;

}


.footer{
    margin-top: 15px;
    height: 114px;
    width: 100%;
    position: relative;
    background: url(../images/footer.png) top center;
}

.copy {
  font-size: 12px;
  font-family: "Roboto";
  color: rgb(138, 128, 110);
  line-height: 1.5;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.004);
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 9;
  margin-top: -3px;
}

.copy2 {
  font-size: 12px;
  font-family: "Roboto";
  color: rgb(138, 128, 110);
  line-height: 1.5;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.004);
  position: absolute;
  right: 100px;
  top: 50px;
  z-index: 10;
  margin-top: -10px;
}

.up{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 49%;
}

.l_block{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #FAC42C;
	background-color: #025669;
	padding: 10px;
	
}

.r_block{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #FAC42C;
	background-color: #025669;
	padding: 15px;
}

.r_block2{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color: #025669;
	padding: 10px;
}

.r_block3{
	border: 0px solid #1f1a14;
	background-color: #025669;
	padding: 10px;
}
.r_block3:hover{
	border: 0px solid #1f1a14;
	background-color: #025669;
}
.r_block1{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #FAC42C;
	background-color: #025669;
	padding: 10px;

	min-height: 185px;
}




.g_home{
border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border: 0px solid #1f1a14;
	background-color: rgba(39, 27, 20, 0.75);
	padding: 10px 50px;
	font-size: 18px;
	color: #ffcc00;
}



h1 {
	font-size: 26px;
	color: #FFDEAD;
	text-align: center;
    line-height: 42px;
    font-weight: bold;		
}

h2 {
	font-size: 24px;
	color: #FFDEAD;
	text-align: center;
 line-height: 42px;
    font-weight: bold;		
}

h3 {
	font-size: 18px;
	color: #FFDEAD;
 line-height: 32px;
 	text-align: center;
    font-weight: bold;		
}

h4 {
	font-size: 18px;
	color: #FFDEAD;
 line-height: 32px;
    font-weight: bold;		
}

#why img {
    -moz-transform: scale(0.9,0.9); 
    -ms-transform: scale(0.9,0.9); 
    -webkit-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#why img:hover {
    -moz-transform: scale(1.05,1.05); 
    -ms-transform: scale(1.05,1.05); 
    -webkit-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}


.nbava{
  width: 256px;
  height: 46px;
  margin: 0 auto;
}

.startblock{
  width: 256px;
  height: 46px;
    position: relative;
    background: url(../images/rega.gif) center center;
    background-size:100%;
}

.starteng:hover, .startru:hover{

}
.startline{
    width: 280px;
    margin-left: -6;
    height: 28px;
  background: url(../images/line.png) top left;
}



.login-block {
    width: 270px;
    padding: 15px;
    border-radius: 5px;
    margin: 0 auto;
}


.login-block_input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0px solid #ccc;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Montserrat;
    padding: 0 20px 0 50px;
    outline: none;
	color: #fff;
}

.login-block_input2 {
    width: 130px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0px solid #ccc;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff;
    padding: 3px 20px;
    outline: none;
	background: #fac42c;
}

.login-block_input3 {
    
    box-sizing: border-box;
    border-radius: 15px;
    border: 0px solid #ccc;
    color: #fff;
    outline: none;
	background: #fac42c;
}

.boxi{
	width: 12px;
	height: 12px;
	float: left;
	background: #231812;
	position: relative;
	top: 5px;
	right: 5px;
	border-radius: 1px;
}



.user_u{
margin-top: 16px;

}

.user_u li {
    margin-top: 3px;
    list-style-type: none;
    padding: 7px 28px;
	    background: #052602; /* Old browsers */
        background: -moz-linear-gradient(top,  #052602 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#118707), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #052602 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #052602 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #052602 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #052602 0%,#118707 100%); /* W3C */

    text-align: center;
    font-size: 20px;
	color: #FFDEAD;
	font-family: ‘Rouge Script’, cursive;
    border-radius: 5px;
	max-width: 278px;
}

.user_u li:hover{ 
	    background: #0b5704; /* Old browsers */
        background: -moz-linear-gradient(top,  #0b5704 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d76e00), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #0b5704 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #0b5704 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #0b5704 0%,#118707 100%); /* W3C */

}


.buy {
background: #33c411;
}



.login-block_input4 {
    
    box-sizing: border-box;
    border-radius: 15px;
    border: 0px solid #ccc;
    margin-bottom: 20px;
   font-size: 18px;
    color: #fff;
   padding: 10 30px;
    outline: none;
	background: #FAC42C;
}

.login-block input#username {
    background: #FAC42C url(/img/log_1.png) no-repeat 0 center;
}

.login-block input#username:focus {
    background: #FAC42C url(/img/log_1.png) no-repeat 0 center;
}

.login-block input#password {
    background: #FAC42C url(/img/log_2.png) no-repeat 0 center;
}

.login-block input#password:focus {
    background: #FAC42C url(/img/log_2.png) no-repeat 0 center;
}

.login-block input:active, .login-block input:focus {
    border: 0px solid #ff656c;
}

.login-block button {
    padding: 3px 10px;
    /* height: 40px; */
    background: #FAC42C;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0px;
    color: #231812;
    font-weight: bold;
    /* text-transform: uppercase; */
    font-size: 18px;
    font-family: cuprum_regular;
    outline: none;
    cursor: pointer;
}

.login-block button:hover {
    
	color:  #FFFFFF;
}

.knopkaa {
    padding: 3px 20px;
    /* height: 40px; */
    background: #FAC42C;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0px;
    color: #231812;
    font-weight: bold;
    /* text-transform: uppercase; */
    font-size: 18px;
    font-family: cuprum_regular;
    outline: none;
    cursor: pointer;
}

.knopkaa1 {
    padding: 2px 5px;
    /* height: 40px; */
    box-sizing: border-box;
    border-radius: 5px;
    border: 0px;
    color: rgb(255, 255, 255);
    /* text-transform: uppercase; */
    font-size: 16px;
    font-family: cuprum_regular;
    outline: none;
    cursor: pointer;
}

.knopkaa2 {
    padding: 5px 110px;
    /* height: 40px; */
    box-sizing: border-box;
    border-radius: 5px;
    border: 0px;
    color: rgb(37, 12, 2);
    /* text-transform: uppercase; */
    font-size: 17px;
    font-family: cuprum_regular;
    outline: none;
    cursor: pointer;
}

.knopkaa4 {
    padding: 5px 85px;
    /* height: 40px; */
    box-sizing: border-box;
    border-radius: 5px;
    border: 0px;
    color: rgb(37, 12, 2);
    /* text-transform: uppercase; */
    font-size: 17px;
    font-family: cuprum_regular;
    outline: none;
    cursor: pointer;
}

.engl {
   margin-left:580px;
   margin-top:40px;
   opacity: 0.7;
}

.engl:hover {
    opacity: 1.0;
}

.knopkaa:hover {
    
	color:  #FFFFFF;
}



#banners a img 
{ 
margin-top:6px;
opacity:0.5; -moz-opacity:0.3; filter:alpha(opacity=40); 
} 

#banners a:hover img 
{ 
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
}
#banners1 a img 
{ 
opacity:0.7; -moz-opacity:0.5; filter:alpha(opacity=40); 
} 

#banners1 a:hover img 
{ 
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
}
input.bat  {
padding: 3px 20px;
    /* height: 40px; */
	    background: #052602; /* Old browsers */
        background: -moz-linear-gradient(top,  #052602 0%, #118707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#118707), color-stop(100%,#118707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #052602 0%,#118707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #052602 0%,#118707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #052602 0%,#118707 100%); /* IE10+ */
        background: linear-gradient(top,  #052602 0%,#118707 100%); /* W3C */

    box-sizing: border-box;
    border-radius: 5px;
    border: 0px;
	color: #FFDEAD;
	font-family: ‘Rouge Script’, cursive;
    font-weight: bold;
    /* text-transform: uppercase; */
    font-size: 17px;
    outline: none;
    cursor: pointer;
}



input.bat:hover{
 color: #ffffff;

}

input.bat:active {
 color: #ffffff;
}



/* Базовый контейнер табов */
.tabs {
  min-width: 320px;
  max-width: 800px;
  padding: 0px;
  margin: 0 auto; 
}
/* стили секций с содержанием */
section {
  display: none;
  padding: 15px;
  /*background: #fff;
  border: 1px solid #ddd;*/
}
.tabs input {
  /*display: none;*/
  
}


/* стили вкладок (табов) */
.tabs label {
        display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
    padding: 7px 10px;
    /* font-weight: 600; */
    text-align: center;
    color: #ADD81B;
    border-top: 1px solid #7E962D;
    border-bottom: 1px solid #7E962D;
    box-shadow: #7E962D 0px 0px 8px;
    /* border: 1px solid #ddd; */
    background: #4A453B;
    /* border-radius: 3px 3px 0 0; */
    border-radius: 5px;
}
/* шрифт-иконки от Font Awesome в формате Unicode */
.tabs label:before {
  
  font-weight: normal;
  margin-right: 10px;
}
.tabs label[for*="1"]:before {
  content: "\f19a";
}
.tabs label[for*="2"]:before {
  content: "\f17a";
}
.tabs label[for*="3"]:before {
  content: "\f13b";
}
.tabs label[for*="4"]:before {
  content: "\f13c";
}
/* изменения стиля заголовков вкладок при наведении */
.tabs label:hover {
  color: #ffa600;
  cursor: pointer;
  box-shadow: #7E962D 0px 0px 4px;
}
/* стили для активной вкладки */
.tabs input:checked + label {
     color: #ffa600;
    border: 1px;
    border-top: 1px solid #ffa600;
    border-bottom: 1px solid #ffa600;
    background: #5B5444;
    box-shadow: #ffa600 0px 0px 8px;
}
/* активация секций с помощью переключателя :checked */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}
/* медиа запросы для различных типов носителей */  
@media screen and (max-width: 680px) {
  .tabs label {
    font-size: 0;
  }
 
  .tabs label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  .tabs label {
    padding: 15px;
  }
}

input.gold {
	background: url(/img/res/gold.png);
    width: 45;
    height: 38;
    background-size: contain;
    border: none;
    cursor: pointer;
	
}
input.gold:hover {
    background: url(/img/res/gold.png);
    width: 47;
    height: 40;
    background-size: contain;
    border: none;
    cursor: pointer;
}


td.tooltips {
  position: relative;
  display: inline;

	
}
td.tooltips:hover {
 
  
}
td.tooltips span {
     position: absolute;
    width: 140px;
    color: #FFFFFF;
    background: #4A453B;
    height: 60px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
	border-radius: 1px;
    box-shadow: 0px 0px 3px #FFFFFF;
}
td.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #4A453B;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
td:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  top: 75%;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}


.tablo{

}
.tablo form{
display: block;
padding: 10px 8px 10px 200px;
margin: 20px 33px 0px 30px;
border: 2px solid rgb(250, 196, 44);
position: relative;
}
.tablo form h2{
position: absolute;
left: 10px;
font-weight: bold;
text-align: center;
color: rgb(255, 255, 255);
font-size: 14pt;
top: 200px;
width: 175px;
}

.tablo form h4{
position: absolute;
left: 450px;
font-weight: bold;
text-align: center;
color: rgb(255, 255, 255);
font-size: 14pt;
top: 170px;
width: 175px;
}

.tablo form:hover{
border: 2px solid rgb(40, 196, 255);
}
.tablo form img{
border: 1px solid rgb(210, 210, 210);
background: white;
width: 170px;
height: 170px;
border-radius: 90px;
padding: 5px;
display: inline-block;
position: absolute;
left: 7px;
}
.tablo form div{
display: inline-block;
vertical-align: top;
width: 215px;
margin: 5px 15px 5px 40px;
padding: 0px 0px 0px 0px;
}
.tablo form div label{
font-weight: bold;
color: #0b5704;
margin-bottom: 5px;
display: block;
text-align: left;
}
.tablo form div span{
display: block;
text-align: left;
color: rgb(255, 255, 255);
font-weight: normal;
}
.tablo form div span text{
color: rgb(250, 196, 44);
margin-left: 10px;
}
.tablo form div span text b{
color: #FAC42C;
}
.tablo form div span .kp{
width: 18px;
padding: 2px 2px 2px 2px;
margin: 0px 0px 0px 0px;
color: rgb(72, 81, 252);
cursor: pointer;
text-align: center;
font-weight: bold;
background: rgb(253, 253, 253);
border: 2px solid rgb(115, 115, 255);
}
.tablo form div span .val{
width: 50px;
padding: 2px 2px 2px 2px;
margin: 0px 0px 0px 0px;
border: 2px solid rgb(115, 115, 255);
background: rgb(255, 255, 255);
color: rgb(72, 81, 252);
cursor: pointer;
text-align: center;
font-weight: bold;
}
.tablo form .buy{
padding: 2px 10px 2px 10px;
margin-left: 25px;
}
.tablo form .itog{
color: #FAC42C;
font-weight: bold;
}
#box_select {
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #FAC42C;
    width: 550px;
    margin: 1px 1px 1px 60px;
}

.text_red {color:red;}
.text_red2 {color:#800040;}
.text_red3 {color:red; font-size:medium;}
.text_red4 {color:darkred;}
.text_blue {color:#ffa500;}
.text_ser {color:#525252;}
.text_white{color:#ffffff;}
.text_green{color:#008000;}
.text_violet{color:#9400d3;}
.text_gold{color:#FFFF00;}
.text_1 {font-size:xx-small;}
.text_2 {font-size:small;}
.text_3 {font-size:medium;}
.text_4 {font-size:large;}
.text_5 {font-size:x-large;}
.text_6 {font-size:xx-large;}

.sld {width:300px; height:150px; position:relative;overflow:hidden;margin: 10px 0; }
.sld a{ line-height:0; margin:0; padding:0;color:#1A1A1A; text-decoration:none;}
.sld .l1{font:40px Georgia, "Times New Roman", Times, serif; position:absolute; top:-4px; left:7px; }
.sld .l2{font:54px Georgia, "Times New Roman", Times, serif; position:absolute; top:30px; left:2px;}
.sld .l3{font:36px Georgia, "Times New Roman", Times, serif; position:absolute; top:82px; left:12px;}
.sld .l4{font:218px Georgia, "Times New Roman", Times, serif; position:absolute; right:18; top:-83px;}
.sld .l5{font:18px Georgia, "Times New Roman", Times, serif; position:absolute; right:28px; top:76px;}

.slds{width:610px; height:240px; position:relative; overflow:hidden; margin:10px 0}
.slds a{line-height:0; margin:0; padding:0; color:#1A1A1A; text-decoration:none}
.slds .l1{font:54px Georgia,"Times New Roman",Times,serif; position:absolute; top:2px; left:2px}
.slds .l2{font:134px Georgia,"Times New Roman",Times,serif; position:absolute; top:20px; left:1px}
.slds .l3{font:84px Georgia,"Times New Roman",Times,serif; position:absolute; top:142px; left:6px}
.slds .l4{font:260px Georgia,"Times New Roman",Times,serif; position:absolute; right:0; top:-97px}
.slds .l5{font:38px Georgia,"Times New Roman",Times,serif; position:absolute; right:28px; top:186px}

		.page_title{
			font-family: Tahoma;
			color: #FFFFFF;
			font-size: 35px;
			font-weight: bold;
			text-shadow: 1px 1px 3px #000000;
			width: 100%;
			padding: 30px 0px;
			margin: 0px;
		}
		
		.gold_plate{
			width: 240px;
			height: 164px;
			background: url(/images/gold_plate.png) no-repeat left top;
			position: relative;
		}
		.gold_pate img{
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.gp_text{
			font-size: 12px;
			font-weight: bold;
	color: #FFDEAD;
	font-family: ‘Rouge Script’, cursive;
			text-shadow: 1px 2px 3px rgba(0,0,0, 0.7);
			position: absolute;
			left: 0px;
			top: 100px;
			text-align: center;
			width: 240px;
		}
		.gp_text .numb{
			font-size: 18px;
		}
		
		.metal_block{
			background: rgb(186,186,186); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(186,186,186,0.3) 0%,rgba(255,255,255,0.7) 5%,rgba(186,186,186,0.5) 50%,rgba(255,255,255,0.7) 95%,rgba(186,186,186,0.5) 100%);
			background: -webkit-linear-gradient(top, rgba(186,186,186,0.3) 0%,rgba(255,255,255,0.7) 5%,rgba(186,186,186,0.5) 50%,rgba(255,255,255,0.7) 95%,rgba(186,186,186,0.5) 100%);
			background:linear-gradient(to bottom, rgba(186,186,186,0.3) 0%,rgba(255,255,255,0.7) 5%,rgba(186,186,186,0.5) 50%,rgba(255,255,255,0.7) 95%,rgba(186,186,186,0.5) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#bababa',GradientType=1 ); /* IE6-9 */			
			padding: 0px 30px 30px 30px;
			border-radius: 30px;
			border: 2px solid #2383cd;
			color: #000000;
			font-weight:bold;
			font-family: Arial;
		}
		
		.ghost{opacity: 0.7;}
		.ghost:hover{opacity: 1;}
		
	#pic{
position: relative;
margin-left:-29px;

}