/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* start editing from here */
a {
  text-decoration: none;
}
.txt-rt {
  text-align: right;
} /* text align right */
.txt-lt {
  text-align: left;
} /* text align left */
.txt-center {
  text-align: center;
} /* text align center */
.float-rt {
  float: right;
} /* float right */
.float-lt {
  float: left;
} /* float left */
.clear {
  clear: both;
} /* clear float */
.pos-relative {
  position: relative;
} /* Position Relative */
.pos-absolute {
  position: absolute;
} /* Position Absolute */
.vertical-base {
  vertical-align: baseline;
} /* vertical align baseline */
.vertical-top {
  vertical-align: top;
} /* vertical align top */
nav.vertical ul li {
  display: block;
} /* vertical menu */
nav.horizontal ul li {
  display: inline-block;
} /* horizontal menu */
img {
  max-width: 100%;
}
/*end reset*/
html,
body {
  font-size: 100%;
  font-family: 'Lato', sans-serif;
  background: url(../images/ukrintei_bg.jpg) no-repeat 0px 0px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-attachment: fixed;
}
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
a,
select {
  font-family: 'Lato', sans-serif;
  margin: 0;
}
ul,
label {
  margin: 0;
  padding: 0;
}
body a:hover,
body a {
  text-decoration: none;
}
/*-- main --*/
.agileits_copyright {
  text-align: center;
}
.agileits_copyright p {
  font-size: 1em;
  color: #fff;
  line-height: 1.8em;
  padding: 0 1em;
  text-transform: capitalize;
}
.agileits_copyright p a {
  color: #ffe269;
  text-decoration: underline;
}
.agileits_copyright p a:hover {
  color: #fff;
}
input[type='submit'],
.agileits_copyright p a,
a {
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  -ms-transition: 0.5s ease-in;
}
.main {
  padding: 3em 0;
}
.main h1 {
  text-align: center;
  color: #fff;
  font-size: 2.5em;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}
