/* Start:/local/templates/iotline/components/bitrix/breadcrumb/il_breadcrumb/style.css?1514380397800*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

#block-title .breadcrumb {
	top: 75% !important;
}

#block-title .breadcrumb a {
    color: #fff;
}

#block-title .breadcrumb a:hover {
    color: #31f1cb;
}

#block-title .breadcrumb > .active {
    color: #fff;
}
/* End */


/* Start:/local/templates/iotline/components/bitrix/form.result.new/iotlineform/style.css?15142848172322*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/iotline/components/bitrix/form.result.new/iotlineform/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/iotline/components/bitrix/form.result.new/iotlineform/images/icon_warn.gif);
}


.formmodales input, .formmodales select {
display : block;
width : 100%;
height : 34px;
padding : 6px 12px;
font-size : 14px;
line-height : 1.42857143;
color : #555555;
background-color : #ffffff;
background-image : none;
border : #cccccc solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formmodales textarea {
display : block;
width : 100%;
height : 100px;
padding : 6px 12px;
font-size : 14px;
line-height : 1.42857143;
color : #555555;
background-color : #ffffff;
background-image : none;
border : #cccccc solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formmodales input.button {
background : #333;
color : #FFF;
}

.formmodales p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
	margin-top: 10px !important;
	margin-bottom: 5px !important;
	font-weight: bold;
}

.formmodales input[type="submit"] {
	display: inline-block !important;
	position: relative !important;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px !important;
	padding: 0 26px;
	font-size: 16px !important;
	height: 46px !important;
	line-height: 46px;
	background-color: #1ABC9C;
	color: #FFF;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	border: none;
	border-radius: 3px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.formmodales input[type="submit"]:hover {
	background-color: #444;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
/* End */


/* Start:/local/templates/iotline/template_styles.css?152234909612864*/
@font-face {
    font-family: Proxima Nova Light; /* Гарнитура шрифта */
    src: url(/local/templates/iotline/css/fonts/ProximaNova/ProximaNova-Light.ttf); /* Путь к файлу со шрифтом */
   }

.boxed-slider { height: 343px;}

.slog { 
    font-family: Proxima Nova Light; 
    font-size: 18px;
    display: block;
    margin: 20px 0;
    font-style: italic;}
    
    .he-text {font-family: Proxima Nova Light; }

#block1 { height: 510px;}

#block3 {height: 659px;}

.ugorod { 
    background: url(/local/templates/iotline/images/for-city.jpg) no-repeat; height: 77px; width: 555px; margin: 32px 0;
    }
    
    .ugorod:hover { 
    background: url(/local/templates/iotline/images/for-city.jpg) no-repeat; 
    height: 77px; 
    width: 555px; 
    margin: 32px 0;
    background-position: 0 -77px;
    }
    
.ugorod span { 
    margin: 25px 290px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    /* padding: 20px 100px; */
    display: block;
    position: absolute;
    width: 250px;}
    
    .ugom { 
    background: url(/local/templates/iotline/images/for-home.jpg) no-repeat; 
    height: 77px; 
    width: 555px; 
    margin: 32px 0;
    }
    .ugom:hover { 
    background: url(/local/templates/iotline/images/for-home.jpg) no-repeat; 
    background-position: 0 -77px;
    height: 77px; 
    width: 555px; 
    margin: 32px 0;
    }
    
