@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap');

@media print {
    .noPrint, .adminBtn, .headerNavig {
        display: none !important;
    }
}

html, body, form {
    padding:0;
    margin:0;
    font-family: 'Raleway', sans-serif;
    color: #231f20;
    font-size: 20px;
    width: 100%;
    line-height:1.5;
}

body{background: #fff;}


div#Wrapper {
    margin: 0px auto;
    padding: 0px 20px 0px 20px;
    min-height: 637px;
}

html, body,form{height:100%;}
#wrapper{  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -313px;
  /* Pad bottom by footer height */
  padding: 0 0 313px;
}
body:not(.index) {padding-top:120px;}
/* common begin */

img {
    border: none;
}

.link {
    cursor: pointer;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.oh {
    overflow: hidden;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.dt {
    display: table;
}

.dtr {
    display: table-row;
}

.dtc {
    display: table-cell;
}

.vat {
    vertical-align: top;
}

.pr {
    position: relative;
}

.w100 {
    width: 100%;
}

.sp30 {
    height: 30px;
}

.center {
    margin: 0px auto;
}

a {
    color: #231f20;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

    a:hover {
       color: #00a28f;
       text-decoration: none;
       cursor:pointer;
    }

    a:focus, a:active{outline:none; text-decoration:none; color:inherit;}

h1, h2, h3 {
    padding: 0;
    color: #394f56;
    font-weight: normal;
    text-align: left;
}

h1 {
    font-size: 45px;
    margin: 0px 0px 45px 0px;
    font-weight: bold;
    color:#029a84;
    text-transform:uppercase;
}

h2 {
    font-size: 32px;
    margin: 0px 0px 5px 0px;
    font-weight: normal;
}

h3 {
    font-size: 24px;
    margin: 0px 0px 5px 0px;
    font-weight: 700;
}

h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

h5 {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 30px;
    color: #828282;
    font-weight: 400;
}

sup {
    font-size: 10px;
}

hr {
    border: 0;
    height: 2px;
    background: #b5e1ec;
    margin:0;
}

.dash {
    height: 1px;
    background-image: url(../images/dash.png);
    background-repeat: repeat-x;
    font-size: 0;
}

article ul {
  list-style: none;
  padding: 0;
}
article li {
  padding-left: 1.3em;
}
article li:before {
  content: "\f068";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.8em;
  width: 1.8em;
  font-size:8px;
}

article a{color:#00a28f;}

/* common end */


/* COOKIES BEGIN */
#cookie_notification {z-index:1;position: fixed;bottom: 10px;right: 10px;background-color: #fff;color: #333;font-size: 12px;padding: 10px;border:1px solid #eae9ef;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);max-width:70vw;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#cookie_notification > div {max-width:270px;}
#cookie_notification .cookie_text {margin-bottom:15px;}
#cookie_notification button, #cookie_notification a {border:1px solid #000;display:block;width:100%;font-size: 12px;padding:8px 10px;text-align:center;cursor:pointer;}
#cookie_notification .cookie_btn_solid {background-color:#000;color:#fff;}
#cookie_notification .cookie_btn_outlined {background-color:#fff;color:#000;}
#cookie_notification button:hover, #cookie_notification a:hover {background-color:#000;color:#fff;text-decoration:none;}
#cookie_notification .cookie_buttons > * {margin-top:5px;}

#more-about-cookies h2 {
    margin-bottom: 10px;
}

#more-about-cookies table {
    border-collapse: collapse;
}

    #more-about-cookies table th {
        border: 2px solid white;
        background-color: #ccedeb;
        color: #000;
        font-weight: bold;
        vertical-align: top;
        text-align: left;
        padding: 10px;
        font-size: 12px;
    }

    #more-about-cookies table td {
        border: 2px solid white;
        vertical-align: top;
        padding: 10px;
        font-size: 12px;
    }

    #more-about-cookies table tr:nth-child(even) {
        background-color: #F1F1F1;
    }

    #more-about-cookies table td strong {
        font-family: "Courier New", Courier, monospace;
        font-weight: normal;
        display: inline-block;
        margin-top: 2px;
    }

    #more-about-cookies table td .mono {
        font-family: "Courier New", Courier, monospace;
    }

#more-about-cookies .tip {
    background-color: #eeeeee;
    overflow: hidden;
    border: 2px solid #666666;
    padding: 20px;
    font-size: 12px;
}

    #more-about-cookies .tip label {
        font-size: 14px;
    }

#more-about-cookies .btnCookiesSaveSettings {
    border: 2px solid #ccedeb;
    background-color: #ccedeb;
    color: #000;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    #more-about-cookies .btnCookiesSaveSettings:hover {
        background-color: #ccedeb;
        color: #000;
    }

#more-about-cookies em {
    font-size: 14px;
}

/* COOKIES END */


/*HEADER BEGIN*/

