@charset "UTF-8";
/* CSS Document 
//Author Name: Saptarang
//Author URI: http://www.saptarang.org
//Themeforest: http://themeforest.net/user/saptarang?ref=saptarang
//Creation Date: 18th January, 2014
//Description: A default stylesheet for Missing - Responsive 404 Page Template Designed & Developed By Saptarang.
*/

html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.714em;
	color: #9ea7b3;
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
html, body {
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
	font-size: 4em;
	font-weight: 600;
}
h1 a {
	font-size: 1em;
}
h2 {
	font-size: 1.714em;
	font-weight: 500;
}
h2 a {
	font-size: 1em;
}
h3 {
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 1em;
}
h3 a {
	font-size: 16px;
}
h4 {
	font-size: 1.429em;
	color: #7c8795;
	text-transform: uppercase;
}
h4 a {
	font-size: 1em;
}
h5 {
	font-size: 1.2em;
	font-weight: 500;
	color: #323a45;
}
h5 a {
	font-size: 1em;
}
h6 {
	font-size: 0.9em;
	font-weight: 500;
	color: #323a45;
}
h6 a {
	font-size: 1em;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #000;
}
:focus, :active {
	outline: none!important;
}
p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.5em;
}
input[type=text], input[type=email], input[type=tel], textarea, input[type=number] {
	padding: 0.5em 1em;
	border: #e5e5e5 1px solid!important;
	-webkit-box-shadow: inset 0 2px 3px 0 #ececec;
	margin-bottom: 1.5em;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, input[type=number]:focus {
	-webkit-box-shadow: 0 0 5px 0 #2c94ff;
	box-shadow: 0 0 5px 0 #2c94ff;
}

.box h1 {
    color: #ee4500;
}
/* ================= GENERAL=================*/

.no-border {
	border: none!important;
}
.no-padding {
	padding: 0!important;
}
.bottom-margin {
	margin-bottom: 2em;
}
.no-margin {
	margin-bottom: 0!important;
}
img.pull-right {
	margin: 0px 0px 1.5em 1.5em;
	border-radius: 0!important;
}
img.pull-left {
	margin: 0px 1.5em 1.5em 0px;
	border-radius: 0!important;
}
i {
	margin-right: 0.3em;
}
.btn {
	text-transform: uppercase;
	font-weight: 600;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 0;
	color: #fff!important;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
	padding: 0.8em 1.5em;
}
.btn:hover {
	background: #3d3d3d;
}
.btn-lg {
	padding: 0.8em 1em;
}
blockquote {
	font-size: 1.1em;
}
ul.list-default {
	list-style-type: none;
}
ul.list-default li {
	padding: 0.8em 0 0.8em 2.5em;
	position: relative;
}
ul.list-default li:before {
	content: '\f054';
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	font-size: 0.8em;
	top: 1.3em;
}
input, button, select, textarea {
	border-radius: 0!important;
}
.text-muted {
	color: #b2b2b2;
	margin: 0
}
.thanks-page {
    width: 100%;
    height: 100vh;
    background: url(/wp-content/themes/just1page/img/sol-bg.jpg);
	background-size: cover;
}
.thanks-page:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
}
.thanks-block {
    width: 40%;
    margin: 15vh auto 0;
}
.thanks-block h1 {
    font-weight: 900;
    color: white;
    font-size: 56px;
    text-align: center;
    text-transform: uppercase;
}
.thanks-block h2 {
    font-weight: 100;
    color: white;
    font-size: 33px;
    text-align: center;
    text-transform: uppercase;
}
.thanks-block p {
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    color: white;
    line-height: 21px;
}
.thanks-block hr {
    width: 50%;
    border-top: 1px solid #ffffff;
}