.ugom span { 
    margin: 25px 290px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    /* padding: 20px 100px; */
    display: block;
    position: absolute;
    width: 250px;}
    
    .ugom.actdom {
    background: url(/local/templates/iotline/images/for-home.jpg) no-repeat; 
    background-position: 0 -77px;
    height: 77px; 
    width: 555px; 
    margin: 32px 0;
    }
        
	@media (max-width: 479px) {
	#block1 .ugorod {
		background: url(/local/templates/iotline/images/for-city-m.jpg) no-repeat;
	}
	
	#block1 .ugom {
		background: url(/local/templates/iotline/images/for-home-m.jpg) no-repeat;
	}
    }
    
    .prizvod {
    background: url('/local/templates/iotline/images/prizvod.png') no-repeat; 
    width: 100%;
    height: 310px;
    background-position: 100% 0;
    }
    
    .ludyam {
	background: url('/local/templates/iotline/images/ludyam.png') no-repeat; 
    width: 100%;
    height: 310px;
    background-position: 100% 0;
    }
    
    .tabh5 {    font-size: 25px;
    line-height: 45px; font-family: Proxima Nova Light;     margin: 40px 0;}
    
    .texttab { font-size: 18px; font-family: Proxima Nova Light;}
    
    i.ic1 { 
    background: url(/local/templates/iotline/images/icon/ic1.png) no-repeat; 
    width: 33px ; 
    height: 37px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
    }
    
    i.ic2 { 
    background: url(/local/templates/iotline/images/icon/ic2.png) no-repeat; 
    width: 33px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
    }
    
    i.ic3 { 
    background: url(/local/templates/iotline/images/icon/ic4.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
    }
    
    i.ic4 { 
    background: url(/local/templates/iotline/images/icon/ic3.png) no-repeat; 
    width: 38px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
    }
    
    .ic-block1 {background: url(/local/templates/iotline/images/icon/ic-block1.png) no-repeat; 
    width: 39px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
        
        .ui-tabs-active .ic-block1 {
            background: url(/local/templates/iotline/images/icon/ic-block1hover.png) no-repeat; 
    width: 39px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
     /* */    
         .ic-block2 {background: url(/local/templates/iotline/images/icon/ic-block2.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block2 {
            background: url(/local/templates/iotline/images/icon/ic-block2hover.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
        
         /* */    
         
          .ic-block3 {background: url(/local/templates/iotline/images/icon/ic-block3.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block3 {
            background: url(/local/templates/iotline/images/icon/ic-block3hover.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
        
         /* */   
         
         
         
          .ic-block4 {background: url(/local/templates/iotline/images/icon/ic-block4.png) no-repeat; 
    width: 38px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block4 {
            background: url(/local/templates/iotline/images/icon/ic-block4hover.png) no-repeat; 
    width: 38px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
        
      /* */  
      
      .ic-block5 {background: url(/local/templates/iotline/images/icon/ic-block5.png) no-repeat; 
    width: 38px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block5 {
            background: url(/local/templates/iotline/images/icon/ic-block5hover.png) no-repeat; 
    width: 38px ; 
    height: 39px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
        
      /* */    
      
      .ic-block6 {background: url(/local/templates/iotline/images/icon/ic-block6.png) no-repeat; 
    width: 39px ; 
    height: 37px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block6 {
            background: url(/local/templates/iotline/images/icon/ic-block6hover.png) no-repeat; 
    width: 39px ; 
    height: 37px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
        
      /* */   
      
      .ic-block7 {background: url(/local/templates/iotline/images/icon/ic-block7.png) no-repeat; 
    width: 38px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block7 {
            background: url(/local/templates/iotline/images/icon/ic-block7hover.png) no-repeat; 
    width: 38px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
        
      /* */    
      
     
      
      .ic-block8 {background: url(/local/templates/iotline/images/icon/ic-block8.png) no-repeat; 
    width: 39px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block8 {
            background: url(/local/templates/iotline/images/icon/ic-block8hover.png) no-repeat; 
    width: 39px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
       /* */   
       
       .ic-block9 {background: url(/local/templates/iotline/images/icon/house-outline.png) no-repeat; 
    width: 39px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;}
       
        .ui-tabs-active .ic-block9 {
            background: url(/local/templates/iotline/images/icon/house-outline-hover.png) no-repeat; 
    width: 39px ; 
    height: 38px;
    display: block;
    float: left;
        margin: 10px 15px 0 0;
        }
       /* */      
    
    #block3 .side-tabs ul.tab-nav { 
        background: url(/local/templates/iotline/images/fon3-1.jpg) no-repeat; 
        height: 659px; 
        width: 361px;
        }
        
      #block3 .tab-content { color: #ffe5ac;}
      
     #block3  .side-tabs ul.tab-nav li a { line-height: 64px; white-space: nowrap;}
     
     h2.osnpr { 
        color: #fff; 
        font-family: 'Proxima Nova Light';     
        text-align: center;
        font-size: 28pt}
        
    #block-title h2 { 
        color: #fff; 
        font-family: 'Proxima Nova Light';
        font-size: 24pt;
        margin: 0px !important;}
        
        
    #block-title { padding: 50px 0;
    position: relative;
    background-size: 100% 100%;
    border-bottom: 1px solid #EEE;
    background-image: url(/local/templates/iotline/images/fon5.jpg);}
        
        .tab-content ul li { 
            list-style: none;
            background: url(/local/templates/iotline/images/icon/li.png) no-repeat 0 40% ;
            padding: 0 25px;
            
        }
     #block4 { height: 900px;}   
     #block4 ul.tab-nav.tab-nav2 {
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 65% !important;
        }
        
     #block4   ul.tab-nav.tab-nav2 li.ui-state-active a {
        top: 0;
    background-color: #f09661;
    color: #fff;
     }
     
    #block4 ul.tab-nav.tab-nav2 li a {    background-color: #ffffff;}
    
    #block4 ul.tab-nav.tab-nav2 li:first-child, 
    #block4 ul.tab-nav.tab-nav2 li {
        width: 230px; 
        height: 60px;
        }
		
		#block4:before {content: " ";     width: 100%;
    height: 2px;
    background: #ebebeb;
    position: absolute;
    margin-top: 990px;}
        
    #block4  ul.tab-nav:not(.tab-nav-lg) li a {
        
    height: 50px;
    line-height: 50px;
      }
	  
	 #block4 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
      
    #block4 h2.osnpr, #block9 h2.osnpr, #block10 h2.osnpr { color: #6b6b6b;
    font-family: 'Proxima Nova Light';
    text-align: center;
    font-size: 28pt;}
    
    #block5 { height: 158px;}
    #block5 p { color: #fff;}
    
    #block6 { height: 749px;}
    #block6 p { color: #fff;}
    
    #block6 .prodtext { 
        background: rgba(255, 255, 255, 0.31); 
        color: #fff; 
        width: 100%; 
        height: 50px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        padding: 5px 0 5px 0;
        }
        
        #block6 .prodtext a { color: #fff; line-height: 1;
    display: inline-block;
    text-decoration:none;
    cursor: pointer;}
    
        #block6 .prodtext a:after {
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    background-color: #01d8fb;
    transition: width .3s ease-in-out;  
}

#block6 .prodtext a:hover:after,
#block6 .prodtext a:focus:after {
    width: 100%;
}
#block6 .bt { margin: 10px 0;}


        
    #block6 .prod-conteiner { margin: 50px 0;}
    
#block7 .listul li { list-style: none; clear: both;}

#block7 .listul li .icon-ok-sign {    float: left;
    padding: 1px 6px;}
    
    #block8 { height: auto; color: #ffe5ac; padding: 60px 0 70px 0;}
    #block8 h3 a { color: #fff;}
    #block8 h3 a:hover { color: #76e27e;}
    
    #block9 { height: auto; padding: 60px 0 70px 0;}
    
    #block10 { height: 359px; padding: 60px 0 70px 0;}
    
    #block10 .owl-carousel .owl-stage-outer  { background: #fff; padding: 10px 0px 10px 0px;}
    
    #footer {height: auto; padding: 35px 0 0 0; color: #fff;}
    
     #footer i {padding-right: 5px;}
    
    .entry-title h3 {    height: 60px;     line-height: 17px;
    overflow: hidden;}
    .entry-title h3:hover { overflow: visible;}
    
    .title-mb {
        margin-bottom: 15px !important;
    }
    
    .ic-block1.ic-title, .ic-block2.ic-title, .ic-block3.ic-title, .ic-2v1.ic-title, .ic-dal-per.ic-title, .icon-calculator.ic-title, .ic-comp.ic-title, .ic-2v1el.ic-title, .ic-2prtep.ic-title {
        margin-top: 0px !important;
        margin-bottom: 40px;
    }
    
    .col-sm-4 .ic-block1.ic-title, .col-sm-4 .ic-block2.ic-title, .col-sm-4 .ic-block3.ic-title, .col-sm-4 .ic-2v1.ic-title, .col-sm-4 .ic-dal-per.ic-title, .col-sm-4 .icon-calculator.ic-title, .col-sm-4 .ic-comp.ic-title, .col-sm-4 .ic-2v1el.ic-title, .col-sm-4 .ic-2prtep.ic-title {
        margin-bottom: 60px !important;
    }
    
    .ic-2v1 {background: url(/local/templates/iotline/images/icon/2v1.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
    margin: 0px 15px 0 0;}
    
    .ic-dal-per {background: url(/local/templates/iotline/images/icon/dal_per.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
    margin: 0px 15px 0 0;}
    
    .ic-comp {background: url(/local/templates/iotline/images/icon/comp.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
    margin: 0px 15px 0 0;}
    
    .ic-2v1el {background: url(/local/templates/iotline/images/icon/2v1el.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
    margin: 0px 15px 0 0;}
    
    .ic-2prtep {background: url(/local/templates/iotline/images/icon/2prtep.png) no-repeat; 
    width: 39px ; 
    height: 39px;
    display: block;
    float: left;
    margin: 0px 15px 0 0;}
    
    .icon-calculator.ic-title {
    font-size: 39px !important;
    color: #367b92 !important;
    display: block !important;
    float: left !important;
    margin: 0px 15px 40px 0px !important;
    }

.bottommargin15 {
	margin-bottom: 15px !important;
}
    
    .clear{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;overflow:hidden;}
	
	.tab-content .col-md-6 {font-size: 14pt;}
	
	.zag_razdel {
	font-size: 18px;
    color: #304e61;
    text-align: center;
    background: #ffe5ac;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 3px 3px 3px #ee5d5a94;
		
	}
/* End */
/* /local/templates/iotline/components/bitrix/breadcrumb/il_breadcrumb/style.css?1514380397800 */
/* /local/templates/iotline/components/bitrix/form.result.new/iotlineform/style.css?15142848172322 */
/* /local/templates/iotline/template_styles.css?152234909612864 */