/*
Template Name: Supertech Webdesign
File: Layout CSS
Author: 2K Web and Design
Author URI: https://2kwebdesign.hu/
Licence: Supertech license
*/


/*
Products list
*/
@media (min-width: 768px) and (max-width: 1005px) 
{
  .prod-ul{
    margin-top: 100px;
}
.button{
  margin-top:80px;
    }
}
@media (min-width: 1005px) and (max-width: 1280px)  { 
    .prod-ul{
      margin-top: 100px;
  }
  .button{
    margin-top:40px;
      }
  }
  @media (min-width: 1281px) {
  .prod-ul{
    margin-top: 25px;
}
.button{
  margin-top:40px;
    }
}
.prod-ul{
    list-style:circle;
    list-style-position: inside;
    text-align: left;
}
/*******************************/

.product-title{
  height: 90px;
     }
#btn-back-to-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: none;
    }

#top-button {
      display: inline-block;
      background-color: #FF9800;
      width: 50px;
      height: 50px;
      text-align: center;
      border-radius: 4px;
      position: fixed;
      bottom: 30px;
      right: 30px;
      transition: background-color .3s, 
        opacity .5s, visibility .5s;
      opacity: 0;
      visibility: hidden;
      z-index: 1000;
    }
    #top-button::after {
      content: "\f077";
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      font-size: 2em;
      line-height: 50px;
      color: #fff;
    }
    #top-button:hover {
      cursor: pointer;
      background-color: #333;
    }
    #top-button:active {
      background-color: #555;
    }
    #top-button.show {
      opacity: 1;
      visibility: visible;
    }
    @media (min-width: 500px) {
      #top-button {
        margin: 30px;
      }
    }



body{
font-family: 'Alata', sans-serif;
   }
h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
}
a{
 color:#333;
 }
a:hover{
text-decoration:none;
color:#333;
}
ul{
padding:0;
margin:0;
list-style:none;
margin-top:12px;
}
li{
  font-size:16px;
  }
p{
padding:0;
margin:0;
font-size:16px;
margin-top:12px;
}
h1{
font-size:45px;
margin-top:12px;
font-weight:bold;
}
h2{
font-size:36px;
margin-top:12px;
font-weight:bold;
}
h3{
font-size:30px;
margin-top:12px;
font-weight:bold;
}
h4{
font-size:24px;
margin-top:12px;
font-weight:bold;
}
h5{
font-size:18px;
margin-top:12px;
}
h6{
font-size:16px;
margin-top:12px;
}
.space_left{
padding-left:0; 
} 
.space_right{
padding-right:0;
} 
.space_all{
padding:0; 
} 
.iw{
   width:100%;
   }
.button{
background:#020072;
display:inline-block;
color:#fff;
padding:15px 20px 15px 20px!important;
border-radius:5px;
border:1px solid;
  }
.button i{
 margin-right:5px;
 }
.button:hover{
background:#fff;
color:#020072;
  }
  
.button_1{
background:#fff;
display:inline-block;
color:#f47629;
padding:15px 20px 15px 20px!important;
margin-top:10px;
border-radius:5px;
border:1px solid;
  }
.button_1 i{
 margin-right:5px;
 }
.button_1:hover{
background:#020072;
color:#fff;
  }

.border_none{
  border:none!important;
  }
.mgt{
  margin-top:40px !important;
  }
 .pdb{
  padding-bottom:0!important;
  }
.bold{
 font-weight:bold;
  }
.normal{
 font-weight:100!important;
  }
.navbar {
 min-height:auto; 
 margin-bottom:0;
 border:none;
 border-radius:0;
}
.col{
color:#fff;  
  }
.col_1{
color:#020072;
  }
/*********************top****************/
#top{
padding-top:20px;
padding-bottom:40px;
/*background:#020072;*/
background-image: url(../img/topback.jpeg);
background-size: cover;
background-repeat: no-repeat;
 }
.top_1l p i{
margin-right:10px; 
 }
.top_1m h1{
font-size:60px;
line-height:0.8em; 
 }
.top_1m h1 span{
font-size:20px;
display:block; 
 }
.top_1r h3 span{
font-size:16px;
display:block; 
margin-top:5px;
 }
.top_1r h3 i{
margin-right:10px; 
 }
.top_1m h1 a{
color:#fff;
 }
.top_1r h3 a{
 color:#fff;
 }
/*********************top_end****************/

/*********************header****************/
.main{
 position:relative;
 }
#header{
 position:absolute;
 z-index:1000;
 width:100%;
 top:-25px;
 }
