html, body{
    margin:0px;
    padding:0px;  
}
header{
    z-index:1000;
    position:fixed;
    width:100%;
    background-color: #212121;
    padding:20px 0px;
    text-align: center;
}
#logo img{
    height:14px;
    padding-right:30px;
    text-align:left;
}
#menu{
    display:none;
}
#closebtn{
    display:none;
}
nav{
    display:inline;
}
nav a{
    padding:20px 20px 19px 20px;
    color:white;
    font-size:1.1em;
}
nav a:hover, nav a:focus{
    color:white;
    text-decoration: none;
    border-bottom: 3px solid #be0000;
}
#navMenu span{
    background-color:green;
    font-size:11px;
    padding:0px 3px 1px 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position:absolute;
    top:10px;
}
/*Slider*/
#slider{
    position: relative;
    padding-top:61px;
    color:white; 
}
#sliderLeft{
    opacity:0.3;
    position:absolute;
    top:50%;
    margin-top:-70px;
    padding:50px 20px;
    margin-left:10px;
    font-size:4em;
    background-color:rgba(0,0,0,0.20);
    cursor:pointer; 
    z-index:996;
}
#sliderLeft:hover{
    opacity:1;
}
#sliderRight{
    opacity:0.3;
    position:absolute;
    right:0px;
    top:50%;
    margin-top:-70px;
    padding:50px 20px;
    margin-right:10px;
    font-size:4em;
    background-color:rgba(0,0,0,0.20);
    cursor:pointer;
    z-index:996;  
}
#sliderRight:hover{
    opacity:1;
}
#sliderCircle{
    position:absolute;
    width:48px;
    height:20px;
    bottom:3%;
    left:50%;
    margin-left:-24px;
    z-index:996;
}
.mycircle:hover{
    cursor:pointer;
    background-color:white;
}
.mycircle:nth-child(1){
    position:absolute;
    left:0px;
    width:12px;
    height:12px;
    border:1px solid white;
    border-radius:50%;
}
.mycircle:nth-child(2){
    position:absolute;
    left:18px;
    width:12px;
    height:12px;
    border:1px solid white;
    border-radius:50%;
}
.mycircle:nth-child(3){
    position:absolute;
    right:0px;
    width:12px;
    height:12px;
    border:1px solid white;
    border-radius:50%;
}
.mycircleOn{
    background-color:white;
}
.sliderImg{
    display:none;
    width:100%;
    animation:fading 0.5s;
}
@keyframes fading{
    0%{opacity:0}
    100%{opacity:1}
}
.main{
    padding:50px 0px;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
}
.container .row img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding-bottom:5px;
    padding-top:5px;
}
.container .row a{
    text-decoration:none;
    color:#333;
}
.col-md-3{
    margin:0px 30px;
    text-align:center;
}
.main .container .row:nth-child(1){
    border-bottom:1px solid lightgrey;
    margin-bottom:30px;
    padding-bottom:20px;
}
.bottomBanner{
    margin-top:20px;
}
.bottomBanner .col-md-5{
    padding-top:30px;
    vertical-align: top;
}
.bottomBanner .col-md-5:nth-child(1){
    text-align:right;  
}
.bottomBanner .col-md-5:nth-child(2){
    text-align:left;
}
.bottomBanner .col-md-5 p{
    font-size:1.2em;
}
.bottomBanner .col-md-5 a{
    font-size:1.1em;
    color:black;
    text-decoration: underline;
}
footer{
    background-color:#212121;
    color:#999;
}
footer section{
    padding:30px 0px;
}
footer h3{
    padding:10px 0px;
}
footer .row{
    text-align:left;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding:10px 10px;
}
.copy{
    text-align:left;
    padding:20px 0px;
}
#up{
    z-index:1000;
    display:none;
    cursor:pointer;
    position: fixed;
    opacity:0.5;
    right:5%;
    bottom:5%;
    font-size:3.5em;
    color:#e35f13;
}
#up:hover{
    opacity:1;
}
.specPres{
    z-index:997;
    background-color: rgba(255,255,255,0.5);
    width:100%;
    margin-top:46px;
    padding:20px 15px 3px 15px;
    position:fixed;
    text-align:right;
}
.specPres a{
    font-size:1.2em;
    text-decoration:none;
    padding:5px 10px;
    cursor:pointer;
    color:black;
    border-bottom:1px solid rgba(227,95,19,0.5);
}
.specPres a:hover{
    color:#e35f13;
    background-color:rgba(255,255,255,0.8);
    border-bottom:1px solid #e35f13;
}
/*presentationPhotos*/
#topSection{
    background-color:white;
    border-bottom:2px solid #e35f13;
    margin-bottom:20px;
}
#photoSection{
    max-width: 700px;
    position: relative;
    color:white; 
    margin-bottom:30px;
}
#photoLeft{
    color:grey;
    opacity:0.3;
    position:absolute;
    top:50%;
    left:0px;
    margin-top:-80px;
    margin-left:10px;
    font-size:4em;
    cursor:pointer; 
    z-index:996;
}
#photoLeft:hover{
    opacity:1;
}
#photoRight{
    color:grey;
    opacity:0.3;
    position:absolute;
    right:0px;
    top:50%;
    margin-top:-80px;
    margin-right:10px;
    font-size:4em;
    cursor:pointer;
    z-index:996;  
}
#photoRight:hover{
    opacity:1;
}
.col-xs-2{
    margin:5px 0px;
    max-width:100px;
    min-width:90px;
    z-index:996;
}
.row-centered {
    text-align:center;
}
.img{
    opacity:0.6;
    text-align:center;
    border:1px solid #999;
    padding:5px;
    border-radius:5%;
    cursor:pointer;
}
.imgSelect{
    opacity:1;
    border:1px solid #007ebb;
}
.img:hover{
    opacity:1;
    border:1px solid #007ebb;
}
.bottomPhotoOn{
    background-color:white;
}
.photo{
    display:none;
    width:100%;
    animation:fadingPhoto 0.5s;
}
@keyframes fadingPhoto{
    0%{opacity:0}
    100%{opacity:1}
}
/*presentationPhotos end*/
#shortPresentationSection{
    padding-top:5%;
    text-align:right;
}
#shortPresentationSection ul{
    display: block;
    padding:0px;
}
#shortPresentationSection li{
    list-style: none;
}
#shortPresentationSection p{
    font-size: 1.2em;
    padding:10px 0px;
    margin:0px;
}
#buySectionPresentationIhunt{
    width:121px;
}
#buySectionPresentationTelRezistent{
    width:121px;
}
#buyButton{
    background-color:#007ebb;
    border:none;
    color:white;
    font-size:1.3em;
    padding:20px 40px;
}
#buyButton:hover{
    background-color:#e35f13;
}
/*transparentBuySectionContainer*/
#transparentBuySectionContainer{
    position:fixed;
    z-index:2000;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
}
#transparentBuySectionBackground{
    position:absolute;
    z-index:2001;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    background-color:rgba(0,0,0,0.9);
}
#centerSection{
    position:relative;
    max-width:500px;
    margin:20% auto 0 auto;
    z-index:2002;
    padding:20px;
    background-color:#f5f5f5;
}
#transparentBuyClose{
    cursor:pointer;
    color:grey;
    float:right;
    margin:-13px -10px 0px 0px;
    font-size:2em;
}
#centerSection img{
    display:inline-block;
    margin-bottom:5px;
}
.presentation{
    padding:120px 0px 0px 0px;
    text-align:center;
    color:#555;
}
.presentation .container{
    padding-bottom:20px;
    background-color:#f5f5f5;
}
.presentation h1{
    font-weight: 700;
    margin-bottom:50px;
}
.presentation p{
    padding:0px 20px 5px 20px;
    font-size:1.1em;
}
.presentation h3{
    padding-top:20px;
}
.presentation img{
    margin:2px auto;
    width:100%;
}
.specifications{
    padding:120px 0px 20px 0px;
}
.specifications h1{
    text-align:center;
    font-weight: 700;
    color:#555;
}
.specifications table{
    width:100%;
}
.specifications table tr{
    border-bottom:1px dashed lightgray;
}
.specifications table tr th{
    color:#007ebb;
    font-size:1.5em;
    font-weight: 400;
    padding:20px 0px;
}
.specifications table tr td{
    font-size:1.1em;
    padding:10px 0px;
}
.specifications table tr td:first-child{
    width:35%;
    color:grey;
}
@media(max-width:1200px){
    header{
        text-align:center;
    }
    #logo{
        padding-top:0px;
        padding-bottom:20px;
        padding-right:0px;
        padding-left:0px;
        display: block;
    }
    #navMenu span{
        top:50px;
    }
    #slider {
        padding-top:101px; 
    }
    .col-xs-9{
        position: relative;
        margin: 0 auto;
        float:none;
    }
    .presentation{
        padding-top:140px;
    }
    .specifications{
        padding:140px 0px 20px 0px;
    }
    .col-md-3{
        margin:0px 10px;
    }
    .bottomBanner{
        margin-top:20px;
    }
    .bottomBanner .col-md-5{
        padding-top:20px;
    }
    .bottomBanner .col-md-5:nth-child(1){
        text-align:right; 
    }
    .bottomBanner .col-md-5:nth-child(2){
        text-align:left;
    }
    .bottomBanner .col-md-5 h3{
        font-size:1.5em;
    }
    .bottomBanner .col-md-5 p{
        font-size:1em;
    }
    .bottomBanner .col-md-5 a{
        font-size:0.9em;
    }
    .col-xs-2{
        max-width:85px;
        min-width:75px;
    }
    .specPres{
        margin-top:85px;
    }
}
@media(max-width:1100px){
    #photoSection{
        max-width:400px;
    }
}

