/* CSS Document */


@font-face {
	font-family: 'Conv_times-new-roman-5988ed9e4ecee';
	src: url('../fonts/times-new-roman-5988ed9e4ecee.eot');
	src: local('☺'), url('../fonts/times-new-roman-5988ed9e4ecee.woff') format('woff'), url('../fonts/times-new-roman-5988ed9e4ecee.ttf') format('truetype'), url('../fonts/times-new-roman-5988ed9e4ecee.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Conv_times-new-roman-5988ed9e4ecee';*/
    /*background-image: url(../images/bg.png);*/
    position: relative;
    background-color: #292929;
    font-size: 26px !important;
}

.main_container{
    width: 100%;
    height: 100%;
    //background-color: #292929;
    position: relative;
}
.row{
    padding: 20px;
}
.header_section{
    
}
.header_section p{
    font-weight: bold;
}
.header_section p span{
    padding: 5px; border: 1px solid #000;
}
.header_section h1{
    font-size: 32px;
}
.header_section p{
    font-size: 24px
}
p{
    font-size: 24px;
    text-align: justify;
}
.buttons_container{
    font-size: 24px;
}
.img_section img{
    width: 100%;
}
.wishlist img{
    margin-right: 10px;
    width: 25px;
}
.wishlist{
    color: #96b77f;
    padding-right: 20px;
    font-weight: bold;
}
.install_button{
    padding: 15px 30px;
    border: 0;
    color: #fff;
    font-weight: bold;
    background-color: #689f38;
    border-radius: 5px;
}
.install_button:hover{
    color: #fff;
    text-decoration: none;
}
@media screen and (max-width: 375px) and (min-width: 320px) {
    body{
        font-size: 20px !important;
    }
    .carousel img{
        max-height: 400px;
    }
    .header_section h1{
        font-size: 20px;
    }
    .header_section p{
        font-size: 16px
    }
    .buttons_container{
        font-size: 12px;
    }
    p{
        font-size: 16px;
    }
    .wishlist{
        padding-right: 0px;
    }
    .main_container{
        //font-size: 1.2rem;
    }
    .install_button{
        padding: 10px 15px;   
    }
    .wishlist{
        font-weight: normal;
    }
}
@media screen and (max-width: 420px) and (min-width: 375px) {
    body{
        font-size: 22px !important;
    }
    .carousel img{
        max-height: 400px;
    }
    .header_section h1{
        font-size: 22px;
    }
    .header_section p{
        font-size: 18px
    }
    .buttons_container{
        font-size: 14px;
    }
    p{
        font-size: 18px;
    }
    .install_button{
        padding: 10px 15px;   
    }
    .wishlist{
        font-weight: normal;
    }
    .wishlist{
        padding-right: 0px;
    }
    .main_container{
        //font-size: 1.2rem;
    }
}

@media screen and (max-width: 520px) and (min-width: 420px) {
    body{
        //background-color: blue;
        //font-size: 1.5rem;
    }
    .main_container{
        //font-size: 1.5rem;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    body{
        //background-color: brown;
        //font-size: 32px !important;
    }
    .main_container{
        //font-size: 32px !important;
    }
}
@media screen and (min-width: 1024px) {
    body{
        //background-color: orange;
        //font-size: 32px !important;
    }
    .main_container{
        //font-size: 32px !important;
    }
}
















.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}