@import url('https://fonts.googleapis.com/css?family=Staatliches|Viga|Quicksand|Open+Sans+Condensed:300');

body {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    background:#fff;
}

.main {
    width: 500px;
    height: auto;
    margin: 0px auto;
    background: #fff;
}

@media only screen and (max-width: 786px) {
    .main {
        width: 100%;
    }
}

header {
    position: relative;
    width: 100%;
    height: auto;
}

header .head {
    width: 100%;
    height: auto;
    background: #000;
}
header .head p {
    font-size:20px;
    color:#ffe103;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Open Sans Condensed', sans-serif;
}
header .headtwo {
    width:100%;
    height:auto;
    position: relative;
    background: #fff;
}
header .headtwo .logotext {
    width: 30%;
    font-size:30px;
    font-family: 'Viga', sans-serif;
    color:#666;
    margin-top: 12px;
    margin-left: 10px;
}
header .headtwo .logotext b {
    color:#000;
}
header .headtwo .center {
    width: 25%;
    height: auto;
    position: relative;
    float: left;
    text-align: center;
}
header .headtwo .center img {
    width: 100%;
    height: auto;
}
header .headtwo .logophone {
    width: 40%;
    position: relative;
    height: auto;
    margin-top:10px;
}
header .headtwo .logophone p {
    text-align: right;
    font-size:12px;
    padding-right: 2px;
}
header .headtwo .logophone p b {
    font-size:24px;
    font-family: 'Viga', sans-serif;
    
}