.logo {padding:20px;background-color:#fff;position:relative;}
.logo:after {display:block;content:'';position:absolute;top:0;bottom:0;transform:skewX(-13deg);width:35px;right:-16px;background-color:#fff;}
.slogan {position:relative;font-size:30px;color:#000;background:none;border-left:1px solid #d9d9d9;transform:skewX(-13deg);margin-left:16px;display:none;}
.slogan div {transform:skewX(13deg);padding:15px 0px 0px 30px;}
.slogan.mobile {position:absolute;left:-10px;bottom:0;display:block;color:#fff;background-color:rgba(2,154,132,0.2);border:none;margin-left:0;width:100%;}
.slogan.mobile div {padding:17px 20px 18px 40px;}

.logo {-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.logo img {height:40px;}

.navbar-toggle{border:none; float:none; margin:0 -16px 0 40px;padding:0;height:100%;}
.navbar-toggle:hover{background:none !important;}
.navbar-toggle .fs-menu-toggler {height:100%;align-items:stretch;}
.navbar-toggle .fs-menu-toggler .btn {width:120px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
body:not(.modal-open) .navbar-toggle .fs-menu-toggler .btn {margin-bottom:-1px;}
.navbar-toggle .icon-bar{width:40px; height:2px; background-color:#fff !important; border-radius:0; display:block;-webkit-transition: transform .1s ease-in-out; -o-transition: transform .1s ease-in-out; transition: transform .1s ease-in-out;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:10px;}

.navbar-toggle .open .icon-bar {background-color:#00a28f !important;}
.navbar-toggle .open .btn {background-color:#fff;}
.navbar-toggle .open .btn > span:nth-child(2) {transform: rotate(45deg) skew(13deg);}
.navbar-toggle .open .btn > span:nth-child(3) {display: none;}
.navbar-toggle .open .btn > span:last-child {transform: rotate(-45deg) skew(13deg); margin-top: -4px;}
.navbar-toggle .open .btn:after {display:none}
.navbar-toggle .open .btn:hover {background-color:#fff !important;}

.mininavig{margin:0;padding:0;list-style:none;width:450px;display:none;}
.mininavig li a{font-size:18px;text-transform:uppercase;font-weight:700;color:rgba(0,0,0,0.8);letter-spacing:0.085em;-webkit-transition:none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}

.navbar-default{z-index:1043;margin-bottom:0;background-color:#fff;border-color:#d9d9d9;}
.main-menu:not(.show) {transform:translateX(-100%);}
.main-menu {position:fixed;z-index:1042;top:0;bottom:0;left:0;transition:all .3s ease-in-out;width:100%;}
.main-menu:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;width:100%;background-color:#029a84;}
.main-menu .main-nav {flex-direction:column;position:relative;margin-left:30px;margin-top:100px;margin-bottom:30px;overflow:auto;max-height:calc(100vh - 130px);-ms-overflow-style:none;scrollbar-width:none;}
.main-menu .main-nav::-webkit-scrollbar {display:none;}
.main-menu .main-nav ul {list-style-type:none;margin:0;padding:0;}
.main-menu .main-nav li.active > a {color:#000;}
.main-menu a {font-size:26px;color:#fff;line-height:50px;}
.main-menu .contact {font-size:16px;line-height:20px;color:#fff;margin-top:50px;}
.main-menu .contact strong {text-transform:uppercase;}
.main-menu .dropdown-menu {position:relative;top:auto;float:none;background:none;border:none;box-shadow:none;}
.main-menu .dropdown-menu > li {padding:5px 15px 5px 0px;}
.main-menu .dropdown-menu > li.dropdown-submenu .dropdown-menu > li {padding:3px 15px;}
.main-menu .dropdown-menu > li > a {font-size:22px;color:#ffF;position:relative;display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 25px);line-height:26px;}
.main-menu .dropdown-toggle {padding:0;margin-left:5px;}
.main-menu .dropdown-menu > li > a:not(.dropdown-toggle) {padding:0 0 0 15px;}
.main-menu .dropdown-menu > li > a:not(.dropdown-toggle):before {content:'';display:block;width:5px;height:5px;position:absolute;top:11px;left:3px;transform:skew(-13deg);background-color:#fff;}
.main-menu .dropdown-menu > li.active > a:not(.dropdown-toggle):before {background-color:#000;}
.main-menu .dropdown-menu li > a:hover, .main-menu .dropdown-menu > li > a:focus,
.main-menu .dropdown-menu .active > a, .main-menu .dropdown-menu .active > a:hover, .main-menu .dropdown-menu .active > a:focus {background:none;}
.main-menu .dropdown-submenu .dropdown-menu {margin-top:7px;}

@media(min-width:500px){
    .slogan {display:block;}   
    .slogan.mobile {display:none;}
}

@media(min-width:768px){
.main-menu {width:80%;}
.main-menu:before {left:-100px;transform:skew(-13deg);}
.main-menu .main-nav {transition:transform .5s ease-in-out, opacity 1s ease-in-out; transition-delay:.1s;margin-left:50px;margin-top:110px;max-height:calc(100vh - 180px);}
.main-menu:not(.show) .main-nav {opacity:0; transform:translateY(-30px);}
.main-menu a {font-size:40px;line-height:65px;}
.main-menu .contact {font-size:18px;line-height:28px;}
.main-menu .dropdown-menu > li > a {max-width:60%;}

}

@media(min-width:992px){
body:not(.index) {padding-top:170px;}
body.index .navbar-default.affix-top {background:none;border:none;}
.navbar-default.affix-top .logo img {height:auto;}
.navbar-default.affix-top .slogan {font-size:60px;}
body.index .navbar-default.affix-top .slogan {color:#fff;background-color:rgba(2,154,132,0.2);border:none;}
.navbar-default.affix-top .slogan div {padding:10px 50px 0px 50px;}
.navbar-default.affix-top .navbar-toggle .fs-menu-toggler .btn {width:180px;margin-bottom:0;}
body.index .navbar-default.affix-top .mininavig li a {color:#fff;}
.main-menu .main-nav {margin-top:150px;}
.main-menu .dropdown-menu > li > a {max-width:70%;}
}

@media(min-width:1200px){
.main-menu {width:60%;}
}

@media(min-width:1600px){
.main-menu .main-nav {margin-left:200px;margin-top:200px;max-height:calc(100vh - 250px);}
}

/*HEADER END*/


/*------------banners-------------*/

.bx-wrapper .bx-content-wrapper{height:450px; background-size:cover; position:relative; background-position:center;}
.bx-wrapper .bx-content-wrapper .overlay {height:inherit;background-color:rgba(0,0,0,0.55);}
.bannerMainDiv .bx-wrapper{margin-bottom:0;}
.fluidSub .bx-content-wrapper{height:350px; background-size:cover; position:relative;}

.bannerMainDiv .bxforscale{height:100vh;}
.bannerMainDiv .bx-content-wrapper{height:100vh;}

@media(min-width:768px){
    .fluidSub .bx-content-wrapper{height:450px;}
}

@media(min-width:992px){
    .navbar-default.affix .mininavig {display:flex; justify-content:space-between;}
}

@media(min-width:1200px){
   
    .fluidSub .bx-content-wrapper{height:550px;}
    .modal-open.pr-17 {padding-right:17px;}
    .modal-open.pr-17 .navbar-toggle .fs-menu-toggler .btn {width:197px;}
}

@media(min-width:1400px){     
    .fluidSub .bx-content-wrapper{height:750px;}
    .navbar-default.affix-top .mininavig {display:flex; justify-content:space-between;}
    
}
@media(min-width:1550px){     
    .navbar-toggle{margin-left:80px;}
    .mininavig {width:560px;}
}

.bannerMainDiv .fooforscale .bx-content-wrapper{background-size:cover;transition: all 10000ms ease-in-out !important; -webkit-transition: all 10000ms ease-in-out !important; -o-transition: all 10000ms ease-in-out !important;-moz-transition: all 10000ms ease-in-out !important;-ms-transition: all 10000ms ease-in-out !important;}
.bannerMainDiv .fooforscale.active-slide .bx-content-wrapper {transform:scale(1.05);}
.bannerMainDiv .bxDescDiv{width:100%; position:absolute; top:50%; transform:translateY(-50%); color:#fff;padding-left:30px;padding-right:30px;}

.bannerMainDiv .bx-wrapper .bx-next{background:#fff;margin-left:auto;display:block;margin-right:-26px;transition:background-color .3s ease-in-out;transform:skew(-13deg);}
.bannerMainDiv .bx-wrapper .bx-controls {z-index:1;}
.bannerMainDiv .bx-wrapper .bx-controls-direction {position:relative;margin-top:-129px;overflow:hidden;}
.bannerMainDiv .bx-wrapper .bx-controls-direction:after {display:block;width:34px;height:19px;content:'';background-image:url(../images/arrow_right.png); position:absolute;top:50%;transform:translateY(-50%);right:60px;z-index:100;pointer-events:none;}
.bannerMainDiv .bx-wrapper .bx-next:hover{background:rgba(255,255,255,0.7) !important;}
.bannerMainDiv .bx-wrapper .bx-controls-direction a{width:160px; height:130px; z-index:99; color:#00a28f; text-align:center; top:auto; margin-top:0; position:relative;}
.bannerMainDiv .bx-title h2{font-weight:700; font-size:36px;color:inherit;margin:0 0 10px 0;}
.bannerMainDiv .bxDescDiv .bx-desc{font-size:18px;color:inherit;padding-bottom:30px;max-width:800px;}
.bannerMainDiv .bxDescDiv .btn{text-transform:uppercase;}
.bannerMainDiv .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{width:auto; bottom:125px;}

.bannerMainDiv .bx-wrapper .bx-pager .bx-pager-item,
.bannerMainDiv .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1;	*display: inline;}

.bannerMainDiv .bx-wrapper .bx-pager.bx-default-pager a {background:rgba(255,255,255,0); border:1px solid #fff; text-indent: -9999px;display: block;width: 14px;height: 14px;margin: 0 5px;outline: 0;	-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;}

.bannerMainDiv .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bannerMainDiv .bx-wrapper .bx-pager.bx-default-pager a.active {background: rgba(255,255,255,0.8);}

.bannerMainDiv .bx-prev {display:none !important;}

.mainContFront .bx-wrapper{border:1px solid #eae9ef;}
.mainContFront .bx-content-wrapper{background-size:contain; background-position:right; background-repeat:no-repeat;}
.mainContFront .bx-wrapper .bx-prev{background: url(../images/slideshow/controls3.png) no-repeat 0 -37px; left:10px;}
.mainContFront .bx-wrapper .bx-next{background: url(../images/slideshow/controls3.png) no-repeat -43px -37px; left:auto; right:10px;}
.mainContFront .bx-wrapper .bx-controls-direction a{width:37px; height:37px; top:50%; margin-top:-16px;}
.mainContFront .bxDescDiv{background-color:rgba(255,255,255,0.7); padding:15px; width:48%; position:absolute; top:30px; left:40px;}
.mainContFront .bx-title h2{font-weight:bold; font-size:36px;}

.mainContFront .BannersWrapper:last-child .bx-title h2{color:#f49519;}
.mainContFront .BannersWrapper:last-child .bx-wrapper{border:none;}

@media(max-width:767px){
    .mainContFront .bxDescDiv{top:auto !important; bottom:0 !important; width:100% !important; max-height:140px !important; left:0;}    
    .bannerMainDiv .bx-wrapper .bx-controls-direction {margin-top:-79px;}    
    .bannerMainDiv .bx-wrapper .bx-controls-direction a {width:120px;height:80px;}    
    .bannerMainDiv .bx-wrapper .bx-controls-direction:after {right:35px;}
}

@media(min-width:768px){
    .bannerMainDiv .bxDescDiv{padding-left:80px;}
    .bannerMainDiv .bx-title h2{font-size:48px;}
    .bannerMainDiv .bxDescDiv .bx-desc{font-size:22px;}
}

@media(min-width:992px){
    .bannerMainDiv .bxDescDiv{padding-left:150px;}
    .bannerMainDiv .bx-title h2{font-size:56px;}
    .bannerMainDiv .bxDescDiv .bx-desc{font-size:26px;}
}

@media(min-width:1200px){
    .bannerMainDiv .bxDescDiv{padding-left:200px;}
    .bannerMainDiv .bx-title h2{font-size:72px;}
    .bannerMainDiv .bxDescDiv .bx-desc{font-size:30px;}
    .bannerMainDiv .bxDescDiv .btn{padding:20px 55px;}
}

@media(min-width:1400px){
    .bannerMainDiv .bxDescDiv{padding-left:380px;}    
}

.bx-link{cursor:pointer; background:#00a28f; color:#fff; padding:15px 20px; display:block; width:250px; margin:0 auto; border-radius:5px; margin-top:30px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.bx-link:hover{background-color:#CA0030;}

.bannerMainDiv{position:relative; overflow:hidden;}
.angle{position:absolute; height:100px; width:150%; background:#fff; -webkit-transform: rotate(-2.8deg); -moz-transform : rotate(-2.8deg); -o-transform : rotate(-2.8deg); -o-transform: rotate(-2.8deg); transform-origin:0 0; bottom:-34px; left:0;}
.angleTransparent{background:rgba(255,255,255,0.4); height:100px; width:100%;bottom:0; position:absolute; left:0; -webkit-transform: rotate(2.8deg); -moz-transform : rotate(2.8deg); -o-transform : rotate(2.8deg); -o-transform: rotate(2.8deg); transform-origin:0 0; bottom:60px; left:0;}

.loadingDiv{position:absolute; width:100%; top:0; bottom:0;}

.cssload-container{
	position:absolute;
    left:50%;
    top:50%;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 3px solid rgb(229,229,229);
	border-left-color: rgb(85,160,221);
	border-radius: 2872px;
		-o-border-radius: 2872px;
		-ms-border-radius: 2872px;
		-webkit-border-radius: 2872px;
		-moz-border-radius: 2872px;
}

.cssload-whirlpool {
	margin: -72px 0 0 -72px;
	height: 144px;
	width: 144px;
	animation: cssload-rotate 1750ms linear infinite;
		-o-animation: cssload-rotate 1750ms linear infinite;
		-ms-animation: cssload-rotate 1750ms linear infinite;
		-webkit-animation: cssload-rotate 1750ms linear infinite;
		-moz-animation: cssload-rotate 1750ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -66px 0 0 -66px;
	height: 127px;
	width: 127px;
	animation: cssload-rotate 1750ms linear infinite;
		-o-animation: cssload-rotate 1750ms linear infinite;
		-ms-animation: cssload-rotate 1750ms linear infinite;
		-webkit-animation: cssload-rotate 1750ms linear infinite;
		-moz-animation: cssload-rotate 1750ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -83px 0 0 -83px;
	height: 161px;
	width: 161px;
	animation: cssload-rotate 3500ms linear infinite;
		-o-animation: cssload-rotate 3500ms linear infinite;
		-ms-animation: cssload-rotate 3500ms linear infinite;
		-webkit-animation: cssload-rotate 3500ms linear infinite;
		-moz-animation: cssload-rotate 3500ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}

/*---------banner end------------*/

.newsContainer{padding-top:30px; padding-bottom:30px;}
.newsContainer .about, .newsContainer .newsSmall{border:1px solid #00a28f; padding:30px; color:#00a28f; width:100%; float:left; margin-bottom:20px;}
.newsContainer .about h2, .newsContainer .newsSmall h1{font-size:30px; font-weight:bold; color:#00a28f; margin-bottom:15px;}
.newsContainer .newsSmall h1 a{color:#00a28f;}
.newsContainer .newsSmall a h2{color:#00a28f; font-size:20px; font-weight:bold;}
.newsContainer .newsSmall a{color:#00a28f;}
.newsContainer .newsSmall a:hover{text-decoration:none;}
.newsContainer .imgcircle{width:100%; display:inline-block; background-size:contain; border-radius:50%;}
.newsContainer .imgcircle:after{padding-top:100%; display:block; content:' ';}
.newsContainer .newsSmall .newsmallReadmore{text-align:right; margin-top:5px;}
.newsContainer .newsSmall .newsmallReadmore a{display:inline-block; border:2px solid #00a28f; background-color:#00a28f; padding:6px 10px; color:#fff;}
.newsContainer .newsSmall .newsmallReadmore a:hover{background-color:#fff; color:#00a28f;}
.newsContainer .newsSmall .newsArchive{font-weight:bold;}
.newsContainer .newsSmall .dateofarticle{margin-bottom:10px; font-weight:bold; margin-top:5px;}

.btnmore{display:inline-block; border:2px solid #00a28f; background-color:#00a28f; padding:6px 10px; color:#fff;}
.btnmore:hover{background-color:#fff; color:#00a28f;}


.currentprojects{background:url(../images/tekociprojektibg.JPG) no-repeat center; background-size:cover;}
.currentprojects .bgoverlay{background: rgba(10,10,10,0.7); overflow: hidden; height: 100%; z-index: 2; padding:60px 0;}
.currentprojects h2{font-size:30px; font-weight:bold; margin-bottom:20px;}
.currentprojects h2 a{color:#fff;}

.currentprojects ul li a.bxImage, .leftMenuDiv ul li a.bxImage,  article ul li a.bxImage{height:250px; display:inline-block; width:100%; background-repeat:no-repeat; background-size: cover; background-position:center;}
.currentprojects ul li .forscale{height:250px; display:inline-block; width:100%; overflow:hidden;}
.currentprojects ul li a.bxImage{   transition: transform 1000ms ease-in-out !important; -webkit-transition: transform 1000ms ease-in-out !important; -moz-transition: transform 1000ms ease-in-out !important; -o-transition: transform 1000ms ease-in-out !important; -ms-transition: transform 1000ms ease-in-out !important;}
.currentprojects ul li a.bxImage:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); }
.currentprojects .bxtitle, .leftMenuDiv .bxtitle, article .bxtitle{padding:10px 0 10px 20px; border-left:5px solid #00a28f; white-space:nowrap; margin-top:15px;overflow:hidden;}
article .bxtitle{margin-bottom:15px; display:block;}
.currentprojects .bxtitle h2{color:#fff; font-size:24px; font-weight:bold; margin:0;}
.leftMenuDiv .bxtitle h2{color:#00a28f; font-size:24px; font-weight:bold; margin:0;}
.leftMenuDiv h1{font-size:18px;}
.leftMenuDiv h1 a{color:#00a28f;}
.leftMenuDiv ul:empty {display:none;}
#leftMenu_Container > ul {list-style-type:none;margin:0;padding:0;}
#leftMenu_Container > ul > li {position:relative;margin:.5em 0 .5em 2em;}
#leftMenu_Container > ul > li:first-child {margin-top:0;}
#leftMenu_Container > ul > li:last-child {margin-bottom:0;}
#leftMenu_Container > ul > li:before, #leftMenu_Container > ul > li:after {content:'';display:block;width:10px;height:13px;border:1px solid #00a28f;position:absolute;top:4px;left:-1.7em;transform:skew(-13deg)}
#leftMenu_Container > ul > li:not(.active):before, #leftMenu_Container > ul > li:not(.active):after {transition:all .3s ease-in-out;}
#leftMenu_Container > ul > li:before {background-color:#00a28f;}
#leftMenu_Container > ul > li:after {background-color:#fff;}
#leftMenu_Container > ul > li.active:after, #leftMenu_Container > ul > li:not(.active):hover:after {opacity:0;transform:skew(-13deg) scale(0);}
#leftMenu_Container li > ul {list-style-type:none;margin:0 0 0 1em;padding:0;}
#leftMenu_Container li > ul li {margin:7px 0px;}
#leftMenu_Container li > ul li:before {content:"";display:inline-block;width:5px;height:5px;background-color:#00a28f;margin:0 .5em .2em -1em;transform:skew(-13deg);}
#leftMenu_Container a {font-size:16px;letter-spacing:0.025em;}
#leftMenu_Container > ul > li > a {display:block;}
#leftMenu_Container a.active {color:#00a28f;}

.currentprojects .alterPager, .leftMenuDiv .alterPager, article .alterPager{display:inline-block; float:right; position:relative; width:70px; height:30px; z-index:100;}
.currentprojects .alterPager a, .leftMenuDiv .alterPager a, article .alterPager a{display:inline-block; color:#fff; width:30px; height:30px; font-size:18px; /*background-color:rgba(0,162, 143,0.5);*/ text-align:center; line-height:30px; position:absolute; cursor:pointer;}
.leftMenuDiv .alterPager a{color:#00a28f; font-size:14px;}
.leftMenuDiv .alterPager a i{margin-top:3px;}
.currentprojects .alterPager a:hover{}
.currentprojects .alterPager a.bx-prev, .leftMenuDiv .alterPager a.bx-prev, article .alterPager a.bx-prev{left:0;}
.currentprojects .alterPager a.bx-next, .leftMenuDiv .alterPager a.bx-next, article .alterPager a.bx-next{right:0;}

.cpImgList{
    width:100%; height:180px; display:block;
}

.offers {margin-top:50px; margin-bottom:50px;overflow:hidden;padding:0;}
.offers .row {margin:0;}
.offers a, .offers img {-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.offers [class*="col-"]{text-align:center; padding:0; font-weight:bold; font-size:14px; position:relative; border:1px solid #eee; border-bottom:none; height:200px;border-right:none;margin-top:-1px;margin-left:-1px;}
.offers a{display:block; color:#000;height:100%;display:flex;flex-direction:column;}
.offers a > span:first-child {flex-grow:1; display:flex; align-items:flex-end;}
.offers a > span:last-child {display:block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2; height: calc(1em * 1.5 * 2); margin:25px 15px 10px 15px; text-transform:uppercase;}
.offers img{display:block; margin:0 auto;}
.offers a:hover {background-color:#029a84; color:#fff;}
.offers a:hover img{filter:invert(1);}

/*SECTION SNAPSHOTS*/
.snapshots{padding:30px 0;}
.snapshots .snapdiv a{display:block;position:relative; z-index:100;margin-bottom:30px;}
.snapshots .snapdiv .overlay { text-align:center; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background-color: rgba(10,10,10,0.65); z-index: 1; opacity: 0; transition: all .3s ease 0s;}
.snapshots .snapdiv .overlay .actionBox {position: absolute; bottom: 20px; left: 20px; top:20px; right:20px; text-align: center; opacity: 0; transition: all .2s ease 0s;}
.snapshots .snapdiv .overlay .actionBox span {display: inline-block; line-height:35px; text-align: center;}
.snapshots .snapdiv .overlay .actionBox span{background:url(../images/expand-image.png) no-repeat center; width:41px; height:41px; position:absolute; right:0; top:0;}
.snapshots .snapdiv .overlay p {display: table-cell; width: 100%; height: 120px; top:40%; position:absolute; vertical-align: middle; padding: 15px; font-size: 30px; font-weight:300; line-height: 1.3em; color: #fff; text-align: center; opacity: 0; padding-top: 40px; transition: all .3s ease .2s; font-style:italic;}
.snapshots .snapdivSmall .overlay p{font-size:18px !important;}

.snapshots .snapdiv a:hover .overlay{opacity:1;transition:all .4s ease 0s;}
.snapshots .snapdiv a:hover .overlay p{opacity:1;padding-top:15px;transition:opacity .3s ease .2s,padding-top .8s ease;}
.snapshots .snapdiv a:hover .overlay .actionBox{opacity:1;transition:opacity .5s ease .7s}

.snapshots .snapdivSmall .snapSmallbg{height:235px;}

.snapshots h2{font-size:30px; font-weight:bold; margin-bottom:20px;}
.snapshots h2 a{color:#00a28f;}

.moreSnapsDiv{text-align:right;}
.moreSnapsDiv a{font-weight:bold; color:#00a28f;}


@media(max-width:991px) {
    .snapshots .snapsSmall .snapdivSmall:nth-child(1), .snapshots .snapsSmall .snapdivSmall/*:nth-child(2)*/{margin-bottom:30px;}
}

/*CONTENTS*/

.table tr:nth-child(odd) td{background-color:#ccedeb;}
.table tr td, .table tr th{border:1px solid #ddd;}

.footAnimCen, .footAnimRight, .footAnimLeft {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
}


/* FORMS BEGIN */

.field, .captcha_field{
	border:1px solid #00a290;
	font-size: 12px; font-weight:normal; color: #616161; 
	padding:2px;	
	background-color:#ffffff;
}

.field_selected, .captcha_field_selected{
	border:1px solid #000;
    font-size: 12px; font-weight:normal; color: #000000; 
	background-repeat:repeat-x;
	padding:2px;
	background-color:#ffffff;
}

.form_ddl
{
  font-size:12px; color:#616161; border:1px solid #00a290; padding:3px;
}


input.field, input.field_selected{width:100%; max-width: 385px;}
textarea.field, textarea.field_selected{width: 384px;}
.captcha_field, .captcha_field_selected{width:131px;}
textarea.field, textarea.field_selected{height: 150px; padding:5px;}

.panelList{width:100%; max-width:418px;}


.btn{font-size:18px;color:#fff;padding:12px 20px;position:relative;font-weight:500;-moz-transform: skewX(-13deg);-webkit-transform: skewX(-13deg);-o-transform: skewX(-13deg);-ms-transform: skewX(-13deg);transform: skewX(-13deg);border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.btn span {display:block; -moz-transform: skewX(13deg);-webkit-transform: skewX(13deg);-o-transform: skewX(13deg);-ms-transform: skewX(13deg);transform: skewX(13deg);}
.btn, .btn:hover, .btn:focus, .btn:active {border:none;}
.btn:after {content: "";position: absolute;top: 0px;left: 0px;width: 0%;height: 100%;background-color:rgba(255,255,255,0.5);-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.btn:hover:after {width: 110%;background-color: rgba(255,255,255,0);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.btn:active:after {opacity: 0;}
.btn:hover, .btn:active {background-color:#029a84 !important;background-image:none;color:#fff;}
.btn-primary, .btn-primary:focus {background-color:#029a84;}
.btn-primary:active{background:#007e6c !important;}

.captchaError{
font-family:Arial, sans-serif;
font-size:12px;
color:#ff0000;
font-weight:bold;
}



/* FORMS END */


/*FOOOTER*/
.footAnimLeft:after {display:block;content:'';width:1px;background-color:#ccc;position:absolute;top:0;bottom:0;right:15px;}
.footerDivider{height:5px; background-color:#252525;}
footer h3{margin-bottom:15px;}
footer ul{margin:0; padding:0;}
footer ul li{list-style:none;}
footer ul li a{color:#2e2e2e;}
footer ul li a:hover{text-decoration:none; color:#00a28f;}
.zeitgeist{border:3px solid #00a28f; padding:10px; display:inline-block; text-align:center; font-size:18px; font-weight:bold; color:#00a28f;}
.footerSignature{background-color:#252525; color:#cbcbcb; padding:10px 0; margin-top:30px;}
.footerSignature a{color:#cbcbcb;}
footer .smallLogoDivider{width:1px; background-color:#cccccc; height:325px; float:right;}
.footer-fb {width:45px;height:45px;border-radius:50%;background-color:#34a28f;color:#fff;line-height:45px;text-align:center;display:block;font-size:18px;transition:all .5s ease-in-out;margin:35px auto 0px;}
.footer-fb:hover, .footer-fb:active {background-color:#ccedeb;color:#34a28f;}
footer .row {flex-wrap:wrap;font-size:14px;}
footer .row.d-flex > div {margin-top:40px;}
footer .authors {text-align:right;}

@media (max-width:767px){
    footer .row > .col-xs-6 {width:50%;}
    footer .authors {margin-top:15px;text-align:left;}
}

/*LEFT MENU*/

.leftMenuDiv{padding-right:50px; padding-bottom:15px; position:sticky; top:100px; margin-top:123px;}
    
.levelOne_bg{height:29px;}
.levelOne_content{margin:0px;}
.levelOne_Selected{width: 100%;}
.levelOne_content a, .levelOne_content a:hover{font-size:18px; color:#00a290;text-decoration:none; text-transform:uppercase; font-weight:600; margin-bottom:15px; display:inline-block;}

.leftMenu_level{width: 100%; cursor:pointer;}
.leftMenu_level_over{width: 100%; cursor:pointer;}
.leftMenu_level_selected{width: 100%; cursor:pointer;}

.leftMenu_level a {font-size:18px; color: #00a290; text-decoration:none;}
.leftMenu_level a:hover {font-size:18px; color: #00a290; text-decoration:none;}

.leftMenu_level_over a {font-size:18px; color: #00a28f; text-decoration:none;}
 .leftMenu_level_selected a{font-weight:600;font-size:18px; color: #00a28f; text-decoration:none;}
.leftMenu_level_selected a:hover, .leftMenu_level_over a:hover{color:#036459;}

/*.leftMenu_level_over .leftMenuBg, .leftMenu_level_selected .leftMenuBg{background-color:#00a290;}*/

.leftMenu_level .leftMenuArrow{background-image:url(../images/plus-icon.png); background-repeat:no-repeat; background-position:left top 5px; width:40px;}
.leftMenu_level_over .leftMenuArrow, .leftMenu_level_selected .leftMenuArrow{background-image:url(../images/plus-icon.png); background-repeat:no-repeat; background-position:left top 5px; width:40px;}

.leftMenu_sublevel{width: 100%; cursor:pointer;}
.leftMenu_sublevel a{font-size:14px; text-decoration:none; color:#242021; }
.leftMenu_sublevel a:hover{font-size:14px; text-decoration:none; color:#00a290;}

.leftMenu_sublevel_over{width: 100%; cursor:pointer; }
.leftMenu_sublevel_over a, .leftMenu_sublevel_over a:hover{font-size:14px; text-decoration:none; color:#00a290;}

.leftMenu_sublevel_selected{width: 100%; cursor:pointer;}
.leftMenu_sublevel_selected a, .leftMenu_sublevel_selected a:hover{font-size:14px; text-decoration:none; color:#00a290;}

/*.leftMenu_sublevel .leftMenuArrow{background-image:url(../images/leftmenu/bullet.gif); background-repeat:no-repeat; background-position:0px 5px; width:21px;}*/
/*.leftMenu_sublevel_over .leftMenuArrow, .leftMenu_sublevel_selected .leftMenuArrow{background-image:url(../images/leftmenu/bullet2.gif); background-repeat:no-repeat; background-position:0px 5px; width:21px;}*/


/*LEFT MENU END*/

/* navigation */

.Navigation_Wrapper {margin-bottom:15px;}
.Navigation_Wrapper, .Navigation_Wrapper a {font-size:14px; color:rgba(0,0,0,0.8);}
.Navigation_Wrapper a{text-decoration:none; text-transform:uppercase;}
.Navigation_Wrapper a:hover{text-decoration:underline;}
.Navigation_Wrapper > a:last-child {font-weight:bold;}



/*CATALOGUE*/


.prodItem{padding-bottom:50px;position:relative; border-bottom:1px solid #e4e4e4;margin-bottom:25px; }
.prodItem h2{height:45px; overflow:hidden;}
.prodItem h2 a{color:#00a28f; font-weight:bold;}
.prodItemReadMore{display:block; text-align:center; color:#fff; border:2px solid #00a28f; background-color:#00a28f; padding:5px 0; position:absolute; bottom:10px; right:0px; left:0px;}
.prodItemReadMore:hover{background-color:#fff; color:#00a28f;}

.bx-pgr { float: left; width: 100%; height: 105px; background-size: cover !important;}
.product-details-gallery {background-size:cover;background-position:center;display:block;height:calc((100vw - 30px) * (9 / 16));}

@media (min-width:992px){
    #slides2{width:calc(100vw - 272px - 60px - 30px);max-width:800px;}
    .product-details-gallery {height:calc((100vw - 272px - 60px - 30px) * (9 / 16)); max-height:450px;}
}

#slides2 .bx-wrapper{margin-bottom:20px;}
#slides2 .bx-wrapper .bx-prev{ background-color:rgba(0,162,143,0.8); /*background: url(../images/slideshow/controls2.png) no-repeat 0 -68px;*/ left:0px; bottom:50%; margin-top:-30px;}
#slides2 .bx-wrapper .bx-next{background-color:rgba(0,162,143,0.8); right:0px; bottom:50%; margin-top:-30px;}
#slides2 .bx-wrapper .bx-next:hover{background-position:-74px 0}
#slides2 .bx-wrapper .bx-prev:hover{background-position:0 0   }
#slides2 .bx-wrapper .bx-controls-direction a{width:63px; height:63px; z-index:100; text-indent:0; text-align:center;}
#slides2 .bx-wrapper .bx-controls-direction a i{margin-top:25px; color:#fff;}
#slides2 .bx-wrapper img{display:inline-block;}
#slides2 .bx-wrapper li{text-align:center; padding:0;}
#slides2 .bx-wrapper li:before{content:none;}

#slides2 .bx-wrapper:last-child .bx-prev{left:-15px; width:30px;}
#slides2 .bx-wrapper:last-child .bx-next{right:-15px; width:30px;}
@media(min-width:768px) {
    #slides2 .bx-wrapper:last-child .bx-prev{left:-30px;}
    #slides2 .bx-wrapper:last-child .bx-next{right:-30px; }
}

.clear, .clear2, .clear3{display:block; width:100%; float:left;}


.catalogueGall .img {position: relative; float: left; display:inline-block; /*margin: 0 27px 27px 0;*/ margin-bottom:20px; border: 1px solid rgba(0,0,0,.15); width: 100%; /*max-width: 272px;*/}
.catalogueGall .img:after{padding-top:70%; display:block; content:' ';}
.catalogueGall .img .modelImgList{position:absolute; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover;}
.catalogueGall .img img {display: block; width: 100%; max-width: 400px; margin: 0 auto;}
.catalogueGall .overlay {  text-align:center; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); z-index: 1; opacity: 0; transition: all .3s ease 0s;}
.catalogueGall .overlay .actionBox {position: absolute; bottom: 60px; left: 0; width: 100%; height: 40px; text-align: center; opacity: 0; padding-top: 40px; transition: all .2s ease 0s;}
.catalogueGall .overlay .actionBox span {display: inline-block; line-height:35px; width: 40px; height: 40px; margin: 0 3px; border: 2px solid #fff; border-radius: 120px; text-align: center;}
.catalogueGall .overlay .actionBox span::after{font-family:"FontAwesome"; content:"\f115"; color:#fff; font-size:18px;}
.catalogueGall .overlay p {display: table-cell; width: 100vw; height: 120px; vertical-align: middle; padding: 15px; font-size: 14px; text-transform:uppercase; line-height: 1.3em; color: #fff; text-align: center; opacity: 0; padding-top: 40px; transition: all .3s ease .2s;}
.catalogueGall .thumbTitle{font-size:18px; font-weight:bold; text-transform:uppercase;}
.catalogueGall .img:hover{border-color:#fff;}
.catalogueGall .img:hover .overlay{opacity:1;transition:all .4s ease 0s;}
.catalogueGall .img:hover .overlay p{opacity:1;padding-top:15px;transition:opacity .3s ease .2s,padding-top .8s ease;}
.catalogueGall .img:hover .overlay .actionBox{opacity:1;transition:opacity .5s ease .7s}

/*CATALOGUE END*/

.news-content{border-bottom:1px solid #cccccc; padding-bottom:10px;}

.btn2{background-color:#00a28f; border:2px solid #00a28f; color:#fff; margin-right:5px;}
.btn2:hover{background-color:#fff; color:#000;}


/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/*
 * Styles copied from the Grid example to make grid rows & columns visible.
 */
/*
 * Callout styles copied from Bootstrap's main docs.
 */
/* Common styles for all types */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border-left: 3px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  background-color: #fff;
  border-radius: 3px;
}
/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  background-color: #fcf8f2;
  border-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}


.ps-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.ps-row .ps-column {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom:30px;
    -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
}

.ps-img {    display: -ms-flexbox;
    display: flex;
    flex-direction: row; height:calc((100vw - 60px) / 2 * (3 / 4));
}

.ps-img img {object-fit: cover;
    flex: 1;
    overflow: hidden;}


.product-item {display:block;overflow: hidden; position:relative;}

.product-item .overlay {
  display: flex;
  position: absolute;
  width: 100%;  
  left: 0;
  bottom:0;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  align-items:flex-end;
  padding:15px;  
  overflow:hidden;
}

.product-item h2 {font-size:18px;color:#fff;font-weight:700;position:relative;margin-bottom:0;}
.product-item .title {position:absolute;bottom:0;left:0;width:100%;padding:15px;background-color: rgba(0, 0, 0, 0.5);transition:opacity .3s ease-in-out;}
.product-item .overlay-desc {display:none;}
.product-item .catItemSummery {padding-left:25px;margin-bottom:-10px;padding-right:10px;}

/*5 column layout*/

.col5row{margin-left:-5px; margin-right:-5px;}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .product-item h2, .product-item .title h2 {font-size:26px;}

}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .container-subpage-main {padding-left:30px;padding-right:30px;}
    .ps-row .ps-column.col-menu {flex:0 0 302px; max-width:302px;}
    .ps-row .ps-column {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .ps-img {height:calc((100vw - 272px - 60px - 60px) / 2 * (3 / 4));}
    .product-item h2 {font-size:32px;}        
    .product-item .overlay {left:-100%;height: 100%;top: 0%;bottom:auto;}    
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .product-item .overlay, .product-item .title {padding-left:0;padding-bottom:35px;}
    .product-item .title {padding-bottom:15px;}
    .product-item h2 {font-size:45px;padding-left:45px;}
    .product-item h2:before {content:'';display:block;width:30px;height:30px;position:absolute;left:-3px;top:8px;transform:skew(-13deg);background-color:#029a84;}
    .product-item .title h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .product-item .title h2:before {height:20px;top:5px;}
    .product-item .overlay-desc {display:flex;}
    .product-item:hover .title {opacity:0;}
}

@media (min-width: 1400px) {
    .container-subpage-main {padding-left:45px;padding-right:45px;}
    .leftMenuDiv{padding-left:20px;}
    .ps-row .ps-column.col-menu {flex:0 0 402px; max-width:402px;}
    .ps-row .ps-column {-ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
    .ps-img {height:calc((100vw - 372px - 90px - 90px) / 3 * (3 / 4));}
}

@media (max-width: 480px) { 
  .col-ts-12 { float: none; width:100%; }
}



.w-100 {width:100%}
.d-flex {display:flex}
.d-none {display:none !important;}
.justify-content-between {justify-content:space-between}
.justify-content-around {justify-content:space-around}
.align-items-center {align-items:center}

/* loader */

.cssload-loader {position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;margin-left:-100px;margin-top:-100px;perspective: 4700px;}
.cssload-inner {position: absolute;width: 50%;height: 100%;}

.cssload-inner.cssload-one {transform:skew(-13deg) translateY(-100%); background-color:#029a84;left: 0%;top: 0%;animation: cssload-rotate-one 2s cubic-bezier(0, 0, 0.26, 1.01);}
.cssload-inner.cssload-two {transform:skew(-13deg) translateY(100%); background-color:#029a84; right: 0%;top: 0%;animation: cssload-rotate-two 2s cubic-bezier(0, 0, 0.26, 1.01);}


@keyframes cssload-rotate-one {0% {transform: traslateY(-100%) skew(-13deg);}80% {transform: translateY(0) skew(-13deg); opacity:0.2;} 100% {transform: translateY(0) skew(-13deg); opacity:0}}
@keyframes cssload-rotate-two {0% {transform: traslateY(100%) skew(-13deg);}80% {transform: translateY(0) skew(-13deg); opacity:0.2;} 100% {transform: translateY(0) skew(-13deg); opacity:0}}