/*
    Document    : style
    Created on  : Sep 11, 2013, 6:02:47 PM
    Author      : ionut.cojocaru
    Redesign    : ciprian.cernescu
    Redesign on : Aug 01, 2016
    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%; }
html,button,input,select,textarea { font-family: 'Roboto', Arial, Helvetica, sans-serif; }
body { margin: 0; font-family: 'Roboto', Arial, Helvetica, 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: 400; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #efeeee; color: #000; }
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 #c0c0c0; 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; }

/********** END Reset **********/

/********** Fonts **********/

/* Monserat */
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-Thin.otf") format('truetype'); font-weight: 100; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-ExtraLight.otf") format('truetype'); font-weight: 200; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-Light.otf") format('truetype'); font-weight: 300; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-Regular.otf") format('truetype'); font-weight: 400; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-Medium.otf") format('truetype'); font-weight: 500; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-SemiBold.otf") format('truetype'); font-weight: 600; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-Bold.otf") format('truetype'); font-weight: 700; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-ExtraBold.otf") format('truetype'); font-weight: 800; }
@font-face { font-family: 'Monserrat'; src: url("/assets/css/fonts/monserrat/Montserrat-Black.otf") format('truetype'); font-weight: 900; }

/* Proxima Nova */
@font-face { font-family: 'Proxima Nova'; src: url("/assets/css/fonts/proxima-nova/Proxima-Nova-Thin.ttf") format('truetype'); font-weight: 100; }
@font-face { font-family: 'Proxima Nova'; src: url("/assets/css/fonts/proxima-nova/Proxima-Nova-Light.otf") format('truetype'); font-weight: 300; }
@font-face { font-family: 'Proxima Nova'; src: url("/assets/css/fonts/proxima-nova/Proxima-Nova-Regular.ttf") format('truetype'); font-weight: 400; }
@font-face { font-family: 'Proxima Nova'; src: url("/assets/css/fonts/proxima-nova/Proxima-Nova-Semibold.ttf") format('truetype'); font-weight: 500; }
@font-face { font-family: 'Proxima Nova'; src: url("/assets/css/fonts/proxima-nova/ProximaNova-Bold.ttf") format('truetype'); font-weight: 600; }

/********** END Fonts **********/

/********** General style**********/

