@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
   background-color: #f9f9f9;
}
.clearfix:after {
   content: '';
   display: table;
   clear: both;
}
 .container {
        position: relative;
        width: 960px;
        margin: 0 auto;
    }
.main {
   height: 869px;
   width: 100%;
   background: url(../img/background/bg.jpg); 
   background-position: center 0;
   background-size: cover;
}

.header {
   height: 58px;
   padding-top: 51px;
}
.logo {
   display: inline-block;
   width: 152px;
   height: 58px;
   background: url(../img/Logo.png); 
}
.nav--header {
   position: relative;
   display: inline-block;
   height: 36px;
   float: right;
   margin-top: 17px;
}
.nav__item--header {
   display: inline-block;
   float: right;
   padding: 0 5px 0 5px;
   box-sizing: border-box;
}
.nav__item--header--item1 {
   margin-left: 42px;
   margin-right: -2px;
}
.nav__item--header--item2 {
   margin-left: 42px;
}
.nav__item--header--item3 {
   margin-left: 42px;
}
.nav__item--header--item4 {
   margin-left: 41px;
}
.nav__item--header--item5 {
   margin-left: 42px;
}
.nav__item--header--item6 {
   
}
.nav__link--header {
   color: #ffffff;
   font: 400 24px / 33.724px 'League Gothic', Arial, sans-serif;
   text-transform: uppercase;
   text-decoration: none;
   text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
   line-height: 33.724px;
}
.nav__item--header:hover {
   border-bottom: 2px solid #edbfff;
}

/* SLIDER */

.slider {
   position: relative;
   height: 400px;
   width: 100%;
   margin-top: 169px;
   background-color: rgba(0, 0, 0, 0.2);
}
.slider__arrow--left {
   position: absolute;
   width: 22px;
   height: 34px;
   background: url(../img/icon/arrow--left.png); 
   background-position: center center;
   background-size: cover;
   top: 56%;
   left: -5%;
}
.slider__arrow--right {
   position: absolute;
   width: 22px;
   height: 34px;
   background: url(../img/icon/arrow--right.png);
   background-position: center center;
   background-size: cover;
   top: 56%;
   right: -5%;
} 
.slider__content {
   display: inline-block;
   height: 231px;
   width: 502px;
   margin-top: 89px;
}
.slider__header {
   color: #fefefe;
   font: 400 60px / 36px 'League Gothic', Arial, sans-serif;
   word-spacing: -2.4px;
}
.slider__subheader {
   margin-top: 11px;
   color: #eebfff;
   font: 400 32px / 36px 'League Gothic', Arial, sans-serif;
}
.slider__paragraph {
   color: #ffffff;
   font: 300 18px / 24px 'Open Sans';
   margin-top: 3px;
   letter-spacing: -0.08px;
}
.slider__text {
   letter-spacing: -0.6px;
}
.slider__img--img1 {
   position: absolute;
   display: inline-block;
   top: -17px;
   left: 616px;
   height: 434px;
   width: 274px;
   background: url(../img/background/Iphone.png); 
}
.slider__nav {
   display: inline-block;
   width: 100px;
   height: 19px;
   margin-top: 93px;
   float: right;
   margin-right: 167px;
}
.slider-nav__item {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background-color: #3b3942;
    float: left;
    margin-left: 5px;
}
.slider-nav__link {
    height: 11px;
    width: 11px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 3px;
    margin-top: 3px;
    cursor: pointer;
}
.slider-nav__link:hover {
    background-color: #e2e2e2;
}

/* ABOUT */ 

