*{
	margin: 0;
	padding: 0;
    font-family: 'myriad', sans-serif;
    box-sizing:border-box;

}


/*---------------------------- МЕНЮ ------------------------------*/
nav{
    width: 100%;

}

.logoEvovizion{
    float: left;
    width: 27%;
    position:relative;
    left: 4%;
}
.logoEvovizion img{
    height:70px;
    padding: 1%;

}

.menu_v{
    position: relative;
    float:right;
    height:60px; /*поменять на 60*/
    z-index: 50;
    box-sizing:border-box;
}


nav li:not(.subtext){
    /*display: inline-block;*/ /*делаем элементы списка горизонтальными*/
    float: left;
    list-style-type: none;
    } 


.menu_v a{
    display: block;
    text-decoration: none;
    padding: 30px;
    color: #0E74BC;
}

.menu_v a:hover{
    background: #25AAE3;
    color: white;
}

.menu-trigger{
    text-align: center;
    display: none;
}

.red ul{
    display: none;
    float: left;
    position: absolute;
    z-index: 15;
 }  

 .red ul a{
    padding-top: 20px;
    padding-bottom: 20px;
 }


.red li{
    display: block;
}


.red ul li ul{
    display: none;
    position: absolute;
    right: 257px;
    margin-top: -60px;
    z-index: 0;
}


.blue{
    background:#0E74BC;
}
.blue a{
    color: white;
}

.kameryAHD li{
    display: none;
    text-align: center;
}

.kompl li{
    display: none;
    text-align: center;
}

.GSMsignal li{
    display: none;
    text-align: center;
}

.blok li{
    display: none;
    text-align: center;
}

.komplWiFi li{
    display: none;
    text-align: center;
}

.IpVidC li{
    display: none;
    text-align: center;
}

.IpKompC li{
    display: none;
    text-align: center;
}

.kompldomof li{
    display: none;
    text-align: center;
}

.skyds li{
    display: none;
    text-align: center;
}

.menu-trigger{
    text-align: center;
    display: none;
    background: #25AAE3;
    color: white;
    text-decoration: none;
    padding:5%; 
}
/*классы для jqery меню*/

.mousov_redul{
    display:block;
    border-bottom:solid grey 1px;
    height:157px;
    width:257px;
    background:#ebebeb;
    opacity:0.9;
}



.pod_menu{
    border-bottom: 1px solid #0F75BD;
}

.pod_menu2{
    border-bottom: 0.5px solid #0F75BD;
}



/*_________________________________________________*/


.pod_menu_tov{
    height:70px;
}

.nad_podv_tov{
    height:150px;
}

/*----------- Товары на главной -----------*/

.tovaryNaGlavnoy div{
    float: left;
    width: 33.3%;
    border-right: solid #DFDFDF 1px;
    border-bottom: solid #DFDFDF 1px;
}

.tovaryNaGlavnoy h3, h3 a{
    position: relative;
    padding: 12% 1% 1% 1%;
    text-align: center;
    font-size: 100%;
    color: #0E74BC;
    text-decoration: none;
}

.tovaryNaGlavnoy h1, h1 a{
    position: relative;
    padding: 12% 1% 1% 1%;
    text-align: center;
    font-size:120%;
    color: #0E74BC;
    text-decoration: none;
}

.kratkoe_opisanie{
    color: #ADADAD;
    text-align: center;
    font-size: 90%;
    padding: 1% 9% 1% 9%;
}

.tovaryNaGlavnoy img{
    position: relative;
    width: 35%;
    left: 35%;
    margin-top:5%;
    margin-bottom:5%;

}

/*----------------------------------------------*/

.stranica_kontakti{
    position: relative;
    text-align: center;
    font-size:110%;
    color: #0E74BC;
    width: 100%;
    padding-top: 15%;
}

/*----------- Иконки в AHD видеокамерах -----------*/

.icon_camera div{
    float: left;
    padding: 5% 0 5% 0;
    width: 33.3%;
    border-right: solid #DFDFDF 1px;
    border-bottom: solid #DFDFDF 1px;
    box-sizing:border-box;

}

.icon_camera div img{
    width: 33.3%;
}


.icon_camera h1, h1 a{
    position: relative;
    padding: 7% 1% 1% 1%;
    text-align: center;
    font-size:120%;
    color: #0E74BC;
    text-decoration: none;
}


.icon_camera img{
    position: relative;
    width: 29%;
    left: 35%;
    margin-top:5%;
    margin-bottom:5%;

}

/*----------- Иконки в Блоках питания -----------*/
.blokiPitania{
    width: 70%;
    margin: auto;
}