article .bilgi1 {
    position: relative;
    background: #ad0101;
    width: 100%;
    height: auto;
    font-family: 'Viga', sans-serif;
    padding-bottom: 5px;
}
article .bilgi1 h1 {
    font-size:25px;
    text-align: center;
    padding-top: 5px;
    color:#fff;
}
article .bilgi1 h1 u {
    color:#fff4a2;
}
article .bilgi1 h2 {
    text-align: center;
    font-size:16px;
    padding-top: 5px;
    color:#fff;
    font-family: 'Quicksand', sans-serif;
}
article .bilgi1 h3 {
    position: relative;
    background: #fff;
    width: 23%;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 3px;
    font-size:15px;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
article .bilgi1 ul {
    width: 100%;
    height: auto;
    background: #4a0001;
    position: relative;
    padding-bottom: 7px;
    padding-top: 3px;
}
article .bilgi1 ul > li {
    position: relative;
    width: 39%;
    height: auto;
    float: left;
    margin-left: 1%;
    font-family: 'Open Sans Condensed', sans-serif;    
    font-size:15px;
    color:#ccc;
    padding-left: 9%;
    margin-top: 7px;
    background: url("../images/click.png") top left no-repeat;
}
article .bilgi1 ul > li span {
    font-size:15px;
    font-weight: bold;
    color:#fff4a2;
}

article .bilgi2 {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 15px;
}

article .bilgi2 h1 {
    font-size:29px;
    font-family: 'Viga', sans-serif;
    text-align: center;
    font-weight: bold;
}

article .bilgi2 .kare {
    padding: 10px;
    width: 93%;
    height: auto;
    float: right;
    font-family: 'Viga', sans-serif;
    color:#fff;
    font-size:20px;
    margin: 10px 0px 10px 0px; /* top left bottom right alitan.css */
}

article .bilgi2 p {
    margin-top:10px;
}

article .bilgi2 p {
    font-size:18px;
    margin: 10px;
    color:#333;
}

article .bilgi2 .textgri {
    height: auto;
    position: relative;
    font-size:22px;
    font-family: 'Viga', sans-serif;
    width: 52%;
    color:#666;
    z-index: 1;
}
article .bilgi2 .realistik {
    width: 36%;
    height: auto;
    position: relative;
}

article .bilgi2 .akihiko {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: -10px;
}

article .bgblack {
    background: #222;,
    position: relative;
    height: auto;
    width: 100%;
    z-index: 999;
    padding-top: 5px;
    padding-bottom: 5px;
}
article .bgblack .blackimg {
    width: 100px;
    height: auto;
    margin-right: 15px;
}
article .bgblack p {
    color:#fff;
    line-height: 23px;
    font-size:14px;
}
article .bgblack p .b {
    font-size:18px;
    position: relative;
}
article .bgblack p .h1 {
    font-size:34px;
    font-weight: bold;
    font-family: 'Viga', sans-serif;
    bottom: 10px;
    position: relative;
}
article .incebg {
    width: 100%;
    height: 44px;
    background: url("../images/incebg.jpg") repeat-x;
    border-top:1px solid #ef5a66;
    text-align: center;
    color:#fff;
    font-size:20px;
    padding-top: 4px;
}
article .bilgi3 {
    width: 100%;
    min-height:470px;
    position: relative;
    margin-bottom: 5px;
}
article .bilgi3 .absolute {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 0;
    top: 100px;
    left: 0px;
}
article .bilgi3 h2 {
    font-size:60px;
    font-family: 'Staatliches', cursive;
    font-weight: bold;
    text-align: right;
    margin-right: 5px;
    z-index: 1;
    position: relative;
}
article .bilgi3 h1 {
    font-size:80px;
    font-family: 'Staatliches', cursive;
    font-weight: bold;
    text-align: right;
    color:#333;
    margin-right: 5px;
    z-index: 1;
    position: relative;
}
article .bilgi3 .kare {
    padding: 10px;
    width: 73%;
    height: auto;
    float: right;
    font-family: 'Viga', sans-serif;
    color:#fff;
    text-indent: 10px;
    font-size:20px;
    margin: 10px 0px 10px 0px; /* top left bottom right alitan.css */
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
     border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 1;
    position: relative;
}
article .bilgi3 p {
    width: 50%;
    float: right;
    text-align: right;
    font-size:18px;
    margin-right: 10px;
    margin-bottom: 10px;
    color:#222;
    line-height: 20px;
    z-index: 1;
    position: relative;
}

article .callcenter {
    width: 100%;
    height: 44px;
    background: url("../images/incebg.jpg") repeat-x;
    border-top:1px solid #ef5a66;
    color:#fff;
    padding-top: 4px;
    position: relative;
}
article .callcenter p {
    float: left;
    width: 53%;
    position: relative;
    text-align: right;
    font-size: 15px;
}
article .callcenter p a {
    color:#fff;
    font-size:26px;
}
article .callcenter p b {
    font-size: 26px;
    font-weight: bold;
}
article .callcenter .icon {
    float: left;
    width: 40px;
    height: auto;
    margin-left: 5px;
}

article .callcenter .ara {
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color:#000;
    font-weight: bold;
    font-family: 'Viga', sans-serif;
    font-size:18px;
    position: absolute;
    right: 10px;
    top: 5px;
}
article .callcenter .ara:hover {
    background: #333;
    color:#fff;
}

article .bgblack .box {
    color:#000;
    width: 66%;
    font-weight: bold;
    position: relative;
    font-size:18px;
    float: left;
    margin-right: 15px;
    text-indent: 15px;
}
article .bgblack .price {
    font-size:40px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    position: relative;
    color:#fff3a2;
    margin-bottom: 5px;
}
article .bgblack p.bir {
    margin: 10px;
    font-size:18px;
}
article .bgblack .h2 {
    font-size:30px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    color:#fff3a2;
    margin-left: 5px;
    margin-top: 15px;
}

article .bilgi4 {
    width: 100%;
    height: auto;
    background: #7b0710;
    position: relative;
}
article .bilgi4 .absolute {
    position: absolute;
    width: 50%;
    height: auto;
    z-index: 0;
    top: 0px;
    left: 0px;
}
article .bilgi4 .text {
    text-align: right;
    color:#fff;
    position: relative;
    z-index: 1;
    font-size:16px;
    margin-top: 15px;
    margin-right: 5px;
}
article .bilgi4 .bir {
    font-size:22px;
}
article .bilgi4 .iki {
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    font-size:34px;
}
article .bilgi4 .aninda {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
    margin-top: 15px;
    text-align: center;
    font-size:23px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 26px;
}
article .etki {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}
article .etki h1 {
    font-size:60px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    margin-top: 8px;
}
article .etki h2 {
    font-size: 24px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
}
article .etki p {
    font-size:16px;
    color:#333;
    margin: 10px;
    line-height: 23px;
}
article .etki p u {
    font-weight: bold;
}
article .detay {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    height: auto;
    position: relative;
    color:#fff;
    line-height: 30px;
}
article .detay h3 {
    font-size:16px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #c75050;
    margin-bottom: 5px;
}
article .detay h2 {
    font-size:26px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
}
article .detay h1 {
    font-size:28px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
}
article .bilgi5 {
    width: 100%;
    height: auto;
    position: relative;
}
article .bilgi5 h1 {
    color:#999;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    font-size:50px;
    text-align: center;
}
article .bilgi5 h1 b {
    color:#000;
}
article .bilgi5 h2 {
    color:#666;
    font-size:30px;
    text-align: center;
}
article .bilgi5 ul {
    position: relative;
    margin: 10px;
}
article .bilgi5 ul > li {
    background: url("../images/click-red.png") left top no-repeat;
    height: auto;
    width: 90%;
    line-height: 20px;
    padding-left: 10%;
    font-size:16px;
    margin-top: 15px;
    color:#000;
}
article .row1 {
    height: 68px;
    width: 100%;
    background: url("../images/incebg.jpg") repeat-x #700711;
    color:#fff;
    text-align: center;
}
article .row1 h1 {
    font-size:26px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    padding-top: 10px;
}
article .row1 h2 {
    font-size: 20px;
    font-family: 'Viga', sans-serif;
}
article .row2 {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 38px;
}
article .row2 h1 {
    font-size:40px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    color:#fff;
}
article .row2 h2 {
    font-size:22px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
}
article .bggri {
    width: 100%;
    height: 40px;
    position: relative;
    text-align: center;
    background: #111;
}
article .bggri h1 {
    font-size:20px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    line-height: 40px;
}
article .bilgi6 {
    width: 100%;
    height: auto;
    position: relative;
}
article .bilgi6 h1 {
    font-size:36px;
    color:#000;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    margin: 10px;
    position: relative;
    z-index: 1;
}
article .bilgi6 p {
    width: 60%;
    float: left;
    margin-left: 10px;
    font-size:18px;
    line-height: 22px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
article .bilgi6 .img {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
}
article .bilgi7 {
    width: 100%;
    height: auto;
    position: relative;
}
article .bilgi7 .sagsil {
    position: absolute;
    right: 0px;
    z-index: 1;
}
article .bilgi7 .img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60%;
    height: auto;
    z-index: 0;
}
article .bilgi7 h2 {
    font-size:30px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    position: relative;
    z-index: 2;
    text-align: right;
    margin-top: 55px;
    margin-right: 5px;
}
article .bilgi7 h1 {
    font-size:60px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    position: relative;
    z-index: 2;
    text-align: right;
    margin-right: 5px;
}
article .bilgi7 ul {
    position: relative;
    z-index: 2;
}
article .bilgi7 ul > li {
    text-align: right;
    background: url("../images/click-red.png") no-repeat right;
    line-height: 20px;
    padding-right: 10%;
    width: 90%;
    float: right;
    margin-right: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
}
article .bilgi8 {
    width: 100%;
    height: auto;
    position: relative;
    background: url("../images/japon.jpg") no-repeat top right;
    margin-top: -40px;
}
article .bilgi8 h1 {
    font-size:60px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 60px;
}
article .bilgi8 h2 {
    color:#333;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    font-size:30px;
    margin-left: 10px;
}
article .bilgi8 .kare {
    padding: 6px;
    height: auto;
    float: left;
    font-family: 'Viga', sans-serif;
    color:#fff;
    font-size:20px;
    margin: 10px 0px 10px 10px; /* top left bottom right alitan.css */
}
article .bilgi8 p {
    margin: 10px;
    font-size: 16px;
    color:#333;
    line-height: 20px;
}
article .bilgi9 {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    background: #222;
    padding-top: 10px;
}
article .bilgi9 h1 {
    font-size:50px;
    font-family: 'Viga', sans-serif;
    color:#fff;
    font-weight: bold;
}
article .bilgi9 h2 {
    color:#fff;
    font-size:20px;
}
article .bilgi9 p {
    font-size:16px;
    margin-bottom: 10px;
}

article .bilgi10 {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
article .bilgi10 h1 {
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    color:#fff;
    font-size: 30px;
}
article .bilgi10 h2 {
    font-size:36px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
}
article .bilgi10 p {
    color:#fff;
    font-size:14px;
}


.comments {
    width: 100%;
    height: auto;
    position: relative;
}
/* CSS Test begin */
.comment-box {
    margin-top: 10px !important;
}
/* CSS Test end */

.comment-box img {
    width: 50px;
    height: 50px;
}
.comment-box .media-left {
    padding-right: 10px;
    width: 14%;
    float: left;
    position: relative;
    margin-left: 2.5%;
    margin-top: 15px;
}
.comment-box .media-body {
    width: 75%;
    position: relative;
    float: left;
    margin-top: 15px;
}
.comment-box .media-body p {
    border: 1px solid #ddd;
    padding: 10px;
}
.comment-box .media-body p img {
    width: 100%;
    height: auto;
}
.comment-box .media-body .media p {
    margin-bottom: 0;
}
.comment-box .media-heading {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 7px 10px;
    position: relative;
    margin-bottom: -1px;
}
.comment-box .media-heading:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-width: 1px 0 0 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 10px;
    left: -6px;
}
article .tanform {
    width: 100%;
    height: auto;
    position: relative;
    background: #fff;
    color:#000;
}
article .tanform h1 {
    width:100%;
    text-align: left;
    height: 40px;
    font-size:22px;
    font-weight: bold;
    color:#000;
    text-indent: 10px;
    padding-top: 15px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
}
article .tanform .marquee {
    width: 95%;
    margin: 0px auto;
    position: relative;
}
article .tanform h2 {
    text-align: center;
    font-size:30px;
}
article .tanform h2.bitistarih {
    background: #f20;
    width: 85%;
    margin: 0px auto;
    height: 35px;
    line-height: 35px;
}
article .tanform .kayan {
    width:98%;
    height:100px;
    background:#fef6e5;
    color:#000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    padding-left: 2%;
}
article .tanform .inputs {
    text-align: center;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
article .tanform .inputs input,select {
    width: 95%;
    margin: 10px auto;
    font-size:18px;
    font-family: 'Quicksand', sans-serif;
    text-indent: 6px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border:1px solid #999;
    text-indent: 15px;
    font-weight: bold;
}
article .tanform .inputs input[type="submit"] {
    background:#ff6600;
    font-family: 'arial', sans-serif;
    font-weight: bold;
    color:#fff;
    margin-bottom: 50px;
    cursor: pointer;
    height: 60px;
    border:1px solid #ccc;
    font-size:28px;
}
article .tanform .inputs input[type="submit"]:hover {
    background: #000;
    color:#ffb400;
    border:1px solid #ffb400;
}

article .tanform .inputs .product {
    width: 90%;
    height: auto;
    position: relative;
    background: #333;
    margin: 5px auto;
    padding: 2%;
    border-radius: 30px;
    text-align: left;
    border:1px solid #999;
}

input[type=radio]:not(old):checked .product {
    background: #fff;
}

article .tanform .inputs .product h2 {
    text-align: left;
    font-size: 22px;
}
article .tanform .inputs .product img {
    float: left;
    width: 50%;
    height: auto;
    margin-right: 5px;
    margin-top: 35px;
}
article .tanform .inputs .product p {
    font-size:16px;
    margin-bottom: 5px;
}

input[type=radio]:not(old){margin: 0;padding: 0;font-size : 1em;opacity: 0;display:none;}
input[type=radio]:not(old) + label{display: inline-block;line-height: normal;cursor: pointer;color: #fff;float: left;width: 100%;}
input[type=radio]:not(old) + label > span{width: 50px;height: 50px;border: 3px solid #000;border-radius: 100%;background: #fff;vertical-align: bottom;position: absolute;top: 5%;left: 2%;}
input[type=radio]:not(old):checked +  label > span > span{display: block;width: 50px;height: 50px;margin: -16% 0 0 13%;border-radius: 100%;background:url(../images/cek.png) no-repeat;background-size: contain;} 

.oval1 {
    width: 90%;
    height: auto;
    padding: 10px;
    background: #fff;
    margin: 0px auto;
    border-radius: 30px;
    color:#000;
    position: relative;
    margin-bottom: 15px;
}
.oval1 h2 {
    font-size:16px;
}
.oval1 p {
    margin-top: 15px;
}
.oval2 {
    width: 90%;
    height: auto;
    padding: 10px;
    background: #b2e161;
    margin: 0px auto;
    border-radius: 30px;
    color:#000;
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
}

.oval3 {
    width: 90%;
    height: auto;
    padding: 10px;
    background: #46c5e9;
    margin: 0px auto;
    border-radius: 30px;
    color:#000;
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
}

.oval4 {
    width: 90%;
    height: auto;
    padding: 10px;
    background: #ff9000;
    margin: 0px auto;
    border-radius: 30px;
    color:#fff;
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
}

.oval5 {
    width: 90%;
    height: auto;
    padding: 10px;
    background: #aeaeae;
    margin: 0px auto;
    border-radius: 30px;
    color:#000;
    position: relative;
    font-weight: bold;
}


footer {
    width: 100%;
    height: auto;
    background: #000;
    padding-bottom: 15px;
}
footer .hemenara {
    float: left;
    position: relative;
    margin-top: 10%;
    margin-left: 10%;
    width: 40%;
}
footer .hemenara .hara {
    background: #fe8221;
    color:#000;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    border-radius: 15px;
    padding: 6px 15px 6px 15px;
}
footer .sarino {
    float: right;
    width: 45%;
    margin-top: 5%;
    margin-right: 5%;
    color:#fff;
    font-size:18px;
    font-family: 'Open Sans Condensed', sans-serif;    
}
footer .sarino span {
    font-size:24px;
    font-family: 'Viga', sans-serif;
    font-weight: bold;
    color:#f3f003;
}
footer ul {
    position: relative;
    width: 98%;
    margin: 30px auto;
    color:#ccc;

}
footer ul > li {
    float: left;
    width: 25%;
    font-size:18px;
    font-family: 'Open Sans Condensed', sans-serif; 
    text-align: center;
}
footer .text {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}
footer .text p {
    text-align: center;
    color:#999;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size:12px;
}




/* yaslamalar */
.gri {
    color:#ccc;
}
.orange {
    color:#ffae00;
}
.blue {
    color:#12ff00;
}
.yellow {
    color:#fff3a2;
}
.bgyellow {
    background: #fff3a2;
}
.bordo {
    color:#520309;
}
.bgbordo {
    background: #520309;
}
.fullred {
    color:#ff0000;
}
.red {
    color:#af0e1b;
}
.bgred {
    background: #af0e1b;
}
.gifyuz {
    width: 100%;
    height: 350px;
    position: relative;
}
.yuz {
    width: 100%;
    height: auto;
    position: relative;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.buttonright {
    margin-right: 5px;
    float: right;
}
.order {
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 14px;
    text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: rgb(210, 20, 20);
    background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    -webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);
    -moz-box-shadow:    0px 0px 5px rgba(255, 255, 255, 0.75);
    box-shadow:         0px 0px 5px rgba(255, 255, 255, 0.75);
    z-index: 1;
    position: relative;
}
.order:hover {
    background: rgb(250, 20, 20);
    background: -moz-linear-gradient(90deg, rgb(250, 20, 20) 30%, rgb(210, 20, 20) 70%);
    background: -webkit-linear-gradient(90deg, rgb(250, 20, 20) 30%, rgb(210, 20, 20) 70%);
    background: -o-linear-gradient(90deg, rgb(250, 20, 20) 30%, rgb(210, 20, 20) 70%);
    background: -ms-linear-gradient(90deg, rgb(250, 20, 20) 30%, rgb(210, 20, 20) 70%);
    background: linear-gradient(0deg, rgb(250, 20, 20) 30%, rgb(210, 20, 20) 70%);
}