/* ANIMATION CSS CODE BEGIN */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} /* ANIMATION CSS CODE END */ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GENERAL CSS CODE BEGIN */ * { padding: 0px; margin: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-family: 'Roboto', sans-serif; font-size: 16px; color: #000; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 18px; color: #000; } img { border: 0px; display: block; } a, input, button { outline: none !important; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; } a { text-decoration: none; color: #d70303; } a:hover, a:focus { color: #333; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* font-family: 'Open Sans', sans-serif; */ .animated { visibility: hidden; } .visible { visibility: visible; } /* wrapper */ #wrapper { width: 100%; float: left; overflow: hidden; } /* header wrapper */ #headerWrapper { padding: 20px 0; width: 100%; float: left; position: fixed; top: 0px; left: 0px; z-index: 99; background: rgba(0,0,0,0.7); } #headerWrapper .mobilemenubtn { display: none; } /* logo area */ .logoArea { padding: 1px 0 0 0; float: left; } .logoArea img { max-width: 100%; height: auto; } /* menu area */ .menuArea { float: right; } .menuArea ul { list-style: none; } .menuArea li { padding: 9px 0 0 45px; float: left; } .menuArea ul.user-menu li { padding: 9px 0 0 20px; float: left; } .menuArea li a { display: block; font-size: 16px; color: #e4e4e4; text-decoration: none; } .menuArea li a:hover, .menuArea li a.selected { color: #d60000; } .menuArea li.login, .menuArea ul.user-menu li.login { padding: 0 0 0 32px; } .menuArea li.login a { padding: 9px 15px; color: #fff; border-radius: 4px; background-image: url('/images/login_btn.png'); background-position: right top; background-repeat: no-repeat; } .menuArea li.login a:hover { color: #a80000; background-position: left top; } /* banner wrapper */ #bannerWrapper { width: 100%; float: left; } #bannerWrapper ul { list-style: none; } #bannerWrapper li { width: 100%; height: 683px; float: left; background-position: top center; background-repeat: no-repeat; background-size: cover; border-bottom: 5px solid #bd0000; } #bannerWrapper li.ma { height: auto; } #bannerWrapper li a.logo-ma { display: none; } #bannerWrapper li.ma a.logo-ma { display: block; margin-top: 65px; } #bannerWrapper li.ma a.logo-normal { display: none; } #bannerWrapper li.ma a.buy-btn { display: none; } #bannerWrapper li.ma .text p { display: none; } #bannerWrapper li .man-ma { display: none; } #bannerWrapper li.ma .man-ma { display: block; margin: 0 0 0 -140px; } #bannerWrapper li.ma .man-normal { display: none; } li.ma .overlay { z-index: 3; } /* banner area */ .bannerArea { padding: 33px 0 0 0; width: 100%; float: left; position: relative;} .bannerArea .chart { position: absolute; bottom: 0; left: 0; width: 100%; height: 276px; z-index: 3; text-align: center; background: url(/images/header_chart_big2.png) no-repeat bottom center; } .bannerArea .chart img { } .bannerArea .overlay { padding: 105px 0 0 0; font-size: 16px; line-height: 26px; color: #fff; z-index: 4; } /*.bannerArea .overlay figure { margin: 0 25px 0 -37px; float: left; position: relative; z-index: 3; }*/ .bannerArea .overlay figure { margin: -20px 25px 0 -57px; float: left; position: relative; z-index: 3; } .bannerArea .overlay h1 { margin: 33px 0 12px 0; font-family: 'Open Sans', sans-serif; font-size: 62px; font-weight: 700; text-transform: uppercase; text-shadow: 2px 2px 5px rgba(0,0,0,0.5); letter-spacing: 1px; line-height: 72px; } .bannerArea .overlay strong { font-weight: 500; } .bannerArea .overlay p { margin: 0 35px 29px 0; padding: 25px 0 5px 35px; position: relative; color: #E2E2E2; } .bannerArea .overlay p:after { content: ""; position: absolute; top: 10px; left: -120px; z-index: -1; width: 600px; height: 110px; -webkit-transform: skew(166deg); -moz-transform: skew(166deg); -o-transform: skew(166deg); background: #000; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bannerArea .overlay a.buy-btn { padding: 12px 20px; margin-left: 35px; display: inline-block; font-size: 24px; color: #fff; font-weight: 500; text-decoration: none; border-radius: 4px; background-image: url('/images/buy_btn2.png'); background-position: right top; } .bannerArea .overlay a.buy-btn span { margin-left: 17px; float: right; } .bannerArea .overlay a.buy-btn:hover { color: #d60000; background-position: left top; } .bannerArea .image figure { margin: 0 0 0 -205px; float: left; position: relative; z-index: 2; } .bannerArea .overlay .box { margin: 0; padding: 0; max-width: 330px;} .bannerArea .overlay .text { margin: 0 0 0 -45px; padding: 0;} .bannerArea .overlay .text img { display: inline-block; } /* user menu wrapper */ #userMenuWrapper { width: 100%; float: left; border-top: 1px solid #101616; } .user-menu { background-color: #171717; text-align: center; border-bottom: 1px solid #424448; border-top: 1px solid #424448; } .user-menu ul { list-style: none; margin: 0 auto; padding: 0; max-width: 1070px; width: 100%; display: table; } .user-menu li { padding: 0; margin: 0; display: table-cell; text-align: center; border-left: 1px solid #424448; } .user-menu li a { padding: 15px 5px; display: block; font-size: 16px; color: #e4e4e4; text-decoration: none;} .user-menu li:last-child { border-right: 1px solid #424448; } .user-menu li a:hover, .user-menu li a.selected { color: #d60000; } /* middle wrapper */ #middleWrapper { width: 100%; float: left; } /* remain area */ .remainArea { padding: 16px 0 16px 0; width: 100%; float: left; color: #fff; background: #d70303; } .remainArea h3 { margin-top: 17px; font-size: 24px; line-height: 36px; } .remainArea .clock { padding: 7px 14px; width: 97%; float: right; border-width: 1px; border-style: solid; border-color: #a30000 #de2d2d #de2d2d #a30000; box-shadow: 1px 1px 1px #a30000 inset; background: #ca0000; } .remainArea .clock ul { list-style: none; text-align: center; } .remainArea .clock li { width: 20.5%; float: left; } .remainArea .clock li.point { width: 6%; font-size: 78px; } .remainArea .clock li p { margin: 0 0 8px 0; } .remainArea .clock li span { width: 100%; float: left; } .remainArea .clock li cite { width: 49%; height: 67px; line-height: 64px; float: left; position: relative; font-size: 48px; font-style: normal; border: 1px solid #b10000; border-radius: 4px; background: url('/images/clock_bg.jpg') repeat; } .remainArea .clock li cite:last-child { float: right; } .remainArea .clock li cite:after { width: 100%; height: 1px; position: absolute; top: 50%; left: 0px; content: ""; background: #b10000; } .homePageCounter { padding: 20px 0 5px 0; background: #1A1A1A; } .homePageCounter h3 { text-align: center; } .remainArea .limited-offer {color: #fff; font-size: 60px; font-weight: bold;} .remainArea a.limited-offer-a {color: #fff; font-size: 24px; text-decoration: underline;} /* roboto area */ .robotoArea { padding: 27px 0 15px 0; background-color: #1a1a1a; width: 100%; float: left; position: relative; text-align: center; line-height: 24px; } .robotoArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -31px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .robotoArea h2 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; } .robotoArea a { margin-bottom: 9px; display: block; font-size: 18px; color: #d70303; font-weight: 800; text-decoration: none; line-height: 14px; text-transform: uppercase; } .robotoArea p {color: #f4f4f4; font-size: 14px; line-height: 18px; } .robotoArea .round { margin: -10px auto 8px auto; width: 73px; height: 73px; display: block; /*border-radius: 50%; background: #1a1a1a;*/ } .robotoArea .round .under { width: 100%; height: 100%; display: table; } .robotoArea .round figure { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .robotoArea .round figure img { margin: 0px auto; } /* offer area */ .offerArea { padding: 25px 0 81px 0; width: 100%; float: left; background-color: #DBDBDB; /*background: url('/images/features_bg.jpg') repeat;*/ } .offerArea h2 { margin-bottom: 99px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .offerArea h1 { margin-bottom: 69px; font-family: 'Open Sans', sans-serif; font-size: 40px; color: #dd0a0a; font-weight: 700; text-align: center; } .offerArea .offer { padding-right: 28px; } .offerArea .offer:nth-child(2n) { padding: 0 22px; } .offerArea .offer:last-child { padding: 0 15px 0 28px; } .offerArea .offer:hover .sub, .offerArea .offer.active .sub { background: #333; } .offerArea .offer .sub { width: 100%; float: left; border-radius: 4px; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #333; } .offerArea .offer .top { width: 100%; min-height: 133px; float: left; position: relative; } .offerArea .offer .top .free { position: absolute; top: 37px; right: -17px; font-size: 40px; color: #fff; font-weight: 800; text-shadow: -1px 1px 3px #000; text-transform: uppercase; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .offerArea .offer .top .new { width: 126px; height: 90px; position: absolute; top: 0px; left: 0px; overflow: hidden; } .offerArea .offer .top .new cite { padding: 5px 0; width: 100%; position: absolute; top: 11px; left: -36px; font-size: 18px; color: #d60000; font-weight: 800; font-style: normal; text-align: center; text-transform: uppercase; line-height: 26px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: 0 1px 4px -1px #000; background: #fff; } .offerArea .offer .top .round { margin: -57px auto 0px auto; width: 160px; height: 160px; position: relative; display: block; border-radius: 50%; box-shadow: -1px 0 2px 0 rgba(0,0,0,0.3); z-index: 1; background: #fff; } #bonuses h2 { font-size: 34px; } #bonuses .offer .top { min-height: 180px; } #bonuses .offer .top .round { margin: -57px auto 0px auto; width: 220px; height: 220px; } #bonuses .offer:nth-child(2) .top .round { margin: -57px 0 0 80px; } #bonuses .offer:nth-child(3) .top .round { margin: -57px 0 0 80px; } #bonuses .offer .middle p { font-size: 22px; color: #333333; font-weight: 400; text-align: center; } #bonuses .offer .middle p .b { font-size: 32px; font-weight: 700; } #bonuses .offer .top .round img { max-width: 80%; } .offerArea .offer .top .round .under { width: 100%; height: 100%; display: table; } .offerArea .offer .top .round figure { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .offerArea .offer .top .round figure img { margin: 0px auto; } .offerArea .offer .middle { padding: 13px 20px 2px 23px; width: 100%; float: left; font-size: 20px; color: #2a2a2a; line-height: 30px; background: #fff; min-height: 93px; } .offerArea .offer .middle p strong { font-size: 24px; color: #2a2929; font-weight: 700; } .offerArea .offer .middle figure { margin: 2px 0 0 10px; float: right; } .offerArea .offer .bottom { padding: 21px 25px 10px 25px; width: 100%; float: left; font-size: 18px; color: #f5f5f5; text-align: center; line-height: 26px; } .offerArea .offer .bottom span { font-weight: 500; } .offerArea .offer .bottom strong { font-weight: 800; } .offerArea .offer .learn { padding: 20px 0; width: 100%; float: left; text-align: center; box-shadow: 0 45px 23px -27px rgba(0,0,0,0.8); border-radius: 0 0 3px 3px; background: #dadada; } .offerArea .offer .learn a { display: inline-block; font-size: 18px; color: #333; font-weight: 500; text-decoration: none; text-transform: uppercase; } .offerArea .offer .learn a i { margin-left: 5px; font-size: 22px; color: #a1a1a1; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; } .offerArea .offer .learn a:hover, .offerArea .offer .learn a:hover i { color: #c80000; } .offerArea .now { padding: 51px 0 0 0; width: 100%; float: left; } .offerArea .now .get { font-size: 24px; color: #333; text-align: center; line-height: 30px; } .offerArea .now .get p { margin-bottom: 25px; margin-top: 35px; font-family: 'Open Sans', sans-serif; font-weight: 600; } .offerArea .now .get p span { color: #c80000; } .offerArea .now .get a { width: 677px; max-width: 100%; padding: 18px 25px; float: left; font-size: 33px; color: #fff; font-weight: 700; text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2); border-radius: 4px; background-image: url('/images/now_btn.png'); background-position: right top; } .offerArea .now .get a span { padding-left: 4px; margin-right: 24px; width: 50px; height: 50px; display: inline-block; font-size: 24px; text-align: center; line-height: 50px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .offerArea .now .get a:hover { background-position: left top; } .offerArea .now .get a:hover span { border-color: #585151; background: #000; } .offerArea .now .boxSatis { margin: 90px 0 0 0; } .offerArea .now .boxSatis .satis { padding: 11px 0; margin: 30px auto 0 auto; width: 64%; position: relative; background: #282828; } .offerArea .now .boxSatis .satis .border { position: absolute; top: 0px; right: 0px; border-width: 45px 18px 45px 0px; border-style: solid; border-color: transparent #dbdbdb transparent transparent; z-index: 2; } .offerArea .now .boxSatis .satis figure { position: absolute; top: -26px; left: -117px; z-index: 1; } .offerArea .now .boxSatis .satis:before { width: 100%; height: 2px; position: absolute; top: 8px; left: 0px; content: ""; background: #948141; } .offerArea .now .boxSatis .satis:after { width: 100%; height: 2px; position: absolute; bottom: 8px; left: 0px; content: ""; background: #948141; } .offerArea .now .boxSatis .satis h4 { font-family: 'archivo_narrowbold'; font-size: 24px; color: #fff; text-align: center; text-transform: uppercase; line-height: 24px; } /* wallstreet area */ .wallstreetArea { padding: 23px 0 74px 0; width: 100%; float: left; position: relative; text-align: center; line-height: 24px; color: #fff; z-index: 1; background: #000; } /*.wallstreetArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.25; z-index: -1; background: url('/images/walls_bg2.jpg') no-repeat top center; background-size: cover; }*/ .wallstreetArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.25; z-index: -1; background: url('/images/walls_bg2.webp') no-repeat top center; background-size: cover; } .wallstreetArea h2 { font-family: 'Open Sans', sans-serif; font-size: 40px; color: #e80000; font-weight: 700; line-height: normal; } .wallstreetArea p strong { font-weight: 500; } /* graph area */ .graphArea { padding: 53px 0 57px 0; width: 100%; float: left; position: relative; z-index: 2; } .graphArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .graphArea .real { padding-right: 60px; } .graphArea .real:last-child { padding: 0 15px 0 60px; } .graphArea .graph { padding: 23px 35px 13px 35px; width: 100%; float: left; font-size: 30px; color: #333; text-align: center; line-height: 36px; } .graphArea .graph p { margin-bottom: 10px; } .graphArea .graph p span { font-weight: 500; color: #c80000; } .graphArea .graph p strong { font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 600; } .graphArea .graph p.fully-verified { font-weight: 500; } .graphArea .graph .account { width: 100%; float: left; } .graphArea .graph .account figure { margin: 0px auto; width: 94%; display: block; position: relative; border-width: 18px 12px 14px 12px; border-color: #31313b #181a26 #181a26 #31313b; border-style: solid; border-radius: 14px 14px 0 0; } /*.graphArea .graph .account figure:after { margin-left: -5px; width: 6px; height: 6px; position: absolute; top: -12px; left: 50%; content: ""; border-radius: 50%; background: #fff; }*/ /*.graphArea .graph .account figure a.real:after { padding: 0; margin: 0; position: absolute; bottom: 25px; right: 25px; content: ""; width: 186px; height: 151px; background: url(/images/myfxbook_stamp_2.png) no-repeat center center; }*/ .graphArea .graph .account figure a.real:after { padding: 0; margin: 0; position: absolute; bottom: 25px; right: 25px; content: ""; width: 186px; height: 151px; background: url(/images/myfxbook_stamp_2.webp) no-repeat center center; } .graphArea .graph .account img { margin: 0px auto; max-width: 100%; height: auto; } .graphArea .graph .account .border { width: 100%; height: 24px; float: left; border-radius: 5px; background: #e7e7e7; } .graphArea .graph .account figure a:before { padding: 0; margin: 0; position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: url(/images/search_icon.png) no-repeat center center; } .graphArea .graph .account figure a:hover:before { transform: scale(1.2, 1.2); } /* benefits area */ .benefitsArea { padding: 21px 0 23px 0; width: 100%; float: left; position: relative; background-color: #D5D5D5; /*background: url('/images/benefits_bg.jpg') repeat;*/ } .benefitsArea h2 { margin-bottom: 43px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .benefitsArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; z-index: 2; background: url('/images/down5_dotted.png') no-repeat top center; } .benefitsArea .benefits { padding-right: 0px; font-size: 18px; color: #333; line-height: 24px; text-align: center; } .benefitsArea .benefits .col { padding: 0 8px 25px 8px; } .benefitsArea .benefits figure { margin: 3px 0 10px 0; display: inline-block; } .benefitsArea .imgae figure { border-radius: 5px; overflow: hidden; } .benefitsArea .imgae img { max-width: 100%; height: auto; } /* systems area */ .systemsArea { padding: 65px 0 100px 0; width: 100%; float: right; background: url('/images/systems_bg4.jpg') no-repeat right bottom; ; } .systemsArea h2 { font-family: 'Open Sans', sans-serif; font-size: 32px; color: #333; font-weight: 600; text-align: center; padding-bottom:25px; } .systemsArea h2 span { color: #C80000; } .systemsArea ul { list-style-type: none; margin: 22px 0 0 0; padding: 0; background-color: #D5D5D5; border: 1px solid #d6d8d3; } .systemsArea li { position: relative; z-index: 2; } .systemsArea li.border { border-bottom: 1px solid #fff; } .systemsArea li a { position: relative; display: block; color: #2e2e2e; padding: 0 0 0 36px; line-height: 60px; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 19px } .systemsArea li a:hover, .systemsArea li.active a { background-color: #c80000; color: #fff; } .systemsArea li a:hover:after, .systemsArea li.active a:after { padding: 0; position: absolute; margin-right: -10px; top: 20px; right: 0; content: ""; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 10px solid #c80000; } .systemsArea li a i { font-size: 28px; position: absolute; left: 15px; top: 17px; } .systemsArea .built { margin: 0; padding: 0; } .systemsArea .built h3 { font-size: 24px; color: #333; border-bottom: 2px solid #e5e5e5; padding-bottom: 10px; font-weight: 500; font-family: 'Roboto', sans-serif; } .systemsArea .built p { color: #525252; font-weight: 400; font-family: 'Open Sans', sans-serif; line-height: 24px;} .systemsArea span.system-text { padding-left: 18px; display: inline-block; vertical-align: middle; min-height: 38px; } .systemsArea .size-33px { font-size: 33px; } /* guarante area */ .guaranteArea { width: 100%; float: left; position: relative; z-index: 1; background-color: #000; /*background: url('/images/guarante_bg.jpg') repeat;*/ } .guaranteArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/guaranteerea_background.jpg') repeat top center; background-size: cover; } .guaranteArea .money { padding-top: 22px; padding-left: 3px; } .guaranteArea .money figure { margin-left: -80px; } .guaranteArea .money span { position: absolute; top: 0px; right: 18px; } .guaranteArea .money span cite { margin: 0px auto; width: 2px; height: 58px; display: block; position: relative; background: #fff; } .guaranteArea .money span cite:after { width: 5px; height: 5px; position: absolute; bottom: -2px; left: -1px; content: ""; border-radius: 50%; background: #000; } .guaranteArea .money span img { margin-top: -13px; } .guaranteArea .guarante { padding-left: 0px; padding-top: 21px; } .guaranteArea .guarante h3 { margin-bottom: 45px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #fff; font-weight: 700; } .guaranteArea .guarante .back { padding: 0 0 20px 0; width: 100%; float: left; font-size: 16px; color: #bbb; line-height: 24px; } .guaranteArea .guarante .round { margin: 0 20px 0 0; width: 69px; height: 69px; float: left; border: 1px solid #bbb; border-radius: 50%; } .guaranteArea .guarante .round .under { width: 100%; height: 100%; display: table; } .guaranteArea .guarante .round figure { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .guaranteArea .guarante .round figure img { margin: 0px auto; } .guaranteArea .guarante h5 { margin-top: 0px; display: flex; font-size: 20px; color: #cacaca; font-weight: 500; line-height: normal; } .guaranteArea .guarante p { display: flex; } .guaranteArea .guarante a { width: 510px; max-width: 100%; padding: 17px 24px; margin-top: 5px; float: left; font-size: 36px; color: #fff; font-weight: 700; text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2); border-radius: 4px; background-image: url('/images/guarantee_get_btn.png'); background-position: right top; } .guaranteArea .guarante a span { padding-left: 4px; margin-right: 18px; width: 50px; height: 50px; float: left; font-size: 24px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .guaranteArea .guarante a:hover { color: #D71313; background-position: left top; } /* performance area */ .performanceArea { width: 100%; float: left; text-align: center; color: #333; } .performanceArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 600; } .performanceArea h4 { clear: both; font-size: 20px; } .performanceArea .performance { padding: 11px 0 36px 0; width: 100%; float: left; border-bottom: 1px solid #d9d9d9; } .performanceArea .performance:last-child { border-bottom: none; } .performanceArea .performance figure { margin: 20px 0 13px 0; width: 99%; float: left; border: 1px solid #dbdbdb; border-radius: 5px; box-shadow: 0 8px 3px -4px rgba(0,0,0,0.14); background: #f5f5f5; } .performanceArea .performance figure img { margin: 0px auto; max-width: 100%; } .performanceArea .performance figure a { position: relative; display: block; padding: 26px 0; } .performanceArea .performance figure a:before { padding: 0; margin: 0; position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: url(/images/search_icon.png) no-repeat center center; } .performanceArea .performance figure a:hover:before { transform: scale(1.2, 1.2); } .performanceArea .performance figure a:after { padding: 0; margin: 0; position: absolute; bottom: 70px; right: 15px; content: ""; width: 160px; height: 85px; background: url(/images/myfxbook_stamp.png) no-repeat center center; } /* features area */ .featuresArea { padding: 43px 0 0 0; width: 100%; float: left; background-color: #DBDBDB; background: url('/images/top_features_bg.jpg') repeat; } .featuresArea h2 { margin-bottom: 36px; font-family: 'Open Sans', sans-serif; font-size: 46px; color: #333; font-weight: 600; text-align: center; } .featuresArea .features { padding: 32px 0 28px 0; width: 100%; float: left; position: relative; background: url('/images/features_bg2.jpg') no-repeat top center; background-size: cover; } /*.featuresArea .features:after { margin-left: -22px; position: absolute; top: 0px; left: 50%; content: ""; border-width: 15px 19px 0px 19px; border-color: #ececed transparent transparent transparent; border-style: solid; }*/ .featuresArea .features .right { padding-left: 40px; } .featuresArea .features ul { list-style: none; } .featuresArea .features li { padding: 0 0 33px 0; display: flex; font-size: 20px; color: #cacaca; line-height: 32px; } .featuresArea .features .right li { color: #fff; } .featuresArea .features li figure { margin: 0 15px 0 0; width: 46px; height: 42px; float: left; display: table; } .featuresArea .features li figure span { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .featuresArea .features li figure img { margin: 0px auto; } /* forex area */ .forexArea { padding: 37px 0 55px 0; width: 100%; float: left; position: relative; background-color: #F0F0F0; /*background: url('/images/benefits_bg.jpg') repeat;*/ } .forexArea h2 { margin-bottom: 31px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; line-height: 43px; } .forexArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; z-index: 2; background: url('/images/down2_dotted.png') no-repeat top center; } .forexArea .forex { width: 100%; float: left; position: relative; border-radius: 5px; overflow: hidden; background: #000; } .forexArea .forex img { max-width: 100%; height: auto; opacity: 0.5; } .forexArea .forex figure { padding: 42px 0 0 0; width: 100%; display: block; position: absolute; top: 0px; left: 0px; } .forexArea .forex figure img { margin: 0px auto; opacity: 1; } /* rock area */ .rockArea { padding: 8px 0 32px 0; width: 100%; float: left; position: relative; font-size: 20px; color: #fff; font-weight: 500; text-align: center; line-height: 30px; z-index: 1; background: #d60000; } .rockArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('/images/down7_dotted.png') no-repeat top center; } /*.rockArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/rock_bg.jpg') no-repeat top center; background-size: cover; }*/ .rockArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/rock_bg.webp') no-repeat top center; background-size: cover; } .rockArea h3 { margin-bottom: 21px; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 600; line-height: 42px; } /* rock area */ .specialOfferArea { padding: 60px 0 60px 0; width: 100%; float: left; position: relative; text-align: center; line-height: 30px; z-index: 1; background: #727272; } .specialOfferArea img { margin: 0 auto; max-width: 100%; } .specialOfferArea .one-time-offer {color: #fff; font-size: 28px; text-align: center;} .specialOfferArea a { line-height: 50px; max-width: 100%; padding: 22px 15px 20px 15px; margin-top: 5px; margin-left: 30px; margin-right: 30px; font-size: 30px; color: #fff; font-weight: 700; text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2); background-image: url('/images/guarantee_get_btn.png'); background-position: right top; background-repeat: no-repeat; -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 8px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 5px;} .specialOfferArea a span { padding-left: 4px; margin-right: 18px; width: 50px; height: 50px; font-size: 24px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } /* customers area */ .customersArea { padding: 10px 0 54px 0; width: 100%; float: left; position: relative; font-size: 18px; color: #bababa; text-align: center; line-height: 30px; z-index: 1; background: #1d1d1d; } .customersArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.1; z-index: -1; background: url('/images/testimonials_bg1.jpg') repeat top center; } .customersArea h3 { margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 38px; color: #fff; font-weight: 700; text-align: center; line-height: normal; } .customersArea p { margin-bottom: 30px; } .customersArea .customers { padding: 0 95px; width: 100%; float: left; position: relative; } .customersArea .customers ul, .customersArea .customers ol { margin: 0px; list-style: none; } .customersArea .customers .flex-direction-nav li a { width: 47px; height: 47px; position: absolute; top: 47%; font-size: 0px; text-decoration: none; background-image: url('/images/prev_next.png'); background-position: top left; background-repeat: no-repeat; } .customersArea .customers .flex-direction-nav li a.flex-prev { left: 0px; } .customersArea .customers .flex-direction-nav li a.flex-next { right: 0px; background-position: top right; } .customersArea .customers .flex-control-nav li { margin: 0 6px; display: inline-block; } .customersArea .customers .flex-control-nav li a { width: 13px; height: 13px; display: block; font-size: 0px; text-decoration: none; border-radius: 50%; cursor: pointer; background: #4c4c4c; } .customersArea .customers .flex-control-nav li a:hover, .customersArea .customers .flex-control-nav li a.flex-active { background: #c9c9c9; } /* exactly area */ .exactlyArea { padding: 31px 0 78px 0; width: 100%; float: left; position: relative; z-index: 1; } .exactlyArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .exactlyArea h3 { margin-bottom: 42px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .exactlyArea .exactly { padding: 0 0 15px 0; width: 100%; float: left; } .exactlyArea .exactly .wall { padding: 4px 0 0 46px; } .exactlyArea .exactly ul { list-style: none; } .exactlyArea .exactly li { margin: 0 0 12px 0; padding-left: 30px; font-size: 16px; color: #333; line-height: 24px; background: url('/images/datebase.png') no-repeat 0px 5px; } /*.exactlyArea .exactly li:before { margin: 5px 15px 0 0; width: 13px; height: 16px; float: left; content: ""; background: url('/images/datebase.png') no-repeat top center; }*/ /* historical area */ .historicalArea { padding: 33px 0 0 0; width: 100%; float: left; position: relative; background-color: #e9eaeb; /*background: url('/images/benefits_bg.jpg') repeat;*/ } .historicalArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; z-index: 2; background: url('/images/down6_dotted.png') no-repeat top center; } .historicalArea h2 { margin-bottom: 22px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; line-height: 40px; } .historicalArea .test { padding-bottom: 35px; width: 100%; float: left; text-align: center; font-size: 18px; color: #333; line-height: 28px; } .historicalArea .test p { font-weight: 500; } .historicalArea .test p strong { font-weight: 500; } .historicalArea .test h3 { margin-bottom: 30px; font-size: 30px; font-weight: 500; line-height: 43px; } .historicalArea .test h3 strong { display: block; font-family: 'Open Sans', sans-serif; font-size: 40px; color: #c80000; font-weight: 700; } .historicalArea .test ul { margin-bottom: 45px; width: 100%; float: left; list-style: none; } .historicalArea .test li { width: 25%; float: left; } .historicalArea .test li a { display: block; color: #333; font-weight: 700; text-decoration: none; } .historicalArea .test li a cite { padding-bottom: 23px; display: block; font-style: normal; } .historicalArea .test li a span { width: 100%; height: 2px; float: left; position: relative; background: #333; } .historicalArea .test li a span.first { width: 50%; margin-left: 50%; } .historicalArea .test li a span.first:before { left: 0; } .historicalArea .test li a span.last { width: 50%; } .historicalArea .test li a span.last:before { left: 100%; } .historicalArea .test li a span:before { margin-left: -8px; width: 22px; height: 22px; position: absolute; top: -10px; left: 50%; content: ""; border-radius: 50%; border: 2px solid #333; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #fff; } .historicalArea .test li a:hover span:before, .historicalArea .test li.active a span:before { border: 2px solid #333; background: #c80000; } .historicalArea .test figure { padding: 16px 0 19px 0; width: 100%; float: left; } .historicalArea .test figure img { margin: 0px auto; } .historicalArea .fullback-background { padding: 0 0 30px 0; background: #6e6e6e; } .historicalArea .fullback { padding: 18px 0 0 0; width: 100%; float: left; } .historicalArea .fullback h2 { margin-bottom: 42px; color: #ffffff; text-align: center; } .historicalArea .fullback .full { margin: 15px 0; } .historicalArea .fullback .full .sub { width: 100%; float: left; border: 1px solid #dadada; border-radius: 5px; box-shadow: 0 8px 3px -2px rgba(0,0,0,0.1); background: #fff; } .historicalArea .fullback .full .per { padding: 11px 0; width: 100%; float: left; font-size: 18px; color: #333; font-weight: 500; text-align: center; line-height: 26px; background: #dadada; } .historicalArea .fullback .full .per span { display: block; } .historicalArea .fullback .full .image { padding: 12px 10px 0 20px; width: 100%; float: left; text-align: center; } .historicalArea .fullback .full .image img {max-width: 100%;} .historicalArea .fullback .full .text { padding: 24px 24px 19px 24px; width: 100%; float: left; } .historicalArea .fullback .full .text figure { margin: 0 30px 0 0; float: left; } .historicalArea .fullback .full .text h4 { margin-top: 0px; font-size: 28px; color: #333; font-weight: 700; text-transform: uppercase; } .historicalArea .fullback .full .text p { font-size: 14px; color: #323333; line-height: 18px; } .historicalArea .fullback .full .text a { padding: 9px 30px; display: inline-block; font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 4px; background-image: url('/images/click_btn.png'); background-position: right top; } .historicalArea .fullback .full .text a:hover { color: #fff; background-position: left top; } .historicalArea .fullback .view { margin: 48px auto -23px auto; width: 157px; height: 44px; display: block; font-size: 18px; color: #cc0000; font-weight: 500; text-align: center; text-decoration: none; line-height: 44px; background-image: url('/images/view_btn.png'); background-position: right top; } .historicalArea .fullback .view:hover { color: #fff; background-position: left top; } .historicalArea .chart { padding: 0; margin: 15px auto 20px; width: 900px; max-width: 100%; border-radius: 5px; box-shadow: 0 8px 3px -4px rgba(0,0,0,0.14); background: #fff; } .historicalArea .chart .title { height: 50px; background: #c70000 url(/images/red_stripped_backgr.jpg) repeat top left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .historicalArea .chart .title .year { color: #fff; font-size: 22px; font-weight: 500; float: left; padding: 10px 0 0 20px; } .historicalArea .chart .title .pair { color: #fff; font-size: 26px; font-weight: 700; float: right; padding: 11px 20px 0 0; } .historicalArea .chart .image { text-align: center; padding: 25px; } .historicalArea .chart .image img { display: inline-block; max-width: 100%; } .piecharts { max-width: 800px; margin: 0 auto; opacity: 1;} .piecharts .label { color: #333; font-size: 18px; font-weight: 700; margin-top: 0; } /* impressive area */ .impressiveArea { width: 100%; float: left; } .impressiveArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 40px; color: #333; font-weight: 700; } .impressiveArea .impressive { padding: 12px 0 28px 0; width: 100%; float: left; font-size: 18px; color: #444; font-weight: 500; text-align: center; line-height: 26px; } .impressiveArea .impressive p strong { font-weight: 700; } .impressiveArea .very { width: 100%; float: left; position: relative; font-size: 16px; color: #bbb; line-height: 24px; z-index: 1; background: #000; } .impressiveArea .very:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.12; z-index: -1; background: url('/images/impressive_bg.jpg') no-repeat top center; background-size: cover; } .impressiveArea .very figure { margin: -94px 0 0 -90px; float: left; } .impressiveArea .very .text { padding: 75px 0 0 43px; } .impressiveArea .very p { margin-bottom: 29px; } /* trading area */ .tradingArea { width: 100%; float: left; } .tradingArea h3 { font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; line-height: 43px; } .tradingArea .trading { padding: 2px 0 28px 0; width: 100%; float: left; position: relative; text-align: center; background-color: #DBDBDB; /*background: url('/images/features_bg.jpg') repeat;*/ } /*.tradingArea .trading:after { margin-left: -21px; position: absolute; bottom: -15px; left: 50%; content: ""; border-width: 15px 18px 0px 18px; border-color: #efeff0 transparent transparent transparent; border-style: solid; }*/ .tradingArea .principles { padding: 42px 0 7px 0; width: 100%; float: left; font-size: 15px; color: #444; line-height: 24px; background: #fff; } .tradingArea .principles ul { list-style: none; } .tradingArea .principles li { padding: 0 0 26px 35px; background: url('/images/datebase2.png') no-repeat 0px 5px; } /*.tradingArea .principles li { padding: 0 0 26px 0; display: flex; } .tradingArea .principles li:before { margin: 5px 20px 0 0; width: 15px; height: 19px; float: left; content: ""; background: url('/images/datebase2.png') no-repeat top center; }*/ /* longer area */ .longerArea { width: 100%; float: left; } .longerArea h3 { font-family: 'Open Sans', sans-serif; font-size: 44px; color: #fff; font-weight: 700; } .longerArea h4 { margin-bottom: 30px; font-size: 26px; color: #fff; text-align: center; line-height: 34px; } .longerArea .longer { padding: 6px 0 22px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 1; background: #c80000; } /*.longerArea .longer:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/longer_img1.jpg') no-repeat top center; background-size: cover; }*/ .longerArea .longer:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/longer_img1.webp') no-repeat top center; background-size: cover; } .longerArea .expert { padding: 16px 0 53px 0; width: 100%; float: left; position: relative; font-size: 16px; color: #fff; z-index: 1; background: #000; } /*.longerArea .expert:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/longer_img2.jpg') no-repeat top center; background-size: cover; }*/ .longerArea .expert:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/longer_img2.webp') no-repeat top center; background-size: cover; } .longerArea .expert ul { list-style: none; } .longerArea .expert li { padding: 0 0 13px 0; display: flex; } .longerArea .expert li:before { margin: 2px 19px 0 0; width: 12px; height: 15px; float: left; content: ""; background: url('/images/datebase3.png') no-repeat top center; } /* package area */ .packageArea { padding: 45px 0 30px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 2; background: url('/images/package_bg.jpg') repeat; } .packageArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .packageArea h3 { margin-bottom: 33px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; } .packageArea .package { margin-bottom: 34px; } .packageArea .package .sub { padding: 23px 30px 0 30px; width: 100%; float: left; min-height: 350px; font-size: 14px; color: #444; line-height: 20px; border: 1px solid #c7c8c9; box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); background: #dfe0e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .packageArea .package:nth-child(4n) .sub, .packageArea .package:nth-child(5n) .sub, .packageArea .package:nth-child(6n) .sub { min-height: 390px; } .packageArea .package .round { margin: 0px auto 18px auto; width: 106px; height: 106px; display: block; border: 1px solid #e4e4e4; border-radius: 50%; background: #fff; } .packageArea .package .round span { width: 100%; height: 100%; display: table; } .packageArea .package .round figure { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .packageArea .package .round img { margin: 0px auto; } .packageArea .package h5 { padding-bottom: 14px; font-size: 18px; color: #333; line-height: 24px; border-bottom: 1px solid #dcdcdc; } /* fedup area */ .fedupArea { padding: 24px 0 49px 0; width: 100%; float: left; position: relative; z-index: 1; background: #181818; } .fedupArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.94; z-index: -1; background-color:#e1e1e1; no-repeat top center; background-size: cover; } .fedupArea h4 { font-size: 28px; color: #00000; font-weight: 500; text-align: center; line-height: 30px; } .fedupArea h4 span { display: block; font-size: 18px; font-weight: normal; } .fedupArea h3 { margin-top: 0px; margin-bottom: 50px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #fff; font-weight: 600; text-align: center; } .fedupArea ul { list-style: none; } .fedupArea li { padding: 0 0 19px 30px; font-size: 16px; color: #00000; line-height: 24px; background: url('/images/datebase4.png') no-repeat 0px 5px; } /*.fedupArea li:before { margin: 4px 17px 0 0; width: 12px; height: 15px; float: left; content: ""; background: url('/images/datebase4.png') no-repeat top center; }*/ .fedupArea .fedup { padding: 28px 15px 31px 15px; width: 96%; float: right; text-align: center; background: #393939; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fedupArea .fedup h5 { font-size: 34px; color: #bbb; font-weight: 500; line-height: 42px; } .fedupArea .fedup h5 strong { display: block; font-size: 28px; } .fedupArea .fedup h5 span { display: block; font-size: 32px; color: #fe1616; } /* package area */ .moneyArea { padding: 46px 0 82px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 2; background: #222; } .moneyArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.05; z-index: -1; background: url('/images/moneyarea_background3.jpg') repeat top center; background-size: cover; } .moneyArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -33px; left: 50%; z-index: 2; background: url('/images/down4_dotted.png') no-repeat top center; } .moneyArea h3 { margin-bottom: 5px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #ffffff; font-weight: 600; } .moneyArea cite { margin-bottom: 33px; display: block; font-size: 28px; color: #d9d9d9; font-style: normal; font-weight: 500; } .moneyArea .money { margin-bottom: 55px; } .moneyArea .money .sub { padding: 31px 24px 0 24px; width: 100%; float: left; min-height: 190px; font-size: 17px; color: #333; line-height: 24px; border: 2px solid #000; box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .moneyArea .money .round { border: 2px solid #000; margin: -64px auto 24px auto; width: 64px; height: 64px; display: block; border-radius: 50%; background: #e2e2e2; } .moneyArea .money .round span { display: block; font-family: 'Roboto', sans-serif; font-size: 36px; color: #c80000; text-align: center; line-height: 64px; } .moneyArea .money .sub strong { font-size: 22px; } /* systems area */ .reasonArea { padding: 68px 0 157px 0; width: 100%; text-align: center; float: left; position: relative; z-index: 3; } .reasonArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .reasonArea h3 { margin-bottom: 36px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; line-height: 42px; } .reasonArea ul { margin: 0; width: 100%; float: left; list-style: none; } .reasonArea li { width: 11.11%; float: left; position: relative; z-index: 2; } .reasonArea li a { padding: 11px 0; display: block; position: relative; font-size: 18px; color: #fffefe; font-weight: 500; text-align: center; text-decoration: none; background: #181818; } .reasonArea li:first-child a { border-radius: 5px 0 0 0; } .reasonArea li:last-child a { border-radius: 0 5px 0 0; } .reasonArea li a:after { margin-left: -5px; position: absolute; bottom: 0px; left: 50%; content: ""; border-width: 7px 7px 0px 7px; border-color: transparent; border-style: solid; -webkit-transition: 0.15s; -moz-transition: 0.15s; transition: 0.15s; } .reasonArea li a:hover, .reasonArea li.active a { background: #c80000; } .reasonArea li a:hover:after, .reasonArea li.active a:after { bottom: -7px; border-top-color: #c80000; } .reasonArea .loss { padding: 52px 30px; width: 100%; float: left; min-height: 190px; font-size: 18px; color: #444; text-align: left; line-height: 28px; border: 1px solid #dbdbdb; box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); background: #e9eaeb; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } /* testimonials area */ .testimonialsArea { padding: 0 0 5px 0; width: 100%; float: left; position: relative; font-size: 18px; color: #bbb; text-align: center; line-height: 26px; z-index: 1; background: url('/images/customers_bg_2.jpg') repeat top center; } .testimonialsArea h3 { font-family: 'Open Sans', sans-serif; font-size: 48px; color: #fefefe; font-weight: 600; line-height: normal; } .testimonialsArea p { margin-bottom: 22px; } .testimonialsArea img { border: 5px solid #777777; border-radius: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; } .testimonialsArea .testimonial { margin: 0; padding: 0; } .testimonialsArea .testimonial h4 { margin: 5px 0 10px 0; font-size: 20px; color: #fff; font-weight: 300; line-height: 30px; } .testimonialsArea .testimonial .comment { text-indent: 16px; color: #fff; font-weight: 300; text-align: left; position: relative; background-color: rgba(255, 255, 255, 0.2); padding: 30px 38px 28px 38px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .testimonialsArea .testimonial .comment:before { position: absolute; top: 49px; left: 0; vertical-align: middle; font-family: Constantia, serif; content: "\201C"; font-size: 100px; color: #fff; } .testimonialsArea .testimonial .comment span.close-quote:before { position: relative; top: 34px; right: 0; font-family: Constantia, serif; content: "\201D"; font-size: 100px; color: #fff; vertical-align: middle; } .testimonialsArea .testimonial .comment:after { position: absolute; top: -33px; left: 110px; content: ''; width: 0; height: 0; border-left: 34px solid transparent; border-right: 0 solid transparent; border-bottom: 33px solid rgba(255, 255, 255, 0.2); } .testimonialsArea ul, .testimonialsArea ol { margin: 0px; list-style: none; } .testimonialsArea .flex-direction-nav li a { width: 47px; height: 47px; position: absolute; top: 35%; font-size: 0px; text-decoration: none; background-image: url('/images/prev_next.png'); background-position: top left; background-repeat: no-repeat; } .testimonialsArea .flex-direction-nav li a.flex-prev { left: 0; } .testimonialsArea .flex-direction-nav li a.flex-next { right: 0; background-position: top right; } .testimonialsArea .flex-control-nav li { margin: 25px 6px 0 6px; display: inline-block; } .testimonialsArea .flex-control-nav li a { width: 13px; height: 13px; display: block; font-size: 0px; text-decoration: none; border-radius: 50%; cursor: pointer; background: #4c4c4c; } .testimonialsArea .flex-control-nav li a:hover, .testimonialsArea .flex-control-nav li a.flex-active { background: #c9c9c9; } /* .testimonialsArea { padding: 7px 0 66px 0; width: 100%; float: left; position: relative; font-size: 18px; color: #bbb; text-align: center; line-height: 26px; z-index: 1; background: #181818; } .testimonialsArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.05; z-index: -1; background: url('/images/customers_bg.jpg') no-repeat top center; background-size: cover; } .testimonialsArea h3 { margin-bottom: 2px; font-family: 'Open Sans', sans-serif; font-size: 48px; color: #fefefe; font-weight: 600; line-height: normal; } .testimonialsArea p { margin-bottom: 22px; } .testimonialsArea .testimonials { margin: 0px auto; width: 88%; overflow: hidden; } .testimonialsArea .testimonials .round { padding: 4px; margin: 0px auto 18px auto; width: 138px; height: 138px; display: block; border: 3px solid #dcdcdc; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #fff; } .testimonialsArea .testimonials .round img { max-width: 100%; } .testimonialsArea .testimonials:hover .round { border-color: #c80000; } .testimonialsArea .testimonials .text { width: 100%; float: left; } .testimonialsArea .testimonials .text ul { list-style: none; } .testimonialsArea .testimonials .text li { margin: 0 8px; display: inline-block; } .testimonialsArea .testimonials .text li a { display: block; font-size: 16px; color: #a8a8a8; text-decoration: none; } .testimonialsArea .testimonials .text li a:hover { color: #cc0000; } .testimonialsArea .testimonials .text h4 { margin: 14px 0 10px 0; font-size: 20px; color: #fff; font-weight: 500; line-height: 30px; } .testimonialsArea .testimonials .text h4 cite { display: block; font-size: 16px; color: #bbb; font-style: normal; } .testimonialsArea .testimonials .text span { display: block; font-size: 16px; color: #aaa; line-height: 24px; } .testimonialsArea ul, .testimonialsArea ol { margin: 0px; list-style: none; } .testimonialsArea .flex-direction-nav li a { width: 47px; height: 47px; position: absolute; top: 35%; font-size: 0px; text-decoration: none; background-image: url('/images/prev_next.png'); background-position: top left; background-repeat: no-repeat; } .testimonialsArea .flex-direction-nav li a.flex-prev { left: -50px; } .testimonialsArea .flex-direction-nav li a.flex-next { right: -50px; background-position: top right; } .testimonialsArea .flex-control-nav li { margin: 25px 6px 0 6px; display: inline-block; } .testimonialsArea .flex-control-nav li a { width: 13px; height: 13px; display: block; font-size: 0px; text-decoration: none; border-radius: 50%; cursor: pointer; background: #4c4c4c; } .testimonialsArea .flex-control-nav li a:hover, .testimonialsArea .flex-control-nav li a.flex-active { background: #c9c9c9; } .testimonialsArea .testimonials .testimonials-comment { position: relative; background-color: rgba(255, 255, 255, 0.2); padding: 20px 22px 17px 22px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .testimonialsArea .testimonials .testimonials-comment span { color: #fff; text-align: left; font-weight: 300; margin-bottom: 5px; } .testimonialsArea .testimonials .testimonials-comment a { padding: 3px 6px; color: #393939; background-color: #e1e1e1; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .testimonialsArea .testimonials .testimonials-comment:before { position: absolute; top: -24px; left: 39px; content: ''; width: 0; height: 0; border-left: 22px solid transparent; border-right: 0 solid transparent; border-bottom: 24px solid rgba(255, 255, 255, 0.2); } .testimonial-text { width: 700px; font-size: 15px; } */ /* order area */ .orderArea { padding: 0 0 58px 0; width: 100%; float: left; /*background-color: #DBDBDB;*/ background: url('/images/order_background2.jpg') repeat; } .orderArea .discount figure { margin: 46px 0 0 48px; float: left; } .orderArea .discount .special-offer-wsfr2-img { max-width: 405px; } .orderArea .discount .rate { margin: 0 27px 0 0; width: 160px; float: right; } .orderArea .discount .rate a { display: block; margin-bottom: 59px; } .orderArea .discount .rate span { margin-bottom: 12px; display: block; font-size: 18px; color: #333; text-align: center; line-height: 42px; } .orderArea .discount .rate span cite { display: block; position: relative; font-size: 48px; font-style: normal; } .orderArea .discount .rate span cite:after { width: 88%; height: 3px; position: absolute; top: 18px; left: 9px; content: ""; -webkit-transform: rotate(-7deg); transform: rotate(-7deg); background: #1d1d1d; } .orderArea .discount .rate span strong { display: block; font-size: 48px; color: #d60000; font-weight: normal; } .orderArea .order { padding-top: 42px; } .orderArea .order h3 { margin-bottom: 35px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; } .orderArea .order ul { list-style: none; } .orderArea .order li { padding: 0 0 16px 0px; clear: both; font-size: 17px; color: #333; font-weight: 300; } .orderArea .order li figure { margin: 4px 15px 0 0; width: 22px; height: 22px; float: left; } .orderArea .order li figure img { margin: 0px auto; } .orderArea .order a.now { width: 336px; max-width: 100%; padding: 17px 24px; margin-top: 25px; float: left; font-size: 36px; color: #fff; font-weight: 700; text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2); border-radius: 4px; background-image: url('/images/get_btn.png'); background-position: right top; } .orderArea .order a.now span { padding-left: 4px; margin-right: 18px; width: 50px; height: 50px; float: left; font-size: 24px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .orderArea .order a.now:hover { color: #fff; background-position: left top; } .orderArea .order a.now:hover span { background-color: #000; border: 1px solid #585151; } .orderArea .order .bonus { color: #333; padding: 5px 0 5px 10px; font-size: 20px; font-weight: 500; } .orderArea .order .bonus img { display: inline-block; vertical-align: top; } .orderArea .order .bonus strong { font-weight: 500; } .orderArea .bonus-boxes { padding: 50px 0 0 0; margin-left: -70px; clear: both; text-align: center; } .orderArea .bonus-boxes img { display: inline-block; max-width: 50%; margin-top: -30px; } .importantPaymentArea { padding: 7px 0; width: 100%; float: left; text-align: center; background: #f8c960; } .importantPaymentArea img { vertical-align:middle; width: 134px; height: 20px; display: inline-block; margin: 0 0 1px 0; } .paymentsWayArea { padding: 22px 0; width: 100%; float: left; text-align: center; } .paymentsWayArea img { display: inline-block; max-width: 100%; } /* testimonialogo area */ .testimonialogoArea { padding: 22px 0; width: 100%; float: left; text-align: center; } .testimonialogoArea ul { margin: 0px; list-style: none; } .testimonialogoArea li { margin: 0 18px; height: 60px; display: inline-block; } .testimonialogoArea li a { height: 100%; display: table; } .testimonialogoArea li figure { height: 100%; display: table-cell; vertical-align: middle; } /* orignal area */ .orignalArea { padding: 13px 0 20px 0; width: 100%; float: left; position: relative; font-size: 16px; color: #333; line-height: 24px; text-align: center; background: #eee; } .orignalArea figure { display: block; } .orignalArea img { margin: 0px auto; max-width: 100%; height: auto; } .orignalArea h3 { margin: 15px 0 15px 0; font-size: 23px; font-weight: 500; line-height: 32px; } .orignalArea p { font-weight: 300; } .orignalArea .down { margin-left: -100px; width: 200px; height: 65px; position: absolute; bottom: -26px; left: 50%; background: url('/images/down3_dotted.png') no-repeat top center; } /* contact us area */ .contactusArea { width: 100%; float: left; padding: 27px 0 0 0; position: relative; } .contactusArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -31px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .contactusArea h1, .contactusArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .contactusArea .top-text { padding: 0; width: 100%; float: left; font-size: 18px; color: #444; font-weight: 500; text-align: center; line-height: 26px; } .contactusArea .top-text p strong { font-weight: 700; } .contactusArea .contact-form { width: 100%; padding: 25px 0 75px 0; float: left; position: relative; font-size: 16px; line-height: 24px; background-color: #f5f5f5; } .contactusArea .text { padding: 30px 0 30px 0; } .contactusArea .contact-form p { font-size: 18px; color: #444; font-weight: 500; text-align: center; line-height: 26px; } .contactusArea .contact-form .code-reload-btn { padding: 5px 0 0 0; font-size: 32px; color: #bbb; font-weight: 300; cursor: pointer; } .contactusArea .contact-form .field .checkbox { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; } .contactusArea .contact-form .field .checkbox:active, .contactusArea .contact-form .field .checkbox:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .contactusArea .contact-form .field .checkbox:checked { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #0078d7; } .contactusArea .contact-form .field .checkbox:checked:after { content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #d70303; } .contactusArea .contact-form .field .text { position: relative; top: -3px; } .send-button-block { text-align: center; } .send-button, .send-button:focus { min-width: 132px; padding: 9px 30px; margin-top: 10px; display: inline-block; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: url('/images/send_btn.png'); background-position: right top; } .send-button:hover { color: #fff; background-position: left top; } .send-button span { float: right; margin-left: 17px; } /* Forms */ .form { background-color: #f5f5f5; } .form .field { padding: 10px 0; } .form input.box, .form textarea.box { padding: 10px 15px; width: 100%; border: 1px solid #dbdbdb; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form input.box:focus, .form textarea.box:focus { border: 1px solid #c80000; -webkit-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15);} /* affiliates area */ .affnetworksArea { width: 100%; float: left; padding: 27px 0 0 0; position: relative; } .affnetworksArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -31px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .affnetworksArea h1 { letter-spacing: -2px; color: #C80000; margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 56px; font-weight: 600; text-align: center; } .affnetworksArea h2 { letter-spacing: 7px; color: #404040; font-size: 28px; font-weight: 600; text-align: center; font-family: 'Open Sans'; text-transform: uppercase; } .affnetworksArea h3 { margin: 30px 0 20px 0; font-family: 'Open Sans', sans-serif; font-size: 42px; color: #333; font-weight: 600; text-align: center; } .affnetworksArea h3 span { background-color: #ffd003; padding: 5px 5px; } .affnetworksArea p { font-size: 18px; color: #444; text-align: center; line-height: 26px; } .affnetworksArea .tabs-block { text-align: center; margin-top: 50px; } .affnetworksArea .tabs-block .left-tab { float: left; width: 50%; text-align: right; } .affnetworksArea .tabs-block .right-tab { float: left; width: 50%; text-align: left; } .affnetworksArea .tabs-block a { width: 70%; max-width: 450px; padding: 10px 15px; display: inline-block; background-color: #D3D3D3; text-align: center; border-top: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .affnetworksArea .tabs-block a img { display: inline-block; } .affnetworksArea .tabs-block a.tab-active { background-color: #ededed; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; } .affnetworksArea .aff-networks-content { padding: 25px 0 25px 0; width: 100%; float: left; background-color: #ededed; } .affnetworksArea .link-box { width: 100%; padding: 20px; margin: 0 auto; text-align: center; border: 1px solid #dadada; border-radius: 5px; box-shadow: 0 8px 3px -2px rgba(0,0,0,0.1); background: #fff; } .affnetworksArea .link-box a { color: #C80000; font-size: 22px; word-wrap: break-word; } .affnetworksArea .link-box p { font-size: 16px; } .affnetworksArea .bottom-text { padding: 50px 100px 0 100px; } .affnetworksArea .bottom-text p { text-align: left; line-height: 24px; margin-bottom: 20px; color: #333; font-size: 18px; } .affnetworksArea .bottom-text p.title { line-height: 34px; font-size: 30px; text-align: center; font-weight: bold; } .affAdvantagesArea { width: 100%; float: left; padding: 30px 0 30px 0; position: relative; } .affAdvantagesArea .reasons { padding: 0 100px; } .affAdvantagesArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -31px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .affAdvantagesArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 28px; color: #333; font-weight: 600; text-align: center; } .affAdvantagesArea ul { list-style: none; margin: 30px 0 0 0; } .affAdvantagesArea li { padding: 0 0 26px 35px; font-size: 16px; line-height: 24px; color: #333; background: url('/images/datebase2.png') no-repeat 0px 5px; } /*.affAdvantagesArea li:before { margin: 5px 20px 0 0; width: 15px; height: 19px; float: left; content: ""; background: url('/images/datebase2.png') no-repeat top center; }*/ .affCustomersGetArea { padding: 30px 0 30px 0; width: 100%; float: left; position: relative; z-index: 2; background-color: #ededed; } .affCustomersGetArea .affCustomersGetAreaInner { padding: 0 100px; } .affCustomersGetArea .affCustomersGetAreaInner .orange { color: #ff7700; } .affCustomersGetArea .affCustomersGetAreaInner ul { list-style: none; margin: 30px 0 0 0; } .affCustomersGetArea .affCustomersGetAreaInner li { padding: 0 0 26px 30px; font-size: 16px; line-height: 24px; color: #333; background: url('/images/datebase2.png') no-repeat 0px 5px; } .affCustomersGetArea .affCustomersGetAreaInner .gray-bottom-border { border-bottom: 2px solid #c5c5c5; } .affCustomersGetArea .affCustomersGetAreaInner .uppercase {text-transform: uppercase; } .affCustomersGetArea .title { font-size: 56px; font-weight: bold; position: relative; } .affCustomersGetArea .title img { position: absolute; bottom: -23px; left: 210px; } .affCustomersGetArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -33px; left: 50%; z-index: 2; background: url('/images/down2_dotted.png') no-repeat top center; } .affCustomersGetArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .affCustomersGetArea .get { margin-bottom: 31px; } .affCustomersGetArea .get .sub { padding: 31px 24px 0 24px; width: 100%; float: left; min-height: 230px; font-size: 16px; color: #333; line-height: 24px; border: 1px solid #dbdbdb; box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); background: #fff; } .affCustomersGetArea .get .round { margin: 0px auto 24px auto; width: 64px; height: 64px; display: block; border-radius: 50%; background: #e2e2e2; } .affCustomersGetArea .get .round span { display: block; font-family: 'Roboto', sans-serif; font-size: 36px; color: #c80000; text-align: center; line-height: 64px; } .affGetLinkArea { width: 100%; float: left; padding: 30px 0 30px 0; position: relative; background-color: #babbc0;} .affGetLinkArea .affGetLinkInnerArea { padding: 0 100px; } .brushed { display: inline-block;position: relative; vertical-align: baseline; } .arrowed { display: inline-block; height: 100%; width: 54px; background: url(/images/blue_arrow.jpg) left center no-repeat; position: absolute; top: 0; left: -65px; } .brushed > .bg { left: -7px; margin-top: -16px; position: absolute; right: -20px; top: 50%; } .brushed > .bg > img { display: block; height: 34px; width: 100%; } .brushed > .in { position: relative; } .affNoteArea { padding: 30px 0 30px 0; width: 100%; float: left; position: relative; color: #fff; font-weight: 500; text-align: center; line-height: 30px; z-index: 1; background: #d60000; } .affNoteArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.15; z-index: -1; background: url('/images/rock_bg.jpg') no-repeat top center; background-size: cover; } .affNoteArea p { margin: 0; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 600; line-height: 30px; } .affGetAccessArea { width: 100%; float: left; padding: 30px 0 30px 0; position: relative; background-color: #999a9f; } .affGetAccessArea .affGetAccessInnerArea { margin: 10px 0 50px 0; padding: 0; } .affGetAccessArea .affGetAccessInnerArea .second-step { padding: 30px 0 0 0; color: #000; font-weight: bold; } .affGetAccessArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .affGetAccessArea p { font-size: 18px; line-height: 26px; } .affGetAccessArea p.gray { color: #c7c7c7; } .affGetAccessArea .affGetAccessInnerArea .form { padding: 20px 0; background: #6f7076; } .affGetAccessArea .affGetAccessInnerArea .form .field { padding: 10px 0; } .affGetAccessArea .affGetAccessInnerArea .form .field input { padding: 10px 15px; width: 100%; border: 2px solid #2a2a2a; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #d8d5d5; color: #636564; } .affGetAccessArea .affGetAccessInnerArea .form img { display: inline-block; } .affGetAccessArea .affGetAccessInnerArea .form a.aff-registration-btn {background: #facc07;background-image: -webkit-linear-gradient(top, #facc07, #be5f03);background-image: -moz-linear-gradient(top, #facc07, #be5f03);background-image: -ms-linear-gradient(top, #facc07, #be5f03);background-image: -o-linear-gradient(top, #facc07, #be5f03);background-image: linear-gradient(to bottom, #facc07, #be5f03);-webkit-border-radius: 8;-moz-border-radius: 8;border-radius: 8px;-webkit-box-shadow: 1px 5px 2px #525355;-moz-box-shadow: 1px 5px 2px #525355;box-shadow: 1px 5px 2px #525355;color: #000;font-size: 30px;padding: 15px 32px 15px 32px;border: solid #2a2a2a 5px;text-decoration: none;font-weight: 500;} .affGetAccessArea .affGetAccessInnerArea .form .field .checkbox { -webkit-appearance: none; width: 5px; background-color: #fafafa; border: 1px solid #000000; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; } .affGetAccessArea .affGetAccessInnerArea .form .field .checkbox:active, .affGetAccessArea .affGetAccessInnerArea .form .field .checkbox:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .affGetAccessArea .affGetAccessInnerArea .form .field .checkbox:checked { background-color: #e9ecee; border: 1px solid #000000; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #0078d7; } .affGetAccessArea .affGetAccessInnerArea .form .field .checkbox:checked:after { content: '\2714'; position: absolute; top: -2px; left: 3px; color: #C80000; } .affGetAccessArea .affGetAccessInnerArea .form .field .text { position: relative; top: -3px; } .getaccess-button-block { text-align: center; clear: both; } .getaccess-button, .getaccess-button:focus { min-width: 132px; padding: 9px 10px; margin-top: 10px; display: inline-block; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: url('/images/send_btn.png'); background-position: right top; } .getaccess-button:hover { color: #fff; background-position: left top; } .affResourcesArea { width: 100%; float: left; padding: 30px 0 30px 0; position: relative; } .affResourcesArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -31px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .affResourcesArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .affResourcesArea h3 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 28px; color: #cc0000; font-weight: 600; text-align: center; } .affResourcesArea p { font-size: 18px; color: #444; font-weight: 500; text-align: center; line-height: 26px; } .affResourcesArea div.banners { padding: 30px 15px 0 15px; } .affResourcesArea div.banner { margin: 0; padding: 15px 0; width: 100%; } .affResourcesArea div.banner div.size { color: #222; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 10px; text-align: center; } .affResourcesArea div.banner div.image { margin: 0 auto; padding: 0; text-align: center; } .affResourcesArea div.banner div.image img { display: inline;} .affResourcesArea div.banner div.code { margin: 0 auto; padding: 15px 0 10px; text-align: center; } .affResourcesArea div.banner div.note { color: #222; font-size: 13px; font-style: italic; margin: 0; padding: 0; text-align: center; } .affResourcesArea div.banner textarea.box-affiliate { padding: 10px 15px; width: 100%; border: 1px solid #dbdbdb; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .affResourcesArea div.banner textarea.box-affiliate:focus { border: 1px solid #c80000; -webkit-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15);} .affResourcesArea div.charts { padding: 30px 15px 0 15px; } .affResourcesArea div.chart-box { margin: 0; padding: 15px 0; width: 100%; } .affResourcesArea div.chart-box h4.title { color: #222; font-size: 24px; margin: 0; padding: 0 0 10px; text-align: center; } .affResourcesArea div.chart-box div.chart { margin: 0 auto; padding: 0; text-align: center; } .affResourcesArea div.chart-box div.chart a { display: inline-block; } .affResourcesArea div.chart-box div.chart a img { max-width: 100%; } .affResourcesArea div.chart-box div.code { margin: 0 auto; padding: 15px 0 10px; text-align: center; } .affResourcesArea div.chart-box textarea.box-affiliate { padding: 10px 15px; width: 100%; border: 1px solid #dbdbdb; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .affResourcesArea div.chart-box textarea.box-affiliate:focus { border: 1px solid #c80000; -webkit-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15);} /* faq area */ .faqArea { width: 100%; float: left; padding: 31px 0 78px; position: relative; z-index: 1; } .faqArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down_dotted.png') no-repeat top center; } .faqArea h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .faqArea .accordion-group .accordion-body .accordion-inner { margin: 10px 0 40px 0; padding: 20px; width: 100%; float: left; min-height: 70px; font-size: 18px; color: #444; line-height: 28px; border: 1px solid #dbdbdb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); background: #f5f5f5; } .faqArea .accordion-group .accordion-heading h2 { font-size: 22px; } .faqArea .accordion-group .accordion-heading .accordion-toggle.active em { background-color: #F7C221; } /* terms and conditions area */ .termsArea { width: 100%; float: left; padding: 31px 0 78px 0; position: relative; z-index: 1; } .termsArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down_dotted.png') no-repeat top center; } .termsArea h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } /* privacy policy area */ .privacyArea { width: 100%; float: left; padding: 31px 0 78px 0; position: relative; z-index: 1; } .privacyArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down_dotted.png') no-repeat top center; } .privacyArea h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } /* blog area */ .blogArea { width: 100%; float: left; padding: 31px 0 78px 0; position: relative; z-index: 1; } .blogArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down_dotted.png') no-repeat top center; } .blogArea h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .blogArea .blog-row { padding: 0 0 30px 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; position: relative; } .blogArea .blog-row .image img { width: 100%; border: 1px solid #e2e2e2; } .blogArea .blog-row .title { font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 0 0 10px 0; } .blogArea .blog-row .short-description { padding: 7px 0 0 0; font-size: 12px; } .blogArea .news-extra-info { height: auto; padding: 7px 10px 7px 10px; background-color: #E9EAEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .blogArea .news-extra-info .calendar { padding: 2px 0 2px 20px; background: url(/images/calendar.png) left center no-repeat; font-size: 12px; height: auto; line-height: 12px; float: left; color: #333; } .blogArea .news-extra-info .comments { padding: 2px 0 2px 20px; background: url(/images/comments.png) left center no-repeat; font-size: 12px; height: auto; line-height: 12px; float: right; } .blogArea .blog-row .read-more-btn, .blogArea .blog-row .read-more-btn:focus { font-size: 14px; background: #C80000; padding: 5px 10px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 400; } .blogArea .blog-row .read-more-btn:hover { background: #181818; } .blogArea .back-to-blog-btn, .blogArea .back-to-blog-btn:focus { font-size: 14px; background: #C80000; padding: 5px 10px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 400; } .blogArea .back-to-blog-btn:hover { background: #181818; } .blogArea .comment-btn, .blogArea .comment-btn:focus { font-size: 16px; background: #C80000; padding: 10px 20px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 500; } .blogArea .comment-btn:hover { background: #181818; } .blogArea .comment-block { margin: 20px 0; width: 100%; } .blogArea .comment-block .user-name { float: left; font-size: 14px; } .blogArea .comment-block span.comment-time { padding: 2px 0 2px 20px; background: url(/images/calendar.png) left center no-repeat; font-size: 12px; float: right; } .blogArea .comment-block div.comment-content-block { float: right; padding: 10px 20px; min-height: 86px; position: relative; background-color: #E9EAEB; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .blogArea .comment-block div.block-red { background-color: #f6e5e5; } .blogArea .comment-block div.comment-content-block img.arrow { position: absolute; left: -20px; top: 25px; } .blogArea .comment-block .btn-reply { float: right; } .blogArea .comment-block .comment { font-size: 12px; } .blogArea .comment-block .btn-reply, .blogArea .comment-block .btn-reply:focus { border: none; font-size: 14px; background: #C80000; padding: 3px 9px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 400; } .blogArea .comment-block .btn-reply:hover { background: #181818; } .blogArea div.form { padding: 0 15px; } .blogArea form .field .checkbox { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; } .blogArea form .field .checkbox:active, .blogArea form .field .checkbox:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .blogArea form .field .checkbox:checked { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #0078d7; } .blogArea form .field .checkbox:checked:after { content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #d70303; } .blogArea form .field .text { position: relative; top: -3px; } /* combo packs area */ .comboPacksArea { width: 100%; float: left; padding: 27px 0 20px 0; position: relative; } .comboPacksArea h2 { color: #C80000; margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 600; text-align: center; } .comboPacksArea .combo-pack { padding: 30px 0; text-align: center; } .comboPacksArea p { font-size: 16px; color: #444; font-weight: 400; text-align: center; line-height: 26px; } /* ------------- blog comments ------------ */ q.blog {quotes: '\201c' '\201d';font-style: italic;padding: 0 0 0 15px;display: block;border-left: 3px solid #aaa;} q.blog:before {position: relative;top: 5px;right: 2px;content: open-quote;font-size: 24px;} q.blog:after {position: relative;top: 5px;left: 3px;content: close-quote;font-size: 24px;} q.blog strong {font-style: normal !important;margin-left: 10px;} .navigator { padding: 15px; text-align: center; } .navigator img { display: inline; vertical-align: middle; } .navigator a { border: 1px solid #999; padding: 5px 7px; color: #c80000; background-color: #E9EAEB; } .navigator a:hover { background-color: #444343; border: 1px solid #444343; } .navigator span.unlink { border: 1px solid #444343; padding: 5px 7px; color: #fff; background-color: #444343; } /* my account area */ .accountArea { width: 100%; float: left; padding: 31px 0 78px 0; position: relative; z-index: 1; } .accountArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down_dotted.png') no-repeat top center; } .accountArea h2 { margin-bottom: 15px; font-family: 'Open Sans', sans-serif; font-size: 22px; color: #232323; font-weight: 600; } .accountArea .account { padding: 0; border: 1px solid #b2b3b3; background: #f2f2f2 url(/images/account_line_arrow.jpg) no-repeat 150px bottom; -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.65); -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.65); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.65); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .accountArea .account .promo-al { background-color: #ffba00; text-align: center; padding: 10px 0 5px 0; } .accountArea .account .extended-promo-al { background: #dcdcdc url(/images/warning_40.png) 7px center no-repeat; color: #CC0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 10px 10px 10px; padding: 15px 0 15px 60px; } .accountArea .account .summary { font-size: 16px; font-weight: 400; color: #000; } .accountArea .account .button { text-align: center; vertical-align: middle; } .accountArea .account .button img { display: inline-block; margin-top: 25px; max-width: 100%; } .accountArea .account .text { padding: 15px 0 0 50px; vertical-align: middle; } .accountArea .account .round-arrow { margin: 0px auto 18px auto; width: 106px; height: 106px; display: block; } .accountArea .account .round-arrow span { width: 100%; height: 100%; display: table; } .accountArea .account .round-arrow figure { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .accountArea .account .round-arrow img { margin: 0px auto; } .accountArea .account-promotion .summary { font-size: 16px; font-weight: 400; } .accountArea .account-promotion .profit-size { font-size: 72px; } .accountArea .account-promotion { padding: 0; min-height: 134px; border: 1px solid #b2b3b3; background: #f2f2f2 no-repeat 150px 0; -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.65); -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.65); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.65); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .accountArea .account-promotion .button { text-align: center; vertical-align: middle; } .accountArea .account-promotion .button img { display: inline-block; margin-top: 18px; max-width: 100%; } .accountArea .account-promotion img { display: inline-block; } .accountArea .account-promotion .text { padding: 10px 0 0 40px; vertical-align: middle; } .accountArea .account-promotion .text-so { padding: 10px 0 0 10px; vertical-align: middle; text-align: center; } .accountArea .account-promotion .arrow, .account-page .account .arrow-so { text-align: center; padding-top: 22px; } .accountArea .account-promotion .arrow-so { padding-top: 70px; } .accountArea .account-promotion .arrow img, .account-page .account .arrow-so img { max-width: 100%; } .accountArea .account-promotion .robot-btn { padding: 7px 30px; margin: 0 auto; width: 190px; max-width: 100%; display: block; color: #fff; text-decoration: none; font-size: 22px; font-weight: 700; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;background: rgb(211,50,50); /* Old browsers */background: -moz-linear-gradient(top, rgba(211,50,50,1) 0%, rgba(141,4,4,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(211,50,50,1) 0%,rgba(141,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(211,50,50,1) 0%,rgba(141,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33232', endColorstr='#8d0404',GradientType=0 ); /* IE6-9 */} /* additional license area */ .additiolLicenseArea { width: 100%; float: left; padding: 31px 0 78px 0; } .additiolLicenseArea h1 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #333; } .additiolLicenseArea p { color: #333; font-weight: 500; } .additiolLicenseArea img { height: auto; max-width: 100%; margin: 0 auto; display: inline-block; } .additiolLicenseArea .promotion { background: #ffba00; padding: 20px 0 30px 0; } .additiolLicenseArea .promotion .extended { background: #dcdcdc url(/images/warning_40.png) 7px center no-repeat; color: #CC0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; padding: 15px 0 15px 0; } .additiolLicenseArea .promotion .additional-licence-counter { text-align: center; position: relative; padding-top: 20px;} .additiolLicenseArea .promotion .additional-licence-counter .promo-counter { padding: 5px 0 0 0; margin: 0; text-transform: uppercase; font-weight: bold; font-size: 16px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .days { position: absolute; top: 100px; left: 320px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .hours { position: absolute; top: 100px; left: 435px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .minutes { position: absolute; top: 100px; left: 545px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .seconds { position: absolute; top: 100px; left: 666px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .info-counter-none { display: none; } /* profile area */ .profileArea { width: 100%; float: left; padding: 31px 0 78px 0; } .profileArea h1 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; } .profileArea p { color: #333; font-weight: 500; } .profileArea .default-color { color: #333; font-weight: 500; padding: 15px 0 0 0; } .profileArea .form { padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #dbdbdb; box-shadow: 0 8px 3px -4px rgba(0, 0, 0, 0.14); } .profileArea .form .label { color: #444; font-size: 16px; font-weight: bold; line-height: 60px; } .profileArea .form .save-btn, .save-btn:focus { font-size: 18px; background: #C80000; padding: 5px 20px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .profileArea .form .save-btn:hover { background: #181818; } /* download area */ .downloadArea { width: 100%; float: left; padding:0; } .downloadArea h2 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #C80000; font-size: 26px; font-weight: 600; } .downloadArea h3 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #333; font-size: 16px; font-weight: 600; } .downloadArea p { color: #333; } .downloadArea img { display: inline-block; max-width: 100%; } .downloadArea .news { background: #ffffff; } .downloadArea .news h2 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #333; font-size: 26px; font-weight: 600; } .downloadArea .importantArea { padding: 20px 0; width: 100%; float: left; position: relative; text-align: center; line-height: 24px; color: #fff; z-index: 1; background: #000; } .downloadArea .importantArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.2; z-index: -1; background: url('/images/walls_bg.jpg') no-repeat top center; background-size: cover; } .downloadArea .importantArea .recommendation-btn, .recommendation-btn:focus { font-size: 18px; background: #C80000; padding: 10px 15px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .downloadArea .importantArea .recommendation-btn:hover { background: #fff; color: #c80000; } .downloadArea .vcenter { display: inline-block; vertical-align: middle; float: none; } .downloadArea .title { padding: 15px 0 10px 0; text-align: center; font-size: 30px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .downloadArea .number { display: none; margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -60px; left: 50%;z-index: 3; } .downloadArea .round { margin: 0px auto 24px auto; width: 64px; height: 64px; display: block; border-radius: 50%; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); } .downloadArea .round span { display: block; font-family: 'Roboto', sans-serif; font-size: 36px; color: #c80000; text-align: center; line-height: 64px; } .downloadArea .download-gray-box { padding: 26px 0 42px 0; width: 100%; position: relative; z-index: 2; background: #f5f5f5; } .downloadArea .download-gray-box .text { text-align: center; line-height: 65px; font-size: 24px; color: #333; font-weight: 500; font-family: 'Open Sans', sans-serif; } .downloadArea .download-gray-box .number { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -60px; left: 50%; } .downloadArea .download-gray-box .round { margin: 0px auto 24px auto; width: 64px; height: 64px; display: block; border-radius: 50%; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); } .downloadArea .download-gray-box .round span { display: block; font-family: 'Roboto', sans-serif; font-size: 36px; color: #c80000; text-align: center; line-height: 64px; } .downloadArea .changelogs { color: #333; font-weight: 700; font-size: 26px; } .downloadArea .changelogs .date { font-style: italic; font-size: 16px; font-weight: 400; } .downloadArea .download-gray-box ul { list-style-type: none; } .downloadArea .download-gray-box ul li { margin: 10px 0 0 50px; line-height: 24px; font-size: 16px; color: #333; } .downloadArea .download-gray-box ul li:before { margin: 5px 15px 0 0; width: 15px; float: left; height: 16px; content: ""; background: url('/images/datebase.png') no-repeat top center; } .downloadArea .manual-installation-block { background-color: #F5F5F5; padding: 0; margin: 30px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .downloadArea .manual-installation-block h2 {text-align: center; color: #333;} .downloadArea .download-file a, .downloadArea .download-file a:focus {font-size: 18px;} .downloadArea .manual-installation-block sub { font-style: italic; font-family: Arial, Helvetica, sans-serif; color: #222; } .downloadArea .manual-installation-block .content { padding: 15px 60px !important; } /* alternative settings area */ .alternativeSettingsArea { width: 100%; float: left; padding:0; } .alternativeSettingsArea .importantArea { padding: 40px 0; width: 100%; float: left; position: relative; text-align: center; line-height: 24px; color: #fff; z-index: 1; background: #000; } .alternativeSettingsArea .importantArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.2; z-index: -1; background: url('/images/walls_bg.jpg') no-repeat top center; background-size: cover; } .alternativeSettingsArea p { color: #333; font-weight: 500; } .alternativeSettingsArea h1 { font-size: 36px; font-weight: bold; color: #c80000; text-align: center; font-family: 'Open Sans', sans-serif; } .alternativeSettingsArea h2 { color: #333; font-weight: 600; font-size: 26px; text-align: center; font-family: 'Open Sans', sans-serif; } .alternativeSettingsArea .title { padding: 15px 0 10px 0; text-align: center; font-size: 36px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } /*.alternativeSettingsArea .backtest { display: inline-block; }*/ .alternativeSettingsArea img { display: inline-block; max-width: 100%; } .alternativeSettingsArea .download-gray-box { padding: 26px 0 42px 0; width: 100%; position: relative; z-index: 2; background: #f5f5f5; } .alternativeSettingsArea .performance { padding: 11px 0 36px 0; } .alternativeSettingsArea .performance figure { padding: 26px 55px; margin: 20px 0 13px 0; width: 99%; float: left; border: 1px solid #dbdbdb; border-radius: 5px; box-shadow: 0 8px 3px -4px rgba(0,0,0,0.14); background: #f5f5f5; } .alternativeSettingsArea .performance figure img { margin: 0px auto; max-width: 100%; } .alternativeSettingsArea .backtest-results { padding: 11px 0 36px 0; } .alternativeSettingsArea .backtest-results aside { display: inline-block; } .alternativeSettingsArea .backtest-results figure { padding: 26px 40px 26px 55px; margin: 20px 0 13px 0; width: 99%; float: left; border: 1px solid #dbdbdb; background-color: #fff; border-radius: 5px; box-shadow: 0 8px 3px -4px rgba(0,0,0,0.14); } .alternativeSettingsArea .backtest-results figure img { margin: 0px auto; max-width: 100%; } /* activation area */ .activationArea { width: 100%; float: left; padding:0; padding: 0 0 75px 0; } .activationArea .importantArea { padding: 40px 0; width: 100%; float: left; position: relative; text-align: center; line-height: 24px; color: #fff; z-index: 1; background: #000; } .activationArea .importantArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.2; z-index: -1; background: url('/images/walls_bg.jpg') no-repeat top center; background-size: cover; } .activationArea .importantArea p {color: #fff; font-size: 16px; font-weight: normal; } .activationArea p { color: #333; font-size: 16px; font-weight: 500; } .activationArea h1 { color: #c80000; font-weight: bold; font-size: 36px; text-transform: uppercase; text-align: center; font-family: 'Open Sans', sans-serif; } .activationArea .sub-title { font-size: 20px; color: #333; font-weight: 500; text-align: center; } .activationArea .sub-title2 { padding: 10px; display: inline-block; border-radius: 5px; font-size: 20px; color: #c80000; font-weight: 700; text-align: center; border: 2px solid #c80000; } .activationArea .buy-additional-license { color: #333; font-weight: bold; font-size: 20px; } .activationArea .buy-addlicense-button, .buy-addlicense-button:focus { background: #069808; padding: 5px 10px; color: #fff; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 500; font-size: 13px; vertical-align: middle; margin-left: 10px; } .activationArea .buy-addlicense-button:hover { background: #181818; } .activationArea .real-account-form { padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #dbdbdb; box-shadow: 0 8px 3px -4px rgba(0, 0, 0, 0.14); } .activationArea .real-account-form .field { padding: 10px 0; } .activationArea .real-account-form input.box { padding: 10px 15px; width: 100%; border: 1px solid #dbdbdb; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .activationArea .real-account-form input.box:focus { border: 1px solid #c80000; -webkit-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15);} .activationArea .real-account-form .label { color: #444; font-size: 16px; font-weight: bold; line-height: 60px; } .activationArea .real-account-form .activate-button, .activate-button:focus { text-align: center; background: #3ea108; padding: 10px 20px; margin-top: 12px; display: inline-block; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .activationArea .real-account-form .activate-button:hover { background: #181818; } .activationArea .real-account-form .activate-table { background: #fff; } .activationArea .real-account-form .activate-table td { padding: 10px 15px; } .activationArea .real-account-form .activate-table .table-head { background: #DBDBE0; } .activationArea .real-account-form .remove-button, .remove-button:focus { background: #C80000; padding: 4px 6px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 500; font-size: 13px; } .activationArea .real-account-form .remove-button:hover { background: #181818; } /* support area */ .supportArea { width: 100%; float: left; padding:0; padding: 51px 0 78px 0; } .supportArea .text2 { font-size: 15px; font-weight: 300; } .supportArea p { color: #333; font-size: 16px; font-weight: 400; text-align: center; } .supportArea h1 { color: #c80000; font-weight: bold; font-size: 36px; text-align: center; font-family: 'Open Sans', sans-serif; margin: 10px 0 30px 0; } .supportArea h2 { color: #333; font-size: 20px; font-family: 'Open Sans', sans-serif; } .supportArea img { display: inline-block; } .supportArea .black { font-weight: bold; } .supportArea .title { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 26px; color: #333; font-weight: 600; text-align: center; } .supportArea .title-red { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 26px; color: #c80000;; font-weight: 600; text-align: center; } .supportArea .ask-question-btn, .ask-question-btn:focus { float: right; font-size: 18px; text-transform: uppercase; background: #C80000; padding: 15px 20px; margin-top: 10px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .supportArea .ask-question-btn:hover { background: #181818; } .supportArea .vcenter-left { display: inline-block; vertical-align: middle; float: none; } .supportArea .vcenter-right { display: inline-block; vertical-align: middle; float: none; text-align: center; } .supportArea .open-btn, .open-btn:focus { background: #C80000; padding: 6px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .supportArea .open-btn:hover { background: #181818; } .supportArea .accordion-group .accordion-body .accordion-inner { margin: 10px 0 40px 0; padding: 20px; width: 100%; float: left; min-height: 70px; font-size: 18px; color: #444; line-height: 28px; border: 1px solid #dbdbdb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); background: #f5f5f5; } .supportArea .accordion-group .accordion-body .accordion-inner p { text-align: left; } .supportArea .accordion-group .accordion-heading h2 { font-size: 22px; } .supportArea .accordion-group .accordion-heading .accordion-toggle.active em { background-color: #F7C221; } .supportArea .form { padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #dbdbdb; box-shadow: 0 8px 3px -4px rgba(0, 0, 0, 0.14); } .supportArea .form input.box-ask-question, .form textarea.box-ask-question { padding: 10px 15px; width: 100%; border: 1px solid #dbdbdb; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .supportArea .form input.box-ask-question:focus, .form textarea.box-ask-question:focus { border: 1px solid #c80000; -webkit-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(200,0,0,0.15);} .supportArea .form input.box-ask-question-file, input.box-ask-question-file:focus { padding: 10px; width: 100%; font-size: 16px; } .supportArea .form .label { color: #444; font-size: 16px; font-weight: bold; line-height: 60px; } .supportArea .form .save-btn, .save-btn:focus { font-size: 18px; background: #C80000; padding: 5px 20px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .supportArea .form .save-btn:hover { background: #181818; } .supportArea .users-name { font-weight: 700; font-size: 12px; } .supportArea .published { color: #999; font-size: 12px; } .supportArea .box-comment { font-size: 15px; font-weight: 300; position: relative; margin: 0 12% 0 0; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #FFE3E3 none repeat scroll 0 0; -webkit-box-shadow: inset 0px 20px 15px -15px #fff; -moz-box-shadow: inset 0px 20px 15px -15px #fff; box-shadow: inset 0px 20px 15px -15px #fff; } .supportArea .box-comment:before { position: absolute; content: ' '; width: 30px; height: 43px; top: 40px; left: -30px; background: url('/images/user_comment_box_left.png') no-repeat top center; } .supportArea .box-comment-admin { font-size: 15px; font-weight: 300; word-wrap: break-word; position: relative; margin: 0 0 0 12%; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #eaeaea none repeat scroll 0 0; -webkit-box-shadow: inset 0px 20px 15px -15px #fff; -moz-box-shadow: inset 0px 20px 15px -15px #fff; box-shadow: inset 0px 20px 15px -15px #fff; } .supportArea .box-comment-admin:before { position: absolute; content: ' '; width: 30px; height: 43px; top: 40px; right: -30px; background: url('/images/support_comment_box_right.png') no-repeat top center; } .supportArea .support-table { background: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd; } .supportArea .support-title { font-size: 20px; font-weight: 700; text-align: left; padding: 10px 0 10px 20px; } .supportArea .support-body { padding: 0 20px; } .supportArea .support-body table { background: #fff; } .supportArea .support-body .panel { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .supportArea .support-body .table { -webkit-border-radius: 6px; -moz-border-radius: 8px; border-radius: 6px; } .supportArea .support-body .table th { text-transform: uppercase; font-style: italic; } /* recommendations area */ .recommendationsArea { width: 100%; float: left; padding:0; margin-bottom: 30px; } .recommendationsArea .title { padding: 15px 0 10px 0; text-align: center; font-size: 36px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .recommendationsArea p { color: #333; } .recommendationsArea img { display: inline-block; } .recommendationsArea .download-gray-box { padding: 26px 0 42px 0; width: 100%; position: relative; z-index: 2; background: #f5f5f5; } .recommendationsArea .download-gray-box ul { list-style-type: none; } .recommendationsArea .download-gray-box ul li { padding: 0 0 0 20px; } .recommendationsArea .importantArea { padding: 20px 0; width: 100%; float: left; position: relative; text-align: left; line-height: 24px; color: #fff; z-index: 1; background: #000; } .recommendationsArea .importantArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.2; z-index: -1; background: url('/images/walls_bg.jpg') no-repeat top center; background-size: cover; } .recommendationsArea .importantArea .recommendation-btn, .recommendation-btn:focus { font-size: 18px; background: #C80000; padding: 10px 15px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .recommendationsArea .importantArea .recommendation-btn:hover { background: #fff; color: #c80000; } /* 404 not found area*/ .notFoundArea { width: 100%; float: left; padding: 51px 0 78px 0; margin-bottom: 30px; } .notFoundArea h1 { text-align: center; line-height: 65px; font-size: 24px; color: #333; font-weight: 500; font-family: 'Open Sans', sans-serif; } .notFoundArea p { color: #333; } .notFoundArea .links { color: #C80000; font-weight: 500; } .notFoundArea .delimiter { color: #000; font-weight: bold; } .notFoundArea .vertical-align { display: inline-block; vertical-align: middle; float: none; } /* unsubscribe area */ .unsubscribeArea { width: 100%; float: left; padding: 51px 0 78px 0; margin-bottom: 30px; } .unsubscribeArea h1 { text-align: center; line-height: 65px; font-size: 24px; color: #333; text-transform: uppercase; font-weight: 600; font-family: 'Open Sans', sans-serif; } .unsubscribeArea .vertical-align { display: inline-block; vertical-align: middle; float: none; } .unsubscribeArea p { color: #333; } /* subscription area */ .subscriptionArea { width: 100%; float: left; padding: 51px 0 78px 0; margin-bottom: 30px; } .subscriptionArea h1 { text-align: center; line-height: 65px; font-size: 24px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .subscriptionArea p { color: #333; } .subscriptionArea a:focus { color: #c80000; } /* cancel purchase area */ .cancelPurchaseArea { width: 100%; float: left; padding: 51px 0 78px 0; margin-bottom: 30px; } .cancelPurchaseArea h1 { text-align: center; line-height: 65px; font-size: 24px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .cancelPurchaseArea p { color: #333; } /* forex diamond ea */ .forexDiamondArea { width: 100%; float: left; padding: 51px 0 78px 0; margin-bottom: 30px; } .forexDiamondArea .head { position: relative; } .forexDiamondArea img { max-width: 100%; } .forexDiamondArea p { color: #333; } .forexDiamondArea h1 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #333; text-align: center; font-weight: 600; } .forexDiamondArea h2 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #c80000; text-align: center; font-weight: bold; font-size: 42px; } .forexDiamondArea p.bold600 { font-weight: 600; } .forexDiamondArea .chart1-title { color: #062161; font-size: 32px; font-weight: bold; text-decoration: underline; text-align: center; } .forexDiamondArea .chart1-description { line-height: 150%; font-size: 24px; font-weight: bold; color: #000; text-align: center; } .forexDiamondArea .chart1-image { display: inline-block; text-align: center } .forexDiamondArea .head .money-gaurantee img { position: absolute; top: -25px; right: 13%; margin-right: -40px; } /* forex trend detector */ .forexTrenDetectorArea { width: 100%; float: left; padding: 51px 0 78px 0; margin-bottom: 30px; } .forexTrenDetectorArea p { color: #333; } .forexTrenDetectorArea img { max-width: 100%; } .forexTrenDetectorArea h1 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #333; text-align: center; font-weight: bold; text-decoration: underline; } .forexTrenDetectorArea h2 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #c80000; text-align: center; font-weight: bold; font-size: 42px; } .forexTrenDetectorArea h3 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #103aa4; text-align: center; font-weight: bold; font-size: 50px; } .forexTrenDetectorArea .margin-left { margin-left: 65px; } .forexTrenDetectorArea .green { color: #07af17; } .forexTrenDetectorArea .blue { color: #061b52; } .forexTrenDetectorArea .frame { position: relative; z-index: 2; display: inline-block } .forexTrenDetectorArea .graph { position: absolute; top: 26%; left: 10%; z-index: 1; } .forexTrenDetectorArea .head .money-gaurantee img { position: absolute; top: -25px; right: 13%; margin-right: -40px; } .forexTrenDetectorArea .list-inside-squire { list-style: inside square; margin-left: 35px; } .forexTrenDetectorArea .center-image { display: inline-block; } /* volatility factor area */ .volatilityFactorArea { width: 100%; float: left; padding:0; } .volatilityFactorArea .title { background: #FCDA4D; } .volatilityFactorArea .title h1 { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; color: #333; font-size: 26px; font-weight: 600; } .volatilityFactorArea img { display: inline-block; max-width: 100%; } .volatilityFactorArea { width: 100%; float: left; text-align: center; color: #333; } .volatilityFactorArea h2 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 600; } .volatilityFactorArea h4 { clear: both; font-size: 20px; } .volatilityFactorArea .performance { padding: 11px 0 36px 0; width: 100%; float: left; } .volatilityFactorArea .performance:last-child { border-bottom: none; } .volatilityFactorArea .performance figure { padding: 26px 0; margin: 20px 0 13px 0; width: 99%; float: left; border: 1px solid #dbdbdb; border-radius: 5px; box-shadow: 0 8px 3px -4px rgba(0,0,0,0.14); background: #f5f5f5; } .volatilityFactorArea .performance figure img { margin: 0px auto; max-width: 100%; } .volatilityFactorArea .special-offer { border: 3px dashed #c80000; padding: 0 0 15px 0; margin: 0 auto; } /* thank you area */ .thankYouArea { width: 100%; float: left; padding: 51px 0 0 0; } .thankYouArea h1 { text-align: center; line-height: 65px; font-size: 24px; color: #333; font-weight: 700; } .thankYouArea p { color: #333; } .thankYouArea .warning-message { background-color: #CC0000; font-size: 16px; padding-top: 5px; padding-bottom: 5px; margin: 0; } .thankYouArea .warning-message img { max-width: 100%; } .thankYouArea .warning-message p { color: #fff; } .thankYouArea .warning-message .vcenter-left { display: inline-block; float: none; vertical-align: middle; text-align: center; } .thankYouArea .warning-message .vcenter-right { display: inline-block; float: none; vertical-align: middle; } .thankYouArea .iframe-container { height: 3em; overflow: hidden; position: relative; } .thankYouArea .iframe-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .thankYouAreaOffer {width: 100%; float: left; padding: 51px 0 78px 0; margin-bottom: 30px;} .thankYouAreaOffer .wrap {border: 3px solid #cc0000;} .thankYouAreaOffer .wrap .title {font-size: 16px; text-align: center; font-weight: bold;} .thankYouAreaOffer .wrap h1 {text-align: center; font-size: 62px; color: #cc0000; font-weight: bold; text-transform: uppercase;} .thankYouAreaOffer .wrap h2 {text-align: center; font-size: 30px; color: #cc0000; font-weight: bold;} .thankYouAreaOffer .wrap .box {float: left; padding: 45px 0 0 0; width: 45%;} .thankYouAreaOffer .wrap .box img {max-width: 100%;} .thankYouAreaOffer .wrap .price {float: left; padding: 45px 0 0 0; width: 55%;} .thankYouAreaOffer .wrap .price h3 {font-size: 22px; font-weight: bold; text-align: center; padding: 0 90px;} .thankYouAreaOffer .wrap .price .content {background: #f0f0f0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:40px 25px; padding: 18px 0; font-weight: bold;} .thankYouAreaOffer .wrap .price .content .regular {display: inline-block; text-align: center; width: 49%;} .thankYouAreaOffer .wrap .price .content .regular .text {font-size: 24px;} .thankYouAreaOffer .wrap .price .content .regular .number {font-size: 46px; text-decoration: line-through;} .thankYouAreaOffer .wrap .price .content .current {display: inline-block; text-align: center; width: 49%;} .thankYouAreaOffer .wrap .price .content .current .text {font-size: 24px;} .thankYouAreaOffer .wrap .price .content .current .number {font-size: 46px; color: #cc0000;} .thankYouAreaOffer .wrap .buy {text-align: center;} .thankYouAreaOffer .wrap .btn, .thankYouAreaOffer .wrap .btn:focus {background: -moz-linear-gradient(90deg, rgba(170,7,7,1) 0%, rgba(204,0,0,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204,0,0,1)), color-stop(100%, rgba(170,7,7,1)));background: -webkit-linear-gradient(90deg, rgba(170,7,7,1) 0%, rgba(204,0,0,1) 100%);background: -o-linear-gradient(90deg, rgba(170,7,7,1) 0%, rgba(204,0,0,1) 100%);background: -ms-linear-gradient(90deg, rgba(170,7,7,1) 0%, rgba(204,0,0,1) 100%);background: linear-gradient(0deg, rgba(170,7,7,1) 0%, rgba(204,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#aa0707',GradientType=0 ); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;color: #fff;text-transform: uppercase; font-size: 30px; font-weight: bold; padding: 15px 33px;} .thankYouAreaOffer .wrap .performance { text-align: center; } .thankYouAreaOffer .wrap .performance img { margin: 0 auto; max-width: 100%;} .thankYouAreaOffer .wrap h1.chart {font-size: 36px; color: #cc0000; font-weight: bold; text-transform: uppercase; padding: 42px 0 5px 0;} /* login area */ .loginArea { width: 100%; float: left; padding: 27px 0 75px 0; position: relative; } .loginArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -31px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .loginArea h1 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .loginArea h2 { margin: 0 0 10px 0; font-family: 'Open Sans', sans-serif; font-size: 32px; color: #333; font-weight: 600; text-align: left; } .loginArea .login-page {} .loginArea p { font-size: 16px; color: #444; font-weight: 400; text-align: left; line-height: 26px; } .loginArea .login-page p strong { font-weight: 700; } .loginArea .login-block { padding: 30px 30px; background-color: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #dbdbdb; box-shadow: 0 8px 3px -4px rgba(0, 0, 0, 0.14); } .loginArea .forgotten-password-block { padding: 30px 30px;} .loginArea .text { padding: 15px 0 15px 0; } .login-button-block { text-align: center; } .login-button, .login-button:focus { min-width: 132px; padding: 9px 30px; margin-top: 10px; display: inline-block; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: url('/images/send_btn.png'); background-position: right top; } .login-button:hover { color: #fff; background-position: left top; } .login-button span { float: right; margin-left: 17px; } .forgotten-password-button-block { text-align: center; } .forgotten-password-button, .forgotten-password-button:focus { min-width: 132px; padding: 9px 10px; margin-top: 10px; display: inline-block; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: url('/images/send_btn.png'); background-position: right top; } .forgotten-password-button:hover { color: #fff; background-position: left top; } .loginArea .remember-me label { font-size: 14px; font-weight: 300; color: #444; } a#old-login-btn { padding: 11px 20px; margin: 0; display: inline-block; font-weight: bold; font-size: 16px; color: #fff; text-decoration: none; border-radius: 4px; background-image: url('/images/login_old_ma_btn.png'); background-position: right top; } a#old-login-btn:hover { color: #fff; background-position: left top; } a.save-old-ma-btn, a.save-old-ma-btn:focus { font-size: 18px; background: #C80000; padding: 5px 20px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } a.save-old-ma-btn:hover { background: #181818; } .forgottenPassArea { width: 100%; float: left; padding: 27px 0 75px 0; position: relative; } .forgottenPassArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -31px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .forgottenPassArea h1 { margin-bottom: 17px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .forgottenPassArea .text { padding: 30px 0 30px 0; } .forgottenPassArea .text p { font-size: 18px; color: #444; font-weight: 500; text-align: center; line-height: 26px; } .forgottenPassArea .text p.congratulations { font-size: 24px; color: #C80000; font-weight: 700; } .forgottenPassArea .form { padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #dbdbdb; box-shadow: 0 8px 3px -4px rgba(0, 0, 0, 0.14);} .password-reset-button-block { text-align: center; } .password-reset-button, .password-reset-button:focus { min-width: 132px; padding: 9px 10px; margin-top: 10px; display: inline-block; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: url('/images/send_btn.png'); background-position: right top; } .password-reset-button:hover { color: #fff; background-position: left top; } .continue-button-block { text-align: center; } .continue-button, .continue-button:focus { min-width: 132px; padding: 9px 10px; margin-top: 10px; display: inline-block; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: url('/images/send_btn.png'); background-position: right top; } .continue-button:hover { color: #fff; background-position: left top; } .revolutionArea2 { float: left; padding: 25px 0 81px; width: 100%; position: relative; z-index:2; } .revolutionArea2 .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; background: url('/images/down_dotted.png') no-repeat top center; } .revolutionArea2 h2 { margin-bottom: 80px; font-family: 'Open Sans', sans-serif; font-size: 42px; color: #333; font-weight: 700; text-align: center; } .revolutionArea2 h2 span.red { font-size: 50px; } /* UPDATED VERSION*/ .revolutionArea2 h3.year { font-size: 72px; margin: 0; font-weight: bold; text-transform: uppercase; color: #333; margin-top: 30px; } .revolutionArea2 p.update { font-size: 46px; font-weight: bold; text-transform: uppercase; color: #C80000; } .revolutionArea2 p.text { font-size: 36px; font-weight: bold; text-transform: uppercase; color: #333; } .revolutionArea2 .graph { padding: 23px 35px 13px 35px; width: 100%; float: left; font-size: 30px; color: #333; text-align: center; line-height: 36px; } .revolutionArea2 .graph .account { width: 100%; float: left; } .revolutionArea2 .graph .account figure { margin: 0px auto; width: 94%; display: block; position: relative; border-width: 18px 12px 14px 12px; border-color: #31313b #181a26 #181a26 #31313b; border-style: solid; border-radius: 14px 14px 0 0; } /*.revolutionArea2 .graph .account figure a.real:after { padding: 0; margin: 0; position: absolute; bottom: 25px; right: 25px; content: ""; width: 186px; height: 151px; background: url(/images/myfxbook_stamp_2.png) no-repeat center center; }*/ .revolutionArea2 .graph .account figure a.real:after { padding: 0; margin: 0; position: absolute; bottom: 25px; right: 25px; content: ""; width: 186px; height: 151px; background: url(/images/myfxbook_stamp_2.webp) no-repeat center center; } .revolutionArea2 .graph .account img { margin: 0px auto; max-width: 100%; height: auto; } .revolutionArea2 .graph .account .border { width: 100%; height: 24px; float: left; border-radius: 5px; background: #e7e7e7; } .revolutionArea2 .graph .account figure a:before { padding: 0; margin: 0; position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: url(/images/search_icon.png) no-repeat center center; } .revolutionArea2 .graph .account figure a:hover:before { transform: scale(1.2, 1.2); } .revolutionArea2 .advantage { padding: 0 0 10px 0; background-color: #f1f0f0; min-height: 300px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .revolutionArea2 .advantage .title { padding: 0 0 0 118px; position: relative; line-height: 100px; color: #c80000; font-size: 24px; letter-spacing: -1px; } .revolutionArea2 .advantage .title-right { padding: 0 118px 0 0; position: relative; line-height: 100px; color: #c80000; font-size: 24px; letter-spacing: -1px; text-align: right; } .revolutionArea2 .advantage .title span {background-color: #c80000; color: #fff; font-size: 28px; text-align: center; width: 100px; height: 100px; position: absolute; top: 0; left: 0;border-bottom-right-radius: 90%; -moz-border-radius-bottomright: 90%; -webkit-border-bottom-right-radius: 90%;border-top-left-radius: 5%; -moz-border-radius-topleft: 5%; -webkit-border-top-left-radius: 5%; } .revolutionArea2 .advantage .title span.figure1:before {width: 100px; height: 100px; position: absolute; top: -5px; left: -2px; content: "01"; font-size: 60px;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .advantage .title span.figure3:before {width: 100px; height: 100px; position: absolute; top: -5px; left: -2px; content: "03"; font-size: 60px;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .advantage .title span img { display: inline-block; vertical-align: middle; padding: 0 10px 20px 0; } .revolutionArea2 .advantage .title-right span {background-color: #c80000; color: #fff; font-size: 28px; text-align: center; width: 100px; height: 100px; position: absolute; top: 0; right: 0;border-bottom-left-radius: 90%; -moz-border-radius-bottomleft: 90%; -webkit-border-bottom-left-radius: 90%;border-top-right-radius: 5%; -moz-border-radius-topright: 5%; -webkit-border-top-right-radius: 5%; } .revolutionArea2 .advantage .title-right span.figure2:before {width: 100px; height: 100px; position: absolute; top: -6px; left: 5px; content: "02"; font-size: 60px;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .advantage .title-right span.figure4:before {width: 100px; height: 100px; position: absolute; top: -6px; left: 5px; content: "04"; font-size: 60px;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .advantage .title-right span img { display: inline-block; vertical-align: middle; padding: 0 0 20px 10px; } .revolutionArea2 .revolitionized_img { position: relative; } .revolutionArea2 .revolitionized_img img { position: absolute; top: 170px; left: 357px; max-width: 100%; } .revolutionArea2 .advantage .text { padding: 15px 0 0 23px; font-size: 16px; } .revolutionArea2 .advantage .text-right { padding: 15px 23px 0 0; font-size: 16px; text-align: right; } .revolutionArea2 .middle { text-align: center; } .revolutionArea2 .middle img { margin: 0 auto; } .revolutionArea2 .first, .revolutionArea2 .last { padding-top: 10px; padding-left: 5px; padding-right: 5px; } .revolutionArea2 .wedid { } .revolutionArea2 .wedid .box { padding: 0; margin: 0; width: 20%; float: left; margin: 20px 0 0 0; } .revolutionArea2 .wedid .box .text { font-size: 15px; text-align: center; padding: 10px 0 0 0; } .revolutionArea2 .wedid .inner-box { background: url(/images/figure_bckgr.png) no-repeat center center; padding: 20px 0; text-align: center; } .revolutionArea2 .wedid .inner-box img { display: inline-block; text-align: center; } .revolutionArea2 .wedid .inner-box .figure5, .revolutionArea2 .wedid .box .figure6, .revolutionArea2 .wedid .box .figure7, .revolutionArea2 .wedid .box .figure8, .revolutionArea2 .wedid .box .figure9 { position: relative; } .revolutionArea2 .wedid .inner-box .figure5:before {width: 100%; height: 100%; position: absolute; top: -10px; left: 0; content: "05"; font-size: 48px; color: #fff;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .wedid .inner-box .figure6:before {width: 100%; height: 100%; position: absolute; top: -10px; left: 0; content: "06"; font-size: 48px; color: #fff;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .wedid .inner-box .figure7:before {width: 100%; height: 100%; position: absolute; top: -10px; left: 0; content: "07"; font-size: 48px; color: #fff;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .wedid .inner-box .figure8:before {width: 100%; height: 100%; position: absolute; top: -10px; left: 0; content: "08"; font-size: 48px; color: #fff;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .wedid .inner-box .figure9:before {width: 100%; height: 100%; position: absolute; top: -10px; left: 0; content: "09"; font-size: 48px; color: #fff;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea { background-color: #dbdce0; float: left; padding: 25px 0 81px; width: 100%; } .revolutionArea h2 { margin-bottom: 80px; font-family: 'Open Sans', sans-serif; font-size: 42px; color: #333; font-weight: 700; text-align: center; } .revolutionArea h2 span.red { font-size: 50px; } .revolutionArea .advantage { padding: 0 0 30px 0; } .revolutionArea .advantage .title { padding: 0 0 1px 20px; position: relative; border-bottom: 2px solid #c80000; color: #333; font-size: 23px; font-weight: 600; letter-spacing: -1px; } .revolutionArea .advantage .title-right { padding: 0 12px 1px 0; position: relative; border-bottom: 2px solid #c80000; color: #333; font-size: 25px; font-weight: 600; letter-spacing: -1px; } .revolutionArea .advantage .title span { background-color: #c80000; color: #fff; font-size: 28px; text-align: center; width: 40px; height: 40px; border-radius: 50%; position: absolute; bottom: -2px; left: -27px; } .revolutionArea .advantage .title-right span { padding: 0 3px 0 0; background-color: #c80000; color: #fff; font-size: 28px; text-align: center; width: 40px; height: 40px; border-radius: 50%; position: absolute; bottom: -2px; right: -27px; } .revolutionArea .advantage .text { padding: 15px 0 0 0; color: #c80000; font-size: 16px; } .revolutionArea .middle { text-align: center; } .revolutionArea .middle img { margin: 0 auto; } .revolutionArea .first, .revolutionArea .last { padding-top: 30px; } .revolutionArea .wedid { } .revolutionArea .wedid ul { padding-top: 20px; margin: 0; list-style-type: none; } .revolutionArea .wedid ul li { position: relative; padding: 0 0 4px 105px; list-style-type: none; color: #333; font-size: 19px; font-weight: 600; text-transform: uppercase; margin: 10px 0; } .revolutionArea .wedid ul li span { padding: 1px 0 0 0; background-color: #c80000; color: #fff; font-size: 25px; text-align: center; width: 37px; height: 37px; border-radius: 50%; position: absolute; left: 50px; top: -5px; } .earlyBirdsArea { padding: 40px 0 57px 0; width: 100%; float: left; position: relative; z-index: 2; } .earlyBirdsArea h2 { font-size: 38px; } .earlyBirdsArea h3 { font-size: 34px; } .earlyBirdsArea h4 { font-size: 26px; padding: 36px 0 0 0; } .earlyBirdsArea input { border: 2px solid #000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #dbdce0; width: 45%; padding: 10px; line-height: 38px; font-size: 28px; } .earlyBirdsArea img { margin: 0 auto; cursor: pointer; } .spyModuleArea { padding: 53px 0 57px 0; width: 100%; float: left; position: relative; z-index: 2; } .spyModuleArea .graph { padding: 23px 35px 13px 35px; width: 100%; float: left; font-size: 30px; color: #333; text-align: center; line-height: 36px; } .spyModuleArea .graph p { margin-bottom: 23px; } .spyModuleArea .graph p span { font-weight: 500; color: #c80000; } .spyModuleArea .graph p strong { font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 600; } .spyModuleArea .graph .account { width: 100%; float: left; } .spyModuleArea .graph .account figure { margin: 0px auto; width: 94%; display: block; position: relative; border-width: 18px 12px 14px 12px; border-color: #31313b #181a26 #181a26 #31313b; border-style: solid; border-radius: 14px 14px 0 0; } .spyModuleArea .graph .account figure:after { margin-left: -5px; width: 6px; height: 6px; position: absolute; top: -12px; left: 50%; content: ""; border-radius: 50%; background: #fff; } .spyModuleArea .graph .account img { margin: 0px auto; max-width: 100%; height: auto; } .spyModuleArea .graph .account .border { width: 100%; height: 24px; float: left; border-radius: 5px; background: #e7e7e7; } /* footer wrapper */ #footerWrapper { width: 100%; float: left; } /* footerArea */ .footerArea { padding: 25px 0 0 0; width: 100%; float: left; background: #1d1d1d; } .footerArea .footer { padding: 0 0 10px 0; width: 100%; float: left; border-bottom: 1px solid #292929; } .footerArea .footer .footermenu { float: left; } .footerArea .footer .footermenu ul { list-style: none; } .footerArea .footer .footermenu li { padding: 0 45px 0 0; float: left; } .footerArea .footer .footermenu li a { display: block; font-size: 16px; color: #e4e4e4; text-decoration: none; } .footerArea .footer .footermenu li a:hover { color: #CC0000; } .footerArea .footer .social { float: right; } .footerArea .footer .social span { float: left; font-size: 16px; color: #e4e4e4; } .footerArea .footer .social ul { float: left; list-style: none; } .footerArea .footer .social li { padding: 0 0 0 25px; float: left; } .footerArea .footer .social li a { width: 26px; height: 26px; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 26px; text-decoration: none; background-image: url('/images/social_bg.png'); background-position: top right; background-repeat: no-repeat; } .footerArea .footer .social li a:hover { background-position: top left; } .footerArea .bottom { padding: 30px 0 20px 0; width: 100%; float: left; font-size: 14px; color: #e4e4e4; line-height: 24px; } .footerArea .bottom .add:after { width: 1px; height: 31px; position: absolute; top: 0px; right: 0px; content: ""; background: #343434; } .footerArea .bottom p { display: flex; } .footerArea .bottom p i { margin: 4px 16px 0 0; float: left; font-size: 30px; color: #8e8e8e; } .footerArea .bottom a { display: block; color: #e4e4e4; text-align: center; text-decoration: none; } .footerArea .bottom a i { margin-right: 10px; color: #8e8e8e; } .footerArea .bottom a:hover { color: #CC0000; } /* copyright area */ .copyrightArea { padding: 20px 0; width: 100%; float: left; font-size: 14px; color: #7d7d7d; background: #161616; } .copyrightArea a { color: #7d7d7d; text-decoration: none; } .copyrightArea a:hover { color: #CC0000; } .copyrightArea ul { list-style: none; } .copyrightArea li { padding: 0 16px; float: left; border-right: 1px solid #e4e4e4; } .copyrightArea li:last-child { padding-right: 0px; border-right: none; } .copyrightArea li a { display: block; line-height: 16px; } /* easy charts area */ .easychart { height: 134px; width: 134px; margin: 10px auto; position: relative; text-align: center; background-color: #fff; border-radius: 50%; } .easychart canvas { left: 0; position: absolute; top: 0; } .easychart .percent { display: inline-block; line-height: 130px; z-index: 2; font-size: 30px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #333; } .easychart .percent::after { content: "%"; font-size: 0.7em; margin-left: 0.1em; } .easychart .money::after { content: "k"; } .easychart .pf::after { content: ""; } /* disclaimer area */ .disclaimerArea { padding: 30px 0 0 0; width: 100%; float: left; background: #444343; } .disclaimerArea p { margin-bottom: 15px; font-size: 12px; color: #000; font-weight: 300; } /* Confirm on Exit/Close button */ .wsfr-gradient { background: #d50505; /* Old browsers */ background: -moz-linear-gradient(top, #d50505 0%, #8e0303 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d50505), color-stop(100%,#8e0303)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d50505 0%,#8e0303 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d50505 0%,#8e0303 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d50505 0%,#8e0303 100%); /* IE10+ */ background: linear-gradient(to bottom, #d50505 0%,#8e0303 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50505', endColorstr='#8e0303',GradientType=0 ); /* IE6-9 */ } .vf-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5cafa4+0,226869+100 */background: #5cafa4; /* Old browsers */background: -moz-linear-gradient(top, #5cafa4 0%, #226869 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #5cafa4 0%,#226869 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #5cafa4 0%,#226869 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cafa4', endColorstr='#226869',GradientType=0 ); /* IE6-9 */} .fd-gradient { background: #4875ac; /* Old browsers */ background: -moz-linear-gradient(top, #4875ac 0%, #1c4678 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4875ac), color-stop(100%,#1c4678)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4875ac 0%,#1c4678 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4875ac 0%,#1c4678 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4875ac 0%,#1c4678 100%); /* IE10+ */ background: linear-gradient(to bottom, #4875ac 0%,#1c4678 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4875ac', endColorstr='#1c4678',GradientType=0 ); /* IE6-9 */ } .ftd-gradient { background: #02e2fb; /* Old browsers */ background: -moz-linear-gradient(top, #02e2fb 0%, #01053d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02e2fb), color-stop(100%,#01053d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #02e2fb 0%,#01053d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #02e2fb 0%,#01053d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #02e2fb 0%,#01053d 100%); /* IE10+ */ background: linear-gradient(to bottom, #02e2fb 0%,#01053d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e2fb', endColorstr='#01053d',GradientType=0 ); /* IE6-9 */ } .fgi-gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9b81e+0,a27f12+100 */background: #e9b81e; /* Old browsers */background: -moz-linear-gradient(top, #e9b81e 0%, #a27f12 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #e9b81e 0%,#a27f12 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #e9b81e 0%,#a27f12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9b81e', endColorstr='#a27f12',GradientType=0 ); /* IE6-9 */} .backgr-close-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.90; } .wrapper-close-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 101; overflow-y: scroll; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 1; } .ea-block { width: 100%; overflow: hidden; position: relative; } /*.ea-block { width: 100%; border: 1px solid #dcdcdc; overflow: hidden; position: relative; background-color: #F0F0F0; }*/ .ea-block img { display: inline-block; } .ea-block-gold { width: 100%; overflow: hidden; border: 2px solid #61c7f5; } .ea-block-gold-bckgr { background-image: url( /images/forex_diamond/bckgr_fd_gold.png ); background-repeat: no-repeat; z-index: 12; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .wrapper-close-btn .title { font-size: 36px; } /* modal dialog */ .modal-body ul { list-style-position: inside; } /* subscription status box */ .subscription-status-box { padding: 15px 60px; margin: 0; width: 100%; background-color: #efbdb9; font-size: 15px; } .subscription-status-box .ssb-content { margin: 0 auto; max-width: 1070px; } /* wallstreet asia area */ .wallstreetAsiaArea { width: 100%; float: left; padding: 31px 0 78px 0; position: relative; z-index: 1; } .wallstreetAsiaArea .info {background-color: #e9eaeb; text-align: left; padding: 30px 10px; margin: 0 0 30px 0;} .wallstreetAsiaArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down_dotted.png') no-repeat top center; } .wallstreetAsiaArea h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .wallstreetAsiaArea p {color: #333;} .wallstreetAsiaArea ul.main {list-style: none;} .wallstreetAsiaArea ul.main li {padding: 0 0 26px 35px; color: #333;} .wallstreetAsiaArea ul.main li:before {content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #C80000;} .wallstreetAsiaArea h2 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 26px; color: #333; font-weight: 600; text-align: center; } .wallstreetAsiaArea .box {margin: 50px 0; padding: 0; color: #333;} .wallstreetAsiaArea .box .image {display:inline-block; float: left; padding: 0 30px 0 0;} .wallstreetAsiaArea .box .text {display: inline-block;float: left;} .wallstreetAsiaArea .backtest { padding: 33px 0 0 0; width: 100%; float: left; position: relative; background-color: #fff; } .wallstreetAsiaArea .backtest .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; z-index: 2; background: url('/images/down6_dotted.png') no-repeat top center; } .wallstreetAsiaArea .backtest h2 { margin-bottom: 22px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; line-height: 40px; } .wallstreetAsiaArea .backtest .test { padding-bottom: 35px; width: 100%; float: left; text-align: center; font-size: 18px; color: #333; line-height: 28px; } .wallstreetAsiaArea .backtest .test p { font-weight: 500; } .wallstreetAsiaArea .backtest .test p strong { font-weight: 500; } .wallstreetAsiaArea .backtest .test h3 { margin-bottom: 30px; font-size: 30px; font-weight: 500; line-height: 43px; } .wallstreetAsiaArea .backtest .test h3 strong { display: block; font-family: 'Open Sans', sans-serif; font-size: 40px; color: #c80000; font-weight: 700; } .wallstreetAsiaArea .backtest .test ul.history { margin-bottom: 45px; width: 100%; float: left; list-style: none; } .wallstreetAsiaArea .backtest .test ul.history li { width: 25%; float: left; } .wallstreetAsiaArea .backtest .test ul.history li a { display: block; color: #333; font-weight: 700; text-decoration: none; } .wallstreetAsiaArea .backtest .test ul.history li a cite { padding-bottom: 23px; display: block; font-style: normal; } .wallstreetAsiaArea .backtest .test ul.history li a span { width: 100%; height: 2px; float: left; position: relative; background: #333; } .wallstreetAsiaArea .backtest .test ul.history li a span.first { width: 50%; margin-left: 50%; } .wallstreetAsiaArea .backtest .test ul.history li a span.first:before { left: 0; } .wallstreetAsiaArea .backtest .test ul.history li a span.last { width: 50%; } .wallstreetAsiaArea .backtest .test ul.history li a span.last:before { left: 100%; } .wallstreetAsiaArea .backtest .test ul.history li a span:before { margin-left: -8px; width: 22px; height: 22px; position: absolute; top: -10px; left: 50%; content: ""; border-radius: 50%; border: 2px solid #333; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #fff; } .wallstreetAsiaArea .backtest .test ul.history li a:hover span:before, .wallstreetAsiaArea .backtest .test ul.history li.active a span:before { border: 2px solid #333; background: #c80000; } .wallstreetAsiaArea .backtest .test figure { padding: 16px 0 19px 0; width: 100%; float: left; } .wallstreetAsiaArea .backtest .test figure img { margin: 0px auto; } .wallstreetAsiaArea .backtest .fullback-background { padding: 0 0 30px 0; background: #6e6e6e; } .wallstreetAsiaArea .backtest .fullback { padding: 18px 0 0 0; width: 100%; float: left; } .wallstreetAsiaArea .backtest .fullback h2 { margin-bottom: 42px; color: #ffffff; text-align: center; } .wallstreetAsiaArea .backtest .fullback .full { margin: 15px 0; } .wallstreetAsiaArea .backtest .fullback .full .sub { width: 100%; float: left; border: 1px solid #dadada; border-radius: 5px; box-shadow: 0 8px 3px -2px rgba(0,0,0,0.1); background: #fff; } .wallstreetAsiaArea .backtest .fullback .full .per { padding: 11px 0; width: 100%; float: left; font-size: 18px; color: #333; font-weight: 500; text-align: center; line-height: 26px; background: #dadada; } .wallstreetAsiaArea .backtest .fullback .full .per span { display: block; } .wallstreetAsiaArea .backtest .fullback .full .text { padding: 24px 24px 19px 24px; width: 100%; float: left; } .wallstreetAsiaArea .backtest .fullback .full .text figure { margin: 0 15px 0 0; float: left; } .wallstreetAsiaArea .backtest .fullback .full .text h4 { margin-top: 0px; font-size: 28px; color: #333; font-weight: 700; text-transform: uppercase; } .wallstreetAsiaArea .backtest .fullback .full .text p { font-size: 14px; color: #323333; line-height: 18px; } .wallstreetAsiaArea .backtest .fullback .full .text a { padding: 9px 30px; display: inline-block; font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 4px; background-image: url('/images/click_btn.png'); background-position: right top; } .wallstreetAsiaArea .backtest .fullback .full .text a:hover { color: #fff; background-position: left top; } .wallstreetAsiaArea .backtest .fullback .view { margin: 48px auto -23px auto; width: 157px; height: 44px; display: block; font-size: 18px; color: #cc0000; font-weight: 500; text-align: center; text-decoration: none; line-height: 44px; background-image: url('/images/view_btn.png'); background-position: right top; } .wallstreetAsiaArea .backtest .fullback .view:hover { color: #fff; background-position: left top; } .wallstreetAsiaArea .backtest .chart { padding: 0; margin: 15px auto 20px; width: 900px; max-width: 100%; border-radius: 5px; box-shadow: 0 8px 3px -4px rgba(0,0,0,0.14); background: #fff; } .wallstreetAsiaArea .backtest .chart .title { height: 50px; background: #c70000 url(/images/red_stripped_backgr.jpg) repeat top left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wallstreetAsiaArea .backtest .chart .title .year { color: #fff; font-size: 22px; font-weight: 500; float: left; padding: 10px 0 0 20px; } .wallstreetAsiaArea .backtest .chart .title .pair { color: #fff; font-size: 26px; font-weight: 700; float: right; padding: 11px 20px 0 0; } .wallstreetAsiaArea .backtest .chart .image { text-align: center; padding: 25px; } .wallstreetAsiaArea .backtest .chart .image img { display: inline-block; max-width: 100%; } .wallstreetAsiaArea .fullback h2 { margin-bottom: 42px; color: #333; text-align: center; } .wallstreetAsiaArea .fullback .full { margin: 15px 0; } .wallstreetAsiaArea .fullback .full .sub { width: 100%; float: left; border: 1px solid #dadada; border-radius: 5px; box-shadow: 0 8px 3px -2px rgba(0,0,0,0.1); background: #fff; } .wallstreetAsiaArea .fullback .full .per { padding: 11px 0; width: 100%; float: left; font-size: 18px; color: #333; font-weight: 500; text-align: center; line-height: 26px; background: #dadada; } .wallstreetAsiaArea .fullback .full .per span { display: block; } .wallstreetAsiaArea .fullback .full .image { padding: 12px 10px 0 20px; width: 100%; float: left; text-align: center; } .wallstreetAsiaArea .fullback .full .image img {max-width: 100%;} .wallstreetAsiaArea .fullback .full .text { padding: 24px 24px 19px 24px; width: 100%; float: left; } .wallstreetAsiaArea .fullback .full .text figure { margin: 0 30px 0 0; float: left; } .wallstreetAsiaArea .fullback .full .text h4 { margin-top: 0px; font-size: 28px; color: #333; font-weight: 700; text-transform: uppercase; } .wallstreetAsiaArea .fullback .full .text p { font-size: 14px; color: #323333; line-height: 18px; } .wallstreetAsiaArea .fullback .full .text a { width: auto; padding: 9px 30px; display: inline-block; font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 4px; background-image: url('/images/click_btn.png'); background-position: right top; } .wallstreetAsiaArea .fullback .full .text a:hover { color: #fff; background-position: left top; } .wallstreetAsiaArea .fullback .view { margin: 48px auto -23px auto; width: 157px; height: 44px; display: block; font-size: 18px; color: #cc0000; font-weight: 500; text-align: center; text-decoration: none; line-height: 44px; background-image: url('/images/view_btn.png'); background-position: right top; } .wallstreetAsiaArea .fullback .view:hover { color: #fff; background-position: left top; } /* sitemap area */ .sitemapArea { width: 100%; float: left; padding: 31px 0 78px 0; position: relative; z-index: 1; } .sitemapArea h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .sitemapArea p {color: #333;} .sitemapArea i {color: #C80000;} .sitemapArea ul {list-style: none;} .sitemapArea ul li {padding: 0 0 0 35px; color: #333;} .sitemapArea ul li:before {content: "\e032"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #C80000;} .sitemapArea h2 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 26px; color: #333; font-weight: 600; text-align: center; } /* --------- ONLY COPIES LEFT ----------*/ div.only-copies-left-container {padding: 0;margin: 0;position: relative;} div.only-copies-left {padding: 0 10px;margin: 0;position: absolute;top: -450px;right: 50px;width: 150px;height: 205px;background-color: #c72e0c;z-index: 1000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} div.only-copies-left div.title {padding: 15px 0 0 0;margin: 0;font-size: 21px;text-align: center;color: #fff;line-height: 21px;font-weight: 700;} div.only-copies-left div.title span {font-size: 22px;} div.only-copies-left div.copies {padding: 0 5px;margin: 15px 5px 0 5px;color: #010000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;} div.only-copies-left div.copies span.num {float: left;font-size: 40px;padding: 0;text-align: center;width: 46px;font-weight: 700;} div.only-copies-left div.copies span.txt {padding: 12px 0 0 0;float: right;text-align: center;font-size: 17px;line-height: 17px;font-weight: 700;} div.only-copies-left div.link {padding: 0;margin: 20px 0 0 0;text-align: center;} div.only-copies-left div.link a {background: rgb(241,231,103);background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);background: linear-gradient(to bottom, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 );-webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;color: #141517;font-size: 15px;font-weight: 700;padding: 8px 20px 8px 20px;text-decoration: none;} div.only-copies-left div.link a:hover {background: rgb(234,185,45);background: -moz-linear-gradient(top, rgba(234,185,45,1) 0%, rgba(199,152,16,1) 100%);background: -webkit-linear-gradient(top, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 );text-decoration: none;} /* ----------- Special offers -------------- */ div#special-offers-block {padding: 0;margin: 0;width: 100%;} div#special-offers-block .top-line {width: 100%;min-height: 50px;background: #000;border-bottom: 2px solid #ccc;} div#special-offers-block .logo {float: left;margin-top: -3px;padding: 9px 50px 0 15px;} div#special-offers-block .middle-content {float: left;font-size: 24px;font-weight: bold;color: yellow;padding: 7px 15px 0 15px;} div#special-offers-block .back-button {float: right;padding: 6px 15px 0 0;} div#special-offers-block .back-button a {padding: 8px 15px;font-size: 18px;line-height: 18px;text-transform: uppercase;text-decoration: none;display: inline-block;font-weight: bold;color: #fff;background: rgb(217,0,0);background: -moz-linear-gradient(top, rgba(217,0,0,1) 0%, rgba(146,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(217,0,0,1) 0%,rgba(146,0,0,1) 100%);background: linear-gradient(to bottom, rgba(217,0,0,1) 0%,rgba(146,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90000', endColorstr='#920000',GradientType=0 );-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #ea0000;} div#special-offers-block .back-button a:hover {text-decoration: none;} div#special-offers-block iframe {width: 100%;border: none;margin: 0;padding: 0;} /* ------------- Chrismas -------------- */ .xmas-counter-ma { width: 585px; border: 1px solid #dddddd; background-color: #e9e9e9; text-align: center; margin: 0 auto; padding: 10px 32px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,1); box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,1); } div.big-counter-xmas-ma { background: url(/images/black_friday_bckgr_2015_11.png) top left no-repeat; height: 121px; margin: 0 auto; position: relative; } div.big-counter-xmas-ma div.xmas-counter-dash { width: 53px; height: 2px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity: 0.30; opacity: 0.30; position: absolute; top: 364px; left: 0; z-index: 2; } div.big-counter-xmas-ma div.xmas-counter-dash { top: 46px; left: 5px; } div.big-counter-xmas-ma div.xmas-time-left { position: absolute; width: 63px; height: 69px; z-index: 1; top: 328px; left: 227px; padding: 6px 0 0 0; margin: 0; text-align: center; font-size: 68px; color: #fafafb; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } div.big-counter-xmas-ma div.xmas-time-left { top: -8px; left: 0; } /* ----------- Black Friday -------------- */ .blackFridayArea { width: 100%; float: left; padding: 30px 0 30px 0; position: relative; background-image: url(/images/black_friday/bf_home_banner_backgr.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .blackFridayArea .bf-banner { text-align: center; } .blackFridayArea .bf-banner img { display: inline !important; } .blackFridayMABanner { width: 100%; float: left; padding: 30px 0 30px 0; position: relative; background-image: url(/images/black_friday/bf_home_banner_backgr.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .blackFridayMABanner .bf-banner { text-align: center; } .blackFridayMABanner .bf-banner img { display: inline !important; } .blackFridayMAOffers { width: 100%; float: left; padding: 30px 0 0 0; } .blackFridayALOffer { width: 100%; float: left; padding: 50px 0 50px 0; } .blackFridayOrderArea { background-image: url(/images/black_friday/bf_home_banner_backgr.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .blackFridayOrderArea .order li { color: #fff; } .blackFridayOrderArea .discount .rate span { color: #fff; } .blackFridayOrderArea .discount .rate span cite:after { background: #fff; } .blackFridayOrderArea .discount figure { margin: 15px 0 0 54px; } .blackFridayOrderArea .order { padding-top: 25px; } .blackFridayOrderArea .discount .rate { margin: -30px 27px 0 0; } .blackFridayOrderArea .bonus-boxes { padding-top: 50px; } .blackFridayLineArea { width: 100%; float: left; padding: 20px 0 15px 0; background-image: url(/images/black_friday/bf_home_banner_backgr.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .blackFridayLineArea .text { font-weight: 700; color: #fff; font-size: 30px; text-align: center; } .bf-counter { position: relative; width: 580px; max-width: 90%; margin: 0 auto; } .bf-counter .bf-time-left { float: left; font-size: 68px; font-weight: 700; color: #404040; text-align: center; } .bf-counter .bf-counter-digits { position: absolute; top: 0; left: 0; width: 100%; } /* Flash class and keyframe animation */ .flash-pulse{ color:#333; font-weight: 700; font-size: 30px; -webkit-animation: flash linear 1s infinite; animation: flash linear 3s infinite; } @-webkit-keyframes flash-pulse { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } @keyframes flash-pulse { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } /* ------------- Confirm Exit Counter -------------- */ .confirm-exit-counter-bckgr { max-width: 60%; margin: 10px 0; } .confirm-exit-counter { width: 300px; max-width: 100%; margin: 0 auto; padding: 20px 0; } .confirm-exit-counter .bf-time-left-OLD { position: absolute; width: 0; height: 69px; z-index: 1; top: 328px; left: 227px; padding: 6px 0 0 0; margin: 0; text-align: center; font-size: 36px; color: #40403e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .confirm-exit-counter .bf-time-left {float: left;width: 9%;height: 50px;line-height: 50px;padding: 0;margin: 0 1% 0 1%;text-align: center;font-size: 36px;color: #40403e;font-weight: bold;font-family: Arial, Helvetica, sans-serif;background: #fcfcfc;background: -moz-linear-gradient(top, #fcfcfc 0%, #e1e1e1 50%, #fafafa 51%, #e1dede 100%);background: -webkit-linear-gradient(top, #fcfcfc 0%,#e1e1e1 50%,#fafafa 51%,#e1dede 100%);background: linear-gradient(to bottom, #fcfcfc 0%,#e1e1e1 50%,#fafafa 51%,#e1dede 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e1dede',GradientType=0 );-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .confirm-exit-counter .confirm-exit-labels { padding: 5px 0 0 0; width: 100%; } .confirm-exit-counter .confirm-exit-labels .item { padding: 0; margin-right: 5%; width: 21%; font-size: 9px; color: #fff; text-align: center; float: left; text-transform: uppercase; } .confirm-exit-counter .confirm-exit-labels .item:last-child {margin-right: 0;} .confirm-exit-counter .bf-time-left-dots { float: left; color: #fff; width: 4%; height: 50px; line-height: 42px; text-align: center; font-size: 36px; font-weight: bold; font-family: Times New Roman;} .confirm-exit-counter .bf-time-left { top: 0; left: 0; } .confirm-exit-counter .time_left_hours_first_promo { left: 98px; } .confirm-exit-counter .time_left_hours_second_promo { left: 136px; } .confirm-exit-counter .time_left_minutes_first_promo { left: 186px; } .confirm-exit-counter .time_left_minutes_second_promo { left: 225px; } .confirm-exit-counter .time_left_seconds_first_promo{ left: 276px; } .confirm-exit-counter .time_left_seconds_second_promo { left: 316px; } /* --------- Black Friday floating block ----------*/ div.bf-floating-block-container {padding: 0;margin: 0;position: relative;} div.bf-floating-block {padding: 0 10px;margin: 0;position: absolute;top: -450px;right: 50px;width: 150px;height: 205px;background-color: #c72e0c;z-index: 1000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} div.bf-floating-block div.title {padding: 10px 0 0 0;margin: 0;font-size: 32px;text-align: center;color: #000;line-height: 30px;font-weight: 700;} div.bf-floating-block div.discount {padding: 0 5px;margin: 15px 5px 0 5px;color: #010000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;font-size: 46px;text-align: center;font-weight: 700;} div.bf-floating-block div.link {padding: 0;margin: 20px 0 0 0;text-align: center;} div.bf-floating-block div.link a {background: rgb(241,231,103);background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);background: linear-gradient(to bottom, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 );-webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;color: #141517;font-size: 15px;font-weight: 700;padding: 8px 20px 8px 20px;text-decoration: none;} div.bf-floating-block div.link a:hover {background: rgb(234,185,45);background: -moz-linear-gradient(top, rgba(234,185,45,1) 0%, rgba(199,152,16,1) 100%);background: -webkit-linear-gradient(top, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 );text-decoration: none;} /* ----------- Cyber Monday -------------- */ .cyberMondayArea { width: 100%; float: left; padding: 30px 0 0 0; position: relative; background-image: url(/images/cyber_monday/cm_home_banner_backgr.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .cyberMondayArea .cm-banner { text-align: center; } .cyberMondayArea .cm-banner img { display: inline !important; } .cyberMondayArea .cm-counter-block { width: 100%; height: 146px; padding: 10px 0; background-image: url(/images/cyber_monday/cm_counter_backgr.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .cm-counter { position: relative; width: 580px; max-width: 90%; margin: 0 auto; } .cm-counter .cm-time-left { float: left; font-size: 78px; font-weight: 700; color: #404040; text-align: center; } .cm-counter .cm-counter-digits { position: absolute; top: 0; left: 0; width: 100%; } .cyberMondayOrderArea { background-image: url(/images/cyber_monday/cm_home_banner_backgr.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .cyberMondayOrderArea .order li { color: #fff; } .cyberMondayOrderArea .discount .rate span { color: #fff; } .cyberMondayOrderArea .discount .rate span cite:after { background: #fff; } .cyberMondayOrderArea .discount figure { margin: 15px 0 0 54px; } .cyberMondayOrderArea .order { padding-top: 25px; } .cyberMondayOrderArea .discount .rate { margin: -30px 27px 0 0; } .cyberMondayOrderArea .bonus-boxes { padding-top: 15px; } .cyberMondayOrderArea .order a.now { width: 336px; max-width: 100%; padding: 17px 24px; margin-top: 25px; float: left; font-size: 36px; color: #fff; font-weight: 700; text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2); border-radius: 4px; background-image: url('/images/get_btn_yellow.png'); background-position: right top; } .cyberMondayOrderArea .order a.now span { padding-left: 4px; margin-right: 18px; width: 50px; height: 50px; float: left; font-size: 24px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #e9bd3e; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d3a10f; } .cyberMondayOrderArea .order a.now:hover span { background-color: #d30f0f; border: 1px solid #ec4545; } /* ----------- Xmas -------------- */ .xmasArea { width: 100%; float: left; padding: 0; position: relative; } .xmasArea .xmas-banner { text-align: center; } .xmasArea .xmas-banner img { display: inline !important; } .xmasArea .xmas-date { padding: 7px 0; background-color: #dbdce0; border-top: 3px solid #2d2d2d; border-bottom: 3px solid #2d2d2d; color: #3f3f3f; font-size: 30px; font-weight: 500; } .xmas-counter { position: relative; width: 580px; max-width: 90%; margin: 0 auto; } .xmas-counter .xmas-time-left { float: left; font-size: 64px; line-height: 72px; font-weight: 700; color: #404040; text-align: center; } .xmas-counter .xmas-counter-digits { position: absolute; top: 0; left: 0; width: 100%; } /* .xmas-counter-top:before { position: absolute; top: 0; left: -230px; width: 180px; height: 70px; z-index: 100; content: ""; background: url(/images/xmas/countdown_text.png) no-repeat top left; } .xmas-counter-top:after { position: absolute; top: 0; right: -230px; width: 180px; height: 70px; z-index: 100; content: ""; background: url(/images/xmas/countdown_text.png) no-repeat top left; } */ .xmasOrderArea { background-image: url(/images/xmas/xmas_order_area_backgr2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .xmasOrderArea .xmas-promo-line { width: 100%; } /************ Xmas Giftr **********/ .xmasGift { width: 100%; float: left; position: relative; z-index: 1; } .xmasGift:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.25; z-index: -1; background-size: cover; } .xmasGift .content { /*width: 1600px;*/ max-width: 100%; margin: 0 auto; padding: 0 0 10px 0; } .xmasGift .content h2 { font-size: 60px; font-weight: bold; font-family: 'Roboto', sans-serif; text-align: center; color: #C80000; margin: 0; padding: 20px 0 10px 0; } .xmasGift .content h3 { font-size: 24px; font-weight: bold; font-family: 'Roboto', sans-serif; text-align: center; margin: 0; padding: 20px 0 10px 0; } .xmasGift .content h4 { font-size: 20px; font-family: 'Roboto', sans-serif; text-align: center; margin: 0; padding: 0; } .xmasGift .content .box { color: #fff; text-align: center; padding: 10px; margin: 20px 5px; } .xmasGift .content .box .box-img { width: 190px; max-width: 100%; margin: 0 auto; padding: 5px 0 0 0; } .xmasGift .content .box .box-img img { max-width: 100%; } .xmasGift .content .box .title { text-transform: uppercase; font-size: 18px; font-weight: 700; padding-top: 15px; font-family: 'Roboto', sans-serif; color: #C80000; } .xmasGift .content .box .regular-price { font-style: italic; color: #333; font-size: 14px; padding: 5px 0 0 0; } /* ----------- Winter -------------- */ .winterArea { width: 100%; float: left; padding: 0; position: relative; } .winterArea .winter-banner { text-align: center; } .winterArea .winter-banner img { display: inline !important; } .winterArea .winter-date { padding: 7px 0; background-color: #dbdce0; border-top: 3px solid #2d2d2d; border-bottom: 3px solid #2d2d2d; color: #3f3f3f; font-size: 30px; font-weight: 500; } .winter-counter { position: relative; width: 580px; max-width: 90%; margin: 0 auto; } .winter-counter .winter-time-left { float: left; font-size: 64px; line-height: 72px; font-weight: 700; color: #404040; text-align: center; } .winter-counter .winter-counter-digits { position: absolute; top: 0; left: 0; width: 100%; } /*.winter-counter-top:before { position: absolute; top: 0; left: -230px; width: 180px; height: 70px; z-index: 100; content: ""; background: url(/images/xmas/countdown_text.png) no-repeat top left; }*/ /*.winter-counter-top:after { position: absolute; top: 0; right: -230px; width: 180px; height: 70px; z-index: 100; content: ""; background: url(/images/xmas/countdown_text.png) no-repeat top left; }*/ .winterOrderArea { background-image: url(/images/xmas/xmas_order_area_backgr2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .winterOrderArea .winter-promo-line { width: 100%; background-color: #DBDBDB; } /* ----------- VPS Area -------------- */ .vpsArea { width: 100%; float: left; padding:0; margin-bottom: 30px; } .vpsArea h1 { margin-bottom: 30px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #c80000; font-weight: 600; text-align: center; } .vpsArea .title { padding: 15px 0 10px 0; text-align: center; font-size: 36px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .vpsArea p { color: #333; } .vpsArea img { display: inline-block; } .vpsArea .gray-background { padding: 25px 0 25px 0; width: 100%; background: #E9EAEB; } .vpsArea .visit-btn, .visit-btn:focus { font-size: 18px; text-transform: uppercase; background: #C80000; padding: 15px 20px; margin-top: 10px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .vpsArea .visit-btn:hover { background: #181818; } .vpsArea .pricelist { margin-top: 10px; background: #fff; list-style-type: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:2px 2px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:2px 2px 5px 0px rgba(50, 50, 50, 0.75); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } .vpsArea .pricelist li { padding: 5px 10px; font-size: 14px; text-align: center; border-bottom: 1px solid #c7cace; list-style-type: none } .vpsArea .pricelist li.plan-name { padding: 10px; font-size: 26px; font-weight: 700; color: #c80000; } .vpsArea .pricelist li.price { font-size: 42px; font-weight: 700; color: #fff; background-color: #7c7f82; } .vpsArea .pricelist li.price sup { font-size: 18px; font-weight: 500; } .vpsArea .pricelist li.last { padding: 18px 0 20px 0; border-bottom: none; } .vpsArea .pricelist .order-btn, .vpsArea .pricelist .order-btn:focus { font-size: 14px; text-transform: uppercase; background: #3ea108; padding: 6px 20px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; } .vpsArea .pricelist .order-btn:hover { background: #181818; } /************** Launc special offer VF2.0 **********/ .launch-promo-img { max-width: 100%; display: inline-block; } .launch-promo-counter { position: absolute; top: 19%; right: 212px; width: 43%; } .launch-promo-counter h3 { margin-top: 17px; font-size: 24px; line-height: 36px; } .launch-promo-counter .clock { padding: 0 14px 0 0; width: 70%; float: right; background: #f1efef; position: relative; } .launch-promo-counter .clock i { position: absolute; background: url(../images/addition_curve_3_prelaunch.png) no-repeat center top; width: 29px; height: 100%; right: auto; top: 0; left: -29px; background-size: 100% 100%; } .launch-promo-counter .clock ul { list-style: none; text-align: center; padding: 0 0 0 25px; margin: 5px 0 0 0; } .launch-promo-counter .clock li { width: 20.5%; float: left; } .launch-promo-counter .clock li.point { width: 6%; font-family: font-size: 56px; color: #eec228; } .launch-promo-counter .clock li p { margin: 0 0 5px 0; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #21433c; } .launch-promo-counter .clock li span { width: 100%; float: left; } .launch-promo-counter .clock li cite { width: 49%; margin-bottom: 10px; height: 51px; font-weight: 600; float: left; position: relative; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; font-style: normal; border-radius: 4px; background-color: #eec228; color: #0e4b44; } .launch-promo-counter .clock li cite:last-child { float: right; } .launch-promo-counter .clock li cite:after { width: 100%; height: 1px; position: absolute; top: 50%; left: 0px; content: ""; background: #a88201; } .launch-promo-counter .end { display: block; color: #fff !important; font-size: 24px;font-family: 'Roboto Condensed', sans-serif; text-align: right; padding: 0 8% 0 0; } /* ----------- promo counter 2017 -------------- */ .x-btn-promo-counter { color: #000; line-height: 26px; background-color: #f2b719; } .x-btn-promo-counter #flipcountdown_summer_3 .xdsoft_flipcountdown { vertical-align: middle; } .x-btn-promo-counter #flipcountdown_summer_4 .xdsoft_flipcountdown { vertical-align: middle; } .x-btn-promo-counter #flipcountdown_summer_5 .xdsoft_flipcountdown { vertical-align: middle; } .x-btn-promo-counter #flipcountdown_summer_6 .xdsoft_flipcountdown { vertical-align: middle; } /* --------- Myfxbook charts --------- */ div.myfxbook-chart { padding: 0; margin: 0; max-width: 80%; display: inline-block; } div.myfxbook-chart div.account-title { padding: 3px 0 3px 5px; margin: 0; color: #ffffff; text-align: left; font-size: 10px; font-weight: bold; background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top, #7d7e7d 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d7e7d 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d7e7d 0%,#111111 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d7e7d 0%,#111111 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d7e7d 0%,#111111 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ } div.myfxbook-chart div.chart { padding: 0; margin: 0; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; } /*********** Confirm Exit 2 ************/ .x-btn-title { text-align: center; font-size: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 38px 0 30px 0; color: #FFF; } .ea-block2 { width: 100%; overflow: hidden; text-align: center; background-color: #FFF; position: relative; margin: 0 0 10px 0; } .ea-block2 .pips-title { font-size: 24px; padding: 10px 0; font-family: 'Roboto Condensed', sans-serif; color: #00AD46; } .ea-block2 .pips-title2 { font-size: 22px; padding: 0 0 10px; font-family: 'Roboto Condensed', sans-serif; color: #000; } .ea-block2 .pips-title3 { font-size: 22px; padding: 0 0 10px; font-family: 'Roboto Condensed', sans-serif; color: #024590; text-transform: uppercase; font-weight: bold; } .ea-block2 .pips-title4 { font-size: 22px; padding: 0 0 10px; font-family: 'Roboto Condensed', sans-serif; color: #C80000; font-weight: bold; } /* ------ FTD ------*/ .ea-block2 .ftd-gradient2 {height: 210px;margin: 0 0 180px 0;border-bottom-left-radius: 20%;border-bottom-right-radius: 20%;background: -moz-linear-gradient(90deg, rgba(21,101,129,1) 0%, rgba(42,177,197,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42,177,197,1)), color-stop(100%, rgba(21,101,129,1)));background: -webkit-linear-gradient(90deg, rgba(21,101,129,1) 0%, rgba(42,177,197,1) 100%);background: -o-linear-gradient(90deg, rgba(21,101,129,1) 0%, rgba(42,177,197,1) 100%);background: -ms-linear-gradient(90deg, rgba(21,101,129,1) 0%, rgba(42,177,197,1) 100%);background: linear-gradient(0deg, rgba(21,101,129,1) 0%, rgba(42,177,197,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab1c5', endColorstr='#156581',GradientType=0 );} .ea-block2 .ftd-gradient2 .title { color: #FFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding: 15px 0 0 0; } .ea-block2 .ftd-gradient2 .box { position: relative; padding: 0; } .ea-block2 .ftd-gradient2 .box .hexagon { position: relative; width: 280px; height: 161.66px; background-color: #ffffff; margin: 80.83px auto; border-left: solid 2px #5ea8c0; border-right: solid 2px #5ea8c0; } .ea-block2 .ftd-gradient2 .box .hexagon:before, .ea-block2 .ftd-gradient2 .box .hexagon:after { content: ""; position: absolute; z-index: 1; width: 197.99px; height: 197.99px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 39.0051px; } .ea-block2 .ftd-gradient2 .box .hexagon:before { top: -98.9949px; border-top: solid 2.8284px #5ea8c0; border-right: solid 2.8284px #5ea8c0; } .ea-block2 .ftd-gradient2 .box .hexagon:after { bottom: -98.9949px; border-bottom: solid 2.8284px #5ea8c0; border-left: solid 2.8284px #5ea8c0; } .ea-block2 .ftd-gradient2 .box .image-box { position: relative; left: 0; top: -30px; z-index: 100; display: inline-block; } .ea-block2 .ftd-gradient2 .box .label-box { position: absolute; top: 63%; right: 0; z-index: 101; max-width: 45%; } .ea-block2 .ftd-gradient2 .box .label-box-summer-so { position: absolute; top: 63%; left: -62px; z-index: 101; } .ea-block2 .ftd-gradient2 .box .label-box-xmas { position: absolute; top: 70%; right: -10px; z-index: 101; } /* ------ FD ------*/ .ea-block2 .fd-gradient2 {height: 210px;margin: 0 0 180px 0;border-bottom-left-radius: 20%;border-bottom-right-radius: 20%;background: -moz-linear-gradient(90deg, rgba(31,73,124,1) 0%, rgba(38,88,153,1) 48%, rgba(69,145,245,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69,145,245,1)), color-stop(52%, rgba(38,88,153,1)), color-stop(100%, rgba(31,73,124,1)));background: -webkit-linear-gradient(90deg, rgba(31,73,124,1) 0%, rgba(38,88,153,1) 48%, rgba(69,145,245,1) 100%);background: -o-linear-gradient(90deg, rgba(31,73,124,1) 0%, rgba(38,88,153,1) 48%, rgba(69,145,245,1) 100%);background: -ms-linear-gradient(90deg, rgba(31,73,124,1) 0%, rgba(38,88,153,1) 48%, rgba(69,145,245,1) 100%);background: linear-gradient(0deg, rgba(31,73,124,1) 0%, rgba(38,88,153,1) 48%, rgba(69,145,245,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4591F5', endColorstr='#1f497c',GradientType=0 );} .ea-block2 .fd-gradient2 .title { color: #FFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding: 15px 0 0 0; } .ea-block2 .fd-gradient2 .box { position: relative; padding: 0; } .ea-block2 .fd-gradient2 .box .hexagon { position: relative; width: 280px; height: 161.66px; background-color: #ffffff; margin: 80.83px auto; border-left: solid 2px #123C7A; border-right: solid 2px #123C7A; } .ea-block2 .fd-gradient2 .box .hexagon:before, .ea-block2 .fd-gradient2 .box .hexagon:after { content: ""; position: absolute; z-index: 1; width: 197.99px; height: 197.99px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 39.0051px; } .ea-block2 .fd-gradient2 .box .hexagon:before { top: -98.9949px; border-top: solid 2.8284px #123C7A; border-right: solid 2.8284px #123C7A; } .ea-block2 .fd-gradient2 .box .hexagon:after { bottom: -98.9949px; border-bottom: solid 2.8284px #123C7A; border-left: solid 2.8284px #123C7A; } .ea-block2 .fd-gradient2 .box .image-box { position: relative; left: 0; top: -30px; z-index: 100; display: inline-block; } .ea-block2 .fd-gradient2 .box .label-box { position: absolute; top: 63%; right: 0; z-index: 101; max-width: 45%; } .ea-block2 .fd-gradient2 .box .label-box-summer-so { position: absolute; top: 63%; left: -62px; z-index: 101; } .ea-block2 .fd-gradient2 .box .label-box-xmas { position: absolute; top: 70%; right: -10px; z-index: 101; } /* ------ VF2.0 ------*/ .ea-block2 .vf-gradient2 {height: 210px;margin: 0 0 180px 0;border-bottom-left-radius: 20%;border-bottom-right-radius: 20%;ckground: -moz-linear-gradient(90deg, rgba(20,30,29,1) 0%, rgba(88,154,149,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88,154,149,1)), color-stop(100%, rgba(20,30,29,1)));background: -webkit-linear-gradient(90deg, rgba(20,30,29,1) 0%, rgba(88,154,149,1) 100%);background: -o-linear-gradient(90deg, rgba(20,30,29,1) 0%, rgba(88,154,149,1) 100%);background: -ms-linear-gradient(90deg, rgba(20,30,29,1) 0%, rgba(88,154,149,1) 100%);background: linear-gradient(0deg, rgba(20,30,29,1) 0%, rgba(88,154,149,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589a95', endColorstr='#141e1d',GradientType=0 );} .ea-block2 .vf-gradient2 .title { color: #FFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding: 15px 0 0 0; } .ea-block2 .vf-gradient2 .box { position: relative; padding: 0; } .ea-block2 .vf-gradient2 .box .hexagon { position: relative; width: 280px; height: 161.66px; background-color: #ffffff; margin: 80.83px auto; border-left: solid 2px #6c9c98; border-right: solid 2px #6c9c98; } .ea-block2 .vf-gradient2 .box .hexagon:before, .ea-block2 .vf-gradient2 .box .hexagon:after { content: ""; position: absolute; z-index: 1; width: 197.99px; height: 197.99px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 39.0051px; } .ea-block2 .vf-gradient2 .box .hexagon:before { top: -98.9949px; border-top: solid 2.8284px #6c9c98; border-right: solid 2.8284px #6c9c98; } .ea-block2 .vf-gradient2 .box .hexagon:after { bottom: -98.9949px; border-bottom: solid 2.8284px #6c9c98; border-left: solid 2.8284px #6c9c98; } .ea-block2 .vf-gradient2 .box .image-box { position: relative; left: 0; top: -30px; z-index: 100; display: inline-block; } .ea-block2 .vf-gradient2 .box .label-box { position: absolute; top: 63%; right: 0; z-index: 101; max-width: 45%; } .ea-block2 .vf-gradient2 .box .label-box-summer-so { position: absolute; top: 63%; left: -62px; z-index: 101; } .ea-block2 .vf-gradient2 .box .label-box-xmas { position: absolute; top: 70%; right: -10px; z-index: 101; } /* ------ VF2.0 ------*/ .ea-block2 .fgi-gradient2 {height: 210px;margin: 0 0 180px 0;border-bottom-left-radius: 20%;border-bottom-right-radius: 20%;background: -moz-linear-gradient(90deg, rgba(163,127,18,1) 0%, rgba(232,183,29,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232,183,29,1)), color-stop(100%, rgba(163,127,18,1)));background: -webkit-linear-gradient(90deg, rgba(163,127,18,1) 0%, rgba(232,183,29,1) 100%);background: -o-linear-gradient(90deg, rgba(163,127,18,1) 0%, rgba(232,183,29,1) 100%);background: -ms-linear-gradient(90deg, rgba(163,127,18,1) 0%, rgba(232,183,29,1) 100%);background: linear-gradient(0deg, rgba(163,127,18,1) 0%, rgba(232,183,29,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b71d', endColorstr='#a37f12',GradientType=0 );} .ea-block2 .fgi-gradient2 .title { color: #FFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding: 15px 0 0 0; } .ea-block2 .fgi-gradient2 .box { position: relative; padding: 0; } .ea-block2 .fgi-gradient2 .box .hexagon { position: relative; width: 280px; height: 161.66px; background-color: #ffffff; margin: 80.83px auto; border-left: solid 2px #e6b61d; border-right: solid 2px #e6b61d; } .ea-block2 .fgi-gradient2 .box .hexagon:before, .ea-block2 .fgi-gradient2 .box .hexagon:after { content: ""; position: absolute; z-index: 1; width: 197.99px; height: 197.99px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 39.0051px; } .ea-block2 .fgi-gradient2 .box .hexagon:before { top: -98.9949px; border-top: solid 2.8284px #e6b61d; border-right: solid 2.8284px #e6b61d } .ea-block2 .fgi-gradient2 .box .hexagon:after { bottom: -98.9949px; border-bottom: solid 2.8284px #e6b61d; border-left: solid 2.8284px #e6b61d; } .ea-block2 .fgi-gradient2 .box .image-box { position: relative; left: 0; top: -30px; z-index: 100; display: inline-block; } .ea-block2 .fgi-gradient2 .box .label-box { position: absolute; top: 63%; right: 0; z-index: 101; max-width: 45%; } .ea-block2 .fgi-gradient2 .box .label-box-summer-so { position: absolute; top: 63%; left: -62px; z-index: 101; } .ea-block2 .fgi-gradient2 .box .label-box-xmas { position: absolute; top: 70%; right: -10px; z-index: 101; } /* ------ WSFR2.0 ------*/ .ea-block2 .wsfr-gradient2 {height: 210px;margin: 0 0 180px 0;border-bottom-left-radius: 20%;border-bottom-right-radius: 20%;background: -moz-linear-gradient(90deg, rgba(123,1,1,1) 0%, rgba(154,0,0,1) 49%, rgba(246,18,18,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246,18,18,1)), color-stop(51%, rgba(154,0,0,1)), color-stop(100%, rgba(123,1,1,1)));background: -webkit-linear-gradient(90deg, rgba(123,1,1,1) 0%, rgba(154,0,0,1) 49%, rgba(246,18,18,1) 100%);background: -o-linear-gradient(90deg, rgba(123,1,1,1) 0%, rgba(154,0,0,1) 49%, rgba(246,18,18,1) 100%);background: -ms-linear-gradient(90deg, rgba(123,1,1,1) 0%, rgba(154,0,0,1) 49%, rgba(246,18,18,1) 100%);background: linear-gradient(0deg, rgba(123,1,1,1) 0%, rgba(154,0,0,1) 49%, rgba(246,18,18,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f61212', endColorstr='#7b0101',GradientType=0 );} .ea-block2 .wsfr-gradient2 .title { color: #FFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding: 15px 0 0 0; } .ea-block2 .wsfr-gradient2 .box { position: relative; padding: 0; } .ea-block2 .wsfr-gradient2 .box .hexagon { position: relative; width: 280px; height: 161.66px; background-color: #ffffff; margin: 80.83px auto; border-left: solid 2px #870202; border-right: solid 2px #870202; } .ea-block2 .wsfr-gradient2 .box .hexagon:before, .ea-block2 .wsfr-gradient2 .box .hexagon:after { content: ""; position: absolute; z-index: 1; width: 197.99px; height: 197.99px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 39.0051px; } .ea-block2 .wsfr-gradient2 .box .hexagon:before { top: -98.9949px; border-top: solid 2.8284px #870202; border-right: solid 2.8284px #870202; } .ea-block2 .wsfr-gradient2 .box .hexagon:after { bottom: -98.9949px; border-bottom: solid 2.8284px #870202; border-left: solid 2.8284px #870202; } .ea-block2 .wsfr-gradient2 .box .image-box { position: relative; left: 0; top: -30px; z-index: 100; } .ea-block2 .wsfr-gradient2 .box .label-box { position: absolute; top: 63%; right: 0; z-index: 101; max-width: 45%; } .ea-block2 .wsfr-gradient2 .box .label-box-summer-so { position: absolute; top: 63%; left: -62px; z-index: 101; } .ea-block2 .wsfr-gradient2 .box .label-box-xmas { position: absolute; top: 70%; right: -10px; z-index: 101; } img.visit-site { display: inline-block; } /*---- Promo Offer Popup ----*/ .promo-offer {padding: 0;margin: 0;overflow: hidden;}.promo-offer .head {background: -moz-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(192,192,192,1)));background: -webkit-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 100%);background: linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=0 );border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding: 17px 0;} .promo-offer .head .title { font-size: 42px; color: #e80000; text-transform: uppercase; font-weight: 600; letter-spacing: -2px; } .promo-offer .body { color: #fff; padding: 45px 0 35px 0; } .promo-offer .body .text { font-size: 46px; text-transform: uppercase; } .promo-offer .body .robot-name { font-size: 36px; } .promo-offer .body .price { font-size: 36px; } .promo-offer .body .price .red { color: #ff0000; font-weight: bold; text-decoration: line-through; } .promo-offer .body .price .green { color: #00c638; font-size: 42px; font-weight: bold; } .promo-offer .body .italic { font-style: italic; font-size: 24px; } .promo-offer .body .one-time-offer { color: #e80000; font-size: 18px; width: 100%; margin: 35px auto; } .backgr-close-btn-promo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.90; } .wrapper-close-btn-promo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; overflow-y: scroll; } /* Forex GOLD Investor Counter */ .fgi_counter { position: absolute; top: 125px; right: 60px; width: 45%; } .fgi_counter .text-under { font-size: 20px; color: #fff; text-align: center; } .fgi_counter .clock { padding: 0 14px; width: 100%; float: right; border-width: 1px; border-style: solid; /*border-color: #ac870c #f2cc4d #f2cc4d #ac870c; box-shadow: 1px 1px 1px #ac870c inset; */background: #000; } .fgi_counter .clock ul { list-style: none; text-align: center; padding: 0; } .fgi_counter .clock li { width: 20.5%; float: left; } .fgi_counter .clock li.point { width: 6%; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; line-height: 1.7; font-size: 45px; color: #e9b80f; } .fgi_counter .clock li p { margin: 0 0 5px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #fff; } .fgi_counter .clock li span { width: 100%; float: left; } .fgi_counter .clock li cite { width: 49%; height: 40px; float: left; position: relative; font-family: 'Roboto Condensed', sans-serif; font-size: 30px; font-style: normal; border-radius: 4px; background-color: #E9B80F; font-weight: bold; color: #000; -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.5); } .fgi_counter .clock li cite:last-child { float: right; } .fgi_counter .clock li cite:after { width: 100%; height: 1px; position: absolute; top: 50%; left: 0px; content: ""; background: #323232; } /* ----------- how to be successful pdf -------------- */ .how-to-be-successful { padding: 15px 15px 15px 60px; font-size: 14px; color: #414141; border:1px solid #d6d6d6; background: #f5f5f5 url(/images/warning_30x30.png) no-repeat 15px 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} /************ Members offer **********/ .members_offer_sec { width: 100%; float: left; background-color: #000; position: relative; z-index: 1; } /*.members_offer_sec:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.25; z-index: -1; background: url('/images/walls_bg2.jpg') no-repeat top center; background-size: cover; }*/ .members_offer_sec:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.25; z-index: -1; background: url('/images/walls_bg2.webp') no-repeat top center; background-size: cover; } .members_offer_sec .content { /*width: 1600px;*/ max-width: 100%; margin: 0 auto; padding: 0 0 10px 0; } .members_offer_sec .content h2 { font-size: 32px; font-weight: 700; font-family: 'Roboto', sans-serif; text-align: center; color: #fff; margin: 0; padding: 20px 0 10px 0; } .members_offer_sec .content h2 span { color: #C80000; } .members_offer_sec .content .box { background-color: #F2F2F2; color: #fff; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin: 20px 5px; } .members_offer_sec .content .box .box-img { width: 190px; max-width: 100%; margin: 0 auto; padding: 5px 0 0 0; } .members_offer_sec .content .box .box-img img { max-width: 100%; } .members_offer_sec .content .box .title { text-transform: uppercase; font-size: 20px; font-weight: 700; padding-top: 5px; font-family: 'Roboto', sans-serif; color: #333; } .members_offer_sec .content .box .regular { font-size: 22px; text-decoration: line-through; color: #333; } .members_offer_sec .content .box .special { font-size: 32px; font-weight: 700; color: #d60000; } .members_offer_sec .content .box .text { font-size: 16px; font-style: italic; font-family: 'Roboto', sans-serif; color: #333; } .members_offer_sec .content .box .btn, .members_offer_sec .content .box .btn:focus { max-width: 100%; height:40px; padding:0 30px; margin:20px 0 15px 0; display:inline-block; font-size:18px; font-weight: 500; color: #fff; line-height:40px; font-family: 'Roboto', sans-serif; background: #a80000; border-radius:3px; } .members_offer_sec .content .box .btn i{ margin:0 0 0 5px; font-weight: 300;} .members_offer_sec .content .box .btn:hover { color:#fff; background: #000; } .members_offer_sec .content .hot-offer { position: absolute; text-transform: uppercase; background: #ffe502; padding: 3px 0 0 0; font-weight: bold; border: 3px solid #ff240e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 205px; color: #ff240e; top: 5px; text-align: center; margin: 0 auto; left: 0; right: 0; } .members_offer_xmas { background: #BD0000; } .members_offer_xmas:after { background: none; } .members_offer_xmas .content h2 { font-size: 32px; } /************ Xmas Exit offer **********/ .xmax_x_box { background-color: #F2F2F2; color: #fff; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin: 20px 5px; } .xmax_x_box .box-img { width: 150px; max-width: 100%; margin: 0 auto; padding: 0; } .xmax_x_box .box-img img { max-width: 100%; } .xmax_x_box .title { text-transform: uppercase; font-size: 18px; font-weight: 700; padding-top: 5px; font-family: 'Roboto', sans-serif; color: #333; } .xmax_x_box .regular { font-size: 22px; text-decoration: line-through; color: #333; } .xmax_x_box .special { font-size: 32px; font-weight: 700; color: #d60000; } .xmax_x_box .text { font-size: 16px; font-style: italic; font-family: 'Roboto', sans-serif; color: #333; } .xmax_x_box .btn, .xmax_x_box .btn:focus { max-width: 100%; height:40px; padding:0 30px; margin:0; display:inline-block; font-size:18px; font-weight: 500; color: #fff; line-height:40px; font-family: 'Roboto', sans-serif; background: #a80000; border-radius:3px; } .xmax_x_box .btn i{ margin:0 0 0 5px; font-weight: 300;} .xmax_x_box .btn:hover { color:#fff; background: #000; } /* .xmax_x_offer_sec .content .box { background-color: #F2F2F2; color: #fff; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin: 20px 5px; } .xmax_x_offer_sec .content .box .box-img { width: 190px; max-width: 100%; margin: 0 auto; padding: 5px 0 0 0; } .xmax_x_offer_sec .content .box .box-img img { max-width: 100%; } .xmax_x_offer_sec .content .box .title { text-transform: uppercase; font-size: 20px; font-weight: 700; padding-top: 5px; font-family: 'Roboto', sans-serif; color: #333; } .xmax_x_offer_sec .content .box .regular { font-size: 22px; text-decoration: line-through; color: #333; } .xmax_x_offer_sec .content .box .special { font-size: 32px; font-weight: 700; color: #d60000; } .xmax_x_offer_sec .content .box .text { font-size: 16px; font-style: italic; font-family: 'Roboto', sans-serif; color: #333; } .xmax_x_offer_sec .content .box .btn, .members_offer_sec .content .box .btn:focus { max-width: 100%; height:40px; padding:0 30px; margin:20px 0 15px 0; display:inline-block; font-size:18px; font-weight: 500; color: #fff; line-height:40px; font-family: 'Roboto', sans-serif; background: #a80000; border-radius:3px; } .xmax_x_offer_sec .content .box .btn i{ margin:0 0 0 5px; font-weight: 300;} .xmax_x_offer_sec .content .box .btn:hover { color:#fff; background: #000; } */ .x_offer_xmas { background: #BD0000; } .x_offer_xmas:after { background: none; } .x_offer_xmas .content h2 { font-size: 32px; } /* OVERWRITE col-md, col-sm*/ /*.members_offer_sec .col-md-2 { width: 20%; }*/ /* ----------- Cooki Consent -------------- */ div.cookie-consent { padding: 20px; position: fixed; right: 15px; bottom: 15px; z-index: 10000; max-width: 400px; background-color: #000; } div.cookie-consent span { color: #fff; font-size: 14px; } div.cookie-consent span a { color: #fff; text-decoration: underline; } div.cookie-consent .consent-btn-block { text-align: center; padding-top: 15px;} div.cookie-consent .consent-btn { padding: 5px 30px; margin:0; background-color: #eec228; color: #fefefe; font-size: 14px; background:#eec228; border-radius:3px; text-transform: uppercase; } div.cookie-consent .consent-btn:hover { color:#fff; background: #ffc600; } @media (max-width:480px) { div.cookie-consent { right: 0px; bottom: 0px; max-width: 100%; width: 100%; } } /* GENERAL CSS CODE END */ /* profit/pips area */ .profitPipsArea { width: 100%; float: left; background-color: #f1f0f0; } .profitPipsArea h3 {font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; line-height: 43px; text-align: center; } /* total profit area */ .totalProfitArea { width: 100%; float: left; background-color: #161616; color: #fff;} .totalProfitArea .box {margin: 0; padding: 0; width: 100%; text-align: center;} .totalProfitArea .box .text {float: left; margin: 20px 0; width: 33%; font-size: 36px; line-height: 45px; font-weight: 700; padding-top: 0; text-align: right;} .totalProfitArea .box .dollar {float: left; margin: 20px 0; width: 33%; font-size: 104px; line-height: 90px; font-weight: 700; color: #f9d81c;} .totalProfitArea .box .buy {float: left; margin: 20px 0; padding-left: 20px; width: 33%; text-align: left;} .totalProfitArea .box .buy a {padding: 9px 10px; line-height: 90px; color: #fff; border-radius: 4px; background-image: url('/images/login_btn.png'); background-position: right top; background-repeat: no-repeat;} .totalProfitArea .box .buy a:hover { color: #a80000; background-position: left top;} /* slogan area */ .sloganArea { padding: 0 0 20px 0; width: 100%; float: left; text-align: center; background: #fff; } .sloganArea h3 { margin-bottom: 25px; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 700; font-weight: 700; line-height: 42px; color: #333; } .sloganArea p { font-size: 22px; line-height: 22px; color: #333; font-family: 'Roboto', sans-serif; } /* outperform area */ .outperformArea{ width:100%; float:left; padding: 30px 0 30px 0; margin:0; background:url(../images/outperform_bg.jpg) no-repeat right top; background-size: cover;} .outperformArea .inner{ padding: 15px 0 30px 0; max-width: 100%; width: 890px; margin: 0 auto;} .outperformArea .title_info{ text-align: center;} .outperformArea .title_info h2{ margin-bottom: 25px; color: #333; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 700; line-height: 42px; } .outperformArea h3{ color: #333; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 700; line-height: 42px; } .outperformArea p{ padding: 5px 0; font-size: 18px; color: #333; font-family: 'Roboto', sans-serif;} .outperformArea figure{ width:100%; float:left; padding:0; margin:0;} .outperformArea figure img{ width:100%;} .outperformArea ul { padding: 5px 0 10px 0; margin: 0; list-style-type: none; } .outperformArea ul li { padding: 0 0 5px 0; font-size: 18px; color: #333; font-family: 'Roboto', sans-serif; } .outperformArea ul li i { font-size: 18px; color: #c80000; margin-right: 3px; } .outperformArea a.reserve { font-size: 26px; color: #026aba; } .outperformArea a.reserve:hover { color: #C80000; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* RESPONSIVE CSS CODE BEGIN */ @media (max-width: 480px) { /* user-menu */ .user-menu ul { display: inline; } .user-menu li { display: inline-block; float: left; width: 100%; } .user-menu li:nth-child(2), .user-menu li:nth-child(3), .user-menu li:nth-child(4), .user-menu li:nth-child(5), .user-menu li:nth-child(6), .user-menu li:nth-child(7), .user-menu li:nth-child(8) { border-top: 1px solid #424448; } .bannerArea .chart { background-size: 200% auto !important; } .bannerArea .overlay p { padding: 25px 0 5px 0; } .bannerArea .overlay a.buy-btn { margin: 0; } .orderArea .bonus-boxes { margin-left: 0px; margin-top: 20px; } .orderArea .bonus-boxes img { width: 49%; margin-top: 0; } .orderArea .discount .rate a { position: relative !important; left: 0 !important; right: 0; } .orderArea .discount .rate a img { margin: 0 auto; } .orderArea .discount figure { margin-top: 30px !important; } .historicalArea .test li a { font-size: 12px !important; } .historicalArea .chart .title { height: 40px; } .historicalArea .chart .title .year { font-size: 14px; padding: 5px 0 0 10px; } .historicalArea .chart .title .pair { font-size: 16px; padding: 5px 10px 0 0; } .historicalArea .chart .image { padding: 10px 5px; } .historicalArea .fullback .full .text figure {float: none; margin: 0;text-align: center;} .historicalArea .fullback .full .text h4 {text-align: center;} .historicalArea .fullback .full .text p {text-align: center;} .historicalArea .fullback .full .text a {margin-left: 52px;} .historicalArea .fullback .full .text figure img {display: inline-block;} /* forex diamond ea */ .forexDiamondArea .head .money-gaurantee img { position: absolute; top: -10px; right: 14%; margin-right: -40px; max-width: 14%; } /* forex trend detector */ .forexTrenDetectorArea .head .money-gaurantee img { position: absolute; top: -12px; right: 16%; margin-right: -40px; max-width: 14%; } .testimonialsArea .testimonial .comment:after { position: absolute; top: -25px; left: 25px; content: ''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 0 solid transparent; border-bottom: 25px solid rgba(255, 255, 255, 0.2); } #bonuses .offer .top .round { width: 180px; height: 180px; } .guaranteArea .guarante a { padding: 18px 15px !important; margin: 0 0 20px 0; text-align: center; float: left; font-size: 22px !important; line-height: 32px; background-image: none; background: #a80000; } .guaranteArea .guarante a span { display: none; } .guaranteArea .guarante a:hover { background: #000; } /* revolution area */ .revolutionArea2 .graph .account figure a:before { display: none; } .revolutionArea2 .graph .account figure a.real:after { background-size: 35%; bottom: -45px; right: -60px; } /* performance area */ .graphArea .graph .account figure a:before { display: none; } .graphArea .graph .account figure a.real:after { background-size: 35%; bottom: -45px; right: -60px; } /* performance area */ .performanceArea .performance figure a:before { display: none; } .performanceArea .performance figure a:after { display: none; } /* additional license area */ .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .info-counter { display: none; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .info-counter-none { display: block; } .additiolLicenseArea .promotion .extended { background: #dcdcdc; } .earlyBirdsArea input { width: 100%; } .earlyBirdsArea img { max-width: 100% } .specialOfferArea a { padding: 18px 15px !important; margin: 20px auto 20px auto; text-align: center; display: block; font-size: 22px !important; line-height: 32px; background-image: none; background: #a80000; background-repeat: no-repeat; } .specialOfferArea a span { display: none; } .specialOfferArea a:hover { background: #000; } .specialOfferArea .one-time-offer { display: block; } .affnetworksArea .bottom-text { padding: 50px 0 0 0; } .affAdvantagesArea .reasons { padding: 0; } .affCustomersGetArea .title { font-size: 28px; } .affCustomersGetArea .title img { max-width: 100%; bottom: -10px; left: 0; } .affCustomersGetArea .affCustomersGetAreaInner { padding: 0; } .affGetLinkArea .affGetLinkInnerArea { padding: 0; } .brushed > .bg > img { display: none; } .affGetAccessArea .affGetAccessInnerArea .form .get-link { max-width: 100%; } .affGetAccessArea .affGetAccessInnerArea .form a.aff-registration-btn { padding: 15px 18px 15px 18px; font-size: 24px; } .affnetworksArea p { line-height: 44px; } /************** Launc special offer VF2.0 **********/ .launch-promo-counter { display: none; } .launch-promo-counter .end { display: none; } .revolutionArea2 .revolitionized_img { display: none; } .revolutionArea2 .advantage .title { font-size: 18px; padding: 0 0 5px 110px; } .revolutionArea2 .advantage .title-right { font-size: 18px; padding: 0 110px 5px 0; } .revolutionArea2 .wedid .box { width: 100%; } /***** Confirm Exit ******/ .x-btn-title { font-size: 20px; } /* ----- FTD ----- */ .ea-block2 .ftd-gradient2 { margin: 0 0 100px 0; } .ea-block2 .ftd-gradient2 .title { font-size: 18px; } .ea-block2 .ftd-gradient2 .box .hexagon { width: 220px; height: 127.02px; margin: 63.51px auto; } .ea-block2 .ftd-gradient2 .box .hexagon:before, .ea-block2 .ftd-gradient2 .box .hexagon:after { width: 155.56px; height: 155.56px; left: 30.2183px; } .ea-block2 .ftd-gradient2 .box .hexagon:before { top: -77.7817px; } .ea-block2 .ftd-gradient2 .box .hexagon:after { bottom: -77.7817px; } .ea-block2 .ftd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .ftd-gradient2 .box .label-box { max-width: 35%; right: 0; top: 67%; max-width: 45%; } .ea-block2 .ftd-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .ftd-gradient2 .box .label-box-xmas { max-width: 80%; right: -40px; top: 97%; } /* ----- FD ----- */ .ea-block2 .fd-gradient2 { margin: 0 0 100px 0; } .ea-block2 .fd-gradient2 .title { font-size: 18px; } .ea-block2 .fd-gradient2 .box .hexagon { width: 220px; height: 127.02px; margin: 63.51px auto; } .ea-block2 .fd-gradient2 .box .hexagon:before, .ea-block2 .fd-gradient2 .box .hexagon:after { width: 155.56px; height: 155.56px; left: 30.2183px; } .ea-block2 .fd-gradient2 .box .hexagon:before { top: -77.7817px; } .ea-block2 .fd-gradient2 .box .hexagon:after { bottom: -77.7817px; } .ea-block2 .fd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fd-gradient2 .box .label-box { max-width: 35%; right: 0; top: 67%; max-width: 45%; } .ea-block2 .fd-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .fd-gradient2 .box .label-box-xmas { max-width: 80%; right: -40px; top: 97%; } /* ----- VF ----- */ .ea-block2 .vf-gradient2 { margin: 0 0 100px 0; } .ea-block2 .vf-gradient2 .title { font-size: 18px; } .ea-block2 .vf-gradient2 .box .hexagon { width: 220px; height: 127.02px; margin: 63.51px auto; } .ea-block2 .vf-gradient2 .box .hexagon:before, .ea-block2 .vf-gradient2 .box .hexagon:after { width: 155.56px; height: 155.56px; left: 30.2183px; } .ea-block2 .vf-gradient2 .box .hexagon:before { top: -77.7817px; } .ea-block2 .vf-gradient2 .box .hexagon:after { bottom: -77.7817px; } .ea-block2 .vf-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .vf-gradient2 .box .label-box { max-width: 35%; right: 0; top: 67%; max-width: 45%; } .ea-block2 .vf-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .vf-gradient2 .box .label-box-xmas { max-width: 80%; right: -40px; top: 97%; } /* ----- FGI ----- */ .ea-block2 .fgi-gradient2 { margin: 0 0 100px 0; } .ea-block2 .fgi-gradient2 .title { font-size: 18px; } .ea-block2 .fgi-gradient2 .box .hexagon { width: 220px; height: 127.02px; margin: 63.51px auto; } .ea-block2 .fgi-gradient2 .box .hexagon:before, .ea-block2 .fgi-gradient2 .box .hexagon:after { width: 155.56px; height: 155.56px; left: 30.2183px; } .ea-block2 .fgi-gradient2 .box .hexagon:before { top: -77.7817px; } .ea-block2 .fgi-gradient2 .box .hexagon:after { bottom: -77.7817px; } .ea-block2 .fgi-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fgi-gradient2 .box .label-box { max-width: 35%; right: 0; top: 67%; max-width: 45%; } .ea-block2 .fgi-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .fgi-gradient2 .box .label-box-xmas { max-width: 80%; right: -40px; top: 97%; } /* ----- WSFR2 ----- */ .ea-block2 .wsfr-gradient2 { margin: 0 0 100px 0; } .ea-block2 .wsfr-gradient2 .title { font-size: 18px; } .ea-block2 .wsfr-gradient2 .box .hexagon { width: 220px; height: 127.02px; margin: 63.51px auto; } .ea-block2 .wsfr-gradient2 .box .hexagon:before, .ea-block2 .wsfr-gradient2 .box .hexagon:after { width: 155.56px; height: 155.56px; left: 30.2183px; } .ea-block2 .wsfr-gradient2 .box .hexagon:before { top: -77.7817px; } .ea-block2 .wsfr-gradient2 .box .hexagon:after { bottom: -77.7817px; } .ea-block2 .wsfr-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .wsfr-gradient2 .box .label-box { max-width: 35%; right: 0; top: 67%; max-width: 45%; } .ea-block2 .wsfr-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .wsfr-gradient2 .box .label-box-xmas { max-width: 80%; right: -40px; top: 97%; } .members_offer_sec .content .hot-offer { top: -15px; } /* Xmas */ .xmasGift .content h2 { font-size: 32px; } .xmasGift .content h3 { font-size: 18px; } .xmasGift .content h4 { font-size: 16px; } /* Thank you Offer/UPSELL */ .thankYouAreaOffer {padding: 20px 0 78px 0;} .thankYouAreaOffer .wrap { margin: 0 10px; } .thankYouAreaOffer .wrap h1 {font-size: 32px;} .thankYouAreaOffer .wrap h2 {font-size: 18px;} .thankYouAreaOffer .wrap .box {width: 100%;} .thankYouAreaOffer .wrap .price {width: 100%;padding: 20px 0 0 0;} .thankYouAreaOffer .wrap .price h3 {padding: 0;font-size: 18px;} .thankYouAreaOffer .wrap .price .content {margin: 15px 0;} .thankYouAreaOffer .wrap .price .content .regular .text {font-size: 20px;} .thankYouAreaOffer .wrap .price .content .current .text {font-size: 20px;} .thankYouAreaOffer .wrap .btn, .thankYouAreaOffer .wrap .btn:focus {font-size: 22px;padding: 5px 20px;} .thankYouAreaOffer .wrap h1.chart {font-size: 24px;padding: 30px 0 5px 0;} .remainArea .limited-offer {font-size: 30px;} /* WallStreetAsiaArea */ .wallstreetAsiaArea .backtest {float: none;} .wallstreetAsiaArea .backtest h2 {font-size: 26px;} .wallstreetAsiaArea .fullback .full .text {text-align: center;} .wallstreetAsiaArea .fullback .full .text figure {float: none;} .wallstreetAsiaArea .fullback .full .text figure img {margin: 0 auto;} } @media (max-width: 1349px) { /*#bannerWrapper li { background-image: url(/images/header_background_2.jpg ) !important; }*/ #bannerWrapper .bannerArea { background-image: none !important; } /*#bannerWrapper .bannerArea { background-image: url(/images/header_chart.png ) !important; }*/ .bannerArea .chart { background: url(/images/header_chart.png) no-repeat bottom center; background-size: 100% auto; } .forexTrenDetectorArea .graph { position: absolute; top: 26%; left: 5%; z-index: 1; max-width: 88%; } img.visit-site { max-width: 80%; } } @media only screen and (max-width: 767px) { #headerWrapper .mobilemenubtn { padding: 0 10px; display: block; float: right; font-size: 25px; color: #fff; font-weight: normal; text-decoration: none; border: 1px solid #fff; } /* menu area */ .menuArea { margin: 15px 0 0 0; display: none; width: 100%; border-top: 1px solid #e4e4e4; } .menuArea li { padding: 0; width: 100%; border-bottom: 1px solid #e4e4e4; } .menuArea li a { padding: 15px 10px; font-size: 22px; font-weight: 600; text-transform: uppercase; } .menuArea li.login { padding: 0; } .menuArea li.login a { padding: 15px 10px; background-image: none; border-radius: 0px; background: #a80000; } .menuArea li.login a:hover { color: #a80000; background: #fff; } /* banner wrapper */ #bannerWrapper li { height: auto; } /* banner area */ .bannerArea { padding: 25px 0 0 0; } .bannerArea .overlay { padding: 80px 0 100px 0; } .bannerArea .overlay figure { margin: 0 0 15px 0; float: none; } .bannerArea .overlay figure img { height: auto; margin: 0 auto; } .bannerArea .overlay h1 { margin: 0 0 12px 0; font-size: 36px; line-height: 40px; } .bannerArea .overlay abuy-btn:hover { color: #d60000; background-position: left top; } .bannerArea .image { display: none; } .bannerArea .overlay .box { max-width: 100%; } .bannerArea .overlay .text { text-align: center; margin: 0; } .bannerArea .chart { background-size: 140% auto; } .bannerArea .overlay p { padding: 25px 0 5px 0; } .bannerArea .overlay a.buy-btn { margin: 0; } /* remain area */ .remainArea .clock { padding: 7px 10px; margin: 20px 0 0 0; width: 100%; } .remainArea .clock li.point { padding-top: 25px; font-size: 42px; } .remainArea .clock li cite { width: 49%; height: 67px; font-size: 30px; line-height: 67px; } .remainArea .clock li p { font-size: 13px; } /* roboto area */ .robotoArea .wall { margin: 13px 0; } /* offer area */ .offerArea h2 { margin-bottom: 49px; } .offerArea .offer { padding-right: 15px; margin: 50px 0; float: left; } /* offer area */ .offerArea .now { padding: 0; } .offerArea .now .get a { padding: 18px 15px; margin: 0 0 20px 0; float: left; font-size: 25px; line-height: 32px; text-transform: uppercase; background-image: none; background: #a80000; } .offerArea .now .get a span { display: none; } .offerArea .now .get a:hover { background: #000; } /* wallstreet area */ .wallstreetArea { padding: 13px 0 50px 0; } .wallstreetArea h2 { font-size: 30px; line-height: 38px; } /* graph area */ .graphArea .real { padding: 0 15px; margin-bottom: 30px; } .graphArea .real:last-child { padding: 0 15px; margin-bottom: 0px; } .graphArea .real .pull-left,.graphArea .real .pull-right { width: 100%; } .graphArea .real img { max-width: 100%; width: 100%; height: auto; } .graphArea .graph { padding: 23px 0 13px 0; font-size: 20px; line-height: 26px; } .graphArea .graph p strong { font-size: 20px; line-height: 26px; } .graphArea .graph .account .border { height: 13px; } /* spy module area */ .spyModuleArea .graph { padding: 23px 0 13px 0; font-size: 20px; line-height: 26px; } .spyModuleArea .graph p strong { font-size: 20px; line-height: 26px; } .spyModuleArea .graph .account .border { height: 13px; } /* benefits area */ .benefitsArea h2 { font-size: 26px; } .benefitsArea .benefits { padding-right: 15px; } .benefitsArea .benefits .col { padding: 0 15px 25px 15px; } .benefitsArea .benefits figure { margin: 3px 0 10px 0; display: inline-block; } .benefitsArea .pull-left,.benefitsArea .pull-right { width: 100%; } .benefitsArea .imgae img { width: 100%; } /* systems area */ .systemsArea h2 { font-size: 26px; } /* guarante area */ .guaranteArea .money { display: none; } .guaranteArea .guarante { padding: 10px 15px 30px 15px; } .guaranteArea .guarante h3 { margin-bottom: 25px; font-size: 26px; } .guaranteArea .guarante p { display: block; } .guaranteArea .guarante a { padding: 22px 20px 16px 20px; font-size: 26px; } .guaranteArea .guarante a span { margin: -5px 10px 0 0; } /* performance area */ .performanceArea .performance figure { padding: 10px; } /* features area */ .featuresArea { padding: 0; } .featuresArea .features { padding: 0; background: none; } .featuresArea .features .right { padding-left: 0; } .featuresArea .features li { padding: 0 0 20px 0; font-size: 18px; } .featuresArea .features .leftf { padding-top: 45px; background: #161616; } .featuresArea .features .right { padding: 40px 15px; background: #c40103; } /* forex area */ .forexArea { padding: 30px 0 40px 0; } .forexArea h2 br { display: none; } .forexArea h2 { font-size: 30px; } .forexArea .forex figure { padding: 27px 0 0 0; } .forexArea .forex figure img { width: 60%; } /* rock area */ .rockArea h3 br { display: none; } .rockArea h3 { font-size: 26px; } /* customers area */ .customersArea .customers { padding: 0; } .customersArea h3 { font-size: 28px; } .customersArea .customers .flex-direction-nav li a { top: 41%; } /* exactly area */ .exactlyArea { padding: 30px 0 50px 0; } .exactlyArea h3 { font-size: 28px; } .exactlyArea .exactly { padding: 0 0 15px 0; width: 100%; float: left; } .exactlyArea .exactly .wall { padding: 4px 15px 0 15px; } .exactlyArea .exactly img { margin: 0px auto 20px auto; max-width: 100%; height: auto; float: none !important; } /* historical area */ .historicalArea { padding: 25px 0 77px 0; } .historicalArea h2 { font-size: 30px; } /*.historicalArea .test { display: none; }*/ .historicalArea .test li a { font-size: 14px; } .historicalArea .fullback { padding: 0; } .historicalArea .fullback .full { margin: 10px 0; } /* impressive area */ .impressiveArea h2 { font-size: 30px; } .impressiveArea .very figure { display: none; } .impressiveArea .very .text { padding: 25px 15px 0 15px; } /* trading area */ .tradingArea h3 { font-size: 26px; line-height: 33px; } /* longer area */ .longerArea h3 { font-size: 26px; } /* package area */ .packageArea .package .sub, .packageArea .package:nth-child(4n) .sub, .packageArea .package:nth-child(5n) .sub, .packageArea .package:nth-child(6n) .sub { padding: 25px 30px 15px 30px; min-height: auto; } /* reason area */ .reasonArea .loss { padding: 15px; font-size: 18px; } .reasonArea li:first-child a, .reasonArea li:last-child a { border-radius: 0px; } .reasonArea li { width: 33.33%; } .reasonArea li a { font-size: 16px; } .reasonArea ul { margin-bottom: 30px; } /* fedup area */ .fedupArea .fedup { width: 100%; } .fedupArea .fedup h5 { font-size: 24px; line-height: 32px; } /* testimonials area */ .testimonialsArea .testimonials { margin: 15px auto; } /* order area */ .orderArea { position: relative; } .orderArea .discount figure { margin: 200px 0 0 0; width: 100%; } .orderArea .discount .special-offer-wsfr2-img { max-width: 100%; } .orderArea .discount figure img { max-width: 100%; height: auto; } .orderArea .discount .rate { margin: 0; width: 100%; } .orderArea .discount .rate a { position: absolute; top: 0; left: 25%; } .orderArea .order a.now { padding: 17px 24px; font-size: 26px; line-height: 50px } .reasonArea .loss { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .importantPaymentArea { padding: 22px 10px; background-image: none; } /* footerArea */ .footerArea { padding: 45px 0 0 0; text-align: center; } .footerArea .footer .footermenu { width: 100%;} .footerArea .footer .footermenu li { padding: 0 5px; display: inline-block; float: none; } .footerArea .footer .social { width: 100%; } .footerArea .footer .social span { padding: 15px 0 10px 0; display: block; float: none; } .footerArea .footer .social ul { float: none; } .footerArea .footer .social li { padding: 0 10px; display: inline-block; float: none; } .footerArea .bottom .add { border-right: 0px; } .footerArea .bottom .add::after { display: none; } .footerArea .bottom p { display: block; } .footerArea .bottom p i { margin: 0px 16px 0 0; float: none; font-size: 16px; } .footerArea .footlogo img { margin: 0 auto; } .footerArea .footlogo .pull-right { padding: 25px 0 0 0; width: 100%; } /* copyright area */ .copyrightArea { text-align: center; } .copyrightArea li { padding: 0 16px; float: none; display: inline-block; } .copyrightArea .pull-left { padding: 0 0 10px 0; width: 100%; float: left; } .copyrightArea .pull-right { width: 100%; float: left; } /* contact us area */ .send-button { margin-top: 30px; } /* forex diamond ea */ .forexDiamondArea .head .money-gaurantee img { position: absolute; top: -14px; right: 15%; margin-right: -40px; max-width: 16%; } /* forex trend detector */ .forexTrenDetectorArea .head .money-gaurantee img { position: absolute; top: -35px; right: 7%; margin-right: -40px; max-width: 23%; } .forexTrenDetectorArea .graph { position: absolute; top: 26%; left: 8%; z-index: 1; max-width: 83%; } .accountArea .account .summary { font-size: 14px; text-align: center; } .accountArea h2 { font-size: 20px; text-align: center; } .accountArea .account { background-image: none; height: auto; padding-bottom: 25px; width: 90%; margin: 0 auto; } .accountArea .account .text { padding: 15px 10px 0 10px; } .accountArea .account .extended-promo-al { padding: 15px 10px; } .accountArea .account-promotion { background-image: none; height: auto; padding-bottom: 25px; width: 90%; margin: 0 auto; } .accountArea .account-promotion .profit-size { font-size: 60px; } /* revolution area */ .revolutionArea .advantage .title { padding: 0 0 5px 60px; } .revolutionArea .advantage .title-right { padding: 0 60px 5px 0; } .revolutionArea .advantage .title span { left: 0; } .revolutionArea .advantage .title-right span { right: 0; } .revolutionArea h2 { margin-bottom: 50px; font-size: 32px; } .revolutionArea h2 span.red { font-size: 40px; } .revolutionArea .wedid ul li {font-size: 16px; } .revolutionArea2 .revolitionized_img { display: none; } .revolutionArea2 .advantage .title { font-size: 18px; padding: 0 0 5px 110px; } .revolutionArea2 .advantage .title-right { font-size: 18px; padding: 0 110px 5px 0; } .revolutionArea2 .wedid .box { width: 100%; } .revolutionArea2 h2 { margin-bottom: 50px; font-size: 32px; } .revolutionArea2 h2 span.red { font-size: 40px; } .revolutionArea2 .wedid ul li {font-size: 16px; } /* updated version */ .revolutionArea2 .real { padding: 0 15px; margin-bottom: 30px; } .revolutionArea2 .real:last-child { padding: 0 15px; margin-bottom: 0px; } .revolutionArea2 .real .pull-left,.graphArea .real .pull-right { width: 100%; } .revolutionArea2 .real img { max-width: 100%; width: 100%; height: auto; } .revolutionArea2 .graph { padding: 23px 0 13px 0; font-size: 20px; line-height: 26px; } .revolutionArea2 .graph p strong { font-size: 20px; line-height: 26px; } .revolutionArea2 .graph .account .border { height: 13px; } .affnetworksArea p { line-height: 44px; } .members_offer_sec .content .hot-offer { top: -15px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* roboto area */ .robotoArea .wall { width: 50%; min-height: 200px; } /* revolution area */ .revolutionArea2 .real { width: 50%; } .revolutionArea2 .graph .account figure a.real:after { background-size: 50%; bottom: -25px; right: -25px; } /* graph area */ .graphArea .real { width: 50%; } .graphArea .graph .account figure a.real:after { background-size: 50%; bottom: -25px; right: -25px; } /* benefits area */ .benefitsArea .benefits .col { width: 50%; } .benefitsArea .help { display: none; } /* money area */ .moneyArea .money .sub { font-size: 13px; } .moneyArea .money { width: 50%; } /* reason area */ .reasonArea li { width: 25%; } /* historical area */ .historicalArea .fullback .full { text-align: center; } .historicalArea .fullback .full .sub { width: 73%; float: none; display: inline-block; } /* order area */ .orderArea .discount figure { margin: 50px 0 0 0; width: 60%; } .orderArea .discount .rate { margin: 0; width: 37%; } .orderArea .discount .rate a { margin-bottom: 10px; position: static; } .orderArea .bonus-boxes { margin-left: 0px; } /* footer area */ .footerArea .footer .social span { display: inline-block; } .footerArea .footer .social ul { display: inline-block; } .footerArea .bottom .add { width: 50%; } .footerArea .bottom .add:first-child::after { display: block; height: 70px; } .footerArea .bottom a { margin-bottom: 15px; } /* user-menu */ .user-menu ul { display: inline; } .user-menu li { display: inline-block; float: left; width: 50%; } .user-menu li:nth-child(3), .user-menu li:nth-child(4), .user-menu li:nth-child(5), .user-menu li:nth-child(6), .user-menu li:nth-child(7), .user-menu li:nth-child(8) { border-top: 1px solid #424448; } #bonuses .offer .top .round { margin: -57px auto 0px auto } #bonuses .offer:nth-child(2) .top .round { margin: -57px auto 0px auto; } #bonuses .offer:nth-child(3) .top .round { margin: -57px auto 0px auto; } .testimonialsArea .testimonial .comment:after { position: absolute; top: -25px; left: 35px; content: ''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 0 solid transparent; border-bottom: 25px solid rgba(255, 255, 255, 0.2); } /* additional license area */ .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .info-counter { display: none; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .info-counter-none { display: block; } .additiolLicenseArea .promotion .extended { background: #dcdcdc; } .earlyBirdsArea input { width: 100%; } .earlyBirdsArea img { max-width: 100% } .specialOfferArea a { padding: 18px 15px !important; margin: 20px auto 20px auto; text-align: center; display: block; font-size: 22px !important; line-height: 32px; background-image: none; background: #a80000; background-repeat: no-repeat; } .specialOfferArea a span { display: none; } .specialOfferArea a:hover { background: #000; } .specialOfferArea .one-time-offer { display: block; } .affnetworksArea .bottom-text { padding: 50px 0 0 0; } .affAdvantagesArea .reasons { padding: 0; } .affCustomersGetArea .title { font-size: 34px; } .affCustomersGetArea .title img { max-width: 100%; bottom: -20px; left: 0; } .affCustomersGetAreaInner .size-52px { font-size: 48px; } .affCustomersGetArea .affCustomersGetAreaInner { padding: 0; } .affGetLinkArea .affGetLinkInnerArea { padding: 0; } .brushed > .bg > img { display: none; } .affGetAccessArea .affGetAccessInnerArea .form .get-link { max-width: 100%; } /***** Confirm Exit ******/ .x-btn-title { font-size: 32px; } .ea-block2 .pips-title2 { font-size: 24px; } .ea-block2 .pips-title { font-size: 22px; } /* ----- FTD ----- */ .ea-block2 .ftd-gradient2 { margin: 0 0 160px 0; } .ea-block2 .ftd-gradient2 .title { font-size: 24px; } .ea-block2 .ftd-gradient2 .box .hexagon { width: 280px; height: 161.66px; margin: 80.83px auto; } .ea-block2 .ftd-gradient2 .box .hexagon:before, .ea-block2 .ftd-gradient2 .box .hexagon:after { width: 197.99px; height: 197.99px; left: 39.0051px; } .ea-block2 .ftd-gradient2 .box .hexagon:before { top: -98.9949px; } .ea-block2 .ftd-gradient2 .box .hexagon:after { bottom: -98.9949px; } .ea-block2 .ftd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .ftd-gradient2 .box .label-box { max-width: 35%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .ftd-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .ftd-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } /* ----- FD ----- */ .ea-block2 .fd-gradient2 { margin: 0 0 160px 0; } .ea-block2 .fd-gradient2 .title { font-size: 24px; } .ea-block2 .fd-gradient2 .box .hexagon { width: 280px; height: 161.66px; margin: 80.83px auto; } .ea-block2 .fd-gradient2 .box .hexagon:before, .ea-block2 .fd-gradient2 .box .hexagon:after { width: 197.99px; height: 197.99px; left: 39.0051px; } .ea-block2 .fd-gradient2 .box .hexagon:before { top: -98.9949px; } .ea-block2 .fd-gradient2 .box .hexagon:after { bottom: -98.9949px; } .ea-block2 .fd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fd-gradient2 .box .label-box { max-width: 35%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .fd-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .fd-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } /* ----- VF ----- */ .ea-block2 .vf-gradient2 { margin: 0 0 160px 0; } .ea-block2 .vf-gradient2 .title { font-size: 24px; } .ea-block2 .vf-gradient2 .box .hexagon { width: 280px; height: 161.66px; margin: 80.83px auto; } .ea-block2 .vf-gradient2 .box .hexagon:before, .ea-block2 .vf-gradient2 .box .hexagon:after { width: 197.99px; height: 197.99px; left: 39.0051px; } .ea-block2 .vf-gradient2 .box .hexagon:before { top: -98.9949px; } .ea-block2 .vf-gradient2 .box .hexagon:after { bottom: -98.9949px; } .ea-block2 .vf-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .vf-gradient2 .box .label-box { max-width: 35%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .vf-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .vf-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } /* ----- FGI ----- */ .ea-block2 .fgi-gradient2 { margin: 0 0 160px 0; } .ea-block2 .fgi-gradient2 .title { font-size: 24px; } .ea-block2 .fgi-gradient2 .box .hexagon { width: 280px; height: 161.66px; margin: 80.83px auto; } .ea-block2 .fgi-gradient2 .box .hexagon:before, .ea-block2 .fgi-gradient2 .box .hexagon:after { width: 197.99px; height: 197.99px; left: 39.0051px; } .ea-block2 .fgi-gradient2 .box .hexagon:before { top: -98.9949px; } .ea-block2 .fgi-gradient2 .box .hexagon:after { bottom: -98.9949px; } .ea-block2 .fgi-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fgi-gradient2 .box .label-box { max-width: 35%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .fgi-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .fgi-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } /* ----- WSFR2 ----- */ .ea-block2 .wsfr-gradient2 { margin: 0 0 160px 0; } .ea-block2 .wsfr-gradient2 .title { font-size: 24px; } .ea-block2 .wsfr-gradient2 .box .hexagon { width: 280px; height: 161.66px; margin: 80.83px auto; } .ea-block2 .wsfr-gradient2 .box .hexagon:before, .ea-block2 .wsfr-gradient2 .box .hexagon:after { width: 197.99px; height: 197.99px; left: 39.0051px; } .ea-block2 .wsfr-gradient2 .box .hexagon:before { top: -98.9949px; } .ea-block2 .wsfr-gradient2 .box .hexagon:after { bottom: -98.9949px; } .ea-block2 .wsfr-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .wsfr-gradient2 .box .label-box { max-width: 35%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .wsfr-gradient2 .box .label-box-summer-so { max-width: 50%; left: -35px; top: 70%; } .ea-block2 .wsfr-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } /* Xmas */ .xmasGift .content h2 { font-size: 32px; } .xmasGift .content h3 { font-size: 18px; } .xmasGift .content h4 { font-size: 16px; } /* Thank you Offer/UPSELL */ .thankYouAreaOffer {padding: 20px 0 78px 0;} .thankYouAreaOffer .wrap { margin: 0 10px; } .thankYouAreaOffer .wrap h1 {font-size: 32px;} .thankYouAreaOffer .wrap h2 {font-size: 18px;} .thankYouAreaOffer .wrap .box {width: 100%;} .thankYouAreaOffer .wrap .price {width: 100%;padding: 20px 0 0 0;} .thankYouAreaOffer .wrap .price h3 {padding: 0;font-size: 18px;} .thankYouAreaOffer .wrap .price .content {margin: 15px 0;} .thankYouAreaOffer .wrap .price .content .regular .text {font-size: 20px;} .thankYouAreaOffer .wrap .price .content .current .text {font-size: 20px;} .thankYouAreaOffer .wrap .btn, .thankYouAreaOffer .wrap .btn:focus {font-size: 22px;padding: 5px 20px;} .thankYouAreaOffer .wrap h1.chart {font-size: 24px;padding: 30px 0 5px 0;} .remainArea .limited-offer {font-size: 30px;} /* WallStreetAsiaArea */ .wallstreetAsiaArea .backtest {float: none;} .wallstreetAsiaArea .backtest h2 {font-size: 26px;} .wallstreetAsiaArea .fullback .full .text figure img {margin: 0 auto;} } @media only screen and (min-width: 480px) and (max-width: 600px) { /************** Launc special offer VF2.0 **********/ .launch-promo-counter { right: 27px; width: 50%; top: 17%; } .launch-promo-counter .clock { width: 74%; } .launch-promo-counter .clock ul { margin: 0; } .launch-promo-counter .clock li p { padding: 0; font-size: 10px; margin: 0; } .launch-promo-counter .clock li cite { margin-bottom: 5px; font-size:18px; height: 26px; } .launch-promo-counter .clock li.point { font-size: 30px; } .launch-promo-counter .end { display: none; } } @media only screen and (min-width: 600px) and (max-width: 800px) { /************** Launc special offer VF2.0 **********/ .launch-promo-counter { right: 31px; width: 50%; top: 17%; } .launch-promo-counter .clock { width: 74%; } .launch-promo-counter .clock ul { margin: 0; } .launch-promo-counter .clock li p { padding: 0; } .launch-promo-counter .clock li cite { margin-bottom: 5px; font-size: 24px; height: 32px; } .launch-promo-counter .clock li.point { font-size: 42px; } .launch-promo-counter .end { display: none; } .ea-block2 .fd-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } .ea-block2 .ftd-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } .ea-block2 .fgi-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } .ea-block2 .vf-gradient2 .box .label-box-xmas { max-width: 80%; right: -75px; top: 97%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* menu area */ .menuArea li { padding: 9px 0 0 20px; } .menuArea li.login { padding: 0 0 0 25px; } /* banner wrapper */ #bannerWrapper li { height: auto; } /* banner area */ .bannerArea .overlay { padding: 90px 0 100px 0; width: 100%; } /*.bannerArea .overlay figure { width: 40%; }*/ .bannerArea .overlay figure { max-width: 100%; margin: 0 0 0 -20px; } .bannerArea .overlay figure img { max-width: 100%; } .bannerArea .overlay h1 { margin-top: 0px; font-size: 40px; line-height: normal; } .bannerArea .image { display: none; } .bannerArea .chart { background-size: 120% auto; } .graphArea .graph .account figure a.real:after { background-size: 50%; bottom: -25px; right: -25px; } li.ma .bannerArea .overlay .text { margin: 0;} /* remain area */ .remainArea .clock { padding: 7px; width: 100%; } .remainArea h3 { font-size: 24px; } .remainArea .limited-offer {font-size: 40px;} /* offer area */ .offerArea .offer, .offerArea .offer:nth-child(2n), .offerArea .offer:last-child { padding: 0 10px; } .offerArea .offer .top { min-height: 115px; } .offerArea .offer .top .free { right: -16px; font-size: 28px; } .offerArea .offer .top .round { width: 142px; height: 142px; } .offerArea .offer .top .new cite { left: -40px; } .offerArea .offer .bottom { padding: 20px 10px 10px 10px; font-size: 16px; } .offerArea .now .get a { padding: 18px; font-size: 20px; } .offerArea .now .satis h4 { font-size: 15px; } #bonuses .offer .top .round { width: 180px; height: 180px; } #bonuses .offer:nth-child(2) .top .round { margin: -57px 0 0 40px; } #bonuses .offer:nth-child(3) .top .round { margin: -57px 0 0 40px; } #bonuses .offer .middle p { font-size: 16px; } /* graph area */ .graphArea .real { padding-right: 30px; } .graphArea .real:last-child { padding: 0 15px 0 30px; } .graphArea .graph { font-size: 26px; } .graphArea .graph p br { display: none; } /* spy module area */ .spyModuleArea .graph { font-size: 26px; } /* benefits area */ .benefitsArea .imgae figure { float: none !important; } .benefitsArea .benefits { padding-right: 15px; font-size: 16px; } .benefitsArea .help { display: none; } /* revolution area */ .revolutionArea2 .revolitionized_img { display: none; } .revolutionArea2 .advantage .title { font-size: 18px; padding: 0 0 5px 110px; } .revolutionArea2 .advantage .title-right { font-size: 18px; padding: 0 110px 5px 0; } /* upodated version */ .revolutionArea2 .real { padding-right: 30px; } .revolutionArea2 .real:last-child { padding: 0 15px 0 30px; } .revolutionArea2 .graph { font-size: 26px; } .revolutionArea2 .graph .account figure a.real:after { background-size: 50%; bottom: -25px; right: -25px; } /* systems area */ /* guarante area */ .guaranteArea .money { padding-top: 20px; } .guaranteArea .money span { display: none; } /*.guaranteArea .money span { right: 10px; } .guaranteArea .money span img { margin: -13px auto 0px auto; width: 80px; }*/ .guaranteArea .guarante h3 { margin-bottom: 30px; font-size: 26px; } .guaranteArea .guarante a { margin-left: 30px; padding: 10px 25px; font-size: 26px; background-image: none; background: #a80000; width: auto; } .guaranteArea .guarante a:hover { background: #fff; } .guaranteArea .guarante a span { display: none; } /* features area */ .featuresArea .features li { padding: 0 0 20px 0; font-size: 18px; line-height: 30px; } .featuresArea .features li br { display: none; } /* forex area */ .forexArea h2 br { display: none; } .forexArea .forex figure img { width: 75%; } /* rock area */ .rockArea h3 br { display: none; } /* exactly area */ .exactlyArea .exactly img { max-width: 100%; } .exactlyArea .exactly .wall { padding: 0 15px; } /* historical area */ .historicalArea h2 br { display: none; } .historicalArea .test figure { padding: 15px; } .historicalArea .test figure img { max-width: 100%; } /*.historicalArea .fullback .full .text figure { margin: 0 0 15px 0; float: none; display: block; }*/ .historicalArea .fullback .full .text figure {float: none; margin: 0;text-align: center;} .historicalArea .fullback .full .text h4 {text-align: center;} .historicalArea .fullback .full .text p {text-align: center;} .historicalArea .fullback .full .text a {margin-left: 80px;} .historicalArea .fullback .full .text figure img {display: inline-block;} /* impressive area */ .impressiveArea .very .text { padding: 60px 15px 0 25px; } .impressiveArea .very figure { margin: -32px 0 0 -62px; } /* trading area */ .tradingArea h3 br { display: none; } .tradingArea h3 { font-size: 30px; } /* package area */ .packageArea .package .sub { padding: 20px 10px 10px 10px; min-height: 385px; } .packageArea .package:nth-child(4n) .sub, .packageArea .package:nth-child(5n) .sub, .packageArea .package:nth-child(6n) .sub { min-height: 425px; } /* fedup area */ .fedupArea .fedup h5 { font-size: 28px; } /* money area */ .moneyArea .money .sub { font-size: 14px; } .moneyArea .money .sub p br { display: none; } /* reason area */ .reasonArea li a { font-size: 15px; } /* testimonials area */ .testimonialsArea p br { display: none; } /* order area */ .orderArea .discount figure { margin: 60px 0 0 0; width: 58%; } .orderArea .discount figure img { max-width: 100%; } .orderArea .discount .special-offer-wsfr2-img { max-width: 100%; } .orderArea .discount .rate { margin: 0px; width: 40%; } .orderArea .discount .rate a { margin-bottom: 30px; } .orderArea .order a.now { padding: 17px 20px; font-size: 32px; } .importantPaymentArea { padding: 22px 10px 22px 50px; background-position: center left 10px; } /* testimonialogo area */ .testimonialogoArea li { margin: 0 4px; } /* orignal area */ .orignalArea h3 br { display: none; } /* footer area */ .footerArea .footer .footermenu li { padding: 0 15px 0 0; } .footerArea .footer .footermenu li a { font-size: 15px; } .footerArea .footer .social li { padding: 0 0 0 22px; } /* copyright area */ .copyrightArea { padding: 15px 0; } .copyrightArea li a { line-height: normal; } /* user-menu */ .user-menu ul { display: inline; } .user-menu li { display: inline-block; float: left; width: 25%; } .user-menu li:nth-child(5), .user-menu li:nth-child(6), .user-menu li:nth-child(7), .user-menu li:nth-child(8) { border-top: 1px solid #424448; } /* forex diamond ea */ .forexDiamondArea .head .money-gaurantee img { position: absolute; top: -25px; right: 8%; margin-right: -40px; max-width: 15%; } /* forex trend detector */ .forexTrenDetectorArea .head .money-gaurantee img { position: absolute; top: -25px; right: 8%; margin-right: -40px; max-width: 15%; } .accountArea .account .summary { font-size: 14px; } .accountArea h2 { font-size: 20px; } .accountArea .account { background-image: none; } .accountArea .account .extended-promo-al { padding: 15px 10px; } /* performance area */ .performanceArea .performance figure a:before { display: none; } .performanceArea .performance figure a:after { display: none; } /* additional license area */ .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .info-counter { display: none; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .info-counter-none { display: block; } .additiolLicenseArea .promotion .extended { background: #dcdcdc; } .earlyBirdsArea input { width: 100%; } .earlyBirdsArea img { max-width: 100% } .specialOfferArea a { padding: 18px 15px !important; margin: 20px auto 20px auto; text-align: center; display: block; font-size: 22px !important; line-height: 32px; background-image: none; background: #a80000; background-repeat: no-repeat; } .specialOfferArea a span { display: none; } .specialOfferArea a:hover { background: #000; } .specialOfferArea .one-time-offer { display: block; } .affnetworksArea .bottom-text { padding: 50px 0 0 0; } .affAdvantagesArea .reasons { padding: 0; } .affCustomersGetArea .title img { max-width: 100%; bottom: -20px; left: 50px; } .affCustomersGetAreaInner .size-52px { font-size: 48px; } .affCustomersGetArea .affCustomersGetAreaInner { padding: 0; } .affGetLinkArea .affGetLinkInnerArea { padding: 0; } .brushed > .bg > img { display: none; } .affGetAccessArea .affGetAccessInnerArea .form .get-link { max-width: 100%; } .affGetAccessArea .affGetAccessInnerArea .form a.aff-registration-btn { padding: 15px 24px; font-size: 24px; } .affnetworksArea p { line-height: 44px; } /************** Launc special offer VF2.0 **********/ .launch-promo-counter { right: 70px; width: 50%; top: 16%; } .launch-promo-counter .clock { width: 74%; } .launch-promo-counter .clock ul { margin: 0; } .launch-promo-counter .clock li p { padding: 0; } .launch-promo-counter .clock li cite { margin-bottom: 5px; font-size: 30px; height: 40px; } .launch-promo-counter .clock li.point { font-size: 48px; } .launch-promo-counter .end { font-size: 15px; display: block; } .launch-promo-img { max-width: 90%; } /***** Confirm Exit ******/ img.visit-site { max-width: 80%; } .x-btn-title { padding: 15px 0 15px 0; } .ea-block2 .vf-gradient2 .title { font-size: 18px; } .ea-block2 .ftd-gradient2 .title { font-size: 18px; } .ea-block2 .fd-gradient2 .title { font-size: 18px; } .ea-block2 .pips-title2 { font-size: 18px; } .ea-block2 .pips-title { font-size: 20px; } /* ----- FTD ----- */ .ea-block2 .ftd-gradient2 { margin: 0 0 70px 0; } .ea-block2 .ftd-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .ftd-gradient2 .box .hexagon:before, .ea-block2 .ftd-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .ftd-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .ftd-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .ftd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .ftd-gradient2 .box .label-box { max-width: 30%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .ftd-gradient2 .box .label-box-summer-so { max-width: 45%; left: -25px; top: 75%; } .ea-block2 .ftd-gradient2 .box .label-box-xmas { max-width: 100%; right: -80px; top: 97%; } /* ----- FD ----- */ .ea-block2 .fd-gradient2 { margin: 0 0 70px 0; } .ea-block2 .fd-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .fd-gradient2 .box .hexagon:before, .ea-block2 .fd-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .fd-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .fd-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .fd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fd-gradient2 .box .label-box { max-width: 30%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .fd-gradient2 .box .label-box-summer-so { max-width: 45%; left: -25px; top: 75%; } .ea-block2 .fd-gradient2 .box .label-box-xmas { max-width: 100%; right: -80px; top: 97%; } /* ----- VF ----- */ .ea-block2 .vf-gradient2 { margin: 0 0 70px 0; } .ea-block2 .vf-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .vf-gradient2 .box .hexagon:before, .ea-block2 .vf-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .vf-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .vf-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .vf-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .vf-gradient2 .box .label-box { max-width: 30%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .vf-gradient2 .box .label-box-summer-so { max-width: 45%; left: -25px; top: 75%; } .ea-block2 .vf-gradient2 .box .label-box-xmas { max-width: 100%; right: -80px; top: 97%; } /* ----- FGI ----- */ .ea-block2 .fgi-gradient2 { margin: 0 0 70px 0; } .ea-block2 .fgi-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .fgi-gradient2 .box .hexagon:before, .ea-block2 .fgi-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .fgi-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .fgi-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .fgi-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fgi-gradient2 .box .label-box { max-width: 30%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .fgi-gradient2 .box .label-box-summer-so { max-width: 45%; left: -25px; top: 75%; } .ea-block2 .fgi-gradient2 .box .label-box-xmas { max-width: 100%; right: -80px; top: 97%; } /* ----- WSFR2 ----- */ .ea-block2 .wsfr-gradient2 { margin: 0 0 70px 0; } .ea-block2 .wsfr-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .wsfr-gradient2 .box .hexagon:before, .ea-block2 .wsfr-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .wsfr-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .wsfr-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .wsfr-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .wsfr-gradient2 .box .label-box { max-width: 30%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .wsfr-gradient2 .box .label-box-summer-so { max-width: 45%; left: -25px; top: 75%; } .ea-block2 .wsfr-gradient2 .box .label-box-xmas { max-width: 100%; right: -80px; top: 97%; } /* WallStreetAsiaArea */ .wallstreetAsiaArea .backtest {float: none;} .wallstreetAsiaArea .backtest h2 {font-size: 26px;} .wallstreetAsiaArea .fullback .full .text {text-align: center;} .wallstreetAsiaArea .fullback .full .text figure {float: none;} .wallstreetAsiaArea .fullback .full .text figure img {margin: 0 auto;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { /* banner wrapper */ #bannerWrapper li { height: auto; } /* banner area */ .bannerArea .overlay { padding: 90px 0 100px 0; width: 100%; } /*.bannerArea .overlay figure { margin: 0px; width: 40%; }*/ .bannerArea .overlay figure { margin: 0 0 0 30px; } .bannerArea .overlay .text { padding: 15px; } .bannerArea .overlay .box { max-width: 100%; } .bannerArea .overlay figure img { max-width: 100%; } .bannerArea .overlay h1 { margin-top: 0px; font-size: 40px; line-height: normal; } .bannerArea .image { display: none; } .members_offer_sec .content .box .btn, .members_offer_sec .content .box .btn:focus { font-size: 12px; padding: 0 15px; } .members_offer_sec .col-md-2{width: 33.33333333%} .xmasGift .content .box .btn, .xmasGift .content .box .btn:focus { font-size: 12px; padding: 0 15px; } .xmasGift .col-md-2{width: 33.33333333%} /* revolution area */ .revolutionArea2 .revolitionized_img { max-width: 25%; top: 35px; left: 10px; } .revolutionArea2 .advantage .title { font-size: 18px; padding: 0 0 5px 110px; } .revolutionArea2 .advantage .title-right { font-size: 18px; padding: 0 110px 5px 0; } /* offer area */ .offerArea .now .get a { font-size: 28px; } #bonuses .offer .top .round { margin: -57px auto 0px auto; width: 180px; height: 180px; } /* systems area */ /* forex area */ .forexArea .forex figure img { width: 80%; } /* historical area */ .historicalArea .test figure { padding: 20px; } .historicalArea .test figure img { max-width: 100%; } .historicalArea .fullback .full .text { padding: 15px; } .historicalArea .fullback .full .text figure { margin: 0 10px 0 0; } /* impressive area */ .impressiveArea .very figure { margin: -55px 0 0 -62px; } .impressiveArea .very .text { padding: 60px 10px 0 45px; } /* order area */ .orderArea .discount figure { margin: 46px 0 0 0; } .orderArea .discount .special-offer-wsfr2-img { max-width: 350px; } .importantPaymentArea { padding: 22px 10px 22px 50px; background-position: center left 130px; } .benefitsArea .help { display: none; } .guaranteArea .guarante h3 { margin-bottom: 25px; font-size: 32px; } .orderArea .bonus-boxes { margin-left: -120px; } .accountArea .account { background: #f2f2f2 url(/images/account_line_arrow.jpg) no-repeat 90px bottom; } .accountArea .account .text { padding: 15px 0 0 30px; vertical-align: middle; } .accountArea .account .summary { font-size: 15px; } .accountArea h2 { font-size: 20px; } /* additional license are */ .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .days { top: 100px; left: 275px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .hours { top: 100px; left: 388px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .minutes { top: 100px; left: 500px; } .additiolLicenseArea .promotion .additional-licence-counter .promo-counter .seconds { top: 100px; left: 620px; } .specialOfferArea a { line-height: 50px; max-width: 100%; padding: 20px 15px; margin-top: 5px; margin-left: 20px; margin-right: 20px; font-size: 30px; color: #fff; font-weight: 700; text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2); border-radius: 4px; background-image: url('/images/guarantee_get_btn.png'); background-position: right top; background-repeat: no-repeat; } .specialOfferArea a span { padding-left: 4px; margin-right: 18px; width: 50px; height: 50px; font-size: 24px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .specialOfferArea .one-time-offer { font-size: 28px; } .affnetworksArea .bottom-text { padding: 50px 0 0 0; } .affAdvantagesArea .reasons { padding: 0; } .affCustomersGetArea .title img { max-width: 100%; bottom: -20px; left:160px; } .affCustomersGetAreaInner .size-52px { font-size: 48px; } .affCustomersGetArea .affCustomersGetAreaInner { padding: 0; } .affGetLinkArea .affGetLinkInnerArea { padding: 0; } .brushed > .bg > img { display: none; } .affGetAccessArea .affGetAccessInnerArea .form .get-link { max-width: 100%; } /* Confirm exit */ .confirm-exit-counter { width: 200px; } .confirm-exit-counter .bf-time-left { font-size: 24px; height: 40px; line-height: 40px; } .confirm-exit-counter .bf-time-left-dots { font-size: 24px; height: 40px; line-height: 36px; } /************** Launc special offer VF2.0 **********/ .launch-promo-counter { right: 42px; width: 60%; top: 17%; } .launch-promo-counter .clock { width: 70%; } .launch-promo-counter .clock ul { margin: 5px 0 0 0; } .launch-promo-counter .clock li cite { margin-bottom: 10px; font-size: 37px; height: 54px; } .launch-promo-counter .end { font-size: 24px; display: block; } /***** Confirm Exit ******/ .x-btn-title { padding: 15px 0 15px 0; } .ea-block2 .pips-title2 { font-size: 22px; } .ea-block2 .pips-title { font-size: 24px; } /* ----- FTD ----- */ .ea-block2 .ftd-gradient2 { margin: 0 0 80px 0; } .ea-block2 .ftd-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .ftd-gradient2 .box .hexagon:before, .ea-block2 .ftd-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .ftd-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .ftd-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .ftd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .ftd-gradient2 .box .label-box { max-width: 31%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .ftd-gradient2 .box .label-box-summer-so { max-width: 60%; left: -60px; top: 75%; } .ea-block2 .ftd-gradient2 .box .label-box-xmas { max-width: 90%; right: -60px; top: 90%; } /* ----- FD ----- */ .ea-block2 .fd-gradient2 { margin: 0 0 80px 0; } .ea-block2 .fd-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .fd-gradient2 .box .hexagon:before, .ea-block2 .fd-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .fd-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .fd-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .fd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fd-gradient2 .box .label-box { max-width: 31%; right: 0; top: 57%; max-width: 45%; } .ea-block2 .fd-gradient2 .box .label-box-summer-so { max-width: 60%; left: -60px; top: 75%; } .ea-block2 .fd-gradient2 .box .label-box-xmas { max-width: 90%; right: -60px; top: 90%; } /* ----- VF ----- */ .ea-block2 .vf-gradient2 { margin: 0 0 80px 0; } .ea-block2 .vf-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .vf-gradient2 .box .hexagon:before, .ea-block2 .vf-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .vf-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .vf-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .vf-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .vf-gradient2 .box .label-box { max-width: 31%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .vf-gradient2 .box .label-box-summer-so { max-width: 60%; left: -60px; top: 75%; } .ea-block2 .vf-gradient2 .box .label-box-xmas { max-width: 90%; right: -60px; top: 90%; } /* ----- FGI ----- */ .ea-block2 .fgi-gradient2 { margin: 0 0 80px 0; } .ea-block2 .fgi-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .fgi-gradient2 .box .hexagon:before, .ea-block2 .fgi-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .fgi-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .fgi-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .fgi-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fgi-gradient2 .box .label-box { max-width: 31%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .fgi-gradient2 .box .label-box-summer-so { max-width: 60%; left: -60px; top: 75%; } .ea-block2 .fgi-gradient2 .box .label-box-xmas { max-width: 90%; right: -60px; top: 90%; } /* ----- WSFR2 ----- */ .ea-block2 .wsfr-gradient2 { margin: 0 0 80px 0; } .ea-block2 .wsfr-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .wsfr-gradient2 .box .hexagon:before, .ea-block2 .wsfr-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .wsfr-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .wsfr-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .wsfr-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .wsfr-gradient2 .box .label-box { max-width: 31%; right: 0; top: 69%; max-width: 45%; } .ea-block2 .wsfr-gradient2 .box .label-box-summer-so { max-width: 60%; left: -60px; top: 75%; } .ea-block2 .wsfr-gradient2 .box .label-box-xmas { max-width: 90%; right: -60px; top: 90%; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { /***** Confirm Exit ******/ .x-btn-title { padding: 15px 0 15px 0; } img.visit-site { max-width: 80%; } .ea-block2 .pips-title2 { font-size: 18px; } .ea-block2 .pips-title { font-size: 20px; } /* ----- FTD ----- */ .ea-block2 .ftd-gradient2 { margin: 0 0 100px 0; } .ea-block2 .ftd-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .ftd-gradient2 .box .hexagon:before, .ea-block2 .ftd-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .ftd-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .ftd-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .ftd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .ftd-gradient2 .box .label-box { max-width: 30%; right: 0; top: 65%; max-width: 45%; } .ea-block2 .ftd-gradient2 .box .label-box-summer-so { max-width: 55%; left: -40px; top: 75%; } .ea-block2 .ftd-gradient2 .box .label-box-xmas { max-width:70%; right: 0px; top: 95%; } /* ----- WSFR ----- */ .ea-block2 .wsfr-gradient2 { margin: 0 0 100px 0; } .ea-block2 .wsfr-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .wsfr-gradient2 .box .hexagon:before, .ea-block2 .wsfr-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .wsfr-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .wsfr-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .wsfr-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .wsfr-gradient2 .box .label-box { max-width: 30%; right: 0; top: 65%; max-width: 45%; } .ea-block2 .wsfr-gradient2 .box .label-box-summer-so { max-width: 55%; left: -40px; top: 75%; } .ea-block2 .wsfr-gradient2 .box .label-box-xmas { max-width:70%; right: 0px; top: 95%; } /* ----- FD ----- */ .ea-block2 .vf-gradient2 { margin: 0 0 100px 0; } .ea-block2 .vf-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .vf-gradient2 .box .hexagon:before, .ea-block2 .fd-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .vf-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .vf-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .vf-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .vf-gradient2 .box .label-box { max-width: 30%; right: 0; top: 65%; max-width: 45%; } .ea-block2 .vf-gradient2 .box .label-box-summer-so { max-width: 55%; left: -40px; top: 75%; } .ea-block2 .vf-gradient2 .box .label-box-xmas { max-width:70%; right: 0px; top: 95%; } /* ----- FD ----- */ .ea-block2 .fd-gradient2 { margin: 0 0 100px 0; } .ea-block2 .fd-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .fd-gradient2 .box .hexagon:before, .ea-block2 .fd-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .fd-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .fd-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .fd-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fd-gradient2 .box .label-box { max-width: 30%; right: 0; top: 65%; max-width: 45%; } .ea-block2 .fd-gradient2 .box .label-box-summer-so { max-width: 55%; left: -40px; top: 75%; } .ea-block2 .fd-gradient2 .box .label-box-xmas { max-width:70%; right: 0px; top: 95%; } /* ----- FGI ----- */ .ea-block2 .fgi-gradient2 { margin: 0 0 100px 0; } .ea-block2 .fgi-gradient2 .box .hexagon { width: 190px; height: 109.70px; margin: 54.85px auto; } .ea-block2 .fgi-gradient2 .box .hexagon:before, .ea-block2 .fgi-gradient2 .box .hexagon:after { width: 134.35px; height: 134.35px; left: 25.8249px; } .ea-block2 .fgi-gradient2 .box .hexagon:before { top: -67.1751px; } .ea-block2 .fgi-gradient2 .box .hexagon:after { bottom: -67.1751px; } .ea-block2 .fgi-gradient2 .box .image-box { max-width: 60%; top: -18px; } .ea-block2 .fgi-gradient2 .box .label-box { max-width: 30%; right: 0; top: 65%; max-width: 45%; } .ea-block2 .fgi-gradient2 .box .label-box-summer-so { max-width: 55%; left: -40px; top: 75%; } .ea-block2 .fgi-gradient2 .box .label-box-xmas { max-width:70%; right: 0px; top: 95%; } } @media only screen and (min-width: 1600px) and (max-width: 1899px) { /* ----- FTD ----- */ .ea-block2 .ftd-gradient2 .box .label-box-xmas { max-width:55%; right: 40px; top: 90%; } .ea-block2 .ftd-gradient2 .box .label-box { max-width:55%; right: 40px; top: 90%; max-width: 35%; } /* ----- WSFR ----- */ .ea-block2 .wsfr-gradient2 .box .label-box-xmas { max-width:55%; right: 40px; top: 90%; } .ea-block2 .wsfr-gradient2 .box .label-box { max-width:55%; right: 40px; top: 90%; max-width: 35%; } /* ----- FD ----- */ .ea-block2 .vf-gradient2 .box .label-box-xmas { max-width:55%; right: 40px; top: 90%; } .ea-block2 .vf-gradient2 .box .label-box { max-width:55%; right: 40px; top: 90%; max-width: 35%; } /* ----- FD ----- */ .ea-block2 .fd-gradient2 .box .label-box-xmas { max-width:55%; right: 40px; top: 90%; } .ea-block2 .fd-gradient2 .box .label-box { max-width:55%; right: 40px; top: 90%; max-width: 35%; } /* ----- FD ----- */ .ea-block2 .fgi-gradient2 .box .label-box-xmas { max-width:55%; right: 40px; top: 90%; } .ea-block2 .fgi-gradient2 .box .label-box { max-width:55%; right: 40px; top: 90%; max-width: 35%; } } /* RESPONSIVE CSS CODE END */ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* RULES CSS CODE BEGIN */ br.cleaner{clear:both}div.cleaner{clear:both;padding:0;margin:0;font-size:0;height:0;overflow:hidden}.text-left{text-align:left}.text-right{text-align:right} /* ------------------ Spaces ------------------- */ div.space-2px{padding:0;margin:0;font-size:0;height:2px}div.space-3px{padding:0;margin:0;font-size:0;height:3px}div.space-5px{padding:0;margin:0;font-size:0;height:5px}div.space-7px{padding:0;margin:0;font-size:0;height:7px}div.space-10px{padding:0;margin:0;font-size:0;height:10px}div.space-15px{padding:0;margin:0;font-size:0;height:15px}div.space-20px{padding:0;margin:0;font-size:0;height:20px}div.space-25px{padding:0;margin:0;font-size:0;height:25px}div.space-30px{padding:0;margin:0;font-size:0;height:30px}div.space-35px{padding:0;margin:0;font-size:0;height:35px}div.space-40px{padding:0;margin:0;font-size:0;height:40px}div.space-50px{padding:0;margin:0;font-size:0;height:50px}div.space-60px{padding:0;margin:0;font-size:0;height:60px}div.vspace-left-5px{padding:0;margin:0;font-size:5px;width:5px;float:left;overflow:hidden}div.vspace-left-10px{padding:0;margin:0;font-size:10px;width:10px;float:left;overflow:hidden}div.vspace-left-15px{padding:0;margin:0;font-size:15px;width:15px;float:left;overflow:hidden}div.vspace-left-20px{padding:0;margin:0;font-size:20px;width:20px;float:left;overflow:hidden} /* --------------- Rounded corners ---------------- */ .round1px{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.round2px{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.round3px{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.round4px{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.round5px{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.round6px{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.round10px{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px} /* --------------- Global Rules ---------------- */ .blue2{color:#296cba}.green1{color:#a6ff4c}.green2{color:#11a545}.blue3{color:#062161}.red{color:#c80000}.blue{color:#026aba}.black{color:#000}.white{color:#fff}.strong{font-weight:700}.normal{font-weight:400}.italic{font-style:italic}.justify{text-align:justify}.underline{text-decoration:underline}.center{text-align:center!important}.tahoma{font-family:Tahoma,Geneva,sans-serif!important}.archivo-narrow{font-family:'Archivo Narrow',sans-serif}.trebuchet{font-family:Trebuchet MS,Tahoma,Geneva,sans-serif!important}.arial{font-family:Arial,Helvetica,sans-serif}.verdana{font-family:Verdana,Geneva,sans-serif}.size-10px{font-size:10px!important}.size-11px{font-size:11px!important}.size-12px{font-size:12px!important}.size-13px{font-size:13px!important}.size-14px{font-size:14px!important}.size-15px{font-size:15px!important}.size-16px{font-size:16px!important}.size-18px{font-size:18px!important}.size-19px{font-size:19px!important}.size-20px{font-size:20px!important}.size-21px{font-size:21px!important}.size-22px{font-size:22px!important}.size-24px{font-size:24px!important}.size-25px{font-size:25px!important}.size-26px{font-size:26px!important}.size-27px{font-size:27px!important}.size-28px{font-size:28px!important}.size-29px{font-size:29px!important}.size-30px{font-size:30px!important}.size-32px{font-size:32px!important}.size-34px{font-size:34px!important}.size-36px{font-size:36px!important}.size-38px{font-size:38px!important}.size-40px{font-size:40px!important}.size-42px{font-size:42px!important}.size-44px{font-size:44px!important}.size-46px{font-size:46px!important}.size-48px{font-size:48px!important}.size-50px{font-size:50px!important}.size-52px{font-size:52px!important}.size-54px{font-size:54px!important}.size-56px{font-size:56px!important}.size-60px{font-size:60px!important}.size-64px{font-size:64px!important}.size-68px{font-size:68px!important}.p5{padding:5px!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.pv5{padding-top:5px!important;padding-bottom:5px!important}.pv10{padding-top:10px!important;padding-bottom:10px!important}.pv15{padding-top:15px!important;padding-bottom:15px!important}.pv20{padding-top:20px!important;padding-bottom:20px!important}.pv30{padding-top:30px!important;padding-bottom:30px!important}.pv40{padding-top:40px!important;padding-bottom:40px!important}.pv50{padding-top:50px!important;padding-bottom:50px!important}.ph5{padding-left:5px!important;padding-right:5px!important}.ph10{padding-left:10px!important;padding-right:10px!important}.ph15{padding-left:15px!important;padding-right:15px!important}.ph20{padding-left:20px!important;padding-right:20px!important}.ph30{padding-left:30px!important;padding-right:30px!important}.ph40{padding-left:40px!important;padding-right:40px!important}.ph50{padding-left:50px!important;padding-right:50px!important}.ph60{padding-left:60px!important;padding-right:60px!important}.ph70{padding-left:70px!important;padding-right:70px!important}.ph80{padding-left:80px!important;padding-right:80px!important}.ph90{padding-left:90px!important;padding-right:90px!important}.ph100{padding-left:100px!important;padding-right:100px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl30{padding-left: 30px !important;}.pl40{padding-left: 40px !important;}.pl50{padding-left: 50px !important;}.pr5{padding-right: 5px !important;}.pr10{padding-right: 10px !important;}.pr15{padding-right: 15px !important;}.pr20{padding-right: 20px !important;}.pr30{padding-right: 30px !important;}.pr40{padding-right: 40px !important;}.pr50{padding-right: 50px !important;}.pt5{padding-top: 5px !important;}.pt10{padding-top: 10px !important;}.pt15{padding-top: 15px !important;}.pt20{padding-top: 20px !important;}.pt30{padding-top: 30px !important;}.pt40{padding-top: 40px !important;}.pt50{padding-top: 50px !important;}.pb0{padding-bottom: 0px !important;}.pb5{padding-bottom: 5px !important;}.pb10{padding-bottom: 10px !important;}.pb15{padding-bottom: 15px !important;}.pb20{padding-bottom: 20px !important;}.pb30{padding-bottom: 30px !important;}.pb40{padding-bottom: 40px !important;}.pb50{padding-bottom: 50px !important;}.p0{padding: 0 !important;}.m0{margin: 0 !important;}.lh-150-percent{line-height: 150% !important;} /* RULES CSS CODE END */