/*------------------------------------------------------------------
[Master Stylesheet]

Theme Name:	Rock Group
Theme URI: http://rockgroup.themerex.net/
Author: themerex
Author URI: http://themerex.net/
Version:	1.4
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Main
2. Header
3. Fonts
4. Tabs
5. Team
6. Skills
7. Diagram
8. Section "About" 
9. Section "Devices" 
10. Section "Framework"
11. Button
12. Post
13. Gallery
14. Social icons
15. Sidebar
16. Accordion
17. Table
18. List
19. Scene 1
20. Footer
21. Color Scheme
22. Custom panel (backgrounds)
-------------------------------------------------------------------*/

/*line 38 was changed*/
body{border:0;overflow-x:hidden;overflow-y:auto;font-family:Lato, sans-serif;background-color:#eff0ea;opacity:0;margin:0;padding:0;z-index: 0; position: relative;}
body.no-blog .main,.main_middle{width:1170px;margin:auto;}
body.blog-no-sidebar .main{width:846px;margin:auto;}
body.blog-sidebar .main{width:1240px;overflow:hidden;margin:auto;}
body.blog-sidebar .primary{width:67%;float:left;padding-right:29px;border-right:2px solid #e7e8e1;}
body.blog-sidebar .secondary{width:27%;float:left;padding-left:29px;}
img{border: none;}

.box{z-index: -6; position: relative; overflow: hidden;}
body.boxed .box{margin: auto;box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.5); overflow: hidden;}
body.boxed #header{margin: auto;}
body.no-blog.boxed .box{width: 1300px;}
body.no-blog.boxed #header{width: 1300px;}
body.blog-no-sidebar.boxed .box{width: 1300px;}
body.blog-no-sidebar.boxed #header{width: 1300px;}
body.blog-sidebar.boxed .box{width: 1300px;}
body.blog-sidebar.boxed #header{width: 1300px;}

a{text-decoration: none;}
.container{position:relative;text-align:center;}
.body_background{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10;-webkit-transform: translateZ(0);-o-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
#header:before {
  content: '';
  z-index: -1;
  width: 100%;
  height: 100%; /* ajusta este valor a lo corto que quieras */
  background-color: #eff0ea;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#header:after{content:'';z-index:-1;width:100%;height:35.5%;background-color:#17a854;display:block;position:absolute;bottom:0;}
#header.travel .bg{z-index: -1;width:100%;height:100%; display:block;position:absolute;background-color:#fff;background-image: url(../images/travel/bg.png);background-repeat: repeat-x;background-position: 0px 280px;}
#header.travel:after{background-color:#3faa96;}
body.blog-sidebar #header{width:100%;height:490px;}
body.blog-sidebar #header:before {height: 69%;}
body.blog-sidebar  #header:after{height: 31%;}
.small_scene#header {height:584px;}
.small_scene#header:before {height:60%;}
.small_scene#header:after{height: 40.5%;}
#header{width:100%;height:80%;}
.blog-no-sidebar  #header .main{width:1170px;margin:auto;}

.header{width:100%;height:10px;padding-top:85px;padding-bottom:114px;}
.travel .header{padding-bottom:40px;}
.header ul{list-style:none;text-align:center;margin:0;padding:0;}
.header ul li{display:inline-block;vertical-align:middle;font-weight:800;color:#000;font-size:12px;width:100px;text-transform:uppercase;letter-spacing:3px;margin:0 50px;}
.travel .header ul li{margin: 0 45px;}
.header ul li a{color:#000;text-decoration:none;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
.header .logo{height:150px;width:auto;}
.logo h3{margin:15px 0 0;}

.scroll_menu{background-color:#eff0ea;position:fixed;top:0;left:0;z-index:1000;width:100%;height:90px;box-shadow:0 1px 4px 2px rgba(175,175,161,1);display:none;-webkit-transform: translateZ(0);-o-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
.scroll_menu.header{padding:5px 0 0;}
.scroll_menu .logo{height:80px;}
.scroll_menu .logo img{width:60px;}
.scroll_menu .logo h3{font-size:16px;margin-top:5px;}
.scroll_menu .logo h6{margin-top:5px;font-size:8px;letter-spacing:2px;}
#header.small_scene  .main{padding:0;}
#header.small_scene .header{padding-bottom:30px;}
#header.small_scene .scroll_menu.header{padding-bottom:0px;}
#header.small_scene #scene_1{height:50px; margin-bottom:10px;}
body.blog-sidebar #header.small_scene .header{padding-bottom:145px;}
body.blog-sidebar #header.small_scene .header.scroll_menu{padding-bottom:0px;}
/**************************** /Header **************************/

.headline{z-index:10;position:relative;margin-top:-524px;height:524px;}
.headline .right span.numder::before{right:auto;left:0;}
.headline a{position:absolute;text-align:left;opacity:0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
.headline a.right span{text-align:right;margin-right:10px;}
.headline span{color:#a9aa81;font-size:14px;width:120px;display:inline-block;vertical-align:top;}
.headline span.numder{font-size:36px;width:auto;margin-right:10px;line-height:30px;position:relative;font-weight:700;}
.headline span.numder::before{content:'....................';color:#a9aa81;font-size:36px;position:absolute;top:10px;right:0;font-weight:400;}
.header ul li a:hover,.headline a:hover span,.headline a:hover span.numder::before{color:#5ea281;}

.more_arrow{color:#fff;border:3px solid #fff;border-radius:50%;height:45px;width:45px;font-size:20px;display:inline-table;margin:100px auto auto;}
.more_arrow span{vertical-align:middle;display:table-cell;}

.open_more{font-size:10px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:3px;padding-bottom:45px;cursor:pointer;}
.open_more div{font-size:30px;color:#fff;}

/**************************** Fonts **************************/
h1{font-size: 90px; font-weight: 800; text-transform:uppercase; margin-top: 0; margin-bottom: 45px;}
h2{font-size: 36px; font-weight: 800; margin-bottom: 20px; margin-top: 0;}
h3{font-size: 30px; font-weight: 800; text-transform:uppercase; letter-spacing: 6px;}
h4{font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 8px; margin-top: 0;}
h4.light{font-size: 24px; font-weight: 300; text-transform:none; letter-spacing: 0.5px;}
h4.light b{text-transform:uppercase; font-weight: 800;}
h5{font-size: 18px; text-transform: uppercase; }
h6{font-size: 10px; text-transform: uppercase; letter-spacing: 4px;}
.content.large{font-size: 16px; line-height: 24px; font-weight: 300;}
.white{color: #fff !important;}
.gray{color: #8b8b8b !important;}
.black{color: #000 !important;}
.brown{color: #736731 !important;}
.custom_text{font-size:24px;color:#232121;text-align:center;}
/**************************** /Fonts **************************/

/**************************** Tabs **************************/
#tabs{display:none;}
.tabs{padding-top:60px;padding-bottom:90px;}
.tabs h4{font-weight:500;margin:10px 0 20px;}
.tabs .active{display:block!important;}
.tabs .tab{display:none;}
.tabs_name{height:80px;;width:100%;text-align:center;display:inline-table;}
.tabs_name .active{background-color:#eff0ea;color:#474e5d;}
.tabs_name li{color:#fff;font-size:13px;text-transform:uppercase;display:inline-block;background-color:#a7d692;font-weight:700;border-radius:10px 10px 0 0;cursor:pointer;margin:0 5px;padding:18px 30px;}
.tabs_name ul{vertical-align:bottom;display:table-cell;margin:auto;padding:0;}
.tabs .tab .title{color:#8b8b8b;font-size:16px;line-height:24px;padding-bottom:60px;}

.tabs .columns_2{width:100%;text-align:left; margin-top: 60px;display:inline-flex;}
.tabs .columns_2 .item{width: 48%; display: inline-block; vertical-align: top; margin: auto;}
.tabs .columns_2 .item .icon{width:50px;float:left;margin-right:15px;}
.tabs .columns_2 .item .content{width:80%;float:left;color:#8b8b8b;font-size:14px;line-height:20px;}
/**************************** /Tabs **************************/

/**************************** Team **************************/
.team.vertical{text-align:center;}
.team.vertical .item{display:block;width:180px;position:relative;margin:auto;padding:15px 0;}
.team.vertical .item .content{position:absolute;top:35%;white-space:nowrap;}
.team.vertical .item .content span{font-size: 14px;color:#8b8b8b;}
.team.vertical .item .content.left{right:375px;text-align:right;}
.team.vertical .item .content.right{left:375px;text-align:left;}
.team.vertical .item .image{width:180px;height:180px;border-radius: 50%; overflow: hidden;display: table;position: relative;}
.team.vertical .item img{width:100%;}
.team.vertical .content.left:after{right:-180px;}
.team.vertical .content.right:after{left:-180px;}
.team.vertical .content::after{content:'';height:6px;width:166px;background:url(../images/icons/ln_bg.png) repeat-x;position:absolute;top:40%;}
.team.vertical h4{margin-bottom: 10px !important;}
.team.vertical h4, .team.vertical .content span{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.vertical h4:hover, .team.vertical .content span:hover{color: #5ea281 !important;}
.team.vertical .item .overlay{width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;display:inline-table;position:absolute;top:0;left:0;opacity:0;border-radius:50%;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.vertical .overlay ul.social{display:table-cell;vertical-align:middle;}
.team.vertical .overlay .social li{display:inline-block;margin:0 10px;}
.team.vertical .overlay .social li a{color:#fff;font-size:25px;}
.team.vertical .item .image:hover .overlay {opacity:1;}
.team.vertical .overlay .social li a span:before{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.vertical .overlay .social li a:hover span:before{color:#a7d692;}

.team.circle{display:inline-flex;width:100%;}
.team.circle .item{display:inline-block;width:270px;position:relative;cursor:pointer;text-align:center;margin:0 auto;vertical-align: top;}
.team.circle .item .image{position:relative;width:270px;height:270px;border-radius:50%;margin-bottom:40px;overflow:hidden;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.circle .item .image.border{position:relative;width:244px;height:244px;border-radius:50%;overflow:hidden;border:13px solid #a7d692;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.circle .item:hover .image.border{border:13px solid #d7d8d2;}
.team.circle .item:hover h4{color:#5ea281!important;}
.team.circle .item .content span{font-size:14px;color:#8b8b8b;line-height:20px;}
.team.circle .item img{width:100%;}
.team.circle h4{margin-bottom:10px!important;letter-spacing:0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.circle .item .overlay{width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;display:inline-table;position:absolute;top:0;left:0;opacity:0;border-radius:50%;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.circle .overlay ul.social{display:table-cell;vertical-align:middle;}
.team.circle .overlay .social li{display:inline-block;margin:0 10px;}
.team.circle .overlay .social li a{color:#fff;font-size:25px;}
.team.circle .item:hover .overlay{opacity:1;}
.team.circle .overlay .social li a span:before{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.circle .overlay .social li a:hover span:before{color:#a7d692;}

.team.square{display:inline-flex;width:100%;}
.team.square .item{display:inline-block;width:270px;position:relative;cursor:pointer;margin:0 auto; vertical-align: top;}
.team.square .item .image{position:relative;width:270px;height:270px;border-radius:10px;margin-bottom:20px;overflow:hidden;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.square .item .image.border{position:relative;width:244px;height:244px;border-radius:10px;overflow:hidden;border:13px solid #a7d692;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.square .item:hover .image.border{border:13px solid #d7d8d2;}
.team.square h4{margin-bottom:10px!important;font-weight:500;text-transform:none;letter-spacing:0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.square .item .content span{font-size:14px;color:#8b8b8b;line-height:20px;}
.team.square .item img{width:100%;}
.team.square .item .overlay{width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;display:inline-table;position:absolute;top:0;left:0;opacity:0;border-radius:10px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.square .item .image.border .overlay{border-radius:0;}
.team.square .overlay .social li{display:inline-block;margin:0 10px;}
.team.square .overlay .social li a{color:#fff;font-size:25px;}
.team.square .item:hover h4{color:#5ea281!important;}
.team.square .overlay ul.social{display:table-cell;vertical-align:middle;}
.team.square .item:hover .overlay{opacity:1;}
.team.square .overlay .social li a span:before{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.team.square .overlay .social li a:hover span:before{color:#a7d692;}
/**************************** /Team **************************/

/**************************** Skills **************************/
.skills_row{display:inline-block;height:1px;color:#fff;font-size:14px;font-weight:700;margin:0 50px;}
.skills_row .progressbar{width:50px;position:relative;margin:20px 0;}
.skills_row .progress{width:100%;height:280px;}
.skills_row .foot{width:100%;height:11px;}
.skills_row .progress .before{width:0;border-bottom:25px solid #f7f3c6;border-left:25px solid transparent;position:absolute;left:0;z-index:2;bottom:11px;}
.skills_row .progress .after{width:0;border-bottom:25px solid #c0c192;border-right:25px solid transparent;position:absolute;right:0;z-index:2;bottom:11px;}
.skills_row .foot::before{content:'';width:0;height:0;border-top:11px solid #f7f3c6;border-left:25px solid transparent;position:absolute;bottom:0;left:0;z-index:3;}
.skills_row .foot::after{content:'';width:0;height:0;border-top:11px solid #c0c192;border-right:25px solid transparent;position:absolute;bottom:0;right:0;z-index:3;}
.skills_row .progressbar .shadow{content:'';width:0;height:0;border-bottom:22px solid #669c75;border-right:40px solid transparent;position:absolute;left:25px;bottom:-1px;z-index:1;}
.skills_row.brown .progressbar .shadow{border-bottom:22px solid #b3a45d;}
.skills_row .value{margin-bottom:20px;}
.skills_row .caption{margin-top:20px;}
.skills_row .caption,.skills_row .value{opacity:0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
/**************************** /Skills **************************/

/**************************** Skills **************************/
#widget_2.widget_skills{position:relative;height:220px;overflow:hidden;}
#widget_2 .skills_row{position:absolute;height:80px;bottom:-100px;margin:0; -webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .4s;}
#widget_2 .skills_row:hover{transform:scale(1.2);-ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);bottom: 5px !important;}
.widget_skills{padding-bottom:50px;}
.widget_skills .skills_row img{height:100%;}
.widget_skills .skills_row .name{font-size:16px;color:#fff;position:absolute;top:-100%;font-weight:300;opacity:0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .4s;}
.widget_skills .skills_row .name::before{content:'';height:140px;border-left:1px solid #fff;position:inherit;transform:rotate(30deg);-ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg);  -o-transform: rotate(30deg); top:10px;left:-45px;}
.widget_skills .skills_row .name::after{content:'';width:5px;height:5px;border:3px solid #fff;border-radius:50%;display:block;position:absolute;top:140px;left:-87px;}

#lw_1{left:3%;}
#lw_2{left:0;}
#lw_3{left:50%;}
#lw_4{left:30%;}
#lw_5{right:0;}
#lw_1 .name{right:-25%;top:-120%;}
#lw_2 .name{right:-40%;}
#lw_3 .name{right:-5%;top:-130%;}
#lw_4 .name{right:30%;top:-120%;}
#lw_5 .name{right:10%;top:-110%;}
/**************************** /Skills **************************/

/**************************** Diagram **************************/
.sc_skills > h2{text-transform:uppercase;margin-bottom:14px;}
.sc_skills.radial > h2{margin-bottom:19px;}
.sc_skills ul.skills_list{float:left;width:150px;list-style:none;padding-top:8px;}
.sc_skills ul.skills_list li{line-height:21px;font-size:16px;}
.sc_skills ul.skills_list span{vertical-align:middle;}
.sc_skills ul.skills_list span.color{display:inline-block;width:6px;height:6px;margin-right:8px;}
.sc_skills ul.skills_list + canvas{float:left;}
.sc_skills .sc_skills_progressbar{display:block;overflow:hidden;margin-right:-62px;}
.sc_skills .sc_skills_item{padding:10px 62px 10px 0;}
.sc_skills .sc_skills_item .sc_skills_progress_wrap{background-color:#f5f7f7;clear:both;display:block;}
.sc_skills .sc_skills_item .sc_skills_progress{background:#01b6c7;display:block;height:10px;width:0;}
.sc_skills .sc_skills_item .sc_skills_caption{font-size:14px;line-height:14px;display:block;float:left;}
.sc_skills .sc_skills_item .sc_skills_level{float:right;width:40px;height:20px;line-height:20px;color:#01b6c7;display:block;font-size:14px;text-align:right;}
.sc_skills{display:inline-block;position:absolute;top:0;left:0;}
.sc_skills .item{position:relative;display:inline-block;}
.sc_skills .item span{font-size:16px;color:#232323;}
.sc_skills .line{height:100px;width:1px;display:block;position:absolute;}
.sc_skills .line .tail{border-right:3px dotted #cdcec8;width:1px;display:block;}
.sc_skills .name{font-size:12px;color:#fff;text-transform:uppercase;position:absolute;bottom:-10px;left:90%;}
.sc_skills .name::before{content:'';height:20px;border-left:1px solid #fff;position:inherit;-ms-transform: rotate(320deg); -webkit-transform: rotate(320deg);  transform: rotate(320deg);-o-transform: rotate(320deg);-moz-transform: rotate(320deg);top:-12px;left:-12px;}

.diagram_skills{position:relative;display:inline-table;}
.diagram_skills .item{position:absolute;display:inline-block; text-align: center;}
.diagram_skills .title{vertical-align:middle;display:table-cell;font-size:24px;color:#000;text-transform:uppercase;font-weight:800;letter-spacing:10px;text-align:center;}
.diagram_skills .item img{cursor: pointer; display: block;margin: auto;}
.diagram_skills .sc_skills .item span{white-space: nowrap;}
.diagram_skills .title span.number{display:block;font-size:48px;}
.diagram_skills .item .content{position:absolute;display:none;width:270px;background-color:#fff;font-size:14px;color:#353535;text-align:left;line-height:1.429;border-radius:10px;box-shadow:8px 4px 0 2px rgba(175,175,161,0.8);z-index:10;padding:25px;}
.diagram_skills .item .content::after{content:'';width:0;border-bottom:15px solid #fff;border-left:15px solid transparent;border-right:15px solid transparent;position:absolute;top:-15px;left:145px;}
.diagram_skills .item .content::before{content:'';width:0;border-bottom:15px solid rgba(175,175,161,0.5);border-left:15px solid transparent;border-right:15px solid transparent;position:absolute;top:-15px;left:150px;}
.diagram_skills .title,.diagram_skills .item,.diagram_skills .line,.diagram_skills .name{opacity:0;-webkit-transition:all linear .4s;-moz-transition:all linear .4s;-o-transition:all linear .4s;transition:all linear .4s;-ms-transition:all linear .4s;}

.skills_container{display: inline-flex; width: 100%;}
.skills_container .diagram_skills{margin: auto; display: inline-table; margin-top: 0px;}

#diagram_skills_2 { background: url('../images/9.png') 100% 0px repeat-x; background-position-y: 0; }
#diagram_skills_2.travel { background: url('../images/travel/5.png') 100% 0px repeat-x;}
#diagram_skills_2 .diagram_skills .title span.number{font-size:55.277px;color:#fff;font-weight:300;letter-spacing:-1px;}
/**************************** /Diagram  **************************/

/**************************** Section "About"  **************************/
#about{padding:60px 0;}
#about .item{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;width:258px;height:258px;background-color:#fff;border-radius:50%;display:inline-block;vertical-align:middle;}
#about .item:hover{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
#about .arrow{width:56px;height:43px;background-image:url(../images/arrow.png);background-size:100%;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:0 43px;}
#about .item img{width:98px;margin-top:45px;margin-bottom:25px;}
#about .item span{color:#000;font-size:16px;display:block;}
#about.eco .item{background-color: transparent;}
#about.eco .item span{color: #fff;}
/**************************** /Section "About"  **************************/

/**************************** Section "Devices"  **************************/
#dev_container{background-color:#fcfcf7;padding-top:90px;padding-bottom:90px;border-bottom:1px solid #e4e4dd;}
#dev_container h4{padding-bottom:20px;}
#devices{padding-top:30px; display: inline-flex; width: 100%;}
#devices .item{display: inline-block; margin:auto;margin-bottom: 0;}
#devices .item img{display:block;padding-bottom:25px;margin: auto;}
#devices .item span{font-size:12px;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:3px;}
#devices .arrow{width:30px;height:31px;background-image:url(../images/arrow1.png);background-size:100%;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:auto;}
/**************************** /Section "Devices"  **************************/

/**************************** Section "Framework"  **************************/
ul{list-style:none;margin:0;padding:0;}
#framework{position:relative;margin-top:120px;}
#framework .item{width:33%;display:inline-block;vertical-align:top;font-size:16px; font-weight:700;position:relative; z-index:10;}
#framework .item img{width:150%;left:-25%;position:absolute;z-index:10;}
#framework .item.right{text-align:left; z-index:15;}
#framework .item.right ul li:nth-child(2) a{top: 10px;}
#framework .item.left { text-align:right;  z-index:15;}
#framework .item li{margin-bottom: 66.5px;position:relative;min-height:38px;display: block;}
#framework .item li a{position: relative;color: #000;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
#framework .item a:hover {color: #bb222a;}
#framework .line{width:20%;border-top:3px dotted #bb222a;position:absolute;right:-100px;display:inline-block;top:50%;}
#framework .line .head{width:9px;height:9px;border:3px solid #bb222a;border-radius:50%;margin-top:-10px;margin-right:-14px;float:right;}
#framework .right .line{left:-100px;right:0;}
#framework .right .line .head{float:left;margin-top:-10px;margin-left:-14px;margin-right:0;}
#framework.eco .item img{width: auto; left: 35%; margin-top: 17%;}
/**************************** /Section "Framework" **************************/

#video{display: none;}
#video .open_more{margin-top: 20px}
.video_container{width:100%;height:500px;position:relative;margin-bottom:45px;}
.video_thumb{position:relative;width:100%;height:100%;}

#scene_2{padding-bottom:135px; width: 380px; height: 143px; margin: auto; position: relative;}
#scene_2 #ship{margin-left: 144px; width: 95px; height: 143px;}
#scene_2 .wave{width: 105px; background: url(../images/8.png) repeat-x; height: 8px; position: absolute;}
#scene_2 .wave:nth-child(2){top: 107px;}
#scene_2 .wave:nth-child(3){top: 135px; right: 0;}
#scene_3{background: url(../images/8.png) repeat-x; height: 130px; width: 105px; display: inline-block;background-position: 0 100%;}
#scene_2 .eco img{margin-top: -40px;}

/**************************** Button **************************/
.button{font-size:30px;color:#fff;font-weight:700;text-transform:uppercase;background-color:#6fcbda;margin-bottom:60px;display:inline-block;position:relative;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s;-ms-transition:all linear .1s;padding:25px 55px;}
.button::after{content:'';height:26px;border-top:26px solid #227684;border-right:60px solid transparent;position:absolute;right:-60px;bottom:-26px;}
.button:hover{color:#2f9aac;}
.button.anim {
  transition: all 0.3s ease;
}

.button.anim:hover {
  transform: scale(1.05);
}/**************************** /Button **************************/

/**************************** Post **************************/
#post_sdb{background-color:#eff0ea; display:none;}
#post_sdb .main{display: inline-flex;}
#post_sdb .image{width:40%;text-align:center;display:inline-block;margin: auto;}
#post_sdb .image, #post_sdb .post_sdb {display: inline-block; vertical-align: top; margin: auto; margin-top: 0;}
#post_sdb .image img { width: 100%; }
#post_sdb .post_sdb {width:55%;}

.post_sdb{display:inline-block;vertical-align:top;text-align:left;margin:auto;}
.post_sdb .info{font-size:14px;color:#8b8b8b;font-weight:700;}
.post_sdb .info a{color:#000;margin-right:25px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
.post_sdb .info a:hover{color:#5ea281;}
.post_sdb .text{font-size:14px;color:#8b8b8b;font-weight:400;line-height:20px;word-spacing:2px;}
.post_sdb .sharing ul{padding:0;}
.post_sdb .sharing ul li{display:inline-block;margin-right:10px;cursor:pointer;-webkit-transition:all linear .05s;-moz-transition:all linear.05s;-o-transition:all linear.05s;transition:all linear .05s;-ms-transition:all linear.05s;}
.post_sdb .sharing ul li:hover{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);}
.post_sdb .sharing ul li:hover span{box-shadow:1px 2px 0 1px rgba(175,175,161,0.8);}
.post_sdb .sharing ul li span{font-size:14px;color:#000;font-weight:700;background-color:#e6e7d2;vertical-align:middle;border-radius:0 5px 5px 0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s; padding:10px;}
.post_sdb .sharing ul li span.icon{font-size:16px;background-color:#dddec0;border-radius:5px 0 0 5px;padding:8.5px;}
.post_sdb .more a{background-color:#474e5d;font-size:18px;color:#fff;font-weight:700;text-transform:uppercase;display:inline-block;border-radius:5px;padding:20px 30px;}
.post_sdb .more a:hover{background:#5ea281;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s; -ms-transition:all linear .2s;}
.post_sdb .quote_content .icon{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);display:inline-block;margin-left: -30px;}
.post_sdb .quote_content .icon:before{margin: 10px 0 0;}
.post_sdb .quote_content {font-size:24px;color:#8b8b8b;font-weight:700;font-style:italic;line-height:1.25; margin-left: 30px;}
.post_sdb .quote_author_info{margin-left: 30px;}
.post_sdb .custom_text{text-align: left;}

.post_icon{position:relative;margin-bottom:20px;}
.post_icon span{font-size:50px;color:#5ea281;}
.post_icon span:before{margin:0;}
.post_icon span:nth-child(2){font-size:25px;color:#fff;position:absolute;top:10px;left:12px;}
.post_date{font-size:14px;color:#8b8b8b;text-transform:uppercase;letter-spacing:3px;}
.post_title{margin-top:20px;}
.post_category a{color:#8b8b8b;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-ms-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s;}
.post_category a:hover{color:#5ea281;}
.post_category,.post_comment{font-size:10px;color:#8b8b8b;text-transform:uppercase;letter-spacing:2px;}
.post_category .icon,.post_comment .icon{font-size:16px;margin-right:5px;color:#d0d1cb;}

.post_content{text-align:left;font-size:14px;color:#8b8b8b;line-height:20px;}
.post_more a{font-size:14px;color: #8b8b8b;text-transform:uppercase;letter-spacing:3px;font-weight:600;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.post_more a:hover{color:#83bb6a;}
.post_comment *{vertical-align:middle;}
.post_social li a{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.post_social li,.iso_filters li{display:inline-block;margin:0 3px;}
.widget_social li a{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.post_social li a:hover{transform: scale(0.8);-ms-transform: scale(0.8); -webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}

.post_slider .slider{position:relative;overflow:hidden;margin: auto; }
.post_slider .flex-direction-nav li{list-style:none;position:absolute;top:0;bottom:0;width:40px;right:-40px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.post_slider .flex-direction-nav li:first-child{right:auto;left:-40px;}
.post_slider:hover .flex-direction-nav li{right:0;}
.post_slider:hover .flex-direction-nav li:first-child{left:0;}
.post_slider .flex-direction-nav a{position:absolute;width:40px;top:0;bottom:0;font-size:0;line-height:0;left:0;}
.post_slider .flex-direction-nav a:after{display:block;position:absolute;content:"";width:16px;height:26px;background:url(../images/icons/slider_controls-1.png) 0 bottom no-repeat;top:50%;margin-top:-13px;left:12px;}
.post_slider .flex-direction-nav a:hover{background:url(../images/icons/slider_controls_bg.png) 0 0 repeat;}
.post_slider .flex-direction-nav a:hover:after{background-position:0 0;}
.post_slider .flex-direction-nav a.flex-next{right:0;left:auto;}
.post_slider .flex-direction-nav a.flex-next:hover:after{background-position:right 0;}
.post_slider ul.slides li{list-style:none;display:none;}
.post_slider ul.slides li a{display:block;height:100%;}
.post_slider ul.slides{overflow:hidden;margin:0;padding:0;}
.post_slider .post_content li{display:none;}
.post_slider .active{display:block!important;}
.post_slider .flex-direction-nav a.flex-next:after,.mask .open_gallery_image .post_slider .flex-direction-nav a.flex-next:after{left:auto;right:12px;background-position:right bottom;}
.post_slider .flex-direction-nav,.gallery_posts,.events_posts.iso_items{margin:0;}

body.blog-sidebar .post .mejs-controls div.mejs-time-rail , body.blog-sidebar .post .mejs-controls .mejs-time-rail .mejs-time-total{max-width: 63%;}

.quote_content{font-size:24px;font-weight:800;font-style:italic;color:#232121;}
.quote_icon .icon{transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);display:block;font-size:45px;color:#5ea281;}
.quote_author{width:77px;height:77px;border-radius:50%;overflow:hidden;display:flex;margin-left: auto; margin-right: auto;}
.quote_author_info{font-size:12px;color:#5ea281;font-weight:700;text-transform:uppercase;;line-height:20px;}

.gallery_images{height:564px;overflow:hidden;}
.gallery_images li{width:30%;display:block;float:left;height:32.8%;overflow:hidden;cursor:pointer;margin:2.5px;}
.gallery_images li:first-child{width:68%;height:100%;}
.gallery_images li:hover{background: #000;}
.gallery_images li img:hover{opacity: 0.3;}
.gallery_images li img,.isotope_block .isotope_single_item a .gallery_thumb img{height:100%;}

.mask{background:rgba(0,0,0,0.8);position:fixed;z-index:1000;top:0;width:100%;height:100%;text-align:center;}
.mask .open_gallery_image{display:table-cell;vertical-align:middle;width: 100%;height: 80%;}
.mask .open_gallery_image .post_slider {width: 100%;height: 80%;}
.mask .open_gallery_image .post_slider .slider {width: 100%;height: 100%;}
.mask .open_gallery_image .post_slider ul.slides{height:auto;max-height:100%;max-width:100%;width:auto; width: 100%;height: 100%;}
.mask .open_gallery_image .post_slider .flex-direction-nav li{height:80px;top:40%;bottom:auto;width:80px;right:0;width: 100%;height: 100%;}
.mask .close_preview{width:37px;height:38px;background:url(../images/icons/close.png);position:absolute;top:0px;right:0px;z-index:10;cursor:pointer;border-radius: 10px 0px 0px 10px; opacity: 0.7;}
.mask .close_preview:hover{opacity:0.5;}
.mask .open_gallery_image .post_slider .flex-direction-nav li:first-child{right:auto;left:0;}
.mask .open_gallery_image .post_slider .flex-direction-nav a{width:80px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}
.mask .open_gallery_image .post_slider .flex-direction-nav a:after{display:block;position:absolute;content:"";width:37px;height:65px;background:url(../images/icons/slider_controls-2.png) 0 bottom no-repeat;top:50%;}
.mask .open_gallery_image .post_slider .flex-direction-nav li a:hover{background:url() 0 0 repeat;opacity:0.5;}
.mask .open_gallery_image .post_slider,.anim .gallery_posts .hentry.flip > a > .gallery_thumb{position:relative;}

.isotope-item{z-index:2;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-transition-property:0 opacity;-moz-transition-property:0 opacity;-ms-transition-property:0 opacity;-o-transition-property:0 opacity;transition-property:transform, opacity;}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0;}

.link_content a{font-size:24px;color:#5ea281;}
.post_video{height:500px;}

.chat_content{display:table;width:100%;text-align:left;}
.chat_content .message{margin-bottom:20px;}
.chat_content .message .author{font-size:14px;color:#5ea281;font-weight:600;display:table-cell;width:116px;}
.chat_content .message .content{font-size:14px;color:#8b8b8b;display:table-cell;line-height:20px;}

.aside_content{text-align:left;overflow: hidden;}
.aside_content .photo{width:105px;height:105px;display:block;overflow: hidden;float:left;margin-right:20px;}
.aside_content .photo img{width: 100%;}
.aside_content .name{font-size:14px;color:#5ea281;font-weight:600;margin-bottom:10px;}
.aside_content .content{color:#8b8b8b;font-size:14px;line-height:20px;display:table;}
/**************************** /Post **************************/

/**************************** Gallery **************************/
.gallery_container{padding:70px 30px 0;}
.iso_filters{overflow:hidden;text-align:center;list-style:none;margin-bottom:52px;}
.iso_filters li a{display:block;color:#fff;font-size:12px;background-color:#a7d692;border-radius:5px;padding:8px 12px; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; transition:all linear .2s;}
.iso_filters li a:hover,.iso_filters li a.current{background-color:#5ea281;}
.isotope_block .switcher{z-index:999;position:absolute;right:-2px;top:24px;width:27px;cursor:pointer;}
.isotope_block .switcher i{float:left;width:7px;height:7px;background:#bbb;margin:0 2px 2px 0;}
.isotope_block .switcher ul{padding-top:31px;display:none;position:absolute;right:2px;top:0;clear:both;width:138px;overflow:hidden;text-align:right;list-style:none;}
.isotope_block .switcher ul li{font-size:12px;line-height:15px;text-transform:uppercase;margin-bottom:1px;}
.isotope_block .switcher ul li a{display:block;text-decoration:none;color:#fff;background:#333;padding:16px 20px 17px 15px;}
.gallery_section .more_link a,.isotope_block.events .more_link a{display:inline-block;border:1px solid #d5dade;font-size:14px;line-height:17px;text-transform:uppercase;font-weight:700;text-decoration:none;color:#333;padding:14px 19px 15px; -webkit-transition:all linear .5s; -moz-transition:all linear .5s; -ms-transition:all linear .5s; -o-transition:all linear .5s; transition:all linear .5s;}
.gallery_section .more_link a.no_results,.isotope_block.events .more_link a.no_results{color:#bbb!important;background:none!important;}
.isotope_block.events .more_link a:active{background:#01b6c7;color:#fff;border-color:#01b6c7;}
.gallery_section .more_link,.isotope_block.events .more_link{text-align:center;padding:35px 0 0;}
.anim .gallery_posts .hentry a{display:block;}
.anim .gallery_posts .hentry .overlay{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;filter:alpha(opacity=0);color:#fff; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; -o-transition:all linear .3s; transition:all linear .3s;}
.anim .gallery_posts .hentry .overlay .gallery_mask{position:absolute;top:0;bottom:0;right:0;left:0;background:#000;z-index:10;opacity:.6;margin:0;}
.anim .gallery_posts .hentry .overlay > *{position:relative;z-index:80;margin:0 30px;}
.anim .gallery_posts .hentry .overlay > h3{color:#fff;padding-top:24px;font-weight:400;font-size:24px;line-height:29px;margin-bottom:10px;}
.anim .gallery_posts .hentry .overlay .post_cats{font-size:12px;line-height:15px;}
.anim .gallery_posts .hentry .overlay .icon{position:absolute;top:50%;left:50%;color:#fff;text-decoration:none;font-size:50px;line-height:50px;margin:-25px 0 0 -30px;}
.anim .gallery_posts .hentry.follow .overlay{left:-100%;opacity:1;filter:alpha(opacity=100);text-align:center;}
.anim .gallery_posts .hentry.shift:hover .overlay{opacity:1;filter:alpha(opacity=100);top:20px;left:20px;}
.anim .gallery_posts .hentry.flip{position:relative;z-index:1;-webkit-perspective:2000px;-moz-perspective:2000px;-o-perspective:2000px;perspective:2000px;}
.anim .col2 .gallery_posts .hentry.flip{-webkit-perspective:3500px;-moz-perspective:3500px;-o-perspective:3500px;perspective:3500px;}
.anim .gallery_posts .hentry.flip > a{width:100%;height:100%; -ms-transform-style:preserve-3d; -ms-transition:all .5s linear; -webkit-transform-style:preserve-3d; -webkit-transition:all .5s linear; -moz-transform-style:preserve-3d; -moz-transition:all .5s linear; -o-transform-style:preserve-3d; -o-transition:all .5s linear; transform-style:preserve-3d; transition:all .5s linear;}
.anim .gallery_posts .hentry.flip.hover > a,.anim .gallery_posts .hentry.flip:hover > a{text-decoration:none!important;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.msie .anim .gallery_posts .hentry.flip > a {
  -ms-transform: rotateY(0deg); /* IE 9+ */
  transform: rotateY(0deg);     /* estándar moderno */
}
.anim .gallery_posts .hentry.flip > a > *{opacity:1!important;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.anim .gallery_posts .hentry.flip > a > .overlay.post_info{display:block;-webkit-transform:rotateY(180deg);-webkit-box-sizing:border-box;-moz-transform:rotateY(180deg);-moz-box-sizing:border-box;-o-transform:rotateY(180deg);-o-box-sizing:border-box;transform:rotateY(180deg);box-sizing:border-box;}
.msie .anim .gallery_posts .hentry.flip > a > .overlay.post_info{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);opacity:0!important;}
.msie .anim .gallery_posts .hentry.flip > a:hover > .overlay.post_info{opacity:1!important;}
.anim .gallery_posts .hentry.flip > a > .overlay.post_info .icon{filter:alpha(opacity=0);}
.anim .gallery_posts .hentry.flip:hover > a > .overlay.post_info,.anim .gallery_posts .hentry.flip:hover > a > .overlay.post_info .icon{filter:alpha(opacity=100);}
.isotope_block .switcher .switch_wrap,.gallery_posts .hentry.follow{overflow:hidden;}
.isotope_block .switcher:hover i,.isotope_block .switcher ul li a:hover,.isotope_block .switcher ul li a.active{background:#01b6c7;}
.isotope_block.events .isotope_single_item .event_caption h3 a:hover,.isotope_block.events .isotope_single_item .event_caption .event_link_more:hover{color:#949494;}
.anim .gallery_posts .hentry > a:hover,.anim .gallery_posts .hentry > a:link,.anim .gallery_posts .hentry > a:active,.anim .gallery_posts .hentry > a:visited,.anim .gallery_posts .hentry > a:hover *,.anim .gallery_posts .hentry > a:link *,.anim .gallery_posts .hentry > a:active *,.anim .gallery_posts .hentry > a:visited *,.anim .gallery_posts .hentry.flip.hover > a *{text-decoration:none!important;}
.isotope_block .isotope_single_item a,.isotope_block .isotope_single_item a .gallery_thumb{width:100%;height:100%;overflow:hidden;}
.isotope_block .isotope_single_item h5{text-transform:uppercase;letter-spacing:2px;font-weight:500;}
.isotope_block .isotope_single_item h6{font-size:10px;letter-spacing:2px;font-weight:400;}
.isotope_block .isotope_single_item h5.position{margin: 15px auto !important;}

.post_image,.post_image img{width:100%;}
.mask .open_gallery_image .slides img {
  max-width: 100%;
  height: auto;
  display: block;
}/**************************** /Gallery **************************/

/**************************** Social icons **************************/
.icon_gmail{width:36px;height:38px;background:url(../images/icons/gmail.png);background-size: 100%;display:block;}
.icon_facebook{width:36px;height:38px;background:url(../images/icons/facebook.png);background-size: 100%;display:block;}
.icon_pinterest{width:36px;height:38px;background:url(../images/icons/pinterest.png);background-size: 100%;display:block;}
.icon_vimeo{width:36px;height:38px;background:url(../images/icons/vimeo.png);background-size: 100%;display:block;}
.icon_youtube{width:36px;height:38px;background:url(../images/icons/youtube.png);background-size: 100%;display:block;}
.icon_twitter{width:36px;height:38px;background:url(../images/icons/twitter.png);background-size: 100%;display:block;}
.icon_dribbble{width:36px;height:38px;background:url(../images/icons/dribbble.png);background-size: 100%;display:block;}
.icon_be{width:36px;height:38px;background:url(../images/icons/be.png);background-size: 100%;display:block;}
/**************************** /Social icons **************************/

/**************************** Sidebar **************************/
.secondary .widget ul{padding-left:12px;}
.secondary .widget ul li{font-size:14px;margin-bottom:5px;list-style-image:url(../images/icons/circle.png);}
.secondary .widget ul li a{color:#8b8b8b;display: block;}
.secondary .widget ul li a span { float: right; margin-right: 30%; }
.secondary .widget ul li a:hover{color:#5ea281;}
.widget_footer{padding-top:70px;padding-bottom:90px;background-color:#eff0ea;text-align:center;}
.widget_footer .widget{width:280px;text-align:left;display:inline-block;vertical-align:top;margin:0 15px;}
.widget .title{font-size:20px;color:#232121;letter-spacing:3px;font-weight:700;text-transform:uppercase;margin-bottom:20px;}
.widget .content{font-size:14px;color:#8b8b8b;line-height:20px;}
.widget .recent_post{margin-bottom:30px;}
.widget .recent_post .author{width:60px;height:60px;overflow:hidden;float:left;margin-right:10px;}
.widget .recent_post .author img{height:100%;}
.widget .recent_post .content{display:table; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; transition:all linear .2s;}
.widget .recent_post .content:hover{color: #5ea281;}
.widget .recent_post .content .date{font-size:10px;color:#232121;text-transform:uppercase;font-weight:600;letter-spacing:1px;}
.widget ul.tags {padding-left: 0;}
.widget .tags li{display:inline-block;}
.widget ul.tags li a{margin-bottom:4px;margin-left:0;display:block;color:#fff;font-size:12px;background-color:#a7d692;border-radius:5px;padding:8px 12px; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; transition:all linear .2s;}
.widget ul.tags li a:hover{background-color:#5ea281;color:#fff;}
.widget .comment{margin-bottom:20px;display:inline-flex;}
.widget .comment a{ -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; transition:all linear .2s;}
.widget .comment:hover a{color: #5ea281;}
.widget .comment .icon{color:#8b8b8b;font-size:11px;margin-right:5px;margin-top:3px;}
.widget_social {margin-top: 30px;}
.secondary .widget .widget_social ul{padding-left: 0;}
.widget_social li{display:inline-block;margin:0 3px;}
.widget_social li:first-child{margin-left: 0;}
.widget_social li a{ -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; transition:all linear .2s;}
.widget_social li a:hover{ -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}

.widget .flickr div{width:100px;height:100px;overflow:hidden;display:inline-block;margin:auto;}
.widget .flickr div img{width:100%;}

.widget.calendar{text-align: center;}
.calendar_title{text-align: center; margin-bottom: 20px;}
.calendar_title .title{display: inline-block;}
.widget.calendar table{margin: auto;}
.widget.calendar td{font-size: 14px; color: #b5b69d; text-align: center; width: 34px; height: 34px;}
.widget.calendar td.emp{color: #fff;}
.widget.calendar td#today{border: 1px solid #5ea281; border-radius: 5px;}
.widget.calendar td.post{cursor: pointer; border-radius: 5px; -webkit-transition:background ease .2s; -moz-transition:background ease .2s; -ms-transition:background ease .2s; -o-transition:background ease .2s; transition:background ease .2s;}
.widget.calendar td.post a{font-weight: 600; color: #5ea281; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; transition:all linear .2s;}
.widget.calendar td.post:hover a{color: #fff;}
.widget.calendar td.post:hover {background-color: #5ea281; }
.widget.calendar th{font-size: 12px; color: #8b8b8b; text-transform: uppercase; }
.calendar_title .next_month{font-size: 14px; color: #8b8b8b; display: inline-block; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.calendar_title .prev_month{font-size: 14px; color: #8b8b8b; display: inline-block; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.calendar_title .next_month:hover, .calendar_title .prev_month:hover{color: #5ea281;}
.calendar_title .title, .calendar_title .next_month, .calendar_title .prev_month{vertical-align: middle; margin:auto;}
/**************************** /Sidebar **************************/

/**************************** Accordion **************************/
.accordion .item{background-color:#fff;-webkit-transition:background ease .2s;-moz-transition:background ease .2s;-ms-transition:background ease .2s;-o-transition:background ease .2s;transition:background ease .2s;}
.accordion .item .head{font-size:14px;color:#5ea281;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-bottom:1px solid #eff0ea;padding:30px;}
.accordion .item .head .icon{float:right;cursor:pointer;}
.accordion .item .body{font-size:16px;color:#8b8b8b;line-height:24px;border-bottom:1px solid #eff0ea;display:none;padding:30px;}
.accordion .item:first-child .body{display:block;}
.accordion .item.close{background-color:#fcfcf7;}
.accordion .item.close .head .title{color:#232121;}
/**************************** /Accordion **************************/

/**************************** Table **************************/
.table{width:100%;}
.table th{background-color:#fcfcf7;color:#232121;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;}
.table tr{text-align:center;background-color:#fff;font-size:14px;color:#8b8b8b;}
.table .first{color:#5ea281;}
.table td,.table th{padding:30px;}
/**************************** /Table **************************/

.audio_player{padding:20px; background:url(../images/blog/24.jpg);}
.audio_player .title{font-size:18px;color:#b5b69d;font-weight:800;margin-bottom:10px;}
.audio_player .author{font-size:12px;color:#d4d6c7;margin-bottom:50px;}

.regular.content {font-weight: 400;}
.regular.content .image{max-width: 50%;position:relative;overflow:hidden;}
.regular.content .image img{width:100%;}
.regular.content .image.left{float:left;margin-right:20px;}
.regular.content .image.right{float:right;margin-left:20px;}
.regular.content .image .overlay{background:rgba(0,0,0,0.6);color:#fff;position:absolute;width:100%;bottom:0;padding:10px;}

/**************************** List **************************/
ul.number li{list-style-type:lower-hexadecimal;}
ul.arrow li{list-style-image:url(../images/icons/arrow.png);}
ul.star li{list-style-image:url(../images/icons/star.png);}
ul.heart li{list-style-image:url(../images/icons/heart.png);}
ul.number,
ul.arrow,
ul.star,
ul.heart {
  padding-left: 0;
  margin-left: 0; /* opcional, elimina sangría extra */
}ul.number li,ul.arrow li,ul.star li,ul.heart li{margin-left: 0;
  padding-left: 0.3em; /* ajusta qué tan cerca queda */
  list-style-position: inside; }
/**************************** /List **************************/

.columns{display:flex;}
.columns .item{display:inline-block;margin:auto;}
.columns .item:first-child{margin-left:0;}
.columns .item:last-child{margin-right:0;}

.diagram_list{display:inline-block;vertical-align:top;}
.diagram_list li{margin-bottom:10px;}
.diagram_list li span{color:#fff;font-size:16px;display:inline-block;vertical-align:top;padding:5px 15px;}

.primary .post{ border-bottom: 2px solid #e7e8e1;width: 100%;}
.primary .post:last-child{ border-bottom: 0px;}

.post-anim{
  opacity: 0;
  transform: scale(.3);
  transition: transform .4s linear, opacity .4s linear;
  will-change: transform, opacity;
}

.post-anim.vis{
  opacity: 1;
  transform: scale(1);
}

/**************************** Scene 1 **************************/
#scene_1{height:524px;width:100%;position:relative;}
#scene_1 .item:nth-child(1){height: 14.5%;left: 10%;top: 52%;}
#scene_1 .item:nth-child(3){height: 9.7%; left: 80%; top: 57%;}
#scene_1 .item{position:absolute;}
#scene_1 #items{width:635px;height:524px;position:relative;margin:auto;}
#scene_1 #items div{position:absolute;overflow:hidden;}
#scene_1 #items div img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;}
#scene_1 #items div:nth-child(1){width:868px;height:524px;left:107px;z-index:5;bottom:0;}
#scene_1 #items div:nth-child(2){width:632px;height:391px;left:0;z-index:4;bottom:50px;}
#scene_1 #items div:nth-child(3){width:283px;height:201px;left:-400px;z-index:4;bottom:102px;}
#scene_1 #items div:nth-child(4){width:231px;height:143px;left:-300px;z-index:4;bottom:80px;}
#scene_1 #items div:nth-child(5){width:283px;height:201px;right:-550px;z-index:4;bottom:85px;}
#scene_1 #items div:nth-child(1) img{ -moz-transform: rotateY(90deg) translateZ(-220px); -ms-transform: rotateY(90deg) translateZ(-220px); -webkit-transform: rotateY(90deg) translateZ(-220px); -o-transform: rotateY(90deg) translateZ(-220px); transform: rotateY(90deg) translateZ(-220px);}
#scene_1 #items div:nth-child(2) img{ -moz-transform:rotateY(90deg) translateZ(20px); -ms-transform:rotateY(90deg) translateZ(20px); -webkit-transform:rotateY(90deg) translateZ(20px); -o-transform:rotateY(90deg) translateZ(20px); transform:rotateY(90deg) translateZ(20px);}
#scene_1 #items div:nth-child(4) img{ -moz-transform:rotateY(90deg) translateZ(-60px); -ms-transform:rotateY(90deg) translateZ(-60px); -webkit-transform:rotateY(90deg) translateZ(-60px); -o-transform:rotateY(90deg) translateZ(-60px); transform:rotateY(90deg) translateZ(-60px); }
#scene_1 #items div:nth-child(3) img,#scene_1 #items div:nth-child(5) img{ -moz-transform:rotateY(90deg) translateZ(-64px); -ms-transform:rotateY(90deg) translateZ(-64px); -webkit-transform:rotateY(90deg) translateZ(-64px); -o-transform:rotateY(90deg) translateZ(-64px); transform:rotateY(90deg) translateZ(-64px); } 

#scene_1 #eco_items{width:1170px;height: 524px;position:relative;margin:auto;}
#scene_1 #eco_items div{position:absolute;overflow:hidden;}
#scene_1 #eco_items div img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;}
#scene_1 #eco_items div:nth-child(1){width:785px;height:459px;left:415px;z-index:5;bottom:0;}
#scene_1 #eco_items div:nth-child(2){width:318px;height:208px;left:-243px;z-index:4;bottom:85px;}
#scene_1 #eco_items div:nth-child(3){width:318px;height:208px;left:204px;z-index:4;bottom:85px;}
#scene_1 #eco_items div:nth-child(4){width:318px;height:208px;right:-355px;z-index:4;bottom:85px;}
#scene_1 #eco_items div:nth-child(5){width:432px;height:346px;left:930px;z-index:6;bottom:45px;}
#scene_1 #eco_items div:nth-child(6){left:112px;z-index:6;bottom:33%;}
#scene_1 #eco_items div:nth-child(7){left:373px;z-index:6;bottom:33%;}
#scene_1 #eco_items div:nth-child(8){left:771px;z-index:6;bottom:33%;}
#scene_1 #eco_items div:nth-child(9){left:845px;z-index:6;bottom:33%;}
#scene_1 #eco_items div:nth-child(10){left:1120px;z-index:6;bottom:33%;}
#scene_1 #eco_items div:nth-child(11){left:930px;z-index: 1000;bottom:190px;}
#scene_1 #eco_items div:nth-child(11) img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;}

#scene_1 #eco_items div:nth-child(1) img{ -webkit-transform: rotateY(90deg) translateZ(-210px); -moz-transform: rotateY(90deg) translateZ(-210px); -ms-transform: rotateY(90deg) translateZ(-210px); -o-transform: rotateY(90deg) translateZ(-210px);  transform: rotateY(90deg) translateZ(-210px);}
#scene_1 #eco_items div:nth-child(2) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px);  transform: rotateY(90deg) translateZ(-100px);}
#scene_1 #eco_items div:nth-child(3) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px);  transform: rotateY(90deg) translateZ(-100px);}
#scene_1 #eco_items div:nth-child(4) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px);  transform: rotateY(90deg) translateZ(-100px);}
#scene_1 #eco_items div:nth-child(5) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px);  transform: rotateY(90deg) translateZ(-100px);}
#scene_1 #eco_items div:nth-child(11) img{ -webkit-transform: rotateY(90deg) translateZ(-12px); -moz-transform: rotateY(90deg) translateZ(-12px); -ms-transform: rotateY(90deg) translateZ(-12px); -o-transform: rotateY(90deg) translateZ(-12px);  transform: rotateY(90deg) translateZ(-12px);}

#scene_1 #travel_items{width:1170px;height:524px;position:relative;margin:auto;margin-top: 36px;}
#scene_1 #travel_items div{position:absolute;overflow:hidden;}
#scene_1 #travel_items div img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;}
#scene_1 #travel_items div:nth-child(1){width:829px;height:573px;left:401px;z-index:5;bottom:0;}
#scene_1 #travel_items div:nth-child(2){width:440px;height:225px;left:-70px;z-index:4;bottom:78px;}
#scene_1 #travel_items div:nth-child(3){width:320px;height:241px;left:967px;z-index:4;bottom:80px;}
#scene_1 #travel_items div:nth-child(4){left:333px;bottom: 25.7%;}
#scene_1 #travel_items div:nth-child(5){left:900px;bottom: 25.7%;}
#scene_1 #travel_items div:nth-child(6){bottom: 25.7%;}
#scene_1 #travel_items div:nth-child(7){bottom: 25.7%;}
#scene_1 #travel_items div:nth-child(8){left:244px;bottom: 25.7%;}
#scene_1 #travel_items div:nth-child(9){right:-100px;bottom: 25.7%;}
#scene_1 #travel_items div:nth-child(10){right: -60px;bottom: 25.7%;}
#scene_1 #travel_items div:nth-child(1) img{ -moz-transform: rotateY(90deg) translateZ(-240px); -ms-transform: rotateY(90deg) translateZ(-240px); -webkit-transform: rotateY(90deg) translateZ(-240px); -o-transform: rotateY(90deg) translateZ(-240px); transform: rotateY(90deg) translateZ(-240px);}
#scene_1 #travel_items div:nth-child(2) img{ -moz-transform:rotateY(90deg) translateZ(-100px); -ms-transform:rotateY(90deg) translateZ(-100px); -webkit-transform:rotateY(90deg) translateZ(-100px); -o-transform:rotateY(90deg) translateZ(-100px); transform:rotateY(90deg) translateZ(-100px);}
#scene_1 #travel_items div:nth-child(3) img{ -moz-transform:rotateY(90deg) translateZ(-60px); -ms-transform:rotateY(90deg) translateZ(-60px); -webkit-transform:rotateY(90deg) translateZ(-60px); -o-transform:rotateY(90deg) translateZ(-60px); transform:rotateY(90deg) translateZ(-60px); }

.boxed #scene_1 #eco_items div:nth-child(2){left:-43px;}
.boxed #scene_1 #eco_items div:nth-child(3){left: 230px;}
.boxed #scene_1 #eco_items div:nth-child(5){left: 770px;}
.boxed #scene_1 #eco_items div:nth-child(11){left: 770px;}
.boxed #scene_1 #eco_items div:nth-child(4){right: -200px;}
.boxed .eco #ln_1{left: 57%;}
.boxed .eco #ln_1  span.numder::before { content: '................';}
.boxed .eco #ln_2{left: -1%;}

.boxed #scene_1 #items div:nth-child(3){left: -320px;}
.boxed #scene_1 #items div:nth-child(4){left: -230px;}
.boxed #scene_1 #items div:nth-child(5){right: -450px;}

.boxed #scene_1 #travel_items div:nth-child(2){left: 50px;}
.boxed .travel #ln_2 { left: 32.5%; }
.boxed .travel #ln_2 span.numder::before { content: '.............';}
.boxed #scene_1 #travel_items div:nth-child(3){left: 900px;}
.boxed .travel #ln_1{left: 61%;}

#ln_1{top:40%; left:82%;}
#ln_2{top:25%; left:7%;}
#ln_3{top:5%; left:62%;}

.eco #ln_1{top: 20%; left: 67%;width: 250px;}
.eco #ln_2{top:35%; left:-3%;}
.eco #ln_3{top:4%; left: 26%;}

.travel #ln_1{top: 32%; left: 66%;width: 250px;}
.travel #ln_2{top: 34%;left: 26.5%;}
.travel #ln_3{top: 5%; left: 60.5%;} 

.eco #cl_1{top:20%;}
.eco #cl_2{top:30%;}
.eco #cl_3{top:10%;}
.eco #cl_4{top:-8%;}

#airplane{position:absolute;display:block;left:-2000px;width:90px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg);  transform: rotate(5deg); } 
.travel #airplane{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);  transform: rotate(0deg); } 
#cl_1{top:45%;background:url(../images/scene/2.png) repeat-y;}
#cl_2{top:30%;background:url(../images/scene/3.png) repeat-y;}
#cl_3{top:15%;background:url(../images/scene/4.png) repeat-y;z-index:4;}
#cl_4{top:-8%;background:url(../images/scene/5.png) repeat-y;}
.clouds div{position:absolute;height:50px;width:160px;overflow:hidden;z-index:6;}

.small_scene #scene_1 .item:nth-child(1){height: 35%; left: 10%; top: 27%;}
.small_scene #scene_1 .item:nth-child(2){height: 100%; left: 44.5%;}
.small_scene #scene_1 .item:nth-child(3){height: 38.4%; top: 45%; left: 70%;}
.small_scene #scene_1 .item:nth-child(4){height: 42.4%; left: 25%; top: 40%;}
.small_scene #scene_1 .item:nth-child(5){height: 30%; left: 85%; top: 32%;}
/**************************** /Scene 1 **************************/

/**************************** Footer **************************/
.footer{padding-top:90px;padding-bottom:120px;background-color:#2f9aac;}
.footer .logo{padding-top:20px;padding-bottom:90px;}
.footer .content{padding-bottom:30px;color:#fff;font-size:16px;}
.footer .content a{color:#a7d692; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -o-transition:all linear .2s; -ms-transition:all linear .2s; transition:all linear .2s;}
.footer .content a:hover{color:#fff;}
.footer .social a{color:#fff;font-size:24px;margin:5px;}
.footer .social a span:before{ -webkit-transition:all ease .2s; -moz-transition:all ease .2s; -o-transition:all ease .2s; -ms-transition:all ease .2s; transition:all ease .2s;}
.footer .social a:hover span{color: #a7d692;}
.footer .social li{display: inline-block;}

.cyan{background-color: #53acbb;}
.cyan .widget .title, .cyan .widget .content{color: #fff;}
.cyan .widget .recent_post .content:hover{color: #7cccd8;}
.cyan .widget .recent_post .content .date, .cyan  .widget .comment .icon{color: #a1f2fe;}
.cyan .widget .tags li a{background-color: #7cccd8;}
.cyan .widget .tags li a:hover{background-color: #2f9aac;}
.cyan .widget .tags li a:hover{color: #a1f2fe;}
.cyan .widget .comment .content:hover{color: #7cccd8;}
/**************************** /Footer **************************/

/**************************** Color Scheme **************************/
.beige{background-color: #eff0ea;}
.cadetblue{background-color: #2f9aac;}
.seagreen{background-color: #53acbb !important;}
.skyblue{background-color: #74c2ce;}
.cornsilk{background-color: #fcfcf7;}
.darkseagreen{background-color: #17a854;}
.yellowgreen{background-color: #17a854;}
.darkcyan{background-color: #3faa96;}
.khaki{background-color: #f2de83;}
.ivory{background-color: #fdf7e2;}
.wheat{background-color: #d9c593;}
.salmon{background-color: #df574b  !important;}
.indianred{background-color: #cb483e;}
/**************************** /Color Scheme **************************/

/**************************** Custom panel **************************/
.pattern1{background: url(../images/custom/pattern1.jpg) repeat;}
.pattern2{background: url(../images/custom/pattern2.jpg) repeat;}
.pattern3{background: url(../images/custom/pattern3.jpg) repeat;}
.pattern4{background: url(../images/custom/pattern4.jpg) repeat;}
.pattern5{background: url(../images/custom/pattern5.jpg) repeat;}
.pattern6{background: url(../images/custom/pattern6.jpg) repeat;}

.background1{background: url(../images/custom/bg1.jpg) no-repeat; background-size:  2000px; background-position: center;}
.background2{background: url(../images/custom/bg2.jpg) no-repeat; background-size:  2000px; background-position: center;}
.background3{background: url(../images/custom/bg3.jpg) no-repeat; background-size:  2000px; background-position: center;}
.background4{background: url(../images/custom/bg4.jpg) no-repeat; background-size:  2000px; background-position: center;}
.background5{background: url(../images/custom/bg5.jpg) no-repeat; background-size:  2000px; background-position: center;}
.background6{background: url(../images/custom/bg6.jpg) no-repeat; background-size:  2000px; background-position: center;}

.panelbutton{ z-index: 10; width: 0px; height: 0px; border-top: 75px solid #bebeb1; border-left: 75px solid transparent; position: absolute; top: 0; right: 0; cursor: pointer; }
.panelbutton:after{content: ''; width: 14px; height: 14px; background: url(../images/custom/close1.png); position: relative; display: block; top: -58px; right: 29px;-webkit-transition:all linear .2s; -moz-transition:all linear .2s; -o-transition:all linear .2s; -ms-transition:all linear .2s; transition:all linear .2s;}
.panelbutton:hover:after{transform:scale(1.3);-ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}
.panel{display: none;height: 260px; width: 100%; background-color: #fff; position: absolute; top:0; left: 0px;z-index: 10;border-radius: 0 0 10px 10px;}
.panel:after{ content: ''; position: relative; height: 7px; display: block; background-color: #bebeb1; z-index: 10; border-radius: 0 0 10px 10px; bottom: -7px; margin: 0 5px; margin-top: -8px;}
.panel .columns{margin: auto; text-align: center;display: block;}
.panel .columns .item{display: inline-block; width: 300px; height: 100%; padding-top: 60px;height: 200px; vertical-align: top;border-right: 1px solid #bebeb1;}
.panel .columns .item:last-child{border:none;}
.panel .columns .item .title{margin-bottom: 20px;color: #000; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; font-weight: 600;}
.panel .columns .item  ul{margin: auto;}
.panel .columns .item.homepages  ul li {margin-top: 10px;}
.panel .columns .item.homepages  ul li a{color: #a5a599; font-size: 12px;margin: auto;  text-transform: uppercase; font-weight: 600; background-color: #eff0ea; width: 150px; text-align: center; padding: 10px; display: block;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
.panel .columns .item.homepages  ul li a.active{background-color: #74c2ce; color: #fff;}
.panel .columns .item.homepages  ul li a:hover{background-color: #74c2ce; color: #fff;}

.panel .columns .item.patterns ul, .panel .columns .item.background ul{width: 220px;}
.panel .columns .item.patterns ul li div, .panel .columns .item.background ul li div{height: 55px; width: 55px; cursor: pointer;border: 2px solid #fff;}
.panel .columns .item.background ul li div{background-size: auto 400%;}
.panel .columns .item.patterns ul li div.active, .panel .columns .item.background ul li div.active{border: 2px solid #74c2ce;}
.panel .columns .item.patterns ul li div:hover, .panel .columns .item.background ul li div:hover{ border: 2px solid #74c2ce;}
.panel .columns .item.patterns ul li, .panel .columns .item.background ul li{display: inline-block; margin: 2px;}

.panel .columns .item.layout  .title { margin-bottom: 45px;}
.panel .columns .item.layout  div span{cursor: pointer;color: #a5a599; font-size: 12px;margin: auto;  text-transform: uppercase; font-weight: 600; background-color: #eff0ea; width: 75px; text-align: center; padding: 10px; display: inline-block;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
.panel .columns .item.layout  div span.active{background-color: #74c2ce; color: #fff;}
.panel .columns .item.layout  div span:hover{background-color: #74c2ce; color: #fff;}

.panel .columns .item .reset{margin-bottom: 20px;color: #000; font-size: 12px; display: block; text-transform: uppercase; letter-spacing: 3px; font-weight: 600;margin-bottom: 45px;}
.panel .columns .item .reset:before{content:''; width: 21px; height: 12px; background: url(../images/custom/res.png);display: inline-block; margin-right: 2px;vertical-align: bottom;}
.panel .columns .item .apply{color: #fff; font-size: 12px;margin: auto;  text-transform: uppercase; display: block;font-weight: 600; background-color: #74c2ce; width: 110px; text-align: center; padding: 10px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;}
.panel .columns .item .apply:hover{background-color: #eff0ea; color: #a5a599;}
.panel .close{width: 0px; height: 0px; border-top: 75px solid #eff0ea; border-left: 75px solid transparent; position: absolute; top: 0; right: 0; cursor: pointer;}
.panel .close:after{content: ''; width: 14px; height: 14px; background: url(../images/custom/close.png); position: relative; display: block; top: -58px; right: 29px;-webkit-transition:all linear .2s; -moz-transition:all linear .2s; -o-transition:all linear .2s; -ms-transition:all linear .2s; transition:all linear .2s;} 
.panel .close:hover:after{transform:scale(1.3);-ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}
.custom_overflow{z-index: 9;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3;-webkit-transform: translateZ(0);-o-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
/**************************** /Custom panel **************************/

.pad90{padding-top: 90px; padding-bottom:90px;}
.pad90-top{padding-top: 90px;}
.pad90-bot{padding-bottom: 90px;}

.pad70{padding-top: 70px; padding-bottom:70px;}
.pad70-top{padding-top: 70px;}
.pad70-bot{padding-bottom: 70px;}

.pad30{padding-top: 30px; padding-bottom: 30px;}
.pad30-top{padding-top: 30px;}
.pad30-bot{padding-bottom: 30px;}

.marg90{margin-top: 90px; margin-bottom: 90px;}
.marg90-top{margin-top: 90px;}
.marg90-bot{margin-bottom: 90px;}

.marg60{margin-top: 60px; margin-bottom: 60px;}
.marg60-top{margin-top: 60px;}
.marg60-bot{margin-bottom: 60px;}

.marg30{margin-top: 30px; margin-bottom: 30px;}
.marg30-top{margin-top: 30px;}
.marg30-bot{margin-bottom: 30px;}

.marg0{margin: 0;}

/* === Countdown aislado === */
#countdown-container {
  --bg: #fcc523;
  --card: #fcc523;
  --text: #ffffff;
  --muted: #ffffff;
  --accent: #60a5fa;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: transparent;
  font-family: inherit; /* usa la fuente general de tu sitio */
}

#countdown-container .wrap {
  width: min(900px, 92vw);
  background: linear-gradient(180deg, #fcc523 0%, var(--card) 100%);
  border: 1px solid #e63342;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  color: var(--text);
}

#countdown-container h1 {
  margin: 0 0 6px;
  font-size: clamp(22px, 3.2vw, 34px);
  letter-spacing: 0.2px;
  color: var(--text);
}

#countdown-container .sub {
  color: var(--muted);
  margin-bottom: 20px;
  font-size: 14px;
}

#countdown-container .grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

#countdown-container .unit {
  position: relative;
  text-align: center;
  padding: 20px 14px;
  border-radius: 18px;
  background: #e63342;
  border: 1px solid #253251;
}

#countdown-container .value {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: clamp(28px, 7vw, 56px);
  line-height: 1;
}

#countdown-container .label {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

#countdown-container .progress {
  height: 6px;
  background: #ffffff;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 14px;
  border: 1px solid #1e293b;
}

#countdown-container .bar {
  height: 100%;
  width: 0%;
}

#countdown-container .days .bar {
  background: var(--accent);
}
#countdown-container .hours .bar {
  background: #34d399;
}
#countdown-container .mins .bar {
  background: #f59e0b;
}
#countdown-container .secs .bar {
  background: #f472b6;
}

#countdown-container .done {
  display: none;
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: #009540;
  border: 1px solid #0f5132;
  color: #c3f0d0;
  font-size: 14px;
}

@media (max-width: 560px) {
  #countdown-container .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Bullets */
.full-carousel .indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.full-carousel .indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background 0.3s ease;
}

.full-carousel .indicators button.active {
  background: #fff;
}



/* =========================
   Footer (moderno / minimalista)
   ========================= */
.site-footer {
  background: #1a1a1a;   /* fondo oscuro */
  color: #ccc;
  padding: 60px 20px 30px;
  font-size: 14px;
  line-height: 1.6;
}

.site-footer .footer-container {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
}

.site-footer h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.site-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer ul li {
  margin-bottom: 8px;
}

.site-footer a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s ease;
}

.site-footer a:hover {
  color: #a7d692; /* verde del theme */
}

/* Redes sociales */
.footer-social {
  display: flex;
  gap: 12px;
}

.footer-social a {
  width: 36px;
  height: 36px;
  border: 1px solid #444;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  transition: all 0.3s ease;
}

.footer-social a:hover {
  background: #a7d692;
  color: #1a1a1a;
  border-color: #a7d692;
}

/* Línea inferior */
.footer-bottom {
  border-top: 1px solid #333;
  text-align: center;
  margin-top: 40px;
  padding-top: 20px;
  font-size: 12px;
  color: #777;
}


/* =========================
   Carrusel de Patrocinadores
   ========================= */
.sponsors {
  background: transparent;
  text-align: center;
}

.sponsors h4 {
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #333;
}

.sponsor-logos {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.sponsor-track {
  display: flex;
  width: calc(250px * 40); /* ajusta según # de logos */
  animation: scroll 30s linear infinite;
}

.sponsor-track2 {
  display: flex;
  width: calc(250px * 30); /* ajusta según # de logos */
  animation: scroll 15s linear infinite;
}

.sponsor-logo {
  flex: 0 0 250px; /* ancho fijo de cada logo */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.sponsor-logo img {
  max-width: 180px;
  height: auto;
  opacity: 0.8;
  transition: all 0.3s ease;
}


/* Animación infinita */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


/* =========================
   Carrusel Decorativo
   ========================= */
.decor-carousel {
  overflow: hidden;
  width: 100%;
  background: #111; /* puedes cambiar el fondo */
}

.decor-track {
  display: flex;
  animation: decor-scroll 30s linear infinite;
}

.decor-item {
  flex: 0 0 200px; /* ancho de cada cuadrado */
  height: 200px;
}

.decor-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* asegura que la ilustración llene el cuadrado */
  display: block;
}

/* Animación infinita */
@keyframes decor-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


/* =========================
   Sección CTA (Boletos)
   ========================= */
.cta-section {
  background: transparent;
  color: #fcc525;
  text-align: center;
  padding: 100px 20px;
  position: relative;
}

.cta-section h2 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cta-section p {
  font-size: 1.2rem;
  margin-bottom: 40px;
  color: rgba(255,255,255,0.85);
}

.cta-button {
  background: #fcc525;
  color: #e63344;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 18px 50px;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.cta-button:hover {
  background: #fcc525;
  color: #ffffff;
  transform: translateY(-3px);
}


/* === Botón flotante de WhatsApp === */
#whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 9999;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#whatsapp-button img {
  width: 55px;
  height: 55px;
  display: block;
}

#whatsapp-button:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Responsive: reducir tamaño en móviles */
@media (max-width: 768px) {
  #whatsapp-button img {
    width: 48px;
    height: 48px;
  }
}



.cta-section {
  text-align: center;
  padding: 20px;
}

.cta-section .cta-img {
  max-width: 100%;   /* no se sale de pantalla */
  height: auto;      /* mantiene proporción */
}

.cta-section h2 {
  font-size: 2rem;
  margin: 15px 0 10px;
}

.cta-section p {
  font-size: 1.2rem;
  margin: 0;
}

/* Responsivo para tablets */
@media (max-width: 768px) {
  .cta-section h2 {
    font-size: 1.5rem;
  }
  .cta-section p {
    font-size: 1rem;
  }
  .cta-section {
    padding: 15px;
  }
}

/* Responsivo para celulares pequeños */
@media (max-width: 480px) {
  .cta-section h2 {
    font-size: 1.2rem;
  }
  .cta-section p {
    font-size: 0.9rem;
  }
}


/* Paleta (si ya la tienes declarada, omite este bloque) */
:root{
  --okt-cyan: #009EAE;
  --okt-amber:#E7AC2C;
  --okt-red:  #DD5B3B;
}

/* Contenedor */
.stage-cta{
  position: relative;
  overflow: hidden;
  min-height: clamp(520px, 80vh, 880px);
  display: grid;
  place-items: center;
  color: #fff;
  isolation: isolate; /* que overlay no afecte al resto */
}

/* BG absoluto para parallax (JS mueve translateY) */
.stage-cta__bg{
  position: absolute; inset: -10% -2% -10% -2%; /* margen extra para parallax */
  background-position: center;
  background-size: cover;
  transform: translateY(0);
  will-change: transform;
  z-index: -2;
}

/* Degradado violeta/cyan estilo festival por encima del BG */
.stage-cta__overlay{
  position: absolute; inset: 0;
  background:
    linear-gradient(115deg, rgba(157, 74, 255, .55) 0%, rgba(0,158,174,.55) 100%),
    radial-gradient(120% 90% at 80% 20%, rgba(221,91,59,.35) 0%, rgba(0,0,0,.35) 60%);
  z-index: -1;
}

/* Contenido */
.stage-cta__content{
  width: min(1100px, 92%);
  text-align: left;
}

.stage-cta__title{
  font-size: clamp(28px, 5vw, 56px);
  line-height: 1.05;
  letter-spacing: .5px;
  margin: 0 0 .5rem 0;
  font-weight: 800;
  text-transform: uppercase;
}

.stage-cta__text{
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 1.6;
  max-width: 62ch;
  margin: 0 0 1.5rem 0;
}

/* Botón */
.stage-cta__btn{
  display: inline-block;
  padding: .9rem 1.4rem;
  font-weight: 700;
  border-radius: 999px;
  border: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  backdrop-filter: blur(2px);
  transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.stage-cta__btn:hover{
  background-color: #fff;
  color: #000000;
  transform: translateY(-2px);
  border-color: #fff;
}
.stage-cta__btn:focus-visible{  
  outline: 3px solid var(--okt-amber);
  outline-offset: 2px;
}

/* Que el sticky header no tape al hacer ancla */
.stage-cta{ scroll-margin-top: 100px; }

/* Menos movimiento si el usuario lo pide */
@media (prefers-reduced-motion: reduce){
  .stage-cta__bg{ transform: none !important; transition: none !important; }
}


@media (min-width: 992px){
  .cta-section .cta-copy{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}


/* Sección boleto */
#boleto{
  background: #0babbc; /* amarillo suave */
  text-align: center;
}
#boleto h2{
  font-size: 2rem;
  margin-bottom: 1rem;
}
#boleto p{
  max-width: 700px;
  margin: 0 auto 2rem auto;
  line-height: 1.5;
}

/* Lista de beneficios */
.includes-list{
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  gap: 20px;
  max-width: 800px;
}
.includes-list li{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
  text-align: left;
}
.includes-list .icon{
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

/* Botón centrado */
.cta-boleto{
  margin-top: 2rem;
}
.cta-boleto .cta-button{
  background: #dd5b3b; /* naranja oktoberfest */
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  transition: background .3s ease;
}
.cta-boleto .cta-button:hover{
  background: #b9472d;
}

/* Botón de apertura (ajústalo a tu estilo) */
.btn-convocatoria{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:#009EAE; color:#fff; font-weight:700; text-decoration:none;
}
.btn-convocatoria:hover{ filter:brightness(1.05); }

/* ===== Modal base ===== */
.modal{
  position:fixed; inset:0; display:grid; place-items:center;
  opacity:0; visibility:hidden; transition:opacity .18s ease;
  z-index: 9999;
}
.modal[aria-hidden="false"]{ opacity:1; visibility:visible; }

.modal__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.6);
  backdrop-filter: blur(2px);
}

.modal__dialog{
  position:relative; z-index:1;
  width:min(92vw, 820px);
  max-height: 90vh;
  overflow:auto;
  background:#111; color:#fff;
  border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.5);
  transform: translateY(10px);
  transition: transform .2s ease;
}
.modal[aria-hidden="false"] .modal__dialog{ transform: translateY(0); }

.modal__close{
  position: absolute; top:8px; right:8px;
  width:36px; height:36px; border-radius:999px; border:0; cursor:pointer;
  background: rgba(255,255,255,.15); color:#fff; font-size:20px; line-height:1;
}
.modal__close:hover{ background: rgba(255,255,255,.25); }

.modal__title{
  margin:0; padding:14px 18px 0 18px;
  font-size: clamp(18px, 2vw, 22px); font-weight:800;
}

.modal__content{
  padding: 12px 18px 18px;
}

.modal__image{
  width:100%; height:auto; display:block;
  border-radius:7px;
  background:#ffffff; /* placeholder */
  /* Si tu cartel es vertical y quieres forzar caja: */
  /* aspect-ratio: 3/4; object-fit: contain; background:#ffffff;*/
}

.modal__actions{
  margin-top:12px; text-align:right;
}
.modal__button{
  display:inline-block; padding:10px 14px; border-radius:999px;
  background:#E7AC2C; color:#111; text-decoration:none; font-weight:800;
}
.modal__button:hover{ filter:brightness(1.05); }

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .modal{ transition:none; }
  .modal__dialog{ transition:none; }
}

/* ===== Paleta y tipografía base ===== */
:root{
  --blue:#f4513c;      /* fondo principal */
  --orange:#f4513c;    /* franja/acentos */
  --red:#E33E28;       /* tarjeta afiche */
  --text:#F9E7B2;      /* texto amarillento */
}

.poster-block{
  position: relative;
  background: var(--blue);
  color: var(--text);
  padding: clamp(32px, 6vw, 64px) 0;
  overflow: hidden;
}

/* Franja naranja al costado (como en el póster) */
.poster-block::before{
  content:"";
  position:absolute; inset:0 auto 0 0;
  width:min(14px, 1.2vw);
  background: var(--orange);
}

/* Layout 2 columnas */
.poster-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 24px);
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(18px, 4vw, 40px);
  align-items: center;
}

/* Agenda izquierda */
.poster-heading{
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin: 0 0 .75rem 0;
}
.poster-agenda .slot{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px 18px;
  align-items: start;
  padding: 14px 0;
  border-bottom: 1px dashed rgba(249,231,178,.25);
}
.slot-time{
  display:grid; gap:2px; text-align:left;
  min-width: 70px;
}
.slot-time .d{ font-weight: 900; opacity:.9; }
.slot-time .t{ font-weight: 800; opacity:.8; }
.slot-title{
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.slot-note{
  margin: 4px 0 0 0; opacity:.85;
}

/* Tarjeta afiche a la derecha */
.poster-card{
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;              /* formato cartel */
  background: var(--red);
  border-radius: 8px;
  transform: rotate(-8deg);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease;
  overflow: hidden;
  justify-self: center;
}
.poster-card:hover{
  transform: rotate(-4deg) translateY(-4px);
  box-shadow: 0 24px 56px rgba(0,0,0,.45);
}
.poster-img{
  width:100%; height:100%; object-fit: cover; display:block;
}

/* Si usas la versión tipográfica (Opción B) */
.poster-letters{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  gap: .2em;
  font-size: clamp(48px, 14vw, 160px);
  font-weight: 900;
  color:#111; /* base para sombras */
}
.poster-letters span{
  position: relative;
  color:#111;
  text-shadow:
    6px 6px 0 #0A8C63,      /* verde */
    12px 12px 0 #1B1B1B,    /* sombra negra */
    -6px -6px 0 #F9E7B2;    /* amarillo crema */
}

/* Responsive */
@media (max-width: 900px){
  .poster-wrap{ grid-template-columns: 1fr; }
  .poster-card{ order:-1; margin-inline:auto; }
}

/* Respeta reduce motion */
@media (prefers-reduced-motion: reduce){
  .poster-card, .poster-card:hover{ transition:none; transform:none; }
}