html, body {
    width: 100%;
    height: 100%;
    color: #242424;
	font-family: 'Open Sans';
}

.main_container {
    min-height: 100%;
    position: relative;
}

.adaptive.table, .table {
    display: table;
}

.col {
    display: table-cell;
}

hr.clear {
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    border: none;
}

/* start header */

header {
    height: 100px;
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

header .adaptive.table {
    height: 100%;
}

header .adaptive.table .col {
    vertical-align: middle;
}

header .adaptive.table .col.logotype {
    width: 350px;
    box-sizing: border-box;
    padding-right: 10px;
}

header .adaptive.table .col.head_menu {
    vertical-align: bottom;
}

header .adaptive.table .col.head_phones {
    vertical-align: bottom;
}

.col.head_phones {
    width: 220px;
    box-sizing: border-box;
    padding-left: 20px;
}

.col.logotype a {
    text-decoration: none;
    color: #000;
    display: block;
    border-right: 1px solid #f4f4f4;
}

.col.logotype img {
    height: 100%;
    display: block;
    float: left;
    margin-right: 0;
    height: 100px;
    padding: 20px;
    box-sizing: border-box;
}

.col.logotype a h2 {
    font-size: 20px;
    font-family: 'Gotham Pro';
    font-weight: bold;
    line-height: 26px;
    padding: 24px 0;
}

.col.head_menu ul {
    height: 36px;
    padding: 0;
    float: right;
}

.col.head_menu ul li {
    float: left;
    margin-left: 5px;
}

.col.head_menu ul li a {
    display: block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-decoration: none;
    color: #242424;
    transition: 0.3s;
    background: #f4f4f4;
}

.col.head_menu ul li a.applit_pnkt {
    background: #f51c1c;
    color: #fff;
}

.col.head_menu ul li a.instagram_pnkt {
    background: rgba(64,106,221,1);
    background: -moz-linear-gradient(-45deg, rgba(64,106,221,1) 0%, rgba(207,48,133,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(64,106,221,1)), color-stop(100%, rgba(207,48,133,1)));
    background: -webkit-linear-gradient(-45deg, rgba(64,106,221,1) 0%, rgba(207,48,133,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(64,106,221,1) 0%, rgba(207,48,133,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(64,106,221,1) 0%, rgba(207,48,133,1) 100%);
    background: linear-gradient(135deg, rgba(64,106,221,1) 0%, rgba(207,48,133,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406add', endColorstr='#cf3085', GradientType=1 );
    color: #fff;
}

.row_hours {
    text-align: right;
}

.row_hours span {
    font-size: 14px;
    margin: 0 0 7px;
    display: block;
}

.row_tel {
    text-align: right;
    margin: 0px 0 10px;
}

.row_tel a {
    text-decoration: none;
    font-size: 22px;
    color: #2b77c4;
    font-weight: 600;
}

.head_buttons {
    height: 36px;
    width: 122px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
    float: right;
    margin: 0 12px 0 0px;
}

.head_buttons a {
    line-height: 36px;
    height: 36px;
    float: left;
    width: 36px;
    background: #1bd741;
    transition: 0.3s;
    font-size: 0;
    margin: 0 2px;
}

header a.mailback {
    /* width: 184px; */
    background-color: #1bd741;
    /* text-align: center; */
    /* text-decoration: none; */
    /* color: #fff; */
    background-image: url(/assets/templates/standart/images/mail.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

header a.callback {
    background-image: url(/assets/templates/standart/images/phone-receiver.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

body.fm-pos-top header {
    top: 40px;
}

body.fm-hide header {
    top: 0;
}

hr.clear.header {
    height: 100px;
}

/* end header */

/* start slider */

section.main_slider {
    height: 450px;
    overflow: hidden;
    background: black;
    position: relative;
}

.home_slider {
    height: 100%;
}

section.main_slider span.slide {
    height: 450px;
    display: block;
    background-size: 1920px auto;
    background-position: center 100px;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    background-attachment: fixed;
}

section.main_slider .table {
    height: 450px;
}

section.main_slider .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 0;
    text-align: left;
}

section.main_slider .adaptive.table h2 {
    color: #fff;
    font-size: 32px;
    max-width: 100%;
    /* width: 500px; */
    font-family: 'Gotham Pro';
    font-weight: bold;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0 0 20px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

section.main_slider .adaptive.table p {
    max-width: 100%;
    /* width: 500px; */
    color: #fff;
    margin: 0 0 30px;
    font-size: 22px;
    line-height: 34px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

section.main_slider .adaptive.table a {
    display: inline-block;
    padding: 0 20px;
    background: #1bd741;
    color: #fff;
    text-decoration: none;
    line-height: 46px;
    border-radius: 4px;
    font-size: 18px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Gotham Pro';
}

section.main_slider .adaptive.table a:hover {
    background: green;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
}

/* end slider */

/* start container */

section.container {
    overflow: hidden;
}

.col.left_side {
    width: 300px;
    text-align: right;
    box-sizing: border-box;
    padding: 0;
    box-shadow: -200px 0 0 0 #fff, 0px 0 15px 0px rgba(0, 0, 0, 0.1);
}

section.container .col.content {
    padding-left: 30px;
}

.col.left_side h2 {
    font-family: 'Gotham Pro';
    font-weight: bold;
    font-size: 23px;
    line-height: 30px;
    padding: 40px 20px 5px;
    color: #242424;
    text-transform: uppercase;
    background: #f4f4f4;
    box-shadow: -295px 0 0 0 #f4f4f4, -490px 0 0 0 #f4f4f4;
    margin: 0;
}

.col.left_side h3 {
    background: #f4f4f4;
    box-shadow: -295px 0 0 0 #f4f4f4, -490px 0 0 0 #f4f4f4;
    color: #242424;
    font-size: 18px;
    padding: 15px 20px;
    font-family: 'Gotham Pro';
    font-weight: 500;
}

.col.left_side ul {
    padding: 20px 0px;
}

.col.left_side ul li {
    margin: 0 0 2px;
    padding-right: 0;
    position: relative;
}

.col.left_side ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 12px;
    height: 12px;
    background: white;
    box-sizing: border-box;
    border: 2px solid #dbdbdb;
    border-radius: 100%;
    display: none;
}

.col.left_side ul li a {
    padding: 10px 20px;
    text-decoration: none;
    color: #242424;
    font-size: 16px;
    transition: 0.3s;
    line-height: 22px;
    display: inline-block;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #f4f4f4;
    font-weight: 600;
}

.pagetitle {
    text-align: center;
    font-size: 26px;
    padding: 30px 0 20px;
    font-family: 'Gotham Pro';
    font-weight: 500;
    border-bottom: 1px solid #f4f4f4;
    margin: 0 0 20px;
}

article {
    padding: 0 0 50px;
}

article p {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 15px;
}

article strong {
    font-weight: bold;
}

article h2 {
    font-family: 'Gotham Pro';
    font-weight: 500;
    margin: 0 0 15px;
    font-size: 22px;
}

article h3 {
    font-family: 'Gotham Pro';
    font-weight: 500;
    margin: 0 0 15px;
    font-size: 18px;
}

article a {
    color: #17bd17;
    text-decoration: none;
}

article a:hover {
    text-decoration: underline;
    color: green;
}

article ul {
    padding: 0 0 0 25px;
    margin: 0 0 13px;
}

article ul li {
    margin: 0 0 8px;
    list-style-type: square;
}

article blockquote {
    background: #fbfbfb;
    padding: 10px 20px;
    border-left: 4px solid #17bd17;
    margin: 0 0 15px;
}

article blockquote * {
    margin: 0;
}

/* end container */

/* start bottom_slide */

section.bottom_slide {
    background: #000000;
    height: 200px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

section.bottom_slide span.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 1920px;
    background-position: center bottom;
    opacity: 0.5;
    background-attachment: fixed;
}

section.bottom_slide .adaptive.table {
    height: 100%;
}

section.bottom_slide .col {
    vertical-align: middle;
}

section.bottom_slide h2 {
    line-height: 30px;
    font-size: 36px;
    padding: 35px 0;
    font-family: 'Gotham Pro';
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 10px #000;
}

/* end bottom_slide */

/* start footer */

.footer {
    height: 140px;
    background: white;
}

footer {
    background: #fff;
    position: relative;
    z-index: 20;
    margin: -140px 0 0;
}

footer .col {
    vertical-align: middle;
}

.col.foot_logotype {
    width: 450px;
}

.col.foot_logotype a {
    text-decoration: none;
    color: #000;
    display: block;
}

.col.foot_tel {
    text-align: right;
    width: 400px;
}

.copyright {
    height: 60px;
    background: #242424;
}

.col.foot_logotype a img {
    height: 80px;
    float: left;
    margin: 0;
    padding: 15px 15px;
    box-sizing: border-box;
}

.col.foot_logotype a h2 {
    font-size: 20px;
    font-family: 'Gotham Pro';
    font-weight: bold;
    line-height: 26px;
    padding: 27px 0;
}

.col.foot_tel a {
    text-decoration: none;
    color: #242424;
    font-size: 24px;
    margin: 0 0 5px;
    display: inline-block;
    font-weight: 600;
}

.col.foot_tel p {
    font-size: 14px;
    line-height: 18px;
}

.copyright span {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding: 21px 0;
    float: left;
}

.developers {
    float: right;
    padding: 15px 0 0;
}

.developers a {
    display: block;
}

.developers a img {
    display: block;
}

.fix_bottom {
    position:  fixed;
    bottom: 140px;
    right: 0;
    z-index: 70;
}

.fix_bottom a {
    display:  block;
    width: 64px;
    height: 64px;
    margin-top: 20px;
    background: #fff;
    overflow:  hidden;
    transition:  0.3s;
    transform:  scale(1);
    transform-origin: center right;
    overflow: hidden;
    background: #242424;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fix_bottom a img {
    display:  block;
    width: 100%;
}

.fix_bottom a:hover {
    transform: scale(0.9);
}

.jGrowl-notification {
    padding: 20px !important;
    border-radius: 0px !important;
    border: none;
    font-size: 16px;
    line-height: 22px;
    opacity: 0.96 !important;
    text-shadow: none;
    font-family: 'Gotham Pro';
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
}

/* end footer */

/* start inside_slide */

section.inside_slide {
    background: #000000;
    height: 100px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

section.inside_slide span.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 1920px;
    background-position: center center;
    opacity: 0.5;
    background-attachment: fixed;
}

section.inside_slide h2 {
    line-height: 30px;
    font-size: 30px;
    padding: 35px 0;
    font-family: 'Gotham Pro';
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 10px #000;
}

/* end inside_slide */

.markBlock {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 5px 10px;
}

.markBlock a {
    display: block;
    background: #fff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    overflow: hidden;
    padding: 15px;
    transition: 0.3s;
}

.markBlock img {
    width: 100%;
    display: block;
}

.markBlock h3 {
    display: none;
}

.list_items {
    padding: 0 0 50px;
}

.articleBlock {
    background: #ffffff;
    margin: 0 0 15px;
    box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
}

.articleBlock a {
    text-decoration: none;
    width: 100%;
}

section.container .col {
    vertical-align: top;
}

.col.image {
    width: 220px;
}

.col.information {
    padding: 15px 20px;
}

.col.information h3 {
    font-size: 18px;
    margin: 0 0 15px;
    font-family: 'Gotham Pro';
    font-weight: 500;
    color: #242424;
}

.col.information p {
    font-size: 14px;
    color: #242424;
    margin: 0 0 15px;
    line-height: 20px;
}

.read_more {
    text-align: right;
}

.read_more span {
    display: inline-block;
    padding: 0 20px;
    line-height: 36px;
    font-size: 14px;
    text-transform: uppercase;
    transition: 0.3s;
    border-radius: 2px;
    background: #1bd741;
    color: #fff;
}

.read_more span:hover {
    background: #009e20;
    color: #fff;
}

.col.head_menu ul li a:hover {
    background: #d6d6d6;
}

article table {width: 100%;margin: 0 0 15px;}

article table td {
    border: 1px solid #d2d2d2;
    padding: 7px 10px;
    font-size: 13px;
    line-height: 20px;
}

article table thead td {
    background: #f4f4f4;
    color: #242424;
    border: 1px solid #d2d2d2;
    font-size: 14px;
}

a.arc_btn {
    display: block;
    padding: 0;
    line-height: 36px;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    transition: 0.3s;
    background: #1bd741;
    color: #fff;
    clear: both;
}

a.arc_btn:hover {
    background: #242424;
    color: #fff;
    text-decoration: none;
}

.mobile_panel {
    display: none;
}

.mobile_menu {
    display: none;
}

/* Modal */

.modal_window1, .modal_window2, .modal_window3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.modal_table {
    display: table;
    width: 100%;
    height: 100%;
}

.modal_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.modal_back_close {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.modal_block {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 400px;
    box-sizing: border-box;
    display: inline-block;
    padding: 40px 30px 30px;
    transition: 0.6s;
    opacity: 0;
    transform: scale(2);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5);
}

.modal_window1.act .modal_block, .modal_window2.act .modal_block, .modal_window3.act .modal_block {
    opacity: 1;
    transform: scale(1);
    top: 0;
}

.modal_but_close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    color: #242424;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.modal_but_close:hover {
    color: red;
}

.modal_title {
    font-family: 'Gotham Pro';
    font-weight: 500;
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.input_text input, .input_text textarea, .input_text button {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    height: 44px;
    margin: 0;
    border: 1px solid #e6e6e6;
	font-family: 'Open Sans';
    resize: none;
    outline: none;
    color: #242424;
    font-size: 14px;
}

.input_text {
    margin: 0 0 10px;
}

.row.polit {
    text-align: left;
    padding-left: 25px;
    position: relative;
    padding: 15px 0 15px 25px;
    line-height: 20px;
}

.modal_block form .row.polit input {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    margin: 2px 0;
}

label.sbmt_label {
    font-size: 14px;
}

.modal_block button {
    display: inline-block;
    background: #1bd741;
    padding: 0 30px;
    height: 40px;
    font-size: 18px;
    border: none;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.3s;
}

.modal_block button.disb {
    opacity: 0.5;
    cursor: no-drop;
    background: #1bd741 !important;
}

.input_text textarea {
    height: 120px;
    padding: 12px 15px;
}

section.form_photo {
    padding: 80px 0;
    background: #f4f4f4;
    position: relative;
    z-index: 10;
}

section.form_photo .table {
    background: #fff;
    padding: 0;
    margin: 0 auto;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
}

.col.form {
    padding: 40px;
    box-sizing: border-box;
    width: 400px;
    border-left: 1px solid #e2e2e2;
}

.col.photo {
    width: 600px;
    background: #000;
    background-image: url(/upload/slide2.jpg);
    background-size: cover;
    background-position: center center;
}

.col.form h3 {
    font-family: 'Gotham Pro';
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 20px;
}

.col.form article {
    padding: 0 0 20px;
    line-height: 22px;
    font-size: 15px;
}

a.callback.button {
    display: inline-block;
    background: #1bd741;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    line-height: 36px;
    border-radius: 2px;
    transition: 0.3s;
}

a.callback.button:hover {
    background: #009e20;
    color: #fff;
}

.preimBlock {
    float: left;
    width: 202.5px;
    margin: 0 20px 0px 0;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
    padding: 0px 10px 15px;
    box-sizing: border-box;
}

.preimBlock img {
    display: block;
    width: 100%;
    opacity: 0;
}

.preimBlock:nth-child(4) {
    margin: 0;
}

.preimBlock h3 {
    font-family: 'Gotham Pro';
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
}

.preimBlock p {
    text-align: center;
    line-height: 20px;
    font-size: 15px;
}

section.blog {
    background: #fff;
    padding: 60px 0;
    margin: 0;
}

h2.section_title {
    font-size: 36px;
    margin: 0 0 40px;
    text-align: center;
    font-family: 'Gotham Pro';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #242424;
}

.newBlock {
    float: left;
    margin: 0 0 0 20px;
    width: 285px;
}

.first.newBlock {
    float: left;
    width: 590px;
    margin: 0;
}

.newBlock a {
    display: block;
    text-decoration: none;
    box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
}

.first.newBlock a {
    display: table;
}

.first.newBlock .col.img {
    background-position: center center;
    background-repeat: no-repeat;
}

.first.newBlock .txt {
    padding: 0 20px 20px;
}

.first.newBlock .col.img img {
    opacity: 0;
}

.newBlock a h3 {
    color: #242424;
    font-size: 16px;
    padding: 10px 15px 15px;
    font-family: 'Gotham Pro';
    font-weight: 500;
    transition: 0.3s;
    max-width: 295px;
    height: 43px;
}

.first.newBlock .txt h3 {
    font-size: 22px;
    padding: 20px 0 12px;
    height: auto;
}

.first.newBlock .txt p {
    font-size: 15px;
    color: #242424;
    line-height: 22px;
}

.newBlock a img {
    display: block;
}

section.blog .col {
    vertical-align: top;
}

a.instagram {
    background-image: url(/assets/templates/standart/images/instagram.png);
    background-size: 36px;
    width: 36px;
}

.col.left_side ul li a:hover {
    background: #fff;
}

a.artcimg {
    float: left;
    margin: 0 20px 10px 0;
    display: block;
}

a.artcimg img {
    display: block;
}

.text_applit {
    background: white;
    margin: 0px 0 0;
    height: 146px;
    position: relative;
    padding: 0px 0 0;
    border-top: 0px solid #fff;
    margin: 30px 0 0;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}

.preims_container {
    padding: 0;
}

.text_applit .table {
    float: right;
    width: 330px;
    background: #f4f4f4;
    padding: 20px 15px;
    line-height: 20px;
    color: #242424;
    position: relative;
    z-index: 2;
    font-weight: 600;
    height: 100%;
    box-sizing: border-box;
}

.text_applit span.slide {
    background: #dbdbdb;
    position: absolute;
    left: 0;
    top: 0px;
    right: 330px;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.text_applit a.button {
    display: inline-block;
    background: #f51c1c;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    line-height: 36px;
    border-radius: 2px;
    transition: 0.3s;
}

.text_applit h2 {
    margin: 0 0 10px;
}

section.bottom_slide h2 br {
    display: none;
}

.text_applit a.button:hover {
    background: #1bd741;
}

label.sbmt_label a {
    color: #1bd741;
}

img.grn_btn {
    background: #1bd741;
    padding: 8px;
    box-sizing: border-box;
}

section.blog .bottom {
    text-align: center;
    padding: 30px 0 0;
}

section.blog .bottom a.btn {
    background: #1bd741;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    padding: 0 25px;
    border-radius: 2px;
    font-size: 16px;
    transition: 0.3s;
}

section.blog .bottom a.btn:hover {
    background: #009e20;
}

.first.newBlock .col.img img {
    padding: 14px 0px;
}



ul.pagination li {
    display: block;
    margin: 0 5px 0px;
    float: left;
}

ul.pagination li.disabled {
    display: none;
}

ul.pagination li a {
    display: block;
    padding: 0 10px;
    background: whitesmoke;
    line-height: 30px;
    text-decoration: none;
    color: #242424;
}

.art_cont.hphotos {
    display: flex;
}

.colphotos {
    width: 400px;
    box-sizing: border-box;
    padding: 0 30px 0 0;
}

.colphotos a {
    display: block;
    margin: 0 0 15px;
}

.colphotos a img {
    display: block;
    width: 100%;
}

.art_cont.hphotos article {
    width: 470px;
}

/* Animated drops icons */
#leafContainer {
    position: fixed;
    width: 100%;
    height: 0;
    z-index: 100;
    left: 0;
    top: 0;
}
#leafContainer div {
    position: absolute;
    width: 45px;
    height: 45px;
    z-index: -1;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}
 
/* This CSS rule is applied to all img elements directly inside div elements which are directly inside the leafContainer div. In other words, it matches the 'img' elements inside the leafDivs which are created in the createALeaf() function. */
 
#leafContainer div img {
position: absolute;
width: 45px;
height: 45px;
z-index: -1;
/* We use the following properties to adjust the clockwiseSpin or counterclockwiseSpinAndFlip animations on each leaf. The createALeaf function in the Leaves.js file determines whether a leaf has the clockwiseSpin or counterclockwiseSpinAndFlip animation. */
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% -100%;
}
 
/* Hides a leaf towards the very end of the animation */
 
@-webkit-keyframes fade {
/* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
0% {
opacity: 1;
}
95% {
opacity: 1;
}
100% {
opacity: 0;
}
}
 
/* Makes a leaf fall from -300 to 600 pixels in the y-axis */
 
@-webkit-keyframes drop {
/* Move a leaf to -300 pixels in the y-axis at the start of the animation */
0% {
-webkit-transform: translate(0px, -50px);
}
/* Move a leaf to 600 pixels in the y-axis at the end of the animation */
100% {
-webkit-transform: translate(0px, 650px);
}
}
 
/* Rotates a leaf from -50 to 50 degrees in 2D space */
 
@-webkit-keyframes clockwiseSpin {
/* Rotate a leaf by -50 degrees in 2D space at the start of the animation */
0% {
-webkit-transform: rotate(-50deg);
}
/* Rotate a leaf by 50 degrees in 2D space at the end of the animation */
100% {
-webkit-transform: rotate(50deg);
}
}
 
/* Flips a leaf and rotates it from 50 to -50 degrees in 2D space */
 
@-webkit-keyframes counterclockwiseSpinAndFlip {
/* Flip a leaf and rotate it by 50 degrees in 2D space at the start of the animation */
0% {
-webkit-transform: scale(-1, 1) rotate(50deg);
}
/* Flip a leaf and rotate it by -50 degrees in 2D space at the end of the animation */
100% {
-webkit-transform: scale(-1, 1) rotate(-50deg);
}
}

section.container .text_applit .col {
    vertical-align: middle;
}

body.home_page article img {
    float: right;
    margin: 0 0 10px 20px;
}