.boilerplate { position: relative; margin-top: 20px; }
.boilerplate-logo { opacity: 0.2; }
.filter-input { border: 1px solid #dadada; border-right: none !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; padding: 10px !important; width: 165px !important; float: left !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; outline: none !important; -webkit-appearance: none; font-size: 14px; line-height: 14px; }
#searchByTerm .filter-input { line-height: 16px; } /* fix bug on Firefox */
.filter-loop { border: 1px solid #dadada; padding: 10px 10px 13px 0px; border-radius: 3px; border-left: none; margin-top: 0px; border-bottom-left-radius: 0; border-top-left-radius: 0; }
.smallcomment { font-size: 12px; line-height: 16px; color: #293443; }
.comment_text { color: #293443; }
.hp-testimonials-bg { background: url('/resources/en/homepage/hp-testimonials-bg.png') no-repeat center top; height: 100%; width: 100%; }
.hp-carousel-bg #da-slider { background-color: #efeeee; }

.content-wrapper .col-md-12 { margin-left: 0; }
.col-md-12 { float: none; margin: 0 auto; }

#next .hover { display: none; }

.facebook-icon { font-family: icomoon; content:'&#xe1fd;'; width: 32px; height: 31px; margin-right: 2px; }
.twitter-icon { background-position: -68px 0; width: 31px; height: 31px; margin-right: 2px; }
.google-icon { background-position: -101px 0; width: 31px; height: 31px; margin-right: 2px; }
.flickr-icon { background-position: -134px 0; width: 32px; height: 31px; }
.blog-icon { background-position: 0 0; width: 32px; height: 31px; margin-right: 2px; }
.blue-linkedin { background-position: -136px 0; width: 32px; height: 32px; }
.blue-facebook { background-position: -181px 0; width: 32px; height: 32px; }
.blue-twitter { background-position: -214px 0; width: 32px; height: 32px; }
.blue-flickr { background-position: -247px 0; width: 32px; height: 32px; }
.blue-google { background-position: -280px 0; width: 32px; height: 32px; }
.blue-youtube { background-position: -313px 0; width: 32px; height: 32px; }
.orange-feeds { background-position: -346px 0; width: 32px; height: 32px; }

/* floating_box_big */

.floating_box_big { display: none; position: fixed; top: 50%; right: 5px; margin: 0; z-index: 999; width: 110px; background-color: #efeeee; border: 1px solid #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 1px; box-shadow: 0 0 20px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0 0 20px rgba(50, 50, 50, 0.40); -webkit-box-shadow: 0 0 20px rgba(50, 50, 50, 0.40); }

.floating_box_big ul { margin: 0; padding: 0; }
.floating_box_big ul li { list-style: none; padding: 15px 5px; border-top: 1px solid #d1d1d1; position: relative; }
.floating_box_big ul li:first-child { border-top: none; }
.floating_box_big ul li a { color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; }
.floating_box_big ul li .img { width: 48px; height: 48px; background: url('/resources/en/general/sticky-right-resources.png') no-repeat; margin: 0 auto; margin-bottom: 5px; color: transparent; }
.floating_box_big ul li .img.imgDataSheet { background-position: 0 0; }
.floating_box_big ul li:hover .img.imgDataSheet { background-position: -48px 0; }
.floating_box_big ul li .img.imgResources { background-position: 0 -48px; }
.floating_box_big ul li:hover .img.imgResources { background-position: -48px -48px; }
.floating_box_big ul li .text { color: #383838; font-size: 14px; font-weight: 400; line-height: 18px; outline: medium none; text-align: center; }
.floating_box_big .btn.normal { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; line-height: 12px; padding: 10px 6px; display: block; margin: 0 1px 1px; width: auto; }

@media (min-width: 768px){
	.floating_box_big {
		display: block;
	}
}

/* END floating_box_big */

/********** END General style**********/
/********** columns of same height styles **********/

.row-full-height { height: 100%; }
.col-full-height { height: 100%; vertical-align: middle; }
.row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; }
.col-xs-height { display: table-cell; float: none !important; }

@media screen and (min-width: 768px) {
    .col-sm-height { display: table-cell; float: none !important; }
}

@media screen and (min-width: 992px) {
    .col-md-height { display: table-cell; float: none !important; }
	.header .row .col-md-3 img { width:199px; }	
}

@media screen and (min-width: 1200px) {
    .col-lg-height { display: table-cell; float: none !important; }
}

/********** END columns of same height styles **********/
/********** vertical alignment styles **********/

.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }

/********** END vertical alignment styles **********/
/********** Client testimonials on homepage **********/

.item { margin: 0; padding: 0; display: block; float: left; width: 100%; }
.testimonial-wrapper { width: 93%; padding: 0 10px; display: block; margin: 0 auto; }
.testimonial-image { width: 60%; float: left; }
.testimonial-image.margin { display: none; }
.testimonial-image .grayscale { display: block; }
.testimonial-info { float: left; width: 40%; }
.testimonial-info.full { width: 100%; }
.testimonial-title { color: #293443; font-size: 12px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 700; display: block; margin-bottom: 10px; text-align: left; }
.testimonial, .testimonial-person { color: #293443; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 16px; padding-right: 5px; text-align: left; }
.testimonial { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; }
.testimonial-person { color:#202020; font-size: 12px; display: block; margin-top: 5px; text-align: left; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 700; }
.testimonial-job { color: #202020; font-size: 12px; padding-right: 5px; text-align: left; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; }
.client-logo-wrapper { width:145px; height:75px; text-align:center; }
.solutions-testimonial-img { position: absolute; bottom: -25px; right: 0px; }
.wrapper-shopper-testimonial, .wrapper-career-testimonial{background-image:url('/docs/en/new-design/career-separator.jpg'); background-repeat:no-repeat; background-position:left center; min-height:80px; }
.wrapper-shopper-testimonial p, .wrapper-career-testimonial p{padding-left:60px; }

.carousel { margin-bottom: 0; }
.quote { font-size: 24px; line-height: 10px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 700; color: #293443; display: block; }
.carousel-control.right { width: 19px; height: 35px; right: 10px; background-image: url('/resources/en/general/white-arrows.png') !important; background-position: 0 0; border: none; background: transparent; color: #293443; top: 50%; }
.carousel-control.left { width: 19px; height: 35px; left: 10px; background-image: url('/resources/en/general/white-arrows.png') !important; background-position: 0 -35px !important; border: none; background: transparent; color: #293443; top: 50%; }
.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(/assets/css/grayscale.svg#greyscale); filter: gray; }
.green-arrow-next { width: 22px; height: 40px; background-image: url('/resources/en/general/blue-arrows.png') !important; background-position: 0 0; border: none; background: transparent; }
.green-arrow-prev { width: 22px; height: 40px; background-image: url('/resources/en/general/blue-arrows.png') !important; background-position: 0 -40px !important; border: none; background: transparent; }

/********** END Client testimonials on homepage **********/
/********** Buttons styles **********/

.btn { color: #ffffff; font-weight: 700 !important; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 11px; background-image: none; text-shadow: none; }
.btn.normal { font-size: 14px; }
.btn.large { padding: 15px 40px; font-size: 14px; }

.btn.green{ z-index: 2; background-color: #00a651; border:none; color: #fff; position:relative; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.btn.green:hover { color: #fff; }
.btn.green:after { opacity: 0.4; z-index: -1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 0; background-color: #3ddc2d; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.btn.green: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.blue{ z-index: 2; background-color: #135d97; border:none; color: #fff !important; position:relative; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.btn.blue:hover { color: #fff !important; }
.btn.blue:after { opacity: 0.4; z-index: -1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 0; background-color: #1b7ecc; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.btn.blue: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.more{ color: #0287c9; background-color: #fff; padding: 8px 20px; border: 1px solid #dadada; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block; clear: both; margin: 0 !important; width: auto; float: left; font-size: 14px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; }
.btn.more:hover { background-color: #0287c9; color: #fff !important; }

.pulse_pointer:before { content:""; position:absolute; right: 15px; bottom:-3px; display:block; width: 13px; height: 13px; border: none; box-shadow: 0 0 0 0 rgba(73, 238, 56, 0.7); border-radius: 50%; background-color: #49ee38; background-size:cover; background-repeat: no-repeat; cursor: pointer; -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); }
.pulse_pointer:hover:before { display: none; }

@-webkit-keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } }
@-moz-keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } }
@-ms-keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } }
@keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } }

/********** END Buttons styles **********/
/********** rewrite rules for animation effect **********/

.more { background-color: #fff; -webkit-transition: background-color 0.5s, color 0.5s; -moz-transition: background-color 0.5s, color 0.5s; -o-transition: background-color 0.5s, color 0.5s; -ms-transition: background-color 0.5s, color 0.5s; transition: background-color 0.5s, color 0.5s; }
.more:hover { background-color: #0287c9; }

.btn-blue { background-color: #b8d4ea; border: 1px solid #ffffff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 10px 25px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; text-shadow: none; color: #0287c9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block; text-align: center; }
.btn-white { background-color: #ffffff; border: 1px solid #dadada; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 10px 25px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; text-shadow: none; color: #0287c9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block; text-align: center; }

a.more { color: #0287c9; padding: 8px 20px; border: 1px solid #dadada; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block; float: left; margin-top: 20px; }
a.more:hover { background-color: #0287c9; color: #ffffff !important; text-decoration: none; }
a.more.center { display: inline-block; float: none !important; }

/********** END rewrite rules for animation effect **********/
/********** Customize menus styles **********/

.separator { display: block; border-bottom: 1px solid #dee4e9; height: 1px; width: 100%; }

.dropdown-mobile-lang > div { display: inline-block; }
.all-mobile-languages > a { color: #afafaf; }
.dropdown-mobile-lang > div > a { line-height: 28px; padding: 0 8px; font-size: 15px; }
.default-mobile-language > a { font-weight: 600 !important; color: #12578c; }
.dropdown-mobile-lang { text-align: center; border: 1px solid #dadada; margin: 15px 15px 25px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

/********** END Customize menus styles **********/
/********** Alignment **********/

.container.center { text-align: center; }
.col-md-12 .span5 h3, .col-md-12 .span5 h4 { text-align: left; }
.col-md-12 .span5 p { margin-left: 0; }
.left { float: left; }
.right { float: right !important; }
.icon.center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center, .mobile-text-center { text-align: center; }
.relative { position: relative; }
.no-padd { padding: 0px; }
.no-padd-right{padding-right:0; }
.no-padd-left{padding-left:0; }
.half-p-centered { width: 100%; text-align: center; }

@media (min-width: 768px){
    .mobile-text-center { text-align: left; }
}

/********** END Alignment **********/
/********** Wrappers **********/

.wrapper-submenu { background-color: #37464f; height: auto; }

.wrapper-tabs-login, .wrapper-tabs { background: url('/resources/en/general/bg-tabs-small.png') repeat-x center top; width: 100%; height: 100%; position: relative; z-index: 2; }
.wrapper-clients { background-color: #135d97; }
.wrapper-clients .col-md-12 { color: #fff; }
.wrapper, .wrapper-dark { width: 100%; height: 100%; }
.wrapper .span4 img, .wrapper .span4 img { clear: both; }
.wrapper h1, .wrapper h2, .wrapper-gray h2, .wrapper h3, .wrapper h4, .wrapper-gray h1, .wrapper-gray h3, .wrapper-gray h4 { z-index: 3; position: relative; }

.wrapper-white { background-color: #ffffff; }
.wrapper-gray { background-color: #efeeee; }
.wrapper-dark { background-color: #37464f; }
.wrapper-blue { background-color: #0287c9; }
.wrapper-blueDark { background-color: #135d97; }
.wrapper-dark h1, .wrapper-dark h2, .wrapper-dark h3 { color: #ffffff; }

.wrapper-get-started { background: #37464f url('/resources/en/general/small-footer-bg.jpg') repeat center top; }
.wrapper-get-started h2 { color: #c7c7c7; text-shadow: 0 2px 1px #ffffff; }
.wrapper-get-started p { color: #aba9a9;  font-weight: 300; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin-bottom: 20px; }
.wrapper-get-started h2 img { opacity: 0.6; }
.wrapper-get-started .btn { font-size: 20px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; display: inline-block; margin-bottom: -30px; }

.wrapper-gray-tabs { background-color: #efeeee; }

.wrapper-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.wrapper-video.widescreen { padding-bottom: 57.25%; }
.wrapper-video object, .wrapper-video embed, .wrapper-video iframe {   position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.footer-resources-container { height: auto; }
.news-text { text-align: left; width: 85%; margin-left: 15%; display: block; margin-bottom: 50px; }
.news-text p { text-align: left; width: 100%; }
.news-text h4 { text-align: left; }
.news-text a:hover { color: #0067b1; }

#wheels-container { display: block; }
.big-wheel { position: absolute; right: 0; top: -145px; z-index: 1; display: none; }
.small-wheel { position: absolute; right: 285px; top: 35px; z-index: 1; display: none; }
.cover{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.notebook-footer { display: none; margin: 0 auto; margin-top: -15px; }
.notebook-link { display: block; position: relative; }
.play{position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px; opacity: 1; }

.bg-map-gray { background: #efeeee url('/resources/en/general/top-map-gray.jpg') no-repeat center center; height: 235px; width: 100%; }
.bg-top-gray-medium { z-index: -1; background: #efefef; position: absolute; left: 0; right: 0; width: 100%; padding: 0; margin: 0; height: 445px; }

/********** END Wrappers **********/
/********** Icons styles **********/

.tabs-icon .icon { cursor: pointer; }
.tabs-icon h4 a { color: #293443; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; outline: none; }
.tabs-icon h4 a:hover, .tabs-icon h4 a.hover { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 800; }

/********** END Icons styles **********/
/********** Styles normal icons **********/

.icon { width: 150px; height: 150px; text-align: center; margin: 0 auto; vertical-align: middle; color: white; font-size: 110px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 3px solid transparent; transition: border .5s ease-in-out; -webkit-transition: border .5s ease-in-out; -moz-transition: border .5s ease-in-out; }
.icon img { width: 125px; height: 125px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.icon div { width: 190px; height: 150px; display: table-cell; margin: 0 auto; vertical-align: middle; }
.icon.hover { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 3px solid #0287c9; transition: border .5s ease-in-out; -webkit-transition: border .5s ease-in-out; -moz-transition: border .5s ease-in-out; }
.icon img.hover { width: 125px; height: 125px; overflow:hidden; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.icon .text { font-size: 16px; line-height: 25px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 700; color: #ffffff; }
.icon  div.text { background-color: #3071a4; border-radius: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px; padding: 0 5px; }

/********** END Styles normal icons **********/
/********** Styles big icons **********/

.icon.big, .icon.big div, .icon.big img { width: 200px; height: 200px; }

.icon.filled, .icon.filled div { width: 180px; height: 180px; }
.icon.filled, .icon.filled  div.text { background-color: #efefef; border-radius: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px; z-index: 3; }
.icon.filled .text { color: #135d97; }

.small-icon { width: 120px; height: 120px; text-align: center; margin: 0 auto; vertical-align: middle; }
.small-icon div { display: table-cell; margin: 0 auto; width: 120px; height: 120px; vertical-align: middle; }

.box-icon { width: 100%; height: 160px; text-align: center; }
.box-checked { background: url("/resources/en/general/list_img.png") no-repeat left 30px top; padding-left: 65px; text-align: left; }
  
/********** END Styles big icons **********/  
/********** Boxes styles **********/

.icon-text.wide { width: 100% !important; }
.icon-text { width: 80% !important; margin: 0 auto; display: block; width: auto; height: auto; }
.icon-text h4 { margin-top: 10px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; }

/********** END Boxes styles **********/
/********** Testiomial Person **********/

.wrapperTestimonial { padding: 20px 0 60px; }
.wrapperTestimonial .testimonialContainer { background-color: #0287c9; position: relative; padding: 30px; }
.wrapperTestimonial .testimonialContainer:before { border-bottom: 30px solid #0287c9; border-left: 20px solid transparent; border-right: 20px solid transparent; content: ""; height: 30px; left: 58.3333%; margin-left: -25px; position: absolute; top: -30px; width: 20px; }
.doubleQuote.floatLeft img { float: left; }
.doubleQuote.floatRight img { float: right; }
.testimonialBox  { position: relative; }
.testimonialBox .col-sm-5 { position: absolute; top: 0; bottom: 0; right: 0; }
.testimonialBox .testimonialPersonBox { position: absolute; top: 50%; margin-top: -65.5px; right: 0; }
.testimonialPerson { margin-top: -20px; position: absolute; left: 30px; top: 50%; }
.testimonialPerson img { width: 125px; height: 128px; }
.testimonialBox .col-sm-7:before { border-left: 2px solid #135d97; bottom: -10px; content: ""; position: absolute; right: -1px; top: -10px; width: 1px; }
.testimonialBox .col-sm-7 p { font-size: 24px;  line-height: 32px; }
.testimonialPersonName, .personLocation { font-size: 18px; line-height: 26px; }
.testimonialBox .col-sm-7 { padding-right: 30px; }
.testimonialBox .col-sm-5 { padding-left: 30px; }
.wrapperTestimonial .roll-effect-link-box:before { background-image: url("/resources/en/homepage/see_more_img.png"); }
.wrapperTestimonial .rollBox { text-align: left; }
.wrapperTestimonial .roll-effect { padding-left: 0; }

@media (min-width: 768px) and (max-width: 991px){
    .testimonialBox .col-sm-7 p { font-size: 20px; line-height: 28px; }
}

@media (max-width: 767px){
    .testimonialBox .col-sm-5 { position: relative; padding: 0; margin-top: 20px; }
    .testimonialBox .col-sm-7 { padding-right: 0; }
    .testimonialBox .col-sm-7:before { display: none; }
    .testimonialBox .col-sm-7 p { text-align: center; }
    .testimonialPerson { float: left; margin-top: 28px; position: static; }
    .testimonialPerson.location { margin-top: 15px; }
    .testimonialBox .testimonialPersonBox { float: right; margin-top: 0; position: static; }
    .testimonialBox .testimonialPersonBox img { width: 80px; }
    .wrapperTestimonial .rollBox { text-align: center; }
    .wrapperTestimonial .testimonialContainer:before { margin-left: -30px; left: 50%; }
}

/********** END Testiomial Person **********/
/********** Forms styles **********/

input[type="text"], textarea, select { border: 1px solid #dadada; padding: 5px 10px; color: #0287c9; }
.submit { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #dadada; padding: 7px 10px; color: #135d97; background-color: #fff; }

/********** END Forms styles **********/
/********** Pages styles **********/

.shopper-support-logos { background: url('/resources/en/general/mobile-clients-gray.png') repeat-y center 60px fixed; height: 210px; width: 100%; }
.shopper-support-logos .logos-overlay { background: url('/resources/en/general/logos-overlay.png') repeat-y center top; height: 210px; width: 100%; }

/********** END Pages styles **********/
/********** Colors **********/

.blue { color: #135d97 !important; }
.dark-blue { color: #0287c9 !important; }
.gray { color: #293443 !important; }
.gray-h2 { color: #383838 !important; }
.dark-gray { color: #202020 !important; }
.white { color: #ffffff !important; }

/********** END Colors **********/
/********** Special img/box effect **********/

.icon-effect:hover, .icon-effect:focus, .icon-effect:active { animation-duration: 1s; animation-iteration-count: 1; animation-name: icon-effect; animation-timing-function: ease-in-out; }
.icon-effect { cursor: pointer; backface-visibility: hidden; display: inline-block; transform: translateZ(0px); vertical-align: middle; text-decoration: none; }

@keyframes icon-effect {
    16.65% { transform: translateY(8px); }
    33.3% { transform: translateY(-6px); }
    49.95% { transform: translateY(4px); }
    66.6% { transform: translateY(-2px); }
    83.25% { transform: translateY(1px); }
    100% { transform: translateY(0px); }
    }

.box-special-effect.active { animation-duration: 1s; animation-iteration-count: 1; animation-name: box-special-effect; animation-timing-function: ease-in-out; }
.box-special-effect { backface-visibility: hidden; display: inline-block; transform: translateZ(0px); vertical-align: middle; cursor: pointer; text-decoration: none; }
@keyframes box-special-effect {
    16.65% { transform: translateY(30px); }
    33.3% { transform: translateY(-6px); }
    49.95% { transform: translateY(15px); }
    66.6% { transform: translateY(-2px); }
    83.25% { transform: translateY(5px); }
    100% { transform: translateY(0px); }
    }

/********** END Special img/box effect **********/
/********** Special Link effect **********/

.roll-effect-link-box { display: inline-block; position: relative; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
.roll-effect-link-box:before { z-index: 0; content: ""; width: 22px; height: 22px; background-image: url("/resources/en/homepage/learn_more_img.png"); background-repeat: no-repeat; position: absolute; top: 50%; right: 10px; margin-top: -10px; }
.roll-effect-link-box.white:before { background-image: url("/resources/en/homepage/see_more_img.png"); }
.roll-effect-link-box:hover:before { transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; right: 0; }
.roll-effect-link { display: block; overflow: hidden; line-height: 20px; padding-right: 30px; position: relative; z-index: 10; }
.roll-effect-link-box:hover span, .roll-effect-link:hover span { transform: translateY(-100%); }
.roll-effect { display: inline-block; position: relative; transition: transform 0.3s ease 0s; padding: 0 10px 0 0; }
.roll-effect:before { content: attr(data-hover); font-weight: 500; position: absolute; top: 100%; transform: translate3d(0px, 0px, 0px); }
.learn_more_effect:hover { color: #12578c; }

.wrapper_see_more { background-color: #135d97; margin: 50px 0 0; }
.wrapper_see_more.darkerBlue { background-color: #0d4f83; }
.wrapper_see_more.dark { background-color: #0d4f83; }
.see_more { line-height: 17px; }
.see_more a { position: relative; z-index: 10; padding-right: 30px; height: 20px; color: #fff; cursor: pointer; display: block; font-size: 16px; font-weight: 300; line-height: 20px; margin: 15px 0; }
.see_more a:hover, .see_more a:active, .see_more a:focus { color:#fff; }

/********** END Special Link effect **********/
/********** Special box effect **********/

.rotateBox .hoverView .roll-effect-link-box:before { background-image: url("/resources/en/homepage/see_more_img.png"); }
.rotateBoxWrap { position:relative; perspective: 1000px; }
.rotateContainer { transition: all 750ms ease 0s; transform-style: preserve-3d; position:relative; }
.rotateBox { transform-style: preserve-3d; position: relative; transform-style: preserve-3d; }
.rotateBox .normalView { background-color: #ffffff; transform: rotateY(0deg); overflow: hidden; backface-visibility: hidden; transform-style: preserve-3d; transition: all 750ms ease 0s; }
.rotateBox .hoverView { background-color: #0287c9; transform: rotateY(180deg); overflow: hidden; position: absolute; top: 0; left: 0; right: 0; z-index: -1; backface-visibility: hidden; transform-style: preserve-3d; transition: all 750ms ease 0s; }

@media (min-width: 768px){
    .rotateBox:hover .normalView { transform: rotateY(-180deg); transform-style: preserve-3d; }
    .rotateBox:hover .hoverView { transform: rotateY(0deg); transform-style: preserve-3d; }
    .rotateBox:hover .roll-effect-link { line-height: 20px; }
}

/********** END Special box effect **********/
/********** emptyResponse **********/

.emptyResponse { font-weight: 300; color: #293443; }

/********** END emptyResponse **********/
/********** bounceIn **********/

.bounceIn.active { -webkit-animation-name: circle-pop; animation-name: circle-pop; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; visibility: visible !important; }

@keyframes circle-pop {
    0% { transform: scale(0); opacity: 0.0; }
    60% { transform: scale(1.1); }
    80% { transform: scale(0.9); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes circle-pop {
    0% { -webkit-transform: scale(0); opacity: 0.0; }
    60% { -webkit-transform: scale(1.1); }
    80% { -webkit-transform: scale(0.9); opacity: 1; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

/********** END bounceIn **********/
/********** Pop-up video **********/

.videoContainer  { position: relative; z-index: 0; overflow: hidden; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.videoContainer .youtube, .videoContainer .ajax { position: absolute; z-index: 20; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } 
.videoContainer .video_play_img span { color: transparent; }
.videoContainer .video_play_a { background-color: #fff; display: inline-block; position: absolute; width: 48px; height: 48px; top: 0; left: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0.25; z-index: 1; }
.videoContainer .video_play_b { background-color: #fff; display: inline-block; position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; z-index: 2; }
.videoContainer .video_play_c { opacity: 0.5; background-image: url("/resources/en/homepage/home_play_arrow.png"); background-repeat: no-repeat;display: inline-block; position: absolute; top: 50%; margin-top: -11px; left: 50%; margin-left: -8px; width: 21px; height: 23px; z-index: 5; }
.videoContainer .video_play_box { position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; display: block; width: 48px; height: 48px; }
.logo-testimonial { left: 10px; opacity: 0.5; position: absolute; top: 75%; width: 100px; }
.videoContainer:hover .video_play_b { width: 48px; height: 48px; left: 0; margin-left: 0; top: 0; margin-top: 0; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.videoContainer:hover .video_play_c { opacity: 1; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.videoContainer:before { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; opacity: 0; background-color: #0079cd; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
.videoContainer:hover:before { opacity: 0.3; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.videoContainer .video_img_box img { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.videoContainer:hover .video_img_box img { transform: scale(1.1); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.videoContainer .video_img_box > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: transparent; display: block; z-index: 10; }

/********** END Pop-up video **********/
/********** New General Style **********/

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

body { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 24px; color: #293443; }
p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; margin: 10px auto; line-height: 24px; color: #293443; }
h1, h2, h3, h4, p, a.more { font-weight: 300; }
h1 { font-size: 26px; line-height: 36px; color: #135d97; font-weight: 300; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
h1.sectionTitle { border-bottom: 1px solid rgba(0,0,0,0.25); margin-bottom: 30px; padding-bottom: 30px; margin-top: 0; font-weight: 300; text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
h1.sectionTitle.border-bottom-blue { border-bottom: 1px solid #135b93; }
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 { color: #293443 !important; font-weight: 100; }
h1.thin-white { color: #ffffff !important; font-weight: 100; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
h2 { font-size: 20px; line-height: 30px; color: #135d97; font-weight: 300; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
h2.sectionSubtitle { margin-top: 0; color: #37464f; font-weight: 300; text-align: center; }
h2.s { color: #293443; font-weight: 300; }
h3.half { font-size: 14px; line-height: 18px; color: #135d97; font-weight: 300; }
h3 { font-size: 18px; line-height: 28px; color: #135d97; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; }
h3.sectionSubSubTitle { color: #293443; text-align: center; margin-bottom: 40px; }
h3.s { color: #293443; font-weight: 300; }
h3 a { font-size: 18px; line-height: 28px; font-weight: 300; }
h4 { font-size: 16px; line-height: 24px; color: #293443; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
h5 { font-size: 14px; line-height: 24px; color: #293443; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; }

a { font-size: 14px; line-height: 24px; color: #12578c; cursor: pointer; outline: none !important; }
a:hover { text-decoration: none; color: #0287c9; }
:focus { outline:none; }
::-moz-focus-inner { border:0; }
ul { margin-left: 0; padding-left: 30px; }
ul li, ol li { list-style-image: url('/resources/en/general/list_img_mobile.png'); line-height: 24px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px;  }
ul li li, ol li li { list-style-image: url('/docs/en/new-design/list-type-l2.png'); font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 24px; }

@media (min-width: 768px){
    body { font-size: 16px; line-height: 26px; }
    p { font-size: 16px; line-height: 26px; }
    a, ul li, ul li li, ol li, ol li li, a.more { font-size: 16px; line-height: 26px; }
    ul li, ol li { list-style-image: url('/resources/en/general/list_img.png'); }
    h1, h1.s, h1.thin { font-size: 40px; line-height: 50px; }
    h1.thin-white { font-size: 40px; line-height: 50px; }
    h2 { font-size: 24px; line-height: 34px; color: #37464f; }
    h3 { font-size: 20px; line-height: 30px; }
    h3 a { font-size: 20px; line-height: 30px; }
    h4 { font-size: 18px; line-height: 28px; }
    h1, h2, h3, h4, p, a.more { margin-left: 0; margin-right: 0; }
    h5 { font-size: 16px; line-height: 26px; }
    }

@media (min-width: 992px){
    h1, h1.s, h1.thin { font-size: 48px; line-height: 58px; }
    h2 { font-size: 28px; line-height: 38px; }
    h3 { font-size: 22px; line-height: 32px; }
    h3 a { font-size: 22px; line-height: 32px; }
    h4 { font-size: 20px; line-height: 30px; }
}
/*=== END font style ===*/
/*=== Special Modification ===*/

h2.sectionTitleSpecial, h3.sectionTitleSpecial, h4.sectionTitleSpecial, h5.sectionTitleSpecial, h6.sectionTitleSpecial { color: #135d97; margin-bottom: 30px; padding-bottom: 30px; margin-top: 0; font-weight: 300; text-align: center; font-size: 26px; line-height: 36px; border-bottom: 1px solid rgba(0,0,0,0.25); }
h2.sectionTitleSpecial.bottom-buffer0, h3.sectionTitleSpecial.bottom-buffer0, h4.sectionTitleSpecial.bottom-buffer0, h5.sectionTitleSpecial.bottom-buffer0, h6.sectionTitleSpecial.bottom-buffer0 { margin-bottom: 0; }
h2.sectionTitleSpecial.white, h3.sectionTitleSpecial.white, h4.sectionTitleSpecial.white, h5.sectionTitleSpecial.white, h6.sectionTitleSpecial.white { color: #fff; border-bottom: 1px solid rgba(0,0,0,0.25); }
h2.sectionTitleSpecial.noBorderBottom, h3.sectionTitleSpecial.noBorderBottom, h4.sectionTitleSpecial.noBorderBottom, h5.sectionTitleSpecial.noBorderBottom, h6.sectionTitleSpecial.noBorderBottom { border-bottom: none; }
h2.sectionTitleSpecial.noPaddBottom, h3.sectionTitleSpecial.noPaddBottom, h4.sectionTitleSpecial.noPaddBottom, h5.sectionTitleSpecial.noPaddBottom, h6.sectionTitleSpecial.noPaddBottom { padding-bottom: 0; }
h2.sectionTitleSpecial.border-bottom-blue, h3.sectionTitleSpecial.border-bottom-blue, h4.sectionTitleSpecial.border-bottom-blue, h5.sectionTitleSpecial.border-bottom-blue, h6.sectionTitleSpecial.border-bottom-blue { border-bottom: 1px solid #135b93; }

h1.sectionSubTitleSpecial, h3.sectionSubTitleSpecial, h4.sectionSubTitleSpecial, h5.sectionSubTitleSpecial, h6.sectionSubTitleSpecial { margin-top: 0; color: #37464f; font-weight: 300; text-align: center; font-size: 20px; line-height: 30px }
h1.sectionSubTitleSpecial.white, h3.sectionSubTitleSpecial.white, h4.sectionSubTitleSpecial.white, h5.sectionSubTitleSpecial.white, h6.sectionSubTitleSpecial.white { color: #ffffff; }

@media (min-width: 768px){
    h2.sectionTitleSpecial, h3.sectionTitleSpecial, h4.sectionTitleSpecial, h5.sectionTitleSpecial, h6.sectionTitleSpecial { font-size: 40px; line-height: 50px; }
    h1.sectionSubTitleSpecial, h3.sectionSubTitleSpecial, h4.sectionSubTitleSpecial, h5.sectionSubTitleSpecial, h6.sectionSubTitleSpecial { font-size: 24px; line-height: 34px; }
}

@media (min-width: 992px){
    h2.sectionTitleSpecial, h3.sectionTitleSpecial, h4.sectionTitleSpecial, h5.sectionTitleSpecial, h6.sectionTitleSpecial { font-size: 48px; line-height: 58px; }
    h1.sectionSubTitleSpecial, h3.sectionSubTitleSpecial, h4.sectionSubTitleSpecial, h5.sectionSubTitleSpecial, h6.sectionSubTitleSpecial { font-size: 28px; line-height: 38px; }
}

.font100 { font-weight: 100; }
.font300 { font-weight: 300; }
.font400 { font-weight: 400; }
.font500 { font-weight: 500; }
.font700 { font-weight: 700; }

/*=== END Special Modification ===*/
/*=== Spacers ===*/

.buffer0 { margin-top: 0; margin-bottom: 0; }
.buffer10 { margin-top: 5px; margin-bottom: 5px; }
.buffer20 { margin-top: 10px; margin-bottom: 10px; }
.buffer25 { margin-top: 12px; margin-bottom: 12px; }
.buffer30 { margin-top: 15px; margin-bottom: 15px; }
.buffer40 { margin-top: 20px; margin-bottom: 20px; }
.buffer50 { margin-top: 25px; margin-bottom: 25px; }
.buffer60 { margin-top: 30px; margin-bottom: 30px; }
.buffer70 { margin-top: 35px; margin-bottom: 35px; }
.buffer80 { margin-top: 40px; margin-bottom: 40px; }
.buffer90 { margin-top: 45px; margin-bottom: 45px; }
.buffer100 { margin-top: 50px; margin-bottom: 50px; }

.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-buffern120 { margin-top: -60px; }
.top-buffern100 { margin-top: -50px; }
.top-buffern90 { margin-top: -45px; }
.top-buffern80 { margin-top: -40px; }
.top-buffern70 { margin-top: -35px; }
.top-buffern60 { margin-top: -30px; }
.top-buffern50 { margin-top: -25px; }
.top-buffern40 { margin-top: -20px; }
.top-buffern30 { margin-top: -15px; }
.top-buffern20 { margin-top: -10px; }
.top-buffern10 { margin-top: -5px; }

.buffern120 { margin-top: -120px; }
.buffern100 { margin-top: -100px; }
.buffern90 { margin-top: -90px; }
.buffern80 { margin-top: -80px; }
.buffern70 { margin-top: -70px; }
.buffern60 { margin-top: -60px; }
.buffern50 { margin-top: -50px; }
.buffern40 { margin-top: -40px; }
.buffern30 { margin-top: -30px; }
.buffern20 { margin-top: -20px; }
.buffern10 { margin-top: -10px; }

.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-buffer120 { margin-bottom: 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; }
    .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-buffern120 { margin-top: -120px; }

    .top-buffern90 { margin-top: -90px; }
    .top-buffern80 { margin-top: -80px; }
    .top-buffern70 { margin-top: -70px; }
    .top-buffern60 { margin-top: -60px; }
    .top-buffern50 { margin-top: -50px; }
    .top-buffern40 { margin-top: -40px; }
    .top-buffern30 { margin-top: -30px; }
    .top-buffern20 { margin-top: -20px; }
    .top-buffern10 { margin-top: -10px; }

    .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-buffer120 { margin-bottom: 120px; }

    .leftSide-10 { width: 10%; }
    .leftSide-15 { width: 15%; }
    .leftSide-20 { width: 20%; }
    .leftSide-25 { width: 25%; }
    .leftSide-30 { width: 30%; }
    .leftSide-35 { width: 35%; }
    .leftSide-40 { width: 40%; }
    .leftSide-45 { width: 45%; }
    .leftSide-50 { width: 50%; }
    .leftSide-55 { width: 55%; }
    .leftSide-60 { width: 60%; }
    .leftSide-65 { width: 65%; }
    .leftSide-70 { width: 70%; }
    .leftSide-75 { width: 75%; }
    .leftSide-80 { width: 80%; }
    .leftSide-85 { width: 85%; }
    .leftSide-90 { width: 90%; }
    .leftSide-95 { width: 95%; }

    .rightSide-10 { width: 10%; }
    .rightSide-15 { width: 15%; }
    .rightSide-20 { width: 20%; }
    .rightSide-25 { width: 25%; }
    .rightSide-30 { width: 30%; }
    .rightSide-35 { width: 35%; }
    .rightSide-40 { width: 40%; }
    .rightSide-45 { width: 45%; }
    .rightSide-50 { width: 50%; }
    .rightSide-55 { width: 55%; }
    .rightSide-60 { width: 60%; }
    .rightSide-65 { width: 65%; }
    .rightSide-70 { width: 70%; }
    .rightSide-75 { width: 75%; }
    .rightSide-80 { width: 80%; }
    .rightSide-85 { width: 85%; }
    .rightSide-90 { width: 90%; }
    .rightSide-95 { width: 95%; }

    .leftSide-10, .leftSide-15, .leftSide-20, .leftSide-25, .leftSide-30, .leftSide-35, .leftSide-40, .leftSide-45, .leftSide-50, .leftSide-55, .leftSide-60, .leftSide-65, .leftSide-70, .leftSide-75, .leftSide-80, .leftSide-85, .leftSide-90, .leftSide-95, .rightSide-10, .rightSide-15, .rightSide-20, .rightSide-25, .rightSide-30, .rightSide-35, .rightSide-40, .rightSide-45, .rightSide-50, .rightSide-55, .rightSide-60, .rightSide-65, .rightSide-70, .rightSide-75, .rightSide-80, .rightSide-85, .rightSide-90, .rightSide-95 { float: left; }
    .leftSide-10, .leftSide-15, .leftSide-20, .leftSide-25, .leftSide-30, .leftSide-35, .leftSide-40, .leftSide-45, .leftSide-50, .leftSide-55, .leftSide-60, .leftSide-65, .leftSide-70, .leftSide-75, .leftSide-80, .leftSide-85, .leftSide-90, .leftSide-95 { padding-right: 15px; }
    .rightSide-10, .rightSide-15, .rightSide-20, .rightSide-25, .rightSide-30, .rightSide-35, .rightSide-40, .rightSide-45, .rightSide-50, .rightSide-55, .rightSide-60, .rightSide-65, .rightSide-70, .rightSide-75, .rightSide-80, .rightSide-85, .rightSide-90, .rightSide-95 { padding-left: 15px; }
}

.border1 { border-bottom: 1px solid #efefef; }
.border10 { border-bottom: 10px solid #efefef; }
.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%; }

.padding-top40 { padding-top: 20px; }

.inline-block { display: inline-block !important; }
.pull-none { float: none !important; }

/*=== END Spacers ===*/
/*=== General inside page ===*/

.content { width:100%; }

.wrapperContainer { padding: 40px 0; }
.container.no-padd { padding: 0 15px; } 

.text-link { color: #12578c; }
.shopper-testimonial-text { font-size: 18px; line-height: 24px; color: #293443; font-style: italic; }

@media (min-width: 768px){
    .wrapperContainer { padding: 70px 0; }
}
@media (min-width: 1199px){
    .container.no-padd { padding: 0; }
}

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

.introPage { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #0f5a94; }
.introPage .row { padding: 40px 0; }
.introPage .col-sm-4 { display: none; }
.introPage .col-sm-8 { float: none; width: 100%; }
.introPage h1, .introPage h2, .introPage h4, .introPage p { text-align: center; }
.introPage h1, .introPage h2.specialTitleBanner { margin-top: 0; margin-bottom: 40px; font-weight: 500; }
.introPage h2, .introPage h3.specialSubTitleBanner { margin-bottom: 15px; text-align: center; }
.introPage h4 { margin-top: 0; }
.introPage.iconBanner img { width: 150px; }
.introPage h2.specialTitleBanner { font-size: 26px; line-height: 36px; }
.introPage h3.specialSubTitleBanner { font-size: 20px; line-height: 30px; }

@media (min-width: 768px){
    .introPage .row { padding: 70px 0; }
    .introPage.iconBanner h1, .introPage.iconBanner h2, .introPage.iconBanner h4, .introPage.iconBanner p { text-align: center; }
    .introPage.iconBanner img { width: auto; }
    .introPage h2.specialTitleBanner { font-size: 40px; line-height: 50px; }
    .introPage h3.specialSubTitleBanner { font-size: 24px; line-height: 34px; }
}

@media (min-width: 992px){
    .introPage h2.specialTitleBanner { font-size: 48px; line-height: 58px; }
    .introPage h3.specialSubTitleBanner { font-size: 28px; line-height: 38px; }
}

/********** END Banners style **********/

/*=== General inside page ===*/

/********** END New Genereal Style **********/
/********** Header style **********/

/* wrapper-cookie */

.wrapper-cookie { height: 98px; position: fixed; padding: 5px 0; background: linear-gradient(to bottom,#eeeeee 0%,#eeeeee 100%); 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: 11px; line-height: 16px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; display: inline-block; }
.wrapper-cookie button { display: inline-block; margin: 10px 20px; }

@media screen and (min-width:479px) {
    .wrapper-cookie	{ height: 82px; }
}

@media screen and (min-width:768px) {
    .wrapper-cookie { height: auto; }
}

/* END wrapper-cookie */
/* wrapper-heading */

.wrapper-heading { padding: 81px 0 0 0; width: 100%; height: 100%; background-color: #1566a2; }
.wrapper-heading .container.no-padd { padding: 0; }
.wrapper-heading h1 { font-size: 16px; line-height: 26px; margin: 10px 0; text-align: center; color: #ffffff; font-weight: 300; }
.wrapper-heading .row { background-color: #1566a2; }
.wrapper-heading .col-md-12 { float: none; margin: 0 auto; } 

.wrapper-heading.cookie-buffer { margin-top: 189px; }

@media screen and (min-width:479px) {
    .wrapper-heading.cookie-buffer { margin-top: 173px; }
}
@media screen and (min-width: 768px) {
    .wrapper-heading { padding-top: 131px; }
    .wrapper-heading h1 { font-size: 26px; line-height: 36px; text-align: left; font-weight: 100; }
    .wrapper-heading.cookie-buffer { margin-top: 141px; }
}
@media screen and (min-width: 991px) {
    .wrapper-heading { padding-top: 130px; }
    .wrapper-heading h1 { font-size: 28px; line-height: 38px; }
    .wrapper-heading.cookie-buffer { margin-top: 150px; }
}
@media screen and (min-width: 1200px) {
    .wrapper-heading.cookie-buffer { margin-top: 121px; }
}

/* END wrapper-heading */
/* Wrap All Content */

.wrap_all { margin-top: 71px; box-shadow: 0 0 15px rgba(50, 50, 50, 0.5);  background-color: #ffffff; }

@media (min-width: 768px){
    .wrap_all { margin-top: 62px; }
}
@media (min-width: 992px){
    .wrap_all { margin-top: 38px; }
}

/* END Wrap All Content  */
/* Header Ribbon */

.header.active .ribbon { display: none; }
.ribbon { padding: 5px 0; text-align: center; height: 71px; background-color: #ffffff; z-index: 200; position: relative; }
.imgRibbon { display: none; }
.ribbon h5 { margin: 0 0 10px; font-size: 12px; }

@media (min-width: 768px){
    .ribbon { padding: 0; height: 62px; }
    .imgRibbon { display: block; float: left; width: 20%; margin-top: 12px; text-align: left; }
    .textRibbon { float: left; width: 61%; padding: 15px 20px; position: relative; text-align: left; }
    .textRibbon:before { content:""; position: absolute; top: 5px; bottom: 5px; width: 1px; left: 0; border-left: 1px solid #293443; }
    .ribbon h5 { margin: 0; }
    .ribbon .rollBox { float: left; width: 19%; margin-top: 20px; text-align: right; }
}

@media (min-width: 768px) and (max-width: 991px){
    .ribbonLogo { max-width: 124px; }
    .ribbon h5 { font-size: 11px; }
}

@media (min-width: 992px){
    .ribbon { height: 38px; text-align: left; }
    .imgRibbon { width: 20%; margin-top: 4px; }
    .textRibbon { width: 66%; padding: 7px 15px; }
    .ribbon .rollBox {  width: 14%; margin-top: 10px; }
}
@media (min-width: 1200px){
    .imgRibbon { width: 16%; }
    .textRibbon { width: 72%; padding: 6px 27px; }
    .ribbon .rollBox {  width: 12%; margin-top: 9px; }
    .ribbon h5 { font-size: 16px; }
}

/* END Header Ribbon */
/* Ribbon Pop-up Container */

.ribbonContentBox { position: fixed; top: 0; right: 0; left: 0; bottom: 0;  z-index: 300; display: none; }
.ribbonContentBox.active { display: block; }
.ribbonContentBox:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #135d97; opacity: 0.5; z-index: -1; }
.ribbonBox { background-color: #ffffff; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow-x: scroll; }
.topRibbon { background-color: #0287c9; padding: 30px; }
.topRibbon h1, .topRibbon h1 span { margin: 0; text-align: center; }
.ribbonContentBox .close { cursor: pointer; color: transparent; position: absolute; top: 20px; right: 20px; width: 19px; height: 19px; background-image: url('/assets/js/colorbox/images/colorbox-close.png'); }
.ribbonBoxDescription { padding: 30px; }
.ribbonRollBox { text-align: center; }
.ribbonRollBox .rollBox { display: inline-block; margin: 0 10px; position: relative; }

@media (min-width: 768px){
    .ribbonBox { background-color: #ffffff; width: 500px; position: absolute; left: 50%; margin-left: -250px; top: 50%; height: 600px; margin-top: -300px; }
}

@media (min-width: 1200px){
    .ribbonBox { overflow-x: initial; background-color: #ffffff; width: 1000px; position: absolute; left: 50%; margin-left: -500px; top: 50%; height: 600px; margin-top: -300px; }
}

/* END Ribbon Pop-up Container */
/* Header Menu Zone */

    .header.cookie-buffer { margin-top: 98px; top:0; }

    @media screen and (min-width:479px) {
        .header.cookie-buffer { margin-top: 82px; }
    }

    @media screen and (min-width:768px) {
        .header.cookie-buffer { margin-top: 49px; }
    }

    /* Meniu Logo */

        #primary-mobile-menu .navbar-header a img { display: none;}
        .header .logo { float: left; width: 109px; height: 35px; }

        .header.active #primary-mobile-menu .navbar-header a img{ display: block;}
        .header #primary-mobile-menu .navbar-header a { background-image: url("/resources/en/general/avangate-ToCheckout-white.png"); background-repeat: no-repeat; background-size: 100% 100%; display: block; height: 35px; margin-top: 0; width: 109px; float: left; display: block; }

    /* END Meniu Logo */
    /* Mobile Header */

        .content.active { margin-left: -80%; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; }
        .content { transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; }
        .header { z-index: 100; width: 100%; background-color: #135d97; position:fixed; }
        .header { background: #1b82c1; background: -moz-linear-gradient(top,  #1b82c1 1%, #1566a2 100%); background: -webkit-linear-gradient(top,  #1b82c1 1%,#1566a2 100%); background: linear-gradient(to bottom,  #1b82c1 1%,#1566a2 100%); }
        .header.active { background-color: #ffffff; background-image: none; border-bottom: 1px solid #dadada; -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 0 15px rgba(50, 50, 50, 0.5); box-shadow: 0 0 15px rgba(50, 50, 50, 0.5); }
        .header.active #primary-mobile-menu .navbar-header a { background-image: none; }
        .header .row .col-md-3 img { width: 150px; }
        .header.active { background-color: #ffffff; }
        .header > div+div+div+div { border-bottom: 1px solid #3a8bbf; }
        .header > div+div+div+div.active { border-bottom: none; }

        /* Secundary Mobile Menu */

            #secundary-mobile-menu.navbar { margin-bottom: 0; min-height: 30px; }
            #secundary-mobile-menu ul.nav { float: left; margin: 5px -7px 0; }
            #secundary-mobile-menu ul.nav li a { padding: 5px 7px; color: #ffffff; font-size: 11px; line-height: 14px; }
            #secundary-mobile-menu ul.nav li.last { background: url('/resources/en/general/secundary-menu-separator.jpg') no-repeat left top 5px; line-height: 14px; }
            #secundary-mobile-menu ul.nav > li + li { margin: 0; }
            #secundary-mobile-menu ul.nav > li > a:hover, #secundary-mobile-menu ul.nav > li > a:focus, #secundary-mobile-menu ul.nav > li > a.selected { background-color: transparent; position: relative; }

            .header.active #secundary-mobile-menu ul.nav li a { color: #293443; }

            #secundary-mobile-menu .btn { margin-top: 5px; }

        /* END Secundary Mobile Menu */
        /* END Primary Mobile Menu */

            #primary-menu ul li, #secundary-menu ul li, #primary-mobile-menu ul li { list-style-type: none; list-style-image: none; }
            #primary-mobile-menu .nav .open > a, #primary-mobile-menu .nav .open > a:hover, #primary-mobile-menu .nav > li > a:hover, #primary-mobile-menu .nav > li > a:focus { background-color: #12578c; }

            /* Mobile menu icon */

                #primary-mobile-menu .nav-icon { cursor: pointer; float: right; height: 25px; margin: 17px 3px 3px 3px; position: relative; transform: rotate(0deg); transition: all 0.5s ease-in-out 0s; width: 25px; }
                #primary-mobile-menu .nav-icon span { background: #fff none repeat scroll 0 0; border-radius: 1px; display: block; height: 3px; left: 0; opacity: 1; position: absolute; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; width: 100%; }
                #primary-mobile-menu .nav-icon span:nth-child(1) { top: 0; }
                #primary-mobile-menu .nav-icon span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 8px; }
                #primary-mobile-menu .nav-icon span:nth-child(4) { top: 16px; }
                #primary-mobile-menu .nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
                #primary-mobile-menu .nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
                #primary-mobile-menu .nav-icon.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
                #primary-mobile-menu .nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

                .header.active #primary-mobile-menu .nav-icon span { background: #12578c none repeat scroll 0 0; }

            /* END Mobile menu icon */

        /* END Primary Mobile Menu */

        /* Mobile Menu */

            .mobileMenu { background-color: #ffffff; z-index: 0; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; display: block; position: fixed; top: -1px; right: -80%; width: 80%; bottom: 0; overflow-y: scroll; }
            .mobileMenu.active { right: 0; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; margin-left: 100%; }
            .mobileMenu:before { bottom: 0; content: ""; height: 100%; left: -26px; position: absolute; right: 0; top: 0; transition: all 0s ease 0s; width: 0; z-index: 0; }
            .mobileMenu.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; }
            .mobileMenu > ul { padding-top: 10px; }
            .mobileMenu ul li a { font-family: 'Roboto', Arial, Helvetica, sans-serif; }
            .mobileMenu > ul > li > a { font-size: 15px; color: #293443; }
            .mobileMenu > ul > li > a:hover, .mobileMenu .dropDown.open > a { color: #ffffff; }
            .mobileMenu .dropDownMobile { display: none; padding: 0 15px; }
            .mobileMenu .dropDownMobile li a { font-size: 15px; font-weight: 300; padding-left: 30px; line-height: 30px; }
            .mobileMenu .dropDownMobile li.mobileSubtile a { font-weight: 400; padding-left: 0; }

            .mobileMenu .dropDown > a { text-transform: uppercase; }
            .mobileMenu > ul > li:nth-child(5n),.mobileMenu > ul > li:nth-child(9n), .mobileMenu > ul > li.last { margin-bottom: 10px; }
            .mobileMenu > ul > li:nth-child(7n) { margin-top: 10px; }
            .mobileMenu > ul > li:nth-child(5n) > a { text-transform: uppercase; }
            .mobileMenu > ul > li+li+li+li+li+li a { font-weight: 300; }

            .mobileMenu .dropDown { position: relative; }
            .mobileMenu .dropDown > a:before { content: ""; background-image: url("/resources/en/homepage/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; }
            .mobileMenu .dropDown > a:hover:before { content: ""; background-image: url("/resources/en/homepage/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; }
            .mobileMenu .dropDown.open > a:before { content: ""; background-image: url("/resources/en/homepage/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; }
            .mobileMenu .dropDown.open > a:hover:before { content: ""; background-image: url("/resources/en/homepage/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; }

            .mobileMenu .default-language { float: none; }

            .mobileMenu .mobilemenuLink { background-color: #c6ddef; position: relative; display: block; }
            .mobileMenu .mobilemenuLink:before { background-image: url("/resources/en/homepage/menu_link_img.png"); background-repeat: no-repeat; background-size: cover; content: ""; height: 20px; left: 5px; margin-top: -10px; position: absolute; top: 50%; width: 20px; z-index: 0; }

            .mobileMenu .mobilemenuLink.contactUsMenu:before { background-image: url("/resources/en/homepage/contact-icon-blue.png"); }
            .mobileMenu .mobilemenuLink.hotResources:before { background-image: url("/resources/en/homepage/contact-icon-blue.png"); }
            .mobileMenu .mobilemenuLink.solutionDemo:before { background-image: url("/resources/en/general/menu-link-why-avangate-icon-blue.png"); }

            .mobileMenu .mobilemenuLink.hotResources { line-height: 17px; padding-left: 30px; }
            .mobileMenu .mobilemenuLink.hotResources a { display: block; line-height: 20px; padding: 5px 0; }

            .mobileMenu .dropdown-toggle.selected { background-color: #12578c; color: #ffffff; }
            .mobileMenu .dropdown-toggle.selected:before { background-image: url("/resources/en/homepage/menu_arrow_up_white.png"); }
            .mobileMenu .dropDown.selected .dropDownMobile { display: block; }
            .mobileMenu .navbar-nav ul > li a.selected, .mobileMenu .navbar-nav .mobileSection a.selected { position: relative; color: #0287c9; }
            .mobileMenu .navbar-nav ul > li a.selected:after, .mobileMenu .navbar-nav .mobileSection a.selected:after  { background-image: url("/resources/en/homepage/menu_hover_img.png"); background-repeat: no-repeat; content: ""; display: inline-block; height: 14px; margin-left: 15px; width: 20px; }
            .mobileMenu .dropDown { margin-bottom: 1px; }

            /* Search */

                #moblieChannelSearch { margin: 25px 15px 15px; position: relative; z-index: 0; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;  }
                #moblieChannelSearch .search-field { width:100%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
                #moblieChannelSearch .search-icon { position: absolute; top: 50%; right: 10px; z-index: 1; margin-top: -11px; }

            /* END Search */

        /* END Mobile Menu */

    /* END Mobile Header */
    /* Desktop Header */

        /* Desktop Secundary Menu */

        #hide-at-scroll, body > div.content.up #hide-at-scroll { padding-top: 15px; height: 49px; margin-top: 0; transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; }
        body > div.content.down #hide-at-scroll { visibility: hidden; margin-top: -49px; transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; }

        .header #secundary-menu { width: 100%; margin-bottom: 0; min-height: 30px; border-radius: 0; }
        .header #secundary-menu ul.nav { float: right; margin-bottom: 0; margin-left: 0; }
        .header #secundary-menu ul.nav > li.searchField > a:before { display: none; }
        .header #secundary-menu	ul.nav > li + li { margin: 0; }
        .header #secundary-menu ul.nav li a { font-weight: 400; font-size: 12px; line-height: 15px; color: #ffffff; padding: 5px 10px; outline: none; }
        .header #secundary-menu ul.nav li.last a { font-size: 15px; }
        .header #secundary-menu ul.nav > li > a:hover, #secundary-menu ul.nav > li > a:focus, #secundary-menu ul.nav > li > a.selected { background-color: transparent; position: relative; }
        .header #secundary-menu ul.nav > li > a:before { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; content:""; position: absolute; bottom: -1px; border-bottom: 2px solid #ffffff; left: 10px; right: 100%; height: 2px; }
        .header #secundary-menu ul.nav > li > a:hover:before, #secundary-menu ul.nav > li > a.selected:before { right: 10px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }

        .header.active #secundary-menu ul.nav li a { color: #afafaf; }
        .header.active #secundary-menu ul.nav li a:hover, .header.active #secundary-menu li a:focus, .header.active #secundary-menu li a:active, .header.active #secundary-menu ul.nav > li > a.selected { color: #2a6496; }
        .header.active #secundary-menu ul.nav > li > a:before { border-bottom: 2px solid #2a6496; }

            /* Search */

                /* Channel Search */

                    .header #channel-search { z-index: 100; visibility: hidden; position: absolute;  right: 42px; left: 145px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; background-color: #12578c; height: 32px; }
                    .header #channel-search .search-field { padding: 5px 10px 5px 30px; width: 0; float: right; border: none; font-size: 15px; height: 32px; line-height: 22px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none; -moz-transition: width .3s ease; -ms-transition: width .3s ease; -o-transition: width .3s ease; -webkit-transition: width .3s ease; transition: width .3s ease; }
                    .header #channel-search.expanded .search-field { background-color: transparent; border: medium none; border-radius: 16px; float: right; font-size: 15px; font-weight: 300; height: 32px; line-height: 22px; top: 0; visibility: visible; width: 99%; -moz-transition: width .3s ease; -ms-transition: width .3s ease; -o-transition: width .3s ease; -webkit-transition: width .3s ease; transition: width .3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
                    .header #channel-search .normal input[type="text"] { color: #ffffff !important; }
                    .header #channel-search .scroll input[type="text"] { color: #293443 !important; }
                    .header #channel-search .closeSearchChannel { position: absolute; width: 14px; height: 14px; right: 10px; top: 9px; cursor: pointer;  }
                    .header #channel-search .closeSearchChannel .closeSearchLeft { position: absolute; height: 16px; width: 1px; background-color: #ffffff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: -1px; left: 6px; }
                    .header #channel-search .closeSearchChannel .closeSearchRight { position: absolute; top: -1px; right: 7px; height: 16px; width: 1px; background-color: #ffffff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
                    
					.header #channel-search .normal input[type="text"]::-webkit-input-placeholder { color: #ffffff !important; opacity: 0.3; }
                    .header #channel-search .scroll input[type="text"]::-webkit-input-placeholder  { color: #96a9bd !important; opacity: 0.3; }

                    .header #channel-search .normal input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: white !important; opacity: 0.3; }
                    .header #channel-search .scroll input[type="text"]::-moz-placeholder  { color: black !important; opacity: 0.3; }

                    .header #channel-search .normal input[type="text"]::-ms-input-placeholder { /* IE 10+ */ color: white !important; opacity: 0.3; }
                    .header #channel-search .scroll input[type="text"]::-ms-input-placeholder  { color: red !important; opacity: 0.3; }

                    .header #channel-search .normal input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: white !important; opacity: 0.3; }
                    .header #channel-search .scroll input[type="text"]:-moz-placeholder  { color: black !important;  opacity: 0.3; }

                    .header #channel-search #search-btn { height: 21px; margin-top: 5px; position: absolute; left: 6px; width: 21px; }

                    .header.active #channel-search { background-color: #ffffff; border: 1px solid #dee4e9; }
                    .header.active #channel-search.expanded .search-field { height: 30px; }
                    .header.active #logo-search-form.normal, #logo-search-form.scroll { display: none; }
                    .header.active #logo-search-form.scroll { display: block; }
					
					.header.active #channel-search .closeSearchChannel .closeSearchLeft { background-color: #135d97; }
                    .header.active #channel-search .closeSearchChannel .closeSearchRight { background-color: #135d97; }

                    @media (min-width: 992px){
                        .header #channel-search { left: 315px; }
                    }

                    @media (min-width: 992px) and (max-width: 1199px) {
                        .header #channel-search { left: 265px; }
                    }

                /* END Channel Search */

            .header #secundary-menu	ul.nav > li.searchField { margin: 0 10px; }
            .header #secundary-menu #link-search { float: left; display: block; width: 32px; height: 32px; background-color: #12578c; padding: 0; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius: 50%; }
            .header #secundary-menu #link-search .search-icon { width: 21px; height: 21px; display: block; margin: 4px 5px; }
            .header #secundary-menu #link-search img { margin-right: 0 !important }

            .header.active #secundary-menu #link-search { background-color: #ffffff; border: 1px solid #dee4e9; }
            .header.active #secundary-menu #link-search .search-icon.normal, .header #secundary-menu #link-search .search-icon.scroll { display: none; }
            .header.active #secundary-menu #link-search .search-icon.scroll { display: block; }

            /* END Search */
            /* Languages */

                .header #secundary-menu li.last .dropdown-lang .default-language { float: right; background-color: #12578c; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  width: 32px; height: 32px; }
                .header #secundary-menu li.last .dropdown-lang .default-language a { padding: 0; width: 32px; height: 32px; line-height: 32px; text-align: center; display: block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }

                .header.active #secundary-menu li.last .dropdown-lang .default-language { background-color: #ffffff; }
                .header.active #secundary-menu li.last .dropdown-lang .default-language.active { background-color: transparent;  }
                .header.active #secundary-menu li.last .dropdown-lang .default-language > a { color: #12578c; line-height: 30px; border: 1px solid #dee4e9; }
                .header.active #secundary-menu li.last .dropdown-lang .default-language.active > a { border: 1px solid transparent; }

                .header #secundary-menu li.last .dropdown-lang .all-languages { border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; display:none; text-align: right; width: 0;  -moz-transition: width .3s ease; -ms-transition: width .3s ease; -o-transition: width .3s ease; -webkit-transition: width .3s ease; transition: width .3s ease; }
                .header #secundary-menu li.last .dropdown-lang .all-languages.expanded { background-color: #12578c; height:32px; width: 140px; -moz-transition: width .3s ease; -ms-transition: width .3s ease; -o-transition: width .3s ease; -webkit-transition: width .3s ease; transition: width .3s ease; }
                .header #secundary-menu li.last .dropdown-lang .all-languages img { margin-right: 10px; }
                .header #secundary-menu li.last .dropdown-lang .all-languages img.last { margin-right: 0; }
                .header #secundary-menu li.last .dropdown-lang .all-languages a { cursor: pointer; display: inline-block; }

                .header #secundary-menu li.last .dropdown-lang .all-languages a { position: relative; color: #7f99b6; display: block; float: left; height: 32px; line-height: 32px; padding: 0 7px; }
                .header #secundary-menu li.last .dropdown-lang .all-languages.expanded a:hover { color: #ffffff; }
                .header #secundary-menu li.last .dropdown-lang .all-languages a:before { content: ""; width: 1px; position: absolute; top:10px; bottom: 10px; left: -1px; border-right: 1px solid #7f99b6; z-index: 2; }
                .header #secundary-menu li.last .dropdown-lang .all-languages a:first-child:before { display: none; }

                .header.active #secundary-menu li.last .dropdown-lang .all-languages > a { line-height: 30px; }
                .header.active #secundary-menu li.last .dropdown-lang .all-languages.expanded { background-color: #ffffff; border: 1px solid #dee4e9; }
                .header.active #secundary-menu li.last .dropdown-lang .all-languages.expanded a { color: #afafaf; line-height: 30px; }
                .header.active #secundary-menu li.last .dropdown-lang .all-languages.expanded a:hover { color: #12578c; }

            /* END Languages */

            @media (min-width: 992px) and (max-width: 1199px) {
                .header #secundary-menu.navbar ul li a { font-size: 13px; }
                .header #secundary-menu.navbar ul li.last a { font-size: 15px; }
            }

            @media (min-width: 1200px) {
                .header #secundary-menu ul.nav li a { font-size: 15px; line-height: 20px; }
            }

        /* END Desktop Secundary Menu */
        /* END Desktop Primary Menu Zone */

            /* Desktop Logo */

                .primaryMenuContainer .col-sm-3 > a { margin-top: 8px; background-image: url("/resources/en/general/avangate-ToCheckout-white.png"); background-repeat: no-repeat; display: block; width:141px; height:45px; background-size: 100% 100%; }
                .primaryMenuContainer .col-sm-3 > a > img { display: none; }

                .header.active .primaryMenuContainer .col-sm-3 > a > img { display: block; }
                .header.active .primaryMenuContainer .col-sm-3 > a { background-image: none; }

                @media (min-width: 768px) and (max-width: 991px){
                    .primaryMenuContainer .col-sm-3 { width:20%; }
                }

                @media (min-width: 992px){
                    .primaryMenuContainer .col-sm-3 > a { margin-top: 0; width: 159px; height: 54px; }
                }

            /* Desktop Logo */
            /* Primary Menu */

                .primaryMenuContainer #primary-menu, #storeHeader #primary-menu { width: 100%; height: 70px; margin-bottom: 0; min-height: initial; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
                .primaryMenuContainer #primary-menu .nav, #storeHeader #primary-menu .nav { float: right; margin-bottom: 0; }
                .primaryMenuContainer #primary-menu .nav > li + li, #storeHeader #primary-menu .nav > li + li { margin-left: 0; }
                .primaryMenuContainer #primary-menu .nav > li > a:hover, .primaryMenuContainer #primary-menu .nav > li > a:focus, #storeHeader #primary-menu .nav > li > a:hover, #storeHeader #primary-menu .nav > li > a:focus { background-color: #12578c; }

                .primaryMenuContainer #primary-menu ul li a, #storeHeader #primary-menu ul li a { font-weight: 400; font-family: 'Roboto', Arial, Helvetica, sans-serif; outline: none; }
                .primaryMenuContainer #primary-menu > ul > li > a, #storeHeader #primary-menu > ul > li > a { font-size: 11px; padding: 15px 7px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #ffffff; height: 70px; text-transform: uppercase; outline: none; }
                .primaryMenuContainer #primary-menu > ul > li > a:hover, #storeHeader #primary-menu > ul > li > a:hover { color: #ffffff; }
                .primaryMenuContainer #primary-menu > ul > li > ul > li a, #storeHeader #primary-menu > ul > li > ul > li a { color: #135d97; outline: none; font-weight: 300; font-size: 14px; }
                .primaryMenuContainer #primary-menu > ul > li > ul > li a:hover, .primaryMenuContainer #primary-menu > ul > li > ul > li a:focus, .primaryMenuContainer #primary-menu > ul > li > ul > li a:active, #primary-menu > ul > li > ul > li a.selected, #storeHeader #primary-menu > ul > li > ul > li a:hover, #storeHeader #primary-menu > ul > li > ul > li a:focus, #storeHeader #primary-menu > ul > li > ul > li a:active, #primary-menu > ul > li > ul > li a.selected { color: #0287c9; outline: none; background-color: transparent; }

                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list { border-bottom: 2px solid #dee4e9; display: block; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list > a { padding: 0; font-size: 20px; line-height: 24px; font-weight: 300; padding-bottom: 20px; display: inline-block; margin-bottom: 5px;  }

                .primaryMenuContainer #primary-menu .dropdown-toggle.selected:before, #storeHeader #primary-menu .dropdown-toggle.selected:before { border-bottom: 2px solid #2bb0f1; bottom: 1px; content: ""; height: 3px; left: 0; position: absolute; right: 0; z-index: -1; }
                .primaryMenuContainer #primary-menu .dropdown-toggle.selected, #storeHeader #primary-menu .dropdown-toggle.selected { position:relative; }

                .primaryMenuContainer #primary-menu > ul > li:hover > a, #storeHeader #primary-menu > ul > li:hover > a { background-color: #12578c; }
                .primaryMenuContainer #primary-menu > ul > li.dropDown:active > a, #storeHeader #primary-menu > ul > li.dropDown:active > a { background-color: transparent; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown, #storeHeader #primary-menu > ul > li > ul.menu-dropdown { position: absolute; display: none; padding: 0; width: 240px; top: 69px; background-color: transparent; margin: 0; border: none; border-top: 2px solid #12578c; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #ffffff; opacity: 0.95; z-index: -1; box-shadow: 0 6px 15px -3px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 6px 15px -3px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0 6px 15px -3px rgba(50, 50, 50, 0.5); }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown ul, #storeHeader #primary-menu > ul > li > ul.menu-dropdown ul { padding: 0; margin: 0; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul { padding: 20px 30px 0 30px; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li { text-align: left; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > a { line-height: 35px; white-space: nowrap; display: inline-block; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul > li > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul > li > a { padding: 0 15px; position: relative; line-height: 35px; white-space: nowrap; display: inline-block; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list > a, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li:hover > a, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li:hover > a, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li > a.selected, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > a.selected, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li:hover > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li:hover > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li > a.selected, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > a.selected { padding: 0 15px 0 0; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li > a:after, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > a:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li > a:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > a:after { position: absolute; right: -50px; top: 50%; margin-top: -7px; display: inline-block; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; visibility: hidden; content:""; width: 0; height: 14px; background-image: url("/resources/en/homepage/menu_hover_img.png"); background-repeat: no-repeat; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li:hover > a:after, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li:hover > a:after, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li > a.selected:after, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > a.selected:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li:hover > a:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li:hover > a:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li:first-child > ul > li > a.selected:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > a.selected:after { right: -20px; visibility: visible;  width: 20px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; }

                .primaryMenuContainer #primary-menu > ul > li > ul.menuWhyAvangate { width: 335px; }

                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown.duble_column, #storeHeader #primary-menu > ul > li > ul.menu-dropdown.duble_column { width: 540px; }
                .primaryMenuContainer #primary-menu > ul > li > ul.duble_column li.menuNavBox ul, #storeHeader #primary-menu > ul > li > ul.duble_column li.menuNavBox ul { margin: 0; padding: 20px 30px 0 30px; }

                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox { margin: 15px 0 8px; background-color: #c6ddef; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li.col-sm-6, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li.col-sm-6 { padding: 0; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li.col-sm-6:first-child, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li.col-sm-6:first-child { border-right: 1px solid #b4d0e6; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li.col-sm-6:first-child + li, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li.col-sm-6:first-child + li { border-left: 1px solid #b4d0e6; }

                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink { font-size: 12px; z-index: 2;transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;  position: relative; display: block; line-height: 60px; height: 60px; font-weight: 700; text-transform: uppercase; padding-left: 60px; padding-right: 0; color: #135d97;  }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:before { z-index:2; content: ""; position: absolute; top: 50%; margin-top: -12.5px; left: 25px; background-image: url("/resources/en/homepage/menu_link_img.png"); background-repeat: no-repeat; width: 25px; height: 25px; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:after { z-index:-1; content: ""; position: absolute; top: 0; bottom: 0; left: 0; background-color: #135d97; width: 0;}
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:hover, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:hover { color: #ffffff; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:hover:after, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:hover:after { right: 0; width: 100%; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:hover:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink:hover:before { background-image: url("/resources/en/homepage/menu_link_hover_img.png"); }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources { white-space: normal; font-size: 12px; height: auto; line-height: 20px; padding: 10px 0 10px 60px; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources:hover:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources:hover:before { background-image: url("/resources/en/homepage/resources_menu_white.png"); }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources:before { background-image: url("/resources/en/homepage/resources_menu_blue.png"); }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.contactUsMenu:hover:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.contactUsMenu:hover:before { background-image: url("/resources/en/homepage/contact-icon-white.png"); }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.contactUsMenu:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.contactUsMenu:before { background-image: url("/resources/en/homepage/contact-icon-blue.png"); }

                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.solutionDemo:hover:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.solutionDemo:hover:before { background-image: url("/resources/en/general/menu-link-why-avangate-icon-white.png"); }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.solutionDemo:before, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.solutionDemo:before { background-image: url("/resources/en/general/menu-link-why-avangate-icon-blue.png"); }

                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox > ul, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox > ul { padding: 0; }

                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown.menuWhyAvangate .whyAvangateLevel3 > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown.menuWhyAvangate .whyAvangateLevel3 > a { padding-left: 30px; font-size: 14px; }
                .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown.menuWhyAvangate .whyAvangateLevel3 > a:hover, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown.menuWhyAvangate .whyAvangateLevel3 > a.selected, #storeHeader #primary-menu > ul > li > ul.menu-dropdown.menuWhyAvangate .whyAvangateLevel3 > a:hover, .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown.menuWhyAvangate .whyAvangateLevel3 > a.selected { padding-left: 23px; }

                .primaryMenuContainer #primary-menu > ul > li.last > a, #storeHeader #primary-menu > ul > li.last > a { height: 69px; }
                .primaryMenuContainer #primary-menu > ul > li.last.no-dropDown > a.selected:before, #storeHeader #primary-menu > ul > li.last.no-dropDown > a.selected:before { bottom: 0; }

                .header.active .primaryMenuContainer #primary-menu > ul > li.last > a, #storeHeader.active #primary-menu > ul > li.last > a { height: 70px; }
                .header.active .primaryMenuContainer #primary-menu > ul > li > a.selected:before, #storeHeader.active #primary-menu > ul > li > a.selected:before { bottom: 1px; }

                .header.active .primaryMenuContainer #primary-menu > ul > li > a, #storeHeader.active #primary-menu > ul > li > a { color: #293443; }
                .header.active .primaryMenuContainer #primary-menu > ul > li:hover > a, .header.active #primary-menu > ul > li > a:hover, .header.active #primary-menu > ul > li > a:focus, .header.active #primary-menu > ul > li > a:active, #storeHeader.active #primary-menu > ul > li:hover > a, .header.active #primary-menu > ul > li > a:hover, .header.active #primary-menu > ul > li > a:focus, .header.active #primary-menu > ul > li > a:active { color: #ffffff; }

                @media (min-width: 768px) and (max-width: 991px){
                    .primaryMenuContainer .col-sm-7, #storeHeader .col-sm-7 { width:64%; }
                }

                @media (min-width: 992px){
                    .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown, #storeHeader #primary-menu > ul > li > ul.menu-dropdown { width: 330px; }
                    .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown.duble_column, #storeHeader #primary-menu > ul > li > ul.menu-dropdown.duble_column { width: 660px; }
                    .primaryMenuContainer #primary-menu > ul > li > ul.menuWhyAvangate, #storeHeader #primary-menu > ul > li > ul.menuWhyAvangate { width: 380px; }
                    .primaryMenuContainer #primary-menu > ul > li > a, #storeHeader #primary-menu > ul > li > a { padding:  15px 10px; font-size: 13px; }
                    .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul > li > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul > li > a { font-size: 16px; line-height: 40px; }
                    .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list { margin-bottom: 5px; }
                    .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list > a, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li > ul > li.top_list > a { font-size: 24px; line-height: 24px; margin-bottom: 20px; }
                    .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink { font-size: 16px; }
                    .primaryMenuContainer #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources, #storeHeader #primary-menu > ul > li > ul.menu-dropdown > li.menuLinkBox li a.menuLink.hotResources { font-size: 14px; line-height: 22px; }
                }

                @media (min-width: 1200px) {
                    .primaryMenuContainer #primary-menu > ul > li > a, #storeHeader #primary-menu > ul > li > a { padding:  15px; font-size: 15px; }
                }

            /* Primary Menu */
            /* GET Started */

                .header .btn.normal { margin-top: 10px; }

                @media (min-width: 768px) and (max-width: 991px) {
                    .header .row .col-sm-2 { width:16%; }
                }

                @media (min-width: 992px) {
                    .header .btn.normal { padding: 10px 25px; margin-top: 5px; font-size: 16px; }
                }

            /* GET Started */
        /* END Desktop Primary Menu Zone */
    /* END Desktop Header */
/* END Header Menu Zone */

.backgroundGray { background-color: #efeeee; }
.colorGray { color: #293443; }

.submenu { margin-left: 0; margin-top: 20px; }
.submenu li { float: left; list-style-type: none; list-style-image: none; display: block; height: 40px; width: 50%; text-align: center; }
.submenu li a { color: #ffffff; padding: 10px 0 5px 0; outline: none; }
.submenu li a.selected { color: #ffffff; font-weight: 500; font-family: 'Roboto', Arial, Helvetica, sans-serif; border-bottom: 3px solid #fff; }

@media screen and (min-width: 768px) {
    .submenu { margin-left: 0; margin-top: 20px; }
    .submenu li { float: left; list-style-type: none; list-style-image: none; display: block; height: 40px; width: auto; }
    .submenu li:hover { background: url('/resources/en/general/submenu-hover.png') no-repeat center bottom; }
    .submenu li a { color: #ffffff; padding: 10px 5px 5px 5px; outline: none; margin: 0 15px; }
    .submenu li a.selected { color: #ffffff; font-weight: 500; font-family: 'Roboto', Arial, Helvetica, sans-serif; border-bottom: 3px solid #fff; }   
}

@media screen and (min-width: 768px) {
	.nav.bottom li { float: left; }
}

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

	/* Fix min 768px */
	
	@media (min-width: 768px) and (max-width: 1199px){
		.wrap_all, .footer { overflow-x: hidden; }
	}
	
	/* END Fix min 768px */

.footer .footer_top .col-md-3, .footer .footer_top .col-md-9, .footer .footer_nav .col-sm-3, .footer .copyrightBox .footer_social .followBox, .footer .footer_nav .footer_social .socialBox ul.social, .footer .footer_bottom ul.nav.bottom { text-align: center; }
.footer .footer_nav > div:first-child li, .footer .footer_nav > div:nth-child(2n) li, .footer .footer_nav > div:nth-child(3n) li, .footer .footer_nav > div:nth-child(4n) .nav li, .footer .footer_top .col-md-9, .footer .footer_awards { display: none; }

.footer .footer_top { border-bottom: 1px solid #2f3c44; padding: 30px 0; }

.footer .footer_nav { padding: 30px 0; border-bottom: 1px solid #2f3c44; }
.footer .footer_nav .col-sm-3 { margin: 0 -15px; }
.footer .footer_nav ul.nav, .footer .footer_nav .col-sm-3 label, .footer .footer_nav .col-sm-3 ul.nav li label { margin: 0; }
.footer .footer_nav .col-sm-3 label a, .footer .footer_nav .col-sm-3 ul.nav li label a, .footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a { font-size: 18px; line-height: 36px; margin: 0; color: #76848d; cursor: pointer; display: inline-block; font-weight: 500; }
.footer .footer_nav .col-sm-3 label a:hover, .footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a:hover { background-color: transparent; color: #ffffff; }
.footer .footer_nav .col-sm-3 ul.nav li label a { padding: 0; }
.footer .footer_nav > div:nth-child(4n) ul.nav li:first-child { display: block; }
.footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a { padding: 0; }

.footer .copyrightBox .footer_social { padding: 15px; border-bottom: 1px solid #2f3c44; }
.footer .copyrightBox .footer_social .followBox { margin-bottom: 10px; font-size: 18px; line-height: 18px; font-weight: 500; display: inline-block; width: 100%; color: #76848d; }
.footer .copyrightBox .footer_social .followBox label { color: #76848d; font-size: 20px; line-height:26px; font-weight: 400; margin: 0; }
.footer .copyrightBox .footer_social .socialBox { display: inline-block; text-align: center; width: 100%; }
.footer .copyrightBox .footer_social .socialBox ul.social { display: inline-block; margin: 0; }
.footer .copyrightBox .footer_social .socialBox ul.social li { list-style-image: none; display: inline-block; width: 40px; height: 36px; color: #76848d; padding: 3px 5px; }
.footer .copyrightBox .footer_social .socialBox ul.social li a { height: 30px; width: 30px; display: block; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; transition: all 0.7ms ease 0s; -moz-transition: all 0.7ms ease 0s; -webkit-transition: all 0.7ms ease 0s; color: transparent; font-size: 0;  }
.footer .copyrightBox .footer_social .socialBox ul.social li a.socialFacebook { background-image: url("/resources/en/homepage/facebook-round-sprite.png"); }
.footer .copyrightBox .footer_social .socialBox ul.social li a.socialTwitter { background-image: url("/resources/en/homepage/twitter-round-sprite.png"); }
.footer .copyrightBox .footer_social .socialBox ul.social li a.socialLinkedin { background-image: url("/resources/en/homepage/linkedin-round-sprite.png"); }
.footer .copyrightBox .footer_social .socialBox ul.social li a.socialGooglePlus { background-image: url("/resources/en/homepage/gplus-round-sprite.png"); }
.footer .copyrightBox .footer_social .socialBox ul.social li a.socialFlickr { background-image: url("/resources/en/homepage/flickr-round-sprite.png"); }
.footer .copyrightBox .footer_social .socialBox ul.social li a.socialWikipedia { background-image: url("/resources/en/homepage/wikipedia-round-sprite.png"); }
.footer .copyrightBox .footer_social .socialBox ul.social li a:hover, .footer .footer_nav .copyrightBox .socialBox ul.social li a:active, .footer .copyrightBox .footer_social .socialBox ul.social li a:focus { background-color: transparent; background-position: bottom center; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }

.footer .footer_bottom { padding: 15px 0; border-bottom: 1px solid #2f3c44; }
.footer .footer_bottom ul.nav { margin: 0; padding: 0; }
.footer .footer_bottom ul.nav li a { line-height:15px; font-size: 15px; color: #76848d; font-weight: 400; padding: 10px 0; }
.footer .footer_bottom ul.nav li a:hover, .footer .footer_bottom ul.nav li a:active, .footer .footer_bottom ul.nav li a:focus { background-color: transparent; color: #ffffff; }

.footer .copyright { color: #76848d; font-size: 13px; line-height: 22px; padding: 15px 0; }

.footer .footer_top .col-md-9 ul.nav li:first-child+li+li+li { display: none; }

@media (min-width: 768px){
    .footer .footer_nav > div:first-child li, .footer .footer_nav > div:nth-child(2n) li, .footer .footer_nav > div:nth-child(3n) li, .footer .footer_nav > div:nth-child(4n) .nav li, .footer .footer_top .col-md-9, .footer .footer_awards { display: block; }

    .footer .footer_top .col-md-3 a { display: block; }
    .footer .footer_top .col-md-9 { padding: 0; }
    .footer .footer_top .col-md-9 ul.nav { margin: 30px 0 0; }
    .footer .footer_top .col-md-9 ul.nav li { display: inline-block; }
    .footer .footer_top .col-md-9 ul.nav li a { color: #76848d; font-size: 14px; line-height: 28px; font-weight: 400; padding: 0 4.7px; }
    .footer .footer_top .col-md-9 ul.nav li a:hover, .footer .footer_top .col-md-9 ul.nav li a:active, .footer .footer_top .col-md-9 ul.nav li a:focus { background-color: transparent; color: #ffffff; }

    .footer .footer_nav .col-sm-3 { margin: 0; text-align: left; padding: 0; }
    .footer .footer_nav ul.nav, .footer .footer_nav .col-sm-3 label, .footer .footer_nav .col-sm-3 ul.nav li label { display: block; }
    .footer .footer_nav .col-sm-3 label a, .footer .footer_nav .col-sm-3 ul.nav li label a { font-size: 18px; margin: 0 0 5px; line-height: 30px; }
    .footer .footer_nav .col-sm-3 label.footerSecondTitle a, .footer .footer_nav .col-sm-3 ul.nav li label.footerSecondTitle a { margin: 20px 0 5px; }
    .footer .footer_nav .col-sm-3 ul.nav li a, .footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a { color: #76848d; font-size: 14px; line-height: 20px; font-weight: 400; padding: 5px 0; display: inline-block; }
    .footer .footer_nav .col-sm-3 ul.nav li a:hover, .footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a:hover, .footer .footer_nav .col-sm-3 ul.nav li a:focus, .footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a:focus, .footer .footer_nav .col-sm-3 ul.nav li a:active, .footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a:active { background-color: transparent; color: #ffffff; }

	.footer .copyrightBox .footer_social { float: right; width: 58%; padding: 15px 0; border-bottom: none; text-align: right; }
	.footer .copyrightBox .footer_social .followBox { width: auto; font-size: 13px; vertical-align: middle; font-weight: 300; margin: 0 10px 0 0; }
	.footer .copyrightBox .footer_social .socialBox { width: auto; vertical-align: middle; }
    .footer .copyrightBox .copyright { float: left; width: 42%; padding: 22px 0; text-align: left; }

    .footer .footer_awards { border-bottom: 1px solid #2f3c44; padding: 10px 0; }
    .footer .footer_awards .footer_awards_box { height: 140px; display: block; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
    .footer .footer_awards .awards { float: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .footer .footer_awards .awards a { display: block; }
    .footer .footer_awards .awards2 a { padding: 0 20px 0 40px; }
    .footer .footer_awards .awards3 a { padding: 0 20px; }
    .footer .footer_awards .awards4 a { padding: 0 40px 0 20px; }

    .footer .footer_bottom ul.nav { text-align: center; }
    .footer .footer_bottom ul.nav li { display: inline-block; float: none; }
    .footer .footer_bottom ul.nav li a { padding: 5px 10px; }
}

@media (min-width: 992px) and (max-width: 1199px){
    .footer .footer_top .col-md-3 { width: 19%;}
    .footer .footer_top .col-md-9 { width: 81%; }
    .footer .footer_top .col-md-9 ul.nav { margin: 14px 0; }
    .footer .footer_top .col-md-9 ul.nav li a { padding: 0 7px; font-size: 14px; }

    .footer .footer_awards .awards2 a { padding: 0 47.5px 0 95px; }
    .footer .footer_awards .awards3 a { padding: 0 47.5px; }
    .footer .footer_awards .awards4 a { padding: 0 95px 0 47.5px; }
	.footer .footer_bottom ul.nav li a { padding: 5px; }
}

@media (min-width: 992px){
    .footer .footer_top .col-md-9 ul.nav li { float: right; display: block; }

    .footer .footer_nav .copyrightBox { padding: 30px 15px; }
    .footer .footer_nav .copyrightBox .followBox { margin: 6px 0; }
}

@media (min-width: 1200px){
	.footer .footer_top .col-md-9 ul.nav li:first-child+li+li+li { display: block; }
    .footer .footer_top .col-md-3 { width: 175px; }
    .footer .footer_top .col-md-9 { width: 995px; }
    .footer .footer_top .col-md-9 ul.nav { margin: 14px -14px 14px 0; }
    .footer .footer_top .col-md-9 ul.nav li a { padding: 0 15px; }

    .footer .footer_nav .col-sm-3 ul.nav li a, .footer .footer_nav > div:nth-child(4n) ul.nav li:first-child a { line-height: 18px; }
    .footer .footer_nav .col-sm-3 label a, .footer .footer_nav .col-sm-3 ul.nav li label a { font-size: 22px; line-height: 36px; margin: 0 0 5px; }
    .footer .footer_nav .copyrightBox .followBox { margin: 0; }
    .footer .footer_nav .copyrightBox .followBox label, .footer .footer_nav .col-sm-3 ul.nav li label { font-size: 24px; line-height: 37px; }

    .footer .footer_awards .awards2 a { padding: 0 76.5px 0 153px; }
    .footer .footer_awards .awards3 a { padding: 0 76.5px; }
    .footer .footer_awards .awards4 a { padding: 0 153px 0 75.5px; }

    .footer .footer_bottom { padding: 25px 0; }
    .footer .footer_bottom ul.nav li a { padding: 5px 20.5px; }
    .footer .footer_bottom ul.nav > li:first-child a { padding-left: 0; }
    .footer .footer_bottom ul.nav > li:nth-child(9n) a { padding-right: 0; }

	.footer .copyrightBox .footer_social { padding: 25px 0; }
    .footer .copyrightBox .copyright { padding: 32px 0; }
}

/* Footer block "block_getStarted_now" */

    .wrap_get_container { background-color: #135d97; padding: 40px 0; }
    .wrap_get_container .row { margin: 0 -15px; }
    .wrap_get_container .footer_get_left { margin-bottom: 30px; }
    .wrap_get_container .footer_get_left > div { background-image: url("/resources/en/general/footer-get-started-left-mobile.jpg"); height: 175px; padding: 25px; background-repeat: no-repeat; background-size: cover; background-position: 100% 50%; }
    .wrap_get_container .footer_get_left .footer_roll-effect-link-box { position: relative; margin: 5px 0; height: 36px; line-height: 36px; }
    .wrap_get_container .footer_get_left .footer_roll-effect-link-box:before { content: ""; position: absolute; top: 50%; margin-top: -15px; left: 0; width: 30px; height: 30px; background-repeat: no-repeat; background-size: 100% 100%; display: block; }
    .wrap_get_container .footer_get_left .footer_see:before { background-image: url("/resources/en/homepage/see_how_img.png"); }
    .wrap_get_container .footer_get_left .footer_get:before { background-image: url("/resources/en/homepage/get_demo_img.png"); }
    .wrap_get_container .footer_get_left .footer_contact_link:before { background-image: url("/resources/en/homepage/footer_contact_us_img.png"); }
    .wrap_get_container .footer_get_left a:hover { color: #fff; }
    .wrap_get_container .footer_get_left a { color: #fff; display: inline-block; font-size: 16px; font-weight: 300; line-height: 36px; padding: 0 0 0 40px; }

    .wrap_get_container .footer_get_right > div { padding: 25px; background-image: url("/resources/en/general/footer-get-started-right-mobile.jpg"); height:175px; background-repeat: no-repeat; background-size: cover; background-position: 100% 50%; }
    .wrap_get_container .footer_get_right .getStartedBtnBox .btn  { width: 100%; font-size: 18px; line-height: 27px; padding: 16px 0; margin: 0 0 20px; }

    @media (min-width: 551px) and (max-width: 767px){
        .wrap_get_container .footer_get_left > div { background-image: url("/resources/en/general/footer-get-started-left.jpg"); height: 195px; }
        .wrap_get_container .footer_get_left .footer_roll-effect-link-box { height: 40px; line-height: 40px; margin: 12px 0 0 0; }
        .wrap_get_container .footer_get_left > div > div.footer_roll-effect-link-box:first-child { margin-top: 0; }
        .wrap_get_container .footer_get_left .footer_roll-effect-link-box:before { width: 40px; height: 40px; top: 0; margin-top: initial; }
        .wrap_get_container .footer_get_left a { font-size: 22px; padding: 0 0 0 60px; line-height: 40px; }

        .wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-get-started-right.jpg"); height: 195px; }
        .wrap_get_container .footer_get_right .getStartedBtnBox, .wrap_get_container .footer_get_right .getStartedTextBox { width: 60%; }
        .wrap_get_container .footer_get_right .getStartedBtnBox .btn { font-size: 22px; }
    }

    @media (min-width: 768px){
        .wrap_get_container .footer_get_left { margin-bottom: 0; }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .wrap_get_container .footer_get_left, .wrap_get_container .footer_get_right { float: left; width: 50%; padding: 0 15px; }
    }

    @media (min-width: 992px){
        .wrap_get_container .footer_get_left > div { background-image: url("/resources/en/general/footer-get-started-left.jpg"); }
        .wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-get-started-right.jpg"); }
        .wrap_get_container .footer_get_right .getStartedBtnBox, .wrap_get_container .footer_get_right .getStartedTextBox { width: 60%; }
    }

    @media (min-width: 1200px){
        .wrap_get_container .footer_get_left > div { height: 195px; }
        .wrap_get_container .footer_get_left .footer_roll-effect-link-box { height: 40px; line-height: 40px; margin: 12px 0 0 0; }
        .wrap_get_container .footer_get_left > div > div.footer_roll-effect-link-box:first-child { margin-top: 0; }
        .wrap_get_container .footer_get_left .footer_roll-effect-link-box:before { width: 40px; height: 40px; top: 0; margin-top: initial; }
        .wrap_get_container .footer_get_left a { font-size: 22px; padding: 0 0 0 60px; line-height: 40px; }

        .wrap_get_container .footer_get_right > div { height: 195px; }
        .wrap_get_container .footer_get_right .getStartedBtnBox .btn { font-size: 22px; margin: 0 0 40px 0; }
        .wrap_get_container .footer_get_right .getStartedBtnBox, .wrap_get_container .footer_get_right .getStartedTextBox { text-align: left; width: 66.6667%; }
    }

/* END Footer block "block_getStarted_now" */
/* Footer block "new_block_shopper_support_login" + "new_block_lets_get_started_affiliates" */

    .shopperSupport.wrap_get_container .footer_get_left > div { background-image: url("/resources/en/general/footer-shopper-support-left-mobile.jpg"); }
    .shopperSupport.wrap_get_container .footer_get_left .roll-effect-link-box:before { background-image: url("/resources/en/homepage/see_more_img.png"); }
    .shopperSupport.wrap_get_container .footer_get_left a { font-size: 14px; line-height: 24px; margin: 0;  padding-left: 0; padding-right: 30px; }
    .shopperSupport.wrap_get_container .footer_get_left h3 { margin-bottom: 35px; }

    .shopperSupport.wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-shopper-support-right-mobile.jpg"); }
    .shopperSupport.wrap_get_container .footer_get_right .getStartedBtnBox .btn { margin-bottom: 40px; }

    @media (min-width: 551px) and (max-width: 767px){
        .shopperSupport.wrap_get_container .footer_get_left > div { background-image: url("/resources/en/general/footer-shopper-support-left-desktop.jpg"); }
        .shopperSupport.wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-shopper-support-right-desktop.jpg"); }
    }

    @media (min-width: 992px){
        .shopperSupport.wrap_get_container .footer_get_left > div { background-image: url("/resources/en/general/footer-shopper-support-left-desktop.jpg"); }
        .shopperSupport.wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-shopper-support-right-desktop.jpg"); }
        .shopperSupport.wrap_get_container .footer_get_left h3 { margin: 10px 0 40px; }
        .shopperSupport.wrap_get_container .footer_get_right .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.wrap_get_container .footer_get_left > div { padding: 15px 25px; }
    .affilateSupport.shopperSupport.wrap_get_container .footer_get_left h3 { margin: 0; }
    .affilateSupport.shopperSupport.wrap_get_container .footer_get_left .see_more { margin: 10px 0; }
    .affilateSupport.shopperSupport.wrap_get_container .footer_get_left .bottomText br { display: none; }

    .affilateSupport.shopperSupport.wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-affiliates-right-mobile.jpg"); }

    @media (min-width: 345px){
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_left > div { padding: 25px; }
    }

    @media (min-width: 551px) and (max-width: 767px){
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_left .bottomText br { display: block; }
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_left .see_more { margin: 22px 0; }
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-affiliates-right-desktop.jpg"); }
    }

    @media (min-width: 992px){
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_left .bottomText { width: 60%; }
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_left > div { padding: 10px 25px; }
    }

    @media (min-width: 992px){
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_left > div { padding: 25px; }
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_left .see_more { margin: 16px 0; }
        .affilateSupport.shopperSupport.wrap_get_container .footer_get_right > div { background-image: url("/resources/en/general/footer-affiliates-right-desktop.jpg"); }
    }

/* END Footer block "new_block_lets_get_started_affiliates" */

/********** Footer style **********/
/********** Solutions & Product **********/

.subPages { padding: 40px 0; background-color: #efeeee; text-align: center; }
.subPages .container .row { margin: 0 -15px; }
.subPages .normalView { background-color: #ffffff; }
.subPages h3, .subPages .roll-effect { text-align: center; }
.subPages h3 { margin: 10px 0; }
.subPages .normalView h3 { font-size: 24px; }
.subPages .normalView h3 { font-size: 24px; }
.subPages .normalView h3, .subPages .hoverView  p { height: 68px; }
.subPages .hoverView  p, .subPages .hoverView .roll-effect { color: #ffffff; text-align: center; }
.subPages .home_resources_box { padding: 20px 15px 65px; border-top: 3px solid #135d97; z-index: 0; }
.subPages .boxImage img { margin: 0 auto; }
.subPages .wrapper_see_more .roll-effect-link-box:before { background-image: url("/resources/en/homepage/see_more_img.png"); }
.subPages .rotateBox .linkToTarget { color: transparent; }
.subPages .wrapRotate { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 30; }
.subPages .subPageItem { width: 280px; margin: 0 auto 40px; display: inline-block; }
.productSolution .rollBox { bottom: 20px; left: 0; position: absolute; right: 0; }
.subPages.nolearnMore .home_resources_box { padding: 20px 15px 35px; }

@media (min-width: 479px){
    .subPages .subPageItem { padding: 0 15px; width: 310px; }
}

@media (min-width: 600px) and (max-width: 767px){
    .subPages .subPageItem { width: 50%; float: left; display: block; }
}

@media (min-width: 768px){
    .subPages { padding: 70px 0;}
}

@media (min-width: 768px) and (max-width: 991px){
    .subPages .subPageItem { width: 360px; }
}

@media (min-width: 992px) {
    .subPages .subPageItem { width: 250px; display: block; float: left; }
    .solution .subPages .subPageItem { margin: 0; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .subPages .normalView h3 { font-size: 18px; line-height: 28px; }
    .subPages .hoverView p { font-size: 14px; line-height: 20px; }
    .subPages .boxImage img { width: 140px; }
}

@media (min-width: 1200px) {
    .subPages .subPageItem { width: 300px; }
}

/********** END Solutions & Product **********/
/********** donut Animation **********/

.linkToTarget { color: transparent !important; }
.linkToTarget { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 10; }
.wrapper-clients .roll-effect-link-box:before { background-image: url("/resources/en/homepage/see_more_img.png"); }
.donut_background .roll-effect-link-box:before { background-image: url("/resources/en/homepage/learn_more_img.png"); }
.donut_background .wrapper_see_more { background-color: #ffffff; margin: 0; }
.donut_background .see_more a { color: #135d97; }
.donut_background .see_more a.learn_more_effect:before { background-image: url("/resources/en/homepage/learn_more_img.png"); }
.circlesBox { border-radius: 50%; height: 215px; width: 215px; display: inline-block; }
.donut_box { text-align: center; }
.bottom_buffer40 { margin-bottom: 40px; }
.donut_background { background-color: #fff; background-image: url("/resources/en/general/donut-background-new.jpg"); background-position: center bottom; background-repeat: no-repeat; }
.background_blue_1 { background-color: #135d97; }
.background_blue_2 { background-color: #0287c9; }
.background_blue_3 { background-color: #2bb0f1; }
.animate_number div.plus { font-weight: 300; }

.circles { text-align: center; }
.circles .pie { position: relative; width: 200px; height: 200px; font-size: 40px; display: inline-block; margin: 8px 0; vertical-align: top; border: 9px solid transparent; border-radius: 50%; }
.circles .pie:before { content: attr(title); display: block; width: 100%; height: 100%; margin: 25px auto; white-space: pre; font-size: 40px; vertical-align: middle; }
.circles .pie .clip { position: absolute; top: -10px; left: -10px; width: 202px; height: 202px; }
.circles .pie .part { position: absolute; width: 202px; height: 202px; clip: rect(0, 202px, 202px, 100px); border-radius: 50%; }
.donut_box_1.active .circles .pie .part, .donut_box_4.active .circles .pie .part { border: 12px solid rgba(19, 93, 151, 0.9); border: 12px solid rgba(19, 93, 151, 1); }
.donut_box_2.active .circles .pie .part, .donut_box_5.active .circles .pie .part { border: 12px solid rgba(2, 135, 201, 0.9); border: 12px solid rgba(19, 93, 151, 1); }
.donut_box_3.active .circles .pie .part, .donut_box_6.active .circles .pie .part { border: 12px solid rgba(43, 176, 241, 0.9); border: 12px solid rgba(19, 93, 151, 1); }
.donut.active .circles .pie .clip { clip: rect(0, 101px, 202px, 0); }
.donut.active .circles .pie { border: 9px solid #ffffff; } 

.donut_box_1_img, .donut_box_2_img, .donut_box_3_img, .donut_box_4_img, .donut_box_5_img, .donut_box_6_img { background-repeat: no-repeat; bottom: 28px; height: 90px; left: 50%; margin-left: -45px; position: absolute; width: 90px; background-size: 100% 100%; }
.donut_box_1_img { background-image: url("/resources/en/general/donut_box_1_img.png"); }
.donut_box_2_img { background-image: url("/resources/en/general/donut_box_2_img.png"); }
.donut_box_3_img { background-image: url("/resources/en/general/donut_box_3_img.png"); }
.donut_box_4_img { background-image: url("/resources/en/general/donut_box_4_img.png"); }
.donut_box_5_img { background-image: url("/resources/en/general/donut_box_5_img.png"); }
.donut_box_6_img { background-image: url("/resources/en/general/donut_box_6_img.png"); }

    /*	donut_box_1  */

        .donut_box_1.active .circles .pie .part { border: 12px solid rgba(19, 93, 151, 0.9); }
        .donut_box_1.active .circles .clip:last-child, .donut_box_1.active .circles .part { animation: donut_box_1 1s ease-out forwards; -webkit-animation: donut_box_1 1s ease-out forwards; }
        @-webkit-keyframes donut_box_1 {
            from { -webkit-transform: rotate(180deg); }
            to { -webkit-transform: rotate(252deg); }
        }
        @keyframes donut_box_1 {
            from { transform: rotate(180deg); }
            to { transform: rotate(252deg); }
        }

    /*	end donut_box_1 */
    /*	donut_box_2  */

        .donut_box_2.active .circles .pie .part { border: 12px solid rgba(2, 135, 201, 0.9); }
        .donut_box_2.active .circles .clip:last-child, .donut_box_2.active .circles .part { animation: donut_box_2 0.955s ease-out forwards; -webkit-animation: donut_box_2 0.955s ease-out forwards; }
        @-webkit-keyframes donut_box_2 {
            from { -webkit-transform: rotate(180deg); }
            to { -webkit-transform: rotate(214.2deg); }
        }
        @keyframes donut_box_2 {
            from { transform: rotate(180deg); }
            to { transform: rotate(214.2deg); }
        }

    /*	end donut_box_2 */
    /*	donut_box_3  */

        .donut_box_3.active .circles .pie .part { border: 12px solid rgba(43, 176, 241, 0.9); }
        .donut_box_3.active .circles .clip:last-child, .donut_box_3.active .circles .part { animation: donut_box_3 0.85s ease-out forwards; -webkit-animation: donut_box_3 0.85s ease-out forwards ; }
        @-webkit-keyframes donut_box_3 {
            from { -webkit-transform: rotate(180deg); }
            to { -webkit-transform: rotate(216deg); }
        }
        @keyframes donut_box_3 {
            from { transform: rotate(180deg); }
            to { transform: rotate(216deg); }
        }

    /*	end donut_box_3 */
    /*	donut_box_4  */

        .donut_box_4.active .circles .pie .part { border: 12px solid rgba(43, 176, 241, 0.9); }
        .donut_box_4.active .circles .clip:last-child, .donut_box_4.active .circles .part { animation: donut_box_4 0.85s ease-out forwards; -webkit-animation: donut_box_4 0.85s ease-out forwards ; }
        @-webkit-keyframes donut_box_4 {
            from { -webkit-transform: rotate(180deg); }
            to { -webkit-transform: rotate(212.4deg); }
        }
        @keyframes donut_box_4 {
            from { transform: rotate(180deg); }
            to { transform: rotate(212.4deg); }
        }

    /*	end donut_box_4 */
    /*	donut_box_5  */

        .donut_box_5.active .circles .pie .part { border: 12px solid rgba(2, 135, 201, 0.9); }
        .donut_box_5.active .circles .clip:last-child, .donut_box_5.active .circles .part { animation: donut_box_5 0.85s ease-out forwards; -webkit-animation: donut_box_5 0.85s ease-out forwards ; }
        @-webkit-keyframes donut_box_5 {
            from { -webkit-transform: rotate(180deg); }
            to { -webkit-transform: rotate(207deg); }
        }
        @keyframes donut_box_5 {
            from { transform: rotate(180deg); }
            to { transform: rotate(207deg); }
        }

    /*	end donut_box_3 */
    /*	donut_box_6  */

        .donut_box_6.active .circles .pie .part { border: 12px solid rgba(19, 93, 151, 0.9); }
        .donut_box_6.active .circles .clip:last-child, .donut_box_6.active .circles .part { animation: donut_box_6 0.85s ease-out forwards; -webkit-animation: donut_box_6 0.85s ease-out forwards ; }

        @-webkit-keyframes donut_box_6 {
            from { -webkit-transform: rotate(180deg); }
            to { -webkit-transform: rotate(234deg); }
        }
        @keyframes donut_box_6 {
            from { transform: rotate(180deg); }
            to { transform: rotate(234deg); }
        }

    /*	end donut_box_6 */
    /* Animate number */

        .circles { position: relative; }
        .circles .animate_number { color: #ffffff; height: 202px; left: 50%; margin-left: -101px; position: absolute; text-align: center; top: 45px; width: 202px; }
        .animate_number div { font-weight: 600; display: inline-block; font-size: 42px; line-height: 42px; font-family: Roboto, Arial, Helvetica, sans-serif; color: #ffffff; }

    /* END Animate number */

    /********** donut text **********/

        .donut_text h4 a { font-weight: 300; font-size: 22px; line-height: 32px; margin: 30px 0 10px 0; text-align: center; }

    /********** END donut text **********/

@media (max-width: 991px) {
    .donut_background .clearfix.top-buffer40.bottom-buffer40 { display: none; }
    .donut_background .clearfix > div.col-md-4.col-sm-6 { margin-top: 40px; }
}
@media (max-width: 767px) {
    .donut_background .clearfix > div.col-md-4.col-sm-6:first-child { margin-top: 0; }
    .donut_text h4 a { font-size: 18px; line-height: 26px; }
}
@media (max-width: 480px) {
    .circlesBox { width: 165px; height: 165px; }
    .circles .pie { width:148px; height: 148px; }
    .circles .pie .clip { width:150px; height: 150px; }
    .circles .pie .part{ width:152px; height: 152px; }
    .donut.active .circles .pie .clip { clip: rect(0px, 74.5px, 152px, 0px); left: -10px; top: -10px; }
    .circles .pie .part { clip: rect(0px, 152px, 152px, 76.39px); }
    .circles .pie:before { margin:0 auto; }
    .circles .animate_number { top: 35px; }
    .animate_number div { font-size: 28px; line-height: 28px; }
    .donut_box_1_img, .donut_box_2_img, .donut_box_3_img, .donut_box_4_img, .donut_box_5_img, .donut_box_6_img { height: 60px; margin-left: -30px; width: 60px; }
}

/********** END donut Animation **********/	
/********** Solutions pages general style **********/

.solution .boxImg { width: 130px; margin: 0 auto; }
.solution .boxText h3 { margin-bottom: 40px; margin-top: 0; }
.solution h3, .solution h3 a { font-size: 18px; line-height: 26px; }
.solution .textBox { margin-bottom: 40px; }

.solution .wrapperTextBox:before { border-bottom: 20px solid #efeeee; border-left: 15px solid transparent; border-right: 15px solid transparent; content: ""; height: 20px; left: 50%; margin-left: -15px; position: absolute; top: -20px; width: 20px; }
.solution .wrapperTextBox { background-color: #efeeee; padding: 30px; position: relative; width: 100%; }
.solution .wrapperTextBox:hover { background-color: #0287c9; color: #ffffff; }
.solution .wrapperTextBox.noLink:hover { background-color: #efeeee; color: #293443; }
.solution .wrapperTextBox:hover:before { border-bottom: 20px solid #0287c9; }
.solution .wrapperTextBox.noLink:hover:before { border-bottom: 20px solid #efeeee; }
.solution .wrapperTextBox:hover p, .solution .wrapperTextBox:hover a { color: #fff; }
.solution .wrapperTextBox.noLink:hover p, .solution .wrapperTextBox.noLink:hover a { color: #293443; }
.solution .wrapperTextBox:hover .roll-effect-link-box:before { background-image: url("/resources/en/homepage/see_more_img.png"); }
.solution .rollBox { border-top: 2px solid #12578c; padding-top: 30px; }

.solution .col-sm-3.iconImage { margin-bottom: 20px; }

@media (min-width:479px) and (max-width: 767px){
    .solution .boxImg { width: auto; margin: auto auto; }
    .solution h3, .solution h3 a { font-size: 24px; font-weight: 300; line-height: 26px; }
}

@media (min-width:768px){
    .solution .col-sm-3.iconImage { margin-bottom: 0; }
}

@media (min-width:768px) and (max-width: 991px){
    q.solution h3 { text-align: center; min-height: 52px; }
}

@media (min-width:992px){
    .solution .titleSection { padding-right: 60%; position: relative; }
    .solution .boxImg { width: auto; margin: auto auto; }
    .solution .boxText { bottom: 0; left: 42%; position: absolute; right: 0; top: 0; }
    .solution .boxText h3 { left: 0; margin-bottom: auto; margin-top: -25px; position: absolute; right: 0; text-align: left; top: 50%; }
    .solution h3, .solution h3 a { font-size: 18px; font-weight: 300; line-height: 26px; }
}

@media (min-width:1200px){
    .solution h3, .solution h3 a { font-size: 24px; line-height: 30px; }
}

/********** END Solutions pages general style **********/
/********** Product/Affiliate/Solutins pages general style **********/
.product .iconImage > img, .affiliate  .iconImage > img, .solution .iconImage > img { width: 130px; display: inline-block; }
.product .threeBox, .product .twoBox, .product .iconLeft, .product .iconImage, .affiliate .threeBox, .affiliate .twoBox, .affiliate .iconLeft, .affiliate .iconImage, .solution .iconImage, .solution .iconLeft { text-align: center; }
.product h3.s.darkBlue, .darkBlue, .affiliate h3.s.darkBlue { color: #37464f; }
.product .iconBox p, .affiliate .iconBox p, .solution .iconBox p { font-size: 14px; }
.iconBox.col-sm-9 .landmark { display: none; color: transparent; line-height: 0; font-size: 0; }
.product br, .affiliate br { display: none; }
.product .relativeArea h3, .affiliate .relativeArea h3, .solution .relativeArea h3 { font-weight: 400; }
.product .relativeArea > p:first-child, .affiliate .relativeArea > p:first-child, .solution .relativeArea > p:first-child { margin-top: 0; }

.product .SectionAll, .affiliate .SectionAll, .solution .SectionAll { position: relative; } 
.product .nextSection, .affiliate .nextSection { box-shadow: 0 5px 11px -6px rgba(102, 102, 102, 1); -moz-box-shadow: 0 5px 11px -6px rgba(102, 102, 102, 1); -webkit-box-shadow: 0 5px 11px -6px rgba(102, 102, 102, 1); z-index: 10; position: absolute; display: block; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; top: 100%; left: 50%; background-color: #efeeee; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.product .nextSection.white, .affiliate .nextSection.white { background-color: #ffffff; }
.product .nextSection:hover, .nextSection.white:hover, .affiliate .nextSection:hover, .affiliate.white:hover { background-color: #135d97; }
.product .nextSection a, .affiliate .nextSection a { display: block; width: 46px; height: 46px; background-size: 18px 28px; background-image: url('/resources/en/general/ecommerce-manager-next-section-blue.png'); background-repeat: no-repeat; background-position: center center; color: transparent; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.product .nextSection:hover a, .affiliate .nextSection:hover a { background-image: url('/resources/en/general/ecommerce-manager-next-section-white.png'); }
.product .SectionAll .nextSection, .affiliate .SectionAll .nextSection { opacity: 0; transition: all 3s ease 0s; -moz-transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s; }
.product .SectionAll.active .nextSection, .affiliate .SectionAll.active .nextSection { opacity: 1; transition: all 3s ease 0s; -moz-transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s; }

.product .wrapper_resources .row, .affiliate .wrapper_resources .row { padding-bottom: 60px; }
.product .tipImage, .affiliate .tipImage { text-align: center; margin-bottom: 20px; }
.product .tipContainer, .affiliate .tipContainer { position: relative;	}
.product .tipContainer:before, .affiliate .tipContainer:before { content: ""; position: absolute; left: 50%; top:-20px; margin-left: -15px; border-bottom: 20px solid #0287c9; border-left: 15px solid transparent; border-right: 15px solid transparent; }
.product .tipSection, .affiliate .tipSection { padding: 30px 0 50px; }
.product .tipText, .affiliate .tipText { text-align: center; }

.product .col-sm-3.iconImage, .affiliate .col-sm-3.iconImage, .solution .col-sm-3.iconImage { margin: 15px 0; }
.product .col-sm-3.iconImage > a, .affiliate .col-sm-3.iconImage > a, .solution .col-sm-3.iconImage > a { display: block; }

@media (min-width: 768px){
    .product .wrapTwoBox { margin: 0 -15px; }
    .product .container.no-padd, .affiliate .container.no-padd, .solution .container.no-padd { padding: 0; }
    .product .threeBox, .product .twoBox, .product .iconLeft, .product .iconImage, .affiliate .threeBox, .affiliate .twoBox, .affiliate .iconLeft, .affiliate .iconImage, .solution .iconLeft { text-align: left; }
    .product .iconLeft, .affiliate .iconLeft, .solution .iconLeft { margin: 0 -15px; }
    .product .tipBox, .affiliate .tipBox { position: relative; padding-left: 175px; }
    .product .tipImage, .affiliate .tipImage { margin-bottom: 0; text-align: left; position: absolute; top: 50%; left: 0; margin-top: -30px; padding-right: 30px; border-right: 2px solid #135d97; }
    .product .tipText, .affiliate .tipText { text-align: left; }
    .product .relativeArea h3, .affiliate .relativeArea h3, .solution .relativeArea h3 { font-weight: 300; }
    .product .iconImage.col-sm-3 > img, .affiliate .iconImage.col-sm-3 > img, .solution .iconImage.col-sm-3 > img { width: 180px; }
    .product .col-sm-3.iconImage, .affiliate .col-sm-3.iconImage, .solution .col-sm-3.iconImage { margin: 0; }
    .product .rightScreenShot { margin: 0 -15px; }
} 

@media (min-width: 992px){
    .product .iconImage.col-sm-3 > img, .affiliate .iconImage.col-sm-3 > img, .solution .iconImage.col-sm-3 > img { bottom: -100%; left: 0; margin: auto; position: absolute; right: 0; top: -100%; width: auto; }
    .product .iconImage > img, .affiliate .iconImage > img, .solution .iconImage > img { width: auto; }
    .product .col-sm-3.iconImage, .affiliate .col-sm-3.iconImage, .solution .col-sm-3.iconImage { min-height: 256px; text-align: center; }
    .product .iconBox p, .affiliate .iconBox p, .solution .iconBox p { font-size: 16px; }
    .product .nextSection a, .affiliate .nextSection a { width: 66px; height: 66px; background-size: auto auto; }
    .product .nextSection, .affiliate .nextSection { width: 66px;  height: 66px;  margin-left: -33px;  margin-top: -33px; }
    .iconBox.col-sm-9 .landmark { min-height: 256px; display: inline-block; width: 1%; vertical-align: middle;  }
    .iconBox.col-sm-9 .relativeArea { display: inline-block; vertical-align: middle; width: 98%; }
}

@media (min-width: 1200px){
    .product br, .affiliate br { display: block; }
    .product .iconLeft, .affiliate .iconLeft, .solution .iconLeft { margin-top: 0px; }
    .product .threeBox { margin: 0 -15px; }
}

@media (max-width: 991px){
    .product .rightScreenShot .col-sm-4, .rightScreenShot .col-sm-8 { width: 100%; float: none; }
    .product .rightScreenShot .col-sm-4 { text-align: center; }
}

@media (max-width: 768px){
    .product .rightScreenShot .col-sm-4, .rightScreenShot .col-sm-8 { padding: 0; }
}

/********** END Product/Affiliate pages general style **********/
/********** Affiliate Pop-up **********/

.floating-affiliate-box {  border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #efeeee; position: fixed; top: 50%; right: 5px; width: 135px; display: none; z-index: 91; margin-top: -92px; border: 1px solid #ffffff; box-shadow: 0 0 20px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0 0 20px rgba(50, 50, 50, 0.40); -webkit-box-shadow: 0 0 20px rgba(50, 50, 50, 0.40); }
.floating-affiliate-box .btn { display: block; margin-top: 1px; }

@media (min-width: 768px){
    .floating-affiliate-box { display: block; }
}

/********** END Affiliate Pop-up **********/
/********** Latest News Design **********/

.pressRoomLatest .leftSide-50 { background-color: #0287ca; padding: 40px 15px; text-align: center; position: relative; z-index: 1; }
.pressRoomLatest .leftSide-50 .coverLink { position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: transparent; z-index: 3; display: block; }
.pressRoomLatest .leftSide-50 .latestNewsImage { padding-bottom: 20px; }
.pressRoomLatest .leftSide-50 .latestNewsImage img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 130px; display: inline-block;  }
.pressRoomLatest .leftSide-50 .latestNewsTitle .title.white { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 26px; width: 98%; }
.pressRoomLatest .leftSide-50 .reper { display: none; }
.pressRoomLatest .rightSide-50 { position: relative; padding: 40px 15px 0; }
.pressRoomLatest .rightSide-50:before { content: ""; border-bottom: 20px solid #ffffff; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; left: 50%; margin-left: -20px; top: -20px; z-index: 4; }
.pressRoomLatest .rightSide-50 .latestNewsDate { text-align: right; font-size: 14px; line-height: 22px; }
.pressRoomLatest .rightSide-50 .latestNewsPreview { margin-bottom: 20px; text-align: center; }

.homePage .latestNewsReadMore .rollBox { text-align: center; }

@media (min-width:480px){
    .pressRoomLatest .leftSide-50 .latestNewsImage img { width: 180px; height: 180px; }
    .pressRoomLatest .leftSide-50 .latestNewsTitle .title.white { font-size: 22px; line-height: 30px;; }
}

@media (min-width:768px){
    .pressRoomLatest .leftSide-50 { padding: 0; text-align: left; position: relative; height: 180px; background-color: transparent; margin: 0 auto 30px; width: 79%; }
    .pressRoomLatest .rightSide:before { display: none; }
    .pressRoomLatest .leftSide-50:after { background-image: url("/resources/en/homepage/info_permanent.jpg"); background-position: 100% 0; background-repeat: no-repeat; content: ""; height: 180px; position: absolute; width: 100%; right: 0; top: 0; z-index: 0; }
    .pressRoomLatest .leftSide-50 .latestNewsImage { left: 0; position: absolute; top: 0; z-index: 1; margin: auto; padding: 0; width: 180px; height: 180px; }
    .pressRoomLatest .leftSide-50 .latestNewsTitle { padding: 0 25px 0 240px; position: relative; z-index: 2; }
    .pressRoomLatest .leftSide-50 .reper { color: transparent; display: inline-block; vertical-align: middle; visibility: hidden; width: 0; height: 180px; }
    .pressRoomLatest .rightSide-50 { padding: 10px 30px; }
    .pressRoomLatest .rightSide-50 .latestNewsPreview { text-align: left; }
}

@media (min-width:768px) and (max-width: 991px){
    .pressRoomLatest .leftSide-50, .pressRoomLatest .rightSide-50 { float: none; }
	.pressRoomLatest .leftSide-50:after { width: 495px; background-size: 96% 100%; }
    .pressRoomLatest .rightSide-50 { width: 100%; }
    .homePage .pressRoomLatest .rightSide-50 .latestNewsPreview { text-align: center; }
}

@media (min-width:992px){
    .pressRoomLatest .rightSide-50, .pressRoomLatest .leftSide-50 { width: 50%; }
    .pressRoomLatest .rightSide-50 { border-right: 2px solid #0287c9; }
    .pressRoomLatest .rightSide-50:after { content: ""; border-right: 20px solid #ffffff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 50%; margin-top: -15px; left: -20px; z-index:4; }
    .pressRoomLatest .rightSide-50 .latestNewsReadMore { position: absolute; left: 30px; right: 30px; bottom: 10px; }
    .pressRoomLatest .leftSide-50 .latestNewsTitle { padding: 0 25px 0 200px; }
    .homePage .latestNewsReadMore .rollBox { text-align: left; }
}

@media (min-width:992px) and (max-width: 1199px) {
    .pressRoomLatest .rightSide-50, .pressRoomLatest .leftSide-50, .pressRoomLatest .leftSide-50 .reper, .pressRoomLatest .leftSide-50 .latestNewsImage, .pressRoomLatest .leftSide-50:after { height: 157px; }
    .pressRoomLatest .leftSide-50 .latestNewsImage { width: 157px; }
	.pressRoomLatest .leftSide-50 .latestNewsImage img{ width: 157px; height: 157px; }
    .pressRoomLatest .leftSide-50:after { background-size: 81.6% 100%; }
    .pressRoomLatest .rightSide-50 .latestNewsReadMore { bottom: 5px; }
    .pressRoomLatest .leftSide-50 .latestNewsTitle .title.white { font-size: 20px; line-height: 28px; }
}

@media (min-width:1200px){
    .pressRoomLatest .leftSide-50 { margin: 0; }
	.pressRoomLatest .leftSide-50:after { background-size: 84.6% 100%; }
    .pressRoomLatest .rightSide-50 { height: 180px; }
    .pressRoomLatest .leftSide-50 .latestNewsTitle { padding: 0 25px 0 230px; }
}

/********** END Latest News Design **********/
/********** Pagination style **********/

.paginationWrap { margin: 0 -15px; }
.paginationBox { margin: 0 auto; position: relative; text-align: center; width: 290px; }
.paginationNext, .paginationPrev, .paginationText, .paginationInput, .paginationLastPage { display: inline-block; text-align: center; vertical-align: middle; }
.paginationNext, .paginationInput, .paginationLastPage, .paginationTextOf { margin-left: 5px; }
.paginationPrev { margin-right: 5px; }
.paginationInput input { width: 50px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #dee4e9;  }
.paginationNext .roll-effect-link, .paginationPrev .roll-effect-link { width:30px; height: 22px; cursor: pointer; display: block; }
.paginationNext .roll-effect, .paginationPrev .roll-effect { display: none; }
.paginationNext.roll-effect-link-box:before, .paginationPrev.roll-effect-link-box:before { margin-top: -11px; }
.paginationPrev.roll-effect-link-box { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.paginationBox .alert { background-color: #135d97; 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-bottom: 10px solid #ffffff; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -2px; content: ""; display: block; height: 20px; left: 50%;margin-left: -10px; position: absolute; width: 20px; z-index: 12; }

.off { visibility: hidden; }
.on { visibility: visible; }

/********** END Pagination style **********/
/********** 2Checkout Newsletter **********/

.avangateNewsletterRight { margin-top: 125px; }
.avangateNewsletter { padding: 0 15px; text-align: center; }
#newsletter-signup-form { height: auto !important; margin-left: -20px !important; }

@media (min-width: 481px){
    #newsletter-signup-form { height: 110px !important; }
}

@media (min-width: 768px){
    .avangateNewsletter { padding: 0; text-align: left; }
    #newsletter-signup-form { margin-left: -45px !important; width: 490px !important; }
}

/********** END 2Checkout Newsletter **********/
/********** Resources **********/

.linkFullBox { line-height: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; color: transparent; z-index: 4; }

.resourcesContainerWrap { padding: 0 0 30px 0; }
.homePage .resourcesContainerWrap { padding: 0; }
.resourcesContainer { text-align: center; margin: 0 -15px; }
.resourcesBoxWrap { padding: 30px 15px 0; display: inline-block; width: 320px; }
.resourcesBox { padding: 30px; position: relative; text-align: left; position: relative; z-index: 0; }
.resourcesBox .resourcesContent { height: 335px; }
.resourcesBox .resourcesContent .resourcesPictureBox { background-repeat: no-repeat; left: 30px; position: absolute; right: 30px; top: 195px; background-position: center center; background-size: 170px auto; }
.resourcesBox.normalView .resourcesContent .resourcesPictureBox { background-image: url('/resources/en/general/resources-page-background-gray-item.png'); }
.resourcesBox.hoverView .resourcesContent .resourcesPictureBox { background-image: url('/resources/en/general/resources-page-background-white-item.png'); }
.resourcesBox .resourcesContent .resourcesType { text-transform: uppercase; font-size: 14px; font-weight:500; line-height: 20px; margin-bottom: 20px; }
.resourcesBox .resourcesContent .resourcesTitle { margin-bottom: 20px; }
.resourcesBox .resourcesContent .resourcesTitle h3 a { font-size: 20px; line-height: 26px; }
.resourcesBox .resourcesContent .roll-effect-link-box { position: absolute; bottom: 35px; left: 30px; }
.resourcesBox .resourcesContent .roll-effect-link-box { position: absolute; bottom: 35px; left: 30px; }
.resourcesBox .resourcesContent .resourcesPictureBox { text-align: right; height: 120px; }
.resourcesBox .resourcesContent .resourcesPicture { background-color: #efeeee; height: 120px; position: relative; width: 120px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; margin-left: 8em; z-index:0; }
.resourcesBox .resourcesContent .resourcesPicture a { box-shadow: 0 0 0 5px #ffffff; position: relative; overflow: hidden; width: 100%; height: 100%; display: block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.resourcesBox.normalView .resourcesContent .resourcesPicture a { box-shadow: 0 0 0 5px #ffffff; }
.resourcesBox.hoverView .resourcesContent .resourcesPicture a { box-shadow: 0 0 0 2px #0287c9; }
.resourcesBox .resourcesContent .resourcesPicture a:before { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; bottom: 0; box-shadow: 0 0 45px 0 #000 inset; content: ""; left: 0; opacity: 0.3; position: absolute; right: 0; top: 0; z-index: 1; }
.resourcesBox .resourcesContent .resourcesPicture a img { position: absolute; top: -100%; bottom: -100%; left: 0; margin: auto; }
.resourcesBox.hoverView .resourcesType, .resourcesBox.hoverView .resourcesDetails, .resourcesBox.hoverView a, .resourcesBox.hoverView .resourcesDetails p { color: #ffffff; }
.resourcesPage .resourcesPageSelect .numberRows .numberRowsText, .resourcesPage .resourcesPageSelect .numberRows .numberRowsOption, .resourcesPage .resourcesPageSelect .paginationSeparator { display: inline-block; vertical-align: middle; }
.resourcesPage .resourcesPageSelect .paginationSeparator { border-left: 1px solid #dee4e9; height: 22px; width: 1px; }
.resourcesPage .resourcesPageSelect .paginationSeparatorLeft { margin-right: 20px; }
.resourcesPage .resourcesPageSelect .paginationSeparatorRight { margin-left: 20px; }

@media (min-width:768px) and (max-width: 991px) {
    .resourcesBoxWrap { width: 360px; }
    .resourcesBox .resourcesContent { height: 400px; }
    .resourcesBox .resourcesContent .resourcesPicture { width: 150px; height: 150px; }
    .resourcesBox .resourcesContent .resourcesPictureBox { background-size: 210px auto; height: 150px; top: 200px; }
}

@media (min-width:992px) {
    .resourcesBoxWrap { width: 33.33333%; display: block; float: left; }
    .resourcesContainer { padding: 40px 0 0; }
}

@media (min-width:1200px) {	
    .resourcesBox .resourcesContent { height: 435px; }
    .resourcesBox .resourcesContent .resourcesPicture { width: 175px; height: 175px; }
    .resourcesBox .resourcesContent .resourcesPictureBox { background-size: 250px auto; height: 175px; top: 220px; }
    .resourcesBox .resourcesContent .resourcesTitle h3 a { font-size: 24px; line-height: 30px; }
    .resourcesBox.hoverView .resourcesDetails { font-size: 16px; }
}

    /* filter zone */

        .resourcesFilterBox { padding: 20px 0; }
        .resourcesFilterBox .resourcesFilterTitle { text-align: center; margin-bottom: 20px; }
        .resourcesFilterBox div.filter { margin: 0 auto 10px; width: 80%; position: relative; }
        .resourcesFilterBox div.select { font-size: 14px; color: #0287c9; border: 1px solid #dadada; padding: 5px 10px; font-weight: 400; width: 100%;  cursor: pointer; background:#ffffff  url("/resources/en/general/dropdown-small.png") no-repeat 95% 50%; }
        .resourcesFilterBox div.select.active { position: relative; z-index: 25; }
        .resourcesFilterBox ul.options { display: none; padding: 0; margin: 0; left: 0; right: 0; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; position: absolute; cursor: pointer; z-index: 10; background-color: #e1ecf5; }
        .resourcesFilterBox ul.options.active { display: block; }
        .resourcesFilterBox ul.options.active:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: -36px; z-index: -1; border: 1px solid #e5e5e5; box-shadow: 0 0 6px 0 rgba(128, 186, 241, 1);  -moz-box-shadow: 0 0 6px 0 rgba(128, 186, 241, 1); -webkit-box-shadow: 0 0 6px 0 rgba(128, 186, 241, 1);}

        .resourcesFilterBox ul.options li { list-style-image: none; list-style-type: none; color: #898989; vertical-align: middle; }
        .resourcesFilterBox ul.options li a { width: 100%; display: block; color: #293443; text-decoration: none; padding: 5px 10px; }
        .resourcesFilterBox ul.options li a:hover { color: #ffffff; background-color: #135d97; }

        #searchByTerm .filter { position: relative; }
        #searchByTerm .filterInput { width: 100%; line-height: 26px; padding: 5px 35px 5px 10px; }
        #searchByTerm .filterLoop { width: 21px; height: 21px; position: absolute; top: 50%; margin-top: -10.5px; right: 10px; z-index: 20; }

        @media (min-width: 379px) {
            .resourcesFilterBox div.filter { width: 300px; }
        }

        @media (min-width: 768px) {
            .resourcesFilterBox ul.options.active:before { top: -38px; }
        }

        @media (min-width: 992px) {
            .resourcesFilterBox .resourcesFilterTitle { text-align: left; margin-bottom: 0; }
            .resourcesFilterBox div.filter { float: right; margin: 0 0 0 20px; display: inline-block; }
            .resourcesFilterBox .resourcesFilterTitle { width: 22%; float: left; }
            .resourcesFilterBox .resourcesFilterOptions { width: 78%; float: left; }
            .resourcesFilterBox div.filter { width: auto; }
            #searchByTerm div.filter { width: 250px; }
        }

        @media (min-width: 992px) and (max-width: 1199px) {
            .resourcesFilterBox div.select, .resourcesFilterBox ul.options li a { font-size: 14px; }
            .resourcesFilterBox .select_type { width: 150px; }
            .resourcesFilterBox ul.options_topic, .resourcesFilterBox div.select.select_topic { width:280px; }
            .resourcesFilterBox ul.options_type, .resourcesFilterBox div.select.select_type { width:150px; }
        }

        @media (min-width: 1200px) {
            .resourcesFilterBox ul.options_topic, .resourcesFilterBox div.select.select_topic { width:300px; }
            .resourcesFilterBox ul.options_type, .resourcesFilterBox div.select.select_type { width:200px; }
        }

    /* END filter zone */

/********** END Resources **********/
/********** News Page/2Checkout Coverage **********/

.newsPage  { margin-top: 20px; }
.newsPage .newsWrap { text-align: center; margin: 0 -15px; }
.newsPage .newsWrapper { padding: 0 15px; width: 320px; display: inline-block; }
.newsPage .newsPictureBox .newsPicture { position: relative; height: 145px; overflow: hidden; }
.newsPage .newsPictureBox .newsPicture a { display: block; width: 100%; height: 100%; }
.newsPage .newsPictureBox .newsPicture img { position: absolute; top: -100%; bottom: -100%; left: 0; margin: auto; display: block; width: 100%; }

.newsPage .normalView .newsContent, .homPageNews.newsPage .hoverView .newsContent { height: 300px; padding: 30px 30px 50px; position: relative; }
.newsPage .normalView .newsContent h3 { font-size: 20px; line-height: 26px; }
.newsPage .normalView .newsContent.noImage, .newsPage .hoverView .newsContent, .homPageNews.newsPage .hoverView .newsContent.noImage { height: 445px; padding: 25px 30px; }

.newsPage .newsContent .dateBox { font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom: 10px; }

.newsPage .hoverView .newsContent .dateBox, .newsPage .hoverView .newsContent .newsPreview, .newsPage .hoverView .newsContent a { color: #ffffff; }
.newsPage .hoverView .newsContent .newsPreview { line-height: 24px; }

.newsPage .newsWrap .newsContent { text-align: left; }
.newsPage .newsBox { z-index: 0; }
.newsPage .newsBox .roll-effect-link-box { position: absolute; left: 30px; bottom: 30px; }

.newsPage .newsOption .numberRows { margin: 20px 0; height: 36px; line-height: 36px; }
.newsPage .newsOption .numberRows .numberRowsText, .newsPage .newsOption .numberRows .numberRowsOption, .newsPage .newsOption .paginationSeparator { display: inline-block; vertical-align: middle; }
.newsPage .newsOption .numberRows .numberRowsOption > a { display: inline-block; vertical-align: middle; padding: 0 5px; border-left: 1px solid #dee4e9; }
.newsPage .newsOption .numberRows .numberRowsOption > a:first-child { border-left: none; }
.newsPage .newsOption .paginationSeparator { width: 1px; height: 22px; border-left: 1px solid #dee4e9; margin-left: 5px; }

@media (min-width: 768px) and (max-width: 991px){
    .newsPage .newsPictureBox .newsPicture { height: 165px; }
    .newsPage .newsWrapper { width: 360px; }
    .newsPage .normalView .newsContent.noImage, .newsPage .hoverView .newsContent, .homPageNews.newsPage .hoverView .newsContent.noImage { height: 465px; }
}

@media (min-width: 992px){
    .newsPage .newsWrapper { width: 33.3333%; display: block; float: left; }
    .newsPage .newsPictureBox .newsPicture img { width: 100%; }
    .newsPage .normalView .newsContent.noImage, .newsPage .hoverView .newsContent, .homPageNews.newsPage .hoverView .newsContent.noImage { height: 485px; }
}

@media (min-width: 1200px){
    .newsPage .newsPictureBox .newsPicture { height: 185px; }
}

/********** END News Page **********/
/********** 2Checkout Coverage **********/

.coveragePage  { margin-top: 20px; }
.coveragePage .coverageWrap { text-align: center; margin: 0 -15px; }
.coveragePage .coverageWrapper { padding: 0 15px; width: 320px; display: inline-block; }
.coveragePage .coveragePictureBox .coveragePicture { background-image: url("/resources/en/general/coverage-item-background-image.jpg"); background-repeat: no-repeat; background-size: 100% 100%; height: 145px; overflow: hidden; }
.coveragePage .coveragePictureBox .coveragePicture a { display: block; width: 100%; height: 100%; text-align: center; }
.coveragePage .coveragePictureBox .coveragePicture a span { display: inline-block; vertical-align: middle; min-height: 100%; width: 0; }
.coveragePage .coveragePictureBox .coveragePicture a img { display: inline-block; vertical-align: middle; }

.coveragePage .normalView .coverageContent { height: 300px; padding: 30px 30px 50px; position: relative; }
.coveragePage .normalView .coverageContent h3 { font-size: 20px; line-height: 26px; }
.coveragePage .normalView .coverageContent.noImage, .coveragePage .hoverView .coverageContent { height: 445px; padding: 25px 30px; }

.coveragePage .coverageContent .dateBox { font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom: 10px; }

.coveragePage .hoverView .coverageContent .dateBox, .coveragePage .hoverView .coverageContent .coveragePreview, .coveragePage .hoverView .coverageContent .coveragePreview p, .coveragePage .hoverView .coverageContent a { color: #ffffff; }
.coveragePage .hoverView .coverageContent .coveragePreview { line-height: 24px; }

.coveragePage .coverageBox { text-align: left; }
.coveragePage .coverageBox .roll-effect-link-box { position: absolute; left: 30px; bottom: 30px; }

.coveragePage .coverageOption .numberRows { margin: 20px 0; height: 36px; line-height: 36px; }
.coveragePage .coverageOption .numberRows .numberRowsText, .coveragePage .coverageOption .numberRows .numberRowsOption, .coveragePage .coverageOption .paginationSeparator { display: inline-block; vertical-align: middle; }
.coveragePage .coverageOption .numberRows .numberRowsOption > a{ display: inline-block; vertical-align: middle; padding: 0 5px; border-left: 1px solid #dee4e9; }
.coveragePage .coverageOption .numberRows .numberRowsOption > a:first-child { border-left: none; }
.coveragePage .coverageOption .paginationSeparator { width: 1px; height: 22px; border-left: 1px solid #dee4e9; margin-left: 5px; }

.coveragePage .coverageOption { margin: 30px 0 0; padding: 5px 0; position: relative; z-index: 0; }
.coveragePage .coverageOption:before { content: ""; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; background-color: #ffffff;  }
.coveragePage .coverageOption .paginationBox { padding-right: 15px; }

@media (min-width: 768px) and (max-width: 991px){
    .coveragePage .coverageWrapper { width: 360px; }
    .coveragePage .coveragePictureBox .coveragePicture { height: 165px; }
    .coveragePage .normalView .coverageContent.noImage, .coveragePage .hoverView .coverageContent, .homPageNews.coveragePage .hoverView .coverageContent.noImage { height: 465px; }
}

@media (min-width: 992px){
    .coveragePage .coverageWrapper { width: 33.3333%; display: block; float: left; }
    .coveragePage .normalView .coverageContent.noImage, .coveragePage .hoverView .coverageContent { height: 485px; }
}

@media (min-width: 1200px){
    .coveragePage .coveragePictureBox .coveragePicture { height: 185px; }
}

/********** END 2Checkout Coverage **********/
/********** Events **********/

.noItemsBox { text-align: center; }
.noItemsBox .noItemsText { color: #12578c; }

.eventPage .noItemsBox { padding-top: 70px; }

.eventPage { background-color: #efeeee; }
.eventPage .futureContainer { background-color: #ffffff; }
.eventPage .eventWrap { text-align: center; margin: 0 -15px; }
.eventPage .eventWrapper { padding: 0 15px; width: 320px; display: inline-block; }
.eventPage .eventPictureBox .eventPicture { position: relative; height: 145px; overflow: hidden; }
.eventPage .eventPictureBox .eventPicture.newPicture a { display: block; width: 100%; height: 100%; position: relative; }
.eventPage .eventPictureBox .eventPicture.newPicture img { position: absolute; top: -100%; bottom: -100%; left: 0; margin: auto; display: block; }

.eventPage .normalView .eventContent, .eventPage .hoverView .eventContent { height: 265px; padding: 30px 30px 50px; position: relative; }
.eventPage .futureContainer .normalView .eventContent { background-color: #efeeee; }
.eventPage .pastContainer .normalView .eventContent { background-color: #ffffff; }
.eventPage .normalView .eventContent h3 { font-size: 20px; line-height: 26px; }
.eventPage .normalView .eventContent.noImage, .eventPage .hoverView .eventContent.noImage { height: 410px; padding: 25px 30px; }

.eventPage .eventPicture.oldPicture { text-align: center; background-image: url("/resources/en/general/coverage-item-background-image.jpg"); background-repeat: no-repeat; background-size: 100% 100%; }
.eventPage .eventPicture.oldPicture a { display: inline-block; width: 98%; vertical-align: middle; }
.eventPage .eventPicture.oldPicture a img, .eventPage .eventPicture.oldPicture img { display: inline-block; }
.eventPage .eventPicture.oldPicture span { display: inline-block; vertical-align: middle; width: 0; color: transparent; font-size: 0; line-height: 0; height: 145px; }

.eventPage .eventContent .dateBox { font-size: 12px; line-height: 24px; margin-bottom: 10px; }
.eventPage .eventContent .dateBox .eventDate { font-weight: 500; text-transform: uppercase; }

.eventPage .hoverView .eventContent h3 a, .eventPage .hoverView .eventContent .eventDescription, .eventPage .hoverView .eventContent .eventDescription p, .eventPage .hoverView .eventContent .hoverDateBox, .eventPage .hoverView .eventContent a { color: #ffffff; }
.eventPage .hoverView .eventContent .eventPreview { line-height: 24px; }

.eventPage .eventWrap .eventContent { text-align: left; }
.eventPage .eventBox .roll-effect-link-box { position: absolute; left: 30px; bottom: 30px; }

.eventPage .eventOption .numberRows { margin: 20px 0; height: 36px; line-height: 36px; }
.eventPage .eventOption .numberRows .numberRowsText, .eventPage .eventOption .numberRows .numberRowsOption, .eventPage .eventOption .paginationSeparator { display: inline-block; vertical-align: middle; }
.eventPage .eventOption .numberRows .numberRowsOption > a { display: inline-block; vertical-align: middle; padding: 0 5px; border-left: 1px solid #dee4e9; }
.eventPage .eventOption .numberRows .numberRowsOption > a:first-child { border-left: none; }
.eventPage .eventOption .paginationSeparator { width: 1px; height: 22px; border-left: 1px solid #dee4e9; margin-left: 5px; }

@media (min-width: 768px) and (max-width: 991px){
    .eventPage .eventPictureBox .newsPicture { height: 165px; }
    .eventPage .eventWrapper { width: 360px; }
    .eventPage .eventContent .dateBox { font-size: 14px; }
}

@media (min-width: 992px){
    .eventPage .eventWrapper { width: 33.3333%; display: block; float: left; }
    .eventPage .eventPictureBox .eventPicture.newPicture img { width: 100%; }
    .eventPage .normalView .eventContent, .eventPage .hoverView .eventContent { height: 250px; }
    .eventPage .futureContainer { padding-bottom: 70px; }
    .eventPage .normalView .eventContent.noImage, .eventPage .hoverView .eventContent.noImage { height: 435px; }
}

@media (min-width: 1200px){
    .eventPage .eventPictureBox .eventPicture, .eventPage .eventPicture.oldPicture span { height: 185px; }
}

/********** END Events **********/
/********** Classic screen **********/

@media screen and (min-width: 768px) {

    .notebook-footer, .big-wheel, .small-wheel { display: block; }
    .notebook{ margin-bottom: 0; }
   
    .shopper-support-logos { background: url('/resources/en/general/clients-gray.png') repeat-y center 40px fixed; height: 210px; width: 100%; }
    .testimonial-image .grayscale { display: none; }
    .btn.large { padding: 20px 60px; font-size: 16px; }
    .wrapper-get-started .btn { font-size: 24px; }
    .whats-next .height80 { height: 80px; }
    .half-p-centered { width: 50%; margin: 0 auto; }

}

@media screen and (min-width: 768px) {

    .padding-top40 { padding-top: 40px; }
    .carousel-control.right { right: -30px; }
    .carousel-control.left { left: -30px; }
    .hp-carousel-bg { padding-top: 123px; }

    .footer-resources-container { height: auto; min-height: 185px; }
    .news-text { margin-left: 20%; }

    .btn-primary { font-size: 16px; }
    
    .carousel-control.left { left: 24%; }
    .carousel-control.right { right: 24%; }
    .testimonial-image { width: 26%; float: left; }
    .testimonial-image .grayscale { display: block; }
    .testimonial-image.margin { display: block; }
    .testimonial-info { float: left; width: 22%; }
    .shopper-testimonial-text { font-size: 25px; line-height: 30px; }
    .solutions-testimonial-img { position: absolute; bottom: -50px; right: 0; }
    .wrapper-get-started { background: #37464f url('/resources/en/general/footer-bg.jpg') repeat center top; }
    .wrapper-tabs, .wrapper-tabs-login { background: url('/resources/en/general/bg-tabs.png') repeat-x center top; width: 100%; height: 100%; position: relative; z-index: 2; }
    .wrapper-submenu.fixed { position:fixed; display:block; z-index:98; margin:0 auto;width:100%;top:78px;border-bottom:1px solid #85abc2;-webkit-box-shadow:0 0 15px rgba(50, 50, 50, 0.5);-moz-box-shadow:0 0 15px rgba(50, 50, 50, 0.5); box-shadow: 0 0 15px rgba(50, 50, 50, 0.5); }
    .wrapper-submenu.cookie-buffer{top:125px; }
    .play{opacity: 0.6; }    

    /********** END Spacers **********/
    /********** Styles normal icons **********/

    .icon { width: 225px; height: 225px; }
    .icon img { width: 200px; height: 200px; }
    .icon img.hover { width: 150px; height: 150px; }
    .icon div { width: 265px; height: 225px; }
    
    /********** END Styles normal icons **********/
    /********** Styles big icons **********/

    .icon.big, .icon.big div, .icon.big img { width: 300px; height: 300px; }
    
    /********** END Styles big icons **********/
    
}

/********** END Classic screen **********/

@media screen and (min-width: 768px) and (max-width: 1199px) { 
    .testimonial-title { font-size: 14px; }
    .testimonial, .testimonial-person { font-size: 14px; line-height: 20px; }
    .testimonial-person, .testimonial-job { font-size: 13px; }
    .testimonial { font-size: 13px; line-height: 16px; }
    .testimonial-person, .testimonial-job { font-size: 13px; }
    .quote { font-size: 13px; line-height: 14px; }
}

/********** Wide screen **********/

@media screen and (min-width: 1200px) {
    .testimonial-wrapper { width: 100%; padding: 0 10px; display: block; }
    .testimonial-title { font-size: 15px; }
    .testimonial { padding: 5px 0; display: block; font-size: 18px; line-height: 22px; }
    .testimonial-person, .testimonial-job { font-size: 15px; }
    .quote { font-size: 25px; line-height: 25px; }
}

/********** END Wide screen **********/
/********** Styles for large screens **********/

@media screen and (min-width: 768px) and (max-width: 991px) {	
    .avangate { width: 130px; }
    .pulse_pointer:before { bottom: -4px; right: 13px; width:10px; height: 10px; }
}

/********** END Styles for large screens **********/
/********** Styles for phone: XS **********/

@media screen and (max-width:767px) {
    .buffer10-xs { margin-top: 5px; margin-bottom: 5px; }
    .buffer20-xs { margin-top: 10px; margin-bottom: 10px; }
    .top-buffer10-xs { margin-top: 5px; }
    .top-buffer20-xs { margin-top: 10px; }
    .top-buffer30-xs { margin-top: 15px; }
    .top-buffer40-xs { margin-top: 20px; }
    .bottom-buffer10-xs { margin-bottom: 5px; }
    .bottom-buffer20-xs { margin-bottom: 10px; }
    .bottom-buffer30-xs { margin-bottom: 15px; }
    .bottom-buffer40-xs { margin-bottom: 20px; }
    .no-padd-xs { padding: 0 !important; }
    .no-margin-xs { margin: 0 !important; }
}

/********** END Styles for phone: XS **********/
/********** De scos cand se pun live limbile **********/

#secundary-menu ul.nav > li.last, #primary-mobile-menu .nav > li.last { display: none !important; }
#moblieChannelSearch { margin: 25px 15px; }
.header #secundary-menu	ul.nav > li.searchField { margin: 0 0 0 10px; }
.header #channel-search { right: 0; }

@media (max-width: 767px) {
    #hide-at-scroll .container { padding: 0 15px; }
} 

/********** END De scos cand se pun live limbile **********/

/**********  De scos cand se rezolva problema cu wikipedia **********/

.footer .copyrightBox .footer_social .socialBox ul.social li:last-child {
	display: none;
}

/********** END De scos cand se rezolva problema cu wikipedia  **********/