.about {
   height: 342px;
   width: 100%;
   margin-top: -23px;
   background: url(../img/background/about.png); 
   background-position: center center;
   background-size: cover;
}
.about__block {
   position: relative;
   display: inline-block;
   margin-top: 80px;
   height: 191px;
}
.about__block--block1 {
   width: 277px;
   margin-left: 10px;
}
.about__block--block2 {
   width: 279px;
   margin-left: 58px;
}
.about__block--block3 {
   width: 278px;
   margin-left: 50px;
}
.about__icon--icon1 {
   position: absolute;
   display: inline-block;
   height: 25px;
   width: 24px;
   top: 6px;
   left: 3px;
   background: url(../img/icon/icon.png); 
   background-position: 0 0;

}
.about__icon--icon2 {
   position: absolute;
   height: 23px;
   width: 27px;
   top: 8px;
   left: 1px;
   background: url(../img/icon/icon.png); 
   background-position: -28px -2px;
}
.about__icon--icon3 {
   position: absolute;
   height: 25px;
   width: 23px;
   top: 6px;
   left: 6px;
   background: url(../img/icon/icon.png); 
   background-position: -59px 0;
}
.about__block>h3 {
   position: absolute;
   display: inline-block;
   height: 22px;
   color: #ffffff;
   font: 400 30px / 24px 'League Gothic', Arial, sans-serif;
   letter-spacing: -0.2px;
}
.about__block--block1>h3 {
   top: 1px;
   left: 55px;
}
.about__block--block2>h3 {
   top: 1px;
   left: 55px;
}
.about__block--block3>h3 {
   top: 1px;
   left: 59px;
}
.about__block>p {
   position: absolute;
   display: inline-block;
   width: 223px;
   height: 113px;
   font-family: 'Open Sans';
   font-size: 16px;
   font-weight: 300;
   color: #ffffff;
   letter-spacing: -0.1px;
   line-height: 24px;
}
.about__block--block1>p {
   top: 35px;
   left: 53px;
}
.about__block--block2>p {
   top: 35px;
   left: 53px;
}
.about__block--block3>p {
   top: 35px;
   left: 57px;
}
.about__link {
   position: absolute;
   top: 171px;
   display: inline-block;
   color: #ffffff;
   font: 400 18px / 24px 'League Gothic', Arial, sans-serif;
   text-decoration: none;
}
.about__link:hover {
   text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
}
.about__link--link1 {
   left: 214px;
}
.about__link--link2 {
   left: 218px;
}
.about__link--link3 {
   left: 221px;
}

/* FEEDBACK AND BLOG */

.feedback {
   display: inline-block;
   height: 315px;
   width: 452px;
   float: left;
   margin-top: 100px;
}
.feedback__block {
   position: relative;
   display: inline-block;
   height: 292px;
   width: 427px;
   margin-left: 24px;
   background: url(../img/background/feedback.png); 
}
.feedback__img {
   position: absolute;
   display: inline-block;
   height: 49px;
   width: 49px;
   top: 18px;
   left: -24px;
   background: url(../img/icon/feedback__img.png); 
}
.feedback__subheader {
   height: 22px;
   color: #454545;
   font: 400 30px / 24px 'League Gothic', Arial, sans-serif;
   margin-left: 40px;
   margin-top: 33px;
   text-transform: uppercase;
   letter-spacing: -0.3px;
}
.feedback__text {
   color: #edbfff;
   margin-left: 3px;
   letter-spacing: -0.1px;
}
.feedback__paragraph {
   margin: 12px 43px 0 39px;
   color: #454545;
   font: 300 16px / 24px 'Open Sans';
   letter-spacing: -0.089px;
}
.feedback__nav {
   height: 20px;
   margin-left: 187px;
   margin-top: 3px;
}
.feedback-nav__item {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    border:1px solid #e6e6e6;
    background-color: #fff;
    float: left;
    margin-left: 5px;
}
.feedback-nav__link {
    height: 11px;
    width: 11px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 3px;
    margin-top: 3px;
    cursor: pointer;
}
.feedback-nav__link:hover {
    background-color: #555555;
}
.blog {
   display: inline-block;
   height: 262px;
   width: 445px;
   margin-left: 58px;
   margin-top: 132px;
}
.blog__subheader {
   height: 22px;
   color: #454545;
   font: 400 30px / 24px 'League Gothic', Arial, sans-serif;
}
.blog__img {
   display: inline-block;
   height: 49px;
   width: 49px;
   margin-right: 13px;
   margin-left: 1px;
}
.blog__img--img1 {
   margin-top: 21px;
   background: url(../img/icon/blog__img--img1.png); 
}
.blog__img--img2 {
   margin-top: 15px;
   background: url(../img/icon/blog__img--img2.png); 
}
.blog__img--img3 {
   margin-top: 12px;
   background: url(../img/icon/blog__img--img3.png);  
}
.blog__item {
   display: inline-block;
   height: 41px;
   vertical-align: super;
}
.blog__text {
   color: #454545;
   font: 700 16px / 24px 'Open Sans';
   letter-spacing: 0.3px;
}
.blog__paragraph {
   color: #454545;
   font: 300 15.6px / 24px 'Open Sans';
   margin-top: 1px;
   letter-spacing: 0.09px;
}

