/* 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 */ /* import css */ /*@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GENERAL CSS CODE BEGIN */ * { padding: 0; margin: 0; -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: 0; 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: 0; left: 0; 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 XMAS */ #bannerWrapperXmas { width: 100%; float: left; position: relative; background: url('../images/xmas/xmas_banner_bckgr_up_2022.jpg') no-repeat center center; background-size: cover; border-bottom: 3px solid #bd0000;} #bannerWrapperXmas:before {content: "";position: absolute;top: 130px;left: 0;z-index: 1;width: 100%;max-width: 100%;height: 75px;background: url('../images/xmas/xmas_banner_snow_up_2022.png') repeat-x top left;} /*#bannerWrapperXmas:after {content: "";position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;max-width: 100%;height: 75px;background: url('/images/xmas/xmas_banner_snow_down_2022.png') repeat-x top left;}*/ #bannerWrapperXmas .bannerArea { padding: 33px 0 0 0; width: 100%; float: left; position: relative; min-height: 650px;} #bannerWrapperXmas .bannerArea .box { padding: 80px 0 0 0; } .bannerWrapperXmasMemberArea:before {top: 48px !important;} /* banner wrapper */ #bannerWrapper { width: 100%; float: left; } #bannerWrapper ul { list-style: none; } #bannerWrapper li { width: 100%; float: left; background-position: top center; background-repeat: no-repeat; background-size: cover; border-bottom: 3px 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; } #bannerWrapper .edition-txt { margin-bottom: 15px; margin-top: 20px; } #bannerWrapper .trio-txt { max-width: 100%; margin-top: 30px; } #bannerWrapper .man { position: absolute; bottom: 0; right: -190px; z-index: 5; } li.ma .overlay { z-index: 3; } #bannerWrapper li.domination { height: 45px; padding-top: 6px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color: #000000; text-align: center; } #bannerWrapper li.domination img { display: inline-block; } /* banner area */ .bannerArea { padding: 33px 0 0 0; width: 100%; float: left; position: relative; min-height: 676px;} .bannerArea.ma-height {min-height: 480px;} .bannerArea .chart { position: absolute; bottom: 0; left: 0; width: 100%; height: 276px; z-index: 5; text-align: center; background: url('../images/header_chart_big2.png') no-repeat bottom center; } .bannerArea .chart img { } .bannerArea .overlay { padding: 80px 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: 0 25px 25px -80px; float: left; position: relative; z-index: 3; max-width: 410px; } .bannerArea .guarantee { position: absolute; z-index: 6; bottom: 50px; left: -122px;} .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;} .bannerArea .overlay .text { margin: 0 0 0 -150px; padding: 0; text-align: center; } .bannerArea .overlay .text img { display: inline-block; position: relative; left: 0;} .bannerArea .overlay .text img.ma {left:-25px;} .bannerArea .overlay .text img.four-boxes { max-width: 540px; width: 100%; position: relative; z-index: 2; margin-left: 0; margin-top: 33px; display: inline-block; } .bannerArea .overlay .text img.black-december {max-width: 120%;} /* 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: 1160px; 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.yellow { background: #ffdf01; } .remainArea .last-hour-hot-sale-bottom {margin-right: 0;} .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: 0; content: ""; background: #b10000; } .remainArea .limited-offer {color: #fff; font-size: 60px; font-weight: bold;} .remainArea a.limited-offer-a {color: #fff; font-size: 24px; text-decoration: underline;} /* New counter 2022 */ .remainArea2 { padding: 90px 0 40px 0; width: 100%; float: left; color: #fff; background: #ce0107;position: relative;} .remainArea2.yellow { background: #ffdf01;} .remainArea2 .top {position: absolute; top: 7px; right: 0;} .remainArea2 .top .img {max-width: 100%;} .remainArea2 .bottom {position: absolute; bottom: 7px; left: 0;} .remainArea2 .bottom .img {max-width: 100%;} /*.remainArea2 .clock-box {width:60%;margin: 0 auto;}*/ .remainArea2 .clock-box {width:87%;margin: 0 auto;} .remainArea2 .clock-box .clock-left{width: 230px; float: left; text-align: right; padding-right: 10px;} /*.remainArea2 .clock-box .clock-right{width: 70%; float: left;}*/ .remainArea2 .clock-box .clock-right{width: 50%; float: left;} .remainArea2 .clock-box2 {width:82%;margin: 0 auto;} .remainArea2 .clock-box2 .clock-left2{width: 400px; float: left;} .remainArea2 .clock-box2 .clock-right2{width: 52%; float: left;} /* .remainArea2 .clock { padding: 7px 14px; margin: 25px 0 0 0; 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; } .remainArea2 .clock ul { list-style: none; text-align: center; } .remainArea2 .clock li { width: 20.5%; float: left; } .remainArea2 .clock li.point { width: 6%; font-size: 78px; } .remainArea2 .clock li p { margin: 0 0 8px 0; } .remainArea2 .clock li span { width: 100%; float: left; } .remainArea2 .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; } .remainArea2 .clock li cite:last-child { float: right; } .remainArea2 .clock li cite:after { width: 100%; height: 1px; position: absolute; top: 50%; left: 0; content: ""; background: #b10000; } */ .clock.balck-yellow { border-width: 2px; border-style: solid; border-color: #000; box-shadow: none; background: #ffdf01; } .clock.balck-yellow p { color: #000; } .clock.balck-yellow li cite { background: #000; border: 1px solid #ffdf01; } .clock.balck-yellow li cite:after { background: #ffdf01; } .clock.balck-yellow li.point { color: #000; } .sale70-btn{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;height:46px; line-height:46px;padding:0 28px; margin:15px 0; display:inline-block; text-transform:uppercase;font-size:20px;font-weight:700;color:#000000;background:#ffffff;} .sale70-btn:hover{ background:#181818; color: #FFFFFF;} .sale70-btn-black {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;height:46px; line-height:46px;padding:0 28px; margin:15px 0; display:inline-block; text-transform:uppercase;font-size:20px;font-weight:700;color:#fff;background:#000;} .sale70-btn-black:hover{ background:#fff; color: #000;} .sale70-btn-red {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;height:46px; line-height:50px;padding:0 25px; margin:15px 0; display:inline-block; font-size:24px;color:#fff;background:#a70433;} .sale70-btn-red:hover{ background:#7e0326; color: #fff;} .justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;display: flex;} .align-items-center {align-items:center!important;-ms-flex-align:center!important;} .img-fluid {max-width:100%;height: auto;} .homePageCounter { padding: 20px 0 5px 0; background: #1A1A1A; } .homePageCounter h3 { text-align: center; } /* Countdown */ .countdown { padding: 10px 0 40px 0; width: 100%; float: left; position: relative; background-color: #fff;} .countdown .hot-sale-backgr {background-color: #1a1a1a;} .countdown .red-line {background-color: #d20606;} .countdown .red-line .hot-sale-btn {font-size:24px; width: 400px; height:46px; line-height:42px;padding:0 28px; margin:15px 5px 15px 0; display:inline-block; text-transform:uppercase; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-weight:700;color:#fff;background:#262121;border: 2px solid #fff;} .countdown .red-line .hot-sale-btn:hover { background:#fff; color: #000;} .countdown .box {width: 100%;position: relative; margin: 30px 0;} .countdown .box .clock { padding: 0; width: 400px; margin: 0 auto; position: relative; } .countdown .box .clock ul { list-style: none; text-align: center; padding: 0; margin: 5px 0 0 0;} .countdown .box .clock ul li { width: 22%; float: left; background-color: #262121; color: #fff; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .countdown .box .clock li.point { width: 3.6%; background-color: #fff; } .countdown .box .clock ul li span {font-size: 54px; line-height: 90px;} .countdown .box .clock ul li div { font-size: 17px; padding: 5px 0; background-color: #d20606; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;} .countdown-bottom { padding: 16px 0; margin: 10px 0; width: 100%; float: left; position: relative; background-color: #c9c8c8;} .countdown-bottom .box-bottom {width: 100%;position: relative; margin: 15px 0 0 0;} .countdown-bottom .box-bottom .clock { padding: 0; width: 400px; margin: 0 auto; position: relative; } .countdown-bottom .box-bottom .clock ul { list-style: none; text-align: center; padding: 0; margin: 5px 0 0 0;} .countdown-bottom .box-bottom .clock ul li { width: 22%; float: left; background-color: #262121; color: #fff; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .countdown-bottom .box-bottom .clock li.point { width: 3.6%; background-color: #c9c8c8; } .countdown-bottom .box-bottom .clock ul li span {font-size: 54px; line-height: 90px;} .countdown-bottom .box-bottom .clock ul li div { font-size: 17px; padding: 5px 0; background-color: #d20606; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;} .flashSellArea {padding:0; margin: 0 auto;color: #fff;position: relative;} .flashSellArea .left-box {background: #202020; height: 450px; z-index: 10;} .flashSellArea .left-box .thunder {float: right;height: 450px;position: absolute; top: 0; right: -530px;} .flashSellArea .right-box {background: #ed0108; height: 450px; z-index: 9;} .flashSellArea .right-box .flash-sale-up-to-60 {margin-left: 500px; margin-top: 90px;} .flashSellArea .clock-box3 {position: absolute; bottom: 20px; right: 365px;} .flashSellArea .clock-box3 .clock-left{width: 266px; float: left;} .flashSellArea .clock-box3 .clock-right{width: 100%; float: left;} .flashSellArea2 {padding:0; margin: 0 auto;color: #fff;position: relative;} .flashSellArea2 .hot-sale-backgr {padding: 0;margin: 0;position: relative;} .flashSellArea2 .hot-sale-backgr img {position: relative;z-index: 10;} .flashSellArea2 .hot-sale-backgr::after, .flashSellArea2 .hot-sale-backgr::before {;height:494px;content:' ';position: absolute;top: 0;width: 20%;} .flashSellArea2 .hot-sale-backgr::after {right: 0;background-color:#d20606;z-index: 9;} .flashSellArea2 .hot-sale-backgr::before {left: 0;background-color: #202020;z-index: 9;} .flashSellArea2 .clock-box4 {background-color: #febd0b;} .flashSellArea2 .bottom-hot-sale-backgr {padding: 0;margin: 0;position: relative;height: 400px;} .flashSellArea2 .bottom-hot-sale-backgr img {position: relative;z-index: 10;height: 400px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {;height:400px;content:' ';position: absolute;top: 0;width: 20%;} .flashSellArea2 .bottom-hot-sale-backgr::after {right: 0;background-color:#d20606;z-index: 9;} .flashSellArea2 .bottom-hot-sale-backgr::before {left: 0;background-color: #202020;z-index: 9;} /* 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: 0 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: 0; left: 0; 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 0 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 0 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: 0 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: 0; right: 0; border-width: 45px 18px 45px 0; 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: 0; content: ""; background: #948141; } .offerArea .now .boxSatis .satis:after { width: 100%; height: 2px; position: absolute; bottom: 8px; left: 0; 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; } /* comatibility area */ .compatibilityArea { padding: 25px 0 71px 0; width: 100%; float: left; } .compatibilityArea h1 { font-family: 'Open Sans', sans-serif; font-size: 34px; color: #333; font-weight: 600; text-align: center; } .compatibilityArea h1 span {color: #c80000;} .compatibilityArea h2 { margin-bottom: 40px; font-family: 'Open Sans', sans-serif; font-size: 24px; color: #c80000; font-weight: 600; text-align: center; } .compatibilityArea p {color: #444; font-size: 16px;} .compatibilityArea p img {margin: 0 auto; max-width: 100%;} .compatibilityArea p.margin-bottom {margin-bottom: 30px;} /* 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: 0; left: 0; 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: 0; left: 0; 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; } /* wallstreet up-to-date */ .wallstreetUpToDate { padding: 43px 0 60px 0; width: 100%; float: left; position: relative; font-family: 'Open Sans', sans-serif; line-height: 24px; color: #fff; z-index: 1; background: #000; } .wallstreetUpToDate:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/walls_bg2.webp') no-repeat top center; background-size: cover; } .wallstreetUpToDate h2 { font-size: 26px; line-height: normal; } .wallstreetUpToDate p strong { font-weight: 500; } .wallstreetUpToDate a { margin: 40px 0 0 0; padding: 8px 20px; 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; } .wallstreetUpToDate a:hover { color: #fff; background-position: left top; } /* 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 span.robot-name { font-weight: 600; color: #333; } .graphArea .graph p.fully-verified { font-weight: 500; } .graphArea .graph p.fully-verified-green { font-weight: 600; color: #00a82d; } .graphArea .graph .account { width: 100%; margin: 0 0 30px 0; float: left; } .graphArea .graph .account figure { margin: 0 auto; width: 988px; max-width: 100%; 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; top: 305px; right: 25px; content: ""; width: 186px; height: 151px; background: url(../images/myfxbook_stamp_2.webp) no-repeat center center; } .graphArea .graph .account figure a.demo:after { padding: 0; margin: 0; position: absolute; top: -100px; right: -140px; content: ""; width: 186px; height: 151px; background: url(../images/myfxbook_stamp2.webp) no-repeat center center; } .graphArea .graph .account img { margin: 10px 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); } .graphArea .graph2 { width: 100%; text-align: center; } .graphArea .graph2 figure{ width:970px; max-width: 100%; position: relative; padding: 0; margin:0 auto; text-align:center; border: 1px solid #b9b9b9; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow:0 0 20px 1px rgba(185,185,185,1); -moz-box-shadow: 0 0 20px 1px rgba(185,185,185,1); box-shadow: 0 0 20px 1px rgba(185,185,185,1); } .graphArea .graph2 figure a.real:after { padding: 0; margin: 0; width: 186px; height: 151px; position: absolute; bottom: 25px; right: 25px; content: ""; background: url(../images/myfxbook_stamp_2.png) no-repeat center center; } .graphArea .graph2 figure a.optimized:after { padding: 0; margin: 0; width: 212px; height: 125px; position: absolute; bottom: 25px; right: 25px; content: ""; } .graphArea .graph2 figure a img {margin: 10px auto;} .graphArea .graph2 figure .title {width: 100%;height: 25px;border-top-left-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-bottom: 1px solid #b9b9b9; background: rgb(250,250,250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(250,250,250,1) 1%, rgba(233,233,231,1) 44%, rgba(206,205,200,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250,250,250,1) 1%,rgba(233,233,231,1) 44%,rgba(206,205,200,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(250,250,250,1) 1%,rgba(233,233,231,1) 44%,rgba(206,205,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cecdc8',GradientType=0 ); /* IE6-9 */ } .graphArea .graph2 figure .title .dot { margin: 7px 0 0 6px; background-color: #bdbdbd; width: 10px; height: 10px; border-radius: 5px; float: left; } .oneColumnCharts { padding: 33px 0 0 0; width: 100%; float: left; position: relative; background-color: #e9eaeb; } .oneColumnCharts .box { padding-bottom: 35px; width: 100%; float: left; text-align: center; font-size: 18px; color: #333; line-height: 28px; } .oneColumnCharts .box .left-side {border: 1px solid #aaaaaa; padding-top: 20px;padding-bottom: 30px; margin-bottom: 5px;} .oneColumnCharts .box .left-side .description {background-color: #fff; margin: 10px auto 14px auto; padding: 5px; line-height: 17px; font-size: 14px;width: 436px;border: 1px solid #aaa; font-family: 'Open Sans', sans-serif;} .oneColumnCharts .box .img {max-width: 40%;margin: 0 auto;} .oneColumnCharts .box .img2 {max-width: 100%;margin: 0 auto 30px auto;} .oneColumnCharts .box .robot-name {color: #000; font-size: 32px; line-height: 42px; font-family: 'Bebas Neue', sans-serif;margin: 0 0 15px 0;} .oneColumnCharts .box .title {color: #000; font-size: 24px;font-family: 'Bebas Neue', sans-serif;margin: 20px 0 0 0;} .oneColumnCharts .box .title span {color: #cc0000; font-size: 24px;font-family: 'Bebas Neue', sans-serif;margin: 10px 0 0 0;} .oneColumnCharts .box ul {list-style: none; margin: 10px auto 0 auto; padding: 0;background-color: #fff; width: 436px; border: 1px solid #aaa; max-width: 100%;} .oneColumnCharts .box ul li {padding: 0; margin: 0;border-bottom: 1px solid #cdcdcd; position: relative;text-align: left;} .oneColumnCharts .box ul li .text {padding: 0 0 0 10px; font-size: 16px;} .oneColumnCharts .box ul li .load-line {background-color: #89dd7f;float: right; text-align: right; width: 280px;margin: 0 2px 0 0; height: 26px; line-height: 26px;position: relative; top: 2px;} .oneColumnCharts .box ul li .load-line-red {background-color: #fd7f83;float: right;width: 27px; height: 26px; line-height: 26px;position: relative; top: 0;} .oneColumnCharts .box ul li .text2 {padding: 0 10px 0 0; font-size: 16px; float: right;} .oneColumnCharts .box ul li.grey {background-color: #fafbfd;} .oneColumnCharts .box ul li img {position: absolute; top: -3px; left: -50px;} .oneColumnCharts .box ul li div {display: inline-block;font-size: 16px; padding: 0; line-height:30px; color: #000000;} .oneColumnCharts div.chart-box div.chart { margin: 0 auto; padding: 0; text-align: center; } .oneColumnCharts div.chart-box div.chart a { display: inline-block; } .oneColumnCharts div.chart-box div.chart a img { max-width: 100%; } .oneColumnCharts .box .graph {margin: 20px 0 0 0;padding: 0;border: 1px solid #aaaaaa;} .oneColumnCharts .box .graph img {max-width: 100%;} .oneColumnCharts .box .click-here {z-index: 98;position: absolute; bottom: 70px; right: 20px; cursor: pointer; } .oneColumnCharts .box .click-here2 {z-index: 98;position: absolute; top: 20px; right: 20px; cursor: pointer; } /* additional charts */ .addChartsArea { padding: 33px 0 0 0; width: 100%; float: left; position: relative; background-color: #e9eaeb; /*background: url('/images/benefits_bg.jpg') repeat;*/ } .addChartsArea .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; } .addChartsArea h2 { margin-bottom: 22px; font-family: 'Roboto Condensed', sans-serif; font-size: 36px; color: #333; font-weight: 600; line-height: 40px; } .addChartsArea .box { padding-bottom: 35px; width: 100%; float: left; text-align: center; font-size: 18px; color: #333; line-height: 28px; } .addChartsArea .box p { font-weight: 500; } .addChartsArea .box p strong { font-weight: 500; } .addChartsArea .box h3 { margin-bottom: 30px; font-size: 30px; font-weight: 500; line-height: 43px; } .addChartsArea .box h3 strong { display: block; font-family: 'Open Sans', sans-serif; font-size: 40px; color: #c80000; font-weight: 700; } .addChartsArea div.chart-box div.chart { margin: 0 auto; padding: 0; text-align: center; } .addChartsArea div.chart-box div.chart a { display: inline-block; } .addChartsArea div.chart-box div.chart a img { max-width: 100%; } .addChartsArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .addChartsArea .anchor_info{ top:-30px; width:53px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* 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: 0; 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; } /* top Feature Sec */ .feature_sec{ width:100%; float:left; padding:80px 0 0 0; margin:0; background:url(../images/feature_bg.jpg) fixed no-repeat center center; background-size:cover;} .feature_sec .global_title{ margin: 0 0 50px 0; color:#fff; font-size: 38px; font-weight: 600; text-align: center; font-family: 'Roboto Condensed', sans-serif; } .feature_sec p{ padding:0; margin:0 0 45px 0; font-size:20px; color:#ffffff; line-height:normal; text-align:center; font-family: 'Roboto Condensed', sans-serif;} .feature_sec p span{ color:#6fb332;} .feature_sec .image_info{ width:100%; float:left; padding:0; margin:0; text-align:center;} .feature_sec .image_info img{ width:535px; max-width:535px;} .feature_sec .detail_2{ width:100%; float:left; padding:0; margin:0 0 50px 0;} ul.feature_list{ width:100%; float:left; padding:0; margin:50px 0 0 30px; text-align:right;} ul.feature_list li{ list-style: none; min-height:55px; padding:0 40px 0 0; margin:0 0 15px 0; font-size:14px; color:#ffffff; line-height:normal; background:url(../images/feature_list_icon.png) no-repeat right top;} ul.feature_list li.three-lines { min-height:52px; margin-bottom: 20px; } ul.feature_list.right{ text-align:left; margin-left:0;} ul.feature_list.right li{ min-height:55px; padding:0 0 0 40px; margin:0 0 15px 0; background:url(../images/feature_list_icon.png) no-repeat left top;} .feature_sec .mobile_image{ width:100%; float:left; padding:0; margin:0; text-align:center;} .feature_sec .mobile_image img { display: inline-block; } /* get started btn */ .get-started-box {padding: 10px 20px; margin: 0; border: 2px solid #c80000; border-radius: 6px;display: inline-block;} .get-started-box .get-started-btn { font-size: 22px; font-weight: bold; color: #c80000; } .get-started-box .get-started-btn span { text-decoration: underline; } .get-started-box2 {padding: 10px 20px; margin: 0; border: 2px solid #000000; border-radius: 6px;display: inline-block;} .get-started-box2 a.get-started-btn2 { font-size: 22px; font-weight: bold; color: #000000; } .get-started-box2 a.get-started-btn2:hover {color: #FFFFFF;} .get-started-box2 .get-started-btn2 span { text-decoration: underline; } /************ Gurantee Sec ************/ .gurantee_sec{ width:100%; float:left; padding:50px 0 100px 0; margin:0; text-align:center; background:url(../images/guarantee_bg6.jpg) fixed no-repeat center top; background-size:cover;} /*.gurantee_sec{ width:100%; float:left; padding:50px 0 100px 0; margin:0; text-align:center; background-color:#ffdf01;} */ .gurantee_sec .container{ max-width:1000px;} .gurantee_sec h2 { padding:0; margin:0 0 10px 0; font-size:52px; font-weight:700; line-height:normal; font-family: 'Roboto Condensed', sans-serif;} .gurantee_sec .second-title { padding:0; margin:0 0 135px 0; font-size:36px; font-family: 'Roboto Condensed', sans-serif;} .gurantee_sec .details{ width:100%; float:left; padding:0 15px 35px 15px; margin:0; background:#fff; border-radius:7px; box-shadow:0 0 18px rgba(0, 0, 0, 0.5); position: relative;} .gurantee_sec .batch{ width:202px; height:202px; padding:0; margin:-90px auto 0 auto; display:block;} .gurantee_sec .statisfy_info{ width:80%; min-height:63px; padding:22px 40px 0 40px; margin:-75px auto 0 auto; background:url(../images/statisfy_bg.png) no-repeat center top; background-size:100% 100%;} .gurantee_sec .statisfy_info h3{ padding:0; margin:0; font-size:18px; font-family: 'Roboto', sans-serif; color:#ffffff; text-transform:uppercase; font-weight:500; text-align:left;} .gurantee_sec .statisfy_info h3.right{ text-align:right; font-family: 'Roboto', sans-serif;} .gurantee_sec h4{ padding:0; margin:20px 0 30px 0; font-size:24px; color:#373737; font-weight:600;} .gurantee_sec p{ max-width:800px; padding:0; margin:0 auto 25px auto; display:block; font-size:24px; font-family: 'Roboto', sans-serif; color:#333; font-weight:300; line-height:25px; } .gurantee_sec p.first { padding-top: 40px; font-family: 'Roboto', sans-serif; font-size:28px; } .gurantee_sec .order_now{ height:48px; padding:0 28px; margin:15px 0; display:inline-block; text-transform:uppercase; line-height:48px; font-size:18px; font-family: 'Roboto', sans-serif; color:#ffffff; font-weight:500; border-radius:3px; background:#c11010;} .gurantee_sec .order_now:hover{ background:#181818;} .gurantee_sec .man{ position: absolute; bottom: 0; right: -200px;} .gurantee_sec .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .gurantee_sec .anchor_info{ width:53px; top:72px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* 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: 0; left: 0; 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: 0; right: 18px; } .guaranteArea .money span cite { margin: 0 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: 0; 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: 0 auto; } .guaranteArea .guarante h5 { margin-top: 0; 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: 0 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: 0; left: 50%; content: ""; border-width: 15px 19px 0 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: 0 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: 0; left: 0; } .forexArea .forex figure img { margin: 0 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: 0; left: 0; 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: 0; left: 0; 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: 0; left: 0; 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: 0; list-style: none; } .customersArea .customers .flex-direction-nav li a { width: 47px; height: 47px; position: absolute; top: 47%; font-size: 0; 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: 0; } .customersArea .customers .flex-direction-nav li a.flex-next { right: 0; 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: 0; 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 0 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: 0 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: 0; 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; } /* backtest area */ .testing_sec { margin: 50px 0 0 0; float: left; width: 100%; } .testing_sec .inner{ width:100%; padding:0; margin:15px 0 30px 0;} .testing_sec p{ padding: 5px 0; font-size: 18px; color: #333; font-family: 'Open Sans', sans-serif;} .testing_sec .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .testing_sec .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} .testing_sec2 { margin: 0; padding: 0 0 50px 0; float: left; width: 100%; border-bottom: 2px solid #858583;background-clip: content-box;} .testing_sec2 h3 {font-size: 24px;font-family: 'Roboto Condensed', sans-serif;color:#393939;font-weight: bold;text-align: center;margin-bottom: 35px;} .testing_sec2 .backtest-bonus-ea {padding:0; width: 235px; margin: 0 auto;} .testing_sec2 .backtest-bonus-ea .title {background:#393939;text-align: center; width: 235px; border-top-left-radius: 4px;border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .testing_sec2 .backtest-bonus-ea .title a {color:#FFFFFF;font-family: 'Roboto', sans-serif;font-size: 20px;padding: 5px 0;display:block;} .testing_sec2 .backtest-bonus-ea .small-backtests {border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px;} .testing_sec2 .text{font-size: 16px;color:#393939;text-align: center;margin: 10px 0 0 0;font-weight: 500;} .testing_sec2 .btn-center {margin: 0 auto; width: 110px;} .testing_sec2 .btn-center a.backtest-btn2 { margin: 10px auto 0 auto; padding: 8px 20px; 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; } .testing_sec2 .btn-center a.backtest-btn2:hover { color: #fff; background-position: left top; } .testing_sec2 .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .testing_sec2 .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} .tab_info{ width:100%; float:left; padding:0; margin:50px 0 85px 0; box-shadow:0 0 18px rgba(0, 0, 0, 0.5);} .tab_info .nav-tabs{ border-bottom:none; border-top:7px solid #ce2a2b; background:#f5f5f5;} .tab_info .nav-tabs.nav-justified > li { border-bottom: 2px solid #ce2a2b; } .tab_info .nav-tabs.nav-justified > li > a { border-right: 1px solid #dddddd; border-top: none; border-bottom: none; border-left: none; padding:17px 10px; font-size:24px; color: #000; font-weight:700; font-family: 'Roboto Condensed', sans-serif; border-radius:0; margin:0; position:relative;} .tab_info .nav-tabs.nav-justified > li > a:hover { background-color: #dddddd; } .tab_info .nav-tabs.nav-justified > li > a:first-of-type { border-left: 1px solid #dddddd; } .tab_info .nav-tabs.nav-justified > li > a:after{top: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(180, 8, 8, 0); border-top-color: #ce2a2b; border-width: 9px; margin-left: -9px; margin-top: 2px; display:none;} .tab_info .nav-tabs.nav-justified > li > a small{ display:block; margin-top:3px; font-size:13px; color:#5e5e5e; font-weight:600; font-family: 'Open Sans', sans-serif;} .tab_info .nav-tabs.nav-justified > .active > a, .tab_info .nav-tabs.nav-justified > .active > a:hover, .tab_info .nav-tabs.nav-justified > .active > a:focus{ color:#fff; background:#ce2a2b; border-top: none; border-left: none; border-right: none; border-radius:0; margin:0;} .tab_info .nav-tabs.nav-justified > .active > a small, .tab_info .nav-tabs.nav-justified > .active > a:hover small, .tab_info .nav-tabs.nav-justified > .active > a:focus small{ color:#fff;} .tab_info .nav-tabs.nav-justified > .active > a:after, .tab_info .nav-tabs.nav-justified > .active > a:hover:after, .tab_info .nav-tabs.nav-justified > .active > a:focus:after{ display:block;} .tab_info .tab-content{ width:100%; float:left; padding:15px; margin:0; background:url(../images/tab_bg.jpg) no-repeat center center; background-size:cover;} .addition_info{ width:100%; padding:0; margin:0 auto; display:block; clear:both;} .addition_info .details{ width:100%; float:left; padding:10px 0 0 0; margin:0;} .addition_info .details .row{ margin:0 0;} .addition_info .details [class*="col-"]{ padding:0 0;} .addition_info h3{ min-height:55px; padding: 5px 0 8px 0 !important; margin:0 50px 0 -15px !important; text-align: center; position:relative; background: #f1efef;} .addition_info h3 span.pair { font-size:36px; color:#ce2a2b; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; } .addition_info h3 span.years { font-size:24px; color:#000; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; line-height: 26px; } .addition_info h3 span.info { font-size:16px; color:#5e5e5e; font-family: "Open Sans",sans-serif; font-weight: 400; } .addition_info h3 i{ width:29px; height:100%; position:absolute; left:auto; top: 0; right:-29px; background:url(../images/addition_curve_3.png) no-repeat center top; background-size:100% 100%;} /*.addition_info h3 i{ width:29px; height:100%; position:absolute; left:-29px; top:0; background:url(../images/addition_curve_1.png) no-repeat center top; background-size:100% 100%;}*/ .addition_info h3 small{ font-size:16px; color:#ffffff; font-weight:600; font-family: 'Open Sans', sans-serif; position:relative; top:-5px;} .addition_info h3.title_2{ padding-top:9px; margin:0 29px 0 0; font-size:28px; color:#fff; text-transform:uppercase; font-weight:300; text-align:right;} .addition_info h3.title_2 strong{ font-weight:700;} .addition_info h3.title_2 i{ left:auto; right:-29px; background:url(../images/addition_curve_2.html) no-repeat center top; background-size:100% 100%;} /*.addition_info h4{ padding:0; margin:20px 0 0 0; font-size:32px; color:#ffffff; text-transform:uppercase; font-style:italic; font-weight:700; text-align:left;}*/ /*.addition_info h4 span{ font-size:30px; color:#eec228;}*/ /*.addition_info h4.right{ text-align:right; padding-right:50px;}*/ /*.addition_info .details figure{ width:100%; float:left; padding:0; margin: 0;}*/ .addition_info .details figure.box { margin-top: 30px; text-align: center; } .addition_info .details figure.box img { max-width:100%; display: inline-block; } .addition_info .details .values { background-color: #ffffff; margin: 20px 0 0 0; padding: 10px 20px; } .addition_info .details .values h4 { margin: 5px 0; font-size:20px; color:#000; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; text-align: left; } .addition_info .details .values .value { padding: 0 0 0 15px; margin-top: -10px; font-size:20px; color:#000; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-align: left; } .addition_info .details .values .progress { height: 12px; } .addition_info .details .values .progress .progress-bar { background-color: #ce2a2b; } .addition_info .graph_image{ width:100%; padding:0; margin:0;} .addition_info .graph_image img { max-width:100%; } .backtests-btn { margin: 30px auto; text-align: center; position: relative; max-width: 350px;} .backtests-btn img { max-width: 100%; display: inline-block; } .backtests-btn .title { padding: 15px 0 0 0; font-size: 20px; position: absolute; bottom: 10px; right: 15px; color: #fff; text-align: right; line-height: 24px; font-family: 'Roboto Condensed', sans-serif;} .backtests-btn .title a { color: #fff; } .backtests-btn-click-info { text-align: center; font-size: 16px; color: #333; } /* backtest area end */ /* launch offer area */ .launchOfferArea { width: 100%; float: left; background: url(../images/launch-offer-bg.jpg) no-repeat top center; background-size: cover; border-top: 3px solid #fff;} .launchOfferArea .top-line { padding: 2px 0 0 0; width: 100%; min-height: 50px; text-align: center; font-size: 34px; font-style: italic; color: #fff; background: rgb(23,23,23); background: linear-gradient(180deg, rgba(23,23,23,1) 0%, rgba(59,58,58,1) 100%);} .launchOfferArea .top-line span { color: #d49807; } .launchOfferArea .bottom-line { padding: 10px 0 0 0; width: 100%; min-height: 50px; text-align: center; font-size: 22px; color: #fff; background: rgb(23,23,23); background: linear-gradient(180deg, rgba(23,23,23,1) 0%, rgba(59,58,58,1) 100%);} .launchOfferArea .offer-details { width: 100%; position: relative; } .launchOfferArea .offer-body { padding: 20px 10px 20px 10px; float: left; width: 44%; text-align: center; } .launchOfferArea .offer-text { margin: 30px 0;padding: 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #000; font-size: 28px; text-transform: uppercase; text-align: center; background-color: #cbcbcb; border: 12px solid #3e3e3e; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .launchOfferArea figure { padding: 15px 0 0 0; float: left; width: 28%; position: relative; } .launchOfferArea figure img { max-width: 100%; } .launchOfferArea figure img.gif-label { position: absolute; left: -40px; bottom: -20px; width: 100px; z-index: 5; } .launchOfferArea figure .regular-price { position: absolute; left: 160px; bottom: -10px; color: #fff; text-decoration: underline; font-size: 22px; width: 250px; } .launchOfferArea img.man { position: absolute; right: -85px; bottom: 0; z-index: 5; width: 385px; } .launchOfferArea img.limited-offer-label { position: absolute; right: -20px; top: -4px; z-index: 6; width: 135px; } .exclusive-btn{-webkit-box-shadow: 0 7px #aa070b;-moz-box-shadow: 0 7px #aa070b;box-shadow: 0 7px #aa070b;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;height:46px; line-height:46px;padding:0 28px; margin:15px 0; display:inline-block; text-transform:uppercase;font-size:20px;font-weight:500;color:#ffffff;background:#db0f16;} .exclusive-btn:hover{ background:#181818;box-shadow: 0 7px #181818; color: #FFFFFF;} /* 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: 0; left: 0; 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 0 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 0 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: 0; left: 0; 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: 0; left: 0; 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: 0; left: 0; 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: 0; left: 0; 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: 0 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: 0 auto; } .packageArea .package h5 { padding-bottom: 14px; font-size: 18px; color: #333; line-height: 24px; border-bottom: 1px solid #dcdcdc; } /* package area */ .tradingPackArea { padding: 45px 0 30px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 2; background: url('../images/package_bg.jpg') repeat bottom left; } .tradingPackArea .box img { max-width: 100%; } .tradingPackArea .plus:after { width: 40px; height: 40px; position: absolute; top: 35%; right: -35px; content: "+"; color: #000000; font-size: 52px; font-weight: 600; } .tradingPackArea h3 { margin-bottom: 50px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-decoration: underline; } /* Under Banner Area */ .underBannerArea {padding:10px 0 20px 0; width: 100%; float: left; position: relative; background: #1a1a1a;} .underBannerArea .box {color: #fff; padding: 0; width: 20%; float: left; margin: 20px 0 0 0;} .underBannerArea .box .title {text-align: center;font-weight: bold;color: #e80000;font-size: 20px;} .underBannerArea .box .text {font-size: 14px; text-align: center; padding: 10px 0 0 0;} .underBannerArea .inner-box {padding: 20px 0; text-align: center;} .underBannerArea .inner-box img {display: inline-block; text-align: center;} .underBannerArea .round { margin: -10px auto 8px auto; width: 73px; height: 73px; display: block; /*border-radius: 50%; background: #1a1a1a;*/ } .underBannerArea .round .under { width: 100%; height: 100%; display: table; } .underBannerArea .round figure { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .underBannerArea .round figure img { margin: 0 auto; } section.moneyback-sec { background-color: #c6c6c6; border-top: 10px solid #ededed; /*border-bottom: 10px solid #ffffff;*/ padding: 20px 0; } section.moneyback-sec .middle-txt { color: #232323; } section.moneyback-sec .middle-txt .txt-1 { color: #232323; padding: 15px 0 20px 0; font-size: 40px; font-weight: bold; line-height: 50px; } section.moneyback-sec .middle-txt .txt-2 { color: #ff0000; padding: 10px 0; font-size: 28px; font-weight: bold; text-transform: uppercase; line-height: 38px; } section.moneyback-sec .middle-txt .txt-2 .marked { background-color: #232323; color: #fff; padding: 0 5px; } section.moneyback-sec .middle-txt .txt-3 { color: #232323; padding: 15px 0; font-size: 26px; line-height: 36px; } section.moneyback-sec .middle-txt .txt-1 .marked { background-color: #232323; color: #fff; padding: 0 10px; } section.moneyback-sec .description {padding: 30px 0 30px 0;font-family: 'Open Sans', sans-serif;font-size: 20px;} .wsfr3-products {margin: 35px 0 70px 0;} .wsfr3-products h2 {font-size: 34px;margin-bottom: 50px;} .wsfr3-products .custom-col {margin-bottom: 20px;} .wsfr3-products .box {padding: 10px 0; background-color: #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px;} .wsfr3-products .box .title { text-transform: uppercase; font-size: 18px; padding: 5px 0 15px 0; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #000000;text-align: center;} /* 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: 0; left: 0; content: ""; opacity: 0.94; z-index: -1; background-color:#e1e1e1; background-position: top center; background-repeat: no-repeat; background-size: cover; } .fedupArea h4 { font-size: 28px; color: #000000; font-weight: 500; text-align: center; line-height: 30px; } .fedupArea h4 span { display: block; font-size: 18px; font-weight: normal; } .fedupArea h3 { margin-top: 0; 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: #000000; line-height: 24px; background: url('../images/datebase4.png') no-repeat 0 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: 0; left: 0; 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: 0; left: 50%; content: ""; border-width: 7px 7px 0 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: 40px 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 .testimonial .comment .star-rating {text-indent: 0 !important; position: absolute; color: gold; top: 7px; right: 0; left: 0; margin-left: auto; margin-right: auto; text-align: center; display: inline-block; } .testimonialsArea .testimonial .comment .star-rating s {font-size: 30px;cursor: default;text-decoration: none;line-height: 30px; color: gold} .testimonialsArea .testimonial .comment .star-rating s:before {content: "\2605"; color: gold} .testimonialsArea ul, .testimonialsArea ol { margin: 0; list-style: none; } .testimonialsArea .flex-direction-nav li a { width: 47px; height: 47px; position: absolute; top: 35%; font-size: 0; 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: 0; 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: 0; left: 0; 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: 0 auto; width: 88%; overflow: hidden; } .testimonialsArea .testimonials .round { padding: 4px; margin: 0 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: 0; list-style: none; } .testimonialsArea .flex-direction-nav li a { width: 47px; height: 47px; position: absolute; top: 35%; font-size: 0; 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: 0; 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; } */ /* Testsimonails Area WSFR3 */ .testimonialsArea2{ width:100%; float:left; padding: 50px 0 50px 0; margin:0; background: url('../images/customers_bg_2.jpg') repeat top center;} .testimonialsArea2 h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 48px; color: #fff; font-weight: 600; line-height: normal; text-align: center; text-transform: uppercase;} .testimonialsArea2 p { margin-bottom: 22px; text-align: center; color: #fff; } .testimonialsArea2 .box {margin: 30px 0 0 0; padding: 15px 0 0 0; background: #FFFFFF;position: relative;box-shadow:0 0 10px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .testimonialsArea2 .box .img {padding-top: 10px;} .testimonialsArea2 .box .testimonial { margin: 0; padding: 0; } .testimonialsArea2 .box .testimonial h4 {margin: 5px 0 10px 0;padding: 0 0 20px 0;font-size: 16px;color: #333;font-weight: 500;font-style: italic;text-align: center;} .testimonialsArea2 .box .testimonial .comment { min-height: 195px; font-size: 16px; color: #333; font-weight: 300; text-align: left; position: relative; background-color: rgba(255, 255, 255, 0.2); padding: 15px 15px 15px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;font-family: 'Open-sans', sans-serif;} .testimonialsArea2 .box .testimonial .comment a.read-more {color:#bb0504;text-decoration: underline;} .testimonialsArea2 .box .testimonial .star-rating {text-indent: 0 !important; position: relative; color: gold; top: 7px; right: 0; left: 0; margin-left: auto; margin-right: auto; width: 100%; text-align: center; display: inline-block;} .testimonialsArea2 .box .testimonial .star-rating s {font-size: 40px;line-height: 40px;cursor: default;text-decoration: none;color: gold} .testimonialsArea2 .box .testimonial .star-rating s:before {content: "\2605"; color: gold} .testimonialsArea2 .box .rating {float: left;unicode-bidi: bidi-override;direction: rtl;color: #ffd700; font-size: 28px;margin: 0 auto;width: 100%;text-align: center;} .testimonialsArea2 .box .rating > span {display: inline-block;position: relative;width: 30px;} .testimonialsArea2 .box .rating > span::before,.testimonialsArea2 .box .rating > span ~ span:before {content: "\2605";position: absolute;} .testimonialsArea2 .box .close-quote {height: 45px;width: 45px;background: #d10d13;position: absolute;top: -15px;left: 15px;} .testimonialsArea2 .box .close-quote:before { position: relative;top: -5px;margin: 0 auto;left: 3px;vertical-align: middle;font-family: Constantia, serif; content: "\201D"; font-size: 70px;color: #fff;} /* flexslider testimonials */ .testimonialsArea2 ul, .testimonialsArea2 ol { margin: 0; list-style: none; text-align: center;} .testimonialsArea2 .flex-direction-nav li a { width: 47px; height: 47px; margin: 0 -50px; position: absolute; top: 46%; font-size: 0; text-decoration: none; background-image: url('../images/prev_next.png'); background-position: top left; background-repeat: no-repeat; } .testimonialsArea2 .flex-direction-nav li a.flex-prev { left: 0; } .testimonialsArea2 .flex-direction-nav li a.flex-next { right: 0; background-position: top right; } .testimonialsArea2 .flex-control-nav li { margin: 25px 6px 0 6px; display: inline-block; } .testimonialsArea2 .flex-control-nav li a { width: 13px; height: 13px; display: block; font-size: 0; text-decoration: none; border-radius: 50%; cursor: pointer; background: #4c4c4c; } .testimonialsArea2 .flex-control-nav li a:hover, .testimonialsArea2 .flex-control-nav li a.flex-active { background: #c9c9c9; } .testimonialsArea2 .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .testimonialsArea2 .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0; } /* myfxbook charts slider */ .myfxbookcharts { text-align: center; } /*.myfxbookcharts .flex-control-nav li { margin: 25px 6px 0 6px; display: inline-block; } .myfxbookcharts .flex-control-nav li a { width: 13px; height: 13px; display: block; font-size: 0; text-decoration: none; border-radius: 50%; cursor: pointer; background: #4c4c4c; } .myfxbookcharts .flex-control-nav li a:hover, .myfxbookcharts .flex-control-nav li a.flex-active { background: #c9c9c9; }*/ .myfxbookcharts .flex-control-nav li { margin: 25px 6px 0 6px; display: inline-block; } .myfxbookcharts .flex-control-nav li a { width: 24px; height: 24px; padding-top: 1px; display: block; font-size: 16px; color: #fff; text-decoration: none; border-radius: 3px; cursor: pointer; background: #4c4c4c; } .myfxbookcharts .flex-control-nav li a:hover, .myfxbookcharts .flex-control-nav li a.flex-active { background: #c9c9c9; color: #d70303; } .myfxbookcharts .flex-direction-nav li a { width: 47px; height: 47px; position: absolute; top: 35%; font-size: 0; text-decoration: none; background-image: url('../images/prev_next.png'); background-position: top left; background-repeat: no-repeat; } .myfxbookcharts .flex-direction-nav li a.flex-prev { left: 0; } .myfxbookcharts .flex-direction-nav li a.flex-next { right: 0; background-position: top right; } .myfxbookcharts .flex-direction-nav li { list-style: none; } .myfxbookcharts .flex-direction-nav { position: absolute; width: 1230px; max-width: 90%; top: 50%; left: 0; right: 0; margin: 0 auto; } /* 3 Robots Buy */ .orderOneEA {padding: 0 0 12px 0; width: 100%; font-family: 'Open Sans', sans-serif; float: left; background: url(../images/3_robots_buy.jpg) no-repeat left top; background-size: cover;} .orderOneEA h3 {margin: 55px 0 30px 0;color:#FFFFFF;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-weight: bold;font-size: 44px;text-align: center;} .orderOneEA .title {margin: 0 0 10px 0;color: #FFFFFF;text-align: center;font-size: 28px; font-weight: 700;} .orderOneEA .left-img {margin: 20px auto 0 auto;} .orderOneEA .top {z-index: 10;position: relative;} .orderOneEA .top img {margin: 0 auto;} .orderOneEA .middle {margin: -70px 0 0 0;z-index: 9;min-height:520px;position: relative;padding: 70px 0 0 0;text-align: center;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;background: #f2f2f2;} .orderOneEA .middle p {margin: 0 20px 0 20px;font-size: 18px;} .orderOneEA .middle p .red {color: #e32828;} .orderOneEA .middle_new {margin: 0; padding: 10px; text-align: center;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;background: #f2f2f2; border: 2px solid #000;} .orderOneEA .middle_new p {margin: 0;font-size: 18px;} .orderOneEA .middle_new p .red {color: #e32828;} .orderOneEA .bottom {margin: -10px auto 0 auto; width:78%;z-index: 8;position: relative;padding: 0;background: #FFFFFF;text-align: center;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .orderOneEA .text {font-size: 22px;margin: 0;padding: 15px 0 0 0;} .orderOneEA .price {font-size: 28px;font-weight: bold; color: #000000;} .orderOneEA .btn-center {margin: 0 auto; width: 175px;} .orderOneEA .btn-center a.now {width: 175px; max-width: 100%; padding: 11px 11px 11px 11px; margin: 0 0 20px 0; float: left;font-size: 18px; color: #fff; font-weight: bold; font-family: "Roboto Condensed", sans-serif;text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2);border-radius: 4px;background-image: url('../images/get_btn_2.png'); background-repeat: repeat-x; background-position: right top; } .orderOneEA .btn-center a.now span { padding-left: 4px; margin-right: 9px; width: 24px; height: 24px; float: left; font-size: 12px; color: #fff; text-align: center; line-height: 25px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .orderOneEA .btn-center a.now:hover { color: #FFFFFF; background-position: left top; } .orderOneEA .btn-center a.now:hover span { background-color: #000; border: 1px solid #585151; } .orderOneEA .recovery {margin: 0 0 50px 0;} .orderOneEA .asia {margin: 0 0 50px 0;} .orderOneEA .gold{margin: 0 0 50px 0;} .orderOneEA .crypto{margin: 0 0 50px 0;} .orderOneEA .recovery .middle:before,.orderOneEA .gold .middle:before, .orderOneEA .crypto .middle:before {background: none;border: 2px solid #000;content: "";display: block;position: absolute;top: 2px;left: 2px;right: 2px;bottom: 2px;pointer-events: none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .orderOneEA .recovery .bottom:before,.orderOneEA .gold .bottom:before {background: none;border-left: 2px solid #000;border-right: 2px solid #000;border-top: 2px solid #000;border-bottom: 2px solid #000;content: "";display: block;position: absolute;top: 2px;left: 2px;right: 2px;bottom: 2px;pointer-events: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .orderOneEA .asia .middle:before {background: none;border: 2px solid #d30f0f;content: "";display: block;position: absolute;top: 2px;left: 2px;right: 2px;bottom: 2px;pointer-events: none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .orderOneEA .asia .bottom:before {background: none;border-left: 2px solid #d30f0f;border-right: 2px solid #d30f0f;border-top: 2px solid #d30f0f;border-bottom: 2px solid #d30f0f;content: "";display: block;position: absolute;top: 2px;left: 2px;right: 2px;bottom: 2px;pointer-events: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .orderOneEA .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .orderOneEA .anchor_info{ width:53px; top:-23px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0; } .orderOneEA .middle2 {margin: -70px 0 0 0;z-index: 9;min-height:auto;position: relative;padding: 70px 0 50px 0;text-align: center;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;background: #f2f2f2;} .orderOneEA .middle2 p {margin: 0 20px 0 20px;font-size: 18px;} .orderOneEA .bottom2 {margin: -10px auto 0 auto; width:25%;z-index: 8;position: relative;padding: 0;background: #FFFFFF;text-align: center;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomrigh: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .orderOneEA .crypto .middle2:before {background: none;border: 2px solid #000;content: "";display: block;position: absolute;top: 2px;left: 2px;right: 2px;bottom: 2px;pointer-events: none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .orderOneEA .crypto .bottom2:before {background: none;border-left: 2px solid #000;border-right: 2px solid #000;border-top: 2px solid #000;border-bottom: 2px solid #000;content: "";display: block;position: absolute;top: 2px;left: 2px;right: 2px;bottom: 2px;pointer-events: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} /* package includes before */ .package-includes-before {background: #eeeeee;width: 100%; float: left;} .package-includes-before .header {padding: 0; margin: 50px 0 0 0;} .package-includes-before .header .package-box-inc {width: 62%; margin: 0 auto; position: relative;} .package-includes-before .header .package-box-inc img {max-width: 100%;margin: 0 0 0 25px;} .package-includes-before .header .package-box-inc .limited-offer {position: absolute; top: -50px; right: -70px;} .package-includes-before .header .package-box-inc .gift-red {position: absolute; bottom: 10px; right: -60px;} .package-includes-before .header .package-box-inc .brand-new {text-align: center; margin: 35px auto 55px auto; } .package-includes-before .header .package-box-inc .brand-new img {margin: 0;} /* package includes */ .package-includes {background: #FFFFFF;padding: 30px 0 30px 0;width: 100%; float: left;font-family: "Roboto Condensed", sans-serif;} .package-includes .title {color: #101010; margin-bottom: 25px; font-size: 22px; font-weight: bold; text-align: center;} .package-includes .box.left {float: left;margin: 0 0 0 30px;} .package-includes .box.right {float: right;margin: 0 30px 0 0;} .package-includes .box ul {list-style: none; margin: 0 0 0 50px; padding: 0;} .package-includes .box ul li {padding: 0; margin: 0 0 23px 0;border-bottom: 1px solid #cdcdcd; position: relative;max-width: 210px;} .package-includes .box ul li img {position: absolute; top: -3px; left: -50px;} .package-includes .box ul li div {display: inline-block;font-size: 16px; padding: 0; line-height:30px; color: #000000;} /* Order Area 2*/ .packageOrderArea {padding: 0 0 58px 0; width: 100%; float: left; /*background-color: #DBDBDB;*/ background: url('../images/order_background2.jpg') repeat;} .packageOrderArea .coupon-code {border: 4px dashed #af0000;margin: 50px auto 0 auto;padding: 10px 0 20px 0;text-align: center;font-family: 'Roboto Condensed', sans-serif;} .packageOrderArea .coupon-code .text1 {font-size: 56px; line-height: 56px;margin: 20px 0 10px 0; font-weight: bold;} .packageOrderArea .coupon-code .text1 .red {color: #c40705;} .packageOrderArea .coupon-code .text1 .coupon-number{font-size: 70px;} .packageOrderArea .coupon-code .text2 {font-size: 36px; line-height: 36px; margin: 0 0 15px 0;} .packageOrderArea .coupon-code .copy-line {width: 310px;margin: 0 auto;} .packageOrderArea .coupon-code .input-field {width: 310px;text-align: center;font-size: 68px;line-height: 68px;font-weight: bold;font-family: 'Roboto Condensed', sans-serif;border: 2px dashed #000;background-color: #fecd4a;} .packageOrderArea.xmas {padding: 0 0 58px 0; width: 100%; float: left; background: url('../images/xmas/order_background_xmas.jpg') no-repeat center center; background-size: cover;} /* STANDARD PACAKGE */ .packageOrderArea .package-box {margin-top: 90px;} .packageOrderArea .standard-top-img {position: relative; top: 30px;} .packageOrderArea .standard-top-img img {max-width: 100%; margin: 0 auto;} .packageOrderArea .standard {padding: 0; margin: 55px 0 0 0;background: #e5e4e4;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);} .packageOrderArea .standard .top {position: relative; background: url('../images/packages-top-triangle-standard.png') no-repeat top; background-size: cover;height: 140px;border-top-left-radius: 8px;-webkit-border-top-left-radius: 8px;-moz-border-radius-topleft: 8px; border-top-right-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topright: 8px;} .packageOrderArea .standard .top img {position: absolute; bottom: 20px; right: 0; left: 0; margin-left: auto; margin-right: auto; text-align: center;} .packageOrderArea .standard .top img.promo-label {position: absolute; bottom: -15px; right: 25px; margin-left: 0; margin-right: 0; left: auto;} .packageOrderArea .standard .top img.xmas-hat-basic {position: absolute; top: -58px; left: -73px; margin-left: 0; margin-right: 0; right: auto;} .packageOrderArea .standard .top .text {font-weight: 500; font-size: 40px; line-height: 38px; color: #454646; text-transform: uppercase; text-align: center; padding: 22px 0 5px 0;} .packageOrderArea .standard .top .text2 {color: #454646; font-size: 18px; line-height: 14px; text-align: center;} .packageOrderArea .standard .bottom { background-color: #454646; padding: 10px 0; /*border-top: 3px solid #fff;*/border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;} .packageOrderArea .standard .bottom .btn-center { margin: 0 auto; padding: 25px 0 0 0; text-align: center; } /*.packageOrderArea .standard .bottom .btn-center a.now {width: 221px; max-width: 100%; padding: 15px 15px 15px 15px; margin: 17px 0 0 0; float: left;font-size: 22px; color: #fff; font-weight: bold; font-family: "Roboto ", sans-serif; text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2);border-radius: 4px; background-image: url('/images/package-order-now-btn.png'); background-repeat: repeat-x; background-position: right top; }*/ .packageOrderArea .standard .bottom .btn-center a.now { padding: 10px 15px 10px 15px; font-size: 18px; color: #fff; font-weight: 500; font-family: "Roboto ", sans-serif; text-decoration: none; text-shadow: 0 -1px 0 rgb(0 0 0 / 20%); border-radius: 5px; border: 2px solid #fff; background-color: #ed161e; } .packageOrderArea .standard .bottom .btn-center a.now span { padding-left: 4px; margin-right: 9px; width: 28px; height: 28px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 29px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } /*.packageOrderArea .standard .bottom .btn-center a.now:hover { color: #d40d0d; background-position: left top; }*/ .packageOrderArea .standard .bottom .btn-center a.now:hover { background-color: #fff; border: 2px solid #ed161e; color: #ed161e; } .packageOrderArea .standard .bottom .btn-center a.now:hover span { background-color: #000; border: 1px solid #585151; } .packageOrderArea .standard .bottom .one-time-text {color: #ffffff; margin: 15px 0 10px 0;font-size: 17px;font-weight: 300;text-align: center;} .packageOrderArea .standard .middle {margin: 18px 0 40px 22px;} .packageOrderArea .standard .middle ul {list-style-type: none; } .packageOrderArea .standard .middle ul li {font-size: 17px;max-width: 100%; border-bottom: 1px solid #c7c7c7; padding: 5px 0;} .packageOrderArea .standard .middle ul li.tick{color: #363535;} .packageOrderArea .standard .middle ul li.tick i {color:#06b25b;} .packageOrderArea .standard .middle ul li.disabled {color: #7e7d7d;} .packageOrderArea .standard .middle ul li.disabled i{color: #d20c13;} .packageOrderArea .standard .middle ul li.star {color: #363535; font-weight: 500;} .packageOrderArea .standard .middle ul li.star i {color: #06b25b; font-weight: 500;} .packageOrderArea .standard .regular {color: #363535; font-family: 'Roboto', sans-serif;font-size: 20px; font-weight: 400; text-align: center;} .packageOrderArea .standard .regular span {text-decoration: line-through; font-weight: 500; font-size: 24px;} .packageOrderArea .standard .buy {color: #d30f0f; font-size: 28px; font-weight: 500; text-align: center; background: #ffffff; margin: 10px 0 0 0;} .packageOrderArea .standard .buy span { font-weight: bold; font-size: 28px; } .packageOrderArea .standard .included {color: #363535; font-size: 20px; font-weight: 500; text-align: center; background: #fff; margin: 10px 0 0 0;} .packageOrderArea .standard .included span { font-weight: bold; font-size: 28px; } .packageOrderArea .standard .included2 {color: #fff; font-size: 20px; font-weight: 500; text-align: center; background: #464847; margin: 10px 0 0 0;} .packageOrderArea .standard .included2 span { font-weight: bold; font-size: 28px; } .packageOrderArea .standard .save1 {font-size: 24px; font-weight: 500; text-align: center; color: #363535; margin: 8px 0 32px 0;} .packageOrderArea .standard .price-per-ea { background-color: #dfa730; font-weight: 500; position: relative; margin: 0;height: 40px; color: #222; font-size: 22px; text-align: center;} .packageOrderArea .standard .price-per-ea2 { background-color: #464847; font-weight: 500; position: relative; margin: 30px 0 8px 0;height: 40px; color: #fff; font-size: 22px; text-align: center;} /* PRO PACAKGE */ .packageOrderArea .premium-top-img {position: relative; top: -50px;} .packageOrderArea .premium-top-img img {max-width: 100%; margin: 0 auto;} .packageOrderArea .premium {padding: 0; margin: -22px -10px 0 -10px; background: #FFFFFF; border: 2px solid #FFFFFF;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);} .packageOrderArea .premium .best-value {color: #FFFFFF;text-align: center;font-size: 24px;text-transform: uppercase;background-color: #454646;border-bottom: 2px solid #FFFFFF;padding: 10px 0;border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;} .packageOrderArea .premium .top {position: relative; background: url('../images/packages-top-triangle-premium.png') no-repeat top;background-size: cover; height: 160px;} .packageOrderArea .premium .top img {position: absolute; bottom: 20px; right: 0; left: 0; margin-left: auto; margin-right: auto; text-align: center;} .packageOrderArea .premium .top img.promo-label {position: absolute; bottom: -15px; right: 15px; margin-left: 0; margin-right: 0; left: auto;} .packageOrderArea .premium .top img.xmas-hat-premium {position: absolute; top: -115px; left: -75px; margin-left: 0; margin-right: 0; right: auto;} .packageOrderArea .premium .top .text {font-weight: bold; font-size: 42px; line-height: 42px; color: #fff; text-transform: uppercase; text-align: center; padding: 30px 0 0 0;} .packageOrderArea .premium .top .text .stars {font-size: 14px; margin-bottom: 10px;position: relative; top: -8px; left: 0;} .packageOrderArea .premium .top .text2 {color: #fff; font-size: 22px; line-height: 22px; text-align: center;margin: -10px 0 0 0;} .packageOrderArea .premium .bottom{background-color: #454646; padding: 10px 0; border-top: 3px solid #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;} .packageOrderArea .premium .bottom .btn-center { margin: 0 auto; padding: 25px 0 0 0; text-align: center; } .packageOrderArea .premium .bottom .btn-center a.now { padding: 10px 15px 10px 15px; font-size: 18px; color: #fff; font-weight: 500; font-family: "Roboto ", sans-serif; text-decoration: none; text-shadow: 0 -1px 0 rgb(0 0 0 / 20%); border-radius: 5px; border: 2px solid #fff; background-color: #ed161e; } .packageOrderArea .premium .bottom .btn-center a.now span { padding-left: 4px; margin-right: 9px; width: 28px; height: 28px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 29px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .packageOrderArea .premium .bottom .btn-center a.now:hover { background-color: #fff; border: 2px solid #ed161e; color: #ed161e; } .packageOrderArea .premium .bottom .btn-center a.now:hover span { background-color: #000; border: 1px solid #585151; } .packageOrderArea .premium .bottom .one-time-text {color: #ffffff; margin: 15px 0 10px 0;font-size: 17px;font-weight: 300;text-align: center;} .packageOrderArea .premium .middle {margin: 18px 0 40px 22px;} .packageOrderArea .premium .middle ul {list-style-type: none; } .packageOrderArea .premium .middle ul li {font-size: 17px;max-width: 100%; border-bottom: 1px solid #c7c7c7; padding: 5px 0;} .packageOrderArea .premium .middle ul li.tick {color: #363535;} .packageOrderArea .premium .middle ul li.tick i {color: #06b25b;} .packageOrderArea .premium .middle ul li.disabled {color: #7e7d7d;} .packageOrderArea .premium .middle ul li.disabled i {color: #d20c13;} .packageOrderArea .premium .middle ul li.star{color: #363535; font-weight: 500;} .packageOrderArea .premium .middle ul li.star i {color: #06b25b; font-weight: 500;} .packageOrderArea .premium .regular {color: #363535; font-family: 'Roboto', sans-serif;font-size: 20px; font-weight: 400; text-align: center;} .packageOrderArea .premium .regular span {text-decoration: line-through; font-weight: 500; font-size: 24px;} .packageOrderArea .premium .buy {color: #d30f0f; font-size: 28px; font-weight: 500; text-align: center; background: #e5e4e4; margin: 10px 0 0 0;} .packageOrderArea .premium .buy span { font-weight: bold; font-size: 28px; } .packageOrderArea .premium .included {color: #363535; font-size: 20px; font-weight: 500; text-align: center; background: #e5e4e4; margin: 10px 0 0 0;} .packageOrderArea .premium .included span { font-weight: bold; font-size: 28px; } .packageOrderArea .premium .included2 {color: #fff; font-size: 20px; font-weight: 500; text-align: center; background: #464847; margin: 10px 0 0 0;} .packageOrderArea .premium .included2 span { font-weight: bold; font-size: 28px; } .packageOrderArea .premium .save1 {font-size: 24px; font-weight: 500; text-align: center; color: #363535; margin: 8px 0 32px 0;} .packageOrderArea .premium .price-per-ea { background-color: #dfa730; font-weight: 500; position: relative; margin: 0;height: 40px; color: #222; font-size: 22px; text-align: center;} .packageOrderArea .premium .price-per-ea2 { background-color: #464847; font-weight: 500; position: relative; margin: 30px 0 5px 0;height: 40px; color: #fff; font-size: 22px; text-align: center;} /* ULTIMATE PACAKGE */ .packageOrderArea .ultimate-top-img {position: relative; top: 30px;} .packageOrderArea .ultimate-top-img img {max-width: 100%; margin: 0 auto;} .packageOrderArea .ultimate {padding: 0; margin: 55px 0 0 0;background: #e5e4e4;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);} .packageOrderArea .ultimate .top {position: relative;background: url('../images/packages-top-triangle-ultimate.png') no-repeat top; background-size: cover;height: 140px;border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;} .packageOrderArea .ultimate .top img {position: absolute; bottom: 20px; right: 0; left: 0; margin-left: auto; margin-right: auto; text-align: center;} .packageOrderArea .ultimate .top img.promo-label {position: absolute; bottom: -15px; right: 15px; margin-left: 0; margin-right: 0; left: auto;} .packageOrderArea .ultimate .top img.xmas-hat-ultimate {position: absolute; top: -58px; right: -73px; margin-left: 0; margin-right: 0; left: auto;} .packageOrderArea .ultimate .text {font-weight: 500; font-size: 40px; line-height: 38px; color: #FFFFFF; text-transform: uppercase; text-align: center; padding: 22px 0 5px 0;} .packageOrderArea .ultimate .text2 {color: #FFFFFF; font-size: 18px; line-height: 14px; text-align: center;} .packageOrderArea .ultimate .bottom{background-color: #454646; padding: 10px 0; /*border-top: 3px solid #fff;*/border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;} .packageOrderArea .ultimate .bottom .btn-center { margin: 0 auto; padding: 25px 0 0 0; text-align: center; } .packageOrderArea .ultimate .bottom .btn-center a.now { padding: 10px 15px 10px 15px; font-size: 18px; color: #fff; font-weight: 500; font-family: "Roboto ", sans-serif; text-decoration: none; text-shadow: 0 -1px 0 rgb(0 0 0 / 20%); border-radius: 5px; border: 2px solid #fff; background-color: #ed161e; } .packageOrderArea .ultimate .bottom .btn-center a.now span { padding-left: 4px; margin-right: 9px; width: 28px; height: 28px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 29px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .packageOrderArea .ultimate .bottom .btn-center a.now:hover { background-color: #fff; border: 2px solid #ed161e; color: #ed161e; } .packageOrderArea .ultimate .bottom .btn-center a.now:hover span { background-color: #000; border: 1px solid #585151; } .packageOrderArea .ultimate .bottom .one-time-text {color: #ffffff; margin: 15px 0 10px 0;font-size: 17px;font-weight: 300;text-align: center;} .packageOrderArea .ultimate .middle {margin: 18px 0 40px 22px;} .packageOrderArea .ultimate .middle ul {list-style-type: none; } .packageOrderArea .ultimate .middle ul li {font-size: 17px;max-width: 100%; border-bottom: 1px solid #c7c7c7; padding: 5px 0;} .packageOrderArea .ultimate .middle ul li.tick {color: #363535;} .packageOrderArea .ultimate .middle ul li.tick i {color: #06b25b;} .packageOrderArea .ultimate .middle ul li.disabled {color: #7e7d7d;} .packageOrderArea .ultimate .middle ul li.disabled i {color: #d20c13;} .packageOrderArea .ultimate .middle ul li.star{color: #363535; font-weight: 500;} .packageOrderArea .ultimate .middle ul li.star i{color: #06b25b; font-weight: 500;} .packageOrderArea .ultimate .regular {color: #363535; font-family: 'Roboto', sans-serif;font-size: 20px; font-weight: 400;text-align: center;} .packageOrderArea .ultimate .regular span {text-decoration: line-through; font-weight: 500; font-size: 24px;} .packageOrderArea .ultimate .buy {color: #d30f0f; font-size: 28px; font-weight: 500; text-align: center; background: #ffffff;margin: 10px 0 0 0;} .packageOrderArea .ultimate .buy span {font-weight: bold; font-size: 28px;} .packageOrderArea .ultimate .included {color: #363535; font-size: 20px; font-weight: 500; text-align: center; background: #fff; margin: 10px 0 0 0;} .packageOrderArea .ultimate .included span { font-weight: bold; font-size: 28px; } .packageOrderArea .ultimate .included2 {color: #fff; font-size: 20px; font-weight: 500; text-align: center; background: #464847; margin: 10px 0 0 0;} .packageOrderArea .ultimate .included2 span { font-weight: bold; font-size: 28px; } .packageOrderArea .ultimate .save1 {font-size: 24px; font-weight: 500; text-align: center; color: #363535; margin: 8px 0 32px 0;} .packageOrderArea .ultimate .price-per-ea { background-color: #dfa730; font-weight: 500; position: relative; margin: 0;height: 40px; color: #222; font-size: 22px; text-align: center;} .packageOrderArea .ultimate .price-per-ea2 { background-color: #464847; font-weight: 500; position: relative; margin: 30px 0 8px 0;height: 40px; color: #fff; font-size: 22px; text-align: center;} .packageOrderArea .below-order {margin: 50px 0 0 0; padding: 0;} .packageOrderArea .below-order .text1 {font-size: 18px; color: #323232; text-align: center; margin: 0;} .packageOrderArea .below-order .text1 span {color: #bb0504; text-decoration: underline;} .packageOrderArea .below-order .text2 {font-size: 19px; color: #323232; text-align: center; margin: 0;} .packageOrderArea .below-order .text2 span {font-weight: 500;} .packageOrderArea .below-order .text3 {color: #323232; font-size: 16px; text-align: center; margin: 0;} .packageOrderArea .below-order .text3 img {display: inline-block;} .packageOrderArea .below-order .text3 a {color: #bb0504; font-size: 16px; text-decoration: underline;} /* Xmas Sale Packs */ .xmas-sale-70 { padding: 0; width: 100%; float: left;background: url('../images/xmas/xmas_sale_70_bckgr2.jpg') repeat;position: relative;} .xmas-sale-70:before {content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 100%;max-width: 100%;height: 75px;background: url('../images/xmas/xmas_sale_70_snow_up.png') repeat-x top left;} .xmas-sale-70:after {content: "";position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;max-width: 100%;height: 75px;background: url('../images/xmas/xmas_sale_70_snow_down.png') repeat-x top left;} /* 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 0; 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: 0 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: 0; 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 { position: absolute; top: 0; left: 0; z-index: 1; max-width: 100%; } .orignalArea h3 { position: relative;z-index: 2; 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 0 -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 0 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 0 -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: 0; left: 3px; color: #d70303; } .contactusArea .social { display: inline-block; padding: 0 0 30px 0; } .contactusArea .social ul { list-style: none; } .contactusArea .social li { padding: 0 10px; float: left; } .contactusArea .social li a { padding:0; font-size:50px; color:#fff; width:60px; height:60px; line-height:60px; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .contactusArea .social li a.fa-facebook { background-color: #3b5998;} .contactusArea .social li a.fa-twitter { background-color: #55acef;} .contactusArea .social li a.fa-youtube { background-color: #FF0000;} .contactusArea .social li a.fa-paper-plane-o { background-color: #0088cc;} .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: 0 0 15px 0 rgba(200,0,0,0.15); -moz-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); box-shadow: 0 0 15px 0 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: 50px auto 0 auto; max-width: 1070px; } .affnetworksArea .tabs-block div.tab { width: 32%; text-align: center; display: inline-block; } .affnetworksArea .tabs-block a { width: 100%; 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 { position: relative; 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; } .affnetworksArea .tabs-block a i { display: none; } .affnetworksArea .tabs-block a.tab-active i { position: absolute; top: 20px; left: 25px; display: block; color: #007f27; font-size: 32px; } .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 0 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 0 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: 0 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/red_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: 0; left: 0; 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: 8px;-moz-border-radius: 8px;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 0 -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 0 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 0 -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: 0 0 15px 0 rgba(200,0,0,0.15); -moz-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); box-shadow: 0 0 15px 0 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: 0 0 15px 0 rgba(200,0,0,0.15); -moz-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); box-shadow: 0 0 15px 0 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: 17px; 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 0 -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 0 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 0 -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: 0; 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 0 0 1px 1px rgba(255,255,255,0.65); -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.65); box-shadow: inset 0 0 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: 0 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: 0 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 0 0 1px 1px rgba(255,255,255,0.65); -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.65); box-shadow: inset 0 0 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 */} /* member area add review */ .accountArea .review {padding: 0; border: 1px solid #b2b3b3; background: #f2f2f2; -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.65); -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.65); box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.65); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .accountArea .review .box {padding: 5px 50px 10px 50px;} .accountArea .review .box .title {font-size: 17px;font-weight: 500;color: #000; padding: 5px 0 0 0; float:left;} .accountArea .review .box .star-rating {display: inline-block; float: right;} .accountArea .review .box .star-rating s:hover, .accountArea .review .box .star-rating s.active {color: gold;} .accountArea .review .box .star-rating s {color: #333;font-size: 30px;cursor: default;text-decoration: none;line-height: 30px; } .accountArea .review .box .star-rating s:hover:before, .accountArea .review .box .star-rating s.rated:before, .accountArea .review .box .star-rating s.active:before {content: "\2605";} .accountArea .review .box .star-rating s:before {content: "\2606";} .accountArea .review .box .field {padding: 5px 0;} .accountArea .review .box .field textarea {padding: 10px 15px; width: 100%; border: 1px solid #dbdbdb; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .accountArea .review .box .field textarea:focus {border: 1px solid #c80000; -webkit-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); -moz-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); box-shadow: 0 0 15px 0 rgba(200,0,0,0.15);} .accountArea .review .box .policy-btn .checkbox {-webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative;} .accountArea .review .box .policy-btn .checkbox:active, .accountArea .review .box .field .checkbox:checked:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);} .accountArea .review .box .policy-btn .checkbox:checked {background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #0078d7;} .accountArea .review .box .policy-btn .policy {padding: 0; display: inline-block; float: left;} .accountArea .review .box .policy-btn .policy .checkbox:checked:after {content: '\2714'; font-size: 14px; position: absolute; top: 0; left: 3px; color: #d70303;} .accountArea .review .box .policy-btn .policy .text { position: relative; top: -3px; font-size: 14px;} .accountArea .review .box .policy-btn .btn {padding: 3px 0 0 0; display: inline-block; float: right;} .accountArea .review .box .policy-btn .btn .add-review, .add-review:focus {font-size: 16px; background: #C80000; padding: 5px 20px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 500;} .accountArea .review .box .policy-btn .btn .add-review:hover {background: #181818;} /* Coupon code area */ .coupon-code-area {padding: 20px 30px; background: #ffc700; color: #222222; font-weight: bold; font-size: 36px; width: 100%; float: left; text-align: center;} .coupon-code-area .wrapper {border: 1px solid #000; width: 833px; max-width: 100%; margin: 0 auto; padding: 10px;} .coupon-code-area .wrapper span {font-size: 46px;background: #fff;padding: 0 10px; color: #d70303; border: 2px dashed #d70303;} .coupon-code-area .wrapper .title {font-size: 18px;} .coupon-code-area .wrapper .description {font-size: 16px; font-style: italic;} /* Member Package Title */ .member-package-title { padding: 15px 0 10px 0; text-align: center; font-size: 30px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .member-package-img {margin: 0 auto;} /* Package Area for UPGRADE */ .memberUpgradeBoxes {margin: 0; padding: 0;} .memberUpgradeBoxes .text {text-align: center; margin: 20px 0 0 0; font-size: 18px;} .memberUpgradeBoxes .btn, .memberUpgradeBoxes .btn:focus {max-width: 100%; height:40px; padding:0 30px; margin:0 0 7px 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;} .memberUpgradeBoxes .btn i{ margin:0 0 0 5px; font-weight: 300;} .memberUpgradeBoxes .btn:hover { color:#fff; background: #000; } /* LEFT BOX */ .memberUpgradeBoxes .box-left {background: #f2f2f2; border: 1px solid #b2b3b3;padding: 0; text-align: center; margin: 0 -10px 0 -15px;} .memberUpgradeBoxes .box-left .title {background: #d6d6d6; color: #000; font-weight: bold; padding: 5px 0; border-bottom: 1px solid #b2b3b3; font-size: 30px;} .memberUpgradeBoxes .box-left .title span {color: #c80000;} .memberUpgradeBoxes .box-left ul {list-style: none; text-align: left; margin: 10px auto 0 auto; width: 300px;} .memberUpgradeBoxes .box-left ul li {padding: 0; font-size: 18px; color: #000; } .memberUpgradeBoxes .box-left li figure { margin: 4px 15px 0 0; width: 22px; height: 22px; float: left; } .memberUpgradeBoxes .box-left li figure img { margin: 0 auto; } .memberUpgradeBoxes .box-left .bottom-text {font-size: 24px; padding-bottom: 10px; } .memberUpgradeBoxes .box-left .bottom-text strong {font-size: 30px;} /* RIGHT BOX */ .memberUpgradeBoxes .box-right {background: #f2f2f2; border: 1px solid #c0c1c1; padding: 0; text-align: center; margin: 0 -15px 0 -10px;} .memberUpgradeBoxes .box-right .title {background: #d6d6d6; color: #000; font-weight: bold; padding: 5px 0; border-bottom: 1px solid #b2b3b3; font-size: 30px;} .memberUpgradeBoxes .box-right .title span {color: #c80000;} .memberUpgradeBoxes .box-right ul {list-style: none; text-align: left; margin: 10px auto 0 auto; display: inline-table; min-height: 85px;} .memberUpgradeBoxes .box-right ul li {padding: 0; font-size: 18px; color: #000; } .memberUpgradeBoxes .box-right li figure { margin: 4px 15px 0 0; width: 22px; height: 22px; float: left; } .memberUpgradeBoxes .box-right li figure img { margin: 0 auto; } .memberUpgradeBoxes .box-right .bottom-text {font-size: 24px; padding-bottom: 10px; } .memberUpgradeBoxes .box-right .bottom-text strong {font-size: 30px;} .memberUpgradeBoxes .box-right-fix { margin: 0 auto !important; width: 600px; max-width: 100%;} /* 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 .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; } /* New Package Download - 2021 */ .additiolLicenseArea .box {background: #eaeaea; margin: 0 0 80px 0; border: 1px solid #b2b3b3;padding: 0; text-align: center; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .additiolLicenseArea .box .image {position: relative;padding: 20px;border: 3px solid #fff;margin: -65px auto 20px auto;width: 180px;height: 180px;display: block;border-radius: 50%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfbfbf+0,e0e0e0+50,f1f1f1+100 */ background: rgb(191,191,191); /* Old browsers */ background: -moz-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(224,224,224,1) 50%, rgba(241,241,241,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(191,191,191,1) 0%,rgba(224,224,224,1) 50%,rgba(241,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(191,191,191,1) 0%,rgba(224,224,224,1) 50%,rgba(241,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */} .additiolLicenseArea .box .middle {border-top: 1px solid #b2b3b3; border-bottom: 1px solid #b2b3b3; background: #f7f7f7; padding: 10px; margin: 0 0 0 0; font-size: 16px; font-weight: bold;} .additiolLicenseArea .box .middle .circle { background: #333333; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-weight: normal; width: 30px; height: 30px; display: inline-block;} .additiolLicenseArea .box .middle .circle span {display: block; line-height: 30px; text-align: center;} .additiolLicenseArea .box .bottom {margin: 20px 0;} .additiolLicenseArea .box .bottom ul {list-style: none; text-align: left; margin: 0 auto 0 auto; min-height: 85px; width: 200px;} .additiolLicenseArea .box .bottom ul li {padding: 0; font-size: 15px; color: #000; font-family: 'Roboto', sans-serif;} .additiolLicenseArea .box .bottom ul li .circle {background: #C80000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; width: 13px; height: 13px; display: inline-block;} .additiolLicenseArea .box .bottom ul li .circle span {display: block; line-height: 12px; text-align: center;margin: 0 0 0 1px;} .additiolLicenseArea .box .bottom ul li .circle span i {font-size: 12px;} .additiolLicenseArea .box .bottom .price {font-size: 26px; margin: 0 0 10px 0;} .additiolLicenseArea .box .bottom .price span.regular {display: inline-block; position: relative; padding: 0 16px; font-weight: 500;} .additiolLicenseArea .box .bottom .price span.regular cite {font-style: normal;} .additiolLicenseArea .box .bottom .price span.regular cite:after { width: 88%; height: 3px; position: absolute; top: 18px; left: 9px; content: ""; -webkit-transform: rotate(-7deg); transform: rotate(-7deg); background: #1d1d1d; } .additiolLicenseArea .box .bottom .price span.promo {display: inline-block; position: relative; color: #C80000; font-weight: 500; font-size: 30px;} .additiolLicenseArea .box .bottom .price span.promo cite {font-style: normal;} .additiolLicenseArea .box .bottom .btn-center {margin: 0 auto; width: 180px;} .additiolLicenseArea .box .bottom .btn-center a.now { width: 180px; max-width: 100%; padding: 7px; float: left; font-size: 22px; 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_2.png'); background-position: right top; } .additiolLicenseArea .box .bottom .btn-center a.now span { padding-left: 2px; width: 28px; height: 28px; line-height: 28px; float: left; font-size: 14px; color: #fff; text-align: center; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .additiolLicenseArea .box .bottom .btn-center a.now:hover { color: #fff; background-position: left top; } .additiolLicenseArea .box .bottom .btn-center a.now:hover span { background-color: #000; border: 1px solid #585151; } .additiolLicenseArea .centered {text-align: center;font-size: 0;} .additiolLicenseArea .centered > div {float: none;display: inline-block;text-align: left;} /* 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; float: left;} .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 Homepage Sec **************/ .downloadHomeArea{ width:100%; float:left; padding:15px 0 5px 0; margin:0; background:#fff; text-align:center;} .downloadHomeArea h2{ padding:0; margin:25px 0 10px 0; font-size:30px; color:#000; font-weight:400; font-family: 'Roboto Condensed', sans-serif;} .downloadHomeArea .instruction{ padding:0; margin:15px 0 0 0; font-size:24px; color:#000; font-weight:400; font-family: 'Roboto Condensed', sans-serif;} .downloadHomeArea .details { width:100%; max-width:100%; padding:0; margin:40px auto; text-align:center;} .downloadHomeArea .details ul { padding:0; margin:0; } .downloadHomeArea .details li.step { padding:0 0 30px 0; margin:0; display: inline-table; vertical-align: top; text-align: center; width: 25%;} .downloadHomeArea .details li.delimiter { padding:0; margin:0; display: inline-table; vertical-align: top; text-align: center; width: 10%;} .downloadHomeArea .details li img { display: inline-block; max-width: 100%;} .downloadHomeArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .downloadHomeArea .anchor_info{ width:53px; top:-24px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0; } .downloadHomeArea .download-home-text {background-color: #4f4f4e;} .downloadHomeArea .download-home-text p {color: #FFFFFF;padding: 25px 0;} /* 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 .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: 0; left: 0; 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 .number { display: none; margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -60px; left: 50%;z-index: 3; } .downloadArea .round { margin: 0 auto 24px auto; width: 64px; height: 64px; display: block; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); box-shadow: 0 0 15px 0 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: 0 auto 24px auto; width: 64px; height: 64px; display: block; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); box-shadow: 0 0 15px 0 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; } /* New Package Download - 2021 */ .downloadArea .title {text-align: center; font-size: 36px;} .downloadArea .btn, .downloadArea .btn:focus {max-width: 100%; height:40px; padding:0 15px; margin:0 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;} .downloadArea .btn.gray, .downloadArea .btn.gray:focus {background: #685c5c;} .downloadArea .btn i{ margin:0 0 0 5px; font-weight: 300;} .downloadArea .btn:hover { color:#fff; background: #000;} .downloadArea .box {background: #f2f2f2; border: 1px solid #b2b3b3;padding: 0; margin: 0 -15px; position: relative;} .downloadArea .box .title {background: #d6d6d6; color: #000; font-weight: bold; padding: 5px 20px 5px 350px;text-align: left; border-bottom: 1px solid #b2b3b3; font-size: 30px;} .downloadArea .box .image { position: relative; width: 30%;} .downloadArea .box .image img {position: absolute; top: -35px; width: 320px; max-width: 100%;} .downloadArea .box .middle {min-height: 285px; padding: 20px 20px 0 350px;} .downloadArea .box .middle .text {font-size: 18px; padding: 0 0 10px 0;} .downloadArea .box .middle .text span.black {color:#000; font-weight: bold;} .downloadArea .box .middle .text span.red {color:#c80000; font-weight: bold;} .downloadArea .box .click-instructions {display:inline-block; text-transform: uppercase;font-size: 11px;color: #c80000; margin: 0 0 5px 0;} .downloadArea .box .click-instructions button {color: #C80000; font-size: 12px; text-transform: uppercase; font-weight:500; padding: 5px; border: none; text-align: center; display: inline-block; cursor: pointer;} .downloadArea .box .click-instructions button:hover {text-decoration: underline;} .downloadArea .box .instructions-block {margin: 20px 35px; padding: 0; display: none;} .downloadArea .box .instructions-block .inst-title {color: #C80000; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #b2b3b3;font-size: 22px;} .downloadArea .box .bottom {background: #d6d6d6; color: #000; padding: 20px; border-top: 1px solid #b2b3b3; font-size: 20px; text-align: center;} .downloadArea .box .product-not-included { text-align: left; padding: 30px 0 0 0;font-size: 24px; font-weight: bold;} .downloadArea .box a:hover {text-decoration: underline;} .before-start {padding: 0;margin: 0;background-color: #feebb0;} .before-start .title {color: #000;font-weight: bold;font-size: 40px;padding: 20px 0 0 0;} .before-start .under-title {color: #000;font-weight: bold;font-size: 20px; text-align: center;} .before-start .important {background: #d6d6d6;color:#000 !important;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .before-start .important {font-size: 26px;text-align: left;padding: 10px 15px;margin:0 auto;width: 80%;} .before-start .accordion-group .accordion-body .accordion-inner { margin: 0 auto 0 auto; padding: 20px; width: 80%; min-height: 70px; font-size: 16px; color: #444; 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: #fff; } .before-start .accordion-group .accordion-body .accordion-inner p { text-align: left; } .before-start .accordion-group .accordion-body .accordion-inner p.metatrader-title {font-size: 20px; font-weight: bold;} .before-start ul {margin:0;font-size: 16px;} .before-start ul.list-before-start {list-style-type:none;} .support-faq {padding: 0;margin: 0;} .support-faq .title {color: #000;font-weight: bold;font-size: 40px;} .support-faq .important {background: #d6d6d6;color:#000 !important;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .support-faq .important {font-size: 20px;padding: 10px 15px;margin:0 auto;width: 100%;} .support-faq .accordion-group .accordion-body .accordion-inner { margin: 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; } .support-faq .accordion-group .accordion-body .accordion-inner p { text-align: left; } .support-faq .accordion-group .accordion-heading em { float: right; color: #363233;} /* 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: 0; left: 0; 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: 0 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: 0 auto; max-width: 100%; } /* activation area */ .activationArea { width: 100%; float: left; 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: 0; left: 0; 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 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 .activation-form { padding: 30px 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 .activation-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 .activation-form select.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 .activation-form input.box:focus, .activationArea .activation-form select.box:focus { border: 1px solid #c80000; -webkit-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); -moz-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); box-shadow: 0 0 15px 0 rgba(200,0,0,0.15);} .activationArea .activation-form label { color: #444; font-size: 16px; font-weight: bold; line-height: 46px; } .activationArea .activation-form .activate-button, .activate-button:focus { border: none; 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 .activation-form .activate-button:hover { background: #181818; } .activationArea .activation-table { background: #fff; } .activationArea .activation-table td, .activationArea .activation-table th { padding: 10px 15px; } .activationArea .activation-table .table-head { background: #DBDBE0; } .activationArea .user-products-limits .product-col { margin-bottom: 30px; } .activationArea .user-products-limits .product { text-align: center; padding: 15px; background-color: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dbdbdb; min-height: 420px;} .activationArea .user-products-limits .product img { max-width: 100%; width: 200px; display: inline-block; } .activationArea .user-products-limits .product .name { font-size: 18px; font-weight: bold; color: #c80000; margin-bottom: 10px; } .activationArea .user-products-limits .product .licenses { font-size: 14px; } .activationArea span.unlimited { font-size: 20px; } .activationArea p.legend {font-size: 14px; text-align: center; padding: 0;} .activationArea .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 .remove-button:hover { background: #181818; } .activationArea .buy-add-btn {padding-top: 15px; padding-bottom: 10px;} .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; } /* video tutorials area */ .videoArea { width: 100%; float: left; padding: 0 0 75px 0; } .videoArea .importantArea { padding: 40px 0; width: 100%; float: left; position: relative; text-align: center; line-height: 24px; color: #fff; z-index: 1; background: #000; } .videoArea .importantArea:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.2; z-index: -1; background: url('../images/walls_bg.jpg') no-repeat top center; background-size: cover; } .videoArea .importantArea p {color: #fff; font-size: 16px; font-weight: normal; } .videoArea h1 { color: #c80000; font-weight: bold; font-size: 36px; text-transform: uppercase; text-align: center; font-family: 'Open Sans', sans-serif; } .videoArea .title { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 26px; color: #333; font-weight: 600; text-align: center; } .videoArea ul.tabs{margin: 0 0 20px;padding: 0px;list-style: none;} .videoArea ul.tabs li{background: none;display: inline-block;padding: 10px 15px;cursor: pointer;font-size: 15px;} .videoArea ul.tabs li.current{background: #d90000;color: #fff;border-radius: 15px;} .videoArea .tab-content{display: none;background: #ededed;padding: 15px;margin:0 0 30px;} .videoArea .tab-content.current{display: inherit;} /* support area */ .supportArea { width: 100%; float: left; 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: #3fb400; 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 .before-start .accordion-group .accordion-body .accordion-inner { margin: 0 auto 0 auto; padding: 20px; width: 80%; min-height: 70px; font-size: 16px; color: #444; 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 .before-start .accordion-group .accordion-body .accordion-inner p { text-align: left; } .supportArea .before-start .accordion-group .accordion-body .accordion-inner p.metatrader-title {font-size: 20px; font-weight: bold;} .supportArea .before-start ul {margin:0;font-size: 16px;} .supportArea .before-start ul.list-before-start {list-style-type:none;} .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: 0 0 15px 0 rgba(200,0,0,0.15); -moz-box-shadow: 0 0 15px 0 rgba(200,0,0,0.15); box-shadow: 0 0 15px 0 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 0 20px 15px -15px #fff; -moz-box-shadow: inset 0 20px 15px -15px #fff; box-shadow: inset 0 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 0 20px 15px -15px #fff; -moz-box-shadow: inset 0 20px 15px -15px #fff; box-shadow: inset 0 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; } /* support home area */ .supportHomeArea { text-align:center; padding: 50px 0 50px 0; font-family: 'Open Sans', sans-serif; margin:0; background:url(../images/gole_bg.jpg) no-repeat bottom center; background-size: cover; width:100%; float:left; } .supportHomeArea h3 { color:#fff; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 44px; } .supportHomeArea p { font-size:18px; line-height:28px; color:#fff; font-weight:normal; margin:0; padding:0 0 35px 0; } .supportHomeArea .block_c { margin:0 -15px; padding:0; font-size:0; } .supportHomeArea .block {margin:0 0 35px 0;padding:0 15px;width:33.33%;float: none;text-align:left;display: inline-block;vertical-align: top;} .supportHomeArea .block .desc { margin:0 0 0 87px; padding:0 0 0 27px; position:relative; min-height:184px; } .supportHomeArea .block .icon { margin:0; padding:0; position:absolute; left:-87px; top:0; width:70px; } .supportHomeArea .block .icon img { max-width:100%; margin:0; padding:0; } .supportHomeArea .block h4 { font-size:20px; line-height:20px; color:#fff; font-weight:600; margin:0; padding:0 0 10px 0; } .supportHomeArea .block p { font-size:16px; line-height:22px; color:#fff; font-weight:300; text-align: left; margin:0; padding:0 0 0 0; } .supportHomeArea .block .desc:before { content:''; position:absolute; top:14px; bottom:3px; left:6px; width:1px; background:#fff; } .supportHomeArea .block .desc:after { content:''; position:absolute; top:0; left:0; width:14px; height:14px; border-radius:50%; border:2px solid #fff; } .supportHomeArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .supportHomeArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* 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: 0; left: 0; 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 */ /* 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: 0 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; /*background: url('/images/sasas.jpg') no-repeat right top; background-size: cover;*/} .thankYouArea .successful-img {margin: 0 auto; max-width: 100%;} .thankYouArea h1 { text-align: center; line-height: 50px; font-size: 30px; color: #333; font-weight: 700; margin: 0 0 30px 0;} .thankYouArea .box {margin: 0 auto; padding: 0; width: 75%;} .thankYouArea p { color: #333; } .thankYouArea .upgrade-to-ultimate {width: 350px; margin: 0 auto} .thankYouArea .warning-message { background-color: #e0e0e0; border: 2px solid #cc0000; font-size: 16px; padding: 10px 15px; margin: 15px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .thankYouArea .warning-message img { max-width: 100%; } .thankYouArea .warning-message p { color: #333; } .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%;margin: 0 auto;} .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 h1.chart {font-size: 36px; color: #cc0000; font-weight: bold; text-transform: uppercase; padding: 42px 0 5px 0;} .thankYouAreaOffer .wrap .performance { text-align: center; position: relative; } .thankYouAreaOffer .wrap .performance img { margin: 0 auto; max-width: 100%;} .thankYouAreaOffer .wrap .performance img.real {padding: 0; margin: 0; position: absolute; bottom: 50px; right: 100px; width: 186px; height: 151px;} /* 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; -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; font-family: 'Roboto Condensed', sans-serif;} .revolutionArea2 p.update { font-size: 46px; font-weight: bold; text-transform: uppercase; color: #C80000; font-family: 'Roboto Condensed', sans-serif;} .revolutionArea2 p.text { font-size: 36px; font-weight: bold; text-transform: uppercase; color: #333; font-family: 'Roboto Condensed', sans-serif;} .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: 0 auto; width: 988px; max-width: 100%; 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: 10px 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 .graph2 { width: 100%; text-align: center; padding: 0 20px;} .revolutionArea2 .graph2 figure{ width:1096px; max-width: 100%; position: relative; padding: 0; margin:0 auto; text-align:center; border: 1px solid #b9b9b9; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 0 20px 1px rgba(185,185,185,1); -moz-box-shadow: 0 0 20px 1px rgba(185,185,185,1); box-shadow: 0 0 20px 1px rgba(185,185,185,1); } .revolutionArea2 .graph2 figure a.real:after { padding: 0; margin: 0; width: 186px; height: 151px; position: absolute; bottom: 25px; right: 25px; content: ""; background: url(../images/myfxbook_stamp_2.png) no-repeat center center; } .revolutionArea2 .graph2 figure a.optimized:after { padding: 0; margin: 0; width: 212px; height: 125px; position: absolute; bottom: 25px; right: 25px; content: ""; } .revolutionArea2 .graph2 figure a.verified:after { padding: 0; margin: 0; width: 186px; height: 151px; position: absolute; bottom: 60px; right: 25px; content: "";background: url(../images/myfxbook_stamp_verified.png) no-repeat center center; } .revolutionArea2 .graph2 figure a img {margin: 10px auto;} .revolutionArea2 .graph2 figure .title { width: 100%; height: 25px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-bottom: 1px solid #b9b9b9; background: rgb(250,250,250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(250,250,250,1) 1%, rgba(233,233,231,1) 44%, rgba(206,205,200,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250,250,250,1) 1%,rgba(233,233,231,1) 44%,rgba(206,205,200,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(250,250,250,1) 1%,rgba(233,233,231,1) 44%,rgba(206,205,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cecdc8',GradientType=0 ); /* IE6-9 */ } .revolutionArea2 .graph2 figure .title .dot { margin: 7px 0 0 6px; background-color: #bdbdbd; width: 10px; height: 10px; border-radius: 5px; float: left; } .revolutionArea2 .advantage { padding: 0 0 10px 0; background-color: #f1f0f0; min-height: 305px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .revolutionArea2 .advantage .title { padding: 0 0 0 110px; position: relative; line-height: 100px; color: #c80000; font-size: 24px; letter-spacing: -1px; } .revolutionArea2 .advantage .title-right { padding: 0 110px 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 20px 5px 20px; 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; 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, .revolutionArea2 .wedid .box .figure10 { 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; } .revolutionArea2 .wedid .inner-box .figure10:before {width: 100%; height: 100%; position: absolute; top: -10px; left: 0; content: "10"; font-size: 48px; color: #fff;filter: alpha(opacity=19); -moz-opacity: 0.19; opacity: 0.19; } .revolutionArea2 .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .revolutionArea2 .anchor_info{ width:53px; top:50px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} .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; } /* spy module area */ .spyModuleArea { padding: 53px 0 57px 0; width: 100%; float: left; position: relative; z-index: 2; border-bottom: 2px solid #000000;} .spyModuleArea .header-text {text-align: center;} .spyModuleArea .header-text p {font-size: 17px; color: #000;font-family: 'Open Sans', sans-serif;padding: 5px 0;} .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: 0 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: 0 auto; max-width: 100%; height: auto; } .spyModuleArea .graph .account .border { width: 100%; height: 24px; float: left; border-radius: 5px; background: #e7e7e7; } .spyModuleArea a.grabthisoffer { width: 677px; max-width: 100%; padding: 18px 25px; 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; } .spyModuleArea a.grabthisoffer 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; } .spyModuleArea a.grabthisoffer:hover { background-position: left top; } .spyModuleArea a.grabthisoffer:hover span { border-color: #585151; background: #000; } .spyModuleArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .spyModuleArea .anchor_info{ width:53px; top:30px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* 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: 0; right: 0; 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: 0; 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: #efdeb9; font-size: 15px; } .subscription-status-box .ssb-content { margin: 0 auto; max-width: 1070px; } .subscription-status-box .subscription-btn {display: inline-block; font-size: 16px; background: #C80000; padding: 0; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .subscription-status-box .subscription-btn:hover {background: #181818;} /* dashed block */ .dashed-block { width: 100%; padding: 3px; background: url("../images/dashed_pattern.png") repeat top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dashed-block .dashed-block-content { width: 100%; padding: 15px; background-color: #ffffff; } /* 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: 0 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: 0; 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: 0; 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 20px 10px; margin: 0; position: fixed; top: 150px; right: 50px; width: 150px; background-color: #c50200;z-index: 1000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);box-shadow: 0 0 15px 0 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: 5px;-moz-border-radius: 5px;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 0 0 2px 1px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 2px 1px rgba(255,255,255,1); box-shadow: inset 0 0 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%; } .last-chance-bf {background-color: #d8b71e; color: #000; padding: 10px 0; position: absolute;font-weight: 600;font-size: 30px;margin-left: auto; margin-right: auto; left:0; right: 0;text-align: center;bottom: -20px;z-index: 100;width: 380px;font-family: 'Roboto', sans-serif;} /* 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; } } .img-center {margin: 0 auto; text-align: center;} .img-center a {display: inline-block;} .img-center a .click-here-btn {margin: 0 auto; max-width: 80%; width: 150px; border: none; display: inline-block;} /* ------------- 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; } .ce-winter-title { text-align: center; font-size: 68px; font-weight: 700; color: #fff; } /* promo popup * /* background: url(/images/guarantee_bg6.jpg) fixed no-repeat center top; */ .promo-popup-spring {margin:0; padding:10px; border: 5px solid #fff; color: #000; text-align: center; position: relative;background: url(../images/guarantee_bg6.jpg) fixed no-repeat center top; background-size: contain; width: 100%;} .promo-popup-spring .text1 {font-size: 42px;margin: 20px 0 0 0;} .promo-popup-spring .text2 {color: #C80000; font-size: 56px;font-weight: bold;} .promo-popup-spring .text3 {font-size: 24px;} .promo-popup-spring .text3 span {color: #C80000; font-size: 36px;} .promo-popup-spring .text4 {font-size: 30px; color: #C80000; font-weight: 500;} .promo-popup-spring .copy-line {margin: 0 auto; width: 280px; position: relative;} .promo-popup-spring .copy-line .successfully-copied {position: absolute; left: -40px; display: inline-block;font-size: 30px;padding: 20px 0 0 5px;color: #0d9438;} .promo-popup-spring .input-field {display: inline-block; width: 150px; float: left; height:48px; margin:15px 3px 15px 0; font-size: 30px; padding:3px 10px 0 10px; background-color: #fecd4a; border: 1px dashed #000;} .promo-popup-spring .copy{display: inline-block; float: left; height:48px; padding:0 28px; margin:15px 0; display:inline-block; line-height:48px; font-size:30px; font-family: 'Roboto', sans-serif; color:#ffffff; background:#0d9438; border: 1px solid #000;} .promo-popup-spring.version2 { font-family: 'Roboto Condensed', sans-serif; padding: 0 2px;} .promo-popup-spring.version2 .text1 {font-size: 46px;margin: 0; font-weight: bold;} .promo-popup-spring.version2 .text2 {background-color: #fff;font-size: 44px;padding: 0 30px; white-space: nowrap;} .promo-popup-spring.version2 .text2 span {color: #000;} .promo-popup-spring.version2 .text2 span.off {font-size: 60px;color: #C80000;} .promo-popup-spring.version2 .text3 {font-size: 27px; line-height: 32px; margin-top: 10px;} .promo-popup-spring.version2 .text3 span.black {font-size: 32px;color: #000;} .promo-popup-spring.version2 .text3 span.white {font-size: 32px;color: #fff;font-weight: bold;} .promo-popup-spring.version2 .text3 span.red {font-size: 32px;color: #C80000;font-weight: bold;} .promo-popup-spring.version2 .text4 {background-color: #fff;font-size: 38px;font-weight: bold;margin: 0 0 2px 0;} .promo-popup-spring.version2 .copy-line {width: 190px;} .promo-popup-spring.version2 .input-field {width: 190px;text-align: center;font-size: 40px;font-weight: bold;font-family: 'Roboto Condensed', sans-serif;border: 2px dashed #000;} /* --------- 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: fixed;top: 150px;right: 50px;width: 150px;height: 230px;background-color: #d91601;z-index: 1000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);box-shadow: 0 0 15px 0 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.bonus {padding: 10px 0 0 0;margin: 0;font-size: 18px;text-align: center; color: #fff;line-height: 18px;font-weight: 700;} div.bf-floating-block div.link {padding: 0;margin: 15px 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: 5px;-moz-border-radius: 5px;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;} div.bf-floating-block div.link2 {padding: 0;margin: 15px 0 0 0;text-align: center;} div.bf-floating-block div.link2 a {background: #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #fff;font-size: 15px;font-weight: 700;padding: 8px 20px 8px 20px;text-decoration: none;} div.bf-floating-block i { position: absolute; top: 3px; right: 5px; font-size: 18px; color: #fff; opacity: 0.8; } /* ----------- 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; background-image: url(../images/xmas/2023/xmas-background-gray.png); background-position: left bottom; background-repeat: repeat; background-size: inherit;} .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; 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: 0; left: 0; 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; } /* Banner XMAS */ .xmasSnow { width: 100%; float: left; position: relative;} .xmasSnow.uper-snow:before {content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 100%;max-width: 100%;height: 75px;background: url('../images/xmas/xmas_banner_snow_up_2022.png') repeat-x top left;} .xmasSnow.bottom-snow:after {content: "";position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;max-width: 100%;height: 75px;background: url('../images/xmas/xmas_banner_snow_down_2022.png') repeat-x bottom left;} .xmasSnow .xmas-banner-inner {max-width: 100%; width: 1200px; margin: 0 auto;} .xmasSnow .xmas-banner-inner .text-container {background-color: #0e964a;color:#fff;font-family: 'Roboto Condensed', sans-serif;padding: 5px 0;} .xmasSnow .xmas-banner-inner .text-container .text1 {text-transform: uppercase;font-size: 28px;} .xmasSnow .xmas-banner-inner .text-container .text2 {text-transform: uppercase;font-size: 16px;} .xmas-banner-img {padding: 20px 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 0 rgba(50, 50, 50, 0.75);-moz-box-shadow:2px 2px 5px 0 rgba(50, 50, 50, 0.75);box-shadow:2px 2px 5px 0 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; } /* ----------- Backtesting Area MA -------------- */ .backtestingAreaMA{ width: 100%; float: left; padding:0; margin-bottom: 30px; font-family: 'Open Sans', sans-serif;} .backtestingAreaMA h2 { margin-bottom: 30px; text-transform: uppercase; font-size: 50px; color: #c80000; font-weight: 700; text-align: center; } .backtestingAreaMA h2 span {color: #000;text-transform: none;} .backtestingAreaMA h3 { font-size: 24px; color: #c80000; font-weight: 600; text-align: center; } .backtestingAreaMA h4 { margin-bottom: 30px; font-size: 22px; color: #000; font-weight: 600; text-align: center; } .backtestingAreaMA .instructions-block {padding: 15px 15px; margin: 0; background-color: #f2f2f2;} .backtestingAreaMA .instructions-block .inst-title {color: #C80000; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #b2b3b3;font-size: 22px;} .backtestingAreaMA .instructions-block .mt5-title {font-size: 30px;} .backtestingAreaMA .important {padding: 0 5px; margin: 0 auto;color: #fff;display: inline-block; text-align: center; background-color: #C80000;font-size: 36px; font-weight: bold;} .backtestingAreaMA .secondary-important {font-size: 22px; color: #fff;background-color: #000;display: inline-block;font-weight: bold;} .backtestingAreaMA span.red-bckgr {background-color: #C80000;color: #fff;font-weight: bold;} /************** 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: 'Roboto Condensed', sans-serif; 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: 0; 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; } .myfxbook-wrapper2 {margin: 0 0 10px 0;} .myfxbook-chart2 { padding: 0; margin: 0; max-width: 100%; display: inline-block; } .myfxbook-chart2 .account-title2 { font-family: Arial, Helvetica, sans-serif; padding: 3px 0 3px 10px; margin: 0; color: #ffffff; text-align: left; font-size: 12px; font-weight: bold; background: #212529; } .myfxbook-chart2 .chart2 { padding: 0; margin: 0; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; position: relative; } .myfxbook-chart2 .chart2 .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; } .myfxbook-chart2 .chart2 .demo:after { padding: 0; margin: 0; position: absolute; bottom: 25px; right: 25px; content: ""; width: 186px; height: 151px; background: url(../images/myfxbook_stamp2.webp) no-repeat center center; } /*********** 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%;background: -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 0 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: inset 0 0 2px 0 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: 0; 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: 0; left: 0; 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: 0; left: 0; 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 .version {position: absolute; top: -120px; left: 90px; margin: 2px; padding: 5px; background-color: #efc229;; font-size: 14px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .members_offer_sec .content .version:after { content: " "; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 30px solid #efc229; position: absolute; bottom: -30px; left: 40%; } .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_sec2 { width: 100%; float: left; background-color: #000; position: relative; z-index: 1; } .members_offer_sec2:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/walls_bg2.webp') no-repeat top center; background-size: cover; } .members_offer_sec2 .content { max-width: 100%; margin: 0 auto; padding: 0 0 10px 0; } .members_offer_sec2 .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_sec2 .content h2 span { color: #C80000; } .members_offer_sec2 .content .box { background-color: #F2F2F2; color: #fff; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px; } .members_offer_sec2 .content .box .box-img { width: 190px; max-width: 100%; margin: 0 auto; padding: 0;position: relative;} .members_offer_sec2 .content .box .box-img img { max-width: 100%;} .members_offer_sec2 .content .box .box-img .best-seller {position: absolute; bottom: 0; right: 0;} .members_offer_sec2 .content .box .title { text-transform: uppercase; font-size: 22px; font-weight: 700; padding-top: 5px; font-family: 'Roboto', sans-serif; color: #333; } .members_offer_sec2 .content .box .regular { font-size: 26px; text-decoration: line-through; color: #333; } .members_offer_sec2 .content .box .special { font-size: 36px; font-weight: 700; color: #d60000; } .members_offer_sec2 .content .box .text { font-size: 26px; font-family: 'Roboto', sans-serif; color: #fff; background-color: #000; padding: 5px 0; font-weight: bold;} .members_offer_sec2 .content .box .text2 {font-size: 24px; font-weight: 500; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif;} .members_offer_sec2 .content .box .btn, .members_offer_sec2 .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: #cc0707; border-radius:3px; } .members_offer_sec2 .content .box .btn i{ margin:0 0 0 5px; font-weight: 300;} .members_offer_sec2 .content .box .btn:hover { color:#fff; background: #000; } .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_box2 { 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_box2 .box-img { width: 160px; max-width: 100%; margin: 0 auto; padding: 0; } .xmax_x_box2 .box-img img { max-width: 100%; } .xmax_x_box2 .title { text-transform: uppercase; font-size: 17px; font-weight: 700; padding-top: 5px; font-family: 'Roboto', sans-serif; color: #333; } .xmax_x_box2 .regular { font-size: 17px; text-decoration: line-through; color: #333; } .xmax_x_box2 .special { font-size: 24px; font-weight: 700; color: #d60000; } .xmax_x_box2 .text { font-size: 15px; font-style: italic; font-family: 'Roboto', sans-serif; color: #333; } .xmax_x_box2 .btn, .xmax_x_box2 .btn:focus { max-width: 100%; height:30px; line-height:30px; padding:0 20px; margin:0; display:inline-block; font-size:16px; font-weight: 500; color: #fff; font-family: 'Roboto', sans-serif; background: #a80000; border-radius:3px; } .xmax_x_box2 .btn i{ margin:0 0 0 5px; font-weight: 300;} .xmax_x_box2 .btn:hover { color:#fff; background: #000; } .xmax_x_box2 .bonus-ea {background-color: #000;color:#fff;font-size: 30px;padding: 0;margin: 0 0 5px 0;font-weight: 500;font-family: 'Roboto Condensed', sans-serif;} .confirm-exit-discount-box {position: relative;} .confirm-exit-discount-box img {position:relative; z-index: 109;} .confirm-exit-discount-box .confirm-exit-discount {width: 166px; font-size: 34px; color: #dd0000; position: absolute; bottom: 18%; left: 0; right: 0; margin: 0 auto; z-index: 110;} .confirm-exit-discount-box .confirm-exit-discount.cb {width: 220px !important;} /* .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%; }*/ /* Blog Iframe */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #return-to-top { position: fixed; bottom:30px; right:10px; width:73px; height:75px; text-decoration: none; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999; /*box-shadow:0 0 18px rgba(0, 0, 0, 0.2);*/} /* ----------- Small Charts FGI -------------- */ .smallchart_sec { width: 100%; float: left; padding: 50px 0 30px 0; margin: 0 0 0 0; position: relative; background-color: #d0d1d2; } .smallchart_sec .smallchart-block {margin-bottom: 60px; text-align: center;} .smallchart_sec .smallchart-title { padding: 0; font-size: 26px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; color: #000; } .smallchart_sec .smallchart-title2 { padding: 0 0 10px 0; font-size: 22px; color: #000; } .smallchart_sec .smallchart-profit { margin: 0 auto 15px auto; width: 420px; max-width: 100%; border: 1px solid #000; } .smallchart_sec .smallchart-profit .profit-left { padding: 5px 10px; float: left; width: 50%; background-color: #efc91e; color: #000; font-size: 22px; font-weight: bold; position: relative; } .smallchart_sec .smallchart-profit .profit-left:after {width: 1px; height: 100%; background-color: #000; right: 0; top: 0; content: " "; position: absolute; } .smallchart_sec .smallchart-profit .profit-right { padding: 5px 10px; float: left; width: 50%; background-color: #04a51e; color: #fff; font-size: 22px; font-weight: bold; } .smallchart_sec .smallchart-button { padding: 20px 0 0 0; } .smallchart_sec .smallchart-button a { padding: 7px 20px; background-color: #494949; color: #fff; font-size: 16px; text-align: center; border-radius: 6px; } /* ----------- 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; 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: 0; bottom: 0; max-width: 100%; width: 100%; } } /* GENERAL CSS CODE END */ /* Coupon Popup with sound */ .coupon-popup {position: fixed;bottom: 95px;left: 20px;color: #333;font-size: 12px;background-color: #f3bd01;padding: 25px 35px; width: 250px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;z-index: 1000;display: none;} /* .coupon-popup:after {background: url(/images/coupon-popup-bottom.png) no-repeat center center; position: absolute; bottom: -37px; left: 55px; content: " "; width: 31px; height: 38px; padding: 0; margin: 0;} */ .coupon-popup .close img {position: absolute; top: 15px; right: 20px; cursor: pointer;} .coupon-popup .coupon {width: 60%; text-align: left; display: inline-block;} .coupon-popup .coupon span {background-color: #dad9d4;font-weight: bold;border: 1px dashed #333;color: #ff0000;padding: 5px;font-size: 18px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .coupon-popup .coupon-button {width: 37%; text-align: left; display: inline-block;} .coupon-popup .coupon-button button {color: #fff; background-color: #cc0000; padding: 10px 8px 5px 8px; border: none; text-align: center; display: inline-block; cursor: pointer; transition-duration: 0.4s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} .coupon-popup .coupon-button button i {font-size: 12px} /* Customer Review Popup */ .review-popup {position: fixed;bottom: 85px;left: 20px;color: #333;font-size: 12px;background-color: #fff;padding: 25px 35px 20px 35px; width: 250px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;z-index: 1000;display: block; border: 3px solid #333333; -webkit-box-shadow: 0 0 20px 10px rgba(68,68,68,0.4); box-shadow: 0 0 20px 10px rgba(68,68,68,0.4);} .review-popup .close {position: absolute; top: 15px; right: 15px;} .review-popup .close img { cursor: pointer;} .review-popup .comment {font-size: 12px; color: #333; position: relative; text-indent: 8px;} .review-popup .comment span.close-quote {position: absolute;} .review-popup .comment span.close-quote:before {position: relative; top: -7px; right: 7px; font-family: Constantia, serif; content: "\201D"; font-size: 40px; color: #4c4c4c; vertical-align: middle; } .review-popup .comment:before {position: absolute; top: -15px; left:-15px; vertical-align: middle; font-family: Constantia, serif; content: "\201C"; font-size: 40px; color: #4c4c4c;} /*.review-popup .comment:after {position: absolute; bottom: -82px; left: 110px; content: ''; width: 0; height: 0; border-right: 34px solid transparent; border-left: 0 solid transparent; border-top: 33px solid rgba(76, 76, 76);}*/ .review-popup .trader-info {margin: 10px 0 0 0;} .review-popup .trader-info .name {float: right; font-weight: 300; font-style: italic;} .review-popup .trader-info .rating { float: left;unicode-bidi: bidi-override;direction: rtl;color: #ffd700; font-size: 16px;} .review-popup .trader-info .rating > span {display: inline-block;position: relative;width: 15px;} .review-popup .trader-info .rating > span::before,.review-popup .trader-info .rating > span ~ span:before {content: "\2605";position: absolute;} .review-popup .all-reviews-link { position: absolute; bottom: -30px; left: 0; text-align: center; width: 100%; font-size: 13px; } /* 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: 20px 0 30px 0; width: 100%; float: left; text-align: center; background: #e6e6e6; } .sloganArea h3 { margin-bottom: 25px; font-family: 'Roboto Condensed', sans-serif; font-size: 42px; font-weight: 600; line-height: 42px; color: #333; } .sloganArea p { font-size: 22px; line-height: 22px; color: #333; font-family: 'Open Sans', sans-serif; } /* outperform area */ .outperformArea{ width:100%; float:left; padding: 50px 0 50px 0; margin:0; background:url(../images/2019_idea/money_bg.jpg) no-repeat right top;} .outperformArea .inner{ width:100%; float:left; padding:0; margin:15px 0 30px 0;} .outperformArea .title_info{ text-align:left;} .outperformArea .title_info h2{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 40px; font-weight: 700; line-height: 42px; } .outperformArea h3{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 700; line-height: 42px; } .outperformArea p{ padding: 5px 0; font-size: 16px; color: #333; font-family: 'Open Sans', 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: 16px; color: #333; font-family: 'Open Sans', sans-serif; } .outperformArea ul li i { font-size: 17px; color: #c80000; margin-right: 3px; } .outperformArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .outperformArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} .lined {display: inline-block;position: relative;vertical-align: baseline;font-family: 'Roboto Bold', Tahoma, Arial, Helvetica, sans-serif;} .lined > .bg {bottom: -1px;left: 0;position: absolute;right: 0;} .lined > .bg > img {display: block;height: 4px;width: 100%;} .lined > .in {position: relative;} /* powerful area */ .powerfulArea{ width:100%; float:left; padding: 50px 0 50px 0; margin:0; background:url(../images/2019_idea/powerful_bg.jpg) no-repeat right top; background-size:auto 100%;} .powerfulArea .inner{ padding:0 300px 0 0; margin:0 0 30px 0;} .powerfulArea h2{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 34px; font-weight: 700; line-height: 42px; margin-bottom: 25px; } .powerfulArea p{ padding: 5px 0; font-size: 16px; color: #333; font-family: 'Open Sans', sans-serif;} .powerfulArea figure{ width:100%; float:left; padding:0; margin:0;} .powerfulArea figure img{ width:100%;} .powerfulArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .powerfulArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* chatgpt area */ .chatgptArea { width:100%; float:left; padding: 50px 0 50px 0; margin:0; background: #050505 url(../images/chatgpt.html) no-repeat right top; background-size:auto 100%;} .chatgptArea .inner{ padding:0 300px 0 0; margin:0 0 30px 0;} .chatgptArea h2{ color: #818181; font-family: 'Roboto Condensed', sans-serif; font-size: 34px; font-weight: 700; line-height: 50px; margin-bottom: 25px; } .chatgptArea p{ padding: 5px 0; font-size: 16px; color: #fff; font-family: 'Open Sans', sans-serif;} .chatgptArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .chatgptArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* chatgpt update area */ .chatgpt-update {width:100%; float:left; padding: 50px 0 50px 0; margin:0; background: url(../images/chatgpt/chatgpt_update_backgr.html) no-repeat center top; background-size: cover;} .chatgpt-update p {padding: 5px 0; font-size: 56px; color: #fff; font-family: 'Roboto', sans-serif; text-align: center; font-weight: 700; line-height: 66px} .chatgpt-update p.title {text-decoration: underline; font-size: 66px;} /* red line area */ .redLineArea { padding: 20px 0 20px 0; width: 100%; float: left; position: relative; color: #fff; font-weight: 500; text-align: center; z-index: 1; background: #d60000; } .redLineArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down7_dotted.png') no-repeat top center; } .redLineArea:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.15; z-index: -1; background: url('../images/rock_bg.jpg') no-repeat top center; background-size: cover; } .redLineArea h2 { margin-bottom: 21px; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; font-weight: 700; line-height: normal; } /* red line area 2 */ .redLineArea2 { padding: 20px 0 20px 0; width: 100%; float: left; position: relative; color: #fff; font-weight: 500; text-align: center; z-index: 1; background: url('../images/2019_idea/red_line_2_bg.jpg') no-repeat top center; background-size: cover; } .redLineArea2 .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -29px; left: 50%; background: url('../images/down7_dotted.png') no-repeat top center; } .redLineArea2 h2 { margin-bottom: 21px; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; font-weight: 700; line-height: normal; } .redLineArea2 .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .redLineArea2 .anchor_info{ width:53px; top:-10px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* black line area */ .blackLineArea { padding: 20px 0 20px 0; width: 100%; float: left; position: relative; text-align: center; color: #fff; z-index: 1; background: #000; } .blackLineArea:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/walls_bg2.jpg') no-repeat top center; background-size: cover; } .blackLineArea h2 { margin-bottom: 21px; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; color: #fff; font-weight: 700; line-height: normal; } .blackLineArea2 { padding: 20px 0 20px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 1; background: #000; } .blackLineArea2:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/walls_bg4.jpg') no-repeat top center; background-size: cover; } .blackLineArea2 h2 { margin-bottom: 21px; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; color: #FFFFFF; font-weight: 700; line-height: normal; } /* gray line area */ .grayLineArea { padding: 20px 0 20px 0; width: 100%; float: left; position: relative; text-align: center; color: #FFFFFF; z-index: 1; background: #f1f0f0; } .grayLineArea:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/walls_bg2.jpg') no-repeat top center; background-size: cover; } .grayLineArea h2 { margin-bottom: 21px; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; color: #e80000; font-weight: 700; line-height: normal; } .redLineArea3{ padding: 20px 0 20px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 1; background: #c80000; } .redLineArea3:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/longer_img3.jpg') no-repeat top center; background-size: cover; } .redLineArea3 h2 { margin-bottom: 21px; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; color: #FFFFFF; font-weight: 700; line-height: normal; } .redLineArea4{ padding: 20px 0 20px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 1; background: #c80000; } .redLineArea4:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/longer_img4.jpg') no-repeat top center; background-size: cover; } .redLineArea4 h2 { margin-bottom: 21px; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; color: #FFFFFF; font-weight: 700; line-height: normal; } /* xmas line area */ .xmasLineArea { padding: 0; width: 100%; float: left; position: relative; text-align: center; color: #fff; z-index: 1; max-width: 100%; } .xmasLineArea img {max-width: 100%;margin: 0 auto;} /* no doubts area */ .noDoubtsArea { width:100%; float:left; padding: 50px 0 50px 0; margin:0; background: #ececec url(../images/2019_idea/no_doubts_bg.png) no-repeat left top; background-size:auto 100%;} .noDoubtsArea .inner{ padding:0 0 0 300px; margin:0 0 30px 0;} .noDoubtsArea h2{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 34px; font-weight: 700; line-height: 42px; margin-bottom: 25px; } .noDoubtsArea p{ padding: 5px 0; font-size: 16px; color: #333; font-family: 'Open Sans', sans-serif;} .noDoubtsArea figure{ width:100%; float:left; padding:0; margin:0;} .noDoubtsArea figure img{ width:100%;} .noDoubtsArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .noDoubtsArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* improve area */ .improveArea { width: 100%; float: left; } .improveArea h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 44px; color: #fff; font-weight: 700; } .improveArea h4 { font-family: 'Roboto Condensed', sans-serif; font-size: 38px; color: #fff; font-weight: 700; text-align: center; } .improveArea .one { padding: 6px 0 22px 0; width: 100%; float: left; position: relative; text-align: center; z-index: 1; background: #c80000; } .improveArea .one:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.15; z-index: -1; background: url('../images/longer_img1.jpg') no-repeat top center; background-size: cover; } .improveArea .two { padding: 16px 0 30px 0; width: 100%; float: left; position: relative; font-size: 16px; color: #fff; z-index: 1; background: #000; } .improveArea .two:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.15; z-index: -1; background: url('../images/longer_img2.jpg') no-repeat top center; background-size: cover; } /* built in area */ .builtinArea { padding: 53px 0 57px 0; width: 100%; float: left; position: relative; z-index: 2; } .builtinArea .top { margin-left: -100px; width: 200px; height: 68px; position: absolute; top: -32px; left: 50%; background: url('../images/down_dotted.png') no-repeat top center; } .builtinArea .top-text{ padding:0; margin:0 0 30px 0;} .builtinArea h2{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 34px; font-weight: 700; line-height: 42px; margin-bottom: 70px; text-align: center; } .builtinArea p{ padding: 5px 0; font-size: 16px; color: #333; font-family: 'Open Sans', sans-serif;} .builtinArea .built-in-box {width:100%; float:left; padding:0; margin:70px 0 140px 0; text-align:center;} .builtinArea .built-in-box ul{ width:100%; float:left; padding:0; margin:0;} .builtinArea .built-in-box ul li{ padding:0; margin:0 36px -40px 36px; display:inline-block;} .builtinArea .built-in-box .block{ width:170px; height:170px; float:none; padding:0; margin:0 auto; display:block; background:#ca1515; border-radius:10px; transform:rotate(45deg);} .builtinArea .built-in-box .block .inner{ width:100%; float:left; padding:0 10px; margin:0; text-align:center; transform:rotate(-45deg); position:relative; left:-13px;} .builtinArea .built-in-box .block .position1 { left: -15px; } .builtinArea .built-in-box .block .position2 { left: -14px; } .builtinArea .built-in-box .block .position3 { left: -18px; } .builtinArea .built-in-box .block .position4 { left: -18px; } .builtinArea .built-in-box .block .position5 { left: -20px; } .builtinArea .built-in-box .block .position6 { left: -10px; } .builtinArea .built-in-box .block .position7 { left: -18px; } .builtinArea .built-in-box .block .position8 { left: -10px; } .builtinArea .built-in-box .block .position9 { left: -20px; } .builtinArea .built-in-box .block .count{ padding:0; margin:0; font-size:108px; color:#ffffff; font-weight:700; font-family: 'Roboto Condensed', sans-serif; opacity:0.2; position:absolute; left:0; top:10px; right:0;} .builtinArea .built-in-box .block i{ padding:0; margin: 25px 0 10px 0; display:block;} .builtinArea .built-in-box .block i img {margin: 0 auto; position: relative;} .builtinArea .built-in-box .block h3{ padding: 0 7px 0 7px; margin:0; font-size:18px; color:#ffffff; line-height:18px; text-transform:uppercase; font-weight:700; font-family: 'Roboto Condensed', sans-serif;} .builtinArea .built-in-box .block .position4 h3 {padding: 0 7px 0 16px;} .builtinArea .built-in-box .block .position6 i {margin: 20px 0 10px 0;} .builtinArea .built-in-box .block .position7 i {padding: 0 0 0 22px;} .builtinArea .built-in-box .block .position7 h3 {padding: 0 7px 0 22px;} .builtinArea .built-in-box .block .position9 i {padding: 0 0 0 22px;} .builtinArea .built-in-box .block .position9 h3 {padding: 0 7px 0 22px;} .builtinArea .built-in-box ul.second .block{ background:#ca1515;} .builtinArea .built-in-box ul.third .block{ background:#ca1515;} .builtinArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .builtinArea .anchor_info{ width:53px; top:25px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* whychooseus area */ .whychooseusArea{ width:100%; float:left; padding: 50px 0 50px 0; margin:0; background:url(../images/2019_idea/why_choose_us_bg.jpg) no-repeat left top; background-size:cover;} .whychooseusArea .inner{ padding:0; margin:10px 0 30px 0;} .whychooseusArea .title_info{ text-align: center;} .whychooseusArea .title_info h2{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 54px; font-weight: 700; line-height: 42px; } .whychooseusArea h3{ color: #FFFFFF; font-family: 'Roboto Condensed', sans-serif; font-size: 25px; font-weight: 600; line-height: 42px; } .whychooseusArea h4{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; font-weight: 700; line-height: 42px; } .whychooseusArea p{ padding: 5px 0; font-size: 16px; color: #333; font-family: 'Open Sans', sans-serif;} .whychooseusArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .whychooseusArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} .whychooseusArea .red-choose {background:#a80000; position: relative; width: 60%;left: -3px;} .whychooseusArea .red-choose:before{ content: "";position: absolute;top:0;right: -18px; width: 18px;height: 42px; background: url('../images/triangle-right.png') no-repeat top left;} .whychooseusArea .red-choose h3 {position: relative; margin: 0 0 0 5px;} .whychooseusArea .grey-choose {background:#4b4b4b; position: relative; width: 60%; left: -3px;} .whychooseusArea .grey-choose:before{ content: "";position: absolute;top:0;right: -18px; width: 18px;height: 42px; background: url('../images/triangle-right-grey.png') no-repeat top left;} .whychooseusArea .grey-choose h3 {position: relative; margin: 0 0 0 5px;} /* advantages area */ .advantagesArea{ width:100%; float:left; padding: 50px 0 50px 0; margin:0; background: url(../images/advantages-bg.jpg) no-repeat top left; background-size: cover;} .advantagesArea .inner{ padding:0; margin:15px 0 30px 0;} .advantagesArea .title_info{ text-align: center;} .advantagesArea .title_info h2{ margin-bottom: 50px; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 42px; font-weight: 400; line-height: 42px; } .advantagesArea h3{ color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 700; line-height: 42px; } .advantagesArea a.start-trial { font-size: 26px; color: #026aba; font-weight: bold; } .advantagesArea a.start-trial:hover { color: #C80000; } .advantagesArea .advantage-box { position: relative; min-height: 355px; background-color: #fff; margin-left: -5px; margin-right: -5px; margin-bottom: 20px; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius: 5px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-radius: 5px; border-top-left-radius: 7px; border-top-right-radius: 7px; } .advantagesArea .advantage-box h3 { margin: 0 0 55px 0; padding: 5px 15px 0 15px; text-align: center; width: 100%; min-height: 105px; background-color: #bb191b; color: #fff; font-size: 22px; font-weight: normal; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .advantagesArea .advantage-box img { position: absolute; top: 50px; left: 0; right: 0; margin: 0 auto; } .advantagesArea .advantage-box p{ padding: 5px 15px; font-size: 16px; color: #333; font-family: 'Open Sans', sans-serif;} .advantagesArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .advantagesArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* advantages area */ .compareArea { width:100%; float:left; padding: 50px 0 50px 0; margin:0; /*background: url(/images/advantages-bg.jpg) no-repeat top left; background-size: cover;*/ border-bottom:2px solid #d9d9d9;} .compareArea .title_info { text-align: center; font-family: 'Roboto Condensed', sans-serif;margin-bottom: 70px; color: #000000; font-size: 42px; font-weight: 400; line-height: 42px; } .compareArea .title2 {text-align: center;font-size: 38px;font-weight: 400; margin: 0 0 5px 0;font-family: 'Open Sans', sans-serif;} .compareArea .hands {position: absolute; top: 0; left: -5px;} .compareArea .hands-right {position: absolute; top: 0; right: -5px;} .compareArea .block {background: #f2f2f2;position: relative;margin: 0;padding: 15px;} .compareArea .block:before {content:''; position:absolute; top:-1px; bottom:69px; left:-2px; width:4px; background:#00bc31;} .compareArea .block:after {content:''; position:absolute; top:-14px; left:-7px; width:14px; height:14px; border-radius:50%; background: #00bc31;} .compareArea .block .description {margin: 0 0 15px 0; padding: 10px 15px 10px 15px; background:#d9d9d9; position: relative;} .compareArea .block .description:after {content:''; position:absolute; width:16px; left: 15px; border-top: 4px solid #00bc31; margin: -17px -30px; transform: translateY(-1rem);display: inline-block;} .compareArea .block .description img {position: absolute; top:0; bottom: 0; margin: auto 0 auto 10px; padding: 0; left: 0;} .compareArea .block .description .inner {margin: 0 0 0 40px; padding: 0 0 0 15px; position: relative;} .compareArea .block .description .inner:before {content:''; position:absolute; top:-1px; bottom:0; left:-2px; width:1px; background:#000000;} .compareArea .block .description .title1 {font-weight: bold;} .compareArea .block-right {background: #f2f2f2;position: relative;margin: 0;padding: 15px;} .compareArea .block-right:before {content:''; position:absolute; top:-1px; bottom:69px; right:-2px; width:4px; background:#fc4233;} .compareArea .block-right:after {content:''; position:absolute; top:-14px; right:-7px; width:14px; height:14px; border-radius:50%; background: #fc4233;} .compareArea .block-right .description {margin: 0 0 15px 0; padding: 10px 15px 10px 15px; background:#d9d9d9; position: relative;} .compareArea .block-right .description:after {content:''; position:absolute; width:16px; right: 15px; border-top: 4px solid #fc4233; margin: -17px -30px; transform: translateY(-1rem);display: inline-block;} .compareArea .block-right .description img {position: absolute; top:0; bottom: 0; margin: auto 0 auto 10px; padding: 0; left: 0;} .compareArea .block-right .description .inner {margin: 0 0 0 40px; padding: 0 0 0 15px; position: relative;} .compareArea .block-right .description .inner:before {content:''; position:absolute; top:-1px; bottom:0; left:-2px; width:1px; background:#000000;} .compareArea .block-right .description .title1 {font-weight: bold;} .compareArea .anchor_arrow{ width:100%; float:left; padding:0; margin:0; position:relative;} .compareArea .anchor_info{ width:53px; top:20px; padding:0; margin:0 auto; display:block; clear:both; z-index:77; position:absolute; left:0;right: 0;} /* text before order area 2*/ .textBeforeOrderArea2 { padding: 28px 0; width: 100%; float: left; position: relative; color: #333; font-family: 'Roboto Condensed', sans-serif; } .textBeforeOrderArea2 h2 { font-size: 40px; font-weight: bold; text-align: center; font-family: 'Roboto Condensed', sans-serif; } /* text before order area */ .textBeforeOrderArea { padding: 38px 0 30px 0; width: 100%; float: left; position: relative; color: #fff; background: url(../images/confident_bg.jpg) no-repeat top center; background-size: cover; } .textBeforeOrderArea p { font-size: 32px; color: #fff; text-align: center; font-family: 'Roboto Condensed', sans-serif; } .textBeforeOrderArea h2 { font-size: 40px; font-weight: bold; text-align: center; font-family: 'Roboto Condensed', sans-serif; } /* faq area */ .faqAreaHome { padding: 0 0 40px 0; width: 100%; float: left; position: relative; background: #eeeeee; font-family: 'Roboto Condensed', sans-serif; } .faqAreaHome h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #333; font-weight: 600; text-align: center; } .faqAreaHome h2 { background: #212121; font-weight: bold; font-size: 72px; padding: 10px 0 20px 0; text-align: center; color: #333; } .faqAreaHome h3 { color: #333; font-size: 36px; padding: 10px 0 20px 0; font-family: 'Roboto Condensed', sans-serif; text-align: center; } .faqAreaHome p {font-family: 'Open Sans', sans-serif;} .faqAreaHome .accordion-group { border: 1px solid #c7c8c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 30px; margin: 0 0 10px 0; } .faqAreaHome .accordion-group h4 a { font-family: 'Open Sans', sans-serif; color: #333; font-size: 20px; } .faqAreaHome .accordion-group h4 a .title { width: 90%; display: inline-block; } .faqAreaHome .accordion-group .accordion-body .accordion-inner { color: #333; font-family: 'Open Sans', sans-serif; } .faqAreaHome .accordion-toggle:after{font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; } /* symbol for "opening" */ .faqAreaHome .accordion-toggle[aria-expanded="true"]:after { content: "\e113"; } /* symbol for "collapsed" */ .faqAreaHome .accordion-toggle[aria-expanded="false"]:after { content: "\e114"; } .orderPageTitle {padding: 20px 0 0 0; width: 100%; float: left; position: relative; background: #FFFFFF; font-family: 'Roboto Condensed', sans-serif;} .orderPageTitle h2 {font-weight: bold; font-size: 36px; padding: 10px 0 20px 0; text-align: center; } .orderPage4Bots {padding: 30px 0 20px 0; width: 100%; float: left; position: relative; background: #FFFFFF; font-family: 'Roboto Condensed', sans-serif;} .orderPage4Bots .title {margin: 0 0 10px 0;font-size: 22px; font-family: 'Roboto Condensed', sans-serif; color: #000;text-align: center;font-weight: 500;} .orderPage4Bots .box {margin: 0 0 20px 0;padding: 5px 15px; border: 2px solid #000000; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;text-align: center;} .orderPage4Bots .box img {max-width: 100%;margin: 0 auto;} .orderPage4Bots .box .text {font-size: 20px;font-weight: 400;font-family: 'Open Sans', sans-serif;} .orderPage4Bots .box .price {font-size: 28px;font-weight: bold;color: #000000;} .orderPage4Bots .box .btn-center {margin: 0 auto; width: 175px;} .orderPage4Bots .box .btn-center a.now {width: 175px; max-width: 100%; padding: 11px 11px 11px 11px; margin: 0 0 20px 0; float: left;font-size: 18px; color: #fff; font-weight: bold; font-family: "Roboto Condensed", sans-serif;text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2);border-radius: 4px;background-image: url('../images/get_btn_2.png'); background-repeat: repeat-x; background-position: right top; } .orderPage4Bots .box .btn-center a.now span { padding-left: 4px; margin-right: 9px; width: 24px; height: 24px; float: left; font-size: 12px; color: #fff; text-align: center; line-height: 25px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .orderPage4Bots .box .btn-center a.now:hover { color: #FFFFFF; background-position: left top; } .orderPage4Bots .box .btn-center a.now:hover span { background-color: #000; border: 1px solid #585151; } .singlePage4Bots {padding: 0 0 20px 0; width: 100%; float: left; position: relative; font-family: 'Roboto Condensed', sans-serif; background-color: #dadada;} .singlePage4Bots h2 {font-weight: bold; font-size: 36px; padding: 10px 0 20px 0; text-align: center; } .singlePage4Bots .title {margin: 0 0 10px 0;font-size: 22px; font-family: 'Roboto Condensed', sans-serif; color: #000;text-align: center;font-weight: 500;} .singlePage4Bots .box {margin: 0 0 20px 0;padding: 5px 15px; border: 2px solid #000000; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;text-align: center;background-color: #ffffff;} .singlePage4Bots .box img {max-width: 100%;margin: 0 auto;} .singlePage4Bots .box .text {font-size: 20px;font-weight: 400;font-family: 'Open Sans', sans-serif;} .singlePage4Bots .box .price {font-size: 28px;font-weight: bold;color: #000000;} .singlePage4Bots .box .btn-center {margin: 0 auto; width: 175px;} .singlePage4Bots .box .btn-center a.now {width: 175px; max-width: 100%; padding: 11px 11px 11px 11px; margin: 0 0 20px 0; float: left;font-size: 18px; color: #fff; font-weight: bold; font-family: "Roboto Condensed", sans-serif;text-decoration: none; text-shadow: 2px 1px 2px rgba(0,0,0,0.2);border-radius: 4px;background-image: url('../images/get_btn_2.png'); background-repeat: repeat-x; background-position: right top; } .singlePage4Bots .box .btn-center a.now span { padding-left: 4px; margin-right: 9px; width: 24px; height: 24px; float: left; font-size: 12px; color: #fff; text-align: center; line-height: 25px; border: 1px solid #ec4545; border-radius: 50%; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; background: #d30f0f; } .singlePage4Bots .box .btn-center a.now:hover { color: #FFFFFF; background-position: left top; } .singlePage4Bots .box .btn-center a.now:hover span { background-color: #000; border: 1px solid #585151; } .belowSinglePage4Bots {padding: 0; width: 100%; float: left; position: relative; background: #FFFFFF; font-family: 'Roboto Condensed', sans-serif;} .belowSinglePage4Bots h2 {font-weight: bold; font-size: 32px; padding: 10px 0 20px 0; text-align: center; text-transform: uppercase;} /* package includes before */ .package-includes-before2 {background: #eeeeee;width: 100%; float: left;} .package-includes-before2 .header {padding: 0; margin: 50px 0;} .package-includes-before2 .header .package-box-inc {width: 62%; margin: 0 auto; position: relative;} .package-includes-before2 .header .package-box-inc img {max-width: 100%;margin: 0 auto;} /* package includes */ .package-includes2 {background: #FFFFFF;padding: 30px 0 30px 0;width: 100%; float: left;font-family: "Roboto Condensed", sans-serif;} .package-includes2 .title {color: #101010; margin-bottom: 25px; font-size: 22px; font-weight: bold; text-align: center;} .package-includes2 .box.left {float: left;margin: 0 0 0 30px;} .package-includes2 .box.right {float: right;margin: 0 30px 0 0;} .package-includes2 .box ul {list-style: none; margin: 0 0 0 50px; padding: 0;} .package-includes2 .box ul li {padding: 0; margin: 0 0 23px 0;border-bottom: 1px solid #cdcdcd; position: relative;max-width: 210px;} .package-includes2 .box ul li img {position: absolute; top: -3px; left: -50px;} .package-includes2 .box ul li div {display: inline-block;font-size: 16px; padding: 0; line-height:30px; color: #000000;} .backtestsPageTitle {padding: 0; width: 100%; float: left; position: relative; background: #FFFFFF; } .backtestsPageTitle h2 {font-weight: bold; font-size: 40px; padding: 10px 0 20px 0; text-align: center; font-family: 'Roboto Condensed', sans-serif;} .backtestsPageTitle p {font-size: 24px;font-family: 'Open-sans', sans-serif;text-align: center;} /* new MA offers block */ .users-special-offers {background: #d6d6d6; padding: 30px 0 30px 0; width: 100%; float: left;} .users-special-offers .uso-banner {width: 830px; max-width: 96%; margin: 0 auto;} .users-special-offers .uso-banner-top {padding: 5px 15px; text-align: center; background-color: #464646; color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-size: 40px;} .users-special-offers .uso-banner-top img {display: inline-block;} .users-special-offers .uso-banner-content {padding: 10px; background-color: #ffffff; border: 1px solid #464646; font-family: "Roboto Condensed", sans-serif; } .users-special-offers .uso-banner-content .red-line {font-size: 38px; color: #ffffff; background-color: #d70303; text-align: center; font-weight: 700;} .users-special-offers .uso-banner-content .text-line {padding-top: 15px; font-size: 28px; color: #000000; text-align: center;} .users-special-offers .uso-button {text-align: center; padding: 15px 0 0 0;} .users-special-offers .uso-button .btn, .users-special-offers .uso-button .btn:focus {max-width: 100%; height:50px; padding:0 25px; margin: 0; display:inline-block; font-size:24px; font-weight: 500; color: #fff; line-height:50px; font-family: "Roboto Condensed", sans-serif; background: #464646; border-radius:3px;} .users-special-offers .uso-button .btn:hover {background-color: #000000;} /* shock deal */ .shock-deal-top-line {padding: 7px 0; margin: 0 0 20px 0; width: 100%; text-align: center; background-color: #f5be23; color: #000; font-family: 'Open Sans', sans-serif;} .shock-deal-top-line span.text {font-size: 24px;} .shock-deal-top-line span.time-value {font-size: 24px; font-weight: bold;} .shock-deal-top-line span.time-label {font-size: 14px; } .shock-deal-top-line sub {font-size: 14px; font-family: 'Open Sans', sans-serif;} .shock-deal-top-line i {font-size: 32px;} /* Today's Deal Ends In */ .todays_deal_ends_timer {padding: 30px 0 0 0; margin: 0 auto; width: 500px; max-width: 100%; color: #153148;} .todays_deal_ends_timer .degree-background {transform: skew(-20deg);background-color: #d40000} .todays_deal_ends_timer .title {transform: skew(20deg); font-size: 42px; font-family: 'Roboto Condensed', sans-serif; text-align: center;color: #fff;} .todays_deal_ends_timer h3 { margin-top: 17px; font-size: 24px; line-height: 36px; } .todays_deal_ends_timer .clock { padding: 7px 14px; width: 100%;} .todays_deal_ends_timer .clock ul { list-style: none; text-align: center; } .todays_deal_ends_timer .clock li { width: 20%; display: inline-block; } .todays_deal_ends_timer .clock li.point { width: 4%; } .todays_deal_ends_timer .clock li p { margin: -20px 0 8px 0; font-size: 28px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #d40000; } .todays_deal_ends_timer .clock li span { width: 100%; } .todays_deal_ends_timer .clock li cite { position: relative; font-weight: bold; font-family: 'Roboto', sans-serif; font-size: 56px; font-style: normal; color: #d40000;} .todays_deal_ends_timer .yellow .degree-background {background-color: #e9c517 !important;} .todays_deal_ends_timer .yellow .title {color: #000;} .todays_deal_ends_timer .yellow .clock li cite {color: #000;} .todays_deal_ends_timer .yellow .clock li p {color: #000;} .todays_deal_ends_timer .white {margin: 0 0 0 -40px;} .todays_deal_ends_timer .white .clock li cite {color: #fff; font-size: 92px;} .todays_deal_ends_timer .white .clock li p {color: #fff;} .todays_deal_ends_timer .black {margin: 0 0 0 -40px;} .todays_deal_ends_timer .black .clock li cite {color: #000; font-size: 82px;} .todays_deal_ends_timer .black .clock li p {color: #000; font-size: 24px;} .todays_deal_ends_timer .blue .clock li cite {color: #182b3c; font-size: 56px;} .todays_deal_ends_timer .blue .clock li p {color: #182b3c; font-size: 28px;} /* Red Button */ .todays_deal_ends_btn {text-align: center; padding:0;} .todays_deal_ends_btn .btn, .todays_deal_ends_btn .btn:focus {max-width: 100%; height:50px; padding:0 25px; margin: 0; display:inline-block; font-size:24px; font-weight: 500; color: #fff; line-height:50px; font-family: "Roboto Condensed", sans-serif; background: #d40000; border-radius:3px;} .todays_deal_ends_btn .btn:hover {background-color: #9f0000;} .todays_deal_ends_btn .yellow .btn, .todays_deal_ends_btn .yellow .btn:focus {max-width: 100%; height:50px; padding:0 25px; margin: 0; display:inline-block; font-size:24px; font-weight: 500; color: #000; line-height:50px; font-family: "Roboto Condensed", sans-serif; background: #e9c517; border-radius:3px;} .todays_deal_ends_btn .yellow .btn:hover {background-color: #cdaa03;} /* do not remove this class it is used for registration */ div.email_add input {display: none;} /* ----------- Broker -------------- */ .broker { width: 100%; float: left; padding: 50px 0 0 0; position: relative; } .broker h1 { margin-bottom: 30px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 36px; color: #c80000; font-weight: 600; text-align: center; } .broker .title { padding: 15px 0 10px 0; text-align: center; font-size: 36px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .broker p { font-size: 16px; text-align: left; } .broker .visit-btn, .broker .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; } .broker .visit-btn:hover { background: #181818; } .broker .broker-buy-box { margin-top: 10px; list-style-type: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background-image: url(../images/profit_bg2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; border: 5px solid #1A9FA4; } .broker .broker-buy-box li { padding: 5px 10px; font-size: 14px; text-align: center; border-bottom: 1px solid #c7cace; list-style-type: none } .broker .broker-buy-box li.plan-name { padding: 10px; font-size: 26px; font-weight: 700; color: #c80000; } .broker .broker-buy-box li.price { font-size: 42px; font-weight: 700; color: #fff; background-color: #7c7f82; } .broker .broker-buy-box li.price sup { font-size: 18px; font-weight: 500; } .broker .broker-buy-box li.last { padding: 18px 0 20px 0; border-bottom: none; } .broker .red-choose {background:#a80000; position: relative; width: 60%;left: -3px;} .broker .red-choose:before{ content: "";position: absolute;top:0;right: -18px; width: 18px;height: 42px; background: url('../images/triangle-right.png') no-repeat top left;} .broker .red-choose h3 {position: relative; margin: 0 0 0 5px;} .broker .grey-choose {background:#4b4b4b; position: relative; width: 60%; left: -3px;} .broker .grey-choose:before{ content: "";position: absolute;top:0;right: -18px; width: 18px;height: 42px; background: url('../images/triangle-right-grey.png') no-repeat top left;} .broker .grey-choose h3 {position: relative; margin: 0 0 0 5px;} .broker .inner{ padding:0; margin:10px 0 30px 0;} .broker h3{ color: #FFFFFF; text-align: left; font-family: 'Roboto Condensed', sans-serif; font-size: 25px; font-weight: 600; line-height: 42px; } .broker_overall_sec { padding: 43px 0 60px 0; width: 100%; float: left; position: relative; font-family: 'Open Sans', sans-serif; line-height: 24px; color: #fff; z-index: 1; background: #000; } .broker_overall_sec:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0.25; z-index: -1; background: url('../images/walls_bg2.webp') no-repeat top center; background-size: cover; } .broker_overall_sec h2 { font-size: 26px; line-height: normal; } .broker_overall_sec p strong { font-weight: 500; } .broker_overall_sec a { margin: 40px 0 0 0; padding: 10px 2px; display: inline-block; font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 4px; background-image: url('../images/get_btn_2.png'); background-position: right top; } .broker_overall_sec a:hover { color: #fff; background-position: left top; } .broker table {color: #212529;} .broker table td {text-align: left;} .broker table td i {color: #CE0107;} .broker table .grey {background-color: #e3e3e3;} .broker table .badge.yellow-bck {background-color: #e9c517;} .broker table .badge.badge-color {color: #343434;} .broker_advantages_sec{ width:100%; float:left; padding:20px 0 40px 0; margin:0; background-color: #e9c517;text-align: center;} .broker_advantages_sec .title { padding: 15px 0 10px 0; text-align: center; font-size: 36px; color: #333; font-weight: 600; font-family: 'Open Sans', sans-serif; } .broker_advantages_sec p{ text-align:left; margin:0 0 30px 0; font-size:16px; color: #343434;} .broker_advantages_sec ul { text-align: left; padding: 0 0 0 20px; margin: 0; } .broker_advantages_sec ul li { list-style-type: none; color: #343434; text-align: left;font-size: 16px; line-height: 22px;} div.buy1-get1-select { padding: 0 0 15px 0; margin: 0; } div.buy1-get1-select select { width: 100%; max-width: 265px; height: 30px; background-color: #ed161e; border-radius: 0; font-size: 15px; font-weight: bold; color: #fff; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 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), .user-menu li:nth-child(9) , .user-menu li:nth-child(10) , .user-menu li:nth-child(11) , .user-menu li:nth-child(12) { 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: 0; 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%; } .testimonialsArea2 h3 {font-size: 34px;} .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: -40px; right: -60px; } /* performance area */ .graphArea .graph .account figure a:before { display: none; } .graphArea .graph .account figure a.real:after { background-size: 35%; top: 20px; right: -55px;} .graphArea .graph .account figure a.demo:after { background-size: 35%; top: -85px; 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%; } .revolutionArea2 .graph2 figure a.real:after {background-size: 35%; bottom: -30px; right: -60px;} .revolutionArea2 .graph2 figure a.verified:after {background-size: 35%; bottom: -30px; right: -60px;} /***** 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 { 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 { 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 { 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 { 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 { 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; } .members_offer_sec2 .content .justify-content-center {margin:0;display: inline-block;} .members_offer_sec2 .content .box .btn, .members_offer_sec2 .content .box .btn:focus {margin: 15px 0 15px 0;} /* 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 auto; width: 80%;} .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;} .thankYouAreaOffer .wrap .performance img.real {max-width: 25%; height: auto; bottom: 10px; right: 25px;} .remainArea .limited-offer {font-size: 30px;} .remainArea2 .sale70-btn {font-size: 14px;} .remainArea2 .sale70-btn-black {font-size: 14px;} .remainArea2 .clock-box {width: 100%;} .remainArea2 .clock-box .clock-left {display:none;} .remainArea2 .clock-box .clock-right {width: 100%;} .remainArea2 .clock-box2 {width: 100%;} .remainArea2 .clock-box2 .clock-left2 {display: block; width: 100%;} .remainArea2 .clock-box2 .clock-right2 {width: 100%;} /* 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;} .flash-pulse {font-size: 24px;} .ce-winter-title {font-size: 26px;} .blackFridayLineArea .text {font-size: 24px;} .thankYouArea .warning-message .vcenter-right {text-align: center;} /* Order One EA*/ .orderOneEA .middle p {padding: 0 0 10px 0;} .orderOneEA .middle2 p {padding: 0 0 10px 0;} /* Package Order Area */ .package-includes-before .header .package-box-inc {width: 100%;} .package-includes-before .header .package-box-inc .limited-offer {width: 15%;right: 0;} .package-includes-before .header .package-box-inc .gift-red {width: 20%; bottom: -45px;right:-15px;} .package-includes-before .header .package-box-inc img {margin: 0;} .package-includes {padding: 15px 0 15px 0;} .package-includes .title {font-size: 20px;} .package-includes .box {width: 100%;} .package-includes .box.right {float: none;margin: 0;} .package-includes .box.left {float: none;margin: 0;} .package-includes .box ul li {width: 100%;} .packageOrderArea .package-box {margin-top: 0;} .packageOrderArea .standard {margin: 55px 10px 40px 10px;} .packageOrderArea .premium-top-img {top: -30px; margin: 50px 0 0 0;} .packageOrderArea .premium {margin: 0 10px 70px 10px;} .packageOrderArea .ultimate-top-img {top: -20px;} .packageOrderArea .ultimate {margin: 0 10px 40px 10px;} .packageOrderArea .standard .top img.xmas-hat-basic {max-width: 45%;left:20px;} .packageOrderArea .premium .top img.xmas-hat-premium {max-width: 40%;left:0;} .packageOrderArea .ultimate .top img.xmas-hat-ultimate {max-width: 40%;right:-10px;} /* Under Banner Area */ .underBannerArea .box {width: 100%;margin: 40px 0 0 0;} /* Download Area Package */ /* New Template 2021 */ .powerfulArea {padding: 20px 0 50px 0} .powerfulArea .inner {padding: 0;} .noDoubtsArea .inner {padding: 0;} .textBeforeOrderArea p {font-size: 26px;} .textBeforeOrderArea2 h2 {font-size: 24px;} .supportHomeArea .block {width: 100%;} .builtinArea h2 {margin-bottom:20px;} .builtinArea .built-in-box ul li{ width:100%; float:left; margin:0 0 10px 0;} .builtinArea .built-in-box .block{ width:100%; height:auto; float:left; margin:0; display:block; transform:rotate(0deg);} .builtinArea .built-in-box .block .inner{ padding:15px 15px 15px 115px; text-align:left; transform:rotate(0deg); left:0;} .builtinArea .built-in-box .block .position1 { left: 0; } .builtinArea .built-in-box .block .position2 { left: 0; } .builtinArea .built-in-box .block .position3 { left: 0; } .builtinArea .built-in-box .block .position4 { left: 0; } .builtinArea .built-in-box .block .position5 { left: 0; } .builtinArea .built-in-box .block .position6 { left: 0; } .builtinArea .built-in-box .block .position7 { left: 0; } .builtinArea .built-in-box .block .position8 { left: 0; } .builtinArea .built-in-box .block .position9 { left: 0; } .builtinArea .built-in-box .block .count{ font-size:80px; left:10px; top:0; right:auto;} .builtinArea .built-in-box .block i{ margin:0 10px 0 0; display:inline-block;} .builtinArea .built-in-box .block h3{ width:160px; font-size:18px; min-height:44px; display:inline-block; position:relative; top:5px;} .builtinArea .built-in-box ul.third li:last-child{ margin-top:0;} .orderOneEA .bottom { width:75%; min-height: auto;} .orderOneEA .bottom2 { width: 75%; min-height: auto;} .orderOneEA h3 {font-size: 34px;} .orderOneEA .title {font-size: 24px;} .whychooseusArea {margin: 30px 0 50px 0;} .whychooseusArea .title_info h2 {font-size: 34px;} .whychooseusArea .red-choose {width: 100%;} .whychooseusArea .red-choose h3 {width: 100%; margin: 0 0 0 3px;} .whychooseusArea .red-choose:before {display: none;} .whychooseusArea .grey-choose {width: 100%;} .whychooseusArea .grey-choose:before {display: none;} .whychooseusArea .grey-choose h3 {width: 100%; margin: 0 0 0 3px;} .sloganArea h3 {font-size: 34px;} .outperformArea {padding: 30px 0 50px;} .outperformArea .title_info h2 {font-size: 34px;} .supportHomeArea h3 {font-size: 34px;} .compareArea .title_info {font-size: 34px; line-height: 34px;} .compareArea .title2 {font-size: 27px;margin:35px 0 0 0;} .compareArea .hands {top:-8px;left:0;max-width: 10%;} .compareArea .hands-right {top:-8px;right:0;max-width: 10%;} .gurantee_sec h2 {font-size: 34px;} .gurantee_sec .second-title {font-size: 28px;} .downloadHomeArea h2 {font-size: 32px;} .downloadHomeArea .instruction {font-size: 22px;} .downloadHomeArea .details {margin: 40px auto 0 auto;} .revolutionArea2 {padding: 25px 0 40px;} .revolutionArea2 h3.year {font-size: 60px;} .revolutionArea2 p.update {font-size: 40px;} .revolutionArea2 p.update {font-size: 24px;} .revolutionArea2 .anchor_info {top:12px;} .addChartsArea {padding:15px 0 0 0;} .blackLineArea h2 {font-size: 34px;} .improveArea h3 {font-size: 34px;} .improveArea h4 {font-size: 30px;} .advantagesArea {padding: 30px 0 50px 0;} .advantagesArea .title_info h2 {font-size: 34px;} .redLineArea2 h2 {font-size: 34px;} .testing_sec2 h3 {font-size: 20px;} .testing_sec2 .btn-center {margin: 0 auto 30px auto;} .bannerArea .overlay .text img {left: 0;} .bannerArea .guarantee {left: 0;right: 0;bottom:-30px;} .bannerArea .guarantee img {max-width: 50%; margin: 0 auto;} .memberUpgradeBoxes .box-left ul { width: 95% !important; } .memberUpgradeBoxes .box-right ul { width: 95% !important; } .memberUpgradeBoxes .box-right ul li {font-size: 15px;} .memberUpgradeBoxes .box-left ul li {font-size: 15px;} .orignalArea img {display: none;} .orignalArea h3 {padding: 10px; } #bannerWrapperXmas .bannerArea {min-height: auto;} #bannerWrapperXmas:before {background: none;} #bannerWrapperXmas:after {background: none;} .xmas-sale-70:before {background: none;} .xmas-sale-70:after {background: none;} .countdown-bottom .justify-content-center {display:block;} .countdown-bottom .box-bottom .clock {width: 290px;} .countdown-bottom .box-bottom .clock ul li div {font-size: 15px;} .countdown .box .clock {width: 290px;} .countdown .box .clock ul li div {font-size: 15px;} .countdown .red-line .hot-sale-btn {width: 290px;} .flashSellArea .left-box {height:198px;} .flashSellArea .left-box .thunder {right: 0;height:198px;} .flashSellArea .right-box {height:250px;} .flashSellArea .right-box .flash-sale-up-to-60 {margin-left: 0; margin-top: 0; padding-top: 10px;} .flashSellArea .clock-box3 {right: 0;bottom: 0;max-width: 100%;} .flashSellArea .clock-box3 .clock-right {max-width: 100%;} .flip-clock-wrapper ul li a div div.inn {font-size: 40px !important;} .flashSellArea2 .hot-sale-backgr::after, .flashSellArea2 .hot-sale-backgr::before {height: 102px;} .flashSellArea2 .hot-sale-backgr img {height: 102px;} .flashSellArea2 .bottom-hot-sale-backgr {height: 102px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {height: 102px;} .flashSellArea2 .bottom-hot-sale-backgr img {height: 102px;} .sale70-btn-black {font-size: 18px;height: 40px;line-height: 40px;padding: 0 5px;} .confirm-exit-discount-box .confirm-exit-discount {font-size: 18px;width: 90px;} .confirm-exit-discount-box .confirm-exit-discount.cb {font-size: 18px;width: 144px !important;} .promo-popup-spring .copy-line {width: 100%;} .promo-popup-spring .input-field {float: none;} .promo-popup-spring .copy {float: none;} .promo-popup-spring .text1 {font-size: 30px;} .promo-popup-spring .text2 {font-size: 26px;} .promo-popup-spring .text3 {font-size: 20px;} .promo-popup-spring .text3 span {font-size: 30px;} section.moneyback-sec .justify-content-center {display: block;} .wsfr3-products .justify-content-center {display: block;} .oneColumnCharts .box ul {margin: 20px auto 20px auto;width: 280px;} .oneColumnCharts .box ul li .load-line {clear: both; margin: 0 5px 0 0;} .oneColumnCharts .box ul li.first {padding: 0 0 30px 0;} .last-chance-bf {right: 0;font-size: 24px;padding: 0;width: 250px;bottom: 25px;} /* Todays Deal Ends Timer */ .todays_deal_ends_timer .title {font-size: 30px !important;} .todays_deal_ends_timer .clock li cite {font-size: 46px;} .todays_deal_ends_timer .clock li p {margin: -15px 0 8px -7px;font-size: 20px;} .todays_deal_ends_btn .btn, .todays_deal_ends_btn .btn:focus {padding: 0 5px; font-size: 20px;} .todays_deal_ends_timer .white {margin: 0;} .todays_deal_ends_timer .white .clock li cite {font-size: 46px;} .shock-deal-top-line {display: none;} #headerWrapper {padding-top: 20px !important;} #bannerWrapper {padding-top: 0px !important;} .broker .visit-btn, .broker .visit-btn:focus {font-size: 12px;} .broker .grey-choose {width: 95%;} .broker .red-choose {width: 95%;} .broker .grey-choose h3 {font-size: 18px;} .broker .red-choose h3 {font-size: 18px;} .promo-popup-spring .input-field {height: 40px;margin: 10px 3px 10px 0;} .promo-popup-spring.version2 {background: #b5b5b5;} .promo-popup-spring.version2 .text1 {font-size: 34px;} .promo-popup-spring.version2 .text2 {font-size: 24px;} .promo-popup-spring.version2 .text2 {padding: 0 5px;font-size: 20px;} .promo-popup-spring.version2 .text2 span {font-size: 20px;} .promo-popup-spring.version2 .text2 span.off {font-size: 24px;} .promo-popup-spring.version2 .text3 {font-size: 22px; line-height: 28px;} .promo-popup-spring.version2 .text4 {font-size: 30px;} .oneColumnCharts .box .click-here {max-width:30%;bottom:40px;} .smallchart_sec .smallchart-title {font-size: 22px} .smallchart_sec .smallchart-title2 {font-size: 18px;} .broker .broker-logo-separator {display: block;} } /*max-width: 480px*/ @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: 1023px) { .affnetworksArea .tabs-block a.tab-active i { position: absolute; top: 100%; left: 0; right: 0; } .packageOrderArea .standard .top img.promo-label { width: 75px; } .packageOrderArea .premium .top img.promo-label { width: 75px; right: 25px; } .packageOrderArea .ultimate .top img.promo-label { width: 75px; right: 25px; } /*************** Todays Deal Ends Timer ****************/ .todays_deal_ends_timer .title {font-size: 40px;} } @media only screen and (max-width: 767px) { .mt5-versions { margin-left: 15px; margin-right: 15px; } .orignalArea { padding-left: 15px; padding-right: 15px;} .thankYouArea .warning-message .vcenter-left { display: block; } .packageOrderArea .standard .top img.promo-label { width: 90px; } .packageOrderArea .premium .top img.promo-label { width: 90px; } .packageOrderArea .ultimate .top img.promo-label { width: 90px; } #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: 0; 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; max-width: 100%;} .bannerArea .overlay figure img { height: auto; margin: 0 auto; left: 0;} .bannerArea .overlay h1 { margin: 0 0 12px 0; font-size: 36px; line-height: 40px; } .bannerArea .overlay a.buy-btn:hover { color: #d60000; background-position: left top; } .bannerArea .guarantee {left: 0;right: 0;bottom:-30px;} .bannerArea .guarantee img {max-width: 50%; margin: 0 auto;} .bannerArea .image { display: none; } .bannerArea .overlay .box { max-width: 100%; } .bannerArea .overlay .text { text-align: center; margin: 0; padding-bottom: 65px; } .bannerArea .chart { background-size: 140% auto; } .bannerArea .overlay p { padding: 25px 0 5px 0; } .bannerArea .overlay a.buy-btn { margin: 0; } .bannerArea .man { display: none; } .bannerArea .overlay .text img.black-december {max-width: 100%;} /* 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; } /* New Counter 2022 */ .remainArea2 .clock-box {width: 100%;} .remainArea2 .clock-box .clock-left {display:none;} .remainArea2 .clock-box .clock-right {width: 100%;} .remainArea2 .clock-box2 {width: 100%;} .remainArea2 .clock-box2 .clock-left2 {display: block; width: 400px; float: none;margin: 0 auto;} .remainArea2 .clock-box2 .clock-right2 {width: 100%;} .remainArea2 {padding: 40px 0 40px;} .remainArea2 .clock { padding: 7px 10px; margin: 20px 0 0 0; width: 100%; } .remainArea2 .clock li.point { padding-top: 25px; font-size: 42px; } .remainArea2 .clock li cite { width: 49%; height: 67px; font-size: 30px; line-height: 67px; } .remainArea2 .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: 0; }*/ .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; } /* 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: 0 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: 0; } .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: 0; } .footerArea .bottom .add::after { display: none; } .footerArea .bottom p { display: block; } .footerArea .bottom p i { margin: 0 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; } .accountArea .review {width: 90%; margin: 0 auto;} .accountArea .review .box { padding: 5px 15px 25px 15px;} /* 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 .title-text {line-height: 20px; display: inline-block;} .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: 0; }*/ .revolutionArea2 .real .pull-left,.graphArea .real .pull-right { width: 100%; } .revolutionArea2 .real img,.revolutionArea2 .optimized img,.revolutionArea2 .verified 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; } .revolutionArea2 .graph2 figure a.real:after { background-size: 50%; bottom: -10px; right: -10px; } .revolutionArea2 .graph2 figure a.verified:after {background-size: 50%; bottom: -10px; right: -10px;} .affnetworksArea p { line-height: 44px; } .members_offer_sec .content .hot-offer { top: -15px; } .ce-winter-title {font-size: 38px;} .members_offer_sec .content .version {display: none;} .tradingPackArea .plus:after { width: 40px; height: 40px; position: absolute; top: 30%; right: -30px; font-size: 42px; font-weight: 600; } /* Package Member AREA */ .memberUpgradeBoxes {width: 90%; margin: 0 auto;} .memberUpgradeBoxes .box-left {margin: 0 0 10px 0;} .memberUpgradeBoxes .box-left .title {font-size: 26px;} .memberUpgradeBoxes .box-left .title span {display: block;} .memberUpgradeBoxes .box-left ul {width: 270px;} .memberUpgradeBoxes .box-left .bottom-text {font-size: 18px; margin: 0 0 10px 0;} .memberUpgradeBoxes .box-left .bottom-text strong {font-size: 20px;} .memberUpgradeBoxes .box-right {margin: 0;} .memberUpgradeBoxes .box-right .title {font-size: 26px;} .memberUpgradeBoxes .box-right .title span {display: block;} .memberUpgradeBoxes .box-right ul {width: 300px; min-height: 55px; display: block;} .memberUpgradeBoxes .box-right .bottom-text {font-size: 18px; margin: 0 0 10px 0;} .memberUpgradeBoxes .box-right .bottom-text strong {font-size: 20px;} /* Download Area Package */ .downloadArea .box {margin: 0 auto; width: 90%;} .downloadArea .box .title {font-size: 26px; text-align: center; padding: 5px 0 5px 0;} .downloadArea .box .image {width: 100%;} .downloadArea .box .image img {position: relative;top:20px;} .downloadArea .box .middle {padding: 20px 20px 20px 20px;} /* New template 2021 */ .spyModuleArea a.grabthisoffer {padding: 18px 15px; margin: 0 0 20px 0; float: left; font-size: 25px; line-height: 32px; text-transform: uppercase; background-image: none; background: #a80000;} .spyModuleArea a.grabthisoffer span { display: none; } .spyModuleArea a.grabthisoffer:hover { background: #000; } ul.feature_list{ margin:30px 0 0 0; text-align:left;} ul.feature_list li{ min-height:inherit; padding:0 0 3px 40px; margin:0 0 20px 0; background:url(../images/feature_list_icon.png) no-repeat left top;} ul.feature_list.right{ margin-left:0; margin-top: 0;} ul.feature_list.right li{ min-height:inherit; margin:0 0 20px 0; padding:0 0 3px 40px;} .gurantee_sec .statisfy_info{ margin:15px 0 25px 0; text-align:center; width: 100%; } .gurantee_sec .statisfy_info h3{ text-align:center;} .gurantee_sec .statisfy_info h3.right{ text-align:center; margin:5px 0 20px 0;} .gurantee_sec .man { display: none; } .gurantee_sec p { font-size: 20px; } .gurantee_sec p.first { padding-top: 15px; font-size: 40px; } .addition_info h3{ margin:0 30px 10px 0; font-size:18px; text-align:center; padding:5px 0 8px 0;} .addition_info h3 small{ font-size:16px; top:0;} .addition_info h3.title_2{ margin:0 15px 0 -15px; font-size:18px; text-align:center; padding:18px 0 0 0;} .addition_info h4{ text-align:center;} .addition_info h4.right{ padding:0; text-align:center;} .addition_info .graph_image{ margin-top:30px;} .testing_sec .title_info span{ font-size:40px;} .testing_sec .title_info h2{ margin-top:-42px;} .tab_info .panel-collapse{ background:url(../images/tab_bg.jpg) fixed no-repeat center center; background-size:cover;} .tab_info .panel-default > .panel-heading{ background:#ce2a2b;} .tab_info .panel-title > a { display:block; padding:10px 0; color: #fff; } .tab_info .panel-title > a small { color: #fff;} .tab_info .panel-title{ font-size:18px; color:#fff; font-weight:700;} .revolutionArea2 .advantage { min-height: auto; } .revolutionArea2 .advantage .text-right { padding: 15px 20px 5px 20px; } .downloadHomeArea .details li.step { width: 100%} .downloadHomeArea .details li.delimiter { display: none; } .advantagesArea .advantage-box { min-height: auto; padding-bottom: 10px; } .launchOfferArea img.man { display: none; } .launchOfferArea figure { width: 100%; text-align: center; } .launchOfferArea figure img { display: inline; } .launchOfferArea figure .regular-price { position: relative; left: auto; bottom: auto; width: 100%; padding-top: 20px; } .launchOfferArea .offer-body { width: 100%; } .launchOfferArea img.limited-offer-label { display: none; } .launchOfferArea figure img.gif-label { left: 0; bottom: 30px; } .launchOfferArea .top-line { font-size: 28px; padding-top: 10px; } .countdown-bottom .justify-content-center {display:block;} section.moneyback-sec .justify-content-center {display: block;} .wsfr3-products .justify-content-center {display: block;} .wsfr3-products .custom-col {margin-bottom: 20px; margin-left: 15px; margin-right: 15px;} .oneColumnCharts .box ul {margin: 20px auto 20px auto;} .oneColumnCharts .box ul li .load-line {width: 230px;} .xmasSnow.uper-snow:before {background-size: 800px;} .xmasSnow.bottom-snow:after {background-size: 800px;} .xmas-banner-img {padding: 10px 0;} .shock-deal-top-line .timer {display: block;} .broker .broker-logo-separator {display: block;} .coupon-code-area .wrapper span {font-size: 26px;} } @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%; top: 125px; right: -25px; } .graphArea .graph .account figure a.demo:after { background-size: 40%; top: -105px; right: -97px;}*/ /* 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: 0; } /* 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), .user-menu li:nth-child(9), .user-menu li:nth-child(10), .user-menu li:nth-child(11), .user-menu li:nth-child(12) { border-top: 1px solid #424448; } #bonuses .offer .top .round { margin: -57px auto 0 auto } #bonuses .offer:nth-child(2) .top .round { margin: -57px auto 0 auto; } #bonuses .offer:nth-child(3) .top .round { margin: -57px auto 0 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 { 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 { 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 { 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 { 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 { 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;margin: 0 auto; width: 80%;} .thankYouAreaOffer .wrap .price .content {margin: 15px auto; width: 80%;} .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;} .thankYouAreaOffer .wrap .performance img.real {max-width: 25%; height: auto; bottom: 10px; right: 25px;} .remainArea .limited-offer {font-size: 30px;} .remainArea2 .sale70-btn {font-size: 14px;} .remainArea2 .sale70-btn-black {font-size: 14px;} /* WallStreetAsiaArea */ .wallstreetAsiaArea .backtest {float: none;} .wallstreetAsiaArea .backtest h2 {font-size: 26px;} .wallstreetAsiaArea .fullback .full .text figure img {margin: 0 auto;} /* New Template 2021 */ .powerfulArea {padding: 0 0 50px 0} .powerfulArea .inner {padding: 0;} .powerfulArea .inner {padding: 0;} .noDoubtsArea .inner {padding: 0;} .textBeforeOrderArea p {font-size: 26px;} .textBeforeOrderArea2 h2 {font-size: 40px;} .supportHomeArea .block {width: 100%;} /* Package Order Area*/ .package-includes-before .header .package-box-inc img {max-width: 100%;margin: 0;} .package-includes-before .header .package-box-inc .limited-offer {width: 20%;right: -80px;} .package-includes-before .header .package-box-inc .gift-red {width: 25%; bottom: 5px; right: -90px;} .package-includes {padding: 20px 0 20px 0;} .package-includes .title {font-size: 20px;} .package-includes .box {width: 100%;} .package-includes .box.right {float: none;margin: 0;} .package-includes .box.left {float: none;margin: 0;} .packageOrderArea .package-box {margin-top: 0;} .packageOrderArea .standard {margin: 55px 10px 40px 10px;} .packageOrderArea .premium-top-img {top: -30px; margin: 50px 0 0 0;} .packageOrderArea .premium {margin: 0 10px 70px 10px;} .packageOrderArea .ultimate-top-img {top: -20px;} .packageOrderArea .ultimate {margin: 0 10px 40px 10px;} .packageOrderArea .standard .top img.xmas-hat-basic {max-width: 45%;left:20px;} .packageOrderArea .premium .top img.xmas-hat-premium {max-width: 40%;left:0;} .packageOrderArea .ultimate .top img.xmas-hat-ultimate {max-width: 40%;right:-10px;} .builtinArea .built-in-box ul li{ width:100%; float:left; margin:0 0 10px 0;} .builtinArea .built-in-box .block{ width:100%; height:auto; float:left; margin:0; display:block; transform:rotate(0deg);} .builtinArea .built-in-box .block .inner{ padding:15px 15px 15px 115px; text-align:left; transform:rotate(0deg); left:0;} .builtinArea .built-in-box .block .position1 { left: 0; } .builtinArea .built-in-box .block .position2 { left: 0; } .builtinArea .built-in-box .block .position3 { left: 0; } .builtinArea .built-in-box .block .position4 { left: 0; } .builtinArea .built-in-box .block .position5 { left: 0; } .builtinArea .built-in-box .block .position6 { left: 0; } .builtinArea .built-in-box .block .position7 { left: 0; } .builtinArea .built-in-box .block .position8 { left: 0; } .builtinArea .built-in-box .block .position9 { left: 0; } .builtinArea .built-in-box .block .count{ font-size:80px; left:10px; top:0; right:auto;} .builtinArea .built-in-box .block i{ margin:0 10px 0 0; display:inline-block;} .builtinArea .built-in-box .block h3{ width:80%; font-size:18px; min-height:44px; display:inline-block; position:relative; top:5px;} .builtinArea .built-in-box ul.third li:last-child{ margin-top:0;} .builtinArea .built-in-box .block .position7 h3 {padding: 0;} .builtinArea .built-in-box .block .position7 i {padding: 0;} .builtinArea .built-in-box .block .position9 h3 {padding: 0;} .builtinArea .built-in-box .block .position9 i {padding: 0;} .testing_sec2 h3 {font-size: 20px;} .testing_sec2 .btn-center {margin: 0 auto 40px auto;} .orderOneEA .middle {min-height: auto;} .orderOneEA .bottom2 { width: 78%; } .whychooseusArea .red-choose {width: 100%;} .whychooseusArea .red-choose h3 {width: 100%; margin: 0 0 0 3px;} .whychooseusArea .red-choose:before {display: none;} .whychooseusArea .grey-choose {width: 100%;} .whychooseusArea .grey-choose:before {display: none;} .whychooseusArea .grey-choose h3 {width: 100%; margin: 0 0 0 3px;} .memberUpgradeBoxes .box-right ul li {font-size: 16px;} .memberUpgradeBoxes .box-left ul li {font-size: 16px;} .orignalArea img {display: none;} .orignalArea h3 { padding: 10px;} .orignalArea { padding-left: 15px; padding-right: 15px;} #bannerWrapperXmas .bannerArea {min-height: auto;} #bannerWrapperXmas:before {background: none;} #bannerWrapperXmas:after {background: none;} .xmas-sale-70:before {background: none;} .xmas-sale-70:after {background: none;} .package-includes2 .box.right {float: none; margin: 0 30px;} .singlePage4Bots .title {font-size: 30px;} .members_offer_sec2 .content .justify-content-center {margin:0;display: inline-block !important;} .members_offer_sec2 .content .box .btn, .members_offer_sec2 .content .box .btn:focus {margin: 15px 0 15px 0;} .flashSellArea .left-box {height:300px;} .flashSellArea .left-box img.thunder {height:300px;right: 0;margin: 0 auto !important;position: relative;float:none;} .flashSellArea .right-box {height:300px;} .flashSellArea .right-box .flash-sale-up-to-60 {margin-left: 0; margin-top: 0; padding-top: 10px;} .flashSellArea .right-box .flash-sale-up-to-60 img {margin: 0 auto !important; max-width: 70%;} .flashSellArea .clock-box3 {right: 0;bottom: 0;max-width: 100%;position: relative;} .flashSellArea .clock-box3 .clock-right {max-width: 100%;} .flip-clock-wrapper ul li a div div.inn {font-size: 40px !important;} .flashSellArea2 .hot-sale-backgr::after, .flashSellArea2 .hot-sale-backgr::before {height: 153px;} .flashSellArea2 .hot-sale-backgr img {height: 153px;} .flashSellArea2 .bottom-hot-sale-backgr {height: 153px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {height: 153px;} .flashSellArea2 .bottom-hot-sale-backgr img {height: 153px;} .confirm-exit-discount-box .confirm-exit-discount {font-size: 28px;width: 138px;} .confirm-exit-discount-box .confirm-exit-discount.cb {font-size: 28px;width: 192px !important;} .promo-popup-spring .copy-line {width: 100%;} .promo-popup-spring .input-field {float: none;height: 40px;margin: 10px 3px 10px 0;} .promo-popup-spring .copy {float: none;} .promo-popup-spring.version2 .text1 {font-size: 34px;} .promo-popup-spring.version2 .text2 {font-size: 24px;} .promo-popup-spring.version2 .text2 {padding: 0 5px;font-size: 20px;} .promo-popup-spring.version2 .text2 span {font-size: 20px;} .promo-popup-spring.version2 .text2 span.off {font-size: 24px;} .promo-popup-spring.version2 .text3 {font-size: 22px; line-height: 28px;} .promo-popup-spring.version2 .text3 span.black {font-size: 26px;} .promo-popup-spring.version2 .text3 span.red {font-size: 26px;} .promo-popup-spring.version2 .text4 {font-size: 30px;} .last-chance-bf {right: 0;font-size: 30px;padding: 5px 0;width: 320px;bottom: 75px;} .todays_deal_ends_timer .white {margin: 0;} .todays_deal_ends_timer .white .clock li cite {font-size: 72px;} .todays_deal_ends_timer .white .clock li p {font-size: 22px; margin: -10px 0 8px 0} .broker .grey-choose {width: 80%;} .broker .red-choose {width: 80%;} .oneColumnCharts .box .click-here {bottom:70px;right: 115px;} .smallchart_sec .smallchart-title {font-size: 22px} .smallchart_sec .smallchart-title2 {font-size: 18px;} } @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; } /* graph area */ .graphArea .graph .account figure a.real:after { background-size: 50%; top: 90px; right: -25px; } .graphArea .graph .account figure a.demo:after { background-size: 40%; top: -105px; right: -67px;} .thankYouArea .warning-message .vcenter-right {text-align: center;} /* Package Order Area */ .packageOrderArea .standard .top {height: 175px;} .packageOrderArea .standard .bottom {height: 150px;} .packageOrderArea .premium .top {height: 190px;} .packageOrderArea .premium .bottom {height: 150px;} .packageOrderArea .ultimate .top {height: 175px;} .packageOrderArea .ultimate .bottom {height: 150px;} .package-includes .box ul li {width: 60%;} /* Under Banner Area */ .underBannerArea .box {width: 100%;margin: 40px 0 0 0;} /*.underBannerArea .box.last {width: 100%;}*/ } @media only screen and (min-width: 576px) and (max-width: 768px) { /* Package Order Area */ .packageOrderArea .standard .top {height: 235px;} .packageOrderArea .standard .top .text {padding: 42px 0 12px 0;} .packageOrderArea .standard .top img {bottom: 60px;} .packageOrderArea .premium .top {height: 290px;} .packageOrderArea .premium .top .text {padding: 42px 0 12px 0;} .packageOrderArea .premium .top img {bottom: 60px;} .packageOrderArea .ultimate .top {height: 235px;} .packageOrderArea .ultimate .top .text {padding: 42px 0 12px 0;} .packageOrderArea .ultimate .top img {bottom: 60px;} } @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%; } /* graph area */ .graphArea .graph .account figure a.real:after { background-size: 50%; top: 147px; right: -25px; } .graphArea .graph .account figure a.demo:after { background-size: 40%; top: -85px; right: -70px;} /* Under Banner Area */ .underBannerArea .box {width: 50%;margin: 40px 0 0 0;} /*.underBannerArea .box.last {width: 100%;}*/ /* Order One EA*/ .orderOneEA .middle {min-height: auto; padding-bottom: 15px; } .orderOneEA .middle2 {padding-bottom: 15px; } .package-includes .box ul li {width: 46%;} .xmasSnow.uper-snow:before {background-size: 800px;} .xmasSnow.bottom-snow:after {background-size: 800px;} .xmas-banner-img {padding: 10px 0;} } @media only screen and (min-width: 801px) and (max-width: 991px) { } @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: 0; font-size: 40px; line-height: normal; } .bannerArea .image { display: none; } .bannerArea .chart { background-size: 120% auto; } .bannerArea .man { display: none; } .bannerArea .overlay .text { margin: 0; } .bannerArea .guarantee { left: 0; right: 0; bottom: 30px; text-align: center; } .bannerArea .guarantee img { display: inline-block; } .bannerArea .overlay .text img.black-december {max-width: 100%;} /* graph area */ .graphArea .graph .account figure a.real:after { background-size: 80%; top: 200px; right: 0; } .graphArea .graph .account figure a.demo:after { background-size: 40%; top: -105px; right: -93px;} 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;} /* New Counter 2022 */ .remainArea2 .clock-box {width: 100%;} .remainArea2 .clock-box .clock-right {width: 100%;} .remainArea2 .clock-box .clock-left {text-align: center; width: 100% !important;} .remainArea2 .clock-box2 {width: 85%;} .remainArea2 .clock-box2 .clock-right2 {width: 60%;float: none;margin: 0 auto;} .remainArea2 .clock-box2 .clock-left2 {float: none;margin: 0 auto;} /* 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 {min-height: 350px;} .revolutionArea2 .advantage .title { font-size: 18px; padding: 0 0 5px 110px; } .revolutionArea2 .advantage .title-right { font-size: 18px; padding: 0 110px 5px 0; } .revolutionArea2 .graph2 figure a img {max-width: 100%;} .revolutionArea2 .graph2 figure a.real:after{ background-size: 50%; bottom: -10px; right: -25px; } .revolutionArea2 .graph2 figure a.verified:after{ background-size: 50%; bottom: -10px; right: -25px; } /* 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: 80%; bottom: 0; right: 0; } /* 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 0 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: 0; 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), .user-menu li:nth-child(9), .user-menu li:nth-child(10), .user-menu li:nth-child(11), .user-menu li:nth-child(12) { 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 { 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 { 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 { 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 { 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 { 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;} .ce-winter-title {font-size: 58px;} .members_offer_sec .content .version {display: none;} .members_offer_sec .content .box .title {font-size: 16px;} .members_offer_sec2 .content .justify-content-center {margin:0;display: inline-block !important;} .members_offer_sec2 .content .box .title {font-size: 20px;} .members_offer_sec2 .content .box .text2 {font-size: 20px;} .members_offer_sec2 .content .box .btn, .members_offer_sec2 .content .box .btn:focus {margin: 10px 0 15px 0;} .thankYouAreaOffer .wrap .performance img.real {bottom: 25px; right: 30px;} .tradingPackArea .plus:after { top: 30%; right: -30px; } /* Package Order Area */ .package-includes-before .header .package-box-inc img {max-width: 100%;margin: 0;} .package-includes-before .header .package-box-inc .limited-offer {width: 15%;right: -90px;} .package-includes-before .header .package-box-inc .gift-red {width: 20%; top: 160px; right: -100px;} .package-includes .box {width: 100%;} .package-includes .box ul li {width: 80%;} .package-includes .box.right {float: none;margin: 0;} .package-includes .box.left {float: none;margin: 0;} .packageOrderArea .standard .bottom .btn-center a.now {padding: 10px 13px 10px 13px; font-size: 16px;} .packageOrderArea .standard .top .text {font-size: 24px; padding: 30px 0 0 0;} .packageOrderArea .standard .top .text .starter {border-top: 86px solid #dddddd;border-left: 86px solid transparent;} .packageOrderArea .standard .top .text .starter .text2 {top: -94px;font-size: 18px;} .packageOrderArea .standard .buy {font-size: 26px;} .packageOrderArea .standard .regular {font-size: 20px;} .packageOrderArea .standard .save1 {font-size: 20px;} .packageOrderArea .premium .bottom .btn-center a.now {padding: 10px 13px 10px 13px;font-size: 16px;} .packageOrderArea .premium .bottom .btn-center a.now span {line-height: 26px; margin-top: -3px;} .packageOrderArea .premium .top .text {font-size: 24px; padding: 40px 0 0 0;} .packageOrderArea .premium .top .text .starter {border-top: 86px solid #dddddd;border-left: 86px solid transparent;} .packageOrderArea .premium .top .text .starter .text2 {top: -94px;font-size: 18px;} .packageOrderArea .premium .buy {font-size: 26px;} .packageOrderArea .premium .regular {font-size: 20px;} .packageOrderArea .premium .save1 {font-size: 20px;} .packageOrderArea .ultimate .bottom .btn-center a.now {padding: 10px 13px 10px 13px; font-size: 16px;} .packageOrderArea .ultimate .bottom .btn-center a.now span {line-height: 26px; margin-top: -3px;} .packageOrderArea .ultimate .top .text {font-size: 24px; padding: 30px 0 0 0;} .packageOrderArea .ultimate .top .text .starter {border-top: 86px solid #dddddd;border-left: 86px solid transparent;} .packageOrderArea .ultimate .top .text .starter .text2 {top: -94px;font-size: 18px;} .packageOrderArea .ultimate .buy {font-size: 26px;} .packageOrderArea .ultimate .regular {font-size: 20px;} .packageOrderArea .ultimate .save1 {font-size: 20px;} .packageOrderArea .standard .top img.xmas-hat-basic {max-width: 40%;left:-30px;top:-45px;} .packageOrderArea .premium .top img.xmas-hat-premium {max-width: 40%;left:-50px;top:-95px;} .packageOrderArea .ultimate .top img.xmas-hat-ultimate {max-width: 40%;right:-30px;top:-45px;} /* Under Banner Area */ .underBannerArea .box .title {font-size: 20px;} .underBannerArea .box .text {font-size: 12px;} .memberUpgradeBoxes {margin: 0 auto;} .memberUpgradeBoxes .box-left {margin: 0 -15px 10px -10px;} .memberUpgradeBoxes .box-left .title {font-size: 26px;} .memberUpgradeBoxes .box-left .bottom-text {font-size: 18px; margin: 0 0 10px 0;} .memberUpgradeBoxes .box-left .bottom-text strong {font-size: 20px;} .memberUpgradeBoxes .box-right {margin: 0 -15px 0 -10px;} .memberUpgradeBoxes .box-right .title {font-size: 26px;} .memberUpgradeBoxes .box-right ul {width: 300px; min-height: 55px; display: block;} .memberUpgradeBoxes .box-right .bottom-text {font-size: 18px; margin: 0 0 10px 0;} .memberUpgradeBoxes .box-right .bottom-text strong {font-size: 20px;} /* Download Area Package */ .downloadArea .box .image {width: 45%;} .downloadArea .box .title {font-size: 24px;} .downloadArea .box .bottom {font-size: 18px;} /* New Template 2021 */ .supportHomeArea .block {width: 100%;} ul.feature_list{ margin:30px 0 0 0; text-align:left;} ul.feature_list li{ min-height:inherit; padding:0 0 3px 40px; margin:0 0 20px 0; background:url(../images/feature_list_icon.png) no-repeat left top;} ul.feature_list.right{ margin-left:0; margin-top: 0;} ul.feature_list.right li{ min-height:inherit; margin:0 0 20px 0; padding:0 0 3px 40px;} .feature_sec .mobile_image{ margin-top:30px;} .gurantee_sec .statisfy_info{ margin:15px 0 25px 0; text-align:center; width: 100%; } .gurantee_sec .statisfy_info h3{ text-align:center;} .gurantee_sec .statisfy_info h3.right{ text-align:center; margin:5px 0 20px 0;} .gurantee_sec .man { display: none; } .gurantee_sec p { font-size: 20px; } .gurantee_sec p.first { padding-top: 15px; } .tab_info .nav-tabs.nav-justified > li > a { font-size: 18px; min-height: 100px; } .downloadHomeArea .details li.delimiter { display: none; } .builtinArea .built-in-box ul li{ margin:0 21px -28px;} .builtinArea .built-in-box .block{ width:120px; height:120px;} .builtinArea .built-in-box .block .count{ font-size:78px; top:0;} .builtinArea .built-in-box .block i { margin: 10px 0 2px 0; } .builtinArea .built-in-box .block i img{ max-width:50%; margin:0 auto;} .builtinArea .built-in-box .block h3{ font-size:13px; line-height:normal; padding: 0;} .builtinArea .built-in-box .block .position1 {left:-10px;} .builtinArea .built-in-box .block .position2 {left:-9px;} .builtinArea .built-in-box .block .position3 {left:-13px;} .builtinArea .built-in-box .block .position4 {left: -8px;} .builtinArea .built-in-box .block .position4 h3 {padding: 0;} .builtinArea .built-in-box .block .position5 {left: -13px;} .builtinArea .built-in-box .block .position6 {left: -13px;} .builtinArea .built-in-box .block .position6 i {margin: 0;} .builtinArea .built-in-box .block .position7 {left: -3px;} .builtinArea .built-in-box .block .position7 i {padding: 0;} .builtinArea .built-in-box .block .position7 h3 {padding: 0;} .builtinArea .built-in-box .block .position8 {left: -7px;} .builtinArea .built-in-box .block .position9 {left:-3px;} .builtinArea .built-in-box .block .position9 h3 {padding: 0;} .builtinArea .built-in-box .block .position9 i {padding: 0;} .launchOfferArea img.man { display: none; } .launchOfferArea figure { width: 100%; text-align: center; } .launchOfferArea figure img { display: inline; } .launchOfferArea figure .regular-price { position: relative; left: auto; bottom: auto; width: 100%; padding-top: 20px; } .launchOfferArea .offer-body { width: 100%; } .launchOfferArea img.limited-offer-label { right: 0; top: 65px; } .launchOfferArea figure img.gif-label { left: -20px; } .orderOneEA .middle {min-height: auto; padding-bottom: 15px; } .orderOneEA .middle2 { padding-bottom: 15px; } .orderOneEA .bottom2 { width: 78%; } .downloadHomeArea .details li.step { width: 27%} .testing_sec2 h3 {font-size: 22px;} .testing_sec2 .btn-center {margin: 0 auto 30px auto;} .whychooseusArea .red-choose {width: 95%;} .whychooseusArea .red-choose h3 {margin: 0 0 0 5px;} .whychooseusArea .grey-choose {width: 95%;} .whychooseusArea .grey-choose h3 { margin: 0 0 0 5px;} .orignalArea img {display: none;} .orignalArea h3 { padding: 20px;} #bannerWrapperXmas .bannerArea {min-height: auto;} .singlePage4Bots .title {font-size: 30px;} .flashSellArea .left-box {height:300px;} .flashSellArea .left-box img.thunder {height:300px;right: 0;margin: 0 auto !important;position: relative;float:none;} .flashSellArea .right-box {height:300px;} .flashSellArea .right-box .flash-sale-up-to-60 {margin-left: 0; margin-top: 0; padding-top: 10px;} .flashSellArea .right-box .flash-sale-up-to-60 img {margin: 0 auto !important; max-width: 70%;} .flashSellArea .clock-box3 {right: 0;bottom: 10px; max-width: 100%;position: relative;} .flashSellArea .clock-box3 .clock-right {max-width: 100%;} .flip-clock-wrapper ul li a div div.inn {font-size: 40px !important;} .flashSellArea2 .hot-sale-backgr::after, .flashSellArea2 .hot-sale-backgr::before {height: 245px;} .flashSellArea2 .hot-sale-backgr img {height: 245px;} .flashSellArea2 .bottom-hot-sale-backgr {height: 245px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {height: 245px;} .flashSellArea2 .bottom-hot-sale-backgr img {height: 245px;} .wsfr3-products .custom-col {margin-bottom: 20px; margin-left: 5px; margin-right:5px;} .oneColumnCharts .box ul li .load-line {width: 230px;} .last-chance-bf {right: 0;font-size: 30px;padding: 5px 0;width: 320px;bottom: 245px;} .todays_deal_ends_timer .white {margin: 0;} .broker .broker-logo-separator {display: block;} } @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: 0; width: 40%; }*/ .bannerArea .overlay figure { margin: 0 0 0 30px; } .bannerArea .overlay .text { padding: 15px; margin: 0; } .bannerArea .overlay .box { max-width: 100%; } .bannerArea .overlay figure img { max-width: 100%; } .bannerArea .overlay h1 { margin-top: 0; font-size: 40px; line-height: normal; } .bannerArea .image { display: none; } .bannerArea .man { display: none; } .bannerArea .guarantee { left: -15px; } .bannerArea .overlay .text img.black-december {max-width: 100%;} .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%} .members_offer_sec .content .version {display: none;} .members_offer_sec2 .content .justify-content-center {margin:0;display: inline-block !important;} .members_offer_sec2 .content .box .title {font-size: 18px;} .members_offer_sec2 .content .box .text2 {font-size: 20px;} .members_offer_sec2 .content .box .btn, .members_offer_sec2 .content .box .btn:focus {margin: 10px 0 15px 0;} .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 .advantage {min-height: 330px;} .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; } .revolutionArea2 .graph2 figure a img {max-width: 100%;} /* graph area */ .graphArea .graph .account figure a.real:after { top: 295px; right: 25px; } .graphArea .graph .account figure a.demo:after {right: -100px;} /* offer area */ .offerArea .now .get a { font-size: 28px; } #bonuses .offer .top .round { margin: -57px auto 0 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; } .additiolLicenseArea .box .middle {font-size: 15px;} .additiolLicenseArea .box .bottom {margin: 20px 10px;} .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 { 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 { 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 { 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 { 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 { 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%; } ul.feature_list{ margin:30px 0 0 0; text-align:left;} ul.feature_list li{ min-height:inherit; padding:0 0 3px 40px; margin:0 0 20px 0; background:url(../images/feature_list_icon.png) no-repeat left top;} ul.feature_list.right{ margin-left:0; margin-top: 0;} ul.feature_list.right li{ min-height:inherit; margin:0 0 20px 0; padding:0 0 3px 40px;} .feature_sec .mobile_image{ margin-top:30px;} /* Order One EA*/ .orderOneEA .middle {min-height: 550px;} .orderOneEA .middle2 {min-height: auto; padding-bottom: 20px;} .orderOneEA .title {font-size: 26px;} .builtinArea .built-in-box ul li{ margin:0 21px -28px;} .builtinArea .built-in-box .block{ width:130px; height:130px;} .builtinArea .built-in-box .block .inner{ padding:0 15px; left:-7px;} .builtinArea .built-in-box .block .count{ font-size:78px; top:0;} .builtinArea .built-in-box .block i img{ max-width:50%; margin:0 auto;} .builtinArea .built-in-box .block i { margin: 10px 0 5px 0; } .builtinArea .built-in-box .block h3{ font-size:14px; line-height:normal; padding: 0 5px 0 5px} .builtinArea .built-in-box .block .position1 {left:-10px;} .builtinArea .built-in-box .block .position2 {left:-15px;} .builtinArea .built-in-box .block .position3 {left:-5px;} .builtinArea .built-in-box .block .position4 {left: -8px;} .builtinArea .built-in-box .block .position4 h3 {padding: 0;} .builtinArea .built-in-box .block .position5 {left: -15px;} .builtinArea .built-in-box .block .position6 {left: -13px;} .builtinArea .built-in-box .block .position6 i {margin: 0;} .builtinArea .built-in-box .block .position7 {left: -3px;} .builtinArea .built-in-box .block .position7 i {padding: 0;} .builtinArea .built-in-box .block .position7 h3 {padding: 0;} .builtinArea .built-in-box .block .position7 img {left: 4px;} .builtinArea .built-in-box .block .position8 {left: -7px;} .builtinArea .built-in-box .block .position9 {left:-3px;} .builtinArea .built-in-box .block .position9 h3 {padding: 0;} .builtinArea .built-in-box .block .position9 i {padding: 0;} .launchOfferArea img.man { display: none; } .launchOfferArea .offer-body { width: 55%; } .launchOfferArea img.limited-offer-label { right: -5px; } .launchOfferArea figure img.gif-label { left: -20px; } .downloadHomeArea .details li.step { width: 20%} .downloadHomeArea .details li.delimiter{ width: 12%} .package-includes .box ul li {width: 100%;} .package-includes-before .header .package-box-inc img {max-width: 100%;margin: 0;} .package-includes-before .header .package-box-inc .limited-offer {width: 20%;right: -80px;} .package-includes-before .header .package-box-inc .gift-red {width: 20%; top: 168px;right: -80px;} .packageOrderArea .standard .top img.xmas-hat-basic {max-width: 40%;left:-30px;top:-50px;} .packageOrderArea .standard .middle ul li {font-size: 15px;} .packageOrderArea .premium .top img.xmas-hat-premium {max-width: 40%;left:-65px;top:-105px;} .packageOrderArea .premium .middle ul li {font-size: 15px;} .packageOrderArea .ultimate .top img.xmas-hat-ultimate {max-width: 40%;right:-30px;top:-50px;} .packageOrderArea .ultimate .middle ul li {font-size: 15px;} .whychooseusArea .red-choose {width: 90%;} .whychooseusArea .red-choose h3 {margin: 0 0 0 5px;} .whychooseusArea .grey-choose {width: 90%;} .whychooseusArea .grey-choose h3 { margin: 0 0 0 5px;} .orignalArea img {top: 5px;} /* New Counter 2022 */ /*.remainArea2 .clock-box {width: 62%;}*/ .remainArea2 .clock-box {width: 98%;} .remainArea2 .clock-box .clock-right {width: 60%;} .remainArea2 .clock-box2 {width: 90%;} .remainArea2 .clock-box2 .clock-right2 {width: 50%;} .flashSellArea .left-box {height:300px;} .flashSellArea .left-box img.thunder {height:300px;right: -180px;margin: 0 auto !important;position: relative;float:none;} .flashSellArea .right-box {height:300px;} .flashSellArea .right-box .flash-sale-up-to-60 {margin-left: 280px; margin-top: 0; padding-top: 60px;} .flashSellArea .right-box .flash-sale-up-to-60 img {margin: 0 auto !important;} .flashSellArea .clock-box3 {right: -95px;padding: 10px 0 0 0; max-width: 100%;position: relative;} .flashSellArea .clock-box3 .clock-right {max-width: 100%;} .flip-clock-wrapper ul li a div div.inn {font-size: 40px !important;} .flashSellArea2 .hot-sale-backgr::after, .flashSellArea2 .hot-sale-backgr::before {height: 327px;} .flashSellArea2 .hot-sale-backgr img {height: 327px;} .flashSellArea2 .bottom-hot-sale-backgr {height: 327px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {height: 327px;} .flashSellArea2 .bottom-hot-sale-backgr img {height: 327px;} .wsfr3-products .custom-col {margin-bottom: 20px; margin-left: 5px; margin-right:5px;} .orderPage4Bots .title {min-height: 60px;font-size: 20px;} .orderPage4Bots .box .text {font-size: 16px;} .orderPage4Bots .box .price {font-size: 26px;} .orderPage4Bots .box .btn-center a.now {width: 120px;font-size: 16px;padding: 11px 0px 11px 3px;} .orderPage4Bots .box .btn-center a.now span {margin-right: 0;} } @media only screen and (min-width: 1200px) and (max-width: 1499px) { /***** 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 { 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: 0; 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 { 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: 0; 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 { 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: 0; 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 { 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: 0; 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 { 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: 0; top: 95%; } .xmax_x_box {padding: 5px;} .xmax_x_box .btn, .xmax_x_box .btn:focus {font-size: 16px; padding: 0 10px;} .xmax_x_box .title {font-size: 12px;} .xmax_x_box .text {font-size: 14px;} .members_offer_sec .content .box .btn, .members_offer_sec .content .box .btn:focus {font-size: 16px; padding: 0 5px;} .members_offer_sec .content .box .title {font-size: 12px;} .members_offer_sec .content .box .text {font-size: 14px;} .members_offer_sec .content .version {left: 0; top: -88px; margin: 0; padding: 0;font-size: 13px;} .members_offer_sec .content .version:after{ border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid #efc229; bottom: -20px;} .members_offer_sec2 .content .box .title {font-size: 16px;} .members_offer_sec2 .content .box .text2 {font-size: 17px;} .members_offer_sec2 .content .box .btn, .members_offer_sec2 .content .box .btn:focus {margin: 10px 0 15px 0;} .members_offer_sec2 .content .box .special {font-size: 30px;} .members_offer_sec2 .content .box .regular {font-size: 20px;} .members_offer_sec2 .content .box .text {font-size: 20px;} .graphArea .graph .account figure a.demo:after {right: -100px;} .feature_sec .col-lg-6 { width: 535px; } .feature_sec .col-lg-3 { width: 267px; } .get-started-box {margin: 50px 0 0 0;} .downloadHomeArea .details li.step { width: 25%} .downloadHomeArea .details li.delimiter{ width: 10%} .package-includes-before .header .package-box-inc .gift-red {right: -60px;} .package-includes-before .header .package-box-inc .gift-red img {margin: 0;} .orderOneEA .middle2 {padding-bottom: 20px;} .whychooseusArea .red-choose h3 {margin: 0 0 0 5px;} .whychooseusArea .grey-choose h3 { margin: 0 0 0 5px;} .xmax_x_box2 .special {font-size: 20px;} .xmax_x_box2 .title {font-size: 15px;} .remainArea .last-hour-hot-sale-bottom {margin-right: -130px;} .flashSellArea .left-box {height:263px;border-right: 23px solid #ed0108;} .flashSellArea .left-box .thunder {right:-228px; height:263px;} .flashSellArea .right-box {height:263px;} .flashSellArea .right-box .flash-sale-up-to-60 {margin-left: 240px;margin-top:5px;max-width: 40%;} .flashSellArea .clock-box3 {right: 200px;bottom:5px;} .flashSellArea2 .hot-sale-backgr::after, .flashSellArea2 .hot-sale-backgr::before {height: 408px;} .flashSellArea2 .hot-sale-backgr img {height: 408px;} .flashSellArea2 .bottom-hot-sale-backgr {height: 408px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {height: 408px;} .flashSellArea2 .bottom-hot-sale-backgr img {height: 408px;} .orderPage4Bots .title {min-height: 65px;} .orderPage4Bots .box .btn-center a.now {width: 150px;} } /* (min-width: 1200px) and (max-width: 1599px) */ @media only screen and (min-width: 1500px) and (max-width: 1599px) { /* fix for flash sale banner */ .flashSellArea .left-box {height: 494px;} .flashSellArea .left-box .thunder{height: 494px;} .flashSellArea .right-box {height: 494px;} .flashSellArea .clock-box3 {right: 200px;} .flashSellArea2 .hot-sale-backgr::after, .flashSellArea2 .hot-sale-backgr::before {height: 408px;} .flashSellArea2 .hot-sale-backgr img {height: 408px;} .flashSellArea2 .bottom-hot-sale-backgr {height: 400px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {height: 400px;} .flashSellArea2 .bottom-hot-sale-backgr img {height: 400px;} } @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 { 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 { 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 { 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 { 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 { right: 40px; top: 90%; max-width: 35%; } .members_offer_sec .content .version {left: 50px; top: -98px; margin: 0; padding: 0;font-size: 13px;} .members_offer_sec .content .box .title {font-size: 16px;} .builtinArea .built-in-box {margin: 0 0 100px 0;} .downloadHomeArea .details li.step { width: 25%} .downloadHomeArea .details li.delimiter{ width: 10%} .package-includes-before .header .package-box-inc .gift-red {right: -70px;} .package-includes-before .header .package-box-inc .gift-red img {margin: 0;} .whychooseusArea .red-choose h3 {margin: 0 0 0 5px;} .whychooseusArea .grey-choose h3 { margin: 0 0 0 5px;} .members_offer_sec2 .content .box .title {font-size: 20px;} .members_offer_sec2 .content .box .btn, .members_offer_sec2 .content .box .btn:focus {margin: 10px 0 15px 0;} .remainArea .last-hour-hot-sale-bottom {margin-right: -130px;} .flashSellArea .left-box {height: 450px;} .flashSellArea .left-box .thunder {right:-460px;height: 450px;} .flashSellArea .right-box {height: 450px;} .flashSellArea .right-box .flash-sale-up-to-60 {margin-top: 90px;margin-left:380px;} .flashSellArea .clock-box3 {right: 270px;} .flashSellArea2 .bottom-hot-sale-backgr {height: 400px;} .flashSellArea2 .bottom-hot-sale-backgr::after, .flashSellArea2 .bottom-hot-sale-backgr::before {height: 400px;} .flashSellArea2 .bottom-hot-sale-backgr img {height: 400px;} } /* (min-width: 1600px) and (max-width: 1899px) */ @media only screen and (min-width: 1900px) and (max-width: 2400px) { .get-started-box {margin: 50px 0 0 0;} .downloadHomeArea .details li.step { width: 25%} .downloadHomeArea .details li.delimiter{ width: 10%} /*.package-includes-before .header .package-box-inc .gift-red {right: 10px;}*/ .package-includes-before .header .package-box-inc .gift-red img {margin: 0;} .remainArea .last-hour-hot-sale-bottom {margin-right: -130px;} .flashSellArea .left-box .thunder {height: 450px;} } /* 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: 0 !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;} /* --------------- Weights Rules ---------------- */ .font-weight-thin {font-weight: 100 !important;}.font-weight-extra-bold {font-weight: 900 !important;} /*---------- Backgrounds --------*/ .red-backgr {background:#d10d13;} .grey-backgr {background:#4b4b4b;} .black-backgr {background:#232323;} .yellow-backgr {background:#ffd304;} /* RULES CSS CODE END */