#body {padding: 0px;}






/* COMMON SETTING */
.index-content a, .index-right a {color: #444;}
.index-content a:hover, .index-right a:hover {color: #000; text-decoration: none;}
.index-content h4, .index-right h4 {display: block; clear: both;}
.index-content a h5, .index-right a h5 {color: #c40000; display: block; font-weight: normal; font-size: 16px;}
.index-content a h5:first-letter, .index-right a h5:first-letter {text-transform: uppercase;}
.index-content a:hover h5, .index-right a:hover h5 {color: #ff0000; text-decoration: none;}

.index-content h4 a, .index-right h4 a {text-align: left; display: block; color: #cd8747; font-weight: 300;}
.index-content h4 a:hover, .index-right h4 a:hover {color: #bb0000; text-decoration: underline;}

hr {border: 0; height: 0; border-top: 1px solid #F2DFCE; border-bottom: 1px solid rgba(255, 255, 255, 0.4); margin: 0px 17px;}



/* CONTENT */

.index-content {display: table-cell; vertical-align: top;}

.index-content h4 a {font-size: 30px; margin: 50px 5px 17px 25px; display: block; letter-spacing: 0.5px; }








/* CLASSIFIEDS */

.i-classi {margin: 63px auto 40px auto; clear: both; float: none; text-align: center; position: relative;}
.i-classi-en {display: none;}

.i-classifieds {padding: 0px; text-align: center; display: block; margin: auto; overflow: hidden;}

.i-classifieds > div > div > div > a, .i-timber a {max-width: 244px; display: inline-block; padding: 20px 22px; vertical-align: top; border: 1.5px solid #f8eee4; margin: 5px 10px 33px 10px; font-size: 14px; color: black; line-height: 20px; border-radius: 12px; overflow: hidden;}


.i-classifieds > div > div > div > a:hover, .i-classifieds-tp a:hover, .i-timber a:hover {text-decoration: none; box-shadow: 2px 2px 4px rgba(0,0,0,0.1); 
background: -moz-linear-gradient(top, rgba(250,241,228,0.25) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(250,241,228,0.25) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(250,241,228,0.25) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80faf1e4', endColorstr='#ffffff',GradientType=0 );
}

.i-classifieds a h5, .i-timber a h5 {margin: 0px 0px 4px 0px; word-break: break-word;}
.i-classifieds a h5:first-letter, .i-timber a h5:first-letter {text-transform: uppercase;}

.i-classifieds a h6, .i-timber a h6 {font-size: 13px; font-weight: normal; margin: 2px 0px 6px 0px; display: block; color: #888; line-height: 16px;}
.i-classifieds p, .i-timber p {font-size: 14px; word-break: break-word; color: #333; text-align: justify;}
.i-classifieds b, .i-timber b {display: block;}

.i-classifieds a  > div, .i-timber a  > div {float: none; margin: 15px auto 0px auto; display: block; max-width: 170px; max-height: 90px; overflow: hidden; text-align: center;}
.i-classifieds a > div:empty, .i-timber a > div:empty {display: none;}
.i-classifieds a > div img, .i-timber a > div img {max-width: 170px; margin: auto;}




/* BOTTOM BUTTONS */

.i-classifieds-more {display: block; width: 100%; text-align: center; margin: 0px auto;}
.add-enter {display: block; width: auto; position: absolute; top: -5px; right: 40px;}
.i-classifieds-more a, .add-enter {opacity: 0.7;}
.i-classifieds-more a span, .add-enter span {visibility: hidden; font-size: 16px;}
.i-classi:hover .i-classifieds-more a, .i-classi:hover .add-enter, .articles:hover .i-classifieds-more a {opacity: 1.0;}
.i-classi:hover .i-classifieds-more a span, .i-classi:hover .add-enter span,.articles:hover .i-classifieds-more a span {visibility: visible;}

a.more-enter {border-radius: 100px; padding: 12px 55px 12px 22px; background: url(/ico/arrow-more1.png) no-repeat right center; color: #bb0000; background-size: 25%; font-size: 16px; border: 1.5px solid #fff; display: inline-block;}

a.more-enter:hover {background: url(/ico/arrow-more-red2.png) no-repeat right center; color: #ff0000; text-decoration: none; border-top: 1.5px solid #ff0000; border-left: 1.5px solid #ff0000; border-bottom: 1.5px solid #ff0000; background-size: 25%;}

a.add-enter,.i-timber a.add-enter {display: block; border-radius: 100px; padding: 12px 33px 12px 22px; margin: 0px 14px 0px 0px; background: url(/ico/add.png) no-repeat right center; font-size: 17px; border: 1.5px solid #fff;letter-spacing: normal;}

a.add-enter:hover, .i-timber a.add-enter:hover {color: #009B27; text-decoration: none; border-top: 1.5px solid #00B02D; border-left: 1.5px solid #00B02D; border-bottom: 1.5px solid #00B02D; border-right: 1.5px solid #fff;}

a.add-enter, a.add-enter span, .i-timber a.add-enter, .i-timber a.add-enter span {color: #00B02D;}



@media screen and (max-width: 1279px) {
a.add-enter {right: 10px;}
}

@media screen and (max-width: 1023px) {
.i-classifieds-more a span, .add-enter span {visibility: visible;}
a.add-enter {position: static; display: table; margin: 0px auto 15px auto;}
}








/* CLASSIFIEDS TIMBERPOLIS - EN Domains - not SK, CZ */



.i-timber, .shwrm , .flyerrs {position: relative; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; padding: 0px 25px 0px 25px;}

.i-timber a {flex: 1 0 200px;}
.shwrm a, .flyerrs a {flex: 1 0 auto; margin: 0px 0px 15px 0px}

@media screen and (max-width: 768px) {
.shwrm a, .flyerrs a {flex: 1 0 300px;}
}


@media screen and (max-width: 583px) {
.i-timber .add-enter {position: absolute; top: 5px; right: 20px;}
}





/* ARTICLES */



.articles {padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; padding: 0px 25px 0px 25px;}

.articel {display: block; flex: 1 0 45%; margin: 0px 0px 25px 0px; border-bottom: 1px solid #F2DFCE; padding: 0px 20px 26px 20px; line-height: 24px; font-size: 14px; text-align: justify; min-width: 350px;}

.articel:hover {border-bottom: 1px solid #F2DFCE;}
.articel h5 {font-size: 16px; margin: 0px 0px 2px 0px;}
.articel h5:first-letter {text-transform: uppercase;}
.index-content a.articel:hover h5 {text-decoration: underline;}
.articel h6 {font-size: 15px;}

.articel .right {display: block; margin: 0px 0px 5px 10px; max-height: 50px; max-width: 100px;}

.articles .more-enter {margin: 0px;}


.articles-en, .articles1-en, .articles2-en {display: none;}
.articles1-cs {display: block; width: 100%;}
.articles2-cs {display: none !important;}





.features {padding: 0px 0px 0px 25px;}
.features > div {width: 50%;}

.features h6 {margin-left: 0px;}
.features #ticker_01, .features #ticker_02 {overflow: hidden; list-style: none;}
.features #ticker_01 {height: 160px;}
.features #ticker_02 {height: 160px;}
.features ul {display: block; margin-left: 15px;}
.features ul li {line-height: 20px; display: block; margin-bottom: 15px;}
.features ul li a {color:#bb0000; display: block; font-size: 17px;margin-bottom: 3px;}
.features ul li a:hover {color:#ff0000; text-decoration: underline;}
.features ul li p {display: block; margin-left: 20px; font-size: 15px;}

@media screen and (max-width: 1023px) {
.features > div {display: block;}
.articel {display: block; width: 100%; flex: 0 1 auto; min-width: 0;}
}




/* BOTTOM */
.videoshow, .flye {padding: 40px 0px 0px 0px;}
.videoshow a.lightbox-window {display: block; margin: 5px 25px 20px 35px; border-bottom: 1px solid #F2DFCE; padding: 0px 0px 40px 0px; line-height: 21px; font-size: 14px;}
.videoshow a h5 {margin: 0px 0px 2px 0px;}
.videoshow a h5:first-letter {text-transform: uppercase;}
.videoshow a:hover h5 {text-decoration: underline;}
.videoshow a h6 {font-size: 14px;}
.videoshow a div {float: right; margin: 0px; display: inline-block; max-width: 170px; max-height: 70px; overflow: hidden; text-align: center;}
.videoshow a div a:empty {display: none;}
.videoshow a div img, .shwrm a img, .flyerrs a img {float: none; margin: auto; display: block; max-width: 170px;}


/* TIMBERPOLIS - NOT SK / CZ */
.shwrm a, .flyerrs a {text-align: center;}
.shwrm a h5, .flyerrs a h5 {margin: 4px auto;}
 .flyerrs a img {max-height: 120px;}
 

.flye a.flye-item {display: block; margin: 5px 25px 20px 35px; border-bottom: 1px solid #F2DFCE; padding: 0px 0px 40px 0px; line-height: 21px; font-size: 14px;}
.flye a h5 {margin: 0px 0px 2px 0px;}
.flye a h5:first-letter {text-transform: uppercase;}
.flye a:hover h5 {text-decoration: underline;}
.flye a h6 {font-size: 14px;}
.flye a div {float: right; margin: 0px; display: inline-block; max-width: 170px; max-height: 70px; overflow: hidden; text-align: center;}
.flye a div a:empty {display: none;}
.flye a div img {float: none; margin: auto; display: block; max-width: 170px;}

















/* RIGHT SIDE */

.index-right {display: table-cell; width: 240px; padding: 15px 10px 0px 10px; text-align: center; vertical-align: top;}

.index-right h4 a {font-size: 28px; text-align: left; font-weight: 300; margin: 55px 0px 0px 15px; display: block; color: #cd8747; line-height: 30px; word-break: break-word;}
.index-right h4 a:hover {color: #bb0000; text-decoration: underline;}

.index-right h3 {font-size: 15px; margin: 0px 15px 3px 15px; display: block; word-break: break-word; font-weight: normal;}
.index-right h4 {font-size: 14px; word-break: break-word; color: #000; margin-bottom: 15px;}
.index-right h5 {text-align: center;}
.index-right a:hover h5 {text-decoration: underline;}
.index-right > div > a {display: block; vertical-align: top;}

.index-right .index-akcie a, .index-right .forum a, .index-right .index-events a {border-bottom: 1px solid #f2dfce;}
.index-right .index-akcie a:last-child, .index-right .forum a:last-child, .index-right .index-events a:last-child {border-bottom: none;}

.index-right .side_banner:first-child {margin-top: 20px;}



.index-right .index-partners, .index-right .index-stat, .index-right .index-events {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around;}

.index-right .index-partners a, .index-right .index-events a {display: block; flex: 1 0 150px;}






/* PARTNERS */

.index-partners {margin: 0px auto 50px auto; text-align: center;}
.index-partners a {margin: 3px auto 10px auto; text-align: center;}
.index-partners a img {padding: 0px 5px 12px 5px; max-height: 165px; max-width: 160px; display: block; margin: 0px auto;}
.index-partners .pask, .index-partners .pcs {display: none;}
.index-partners .psk, .index-partners .pacs {display: block;}
.index-partners h4 a {margin: 55px 0px 20px 20px;}


 
 
/* STATISTICS */
 
.index-stat {margin: 30px auto 35px auto;}
.index-stat div {display: block; font-size: 28px; margin: 0px auto 25px auto; color:#b87232 ; text-align: center; line-height: 21px; font-weight: 400; min-width: 100px; max-width: 300px; letter-spacing: 1px;}
.index-stat div:hover, .index-stat div:hover p {color: #7c4d21;}
.index-stat p {display: block; font-size: 17px; margin: 0px auto 8px auto; color:#cd8747 ; font-weight: 300; letter-spacing: 0px;}
.index-right .index-stat div {display: block; flex: 1 0 150px;}
 
 
 
/* AKCIE */

.index-akcie {margin: 50px auto 70px auto; color: #888;}
.index-akcie-en {display: none;}
.index-akcie a {margin: 0px auto 25px auto; padding-bottom: 25px; display: block; line-height: 21px; font-size: 14px; }
.index-akcie a:last-child {margin: 0px auto; padding: 0;}
.index-akcie a div {float: none; margin: 5px auto 0px auto; display: block; max-width: 170px; max-height: 90px; overflow: hidden; text-align: center;}

.index-akcie a:empty, .index-akcie a:empty div +.index-akcie {display: none;}
.index-akcie a div img {float: none; margin: auto; display: block; max-width: 170px;}





/* EVENTS */

.index-events {margin: 0px auto;}

.index-events a {margin: 0px auto 25px auto; padding-bottom: 25px; display: block; line-height: 21px; font-size: 14px; color: #888;}
.index-events a:last-child {padding: 0px;}
.index-events a:hover h5 {text-decoration: underline;}
.index-events a h5 {margin-bottom: 5px;}
.index-events a div {float: none; margin: 10px auto 0px auto; display: block; max-width: 170px; max-height: 70px; overflow: hidden; text-align: center;}
.index-events a div:empty, .index-events a h6:empty {display: none;}
.index-events a div img {max-width: 170px; margin: auto;}

.index-events h4 a {margin: 55px 0px 20px 10px;}




/* FORUM */

.forum {margin: 0px auto 60px auto; color: #888;}
.forum a {display: block; margin: 0px 15px 20px 25px;  padding: 0px 0px 20px 0px; line-height: 21px; font-size: 14px; text-align: justify;}
.forum a h5 {margin: 0px 0px 5px 0px;}
.forum a:hover h5 {text-decoration: underline;}
.forum a h5:first-letter {text-transform: uppercase;}
.forum h4 a {margin: 55px 0px 20px 10px; padding: 0px 0px 0px 0px;}







@media screen and (max-width: 1279px) {
.index-content {display: block;}
.index-right {display: block; width: 100%; padding: 0px;}
.side_banner, .index-partners a.psk, .index-partners a.pcs {margin: 10px; display: inline-block;}

.forum a h5 {text-align: left;}
.index-right .index-events a {border: none;}
	
/* .articles, .forum, .videoshow , .flye {display: block; width: 100%;}
.articles h6 a {margin-top: 70px !important;}


.akcia {margin: 0px 7px 25px 7px; padding-bottom: 25px; display: inline-block; line-height: 21px; font-size: 14px; border-bottom: none; width: 25%; vertical-align: top;}
.index-events a {margin: 0px 7px 25px 7px; padding-bottom: 25px; display: inline-block; line-height: 21px; font-size: 14px; border-bottom: none; width: 25%; vertical-align: top;}
.index-events h6 a {width: auto; margin: 37px 0px 17px 15px !important;} */
}
 
 
 
@media screen and (max-width: 768px) {
.i-classifieds a {display: block; max-width: 540px;}
.i-classifieds p {padding-right: 0px;}
.i-classifieds a  > div {margin: 10px auto 0px auto; max-width: 170px; max-height: 70px; overflow: hidden; text-align: center; float: none}
.akcia:last-child, .akcia {display: block; width: auto; text-align: left; margin: 0px 35px;}
.akcia h3 {margin: 0px 0px 3px 0px;}
.akcia div {float: right; margin: -40px 10px 0px 10px;}
.index-events a:last-child , .index-events a {display: block; width: auto; text-align: center; margin: 0px 35px;}
.index-events a h3 {margin: 10px 0px 3px 0px;}
.index-events a div {float: none; margin: 10px auto 0px auto; display:block;}

}

@media screen and (max-width: 568px) {
.videoshow a {text-align: center; padding-bottom: 20px}
.videoshow a div {float: none; margin: 20px auto 10px auto; display: block;}
.flye a {text-align: center; padding-bottom: 20px}
.flye a div {float: none; margin: 20px auto 10px auto; display: block;}

a.more-enter {margin-top: 20px;}
}






/* INDEX BOX BUTTON MIDDLE */

#index-icon .open {display: block; position: absolute; top: 160px; left: 0px; padding: 4px 29px; right: 0px; text-align: center;}
#index-icon a.open svg {fill: #ddd; width: 300px; height: 25px; margin: auto;}
#index-icon a.open:hover svg {fill: #bbb;}

#index-icon {position: relative;}
#index-icon-box {text-align: center; vertical-align: top;  margin: 25px auto 0px auto; white-space: normal; height: 160px; overflow: hidden; padding: 8px 5px 0px 5px;}

#index-icon-box a {vertical-align: top; text-align: center; display: inline-block; width: 120px; margin: 0px 0px 50px 0px; min-height: 135px; color: #999; font-size: 15px; text-transform: uppercase; overflow: hidden;}

#index-icon-box a:hover {color: #bb0000;}

#index-icon-box a p {display: block; margin: 10px auto 0px auto; word-break: break-word; color: #999; font-size: 13px;}
#index-icon-box a p:first-line { font-size: 14px;}
#index-icon-box a:hover p {color: #777;}


#index-icon-box a .icon-box {padding: 12px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; vertical-align: middle; display: flex; width: 88px; height: 88px; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border: 2px solid rgba(255,255,255,0); margin: auto;}

#index-icon-box a:hover .icon-box {border: 2px solid rgba(255,255,255,0.7); box-shadow: 1px 3px 6px rgba(0,0,0,0.27);}

#index-icon-box a .icon-box svg {margin: auto; max-height: 45px; max-width: 45px; vertical-align: middle; fill: rgba(255,255,255,0.8);}
#index-icon-box a:hover .icon-box svg {fill: rgba(255,255,255,0.9);}

#index-icon-box a.en {display: none;}

@media screen and (min-width: 1680px) {
#index-icon-box a {margin: 0px 3px 20px 3px;}
}

@media screen and (max-width: 1420px) {
#index-icon-box:hover {max-height: none; overflow: hidden;}
}

@media screen and (max-width: 1024px) {
#index-icon-box {max-height: none; overflow: hidden;}
}










.sectors {padding-top: 30px; clear: both; display: block; text-align: center;}

.sector {display: block; clear: both; text-align: center; vertical-align: top; max-width: 1110px; margin: auto; font-size: 18px;}

.sector h2 {font-size: 50px; font-weight: normal; max-width: 1110px; text-align: left; letter-spacing: 1px; margin: auto; text-transform: uppercase; padding-left: 20px;}

.sector h3 {font-size: 26px; font-weight: normal; padding: 10px 0px 12px 30px; max-width: 1110px; margin: auto; text-align: left; line-height: 27px; color: #777;}

.sector h4 {font-size: 38px; font-weight: normal; max-width: 1110px; text-align: left; margin: auto; padding-left: 20px;}

.sector .features-list {margin: 10px 20px 40px 30px; clear: none;vertical-align: top;}

.sector .features-list li {color: #444; list-style: none; font-size: 20px; padding: 10px; text-align: left; line-height: 26px; vertical-align: top;}

.sector-opacity-black {background:#000; background: rgba(0,0,0,0.5);}
.sector-opacity-white {background:#fff; background: rgba(255,255,255,0.7);}




/* ENTER - RED BUTTON */

.sector-enter {border-radius: 100px; float: none; padding: 14px 70px; margin: 10px auto; background: red url(/images/enter_2b.gif) no-repeat right center;background-size: auto 15px; color: #fff; font-size: 18px;}

.sector-enter:hover {background: #dd0000 url(/images/enter_2a.gif) no-repeat right 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); padding: 14px 70px;}


.sector-img {width: 400px; float: right; background-size: auto 100%; background-repeat: no-repeat; background-position: center; margin: 0px 15px;}


@media screen and (max-width: 1023px) {
.sector-img {display: none;}
}





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

.sector1-1 ul.features-list {display: inline-block; margin: 10px 20px 40px 30px; width: 42%}


.sector1-2 {background: url('/images/camera/index-class2.jpg') no-repeat; background-size: cover; padding: 0px 0px 0px 0px; margin: 70px 0px 60px 0px;}

.sector1-2 .sector {padding: 30px 0px 40px 0px;}

.sector1-2 .sector ul {display: inline-block; margin: 20px 30px 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: 18px; line-height: 30px; text-align: left;}

.sector1-3 .sector-img {background-image: url('/images/camera/index-flags.jpg'); height: 150px;}

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

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


.sector1-5 {padding: 0px;}

.sector1-5 .sector a {padding: 16px 8px; display: inline-block; vertical-align: top; width: 220px; margin: 20px 7px 20px 7px; 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 2 - CAPACITY */

.sector2  .sector  {vertical-align: top;}

.sector2  .sector ul.features-list {display: inline-block; margin: 30px 30px 40px 30px; vertical-align: top; width: 40%; vertical-align: top;}


.sector2-2 {background: url('/images/camera/index-capa1.jpg') no-repeat; background-size: cover; padding: 0px 0px 0px 0px; margin: 70px 0px 0px 0px;}

.sector2-2 .sector {padding: 40px 0px 50px 0px;}

.sector2-2 .sector ul {display: inline-block; margin: 20px 30px 40px 30px; width: 40%;vertical-align: top;}

.sector2-2 .sector ul li {list-style: none; text-align: left; padding: 8px; vertical-align: top; color: #fff; font-size: 18px;}






/* SECTOR 3 - WOODWORKING MACHINERY */
/* ====================== */

.sector3-2 {background: url('/images/camera/index-mach1.jpg') no-repeat; background-size: cover; margin: 50px 0px 0px 0px;}

.sector3-2 .sector-opacity-white {text-align: center; vertical-align: top; max-width: 1110px; margin: auto; padding: 20px 0px 40px 0px;}

.sector3-2 .sector {padding-bottom: 30px;}

.sector3-2 .sector a {padding: 2px; display: inline-block; vertical-align: top; width: 97px; margin: 10px 0px; text-align: center; line-height: 18px; font-size: 14px;}

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

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







/* SECTOR 4 - CALCS */
/* ====================== */

.sector4-1 ul.features-list {display: inline-block; margin: 10px 20px 40px 30px; width: 42%}

.sector4-2 {background: url('/images/camera/index-calc.jpg') no-repeat; background-size: cover; margin: 50px 0px 0px 0px;}

.sector4-2 .sector {padding: 30px 0px 30px 0px;}

.sector4-2 .sector a {padding: 4px; display: inline-block; vertical-align: top; width: 168px; 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 5 - MOBIL */
/* ====================== */

.sector5-1 ul.features-list {display: inline-block; margin: 10px 20px 40px 30px; width: 42%}


.sector5-2 {background: url('/images/camera/index-mob1.jpg') no-repeat; background-size: cover; padding: 0px 0px 0px 0px; margin: 80px 0px;}


.sector5-2 .sector {padding: 60px 0px 60px 0px; margin: 50px auto;}

.sector5-2 h4 {color:#fff; padding: 0px 0px 0px 50px;}


.sector5-2 .sector ul.features-list {display: inline-block; margin: 10px 0px 10px 30px; width: 45%}


.sector5-2 .sector ul.features-list  li {color: #fff;}




.sector5-3 .div-table, .sector8-1 .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;}

.sector5-3 .div-cell, .sector8-1 .div-cell {width: 33%; font-size: 21px; font-weight: bold; vertical-align: top; padding-top: 285px;}
.sector5-3 .div-cell:first-child , .sector8-1 .div-cell:first-child {width: 26%}







.sector5-4 {background: url('/images/camera/index-mob3.jpg') no-repeat; background-size: cover; margin: 80px 0px;}


.sector5-4 .sector {padding: 70px 0px 50px 0px; margin: 60px auto; color: #fff; text-align: center; font-size: 28px; line-height: 46px;}



.sector5-5  li {font-size: 14px; text-align: left; line-height: 21px; margin: 10px 25px 0px 50px;}







/* SECTOR 6 - FORMS */
/* ====================== */

.sector6-1 .sector-img {background-image: url('/images/camera/index-forms.jpg'); height: 300px;}



/* SECTOR 7 - EMAIL MARKETING */
/* ====================== */

.sector7-1 .sector-img {background-image: url('/images/camera/index-em.jpg'); height: 300px; width: 420px; float: right;}




/* SECTOR 8 - RECORDS */
/* ====================== */

.sector8-1 .sector-img {background: url('/images/camera/index-tallies.jpg') no-repeat; background-size: cover; height: 280px;}






/* RESPONSIVE */
/* ========== */

@media screen and (max-width: 800px) {

.sector p {padding: 0px 0px 0px 29px;}
}


@media screen and (max-width: 1023px) {
.sector h2 {font-size: 44px;}
.sector h3, .sector p {padding-left: 20px; padding-right: 20px;}
.sector-enter {float: none; margin: auto;}
.sector1-2 .sector ul, .sector2-2 .sector ul, .sector2 .sector ul.features-list , .sector ul.features-list, .sector5-2 .sector ul.features-list {width: auto; display: block; margin-top: 0px; margin-bottom: 0px;}
.sector-enter {margin: 25px auto; display: table; width: auto;}
}







/* WITH SESION */
/* =========== */

.index-session .sector {max-width: 1280px;}

.index-session hr {margin: 30px 30px 0px 30px;}


.index-session h3 a {font-size: 34px; text-align: left; padding: 30px; font-weight: normal; color: #000; display: inline-block;}




.index-session .sector a {padding: 16px 8px; display: inline-block; vertical-align: top; width: 180px; margin: 5px 5px 20px 5px; text-align: center; line-height: 19px; border-radius: 5px; border: 1px solid #EBEBEB;}

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

.index-session .sector h5 {font-size: 13px; font-weight: normal; color: #000;}

.index-session .sector h6 {font-size: 12px; font-weight: normal; color: #000; line-height: 13px; margin-top: 4px;}

.index-session .sector b {font-size: 14px;}

.index-session .sector a img {max-width: 140px; max-height: 100px; float: none; display: block; margin: 10px auto;}







.index-session .session-event a .flag {display: inline-block; vertical-align: -10px;}



.index-session .session-forum table {margin: auto;}
.index-session .session-forum table a {font-size: 15px;}
.index-session .session-forum table td {border-bottom: 1px solid #ddd; padding: 16px; line-height: 21px;}







/* OWL -CAROUSEL - http://owlgraphic.com/owlcarousel/ */

/* 
 * 	Core Owl Carousel CSS File
 *	v2.2.1
 */

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}