#body {padding: 0px;}

.presenta h1, .presenta h2, .presenta h3, .presenta h4, .presenta h5, .presenta h6 {padding-left: 15px; padding-right: 15px; text-align: center; font-weight: 300 } 
.presenta h1 {font-size: 48px; color: #999; margin: 20px auto 0px auto; font-weight: 300;}
.presenta h1 span {color: #444; white-space: nowrap; font-weight: 300; display: block; font-size: 28px; margin: 10px auto 0px auto;}

@media screen and (max-width: 900px) {
.presenta h1 span {white-space: normal;}
}


.presenta h2 {font-size: 24px; color: #777; margin: 20px auto 0px auto; line-height: 35px;}
.presenta h3 {font-size: 36px; color: #888; padding: 60px 0px 0px 0px; line-height: 40px;}
.presenta h4 {font-size: 41px; color: #888; padding: 55px 0px 0px 0px; line-height: 48px;}
.presenta h5 {font-size: 26px; color: #777; line-height: 28px;}
.presenta h6 {font-size: 33px; color: #888; line-height: 43px;}





.presenta .hr-short {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(125, 125, 125, 0.4), rgba(0, 0, 0, 0)); max-width: 650px; margin: 30px auto;}

.presenta .hr-short-black {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0)); max-width: 650px; margin: 30px auto;}

.presenta section {display: block; clear: both; text-align: center; vertical-align: top; max-width: 999px; margin: auto; font-size: 19px; box-sizing: border-box;}

.presenta section ul li {padding: 0px 0px 12px 0px; list-style: none; font-size: 20px;}

.sector-opacity-black {background:#000; background: rgba(0,0,0,0.55); color: #fff;}

.sector-opacity-white {background:#fff; background: rgba(255,255,255,0.56);}

.presenta .presenta-infobox {position: absolute; color: #fff; background: red; font-size: 20px; line-height: 29px; margin: auto; padding: 16px 20px;}

.presenta .presenta-infobox .presenta-infobox-arrow-up {position: absolute; top: -22px; left: -moz-calc(50% - 23px); left: -webkit-calc(50% - 23px); left: -o-calc(50% - 23px); left: calc(50% - 23px);}

.presenta .presenta-infobox .presenta-infobox-arrow-left {position: absolute; left: -22px; top: -moz-calc(50% - 23px); top: -webkit-calc(50% - 23px); top: -o-calc(50% - 23px); top: calc(50% - 23px);}

.presenta .presenta-infobox .presenta-infobox-arrow-right {position: absolute; right: -22px; top: -moz-calc(50% - 23px); top: -webkit-calc(50% - 23px); top: -o-calc(50% - 23px); top: calc(50% - 23px);}



/* CAMERA
.slider-app, .slider {max-height: 450px; background: red;}

.email-marketing-free .slider-wrap, .email-marketing-free  .slider {max-height: 450px;} */



.Play-Store {margin: 0px; padding: 20px 0px 10px 0px; text-align: center;}
.Play-Store a {margin: 10px 15px; display: inline-block; font-size: 20px; min-width: 200px;}
.Play-Store a.enter {margin: 10px 15px; display: inline-block; font-size: 18px; color: #008C46; border: 1.5px solid #008C46; padding: 12px 30px; border-radius: 32px; background: rgba(255, 255, 255, 0.1); position: relative; min-width: 200px;}
.Play-Store a.enter:hover {color: #fff; border: 1.5px solid #008C18; background: #008C18; text-decoration: none;}

.Play-Store a.enter img {height: 24px; vertical-align: middle; margin-left: 7px;}
.Play-Store a p {font-size: 13px; color: #888; margin: 5px 0px 0px 0px;}

.Play-Store img {height: 55px;}

.Play-Store .enter-info {position: absolute; display: none; font-size: 20px; padding: 15px 25px; color: #fff; background: #DFA800; bottom: 70px; left: -30px; right: -30px; border-radius: 8px; border: 1px solid #fff; box-shadow: 2px 3px 8px rgba(0,0,0,0.25);}
.Play-Store a.enter:hover .enter-info {display: block;}





/* ========= PREFERENCES =========== */

.mobapp_banner, .preferences_banner, .support_banner {position: relative; width: 100%; height: 350px; background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; clear: both; overflow: hidden;}


/* PREFERENCES */
.preferences_banner {background-image: url("../images/background/preferences_setting.jpg");}


/* MOBILE APP - PREFERENCES */
.mobapp_banner {background-image: url("../images/background/mobile_app_setting.jpg");}


/* SUPPORT US */
.support_banner {background-image: url("../images/background/mobile_app_setting.jpg");}

.mobapp_pref {margin: 0px auto 0px auto; display: flex; display: -webkit-flex; display: -moz-flex;justify-content: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
/* .mobapp_pref div {width: 20%; display: table-cell; text-align: center; padding: 0px 20px; margin: 0px auto 30px auto; vertical-align: top;} */
.mobapp_pref div {font-size: 15px; min-width: 250px; margin: 0px 0px 15px 0px; padding: 25px 20px; text-align: center; vertical-align: top; border-radius: 4px; border: 1px solid rgba(255,255,255,0); line-height: 22px; min-height: 112px; position: relative; flex: 1 0 300px;}

.mobapp_pref div h6 {display: block; font-size: 20px; font-weight: 300; color: rgba(0,0,0,0.8); margin: 10px auto;}
.mobapp_pref div h6 svg {display: block; fill: rgba(0,0,0,0.4); max-height: 34px; max-width: 34px; margin: 12px auto;}
.mobapp_pref div a {display: table; font-size: 15px; margin: 15px auto 0px auto; width: 100%; max-width: 200px; padding: 8px 2px; border-radius: 30px; border-style: solid; border-width: 1.5px;}
.mobapp_pref div a svg {display: inline-block; max-height: 12px; max-width: 12px; margin: -3px 0px 0px 5px;}


@media screen and (max-width: 1023px) {
.mobapp_banner {height: 300px;}
.mobapp_pref {display: block;}
.mobapp_pref div a svg {display: none;}
}

@media screen and (max-width: 768px) {
.mobapp_banner, .support_banner {display: none;}
}





/* OWL CAROUSEL */

.mobil-app #owl-demo .item {padding: 30px 0px; margin: 10px; text-align: center;}
.mobil-app #owl-demo .item a {border: 1px solid #ccc; display: inline-block;}
.mobil-app #owl-demo .item a:hover {border: 1px solid #bb0000; box-shadow: 0px 0px 14px rgba(0,0,0,0.4)}



/* MOBILE TALLY - STOCK - FREE */

.presenta .blocksa {display: block; margin: 50px auto 40px auto;}

.blocksa a {display: inline-block; width: 285px; text-align: center; vertical-align: top; position: relative; font-size: 17px; color: #999; border: 1px solid #ddd; border-radius: 8px; padding: 26px 10px; margin: 25px 12px 45px 12px; line-height: 24px; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; min-height: 100px; box-sizing: border-box;}
.blocksa a:hover {text-decoration: none; border: 1px solid #aaa; color: #555;}
.blocksa a img {max-height: 47px; background: #fff; padding: 3px 18px; margin: auto;}
.blocksa a div.div-img {display: block; position: absolute; top: -27px; left: 0px; width: 100%; -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: grayscale(1);; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
.blocksa a:hover div.div-img {-webkit-filter: grayscale(0); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none;}
.blocksa a div.div-more {position: absolute; bottom: -11px; width: 100%; color: #bb0000; display: none;}
.blocksa a div.div-new {position: absolute; top: -24px; right: -20px; color: #bb0000; z-index: 10; background: red; color: white; border-radius: 100%; padding: 12px 20px; font-size: 18px;}
.blocksa a .div-prepare {position: absolute; top: 50px; right: 0px; left: 0px; z-index: 10; text-align. center; opacity: 0; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out;}
.blocksa a .div-prepare div {color: #bb0000; background: red; color: white; border-radius: 44px; padding: 18px 32px; font-size: 22px; display: table; margin: auto;}
.blocksa a.optimiz:hover {cursor: default;}
.blocksa a.optimiz:hover .div-prepare {opacity: 1;}
.blocksa a:hover div.div-more {display: block;}
.blocksa a div.div-more span {background: #fff; padding: 3px 15px; margin: auto; font-size: 16px;}
.blocksa a h5 {color: #888; font-size: 18px; display: block; margin: 18px auto 7px auto; line-height: 24px; padding: 0px 25px; /*min-height: 52px;*/}
.blocksa a h5::first-line {font-size: 22px;}

.blocksa a:hover h5 {color: #444;}






/* TALLY - TRIAL ACCOUNT */

.presenta .tally-free {position: relative; margin: 88px 0px; height: 372px;}
.presenta .tally-free .absolute {position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center;}
.presenta .tally-free .absolute div {position: relative; margin: auto; height: 100%; width: 100%; max-width: 900px; padding: 0px;display: block; padding: 0px 15px 0px 370px; font-size: 21px; line-height: 37px; color: #fff; vertical-align: bottom;}
.presenta .tally-free .absolute div h6 {padding: 45px 10px 0px 10px; font-size: 40px; color: #fff;}
.presenta .tally-free .absolute div a {display: table; padding: 10px 25px; font-size: 21px; color: #fff; border: 1.5px solid #fff; margin: 20px auto 0px auto; width: auto; border-radius: 8px;}
.presenta .tally-free .absolute div a:hover {background: rgba(255, 255, 255, 0.2)}
.presenta .tally-free .mob-main1 {position: absolute; top: -64px; left: -12px;}
.presenta .tally-free .hr-short {background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));}

@media screen and (max-width: 930px) {
.presenta .tally-free {display: none;}
}



/* TALLY - FORMS */

.presenta .tally-forms-bg {background: url('/images/camera/forms-1-1.jpg') center top no-repeat; background-size: cover; color: #fff; font-size: 21px; line-height: 37px;}
.presenta .tally-forms-bg .hr-short {background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));}
.presenta .tally-forms-bg section {padding: 20px 20px 70px 20px;}
.presenta .tally-forms-bg h3 {color: #fff;}
.presenta .tally-forms-bg section a {display: table; padding: 10px 25px; font-size: 21px; color: #fff; border: 1px solid #fff; margin: 20px auto 0px auto; width: auto; border-radius: 8px;}
.presenta .tally-forms-bg a:hover {opacity: 1.0; text-decoration: none; color: rgba(255, 255, 255, 1.0); background: rgba(255, 255, 255, 0.2)}
.presenta .tally-forms-bg table {width: 100%; margin: 23px auto 40px auto;}
.presenta .tally-forms-bg td {width: 25%; text-align: center; font-size: 18px; line-height: 23px; color: #fff;}



/* TALLY - PREVIEW */
.presenta .tally-overview {background: url('/images/stock-overview-bg.jpg') center top no-repeat; background-size: 100% auto; width: 100%; height: 827px; margin:0px auto 0px auto; text-align: center; vertical-align: bottom}
.presenta .tally-overview h3 {color: #000;}
.presenta .tally-overview h5 {color: #000;}

.presenta .tally-overview-png {margin: 45px auto 0px auto; background: url('/images/stock-overview.png') center top no-repeat; background-size: 100% auto; width: 631px; height: 422px; text-align: center; vertical-align: bottom; position: relative;}

.presenta .txt1, .presenta .txt2, .presenta .txt3, .presenta .txt4, .presenta .txt5 {position: absolute;}
.presenta .txt1 {left: 32px; top: 103px; font-size: 12px;}
.presenta .txt2 {left: 520px; top: 129px; font-size: 11px;}
.presenta .txt3 {left: 326px; top: 129px; font-size: 11px;}
.presenta .txt4 {left: 60px; top: 241px; font-size: 7px;}
.presenta .txt5 {left: 60px; top: 131px; font-size: 8px;}



/* MOBILE APP */

/* MOBILE APP - RECORDER */

.presenta .mobile-app-recorder {}
.presenta .mobile-app-recorder section {padding: 0px 0px 45px 0px;  background: url('/ico/mobile-recorder-bg.png') center 24% no-repeat; height: 520px; background-size: auto; margin: 40px auto 30px auto; position: relative;}
.presenta .mobile-app-recorder h3 {}
.presenta .mobile-app-recorder h5 {margin-top: 15px;}
.presenta .mobile-app-recorder h6 {color: rgba(255, 255, 255, 0.9); margin: 42px auto 10px auto;}

.presenta .mobile-app-recorder a {display: inline-block; width: 305px; text-align: center; vertical-align: top; position: relative; font-size: 15px; color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 0); border-radius: 8px; padding: 0px; margin: 30px 5px; line-height: 22px; -webkit-transition: all 0.10s ease-in-out; -moz-transition: all 0.10s ease-in-out; -ms-transition: all 0.10s ease-in-out; -o-transition: all 0.10s ease-in-out; min-height: 130px; opacity: 0.85; letter-spacing: 1px;}
.presenta .mobile-app-recorder a:hover {opacity: 1.0; text-decoration: none; color: rgba(255, 255, 255, 1.0);}
.presenta .mobile-app-recorder a img {display: block; margin: auto; opacity: 0.7;}
.presenta .mobile-app-recorder a:hover img {opacity: 1;}
.presenta .mobile-app-recorder a h4 {color: rgba(255, 255, 255, 1); font-size: 18px; font-weight: normal; line-height: 25px; margin: 15px auto 6px auto; padding: 0;}
.presenta .mobile-app-recorder a h4::first-line {font-size: 20px;}
.presenta .mobile-recorder {margin: auto; width: 100%; position: relative; text-align: center;}
.presenta .mobile-recorder div.data {position: absolute; color: #eee; font-size: 14px; top: 167px; margin: auto; width: 100%;}
.presenta .mobile-app-recorder .presenta-infobox {max-width: 600px; top: 470px; left: 20%; right: 20%;}

.presenta .mobile-app-recorder .box2 {max-width: none; top: 370px; left: 67%; right: auto; font-size: 18px; padding: 14px 18px;}
.presenta .mobile-app-recorder .box3 {max-width: none; top: 370px; right: 67%; left: auto; font-size: 18px; padding: 14px 18px;}




/* MOBILE APP - NEW FEATURES */

.presenta .mobile-app-features {background: url('/images/camera/index-mob1.jpg') no-repeat center; background-size: cover; color: #fff; margin: 124px auto 0px auto;}
.presenta .mobile-app-features .hr-short {background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));}
.presenta .mobile-app-features section {padding: 0px 0px 45px 0px;}
.presenta .mobile-app-features h3 {color: #fff;}
.presenta .mobile-app-features h5 {color: rgba(255, 255, 255, 0.85); margin-top: 15px;}
.presenta .mobile-app-features h6 {color: rgba(255, 255, 255, 0.9); margin: 42px auto 10px auto;}

.presenta .mobile-app-features a {display: inline-block; width: 305px; text-align: center; vertical-align: top; position: relative; font-size: 15px; color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 0); padding: 0px; margin: 35px 5px 25px 5px; line-height: 22px; transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; min-height: 130px; opacity: 0.85; letter-spacing: 1px;}
.presenta .mobile-app-features a:hover {opacity: 1.0; text-decoration: none; color: rgba(255, 255, 255, 1.0);}
.presenta .mobile-app-features a img {display: block; margin: auto; opacity: 0.7;}
.presenta .mobile-app-features a:hover img {opacity: 1;}
.presenta .mobile-app-features a h4 {color: rgba(255, 255, 255, 1); font-size: 18px; font-weight: normal; line-height: 25px; margin: 15px auto 6px auto; padding: 0;}
.presenta .mobile-app-features a h4::first-line {font-size: 20px;}



/* MOBILE APP - TRIAL ACCOUNT */

.mobile-app-free {position: relative; margin: 88px 0px; height: 372px;}
.mobile-app-free-bg1 {background: url('/images/mobile-app-free.jpg') center top no-repeat; background-size: cover;}
.mobile-app-free-bg2 {background: url('/images/mobile-app-free2.jpg') center top no-repeat; background-size: cover;}
.mobile-app-free-bg3 {background: url('/images/mobile-app-free3.jpg') center top no-repeat; background-size: cover;}
.mobile-app-free .absolute {position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center;}
.mobile-app-free section {}
.mobile-app-free .absolute div {position: relative; margin: auto; height: 100%; max-width: 620px; padding: 0px;display: block; padding: 0px 15px 0px 270px; font-size: 21px; line-height: 37px; color: #fff; vertical-align: bottom;}
.mobile-app-free .absolute div h6 {padding: 45px 10px 0px 10px; font-size: 40px; color: #fff;}
.mobile-app-free .absolute div a {display: table; padding: 10px 25px; font-size: 21px; color: #fff; border: 1px solid #fff; margin: 20px auto 0px auto; width: auto; border-radius: 8px;}
.mobile-app-free .absolute div a:hover {background: rgba(255, 255, 255, 0.2)}
.mobile-app-free .mob-main1 {position: absolute; top: -64px; left: -12px;}
.mobile-app-free .hr-short {background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));}

@media screen and (max-width: 930px) {
.presenta .mobile-app-free {display: none;}
.presenta .mobile-app-recorder section {background-size: contain;}
.presenta .mobile-app-transf {display: none;}
}




/* MOBILE APP - TRANSFER ANIMATION */

.presenta .mobile-app-transf {margin: 10px auto 90px auto;background: url('/ico/mobile-recorder-bg-2.png') center 200px no-repeat; background-size: auto;}
.presenta .mobile-app-transf h5 {margin-top: 15px;}
.presenta .mobile-app-transf .div-table {max-width: 900px; height: 310px; background: url('/images/camera/index-mob2.jpg') center top no-repeat; background-size: 100% auto; padding: 0px 0px 0px 0px; margin: 20px auto;}
.presenta .mobile-app-transf .div-cell {width: 33%; font-size: 23px; vertical-align: top; padding-top: 285px;}
.presenta .mobile-app-transf .div-cell:first-child {width: 26%}
.presenta .mobile-app-transf div.data {font-size: 11px; top: 115px;}


.presenta .mobile-app-transf .transf-log {z-index: -1; position: absolute; animation: transf-log 4s 0s infinite;
-webkit-animation: transf-log 4s 0s infinite; opacity: 0;}

@keyframes transf-log
{
0% {opacity: 0; left: 50px; top: 140px;}
30% {opacity: 1.0; left: 50px; top: 140px; -webkit-transform: scale(1.0, 1.0); transform: (1.0, 1.0);}
100% {opacity: 1; left: 40%; top: 130px; -webkit-transform: scale(0.5, 0.5); transform: (0.5, 0.5);}
}

@-webkit-keyframes transf-log 
{
0% {opacity: 0; left: 40px; top: 140px;}
30% {opacity: 1.0; left: 40px; top: 140px; -webkit-transform: scale(1.0, 1.0); transform: (1.0, 1.0);}
100% {opacity: 1; left: 40%; top: 130px; -webkit-transform: scale(0.5, 0.5); transform: (0.5, 0.5);}
}


.presenta .mobile-app-transf .transf-timber {z-index: -1; position: absolute; animation: transf-timber 4s 2s infinite;
-webkit-animation: transf-timber 4s 2s infinite; opacity: 0;}

@keyframes transf-timber
{
0% {opacity: 0; right: 60px; top: 150px;}
30% {opacity: 1.0; right: 60px; top: 150px; -webkit-transform: scale(1.0, 1.0); transform: (1.0, 1.0);}
100% {opacity: 1; right: 40%; top: 140px; -webkit-transform: scale(0.5, 0.5); transform: (0.5, 0.5);}
}

@-webkit-keyframes transf-timber 
{
0% {opacity: 0; right: 60px; top: 150px;}
30% {opacity: 1.0; right: 60px; top: 150px; -webkit-transform: scale(1.0, 1.0); transform: (1.0, 1.0);}
100% {opacity: 1; right: 40%; top: 140px; -webkit-transform: scale(0.5, 0.5); transform: (0.5, 0.5);}
}

.presenta .mobile-app-transf .wireless {display: block; margin: 27px auto; opacity: 0.7;}
.presenta .mobile-app-transf .transf-invoice {display: block; margin: auto; max-width: 150px}

.presenta .mobile-app-transf .presenta-infobox1 {right: 62.5%; top: 300px; font-size: 17px; line-height: 24px; padding: 10px 14px;}

.presenta .mobile-app-transf .presenta-infobox2 {left: 63%; top: 390px; font-size: 17px; line-height: 24px; padding: 14px 18px;}

.presenta .mobile-app-transf .presenta-infobox3 {right: 62.5%; top: 491px; font-size: 17px; line-height: 24px; padding: 14px 18px;}

.presenta .mobile-app-transf .presenta-infobox4 {left: 63%; top: 740px; font-size: 17px; line-height: 24px; padding: 14px 18px;}

.presenta .mobile-app-transf a {display: table; padding: 12px 25px; font-size: 21px; color: #bb0000; border: 1px solid #bb0000; margin: 60px auto 0px auto; width: auto; border-radius: 8px;}
.presenta .mobile-app-transf a:hover {background: rgba(187, 0, 0, 0.11)}



.mobile-app-features-3 {background: url('/images/camera/index-mob3.jpg') no-repeat; background-size: cover; margin: 80px 0px;}
.presenta .mobile-app-features-3 section {padding: 20px 25px 85px 25px; color: #fff; font-size: 21px; line-height: 30px;}
.presenta .mobile-app-features-3  h3 {color:#fff;}
.presenta .mobile-app-features-3 .hr-short {background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));}
.presenta .mobile-app-features-3 ul  li {color: #fff; font-size: 21px; padding: 8px 0px; list-style: none;}





/* MOBILE APP - RECOMMEND WATERPROOF */

.mobile-app-recommend {position: relative;}
.mobile-app-recommend-bg1 {background: url('/images/mobile-app-waterproof1.jpg') center top no-repeat; background-size: cover;}
.mobile-app-recommend-bg2 {background: url('/images/mobile-app-waterproof2.jpg') center top no-repeat; background-size: cover;}
.mobile-app-recommend-bg3 {background: url('/images/mobile-app-waterproof3.jpg') center top no-repeat; background-size: cover;}
.mobile-app-recommend  h3 {color: #686868}
.mobile-app-recommend .hr-short {}

.recommend-anim {height: 340px; position: relative;}
.recommend-anim img {left: 35%; position: absolute; top: -130px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.recommend-text {position: absolute; right: 310px; left: 280px; top: 67px; z-index: 10; padding: 15px; display: table; width: 360px; height: 200px; color:#bbb; font-size: 31px; font-weight: thin; line-height: 44px; text-align: center; vertical-align: middle; display: table-cell;}


@media screen and (max-width: 930px) {
.recommend-text {text-align: center; left: 27%;}
.recommend-text div {margin: auto;}
}






.presenta .references {background: #e4e4e4;}
.presenta .references section {}
.presenta .references ul {margin: 45px auto 40px auto; height: 170px; overflow: hidden;}
.presenta .references ul li {font-size: 17px; padding: 0px 15px 500px 15px; list-style: none; vertical-align: top;}
.presenta .references ul li blockquote {font-style: italic; line-height: 31px; font-size: 21px; color: #777; margin: 0px; padding: 0px;}
.presenta .references ul li p {line-height: 24px; font-size: 18px; color: #222; margin: 10px 0px; padding: 0px;}
.presenta .references ul li div {font-size: 18px; color: #444; padding: 6px; display: block;}
.presenta .references ul li img {display: block;}





/* COUPON */
.coupons .references section {max-width: 700px; padding: 0px 0px 0px 0px;}
.coupons .references .div-cell {text-align: center; width: 33%;}
.coupons .references ul {max-width: 600px; height: 145px !important; margin: 25px auto; overflow: hidden;}
.coupons .references ul li {padding: 15px 15px 400px 15px; list-style: none; text-align: center;}
.coupons .references ul li div {line-height: 24px; font-size: 17px; color: #777;}
.coupons .references ul li img {vertical-align: middle; max-height: 70px; max-width: 150px; margin: 0px auto 7px auto;}


@media screen and (max-width: 600px) {
.coupons .references .div-cell {display: block; width: auto; margin: 0px auto;}
}


.coupons .coupon-scrns {margin: 45px auto 60px auto; display: block; text-align: center;}

.coupons .coupon-scrns > div {width: 278px; height: 515px; margin:10px 14px; display: inline-block; position: relative;}
.coupons .coupon-scrns > div > div {position: absolute;}
.coupons .coupon-scrn1 {background: url(/images/coupon2-1.png) no-repeat;}
.coupons .coupon-scrn2 {background: url(/images/coupon2-2.png) no-repeat;}
.coupons .coupon-scrn3 {background: url(/images/coupon2-3.png) no-repeat;}

.app-name {font-size: 15px; color: #c9c0b3; top: 81px; left: 81px;}
.coupon-name {font-size: 20px; color: #fdfdff; top: 160px; left: 60px; text-transform: uppercase; font-weight: light;}
.coupon-insert {font-size: 14px; color: #caab88; top: 204px; left: 60px;}
.submit-name {font-size: 16px; color: #80411c; top: 255px; left: 60px;}


.coupons .coupon-mobile-1 {background: url(/images/coupon-mobile-1.png) no-repeat left; max-width: 600px; height: 473px; padding:0;}

.coupons .coupon-scrns .presenta-infobox {top: 467px; font-size: 17px; line-height: 21px; left: 0px; right: 0px; margin: 0px 20px;}




.coupons .coupon-try-free ol {margin: 25px auto;}
.coupons .coupon-try-free ol li {font-size: 19px; padding: 14px 4px; text-align: left; line-height: 28px;}
.coupons .coupon-try-free ol li i {font-size: 21px; color: #555;}
.coupons .coupon-try-free ol li a {display: block; margin: 6px 0px 0px 0px;}
.coupons .coupon-try-free ol li img {max-height:40px; display: inline-block; margin: 0px 6px 0px 0px;}




.wood-calculators {margin: 30px auto 30px auto;}




.partnership {background: #EED3AE; margin: 90px auto 30px auto;}
.partnership h3 {color: #A06A21;}
.partnership .hr-short {background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(160, 106, 33, 0.75), rgba(0, 0, 0, 0));}
.partnership img {height: 400px;}
.partnership .div-cell:first-child {padding: 0px 25px 0px 327px;}
.partnership .div-cell:last-child {width: 327px; vertical-align: bottom;}
.partnership section {padding: 40px 0px 40px 0px; width:auto; max-width: none;}
.partnership section ul li {font-size: 21px; list-style: none; padding: 0px 0px 15px 0px; color: #A06A21; line-height: 28px;}
.partnership a {display: table; padding: 12px 26px; font-size: 21px; color: #bb0000; border: 1px solid #bb0000; margin: 40px auto 0px auto; width: auto; border-radius: 8px;}
.partnership a:hover {color: #ff0000; border: 1px solid #ff0000; background: rgba(255, 255, 255, 0.2)}

@media screen and (max-width: 1366px) {
.partnership section {padding: 30px 0px 50px 0px;}
.partnership .div-cell:first-child {padding: 0px 25px 0px 25px;}
}


.presenta .licence {margin: auto; width: auto; padding: 0px 30px 85px 30px;}
.presenta .licence h5 {font-size: 24px; font-weight: normal;text-align: left; color: #444;}
.presenta .licence ul {margin-left: 35px;}
.presenta .licence li {text-align: left; line-height: 22px; color: #555; font-size: 15px; padding: 10px 0px 0px 0px; }




.sector-download {font-size: 19px; text-align: center;}
.sector-download div {height: 260px; max-width: 460px; margin: 35px auto 0px auto;}
.sector-download a {text-align: center; display: block; margin: 20px 40px; font-size: 38px;}
.sector-download a img {display: block; height: 150px; margin: 5px auto;}
.sector-download a.apple {color: #9d9d9d; top: 0px; right: 0px}
.sector-download a.android {color: #A4C639; top: 0px; left: 0px;}



/* ENTER - RED BUTTON */

.sector-enter {border-radius: 100px; float: none; padding: 14px 80px 14px 35px ; margin: 10px auto; background: red url(/images/enter_2a.gif) no-repeat; background-position: right 20px center; background-size: auto 15px; color: #fff; font-size: 18px; display: inline-block; margin: auto; width: auto;}

.sector-enter:hover {background: #dd0000 url(/images/enter_2b.gif) no-repeat; background-position: right 20px center; background-size: auto 15px; color: #fff; -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 22px 0px rgba(0,0,0, 0.5);}



/* LIGHTBOX APP */
.lightbox-app {max-width: 550px;}
.lightbox-app .lightbox-body {padding: 5px 20px 10px 20px; border-bottom: none;}
.lightbox-app .lightbox-body .div-cell-half {text-align: left; padding: 0px 12px; line-height: 27px;}
.lightbox-app .lightbox-body h5 {font-size: 22px; font-weight: normal; color: #555; display: block; margin: 17px 0px 6px 0px;}
.lightbox-app .lightbox-body label {font-size: 17px; text-decoration: none; color: #777; display: inline-block; margin-left: 6px;}
.lightbox-app .lightbox-body input[type="checkbox"]:checked + label {color: #008c00; text-decoration: none;}
.lightbox-app .lightbox-body input[type="checkbox"] {width: 16px; height: 16px; vertical-align: -2px;}

.lightbox-app .lightbox-body ol, .lightbox-app .lightbox-body ul  {margin: 0px 5px 0px 22px; padding: 0;}
.lightbox-app .lightbox-body ol li,.lightbox-app .lightbox-body ul li {font-size: 17px; color: #777;}

.lightbox-app .lightbox-body.photo {background: url('/images/photo-app.jpg') no-repeat center; background-size: cover; width: 500px; height: 340px;}

.lightbox-app .lightbox-body.gps {background: url('/images/gps-app.jpg') no-repeat center; background-size: cover; width: 500px; height: 350px;}

.lightbox-app .lightbox-body.barcode {background: url('/images/barcode-app.jpg') no-repeat center; background-size: cover; width: 500px; height: 350px;}






/* OPTIMIZATION */
/* ====================== */

.optimiza {background: url('/images/optimi-1.jpg') no-repeat center -80px; min-height: 1200px; position: relative; background-size: contain;}

.optimiza .presenta h1 {margin: auto; padding: 92px 0px 12px 0px; font-size: 90px; color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0, 0.75); }
.optimiza .presenta h2 {margin: 40px auto; padding: 20px 36px; font-size: 26px; background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 1); border: 2px solid rgba(255, 255, 255, 0.7); width: auto; display: table; letter-spacing: 1px;}

.optimiza .presenta .hr-short {background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));}

.optimiza .presenta .sector-opacity-white {margin: 70px 0px 0px 0px;max-width: none; right: calc(50% - 100px); position: absolute; text-align: right; padding: 35px 45px 35px 45px; font-size: 23px; line-height: 40px; max-width: 700px;}


.just-prepari {font-size: 48px; background: red; padding: 35px; position: absolute; top: 22%; left: 15%; right: 15%; color: white; text-align: center;}




/* OPTI-TIMB */
/* ====================== */

.opti-timb {min-height: 700px; position: relative;}

.opti-timb .presenta h1 {margin: 25px auto; padding: 192px 0px 12px 0px; font-size: 90px; color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0, 0.75); }
.opti-timb .presenta h2 {margin: auto; padding: 20px 36px; font-size: 26px; background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 1); border: 2px solid rgba(255, 255, 255, 0.7); width: auto; display: table; letter-spacing: 1px;}

.opti-timb .presenta .hr-short {background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));}

.opti-timb .presenta .sector-opacity-white {margin: 70px 0px 0px 0px;max-width: none; right: calc(50% - 100px); position: absolute; text-align: right; padding: 35px 45px 35px 45px; font-size: 23px; line-height: 40px; max-width: 700px;}


.opti-timb .just-prepari {font-size: 34px; background: red; padding: 35px; position: absolute; top: 62%; left: 15%; right: 15%; color: white; text-align: center;}


/* SECTOR 1 - CLASSIFIEDS
/* ======================

.sector1-2 {background: #99652B; padding: 30px 0px 50px 0px; margin: 50px 0px;}

.sector1-2 .sector ul {display: inline-block; margin: 40px 30px;}

.sector1-2 .sector ul li {list-style: none; text-align: left; padding: 8px;}

.sector1-2 .sector ul li a {color: #fff; font-size: 18px;}

.sector1-3 {padding: 25px 0px;}

.sector1-3 p {padding: 20px 35px; color: #777; font-size: 21px; max-width: 50%; line-height: 30px; text-align: left;}


.sector1-4 {background: #C68237; padding: 50px 0px; margin: 50px 0px;}

.sector1-4 h4 {color: #fff;}


.sector1-5 {padding: 0px;}

.sector1-5 .sector a {padding: 12px 8px; display: inline-block; vertical-align: top; max-width: 200px; margin: 20px 10px 20px 10px; text-align: center; line-height: 21px; border-radius: 5px; border: 1px solid #EBEBEB;}

.sector1-5 .sector a:hover {border: 1px solid #FFB0B0; text-decoration: none;}

.sector1-5 h5 {font-size: 13px; font-weight: normal;}

.sector1-5 h6 {font-size: 12px; font-weight: normal;}

.sector1-5 b {font-size: 14px;}

.sector1-5 a img {max-width: 100px; max-height: 100px; float: none; display: block; margin: 10px auto;}









SECTOR 3 - WOODWORKING MACHINERY
====================== 

.sector3-2 {background: #FBDAA2; padding: 40px 0px 50px 0px; margin: 50px 0px 0px 0px;}

.sector3-2 .sector a {padding: 4px; display: inline-block; vertical-align: top; width: 100px; margin: 10px 0px; text-align: center; line-height: 21px; border-radius: 5px;font-size: 14px;}

.sector3-2 .sector a:hover {text-decoration: none;}

.sector3-2 .sector a img {max-width: 100px; max-height: 50px; float: none; display: block; margin: 10px auto;}





SECTOR 4 - CALCS
====================== 

.sector4-2 {background: #F5D965; padding: 40px 0px 50px 0px; margin: 50px 0px 0px 0px;}

.sector4-2 .sector a {padding: 4px; display: inline-block; vertical-align: top; width: 150px; margin: 10px 0px; text-align: center; line-height: 18px; border-radius: 5px; font-size: 14px;}

.sector4-2 .sector a:hover {text-decoration: none;}

.sector4-2 .sector a  h5 {margin: 3px 0px; font-size: 17px;}

.sector4-2 .sector a img {max-width: 150px; max-height: 100px; float: none; display: block; margin: 10px auto;}











.sector p {font-size: 21px; padding: 0px 0px 20px 29px; max-width: 1480px; margin: auto; text-align: left; line-height: 29px;}




.sector button {background-image: none;}
.sector button {background: url(../ico/arrow_down2.png) center center no-repeat; width: 46px; height: 100px; border: none; border-radius: 0;}
.sector button:hover {box-shadow: none; opacity: 0.6; filter: alpha(opacity=60); outline: none;}
.sector button:focus {outline: none;}


@media screen and (max-width: 800px) {
.sector {padding-left: 20px; padding-right: 20px;}
.sector p {padding: 0px 0px 0px 29px;}
}



.sector-text-background-opacity {width: 50%; position: absolute}




@media screen and (max-width: 1023px) {
.sector h2 {font-size: 39px; text-align: center;}
.sector h3, .sector h4, .sector p {text-align: center;}
.sector h3, .sector p {padding-left: 20px; padding-right: 20px;}
.sector-enter {float: none; margin: auto;}
}


.sector2,.sector4, .sector6, .sector9 {
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}







 SECTOR 1 - CLASSIFIEDS
/* ======================

a.sector1 {padding: 60px 0px 50px 0px; display: block; color: #000;}

.sector1:hover {text-decoration: none;}

.sector1 h2 {color: #000;}

.sector1 h3 {color: #777;}

.sector1 .div-cell:first-child {width: 60%;}
.sector1 .div-cell:last-child {width: 40%;}

.sector-class {height: 220px; width: 100%; background-size: 100% auto; border-radius: 15px; border: 6px solid #E6C7AA; background: url(/images/sector-class.jpg) bottom left no-repeat; background-size: 100% auto;}

.sector1 .sector-enter {margin: 15px auto 0px auto; float: none;}

@media screen and (max-width: 800px) {
.sector1 .div-cell:last-child, .sector-class {display: none; }
}








SECTOR 2 - WOODWORKING CALC
===========================

.sector2 {padding: 70px 20px 60px 20px;

background: #c16100; background-image: -ms-radial-gradient(center bottom, circle farthest-corner, #ED9017 0%, #8C4600 100%); background-image: -moz-radial-gradient(center bottom, circle farthest-corner, #ED9017 0%, #713800 100%); background-image: -o-radial-gradient(center bottom, circle farthest-corner, #ED9017 0%, #713800 100%); background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #713800), color-stop(1, #713800)); background-image: -webkit-radial-gradient(center bottom, circle farthest-corner, #ED9017 0%, #713800 100%); background-image: radial-gradient(circle farthest-corner at center bottom, #ED9017 0%, #713800 100%);

}

.sector2 h2 {color: #fff;}

.sector2 > .div-table {max-width: 1480px;  margin: auto;}
.sector2 > .sector > .div-table >.div-row > .div-cell:first-child, .sector2 > .sector > .div-table > .div-row > .div-cell:last-child {width: 50px; text-align: center; vertical-align: middle; padding-bottom: 40px;}

.sector2-calc {padding: 25px 0px 25px 0px;}

.sector2-calc a {border-radius: 7px; border: 3px solid #fff; margin: 0px 8px 16px 8px; padding: 10px; display: inline-block; font-size: 12px;

-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);

background: #F0BE88; background: #f6e6b4; background: -moz-linear-gradient(top,  #f6e6b4 0%, #e89c40 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#e89c40)); background: -webkit-linear-gradient(top,  #f6e6b4 0%,#e89c40 100%); background: -o-linear-gradient(top,  #f6e6b4 0%,#e89c40 100%); background: -ms-linear-gradient(top,  #f6e6b4 0%,#e89c40 100%); background: linear-gradient(to bottom,  #f6e6b4 0%,#e89c40 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#e89c40',GradientType=0 );

width: 150px;
color: #000;}



.sector2-calc a:hover {
-webkit-box-shadow: 0px 0px 12px 0px rgb(0, 0,0);
-moz-box-shadow: 0px 0px 12px 0px rgb(0,0,0);
box-shadow: 0px 0px 12px 0px rgb(0,0,0);
background: #ECAE62;
}

.sector2-calc h5 {font-size: 15px; padding: 7px 3px 3px 3px;}


.sector2-calc img {margin: auto; max-height: 46px; max-width: 100px; }


#sector2-calc-open  {display: none;}









SECTOR 2 - BOTTOM PART
====================== 

.sector2-part2 {display: block; margin: 35px auto 0px auto; max-width: 970px; border-radius: 25px 25px 0px 0px; text-align: left; line-height: 23px; padding: 25px 20px 25px 274px; color: #F2CBA8; font-size: 16px; position: relative;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#66000000',GradientType=0 );

}


.sector2-part2:hover {text-decoration: none;}

.sector2-part2:hover  .sector-enter {background: #dd0000 url(/images/enter_2b.gif) 38px center no-repeat; -webkit-box-shadow: 0px 0px 22px 0px rgba(255,255,255, 0.7); -moz-box-shadow: 0px 0px 22px 0px rgba(255,255,255, 0.7); box-shadow: 0px 0px 22px 0px rgba(255,255,255, 0.7); background-size: auto 15px;}


.sector2-part2 p {color: #F2CBA8; padding: 0px 0px 16px 14px;}

.sector2-monitor {float: left; bottom: 0px; position: absolute; left: 50px; width: 210px; height: 220px; background: url(/images/monitor240.png) bottom center no-repeat; background-size: auto 100%;}


.sector2-part2  h3 {color: #fff; font-size: 29px; padding: 14px 0px 10px 0px; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); line-height: 27px; font-weight: normal;}

.sector2-part2 .sector-enter {margin-left: 46%; margin-left: -moz-calc(50% - 180px); margin-left: -webkit-calc(50% - 180px); margin-left: -o-calc(50% - 180px); margin-left: calc(50% - 180px);}


@media screen and (max-width: 1023px) {
.sector2-calc  {padding: 25px 0px 30px 0px;}
.sector2-calc a {min-height: 46px; font-size: 15px;}
.sector2-calc a img {float: left; padding: 0px;}
.sector2-calc h5 {font-size: 18px; padding: 2px;}
.sector-enter1 {display: none;}
.sector2 > .sector > .div-table > .div-row > .div-cell:first-child, .sector2 > .sector > .div-table > .div-row > .div-cell:last-child {display: none;}
#sector2-calc-open  {display: block;}

.sector2-part2 {text-align: center; position: static; padding: 20px 25px 20px 25px; margin: 10px auto 0px auto;}
.sector2-part2 p {color: #F2CBA8; padding: 0px 0px 10px 14px;}
.sector2-monitor {display: none;}
.sector2-part2  .sector-enter {margin: 10px auto 10px auto;}
}


@media screen and (min-width: 1024px) and (max-width: 1365px) {
.sector2-calc a {width: 130px;}
}

@media screen and (min-width: 801px) and (max-width: 1023px) {
.sector2-calc a {width: 44% !important; display: inline-block !important; }
}

@media screen and (max-width: 800px) {
.sector2-calc a {width: auto !important; display: block !important; }
}







SECTOR 3 - WOODWORKING MACHINERY
================================

.sector3 {padding: 60px 0px 55px 0px;}

.sector3 .sector {padding-top: 60px;}

.sector3 h3 {color: #777;}

.sector-machine {min-height: 180px; background: url(/images/sector-machine.jpg) top right no-repeat; background-size: 100% auto; border-radius: 15px; border: 6px solid #ddd;}

.sector3 .div-cell:first-child {width: 40%}
.sector3 .div-cell:last-child {width: 60%; padding: 0px 0px 0px 35px}

.sector3 .div-cell p {margin: 0px 0px 0px 25px; line-height: 18px;}

.sector3 .div-cell p a {display: inline-block; width: auto; text-align: left; font-size: 16px; vertical-align: top; padding: 5px 25px 5px 0px; }

.sector3 .sector-enter {margin: 20px auto;}

@media screen and (max-width: 1023px) {
.sector3 {padding: 60px 20px 50px 20px;}
.sector3 .sector {padding: 0px;}
.sector3 .div-cell:last-child {padding: 0px}
.sector3 .div-cell:first-child  {display: none;}
.sector3 .div-cell p a {text-align: center}

}








SECTOR 4 - EMAIL MARKETING
==========================

a.sector4 {color: #fff; padding: 50px 25px 40px 25px; 

 background-image: -ms-radial-gradient(center bottom, ellipse farthest-side, #C9DAFF 0%, #397FF7 50%, #152345 100%);  Mozilla Firefox background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, #C9DAFF 0%, #397FF7 50%, #152345 100%); background-image: -o-radial-gradient(center bottom, ellipse farthest-side, #C9DAFF 0%, #397FF7 50%, #152345 100%); background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 486, color-stop(0, #C9DAFF), color-stop(0.5, #397FF7), color-stop(1, #152345)); background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, #C9DAFF 0%, #397FF7 50%, #152345 100%); background-image: radial-gradient(ellipse farthest-side at center bottom, #C9DAFF 0%, #397FF7 50%, #152345 100%);
background-size:  100% 100%;
}


.sector4 h2 {color: #fff;}

.sector4 .div-cell:first-child {vertical-align: middle; width: 30%}
.sector4 .div-cell:last-child {padding: 20px 20px 10px 20px; vertical-align: top; width: 70%;}

.sector4 h3 {color: #FFCB2F;}

.sector4 .sector-enter {margin: 20px auto;}


.sector-em {height: 180px; background: url(/images/bg-form1.jpg) bottom center no-repeat; background-size: 100% auto; border-radius: 15px; border: 6px solid #ddd; margin: 0px 0px 0px 25px;}

@media screen and (max-width: 1023px) {
.sector4 .div-cell:first-child, .sector-em {display: none;}
 }


 
 




SECTOR 5 - FORMS
================

.sector5 {padding: 80px 20px; background: url(/images/bg-form1.gif) bottom right no-repeat;}

.sector5 h3 {color: #777;}

.sector5 p {}

.sector5 ul {margin: 0px 0px 0px 24px;}

.sector5 ul li {display: inline-block; width: auto; text-align: left; vertical-align: top; padding: 5px 25px 5px 0px; float: left;}

.sector5 .sector-enter {margin: 20px auto;}


@media screen and (max-width: 1279px) {
.sector5  {background: none;}
 }

@media screen and (max-width: 1023px) {
.sector5  ul li {text-align: center; float: none;}
 }








SECTOR 6  - VIDEOSHOWROOM + FLYERS
==================================

.sector6 {padding: 50px 25px;

    background-color: #038c52;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIxMDAlIiByPSIxMTEuODAzMzk4ODc0OTg5NDglIj48c3RvcCBzdG9wLWNvbG9yPSIjMDViZjczIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDU4MzAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIxMDAlIiByPSIxMTEuODAzMzk4ODc0OTg5NDglIj48c3RvcCBzdG9wLWNvbG9yPSIjMDViZjczIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDU4MzAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+),
        -webkit-gradient(radial, center bottom, 0, center bottom, 720,color-stop(0, rgb(5, 191, 115)),color-stop(1, rgb(0, 88, 48)));

    background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner,rgb(5, 191, 115) 0%,rgb(0, 88, 48) 100%);

    background-image: radial-gradient(ellipse farthest-corner at center bottom,rgb(5, 191, 115) 0%,rgb(0, 88, 48) 100%);
    background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner,rgb(5, 191, 115) 0%,rgb(0, 88, 48) 100%);
}
 




.sector6 > .sector > div {margin: 50px 2%; padding: 15px 33px; display: inline-block; font-size: 17px; width: 24%; background: #D08E20; border-radius: 20px; color: #F5F8ED; border: 3px solid #fff;}

.sector6 h3 {color: #fff; font-size: 25px; padding: 10px 0px 10px 0px; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); line-height: 27px;}

.sector6 .sector-enter {margin: 15px auto 10px auto;}


@media screen and (max-width: 1023px) {
.sector6 > .div-table > .div-row > .div-cell:first-child {display: none;}
}










SECTOR 7  - DICTIONARY + SPECIES
================================

.sector7 {}


.sector7 > .sector > div {margin: 80px 2%; padding: 15px 33px; display: inline-block; font-size: 17px; width: 24%;

background: rgb(163,201,82);
background: -moz-linear-gradient(top,  rgba(163,201,82,1) 0%, rgba(122,163,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,201,82,1)), color-stop(100%,rgba(122,163,0,1)));
background: -webkit-linear-gradient(top,  rgba(163,201,82,1) 0%,rgba(122,163,0,1) 100%);
background: -o-linear-gradient(top,  rgba(163,201,82,1) 0%,rgba(122,163,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(163,201,82,1) 0%,rgba(122,163,0,1) 100%);
background: linear-gradient(to bottom,  rgba(163,201,82,1) 0%,rgba(122,163,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c952', endColorstr='#7aa300',GradientType=0 );

border-radius: 20px; color: #F5F8ED; border: 3px solid #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
}

.sector7 h3 {color: #fff; font-size: 25px; padding: 10px 0px 10px 0px; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); line-height: 27px;}

.sector7 .sector-enter {margin: 10px auto 15px auto;}


.sector7  > .sector > div:hover {
-webkit-box-shadow: 0px 0px 12px 0px rgb(0, 0,0);
-moz-box-shadow: 0px 0px 12px 0px rgb(0,0,0);
box-shadow: 0px 0px 12px 0px rgb(0,0,0);
background:#8ab221;
}


@media screen and (max-width: 1023px) {
.sector7  {padding: 70px 25px;}
.sector7 >.equal-height{text-align: center; margin: 20px 1%;}
}






SECTOR 8 - MOBILE APP
=====================

.sector8 {padding: 60px 0px 40px 0px; display: block; color: #000;}

.sector8 h2 {}

.sector8 h3 {color: #777;}

.sector8 p {color: #555;}

.sector8-app {height: 450px; width: 280px; background: url(/images/mobil3.png) top right no-repeat; background-size: auto 450px;}

.sector8 .sector8-1 {padding: 0px 0px 25px 0px;}

.sector8 .sector8-2 {padding: 25px 0px 0px 0px;}

.sector8 .sector-enter {margin: 20px auto;}



@media screen and (max-width: 1023px) {
.sector8  .sector .div-cell:last-child {display: none;}
}







SECTOR 9 - CAPACITY
===================

.sector9 {background: url(/images/7.jpg) top center no-repeat; background-size: cover; color: #fff; position: relative; display: block;}

.sector9:hover, .sector9:hover h2, .sector9:hover h3, .sector9:hover p {text-decoration: none; color: #FFDF7D;}

.sector9 .sector {position: relative; z-index: 5; padding-top: 75px; padding-bottom: 60px;}

.sector9 .sector-text {width: 50%; padding-right: 20px;}

.sector-text-background-opacity {opacity: 0.55; top: 0px; left: 0px; bottom: 0px; right: 50%; background: #000;}

.sector9 h2 {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);}

.sector9 h3 {color: #FFE697; padding: 14px 0px 20px 30px; right: 50%;}

.sector9 p {color: #FFCB2D; padding: 0px 0px 25px 40px;}


@media screen and (max-width: 1023px) {
.sector9 .sector-text {width: 100%; padding-right: 0px;}
.sector9 p {padding: 0px 0px 25px 0px;}
.sector9 .sector-text-background-opacity {opacity: 0.55; top: 0px; left: 0px; bottom: 0px; right: 0%; background: #000; width:100%}
}







@media screen and (min-width: 1681px) and (max-width: 1799px) {

.index-sector-item h4 {font-size: 23px; color: #FFF2E6;}

.index-sector-item p {font-size: 16px; font-weight: normal;}




.sector-header h2 

.sector2 h3 {color: #fff;}

.sector2 h4 {color: #000;}


.sector2-calc  {margin: 0px auto 20px auto; padding: 15px; max-width: 1480px;}
.sector2-calc a {border-radius: 7px; border: 3px solid #fff; margin: 0px 8px 16px 8px ; padding: 10px; display: inline-block; font-size: 11px;

-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.8);
box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.8);


background: #F0BE88; 


background: #f6e6b4; 
background: -moz-linear-gradient(top,  #f6e6b4 0%, #e89c40 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#e89c40));
background: -webkit-linear-gradient(top,  #f6e6b4 0%,#e89c40 100%); 
background: -o-linear-gradient(top,  #f6e6b4 0%,#e89c40 100%); 
background: -ms-linear-gradient(top,  #f6e6b4 0%,#e89c40 100%);
background: linear-gradient(to bottom,  #f6e6b4 0%,#e89c40 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#e89c40',GradientType=0 );


color: #000;
display: block; float: left; background: blue; width: 150px; }
}


.sector2-calc a h6 {color: #000;}





.sector2-calc2  {margin: 0px auto 0px auto; max-width: 1480px; background-color:rgba(0,0,0,0.2); border-radius: 25px; height: 200px; position: relative;}
.sector2-calc2 a {width: 34%; margin: 0px 20px; display: inline-block; }



.sector3 {background:#E87400;}

.item-phone {background: url(/images/phone2.png) top center no-repeat; width: 358px; height: 318px; bottom: 0px;}


.item1 {border: 3px solid #fff; border-radius: 8px; background: url(/images/sector-item.jpg) top center no-repeat; background-size: 100% auto; vertical-align: top; padding: 0px;
-webkit-box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.77);
-moz-box-shadow:    1px 1px 12px 0px rgba(50, 50, 50, 0.77);
box-shadow:         1px 1px 12px 0px rgba(50, 50, 50, 0.77);
height: 120px;

}
.item1 h4 {background: rgba(60, 30, 0, 0.85); padding: 15px 10px 10px 10px; margin: 170px 0px 0px 0px;}
.item1 p {background: rgba(60, 30, 0, 0.95); padding: 10px 15px 30px 15px; border-radius: 0px 0px 6px 6px; color: #FFE0C1;}


.index-sector2-item {font-size: 16px; padding: 10px 0px; color: #FFDBB7; text-align: center;

}

.index-sector2-item:hover {background-size: 100% 100%;
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%, rgba(128,128,128,0) 50%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.65)), color-stop(50%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0) 100%); 
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.65) 0%,rgba(128,128,128,0) 50%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00000000',GradientType=1 );


}


.index-sector2-item h4 {font-size: 27px; padding: 16px 0px 6px 0px; color: #fff; text-align: center;}


.sector2 h3 {color: #FFC68C;}





*/