/***********модальное окно*******/
#subscribe_modal .form-group {
  position: relative;
  width: 502px;
  max-width: 100%;
  margin: 0 auto;
}

#subscribe_modal .form-group .btn {
  position: absolute;
  top: 4px;
  right: 4px;
}
#subscribe_modal {
  padding: 10px 0 50px;
}

#subscribe_modal .btn {
  padding-left: 34px;
  padding-right: 34px;
}

#subscribe_modal .promise {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
}
  #subscribe_modal .form-group .btn {
    position: relative;
    margin-top: 14px;
  }




.modal_div {
	width: 600px; 
	height: 400px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -300px;
	margin-left: -300px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 20px 10px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
.modal_div .modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Пoдлoжкa */
#overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}
/***********конец модальное окно*******/

.more{
		padding:10px;
		margin:10px 0 50px 0;
		/*border:1px solid #d4d4d4;*/
		border-radius:20px;
		width:100%;
		text-align:center;
		/*font-family: 'Palatino Linotype';*/
		background-color:#267df4;
		
		}
		.more a{
		text-decoration:none;
		color:#fff;
		}
.more1{
		padding:10px;
		border-radius:20px 0 0 20px;
		width:30%;
		text-align:center;
		background-color:#267df4;
		transition: all .5s ease-in-out;
		transition-duration:.5s;
		text-transform: uppercase;
		float:left;
		}
		.more1 a{
		text-decoration:none;
		color:#fff;
		}
		.more1:hover{
		background-color:#0764e2;
		}
		
		.more2{
		padding:10px;
		margin-left:3px;
		margin-right:3px;
		width:30%;
		text-align:center;
		background-color:#267df4;
		transition: all .5s ease-in-out;
		transition-duration:.5s;
		text-transform: uppercase;
		float:left;
		}
		.more2 a{
		text-decoration:none;
		color:#fff;
		}
		.more2:hover{
		background-color:#0764e2;
		}
		
		.more3{
		padding:10px;
		border-radius:0 20px 20px 0;
		width:30%;
		text-align:center;
		background-color:#267df4;
		transition: all .5s ease-in-out;
		transition-duration:.5s;
		text-transform: uppercase;
		float:left;
		}
		.more3 a{
		text-decoration:none;
		color:#fff;
		}
		.more3:hover{
		background-color:#0764e2;
		}
		
		.f-description li{
			font-size:18px;
			color:#333;
			margin-bottom:10px;
		}		
		
 #tech-slideshow {
        height: 200px;
        position: relative;
        overflow: hidden;
    }
    #tech-slideshow > div {
        height: 200px;
        width: 3026px;
        background: url(images/collage.jpg);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        
        -moz-transition:  opacity 0.5s ease-out; 
           -o-transition: opacity 0.5s ease-out; 
      -webkit-transition: opacity 0.5s ease-out; 
          -ms-transition: opacity 0.5s ease-out; 
    
        /* Медленно */
        -webkit-animation: moveSlideshow 60s linear infinite;
        -moz-animation:    moveSlideshow 60s linear infinite;
        
        -webkit-transform: translate3d(0,0,0); /* Performance */
    
    }
    #tech-slideshow #tech-slideshow-1 {
        /* Спрайт */
        background-position: 0 200px;
        
        /* Быстро */
        -webkit-animation: moveSlideshow 20s linear infinite;
        -moz-animation:    moveSlideshow 20s linear infinite;
    }
    #tech-slideshow:hover #tech-slideshow-2 {
        opacity: 0;
    }
    
    @-webkit-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-1684px); 
            -moz-transform:    translateX(-1684px); 
            -ms-transform:     translateX(-1684px); 
            -o-transform:      translateX(-1684px); 
            transform:         translateX(-1684px); 
        }
    }
    @-moz-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-1684px); 
            -moz-transform:    translateX(-1684px); 
            -ms-transform:     translateX(-1684px); 
            -o-transform:      translateX(-1684px); 
            transform:         translateX(-1684px); 
        }
    }