/* 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:''; 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 **********/