@font-face {
    font-family: "RalewayThin";
    src: url("../fonts/RalewayThin/RalewayThin.eot");
    src: url("../fonts/RalewayThin/RalewayThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayThin/RalewayThin.woff") format("woff"),
    url("../fonts/RalewayThin/RalewayThin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RalewayLight";
    src: url("../fonts/RalewayLight/RalewayLight.eot");
    src: url("../fonts/RalewayLight/RalewayLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayLight/RalewayLight.woff") format("woff"),
    url("../fonts/RalewayLight/RalewayLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RalewayRegular";
    src: url("../fonts/RalewayRegular/RalewayRegular.eot");
    src: url("../fonts/URalewayRegular/RalewayRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayRegular/RalewayRegular.woff") format("woff"),
    url("../fonts/RalewayRegular/RalewayRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RalewayMedium";
    src: url("../fonts/RalewayMedium/RalewayMedium.eot");
    src: url("../fonts/RalewayMedium/RalewayMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayMedium/RalewayMedium.woff") format("woff"),
    url("../fonts/RalewayMedium/RalewayMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RalewaySemiBold";
    src: url("../fonts/RalewaySemiBold/RalewaySemiBold.eot");
    src: url("../fonts/RalewaySemiBold/RalewaySemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewaySemiBold/RalewaySemiBold.woff") format("woff"),
    url("../fonts/RalewaySemiBold/RalewaySemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RalewayBold";
    src: url("../fonts/RalewayBold/RalewayBold.eot");
    src: url("../fonts/RalewayBold/RalewayBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayBold/RalewayBold.woff") format("woff"),
    url("../fonts/RalewayBold/RalewayBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RalewayBlack";
    src: url("../fonts/RalewayBlack/RalewayBlack.eot");
    src: url("../fonts/RalewayBlack/RalewayBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayBlack/RalewayBlack.woff") format("woff"),
    url("../fonts/RalewayBlack/RalewayBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RalewayExtraBold";
    src: url("../fonts/RalewayExtraBold/RalewayExtraBold.eot");
    src: url("../fonts/RalewayExtraBold/RalewayExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayExtraBold/RalewayExtraBold.woff") format("woff"),
    url("../fonts/RalewayExtraBold/RalewayExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PTsans-R";
    src: url("../fonts/PTsans-R/PTsans-R.eot");
    src: url("../fonts/UPTsans-R/PTsans-R.eot?#iefix")format("embedded-opentype"),
    url("../fonts/PTsans-R/PTsans-R.woff") format("woff"),
    url("../fonts/PTsans-R/PTsans-R.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PTsans-B";
    src: url("../fonts/PTsans-B/PTsans-B.eot");
    src: url("../fonts/PTsans-B/PTsans-B.eot?#iefix")format("embedded-opentype"),
    url("../fonts/PTsans-B/PTsans-B.woff") format("woff"),
    url("../fonts/PTsans-B/pfbeausanspro-semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

#cont h1,#cont h2, #cont h3,#cont h4,#cont h5,#cont h6{
    margin: 12px 0;
    text-align: left;
}
#cont h1{
    font: 35px RalewayRegular;
    color: #484747;
}
#cont h2{
    font: 31px RalewayRegular;
    color: #484747;
}
#cont h3{
    font: 27px RalewayRegular;
    color: #484747;
}
#cont h4{
    font: 25px RalewayRegular;
    color: #484747;
}
#cont h5{
    font: 23px RalewayRegular;
    color: #484747;
}
#cont h6{
    font: 21px RalewayRegular;
    color: #484747;
}
h1{
    font: 35px RalewayRegular;
    color: #484747;
}
h2{
    font: 31px RalewayRegular;
    color: #484747;
}
h3{
    font: 27px RalewayRegular;
    color: #484747;
}
h4{
    font: 25px RalewayRegular;
    color: #484747;
}
h5{
    font: 23px RalewayRegular;
    color: #484747;
}
h6{
    font: 21px RalewayRegular;
    color: #484747;
}


/*Движение облака в право*/

.move-right{
-webkit-animation: move-right 28s 999 linear;
-moz-animation:  move-right 28s 999 linear;
-o-animation: move-right 28s 999 linear;
-webkit-animation-direction: normal; 
animation-direction: normal;

}
@-webkit-keyframes move-right {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-1400px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-1400px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-1400px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
 }
}
@-moz-keyframes move-right {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg)  translateX(-1400px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg)  translateX(-1400px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg)  translateX(-1400px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
 }
}
@-o-keyframes move-right {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg)  translateX(-1400px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg)  translateX(-1400px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg)  translateX(-1400px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(1400px) ;
 }
}

/*Движение облака в лево*/

.move-left{
-webkit-animation: move-left 23s 0s 999 linear;
-moz-animation:  move-left 23s 0s 999 linear;
-o-animation: move-left 23s 0s 999 linear;
-webkit-animation-direction: normal; 
animation-direction: normal;

}
@-webkit-keyframes move-left {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0%) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0%) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0%) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
 }
}
@-moz-keyframes move-left {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
 }
}
@-o-keyframes move-left {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
 }
}

/*Движение облака в лево - 2 */

.move-left-2{
-webkit-animation: move-left-2 24s 12s 999 linear;
-moz-animation:  move-left-2 24s 12s 999 linear;
-o-animation: move-left-2 24s 12s 999 linear;
-webkit-animation-direction: normal; 
animation-direction: normal;

}
@-webkit-keyframes move-left-2 {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
 }
}
@-moz-keyframes move-left-2 {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
 }
}
@-o-keyframes move-left-2 {
from {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-250%) ;
 }
}