*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
     background: #030201;
     font-family: Poppins;
     font-size: 13px;
     line-height: 18px;
     color: #666666;
     overflow: hidden;
}

html, 
body {
    width: 100% !important;
    height: 100% !important;
    padding: 0px;
    margin: 0px;
}

img {
     max-width: 100%;
}

a {
     color: #666;
     text-decoration: none;
     transition: all 0.2s ease-in;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
}

/* @group Header */

header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     height: 100px;
     background: rgba(0, 0, 0, .5);
     z-index: 2;
     transition: all 0.2s ease-in;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
}

     header.fixed {
          height: 60px;
          background: #000;
     }

     header > img {
          display: block;
          float: left;
          margin: 0px;
          cursor: pointer;
          position: absolute;
          top: 30px;
          height: 36px;
          left: 59px;
          transition: all 0.2s ease-in;
          -webkit-transition: all 0.2s ease-in;
          -moz-transition: all 0.2s ease-in;
     }
     
          header.fixed > img {
               top: 15px;
               height: 29px;
          }
     
     header > ul {
          list-style: none;
          padding: 0px;
          max-width: 1120px;
          margin: 0px auto;
     }
     
          header > ul li {
               float: left;
               width: auto;
               padding: 44px 64px 0px 0px;
               transition: all 0.2s ease-in;
               -webkit-transition: all 0.2s ease-in;
               -moz-transition: all 0.2s ease-in;
          }
               
               header.fixed > ul li {
                    padding-top: 24px;
               }
               
               header > ul li a {
                    font-size: 14px;
                    font-weight: 600;
                    color: #fff;
               }
               
                    header > ul li a:hover {
                         color: #d9121f;
                    }
                    
     header .buy-theme {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          height: 100px;
          background: #1349b2 url(http://fastortheme.com/img/buy-theme.png) top left no-repeat;
          font-size: 14px;
          color: #fff;
          font-weight: 600;
          padding: 44px 40px 0px 84px;
     }
     
          header.fixed .buy-theme {
               height: 80px;
               top: -20px;
          }
     
          header .buy-theme:hover {
               background-color: #000;
          }

/* @end */

/* @group Home */

#home {
     height: 100%;
     width: 100%;
     display: table;
}

.full-size {
     display: table-cell;
     text-align: center;
     vertical-align: middle;
     padding: 40px 30px;
}

