/* Theme Name: 2Checkout Responsive Theme URI: https://www.2checkout.com/ Author URI: http://www.2checkout.com/ Description: The 2019 theme for new 2Checkout blog website. Tags: 2Checkout Version: 2.0 */ .xdebug-error { display: none; } /********** START Font Style **********/ body, p, a, ul li, ol li, ul li li, ol li li, a.more { font-size: 14px; line-height: 24px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; color: #293443; } p { margin: 10px auto; } h1, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font-family: 'Monserrat', sans-serif; font-weight: 300; color: #293443; } h1 { font-size: 26px; line-height: 36px; margin-top: 0; margin-bottom: 20px; } h1.sectionTitle { margin-bottom: 0; margin-top: 0; text-align: center; } h1.sectionTitle.light { font-weight: 100; } h1.sectionTitle.bold { font-weight: 500; } h1.sectionTitle.no-border-bottom { border-bottom: none; padding-bottom: 0; } h1 span { color: #ffffff !important; font-weight: 100; display: block; margin-top: 10px; } h1.s, h1.thin { font-weight: 100; } h1.thin-white { color: #ffffff; font-weight: 100; } h2 { font-size: 22px; line-height: 32px; margin: 10px 0; } h2, h2 a { font-size: 22px; line-height: 32px; } h2.sectionTitle { margin-bottom: 0; margin-top: 0; text-align: center; } h2.sectionSubtitle { margin-top: 0; text-align: center; } h2.s { color: #293443; } h3 { margin: 10px 0; } h3, h3 a { font-size: 18px; line-height: 28px; } h3.half { font-size: 14px; line-height: 18px; } h3.sectionSubSubTitle { text-align: center; margin-bottom: 40px; } h3.s { color: #293443; font-weight: 300; } h4 { margin: 10px 0; } h4, h4 a { font-size: 16px; line-height: 24px; } h4.sectionSubtitle { margin-top: 0; text-align: center; } h5 { font-size: 14px; line-height: 24px; margin: 10px 0; } h6 { font-size: 14px; line-height: 24px; font-weight: 500; margin: 10px 0; } a { font-size: 14px; line-height: 24px; color: #3474ff; cursor: pointer; outline: none !important; } a:hover, a:focus,a:active { text-decoration: none !important; color: #00aeff; } :focus { outline:none; } ::-moz-focus-inner { border:0; } ul { margin-left: 0; padding-left: 30px; } ul li, ol li, ul li li, ol li li { list-style-type: none; list-style-image: none; position: relative; } ul li.checkedList:before, ol li.checkedList:before { content: ""; position: absolute; top: 6px; left: -22px; width: 17px; height: 12px; background-image: url('https://www.2checkout.com/resources/en/general/list_img_mobile.png'); display: block; background-repeat: no-repeat; } .postContentWrap ul li:before { content: ""; position: absolute; top: 8px; left: -22px; width: 17px; height: 12px; background-image: url('https://www.2checkout.com/resources/en/general/list_img_mobile.png'); display: block; background-repeat: no-repeat; } .postContentWrap ol li { list-style-type: decimal; } ul li li.checkedList:before, ol li li.checkedList:before { content: ""; position: absolute; top: 10px; left: -16px; width: 4px; height: 4px; background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-blue.jpg'); display: block; background-repeat: no-repeat; } ul li.checkedParent.checkedList:before, ol li.checkedParent.checkedList:before, ul li li.checkedParent.checkedList:before, ol li li.checkedParent.checkedParent:before { top: 6px; margin-top: 0; } ul li li.pointWhite:before, ol li li.pointWhite:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-white.jpg'); } ul li li.pointBlue:before, ol li li.pointBlue:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-blue.jpg'); } ul li li.pointLightBlue:before, ol li li.pointLightBlue:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-light-blue.jpg'); } ul li li.pointPurple:before, ol li li.pointPurple:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-purple.jpg'); } ul li li.pointGreen:before, ol li li.pointGreen:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-green.jpg'); } ul li li.pointYellow:before, ol li li.pointYellow:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-yellow.jpg'); } ul li li.pointDark:before, ol li li.pointDark:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-dark.jpg'); } ul li li.pointGray:before, ol li li.pointGray:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-gray.jpg'); } ul li li.pointRed:before, ol li li.pointRed:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/point-list-red.jpg'); } ul li.checkedWhite:before, ol li.checkedWhite:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-white.png'); } ul li.checkedBlue:before, ol li.checkedBlue:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-blue.png'); } ul li.checkedLightBlue:before, ol li.checkedLightBlue:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-light-blue.png'); } ul li.checkedPurple:before, ol li.checkedPurple:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-purple.png'); } ul li.checkedGreen:before, ol li.checkedGreen:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-green.png'); } ul li.checkedYellow:before, ol li.checkedYellow:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-yellow.png'); } ul li.checkedDark:before, ol li.checkedDark:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-dark.png'); } ul li.checkedGray:before, ol li.checkedGray:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-gray.png'); } ul li.checkedRed:before, ol li.checkedRed:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/checked-red.png'); } .monserrat { font-family: 'Monserrat', sans-serif; } @media (min-width: 768px){ h1.sectionTitle, h2.sectionTitle { margin-bottom: 15px; } h2.sectionSubtitle, h3.sectionSubtitle, h4.sectionSubtitle { margin-bottom: 15px; } } @media (min-width: 768px) and (max-width: 991px){ body, p, a, ul li, ol li, ul li li, ol li li, a.more { font-size: 14px; line-height: 24px; } h1, h1.s, h1.thin, h1.thin-white { font-size: 30px; line-height: 40px; } h2, h2 a { font-size: 26px; line-height: 36px; color: #293443; } h3, h3 a { font-size: 24px; line-height: 34px; } h4, h4 a { font-size: 22px; line-height: 32px; } h5, h5 a { font-size: 18px; line-height: 28px; } h6, h6 a { font-size: 16px; line-height: 26px; } } @media (min-width: 992px){ h2.sectionSubtitle, h3.sectionSubtitle, h4.sectionSubtitle { margin-bottom: 40px; } } @media (min-width: 992px) and (max-width: 1199px){ body, p, a, ul li, ol li, ul li li, ol li li, a.more { font-size: 16px; line-height: 26px; } h1, h1.s, h1.thin, h1.thin-white { font-size: 36px; line-height: 46px; } h2, h2 a { font-size: 26px; line-height: 36px; color: #293443; } h3, h3 a { font-size: 24px; line-height: 34px; } h4, h4 a { font-size: 22px; line-height: 32px; } h5, h5 a { font-size: 18px; line-height: 28px; } h6, h6 a { font-size: 16px; line-height: 26px; } } @media (min-width: 1200px){ body, p, a, ul li, ol li, ul li li, ol li li, a.more { font-size: 16px; line-height: 26px; } h1, h1.s, h1.thin, h1.thin-white { font-size: 40px; line-height: 50px; } h2, h2 a { font-size: 30px; line-height: 40px; color: #293443; } h3, h3 a { font-size: 26px; line-height: 36px; } h4, h4 a { font-size: 22px; line-height: 32px; } h5, h5 a { font-size: 18px; line-height: 28px; } h6, h6 a { font-size: 16px; line-height: 26px; } } /* START Special Header style */ h2.specialHeaderToH1, h3.specialHeaderToH1, h4.specialHeaderToH1, h5.specialHeaderToH1, h6.specialHeaderToH1, h2.specialHeaderToH1 a, h3.specialHeaderToH1 a, h4.specialHeaderToH1 a, h5.specialHeaderToH1 a, h6.specialHeaderToH1 a { font-size: 26px; line-height: 36px; margin-top: 0; margin-bottom: 20px; } h1.specialHeaderToH2, h3.specialHeaderToH2, h4.specialHeaderToH2, h5.specialHeaderToH2, h6.specialHeaderToH2, h1.specialHeaderToH2 a, h3.specialHeaderToH2 a, h4.specialHeaderToH2 a, h5.specialHeaderToH2 a, h6.specialHeaderToH2 a { font-size: 22px; line-height: 32px; margin: 10px 0; } h1.specialHeaderToH3, h2.specialHeaderToH3, h4.specialHeaderToH3, h5.specialHeaderToH3, h6.specialHeaderToH3, h1.specialHeaderToH3 a, h2.specialHeaderToH3 a, h4.specialHeaderToH3 a, h5.specialHeaderToH3 a, h6.specialHeaderToH3 a { margin: 10px 0; font-size: 18px; line-height: 28px; } h1.specialHeaderToH4, h2.specialHeaderToH4, h3.specialHeaderToH4, h5.specialHeaderToH4, h6.specialHeaderToH4, h1.specialHeaderToH4 a, h2.specialHeaderToH4 a, h3.specialHeaderToH4 a, h5.specialHeaderToH4 a, h6.specialHeaderToH4 a { margin: 10px 0; font-size: 16px; line-height: 24px; } h1.specialHeaderToH5, h2.specialHeaderToH5, h3.specialHeaderToH5, h4.specialHeaderToH5, h6.specialHeaderToH5, h1.specialHeaderToH5 a, h2.specialHeaderToH5 a, h3.specialHeaderToH5 a, h4.specialHeaderToH5 a, h6.specialHeaderToH5 a { font-size: 14px; line-height: 24px; margin: 10px 0; } h1.specialHeaderToH6, h2.specialHeaderToH6, h3.specialHeaderToH6, h4.specialHeaderToH6, h5.specialHeaderToH6, h1.specialHeaderToH6 a, h2.specialHeaderToH6 a, h3.specialHeaderToH6 a, h4.specialHeaderToH6 a, h5.specialHeaderToH6 a { font-size: 14px; line-height: 24px; font-weight: 500; margin: 10px 0; } @media (min-width: 768px) and (max-width: 991px){ h2.specialHeaderToH1, h3.specialHeaderToH1, h4.specialHeaderToH1, h5.specialHeaderToH1, h6.specialHeaderToH1, h2.specialHeaderToH1 a, h3.specialHeaderToH1 a, h4.specialHeaderToH1 a, h5.specialHeaderToH1 a, h6.specialHeaderToH1 a { font-size: 30px; line-height: 40px; } h1.specialHeaderToH2, h3.specialHeaderToH2, h4.specialHeaderToH2, h5.specialHeaderToH2, h6.specialHeaderToH2, h1.specialHeaderToH2 a, h3.specialHeaderToH2 a, h4.specialHeaderToH2 a, h5.specialHeaderToH2 a, h6.specialHeaderToH2 a { font-size: 26px; line-height: 36px; color: #293443; } h1.specialHeaderToH3, h2.specialHeaderToH3, h4.specialHeaderToH3, h5.specialHeaderToH3, h6.specialHeaderToH3, h1.specialHeaderToH3 a, h2.specialHeaderToH3 a, h4.specialHeaderToH3 a, h5.specialHeaderToH3 a, h6.specialHeaderToH3 a { font-size: 24px; line-height: 34px; } h1.specialHeaderToH4, h2.specialHeaderToH4, h3.specialHeaderToH4, h5.specialHeaderToH4, h6.specialHeaderToH4, h1.specialHeaderToH4 a, h2.specialHeaderToH4 a, h3.specialHeaderToH4 a, h5.specialHeaderToH4 a, h6.specialHeaderToH4 a { font-size: 22px; line-height: 32px; } h1.specialHeaderToH5, h2.specialHeaderToH5, h3.specialHeaderToH5, h4.specialHeaderToH5, h6.specialHeaderToH5, h1.specialHeaderToH5 a, h2.specialHeaderToH5 a, h3.specialHeaderToH5 a, h4.specialHeaderToH5 a, h6.specialHeaderToH5 a { font-size: 18px; line-height: 28px; } h1.specialHeaderToH6, h2.specialHeaderToH6, h3.specialHeaderToH6, h4.specialHeaderToH6, h5.specialHeaderToH6, h1.specialHeaderToH6 a, h2.specialHeaderToH6 a, h3.specialHeaderToH6 a, h4.specialHeaderToH6 a, h5.specialHeaderToH6 a { font-size: 16px; line-height: 26px; } } @media (min-width: 992px) and (max-width: 1199px){ h2.specialHeaderToH1, h3.specialHeaderToH1, h4.specialHeaderToH1, h5.specialHeaderToH1, h6.specialHeaderToH1, h2.specialHeaderToH1 a, h3.specialHeaderToH1 a, h4.specialHeaderToH1 a, h5.specialHeaderToH1 a, h6.specialHeaderToH1 a { font-size: 36px; line-height: 46px; } h1.specialHeaderToH2, h3.specialHeaderToH2, h4.specialHeaderToH2, h5.specialHeaderToH2, h6.specialHeaderToH2, h1.specialHeaderToH2 a, h3.specialHeaderToH2 a, h4.specialHeaderToH2 a, h5.specialHeaderToH2 a, h6.specialHeaderToH2 a { font-size: 26px; line-height: 36px; color: #293443; } h1.specialHeaderToH3, h2.specialHeaderToH3, h4.specialHeaderToH3, h5.specialHeaderToH3, h6.specialHeaderToH3, h1.specialHeaderToH3 a, h2.specialHeaderToH3 a, h4.specialHeaderToH3 a, h5.specialHeaderToH3 a, h6.specialHeaderToH3 a { font-size: 24px; line-height: 34px; } h1.specialHeaderToH4, h2.specialHeaderToH4, h3.specialHeaderToH4, h5.specialHeaderToH4, h6.specialHeaderToH4, h1.specialHeaderToH4 a, h2.specialHeaderToH4 a, h3.specialHeaderToH4 a, h5.specialHeaderToH4 a, h6.specialHeaderToH4 a { font-size: 22px; line-height: 32px; } h1.specialHeaderToH5, h2.specialHeaderToH5, h3.specialHeaderToH5, h4.specialHeaderToH5, h6.specialHeaderToH5, h1.specialHeaderToH5 a, h2.specialHeaderToH5 a, h3.specialHeaderToH5 a, h4.specialHeaderToH5 a, h6.specialHeaderToH5 a { font-size: 18px; line-height: 28px; } h1.specialHeaderToH6, h2.specialHeaderToH6, h3.specialHeaderToH6, h4.specialHeaderToH6, h5.specialHeaderToH6, h1.specialHeaderToH6 a, h2.specialHeaderToH6 a, h3.specialHeaderToH6 a, h4.specialHeaderToH6 a, h5.specialHeaderToH6 a { font-size: 16px; line-height: 26px; } } @media (min-width: 1200px){ h2.specialHeaderToH1, h3.specialHeaderToH1, h4.specialHeaderToH1, h5.specialHeaderToH1, h6.specialHeaderToH1, h2.specialHeaderToH1 a, h3.specialHeaderToH1 a, h4.specialHeaderToH1 a, h5.specialHeaderToH1 a, h6.specialHeaderToH1 a { font-size: 40px; line-height: 50px; } h1.specialHeaderToH2, h3.specialHeaderToH2, h4.specialHeaderToH2, h5.specialHeaderToH2, h6.specialHeaderToH2, h1.specialHeaderToH2 a, h3.specialHeaderToH2 a, h4.specialHeaderToH2 a, h5.specialHeaderToH2 a, h6.specialHeaderToH2 a { font-size: 30px; line-height: 40px; color: #293443; } h1.specialHeaderToH3, h2.specialHeaderToH3, h4.specialHeaderToH3, h5.specialHeaderToH3, h6.specialHeaderToH3, h1.specialHeaderToH3 a, h2.specialHeaderToH3 a, h4.specialHeaderToH3 a, h5.specialHeaderToH3 a, h6.specialHeaderToH3 a { font-size: 26px; line-height: 36px; } h1.specialHeaderToH4, h2.specialHeaderToH4, h3.specialHeaderToH4, h5.specialHeaderToH4, h6.specialHeaderToH4, h1.specialHeaderToH4 a, h2.specialHeaderToH4 a, h3.specialHeaderToH4 a, h5.specialHeaderToH4 a, h6.specialHeaderToH4 a { font-size: 22px; line-height: 32px; } h1.specialHeaderToH5, h2.specialHeaderToH5, h3.specialHeaderToH5, h4.specialHeaderToH5, h6.specialHeaderToH5, h1.specialHeaderToH5 a, h2.specialHeaderToH5 a, h3.specialHeaderToH5 a, h4.specialHeaderToH5 a, h6.specialHeaderToH5 a { font-size: 18px; line-height: 28px; } h1.specialHeaderToH6, h2.specialHeaderToH6, h3.specialHeaderToH6, h4.specialHeaderToH6, h5.specialHeaderToH6, h1.specialHeaderToH6 a, h2.specialHeaderToH6 a, h3.specialHeaderToH6 a, h4.specialHeaderToH6 a, h5.specialHeaderToH6 a { font-size: 16px; line-height: 26px; } } /* END Special Header style */ /********** END Font Style **********/ /********** START Spacers **********/ .buffer0 { margin-top: 0; margin-bottom: 0; } .buffer10 { margin: 5px 0; } .buffer20 { margin: 10px 0; } .buffer25 { margin: 12px 0; } .buffer30 { margin: 15px 0; } .buffer40 { margin: 20px 0; } .buffer50 { margin: 25px 0; } .buffer60 { margin: 30px 0; } .buffer70 { margin: 35px 0; } .buffer80 { margin: 40px 0; } .buffer90 { margin: 45px 0; } .buffer100 { margin: 50px 0; } .buffer110 { margin: 55px 0; } .buffer120 { margin: 60px 0; } .top-buffer0 { margin-top: 0; } .top-buffer10 { margin-top: 5px; } .top-buffer15 { margin-top: 10px; } .top-buffer20 { margin-top: 10px; } .top-buffer30 { margin-top: 15px; } .top-buffer40 { margin-top: 20px; } .top-buffer50 { margin-top: 25px; } .top-buffer60 { margin-top: 30px; } .top-buffer70 { margin-top: 35px; } .top-buffer80 { margin-top: 40px; } .top-buffer90 { margin-top: 45px; } .top-buffer100 { margin-top: 50px; } .top-buffer110 { margin-top: 55px; } .top-buffer120 { margin-top: 60px; } .bottom-buffer0 { margin-bottom: 0 } .bottom-buffer10 { margin-bottom: 5px; } .bottom-buffer15 { margin-bottom: 10px; } .bottom-buffer20 { margin-bottom: 10px; } .bottom-buffer30 { margin-bottom: 15px; } .bottom-buffer40 { margin-bottom: 20px; } .bottom-buffer50 { margin-bottom: 25px; } .bottom-buffer60 { margin-bottom: 30px; } .bottom-buffer70 { margin-bottom: 35px; } .bottom-buffer80 { margin-bottom: 40px; } .bottom-buffer90 { margin-bottom: 45px; } .bottom-buffer100 { margin-bottom: 50px; } .bottom-buffer110 { margin-bottom: 55px; } .bottom-buffer120 { margin-bottom: 60px; } .top-buffern10 { margin-top: -5px; } .top-buffern20 { margin-top: -10px; } .top-buffern30 { margin-top: -15px; } .top-buffern40 { margin-top: -20px; } .top-buffern50 { margin-top: -25px; } .top-buffern60 { margin-top: -30px; } .top-buffern70 { margin-top: -35px; } .top-buffern80 { margin-top: -40px; } .top-buffern90 { margin-top: -45px; } .top-buffern100 { margin-top: -50px; } .top-buffern110 { margin-top: -55px; } .top-buffern120 { margin-top: -60px; } @media (min-width: 768px){ .buffer10 { margin: 10px 0; } .buffer20 { margin: 20px 0; } .buffer25 { margin: 25px 0; } .buffer30 { margin: 30px 0; } .buffer40 { margin: 40px 0; } .buffer50 { margin: 50px 0; } .buffer60 { margin: 60px 0; } .buffer70 { margin: 70px 0; } .buffer80 { margin: 80px 0; } .buffer90 { margin: 90px 0; } .buffer100 { margin: 100px 0; } .buffer110 { margin: 110px 0; } .buffer120 { margin: 120px 0; } .top-buffer10 { margin-top: 10px; } .top-buffer15 { margin-top: 15px; } .top-buffer20 { margin-top: 20px; } .top-buffer30 { margin-top: 30px; } .top-buffer40 { margin-top: 40px; } .top-buffer50 { margin-top: 50px; } .top-buffer60 { margin-top: 60px; } .top-buffer70 { margin-top: 70px; } .top-buffer80 { margin-top: 80px; } .top-buffer90 { margin-top: 90px; } .top-buffer100 { margin-top: 100px; } .top-buffer110 { margin-top: 110px; } .top-buffer120 { margin-top: 120px; } .bottom-buffer10 { margin-bottom: 10px; } .bottom-buffer15 { margin-bottom: 15px; } .bottom-buffer20 { margin-bottom: 20px; } .bottom-buffer30 { margin-bottom: 30px; } .bottom-buffer40 { margin-bottom: 40px; } .bottom-buffer50 { margin-bottom: 50px; } .bottom-buffer60 { margin-bottom: 60px; } .bottom-buffer70 { margin-bottom: 70px; } .bottom-buffer80 { margin-bottom: 80px; } .bottom-buffer90 { margin-bottom: 90px; } .bottom-buffer100 { margin-bottom: 100px; } .bottom-buffer110 { margin-bottom: 110px; } .bottom-buffer120 { margin-bottom: 120px; } .top-buffern10 { margin-top: -10px; } .top-buffern20 { margin-top: -20px; } .top-buffern30 { margin-top: -30px; } .top-buffern40 { margin-top: -40px; } .top-buffern50 { margin-top: -50px; } .top-buffern60 { margin-top: -60px; } .top-buffern70 { margin-top: -70px; } .top-buffern80 { margin-top: -80px; } .top-buffern90 { margin-top: -90px; } .top-buffern100 { margin-top: -100px; } .top-buffern110 { margin-top: -110px; } .top-buffern120 { margin-top: -120px; } .smLR-buffern15 { margin-left: -15px; margin-right: -15px; } .floatBoxRev { margin: 0 -15px; } } @media (min-width: 992px){ .mdLR-buffern15 { margin-left: -15px; margin-right: -15px; } } @media (min-width: 1199px){ .xlLR-buffern15 { margin-left: -15px; margin-right: -15px; } } .paddLR5 { padding: 0 5px; } .paddLR10 { padding: 0 10px; } .paddLR15 { padding: 0 15px; } .paddLR20 { padding: 0 20px; } .paddLR25 { padding: 0 25px; } .paddLR30 { padding: 0 30px; } .paddLR35 { padding: 0 35px; } .paddLR40 { padding: 0 40px; } .paddLR45 { padding: 0 45px; } .paddLR50 { padding: 0 50px; } .border1 { border-bottom: 1px solid #e0e7ef; } .border10 { border-bottom: 10px solid #e0e7ef; } .row { margin:0 auto; } .height40 { height: 40px; } .height80 { height: 80px; } .whats-next .height80 { height: 0; } .height100 { height: 100px; } .left0 { margin-left: 0; } .left5 { margin-left: 5px; } .left15 { margin-left: 15px; } .width20 { width: 20%; } .inline-block { display: inline-block !important; vertical-align: middle; } .pull-none { float: none !important; } .mobileCenter { text-align: center; } @media (min-width: 768px){ .mobileCenter { text-align: left; } } /********** END Spacers **********/ /********** START General inside page **********/ .clearfix:after { content: ""; clear: both; display: table; } .transparent { color: transparent; margin-top: -26px; } @media (max-width: 767px){ br { display: none; } } .row { margin-left: 0 !important; margin-right: 0 !important; } /*=== START Banners style ===*/ .introPageBannerContainer { position: relative; z-index: 0; } .introPageBannerContainer .introPageBannerWrap { padding: 141px 0 70px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #333333; position: relative; z-index: 0; } .introPageBannerContainer .introPageBannerWrap .container { position: relative; z-index: 3; } .introPageBannerContainer .introPageBannerWrap .col-md-4 { display: none; } .introPageBannerContainer .introBannerRightImage { display: none; position: absolute; top: 50%; right: 50%; } .introPageBannerContainer.homePage .introPageBannerWrap { background-image: url("https://www.2checkout.com/resources/en/blog-resources/blog-header-hp.jpg"); } .introPageBannerContainer.homePage .introPageBannerWrap:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(51, 51, 51, 0.7); z-index: 2; } @media (min-width: 992px){ .introPageBannerContainer .introPageBannerWrap .col-md-4, .introPageBannerContainer .introBannerRightImage { display: block; } } @media (min-width: 992px) and (max-width: 1199px){ .introPageBannerContainer .introPageBannerWrap .col-md-4 > div { margin-top: 50%; } .introPageBannerContainer .introPageBannerWrap .col-md-4 > div img { margin-top: -70px; } } @media (min-width: 1921px){ .introPageBannerContainer .introPageBannerWrap { background-size: 100% auto; } } /*=== END Banners style ===*/ /*=== START Buttons styles ===*/ .btn { overflow: hidden; padding: 8px 10px; z-index: 2; color: #293443; border: 1px solid #293443; font-weight: 600; font-size: 12px; line-height: 12px; background-image: none; text-shadow: none; font-family: 'Monserrat', sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .btn.blue, .btn.lightBlue, .btn.purple, .btn.green, .btn.yellow, .btn.darkGray, .btn.red { color: #ffffff; position: relative; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .btn.blue { background-color: #3474ff; border: 1px solid #3474ff; } .btn.lightBlue { background-color: #00aeff; border: 1px solid #00aeff; } .btn.purple { background-color: #583bec; border: 1px solid #583bec; } .btn.green { background-color: #11c979; border: 1px solid #11c979; } .btn.yellow { background-color: #ffcc2a; border: 1px solid #ffcc2a; } .btn.darkGray { background-color: #293443; border: 1px solid #293443; } .btn.red { background-color: #ec5050; border: 1px solid #ec5050; } .btn.ghostBlue, .btn.ghostLightBlue, .btn.ghostPurple, .btn.ghostGreen, .btn.ghostYellow, .btn.ghostDarkGray, .btn.ghostRed, .btn.ghostWhite { position: relative; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .btn.ghostBlue { border: 1px solid #3474ff; color: #3474ff; } .btn.ghostLightBlue { border: 1px solid #00aeff; color: #00aeff; } .btn.ghostPurple { border: 1px solid #583bec; color: #583bec; } .btn.ghostGreen { border: 1px solid #11c979; color: #11c979; } .btn.ghostYellow { border: 1px solid #ffcc2a; color: #ffcc2a; } .btn.ghostDarkGray { border: 1px solid #293443; color: #293443; } .btn.ghostRed { border: 1px solid #ec5050; color: #ec5050; } .btn.ghostWhite { border: 1px solid #ffffff; color: #ffffff; } .btn.ghostDisable { border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); } .btn.ghostDisable.background { border: 1px solid rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3); } .btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 768px){ .btn { padding: 10px 12px; } } @media (min-width: 992px){ .btn { font-size: 14px; line-height: 14px; } .btn.blue:hover, .btn.lightBlue:hover, .btn.purple:hover, .btn.green:hover, .btn.yellow:hover, .btn.darkGray:hover, .btn.red:hover { color: #ffffff; } .btn.blue:after, .btn.lightBlue:after, .btn.purple:after, .btn.green:after, .btn.yellow:after, .btn.darkGray:after, .btn.red:after { background-color: rgba(0,0,0, 0.2); opacity: 0.4; z-index: -1; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 0; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .btn.blue:hover:after, .btn.lightBlue:hover:after, .btn.purple:hover:after, .btn.green:hover:after, .btn.yellow:hover:after, .btn.darkGray:hover:after, .btn.red:hover:after { width: 100%; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .btn.ghostBlue:hover, .btn.ghostLightBlue:hover, .btn.ghostPurple:hover, .btn.ghostGreen:hover, .btn.ghostYellow:hover, .btn.ghostDarkGray:hover, .btn.ghostRed:hover { color: #ffffff; } .btn.ghostWhite:hover { color: #293443; } .btn.ghostBlue:after, .btn.ghostLightBlue:after, .btn.ghostPurple:after, .btn.ghostGreen:after, .btn.ghostYellow:after, .btn.ghostDarkGray:after, .btn.ghostRed:after, .btn.ghostWhite:after { z-index: -1; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 0; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .btn.ghostBlue:hover:after, .btn.ghostLightBlue:hover:after, .btn.ghostPurple:hover:after, .btn.ghostGreen:hover:after, .btn.ghostYellow:hover:after, .btn.ghostDarkGray:hover:after, .btn.ghostRed:hover:after, .btn.ghostWhite:hover:after { width: 100%; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .btn.ghostBlue:after { background-color: #3474ff; } .btn.ghostLightBlue:after { background-color: #00aeff; } .btn.ghostPurple:after { background-color: #583bec; } .btn.ghostGreen:after { background-color: #11c979; } .btn.ghostYellow:after { background-color: #ffcc2a; } .btn.ghostDarkGray:after { background-color: #293443; } .btn.ghostRed:after { background-color: #ec5050; } .btn.ghostWhite:after { background-color: #ffffff; } } .btn.sm { padding: 8px 10px; font-size: 12px; line-height: 12px; } .btn.xs { padding: 8px 10px; font-size: 12px; line-height: 12px; } @media (min-width: 768px){ .btn.sm { padding: 10px 12px; } } /*=== END Buttons styles ===*/ /*=== START General Border ===*/ .topBorderBlue { border-top: 3px solid #3474ff; } .topBorderLightBlue { border-top: 3px solid #00aeff; } .topBorderPurple { border-top: 3px solid #583bec; } .topBorderGreen { border-top: 3px solid #11c979; } .topBorderYellow { border-top: 3px solid #ffcc2a; } .topBorderBlack { border-top: 3px solid #293443; } .topBorderGray { border-top: 3px solid #e0e7ef; } .topBorderRed { border-top: 3px solid #ec5050; } .topBorderWhite { border-top: 3px solid #ffffff; } .bottomBorderBlue { border-bottom: 3px solid #3474ff; } .bottomBorderLightBlue { border-bottom: 3px solid #00aeff; } .bottomBorderPurple { border-bottom: 3px solid #583bec; } .bottomBorderGreen { border-bottom: 3px solid #11c979; } .bottomBorderYellow { border-bottom: 3px solid #ffcc2a; } .bottomBorderBlack { border-bottom: 3px solid #293443; } .bottomBorderGray { border-bottom: 3px solid #e0e7ef; } .bottomBorderRed { border-bottom: 3px solid #ec5050; } .bottomBorderWhite { border-bottom: 3px solid #ffffff; } .leftBorderBlue { border-left: 3px solid #3474ff; } .leftBorderLightBlue { border-left: 3px solid #00aeff; } .leftBorderPurple { border-left: 3px solid #583bec; } .leftBorderGreen { border-left: 3px solid #11c979; } .leftBorderYellow { border-left: 3px solid #ffcc2a; } .leftBorderBlack { border-left: 3px solid #293443; } .leftBorderGray { border-left: 3px solid #e0e7ef; } .leftBorderRed { border-left: 3px solid #ec5050; } .leftBorderWhite { border-left: 3px solid #ffffff; } .rightBorderBlue { border-right: 3px solid #3474ff; } .rightBorderLightBlue { border-right: 3px solid #00aeff; } .rightBorderPurple { border-right: 3px solid #583bec; } .rightBorderGreen { border-right: 3px solid #11c979; } .rightBorderYellow { border-right: 3px solid #ffcc2a; } .rightBorderBlack { border-right: 3px solid #293443; } .rightBorderGray { border-right: 3px solid #e0e7ef; } .rightBorderRed { border-right: 3px solid #ec5050; } .rightBorderWhite { border-right: 3px solid #ffffff; } /*=== END General Border ===*/ /*=== START Border for title ===*/ .titleBorder { padding-bottom: 15px; margin-bottom: 15px; } .titleBorder.borderBlue { border-bottom: 3px solid #3474ff; } .titleBorder.borderLightBlue { border-bottom: 3px solid #00aeff; } .titleBorder.borderPurple { border-bottom: 3px solid #583bec; } .titleBorder.borderGreen { border-bottom: 3px solid #11c979; } .titleBorder.borderYellow { border-bottom: 3px solid #ffcc2a; } .titleBorder.borderBlack { border-bottom: 3px solid #293443; } .titleBorder.borderGray { border-bottom: 3px solid #e0e7ef; } .titleBorder.borderRed { border-bottom: 3px solid #ec5050; } /*=== END Border for title ===*/ /*=== START Site Arrows ===*/ .siteArrow { text-align: left; padding: 0 20px 0 0; position: relative; } .siteArrow:before { position: absolute; content: ""; border-right: 1px solid #3474ff; border-top: 1px solid #3474ff; right: 10px; top: 50%; margin-top: -2px; width: 6px; height: 6px; } .rightSiteArrowBlue:before { border-right: 1px solid #3474ff; border-top: 1px solid #3474ff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowBlue:before { border-right: 1px solid #3474ff; border-top: 1px solid #3474ff; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowBlue:before { margin-top: 0; right: 6px; border-right: 1px solid #3474ff; border-top: 1px solid #3474ff; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowBlue:before { margin-top: -4px; border-right: 1px solid #3474ff; border-top: 1px solid #3474ff; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowBlue:hover:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; } .leftSiteArrowBlue:hover:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; } .topSiteArrowBlue:hover:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; } .bottomSiteArrowBlue:hover:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; } .rightSiteArrowLightBlue:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowLightBlue:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowLightBlue:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowLightBlue:before { border-right: 1px solid #00aeff; border-top: 1px solid #00aeff; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowPurple:before { border-right: 1px solid #583bec; border-top: 1px solid #583bec; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowPurple:before { border-right: 1px solid #583bec; border-top: 1px solid #583bec; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowPurple:before { border-right: 1px solid #583bec; border-top: 1px solid #583bec; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowPurple:before { border-right: 1px solid #583bec; border-top: 1px solid #583bec; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowGreen:before { border-right: 1px solid #11c979; border-top: 1px solid #11c979; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowGreen:before { border-right: 1px solid #11c979; border-top: 1px solid #11c979; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowGreen:before { border-right: 1px solid #11c979; border-top: 1px solid #11c979; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowGreen:before { border-right: 1px solid #11c979; border-top: 1px solid #11c979; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowYellow:before { border-right: 1px solid #ffcc2a; border-top: 1px solid #ffcc2a; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowYellow:before { border-right: 1px solid #ffcc2a; border-top: 1px solid #ffcc2a; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowYellow:before { border-right: 1px solid #ffcc2a; border-top: 1px solid #ffcc2a; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowYellow:before { border-right: 1px solid #ffcc2a; border-top: 1px solid #ffcc2a; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowDark:before { border-right: 1px solid #293443; border-top: 1px solid #293443; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowDark:before { border-right: 1px solid #293443; border-top: 1px solid #293443; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowDark:before { border-right: 1px solid #293443; border-top: 1px solid #293443; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowDark:before { border-right: 1px solid #293443; border-top: 1px solid #293443; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowGray:before { border-right: 1px solid #e0e7ef; border-top: 1px solid #e0e7ef; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowGray:before { border-right: 1px solid #e0e7ef; border-top: 1px solid #e0e7ef; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowGray:before { border-right: 1px solid #e0e7ef; border-top: 1px solid #e0e7ef; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowGray:before { border-right: 1px solid #e0e7ef; border-top: 1px solid #e0e7ef; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowRed:before { border-right: 1px solid #ec5050; border-top: 1px solid #ec5050; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowRed:before { border-right: 1px solid #ec5050; border-top: 1px solid #ec5050; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowRed:before { border-right: 1px solid #ec5050; border-top: 1px solid #ec5050; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowRed:before { border-right: 1px solid #ec5050; border-top: 1px solid #ec5050; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .rightSiteArrowWhite:before { border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftSiteArrowWhite:before { border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .topSiteArrowWhite:before { border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bottomSiteArrowWhite:before { border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } /*=== END Site Arrows ===*/ /*=== START Site Close ===*/ .siteClose { z-index: 200; position: absolute; width: 24px; height: 24px; color: transparent; line-height: 30px; top: 20px; right: 20px; cursor: pointer; } .siteClose:hover { color: transparent; } .siteClose:before { position: absolute; content: ""; background-color: #3474ff; width: 2px; height: 24px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); left: 50%; margin-left: -2px; top: 0; } .siteClose:after { position: absolute; content: ""; background-color: #3474ff; width: 2px; height: 24px; transform: rotate(45deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); right: 50%; margin-left: -2px; top: 0; } .siteCloseLightBlue:before, .siteCloseLightBlue:after { background-color: #00aeff; } .siteClosePurple:before, .siteClosePurple:after { background-color: #583bec; } .siteCloseGreen:before, .siteCloseGreen:after { background-color: #11c979; } .siteCloseYellow:before, .siteCloseYellow:after { background-color: #ffcc2a; } .siteCloseDark:before, .siteCloseDark:after { background-color: #293443; } .siteCloseGray:before, .siteCloseGray:after { background-color: #e0e7ef; } .siteCloseRed:before, .siteCloseRed:after { background-color: #ec5050; } .siteCloseWhite:before, .siteCloseWhite:after { background-color: #ffffff; } @media (min-width: 768px){ .siteClose { right: 50px; } } /*=== END Site Close ===*/ /********** END General inside page **********/ /********** START Wrappers **********/ .wrapper { width: 100%; height: 100%; } .wrapperShaddow { box-shadow: 0 0 10px 2px rgba(41, 52, 67, 0.4); } .wrapperWhite { background-color: #ffffff; } .wrapperBlue { background-color: #3474ff; } .wrapperBlueLight { background-color: #00aeff; } .wrapperPurple { background-color: #583bec; } .wrapperPurpleLight { background-color: #7B3AD6; } .wrapperPurpleLightLight { background-color: #D772E8; } .wrapperGreen { background-color: #11c979; } .wrapperYellow { background-color: #ffcc2a; } .wrapperDark { background-color: #293443; } .wrapperGray { background-color: #e0e7ef; } .wrapperRed { background-color: #ec5050; } .wrapperBlueGreen { background-color: #2edbd2; } .wrapperGradientTopDown { background: rgb(88,59,236); background: -moz-linear-gradient(top, rgba(88,59,236,1) 0%, rgba(52,116,255,1) 100%); background: -webkit-linear-gradient(top, rgba(88,59,236,1) 0%,rgba(52,116,255,1) 100%); background: linear-gradient(to bottom, rgba(88,59,236,1) 0%,rgba(52,116,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#583bec', endColorstr='#3474ff',GradientType=0 ); } .wrapperGradientLeftRight { background-repeat: no-repeat; background-size: cover; background: rgb(88,59,236); background: -moz-linear-gradient(left, rgba(88,59,236,1) 0%, rgba(52,116,255,1) 100%); background: -webkit-linear-gradient(left, rgba(88,59,236,1) 0%,rgba(52,116,255,1) 100%); background: linear-gradient(to right, rgba(88,59,236,1) 0%,rgba(52,116,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#583bec', endColorstr='#3474ff',GradientType=1 ); } /********** END Wrappers **********/ /********** START TextColors **********/ .colorWhite, .colorWhite:hover, .colorWhite:active, .colorWhite:focus, .white { color: #ffffff; } .colorBlue, .colorBlue:hover, .colorBlue:active, .colorBlue:focus, .dark-blue { color: #3474ff; } .colorBlueLight, .colorBlueLight:hover, .colorBlueLight:active, .colorBlueLight:focus, .blue { color: #00aeff; } .colorPurple, .colorPurple:hover, .colorPurple:active, .colorPurple:focus { color: #583bec; } .colorGreen, .colorGreen:hover, .colorGreen:active, .colorGreen:focus { color: #11c979; } .colorYellow, .colorYellow:hover, .colorYellow:active, .colorYellow:focus { color: #ffcc2a; } .colorBlack, .colorBlack:hover, .colorBlack:active, .colorBlack:focus, .dark-gray, .gray-h2, .gray, .colorGray { color: #293443; } .colorGray, .colorGray:hover, .colorGray:active, .colorGray:focus, .gray { color: #e0e7ef; } .colorRed { color: #ec5050; } /********** END TextColors **********/ /********** START Alignment **********/ .content { width: 100%; overflow: hidden; } .wrapperContainer { padding: 0 0 20px; } .container.noPadd { padding: 0 15px; } .textCenter { text-align: center; } .textMobileCenter { text-align: center; } .left { float: left; } .right { float: right !important; } .textRight { text-align: right; } .relative { position: relative; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .reper { display: inline-block; vertical-align: middle; width: 1%; font-size: 0; line-height: 0; color: transparent; } .middleReper { display: inline-block; vertical-align: middle; width: 96%; } .imgResponsive { width: 100%; display: block; margin: 0; } @media (min-width: 320px) and (max-width: 767px){ .noPadd { padding: 0; } } @media (min-width: 768px){ .wrapperContainer { padding: 0 0 40px; } .textMobileCenter { text-align: left; } .noPadd { padding: 0; } .noPaddRight { padding-right: 0; } .noPaddLeft { padding-left: 0; } } @media (min-width: 992px){ .container.noPadd { padding: 0; } } /********** END Alignment **********/ /********** START wrapper-cookie **********/ .wrapper-cookie { height: 70px; position: fixed; padding: 5px 0; width: 100%; z-index: 120; text-align: center; font-size: 10px; line-height: 16px; display: none; } .wrapper-cookie p, .wrapper-cookie a { margin: 0; font-size: 10px; line-height: 14px; font-weight: 400; display: inline-block; } .wrapper-cookie button { display: inline-block; margin: 5px 20px; padding: 4px 8px; } @media screen and (min-width:598px){ .wrapper-cookie { height: 58px; } } @media screen and (min-width:768px){ .wrapper-cookie { height: auto; } .wrapper-cookie p { font-size: 11px; line-height: 32px; } } /********** END wrapper-cookie **********/ /********** START linkFullBox **********/ .linkFullBox { line-height: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; color: transparent; z-index: 4; } /********** END linkFullBox **********/ /********** Header style **********/ /*=== START Mobile ===*/ .header .container.noPadd { padding: 0; } .header .separator { display: block; border-bottom: 1px solid #e0e7ef; height: 1px; width: 100%; } .header .percentFromArticle { display: none; } /* START Mobile Meniu Logo */ #mobilePrimaryMenu { padding: 10px 5px; background-color: #ffffff; } @media (min-width: 480px){ #mobilePrimaryMenu { padding: 10px 15px; } } /* END Meniu Logo */ /* Mobile Header */ .header { z-index: 100; width: 100%; position: fixed; } .header.active { box-shadow: 0 -8px 16px 0 rgba(52, 116, 255, 1); } .header .row .col-md-3 img { width: 150px; } .header > div+div+div+div { border-bottom: 1px solid rgba(41, 52, 67, 0.3); } .header > div+div+div+div.active { border-bottom: none; } /* END Primary Mobile Menu */ .header .mobilePrimaryWrap { box-shadow: 0 -8px 16px 0 rgba(52, 116, 255, 1); } /* mobileMenuLeftSide */ #primaryMenu ul li, #mobilePrimaryMenu ul li { list-style-type: none; list-style-image: none; } #mobilePrimaryMenu .nav .open > a, #mobilePrimaryMenu .nav .open > a:hover, #mobilePrimaryMenu .nav > li > a:hover, #mobilePrimaryMenu .nav > li > a:focus { background-color: #3474ff; } /* Hamburger Menu */ #mobilePrimaryMenu .navbar-nav { margin: 7.5px 0; } #mobilePrimaryMenu .navbar-collapse { max-height: initial; } #mobilePrimaryMenu .mobileMenuLeftSide { float: left; } #mobilePrimaryMenu .mobileMenuLeftSide > div { float: left; } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton { margin-right: 10px; cursor: pointer; float: left; height: 33px; width: 33px; padding: 8px 6px; position: relative; transform: rotate(0deg); transition: all 0.5s ease-in-out 0s; border: 1px solid rgba(52, 116, 255, 0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton span { background: #3474ff none repeat scroll 0 0; border-radius: 0; display: block; height: 3px; left: 6px; right: 6px; opacity: 1; position: absolute; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton span:nth-child(1) { top: 8px; } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton span:nth-child(2), #hamburgerButton3 span:nth-child(3) { top: 50%; margin-top: -1.5px; } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton span:nth-child(4) { bottom: 8px; } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton.active span:nth-child(1) { top: 18px; width: 0; left: 50%; } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton.active span:nth-child(3) { top: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton.active span:nth-child(4) { top: 18px; width: 0; left: 50%; } .header.active #mobilePrimaryMenu .mobileMenuLeftSide .hamburgerButton span { background: #3474ff none repeat scroll 0 0; } /* END Hamburger Menu */ /* Mobile Logo Menu */ #mobilePrimaryMenu .mobileMenuLogoConatainer a { display: block; } #mobilePrimaryMenu .mobileMenuLogoConatainer .logo { width: 120px; margin-top: 6px; } @media (min-width: 479px) { #mobilePrimaryMenu .mobileMenuLogoConatainer .logo { width: 142px; } } /* HEND Mobile Logo Menu */ /* END mobileMenuLeftSide */ /* END mobileMenuRightSide */ #mobilePrimaryMenu .mobileMenuRightSide, #mobilePrimaryMenu .mobileMenuRightSide > div { float: right; } #mobilePrimaryMenu .mobileMenuRightSide .mobileMenuLoginContainer { margin-right: 10px; } #mobilePrimaryMenu .mobileMenuRightSide .mobileMenuLoginContainer a { display: block; line-height: 30px; } #mobilePrimaryMenu .mobileMenuRightSide .tabletMenuContactSalesContainer { display: none; margin-left: 10px; } @media (min-width: 320px) and (max-width: 479px) { #mobilePrimaryMenu .mobileMenuRightSide .mobileMenuSignUpContainer a, #mobilePrimaryMenu .mobileMenuRightSide .tabletMenuContactSalesContainer a { font-size: 10px; font-weight: 300; padding: 8px 5px; } } @media (min-width: 768px) { #mobilePrimaryMenu .mobileMenuRightSide .tabletMenuContactSalesContainer { display: inline-block; } #mobilePrimaryMenu .mobileMenuRightSide .mobileMenuLoginContainer { margin-right: 20px; } } /* END mobileMenuRightSide */ /* END Primary Mobile Menu */ /* mobileSecondaryMenu Menu */ /* Search */ .header .mobileSecondaryMenu .mobileChannelSearchWrap .mobileChannelSearch { text-align: center; padding-bottom: 10px; border-bottom: 1px solid #e0e7ef; } .header .mobileSecondaryMenu .mobileChannelSearchWrap .mobileChannelSearch .searchField { width: 220px; padding: 0 10px; border: 1px solid rgba(41, 52, 67, 0.4); height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .header .mobileSecondaryMenu .mobileChannelSearchWrap .mobileChannelSearch .searchIcon { padding: 0; height: 30px; width: 30px; line-height: 30px; border: none; background-image: url(https://www.2checkout.com/resources/en/site_pages/search-icon-white.png); background-position: center center; background-repeat: no-repeat; background-color: #3474ff; color: transparent; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; vertical-align: middle; } .header .desktopChannelSearch { padding: 50px 0 50px; text-align: center; border-top: 1px solid #e0e7e7; margin: 10px 0 0; display: none; position: absolute; left: 0; right: 0; background-color: #ffffff; box-shadow: 0 10px 10px -12px rgba(41, 52 ,67, 1) } .header .desktopChannelSearch:before { content: ""; position: absolute; border-bottom: 1px solid #3474ff; left: -100%; right: 100%; display: block; top: -1px;; } .header .desktopChannelSearch:after { content: ""; position: absolute; border-bottom: 1px solid #3474ff; left: 100%; right: -100%; display: block; top: -1px;; } .header .desktopChannelSearch.active { display: block; } .header .desktopChannelSearch .searchField, .wrapperSearch .searchPageField .searchField { font-size: 16px; line-height: 42px; padding: 0 10px; width: 50%; border: 1px solid rgba(41, 52, 67, 0.4); height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; vertical-align: middle; } .header .desktopChannelSearch .searchIcon, .wrapperSearch .searchPageField .searchIcon { margin-left: 10px; color: #ffffff; position: relative; padding: 0 30px 0 50px; line-height: 44px; border: none; background-image: url(https://www.2checkout.com/resources/en/site_pages/search-icon-white.png); background-position: 10px center; background-repeat: no-repeat; background-color: #3474ff; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; vertical-align: middle; } /* END Search */ .header .mobileSecondaryMenu { border-top: none; background-color: #ffffff; display: block; position: fixed; top: 53px; right: 0; left: 0; bottom: 0; overflow-y: scroll; height: 0; z-index: 300; } .header .mobileSecondaryMenu.active { border-top: 1px solid #3474ff; height: auto; } .header .mobileSecondaryMenu:before { bottom: 0; content: ""; height: 100%; left: -26px; position: absolute; right: 0; top: 0; transition: all 0s ease 0s; width: 0; z-index: 0; } .header .mobileSecondaryMenu.active:before { bottom: 0; box-shadow: 0 0 25px 0 rgba(50, 50, 50, 0.5); content: ""; height: 100%; left: -26px; position: absolute; right: 0; top: 0; transition: all 2.5s ease 0s; width: 12px; z-index: -1; display: none; } .header .mobileSecondaryMenu > ul { padding-top: 10px; padding-bottom: 68px; } .header .mobileSecondaryMenu ul li a { } .header .mobileSecondaryMenu > ul > li > a { font-size: 15px; color: #293443; } .header .mobileSecondaryMenu > ul > li > a:hover, .mobileSecondaryMenu .dropDown.open > a { color: #ffffff; } .header .mobileSecondaryMenu .dropDownMobile { display: none; padding: 0 15px; } .header .mobileSecondaryMenu .dropDownMobile li a { font-size: 15px; font-weight: 300; padding-left: 30px; line-height: 30px; color: #293443; } .header .mobileSecondaryMenu .dropDownMobile li a:hover { color: #00aeff; } .header .mobileSecondaryMenu .dropDownMobile li.mobileSubtitle a { font-weight: 400; padding-left: 0; } .header .mobileSecondaryMenu .dropDown { position: relative; } .header .mobileSecondaryMenu .dropDown > a:before { content: ""; background-image: url("https://www.2checkout.com/resources/en/site_pages/menu-arrow-down-blue.png"); background-repeat: no-repeat; background-size: cover; width: 8px; height: 5px; position: absolute; top: 50%; margin-top: -3px; right: 20px; } .header .mobileSecondaryMenu .dropDown > a:hover:before { content: ""; background-image: url("https://www.2checkout.com/resources/en/site_pages/menu-arrow-down-white.png"); background-repeat: no-repeat; background-size: cover; width: 8px; height: 5px; position: absolute; top: 50%; margin-top: -3px; right: 20px; } .header .mobileSecondaryMenu .dropDown.open > a:before { content: ""; background-image: url("https://www.2checkout.com/resources/en/site_pages/menu-arrow-up-white.png"); background-repeat: no-repeat; background-size: cover; width: 8px; height: 5px; position: absolute; top: 50%; margin-top: -3px; right: 20px; } .header .mobileSecondaryMenu .dropDown.open > a:hover:before { content: ""; background-image: url("https://www.2checkout.comhhttps://www.2checkout.com/resources/en/site_pages/menu-arrow-up-white.png"); background-repeat: no-repeat; background-size: cover; width: 8px; height: 5px; position: absolute; top: 50%; margin-top: -3px; right: 20px; } .header .mobileSecondaryMenu .default-language { float: none; } .header .mobileSecondaryMenu .dropdown-toggle.selected { background-color: #3474ff; color: #ffffff; } .header .mobileSecondaryMenu .dropdown-toggle.selected.open:before { background-image: url("https://www.2checkout.com/resources/en/site_pages/menu-arrow-up-white.png"); } .header .mobileSecondaryMenu .dropdown-toggle.selected:before { background-image: url("https://www.2checkout.com/resources/en/site_pages/menu-arrow-down-white.png"); } .header .mobileSecondaryMenu .dropDown.selected .dropDownMobile { display: block; } .header .mobileSecondaryMenu .navbar-nav ul > li a.selected, .mobileSecondaryMenu .navbar-nav .mobileSection a.selected { position: relative; color: #00aeff; } .header .mobileSecondaryMenu .dropDown { margin-bottom: 1px; } .header .mobileSecondaryMenu .mobileCloseSecondaryMenuWrap .mobileCloseSecondaryMenuBox a { display: block; width: 20px; height: 20px; position: relative; margin: 10px 10px 0 10px; transform: rotate(45deg); float: right; } .header .mobileSecondaryMenu .mobileCloseSecondaryMenuWrap .mobileCloseSecondaryMenuBox a span:nth-child(1) { border-left: 4px solid #3474ff; position: absolute; display: block; height: 20px; left: 50%; margin-left: -2px; } .header .mobileSecondaryMenu .mobileCloseSecondaryMenuWrap .mobileCloseSecondaryMenuBox a span:nth-child(2) { border-bottom: 4px solid #3474ff; position: absolute; display: block; width: 20px; top: 50%; margin-top: -2px; } .header .mobileSecondaryMenu.active .mobileCTAButtonsWrap { position: fixed; bottom: 0; left: 0; right: 0; border-top: 1px solid #3474ff; padding: 10px 0; text-align: center; background-color: #ffffff; } .header.cookie-buffer { border-top: 1px solid #3474ff; } .header.cookie-buffer .mobileSecondaryMenu { top: 123px; } .header.homePage .mobileSecondaryMenu { top: 53px; } .header.homePage.active .mobileSecondaryMenu { top: 53px; } .header.homePage.cookie-buffer .mobileSecondaryMenu { top: 174px; } .header.homePage.cookie-buffer.active .mobileSecondaryMenu { top: 124px; } @media (min-width: 480px) { .header .mobileSecondaryMenu { right: auto; width: 350px; top: 60px; left: 5px; box-shadow: 0 0 6px 0px rgba(52, 116, 255, 1); } .header .mobileSecondaryMenu.active { border: 1px solid #ffffff; } .header .mobileSecondaryMenu.active .mobileCTAButtonsWrap { left: 5px; width: 350px; right: auto; } .header.cookie-buffer { border-top: 1px solid #3474ff; } .header.cookie-buffer .mobileSecondaryMenu { top: 123px; } .header.homePage .mobileSecondaryMenu { top: 58px; } .header.homePage.active .mobileSecondaryMenu { top: 58px; } .header.homePage.cookie-buffer .mobileSecondaryMenu { top: 174px; } .header.homePage.cookie-buffer.active .mobileSecondaryMenu { top: 124px; } } @media (min-width: 768px) { .header .mobileSecondaryMenu.active .mobileCTAButtonsWrap { position: static; padding: 24px 0; border-top: none; width: 100%; } .header .mobileSecondaryMenu.active { height: 458px; } .header .mobileSecondaryMenu > ul { padding-bottom: 0; } } /* END mobileSecondaryMenu Menu */ @media (min-width: 768px){ #mobilePrimaryMenu .navbar-header, #mobilePrimaryMenu .navbar-nav, #mobilePrimaryMenu .navbar-nav > li { float: none; } } @media (min-width: 768px) and (max-width: 991px){ .header { background-color: #ffffff; } .header .container.noPadd { padding: 0; } } @media (min-width: 992px){ #mobilePrimaryMenu { display: none; } } /* END Mobile Header */ /*=== END Mobile ===*/ /*=== START Desktop Header ===*/ .header .desktopPrimaryMenuWrap { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .header.active .desktopPrimaryMenuWrap { background-color: #ffffff; border-bottom: 1px solid transparent; } .desktopPrimaryMenuContainer { display: none; } @media (min-width: 992px){ .desktopPrimaryMenuContainer.container.no-padd { display: block; padding: 20px 0; } } @media (min-width: 1600px){ .desktopPrimaryMenuContainer.container.no-padd { padding: 16px 0; } } /* Primary Menu */ .desktopPrimaryMenuContainer #primaryMenu .navbar-nav { float: none; } .desktopPrimaryMenuContainer #primaryMenu.navbar { min-height: auto; } .desktopPrimaryMenuContainer #primaryMenu { margin: 0; } .desktopPrimaryMenuContainer #primaryMenu ul { padding: 0; margin: 0; } .desktopPrimaryMenuContainer #primaryMenu ul li, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu ul li a { font-family: 'Monserrat', sans-serif; font-size: 12px; line-height: 16px; display: block; list-style-type: none; } .desktopPrimaryMenuContainer #primaryMenu .logo { width: 142px; margin: 3px 5px 0 0; } .desktopPrimaryMenuContainer #primaryMenu .logo.scrollView { display: none; } .header.active .desktopPrimaryMenuContainer #primaryMenu .logo.normalView { display: none; } .header.active .desktopPrimaryMenuContainer #primaryMenu .logo.scrollView { display: block; } .desktopPrimaryMenuContainer #primaryMenu .dropDown > ul { display: none; } .desktopPrimaryMenuContainer #primaryMenu .dropDown:hover > ul { display: block; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuLeft { float: left; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuRight { float: right; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap li.desktopLogin a, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearch a { line-height: 28px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap > li.singleLink { float: left; position: relative; z-index: 100; padding: 8px 0 0; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown > a { position: relative; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown > a:before { left: 0; right: 0; top: 12px; height: 20px; position: absolute; content: ""; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li > ul { position: absolute; top: 50px; left: 0; box-shadow: 0 0px 30px -12px rgba(41, 52, 67, 1) } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li > ul:before { content: ""; position: absolute; width: 16px; height: 16px; top: -8px; left: 20px; background-color: #ffffff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li > ul:after { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; z-index: -1; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.rightRefferer > ul { left: auto; right: 0; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.rightRefferer > ul:before { left: auto; right: 20px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li { float: left; margin: 0 5px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown { background-color: #ffffff; padding: 20px; margin: 0; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown li { display: block; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll { display: table-cell; padding: 0; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown.col3 ul.colAll.col2 { padding: 0 30px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown.col2 ul.colAll.col2 { padding: 0 0 0 30px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll li a { white-space: nowrap; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .middleList li { padding-bottom: 20px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .topList { display: block; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid rgba(41, 52, 67, 0.2); font-size: 13px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .topList a { font-weight: 500; color: #293443; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .topList a:hover, .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .topList a:active, .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .topList a:focus { color: #3474ff; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .topList a.menuNoLink:hover { color: #293443; cursor: text; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown .middleList ul { display: table-cell; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown.col3 .middleList ul.menuLeftSide { padding-right: 10px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown.col2 .middleList ul.menuLeftSide { padding-right: 20px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown .middleList ul.menuRightSide { padding-left: 10px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown .bottomList { border-top: 1px solid rgba(41, 52, 67, 0.5); padding: 20px 0 0; text-align: center; width: 100%; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li { padding: 8px 0 8px 40px; position: relative; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -15px; background-repeat: no-repeat; background-size: 100% 100%; width: 30px; height: 30px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li.twoSell:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/2sell-icon.png'); } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li.twoSubscribe:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/2subscribe-icon.png'); } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li.twoMonetize:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/2monetize-icon.png'); } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li.addons:before { background-image: url('https://www.2checkout.com/resources/en/site_pages/addons-icon.png'); } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li span { max-width: 160px; overflow: hidden; display: block; white-space: nowrap; margin-top: 5px; font-style: italic; color: rgba(41, 52, 67, 0.5); padding-right: 2px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts li.middleList { margin-top: -10px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a.btn.ghostWhite, .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a.btn.ghostBlue, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap > li a.btn.green { padding: 8px 5px; font-size: 10px; line-height: 10px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a span.menuLoginText { display: none; } .header .desktopPrimaryMenuWrap .primaryMenuWrap > li > a { color: #ffffff; } .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a, .header .desktopPrimaryMenuWrap .primaryMenuWrap > li > ul a { color: #293443; } .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a.btn { color: #ffffff; } .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a:hover, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a:active, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a:focus, .header .desktopPrimaryMenuWrap .primaryMenuWrap > li > ul a:hover, .header .desktopPrimaryMenuWrap .primaryMenuWrap > li > ul a:focus, .header .desktopPrimaryMenuWrap .primaryMenuWrap > li > ul a:active, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap li a.selected, .header .desktopPrimaryMenuWrap .primaryMenuWrap > li > ul a.selected, .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll .topList a.selected, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a.menuNoLink.selected:hover, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a.menuNoLink.selected:active, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a.menuNoLink.selected:focus { color: #3474ff; } .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a.menuNoLink:hover, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a.menuNoLink:active, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li > a.menuNoLink:focus { color: #293443; } .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li.primaryMenuRight:nth-child(3) > a, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li.signUpForFreeMenu > a:hover { color: #ffffff; } .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(8) > a:hover, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(8) > a:focus, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(8) > a:active, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(10) > a, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(10) > a:hover, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(10) > a:active, .header.active .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(10) > a:focus { color: #ffffff; } .header.active .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(4) > a { color: #3474ff; } .header.active .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(4) > a:hover, .header.active .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(4) > a:active, .header.active .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(4) > a:focus { color: #ffffff; } .header .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(5) > a { color: #ffffff; } .header .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(5) > a:hover, .header .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(5) > a:active, .header .desktopPrimaryMenuWrap .primaryMenuRight .primaryMenuWrap > li:nth-child(5) > a:focus { color: #293443; } .header .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(9) > a:hover, .header .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(9) > a:active, .header .desktopPrimaryMenuWrap .primaryMenuWrap > li:nth-child(9) > a:focus { color: #293443; } .header .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown > a:after { border-bottom: 1px solid rgba(255, 255, 255, 1); border-left: 1px solid rgba(255, 255, 255, 1); } .header.active .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown > a:after { border-bottom: 1px solid rgba(41, 52, 67, 0.5); border-left: 1px solid rgba(41, 52, 67, 0.5); } .header.active .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchWhite { display: none; } .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchBlue { display: none; } .header.active .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchBlue { display: block; } .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchWhite a.closeSearch, .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchBlue a.closeSearch, .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchWhite.active a.openSearch, .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchBlue.active a.openSearch { display: none; } .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchWhite.active a.closeSearch.active, .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchBlue.active a.closeSearch.active, .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchWhite.active a.closeSearch.active, .header .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearchBlue.active a.closeSearch.active { display: block; } .header.active .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.desktopLoginWhite { display: none; } .header .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.desktopLoginBlue { display: none; } .header.active .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.desktopLoginBlue { display: block; } .header.active .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a.btn.ghostWhite { display: none; } .header .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a.btn.ghostBlue { display: none; } .header.active .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a.btn.ghostBlue { display: block; } @media (min-width: 992px) and (max-width: 1599px) { .desktopPrimaryMenuContainer #primaryMenu .primaryMenuRight { margin-right: -15px; } } @media (min-width: 992px) { .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown > a { padding-right: 15px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown > a:after { top: 50%; width: 6px; height: 6px; right: 0; margin-top: -4px; border-bottom: 1px solid rgba(41, 52, 67, 0.5); border-left: 1px solid rgba(41, 52, 67, 0.5); position: absolute; content: ""; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } @media (min-width: 1200px) { .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown.col3 .menu-dropdown .middleList ul li { padding-left: 20px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown .middleList ul span { display: block; } .desktopPrimaryMenuContainer #primaryMenu ul li, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu ul li a { font-size: 12px; line-height: 14px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li { padding: 8px 0 8px 50px; position: relative; margin-bottom: 15px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li:before { width: 36px; height: 36px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown .menu-dropdown ul.colAll.menuProducts .menuLeftSide li span { max-width: initial; overflow: auto; } } @media (min-width: 1600px) { .desktopPrimaryMenuContainer #primaryMenu .logo { margin-top: 8px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a.btn.ghostWhite, .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a.btn.ghostBlue, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap > li a.btn.green { padding: 10px 12px; font-size: 14px; line-height: 14px; } .header .desktopMenu { margin: 0 -196px 0 -168px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li { margin-right: 10px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.dropDown, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap > li.singleLink { padding: 12px 0 0; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap li.desktopLogin a, .desktopPrimaryMenuContainer .desktopMenu #primaryMenu .primaryMenuWrap li.desktopSearch a { line-height: 34px; } } @media (min-width: 1900px) { /*.header .desktopMenu { margin: 0 -326px 0 -166px; }*/ .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li a span.menuLoginText { display: inline-block; vertical-align: middle; padding: 0 0 0 5px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.desktopContactSales { margin: 0 10px 0 10px; } .desktopPrimaryMenuContainer #primaryMenu .primaryMenuWrap > li.desktopLogin { margin: 0; } } /* Primary Menu */ /*=== END Desktop Header ===*/ /********** END Header style **********/ /********** START submenuWrapper **********/ .submenuWrapper { padding: 20px 0 0; position: relative; z-index: 20; } .submenuWrapper .submenuBox { } .submenuWrapper .submenuBox .socialBox { margin: 0 auto; width: 220px; } .submenuWrapper .submenuBox .socialBox .social, .submenuWrapper .submenuBox .socialBox .socialText, .submenuWrapper .submenuBox .socialBox .social > div { float: left; padding: 0 5px; } .submenuWrapper .submenuBox .socialBox .social > a { display: block; } .submenuWrapper .submenuBox .socialBox .socialText { line-height: 26px; } .submenuWrapper .categoryContainer { margin: 0 auto; width: 250px; } .submenuWrapper .categoryContainer .categoryBox { } .submenuWrapper .categoryContainer .categoryBox ul { padding: 0; margin: 0; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap { position: relative; cursor: pointer; margin: 10px 0; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.role { z-index: 2; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.topic { z-index: 1; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap:before { background-color: #ffffff; display: none; content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 1 } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownCategory { font-size: 13px; line-height: 23px; z-index: 2; position: relative; color: rgba(41, 52, 67, 0.5); padding: 5px 10px; width: 250px; border: 1px solid rgba(41, 52, 67, 0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownCategory:before { content: ""; position: absolute; z-index: 1; width: 6px; height: 6px; top: 50%; right: 10px; margin-top: -3px; display: block; border-right: 1px solid rgba(41, 52, 67, 0.5); border-bottom: 1px solid rgba(41, 52, 67, 0.5); transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownSubcategoryContainer { z-index: 2; position: absolute; top: 34px; left: 0; right: 0; display: none; border-top: 1px solid rgba(41, 52, 67, 0.3); margin: 0 10px; padding: 10px 0; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownSubcategoryContainer a { font-size: 14px; color: rgba(41, 52, 67, 0.5); display: block; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownSubcategoryContainer a:hover { color: #3474ff; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownSubcategoryContainer .dropdownSubcategory.selected a { color: #3474ff; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.active:before { box-shadow: 0 0 5px -1px rgba(41, 52, 67, 0.5); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; z-index: 2; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.role.active:before { height: 220px; display: block; z-index: 2; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.topic.active:before { height: 268px; display: block; z-index: 1; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.active .dropdownCategory { border: 1px solid transparent; color: #3474ff; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.active .dropdownCategory:before { border-right: 1px solid #3474ff; border-bottom: 1px solid #3474ff; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.active .dropdownSubcategoryContainer { display: block; } @media (min-width: 768px){ .submenuWrapper { padding: 30px 0; } .submenuWrapper .submenuBox .socialBox { float: right; margin-right: -12px; padding: 5px 0; } .submenuWrapper .categoryContainer { float: left; width: initial; margin-left: -10px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap { margin: 0 10px; float: left; } } @media (min-width: 768px) and (max-width: 991px){ .submenuWrapper .submenuBox .socialBox { width: 208px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap { margin: 0 10px; float: left; width: 240px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownCategory { width: 240px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap .dropdownSubcategoryContainer a { font-size: 13px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.role.active:before { height: 223px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.topic.active:before { height: 271px; } } @media (min-width: 992px) { .submenuWrapper .categoryContainer .categoryBox .categoryWrap.role.active:before { height: 237px; } .submenuWrapper .categoryContainer .categoryBox .categoryWrap.topic.active:before { height: 289px; } } /********** END submenuWrapper **********/ /********** Footer style **********/ /*========== Box Rotation ==========*/ .boxRotateWrap { position: relative; z-index: 0; } .boxRotate { clip-path: polygon(0 0,100% 0,100% calc(100% - 9vw),0 100%); padding: 30px 0 130px; } @media (min-width: 310px) and (max-width: 767px){ .boxRotate { padding: 30px 0 70px; } } @media (min-width: 768px) and (max-width: 1199px){ .boxRotate { padding: 30px 0 100px; } } @media (min-width: 1921px){ .boxRotate { padding: 30px 0; clip-path: polygon(0 0,100% 0,100% calc(100% - 0vw),0 100%); } } /*========== END Box Rotation ==========*/ .footer { display: block; background-color: #333333; } .footer ul { padding: 0; margin: 0; } .footer ul li { list-style-type: none; list-style-image: none; font-size: 12px; line-height: 12px; font-family: 'Monserrat', sans-serif; } .footer ul li a, .footer ul li a:hover, .footer ul li a:active, .footer ul li a:focus { display: block; color: #c3c3c3; font-family: 'Monserrat', sans-serif; font-size: 12px; line-height: 12px; padding: 8px 0; } .footer ul li.footerMenuLevel1 > a, .footer ul li.footerMenuLevel1 > a:hover, .footer ul li.footerMenuLevel1 > a:active, .footer ul li.footerMenuLevel1 > a:focus { color: #ffffff; } .footer ul li.footerMenuCopyright { color: #c3c3c3; } .footer ul li.footerMenuLevel1 h5, .footer ul li.footerMenuIframeSubtitle { color: #ffffff; } .footer .footerTopWrap .footerTop .colAll .footerMenuLevel1, .footer .footerTopWrap .footerTop .colAll .footerMenuLevel1 a { font-weight: 500; } .footer .footerBottomWrap { padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.15); } .footer .footerBottomWrap ul li { padding: 0; } .footer .footerBottomWrap .colAll, .footer .footerBottomWrap .colAll a { line-height: 24px; } .footer .footerBottomWrap .socialBox .social li, .footer .footerTopWrap .socialBox .social li { float: right; padding: 0 5px; } .footer .footerBottomWrap .socialBox .social li a, .footer .footerTopWrap .socialBox .social li a { line-height: 24px; display: inline-block; } .footer .footerBottomWrap .socialBox .social li a .socialImgWhite, .footer .footerTopWrap .socialBox .social li a .socialImgWhite { display: none; } .footer .footerTopWrap .footerMenuLogoWrap .footerMenuLogo { width: 160px; } .footer .footerTopWrap .footerMenuCopyright { margin-right: 20px; } .footer .footerTopWrap .footerTop .colAll.col1 .footerMenuIframe iframe { height: 46px; width: auto; } .footer .footerBottomWrap li, .footer ul > li.footerMenuLevel1 > a, .footer ul > li.footerMenuLevel1 > a:focus, .footer ul > li.footerMenuLevel1 > a:active, .footer ul > li.footerMenuLevel1 > a:hover { padding: 0; line-height: 24px; } .footer .footerTopWrap .socialBox .social { margin: 0 auto; /* width: 178px; */ width: 176px; } @media (min-width: 320px) and (max-width: 767px){ .footer ul li, .footer ul li a { text-align: center; } .footer .colAll { border-top: 1px solid rgba(41, 52, 67, 0.2); padding: 20px 0; } .footer .colAll.col1 { border-top: none; } .footer .footerTopWrap .footerMenuLogoWrap .footerMenuLogo { margin: 0 auto; display: block; } .footer ul > li.footerMenuLevel1 > a { text-align: center; } .footer ul > li.footerMenuLevel1 > a, .footer ul > li.footerMenuLevel1 > a:focus, .footer ul > li.footerMenuLevel1 > a:active, .footer ul > li.footerMenuLevel1 > a:hover { display: inline-block; padding-right: 15px; position: relative; font-size: 14px; } .footer ul > li.footerMenuLevel1.active > a{ margin-bottom: 10px; } .footer ul li.footerMenuLevel1 a:before { content: ""; position: absolute; top: 50%; right: 0; margin-top: -2.5px; width: 8px; height: 5px; background-image: url("https://www.2checkout.com/resources/en/site_pages/mobile-footer-menu-arrow-down-white.png"); } .footer ul li.footerMenuLevel1.active a:before { background-image: url("https://www.2checkout.com/resources/en/site_pages/mobile-footer-menu-arrow-up-white.png"); } .footer ul li.footerMenuLevel2 { display: none; } .footer ul li.footerMenuLevel2.active { display: block; } .footer .footerBottomWrap .footerMenuPolicies .separator { display: none; } } @media (min-width: 768px){ .footer .footerTopWrap .footerTop .colAll.col1 { border-bottom: 1px solid rgba(41, 52, 67, 0.2); } .footer .footerTopWrap .footerTop .colAll { float: left; } .footer .footerBottomWrap .footerMenuPolicies { float: left; } .footer .footerBottomWrap .footerMenuPolicies a { float: left; width: auto; } .footer .footerBottomWrap .footerMenuPolicies > a:first-child { margin-right: 20px; } .footer .footerBottomWrap .footerMenuPolicies .separator { display: block; float: left; width: auto; padding: 0 10px; border-bottom: none; } .footer .footerBottomWrap .footerMenuCopyright { float: right; } } @media (min-width: 768px) and (max-width: 991px){ .footer .footerTopWrap .footerTop .colAll.col2 li a, .footer .footerTopWrap .footerTop .colAll.col3 li a, .footer .footerTopWrap .footerTop .colAll.col4 li a, .footer .footerTopWrap .footerTop .colAll.col5 li a, .footer .footerTopWrap .footerTop .colAll.col6 li a { font-size: 11px; line-height: 14px; } } @media (min-width: 768px) and (max-width: 1199px){ .footer .footerTopWrap .footerMenuLogoWrap .footerMenuLogo { margin: 0 auto; display: block; } .footer .footerTopWrap .footerTop .colAll.col1 { width: 100%; margin-right: 0; margin-bottom: 5%; text-align: center; } .footer .footerTopWrap .footerTop .colAll.col2 { width: 19%; margin-right: 1%; margin-bottom: 5%; } .footer .footerTopWrap .footerTop .colAll.col3 { width: 15%; margin-right: 1%; margin-bottom: 5%; } .footer .footerTopWrap .footerTop .colAll.col4 { width: 18%; margin-right: 1%; margin-bottom: 5%; } .footer .footerTopWrap .footerTop .colAll.col5 { width: 18%; margin-right: 1%; margin-bottom: 5%; } .footer .footerTopWrap .footerTop .colAll.col6 { width: 26%; margin-right: 0; margin-bottom: 5%; } } @media (min-width: 992px){ .footer .footerBottomWrap .colAll, .footer .footerBottomWrap .colAll a, .footer .footerBottomWrap .colAll a:hover, .footer .footerBottomWrap .colAll a:active, .footer .footerBottomWrap .colAll a:focus, .footer .footerBottomWrap .socialBox .social li { line-height: 28px; padding-top: 0; padding-bottom: 0; } } @media (min-width: 1200px){ .footer .footerTopWrap .socialBox .social { margin: 0 0 0 -15px; } .footer .footerTopWrap .footerTop .colAll.col1 { width: 27%; margin-right: 2%; } .footer .footerTopWrap .footerTop .colAll.col2 { width: 13%; margin-right: 2%; } .footer .footerTopWrap .footerTop .colAll.col3 { width: 10%; margin-right: 2%; } .footer .footerTopWrap .footerTop .colAll.col4 { width: 12%; margin-right: 2%; } .footer .footerTopWrap .footerTop .colAll.col5 { width: 11%; margin-right: 2% } .footer .footerTopWrap .footerTop .colAll.col6 { width: 17%; margin-right: 0; } .footer .footerTopWrap .footerTop .colAll.col1 { border-bottom: none; } } /* Footer block "block_getStarted_now" */ .wrapGetContainer { background-color: #333333; } .wrapGetContainer .boxRotate { padding: 40px 0 80px; background-color: rgba(51, 51, 51, 1); background-image: url("https://www.2checkout.com/resources/en/site_pages/footer-cta-ribbon-bg.jpg"); background-size: cover; } .wrapGetContainer .boxRotateWhite { padding: 40px 0 150px; background-color: rgba(255, 255, 255, 1); background-image: url("https://www.2checkout.com/resources/en/site_pages/white-angle-background.png"); background-size: cover; } .wrapGetContainer .getStartedTextBox { padding-bottom: 20px; } @media (min-width: 320px) and (max-width: 991px){ .wrapGetContainer .boxRotate { text-align: center; } } @media (min-width: 768px) and (max-width: 991px){ .wrapGetContainer .getStartedBtnBox a { margin: 0 10px; } } @media (min-width: 992px) and (max-width: 1199px){ .wrapGetContainer .no-padd { padding: 0; } .wrapGetContainer .container.no-padd { padding: 0; } } @media (min-width: 1200px) and (max-width: 1920px) { .wrapGetContainer .boxRotate { padding: 40px 0 150px; } } @media (min-width: 1200px){ .wrapGetContainer .getStartedBtnBox a { margin: 0 10px; } } @media (min-width: 1921px){ .wrapGetContainer { margin-bottom: 20px; } .wrapGetContainer .boxRotate { padding: 40px 0; } .wrapGetContainer .boxRotate:after { display: none; } .wrapGetContainer .getStartedBtnBox { padding-top: 8px; } .wrapGetContainer .getStartedTextBox { padding-bottom: 0; } } /* END Footer block "block_getStarted_now" */ /* Footer block "new_block_shopper_support_login" + "new_block_lets_get_started_affiliates" */ .shopperSupport.wrapGetContainer .footerGetLeft > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-shopper-support-left-mobile.jpg"); } .shopperSupport.wrapGetContainer .footerGetLeft .roll-effect-link-box:before { background-image: url("https://www.2checkout.com/resources/en/homepage/see_more_img.png"); } .shopperSupport.wrapGetContainer .footerGetLeft a { font-size: 14px; line-height: 24px; margin: 0; padding-left: 0; padding-right: 30px; } .shopperSupport.wrapGetContainer .footerGetLeft h3 { margin-bottom: 35px; } .shopperSupport.wrapGetContainer .footerGetRight > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-shopper-support-right-mobile.jpg"); } .shopperSupport.wrapGetContainer .footerGetRight .getStartedBtnBox .btn { margin-bottom: 40px; } @media (min-width: 551px) and (max-width: 767px){ .shopperSupport.wrapGetContainer .footerGetLeft > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-shopper-support-left-desktop.jpg"); } .shopperSupport.wrapGetContainer .footerGetRight > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-shopper-support-right-desktop.jpg"); } } @media (min-width: 992px){ .shopperSupport.wrapGetContainer .footerGetLeft > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-shopper-support-left-desktop.jpg"); } .shopperSupport.wrapGetContainer .footerGetRight > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-shopper-support-right-desktop.jpg"); } .shopperSupport.wrapGetContainer .footerGetLeft h3 { margin: 10px 0 40px; } .shopperSupport.wrapGetContainer .footerGetRight .getStartedBtnBox .btn { margin-bottom: 30px; } } /* END Footer block "new_block_shopper_support_login" + "new_block_lets_get_started_affiliates" */ /* Footer block "new_block_lets_get_started_affiliates" */ .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft > div { padding: 15px 25px; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft h3 { margin: 0; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft .see_more { margin: 10px 0; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft .bottomText br { display: none; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetRight > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-affiliates-right-mobile.jpg"); } @media (min-width: 345px){ .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft > div { padding: 25px; } } @media (min-width: 551px) and (max-width: 767px){ .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft .bottomText br { display: block; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft .see_more { margin: 22px 0; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetRight > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-affiliates-right-desktop.jpg"); } } @media (min-width: 992px){ .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft .bottomText { width: 60%; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft > div { padding: 10px 25px; } } @media (min-width: 992px){ .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft > div { padding: 25px; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetLeft .see_more { margin: 16px 0; } .affilateSupport.shopperSupport.wrapGetContainer .footerGetRight > div { background-image: url("https://www.2checkout.com/resources/en/general/footer-affiliates-right-desktop.jpg"); } } /* END Footer block "new_block_lets_get_started_affiliates" */ /********** Footer style **********/ /********** START Ellipsis **********/ .ellip { display: block; height: 100%; width: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; vertical-align: top; } .ellip, .ellip-line { position: relative; overflow: hidden; } .postTitle .ellip-line { white-space: initial; } /********** END Ellipsis **********/ /********** START Post Group **********/ .wrapAllPost { margin: -10px -10px 40px -10px; } .wrapAllPost .allPost .postContainer .postBox { position: relative; padding: 15px 10px; z-index: 1; max-width: 595px; margin: 0 auto; } .wrapAllPost .allPost .postContainer .postBox .postCategory { position: absolute; left: 10px; top: 30px; padding: 2px 15px; border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; z-index: 5; } .wrapAllPost .allPost .postContainer .postBox .postImage { background-color: rgba(51, 51, 51, 0.6); } .wrapAllPost .allPost .postContainer .postBox .postImage a { max-width: 585px; display: block; position: relative; } .wrapAllPost .allPost .postContainer .postBox .postImage a:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333333+0,ffffff+50,ffffff+100&0.5+0,0+100 */ background: -moz-linear-gradient(left, rgba(51,51,51,0.5) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(51,51,51,0.5) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(51,51,51,0.5) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333333', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .wrapAllPost .allPost .postContainer .postBox .postImage img { display: block; width: 100%; } .wrapAllPost .allPost .postContainer .postBox .postAuthorBox { margin: -28.5px 0 0 15px; position: relative; z-index: 2; } .wrapAllPost .allPost .postContainer .postBox .postAuthorBox > div { float: left; } .wrapAllPost .allPost .postContainer .postBox .postAuthorBox .postAuthor { margin-right: 10px; } .wrapAllPost .allPost .postContainer .postBox .postAuthorBox .postBy { line-height: 16px; padding-top: 30px; } .wrapAllPost .allPost .postContainer .postBox .postReadMore { padding-top: 10px; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight .postTitle { padding-right: 20px; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight .postTitle .postTitleLink { display: block; margin-right: -10px; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight .postTitle .postTitleLink:hover { color: #293443; text-decoration: none; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight div.ellipsisResponsiveTwoLine { overflow: hidden; position: relative; line-height: 24px; max-height: 48px; text-align: justify; margin-right: 0; padding-right: 1em; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight div.ellipsisResponsiveTwoLine:before { content: '...'; position: absolute; right: 0; bottom: 0; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight div.ellipsisResponsiveTwoLine:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; } @media (min-width: 768px){ .wrapAllPost { margin: -10px -10px 40px -10px; } .wrapAllPost .allPost .postContainer { float: left; width: 50%; } .wrapAllPost .allPost .postContainer .postBox .postImage a { position: relative; overflow: hidden; width: 100%; height: 100%; } .wrapAllPost .allPost .postContainer .postBox .postImage img { position: absolute; top: -100%; bottom: -100%; left: 0; margin: auto; } } @media (min-width: 768px) and (max-width: 991px){ .wrapAllPost h3 { font-size: 20px; } .wrapAllPost .allPost .postContainer .postBox .postImage { height: 170px; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight { height: 170px; overflow: hidden; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight .postTitle { height: 64px; overflow: hidden; } } @media (min-width: 992px) and (max-width: 1199px){ .wrapAllPost .allPost .postContainer .postBox .postImage { height: 200px; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight { height: 160px; overflow: hidden; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight { height: 170px; overflow: hidden; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight .postTitle { height: 64px; overflow: hidden; } } @media (min-width: 1200px){ .wrapAllPost .allPost .postContainer .postBox .postImage { height: 200px; } .wrapAllPost .allPost .postContainer .postBox .postSameHeight { height: 180px; overflow: hidden; } } /********** END Post Group **********/ /********** START Reading Time **********/ .readTimeBox { width: 130px; display: block; position: relative; height: 16px; line-height: 18px; padding-left: 22px; } .readTimeBox:before { content: ""; background-size: cover; width: 16px; height: 16px; position: absolute; top: 0; left: 0; } .wrapAllPost .allPost .postContainer .postBox .postAuthorBox > div.readTimeBox.listItems { float: right; margin-top: 36px; width: auto; margin-left: 0; } .readTimeBox.listItems:before { background-image: url("https://www.2checkout.com/resources/en/site_pages/read-time-icon.png"); } .readTimeBox.singleItem { margin-left: 20px; } .readTimeBox.singleItem:before { margin-right: 5px; background-image: url("https://www.2checkout.com/resources/en/site_pages/read-time-icon-white.png"); } /********** END Reading Time **********/ /********** Pagination style **********/ .paginationBox { margin: 0 auto; position: relative; text-align: center; width: 290px; } .paginationNext, .paginationPrev { position: relative; } .paginationNext .fullLinkBox, .paginationPrev .fullLinkBox { color: transparent; text-indent: 9999px; } .paginationNext, .paginationPrev, .paginationText, .paginationInput, .paginationLastPage { display: inline-block; text-align: center; vertical-align: middle; } .paginationInput, .paginationLastPage, .paginationTextOf { margin-left: 5px; } .paginationNext { margin-left: 20px; } .paginationPrev { margin-right: 20px; } .paginationInput input { width: 50px; height: 36px; line-height: 36px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .paginationNext .paginationNextLink, .paginationPrev .paginationPrevLink { position: relative; display: block; } .paginationNext .paginationNextLink span, .paginationPrev .paginationPrevLink span{ display: inline-block; vertical-align: middle; } .paginationNext .paginationNextLink .paginationNextArrow, .paginationPrev .paginationPrevLink .paginationPrevArrow { width: 8px; height: 8px; position: relative; } .paginationPrev .paginationPrevLink .paginationPrevArrow:before { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; margin-top: -5px; left: 0; border-top: 1px solid #3474ff; border-left: 1px solid #3474ff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .paginationNext .paginationNextLink .paginationNextArrow:before { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; margin-top: -5px; right: 0; border-top: 1px solid #3474ff; border-right: 1px solid #3474ff; transform: rotate(90deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } .paginationPrev .paginationPrevLink:hover .paginationPrevArrow:before { border-top: 1px solid #00aeff; border-left: 1px solid #00aeff; } .paginationNext .paginationNextLink:hover .paginationNextArrow:before { border-top: 1px solid #00aeff; border-right: 1px solid #00aeff; } .paginationNext .paginationNextLink .paginationNextText, .paginationPrev .paginationPrevLink .paginationPrevText { display: none; } .paginationBox .alert { background-color: #3474ff; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; bottom: 118%; color: #ffffff; font-size: 12px; left: 50%; line-height: 16px; margin-left: -185px; padding: 13px 15px; position: absolute; width: 370px; z-index: 10; } .paginationBox .alert:before { border-top: 10px solid #3474ff; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -20px; content: ""; display: block; height: 20px; left: 50%;margin-left: -10px; position: absolute; width: 20px; z-index: 12; } @media (min-width: 768px){ .paginationBox { width: 670px; } .paginationNext , .paginationPrev { width: 160px; padding: 10px; text-align: center; border: 1px solid #3474ff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .paginationNext { margin-left: 90px; } .paginationPrev { margin-right: 90px; } .paginationNext .paginationNextLink .paginationNextText, .paginationPrev .paginationPrevLink .paginationPrevText { display: inline-block; } } .off { visibility: hidden; } .on { visibility: visible; } /********** END Pagination style **********/ /********** START Social Share **********/ .shareWrapper .shareContainer .shareText { display: none; } .shareWrapper .shareContainer .stButton { margin: 0 10px 0 0; } .shareWrapper .shareContainer .stButton .chicklets { width: 25px; height: 16px; color: transparent; line-height: 16px; text-indent: -9999px; } .shareWrapper .shareContainer .stButton .chicklets.facebook { background-image: url("https://www.2checkout.com/resources/en/site_pages/facebook-footer-blue.png"); } .shareWrapper .shareContainer .stButton .chicklets.twitter { background-image: url("https://www.2checkout.com/resources/en/site_pages/twitter-footer-blue.png"); } .shareWrapper .shareContainer .stButton .chicklets.linkedin { background-image: url("https://www.2checkout.com/resources/en/site_pages/linkedin-footer-blue.png"); } .shareWrapper .shareContainer .stButton .chicklets.sharethis { background-image: url("https://www.2checkout.com/resources/en/site_pages/blog-share-this-blue.png"); } @media (min-width: 768px) { .shareWrapper .shareContainer .shareText { display: block; } .shareWrapper.verticalShareView .shareContainer { width: 36px; } .shareWrapper.verticalShareView .shareContainer .stButton { margin: 0 0 10px 0; } .shareWrapper.verticalShareView .shareContainer .stButton .chicklets { display: block; } } /********** END Social Share **********/ /********** START In The Spotlight **********/ .inTheSpotLightContainer { max-height: 440px; } .inTheSpotLightContainer .inTheSpotLightBox { position: relative; padding: 15px 10px; z-index: 1; max-width: 595px; margin: 0 auto; } .inTheSpotLightContainer .inTheSpotLight { border: 1px solid #e0e7ef; padding: 15px; text-align: center; } .inTheSpotLightContainer .inTheSpotLightCategory { background-color: #ffcc2a; position: absolute; left: 10px; top: 30px; padding: 2px 15px; border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; z-index: 5; } .inTheSpotLightContainer .inTheSpotLightImage { display: inline-block; margin: 46px 0 20px; } .inTheSpotLightContainer .inTheSpotLightImage a { overflow: hidden; display: block; width: 240px; height: 160px; } .inTheSpotLightContainer .inTheSpotLightImage img { max-width: initial; width: auto; margin: 0 auto; } .inTheSpotLightContainer .inTheSpotLightTitle { height: 60px; overflow: hidden; } .inTheSpotLightContainer .inTheSpotLightTitle a:hover { color: #293443; } .inTheSpotLightContainer .inTheSpotLightBtn { padding: 20px; } @media (min-width: 768px) { .inTheSpotLightContainer { float: left; width: 50%; } } /********** END In The Spotlight **********/ /********** START **********/ .heightLightBox { background-color: #e0e7ef; padding: 15px; margin: 20px auto; } /********** END **********/