/***************************************************/ /********************** GERAL **********************/ /***************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @font-face { font-family: 'fontawesome'; src: local(fontawesome), url('../fonts/fontawesome/fonts/fontawesome-webfont.woff') format('woff'); } @font-face { font-family: 'fontello'; src: local(fontello), url('../fonts/fontello/font/fontello.woff') format('woff'); } @font-face { font-family: 'myriadpro'; src: local(myriadpro), url('../fonts/MyriadPro.woff') format('woff'); } .linksublinhado a {text-decoration:underline !important;} body { margin:0; color:#003E7E; height: 100%; background:#fff; font-weight: 400; font-size: 15px; } html { height: 100%;} * { outline:none; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-family: 'Open Sans'; } img { border:0px; max-width: 100%; height: auto;} form { margin:0px; padding:0px; } iframe { border: 0; } .l { float:left; } .r { float:right; } .b,b,strong { font-weight: 700; } .i,i,em { font-style: italic; } .i { font-style: normal; } .hide { display:none; } .transparent { opacity: 0; transition: opacity 0.2s; } .clear { clear:both; } .clear.spacer { height: 60px; } .clear.minSpacer { height: 30px; } .color { color:#00afef; } .warningBox { padding: 50px; background: #f1f1f1; text-align: center; text-transform: uppercase; letter-spacing: 2px; } .forceSquare { width: 100%; height: 0%; } .marginSide { padding: 0 20px; } .submitmyform { cursor: pointer; } .pointer { cursor: pointer; } .sixth { position: relative; width: 16.6%; } .fifth { position: relative; width: 20%; } .quarter { position: relative; width: 25%; } .thirth { position: relative; width: 33%; } .thirth.middle { position: relative; width: 34%; } .twothirth { position: relative; width: 67%; } .half { position: relative; width: 50%; } .threequarter { position: relative; width: 75%; } .full { position: relative; width: 100%; } .setopacity { opacity: 0; transition: opacity 0.2s; } .setopacity.showme { opacity: 1; transition: opacity 0.2s; } a:link { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } a:visited { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } a:hover { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } a:active { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } .groupinput { } .groupinput .innerpadding { background: #fff; padding: 5px; } .groupinput .innerpadding .input { background: none; border: 0; outline: none; resize: none; padding: 0; margin: 0; width: 100%; background: none; font-size: 13px; } .groupinput .innerpadding .input:focus { } .groupinput .innerpadding .input::-webkit-input-placeholder { color:#999; } .groupinput .innerpadding .input:focus::-webkit-input-placeholder { color:#b7b7b7; } .groupinput .innerpadding .select { width: 100%; background: url('../img/bg-select-arrow.png') no-repeat right 5px center; border: none; line-height: 1; -webkit-appearance: none; cursor: pointer; border-radius: 0; padding-right: 20px; font-size: 13px; } .button,a.button { background: rgba(0,62,126,0.9); border: none; color: #fff; margin: 0; padding: 0; transition:background 0.2s; border-radius: 0; text-transform: uppercase; white-space: nowrap; } .button .innerpadding,a.button .innerpadding { padding: 10px 20px; } .button:hover,a.button:hover { background: rgba(0,62,126,1); cursor: pointer; transition:background 0.2s; } .button.buttonmiddle { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } /***************************************************/ /********************** ANIMATIONS *****************/ /***************************************************/ .animateTop { -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); opacity: 0; } .animateTop.animateMe { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; } .animateLeft { -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); opacity: 0; } .animateLeft.animateMe { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; } .animateBottom { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0; } .animateBottom.animateMe { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; } .animateRight { -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateX(50px); opacity: 0; } .animateRight.animateMe { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; } .animatePaddTop { padding-top: 30px; opacity: 0; } .animatePaddTop.animateMe { padding-top: 0; opacity: 1; transition: all 0.3s; } .animateFade { opacity: 0; } .animateFade.animateMe { opacity: 1; transition: all 1s; } /***************************************************/ /********************** MENUS **********************/ /***************************************************/ .mainmenu { position: relative; padding-left: 7px; overflow: hidden; z-index: 0; transition: width 0.2s linear 1s; } .mainmenu>.link { position: relative; float: left; transition: all 1s; cursor: pointer; display: inline-flex; } .mainmenu>.link .innerpadding { padding: 20px 18px; color: #fff; transition: background 0.2s; } .menu.myblue .mainmenu>.link .innerpadding:hover { background: rgba(0,62,126,1); transition: background 0.2s; } .menu.myblue .mainmenu>.link.current .innerpadding { background: rgba(0,62,126,1); } .mMenu .mainmenu>.link { width: 100%; display: block; } .submenu .link:not(.elem) .innerpadding { padding: 5px 0; color: #fff; transition: color 0.2s; } .submenu .link:not(.elem) .innerpadding:hover { color: #000; transition: color 0.2s; } .submenu .elem { position: relative; } .submenu .elem>.innerpadding { position: relative; padding: 0; margin: 20px; overflow: hidden; } .submenu .elem .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: all 0.2s; background-repeat: no-repeat; } .submenu .elem .filter { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; z-index: 1; } .submenu .elem .filter h2 { text-align: center; margin: 0; font-size: 16px; } .submenu .elem .filter a { color: #fff; } .submenu .elem .filter .innerpadding { padding: 10px; } .submenu .elem:hover .image { transform: scale(1.03,1.03); transition: all 0.2s; } .submenu .scrollmenu>.innerpadding { position: relative; padding: 0; margin: 20px; overflow: hidden; } .submenu .scrollmenu .scroll { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .openMenu { position:relative; width:33px; height:33px; cursor:pointer; margin: 13px 0 13px 25px; } .openMenu .path { position:absolute; left:4px; right:4px; height:3px; background:#fff; } .openMenu .path:nth-of-type(1) { top:8px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; } .openMenu .path:nth-of-type(2) { top:15px; opacity:1; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; } .openMenu .path:nth-of-type(3) { bottom:8px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; } .openMenu.open .path:nth-of-type(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); top:15px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; } .openMenu.open .path:nth-of-type(2) { opacity:0; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; } .openMenu.open .path:nth-of-type(3) { transform: rotate(4-5deg); -webkit-transform: rotate(-45deg); bottom:15px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; } /***************************************************/ /********************* CONTENT *********************/ /***************************************************/ .openpopup { cursor: pointer; } .popup_group { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 9999; } .popup_group .popup_content { position: relative; width: 100%; max-width: 600px; margin: 0 auto; top: 50%; opacity: 0; -webkit-transform:translateY(-40%); -ms-transform:translateY(-40%); transform:translateY(-40%); background: #fff; transition: all 0.2s; } .popup_group .popup_content.visible { opacity: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); transition: all 0.2s; } .popup_group .popup_content .popup_close { position: absolute; right: 0; top: 0; padding: 5px 10px; color: #fff; font-weight: bold; background: rgba(0,62,126,1); cursor: pointer; } .aligncenter { position: relative; width: 100%; max-width: 1240px; margin: 0 auto; } .innerpadding { padding: 20px; } .innerpadding.removesides { padding-left: 0; padding-right: 0; } .innerpadding.removetops { padding-top: 0; padding-bottom: 0; } .clear.parallaxarrowSpacer { height: 20px; } .clear.headerspacer { height: 169px; } .bgblue { background: rgba(0,62,126,1); } .bgblue06 { background: rgba(0,62,126,0.6); } .bgblue04 { background: rgba(0,62,126,0.4); } .bgyelow { background: rgba(212,164,85,1); } .bgyelow06 { background: rgba(212,164,85,0.6); } .bgyelow04 { background: rgba(212,164,85,0.4); } .lightblue { background: rgba(152,186,211,0.4); } .lightyelow { background: rgba(205,148,55,0.7); } .darkblue { background: rgba(14,39,73,0.8); } .catcolorblue { background: rgba(22,74,114,0.8); } .catcolorblue06opa { background: rgba(22,74,114,0.6); } .catcolorblue04opa { background: rgba(22,74,114,0.15); } .catcolorblue01opa { background: rgba(22,74,114,0.1); } .catcolorblue1opa { background: rgba(22,74,114,1); } .catcoloryellow { background: rgba(188,180,151,0.8); } .catcoloryellow06opa { background: rgba(188,180,151,0.6); } .catcoloryellow04opa { background: rgba(188,180,151,0.4); } .catcoloryellow01opa { background: rgba(188,180,151,0.1); } .catcoloryellow1opa { background: rgba(188,180,151,1); } .catcolorred { background: rgba(190,53,38,0.8) } .catcolorred06opa { background: rgba(190,53,38,0.6) } .catcolorred04opa { background: rgba(190,53,38,0.4) } .catcolorred01opa { background: rgba(190,53,38,0.1) } .catcolorred1opa { background: rgba(190,53,38,1) } .catcolorgreen { background: rgba(88,102,45,0.8) } .catcolorgreen06opa { background: rgba(88,102,45,0.6) } .catcolorgreen04opa { background: rgba(88,102,45,0.4) } .catcolorgreen01opa { background: rgba(88,102,45,0.1) } .catcolorgreen1opa { background: rgba(88,102,45,1) } .catcolorpurple { background: rgba(30,40,86,0.8) } .catcolorpurple06opa { background: rgba(30,40,86,0.6) } .catcolorpurple04opa { background: rgba(30,40,86,0.4) } .catcolorpurple01opa { background: rgba(30,40,86,0.1) } .catcolorpurple1opa { background: rgba(30,40,86,1) } .catcolorturqueza { background: rgba(76,150,155,0.8) } .catcolorturqueza06opa { background: rgba(76,150,155,0.6) } .catcolorturqueza04opa { background: rgba(76,150,155,0.4) } .catcolorturqueza01opa { background: rgba(76,150,155,0.1) } .catcolorturqueza1opa { background: rgba(76,150,155,1) } .catcoloralface { background: rgba(137,165,107,0.8) } .catcoloralface06opa { background: rgba(137,165,107,0.6) } .catcoloralface04opa { background: rgba(137,165,107,0.4) } .catcoloralface01opa { background: rgba(137,165,107,0.1) } .catcoloralface1opa { background: rgba(137,165,107,1) } .catcolorcinza { background: rgba(103,132,128,0.8) } .catcolorcinza06opa { background: rgba(103,132,128,0.6) } .catcolorcinza04opa { background: rgba(103,132,128,0.4) } .catcolorcinza01opa { background: rgba(103,132,128,0.1) } .catcolorcinza1opa { background: rgba(103,132,128,1) } .headerbg { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; } .headerbg.lightblue { background: rgba(14,39,73,0.4); } .headerbg.lightyelow { background: rgba(205,148,55,0.5); } .headerbg .innerpadding { padding-top: 10px; padding-bottom: 10px; text-align: center; color: #fff; } .headerbg a { color: #fff; } .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 9999; } .header>.aligncenter>.innerpadding { padding-top: 10px; padding-bottom: 10px; } .header .logo { width: 300px; } .header .logo img { max-width: 100%; height: auto; } .header .menu { position: relative; } .header .menu.myblue { background: rgba(0,62,126,0.7); } .header .groupsearch { padding-top: 50px; } .header .login { margin-left: 20px; } .header .login a { color: #fff; text-transform: uppercase; } .header .login i { color: #fff; font-size: 20px; } .header .login .l .innerpadding { padding: 5px 3px; } .header .login .r .innerpadding { padding: 3px; } .search .groupinput { width: 150px; } .search .submitmyform .innerpadding { padding: 3px 10px; } .search .submitmyform i { color: #fff; font-size: 20px; } .header.colorme:not(.dontcolor) .menu { background: rgba(0,62,126,1); } .header.colorme .search .groupinput .innerpadding { background: #E6E7E8; } .header.colorme .search .submitmyform i { color: rgba(0,62,126,1); } .header.colorme .login a { color: rgba(0,62,126,1); } .header.colorme .login i { color: rgba(0,62,126,1); } .header.colormeyelow:not(.dontcolor) .menu { background: rgba(205,148,55,0.7); } .header.colormeyelow .menu .mainmenu>.link .innerpadding:hover { background: rgba(205,148,55,1); transition: background 0.2s; } .footer { background: rgba(14,39,73,1); color: #fff; } .footer .logo { width: 100%; } .footer .logo img { max-width: 100%; height: auto; } .footer .social a { float: left; padding: 2px 0 2px 5px; } .footer .social a i { color: #fff; font-size: 20px; transition: color 0.2s; } .footer .social a:hover i { color: rgba(152,186,211,1); transition: color 0.2s; } .footer p.title { text-transform: uppercase; font-weight: bold; font-size: 20px; margin-bottom: 20px; } .footer a { color: #fff; } .footer a:hover { text-decoration: underline; } .footer a.link { width: 100%; } /* GERAL */ .infoblock { position: relative; width: 100%; max-width: 225px; margin: 0 auto; background: rgba(0,62,126,1) url('../img/site/icon-support-white.png') no-repeat 20px center; background-size: 60px auto; z-index: 1; } .infoblock .innerpadding { padding: 10px 10px 10px 100px; text-transform: uppercase; color: #fff; } .infoblock h1 { font-size: 14px; } .optionbox { position: fixed; right: -45px; /*top: 500px;*/ width: 45px; background: #F3F3F3; z-index: 999999; transition: right 0.2s; } .optionbox.open { right: 0; transition: right 0.2s; } .optionbox .innerpadding { padding: 5px; } .optionbox a { float: left; padding: 5px 0; text-align: center; width: 100%; } .optionbox a .icon-demo { font-size: 24px; color: rgba(0,62,126,1); } .optionbox a .icon-demo:before { margin: 0; } .optionbox .openbox { position: absolute; left: -25px; width: 25px; background: #F3F3F3; padding: 10px 0; text-align: center; cursor: pointer; } .optionbox .openbox .icon-demo { font-size: 18px; color: rgba(0,62,126,1); } .optionbox .openbox .icon-demo:before { margin: 0; } .optionopinion { position: fixed; right: 0; top: 330px; width: 25px; height: 160px; background: #F3F3F3; z-index: 999999; transition: background 0.2s,color 0.2s; cursor: pointer; } .optionopinion:hover { background: rgba(0,62,126,1); color: #fff; transition: background 0.2s,color 0.2s; } .optionopinion .txt { position: relative; transform: rotate(-90deg); white-space: nowrap; margin-top: 128px; } .hr { height: 1px; background: rgba(0,62,126,1); } .downloadgroup { text-align: center; } .downloadgroup img { width: 100%; max-width: 48px; height: auto; } .downloadgroup .icon-demo { font-size: 24px; } .downloadgroup .icon-demo.colorwhite { color: #fff; font-size: 48px; } /* .downloadgroup .button { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } */ .alignmemiddle { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} .iconbutton { position: relative; } .iconbutton .txt .innerpadding { padding: 5px 10px; } .iconbutton .btn { color: #fff; padding: 7px 5px; } .openarea { position: relative; } .openarea:not(.noeditarea) { width: 30px; height: 30px; } .openarea:not(.noeditarea) .icon-demo { position: absolute; font-size: 25px; margin: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); transition: opacity 0.2s; cursor: pointer; } .openarea:not(.noeditarea) .icon-demo:before { margin: 0; } .openarea:not(.noeditarea) .border { width: 26px; height: 26px; border: 2px solid rgba(0,62,126,1); border-radius: 30px; } .openarea:not(.noeditarea) .border .icon-demo { margin-left: 1px; } .blogstuff>.innerpadding { padding-top: 10px; padding-bottom: 10px; } .blogstuff .social a { float: left; padding: 2px 5px;} .blogstuff .social a i { color: rgba(152,186,211,1); font-size: 20px; transition: color 0.2s; } .blogstuff .social a:hover i { color: rgba(0,62,126,1); transition: color 0.2s; } .blogstuff .search .groupinput { width: 250px; } .blogstuff .search .groupinput .innerpadding { background: #E6E7E8; } .blogstuff .search .submitmyform i { color: rgba(0,62,126,1); } h1 { font-size: 20px; font-weight: 800; } h1.mission { text-transform: uppercase; font-size: 28px; } h1.mission:not(.keepmargin) { margin-top: 0; } h2 { font-size: 22px; font-weight: normal; } /* HOMEPAGE */ .groupgal { position: relative; z-index: 0; } .groupgal .mainslideshow { position: relative; width: 100%; height: 600px; z-index: 0; background-repeat: no-repeat; overflow: hidden; } .groupgal .mainslideshow .filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .groupgal .mainslideshow .alignbottom { position: absolute; left: 0; top: 50%; width: 100%; z-index: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .groupgal .mainslideshow .alignbottom p { color: #fff; font-size: 40px; margin: 0; } .groupgal .mainslideshow .alignbottom.blue p { color: rgba(0,62,126,1); } .groupgal .mainslideshow .elem { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-color: #fff; overflow: hidden; } .groupgal .mainslideshownav { position: absolute; bottom: 75px; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: 1; } .groupgal .mainslideshownav a { float: left; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 10px; margin: 0 8px; transition: background 0.2s; } .groupgal .mainslideshownav a.cycle-pager-active { background: #fff; transition: background 0.2s; } .groupgal .mainslideshow.minislide { height: 325px; } .groupgal .mainslideshow.minislide .alignbottom { bottom: 0; } .groupgal .mainslideshow.nanoslide { height: 210px; } .groupgal .movebottom { position: absolute; left: 0; top: 50%; width: 100%; color: #fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-top: 85px; } .groupgal .movebottom .info { } .groupgal .movebottom .info h1 { margin-top: 0; font-size: 50px; font-weight: 600; line-height: 50px; margin-bottom:15px;} .squarebxslider .elem { position: relative; } .squarebxslider .elem>.innerpadding { position: relative; padding: 0; margin: 20px; overflow: hidden; } .squarebxslider .elem .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: all 0.2s; background-repeat: no-repeat; border-radius: 5px; } .squarebxslider .elem .filter { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; color: #fff; transition: top 0.2s; z-index: 2; } .squarebxslider .elem .filter h1 { text-align: center; margin-top: 5px; font-size: 16px; text-transform: uppercase; } .squarebxslider .elem .filter a { color: #fff; } .squarebxslider .elem .filter .innerpadding { padding: 10px; } .squarebxslider .elem .filter.mybottom { top: auto; height: auto; bottom: 0; transition: opacity 0.2s linear 0.1s; z-index: 1; opacity: 1; border-radius: 0px 0px 5px 5px; } .squarebxslider .elem .filter.mybottom h1 { margin-bottom: 5px; font-size: 16px; text-transform: uppercase; } .squarebxslider .elem:hover .filter:not(.mybottom):not(.keepopacity) { top: 0; transition: top 0.2s; border-radius: 5px 5px 5px 5px} .squarebxslider .elem:hover .filter.mybottom:not(.keepopacity) { top: auto; opacity: 0; transition: opacity 0s linear 0.05s; transition-delay: 0; } .squarebxslider .elem:hover .filter.mybottom.keepopacity { top: auto; opacity: 1; } .squarebxslider .elem:hover .image:not(.keepscale) { /*transform: scale(1.03,1.03);*/ transition: all 0.2s; border-radius: 5px 5px 5px 5px} .listteam .squarebxslider .elem .filter.mybottom { text-align: center; font-weight: bold; text-transform: uppercase; } .listteam .squarebxslider .elem .filter.mybottom p { margin: 0; } .listteam .squarebxslider .elem:hover .filter { top: 80%; transition: top 0.2s; } .infobox { margin: 10px 0; } .infobox .image { position: relative; height: 310px; overflow: hidden; } .infobox .image.thirth { width: 45%; } .infobox .image.full .forceSquare { width: 50%; height: auto; } .infobox .image .title { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; transition: top 0.2s; z-index: 1; } .infobox .image .title h1 { margin: 0; text-align: center; text-transform: uppercase; } .infobox .info { position: relative; height: 310px; } .infobox .info.twothirth { width: 55%; } .infobox .info .elem { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; } .infobox .info .elem p { margin-top: 0; } .infobox:not(.solserv):nth-of-type(1) .info { background: rgba(0,62,126,0.8); } .infobox:not(.solserv):nth-of-type(2) .info { background: rgba(0,62,126,1); } .infobox:not(.solserv):nth-of-type(3) .info { background: rgba(38,135,66,1); } .infobox:not(.solserv):nth-of-type(4) .info { background: rgba(0,62,126,0.6); } .infobox.lightblue1 { background: rgba(0,62,126,0.2); } .infobox.lightblue2 { background: rgba(0,62,126,0.4); } .listclients .squarebxslider .elem>.innerpadding{ height: 60px; } .listclients .squarebxslider .elem:hover .image { transform: scale(1,1); } .listiamwant .elem { color: rgba(0,62,126,1); } .listiamwant .elem .icon { position: relative; width: 20px; border-radius: 100px; border: 2px solid rgba(0,62,126,1); background: #fff; padding: 30px; margin: 0 auto; transition: background 0.2s; } .listiamwant .elem .icon i { position: absolute; left: 50%; top: 50%; font-size: 30px; padding: 0; margin: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition: background 0.2s; } .listiamwant .elem p { text-align: center; margin-bottom: 0; } .listiamwant .elem p.title { font-size: 30px; margin-top: 10px; } .listiamwant .elem p.legend { font-size: 16px; color: rgba(0,62,126,0.6); margin: 5px 0; text-transform: uppercase; } .listiamwant .hr { margin-top: 40px; } .listiamwant .elem:hover .icon:not(.nohover) { background: rgba(0,62,126,1); transition: background 0.2s; } .listiamwant .elem:hover .icon:not(.nohover) i { color: #fff; transition: background 0.2s; } .listiamwant.olstatistics .elem .icon i { font-size: 40px; } .testimonies { position: relative; width: 100%; max-width: 700px; margin: 0 auto; } .testimonies .icon-demo.quote { font-size: 50px; color: rgba(0,62,126,1); } .testimonies .quoteleft { position: absolute; top: 2px; left: 0; z-index: 2; padding: 15px 0; } .testimonies .quoteright { position: absolute; bottom: 2px; right: 0; z-index: 2; padding: 15px 0; } .testimonies .border { position: relative; margin: 0 45px; text-align: center; z-index: 0; } .testimonies .border>.innerpadding { padding-left: 30px; padding-right: 30px; } .testimonies .border .innerpadding { position: relative; z-index: 1; } .testimonies .border .setbordertop { position: absolute; left: 0; top: 0; right: 0; bottom: 80px; border-top: 2px solid rgba(0,62,126,1); border-right: 2px solid rgba(0,62,126,1); } .testimonies .border .setborderbot { position: absolute; left: 0; bottom: 0; right: 0; top: 80px; border-bottom: 2px solid rgba(0,62,126,1); border-left: 2px solid rgba(0,62,126,1); } .testimonies .openarea { width: 100%; } .testimonies .openarea .icon-demo { font-size: 30px; } .homefooter { position: relative; color: #fff; } .homefooter a { color: #fff; } .homefooter h1 { text-transform: uppercase; margin: 0; } .homefooter .half>.innerpadding { padding: 80px 20px; } /* .homefooter .l.half>.innerpadding { padding-right: 50px; } .homefooter .l.half>.innerpadding .button { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .homefooter .r.half>.innerpadding { padding-left: 50px; } */ .homefooter .blog>.innerpadding .button { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .homefooter .newsletter .dialog { text-align: center; } .homefooter .setnewsletter { display: inline-block; margin: 0 auto; } .homefooter .setnewsletter .groupinput { width: 250px; } .homefooter .setnewsletter .groupinput .innerpadding { padding: 11px 10px; } /* OPENLIMITS */ .openlimits_submenu_fixed { position: fixed; left: 0; top: 0; width: 100%; background: #DDE8D9; z-index: 10; border-bottom: 1px solid #BCCCB4; } .openlimits_submenu .selecthash { white-space: nowrap; } .groupopenlimits { position: relative; background: #DDE8D9; } .groupopenlimits .img .forceSquare { max-width: 35%; height: auto; } .groupopenlimits .icon-demo { font-size: 30px; cursor: pointer; } .groupopenlimits .icon-demo:before { margin: 0; } .groupopenlimits .testimonies { color: #fff; } .groupopenlimits .testimonies .icon-demo { color: #fff; } .history .marker { position: relative; } .history .marker .elem { position: relative; display: table-cell; } .history .marker .elem .innerpadding { padding: 18px; } .history .marker .elem .btn { position: relative; background: rgba(0,62,126,1); border-radius: 50px; border: 3px solid rgba(0,62,126,1); margin: 0 auto; transition: border 0.2s; } .history .marker .elem.info .innerpadding { padding: 14px; cursor: pointer; transition: background 0.2s; } .history .marker .elem.info .text { position: absolute; bottom: 100%; left: 20px; width: 500px; background: #fff; opacity: 0; transition: bottom 0.2s,opacity 0.2s; } .history .marker .elem.info .text h1 { margin: 0; } .history .marker .elem.info .text p { margin-bottom: 0; } .history .marker .elem.info .text .icon-demo { position: absolute; bottom: -10px; left: -4px; color: #fff; } .history .marker .elem.info .text.leftalign { left: auto; right: 20px; } .history .marker .elem.info .text.leftalign .icon-demo { left: auto; right: -4px; transform: rotate(180deg) } .history .marker .elem.info.curr .btn { border-color: #fff; transition: border 0.2s; } .history .marker .elem.info.curr .text { bottom: 125%; opacity: 1; transition: bottom 0.2s linear 0.2s,opacity 0.2s linear 0.2s; } .history.groupbx .bxcontrol a { margin-top: -150px; background: none; } .history.groupbx .bxcontrol .icon-demo { color: rgba(0,62,126,1); } .history-responsive { width: 100%; overflow: hidden; } .history-responsive>.innerpadding { padding-left: 50px; padding-right: 50px; } .history-responsive .text { position: relative; background: #fff; width: 100%; } .history-responsive .text h1 { margin: 0; } .history-responsive .text p { margin-bottom: 0; } .history-responsive .text .icon-demo { display: none; } .history-responsive.groupbx .bxcontrol a { background: none; } .history-responsive.groupbx .bxcontrol .icon-demo { color: rgba(0,62,126,1); } /* I AM */ .areatitle2 .alignmemiddle { position: relative; display: inline-block; margin: 0; transform: none; width: 500px; max-width: 100%; float: none; } .areatitle .elem { float: none; display: inline-block; } .areatitle .icon { position: relative; width: 16px; border-radius: 100px; background: #fff; padding: 30px; margin: 0 auto; border: 2px solid #fff; transition: border 0.2s; } .areatitle .icon.btn { margin: 0 20px; cursor: pointer; } .areatitle .icon.btn.showborder { border-color: rgba(0,62,126,1); } .areatitle .icon.btn:hover { border-color: rgba(0,62,126,1); transition: border 0.2s; } .areatitle .icon i { position: absolute; left: 50%; top: 50%; font-size: 30px; padding: 0; margin: 0 0 0 2px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color: rgba(0,62,126,1); } .areatitle .string>.innerpadding { padding: 5px 20px; } .areatitle .string h1 { margin: 0; text-transform: uppercase; font-size: 24px; } .areatitle .string p { margin: 0; } .areatitle .openarea { width: 100%; } .areatitle .openarea .icon-demo { font-size: 30px; } .areatitle.bgyelow { color: #fff } .areatitle.bgyelow .iconbutton .txt { color: #fff; } .tools { position: relative; overflow: hidden; } .tools .elem { position: relative; width: 100%; } .tools .elem .img .forceSquare { max-width: 35%; height: auto; } .casestudy { position: relative; } .casestudy .image { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .casestudy .desc { width: 50%; color: #fff; } .casestudy .desc h1 { margin-top: 0; text-transform: uppercase; } /* CONTACTS */ .map { position: relative; width: 100%; height: 500px; z-index: 0; } .contactform .dialog { margin-bottom: 10px; } .contactform .groupinput { margin-bottom: 10px; } .contactform .groupinput .innerpadding { border: 2px solid #fff; padding: 10px; } .contactform .groupinput.l .innerpadding { margin-right: 5px; } .contactform .groupinput.r .innerpadding { margin-left: 5px; } .contactform .groupinput.textarea .innerpadding { margin: 0; } .contactform .groupinput.textarea .input { height: 200px; } /* NEWS */ .listnews { position: relative; } .listnews .rightborder { padding-right: 50px; margin-right: 20px; border-right: 1px solid rgba(0,62,126,1); } .listnews .newsside h1 { margin-top: 0; text-transform: uppercase; } .listnews .newsside a:hover { text-decoration: underline; } .listnews .area { padding: 5px 0; color: #fff; font-weight: 600; } .listnews .date { color: #74AFDF; } .listnews .elem { margin-bottom: 20px; } .listnews .elem .image { height: 300px; } .listnews .elem/***************************************************/ /********************** GERAL **********************/ /***************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @font-face { font-family: 'fontawesome'; src: local(fontawesome), url('../fonts/fontawesome/fonts/fontawesome-webfont.woff') format('woff'); } @font-face { font-family: 'fontello'; src: local(fontello), url('../fonts/fontello/font/fontello.woff') format('woff'); } @font-face { font-family: 'myriadpro'; src: local(myriadpro), url('../fonts/MyriadPro.woff') format('woff'); } .linksublinhado a {text-decoration:underline !important;} body { margin:0; color:#003E7E; height: 100%; background:#fff; font-weight: 400; font-size: 15px; } html { height: 100%;} * { outline:none; -webkit-font-smoothing: antialiased; letter-spacing: 1px; font-family: 'Open Sans'; } img { border:0px; max-width: 100%; height: auto;} form { margin:0px; padding:0px; } iframe { border: 0; } .l { float:left; } .r { float:right; } .b,b,strong { font-weight: 700; } .i,i,em { font-style: italic; } .i { font-style: normal; } .hide { display:none; } .transparent { opacity: 0; transition: opacity 0.2s; } .clear { clear:both; } .clear.spacer { height: 60px; } .clear.minSpacer { height: 30px; } .color { color:#00afef; } .warningBox { padding: 50px; background: #f1f1f1; text-align: center; text-transform: uppercase; letter-spacing: 2px; } .forceSquare { width: 100%; height: 0%; } .marginSide { padding: 0 20px; } .submitmyform { cursor: pointer; } .pointer { cursor: pointer; } .sixth { position: relative; width: 16.6%; } .fifth { position: relative; width: 20%; } .quarter { position: relative; width: 25%; } .thirth { position: relative; width: 33%; } .thirth.middle { position: relative; width: 34%; } .twothirth { position: relative; width: 67%; } .half { position: relative; width: 50%; } .threequarter { position: relative; width: 75%; } .full { position: relative; width: 100%; } .setopacity { opacity: 0; transition: opacity 0.2s; } .setopacity.showme { opacity: 1; transition: opacity 0.2s; } a:link { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } a:visited { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } a:hover { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } a:active { text-decoration: none; color: rgba(0,62,126,1); transition: color 0.2s; } .groupinput { } .groupinput .innerpadding { background: #fff; padding: 5px; } .groupinput .innerpadding .input { background: none; border: 0; outline: none; resize: none; padding: 0; margin: 0; width: 100%; background: none; font-size: 13px; } .groupinput .innerpadding .input:focus { } .groupinput .innerpadding .input::-webkit-input-placeholder { color:#999; } .groupinput .innerpadding .input:focus::-webkit-input-placeholder { color:#b7b7b7; } .groupinput .innerpadding .select { width: 100%; background: url('../img/bg-select-arrow.png') no-repeat right 5px center; border: none; line-height: 1; -webkit-appearance: none; cursor: pointer; border-radius: 0; padding-right: 20px; font-size: 13px; } .button,a.button { background: rgba(0,62,126,0.9); border: none; color: #fff; margin: 0; padding: 0; transition:background 0.2s; border-radius: 0; text-transform: uppercase; white-space: nowrap; } .button .innerpadding,a.button .innerpadding { padding: 10px 20px; } .button:hover,a.button:hover { background: rgba(0,62,126,1); cursor: pointer; transition:background 0.2s; } .button.buttonmiddle { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } /***************************************************/ /********************** ANIMATIONS *****************/ /***************************************************/ .animateTop { -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); opacity: 0; } .animateTop.animateMe { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; } .animateLeft { -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); opacity: 0; } .animateLeft.animateMe { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; } .animateBottom { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0; } .animateBottom.animateMe { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; } .animateRight { -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateX(50px); opacity: 0; } .animateRight.animateMe { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; } .animatePaddTop { padding-top: 30px; opacity: 0; } .animatePaddTop.animateMe { padding-top: 0; opacity: 1; transition: all 0.3s; } .animateFade { opacity: 0; } .animateFade.animateMe { opacity: 1; transition: all 1s; } /***************************************************/ /********************** MENUS **********************/ /***************************************************/ .mainmenu { position: relative; padding-left: 7px; overflow: hidden; z-index: 0; transition: width 0.2s linear 1s; } .mainmenu>.link { position: relative; float: left; transition: all 1s; cursor: pointer; display: inline-flex; } .mainmenu>.link .innerpadding { padding: 20px 18px; color: #fff; transition: background 0.2s; } .menu.myblue .mainmenu>.link .innerpadding:hover { background: rgba(0,62,126,1); transition: background 0.2s; } .menu.myblue .mainmenu>.link.current .innerpadding { background: rgba(0,62,126,1); } .mMenu .mainmenu>.link { width: 100%; display: block; } .submenu .link:not(.elem) .innerpadding { padding: 5px 0; color: #fff; transition: color 0.2s; } .submenu .link:not(.elem) .innerpadding:hover { color: #000; transition: color 0.2s; } .submenu .elem { position: relative; } .submenu .elem>.innerpadding { position: relative; padding: 0; margin: 20px; overflow: hidden; } .submenu .elem .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: all 0.2s; background-repeat: no-repeat; } .submenu .elem .filter { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; z-index: 1; } .submenu .elem .filter h2 { text-align: center; margin: 0; font-size: 16px; } .submenu .elem .filter a { color: #fff; } .submenu .elem .filter .innerpadding { padding: 10px; } .submenu .elem:hover .image { transform: scale(1.03,1.03); transition: all 0.2s; } .submenu .scrollmenu>.innerpadding { position: relative; padding: 0; margin: 20px; overflow: hidden; } .submenu .scrollmenu .scroll { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .openMenu { position:relative; width:33px; height:33px; cursor:pointer; margin: 13px 0 13px 25px; } .openMenu .path { position:absolute; left:4px; right:4px; height:3px; background:#fff; } .openMenu .path:nth-of-type(1) { top:8px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; } .openMenu .path:nth-of-type(2) { top:15px; opacity:1; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; } .openMenu .path:nth-of-type(3) { bottom:8px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; } .openMenu.open .path:nth-of-type(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); top:15px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; } .openMenu.open .path:nth-of-type(2) { opacity:0; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; } .openMenu.open .path:nth-of-type(3) { transform: rotate(4-5deg); -webkit-transform: rotate(-45deg); bottom:15px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; } /***************************************************/ /********************* CONTENT *********************/ /***************************************************/ .openpopup { cursor: pointer; } .popup_group { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 9999; } .popup_group .popup_content { position: relative; width: 100%; max-width: 600px; margin: 0 auto; top: 50%; opacity: 0; -webkit-transform:translateY(-40%); -ms-transform:translateY(-40%); transform:translateY(-40%); background: #fff; transition: all 0.2s; } .popup_group .popup_content.visible { opacity: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); transition: all 0.2s; } .popup_group .popup_content .popup_close { position: absolute; right: 0; top: 0; padding: 5px 10px; color: #fff; font-weight: bold; background: rgba(0,62,126,1); cursor: pointer; } .aligncenter { position: relative; width: 100%; max-width: 1240px; margin: 0 auto; } .innerpadding { padding: 20px; } .innerpadding.removesides { padding-left: 0; padding-right: 0; } .innerpadding.removetops { padding-top: 0; padding-bottom: 0; } .clear.parallaxarrowSpacer { height: 20px; } .clear.headerspacer { height: 169px; } .bgblue { background: rgba(0,62,126,1); } .bgblue06 { background: rgba(0,62,126,0.6); } .bgblue04 { background: rgba(0,62,126,0.4); } .bgyelow { background: rgba(212,164,85,1); } .bgyelow06 { background: rgba(212,164,85,0.6); } .bgyelow04 { background: rgba(212,164,85,0.4); } .lightblue { background: rgba(152,186,211,0.4); } .lightyelow { background: rgba(205,148,55,0.7); } .darkblue { background: rgba(14,39,73,0.8); } .catcolorblue { background: rgba(22,74,114,0.8); } .catcolorblue06opa { background: rgba(22,74,114,0.6); } .catcolorblue04opa { background: rgba(22,74,114,0.15); } .catcolorblue01opa { background: rgba(22,74,114,0.1); } .catcolorblue1opa { background: rgba(22,74,114,1); } .catcoloryellow { background: rgba(188,180,151,0.8); } .catcoloryellow06opa { background: rgba(188,180,151,0.6); } .catcoloryellow04opa { background: rgba(188,180,151,0.4); } .catcoloryellow01opa { background: rgba(188,180,151,0.1); } .catcoloryellow1opa { background: rgba(188,180,151,1); } .catcolorred { background: rgba(190,53,38,0.8) } .catcolorred06opa { background: rgba(190,53,38,0.6) } .catcolorred04opa { background: rgba(190,53,38,0.4) } .catcolorred01opa { background: rgba(190,53,38,0.1) } .catcolorred1opa { background: rgba(190,53,38,1) } .catcolorgreen { background: rgba(88,102,45,0.8) } .catcolorgreen06opa { background: rgba(88,102,45,0.6) } .catcolorgreen04opa { background: rgba(88,102,45,0.4) } .catcolorgreen01opa { background: rgba(88,102,45,0.1) } .catcolorgreen1opa { background: rgba(88,102,45,1) } .catcolorpurple { background: rgba(30,40,86,0.8) } .catcolorpurple06opa { background: rgba(30,40,86,0.6) } .catcolorpurple04opa { background: rgba(30,40,86,0.4) } .catcolorpurple01opa { background: rgba(30,40,86,0.1) } .catcolorpurple1opa { background: rgba(30,40,86,1) } .catcolorturqueza { background: rgba(76,150,155,0.8) } .catcolorturqueza06opa { background: rgba(76,150,155,0.6) } .catcolorturqueza04opa { background: rgba(76,150,155,0.4) } .catcolorturqueza01opa { background: rgba(76,150,155,0.1) } .catcolorturqueza1opa { background: rgba(76,150,155,1) } .catcoloralface { background: rgba(137,165,107,0.8) } .catcoloralface06opa { background: rgba(137,165,107,0.6) } .catcoloralface04opa { background: rgba(137,165,107,0.4) } .catcoloralface01opa { background: rgba(137,165,107,0.1) } .catcoloralface1opa { background: rgba(137,165,107,1) } .catcolorcinza { background: rgba(103,132,128,0.8) } .catcolorcinza06opa { background: rgba(103,132,128,0.6) } .catcolorcinza04opa { background: rgba(103,132,128,0.4) } .catcolorcinza01opa { background: rgba(103,132,128,0.1) } .catcolorcinza1opa { background: rgba(103,132,128,1) } .headerbg { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; } .headerbg.lightblue { background: rgba(14,39,73,0.4); } .headerbg.lightyelow { background: rgba(205,148,55,0.5); } .headerbg .innerpadding { padding-top: 10px; padding-bottom: 10px; text-align: center; color: #fff; } .headerbg a { color: #fff; } .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 9999; } .header>.aligncenter>.innerpadding { padding-top: 10px; padding-bottom: 10px; } .header .logo { width: 300px; } .header .logo img { max-width: 100%; height: auto; } .header .menu { position: relative; } .header .menu.myblue { background: rgba(0,62,126,0.7); } .header .groupsearch { padding-top: 50px; } .header .login { margin-left: 20px; } .header .login a { color: #fff; text-transform: uppercase; } .header .login i { color: #fff; font-size: 20px; } .header .login .l .innerpadding { padding: 5px 3px; } .header .login .r .innerpadding { padding: 3px; } .search .groupinput { width: 150px; } .search .submitmyform .innerpadding { padding: 3px 10px; } .search .submitmyform i { color: #fff; font-size: 20px; } .header.colorme:not(.dontcolor) .menu { background: rgba(0,62,126,1); } .header.colorme .search .groupinput .innerpadding { background: #E6E7E8; } .header.colorme .search .submitmyform i { color: rgba(0,62,126,1); } .header.colorme .login a { color: rgba(0,62,126,1); } .header.colorme .login i { color: rgba(0,62,126,1); } .header.colormeyelow:not(.dontcolor) .menu { background: rgba(205,148,55,0.7); } .header.colormeyelow .menu .mainmenu>.link .innerpadding:hover { background: rgba(205,148,55,1); transition: background 0.2s; } .footer { background: rgba(14,39,73,1); color: #fff; } .footer .logo { width: 100%; } .footer .logo img { max-width: 100%; height: auto; } .footer .social a { float: left; padding: 2px 0 2px 5px; } .footer .social a i { color: #fff; font-size: 20px; transition: color 0.2s; } .footer .social a:hover i { color: rgba(152,186,211,1); transition: color 0.2s; } .footer p.title { text-transform: uppercase; font-weight: bold; font-size: 20px; margin-bottom: 20px; } .footer a { color: #fff; } .footer a:hover { text-decoration: underline; } .footer a.link { width: 100%; } /* GERAL */ .infoblock { position: relative; width: 100%; max-width: 225px; margin: 0 auto; background: rgba(0,62,126,1) url('../img/site/icon-support-white.png') no-repeat 20px center; background-size: 60px auto; z-index: 1; } .infoblock .innerpadding { padding: 10px 10px 10px 100px; text-transform: uppercase; color: #fff; } .infoblock h1 { font-size: 14px; } .optionbox { position: fixed; right: -45px; top: 30px; width: 45px; background: #F3F3F3; z-index: 999999; transition: right 0.2s; } .optionbox.open { right: 0; transition: right 0.2s; } .optionbox .innerpadding { padding: 5px; } .optionbox a { float: left; padding: 5px 0; text-align: center; width: 100%; } .optionbox a .icon-demo { font-size: 24px; color: rgba(0,62,126,1); } .optionbox a .icon-demo:before { margin: 0; } .optionbox .openbox { position: absolute; left: -25px; width: 25px; background: #F3F3F3; padding: 10px 0; text-align: center; cursor: pointer; } .optionbox .openbox .icon-demo { font-size: 18px; color: rgba(0,62,126,1); } .optionbox .openbox .icon-demo:before { margin: 0; } .optionopinion { position: fixed; right: 0; top: 330px; width: 25px; height: 160px; background: #F3F3F3; z-index: 999999; transition: background 0.2s,color 0.2s; cursor: pointer; } .optionopinion:hover { background: rgba(0,62,126,1); color: #fff; transition: background 0.2s,color 0.2s; } .optionopinion .txt { position: relative; transform: rotate(-90deg); white-space: nowrap; margin-top: 128px; } .hr { height: 1px; background: rgba(0,62,126,1); } .downloadgroup { text-align: center; } .downloadgroup img { width: 100%; max-width: 48px; height: auto; } .downloadgroup .icon-demo { font-size: 24px; } .downloadgroup .icon-demo.colorwhite { color: #fff; font-size: 48px; } /* .downloadgroup .button { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } */ .alignmemiddle { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} .iconbutton { position: relative; } .iconbutton .txt .innerpadding { padding: 5px 10px; } .iconbutton .btn { color: #fff; padding: 7px 5px; } .openarea { position: relative; } .openarea:not(.noeditarea) { width: 30px; height: 30px; } .openarea:not(.noeditarea) .icon-demo { position: absolute; font-size: 25px; margin: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); transition: opacity 0.2s; cursor: pointer; } .openarea:not(.noeditarea) .icon-demo:before { margin: 0; } .openarea:not(.noeditarea) .border { width: 26px; height: 26px; border: 2px solid rgba(0,62,126,1); border-radius: 30px; } .openarea:not(.noeditarea) .border .icon-demo { margin-left: 1px; } .blogstuff>.innerpadding { padding-top: 10px; padding-bottom: 10px; } .blogstuff .social a { float: left; padding: 2px 5px;} .blogstuff .social a i { color: rgba(152,186,211,1); font-size: 20px; transition: color 0.2s; } .blogstuff .social a:hover i { color: rgba(0,62,126,1); transition: color 0.2s; } .blogstuff .search .groupinput { width: 250px; } .blogstuff .search .groupinput .innerpadding { background: #E6E7E8; } .blogstuff .search .submitmyform i { color: rgba(0,62,126,1); } h1 { font-size: 20px; font-weight: 800; } h1.mission { text-transform: uppercase; font-size: 28px; } h1.mission:not(.keepmargin) { margin-top: 0; } h2 { font-size: 22px; font-weight: normal; } /* HOMEPAGE */ .groupgal { position: relative; z-index: 0; } .groupgal .mainslideshow { position: relative; width: 100%; height: 600px; z-index: 0; background-repeat: no-repeat; overflow: hidden; } .groupgal .mainslideshow .filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .groupgal .mainslideshow .alignbottom { position: absolute; left: 0; top: 50%; width: 100%; z-index: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .groupgal .mainslideshow .alignbottom p { color: #fff; font-size: 40px; margin: 0; } .groupgal .mainslideshow .alignbottom.blue p { color: rgba(0,62,126,1); } .groupgal .mainslideshow .elem { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-color: #fff; overflow: hidden; } .groupgal .mainslideshownav { position: absolute; bottom: 75px; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: 1; } .groupgal .mainslideshownav a { float: left; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 10px; margin: 0 8px; transition: background 0.2s; } .groupgal .mainslideshownav a.cycle-pager-active { background: #fff; transition: background 0.2s; } .groupgal .mainslideshow.minislide { height: 325px; } .groupgal .mainslideshow.minislide .alignbottom { bottom: 0; } .groupgal .mainslideshow.nanoslide { height: 210px; } .groupgal .movebottom { position: absolute; left: 0; top: 50%; width: 100%; color: #fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-top: 85px; } .groupgal .movebottom .info { } .groupgal .movebottom .info h1 { margin-top: 0; font-size: 50px; font-weight: 600; line-height: 50px; margin-bottom:15px;} .squarebxslider .elem { position: relative; } .squarebxslider .elem>.innerpadding { position: relative; padding: 0; margin: 20px; overflow: hidden; } .squarebxslider .elem .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: all 0.2s; background-repeat: no-repeat; border-radius: 5px; } .squarebxslider .elem .filter { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; color: #fff; transition: top 0.2s; z-index: 2; } .squarebxslider .elem .filter h1 { text-align: center; margin-top: 5px; font-size: 16px; text-transform: uppercase; } .squarebxslider .elem .filter a { color: #fff; } .squarebxslider .elem .filter .innerpadding { padding: 10px; } .squarebxslider .elem .filter.mybottom { top: auto; height: auto; bottom: 0; transition: opacity 0.2s linear 0.1s; z-index: 1; opacity: 1; border-radius: 0px 0px 7px 7px; } .squarebxslider .elem .filter.mybottom h1 { margin-bottom: 5px; font-size: 16px; text-transform: uppercase; } .squarebxslider .elem:hover .filter:not(.mybottom):not(.keepopacity) { top: 0; transition: top 0.2s; border-radius: 5px 5px 5px 5px} .squarebxslider .elem:hover .filter.mybottom:not(.keepopacity) { top: auto; opacity: 0; transition: opacity 0s linear 0.05s; transition-delay: 0; } .squarebxslider .elem:hover .filter.mybottom.keepopacity { top: auto; opacity: 1; } .squarebxslider .elem:hover .image:not(.keepscale) { /*transform: scale(1.03,1.03);*/ transition: all 0.2s; border-radius: 5px 5px 5px 5px} .listteam .squarebxslider .elem .filter.mybottom { text-align: center; font-weight: bold; text-transform: uppercase; } .listteam .squarebxslider .elem .filter.mybottom p { margin: 0; } .listteam .squarebxslider .elem:hover .filter { top: 80%; transition: top 0.2s; } .infobox { margin: 10px 0; } .infobox .image { position: relative; height: 310px; overflow: hidden; } .infobox .image.thirth { width: 45%; } .infobox .image.full .forceSquare { width: 50%; height: auto; } .infobox .image .title { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; transition: top 0.2s; z-index: 1; } .infobox .image .title h1 { margin: 0; text-align: center; text-transform: uppercase; } .infobox .info { position: relative; height: 310px; } .infobox .info.twothirth { width: 55%; } .infobox .info .elem { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; } .infobox .info .elem p { margin-top: 0; } .infobox:not(.solserv):nth-of-type(1) .info { background: rgba(0,62,126,0.8); } .infobox:not(.solserv):nth-of-type(2) .info { background: rgba(0,62,126,1); } .infobox:not(.solserv):nth-of-type(3) .info { background: rgba(38,135,66,1); } .infobox:not(.solserv):nth-of-type(4) .info { background: rgba(0,62,126,0.6); } .infobox.lightblue1 { background: rgba(0,62,126,0.2); } .infobox.lightblue2 { background: rgba(0,62,126,0.4); } .listclients .squarebxslider .elem>.innerpadding{ height: 60px; } .listclients .squarebxslider .elem:hover .image { transform: scale(1,1); } .listiamwant .elem { color: rgba(0,62,126,1); } .listiamwant .elem .icon { position: relative; width: 20px; border-radius: 100px; border: 2px solid rgba(0,62,126,1); background: #fff; padding: 30px; margin: 0 auto; transition: background 0.2s; } .listiamwant .elem .icon i { position: absolute; left: 50%; top: 50%; font-size: 30px; padding: 0; margin: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition: background 0.2s; } .listiamwant .elem p { text-align: center; margin-bottom: 0; } .listiamwant .elem p.title { font-size: 30px; margin-top: 10px; } .listiamwant .elem p.legend { font-size: 16px; color: rgba(0,62,126,0.6); margin: 5px 0; text-transform: uppercase; } .listiamwant .hr { margin-top: 40px; } .listiamwant .elem:hover .icon:not(.nohover) { background: rgba(0,62,126,1); transition: background 0.2s; } .listiamwant .elem:hover .icon:not(.nohover) i { color: #fff; transition: background 0.2s; } .listiamwant.olstatistics .elem .icon i { font-size: 40px; } .testimonies { position: relative; width: 100%; max-width: 700px; margin: 0 auto; } .testimonies .icon-demo.quote { font-size: 50px; color: rgba(0,62,126,1); } .testimonies .quoteleft { position: absolute; top: 2px; left: 0; z-index: 2; padding: 15px 0; } .testimonies .quoteright { position: absolute; bottom: 2px; right: 0; z-index: 2; padding: 15px 0; } .testimonies .border { position: relative; margin: 0 45px; text-align: center; z-index: 0; } .testimonies .border>.innerpadding { padding-left: 30px; padding-right: 30px; } .testimonies .border .innerpadding { position: relative; z-index: 1; } .testimonies .border .setbordertop { position: absolute; left: 0; top: 0; right: 0; bottom: 80px; border-top: 2px solid rgba(0,62,126,1); border-right: 2px solid rgba(0,62,126,1); } .testimonies .border .setborderbot { position: absolute; left: 0; bottom: 0; right: 0; top: 80px; border-bottom: 2px solid rgba(0,62,126,1); border-left: 2px solid rgba(0,62,126,1); } .testimonies .openarea { width: 100%; } .testimonies .openarea .icon-demo { font-size: 30px; } .homefooter { position: relative; color: #fff; } .homefooter a { color: #fff; } .homefooter h1 { text-transform: uppercase; margin: 0; } .homefooter .half>.innerpadding { padding: 80px 20px; } /* .homefooter .l.half>.innerpadding { padding-right: 50px; } .homefooter .l.half>.innerpadding .button { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .homefooter .r.half>.innerpadding { padding-left: 50px; } */ .homefooter .blog>.innerpadding .button { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .homefooter .newsletter .dialog { text-align: center; } .homefooter .setnewsletter { display: inline-block; margin: 0 auto; } .homefooter .setnewsletter .groupinput { width: 250px; } .homefooter .setnewsletter .groupinput .innerpadding { padding: 11px 10px; } /* OPENLIMITS */ .openlimits_submenu_fixed { position: fixed; left: 0; top: 0; width: 100%; background: #DDE8D9; z-index: 10; border-bottom: 1px solid #BCCCB4; } .openlimits_submenu .selecthash { white-space: nowrap; } .groupopenlimits { position: relative; background: #DDE8D9; } .groupopenlimits .img .forceSquare { max-width: 35%; height: auto; } .groupopenlimits .icon-demo { font-size: 30px; cursor: pointer; } .groupopenlimits .icon-demo:before { margin: 0; } .groupopenlimits .testimonies { color: #fff; } .groupopenlimits .testimonies .icon-demo { color: #fff; } .history .marker { position: relative; } .history .marker .elem { position: relative; display: table-cell; } .history .marker .elem .innerpadding { padding: 18px; } .history .marker .elem .btn { position: relative; background: rgba(0,62,126,1); border-radius: 50px; border: 3px solid rgba(0,62,126,1); margin: 0 auto; transition: border 0.2s; } .history .marker .elem.info .innerpadding { padding: 14px; cursor: pointer; transition: background 0.2s; } .history .marker .elem.info .text { position: absolute; bottom: 100%; left: 20px; width: 500px; background: #fff; opacity: 0; transition: bottom 0.2s,opacity 0.2s; } .history .marker .elem.info .text h1 { margin: 0; } .history .marker .elem.info .text p { margin-bottom: 0; } .history .marker .elem.info .text .icon-demo { position: absolute; bottom: -10px; left: -4px; color: #fff; } .history .marker .elem.info .text.leftalign { left: auto; right: 20px; } .history .marker .elem.info .text.leftalign .icon-demo { left: auto; right: -4px; transform: rotate(180deg) } .history .marker .elem.info.curr .btn { border-color: #fff; transition: border 0.2s; } .history .marker .elem.info.curr .text { bottom: 125%; opacity: 1; transition: bottom 0.2s linear 0.2s,opacity 0.2s linear 0.2s; } .history.groupbx .bxcontrol a { margin-top: -150px; background: none; } .history.groupbx .bxcontrol .icon-demo { color: rgba(0,62,126,1); } .history-responsive { width: 100%; overflow: hidden; } .history-responsive>.innerpadding { padding-left: 50px; padding-right: 50px; } .history-responsive .text { position: relative; background: #fff; width: 100%; } .history-responsive .text h1 { margin: 0; } .history-responsive .text p { margin-bottom: 0; } .history-responsive .text .icon-demo { display: none; } .history-responsive.groupbx .bxcontrol a { background: none; } .history-responsive.groupbx .bxcontrol .icon-demo { color: rgba(0,62,126,1); } /* I AM */ .areatitle2 .alignmemiddle { position: relative; display: inline-block; margin: 0; transform: none; width: 500px; max-width: 100%; float: none; } .areatitle .elem { float: none; display: inline-block; } .areatitle .icon { position: relative; width: 16px; border-radius: 100px; background: #fff; padding: 30px; margin: 0 auto; border: 2px solid #fff; transition: border 0.2s; } .areatitle .icon.btn { margin: 0 20px; cursor: pointer; } .areatitle .icon.btn.showborder { border-color: rgba(0,62,126,1); } .areatitle .icon.btn:hover { border-color: rgba(0,62,126,1); transition: border 0.2s; } .areatitle .icon i { position: absolute; left: 50%; top: 50%; font-size: 30px; padding: 0; margin: 0 0 0 2px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color: rgba(0,62,126,1); } .areatitle .string>.innerpadding { padding: 5px 20px; } .areatitle .string h1 { margin: 0; text-transform: uppercase; font-size: 24px; } .areatitle .string p { margin: 0; } .areatitle .openarea { width: 100%; } .areatitle .openarea .icon-demo { font-size: 30px; } .areatitle.bgyelow { color: #fff } .areatitle.bgyelow .iconbutton .txt { color: #fff; } .tools { position: relative; overflow: hidden; } .tools .elem { position: relative; width: 100%; } .tools .elem .img .forceSquare { max-width: 35%; height: auto; } .casestudy { position: relative; } .casestudy .image { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .casestudy .desc { width: 50%; color: #fff; } .casestudy .desc h1 { margin-top: 0; text-transform: uppercase; } /* CONTACTS */ .map { position: relative; width: 100%; height: 500px; z-index: 0; } .contactform .dialog { margin-bottom: 10px; } .contactform .groupinput { margin-bottom: 10px; } .contactform .groupinput .innerpadding { border: 2px solid #fff; padding: 10px; } .contactform .groupinput.l .innerpadding { margin-right: 5px; } .contactform .groupinput.r .innerpadding { margin-left: 5px; } .contactform .groupinput.textarea .innerpadding { margin: 0; } .contactform .groupinput.textarea .input { height: 200px; } /* NEWS */ .listnews { position: relative; } .listnews .rightborder { padding-right: 50px; margin-right: 20px; border-right: 1px solid rgba(0,62,126,1); } .listnews .newsside h1 { margin-top: 0; text-transform: uppercase; } .listnews .newsside a:hover { text-decoration: underline; } .listnews .area { padding: 5px 0; color: #fff; font-weight: 600; } .listnews .date { color: #74AFDF; } .listnews .elem { margin-bottom: 20px; } .listnews .elem .image { height: 300px; } .listnews .elem .imageee { height: 100%; } .listnews .elem .imagee { height: 250px; } .listnews .elem .text h1 { margin-top: 0; } .listnews .bottomareas { color: #fff; height: 500px; } .listnews .bottomareas a { color: #fff; } .listnews .bottomareas a:hover { text-decoration: underline; } .listnews .bottomareas>.innerpadding { padding: 40px; } .listnews .bottomareas.setnewsletter .button { margin-left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .listnews .bottomareas.twitter i { font-size: 50px; } .listnews .bottomareas.twitter i:before { margin: 0; } .listnews .bottomareas.comment { color: rgba(0,62,126,1); } .listnews .bottomareas.comment .date { color: #fff; } /* LOGIN AREA */ .loginform .newregist .groupinput.l .innerpadding { margin-right: 5px; } .loginform .newregist .groupinput.r .innerpadding { margin-left: 5px; } .loginform .newregist .half.l .groupinput .innerpadding { margin-right: 5px; } .loginform .newregist .half.r .groupinput .innerpadding { margin-left: 5px; } .loginform .newregist .groupinput .select { width: 100%; padding: 3px 0; padding-right: 25px; background-color: #fff; } .loginform .dialog { margin-bottom: 10px; } .loginform .button { border-width: 2px; margin: 0; } /* SCROLL */ .jspContainer { overflow:hidden; position:relative; } .jspPane { position:absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 6px; height: 100%; padding: 2px; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background:none; position: relative; } .jspDrag { background:#1c1c1c; position: relative; box-shadow: 0 0 3px #000; top: 0; left: 0; cursor: pointer; } .jspDrag:hover { background-position:center right; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 5px; } .jspHorizontalBar .jspArrow { width: 5px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* Tooltips */ .tipsy { padding: 5px; font-size:11px; position: absolute; z-index: 999; } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: rgba(0,62,126,0.8); color: white; max-width: 200px; text-align: center; } .tipsy-inner { /*border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;*/ } .tipsy-arrow { position: absolute; /* background: url('../img/tipsy.gif') no-repeat top left; */ width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } /* Messages */ .dialog { color: #000; font-size: 14px; } .dialog .innerpadding { padding: 10px; } .dialog.done .innerpadding { background: rgba(206,239,115,1); } .dialog.error .innerpadding { background: rgba(239,115,115,1); } .dialog.notes .innerpadding { background: rgba(115,179,239,1); } .dialog li { margin-left: 20px; } .dialog p { margin-left: 0; } /* Parallax */ .parallaxImage { position: relative; width: 100% !important; min-height: 200px; margin: 0; padding: 0; overflow: hidden; background: #000; z-index: 0; } .parallaxImage .filter { position: absolute; left:0; top:0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 0; } .parallaxImage .randomImage { position: absolute; left:0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-attachment:fixed; background-position:50% 0; background-size: cover; z-index: 0; } .parallaxImage .parallaxarrow { position: absolute; bottom: 0; width: 100%; z-index: 10; } .parallaxImage .groupbx>.aligncenter { z-index: 0; } .parallaxImage .groupbx>.bxcontrol { z-index: 1; } .parallaxarrow { position: relative; width: 100%; z-index: 1; } .parallaxarrow .half .bg { height: 20px; } .parallaxarrow .half .bg.bgwhite { background: #fff; } .parallaxarrow .half .bg.lightblue { background: #D7DFEC; } .parallaxarrow .half .bg .img { width: 30px; height: 20px; margin-left: -30px; background: url('../img/site/img-parallax-arrow.png') no-repeat center top; background-size: auto 100%; } .parallaxarrow .half .bg .img.lightblue { background-image: url('../img/site/img-parallax-arrow-lightblue.png'); } .parallaxarrow .half .bg .img.bgyelow { background-image: url('../img/site/img-parallax-arrow-bgyelow.png?var=112345678'); } .parallaxarrow .half.l .bg { margin-right: 15px; } .parallaxarrow .half.r .bg { margin-left: 15px; } .parallaxImage .testimonies { color: #fff; } .parallaxImage .testimonies .icon-demo { color: #fff; } .parallaxImage .testimonies .setbordertop { border-color: #fff; } .parallaxImage .testimonies .setborderbot { border-color: #fff; } .groupgal .parallaxImage .randomImage { opacity: 1; } .bx-wrapper { position: relative;} .bx-wrapper .bx-pager { text-align: center; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #f01; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a.active { background: #333; } .groupbx { position: relative; width: 100%; } .groupbx .bxcontrol { position: absolute; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); /*z-index: 99999;*/ } .groupbx .bxcontrol.bxprev { left: 0; } .groupbx .bxcontrol.bxnext { right: 0; } .groupbx .bxcontrol a { float: left; padding: 15px 2px; transition: padding 0.2s; background: rgba(0,62,126,0.5); cursor: pointer; } .groupbx .bxcontrol a .icon-demo { color: #fff; font-size: 30px; padding: 0; margin: 0; } .groupbx .bxcontrol.bxprev:hover a { padding: 15px 4px 15px 0; transition: padding 0.2s; } .groupbx .bxcontrol.bxnext:hover a { padding: 15px 0 15px 4px; transition: padding 0.2s; } .groupbx .bxcontrol.galprev { left: 0; } .groupbx .bxcontrol.galnext { right: 0; } .groupbx .bxcontrol.galprev:hover a { padding: 15px 4px 15px 0; transition: padding 0.2s; } .groupbx .bxcontrol.galnext:hover a { padding: 15px 0 15px 4px; transition: padding 0.2s; } .groupbx.testgroup { width: auto; padding: 30px; } .groupbx.testgroup .elem { } .groupbx.testgroup .bxcontrol a { background: #fff; } .groupbx.testgroup .bxcontrol a .icon-demo { color: rgba(0,62,126,0.5); } .groupbx.testgroup .testslideshow { position: relative; overflow: hidden; } .groupbx.testgroup .testslideshow .elem { width: 100%; } a.twitter-share-button { background: #1b95e0; color: #fff; padding: 2px 5px 3px 5px; border-radius: 2px; font-size: 11px; margin: 0; margin: 0 5px; } a.twitter-share-button:hover { background: #0c7abf; } a.twitter-share-button a { color: #fff; } #getMorePost{ display: inline-block; background: #003E7E; padding: 10px 5px; text-align: center; margin: 10px auto; left: 40%; position: relative; width: 250px; color: white; text-transform: uppercase; } #lermais{ display: inline-block; text-decoration:none!important; font-size:12px; background: #003E7E; padding: 10px 5px; text-align: center; margin: 10px auto; left: 40%; position: relative; width: 150px; color: white; text-transform: uppercase; } .open-form { width: 95%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; } .open-submit { background-color: #1d3d63; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } .open-submit :hover { background-color: #75adef; } .open-li { list-style-type: none; padding-left:0px; }