/*
    Document    : style
    Created on  : Mar 18, 2019
    Author      : ciprian.cernescu
    Description : Purpose of the stylesheet follows.
*/
/*
    1. Mobile first.
    2. Progressive enhancement.
    3. Polyglot code.
    4. Use only CSS for gradients, pictures, colors, effects, animations.
*/

/********** Reset **********/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }
audio,canvas,video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
button { font-family: 'Monserrat', sans-serif; }
input, html, textarea { font-family: 'Proxima Nova', sans-serif; }
body { margin: 0; font-family: 'Proxima Nova', sans-serif;; }
a:focus { outline: thin dotted; text-decoration: none; }
a:hover,a:active { outline: 0; text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: 600; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #e0e7ef; color: #293443; }
p,pre { margin: 1em 0; }
pre,code,kbd,samp { font-family: monospace,serif; _font-family: 'courier new', monospace; font-size: 16px; }
pre { white-space: pre-wrap; word-wrap: break-word; }
q { quotes:none; }
q:before,q:after { content: none; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;  }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl,menu,ol,ul { margin: 1em 0; }
dd { margin: 0 0 0 40px }
menu,ol,ul { padding: 0 0 0 40px; }
nav ul,nav ol { list-style: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #293443; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; white-space: normal; }
button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
button,input { line-height: normal; }
button,input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled],input[disabled] { cursor: default; }
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]:-webkit-search-decoration,input[type="search"]:-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
input,select,textarea { padding-left: 20px; padding-right: 20px; }

/********** END Reset **********/
/********** New General Style **********/

/*=== font style ===*/

/* 320px - 767px */
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; 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; }
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 Secial 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 Secial Header style */

/*=== END font style ===*/
/*=== 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 ===*/
/*=== General inside page ===*/

.clearfix:after { content: ""; clear: both; display: table; }
.transparent { color: transparent; margin-top: -26px; }

@media (max-width: 767px){
    br { display: none; }
}

/*=== Banners style ===*/

