@font-face {
		font-family: "SourceSansProRegular";
		src: url("../fonts/SourceSansProRegular/SourceSansProRegular.eot");
		src: url("../fonts/SourceSansProRegular/SourceSansProRegular.eot?#iefix")format("embedded-opentype"),
		url("../fonts/SourceSansProRegular/SourceSansProRegular.woff") format("woff"),
		url("../fonts/SourceSansProRegular/SourceSansProRegular.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "SourceSansProLight";
		src: url("../fonts/SourceSansProLight/SourceSansProLight.eot");
		src: url("../fonts/SourceSansProLight/SourceSansProLight.eot?#iefix")format("embedded-opentype"),
		url("../fonts/SourceSansProLight/SourceSansProLight.woff") format("woff"),
		url("../fonts/SourceSansProLight/SourceSansProLight.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "SourceSansProBold";
		src: url("../fonts/SourceSansProBold/SourceSansProBold.eot");
		src: url("../fonts/SourceSansProBold/SourceSansProBold.eot?#iefix")format("embedded-opentype"),
		url("../fonts/SourceSansProBold/SourceSansProBold.woff") format("woff"),
		url("../fonts/SourceSansProBold/SourceSansProBold.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}
@font-face {
			font-family: "MyriadProRegular";
			src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
			src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
			url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
@font-face {
			font-family: "MyriadProBold";
			src: url("../fonts/MyriadProBold/MyriadProBold.eot");
			src: url("../fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
			url("../fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}


body, html{
	margin: 0;
	padding: 0;
	font-size: 18px;
    font-family: "Source Sans Pro", sans-serif;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.upper {text-transform: uppercase; }
.upper2 {
  font-size: 24px !important;
  margin-bottom: 40px;
}
.bg_white{background-color: #fff;}
a{text-decoration: none;}
button{
    background-color: #ff574e;
    border: none;
    color:#fff;
    font-size: 30px;
    font-family: MyriadProRegular;
    box-shadow: 0 3px 49px rgba(0, 0, 0, 0.45), 0 0 35px 3px rgba(255, 87, 78, 0.21);
    -webkit-transition: .7s;
       -moz-transition: .7s;
         -o-transition: .7s;
            transition: .7s;
}
button:hover{color: #ff574e; background-color: #fff; -webkit-transition: .7s;
       -moz-transition: .3s;
         -o-transition: .3s;
            transition: .3s;}

header{
    min-width: 100%;
    height: auto;
    display: block;
    background-image: url(../img/top_bg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.bg_header{
    background-color: rgba(14, 7 , 34, .5);
    min-width: 100%;
    height: inherit;
    display: block;
    position: relative;
}

.bg_header::after{
    content: url('../img/rhomb.png');
    position: absolute;
    left: calc(50% - 63px);
    top: calc(100% - 63px);
    display: block;
    min-width: 126px;
}
.top_head img{max-width: 100%;display: block;}

.inovation, .order{margin-top: 19px;}
.inovation{
    color:#fff; 
    border-left: 1px solid #fff; 
    padding-left: 12px;
    font-weight: 300;
    line-height: 1.2;
    font-size: 19px;
}
.order{display: block;}
.order a{
    display: block;   
    float:right;
    font-family: MyriadProRegular;
    font-size: 30px;
    color: #fff;
    -webkit-transition: .7s;
       -moz-transition: .7s;
         -o-transition: .7s;
            transition: .7s;
}
.order a:hover{color: #d80027; transition: .3s;-webkit-transition: .7s;-moz-transition: .7s; -o-transition: .7s;}
.order a:last-child{text-decoration: underline;}
.top_head{padding-bottom: 24px; border-bottom: 2px solid #aaa;}
.slogan{
color: #ffffff;
font-family: MyriadProBold;
font-size: 72px;
/* Text style for "ХВАТИТЬ ЖД" */
font-weight: 700;
margin-top: 100px;
}
.discount{
    padding: 10px 7px 6px 9px;
    color: #5b6177;
    font-family: MyriadProRegular;
    font-size: 30px;
    margin-right: 50px;
    float: right;
}
.but_head{
    display: block;
    width: 100%;
    padding: 34px 0 30px ;
    font-size: 30px;
    font-family: MyriadProBold;    
    border-radius: 8px;
    margin: 67px auto 100px;
    margin-button: 100px;
 
}

.impotant{margin-top: 96px;margin-bottom: 93px;}
.impotant p, .impotant h1{
    text-align: center;
    font-size: 30px;
}
.impotant strong{font-weight: 700;}
.wrap_system{
    padding: 0 20px;
    margin-top: 23px;
}
.wrap_system p, .impotant h1{color: #205aa7;}
.wrap_system p{
    text-align: left;
    font-size: 30px;
}
.wrap_system img{max-width: 100%; display: block; margin: 0 auto;}
.impotant h1{font-size: 36px;font-weight: 300;margin-top: 21px;}

.different img{display: block; min-width: 50px; margin: 0 auto; margin-top: 21px;}
.different p{color: #242424; font-size: 18px; margin-top: 13px;}

.bg_window{
    margin-top: 78px;
    /* background-image: url(../img/bg_window2.jpg); */
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
    
}
.bg_window .red{font-size: 30px; color: #d80027; font-weight: 700; text-align: center;}
.bg_window p{text-align: left; font-size: 16px; margin-bottom: 130px; text-align: center}
.bg_window .right_text, .bg_window .right_text p{text-align: right;}


.bg_block_2{
    min-width: 100%;
    height: auto;
    background-image: url(../img/bg_block_2.jpg);
    background-position: center;
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: fixed;
}
.block_2{
    background-color: rgba(14, 7 , 34, .5);
    min-width: 100%;
    height: inherit;
    display: block;
}
.block_2 img{
    display: block;
   
}
.block_2 h1{
    font-size: 56px;
    font-weight: bold;
    color:#fff;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.49);
    margin-top: 58px;
    text-align: right;
}
.block_2 p{
    color:#fff;
    text-align: justify;
    font-size: 16px;
}
.block_2 .okna_majak{ margin-top: 85px; font-size: 22px;text-align: left; }
.block_2 button{
    display: block;
    width: 100%;
    padding: 34px 0 30px ;
    font-size: 30px;
    font-family: MyriadProRegular;    
    border-radius: 8px;
    margin-top: 62px;
    margin-bottom: 72px;
}
.block_2 .majak{
    color: #ff574e;
}
.block_2 .bg_white {color: #205aa7; font-weight: 700;}

.wraper_kind{box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);border: 1px solid #efefef;}
.price_list h1{text-align: center; font-size: 30px; font-weight: normal; margin: 51px 0 41px;}
.price_list h3 {text-align: center;}
.wraper_kind img{max-width: 100%;display: block;height: auto;}
.first_kind, .last_kind{margin-top: 35px;margin-bottom: 30px;}
.wraper_kind h1{color: #205aa7; font-weight: bold; margin: 20px 0 0;height: auto;}
.price{display: block; width: 100%; margin-top: 30px; margin-bottom: 23px; padding: 0 7px;}
.price p{display: inline-block;width: 60%; font-weight: 700;}
.price a{ display: inline-block; width: 40%;text-align: center; border: 3px solid #0065b3; padding: 22px 5px 17px; color: #000; transition: .7s; -webkit-transition: .7s;-moz-transition: .7s;-o-transition: .7s;}
.price a:hover{color:#fff; background-color: #0065b3; transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-o-transition: .7s;}
.price span{color: #0065b3;font-weight: 400;}
.price strong{font-size: 72px;}
.wraper_kind ul{list-style: none;padding: 0 13px 7px 17px;}
.wraper_kind li{font-weight: bold;display: block;}
.wraper_kind li p, .wraper_kind li span{ display: inline-block; line-height: 1.2}
.wraper_kind li span{float: right;}

.block_3{width: 100%;height: auto;position: relative; margin-top: 202px;z-index: 2; color:#fff; font-family: MyriadProRegular;}
.block_3::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    min-height:  483px;
    background-color: #00559e;
    z-index: -1;
}
.block_3::after{
    content: "";
    background-image: url("../img/block_3_right.jpg");
    background-size: cover;
    background-position: left;
    background-repeat: repeat-x;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    min-height: 483px;
    z-index: -1;
}
.block_3 h1{font-size: 56px; font-weight: 400;text-align: left;line-height: 52px;}
.block_3 ul{list-style: none; font-size: 24px; line-height: 36px;}
.block_3 a{     font-size: 14px; display: block; width: 80%; margin-top: 51px; margin-bottom: 30px;  padding: 29px 0 23px;outline: 7px solid #ffffff; text-align: center; color:#fff; transition: .7s;-webkit-transition: .7s;-moz-transition: .7s; -o-transition: .7s;}
.block_3 a:hover{background-color: #fff; color:#00559e; transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-o-transition: .7s;}

.guarantee {font-size: 16px;}
.feedback{margin-top: 90px; text-align: center; font-family: MyriadProRegular; font-weight: 400; line-height: 48px;}
.feedback h1{color: #00559e;font-size: 48px;}
.feedback p{font-size: 30px;margin: 29px 0 16px;}
.feedback img{display: block; width: 100%; height: auto;margin-top: 15px;}
.feedback iframe {width:100%;}

.block_4 {width: 100%; height: auto; background-color: #d8d8d8;margin-top: 49px;padding: 50px 0 37px; text-align: center;}
.block_4 h1{font-size: 36px; font-weight: 300;}
.block_4 button{display: block; width: 100%; padding: 32px 0 27px; font-size: 30px; font-family: MyriadProRegular; border-radius: 8px;}
.block_4 p{font-size: 14px; margin-top: 23px;}

footer{width: 100%; height: auto; background-color: #0065b3; padding: 18px 0 69px; text-transform: uppercase; color: #fefefe; font-size: 16px; line-height: 1.6;}
.advert {text-align: right;}
.advert p:last-child{margin-top: 29px; color: #94b7d1;}


/*------------------------- Media ---------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1199px){
    .price p{width: 100%; text-align: center;}
    .price a{width: 100%;}
  

}
@media screen and (min-width: 792px) and (max-width: 991px){
    main p.system, .impotant h1{font-size: 26px;}
    .block_3{position: static; height: auto; background-color: #00559e;}
       
}
@media screen and (max-width: 992px){
.box {
  width: 100% !important; 
  }
 
}


@media screen and (max-width: 793px){
    .wraper_kind img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;  
}

.marquiz__container {
  margin: 10px 0 !important;
}
.block_2 h1{
  font-size: 26px !important;
  text-align: center

}

    .price {text-align: center;}
    .upper {width: 100% !important;}
        .discount {text-align: center; float: none; margin: 0;}
    .wrap_system{margin-top: 50px;}
    .impotant .system{ font-size: 22px; text-align: center;}
    .bg_window, .bg_window .right_text{ background-image: none; text-align: center;}
    .bg_window p, .bg_window .right_text p{text-align: center; margin-bottom: 50px;}
    .wraper_kind {margin-top: 30px;}
    footer .adr, footer .tel, footer .advert, footer .work_time{text-align: center; margin-top: 25px;}
    .block_3{position: static; height: auto; background-color: #00559e;}
    .top_head img, .block_2 img{display: block;  margin: 0 auto;}
    .top_head p{text-align: center; border: none;}
    .top_head a{ float: none; text-align: center;}
    .slogan{margin-top: 100px;}
    .slogan p{text-align: center; font-size: 50px;}
    .block_3 h1, feedback h1 { text-align: center; font-size: 30px}
    .block_3 li {font-size: 18px}
    .block_3 a{width: 100%;}
}





input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
    content: "^";
    position:absolute;
    right: 0;
    font-family:monospace;
    line-height:
}

input[type=number]::-webkit-inner-spin-button:before {
    top:0px;
}

input[type=number]::-webkit-inner-spin-button:after {
    bottom:0px;
    -webkit-transform: rotate(180deg);
}

code {
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    background-color: #eeeeee;
    padding: 1px 5px 1px 5px;
}
.pln {
  color: #48484C; }

.str {
  color: #DD1144; }

.kwd {
  color: #1E347B; }

.com {
  color: #93A1A1; }

.typ {
  color: teal; }

.lit {
  color: #195F91; }

.pun {
  color: #93A1A1; }

.opn {
  color: #93A1A1; }

.clo {
  color: #93A1A1; }

.tag {
  color: #008; }

.atn {
  color: teal; }

.atv {
  color: #DD1144; }

.dec {
  color: teal; }

.var {
  color: teal; }

.fun {
  color: #DC322F; }

/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
  background-color: #F7F7F9;
  padding: 10px;
  margin-bottom:10px;
  border: 1px solid #E1E1E8; }

pre.prettyprint.linenums {
  box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset; }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  color: #1E347B;
  margin: 0 0 0 40px; }

ol.linenums li {
  color: #BEBEC5;
  line-height: 18px;
  padding-left: 12px;
  text-shadow: 0 1px 0 #FFFFFF; }
.clear{
  clear:both;
}

a{
  color:#0a68ac;
}
a:hover{
  color:#244584;
}

body{
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#323d53;
  line-height:1.2;
}

.wrapper{
  width:1010px;
  margin:0 auto;
  padding:0 7px;
}

.button{
   display:block;
   border:0 none;
   border-top: 1px solid #148ec7;
   background: #3b97d4;
   background: -webkit-gradient(linear, left top, left bottom, from(#4caae0), to(#3b97d4));
   background: -webkit-linear-gradient(top, #4caae0, #3b97d4);
   background: -moz-linear-gradient(top, #4caae0, #3b97d4);
   background: -ms-linear-gradient(top, #4caae0, #3b97d4);
   background: -o-linear-gradient(top, #4caae0, #3b97d4);
   padding: 7px 20px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   font-size: 13px;
   line-height:14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
}
.button:hover {
   border-top-color: #148ec7;
   background: #148ec7;
   color: #fff;
}


#header{
  height:60px;
  background:#293c4d;
  min-width:1024px;
  overflow: hidden;
}
#header .wrapper{
  height:60px;
  position:relative;
}
#header .logo{
  font-family:Georgia, "Times New Roman", Times, serif;
  text-transform:uppercase;
  color:#fff;
  font-size:12pt;
  text-shadow:1px 2px 2px rgba(0, 0, 0, 0.7);
  text-decoration:none;
  display:block;
  margin-top:20px;
  text-align:right;
}

#article h1, #article h2{
  font-family:Georgia, "Times New Roman", Times, serif;
  text-transform:uppercase;
  color:#323d53;
  font-size:12pt;
  margin:10px 0;
}
#article h1:first-letter, #article h2:first-letter{
  font-size:20pt;
}
#article h1.nocapital{
  text-transform:none;
  font-size:20pt;
}
#article h1.nocapital:first-letter{
  font-size:20pt;
}
#article h3{
  font-family:Georgia, "Times New Roman", Times, serif;
  text-transform:uppercase;
  color:#323d53;
  font-size:10pt;
  margin:10px 0;
}
#article h3:first-letter{
  font-size:16pt;
}

#article, .article{
  line-height:1.6;
  font-size:10pt;
  display:block;
  padding:10px 0;
}
#article p, .article p{
  text-align:justify;
  padding:5px 0;
}

#article img.right{
  float:right;
  margin-left:30px;
}



#front_footer{
  padding:15px 0;
  min-width: 1024px;
}


#footer_menu{
  height:60px;
}
#footer_menu .menu{
  float:right;
}
#footer_menu .menu li{
  display:inline-block;
  padding:15px 25px;
  
}
#footer_menu .menu li a{
  font-family:Georgia, "Times New Roman", Times, serif;
  display:inline-block;
  text-decoration:none;
  text-transform:uppercase;
  color:#323d53;
  font-size:8pt;
  line-height:14px;
  margin:8px 0;
}
#footer_menu .menu li a:first-letter{
  font-size:10pt;
  font-weight:bold;
}
#footer_menu .copy{
  font-size:11px;
  width:350px;
  display:inline-block;
  padding-top:25px;
}
.bblue_btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 20px;
  text-decoration: none;
  display:inline-block;
  margin-right:20px;
  cursor:pointer;
}
.bblue_btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color: #ffffff;
}
.market_page {
  min-height: 200px;
}
.market_page .img{
  float:left;
  margin:20px 40px 10px 0;
  display:block;
  height:150px;
  width:150px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  border: 1px #FFFFFF solid;
}
.adl {
    margin-top: 29px;
    color: #94b7d1 !important;
}

.flexbox-wrapper {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal_div {
	width: 70%; 

	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: -150px;
	margin-left: -35%; /* тут вся м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янии её нет) */
}
.mw h2 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 44px;
    margin: 20px;
}
.mw p {width: 100%; text-align: right;     border-bottom: dotted thin #aaa; line-height: 2;}
.mw b {width: 50%; float: left; text-align: left;}
.mw img {width:100%;}

.center {
  text-align: center !important;
  line-height: 1.6;
}

.model {
  padding: 5px 10px;
  margin: 15px;
  background: #ff574e;
  font-size: 22px;
  text-align: center;
  color: #fff
}

.fasads {
  text-align: center;
  font-size: 28px;
  padding: 15px 0;
}

.box {
width: 33%;
  padding: 0 15px;
  margin-bottom: 20px;
}

.wrap {
  box-shadow: 0 0 35px rgba(38, 34, 31, 0.15);
  width: 100%;
  height: 440px;
}
.img_wrap {
  position: relative;
  width: 100%;
  height: 185px;
}
.img_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img_wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-color: #26221f;
  -webkit-transition: all .3s;
  transition: all .3s;
}
*, *:before, *:after {
  box-sizing: border-box;
}
.img_wrap h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #fff;
  display: inline;
  font-family: "Geometria-Bold", sans-serif;
  z-index: 2;
  text-shadow: 1px 1.7px 30px #26221f;
}
.info {
  padding: 60px 30px 30px 30px;
  position: relative;
  width: 100%;
  height: -webkit-calc(100% - 185px);
  height: calc(100% - 185px);
}
.info .spanNum {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 87px;
  height: 87px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  box-shadow: 0 5px 15px rgba(38, 34, 31, 0.07);
  border-radius: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "SFUIDisplay-Bold", sans-serif;
  font-size: 25px;
  color: #999999;
  left: 50%;
  top: -44px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.info p {
  font-size: 16px;
  line-height: 24px;
  color: #454545;
  text-align: center;
}
.pdf_button {
  margin: 0;
  position: absolute;
  height: 55px;
  line-height: 51px;
  left: 50%;
  bottom: -29px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 55px;
}

.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pdf_button {
  display: table;
  background-color: transparent;
  border-radius: 5px;
  height: 60px;
  width: auto;
  padding: 0 50px;
  margin:  auto 0;
  border: 2px solid #fb8c00;
  color: #fff;
  font-size: 18px;
  line-height: 54px;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
  z-index: 2;
  background-color: #fb8c00;
}
.box:hover .img_wrap:after {
  opacity: 0.8;
  background-color: #26221f;
}
.main-theme {

text-align: center;
font-size: 26px;
margin: 60px auto 0;
line-height: 1.5
}
.styles {
  margin: 42px auto 80px;
  font-size: 24px;
  text-align: center;
  color: #fff
}

.work {
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
}

.work img {
  margin: 15px auto;
}

.marquiz__container {
  margin: 15px 0;
}