.thanks-block a {
    width: 220px;
    border: 1px solid #fff;
    padding: 12px 15px;
    margin: 25px auto;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border-radius: 50px;
    background: #f0f8ff00;
}
.thanks-block a:hover {
    background: #fff;
    color: #36353a;
    transition: 0.3s;
    border: 1px solid #fff;
}
a.desinger {
    margin: -45px auto;
    display: block;
    width: max-content;
}
a.desinger img {
    filter: grayscale(100%);
    opacity: 0.2;
	transition: 0.3s;
	filter: brightness(0%);   
}
a.desinger:hover img {
    filter: grayscale(0%);
    transition: 0.5s;
	opacity: 1;
	filter: brightness(100%);
}
.container {
    position: relative;
}
.all-clouds {
    position: absolute;
    width: 100%;
    z-index: -0;
	overflow: hidden;
}
.cloud {
  -webkit-animation: clouds 60s infinite linear;
  -moz-animation: clouds 60s infinite linear;
  -ms-animation: clouds 60s infinite linear;
  -o-animation: clouds 60s infinite linear;
  animation: clouds 60s infinite linear;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  margin: 33px 0 0 0;
  width: 54px;
  height: 5px;
  background: #f7e7eb;
}
.cloud.tiny {
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
.cloud.small {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.cloud.normal {
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
}
.cloud.large {
  -moz-transform: scale(4, 4);
  -ms-transform: scale(4, 4);
  -webkit-transform: scale(4, 4);
  transform: scale(4, 4);
}
.cloud div {
  -moz-box-shadow: inset -2px -3px 0 0 #f7e7eb;
  -webkit-box-shadow: inset -2px -3px 0 0 #f7e7eb;
  box-shadow: inset -2px -3px 0 0 #f7e7eb;
  position: absolute;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  left: -3px;
  bottom: 0;
  background: #fafbf0;
  z-index: 10;
}
.cloud div:first-child + div {
  -moz-transform: scale(1.6, 1.6);
  -ms-transform: scale(1.6, 1.6);
  -webkit-transform: scale(1.6, 1.6);
  transform: scale(1.6, 1.6);
  margin: 0 0 4px 13px;
  z-index: 9;
}
.cloud div:first-child + div + div {
  -moz-transform: scale(2.4, 2.4);
  -ms-transform: scale(2.4, 2.4);
  -webkit-transform: scale(2.4, 2.4);
  transform: scale(2.4, 2.4);
  margin: 0 0 9px 32px;
  z-index: 8;
}
.cloud div:first-child + div + div + div {
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  margin: 0 0 2px 50px;
  z-index: 7;
}

@-webkit-keyframes clouds {
  0% {
    left: -100%;
  }
  100% {
    left: 120%;
  }
}
@-moz-keyframes clouds {
  0% {
    left: -100%;
  }
  100% {
    left: 120%;
  }
}
@-ms-keyframes clouds {
  0% {
    left: -100%;
  }
  100% {
    left: 120%;
  }
}
@keyframes clouds {
  0% {
    left: -100%;
  }
  100% {
    left: 120%;
  }
}
.cloud-1 {
  -webkit-animation-duration: 263s;
  -moz-animation-duration: 263s;
  -ms-animation-duration: 263s;
  -o-animation-duration: 263s;
  animation-duration: 263s;
  margin-left: 20%;
}

.cloud-2 {
  -webkit-animation-duration: 99s;
  -moz-animation-duration: 99s;
  -ms-animation-duration: 99s;
  -o-animation-duration: 99s;
  animation-duration: 99s;
  margin-left: 90%;
}

.cloud-3 {
  -webkit-animation-duration: 142s;
  -moz-animation-duration: 142s;
  -ms-animation-duration: 142s;
  -o-animation-duration: 142s;
  animation-duration: 142s;
  margin-left: 50%;
}

.cloud-4 {
  -webkit-animation-duration: 152s;
  -moz-animation-duration: 152s;
  -ms-animation-duration: 152s;
  -o-animation-duration: 152s;
  animation-duration: 152s;
  margin-left: 43%;
}

.cloud-5 {
  -webkit-animation-duration: 215s;
  -moz-animation-duration: 215s;
  -ms-animation-duration: 215s;
  -o-animation-duration: 215s;
  animation-duration: 215s;
  margin-left: 83%;
}

.cloud-6 {
  -webkit-animation-duration: 139s;
  -moz-animation-duration: 139s;
  -ms-animation-duration: 139s;
  -o-animation-duration: 139s;
  animation-duration: 139s;
  margin-left: 73%;
}

.cloud-7 {
  -webkit-animation-duration: 109s;
  -moz-animation-duration: 109s;
  -ms-animation-duration: 109s;
  -o-animation-duration: 109s;
  animation-duration: 109s;
  margin-left: 69%;
}

.cloud-8 {
  -webkit-animation-duration: 121s;
  -moz-animation-duration: 121s;
  -ms-animation-duration: 121s;
  -o-animation-duration: 121s;
  animation-duration: 121s;
  margin-left: 100%;
}

.cloud-9 {
  -webkit-animation-duration: 101s;
  -moz-animation-duration: 101s;
  -ms-animation-duration: 101s;
  -o-animation-duration: 101s;
  animation-duration: 101s;
  margin-left: 10%;
}

.cloud-10 {
  -webkit-animation-duration: 126s;
  -moz-animation-duration: 126s;
  -ms-animation-duration: 126s;
  -o-animation-duration: 126s;
  animation-duration: 126s;
  margin-left: 14%;
}

.cloud-11 {
  -webkit-animation-duration: 96s;
  -moz-animation-duration: 96s;
  -ms-animation-duration: 96s;
  -o-animation-duration: 96s;
  animation-duration: 96s;
  margin-left: 73%;
}

.cloud-12 {
  -webkit-animation-duration: 83s;
  -moz-animation-duration: 83s;
  -ms-animation-duration: 83s;
  -o-animation-duration: 83s;
  animation-duration: 83s;
  margin-left: 51%;
}

@media (max-width: 1024px) { 
.thanks-block {
    width: 50%;
    margin: 15vh auto 0;
}
}

@media (max-width: 768px) { 
.thanks-block {
    width: 60%;
    margin: 15vh auto 0;
}
}

@media (max-width: 767px) {
.thanks-block {
    width: 100%;
    margin: 15vh auto 0;
}
.all-clouds {
    display: none;
}
}

@media (max-width: 359px) {
.thanks-block h1 {
    font-size: 40px;
}
.thanks-block h2 {
    font-size: 23px;
}
}