.fastor-info {
}

     .fastor-info > img {
          display: block;
          margin: 0px auto;
     }
     
     .fastor-info > div {
          font-size: 35px;
          font-weight: 300;
          color: #fff;
          line-height: 1;
          display: inline-block;
          background: url(http://fastortheme.com/img/bg-text.png) bottom left no-repeat;
          padding: 48px 0px 12px 0px;
          margin: 0px;
     }
     
          .fastor-info > div > ul {
               padding: 0px;
               margin: 0px;
               list-style: none;
          }
          
               .fastor-info > div > ul li:last-child {
                    display: none;
               }

     .button {
          display: inline-block;
          margin: 81px 0px 0px 0px;
          padding: 18px 44px 14px 44px;
          background: #d9121f;
          border-radius: 30px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          color: #fff;
          font-size: 12px;
          font-weight: bold;
          text-transform: uppercase;
     }
     
          .button:hover {
               background: #000;
          }

/* @end */

/* @group Choose skin */

#choose-skin {
     background: #fbfbfb;
     padding-bottom: 242px;
}

     #choose-skin .header {
          height: 249px;
          background: url(http://fastortheme.com/img/bg-choose-skin.png) top center no-repeat;
          padding: 0px 15px;
     }
     
     #choose-skin .container {
          max-width: 1170px;
          margin: 0px auto;
          position: relative;
     }
     
     #choose-skin .first-heading {
          font-size: 100px;
          line-height: 1;
          font-weight: bold;
          color: #fff;
          padding: 170px 0px 0px 7px;
     }
     
     #choose-skin .second-heading {
          position: absolute;
          font-size: 35px;
          line-height: 1;
          color: #fff;
          font-weight: bold;
          right: 15px;
          top: 181px;
     }
     
     #choose-skin .content {
          position: relative;
          z-index: 1;
     }
     
          #choose-skin .content > div {
               padding: 0px 15px;
          }
     
          #choose-skin .content .filter {
               list-style: none;
               margin: 0px;
               padding: 55px 0px 0px 0px;
               background: #fff;
               border-bottom: 1px solid #e1e1e1;
               text-align: center;
          }
          
               #choose-skin .content .filter li {
                    display: inline-block;
                    font-size: 20px;
                    line-height: 1;
                    font-weight: 500;
                    color: #999999;
                    margin: 10px 14px -1px 14px;
                    padding: 4px 0px 15px 0px;
                    position: relative;
                    transition: color 0.2s ease-in;
                    -webkit-transition: color 0.2s ease-in;
                    -moz-transition: color 0.2s ease-in;
               }
               
                    #choose-skin .content .filter li span {
                         cursor: pointer;
                    }
                    
                    #choose-skin .content .filter li.is-checked,
                    #choose-skin .content .filter li:hover {
                         color: #333;
                    }
                    
                    #choose-skin .content .filter li.is-checked {
                         border-bottom: 2px solid #d9121f;
                         padding-bottom: 13px;
                    }
     
          #choose-skin .content .grid {
               max-width: 1250px;
               margin: 0px auto;
          }
          
               #choose-skin .content .grid .grid-item {
                    width: 25%;
                    padding: 0px 15px 5px 15px;
                    margin-top: 60px;
                    text-align: center;
                    font-size: 16px;
                    font-weight: 500;
                    height: 402px;
                    position: relative;
               }
               
                    #choose-skin .content .grid .grid-item a {
                         color: #333;
                         display: block;
                    }
                    
                         #choose-skin .content .grid .grid-item a:hover {
                              color: #d9121f;
                         }
               
                    #choose-skin .content .grid .grid-item img {
                         display: block;
                         margin: 0px auto 17px auto;
                         border: 1px solid #e1e1e1;
                         -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.05);
                         -moz-box-shadow:    0px 15px 25px 0px rgba(0, 0, 0, 0.05);
                         box-shadow:         0px 15px 25px 0px rgba(0, 0, 0, 0.05);
                    }
                    
                         #choose-skin .content .grid .grid-item a:before {
                              content: 'Demo İncele';
                              position: absolute;
                              height: 133px;
                              width: 133px;
                              padding: 47px 40px 0px 40px;
                              border-radius: 100px;
                              -webkit-border-radius: 100px;
                              -moz-border-radius: 100px;
                              background: #1349b2;
                              color: #fff;
                              font-weight: 500;
                              font-size: 16px;
                              line-height: 18px;
                              text-align: center;
                              transition: all 0.2s ease-in;
                              -webkit-transition: all 0.2s ease-in;
                              -moz-transition: all 0.2s ease-in;
                              top: 50%;
                              left: 50%;
                              margin-left: -67px;
                              margin-top: -86px;
                              visibility: hidden;
                              transform: scale(0);
                              -moz-transform: scale(0);
                              -webkit-transform: scale(0);
                              opacity: 0;
                              z-index: 10;
                         }
                         
                              #choose-skin .content .grid .grid-item a:hover:before {
                                   visibility: visible;
                                   transform: scale(1);
                                   -moz-transform: scale(1);
                                   -webkit-transform: scale(1);
                                   opacity: 1;
                              }
                              
/* @end */

/* @group Core features */

