/* Start:/local/templates/iotline/components/kiora/yandex.form.payment/modal-order/style.css?15601813744192*/
/* 
    Created on : 16.09.2016, 17:51:30
    Author     : Kiora.ru
*/


/*****************/
/* BUTTON STYLES */
/*****************/

.button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.8rem;
	padding: 0.4rem 0.8rem;
	cursor: pointer;
	transition: all 60ms ease-in-out;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	appearance: none;
	line-height: 1.3;
	font-weight: 500;
	text-transform: capitalize;
	;
	color: #4a4a4a;
	background-color: #f2f2f2;
	border: 0 none;
	border-radius: 3px;
}

.button:hover {
	transition: all 60ms ease;
	opacity: .85;
}

.button:active {
	text-decoration: none;
	transition: all 60ms ease;
	transform: scale(0.97);
	opacity: .75;
}

.button:visited {
	text-decoration: none;
}

.button.good {
    color: #FFFFF3;
    background: #47b8e0;
    min-height: 30px;
    width: 150px;
}

.modal-content .button.good,
#modal-button.button.good{
    margin: auto;
}

.button.button-bordered {
  color: #FFFFF3;
  border: 2px solid #FFFFF3;
  background: transparent;
}
.button.button-bordered:hover, .button.button-bordered:active {
  color: #ff7473;
  border-color: #FFFFF3;
  background: #FFFFF3;
	
}

/*************/
/*   MODAL   */
/*************/
/* The Modal (background) */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: rgba(165,147,224,0.50);
    /* Black w/ opacity */
    transition: all 0.5s ease 0.06s;
}


/* Modal Content/Box */

.modal-content {
	position: relative;
    background-color: #fff;
    margin: 5% auto;
    /* 15% from the top and centered */
    padding: 1.2rem;
    max-width: 30%;
    min-width: 300px;
    /* Could be more or less, depending on screen size */
    visibility: hidden;
    box-shadow: 2px 2px 10px 0px rgba(99, 106, 119, 0.6);
    border-radius: 5px;
}

/* The Close Button */
.modal-content .closeModal {
    position: absolute;
	right: 10px;
    top: 10px;
	cursor: pointer;
}

.form-row.amount {
    font-weight: bold;
}

.close {
    color: #989898;
    font-size: 2.5rem;
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}

.close:hover,
.close:focus {
    color: hsl(0, 100%, 70%);
    text-decoration: none;
    cursor: pointer;
}

.close:active,
.close:before:active {
    transition: all 60ms ease;
    transform: scale(0.97);
}


/***********************/
/*  modal form layout  */
/***********************/

.ki-yaka input {
    height: 26px;
    padding:3px !important;
}

.modal-content {
    display: flex;
    flex-direction: column;
}

.modal-header {
    align-items: center;
    padding: 5px;
    font-size: 2em;
    font-weight: bold;
}

.modal-header h3 {
    margin-top: 5px;
}
.modal-footer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    border-top-width: 0px;
}

.modal-footer > input {
    margin-top: 0.8rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem;
}

.modal-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.form-row {
    display: flex;
    width: 99%;
    align-items: center;
    padding: 0.4rem 0.4rem;
}

.form-row:nth-child(odd) {
	background: #f2f2f2;
}

.form-row label {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 50%;
        text-align: left;
}

.form-row input,
.form-row select {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	border: 1px solid hsl(0, 0%, 90%);
	padding: 0.2rem 0.2rem;
	max-width: 50%;
}

.form-row input.error {
    background-color: #fff2f2;
    box-shadow: 0px 0px 7px 0px rgba(255, 125, 125, 0.84) inset;
}

.slideDown {
	animation-name: slideDown;
	animation-duration: 0.6s;
	animation-timing-function: ease;
	visibility: visible !important;
}
@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(4%);
	}
	65%{
		transform: translateY(-2%);
	}
	80%{
		transform: translateY(2%);
	}
	95%{
		transform: translateY(-1%);
	}
	100% {
		transform: translateY(0%);
	}
}

/* End */


/* Start:/local/templates/iotline/components/bitrix/news.list/rechenie/style.css?1513778954150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/iotline/components/bitrix/news.list/partners/style.css?1516354073150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* 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/kiora/yandex.form.payment/modal-order/style.css?15601813744192 */
/* /local/templates/iotline/components/bitrix/news.list/rechenie/style.css?1513778954150 */
/* /local/templates/iotline/components/bitrix/news.list/partners/style.css?1516354073150 */
/* /local/templates/iotline/components/bitrix/form.result.new/iotlineform/style.css?15142848172322 */
/* /local/templates/iotline/template_styles.css?152234909612864 */