/*-- //main --*/
.w3_agile_main_grids {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.countdown {
  padding: 2em 0;
  text-align: center;
}

.countdown-time {
  display: block;
  text-align: center;
}

.countdown-time ul {
  display: inline-block;
}

.countdown-time li {
  float: left;
  text-align: center;
}

.countdown-time li.blank {
  line-height: 90px;
  width: 15px;
  color: #fff;
  font-size: 3em;
}

.countdown-time li.item {
  width: 110px;
}

.countdown-time i {
  display: block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 3em;
  font-weight: bold;
  margin: auto;
  border-radius: 90px;
  box-shadow: 0 0 10px rgba(199, 199, 199, 0.32);
  color: #ffffff;
  border: 2px solid #ffe269;
}

.countdown-time span {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-top: 10px;
}
.w3_agile_main_grids p.wthree_para {
  font-size: 1em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin: 0.5em 0 5em;
}
.w3_agile_main_grids h2 {
  font-size: 1.5em;
  color: #69ffe7;
  text-transform: uppercase;
  font-weight: bold;
}
.agileits_newsletter {
  margin: 2em 0 5.5em;
}
.agileits_newsletter h3 {
  color: #ffe269;
  text-transform: capitalize;
  font-size: 1em;
}
.agileits_newsletter form {
  width: 70%;
  margin: 1.5em auto;
  padding: 1em;
  background: rgba(255, 226, 105, 0.29);
}
.agileits_newsletter input[type='email'] {
  outline: none;
  border: none;
  background: #fff;
  font-size: 1em;
  color: #212121;
  padding: 10px;
  width: 66%;
}
.agileits_newsletter input[type='submit'] {
  outline: none;
  border: none;
  font-size: 1em;
  font-weight: 600;
  padding: 10px 0;
  width: 30%;
  text-transform: uppercase;
  cursor: pointer;
  background: #212121;
  color: #fff;
}
.agileits_newsletter input[type='submit']:hover {
  background: #69ffe7;
  color: #212121;
}
.agileinfo_social_icons li {
  display: inline-block;
  margin: 0 0.2em;
}
.agileinfo_social_icons li a {
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 40px;
  text-decoration: none;
  display: block;
  text-align: center;
}
.agileinfo_social_icons li a:hover {
  color: #fff;
}
.agileinfo_social_icons li a i {
  line-height: 2.7em;
}
.w3_agileits_facebook {
  color: #3b5998;
}
.w3_agileits_facebook:hover {
  background: #3b5998;
}
.wthree_twitter {
  color: #1da1f2;
}
.wthree_twitter:hover {
  background: #1da1f2;
}
.agileinfo_google {
  color: #dd4b39;
}
.agileinfo_google:hover {
  background: #dd4b39;
}
.agileits_pinterest {
  color: #bd081c;
}
.agileits_pinterest:hover {
  background: #bd081c;
}
.w3ls_rss {
  color: #f26522;
}
.w3ls_rss:hover {
  background: #f26522;
}
.agileinfo_x {
  color: #fff;
}
.agileinfo_x:hover {
  background-color: #000;
}
.agileinfo_viber {
  color: #7b519d;
}
.agileinfo_viber:hover {
  background-color: #7b519d;
}
.agileits_mastodon {
  color: #6364ff;
}
.agileits_mastodon:hover {
  background-color: #6364ff;
}
.agileits_threads {
  color: #fff;
}
.agileits_threads:hover {
  background-color: #000;
}

/*-- start-responsive-design --*/
@media (max-width: 1366px) {
  .agileits_newsletter form {
    width: 75%;
  }
}
@media (max-width: 1280px) {
  .agileits_newsletter {
    margin: 2em 0 3.5em;
  }
  .agileits_newsletter form {
    width: 80%;
  }
}
@media (max-width: 1080px) {
  .agileits_newsletter form {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .w3_agile_main_grids {
    width: 65%;
  }
}
@media (max-width: 991px) {
  .agileits_newsletter form {
    width: 95%;
  }
  .w3_agile_main_grids {
    width: 75%;
  }
}
@media (max-width: 900px) {
  .w3_agile_main_grids {
    width: 70%;
  }
  .agileits_newsletter form {
    width: 94%;
  }
}
@media (max-width: 800px) {
  .main h1 {
    font-size: 2.2em;
  }
  .w3_agile_main_grids {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .countdown-time i {
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 2em;
  }
  .countdown-time li.item {
    width: 95px;
  }
  .countdown-time li.blank {
    line-height: 75px;
    font-size: 2em;
  }
  .w3_agile_main_grids p.wthree_para {
    margin: 0.5em 0 4em;
  }
}
@media (max-width: 736px) {
  .agileits_newsletter input[type='email'] {
    width: 65%;
  }
}
@media (max-width: 667px) {
  .main h1 {
    font-size: 2em;
  }
  .w3_agile_main_grids {
    width: 85%;
  }
}
@media (max-width: 640px) {
  .countdown-time span {
    font-size: 12px;
  }
  .w3_agile_main_grids {
    width: 90%;
  }
}
@media (max-width: 600px) {
  .main h1 {
    font-size: 1.8em;
    letter-spacing: 2px;
  }
  .w3_agile_main_grids p.wthree_para,
  .agileits_newsletter h3,
  .agileits_copyright p {
    font-size: 14px;
  }
  .w3_agile_main_grids h2 {
    font-size: 1.3em;
  }
  .countdown-time li.item {
    width: 90px;
  }
  .countdown {
    padding: 2em 0 1em;
  }
}
@media (max-width: 568px) {
  .countdown-time li.item {
    width: 85px;
  }
}
@media (max-width: 480px) {
  .main h1 {
    font-size: 1.6em;
    letter-spacing: 1px;
  }
  .w3_agile_main_grids h2 {
    font-size: 1.1em;
  }
  .countdown {
    padding: 1em 0;
  }
  .countdown-time i {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 1.6em;
  }
  .countdown-time li.blank {
    line-height: 55px;
    font-size: 1.6em;
  }
  .countdown-time li.item {
    width: 70px;
  }
  .countdown-time span {
    font-size: 10px;
  }
  .w3_agile_main_grids p.wthree_para,
  .agileits_newsletter h3,
  .agileits_copyright p {
    line-height: 1.8em;
  }
  .agileits_newsletter input[type='submit'],
  .agileits_newsletter input[type='email'] {
    font-size: 14px;
  }
  .agileits_newsletter form {
    width: 92%;
  }
  .agileits_newsletter input[type='email'] {
    width: 64%;
  }
}
@media (max-width: 414px) {
  .main h1 {
    font-size: 1.4em;
  }
  .main {
    padding: 2em 0;
  }
  .w3_agile_main_grids p.wthree_para {
    margin: 0.5em 0 3em;
  }
  .countdown-time li.item {
    width: 59px;
  }
  .agileits_newsletter form {
    width: 91%;
  }
  .agileits_newsletter input[type='email'] {
    width: 62.7%;
  }
}
@media (max-width: 384px) {
  .main h1 {
    font-size: 1.3em;
    letter-spacing: 0px;
  }
  .countdown-time i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3em;
    border: 1px solid #ffe269;
  }
  .countdown-time li.blank {
    line-height: 40px;
    font-size: 1.3em;
  }
  .countdown-time li.item {
    width: 53px;
  }
  .w3_agile_main_grids h2 {
    font-size: 1em;
  }
  .agileits_newsletter {
    margin: 1em 0 2.5em;
  }
  .agileits_newsletter form {
    width: auto;
  }
  .agileits_newsletter input[type='email'] {
    width: 93%;
    margin-bottom: 1em;
  }
  .agileits_newsletter input[type='submit'] {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .w3_agile_main_grids {
    width: 95%;
  }
}
@media (max-width: 320px) {
  .main h1 {
    letter-spacing: 1px;
    line-height: 1.5em;
  }
  .w3_agile_main_grids p.wthree_para,
  .agileits_newsletter h3,
  .agileits_copyright p,
  .agileits_newsletter input[type='submit'],
  .agileits_newsletter input[type='email'] {
    font-size: 13px;
  }
  .countdown-time li.item {
    width: 45px;
  }
  .agileits_newsletter {
    margin: 0 0 2em;
  }
  .w3_agile_main_grids p.wthree_para {
    margin: 0.5em 0 2em;
  }
  .agileits_newsletter input[type='email'] {
    width: 92%;
  }
}