.navbar{
background:#252936; 
width:80%;
margin-left:auto;
margin-right:auto;
 }
.font_tag{
 color:#ddd;
 text-transform:uppercase;
 font-size:15px;
 border-right:1px solid #51586d;
 }
.font_tag:hover{
color:#fff;
background:#51586d!important;
color:#fff; 
 }
.font_tag:focus{
color:#fff;
background:#51586d!important;
color:#fff; 
 }
.active_tab{
background:#51586d;
color:#fff; 
 }
.navbar-brand{
color:#fff!important; 
font-size:35px;
padding-top:13px;
 }
#header .navbar-brand{
display:none; 
 }
.drop_1{
background:#fff!important;
min-width:200px;
padding:0;
border-radius:0;
 }
.drop_1 li a:hover{
 background:none;
 color:#f47629;
 }
.drop_1 li a{
border-bottom:1px solid #ddd;
padding-top:13px;
padding-bottom:15px;
text-transform:uppercase;
 }

.navbar-collapse{
 padding-left:0;
 padding-right:0;
 }
/*********************header_end****************/

/*********************footer****************/
#footer{
background: #252936;
padding-top:20px;
padding-bottom:20px; 
  }
.footer_2i .navbar-brand{
float:none;
padding-left:0; 
 }
.footer_2i1 hr{
width:40%; 
margin-left:0;
border-width:3px;
 }
.footer_2i1 ul li{
 margin-bottom:8px;
 }
.footer_2i1 ul li a:hover{
color:#020072;
 }
.footer_3r ul li{
display:inline-block;
margin-right:5px; 
 }
.footer_3r ul li a{
color:#fff;
 }
.footer_3r ul li a:hover{
color:#020072;
 }
.footer_3l p a{
color:#020072;
 }
.footer_3l p a:hover{
color:#fff;
 }
.footer_3{
 border-top:1px solid #4e4c4c;
 margin-top:20px;
 padding-top:20px;
 }
 
.contact_home_1l option {
color : #000;
}
/*********************footer_end****************/

@media screen and (max-width : 767px){
  .prod-ul{
    margin-top: 50px;
}
.space_left{
padding-left:15px; 
} 
.space_right{
padding-right:15px; 
} 
.space_all{
padding-left:15px;
padding-right:15px;
} 
.navbar-collapse{
box-shadow:none; 
max-height:none; 
  }
.navbar .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}
.navbar-toggle{
 background:#fff;
 margin-top:9px;
 border:none;
 border-radius:0; 
  }
.navbar-toggle:hover{
 background:#fff!important; 
  }
.navbar-toggle:focus{
 background:#fff!important; 
  }
.navbar-toggle .icon-bar{
 background:#000!important; 
  }
.navbar {
 position:static;
 text-align:center;
 width:100%;
  }

#top{
 display:none;
 }
#header{
position:static; 
 }
#header .navbar-brand{
display:block; 
margin-bottom: 15px;
 }
 .button {
  margin-top: 40px;
}

.font_tag{
 font-size:28px;
 padding-top:20px!important;
 padding-bottom:20px!important;
 border-bottom:1px solid #3e4458;
 }
.drop_1 a{
 font-size:22px;
 padding-top:15px!important;
 padding-bottom:15px!important; 
 }
#footer{
text-align:center; 
 }
.footer_2i1 hr{
margin-left:auto; 
 }
.footer_2i1 {
margin-top:15px; 
 }
.footer_2i1 ul li{
display:inline-block;
margin:2px;
 }
.footer_3r{
margin-top:15px; 
 }
.navbar-collapse{
 padding-left:15px;
 padding-right:15px;
 }
}
@media (min-width:768px) and (max-width:991px) {
.navbar{
width:95%;
margin-left:auto;
margin-right:auto;
 }
.font_tag{
padding-left:10px!important;
padding-right:10px!important; 
 }
.top_1m h1{
font-size:40px; 
 }
.drop_1{
left:auto!important;
right:0!important; 
 }
.footer_2i .navbar-brand{
font-size:30px; 
 }
 
.center_shop_2l h3{
 font-size:24px;
 }
.center_shop_2l{
padding:20px 8px!important; 
 }
.center_shop_2l h5{
font-size:14px;
 }
.center_shop_2lir h4{
font-size:18px; 
 }
 }
 
@media (min-width:992px) and (max-width:1200px) {
.navbar{
width:85%;
margin-left:auto;
margin-right:auto;
 }
  }
@media (min-width:1201px) and (max-width:1260px) {

 }