html { 
    font-size: 10px; 
    min-height: 100%;
    -webkit-text-size-adjust: none;
}

body {
    background-color: #F4F4F4;
    color: #333;

    margin: 0;
    padding: 0;
    text-align: left;
    /*font-size-adjust:none;*/

    min-height: 100%;
    height: 100%;
    
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.2em;
    text-shadow: 0 1px 0 #fff;
}
div { border-style: inherit; }
a { color: #0169c1; text-decoration: underline; } /*1377b6*/
a:hover { color: #000000; }
img { border: none; }
.clear { height: 0; clear: both; }
.main {
    background-color: #F4F4F4;
    /*min-height: 432px;*/
    text-align: left;
    /*max-width: 639px;*/
    margin: 0 auto;
    height: 100%;
    /*position: absolute;*/
}


.c-red { color: #B91E32; }
.c-green { color: #58a40d; }
.c-blue { color: #1F6CAE; }
.cb-red { background-color: #B91E32; text-shadow: 0 -1px 0 #961829; }
.cb-green { background-color: #8FB53C; text-shadow: 0 -1px 0 #749331; }
.cb-blue { background-color: #1F6CAE; text-shadow: 0 -1px 0 #19588d; }


.bug-left {
    width: 20px;
    height: 103px;
    background-image: url(../i/bug-left.png);
    background-repeat: no-repeat;
    background-position: left top;

    position: absolute;
    left: 0;
    bottom: 8%;
    z-index: 25;
}
.bug-top {
    width: 214px;
    margin: 0 auto;
    height: 71px;
    background-image: url(../i/bug-top1.png);
    background-repeat: no-repeat;
    background-position: center top;

    position: relative;
    
    z-index: 1;
}
.bug-bottom {
    width: 83px;
    height: 22px;
    background-image: url(../i/bug-bottom.png);
    background-repeat: no-repeat;
    background-position: right bottom;

    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.title {
    padding: 7px 24px;
}
.title h1 {
    margin: 0;
    color: #333;
    font-size: 1.7em;
}

h2 {
	font-size: 20px;
	margin-top: 1em;
}

.outter-form {
    position: relative;
}
.outter-form-inner {
    background-color: #ffffff;
    padding: 7px 24px;
    position: relative;
    z-index: 20;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/*.outter-border {
    position: absolute;
    height: 100%;
    width: 213px;
    top: -1px;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    border-style: solid;
    border-width: 1px 0;
}
.outter-b-1 {
    border-top-color: #B91E32;
    border-bottom-color: #1F6CAE;
    left: 0%;
    z-index: 12;
}
.outter-b-2 {
    border-top-color: #8FB53C;
    border-bottom-color: #8FB53C;
    left: 213px;
    z-index: 11;
}
.outter-b-3 {
    border-top-color: #1F6CAE;
    border-bottom-color: #B91E32;
    right: 0%;
    z-index: 10;
}*/

.field-label {
    font-size: 1.1em;
    font-weight: bold;
}
.field-row {
    margin: 3px 0;
    padding: 0 60px 0 0;
    position: relative;

}
.field-error {
    margin: 0.25em 0 0 0;
    color: #e10;
    font-size: 1em;
}
.field-row-input {
    width: 100%;
    font-size: 17px;

    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}
.field-row-submit {
	font-size: 17px;
    /*height: 50px;
    width: 41px;*/
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}


.submit {
	background: url(../i/go.png) no-repeat 0 0;
	width: 21px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	border: 0;
	cursor: pointer;
}

.outter-message {

}
.outter-message-inner {
    padding: 15px 24px;
    color: #ffffff;
    font-size: 1.3em;
    line-height: 1.4;
}

.content {
    padding: 7px 24px 2px;
}
.content p, .rules li {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 5px 0;
}


.footer {
    padding: 3px 24px 10px;
}

div.copy {
    color: #333;
    font-size: 120%;
    padding-top: 4px;
    font-size: 1em;
}

.copy a {
	color: #333;
}

ul.share {
	margin: 0 25px 10px 0;
	padding: 0;
	display: inline-block;
}

ul.share li {
	margin: 0 0 0.75em;
	list-style: none;
	padding: 0;
}

ul.share a {
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 22px;
	font-weight: bold;
}

a.fb {
	background-image: url(../i/fb.png);
}

a.vk {
	background-image: url(../i/vk.png);
}

a.tw {
	background-image: url(../i/tw.png);
}

a.gplus {
	background-image: url(../i/gplus.png);
}

p.social {
	line-height: 22px;
}

.fb-like {
	vertical-align: top;
}

.rules-bug-wrapper {
	display: block;
}

/*span.liketext {
	font-size: 8px !important;
}*/


/*@media (
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2)) {
    .bug {
        -webkit-background-size: 50% 50%;
           -moz-background-size: 50% 50%;
             -o-background-size: 50% 50%;
                background-size: 50% 50%;
    }
}*/