#page-ib-preview .content-box {
    padding: 0;
}
#page-ib-preview .breadcrumb {margin: 15px 10% 0;}
.ib-preview-page {
    width:100%;
    padding-top:20px;
}
.ib-preview-page .top-element {
    display:table;
    text-align: center;
    width: 100%;
}
.ib-preview-page h1 {
    display: inline-block;
    font-size: 3em;
    font-weight: bold;
    margin:25px 0 20px;
}
.ib-preview-page h1:after {
    display: inline-block;
    content:"";
    width:100%;
    margin:5px auto;
    border-bottom: 2px solid #f6951e;
}
.ib-preview-page .top-element > p {text-align:center;font-size:1.6em;margin-top:15px;}
.ib-preview-page .two-blocks {
    width:1540px;
    max-width:100%;
    margin:55px auto 15px;
}
.ib-preview-page .two-blocks > div {
    display: inline-block;
	float: left;
    width: calc(50% - 63px);
    margin:30px;
    padding:0 75px 40px;
    background:#ffffff;
    text-align:center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}
.ib-preview-page .two-blocks > div > img {
    margin-top: -45px;
}
.ib-preview-page .two-blocks > div > p {
    line-height: 28px;
    margin: 10px 0 30px;
	min-height: 112px;
}
.ib-preview-page .two-blocks > div > a {
    color:#f6951e;
    border:2px solid #f6951e;
    font-size:18px;
    min-width:285px;
    text-align:center;
    line-height: 36px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ib-preview-page .two-blocks > div > a:hover {
    background:#f6951e;
    color:#ffffff;
}
.special-block {
    width:100%;
    max-width:100%;
    margin:25px auto;
    display: table;
    height: max-content;
}
.special-block > div {
    width:50%;
    min-height:411px;
    height: auto;
    float:left;
    display: grid;
    color:#ffffff;
    background-size: cover !important;
    overflow: hidden;
}
.special-block[data-type="third"] > div {min-height:420px;}
.special-block [data-content="bottom"] {
    background: rgba(234, 155, 54, 0.8);
    margin: 15% 15% 0 0;
    padding: 5% 0 3% 22%;
}
.special-block div:last-of-type [data-content="bottom"], .special-block div:nth-of-type(2) [data-content="top"] {
    padding: 7% 15% 3% 3%;
}
.special-block h4 {
    font-size:34px;
    text-align:left;
}
.special-block div h4:after {
    content:"";
    display:block;
    width:75px;
    border-bottom:2px solid #ffffff;
    margin: 20px 0;
}
.special-block div:nth-of-type(2) [data-content="top"] h4:after {
    border-color:#f6951e;
}
.special-block div p {
    font-size:18px;
}
.special-block div:nth-of-type(3) [data-content="center"], .special-block[data-type="third"] [data-content="center"] {
    padding: 5% 8% 3% 22%;
}
.special-block div:nth-of-type(3) [data-content="center"] a, .special-block[data-type="second"] div:nth-of-type(1) [data-content="center"] a, .special-block[data-type="third"] [data-content="center"] a {
    background: #f6951e;
    color: #ffffff;
    font-weight:bold;
    min-width:260px;
    text-align:center;
    padding: 10px 0px;
    margin:22px 0;
    font-size: 18px;
}
.special-block div:nth-of-type(3) [data-content="center"] h4:after {
    display:none;
}
.special-block div:nth-of-type(3) [data-content="center"] a:hover, .special-block[data-type="third"] [data-content="center"] a:hover {
    background: #DC7F1E;
}
.special-block div:nth-of-type(3) ul, .special-block[data-type="second"] div:nth-of-type(1) ul, .special-block[data-type="third"] [data-content="center"] ul {
    margin-top:20px;
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
}
.special-block div:nth-of-type(3) ul li, .special-block[data-type="second"] div:nth-of-type(1) ul li, .special-block[data-type="third"] [data-content="center"] ul li {
    font-size:18px;
    padding:10px 0 10px 35px;
    background: url('/images/ib/preview/check.png') no-repeat left 8px;
}

/* second type ib page */

.special-block[data-type="second"] > div {min-height:420px;}
.special-block[data-type="second"] > div:nth-of-type(1) [data-content="center"] {
    padding: 9% 8% 3% 15%;
}
.special-block[data-type="second"] h4 {font-weight: bolder;}
.special-block[data-type="second"] > div:nth-of-type(1) ul li {
    background: url('/images/ib/preview/check2.png') no-repeat left 8px;
    padding: 9px 0 20px 35px;
}
.special-block[data-type="second"] > div:nth-of-type(1) h4 {font-weight:bold;}
.special-block[data-type="second"] > div:nth-of-type(1) h4 span {color:#f6951e;}
.special-block[data-type="second"] > div:nth-of-type(1)  h4:after {display:none;}

.special-block[data-type="second"] > div:nth-of-type(2) [data-content="bottom"] {
    padding: 7% 15% 3% 3%;
    margin: 15% 30% 0 0;
    color:#343434;
}
.special-block[data-type="second"] > div:nth-of-type(2) [data-content="bottom"] h4:after {
    border-color:#343434;
}
.special-block[data-type="second"] > div:nth-of-type(3) [data-content="top"] {
    padding: 7% 5% 3% 15%;
    margin: 0 25% 15% 0;
    background: rgba(76, 150, 43, 0.8);
}
.special-block[data-type="second"] > div:nth-of-type(3) [data-content="top"] h4 {
    font-weight:bolder;
}
.special-block[data-type="second"] > div:nth-of-type(3) [data-content="top"] h4:after, .special-block[data-type="second"] > div:nth-of-type(4) [data-content="top"] h4:after {
    border-color:#f6951e;
}
.special-block[data-type="second"] > div:nth-of-type(4) [data-content="top"] {
    padding: 18% 15% 3% 3%;
}
.special-block[data-type="second"] > div:nth-of-type(5) [data-content="top"] {
    padding: 20% 5% 3% 15%;
}
.special-block[data-type="second"] > div:nth-of-type(6) [data-content="bottom"] {
    margin: 15% 30% 0 0;
    color: #343434;
    background: rgba(209, 95, 247, 0.8);
}
.special-block[data-type="second"] > div:nth-of-type(6) [data-content="bottom"] h4:after {
    border-color:#343434;
}
.special-block[data-type="third"] > div:nth-of-type(2) [data-content="bottom"] {padding: 5% 0 3% 5%;}
.special-block[data-type="third"] > div:nth-of-type(4) [data-content="top"] {padding: 10% 0 3% 5%;}