.blokiPitania div{
    float: left;
    padding: 5% 0 5% 0;
    width: 50%;
    border-right: solid #DFDFDF 1px;
    border-bottom: solid #DFDFDF 1px;
    box-sizing:border-box;
}

.blokiPitania div:first-child{
    border-left: solid #DFDFDF 1px;
}

.blokiPitania div:nth-child(3){
    border-left: solid #DFDFDF 1px;
}

.blokiPitania div img{
    width: 33.3%;
}

.blokiPitania h1, h1 a{
    position: relative;
    padding: 7% 1% 1% 1%;
    text-align: center;
    font-size:120%;
    color: #0E74BC;
    text-decoration: none;
}


.blokiPitania img{
    position: relative;
    width: 29%;
    left: 35%;
    margin-top:5%;
    margin-bottom:5%;

}

/*----------------------------------------------*/

.podval{
    height: 233px;
    background-color:#14191d;

}

.kontakti{
    text-align: center;
    color: #8b8b8b;
    padding-top: 3%;
    line-height: 1.7;
}

.kontakti div{
    opacity:0.7;
    padding-top: 3px;
}

/*-----------------Просмотр товара и описание-----------------*/
.gallery_tov{
    /*margin: auto;*/
    width: 40%;
    float: left;
    padding-left: 5%;
    margin-left: 3%;
    margin-top:4%;
}

#big_tov{
    width: 70%;
}

.tov_small p img{
    width: 18%;
    float: left;
    border: solid #8b8b8b 1px;
    margin: 3%;
}

.opisanie_tov{
    width: 47%;
    padding-top:6%;
    float: left;
}

.price_katalog{
    color: black;
    text-align: center;
    padding-bottom: 4%;
/*    font-weight:bold;*/
}

.price_tovar{
    color: #0F75BD;
    text-align: right;
    font-weight:bold;
}

.nazv_razd{
    color:white;
    font-size:70%;
    text-align: center;
    background: #0F75BD;
    padding: 0.5% 0 0.5% 0;
}



/*-- -------Таблица------------- --*/
table.table_tov{
    border: solid 1px #0F75BD;
    width: 100%;
    height: auto;
    border-spacing: 0px;
    margin:auto;
    border-bottom:none;
    border-right:none;

}
table.table_tov th{
    border: 1px white solid;
    border-right:solid 1px #0F75BD;
    border-bottom:solid 1px #0F75BD;
/*    background: #fcdc87;*/
    height: auto;
    padding:1%;
}

table.table_tov td{
    /*border: 1px #fff1c1 solid;*/
    border-bottom:solid 1px #0F75BD;
    border-right:solid 1px #0F75BD;
    height: auto;
    padding:1%;
/*    background: #e2e3e4;*/
}

table.table_tov tbody td:nth-child(1){
    padding: 5px 6px 5px 25px;
}


table.table_tov tbody td:nth-child(2){
    padding: 5px 25px 5px 25px;
}

table.table_tov tbody td:nth-child(2) p{
    text-align: justify;

}
caption{
    margin-bottom:1%;
    text-transform:uppercase;
}

.gsm_firstOf_table{
    font-weight: bold;
}

.nazv_tov h1{
    color:white;
    font-size:120%;
    text-align: center;
    background: #0F75BD;
    padding: 1% 0 1% 0;
}


.about_company{
    padding: 2% 8% 5% 8%;
    text-align: justify;
    line-height: 2;
}

.about_company p{
    padding-top: 2%;
}

.perechenStranicaCompany{
    text-align: left;
    margin: 1% 4% 1% 4%;
    text-align: justify;
    text-indent: 0;
    padding: 0 50px 0 15px;
}

.pricecctv{
    color:white;
    font-size:120%;
    width: 100%;
}


.pricecctv p{
    float: left;

}

.pricecctv p:first-child{
    color: #0F75BD;
    width: 70%;
    text-align: right;
    padding: 1% 2% 2% 0;    
}

.pricecctv p:nth-child(2){
    border: 1px solid white;
    background: #0F75BD;
    padding: 1% 0 1% 0;
    width: 30%;
    text-align: center;
}

.opisPodTabl{
    padding: 4% 7% 4% 7%;
    width: 100%;
    text-align: justify;
    line-height: 1.7;
    /*text-indent: 2%;*/
}

.opisPodTabl p{
    padding-top: 1.4%;
}

.opisPodTabl ul{
    margin: 1% 4% 1% 2%;
}





/*Страница с ошибкой*/

.oshibki{
    text-align: center;
    padding-top: 10%;
    color: #0E74BC;
    padding-bottom: 30%;
}

.oshibki p:first-child{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 150%;
}

.oshibki a{
    text-decoration: none;
    color: #0E74BC;
}

.oshibki a:hover{
    color: black;
}


/*Хлебные крошки*/