#core-features {
     background: #fff;
}

     #core-features .header {
          height: 249px;
          background: url(http://fastortheme.com/img/bg-core-features.png) top center no-repeat;
     }
     
     #core-features .container {
          max-width: 1170px;
          margin: 0px auto;
          position: relative;
     }
     
     #core-features .first-heading {
          font-size: 100px;
          line-height: 1;
          font-weight: bold;
          color: #fff;
          padding: 163px 0px 0px 7px;
     }
     
     #core-features .background {
          background: url(http://fastortheme.com/img/bg-core-features-content.png) top center no-repeat;
          padding: 0px 15px;
     }
     
     #core-features .background2 {
          background: url(http://fastortheme.com/img/bg-core-features-content-2.png) top center no-repeat;
          padding: 0px 15px;
     }
     
     #core-features .background3 {
          background: url(http://fastortheme.com/img/bg-core-features-content-3.png) top center no-repeat;
          padding: 0px 15px;
     }
     
     #core-features .background4 {
          background: url(http://fastortheme.com/img/bg-core-features-content-4.png) top center no-repeat;
          padding: 0px 15px;
     }
     
     #core-features .background5 {
          background: url(http://fastortheme.com/img/bg-core-features-content-5.png) top center no-repeat;
          padding: 0px 15px;
     }
     
     #core-features .headlines {
          max-width: 1170px;
          margin: 0px auto;
     }
     
          #core-features .headlines .first-headlines {
               font-size: 80px;
               font-weight: bold;
               line-height: 1;
               color: #333;
               padding: 150px 0px 0px 10px;
          }
          
          #core-features .headlines .second-headlines {
               font-size: 35px;
               line-height: 1;
               color: #333;
               font-weight: 300;
               padding: 2px 0px 0px 12px;
          }
          
     #core-features .new-options {
          
     }
     
          #core-features .new-options img {
               display: block;
               margin: 82px auto -14px auto;
          }
          
     #core-features .megamenu {
          
     }
     
          #core-features .megamenu img {
               display: block;
               margin: 95px auto -14px auto;
          }
          
     #core-features .blog {
          
     }
     
          #core-features .blog img {
               display: block;
               margin: 139px auto -14px auto;
          }
          
     #core-features .grids {
          
     }
     
          #core-features .grids img {
               display: block;
               margin: 141px auto -14px auto;
          }
          
     #core-features .advanced {
          
     }
     
          #core-features .advanced img {
               display: block;
               margin: 108px auto -14px auto;
          }
          
     #core-features .list-options {
          max-width: 1170px;
          margin: 0px auto;
          min-height: 339px;
     }
     
          #core-features .list-options.type2 {
               min-height: 256px;
          }
          
          #core-features .list-options.type3 {
               min-height: 272px;
          }
          
          #core-features .list-options.type4 {
               min-height: 290px;
          }
     
          #core-features .list-options .option {
               width: 25%;
               position: relative;
               float: left;
               text-align: center;
               padding: 0px 15px;
               min-height: 339px;
          }
          
               #core-features .list-options.type2 .option {
                    min-height: 256px;
               }
               
               #core-features .list-options.type3 .option {
                    min-height: 272px;
               }
               
               #core-features .list-options.type4 .option {
                    min-height: 290px;
               }
          
               #core-features .list-options .option:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    width: 1px;
                    background: rgba(0, 0, 0, .1);
               }
               
                    #core-features .list-options .option:first-child:before {
                         display: none;
                    }
                    
                    #core-features .list-options.first .option:before {
                         top: -50px;
                    }
                    
                    #core-features .list-options.first2 .option:nth-child(2):before {
                         top: -176px;
                    }
          
               #core-features .list-options .option img {
                    display: block;
                    margin: 0px auto;
               }
               
               #core-features .list-options .option .heading {
                    font-size: 16px;
                    line-height: 1;
                    color: #333;
                    font-weight: bold;
                    padding-top: 18px;
               }
               
               #core-features .list-options .option p {
                    font-weight: 300;
                    padding: 25px 0px 30px 0px;
                    margin: 0px;
               }
               
          #core-features .line {
               width: auto;
               height: 1px;
               background: #e5e5e5;
               clear: left;
               position: relative;
               margin: 0px -15px;
          }
          
     #core-features .feature-headers {
          max-width: 1170px;
          height: 804px;
          margin: 0px auto;
          background: url(http://fastortheme.com/img/bg-headers.png) top center no-repeat;
     }
     
          #core-features .feature-headers .first-headers {
               padding: 220px 0px 0px 0px;
               margin: 0px;
               float: left;
          }
               
               #core-features .feature-headers .first-headers p.first {
                    padding: 0px 0px 0px 9px;
                    margin: 0px;
                    font-size: 80px;
                    font-weight: bold;
                    line-height: 1;
                    color: #333;
               }
               
               #core-features .feature-headers .first-headers p.second {
                    padding: 3px 0px 0px 14px;
                    margin: 0px;
                    font-size: 35px;
                    line-height: 1;
                    font-weight: 300;
                    color: #333;
               }
          
          #core-features .feature-headers .second-headers {
               padding: 493px 13px 0px 0px;
               margin: 0px;
               float: right;
          }
          
               #core-features .feature-headers .second-headers p.first {
                    padding: 0px 0px 0px 9px;
                    margin: 0px;
                    font-size: 80px;
                    font-weight: bold;
                    line-height: 1;
                    color: #333;
               }
               
               #core-features .feature-headers .second-headers p.second {
                    padding: 3px 0px 0px 14px;
                    margin: 0px;
                    font-size: 35px;
                    line-height: 1;
                    font-weight: 300;
                    color: #333;
               }
     