.introPageBannerContainer .introPageBannerWrap { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #583bec; }
.introPageBannerContainer .introPageBannerWrap .col-md-4 { display: none; }
.introPageBannerContainer .introBannerRightImage { display: none; position: absolute; top: 50%; right: 50%; }
.noUnderMenu { position: relative; }
.noUnderMenu { position: absolute; height: 100px; left: 0; right: 0; margin-top: -100px; background: rgb(88,59,236); background: -moz-linear-gradient(left, rgba(88,59,236,1) 0%, rgba(52,116,255,1) 100%, rgba(125,185,232,1) 100%); background: -webkit-linear-gradient(left, rgba(88,59,236,1) 0%,rgba(52,116,255,1) 100%,rgba(125,185,232,1) 100%); background: linear-gradient(to right, rgba(88,59,236,1) 0%,rgba(52,116,255,1) 100%,rgba(125,185,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#583bec', endColorstr='#7db9e8',GradientType=1 ); }

@media (min-width: 992px){
    .introPageBannerContainer { position: relative; }
    .introPageBannerContainer .introPageBannerWrap .col-md-4, .introPageBannerContainer .introBannerRightImage { display: block; }

    .underMenu { margin-top: -71px; }
    .underMenu > div { padding-top: 71px; }
}

@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 ===*/
/*=== Buttons styles ===*/

.btn { overflow: hidden; padding: 8px 10px; z-index: 2; color: #293443; border: 1px solid #293443; font-weight: 500; 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; }
    .btn.large { padding: 10px 40px; }
}

@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 ===*/
/*=== 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 ===*/
/*=== Site Arrows ===*/

.siteArrow { text-align: left; padding: 0 30px 0 10px; position: relative; }
.siteArrow:before { position: absolute; content: ""; border-right: 1px solid #3474ff; border-top: 1px solid #3474ff; right: 10px; top: 50%; margin-top: -4px; width: 8px; height: 8px;  }

.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 ===*/
/*=== 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 ===*/
/*=== 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: 20px 0; }
.container.noPadd { padding: 0 15px; }
.container.center, .textCenter { text-align: center; }
.textLink { color: #3474ff; }
.relative { position: relative; }

.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%; }

@media (min-width: 320px) and (max-width: 992px){
    .noPadd { padding: 0; }
}

@media (max-width: 767px){
    .container .noPaddRight, .container .noPaddLeft { padding: 0; }
}

@media (min-width: 768px){
    .wrapperContainer { padding: 40px 0; }
    .mobileTextCenter { text-align: left; }
    .noPadd { padding: 0px; }
    .noPaddRight { padding-right: 0; }
    .noPaddLeft { padding-left: 0; }
}

@media (min-width: 992px){
    .container.noPadd { padding: 0; }
}

/*=== END Alignment ===*/
/*=== Box Rotation ===*/

.boxRotateWrap { position: relative; z-index: 0; }
.boxRotate { position: relative; overflow: hidden; padding-bottom: 110px; }
.boxRotate:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background-image: url("https://www.2checkout.com/resources/en/site_pages/white-angle-background.png"); height: 193px; background-repeat: no-repeat; background-size: cover; }

/*=== END Box Rotation ===*/
/*=== Wrappers ===*/

.wrapper { width: 100%; height: 100%; }
.wrapperWhite { background-color: #ffffff; }
.wrapperBlue { background-color: #3474ff; }
.wrapperBlueLight { background-color: #00aeff; }
.wrapperPurple { background-color: #583bec; }
.wrapperGreen { background-color: #11c979; }
.wrapperYellow { background-color: #ffcc2a; }
.wrapperDark  { background-color: #293443; }
.wrapperGray { background-color: #e0e7ef; }
.wrapperRed { background-color: #ec5050; }
.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 ===*/
/*=== General inside page ===*/

/********** END New Genereal Style **********/
/********** START Header **********/

.header { padding: 20px 0; text-align: center; }
.header .headerLogo a { display: block; }
.header .headerText { padding: 10px 0 0; }

@media (min-width: 768px) {
	.header { text-align: left; }
	.header .headerText { padding: 0; text-align: right; line-height: 22px; }
}

/********** START Header **********/
/********** START Spotlight **********/

.spotlight { padding-top: 40px; }

.spotlight.hk-male { background-image: url("https://www.2checkout.com/docs/en/marketo/paidsearch_male.jpg"); }
.spotlight.hk-female { background-image: url("https://www.2checkout.com/docs/en/marketo/paidsearch_female2.jpg"); }
.spotlight.ca { background-image: url("https://www.2checkout.com/docs/en/marketo/paidsearch_default.jpg"); }
.spotlight.mx-male { background-image: url("https://www.2checkout.com/docs/en/marketo/paidsearch_male2.jpg"); }
.spotlight.mx-female { background-image: url("https://www.2checkout.com/docs/en/marketo/paidsearch_female.jpg"); }
.spotlight.in { background-image: url("https://www.2checkout.com/docs/en/marketo/paidsearch_india.jpg"); }

.spotlight .bannerButton { padding-top: 20px; padding-bottom: 30px; }
.spotlight .bannerBoxInfo { padding: 15px; }
.spotlight .bannerBoxInfo .bannerLine1, .spotlight .bannerBoxInfo .bannerLine2 { line-height: 16px; }
.spotlight .bannerBoxInfo .bannerLine3 { margin-top: -10px; }
.spotlight .bannerBoxInfo .bannerLine4 { margin-bottom: -4px; }

@media (min-width: 600px) and (max-width: 767px) {
	.spotlight { background-size: 1600px; }
}

@media (min-width: 768px) {
	.spotlight { text-align: left; }
	.spotlight .bannerBoxInfo .bannerLine1, .spotlight .bannerBoxInfo .bannerLine2 { line-height: 22px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.spotlight .callout { max-width: 60%; }
}

@media (min-width: 992px) {
	.spotlight { background-size: cover; background-position: 0 0; text-align: left; }
	.spotlight .callout { max-width: 50%; }
}

/********** END Spotlight **********/
/********** START partners **********/

.partners { text-align: center; border-bottom: 3px solid #3474ff; position: relative; padding-bottom: 15px; }
.partners:before { content: ""; position: absolute; display: block; border-top: 20px solid #3474ff; border-left: 20px solid transparent; border-right: 20px solid transparent; left: 50%; margin-left: -20px; bottom: -20px; }

/********** END partners **********/
/********** START content **********/

.contentBox .content { text-align: center; padding: 40px 0; }
.contentBox .content .col { display: inline-block; width: 280px; vertical-align: top; padding: 0 10px; }
.contentBox .content .col br { display: block; }

@media (min-width: 768px) {
	.contentBox .content { margin: 0 -15px; }
}

/********** END content **********/
/********** START contentGetStarted **********/

.contentGetStarted { margin-bottom: 40px; }

/********** END contentGetStarted **********/
/********** END contentGetStarted **********/

.testimonialWrap { background-image: url("https://www.2checkout.com/resources/en/site_pages/why-2checkout-slider-background.jpg"); background-repeat: no-repeat; background-position: center bottom; }
.testimonialWrap .testimonialBox { padding: 40px 0; text-align: center; }
.testimonialWrap .testimonialBox .testimonial { display: inline-block; width: 280px; }
.testimonialWrap .testimonialBox .testimonial .testimonialPersonImage { margin: 0 auto 20px; position: relative; width: 120px; height: 120px; }
.testimonialWrap .testimonialBox .testimonial .testimonialPersonImage:before { content: ""; position: absolute; display: block; width: 52px; height: 37px; right: -18px; top: 0; background-image: url("https://www.2checkout.com/resources/en/site_pages/light-blue-quotation-mark.png"); }
.testimonialWrap .testimonialBox .testimonial .testimonialPerson { padding: 10px; text-align: left; }
.testimonialWrap .testimonialBox .testimonial .testiomonialPersonDetailWrap { text-align: left; padding-top: 20px; }
.testimonialWrap .testimonialBox .testimonial .testiomonialPersonDetailWrap .testiomonialPersonFunction { margin: -4px 0 20px; }

@media (min-width: 590px) {
	.testimonialWrap .testimonialBox .testimonial { padding: 0 15px; width: 340px; }
	.testimonialWrap .testimonialBox .testimonial .testimonialPerson { padding: 15px; position: relative; }
}

@media (min-width: 992px) {
	.testimonialWrap .testimonialBox .testimonial { padding: 80px 15px 0 0; width: 540px; }
	.testimonialWrap .testimonialBox .testimonial .testimonialContentBox { position: relative; padding-left: 104px; }
	.testimonialWrap .testimonialBox .testimonial .testimonialPersonImage { position: absolute; left: 0; top: -60px; margin: initial; }
}

/********** END contentGetStarted **********/
/********** START Footer block "block_getStarted_now" **********/

.boxRotateWrap { position: relative; z-index: 0; text-align: center; }
.boxRotate { position: relative; overflow: hidden; padding-bottom: 110px; }
.boxRotate:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background-image: url("https://www.2checkout.com/resources/en/site_pages/white-angle-background.png"); height: 193px; background-repeat: no-repeat; background-size: cover; }

.wrapGetContainer .boxRotate { padding: 40px 0 90px; }
.wrapGetContainer .boxRotate { background: rgb(52,116,255); background: -moz-linear-gradient(left, rgba(52,116,255,1) 0%, rgba(88,59,236,1) 100%); background: -webkit-linear-gradient(left, rgba(52,116,255,1) 0%,rgba(88,59,236,1) 100%);  background: linear-gradient(to right, rgba(52,116,255,1) 0%,rgba(88,59,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3474ff', endColorstr='#583bec',GradientType=1 ); }
.wrapGetContainer .getStartedTextBox  { padding-bottom: 20px; }

@media (min-width: 768px) and (max-width: 991px){
    .wrapGetContainer .getStartedBtnBox a { margin: 0 10px; }
}

@media (min-width: 992px){
	.wrapGetContainer .boxRotate { padding: 40px 0 120px; }	
}
@media (min-width: 1200px){
	.wrapGetContainer .boxRotate { padding: 40px 0 170px; }	
    .wrapGetContainer .getStartedBtnBox a { margin: 0 10px; }
}

@media (min-width: 1921px){
    .wrapGetContainer { margin-bottom: 20px; }
    .wrapGetContainer .getStartedBtnBox { padding-top: 8px; }
    .wrapGetContainer .getStartedTextBox { padding-bottom: 0; }
}

/********** END Footer block "block_getStarted_now" **********/
/********** START Footer style **********/

.footer { display: block; background-color: #ffffff; }
.footer .menuNoLink { cursor: text; }
.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: #293443; font-family: 'Monserrat', sans-serif; font-size: 12px; line-height: 12px; padding: 8px 0; }
.footer .footerTopWrap .footerTop .colAll .footerMenuLevel1,
.footer .footerTopWrap .footerTop .colAll .footerMenuLevel1 a { font-weight: 500; }

.footer .footerBottomWrap { padding: 20px 0; border-top: 1px solid rgba(41, 52, 67, 0.2); }
.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: 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; position: relative; font-size: 14px; } 
	.footer ul > li.footerMenuLevel1.active  > a{ margin-bottom: 10px; }
}

@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 .footerMenuCopyright { float: right; }
	.footer .footerTopWrap .footerTop .colAll.col1 { width: 320px; text-align: left; }
	.footer .footerTopWrap .footerTop .colAll.col2, .footer .footerTopWrap .footerTop .colAll.col3 { width: 180px; margin-right: 15px; }
	.footer .footerTopWrap .footerMenuLogoWrap .footerMenuLogo { margin: 0; display: block; }
	.footer .footerTopWrap .socialBox .social { margin: 0 0 0 -15px; }
	.footer .footerTopWrap .footerTop .colAll.col1 { border-bottom: none; }
}

@media (min-width: 992px) {
	.footer .footerTopWrap .footerTop .colAll.col1 { width: 360px; }
}

/********** END Footer style **********/