/*IMPORT*/
@import 'font-awesome.min.css';

/*FONTS*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800&subset=latin-ext');

/*SITE CSS*/
body, html {height: 100%; min-height: 100%; margin: 0;}
html {height: 100%; min-height: 100%; background-color: #fff; position: relative; overflow-y: scroll;}
body {font-family: "Roboto", Arial, sans-serif; font-size: 16px; 
      line-height: 1.5; height: 100%; color: #000; background-color: transparent;
      background-position: center center;background-repeat:  no-repeat;
      background-attachment: fixed; background-size:  cover;
        background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;}
body.bodyclass {overflow-y:scroll;}
#wrapper {background-color: transparent;}
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

.section {padding: 0;}
.jumbotron {padding-top: 0; padding-bottom: 0; margin-bottom: 0; background-color: #fff;}

.no-padding {padding: 0 !important;}
.no-border {border: none !important;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;}
a {color: #00a934; -webkit-transition: all .3s; transition: all .3s; text-decoration: none;}
a img {-webkit-transition: all .3s; transition: all .3s;}
a:hover, a:focus {color: #faa61a; text-decoration: none; outline: none;}
p a:hover, p a:focus, ul li a:hover, ul li a:focus {color: #fff; background: #00a950; text-decoration: none;}
.italic {font-style: italic;}

/* Typography */
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: "Raleway", Arial, sans-serif; font-weight: 400;}
p {margin: 0; font-size: 16px; line-height: 1.5;}
blockquote {font-style: italic; color:#999; margin: 30px 0 30px;}
label {color: #444; font-weight: normal;}
.thin {font-weight:300;}
ul li {line-height: 1.5;}

/* Table */
table {width: 100%; line-height: 1.5; min-height: .01%; overflow-x: auto; 
       overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word;
       -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }
table tr th {padding: 5px 10px 5px 0; vertical-align: top; white-space: nowrap;}
table tr td {padding: 5px 10px 5px 0; vertical-align: top;}
th:nth-child(1), td:nth-child(1) {white-space: nowrap;}

/* Helpers */
.marTop0 {margin-top: 0! important;}
.marTop2 {margin-top: 2px;}
.marTop5 {margin-top: 5px;}
.marTop10 {margin-top: 10px;}
.marTop20 {margin-top: 20px;}
.marTop30 {margin-top: 30px;}
.marTop40 {margin-top: 40px;}
.marTop60 {margin-top: 60px;}
.marBot10 {margin-bottom: 10px;}
.marBot20 {margin-bottom: 20px;}
.marBot30 {margin-bottom: 30px;}
.marBot40 {margin-bottom: 40px;}
.marBot60 {margin-bottom: 60px;}
.marBot80 {margin-bottom: 80px;}
.padMain {padding-top: 35px! important;}
.padSub {padding-top: 29px;}

img.pull-right {margin-left: 10px;}
img.pull-left {margin-right: 10px;}
.img-block img {display: block; height: auto; max-width: 100%;}
img {max-width: 100%; image-rendering: optimizequality;}
.center {text-align: center;}
hr {margin-top: 0px; margin-bottom: 0px; border-color: #ccc;}

.lined {border-bottom: 1px solid #7fb3d9;}
.lined-up {border-top: 1px solid #7fb3d9;}
.border-top {border-top: 1px solid #7a7a7a;}
.orangebg {background-color: #dd4b10 !important;}

.fl-left {float: left;}
.fl-right {float: right;}
.relative {position: relative;}
.fullscreen {background-repeat: no-repeat; background-size: cover; background-position: top center; background-attachment: fixed;}

/*MENU*/
.side-menu {width: 250px;}
.side-menu.left {left: -250px;}
.side-menu-wrapper {padding: 30px 0;}
.nav-parent {display: table; table-layout: fixed; width: 100%;
    position: relative; height: 100%; border-collapse: collapse;}
/*.nav-holder {display: table-row;}*/
.navbar-inverse {background-color: rgba(0, 0, 0, 0.7);}
.nav-stacked>li+li {margin-top: -1px;}
.side-menu .navbar-nav {padding-right: 0; border-top: 1px solid #666;}
.side-menu .navbar-nav ul {padding: 0;}
.side-menu .navbar-nav li a {color: #fff; padding: 0 25px 0 35px;
                 font: 400 17px/34px 'Raleway', Arial, sans-serif; border-bottom: 1px solid #666;}
.navbar-inverse .navbar-nav li.active a, .navbar-inverse .navbar-nav li li.active a {color: #02c93f; position: relative;}

.side-menu .navbar-nav li li a {padding: 0 20px 0 55px; color: #fff; background-color: transparent; 
                            font: 400 14px/34px 'Raleway', Arial, sans-serif;}
.side-menu .navbar-nav .open > a {background-color: transparent;}
.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {color: #aaa;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {border-color: #aaa;}

.side-menu .navbar-nav .angle {margin-top: 0; line-height: 34px;}
.btn-toggle {padding: 10px;}
.side-menu.header-side-menu .logo {margin-bottom: 50px;}
.navbar-toggle .icon-bar, .btn-toggle .icon-bar, .navbar-toggle .icon-bar:before, 
.btn-toggle .icon-bar:before, .navbar-toggle .icon-bar:after, .btn-toggle .icon-bar:after {width: 28px;}
.navbar-inverse .navbar-toggle, .navbar-inverse .btn-toggle, .navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle.opened, .navbar-inverse .btn-toggle:hover, 
.navbar-inverse .btn-toggle:focus, .navbar-inverse .btn-toggle.opened {background-color: rgba(0, 0, 0, 0.65);}
span.logo-mobile img {width: 30px; display: block; padding-bottom: 7px;}
ul.social {padding: 10px 35px;}
ul.social .fa {font-size: 20px;}

.sq {margin-top: 30px;}
.greybg {background-color: #555 !important;}
#main-navbar-container.collapse {display: block;} /* !!! */

/*LANGUAGES*/
.lang {position: absolute; top: 0px; right: 30px; z-index: 900;
             background: rgba(0,0,0,0.6);}
.lang a {width: 40px; height: 40px; line-height: 40px; display: block; color: #fff;
    font-size: 16px; text-transform: uppercase; text-align: center;}
.lang a:hover {color: #00a934;}

.lang-mobile {background: #eee; padding: 0 30px;}
.lang-mobile span {padding-right: 10px;}
.lang-mobile span a {font: 300 18px/34px 'Roboto', Arial, sans-serif; text-transform: uppercase;}
.lang-mobile span a:hover {color: #888;}
.lang-mobile span a.active {color: #e61702;}

/*CONTENT*/
.index-block {margin-bottom: 40px;}
.title-holder {background: rgba(0, 0, 0, 0.2); padding-bottom: 10px;}
.title-wrapper {background: rgba(0, 0, 0, 0.5); padding: 9px 15px; width: 100%;}
.title-wrapper h1, .title-wrapper h2 {color: #fff; line-height: 1.4; font-size: 16px; text-transform: uppercase;}

.con-up {position: relative; padding-top: 150px; padding-bottom: 60px;}
.block-white {background: rgba(255, 255, 255, 0.85); padding: 20px 15px 30px; line-height: 18px;}
.block-white-text {background: rgba(255, 255, 255, 0.85);}
.block-white h2, .block-white-text h2 {margin-bottom: 15px; padding-top: 15px; font-size: 20px; font-weight: 600;}
.block-white h3, .block-white-text h3 {margin-bottom: 15px; padding-top: 15px; font-size: 18px; font-weight: 600;}
.subtitleH3 {padding: 0px 15px 0px;}

.text-text {padding: 20px 15px 30px; line-height: 18px;}
.text-image {position: relative;}
.img-caption {position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2);
            color: #fff; font-size: 14px; font-weight: 300; font-style: italic; padding: 5px 15px;}
.line {padding: 5px 15px;}

.plus-link, .plus-cube {position: relative; width: 39px; height: 39px; left: -39px; background: rgba(0,0,0,0.6);}
.plus-link:after, .plus-cube:after {
    content: '';
    height: 39px;
    border-left: 2px solid #999;
    position: absolute;
    transform: rotate(0deg);
    left: 19px; top: 0;
    -webkit-transition: all .3s; transition: all .3s;
}
.plus-link:before, .plus-cube:before {
    content: '';
    height: 39px;
    border-left: 2px solid #999;
    position: absolute;
    transform: rotate(90deg);
    left: 19px;
    -webkit-transition: all .3s; transition: all .3s;
}
a.plus-link:hover:after, a.plus-link:hover:before {border-left: 2px solid #00a934;}
a.plus-link {width: 39px; height: 39px; display: block;}
.plus-sub {background: rgba(0,0,0,0.6); display: inline-block; padding: 5px 0;}
.plus-sub a {font-size: 16px; padding: 0 15px; color: #fff; text-transform: uppercase;
        font-family: "Raleway", Arial, sans-serif;}
.plus-sub a:hover, .plus-link a:hover {color: #00a934;}
.plus-rect {background: rgba(0,0,0,0.6); display: inline-block; padding: 5px 15px; font-size: 16px; color: #fff; text-transform: uppercase;
        font-family: "Raleway", Arial, sans-serif;}

.post-white a {color: #000; font-size: 15px; font-weight: 400; line-height: 1.5; text-transform: uppercase; 
                 font-family: "Roboto", Arial, sans-serif; padding: 6px 15px; display: flex; margin-bottom: 2px; 
                 background: rgba(255, 255, 255, 0.85); -webkit-transition: all .3s; transition: all .3s;}
.panel-group {margin-bottom: 0;}
.panel-default {border: none;}
.panel-group .panel {border-radius: 0;}
.panel-group .panel+.panel {margin-top: 2px;}
.panel-default > .panel-heading {border: none; border-radius: 0; background: rgba(255, 255, 255, 0.85);}
.panel-default > .panel-heading:hover {background: rgba(255, 255, 255, 0.85);}
.panel-heading a {color: #000; padding: 6px 15px; display: flex;}
.panel-heading a:hover, .panel-heading a:focus, .panel-heading a:active {color: #00a934;}
.pw1 {padding-right: 8px; border-right: 1px solid #333; font-size: 15px;}
.pw2 {padding-left: 8px; font-size: 15px;}
h3.panel-title {font-size: 16px; line-height: 1.5; font-family: "Roboto", Arial, sans-serif; text-transform: uppercase;}

.post-white a:hover, .post-white a:hover h3 {color: #00a934;}
.galls .post-white .glyphicon {font-size: 22px; top: 0; padding-right: 10px;}
.galls .post-white a {font-size: 20px;}
.panel-group .panel-heading + .panel-collapse > .panel-body {border-top-color: #ccc; background: rgba(255, 255, 255, 0.85);}

.block-white ul, .block-white-text ul {margin-bottom: 20px; list-style-type: disc; margin-left: 2em;}
.block-white ul li, .block-white-text ul li {margin-bottom: 5px;}

/*REFERENCES*/
.countries {background: rgba(255, 255, 255, 0.85); padding: 15px; line-height: 18px;}
.countries ul {display: flex; flex-wrap: wrap; align-items: center;}
.countries ul li {position: relative; margin-right: 8px; line-height: 18px;}
.countries ul li a {color: #000; font-size: 13px; text-transform: uppercase; padding-left: 14px;}
.countries ul li a:hover {color: #00a934; background: transparent;}
.countries ul li a:focus, .countries ul li a:active {color: #000; background: transparent;}
.countries ul li:before {content: ""; color: #00a934; font-size: 8px; font-family: "FontAwesome"; position: absolute; left: 0px; top: 1px;}
.years {background: rgba(255, 255, 255, 0.85); line-height: 18px;}
.yearspad {padding: 15px;}
.yearspad a {color: #000; font-size: 14px; line-height: 1.6;}
.yearspad a:hover, .yearspad a:focus {color: #00a934;}
.refimage {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dot {width: 6px; height: 6px; border-radius: 3px; background: #faa61a; position: absolute;}

.modal-backdrop {opacity:0.5 !important;}
.modal-dialog {height: auto; max-height: 90%; overflow-y: scroll;}
.country .modal-body {padding: 0px;}
.country .modal-body h4 {margin-bottom: 25px; padding: 0 30px;}
.country .modal-body h3 {font-weight: 600;}
.country .modal-body ul li {margin-left: 0; padding: 10px 0; list-style: none; border-top: 1px #ccc solid;}
.country .modal-body ul li p {font-size: 14px;}
.country .panel-body {padding: 0px 30px;}
.country .panel-body ul li:first-child {border-top: none;}
.modal {z-index: 1041;}
.country-year {font-size: 18px;}
.country-holder {display: flex;}
.country-holder h3 {margin-right: 10px;}
.country-holder .galbtn {margin-top: 0; min-width: 35px;}
.country-holder .galbtn .glyphicon {font-size: 20px; top: 0;}

.country .panel-default > .panel-heading {background: transparent;}
.country .panel-default > .panel-heading.active {background: #fff;}
.country .panel-heading a {padding: 6px 30px !important;}
.country-small {font-size: 14px; padding-left: 14px; position: relative;}
.country-small:before {content: ""; color: #00a934; font-size: 8px; font-family: "FontAwesome"; position: absolute; left: 0px; top: 4px;}

/*CONTACT*/
#map {height: 400px; width: 100%; display: block; margin-bottom: -1px; 
      position: relative; z-index: 210;}

/*ACCORDION*/
.block-white-text .panel {box-shadow: none;}
.block-white-text .panel-group .panel, .accordion .panel-heading {border-radius: 0;}
.block-white-text .panel-default, .panel-default > .accordion .panel-heading, 
.area-text-accordion .panel-default, .panel-default > .accordion .panel-heading {border: none;}
.block-white-text .panel-group .panel-heading + .panel-collapse > .panel-body,
.area-text-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {background: transparent;}
.block-white-text .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border: none;}

.block-white-text .panel-default > .panel-heading, .area-text-accordion .panel-default > .panel-heading {color: #222; background: rgba(255, 255, 255, 0.85);}
.block-white-text .panel-heading a {font-size: 15px; text-transform: uppercase; padding: 10px 15px; display: block;}
.modal-body .panel-heading a {font-size: 15px; text-transform: uppercase; padding: 10px 15px 10px 0; display: block;}
.block-white-text .panel-default > .panel-heading:hover, .area-text-accordion .panel-default > .panel-heading:hover {color: #00a934 !important;}
.block-white-text .panel-heading h4, .area-text-accordion .panel-heading h4 {font-size: 15px; font-family: "Roboto", Arial, sans-serif;}
.block-white-text .panel-body .btn-primary, .area-text-accordion .panel-body .btn-primary {width: 260px;}
.block-white-text .panel-title > a:hover, .area-text-accordion .panel-title > a:hover {color: #00a934 !important;}
.block-white-text .panel-title > a:focus, .area-text-accordion .panel-title > a:focus {color: #00a934 !important;}
.block-white-text .panel-title a .fa, .area-text-accordion .panel-title a .fa {padding-left: 5px; font-size: 16px;}
.block-white-text .arrow-acc, .area-text-accordion .arrow-acc {float: right;}

.area-text-accordion .panel-title {font-size: 15px;}

/*GALLERY*/
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #faa61a;}
.lg-backdrop {z-index: 1042;}

/*BUTTONS*/
.galbtn {margin-top: 10px;}
.la.la-picture-o {font-size: 24px;}
a .la.la-picture-o {color: #000; -webkit-transition: all .3s; transition: all .3s; text-decoration: none;}
a:hover .la.la-picture-o, ul li .galbtn a:hover, 
ul li .galbtn a:focus {color: #00a934; background: transparent !important;}

/* FORMS */
.form-control {margin-bottom: 10px; border-radius: 0;}
.btn-default {color: #0278C1; background-color: #fff; border-color: #ccc; border-radius: 0;}
.btn-default:hover, .btn-default:focus, .btn-default.focus {color: #333; background-color: #e6e6e6; border-color: #adadad;}
.mail-ann {font-size: 14px; color: #999; margin-bottom: 20px;}
.has-error .form-control {border-color: #009937;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error input, .has-error textarea {background-color: #eee;}

/*CHECKBOX*/
.radio label, .checkbox label {display: inline-block; cursor: pointer; position: relative;
	padding-left: 30px; margin-right: 15px;}
.radio input[type=radio], .checkbox input[type=checkbox] {display: none;}
.radio label:before, .checkbox label:before {
	content: ""; display: inline-block; width: 16px; height: 16px; position: absolute;
	left: 0; top: 5px; background-color: #e9e9e9; border: 1px solid #c8c8c8;
        vertical-align: middle; webkit-box-sizing: content-box; box-sizing: content-box;}
.checkbox label.big-check:before {width: 24px; height: 24px; top: -3px;}
.checkbox label.big-check {padding-left: 38px;}
.radio label:before {border-radius: 8px;}
.checkbox label {margin-bottom: 10px;}
.checkbox label:before {border-radius: 0px;}

.radio input[type=radio]:checked + label:before {
    text-align: center; background: #e61702 url('../img/dot.png') no-repeat;
    background-size: 8px; background-position: 4px; border-color: #e61702;}
.checkbox input[type=checkbox]:checked + label:before {
    width: 12px; height: 8px; background: #e61702 url('../img/check-icon.png') no-repeat; padding: 4px 2px;
    background-size: 12px 8px; background-position: 2px 4px; text-align: center; border-color: #e61702;}
.checkbox input[type=checkbox]:checked + label.big-check:before {
    width: 16px; height: 12px; background-size: 16px 12px; background-position: 4px 6px; padding: 6px 4px;}
.checkbox.catalogue label:before {top: 2px;}

/*FOOTER*/
.nav-holder {display: flex; flex-direction: column; justify-content: space-between; height: 85%;}
.footer {padding: 50px 35px 20px; color: #fff; margin-top: auto;}
.footer p {font-size: 11px; margin: 0; line-height: 1.3;}
.footercertificate {padding-bottom: 20px;}
.footer a {color: #fff;}
.footer a:hover, .footer a:focus {color: #02c93f; background: transparent;}

/*BACK TO TOP*/
#scroll-top.fixed {bottom: 30px;}
#scroll-top {background: rgba(0,0,0,0.7); border-radius: 0; font-size: 16px; line-height: 46px;}
#scroll-top:hover {background: #00a934;}

/*MODAL*/
.modal-dialog {background-color: #fff;}
.modal-content {border: none; background-color: transparent;}
.modal-header {padding: 0; height: 60px; background-color: transparent;}
.modal-header .close {right: 20px; top: 18px; background: transparent; opacity: 1; height: auto;}
.modal-header .close:hover, .modal-header .close:focus {opacity: 0.3;}
.modal-body {padding: 0 50px; font-size: 16px; color: #333;}
.modal-header.refheader {height: 80px;}
.modal-header.refheader .plus-sub {background: rgba(0,0,0,0.6); display: inline-block; padding: 5px 0; margin: 20px 0 0 30px;}
.modal-body ul li {line-height: 1.5; padding-left: 20px; list-style-type: disc; margin-left: 1.15em;}
.modal-body h4 {color: #040342; font-size: 30px; text-transform: uppercase; margin-bottom: 30px;}
.modal-footer {background-color: transparent; border: none;}
.modal-footer.simple-modal {border-top: solid 1px #ccc;}

.modal-content .modal-body h4 {margin-bottom: 10px;}
.modal-content .text-text {padding: 20px 0px 30px;}
.modal-content .subtitleH3 {padding: 10px 0 0;}
.modal-content .subtitleH3 h3 {margin-bottom: 15px; font-size: 18px; font-weight: 600;}
.modal-content .line {padding: 5px 0;}

.closeX {
    background: transparent;
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
}
.closeX:after {
    content: '';
    height: 40px;
    border-left: 2px solid #040342;
    position: absolute;
    transform: rotate(45deg);
    left: 28px;
}

.closeX:before {
    content: '';
    height: 40px;
    border-left: 2px solid #040342;
    position: absolute;
    transform: rotate(-45deg);
    left: 28px;
}
.btn-link {color: #000; font-size: 18px; text-transform: uppercase;}
.btn-link:focus, .btn-link:hover {color: #aaa; text-decoration: none;}

/* PIE CHART */
.pie {
  background: transparent;
  position: relative;
  border-radius: 50%;
  height: 30vw;
  width: 30vw;
  margin: 0 auto;
}
.pie .slice {
  position: absolute;
  width: 15vw;
  height: 30vw;
  overflow: hidden;
  left: 15vw;
  top: 0vw;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  cursor: pointer;
}
.pie .slice:before {
  content: "";
  position: absolute;
  width: 15vw;
  height: 30vw;
  left: -15vw;
  border-radius: 15vw 0 0 15vw;
  -moz-border-radius: 15vw 0 0 15vw;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.pie a .slice:before {-webkit-transition: all .3s; transition: all .3s;}

.pie a .slice.green:before {background-color: #00964d;}
.pie a:hover .slice.green:before {background-color: #00793e;}
.pie a .slice.orange1:before, .pie a .slice.orange3:before {background-color: #febb4c;}
.pie a:hover .slice.orange1:before, .pie a:hover .slice.orange3:before {background-color: #e38f02;}
.pie a .slice.orange2:before, .pie a .slice.orange4:before {background-color: #faa61a;}
.pie a:hover .slice.orange2:before, .pie a:hover .slice.orange4:before {background-color: #d87a00;}

.pie .slice h4 {font-family: "Raleway", Arial, sans-serif; text-transform: uppercase; text-align: center;
        font-weight: 500; font-size: 1.1vw; margin: 0em; color: #fff; z-index: 1000; position: absolute; 
        max-width: 8vw; line-height: 1.2;}

.slice.green {
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.slice.green:before {
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 10;
}
.slice.green h4 {
  transform: rotate(90deg);
  top: 48%;
  left: 20%;
 
}

.slice.orange1 {
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.slice.orange1:before {
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}
.slice.orange1 h4 {
  transform: rotate(-90deg);
  top: 16%;
  left: -5%;
}

.slice.orange2 {
  -o-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.slice.orange2:before {
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}
.slice.orange2 h4 {
  transform: rotate(-135deg);
  top: 14%;
  left: -5%;
}

.slice.orange3 {
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slice.orange3:before {
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}
.slice.orange3 h4 {
  transform: rotate(-180deg);
  top: 16%;
  left: 0%;
}

.slice.orange4 {
  -o-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.slice.orange4:before {
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}
.slice.orange4 h4 {
  transform: rotate(-225deg);
  top: 18%;
  left: 0%;
}