/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* font-family: "LatoRegular"; */
@font-face {
    font-family: "LatoRegular";
    src: url("../fonts/Lato/LatoRegular/LatoRegular.eot");
    src: url("../fonts/Lato/LatoRegular/LatoRegular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Lato/LatoRegular/LatoRegular.woff") format("woff"),
    url("../fonts/Lato/LatoRegular/LatoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "LatoBold"; */
@font-face {
    font-family: "LatoBold";
    src: url("../fonts/Lato/LatoBold/LatoBold.eot");
    src: url("../fonts/Lato/LatoBold/LatoBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Lato/LatoBold/LatoBold.woff") format("woff"),
    url("../fonts/Lato/LatoBold/LatoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "LatoLight"; */
@font-face {
    font-family: "LatoLight";
    src: url("../fonts/Lato/LatoLight/LatoLight.eot");
    src: url("../fonts/Lato/LatoLight/LatoLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Lato/LatoLight/LatoLight.woff") format("woff"),
    url("../fonts/Lato/LatoLight/LatoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.toggle_lang {
    margin-top: 71px;
    font-family: 'LatoBold';
}

.toggle_lang a,
.toggle_lang a:hover {
    color: #ffffff;
}

body {
    background: url("../img/grad_bgr.png") no-repeat fixed center top;
    background-size: cover;
}

h1 {
    background: url('../img/abuse_title.png') 0 2px no-repeat;
    padding-left: 58px;
    margin: 60px 0 41px;
    font-size: 3rem;
    font-family: "LatoRegular", sans-serif;
    color: rgba(255, 255, 255, 0.502);
    text-transform: uppercase;
}

a, a:hover {
    color: #118A83;
}

.body {
    background: url("../img/body.png") no-repeat center top;
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.4) 0 0 140px;
    font-family: "LatoRegular";
    padding: 57px 50px;
    margin-bottom: 170px;
}

p.stronger {
    font-size: 1.7rem;
    color: #333333;
    line-height: 1.25;
    font-family: 'LatoBold';
    margin-bottom: 14px;
}

ul {
    margin-bottom: -5px;
}

.bold {
    font-size: 1.4rem;
    font-family: 'LatoBold';
    color: #333333;
    line-height: 1.429;
    cursor: pointer;
    display: flex;
    margin-bottom: 5px;
}

.bold > span {
    display: inline-block;
    border-bottom: 1px dashed #333333;
}

.bold + p {
    padding-left: 37px;
}

.green-line {
    border-bottom: 1px solid #00a99d;
    margin: 35px 0 48px;
}

.text-wrapper:before {
    content: "\2193";
    padding-right: 30px;
    float: left;
}

div.collapse > div:first-child,
div.collapsing > div:first-child {
	padding-left: 37px;
	margin-bottom: 35px;
}

ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

ul li {
    /*padding-left: 1em;*/
}

ul li:before {
    content: "\2193";
    padding-right: 25px;
    float: left;
}

form ul > li {
    font-size: 1.4rem;
    color: #333333;
    line-height: 1.3;
    margin-bottom: 15px;
    text-indent: -2em;
    padding-left: 4em;
}

textarea {
    width: 100%;
    height: 150px;
    padding: 0 18px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 5px;
    outline: none;
    margin-bottom: 16px;
}

input[type=url] {
    width: 100%;
    height: 50px;
    padding: 0 18px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 5px;
    outline: none;
    margin-bottom: 16px;
}

input[type=url]::-webkit-input-placeholder {
    color: #808080;
}

input[type=url]::-moz-placeholder {
    color: #808080;
}

input[type=url]:-moz-placeholder {
    color: #808080;
}

input[type=url]:-ms-input-placeholder {
    color: #808080;
}

.js input[type=file] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.no-js input[type=file] + label {
    display: none;
}

input[type=file] + label {
    cursor: pointer;
    margin-bottom: 15px;
}

input[type=file] + label * {
    pointer-events: none;
}

.false-input {
    padding: 10px 80px;
    display: inline-block;
    border: 1px solid #00a99d;
    color: #00a99d;
    border-radius: 5px;
    background: transparent url('../img/abuse_clip.png') 14px 50% no-repeat;
}

.false-input-status {
    font-size: 1.4rem;
    color: #808080;
    margin-bottom: 53px;
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #00a99d;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    font-size: 1.6rem;
    padding: 14px 110px;
    max-width: 100%;
}