#home{ top: -50px !important; } div.image-caption > div > div  h1, div.image-caption > div > div  h2, div.image-caption > div > div  p{ text-shadow: 0 0 5px #fff; } .label-saison{background: linear-gradient(rgba(154, 34, 34, 0.77),#EA1717) !important;box-shadow: 0 0 3px 2px #AF4242,inset 0 0 0 #fff;font-size: 1em;}.videoBG_wrapper{ width: 100% !important; } h2 { text-shadow: 0 0 5px #fff; } a, a:hover { transition: none !important; } .milestone { margin: 30px 10px 0 40px !important; } .banner-button{ display: inline-block; margin-top: 60px; letter-spacing: -0.1em; } .banner-button:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .banner-button .btn-left { width: 30px; height: 88px; background: url(../images/btn_left.png) no-repeat 0 0; float: left; } .banner-button .btn-center { height: 88px; background: url(../images/btn_center.png) repeat-x 0 0; font-family: inherit; font-size: 36px; padding: 16px 0; float: left; } .banner-button .btn-right { width: 30px; height: 88px; background: url(../images/btn_right.png) no-repeat 0 0; float: left; } .navbar-fixed-top { top: 93px; } .content-items, .content-equipements, .content-personnalisations { margin-right: 43%; } .title-equipements { background-color: #34637d; height: 60px; width: 100%; text-transform: uppercase; text-align: initial; } .title-items{ background-color: #716747; height: 60px; width: 100%; text-transform: uppercase; text-align: initial; } .title-personnalisations{ background-color: #803131; height: 60px; width: 100%; text-transform: uppercase; text-align: initial; } .title-warzone{ background-color: #201B19; height: 60px; width: 100%; text-transform: uppercase; text-align: initial; } .title-classements{ background-color: #323232; height: 60px; width: 100%; text-transform: uppercase; text-align: initial; } .title-items > .title { font-size: 32px; padding-top: -10px; color: #FFF; text-transform: uppercase; border-right: 1px solid #FFF; padding-right: 10px; margin-left: 22%; float: left; line-height: 60px; } .title-equipements > .title { font-size: 32px; padding-top: -10px; color: #FFF; text-transform: uppercase; border-right: 1px solid #8bd4ff; padding-right: 10px; margin-left: 22%; float: left; line-height: 60px; } .title-personnalisations > .title { font-size: 32px; padding-top: -10px; color: #FFF; text-transform: uppercase; border-right: 1px solid #FFF; padding-right: 10px; margin-left: 22%; float: left; line-height: 60px; } .title-warzone > .title { font-size: 32px; padding-top: -10px; color: #FFF; text-transform: uppercase; border-right: 1px solid #E1CEDE; padding-right: 10px; margin-left: 22%; float: left; line-height: 60px; } .title-classements > .title{ font-size: 32px; padding-top: -10px; color: #FFF; text-transform: uppercase; border-right: 1px solid #E1CEDE; padding-right: 10px; margin-left: 22%; float: left; line-height: 60px; } .title-items .subtitle { padding: 10px; font-size: 13px; width: 600px; word-wrap: break-word; overflow: hidden; height: 55px; margin-left: 5px; color: #FFF; display: inline-block; } .title-equipements .subtitle { padding: 10px; font-size: 13px; width: 600px; word-wrap: break-word; overflow: hidden; height: 55px; margin-left: 5px; color: #8dd4ff; display: inline-block; } .title-personnalisations .subtitle { padding: 10px; font-size: 13px; width: 600px; word-wrap: break-word; overflow: hidden; height: 55px; margin-left: 5px; color: #FFF; display: inline-block; } .title-warzone .subtitle { padding: 10px; font-size: 13px; width: 600px; word-wrap: break-word; overflow: hidden; height: 55px; margin-left: 5px; color: #E1CEDE; display: inline-block; } .title-classements .subtitle { padding: 10px; font-size: 13px; width: 600px; word-wrap: break-word; overflow: hidden; height: 55px; margin-left: 5px; color: #E1CEDE; display: inline-block; } .sprite { background: url('../images/sprite_icon.png') no-repeat center center; } .items { height: 420px; width: 100%; background: url('../images/bg-sceptre.jpg') no-repeat center center; -webkit-background-size: cover; background-size: cover; } .equipements { height: 440px; width: 100%; background: url('../images/bg-emeraude.jpg') no-repeat center center; -webkit-background-size: cover; background-size: cover; } .personnalisations { height: 440px; width: 100%; background: url('../images/bg-deguisement.jpg') no-repeat center center; -webkit-background-size: cover; background-size: cover; } .warzone { height: 580px; width: 100%; background: url('../images/bg-castle.jpg') no-repeat center center; -webkit-background-size: cover; background-size: cover; } .tiles { list-style: none; margin-left: 60px; padding: 25px; margin-top: 75px; } .join-us { height: auto; padding: 40px 0; width: 100%; color: #FFF; text-transform: uppercase; background-color: #333; } .tiles > li{ display: inline-block; width: 64px; height: 64px; -webkit-background-size: auto; background-size: auto; display: inline-block; border: 1px solid #000; box-shadow: 0 0 0 1px #000,0 0 0 2px #2f353c; cursor: pointer; } .tiles > li:hover, .tiles > .active{ box-shadow: 0 0 0 1px #000,0 0 0 3px #82888E; -webkit-filter: brightness(1.5s); } li.emeraude { background-position: -227px -5px; background-color: none; } li.emeraude:hover, li.emeraude.active{ background-position: -153px -5px; background-color: rgba(31, 35, 33, 0.4); } li.rubis { background-position: -5px -227px; background-color: none; } li.rubis:hover, li.rubis.active{ background-position: -301px -153px; background-color: rgba(31, 35, 33, 0.4); } li.saphir { background-position: -153px -227px; background-color: none; } li.saphir:hover, li.saphir.active{ background-position: -79px -227px; background-color: rgba(31, 35, 33, 0.4); } li.onyx { background-position: -301px -79px; background-color: none; } li.onyx:hover, li.onyx.active{ background-position: -227px -79px; background-color: rgba(31, 35, 33, 0.4); } li.onyxrenfo { background-position: -79px -153px; background-color: none; } li.onyxrenfo:hover, li.onyxrenfo.active{ background-position: -5px -153px; background-color: rgba(31, 35, 33, 0.4); } li.soin { background-position: -375px -5px; background-color: none; } li.soin:hover, li.soin.active{ background-position: -301px -301px; background-color: rgba(31, 35, 33, 0.4); } li.perception { background-position: -227px -153px; background-color: none; } li.perception:hover, li.perception.active{ background-position: -153px -153px; background-color: rgba(31, 35, 33, 0.4); } li.saumon { background-position: -301px -227px; background-color: none; } li.saumon:hover, li.saumon.active{ background-position: -227px -227px; background-color: rgba(31, 35, 33, 0.4); } li.secubase { background-position: -79px -301px; background-color: none; } li.secubase:hover, li.secubase.active{ background-position: -5px -301px; background-color: rgba(31, 35, 33, 0.4); } li.obsifence { background-position: -153px -79px; background-color: none; } li.obsifence:hover, li.obsifence.active{ background-position: -79px -79px; background-color: rgba(31, 35, 33, 0.4); } li.deguisement { background-position: -226px -301px; background-color: none; } li.deguisement:hover, li.deguisement.active{ background-position: -152px -301px; background-color: rgba(31, 35, 33, 0.4); } li.armureCustom { background-position: -80px -7px; background-color: none; } li.armureCustom:hover, li.armureCustom.active{ background-position: -6px -7px; background-color: rgba(31, 35, 33, 0.4); } li.blockCustom { background-position: -6px -79px; background-color: none; } li.blockCustom:hover, li.blockCustom.active{ background-position: -302px -5px; background-color: rgba(31, 35, 33, 0.4); } blockCustom .content-item, .content-equipement, .content-personnalisation { margin-left: 90px; } .content-item > h2, .content-equipement > h2, .content-personnalisation > h2 { text-shadow: 0 0 5px #fff; color: #FFF; margin-bottom: 5px; text-transform: uppercase; } .content-item > .item-qualif, .content-equipement > .equipement-qualif, .content-personnalisation > .personnalisation-qualif { margin-top: 0; color: #8dd4ff; text-transform: uppercase; } .content-item > .item-description, .content-equipement > .equipement-description, .content-personnalisation > .personnalisation-description { color: #FFF; } .factions-title { margin-bottom: 10px; display: inline-block; text-shadow: 0 0 5px #fff; } .factions-img-castle { display: inline-block; width: 35px; height: 35px; margin-bottom: 7px; margin-right: 5px; } .factions-subtitle { display: inline-block; color: #D4C2A6; margin-left: 5px; } .factions-sublist { text-align: initial; margin-left: 18%; margin-bottom: 10px; } @media (max-width: 1200px) { .navbar-right { padding-top: 3px; height: 100%; font-size: 13px; } .title-items > .title, .title-equipements > .title, .title-personnalisations > .title, .title-warzone > .title, .title-classements > .title{ margin-left: 10% !important; } .title-items > .subtitle, .title-equipements > .subtitle, .title-personnalisations > .subtitle, .title-warzone > .subtitle, .title-classements > .subtitle{ font-size: 12px; } #about { width: 100%; } } @media screen and (max-width: 1000px) { #about > article > figure > img { margin: 0 auto; } .content-items, .content-equipements, .content-personnalisations, .content-warzone, .content-classements{ left: 15%; margin-right: 30%; } .title-items > .title, .title-equipements > .title, .title-personnalisations > .title, .title-warzone > .title, .title-classements > .title { margin-left: 5% !important; font-size: 22px !important; } .factions-sublist { position: relative; text-align: center; width: 100%; display: block; margin: 0 auto; margin-bottom: 10px; } .factions-subtitle { margin-bottom: 20px; } .tiles { margin-top: 10%; } .boxe { background: none !important; width: 250px !important; } .boxe > .boxe-text > h2 { font-size: 22px !important; } .boxe > div.boxe-text > p { display: none; } .col-xs-7 > div > h3, .col-xs-5 > div > h3 { font-size: 23px; } .boxe-icon { background: none !important; border-radius: 0 !important; box-shadow: none !important; } } @media screen and (max-width: 870px) { .title-items > .title, .title-equipements > .title, .title-personnalisations > .title, .title-warzone > .title, .title-classements > .title{ margin-left: 1% !important; font-size: 20px !important; } .title-items > .subtitle, .title-equipements > .subtitle, .title-personnalisations > .subtitle, .title-warzone > .subtitle, .title-classements > .subtitle{ font-size: 10.5px; } .tiles { margin-top: 15%; } } @media screen and (max-width: 800px) { .content-items, .content-equipements, .content-personnalisations, .content-warzone, .content-classements { left: 2%; margin-left: -50px; } .title-items > .subtitle, .title-equipements > .subtitle, .title-personnalisations > .subtitle, .title-warzone > .subtitle, .title-classements > .subtitle{ left: 15%; } .dropcap { margin: 0 15px; } } @media screen and (max-width: 775px) { #equipements, #personnalisation, .title-items, #classements, #warzone { height: 63px; } #classements > div > div { font-size: 9px; } .col-xs-5.text-left > div > h3, .col-xs-7.text-left > div > h3{ font-size: 18px; } .title-items > .title, .title-equipements > .title, .title-personnalisations > .title, .title-classements > .title, .title-warzone > .title{ font-size: 22px !important; margin-right: 5px !important; font-size: 18px !important; line-height: 63px !important; } .title-items > .subtitle, .title-equipements > .subtitle, .title-personnalisations > .subtitle, .title-classements > .subtitle, .title-warzone > .subtitle{ font-size: 10.5px; overflow: initial; display: initial; margin: 0; padding: 0; }  .boxe { background: none !important; width: 160px !important; } .btn-classement { margin-bottom: 10px !important; } } @media screen and (max-width: 550px) { .banner-button{ margin-top: 0; margin-bottom: 10px; } .title-items > .title, .title-equipements > .title, .title-personnalisations > .title, .title-warzone > .title, .title-warzone > .title, .title-classements > .title{ margin-left: 1% !important; font-size: 13px !important; } .content-items, .content-equipements, .content-personnalisations, .content-warzone, .content-classements{ margin-right: 0; } .col-xs-4 { padding-left: 0; margin-left: -13px; } .boxe > .boxe-text > h2{ font-size: 20px !important; } .boxe-text h3 { font-size: 16px; } .title-items > .subtitle, .title-equipements > .subtitle, .title-personnalisations > .subtitle, .title-warzone > .subtitle, .title-classements > .subtitle{ font-size: 9px; } .banner-button .btn-center { font-size: 25px; padding: 24px 0; } #home.homeTop .simple { padding-top: 30% !important; } #videoBg > div.videoBG > video { top: -25px !important; height: 700px !important; } .col-xs-6 > div > h3 { font-size: 19px; } .content-item, .content-equipement, .content-personnalisation { margin-left: 45px; } .col-xs-5.text-left > div > h3, .col-xs-7.text-left > div > h3{ padding-left: 7px; font-size: 10px; } .col-xs-7.text-left, .col-xs-5.text-left{ padding: 0; } .col-xs-7.text-left{ padding-right: 2px; } .col-xs-7.text-left > div > div > table, .col-xs-5.text-left > div > div > table{ font-size: 10px; } .col-xs-7.text-left > div > div > table{ margin-left: 15px; } .join-us { padding: 30px 0; } .btn-classement{ font-size: 16px !important; } } @media screen and (max-width: 350px) { .title-items > .title, .title-equipements > .title, .title-personnalisations .title, .title-classements > .title, .title-warzone .title{ font-size: 11px !important; } } @media screen and (max-width: 1170px) { .navbar-fixed-top{ font-size: 14px; } } #preload1 { background: url('../images/bg-sceptre.jpg') no-repeat -9999px -9999px; } #preload2 { background: url('../images/bg-saumon.jpg') no-repeat -9999px -9999px; } #preload3 { background: url('../images/bg-perception.jpg') no-repeat -9999px -9999px; } #preload4 { background: url('../images/bg-emeraude.jpg') no-repeat -9999px -9999px; } #preload5 { background: url('../images/bg-rubis.jpg') no-repeat -9999px -9999px; } #preload6 { background: url('../images/bg-saphir.jpg') no-repeat -9999px -9999px; } #preload7 { background: url('../images/bg-onyx.jpg') no-repeat -9999px -9999px; } #preload8 { background: url('../images/bg-onyxRenfo.jpg') no-repeat -9999px -9999px; } #preload10 { background: url('../images/bg-secubase.jpg') no-repeat -9999px -9999px; } #preload11 { background: url('../images/bg-obsifence.jpg') no-repeat -9999px -9999px; } #preload12 { background: url('../images/bg-back.jpg') no-repeat -9999px -9999px; } #preload13 { background: url('../images/bg-rank.jpg') no-repeat -9999px -9999px; } #preload14 { background: url('../images/bg-activite.jpg') no-repeat -9999px -9999px; } #preload15 { background: url('../images/bg-chest.jpg') no-repeat -9999px -9999px; } #preload16 { background: url('../images/bg-war.jpg') no-repeat -9999px -9999px; } #preload17 { background: url('../images/bg-deguisement.jpg') no-repeat -9999px -9999px; } #preload18 { background: url('../images/bg-armureCustom.jpg') no-repeat -9999px -9999px; } #preload19 { background: url('../images/bg-blockCustom.jpg') no-repeat -9999px -9999px; } #preload20 { background: url('../images/bg-factions.jpg') no-repeat -9999px -9999px; }   .return-top{ position: fixed; z-index: 1500; right: 50px; bottom: 20px; display: inline-block; } .return-top a { font-family: 'Open Sans'; font-size: .3em; display: block; width: 50px; -webkit-transition: 1s; transition: 1s; text-align: center; text-decoration: none; text-transform: uppercase; opacity: .7; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4); } .return-top span { display: block; width: 50px; height: 50px; margin-bottom: 7px; -webkit-transition: 1s; transition: 1s; opacity: .8; border-radius: 5px; background: #72c02c url(../images/return-top.png) no-repeat center center; } .tooltip { font-family: 'Open Sans'; font-weight: 300; background: rgba(0,0,0,1); border-radius: 4px; font-size: 15px !important; color: #bdbcff !important; display: inline-block; padding: 5px 15px; position: absolute; white-space: nowrap; z-index: 99999; vertical-align: top; } .boxes-warzone { text-align: center; position: relative; z-index: 20; top: 340px; } .boxes-warzone-wrapper{ width: 103%; left: 0px; display: block; -webkit-transition: all 0ms ease; transition: all 0ms ease; } .boxe { width: 314px; display: inline-block; height: 250px; cursor: pointer; background:   url(../images/bg-boxes.png) no-repeat 0 0; } .boxe:hover, .boxe.active{ background:   url(../images/bg-boxes.png) no-repeat -312px 0; } .boxe:hover .boxe-icon, .boxe.active .boxe-icon{ opacity: 1; } .boxe-icon { width: 80px; height: 80px; border-radius: 50px; margin: 0 auto; opacity: 0.7; background: linear-gradient(120deg,#1F1919,#1D1917); -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; position: relative; top: -25px; } .boxe-text{ margin-top: -25px; } .boxe-text h2 { font-family: 'Open Sans'; font-size: 26px; line-height: 30px; margin: 0; color: #FFF; } .boxe-text h3{ font-family: 'Open Sans'; font-size: 18px; line-height: 30px; color: #8dd4ff; } .boxe-text p { font-size: 13px; margin: 10px 0; padding: 0 25px; color: #73768a } .buttons-classement { text-align: center; color: #fff; margin: auto; margin-bottom: 25px !important; margin-top: 15px !important; } .btn-classement { font-weight: 700; color: #fff !important; text-transform: uppercase; line-height: 1.2; background: #848484; background: linear-gradient(rgba(14, 59, 95, 0.77),#2E62CC); text-align: center; padding: .5em 1em; border: 2px solid #74A9FF; display: inline-block; margin: 0 8px; margin: 0 .5rem; font-size: 19px; box-shadow: 0 0 15px 5px rgba(14,70,102,.75); } .btn-classement:hover { box-shadow: 0 0 15px 5px #2251B3,inset 0 0 6px #fff; } .btn-classement:focus, .btn-classement:active { background: #848484; background: linear-gradient(rgba(14, 59, 95, 0.77),#2E62CC); } .btn-join { font-weight: 700; color: #fff !important; text-transform: uppercase; line-height: 1.2; background: #848484; background: linear-gradient(#FF6800,#FF7B00); text-align: center; padding: .5em 1em; border: 2px solid #ffb674; display: inline-block; margin: 5px; font-size: 23px; box-shadow: 0 0 15px 3px rgba(185, 101, 23, 0.41),inset 0 0 .75rem #fff; } .btn-join:hover { box-shadow: 0 0 15px 2px #CC680B,inset 0 0 .60rem #fff; } .btn-join:focus, .btn-join:active { background: #848484; background: linear-gradient(#f90,#f60); } .label-custom { background: linear-gradient(rgba(14, 59, 95, 0.77),#2E62CC) !important; box-shadow: 0 0 3px 2px #2251B3,inset 0 0 0 #fff; } .btn-dl { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; height: 53px; line-height: 30px; font-size: 16px; font-weight: bold; text-shadow: 0px 1px 1px #888; color: #FFF; margin-bottom: 10px; } .btn-dl span.icon, .btn-dl span.title { display: block; position: relative; line-height: 50px; padding: 0 15px !important; } .btn-dl span.left { float: left; } .btn-dl span.right { float: right; } .btn-dl span.icon { font-size: 23px; background-color: #14405D; -webkit-box-shadow: 0 3px 0 0 #69A0B3; box-shadow: 0 3px 0 0 #69A0B3; text-shadow: 0px 1px 1px #69A0B3; } .btn-dl span.title { -webkit-box-shadow: 0 3px 0 0 #00ae94; box-shadow: 0 3px 0 0 #69A0B3; background-color: #2A7FB8; } .btn-dl span.arrow-left, .btn-dl span.arrow-right { position: absolute; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; -webkit-transition: all .15s; -transition: all .15s; -webkit-transition-property: left, right; transition-property: left, right; } .btn-dl.left span.arrow-left { right: 0; -webkit-box-shadow: 10px 0 0 0 #00cdae, 10px 3px 0 0 #00ae94; box-shadow: 10px 0 0 0 #00cdae, 10px 3px 0 0 #00ae94; border-right: 10px solid #00cdae; } .btn-dl.right span.arrow-left { right: 0; -webkit-box-shadow: 10px 0 0 0 #00967f, 10px 3px 0 0 #007261; box-shadow: 10px 0 0 0 #00967f, 10px 3px 0 0 #007261; border-right: 10px solid #00967f; } .btn-dl.left span.arrow-right { left: 0; -webkit-box-shadow: -10px 0 0 0 #00967f, -10px 3px 0 0 #007261; box-shadow: -10px 0 0 0 #00967f, -10px 3px 0 0 #007261; border-left: 10px solid #00967f; } .btn-dl.right span.arrow-right { left: 0; -webkit-box-shadow: -10px 0 0 0 #00cdae, -10px 3px 0 0 #00ae94; box-shadow: -10px 0 0 0 #00cdae, -10px 3px 0 0 #00ae94; border-left: 10px solid #00cdae; } .btn-dl span.slant-left, .btn span.slant-right { position: absolute; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 50px solid transparent; -webkit-transition: all .15s; -transition: all .15s; -webkit-transition-property: left, right; transition-property: left, right; } .btn-dl.left span.slant-right { left: 0; -webkit-box-shadow: -10px 0 0 0 #00967f, -10px 3px 0 0 #007261; box-shadow: -10px 0 0 0 #00967f, -10px 3px 0 0 #007261; border-left: 10px solid #00967f; } .btn-dl.right span.slant-right { left: 0; -webkit-box-shadow: -10px 0 0 0 #00cdae, -10px 3px 0 0 #00ae94; box-shadow: -10px 0 0 0 #00cdae, -10px 3px 0 0 #00ae94; border-left: 10px solid #00cdae; } .btn-dl.left span.slant-left { right: 0; -webkit-box-shadow: 10px 0 0 0 #00cdae, 10px 3px 0 0 #00ae94; box-shadow: 10px 0 0 0 #00cdae, 10px 3px 0 0 #00ae94; border-right: 10px solid #00cdae; } .btn-dl.right span.slant-left { right: 0; -webkit-box-shadow: 10px 0 0 0 #00967f, 10px 3px 0 0 #007261; box-shadow: 10px 0 0 0 #00967f, 10px 3px 0 0 #007261; border-right: 10px solid #00967f; } .btn-dl:active, .btn-dl.active{ height: 51px; } .btn-dl:hover, .btn-dl:focus{ text-decoration: none; color: #FFF; } .btn-dl:hover span.arrow-left { right: 10px; } .btn-dl:hover span.arrow-right { left: 10px; } .btn-dl:hover span.slant-left { right: 10px; } .btn-dl:hover span.slant-right { left: 10px; } .divider { border-right: 1px solid #D6D8D7; } .breadcrumb-af { position: relative; min-height: 125px; max-height: 180px; text-align: center; background: url(../images/bg-breadcrumb-2.png) no-repeat scroll center center #333; margin-bottom: 10px; margin-top: 38px; } .breadcrumb-af-title { display: block; color: #FFF; font-size: 50px; margin-top: 35px; float: left; text-shadow: 0 0 4px #fff; } .breadcrumb-af-subtitle { color: #A9B7AF; font-size: 25px; display: block; margin-top: 10px; float: left; text-shadow: 0 0 1px #A9B7AF; } @media screen and (max-width: 760px) { .breadcrumb-af-subtitle { display: none; } } .breadcrumb-af-img { float: right; max-height: 180px; } .col-xs-6 > h1 { margin-bottom: 20px; } .pc-af { margin-top: 20px; width: 400px; } .af-input input.field{ padding: 10px; font-size: 1.1em; margin: 10px 0px; width: 95%; color: #666666; cursor: pointer; outline: none; font-weight: 600; margin-left: 3px; background: #FFFFFF; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; border-left: 6px solid #fff; border: 1px solid #ccc; } .af-input label { display: block; } .af-input .input-success { position: absolute; margin-left: -38px; z-index: 2; text-align: center; pointer-events: none; color: #3c763d; font-size: 26px; margin-top: 4px !important; } .af-input .input-error { position: absolute; margin-left: -38px; z-index: 2; text-align: center; pointer-events: none; color: #d9534f; font-size: 26px; margin-top: 4px !important; } div.g-recaptcha > div > div { width: initial !important; height: 90px !important; } .af-input input.field:nth-child(n+1){ margin-top: -1px; } .af-input input.field:hover,.af-input input.field:hover,.af-input input.field:hover,#active{ border-left: 6px solid #2A7FB8 !important; } ::-webkit-input-placeholder { color: #DCDCDC !important; } :-moz-placeholder { color: #DCDCDC !important; opacity:  1; } :-moz:hover::-placeholder { color: #DCDCDC !important; opacity:  1; } ::-moz:hover::-placeholder { color: #DCDCDC !important; opacity:  1; } :-ms-input-placeholder { color:#DCDCDC !important; } :-ms-input:hover::-placeholder { color:#DCDCDC !important; }