/* @end */

/* @group Buy theme */

.buy-theme {
     padding: 0px 20px;
     background: url(http://fastortheme.com/img/bg-demo.png) top center no-repeat;
}

     .buy-theme .content {
          max-width: 618px;
          margin: 0px auto;
          padding: 81px 0px 98px 0px;
     }
     
     .buy-theme .demo-documentation {
          margin: 0px;
          background: #fbfbfb;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          text-align: center;
          font-size: 16px;
          line-height: 1;
          font-weight: bold;
          color: #333;
     }
     
          .buy-theme .demo-documentation .demo {
               float: left;
               width: 50%;
               border-right: 1px solid #e1e1e1;
               padding: 15px 15px 83px 15px;
          }
          
          .buy-theme .demo-documentation p {
               padding: 29px 0px 0px 0px;
               margin: 0px;
          }
          
          .buy-theme .demo-documentation .documentation {
               float: left;
               width: 50%;
               padding: 15px 15px 83px 15px;
          }
          
     .buy-theme-link {
          display: block;
          margin: 50px 0px 0px 0px;
          background: #fff;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          text-align: center;
          font-size: 30px;
          line-height: 1;
          font-weight: bold;
          color: #413457;
          padding: 49px 20px 41px 20px;
     }
     
          .buy-theme-link:hover {
               background: #413457;
               color: #fff;
          }

/* @end */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media (max-width: 1700px) {
     header > ul {
          max-width: 1000px;
     }
}

@media (max-width: 1570px) {
     header > ul {
          max-width: 900px;
     }
}

@media (max-width: 1470px) {
     header > ul {
          max-width: 750px;
     }
}

@media (max-width: 1300px) {
     header > ul {
          max-width: 570px;
     }
     
          header > ul li {
               padding-right: 34px;
          }
          
               header > ul li:last-child {
                    padding-right: 0px;
               }
}

@media (max-width: 1100px) { 
     header {
          position: relative;
          top: 0;
          left: 0;
          right: 0;
          height: auto;
          text-align: center;
          padding: 30px 0px 28px 0px;
          display: none;
     }
     
     header > img {
          float: none;
          margin: 0px auto;
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          bottom: auto;
          padding: 0px;
     }
     
     header > ul {
          padding-top: 20px;
     }
     
     header > ul li {
          float: none;
          display: inline-block;
          padding: 3px 10px 0px 10px;
     }
     
     header .buy-theme {
          display: none;
     }
     
     #core-features {
          display: none;
     }
     
     #core-features img {
          position: relative;
          z-index: 2;
     }
}

@media (max-width: 1050px) { 
     #choose-skin .content .grid .grid-item {
          width: 33.33333333%;
     }
     
     #core-features .feature-headers {
          margin: 0px -15px;
          padding: 0px 15px;
     }
}

@media (max-width: 900px) { 
     #choose-skin .first-heading {
          font-size: 80px;
          padding-top: 186px;
     }
}

@media (max-width: 780px) { 
     #choose-skin .first-heading {
          font-size: 60px;
          padding-top: 202px;
     }
     
     #core-features .first-heading {
         font-size: 80px;
         padding-top: 186px;
     }
}

@media (max-width: 700px) { 
     #choose-skin .content .grid .grid-item {
          width: 50%;
     }
}

@media (max-width: 540px) {  
     #choose-skin .content .grid .grid-item {
          height: 300px;
     }
     
     #choose-skin .first-heading {
          font-size: 35px;
          padding-top: 221px;
     }
     
     #core-features .first-heading {
         font-size: 60px;
         padding-top: 202px;
     }
}

@media (max-width: 440px) {  
     #choose-skin .content .grid .grid-item {
          height: 250px;
     }
     
     #core-features .first-heading {
         font-size: 35px;
         padding-top: 221px;
     }
}