Имя файла:	styles.css
Тип:	Стили CSS
Размер:	840 Б
Последнее изменение:	28.03.2017 14:10:41
Последний доступ:	24.04.2019 10:13:03
 
Содержимое файла
@import url('https://fonts.googleapis.com/css?family=Space+Mono&display=swap');
.icons-mail {
  background-position: 0 -427px;
}

@media only screen
.address a .icons-trubka, .address a .icons-mail {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

/************
 шапка сайта 
*************/

.header-top .header-logo {
    float:left;
    margin-right: 290px;
}

.header-top .phone-style {
    float:left;
    margin-right: 60px;
}
.header-top .phone-style span {
    display:block;
    margin-top:20px;
}

.header-top .header-email {
    padding-top:42px;
    padding-left:90px;
    float:left;
}

.header-top .header-email a {
    color:#aae39e; 
    font-size:18px;
}

/*******************
 включаемые области 
********************/

.header-top {    
}

.header-middle {
}

.left-top {
}

.left-bottom {
    font-size: 90%;
    color: green;
}

.bottom-left a {
    color: white;
}

.bottom-middle img {
    border: 0px;    
}

/*******************
 дополнительные стили
********************/

.badge {
 float: right;
 margin-top: -73px !important; 
 margin-right: 19px;
}

@media screen and (max-width: 1024px){
.badge {float:none !important; margin-top:none; display:block; margin:1px;}

}


/*******************
имитация кода в редакторе
********************/

.highlight-div{
width:80%;
border:1px solid #202429; 
background-color: #303030; 
margin: 0 auto;
}

.highlight-p{
padding:10px 15px;
margin-bottom: 0;
color:#d8dee9;
font-family: 'Space Mono', monospace;
}

#blink2 {
  -webkit-animation: blink2 1s linear infinite;
  animation: blink2 1s linear infinite;
}
@-webkit-keyframes blink2 {
  100% { color: rgba(34, 34, 34, 0); }
}
@keyframes blink2 {
  100% { color: rgba(34, 34, 34, 0); }
}

/*******************
РАЗДЕЛИТЕЛЬ 
********************/
.hhr {width: 20%; border: none; height: 2px; background: #ffc24d;}


/*******************
 ЦИТАТА
********************/

blockquote {
margin: 0 !important;
color: #231E28 !important;
padding: 30px 30px 30px 60px !important;
border-left: 8px solid #e9d320 !important;
position: relative !important;
background: #fffbdd !important;
font-family: 'Lato', sans-serif !important;
font-weight: 300 !important;
 }

blockquote:before
{
content: "\201C" !important;
font-family: Arial !important;
color: #e9d320 !important;
font-size: 70px !important;
position: absolute !important;
left: 15px !important;
top: 5px !important;
}

blockquote p {
font-style: italic !important;
font-size: 24px;
margin-top: 0;  !important 
}


/*******************
 Кнопки на Решения->Fortinet
********************/

	.forti-square{background:url(/images/forti-bg.jpg);width:15.5%; margin-left: 0.7%; margin-top: 10px;  margin-bottom: 30px;background-color:#e23022;height: 60px;display: inline-block;}
	.forti-square p{color:white; text-align: center;padding-top: 5%;}
	.forti-square p>a{color:white!important;text-decoration: none;}
	.forti-square p>a:hover{color:white;text-decoration: underline!important;font-weight: bold!important;}
	.forti-square:hover{-webkit-box-shadow: 0px 0px 19px -5px rgba(129,24,40,1);
							-moz-box-shadow: 0px 0px 19px -5px rgba(129,24,40,1);
							box-shadow: 0px 0px 19px -5px rgba(129,24,40,1);
							 -webkit-transform: scale(1.2, 1.2);
  							transform: scale(1.2, 1.2);
							-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  							transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
	.forti-big-btn:hover{-webkit-box-shadow: 0px 0px 19px -5px rgba(51,102,204,1);
							-moz-box-shadow: 0px 0px 19px -5px rgba(51,102,204,1);
							box-shadow: 0px 0px 19px -5px rgba(51,102,204,1);
							 -webkit-transform: scale(1.1, 1.1);
  							transform: scale(1.1, 1.1);
							-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  							transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.buy-btn:hover{-webkit-box-shadow: 0px 0px 19px -5px rgba(255,151,10,1);
							-moz-box-shadow: 0px 0px 19px -5px rgba(255,151,10,1)
							box-shadow: 0px 0px 19px -5px rgba(255,151,10,1)
							 -webkit-transform: scale(1.05 1.05);
  							transform: scale(1.05, 1.05);
							-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  							transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}

/*******************
 Мобильная версия Решения->Fortinet
********************/

	@media screen and (max-width: 650px){
	.fort-mob{width: 100%!important; margin:0px!important;padding:40px!important;}
	.fort-mob-span {top:20%!important;left:6%!important;}
	.fort-mob-img {display:none!important;}
	.fort-mob-li {display:block!important;}
	.fort-mob-icons {width:100%!important;}
	.fort-mob-button {width: 100%!important;height: 78px;}
	.fort-mob-span>ul {line-height:1.2;}
	.call-back-form {max-width:100%!important; height:100%!important; margin:0px 0px!important;top:0;}
	.back-row .cell>span{display:none!important;}
	.call-back-form>img{display:block!important; margin:0 auto!important; padding-bottom:35px!important;}

}

@media (min-width: 650px) and (max-width: 799px){
.forti-square{width:32%!important;margin-bottom:10px!important;height: 70px!important;}
}

@media (max-width: 650px){
.forti-square{width:48%!important;height:60px!important;margin-bottom:10px!important;}
}

@media screen and (max-width:1024px){
.forti-price-mob {width:100%!important; margin-top:0px!important; margin-right:7px!important;}
}



</style>

#bx_130013961_73 > span {background-color:red;};