/* SPONSOR */

.sponsor {
   width: 100%;
   height: 120px;
   margin-top: 71px;
   border-top: 1px solid #e6e6e6;
   border-bottom: 2px solid #e6e6e6;
}
.sponsor__item {
   display: inline-block;
   height: 64px;
   margin-top: 26px;
   background-image: url(../img/icon/icon.png);
}
.sponsor__item--item1 {
   width: 69px;
   margin-left: 94px;
   background-position: 0 -32px;
}
.sponsor__item--item2 {
   width: 72px;
   margin-left: 61px;
   background-position: -134px -32px;
   
}
.sponsor__item--item3 {
   width: 63px;
   margin-left: 60px;
   background-position: -270px -32px;
}
.sponsor__item--item4 {
   width: 50px;
   margin-left: 73px;
   background-position: -410px -32px;
}
.sponsor__item--item5 {
   width: 102px;
   margin-left: 64px;
   background-position: 248px -32px;
}
.sponsor__item--item6 {
   width: 77px;
   margin-left: 63px;
   background-position: 79px -32px;
}

/* COMMENTS */

.comments {
   width: 100%;
   height: 394px;
   background-color: #ececec;
}
.comments__block {
   display: inline-block;
   height: 202px;
   width: 278px;
   float: left;
   margin-top: 100px;
}
.comments__block--block1 {
   margin-left: 0;
}
.block1__header {
   color: #454545;
   font: 400 48px / 33.724px 'League Gothic', Arial, sans-serif;
   letter-spacing: -0.4px;
}
.block1__header--color {
   color: #b9b9b9;
}
.block1__text {
   display: inline-block;
   margin-top: 18px;
   color: #c5c5c5;
   font: italic 16px / 24px Georgia;
   letter-spacing: -0.1px;
}
.block1__paragraph {
   margin-top: 7px;
   color: #787878;
   font: 300 16px / 24px 'Open Sans';
   letter-spacing: -0.1px;
}
.comments__block--block2 {
   margin-left: 61px;
}
.block2__header {
   margin-top: -1px;
   color: #454444;
   font: 400 30px / 24px 'League Gothic', Arial, sans-serif;
}
.block2__paragraph {
   margin-top: 10px;
   color: #787878;
   font: 300 16px / 24px 'Open Sans';
   letter-spacing: -0.1px
}
.comments__block--block3 {
   margin-left: 62px;
}
.block3__header {
   margin-top: -1px;
   color: #454444;
   font: 400 30px / 24px 'League Gothic', Arial, sans-serif;
}
.block3__paragraph {
   color: #787878;
   font: 300 16px / 24px 'Open Sans';
   margin-top: 10px;
   letter-spacing: -0.1px
}

/* FOOTER */

.footer {
   width: 100%;
   height: 114px;
   background: url(../img/background/footer.png); 
}
.nav--footer {
   position: relative;
   display: inline-block;
   height: 36px;
   float: left;
   margin-top: 41px;
}
.nav__item--footer {
   display: inline-block;
   float: right;
   padding: 0 1px 0 1px;
   box-sizing: border-box;
}
.nav__item--footer--item1 {
   margin-left: 42px;
}
.nav__item--footer--item2 {
   margin-left: 41px;
}
.nav__item--footer--item3 {
   margin-left: 41px;
}
.nav__item--footer--item4 {
   margin-left: 42px;
}
.nav__item--footer--item5 {
   margin-left: 40px;
}
.nav__link--footer {
   color: #ffffff;
   font: 400 20px / 33.724px 'League Gothic', Arial, sans-serif;
   text-transform: uppercase;
   text-decoration: none;
   text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
.nav__link--footer:hover {
   text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
}
.copyright {
   display: inline-block;
   height: 13px;
   width: 136px;
   margin-top: 45px;
   float: right;
   color: #ffffff;
   font: 300 12px / 33.724px 'Open Sans';
}
.copyright__text {
   color: #ffffff;
   font: 700 12px / 33.724px 'Open Sans';
}