#uk-breadcrumb{
 overflow: hidden;
 width: 100%;
 }
 
#uk-breadcrumb li{
 float: left;
 margin: 0 .5em 0 1em;
 }
 
#uk-breadcrumb a{
 background: #ebebeb;
/* padding: 0.3em 1em;*/
 float: left;
 text-decoration: none;
 color: #444;
 position: relative;
 }

 #uk-breadcrumb span{
 padding: 0.5em 1em;
 float: left;
 text-decoration: none;
 color: black;
 position: relative;
 font-size: 79%;
 }
 

#uk-breadcrumb a:hover{
 background: #0F75BD;
 color:white;
 }
 
#uk-breadcrumb a::before{
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -1.5em;
 border-width: 1.5em 0 1.5em 1em;
 border-style: solid;
 border-color: #ebebeb #ebebeb #ebebeb transparent;
 left: -1em;
 }
 
#uk-breadcrumb a:hover::before{
 border-color: #0F75BD #0F75BD #0F75BD transparent;
  color:white;
 }
 
#uk-breadcrumb a::after{
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -1.5em;
 border-top: 1.5em solid transparent;
 border-bottom: 1.5em solid transparent;
 border-left: 1em solid #ebebeb;
 right: -1em;
 }
 
#uk-breadcrumb a:hover::after{
 border-left-color: #0F75BD;
 }
 
#uk-breadcrumb .current,
 #uk-breadcrumb .current:hover{
 font-weight: bold;
 background: none;
 }
 
#uk-breadcrumb .current::after,
 #uk-breadcrumb .current::before{
 content: normal;
 }

#uk-breadcrumb{
    list-style: none;
}


/* Sitemap страница*/
.sitemapS{
    padding:7%;
}

.sitemapS ul{
    list-style-type: disc;
    list-style-position: inside;
}

.sitemapS li{
    color: #0E74BC;
}

.sitemapS a{
    text-decoration: none;
    color: #0E74BC;
}

.sitemapKatalog{
    padding-left: 3%;
}

.sitemapKatalog li{
    padding-left: 3%;
}

.kartaSi a{
    text-decoration: none;
    font-size: 90%;
    color: #525252;
}


/*Медиазапросы нужно писать только вконце*/
    

    @media all and (max-width:1010px){
    .logoEvovizion{left: 3%;}
    .logoEvovizion img{height: 64px;}
    .menu_v{float: left;}
    .menu_v a{padding: 27px 30px 23px 30px;}
    .red ul a{padding: 30px;}
    }



    @media all and (max-width:997px){
    .menu_v{left: 13%;}
    .logoEvovizion{left: 37%;}
    .menu_v a{padding: 19px 30px 23px 30px;}
    .red ul a{padding-top: 20px;padding-bottom: 20px;}

    }


    @media all and (max-width:900px){
    .menu_v{left: 9%;}
    .logoEvovizion{left: 35%;}
    .tovaryNaGlavnoy div{width: 50%;}
    .icon_camera div{width: 50%;}
    .blokiPitania{width: 100%;}

    }

    @media all and (max-width:840px){
    .menu_v{left: 6%;}
    #uk-breadcrumb span{font-size: 55%;}
    }


    @media all and (max-width:790px){
    .menu_v{left: 0;}
    }

    @media all and (max-width:759px){
    .menu_v{left: 3%;}
    .menu_v a{padding: 19px 22px 23px 22px;}
    } 


   @media all and (max-width:700px){
    nav li{display: block; text-align: center; width: 100%; float: left;}
    nav ul{display: none;}
    nav ul a{border-bottom: 1px solid  #0E74BC;}
    .menu-trigger{display: block; width: 50%;float: right;}
    .logoEvovizion{left: 4%;}
    .menu_v{width: 100%;height: auto;}
    .menu_v a{background:#25AAE3;color:white; padding: 30px;}
    .menu_v a:hover{background: #0E74BC;}
    .red ul a{background: white;color: #25AAE3;}
    .red{width: 100% !important;}
    .red ul{width: 100% !important;}
    .tovaryNaGlavnoy div{width: 100%;}
    .icon_camera div{width: 100%;}
    .gallery_tov{width: 100%;}
    .opisanie_tov{width: 100%; padding: 3%;}
     .logoEvovizion img{height: 54px;}
     .blokiPitania div{width: 100%;}
     .menu_v{left: 0;}
     .sliderKatalog{display: none;}
     /*Картинка на слайдере главном была увеличена*/
        .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:150% !important;}
    #uk-breadcrumb{display: none;}
} 

    @media all and (max-width:500px){
       .logoEvovizion img {height: 46px;}

    }


     @media all and (max-width:330px){
       .logoEvovizion img {height: 40px;}

    }