@media(max-width:990px){
    nav a{
        padding:20px 10px 19px 10px;
    }
    .container .row .col-md-3 img{
        max-width:60%;
    }
    .bottomBanner .col-md-5:nth-child(1){
        text-align:center;
        padding:0px 10%; 
    }
    .bottomBanner .col-md-5:nth-child(2){
        text-align:center;
        padding:0px 10%;
    }
    .bottomBanner .col-md-6 img{
        max-width:90%;
    }
    .bottomBanner .col-md-5{
        padding-top:0px;
    }
    .main .container .row:nth-child(1){
        border-bottom:1px solid white;
    }
    .main .container .row:nth-child(2){
        padding:10px 0px 20px 0px;
        background-color:#f4f4f4;
        border-bottom:1px solid lightgray;
    }
}
@media(max-width:850px){
    header{
        text-align:left;
        padding-right:30px;
    }
    #logo{
        padding-right:0px;
        padding-left:20px;
        padding-bottom:0px;
        text-align:left;
        display:inline;
    }
    #menu{
        position:relative;
        cursor:pointer;
        font-size:1.5em;        
        display:inline-block;
        color:#999;
        float:right;
        z-index:999;
    }
    nav{
        opacity:0;
        z-index: 1000;
        display: none;
        position: absolute;
        right:0px;
        top:0px;
        background-color:#212121;
        width:120px;
        padding:16px 0px 0px 0px;
    }
    nav a{
        font-size:1.1em;
        padding:5px 0px;
        display: block;
        text-align:center;
        font-weight: 300;
    }
    nav a:hover, nav a:focus{
        color:white;
        text-decoration: none;
        border-bottom: 0px;
    }
    #navMenu span{
        display:none;
    }
    #close{
        display:none;
        position:fixed;
        background-color:transparent;
        width:100%;
        height:100%;
        z-index:998;
    }
    #closebtn{
        cursor:pointer;
        color:#999;
        text-align:right;
        display:block;
        font-size:2em;
        margin:0px 28px 20px 0px;
    }
    #slider {
        padding-top:59px; 
    }
    #sliderLeft{
        margin-top:-15px;
        padding:30px 10px;
        font-size:2em;   
    }
    #sliderRight{
        margin-top:-15px;
        padding:30px 10px;
        font-size:2em;   
    }
    .presentation{
        padding-top:61px;
    }
    .bottomBanner .col-md-6 img{
        max-width:100%;
    }
    footer h3{
        font-size:20px;
    }
    footer .row h3{
        font-size:17px;
    }
    .footerBuySection img{
        height: 35px;
    }
    #up{
        font-size:2em;
    }
    .specPres{
        text-align:center;
        margin-top:42px;
    }
    .specPres a{
        font-size:1.1em;
    }
    #photoSection{
        max-width:800px;
        width:100%;
    }
    #photoLeft{
        margin-top:-70px;
    }
    #photoRight{
        margin-top:-70px;
    }
    #bigPhoto{
        max-width:350px;
        margin:0 auto;
    }
    .col-xs-2{
        max-width:90px;
        min-width:70px;
    }
    #shortPresentationSection{
        width:100%;
        text-align:center;
        padding-top:0%;
        float:left;
    }
    #shortPresentationSection ul{
        text-align:center;
    }
    #shortPresentationSection p{
        font-size: 1em;
        padding:10px 10px;
    }
    #buyButton{
        padding:15px 35px;
        margin-bottom:20px;
    }
    #buySectionPresentationIhunt{
        width:94px;
    }
    #buySectionPresentationTelRezistent{
        width:94px;
    }
    #centerSection{
        padding:10px;
    }
    #transparentBuyClose{
        margin:-5px -3px 0px 0px;
    }
    .presentation{
        padding:100px 0px 0px 0px;
    }
    .specifications{
        padding:100px 0px 20px 0px;
    }
    .presentation h1{
        margin-bottom:10px;
    }
    .presentation h1{
        font-size:25px;
    }
    .presentation h3{
        font-size:20px;
    }
    .specifications h1{
        font-size:25px;
    }
    .specifications table tr th{
        font-size:1.2em;
    }
    .specifications table tr td{
        font-size:1em;
    }
    .specifications table tr td:first-child{
        width:50%;
    }
}
@media(max-width:450px){
    .container .row .col-md-3 img{
        max-width:100%;
    }
    .bottomBanner .col-md-5:nth-child(1){
        padding:0px 5%; 
    }
    .bottomBanner .col-md-5:nth-child(2){
        padding:0px 5%;
    }
    #photoLeft{
        font-size:3em;
        margin-left:7px;
    }
    #photoRight{
        font-size:3em;
        margin-right:7px;
    }
}