*{ margin:0px; padding:0px; outline:none; line-height:100%; font-size:100%;} *::-webkit-input-placeholder { color: #455560; } *:-moz-placeholder { /* FF 4-18 */ color: #455560; } *::-moz-placeholder { /* FF 19+ */ color: #455560; } *:-ms-input-placeholder { /* IE 10+ */ color: #455560; } a img{ border:none} img{ max-width:100%; vertical-align:top} @font-face { font-family: scalareg; src:url('fonts/scala-reg/ScalaSansWebPro.eot'); src: url('fonts/scala-reg/ScalaSansWebPro.eot?#iefix') format('embedded-opentype'), url('fonts/scala-reg/ScalaSansWebPro.woff') format('woff'), url('fonts/scala-reg/ScalaSansCompPro.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: scalareg-sc; src:url('fonts/scala-reg/ScalaSansScWebPro.eot'); src: url('fonts/scala-reg/ScalaSansScWebPro.eot?#iefix') format('embedded-opentype'), url('fonts/scala-reg/ScalaSansScWebPro.woff') format('woff'), url('fonts/scala-reg/ScalaSansScCompPro.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: scalabold; src:url('fonts/scala-bold/ScalaSansWebPro-Bold.eot'); src: url('fonts/scala-bold/ScalaSansWebPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/scala-bold/ScalaSansWebPro-Bold.woff') format('woff'), url('fonts/scala-bold/ScalaSansCompPro-Bold.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: scalabold-sc; src:url('fonts/scala-bold/ScalaSansScWebPro-Bold.eot'); src: url('fonts/scala-bold/ScalaSansScWebPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/scala-bold/ScalaSansScWebPro-Bold.woff') format('woff'), url('fonts/scala-bold/ScalaSansScCompPro-Bold.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } body{ font-family:"scalareg"; font-size:14px; color:#455560; background:#e3e7ea} a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .fl{ float:left} .fr{ float:right} .clear{ clear:both } .main_wrapper{ width:100%; margin:auto} .inner_wrapper{ width:960px; margin:auto} body.home header.header{ position:fixed; width:100%; height:90px; background:none; top:0px; z-index:100} header.header #main_menu_wrapper{ height:90px;} header.header{ position:fixed; width:100%; height:106px; /*background:url(../images/header.jpg) center 0px repeat-y;*/ top:0px; z-index:100; background: #90d4da; /* Old browsers */ background: #90d4da; /* Old browsers */ background: -moz-linear-gradient(45deg, #90d4da 0%, #39308a 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#90d4da), color-stop(60%,#39308a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #90d4da 0%,#39308a 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #90d4da 0%,#39308a 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #90d4da 0%,#39308a 60%); /* IE10+ */ background: linear-gradient(45deg, #90d4da 0%,#39308a 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d4da', endColorstr='#39308a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */; } .logo{ float:left; padding:15px 0 0 8px;} .menu_outer{ float:right; padding:14px 0px 0 0; margin-bottom:10px;} .lang{ padding-bottom:36px;} .lang ul{ text-align:right} .lang ul li{ display:inline-block; padding:0px 4px 0px 0px; background:url(../images/main_menu.jpg) right 50% no-repeat } .lang ul li a{ color:#fff; padding:2px 5px 0px 5px; text-transform:lowercase; text-decoration:none; line-height:15px; font-family:"scalabold-sc"; font-size:12px; font-weight:normal } .lang ul li a:hover, .lang ul li a.act { background:#72cbd1;} .lang ul li:last-child { border:none; padding-right:0px; background:none } .main_menu ul{ text-align:right } .main_menu ul li{ display:inline-block; padding:0px 4px 0px 0px; background:url(../images/main_menu.jpg) right 50% no-repeat } .main_menu ul li a{ color:#fff; padding:2px 5px 0px 5px; text-transform:lowercase; text-decoration:none; line-height:15px; font-family:"scalabold-sc"; font-size:12px; font-weight:normal } .main_menu ul li a:hover, .main_menu ul li a.act{ background:#72cbd1;} .main_menu ul li:last-child { border:none; padding-right:0px; background:none } .submenu{ background:#6ccdd4; margin-top:0px; text-align:right!important; height:16px; overflow:hidden!important; width:100%} .submenu:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;} .submenu ul{ padding:0px} .submenu ul li{ display:inline-block} .submenu ul li a{ color:#332a86;font-family:"scalabold-sc"; font-size:12px; font-weight:normal; padding:0px 10px; text-decoration:none; background:url(../images/menu_line.jpg) right 2px no-repeat; text-transform:lowercase} .submenu ul li:last-child a{ background:none; padding-right:3px} .introducation{} .intro_padding{padding:70px 0px 0px 80px; /*width:680px */ } .banner_intro{ /*background:url(../images/windandsolar2000x349px.jpg) center top no-repeat; */height:370px;} .banner_intro h1{ color: #FFFFFF; font-family: 'scalareg-sc'; font-size: 70px; font-weight: normal; line-height: 60px; padding-bottom:30px} .banner_intro h1 br{ line-height:40px} .banner_intro h2 br{ line-height:40px} .banner_intro p{ font-family: 'scalareg'; font-size: 20px; color:#fff; line-height:30px } .matter_intro{ width:800px; margin:auto; padding:21px 0px; color:#36424A} .matter_intro .col2{ width:350px;} .matter_intro p{ padding-bottom:20px; line-height:21px; text-align:justify} .matter_intro p:last-child{ padding-bottom:0px} #right_portfolio ul:last-child{ padding-bottom:0px} #right_portfolio ul.none{ padding-bottom:0px} .our_history_graphic{padding:15px 0px;} .our_history h2{ color: #39308A; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:5px; font-weight:normal} .meet_team{} .meet_team_graphic{ background:url(../images/Teamimg-2000x196.jpg) center top no-repeat; height:197px;} .meet_team_graphic h1{ padding:15px 0px 0px 80px; color: #FFFFFF; font-family: 'scalareg-sc'; font-size: 44px; font-weight: normal; line-height: 100%} .meet_team .col2{ width:350px;} .meet_team_matter{ width:800px; margin:auto} .meet_team_matter .col2{ padding:10px 0px; position:relative; z-index:1} .meet_team_matter p{padding-bottom:20px; line-height:21px; text-align:justify} .meet_team_text { background:#332A86; padding:9px 15px 20px 15px; } .meet_team_text h3{padding:0px; color: #72CCD3; font-family: 'scalabold-sc'; font-size:20px; font-weight: normal; line-height: 100%; padding-bottom:0px} .meet_team_text p{padding-bottom:20px; line-height:21px; text-align:left; color:#fff} .subtabmenu{} .subtabmenu li{ display:block; margin-bottom:20px;} .subtabmenu li a{color: #332A86; font-family:"scalabold-sc"; font-size: 20px; padding:1px 7px; text-decoration:none; font-weight:normal } .subtabmenu li a:hover, .subtabmenu li a.act{ background:#332A86; color:#fff} .margin_top{ margin-top:-182px;} .footer-type h4{ color: #FFFFFF; font-size: 20px; padding-bottom:5px;} .footer-type p{ color:#fff; font-size:13px; line-height:19px;} .footer-type p a{ color:#fff; font-size:13px; line-height:19px;} .footer-type strong{ font-family:"scalabold-sc"; font-weight:normal;} .footer-type .col2{ width:380px;} .footer-type .col3{ width:350px;} .footer-type .col3 ul{ padding-top:59px} .footer-type .col3 ul li{ display:inline-block; background:url(../images/main_menu.jpg) right 2px no-repeat} .footer-type .col3 ul li a{ color:#fff;font-family:"scalareg-sc"; font-size:12px; font-weight:normal; padding:0px 5px 0px 0px; text-decoration:none; } .footer-type .col3 ul li:last-child{ padding-right:0px; background:none} .our_history_graphic{ position:relative; background:url(../images/team_bg.jpg) 0px 0px repeat-x} .inner_wrapper_matter{ width:800px; margin:auto; } .our_history_graphic .col2{ width:350px;} .our_history_graphic h1{ color: #fff; font-family:"scalareg-sc"; font-weight:normal; font-size:44px; margin-bottom:10px; line-height:100%} /*.our_history_graphic .top_margin{ margin-top:-50px;}*/ .our_history_graphic .matter{ background:#332a86; padding:10px; color:#fff} .our_history_graphic .matter h3{ font-family: 'scalabold-sc'; font-size: 20px; color:#90d4da; line-height:21px; font-weight:normal } .our_history_graphic p{ padding-bottom:0px; line-height:21px; text-align:justify} .carousel-inner{ width:800px; margin:auto} .subtabmenu li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .carousel-indicators { text-align:center} .carousel-indicators li{ display:inline-block; font-family:"scalareg-sc"; font-weight:normal; font-size:20px; padding:5px 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .carousel-indicators li.active{ display:inline-block; font-family:"scalareg-sc"; font-weight:normal; font-size:44px;; color:#72ccd3} {background: url(../images/our_history_bg.jpg) center bottom no-repeat; } .top_section{ min-height:311px} .center{ text-align:center} .center.top_margin{ margin-top:-65px} .our_history_graphic{padding:5px 0px;} .our_history h2{ color: #332a86; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:5px; font-weight:normal} .our_history_graphic h1{ position:relative; z-index:11; padding-top:10px;} .matter_intro p strong{ color:#52575b; font-family: 'scalabold'; font-weight:normal;} .banner_intro h2{ color: #FFFFFF; font-family: 'scalareg-sc'; font-size: 35px; font-weight: normal; line-height: 60px; padding-bottom:30px; /*margin-top:-60px*/} .company_skill{ padding:21px 0 0 0; width:800px; margin:auto; min-height:100px;} .company_skill h2{ color: #332a86!important; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:10px; font-weight:normal} .company_skill p{ padding-bottom:20px; line-height:21px; text-align:justify} .indigo_work_cycle{ background:#37414b; } .indigo_work_cycle .inner_cycle{ width:800px; margin:auto; background:url(../images/our_history_bg.jpg) bottom center no-repeat; padding:15px 0px 67px 0px} .indigo_work_cycle .inner_cycle h1{ color: #FFFFFF; font-family: 'scalareg-sc'; font-size: 44px; font-weight: normal; line-height: 100%; padding-bottom:15px} .indigo_work_cycle .col2{ width:350px;} .indigo_work_cycle .subtabmenu2{ background:url(../images/work_cycle.png) 0px 0px no-repeat; height:410px; margin-bottom:15px; width:360px; position:relative} .indigo_work_cycle .subtabmenu2 li{ position:absolute; text-indent:-2500px; } .indigo_work_cycle .subtabmenu2 li.first_item { width:100px; left:175px; height:140px; width:174px;} .indigo_work_cycle .subtabmenu2 li.second_item { height: 193px; right: 0; top: 100px; width: 90px; } .indigo_work_cycle .subtabmenu2 li.third_item {height: 138px; right: 0; top: 255px; width:200px;} .indigo_work_cycle .subtabmenu2 li.fourth_item {height: 138px; left: 0; top: 255px; width:175px;} .indigo_work_cycle .subtabmenu2 li.fifth_item {height: 193px; left: 0; top: 100px; width: 68px; } .indigo_work_cycle .subtabmenu2 li.sixth_item {width:100px; left:0px; height:140px; width:190px;} .indigo_work_cycle .subtabmenu2 li.first_item:hover{ background:url(../images/work_cycle_first_item.png) 94% 0px no-repeat} .indigo_work_cycle .subtabmenu2 li.first_item.resp-tab-active{ background:url(../images/work_cycle_first_item.png) 94% 0px no-repeat} .indigo_work_cycle .subtabmenu2 li.second_item:hover{ background:url(../images/work_cycle_second_item.png) right -101px no-repeat} .indigo_work_cycle .subtabmenu2 li.second_item.resp-tab-active{ background:url(../images/work_cycle_second_item.png) right -101px no-repeat} .indigo_work_cycle .subtabmenu2 li.third_item:hover{ background:url(../images/work_cycle_thir_item.png) right -255px no-repeat} .indigo_work_cycle .subtabmenu2 li.third_item.resp-tab-active{ background:url(../images/work_cycle_thir_item.png) right -255px no-repeat} .indigo_work_cycle .subtabmenu2 li.fourth_item:hover{ background:url(../images/work_cycle_fourth_item.png) left -255px no-repeat} .indigo_work_cycle .subtabmenu2 li.fourth_item.resp-tab-active{ background:url(../images/work_cycle_fourth_item.png) left -255px no-repeat} .indigo_work_cycle .subtabmenu2 li.fifth_item:hover{ background:url(../images/work_cycle_fifth_item.png) -1px -100px no-repeat} .indigo_work_cycle .subtabmenu2 li.fifth_item.resp-tab-active{ background:url(../images/work_cycle_fifth_item.png) -1px -100px no-repeat} .indigo_work_cycle .subtabmenu2 li.sixth_item:hover{ background:url(../images/work_cycle_sixth_item.png) 0px 0px no-repeat} .indigo_work_cycle .subtabmenu2 li.sixth_item.resp-tab-active{ background:url(../images/work_cycle_sixth_item.png) 0px 0px no-repeat} .indigo_work_cycle .matter h3{ font-family: 'scalabold-sc'; font-size: 20px; color:#90d4da; line-height:25px; font-weight:normal } .indigo_work_cycle p{ padding-bottom:0px; line-height:21px; text-align:justify} .indigo_work_cycle .matter{ background:#332a86; padding:15px; color:#fff} .banner_map {width:100%; height: 597px; margin-top: -134px; padding-bottom: 160px;} /***********start here portfolio***********/ .banner_intro h2{ color: #FFFFFF; font-family: 'scalareg-sc'; font-size: 70px; font-weight: normal; line-height: 60px; padding-bottom:30px; text-transform:lowercase;} .banner_intro_inner{ background:url(../images/windandsolar2000x349px.jpg) center top no-repeat; height:197px;} .banner_intro_inner h2{ color: #FFFFFF; font-family: 'scalareg-sc'; font-size:44px; font-weight: normal; line-height: 60px; padding-bottom:30px; text-transform:lowercase} .banner_intro_inner .intro_padding{padding:10px 0px 0px 80px; /*width:620px */ } .our_plant_graphic{ background:#37414a; /*padding:15px 0px; */} .our_plants h2{ color: #39308A; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:5px; font-weight:normal} .our_plant_graphic{ background:#e3e7ea ; position:relative} .inner_wrapper_matter{ width:800px; margin:auto; } .our_plant_graphic .col2{ width:350px;} .our_plant_graphic h1{ color: #fff; font-family:"scalabold-sc"; font-weight:normal; font-size:35px; margin-bottom:15px; text-transform:uppercase; line-height:100%} .our_plant_graphic .top_margin{ margin-top:-50px;} .our_plant_graphic .matter{ background:#332A86; padding:15px; color:#fff} .our_plant_graphic .matter h3{ font-family: 'scalabold-sc'; font-size: 20px; color:#90d4da; line-height:25px; font-weight:normal } .our_plant_graphic p{ padding-bottom:0px; line-height:21px; text-align:justify;} .margin_left{ margin-left:-70px} .plat_menu ul li.none{ background:none;} .project_element{margin-bottom:8px} .project_element p{ margin-bottom:0px; padding-bottom:0px!important} /*.our_plant_graphic .matter{ margin-top:50px;}*/ .our_plant_graphic .matter h3{ font-family:"scalareg-sc"; font-weight:normal; font-size:30px; } .project_element p{font-family:"scalareg-sc"; font-weight:normal; font-size:12px; line-height:18px } .project_element h3 span{font-family:"scalareg-sc"; font-weight:normal; font-size:14px;} .our_history_matter h1{ color: #39308A; font-family:"scalareg-sc"; font-weight:normal; font-size:35px; margin-bottom:15px; line-height:100%} .contact_form{ padding:15px; background:#332A86; color:#fff; margin-bottom:5px} .contact_form h3{ color:#72ccd3; font-family: 'scalabold-sc'; font-size: 20px; line-height:21px; font-weight:normal; padding-bottom:15px } .contact_form p{ clear:left; padding-bottom:15px;} .contact_form p label{ float:left; width:80px; } .contact_form p .input{ width:300px; padding:5px 10px; border:none; color:#455560; font-family:"scalareg-sc"} .contact_form p placeholder{ color:#333} .contact_form p .text_area{ width:300px; padding:5px 10px; border:none; color:#455560; font-family:"scalareg-sc"} .contact_form p .btn{ cursor:pointer; padding:4px 10px; border:none; background:#72ccd3; font-family:"scalabold-sc"; color:#fff} .contact_form p{ padding-bottom:10px!important} .contact_form h3 + p{ padding-bottom:21px!important} .contact_form p:last-child{ padding-bottom:0px!important} ul.partner{} ul.partner li{ display:block; float:left; margin-right:10px; margin-bottom:10px} ul.partner li.none{ margin-right:0px;} .address_top{ color:#fff; line-height:22px} .address_top p{line-height:25px} .address_top a { color:#fff; text-decoration:none} .main_wrapper_home{ background: url(../images/home_slide.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; padding-bottom:1px; min-height:100%} .col2{ width:350px;} .col2 p{ padding-bottom:20px; line-height:21px; text-align:justify} .col2 p strong{ line-height:21px; text-align:justify; font-weight:normal; font-family:"scalabold"} .main_wrapper_home .inner_wrapper_matter{ padding-top:180px} .main_wrapper_home .padding_home{ width:500px} .main_wrapper_home p{ color:#fff} .main_wrapper_home h1{ color: #6ad0d2; font-family: 'scalareg-sc'; font-size: 70px; font-weight: normal; line-height: 60px; padding-bottom:30px} .main_wrapper_home p{ color:#fff; line-height:30px; font-size:20px; font-family:"scalareg"} .main_wrapper_home p strong{ color:#fff; line-height:30px; font-size:20px; font-weight:normall; font-family:"scalabold"} .home_arrow{ background:url(../images/home_arrow.png) center top no-repeat; width:100%; height:42px; display:block; margin-bottom:15px } .banner_intro{/*background:url(../images/home_slide.jpg) center 50% no-repeat;*/ height:370px;} /*#second{ background: url(../images/secondBG.jpg) 50% 0 no-repeat fixed; color: white; height: 1300px; margin: 0 auto; overflow: hidden; padding: 0;}#second .bg{ background: url(../images/trainers.png) 50% 0 no-repeat fixed; height: 1300px; margin: 0 auto; padding: 0; position: absolute; width: 900px; z-index: 200;}*/ #graphic_spot{ background:url(../images/our_history_bg.jpg) center -3px no-repeat} .carousel-inner .active .our_history_graphic .col2{ transition: left 0.3s ease-in-out 0s; } .main_wrapper{ padding-top:106px} a.section_anchor{display: block; position: relative; top:-105px; visibility: hidden;} #merano_map{height:597px; width:100%; background-color: 227,231,234;} .merano_map{margin-top: -134px; display:block; display:block; visibility:visible; position:relative; overflow:hidden; max-width:none} .footer-type .col2 p{ text-align:left; padding-bottom:0px; line-height:15px} .footer-type .col2 p strong{ text-align:left; padding-bottom:0px; line-height:15px} .footer-type .col2 p a{ text-decoration:none} .footer_logo{ padding-top:10px} .footer_logo a{ display:block; float:left; margin-right:12px} /* KEN BURNS EFFECT ANIMATION */ /*#scrollfx7{ -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx7.outViewPort{ opacity:0.5; } #scrollfx8, investor_parter_graphic{ -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx8.outViewPort, #investor_parter_graphic.outViewPort{ opacity:0.5; } #scrollfx7 .heading_animation, #scrollfx8 .heading_animation, #investor_parter_graphic .heading_animation { transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); opacity:1; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; top:0px; position:relative; } #scrollfx7.outViewPort .heading_animation, #scrollfx8.outViewPort .heading_animation, #investor_parter_graphic.outViewPort .heading_animation { opacity:0; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; top:-40px; } #scrollfx9 .col2.fl { left:0px; opacity:1; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx9.outViewPort .col2.fl{ left:-200px; opacity:0; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx9 .col2.fr { right:0px; opacity:1; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx9.outViewPort .col2.fr{ right:-200px; opacity:0; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx10 .col2.fl { top:0px; opacity:1; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx10.outViewPort .col2.fl{ top:-200px; opacity:0; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx10 .col2.fr { bottom:0px; opacity:1; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx10.outViewPort .col2.fr{ bottom:-200px; opacity:0; -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; } #scrollfx8 .item{ position:relative; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; } #scrollfx8 .col2.fl .item:nth-child(3n+1){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #scrollfx8 .col2.fl .item:nth-child(3n+2){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #scrollfx8 .col2.fl .item:nth-child(3n+3){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #scrollfx8 .col2.fr .item:nth-child(6n+1){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #scrollfx8 .col2.fr .item:nth-child(6n+2){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #scrollfx8 .col2.fr .item:nth-child(6n+3){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #scrollfx8.outViewPort .col2.fl .item:nth-child(6n+1){left:-500px; opacity:0; -webkit-transform: rotate(-27.5deg); } #scrollfx8.outViewPort .col2.fl .item:nth-child(6n+2){left:-250px; opacity:0.2;-webkit-transform: rotate(-15deg); } #scrollfx8.outViewPort .col2.fl .item:nth-child(6n+3){left:-50px; opacity:0.7;-webkit-transform: rotate(-5deg); } #scrollfx8.outViewPort .col2.fr .item:nth-child(6n+1){left:50px; opacity:0.7;-webkit-transform: rotate(5deg);} #scrollfx8.outViewPort .col2.fr .item:nth-child(6n+2){left:250px; opacity:0.2; -webkit-transform: rotate(15deg); } #scrollfx8.outViewPort .col2.fr .item:nth-child(6n+3){left:550px; opacity:0; -webkit-transform: rotate(27.5deg); } #investor_parter_logo .item{ position:relative; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; } #investor_parter_logo .col2.fl .item:nth-child(6n+1){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fl .item:nth-child(6n+2){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fl .item:nth-child(6n+3){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fl .item:nth-child(6n+4){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fl .item:nth-child(6n+5){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fl .item:nth-child(6n+6){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fr .item:nth-child(6n+1){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fr .item:nth-child(6n+2){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fr .item:nth-child(6n+3){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fr .item:nth-child(6n+4){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fr .item:nth-child(6n+5){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo .col2.fr .item:nth-child(6n+6){left:0px; opacity:1; -webkit-transform: rotate(0deg); } #investor_parter_logo.outViewPort .col2.fl .item:nth-child(6n+1){left:-500px; opacity:0; -webkit-transform: rotate(-27.5deg); } #investor_parter_logo.outViewPort .col2.fl .item:nth-child(6n+2){left:-500px; opacity:0;-webkit-transform: rotate(-27.5deg); } #investor_parter_logo.outViewPort .col2.fl .item:nth-child(6n+3){left:-250px; opacity:0.2;-webkit-transform: rotate(-15deg); } #investor_parter_logo.outViewPort .col2.fl .item:nth-child(6n+4){left:-250px; opacity:0.2; -webkit-transform: rotate(-15deg); } #investor_parter_logo.outViewPort .col2.fl .item:nth-child(6n+5){left:-50px; opacity:0.7;-webkit-transform: rotate(-5deg); } #investor_parter_logo.outViewPort .col2.fl .item:nth-child(6n+6){left:-50px; opacity:0.7;-webkit-transform: rotate(-5deg); } #investor_parter_logo.outViewPort .col2.fr .item:nth-child(6n+1){left:500px; opacity:0; -webkit-transform: rotate(-27.5deg); } #investor_parter_logo.outViewPort .col2.fr .item:nth-child(6n+2){left:500px; opacity:0;-webkit-transform: rotate(-27.5deg); } #investor_parter_logo.outViewPort .col2.fr .item:nth-child(6n+3){left:250px; opacity:0.2;-webkit-transform: rotate(-15deg); } #investor_parter_logo.outViewPort .col2.fr .item:nth-child(6n+4){left:250px; opacity:0.2; -webkit-transform: rotate(-15deg); } #investor_parter_logo.outViewPort .col2.fr .item:nth-child(6n+5){left:50px; opacity:0.7;-webkit-transform: rotate(-5deg); } #investor_parter_logo.outViewPort .col2.fr .item:nth-child(6n+6){left:50px; opacity:0.7;-webkit-transform: rotate(-5deg); } */ .meet_team{ overflow:hidden} .matter_intro .col2{ position:relative} .resp-vtabs ul.resp-tabs-list{ margin-left:-7px} .meet_team_text p.post{ font-family:"scalareg-sc"; padding-bottom:21px; padding-top:2px;} .footer-type .inner_wrapper{ width:800px; margin:auto} .footer-type{ height:160px; overflow:hidden} .footer-type .inner{ background:#35424a; padding:10px 0px; font-family: "scalareg-sc"; color:#fff} .footer-type .inner strong{font-family: "scalabold-sc"; font-weight:normal } footer.footer-type .inner { opacity:1; position:relative; bottom:0px; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; } footer.footer-type.outViewPort .inner{ opacity:0; bottom:-200px; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; } #who-we-are-intro{ background:url(../images/who-we-are-intro.jpg) center top no-repeat; } #philosophy-intro{ background:url(../images/philosophy_intro2.jpg) center top no-repeat; } #social_engegement{ background:url(../images/social_engagement_banner.jpg) center top no-repeat; height:370px; } #portfolio-intro{ background:url(../images/portfolio-intro.jpg) center top no-repeat; } #upcoming-lirifi-photovoltaics{ background:url(../images/upcoming-lirifi-photovoltaics.jpg) center top no-repeat; } #upcoming-calcara-photovoltaics{ background:url(../images/uppcoming-calcara-photovoltaics.jpg) center top no-repeat; } #solesalento-photovoltaics{background:url(../images/solesalento-photovoltaics.jpg) center top no-repeat;} #magna-grecia-photovoltaics{background:url(../images/magna-grecia-photovoltaics.jpg)center top no-repeat;} #upcoming-indigo{ background:url(../images/upcoming_indigo2.jpg) center top no-repeat;} #investor_intro{ background:url(../images/investor_banner_intro.jpg) center top no-repeat; } #what_we_do_banner_intro{background:url(../images/what_we_do_banner_intro.jpg) center top no-repeat; } #banner_contact_intro{background:url(../images/banner_contact_intro.jpg) center top no-repeat;} #sub-company-tera{ background:url(../images/sub-company-tera.jpg) center top no-repeat;} #sub-company-strohmer{ background:url(../images/sub-company-strohmer.jpg) center top no-repeat;} #upcoming-indigo{ background:url(../images/upcoming-indigo.jpg) center top no-repeat; } #how-to-invest{ background:url(../images/why_invest.jpg) center top no-repeat} #why-invest{background:url(../images/why_invest3.jpg) center top no-repeat} #upcoming-acquisition{ background:url(../images/upcoming-acquisition.jpg) center top no-repeat} #who-we-are-intro, #philosophy-intro, #social_engegement, #portfolio-intro, #upcoming-lirifi-photovoltaics, #upcoming-calcara-photovoltaics, #solesalento-photovoltaics, #magna-grecia-photovoltaics, #upcoming-indigo, #investor_intro, #what_we_do_banner_intro, #banner_contact_intro, #sub-company-tera, #sub-company-strohmer, #upcoming-indigo, .meet_team_graphic, #how-to-invest, #why-invest, #upcoming-acquisition{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .portfolio_section .carousel-control.left_carousel{ left:50%; text-indent:-20000px; margin-left:-460px} .portfolio_section .carousel-control.right_carousel{ right:50%; text-indent:-20000px; margin-right:-460px} #plants.portfolio_section .carousel { position:relative; min-height:640px} #subcompanies.portfolio_section .carousel { position:relative; min-height:640px} #upcoming.portfolio_section .carousel { position:relative; min-height:640px} .carousel-inner{ width:100%;} .plat_menu ul{ } .plat_menu ul li{ display:inline-block; padding:0px 0px 0px 0px; background:url(../images/plant_devider.jpg) right 50% no-repeat } .plat_menu ul li {color: #332A86; font-family:"scalabold-sc"; font-size: 20px; padding:1px 7px 1px 4px; text-decoration:none; font-weight:normal; cursor:pointer } .plat_menu ul li:first-child { padding-left:0px;} /*.main_wrapper_outer{ max-width:1280px; margin:auto; -webkit-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; background:#e3e7e9 }*/ #right_portfolio{} #right_portfolio h4{ font-family: 'scalareg-sc'; font-size: 14px; color:#455560; font-weight:normal; padding-bottom:5px; } #right_portfolio ul{ padding-bottom:15px; clear:both} #right_portfolio ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} #right_portfolio ul{ display: inline-block; } #right_portfolio ul{ display: block; } #right_portfolio ul li{ display:block; float:left; background:url(../images/plant_devider.jpg) right 50% no-repeat } #right_portfolio ul li a {font-family:"scalabold-sc"; font-size: 20px; color:#332A86; text-decoration:none; padding:0 10px} #right_portfolio ul li a.left_none{ padding-left:0px;} #right_portfolio ul li.bg_none{ background:none} #plants .col2{ padding-top:10px} #subcompanies .col2{ padding-top:10px} #upcoming .col2{ padding-top:10px} #plants .margin_left{ margin-left:-72px} #cinfo{} #cinfo{} #cinfo h1{ color: #332A86; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:10px; font-weight:normal; text-transform:lowercase} #cinfo p{ font-family:"scalareg"; padding-bottom:3px} #cinfo h3{ color:#455560; font-family:"scalabold-sc"; font-size: 14px; margin-bottom:0px; font-weight:normal; text-transform:lowercase; padding-bottom:3px;} #cinfo p a{ text-decoration:none; color:#455560} #disclaimer h1{ color: #332A86; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:10px; font-weight:normal; text-transform:lowercase} #disclaimer p{ font-family:"scalareg"; padding-bottom:21px} #disclaimer h3{ color:#455560; font-family:"scalabold-sc"; font-size: 14px; margin-bottom:0px; font-weight:normal; text-transform:lowercase; padding-bottom:3px;} #disclaimer p a{ text-decoration:none; color:#455560} #copyright { padding-bottom:15px} #copyright p{ clear:left; text-align:left; padding-bottom:5px; overflow:hidden; padding-left:150px;} #copyright p.none{ padding-left:0px;} #copyright p label{ float:left; display:block; text-align:left; color:#332a86 ; font-family:"scalabold-sc"; font-size: 16px; text-transform:lowercase; padding-bottom:0px; margin-left:-150px; width:150px } #copyright h1{ color: #39308A; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:15px; font-weight:normal; text-transform:lowercase} #copyright .copy_right_image{ float:left; width:105px; border:1px solid #1cb6b7; padding:5px; text-align:center; background:#fff; margin-right:15px} #copyright .copy_right_image img{ } #copyright .copy_right_text{ float:left; width:500px} #copyright p a{ text-decoration:none; color:#36424A} #copyright img{ max-width:100%} #terms{} #terms h2{ color: #39308A; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:15px; font-weight:normal; text-transform:lowercase} #privacy{} #privacy h2{ color: #39308A; font-family:"scalabold-sc"; font-size: 20px; margin-bottom:15px; font-weight:normal; text-transform:lowercase} .none_padding{ padding:0px} .meet_team_text p{ text-align:left} .our_plant_graphic h5{ color:#332A86; font-family:"scalabold-sc"; font-size: 20px; font-weight:normal; padding-bottom:17px; padding-top:15px;} html, body { margin:0; padding:0; height:100%; } .main_wrapper_outer { min-height:100%; position:relative; } .main_wrapper { padding-bottom:185px; /* Height of the footer */ } .footer-type { position:absolute; bottom:0; width:100%; height:160px; /* Height of the footer */ } .col2 p:last-child{ padding-bottom:0px} .col2 a{color: #380982} .col2.fr h3.how-to-invest{color:#332A86; font-family: 'scalabold-sc'; font-size: 20px; line-height:21px; font-weight:normal; padding-bottom:15px} #graphic_spot #myCarousel{ margin-top:-10px;} .banner_intro_inner .intro_padding h2.heading_animation{ margin-top:-3px;} .renewable{ font-family:"scalareg-sc"} .social_right{ background:#332A86; padding:20px 10px 14px 10px; color:#70cbd2} .social_right h2{ padding-left:15px; font-family: 'scalabold-sc'; font-size: 20px; padding-bottom:25px; font-weight:normal!important} .social_right h2 strong{ float:left; width:15px; margin-left:-15px; font-size:20px; font-family: 'scalareg-sc'; font-size: 20px; font-weight:normal} .social_right h2 span{ padding-left:5px; text-align:right; font-size:20px; font-family: 'scalareg-sc'; font-size: 20px; font-weight:normal} .social_right p{ padding-left:15px; font-family: 'scalareg-sc'; font-size: 14px; text-align:right; color:#fff} .col2 .month p{ padding-bottom:20px!important} .col2 .item p{ padding-bottom:20px!important} .col2 .item:last-child p{ padding-bottom:0px!important} .cookies_outer{background:#425e69; height:16px; line-height:16px; opacity:0.5; position:absolute; left:0; top:0px; width:100%; display:none} .cookies{ padding-left:80px; position:absolute; left:50%; top:0px; margin-left:-480px; color:#fff; font-family:"scalareg-sc"; font-size:12px; line-height:16px} .cookies a{ color:#fff; text-decoration:underline} .cookies .hide{ background:url(../images/close.png) 0px 0px no-repeat; height:8px; width:8px; text-indent:-2000px; float:right; margin:5px} #who-we-are-intro{ position:relative} .banner_intro_inner h2 { text-shadow: 0px 2px 10px rgba(55, 66,74 , 0.3); } .contact_form p.submit_outer{ float:left; clear:none!important; width:80px; padding-bottom:0px!important} .contact_form p.disclaimer_outer{ float:left; clear:none!important; width:240px; padding-bottom:0px!important; font-size:12px; line-height:17px} .inner-page.who-we-are .main_wrapper { padding-bottom:190px; /* Height of the footer */} .inner-page.what-wo-do .main_wrapper { padding-bottom:193px; /* Height of the footer */} .inner-page.philosophy .main_wrapper { padding-bottom:172px; /* Height of the footer */} .inner-page.portfolio .main_wrapper { padding-bottom:180px; /* Height of the footer */} .inner-page.contact .main_wrapper { padding-bottom:174px; /* Height of the footer */} .inner-page.legal .main_wrapper { padding-bottom:152px; /* Height of the footer */} .padding_bottom{ padding-bottom:15px} #verticalTab.resp-vtabs .resp-tab-content{ background:#332A86} #myCarousel .top_section .graphic{ background:#332A86} #verticalTab2.resp-vtabs .resp-tab-content{ background:#332A86} .meet_team #scrollfx9{ min-height:400px} .inner-page.who-we-are .our_history .carousel-control.left_carousel{ background:url(../images/arrow_left2.png) no-repeat} .inner-page.who-we-are .our_history .carousel-control.right_carousel{ background:url(../images/arrow_right2.png) no-repeat} #how-to-invest{ margin-top:30px;} .footer-type{ background:#35424A} body.contact .contact_form{ margin-top:-11px} .indigo_work_cycle .graphic{ display:block} .indigo_work_cycle .graphic_mobile{ display:none} .mobile_show{ display:none} .mobile_hide{ display:block} @media only screen and (max-width: 980px) { .inner_wrapper{ margin:auto; width:98%; } .margin_left{ margin-left:0px} .main_wrapper{ padding:0px;} } .carousel-inner > .item .matter_intro{ min-height:200px} /*.carousel-inner > .item .matter_intro .month{ min-height:150px}*/ /* =SMALL MENU ----------------------------------------------- */ .menu-toggle { display: none; cursor: pointer; } .menu-toggle { background: url(../images/menu_arrow.png) 0px 0px no-repeat; width:30px; float:right; height:15px; margin:6px 10px 0 0; } .menu-toggle:hover { background:url(../images/menu_arrow-h.png) 0px 0px no-repeat; } /*.menu-toggle:before { content: '\2261'; margin-right: 10px; font-size:40px; }*/ /* =SECONDARY MENUS ----------------------------------------------- */ .main-small-navigation { width:100%; } .menu{ width:100%; float:left} .main-small-navigation li { float: left; position: relative; display:block!important; width:100%; } .main-small-navigation li li{ display:block} .small-menu li.default-menu, li.default-menu { display: none; } .main-small-navigation a { color: #666666; display: block; float: left; font-size: 10px; height: 21px; padding: 5px 0 0 16px; font-size: 12px; } .main-small-navigation a:hover, .main-small-navigation ul li.current-menu-item a, .main-small-navigation ul li.current_page_ancestor a, .main-small-navigation ul li.current-menu-ancestor a, .main-small-navigation ul li.current_page_item a, .main-small-navigation ul li:hover > a { color: #fff; } .main_menu ul li.hide-desktop, .main_menu ul .hide-desktop{ display:none} @media screen and (max-width: 980px) { .menu-toggle, .main-navigation.toggled .nav-menu { padding-top:10px; display: block; } .main-navigation ul { display: none; } .main-navigation { float: none; } .main_menu ul li.hide-desktop, .main_menu ul .hide-desktop{ display:block} .lang{ display:none} .menu{ position:absolute; left:0px; width:100%; background:#37414a; top:90px; z-index:100 } .main-small-navigation ul li a{ padding:5px 5px 5px 10px; background:#67bcc2; display:block; float:none; text-align:left} .main-small-navigation ul li li a{padding:5px 5px 5px 25px; background:#67bcc2; display:block; float:none; text-align:left} header.header{ position:static; width:100%; height:106px; top:0px; z-index:100} .main_wrapper{ margin-top:0px} .submenu ul{ display:none} .footer-type .col2{ width:400px} .footer-type .col3{width:300px} .meet_team_graphic h1{ padding-left:0px;} } @media only screen and (max-width: 980px) { .banner_intro h1{ font-size:40px; line-height:30px} .banner_intro h2{ font-size:40px; line-height:30px} .home body{ overflow:visible!important } body{ overflow-x:hidden } .footer-type{ position:static; height:auto} .main_wrapper{ padding:0px!important;} .indigo_work_cycle .inner_cycle{ width:100%} .footer-type .inner_wrapper{ width:100%} .carousel-inner{ width:100%} .meet_team_matter{ width:100%} .inner_wrapper{ margin:auto; width:98%} .col2, .footer-type .col2, .footer-type .col3{ width:350px; padding:0 10px} .carousel-control.right_carousel{ right:20px!important} .carousel-control.left_carousel{ left:20px!important} .margin_left{ margin-left:0px} .matter_intro{margin:auto; width:100%} .meet_team_matter{ margin:auto; width:100%} .inner_wrapper_matter{ margin:auto; width:100%} .carousel-inner{ margin:auto; width:100%} .company_skill{ margin:auto; width:100%} .indigo_work_cycle .inner_cycle{ margin:auto; width:100%} .inner_wrapper_matter{ margin:auto; width:100% } .footer-type .inner_wrapper{margin:auto; width:100%} .intro_padding{ padding-left:0px; padding-top:60px} .banner_intro_inner .intro_padding{ padding-left:0px} #plants .margin_left{ margin-left:0px} .banner_intro h1{ font-size: 40px; line-height: 30px;} .portfolio_section .carousel-control.left_carousel{ left:0; text-indent:-20000px; margin-left:0px} .portfolio_section .carousel-control.right_carousel{ right:0; text-indent:-20000px; margin-right:0px} .portfolio_section .carousel-control.right_carousel{ top:100px} .portfolio_section .carousel-control.left_carousel{ top:100px} } @media only screen and (max-width: 768px) { .logo{ width:35%} /*.menu_outer{ width:65%}*/ .main_menu ul li a{ padding:2px 2px 0 2px} .col2, .footer-type .col2, .footer-type .col3, .meet_team .col2, .matter_intro .col2, .our_history_graphic .col2, .our_plant_graphic .col2{ width:47%; padding:0 1%} #investor_parter_logo .item{ width:48%; margin:0px 1% 10px 0px; float:left } .meet_team_graphic h1{ padding-left:5px} .indigo_work_cycle .col2.fr{ width:280px} .meet_team_matter .col2{ padding-top:10px!important} .footer-type{ margin-top:15px} .margin_top{ margin-top:-165px} .contact_form p .input{ width:95%; padding:5px 2%; border:none; color:#455560; font-family:"scalareg-sc"} .contact_form p placeholder{ color:#333} .contact_form p .text_area{ width:95%; padding:5px 2%; border:none; color:#455560; font-family:"scalareg-sc"} } @media only screen and (max-width:680px) { .col2, .footer-type .col2, .footer-type .col3, .meet_team .col2, .matter_intro .col2, .our_history_graphic .col2, .our_plant_graphic .col2, .indigo_work_cycle .col2.fr{ width:100%; padding:0px; margin:auto; float:none} .indigo_work_cycle .graphic{ text-align:center; background:#332A86} .carousel-indicators{ display:none} .carousel-inner .graphic{ display:none} .top_section{ text-align:center; } .our_history_graphic .matter{ display:none} #scrollfx9 .col2.fr{ margin:auto} #scrollfx9 .photo{text-align:left; background:#332A86; padding:0px 15px} .banner_intro h1{ font-size:40px; line-height:30px} .banner_intro h2{ font-size:40px; line-height:30px} .logo{ width:65%} /*.menu_outer{ width:35%}*/ .meet_team_text{ min-height:1px} #plants.portfolio_section .carousel { position:relative; min-height:100px} #subcompanies.portfolio_section .carousel { position:relative; min-height:100px} #upcoming.portfolio_section .carousel { position:relative; min-height:100px} .main_wrapper_home{ background: url(../images/home_slide.jpg) center center no-repeat scroll; height:auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; margin-top:-91px; position:relative; z-index:-1} body.home header.header{ position:static} .footer-type{ height:auto; overflow:visible} .footer-type .col2, .footer-type .col3{ text-align:left!important} .footer-type .col3 ul{ padding-top:15px} .footer_logo:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;} .footer_logo ul{ padding:0px} .footer_logo ul li{ display:inline-block} a.section_anchor{display: block; position: relative; top:-15px; visibility: hidden;} .center.top_margin{ margin:0px} .our_history_graphic h1{ font-size:30px} .meet_team_graphic h1{ font-size:30px} .intro_padding{ padding:50px 0 0 0} .contact_form p.disclaimer_outer{ width:auto; padding-left:90px; float:none} .footer-type .inner_wrapper{ width:96%; margin:auto} .footer-type .col2{ width:100%; float:none} .footer-type .col3{ width:100%; float:none; text-align:right; margin-top:-30px;} .footer-type .col3 ul{ text-align:right} .top_section{ display:none} .carousel-indicators{ display:block; top:5px!important} #graphic_spot h2{ color:#fff} #graphic_spot p{ color:#fff} .carousel-inner > .item .matter_intro{ padding-top:90px} .inner-page.who-we-are .our_history .carousel-control.left_carousel{ display:none!important} .inner-page.who-we-are .our_history .carousel-control.right_carousel{ display:none!important} .inner_wrapper_matter{ margin:auto; width:96%} .our_history_graphic{ position:relative; background:#38424b!important; overflow:hidden; padding:0px!important} #graphic_spot{ background-position:bottom center; min-height:420px;} .meet_team_text h3{ display:none} .social_right{ margin:15px 0 0 0} .indigo_work_cycle h2.resp-accordion{ background:#72ccd3!important} .indigo_work_cycle h2.resp-accordion a{ color:#35424a} #verticalTab.resp-vtabs .resp-tab-content{background:#72ccd3!important} .indigo_work_cycle .graphic{background:#72ccd3!important} .indigo_work_cycle .matter{background:#72ccd3!important} .indigo_work_cycle .matter h3{ display:none} .indigo_work_cycle .matter p{ color:#35424a} .indigo_work_cycle .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 20px solid #e3e7e9;} .indigo_work_cycle h2.resp-tab-active span.resp-arrow { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid #e3e7e9;} .col2 .item:last-child p{ padding-bottom:20px!important} #right_portfolio h4{ padding:10px 0px;} #right_portfolio ul{ padding-bottom:0px;} .our_plant_graphic .matter{ margin-bottom:20px;} .carousel-indicators li{ padding:5px 2px;} .meet_team_graphic{ background:none; height:auto} .meet_team_graphic h1{ color:#35424a; font-size:32px; padding:15px 0px 0 0} #social_engegement h1{ color:#fff; } .indigo_work_cycle .graphic{ display:none} .indigo_work_cycle .graphic_mobile{ display:block; padding:0 0 0 10px} .introducation .banner_intro p br{ display:none} #who-we-are-intro{ background:url(../images/who-we-are-intro-mob.jpg) center top no-repeat; } #philosophy-intro{ background:url(../images/philosophy-intro2-mob.jpg) center top no-repeat; } #social_engegement{ background:url(../images/social-engagement-banner-mob.jpg) center top no-repeat; height:370px; } #portfolio-intro{ background:url(../images/portfolio-intro-mob.jpg) center top no-repeat; } /*#upcoming-lirifi-photovoltaics{ background:url(../images/upcoming-lirifi-photovoltaics-mob.jpg) center top no-repeat; } #upcoming-calcara-photovoltaics{ background:url(../images/uppcoming-calcara-photovoltaics-mob.jpg) center top no-repeat; } #magna-grecia-photovoltaics{background:url(../images/magna-grecia-photovoltaics-mob.jpg)center top no-repeat;} #sub-company-strohmer{ background:url(../images/sub-company-strohmer-mob.jpg) center top no-repeat;} #upcoming-acquisition{ background:url(../images/upcoming-acquisition-mob.jpg) center top no-repeat}*/ #solesalento-photovoltaics{background:url(../images/solesalento-photovoltaics-mob.jpg) center top no-repeat;} #upcoming-indigo{ background:url(../images/upcoming-indigo2-mob.jpg) center top no-repeat;} #investor_intro{ background:url(../images/investor-banner-intro-mob.jpg) center top no-repeat; } #what_we_do_banner_intro{background:url(../images/what-we-do-banner-intro-mob.jpg) center top no-repeat; } #banner_contact_intro{background:url(../images/contact-intro-mob.jpg) center top no-repeat;} #sub-company-tera{ background:url(../images/sub-company-tera-mob.jpg) center top no-repeat;} #upcoming-indigo{ background:url(../images/upcoming-indigo-mob.jpg) center top no-repeat; } #how-to-invest{ background:url(../images/why-invest-mob.jpg) center top no-repeat} #why-invest{background:url(../images/why-invest3-mob.jpg) center top no-repeat} #who-we-are-intro, #philosophy-intro, #social_engegement, #portfolio-intro, #upcoming-lirifi-photovoltaics, #upcoming-calcara-photovoltaics, #solesalento-photovoltaics, #magna-grecia-photovoltaics, #upcoming-indigo, #investor_intro, #what_we_do_banner_intro, #banner_contact_intro, #sub-company-tera, #sub-company-strohmer, #upcoming-indigo, .meet_team_graphic, #how-to-invest, #why-invest, #upcoming-acquisition{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} div#why-invest{ height:197px} div#why-invest h1 { color: #fff; font-size: 32px; padding: 15px 0 0;} div#how-to-invest{ height:197px} div#how-to-invest h1 { color: #fff; font-size: 32px; padding: 15px 0 0;} body.contact .contact_form{ margin:15px 0 0 0} .inner_wrapper .inner_wrapper_matter{ width:100%} .portfolio_section .carousel-control.right_carousel{ top:100px} .portfolio_section .carousel-control.left_carousel{ top:100px} #plants .margin_left{ width:214px} #subcompanies .margin_left{ width:214px} #upcoming .margin_left{ width:214px} .mobile_show{ display:block; padding-bottom:20px} .mobile_hide{ display:none} .carousel_second .mobile_show{ display:block; padding-bottom:0px!important} .mobile_show .center{ text-align:center!important} .footer-type .col3 ul{ width:100%} } @media only screen and (max-width:515px) { .banner_intro h2{ font-size:30px; line-height:30px} .banner_intro h1{ font-size:30px; line-height:30px} .banner_intro h1 br{line-height:30px} .banner_intro_inner h1 br{line-height:30px} .banner_intro h2 br{ font-size:30px; line-height:30px} .intro_padding{ padding:10px} .banner_intro_inner h2{ font-size:30px; line-height:30px} .banner_intro h2 br{ line-height:30px} .main_wrapper_home h1{ color: #6ad0d2; font-family: 'scalareg-sc'; font-size: 30px; font-weight: normal; line-height: 30px; padding-bottom:30px} .main_wrapper_home p{ color:#fff; line-height:20px; font-size:16px; font-family:"scalareg"} .main_wrapper_home p strong{ color:#fff; line-height:20px; font-size:16px; font-weight:normall; font-family:"scalabold"} .main_wrapper_home .inner_wrapper_matter{ padding-top:100px;} .main_wrapper_home .padding_home{ width:94%; margin:auto} .main_wrapper_home{ position:relative; z-index:-1} .banner_intro h2{ font-size:22px!important; line-height:25px!important;} .banner_intro h2 br{ line-height:25px!important} } @media only screen and (max-width:320px) { .banner_intro h2{ font-size:30px; line-height:30px; word-break:break-all;} .banner_intro h1{ font-size:30px; line-height:30px; word-break:break-all;} .intro_padding{ padding:10px} .banner_intro_inner h2{ font-size:30px; line-height:40px} .main_wrapper_home h1{ color: #6ad0d2; font-family: 'scalareg-sc'; font-size: 30px; font-weight: normal; line-height: 30px; padding-bottom:30px} .main_wrapper_home p{ color:#fff; line-height:20px; font-size:16px; font-family:"scalareg"} .main_wrapper_home p strong{ color:#fff; line-height:20px; font-size:16px; font-weight:normall; font-family:"scalabold"} }