/*@import url("https://p.typekit.net/p.css?s=1&k=wri4dcd&ht=tk&f=2001.6862&a=1159352&app=typekit&e=css");

@font-face {
font-family:"adelle";
src:url("https://use.typekit.net/af/d79a98/00000000000000003b9af917/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/d79a98/00000000000000003b9af917/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/d79a98/00000000000000003b9af917/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-style:normal;font-weight:700;
font-display: fallback;
}

@font-face {
font-family:"adelle";
src:url("https://use.typekit.net/af/19af50/00000000000000003b9af920/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/19af50/00000000000000003b9af920/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/19af50/00000000000000003b9af920/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;
font-display: fallback;
}*/
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font:400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#212529;text-align:left;background-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}img{vertical-align:middle;border-style:none}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.small,small{font-size:80%;font-weight:400}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:768px){.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}}@media (min-width:768px){.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width:768px){.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:768px){.offset-md-3{margin-left:25%}}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:1.5rem}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary,.btn-primary:hover{color:#fff;background-color:#00bf9d;border-color:#00bf9d;font-size:1.5rem;transition:all 0.1s}.mt-3,.my-3{margin-top:1rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}

header {
    background-color: #abd91e;
    padding: 20px;
    border-bottom: 3px solid #00bf9d;
    height: 141px
}

header img {
    max-width: 80%;
    height: auto
}

html,
body {
    height: 100%;
    font-family: Verdana, Arial, sans-serif;
}

#intro {
    background: linear-gradient(rgba(171, 217, 30, 0.8), rgba(171, 217, 30, 0.8)), url(milada-vigerova-16700-unsplash.jpg);
    background-size: cover;
    background-position: center center;
    height: 100%;
    height: calc(100% - 141px);
    color: #fff;
    font-size: 150%;
    text-align: right;
    position: relative;
}

#intro .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#intro h1 {
    font-weight: normal;
    font-size: 3rem;
    margin-bottom: 1rem
}

#intro h1 strong {
    background-color: #00bf9d
}

#intro p {
    margin-bottom: 0
}

#intro p strong {
    border-bottom: 6px solid #00bf9d
}

#intro p span {
    color: #00bf9d
}

.infos {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.credit {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 50%;
    margin: 0
}

#infos {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #abd91e;
    text-align: left;
    color: #fff
}

#infos h2 {
    border-bottom: 6px solid #00bf9d;
    display: inline-block
}

#infos li {
    margin-bottom: 0;
    font-size: 130%
}

#infos p.small {
    font-size: 100%
}

#clients,
#notify {
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: left
}
#notify {
    padding-bottom: 2rem;
}
.social a {
    text-decoration: none;
    color: #1877f2;
}

footer {
    background-color: #666;
    color: #fff;
    padding: 20px
}

footer p {
    margin-bottom: 0
}

#intro .your-parcel {
    margin-top: 3rem;
    margin-bottom: .5rem
}

footer .small {
    font-size: 70%
}

a {
    border-bottom: 2px solid #abd91e;
    color: #1ebe9d;
}
a:hover {
    text-decoration: none;
    background-color: #f3fcd5;
    color: #1ebe9d;
}
footer a, #intro a, .social a {
    color: inherit;
    border-color: #fff;
}
footer a:hover, header a:hover, #intro a:hover, .social a:hover {
    background-color: transparent;
    color: #fff;
    border-bottom: none;
}
.social a:hover {
    color: inherit;
}
#intro .social {
    margin-top: 4rem;
}
.social a {
    border: none;
    font-size: 1.3rem;
}


@media only screen and (max-width:578px), only screen and (max-height:750px) {
    header {
        height: auto;
        text-align: center
    }
    header img {
        max-width: 65%
    }
    #intro .your-parcel {
        margin-top: 1rem;
        margin-bottom: 0.7rem
    }
    #intro {
        font-size: 100%;
        height: calc(100% - 90px);
    }
    #intro p {
        line-height: 1rem;
        margin-bottom: 0.5rem
    }
    #intro h1 {
        font-size: 1.5rem;
        margin-bottom: 0
    }
    .btn-primary {
        font-size: 1.1rem;
        margin-top: 0.5rem
    }
    .credit {
        left: 5px;
        right: auto
    }
}

.close:hover {
	color: #fff;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
	background-color: #3DCAB0;
	border-color: #3DCAB0;
}
.noUi-connect {
	background-color: #abd91e;
}
[disabled] .noUi-connect {
	background-color: #E5E5E5;
}
.noUi-tooltip {
	background-color: #abd91e;
    color: #fff;
}
[disabled] .noUi-tooltip {
	background-color: #E5E5E5;
}
#question a.info {
	background-color: #fff;
	color: #00bf9d;
	border-radius: 10px;
	padding: 2px 7px;
	cursor: pointer;
	font-size: 70%;
	margin-left: 0.5rem;
	position: absolute;
	right: -3.4rem;
	top: 2px;
    border: none;
}
#question .info-line {
	position: relative;
	display: inline-block;
}
#question .btn:hover {
	background-color: #C0DF62;
}
body {
	background-color: #666;
}
body > section {
	background-color: #fff;
}
#question a.info:hover {
	background-color: #00bf9d;
	color: #fff;
	cursor: pointer;
}
.modal-content {
	background-color: #fff;
	border-radius: 0;
	color: #000;
}
.modal-header {
	background-color:#00bf9d;
	color: #fff;
	border-radius: 0;
	border-color: #fff;
}
.thanks {
	font-size: 1.5rem;
	padding: .375rem 0;
	border: 1px solid transparent;
}
.close {
	font-size: 1.7rem;
	color: #fff;
}
#question {
	padding-top: 6rem;
	padding-bottom: 6rem;
	background-color: #00bf9d;
	color: #fff;
}
#question h2 {
	margin-bottom: 1rem;
}
#question .btn-primary {
	background-color: #abd91e;
}
#question .modal .btn-primary {
	background-color: #00bf9d;
}
@media screen and (orientation: portrait) {
	#intro {
		max-height: 720px;
	}
}
@media only screen and (max-height:380px) {
	#intro {
		height: 110%;
	}
}
@media only screen and (max-width:620px) {
	#question a.info {
		position: static;
		display: block;
		width: 3.3rem;
		margin: 0.3rem auto 0.4rem auto;
	}
	#infos li {
		font-size: 105%;
	}
	#infos h2, #question h2 {
		font-size: 1.5rem;
	}
	#infos p.small {
		font-size: 85%;
	}
	#question h2 {
		border: none;
		text-decoration: underline;
		text-decoration-color: #00bf9d;
	}
	#question .info-line {
		line-height: 1rem;
	}
}
